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

Comparing version 1.2.0 to 1.2.1

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)};exports.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}),x=v[0],g=v[1],p=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=p[0],S=p[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],I=N[1],O=t.useState("always"===d?"visible":"hidden"),C=O[0],E=O[1],L=t.useState("hidden"),A=L[0],B=L[1],D=t.useState("always"===d?"visible":"hidden"),k=D[0],X=D[1],P=t.useState(null),q=P[0],_=P[1],V=t.useState(null),z=V[0],F=V[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],xe=t.useState(null),ge=xe[0],pe=xe[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),Ie=Re[0],Oe=Re[1];t.useEffect((function(){document.addEventListener("mousemove",(function(e){Z(e.clientX)})),document.addEventListener("mouseup",(function(e){ye(null),te(!1),"hover"===d&&(E("hidden"),X("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&&I({width:ue.current.clientWidth,left:ue.current.offsetLeft}),ne.current&&ie.current&&(_(ne.current.clientWidth/2),F(ie.current.clientWidth/2))}),[]),t.useEffect((function(){ne.current&&ie.current&&T(r(ne.current,ie.current||x.valueIndex===m.valueIndex&&null!==x.valueIndex&&null!==m.valueIndex))}),[q,z]),t.useEffect((function(){"hover"===d?Q&&ee?(B("visible"),E("hidden"),X("hidden")):ge===ce.current&&ee?(E("visible"),B("hidden"),X("hidden")):ge===ae.current&&ee?(X("visible"),B("hidden"),E("hidden")):(E("hidden"),X("hidden"),B("hidden")):"always"===d&&(Q?(B("visible"),E("hidden"),X("hidden")):(B("hidden"),E("visible"),X("visible")))}),[Q]),t.useEffect((function(){null!==b&&null!==M&&We&&I({left:b+We/2,width:M-b}),R&&re.current&&J(R.left+R.width/2-re.current.clientWidth/2),Ie&&Ee(Ie)}),[Ie]),t.useEffect((function(){h({min:x.value,max:m.value})}),[x.value,m.value]),t.useEffect((function(){if(ee&&Se&&ge&&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(ge===ce.current&&n>M)return;if(ge===ae.current&&n<b)return;ge===ce.current&&W(n),ge===ae.current&&w(n)}}else if(e>=oe&&e<=fe){if(ge===ce.current&&e>=M)return;if(ge===ae.current&&e<=b)return;ge===ce.current&&W(e),ge===ae.current&&w(e)}Oe(ge)}}),[Y]);var Ce=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/(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)}Oe(t)}},Ee=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&&g({value:l,valueIndex:i}),e===ae.current&&S({value:l,valueIndex:i}),ne.current&&ie.current&&(_(ne.current.clientWidth/2),F(ie.current.clientWidth/2),T(r(ne.current,ie.current)||x.valueIndex===m.valueIndex&&null!==x.valueIndex&&null!==m.valueIndex))}Oe(null)};return e.jsxs("div",n({className:"slider-container"},{children:[e.jsx("div",n({className:"rail",ref:le,onClick:Ce},{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:R?{left:"".concat(R.left,"px"),width:"".concat(R.width,"px")}:void 0,onMouseOver:function(){"hover"===d&&Q?(B("visible"),E("hidden"),X("hidden")):"hover"===d&&(B("hidden"),E("hidden"),X("hidden"))},onMouseOut:function(){("hover"===d&&Q||"hover"===d)&&(B("hidden"),E("hidden"),X("hidden"))},onClick:Ce}),e.jsx("div",n({className:"min ball".concat(ge===ce.current?" active":""),style:{left:"".concat(b,"px")},ref:ce,onMouseOver:function(){"hover"!==d||Q?"hover"===d&&Q&&(E("hidden"),B("visible")):(E("visible"),B("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(E("hidden"),B("hidden")):(E("hidden"),B("hidden"))},onMouseDown:function(e){e.preventDefault(),ye(Y),pe(ce.current),Ne(b),te(!0)}},{children:e.jsx("div",n({className:"tooltip ".concat(o||"over"),style:{visibility:C,marginLeft:"-".concat(q,"px")},ref:ne},{children:e.jsx("p",n({className:"min-text-holder text-holder"},{children:x.value}))}))})),e.jsx("div",n({className:"mid tooltip ".concat(o||"over"),ref:re,style:{visibility:A,left:"".concat(H,"px")}},{children:e.jsx("p",n({className:"mid-text-holder text-holder"},{children:x.value===m.value?"".concat(x.value):"".concat(x.value," - ").concat(m.value)}))})),e.jsx("div",n({className:"max ball".concat(ge===ae.current?" active":""),style:{left:"".concat(M,"px")},ref:ae,onMouseOver:function(){"hover"!==d||Q?"hover"===d&&Q&&(X("hidden"),B("visible")):(X("visible"),B("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(X("hidden"),B("hidden")):(X("hidden"),B("hidden"))},onMouseDown:function(e){e.preventDefault(),ye(Y),pe(ae.current),Ne(M),te(!0)}},{children:e.jsx("div",n({className:"tooltip ".concat(o||"over"),style:{visibility:k,marginLeft:"-".concat(z,"px")},ref:ie},{children:e.jsx("p",n({className:"max-text-holder text-holder"},{children:m.value}))}))}))]}))};
+"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)};exports.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}),x=v[0],g=v[1],m=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}),p=m[0],S=m[1];d||(d="always");var y=t.useState(null),b=y[0],W=y[1],j=t.useState(null),I=j[0],M=j[1],w=t.useState(null),N=w[0],R=w[1],O=t.useState("always"===d?"visible":"hidden"),C=O[0],E=O[1],L=t.useState("hidden"),A=L[0],B=L[1],D=t.useState("always"===d?"visible":"hidden"),k=D[0],X=D[1],P=t.useState(null),q=P[0],_=P[1],V=t.useState(null),z=V[0],F=V[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],xe=t.useState(null),ge=xe[0],me=xe[1],pe=t.useState(null),Se=pe[0],ye=pe[1],be=t.useState(null),We=be[0],je=be[1],Ie=t.useState(null),Me=Ie[0],we=Ie[1],Ne=t.useState(null),Re=Ne[0],Oe=Ne[1];t.useEffect((function(){document.addEventListener("mousemove",(function(e){Z(e.clientX)})),document.addEventListener("mouseup",(function(e){ye(null),te(!1),"hover"===d&&(E("hidden"),X("hidden"),B("hidden"))})),le.current&&ae.current&&(M(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),M(ue.current.clientWidth-ae.current.clientWidth/2)),ue.current&&R({width:ue.current.clientWidth,left:ue.current.offsetLeft}),ne.current&&ie.current&&(_(ne.current.clientWidth/2),F(ie.current.clientWidth/2))}),[]),t.useEffect((function(){ne.current&&ie.current&&T(r(ne.current,ie.current||x.valueIndex===p.valueIndex&&null!==x.valueIndex&&null!==p.valueIndex))}),[q,z]),t.useEffect((function(){"hover"===d?Q&&ee?(B("visible"),E("hidden"),X("hidden")):ge===ce.current&&ee?(E("visible"),B("hidden"),X("hidden")):ge===ae.current&&ee?(X("visible"),B("hidden"),E("hidden")):(E("hidden"),X("hidden"),B("hidden")):"always"===d&&(Q?(B("visible"),E("hidden"),X("hidden")):(B("hidden"),E("visible"),X("visible")))}),[Q]),t.useEffect((function(){null!==b&&null!==I&&We&&R({left:b+We/2,width:I-b}),N&&re.current&&J(N.left+N.width/2-re.current.clientWidth/2),Re&&Ee(Re)}),[Re]),t.useEffect((function(){h({min:x.value,max:p.value,minIndex:x.valueIndex,maxIndex:p.valueIndex})}),[x.value,p.value]),t.useEffect((function(){if(ee&&Se&&ge&&oe&&fe&&We&&null!==Me&&le.current&&null!==b&&null!==I){var e=(Me||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(ge===ce.current&&n>I)return;if(ge===ae.current&&n<b)return;ge===ce.current&&W(n),ge===ae.current&&M(n)}}else if(e>=oe&&e<=fe){if(ge===ce.current&&e>=I)return;if(ge===ae.current&&e<=b)return;ge===ce.current&&W(e),ge===ae.current&&M(e)}Oe(ge)}}),[Y]);var Ce=function(e){if(e.preventDefault(),ce.current&&ae.current&&We&&oe&&fe&&null!==b&&null!==I){var t=Math.abs(e.clientX-ce.current.getBoundingClientRect().left)>Math.abs(e.clientX-ae.current.getBoundingClientRect().left)?ae.current:ce.current;we(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>I)return;if(t===ae.current&&i<b)return;t===ce.current&&W(i),t===ae.current&&M(i)}}else if(n>=oe&&n<=fe){if(t===ce.current&&n>=I)return;if(t===ae.current&&n<=b)return;t===ce.current&&W(n),t===ae.current&&M(n)}Oe(t)}},Ee=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&&g({value:l,valueIndex:i}),e===ae.current&&S({value:l,valueIndex:i}),ne.current&&ie.current&&(_(ne.current.clientWidth/2),F(ie.current.clientWidth/2),T(r(ne.current,ie.current)||x.valueIndex===p.valueIndex&&null!==x.valueIndex&&null!==p.valueIndex))}Oe(null)};return e.jsxs("div",n({className:"slider-container"},{children:[e.jsx("div",n({className:"rail",ref:le,onClick:Ce},{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"),E("hidden"),X("hidden")):"hover"===d&&(B("hidden"),E("hidden"),X("hidden"))},onMouseOut:function(){("hover"===d&&Q||"hover"===d)&&(B("hidden"),E("hidden"),X("hidden"))},onClick:Ce}),e.jsx("div",n({className:"min ball".concat(ge===ce.current?" active":""),style:{left:"".concat(b,"px")},ref:ce,onMouseOver:function(){"hover"!==d||Q?"hover"===d&&Q&&(E("hidden"),B("visible")):(E("visible"),B("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(E("hidden"),B("hidden")):(E("hidden"),B("hidden"))},onMouseDown:function(e){e.preventDefault(),ye(Y),me(ce.current),we(b),te(!0)}},{children:e.jsx("div",n({className:"tooltip ".concat(o||"over"),style:{visibility:C,marginLeft:"-".concat(q,"px")},ref:ne},{children:e.jsx("p",n({className:"min-text-holder text-holder"},{children:x.value}))}))})),e.jsx("div",n({className:"mid tooltip ".concat(o||"over"),ref:re,style:{visibility:A,left:"".concat(H,"px")}},{children:e.jsx("p",n({className:"mid-text-holder text-holder"},{children:x.value===p.value?"".concat(x.value):"".concat(x.value," - ").concat(p.value)}))})),e.jsx("div",n({className:"max ball".concat(ge===ae.current?" active":""),style:{left:"".concat(I,"px")},ref:ae,onMouseOver:function(){"hover"!==d||Q?"hover"===d&&Q&&(X("hidden"),B("visible")):(X("visible"),B("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(X("hidden"),B("hidden")):(X("hidden"),B("hidden"))},onMouseDown:function(e){e.preventDefault(),ye(Y),me(ae.current),we(I),te(!0)}},{children:e.jsx("div",n({className:"tooltip ".concat(o||"over"),style:{visibility:k,marginLeft:"-".concat(z,"px")},ref:ie},{children:e.jsx("p",n({className:"max-text-holder text-holder"},{children:p.value}))}))}))]}))};
 //# sourceMappingURL=index.js.map

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

package.json

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

Fixed alerts

AI-detected possible typosquat

Supply chain risk

AI has identified this package as a potential typosquat of a more popular package. This suggests that the package may be intentionally mimicking another package's name, description, or other metadata.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

85192

increased by0.26%

Lines of code

350

increased by0.29%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes