react-double-range-slider - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

dist/cjs/index.d.ts

@@ -1,2 +0,3 @@
-export * as default from "./components";
+export * from "./components";
+export * as RangeSlider from "./components/RangeSlider";
 import "./components/RangeSlider/RangeSlider.scss";

dist/cjs/index.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=function(){return n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)},r=function(e,t){var n=e.getBoundingClientRect(),r=t.getBoundingClientRect();return!(n.top+n.height<r.top||n.top>r.top+r.height||n.left+n.width<r.left||n.left>r.left+r.width)},i=Object.freeze({__proto__:null,RangeSlider:function(i){var u,l,c,a=i.hasSteps,d=i.tooltipVisibility,o=i.tooltipPosition,s=i.value,h=i.onChange,f=s instanceof Array?s:Array.from((u=s.min,l=s.max+1,c=1,Array.from(Array.from(Array(Math.ceil((l-u)/c)).keys()),(function(e){return u+e*c})))),v=t.useState({value:f.at(0)instanceof Array?f.at(0):f.at(0).toString(),valueIndex:0}),p=v[0],x=v[1],g=t.useState({value:f.at(f.length-1)instanceof String?f.at(f.length-1):f.at(f.length-1).toString(),valueIndex:f.length-1}),m=g[0],S=g[1];d||(d="always");var y=t.useState(null),b=y[0],W=y[1],j=t.useState(null),M=j[0],w=j[1],N=t.useState(null),R=N[0],O=N[1],C=t.useState("always"===d?"visible":"hidden"),E=C[0],L=C[1],A=t.useState("hidden"),_=A[0],B=A[1],D=t.useState("always"===d?"visible":"hidden"),k=D[0],I=D[1],X=t.useState(null),P=X[0],q=X[1],z=t.useState(null),V=z[0],F=z[1],G=t.useState(null),H=G[0],J=G[1],K=t.useState(!1),Q=K[0],T=K[1],U=t.useState(0),Y=U[0],Z=U[1],$=t.useState(!1),ee=$[0],te=$[1],ne=t.useRef(null),re=t.useRef(null),ie=t.useRef(null),ue=t.useRef(null),le=t.useRef(null),ce=t.useRef(null),ae=t.useRef(null),de=t.useState(null),oe=de[0],se=de[1],he=t.useState(null),fe=he[0],ve=he[1],pe=t.useState(null),xe=pe[0],ge=pe[1],me=t.useState(null),Se=me[0],ye=me[1],be=t.useState(null),We=be[0],je=be[1],Me=t.useState(null),we=Me[0],Ne=Me[1],Re=t.useState(null),Oe=Re[0],Ce=Re[1];t.useEffect((function(){document.addEventListener("mousemove",(function(e){Z(e.clientX)})),document.addEventListener("mouseup",(function(e){ye(null),te(!1),"hover"===d&&(L("hidden"),I("hidden"),B("hidden"))})),ue.current&&ae.current&&(w(ue.current.clientWidth-ae.current.clientWidth/2),je(ae.current.clientWidth)),ce.current&&(se(ce.current.clientWidth/-2),W(ce.current.clientWidth/-2)),ae.current&&le.current&&(ve(le.current.clientWidth-ae.current.clientWidth/2),w(le.current.clientWidth-ae.current.clientWidth/2)),le.current&&O({width:le.current.clientWidth,left:le.current.offsetLeft}),ne.current&&ie.current&&(q(ne.current.clientWidth/2),F(ie.current.clientWidth/2))}),[]),t.useEffect((function(){ne.current&&ie.current&&T(r(ne.current,ie.current))}),[P,V]),t.useEffect((function(){"hover"===d?Q&&ee?(B("visible"),L("hidden"),I("hidden")):xe===ce.current&&ee?(L("visible"),B("hidden"),I("hidden")):xe===ae.current&&ee?(I("visible"),B("hidden"),L("hidden")):(L("hidden"),I("hidden"),B("hidden")):"always"===d&&(Q?(B("visible"),L("hidden"),I("hidden")):(B("hidden"),L("visible"),I("visible")))}),[Q]),t.useEffect((function(){null!==b&&null!==M&&We&&O({left:b+We/2,width:M-b}),R&&re.current&&J(R.left+R.width/2-re.current.clientWidth/2),Oe&&Le(Oe)}),[Oe]),t.useEffect((function(){h({min:p.value,max:m.value})}),[p.value,m.value]),t.useEffect((function(){if(ee&&Se&&xe&&oe&&fe&&We&&null!==we&&ue.current&&null!==b&&null!==M){var e=(we||0)+(Y-Se),t=Math.round(e/(ue.current.clientWidth/(f.length-1))),n=ue.current.clientWidth/(f.length-1)*t-We/2;if(a){if(n>=oe&&n<=fe){if(xe===ce.current&&n>M)return;if(xe===ae.current&&n<b)return;xe===ce.current&&W(n),xe===ae.current&&w(n)}}else if(e>=oe&&e<=fe){if(xe===ce.current&&e>=M)return;if(xe===ae.current&&e<=b)return;xe===ce.current&&W(e),xe===ae.current&&w(e)}Ce(xe)}}),[Y]);var Ee=function(e){if(e.preventDefault(),ce.current&&ae.current&&We&&oe&&fe&&null!==b&&null!==M){var t=Math.abs(e.clientX-ce.current.getBoundingClientRect().left)>Math.abs(e.clientX-ae.current.getBoundingClientRect().left)?ae.current:ce.current;Ne(t.offsetLeft),console.log(t);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-We/2,r=Math.round(n/(ue.current.clientWidth/(f.length-1))),i=ue.current.clientWidth/(f.length-1)*r-We/2;if(a){if(i>=oe&&i<=fe){if(t===ce.current&&i>M)return;if(t===ae.current&&i<b)return;t===ce.current&&W(i),t===ae.current&&w(i)}}else if(n>=oe&&n<=fe){if(t===ce.current&&n>=M)return;if(t===ae.current&&n<=b)return;t===ce.current&&W(n),t===ae.current&&w(n)}Ce(t)}},Le=function(e){if(ue.current&&le.current&&e&&We){var t=ue.current.clientWidth/f.length,n=Number(e.style.left.replace("px",""));n=(n=n>ue.current.clientWidth?ue.current.clientWidth:n)<=0?0:n;var i=Math.floor((n+We/2)/t);i>=f.length&&(i=f.length-1);var u=f.at(i)instanceof String?f.at(i):f.at(i).toString();e===ce.current&&x({value:u,valueIndex:i}),e===ae.current&&S({value:u,valueIndex:i}),ne.current&&ie.current&&(q(ne.current.clientWidth/2),F(ie.current.clientWidth/2),T(r(ne.current,ie.current)))}Ce(null)};return e.jsxs("div",n({className:"slider-container"},{children:[e.jsx("div",n({className:"rail",ref:ue,onClick:Ee},{children:a&&f.map((function(t,n){return ue.current&&n>0&&n<f.length-1&&e.jsx("div",{className:"step",style:{left:"".concat(ue.current.clientWidth/(f.length-1)*n-2.5,"px")}},n)}))})),e.jsx("div",{className:"track",ref:le,style:R?{left:"".concat(R.left,"px"),width:"".concat(R.width,"px")}:void 0,onMouseOver:function(){"hover"===d&&Q?(B("visible"),L("hidden"),I("hidden")):"hover"===d&&(B("hidden"),L("hidden"),I("hidden"))},onMouseOut:function(){("hover"===d&&Q||"hover"===d)&&(B("hidden"),L("hidden"),I("hidden"))},onClick:Ee}),e.jsx("div",n({className:"min ball".concat(xe===ce.current?" active":""),style:{left:"".concat(b,"px")},ref:ce,onMouseOver:function(){"hover"!==d||Q?"hover"===d&&Q&&(L("hidden"),B("visible")):(L("visible"),B("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(L("hidden"),B("hidden")):(L("hidden"),B("hidden"))},onMouseDown:function(e){e.preventDefault(),ye(Y),ge(ce.current),Ne(b),te(!0)}},{children:e.jsx("div",n({className:"tooltip ".concat(o||"over"),style:{visibility:E,marginLeft:"-".concat(P,"px")},ref:ne},{children:e.jsx("p",n({className:"min-text-holder text-holder"},{children:p.value}))}))})),e.jsx("div",n({className:"mid tooltip ".concat(o||"over"),ref:re,style:{visibility:_,left:"".concat(H,"px")}},{children:e.jsx("p",n({className:"mid-text-holder text-holder"},{children:p.value===m.value?"".concat(p.value):"".concat(p.value," - ").concat(m.value)}))})),e.jsx("div",n({className:"max ball".concat(xe===ae.current?" active":""),style:{left:"".concat(M,"px")},ref:ae,onMouseOver:function(){"hover"!==d||Q?"hover"===d&&Q&&(I("hidden"),B("visible")):(I("visible"),B("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(I("hidden"),B("hidden")):(I("hidden"),B("hidden"))},onMouseDown:function(e){e.preventDefault(),ye(Y),ge(ae.current),Ne(M),te(!0)}},{children:e.jsx("div",n({className:"tooltip ".concat(o||"over"),style:{visibility:k,marginLeft:"-".concat(V,"px")},ref:ie},{children:e.jsx("p",n({className:"max-text-holder text-holder"},{children:m.value}))}))}))]}))}});exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=function(){return n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)},r=function(e,t){var n=e.getBoundingClientRect(),r=t.getBoundingClientRect();return!(n.top+n.height<r.top||n.top>r.top+r.height||n.left+n.width<r.left||n.left>r.left+r.width)},i=Object.freeze({__proto__:null,RangeSlider:function(i){var l,u,c,a=i.hasSteps,d=i.tooltipVisibility,o=i.tooltipPosition,s=i.value,h=i.onChange,f=s instanceof Array?s:Array.from((l=s.min,u=s.max+1,c=1,Array.from(Array.from(Array(Math.ceil((u-l)/c)).keys()),(function(e){return l+e*c})))),v=t.useState({value:f.at(0)instanceof Array?f.at(0):f.at(0).toString(),valueIndex:0}),g=v[0],p=v[1],x=t.useState({value:f.at(f.length-1)instanceof String?f.at(f.length-1):f.at(f.length-1).toString(),valueIndex:f.length-1}),m=x[0],S=x[1];d||(d="always");var y=t.useState(null),b=y[0],W=y[1],j=t.useState(null),M=j[0],w=j[1],R=t.useState(null),N=R[0],O=R[1],C=t.useState("always"===d?"visible":"hidden"),E=C[0],L=C[1],A=t.useState("hidden"),_=A[0],B=A[1],D=t.useState("always"===d?"visible":"hidden"),k=D[0],I=D[1],X=t.useState(null),P=X[0],q=X[1],z=t.useState(null),V=z[0],F=z[1],G=t.useState(null),H=G[0],J=G[1],K=t.useState(!1),Q=K[0],T=K[1],U=t.useState(0),Y=U[0],Z=U[1],$=t.useState(!1),ee=$[0],te=$[1],ne=t.useRef(null),re=t.useRef(null),ie=t.useRef(null),le=t.useRef(null),ue=t.useRef(null),ce=t.useRef(null),ae=t.useRef(null),de=t.useState(null),oe=de[0],se=de[1],he=t.useState(null),fe=he[0],ve=he[1],ge=t.useState(null),pe=ge[0],xe=ge[1],me=t.useState(null),Se=me[0],ye=me[1],be=t.useState(null),We=be[0],je=be[1],Me=t.useState(null),we=Me[0],Re=Me[1],Ne=t.useState(null),Oe=Ne[0],Ce=Ne[1];t.useEffect((function(){document.addEventListener("mousemove",(function(e){Z(e.clientX)})),document.addEventListener("mouseup",(function(e){ye(null),te(!1),"hover"===d&&(L("hidden"),I("hidden"),B("hidden"))})),le.current&&ae.current&&(w(le.current.clientWidth-ae.current.clientWidth/2),je(ae.current.clientWidth)),ce.current&&(se(ce.current.clientWidth/-2),W(ce.current.clientWidth/-2)),ae.current&&ue.current&&(ve(ue.current.clientWidth-ae.current.clientWidth/2),w(ue.current.clientWidth-ae.current.clientWidth/2)),ue.current&&O({width:ue.current.clientWidth,left:ue.current.offsetLeft}),ne.current&&ie.current&&(q(ne.current.clientWidth/2),F(ie.current.clientWidth/2))}),[]),t.useEffect((function(){ne.current&&ie.current&&T(r(ne.current,ie.current))}),[P,V]),t.useEffect((function(){"hover"===d?Q&&ee?(B("visible"),L("hidden"),I("hidden")):pe===ce.current&&ee?(L("visible"),B("hidden"),I("hidden")):pe===ae.current&&ee?(I("visible"),B("hidden"),L("hidden")):(L("hidden"),I("hidden"),B("hidden")):"always"===d&&(Q?(B("visible"),L("hidden"),I("hidden")):(B("hidden"),L("visible"),I("visible")))}),[Q]),t.useEffect((function(){null!==b&&null!==M&&We&&O({left:b+We/2,width:M-b}),N&&re.current&&J(N.left+N.width/2-re.current.clientWidth/2),Oe&&Le(Oe)}),[Oe]),t.useEffect((function(){h({min:g.value,max:m.value})}),[g.value,m.value]),t.useEffect((function(){if(ee&&Se&&pe&&oe&&fe&&We&&null!==we&&le.current&&null!==b&&null!==M){var e=(we||0)+(Y-Se),t=Math.round(e/(le.current.clientWidth/(f.length-1))),n=le.current.clientWidth/(f.length-1)*t-We/2;if(a){if(n>=oe&&n<=fe){if(pe===ce.current&&n>M)return;if(pe===ae.current&&n<b)return;pe===ce.current&&W(n),pe===ae.current&&w(n)}}else if(e>=oe&&e<=fe){if(pe===ce.current&&e>=M)return;if(pe===ae.current&&e<=b)return;pe===ce.current&&W(e),pe===ae.current&&w(e)}Ce(pe)}}),[Y]);var Ee=function(e){if(e.preventDefault(),ce.current&&ae.current&&We&&oe&&fe&&null!==b&&null!==M){var t=Math.abs(e.clientX-ce.current.getBoundingClientRect().left)>Math.abs(e.clientX-ae.current.getBoundingClientRect().left)?ae.current:ce.current;Re(t.offsetLeft),console.log(t);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-We/2,r=Math.round(n/(le.current.clientWidth/(f.length-1))),i=le.current.clientWidth/(f.length-1)*r-We/2;if(a){if(i>=oe&&i<=fe){if(t===ce.current&&i>M)return;if(t===ae.current&&i<b)return;t===ce.current&&W(i),t===ae.current&&w(i)}}else if(n>=oe&&n<=fe){if(t===ce.current&&n>=M)return;if(t===ae.current&&n<=b)return;t===ce.current&&W(n),t===ae.current&&w(n)}Ce(t)}},Le=function(e){if(le.current&&ue.current&&e&&We){var t=le.current.clientWidth/f.length,n=Number(e.style.left.replace("px",""));n=(n=n>le.current.clientWidth?le.current.clientWidth:n)<=0?0:n;var i=Math.floor((n+We/2)/t);i>=f.length&&(i=f.length-1);var l=f.at(i)instanceof String?f.at(i):f.at(i).toString();e===ce.current&&p({value:l,valueIndex:i}),e===ae.current&&S({value:l,valueIndex:i}),ne.current&&ie.current&&(q(ne.current.clientWidth/2),F(ie.current.clientWidth/2),T(r(ne.current,ie.current)))}Ce(null)};return e.jsxs("div",n({className:"slider-container"},{children:[e.jsx("div",n({className:"rail",ref:le,onClick:Ee},{children:a&&f.map((function(t,n){return le.current&&n>0&&n<f.length-1&&e.jsx("div",{className:"step",style:{left:"".concat(le.current.clientWidth/(f.length-1)*n-2.5,"px")}},n)}))})),e.jsx("div",{className:"track",ref:ue,style:N?{left:"".concat(N.left,"px"),width:"".concat(N.width,"px")}:void 0,onMouseOver:function(){"hover"===d&&Q?(B("visible"),L("hidden"),I("hidden")):"hover"===d&&(B("hidden"),L("hidden"),I("hidden"))},onMouseOut:function(){("hover"===d&&Q||"hover"===d)&&(B("hidden"),L("hidden"),I("hidden"))},onClick:Ee}),e.jsx("div",n({className:"min ball".concat(pe===ce.current?" active":""),style:{left:"".concat(b,"px")},ref:ce,onMouseOver:function(){"hover"!==d||Q?"hover"===d&&Q&&(L("hidden"),B("visible")):(L("visible"),B("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(L("hidden"),B("hidden")):(L("hidden"),B("hidden"))},onMouseDown:function(e){e.preventDefault(),ye(Y),xe(ce.current),Re(b),te(!0)}},{children:e.jsx("div",n({className:"tooltip ".concat(o||"over"),style:{visibility:E,marginLeft:"-".concat(P,"px")},ref:ne},{children:e.jsx("p",n({className:"min-text-holder text-holder"},{children:g.value}))}))})),e.jsx("div",n({className:"mid tooltip ".concat(o||"over"),ref:re,style:{visibility:_,left:"".concat(H,"px")}},{children:e.jsx("p",n({className:"mid-text-holder text-holder"},{children:g.value===m.value?"".concat(g.value):"".concat(g.value," - ").concat(m.value)}))})),e.jsx("div",n({className:"max ball".concat(pe===ae.current?" active":""),style:{left:"".concat(M,"px")},ref:ae,onMouseOver:function(){"hover"!==d||Q?"hover"===d&&Q&&(I("hidden"),B("visible")):(I("visible"),B("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(I("hidden"),B("hidden")):(I("hidden"),B("hidden"))},onMouseDown:function(e){e.preventDefault(),ye(Y),xe(ae.current),Re(M),te(!0)}},{children:e.jsx("div",n({className:"tooltip ".concat(o||"over"),style:{visibility:k,marginLeft:"-".concat(V,"px")},ref:ie},{children:e.jsx("p",n({className:"max-text-holder text-holder"},{children:m.value}))}))}))]}))}});exports.RangeSlider=i;
 //# sourceMappingURL=index.js.map

dist/esm/index.d.ts

@@ -1,2 +0,3 @@
-export * as default from "./components";
+export * from "./components";
+export * as RangeSlider from "./components/RangeSlider";
 import "./components/RangeSlider/RangeSlider.scss";

dist/esm/index.js

@@ -1,2 +0,2 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as t,useRef as r,useEffect as i}from"react";var l=function(){return l=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},l.apply(this,arguments)},c=function(e,n){var t=e.getBoundingClientRect(),r=n.getBoundingClientRect();return!(t.top+t.height<r.top||t.top>r.top+r.height||t.left+t.width<r.left||t.left>r.left+r.width)},u=Object.freeze({__proto__:null,RangeSlider:function(u){var d,o,a,h=u.hasSteps,f=u.tooltipVisibility,s=u.tooltipPosition,v=u.value,m=u.onChange,p=v instanceof Array?v:Array.from((d=v.min,o=v.max+1,a=1,Array.from(Array.from(Array(Math.ceil((o-d)/a)).keys()),(function(e){return d+e*a})))),g=t({value:p.at(0)instanceof Array?p.at(0):p.at(0).toString(),valueIndex:0}),y=g[0],b=g[1],x=t({value:p.at(p.length-1)instanceof String?p.at(p.length-1):p.at(p.length-1).toString(),valueIndex:p.length-1}),W=x[0],w=x[1];f||(f="always");var M=t(null),N=M[0],O=M[1],C=t(null),L=C[0],S=C[1],A=t(null),R=A[0],B=A[1],D=t("always"===f?"visible":"hidden"),j=D[0],k=D[1],I=t("hidden"),X=I[0],_=I[1],E=t("always"===f?"visible":"hidden"),P=E[0],z=E[1],V=t(null),q=V[0],F=V[1],G=t(null),H=G[0],J=G[1],K=t(null),Q=K[0],T=K[1],U=t(!1),Y=U[0],Z=U[1],$=t(0),ee=$[0],ne=$[1],te=t(!1),re=te[0],ie=te[1],le=r(null),ce=r(null),ue=r(null),de=r(null),oe=r(null),ae=r(null),he=r(null),fe=t(null),se=fe[0],ve=fe[1],me=t(null),pe=me[0],ge=me[1],ye=t(null),be=ye[0],xe=ye[1],We=t(null),we=We[0],Me=We[1],Ne=t(null),Oe=Ne[0],Ce=Ne[1],Le=t(null),Se=Le[0],Ae=Le[1],Re=t(null),Be=Re[0],De=Re[1];i((function(){document.addEventListener("mousemove",(function(e){ne(e.clientX)})),document.addEventListener("mouseup",(function(e){Me(null),ie(!1),"hover"===f&&(k("hidden"),z("hidden"),_("hidden"))})),de.current&&he.current&&(S(de.current.clientWidth-he.current.clientWidth/2),Ce(he.current.clientWidth)),ae.current&&(ve(ae.current.clientWidth/-2),O(ae.current.clientWidth/-2)),he.current&&oe.current&&(ge(oe.current.clientWidth-he.current.clientWidth/2),S(oe.current.clientWidth-he.current.clientWidth/2)),oe.current&&B({width:oe.current.clientWidth,left:oe.current.offsetLeft}),le.current&&ue.current&&(F(le.current.clientWidth/2),J(ue.current.clientWidth/2))}),[]),i((function(){le.current&&ue.current&&Z(c(le.current,ue.current))}),[q,H]),i((function(){"hover"===f?Y&&re?(_("visible"),k("hidden"),z("hidden")):be===ae.current&&re?(k("visible"),_("hidden"),z("hidden")):be===he.current&&re?(z("visible"),_("hidden"),k("hidden")):(k("hidden"),z("hidden"),_("hidden")):"always"===f&&(Y?(_("visible"),k("hidden"),z("hidden")):(_("hidden"),k("visible"),z("visible")))}),[Y]),i((function(){null!==N&&null!==L&&Oe&&B({left:N+Oe/2,width:L-N}),R&&ce.current&&T(R.left+R.width/2-ce.current.clientWidth/2),Be&&ke(Be)}),[Be]),i((function(){m({min:y.value,max:W.value})}),[y.value,W.value]),i((function(){if(re&&we&&be&&se&&pe&&Oe&&null!==Se&&de.current&&null!==N&&null!==L){var e=(Se||0)+(ee-we),n=Math.round(e/(de.current.clientWidth/(p.length-1))),t=de.current.clientWidth/(p.length-1)*n-Oe/2;if(h){if(t>=se&&t<=pe){if(be===ae.current&&t>L)return;if(be===he.current&&t<N)return;be===ae.current&&O(t),be===he.current&&S(t)}}else if(e>=se&&e<=pe){if(be===ae.current&&e>=L)return;if(be===he.current&&e<=N)return;be===ae.current&&O(e),be===he.current&&S(e)}De(be)}}),[ee]);var je=function(e){if(e.preventDefault(),ae.current&&he.current&&Oe&&se&&pe&&null!==N&&null!==L){var n=Math.abs(e.clientX-ae.current.getBoundingClientRect().left)>Math.abs(e.clientX-he.current.getBoundingClientRect().left)?he.current:ae.current;Ae(n.offsetLeft),console.log(n);var t=n.offsetLeft+(e.clientX-n.getBoundingClientRect().left)-Oe/2,r=Math.round(t/(de.current.clientWidth/(p.length-1))),i=de.current.clientWidth/(p.length-1)*r-Oe/2;if(h){if(i>=se&&i<=pe){if(n===ae.current&&i>L)return;if(n===he.current&&i<N)return;n===ae.current&&O(i),n===he.current&&S(i)}}else if(t>=se&&t<=pe){if(n===ae.current&&t>=L)return;if(n===he.current&&t<=N)return;n===ae.current&&O(t),n===he.current&&S(t)}De(n)}},ke=function(e){if(de.current&&oe.current&&e&&Oe){var n=de.current.clientWidth/p.length,t=Number(e.style.left.replace("px",""));t=(t=t>de.current.clientWidth?de.current.clientWidth:t)<=0?0:t;var r=Math.floor((t+Oe/2)/n);r>=p.length&&(r=p.length-1);var i=p.at(r)instanceof String?p.at(r):p.at(r).toString();e===ae.current&&b({value:i,valueIndex:r}),e===he.current&&w({value:i,valueIndex:r}),le.current&&ue.current&&(F(le.current.clientWidth/2),J(ue.current.clientWidth/2),Z(c(le.current,ue.current)))}De(null)};return e("div",l({className:"slider-container"},{children:[n("div",l({className:"rail",ref:de,onClick:je},{children:h&&p.map((function(e,t){return de.current&&t>0&&t<p.length-1&&n("div",{className:"step",style:{left:"".concat(de.current.clientWidth/(p.length-1)*t-2.5,"px")}},t)}))})),n("div",{className:"track",ref:oe,style:R?{left:"".concat(R.left,"px"),width:"".concat(R.width,"px")}:void 0,onMouseOver:function(){"hover"===f&&Y?(_("visible"),k("hidden"),z("hidden")):"hover"===f&&(_("hidden"),k("hidden"),z("hidden"))},onMouseOut:function(){("hover"===f&&Y||"hover"===f)&&(_("hidden"),k("hidden"),z("hidden"))},onClick:je}),n("div",l({className:"min ball".concat(be===ae.current?" active":""),style:{left:"".concat(N,"px")},ref:ae,onMouseOver:function(){"hover"!==f||Y?"hover"===f&&Y&&(k("hidden"),_("visible")):(k("visible"),_("hidden"))},onMouseOut:function(){"hover"!==f||Y?"hover"===f&&Y&&(k("hidden"),_("hidden")):(k("hidden"),_("hidden"))},onMouseDown:function(e){e.preventDefault(),Me(ee),xe(ae.current),Ae(N),ie(!0)}},{children:n("div",l({className:"tooltip ".concat(s||"over"),style:{visibility:j,marginLeft:"-".concat(q,"px")},ref:le},{children:n("p",l({className:"min-text-holder text-holder"},{children:y.value}))}))})),n("div",l({className:"mid tooltip ".concat(s||"over"),ref:ce,style:{visibility:X,left:"".concat(Q,"px")}},{children:n("p",l({className:"mid-text-holder text-holder"},{children:y.value===W.value?"".concat(y.value):"".concat(y.value," - ").concat(W.value)}))})),n("div",l({className:"max ball".concat(be===he.current?" active":""),style:{left:"".concat(L,"px")},ref:he,onMouseOver:function(){"hover"!==f||Y?"hover"===f&&Y&&(z("hidden"),_("visible")):(z("visible"),_("hidden"))},onMouseOut:function(){"hover"!==f||Y?"hover"===f&&Y&&(z("hidden"),_("hidden")):(z("hidden"),_("hidden"))},onMouseDown:function(e){e.preventDefault(),Me(ee),xe(he.current),Ae(L),ie(!0)}},{children:n("div",l({className:"tooltip ".concat(s||"over"),style:{visibility:P,marginLeft:"-".concat(H,"px")},ref:ue},{children:n("p",l({className:"max-text-holder text-holder"},{children:W.value}))}))}))]}))}});export{u as default};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as t,useRef as r,useEffect as i}from"react";var l=function(){return l=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},l.apply(this,arguments)},c=function(e,n){var t=e.getBoundingClientRect(),r=n.getBoundingClientRect();return!(t.top+t.height<r.top||t.top>r.top+r.height||t.left+t.width<r.left||t.left>r.left+r.width)},u=Object.freeze({__proto__:null,RangeSlider:function(u){var d,o,a,h=u.hasSteps,f=u.tooltipVisibility,s=u.tooltipPosition,v=u.value,m=u.onChange,g=v instanceof Array?v:Array.from((d=v.min,o=v.max+1,a=1,Array.from(Array.from(Array(Math.ceil((o-d)/a)).keys()),(function(e){return d+e*a})))),p=t({value:g.at(0)instanceof Array?g.at(0):g.at(0).toString(),valueIndex:0}),y=p[0],b=p[1],x=t({value:g.at(g.length-1)instanceof String?g.at(g.length-1):g.at(g.length-1).toString(),valueIndex:g.length-1}),W=x[0],w=x[1];f||(f="always");var M=t(null),N=M[0],O=M[1],C=t(null),S=C[0],L=C[1],R=t(null),A=R[0],B=R[1],D=t("always"===f?"visible":"hidden"),j=D[0],k=D[1],I=t("hidden"),X=I[0],_=I[1],E=t("always"===f?"visible":"hidden"),P=E[0],z=E[1],V=t(null),q=V[0],F=V[1],G=t(null),H=G[0],J=G[1],K=t(null),Q=K[0],T=K[1],U=t(!1),Y=U[0],Z=U[1],$=t(0),ee=$[0],ne=$[1],te=t(!1),re=te[0],ie=te[1],le=r(null),ce=r(null),ue=r(null),de=r(null),oe=r(null),ae=r(null),he=r(null),fe=t(null),se=fe[0],ve=fe[1],me=t(null),ge=me[0],pe=me[1],ye=t(null),be=ye[0],xe=ye[1],We=t(null),we=We[0],Me=We[1],Ne=t(null),Oe=Ne[0],Ce=Ne[1],Se=t(null),Le=Se[0],Re=Se[1],Ae=t(null),Be=Ae[0],De=Ae[1];i((function(){document.addEventListener("mousemove",(function(e){ne(e.clientX)})),document.addEventListener("mouseup",(function(e){Me(null),ie(!1),"hover"===f&&(k("hidden"),z("hidden"),_("hidden"))})),de.current&&he.current&&(L(de.current.clientWidth-he.current.clientWidth/2),Ce(he.current.clientWidth)),ae.current&&(ve(ae.current.clientWidth/-2),O(ae.current.clientWidth/-2)),he.current&&oe.current&&(pe(oe.current.clientWidth-he.current.clientWidth/2),L(oe.current.clientWidth-he.current.clientWidth/2)),oe.current&&B({width:oe.current.clientWidth,left:oe.current.offsetLeft}),le.current&&ue.current&&(F(le.current.clientWidth/2),J(ue.current.clientWidth/2))}),[]),i((function(){le.current&&ue.current&&Z(c(le.current,ue.current))}),[q,H]),i((function(){"hover"===f?Y&&re?(_("visible"),k("hidden"),z("hidden")):be===ae.current&&re?(k("visible"),_("hidden"),z("hidden")):be===he.current&&re?(z("visible"),_("hidden"),k("hidden")):(k("hidden"),z("hidden"),_("hidden")):"always"===f&&(Y?(_("visible"),k("hidden"),z("hidden")):(_("hidden"),k("visible"),z("visible")))}),[Y]),i((function(){null!==N&&null!==S&&Oe&&B({left:N+Oe/2,width:S-N}),A&&ce.current&&T(A.left+A.width/2-ce.current.clientWidth/2),Be&&ke(Be)}),[Be]),i((function(){m({min:y.value,max:W.value})}),[y.value,W.value]),i((function(){if(re&&we&&be&&se&&ge&&Oe&&null!==Le&&de.current&&null!==N&&null!==S){var e=(Le||0)+(ee-we),n=Math.round(e/(de.current.clientWidth/(g.length-1))),t=de.current.clientWidth/(g.length-1)*n-Oe/2;if(h){if(t>=se&&t<=ge){if(be===ae.current&&t>S)return;if(be===he.current&&t<N)return;be===ae.current&&O(t),be===he.current&&L(t)}}else if(e>=se&&e<=ge){if(be===ae.current&&e>=S)return;if(be===he.current&&e<=N)return;be===ae.current&&O(e),be===he.current&&L(e)}De(be)}}),[ee]);var je=function(e){if(e.preventDefault(),ae.current&&he.current&&Oe&&se&&ge&&null!==N&&null!==S){var n=Math.abs(e.clientX-ae.current.getBoundingClientRect().left)>Math.abs(e.clientX-he.current.getBoundingClientRect().left)?he.current:ae.current;Re(n.offsetLeft),console.log(n);var t=n.offsetLeft+(e.clientX-n.getBoundingClientRect().left)-Oe/2,r=Math.round(t/(de.current.clientWidth/(g.length-1))),i=de.current.clientWidth/(g.length-1)*r-Oe/2;if(h){if(i>=se&&i<=ge){if(n===ae.current&&i>S)return;if(n===he.current&&i<N)return;n===ae.current&&O(i),n===he.current&&L(i)}}else if(t>=se&&t<=ge){if(n===ae.current&&t>=S)return;if(n===he.current&&t<=N)return;n===ae.current&&O(t),n===he.current&&L(t)}De(n)}},ke=function(e){if(de.current&&oe.current&&e&&Oe){var n=de.current.clientWidth/g.length,t=Number(e.style.left.replace("px",""));t=(t=t>de.current.clientWidth?de.current.clientWidth:t)<=0?0:t;var r=Math.floor((t+Oe/2)/n);r>=g.length&&(r=g.length-1);var i=g.at(r)instanceof String?g.at(r):g.at(r).toString();e===ae.current&&b({value:i,valueIndex:r}),e===he.current&&w({value:i,valueIndex:r}),le.current&&ue.current&&(F(le.current.clientWidth/2),J(ue.current.clientWidth/2),Z(c(le.current,ue.current)))}De(null)};return e("div",l({className:"slider-container"},{children:[n("div",l({className:"rail",ref:de,onClick:je},{children:h&&g.map((function(e,t){return de.current&&t>0&&t<g.length-1&&n("div",{className:"step",style:{left:"".concat(de.current.clientWidth/(g.length-1)*t-2.5,"px")}},t)}))})),n("div",{className:"track",ref:oe,style:A?{left:"".concat(A.left,"px"),width:"".concat(A.width,"px")}:void 0,onMouseOver:function(){"hover"===f&&Y?(_("visible"),k("hidden"),z("hidden")):"hover"===f&&(_("hidden"),k("hidden"),z("hidden"))},onMouseOut:function(){("hover"===f&&Y||"hover"===f)&&(_("hidden"),k("hidden"),z("hidden"))},onClick:je}),n("div",l({className:"min ball".concat(be===ae.current?" active":""),style:{left:"".concat(N,"px")},ref:ae,onMouseOver:function(){"hover"!==f||Y?"hover"===f&&Y&&(k("hidden"),_("visible")):(k("visible"),_("hidden"))},onMouseOut:function(){"hover"!==f||Y?"hover"===f&&Y&&(k("hidden"),_("hidden")):(k("hidden"),_("hidden"))},onMouseDown:function(e){e.preventDefault(),Me(ee),xe(ae.current),Re(N),ie(!0)}},{children:n("div",l({className:"tooltip ".concat(s||"over"),style:{visibility:j,marginLeft:"-".concat(q,"px")},ref:le},{children:n("p",l({className:"min-text-holder text-holder"},{children:y.value}))}))})),n("div",l({className:"mid tooltip ".concat(s||"over"),ref:ce,style:{visibility:X,left:"".concat(Q,"px")}},{children:n("p",l({className:"mid-text-holder text-holder"},{children:y.value===W.value?"".concat(y.value):"".concat(y.value," - ").concat(W.value)}))})),n("div",l({className:"max ball".concat(be===he.current?" active":""),style:{left:"".concat(S,"px")},ref:he,onMouseOver:function(){"hover"!==f||Y?"hover"===f&&Y&&(z("hidden"),_("visible")):(z("visible"),_("hidden"))},onMouseOut:function(){"hover"!==f||Y?"hover"===f&&Y&&(z("hidden"),_("hidden")):(z("hidden"),_("hidden"))},onMouseDown:function(e){e.preventDefault(),Me(ee),xe(he.current),Re(S),ie(!0)}},{children:n("div",l({className:"tooltip ".concat(s||"over"),style:{visibility:P,marginLeft:"-".concat(H,"px")},ref:ue},{children:n("p",l({className:"max-text-holder text-holder"},{children:W.value}))}))}))]}))}});export{u as RangeSlider};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

@@ -24,2 +24,2 @@ import React from 'react';
 
-export { index_d as default };
+export { index_d as RangeSlider };

package.json

 {
   "name": "react-double-range-slider",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Range slider component for React 18",
@@ -5,0 +5,0 @@ "main": "dist/cjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

93546

increased by0.11%

Lines of code

357

increased by0.56%

No dependency changes