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

Comparing version 1.1.2 to 1.2.0

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 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}),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],O=N[1],C=t.useState("always"===d?"visible":"hidden"),E=C[0],L=C[1],A=t.useState("hidden"),B=A[0],D=A[1],k=t.useState("always"===d?"visible":"hidden"),I=k[0],X=k[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),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],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),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"),X("hidden"),D("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&&(_(ne.current.clientWidth/2),F(ie.current.clientWidth/2))}),[]),t.useEffect((function(){ne.current&&ie.current&&T(r(ne.current,ie.current))}),[q,z]),t.useEffect((function(){"hover"===d?Q&&ee?(D("visible"),L("hidden"),X("hidden")):ge===ce.current&&ee?(L("visible"),D("hidden"),X("hidden")):ge===ae.current&&ee?(X("visible"),D("hidden"),L("hidden")):(L("hidden"),X("hidden"),D("hidden")):"always"===d&&(Q?(D("visible"),L("hidden"),X("hidden")):(D("hidden"),L("visible"),X("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:x.value,max:m.value})}),[x.value,m.value]),t.useEffect((function(){if(ee&&Se&&ge&&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(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)}Ce(ge)}}),[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&&g({value:u,valueIndex:i}),e===ae.current&&S({value:u,valueIndex:i}),ne.current&&ie.current&&(_(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?(D("visible"),L("hidden"),X("hidden")):"hover"===d&&(D("hidden"),L("hidden"),X("hidden"))},onMouseOut:function(){("hover"===d&&Q||"hover"===d)&&(D("hidden"),L("hidden"),X("hidden"))},onClick:Ee}),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&&(L("hidden"),D("visible")):(L("visible"),D("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(L("hidden"),D("hidden")):(L("hidden"),D("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:E,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:B,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"),D("visible")):(X("visible"),D("hidden"))},onMouseOut:function(){"hover"!==d||Q?"hover"===d&&Q&&(X("hidden"),D("hidden")):(X("hidden"),D("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:I,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],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}))}))}))]}))};
 //# 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,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],x=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];f||(f="always");var M=t(null),N=M[0],O=M[1],C=t(null),L=C[0],A=C[1],S=t(null),B=S[0],D=S[1],R=t("always"===f?"visible":"hidden"),k=R[0],I=R[1],X=t("hidden"),j=X[0],E=X[1],P=t("always"===f?"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),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),xe=ye[0],be=ye[1],We=t(null),we=We[0],Me=We[1],Ne=t(null),Oe=Ne[0],Ce=Ne[1],Le=t(null),Ae=Le[0],Se=Le[1],Be=t(null),De=Be[0],Re=Be[1];i((function(){document.addEventListener("mousemove",(function(e){ne(e.clientX)})),document.addEventListener("mouseup",(function(e){Me(null),ie(!1),"hover"===f&&(I("hidden"),q("hidden"),E("hidden"))})),de.current&&he.current&&(A(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),A(oe.current.clientWidth-he.current.clientWidth/2)),oe.current&&D({width:oe.current.clientWidth,left:oe.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))}),[F,J]),i((function(){"hover"===f?Z&&re?(E("visible"),I("hidden"),q("hidden")):xe===ae.current&&re?(I("visible"),E("hidden"),q("hidden")):xe===he.current&&re?(q("visible"),E("hidden"),I("hidden")):(I("hidden"),q("hidden"),E("hidden")):"always"===f&&(Z?(E("visible"),I("hidden"),q("hidden")):(E("hidden"),I("visible"),q("visible")))}),[Z]),i((function(){null!==N&&null!==L&&Oe&&D({left:N+Oe/2,width:L-N}),B&&ce.current&&U(B.left+B.width/2-ce.current.clientWidth/2),De&&Ie(De)}),[De]),i((function(){m({min:y.value,max:W.value})}),[y.value,W.value]),i((function(){if(re&&we&&xe&&se&&pe&&Oe&&null!==Ae&&de.current&&null!==N&&null!==L){var e=(Ae||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(xe===ae.current&&t>L)return;if(xe===he.current&&t<N)return;xe===ae.current&&O(t),xe===he.current&&A(t)}}else if(e>=se&&e<=pe){if(xe===ae.current&&e>=L)return;if(xe===he.current&&e<=N)return;xe===ae.current&&O(e),xe===he.current&&A(e)}Re(xe)}}),[ee]);var ke=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;Se(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&&A(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&&A(t)}Re(n)}},Ie=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&&x({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)))}Re(null)};return e("div",l({className:"slider-container"},{children:[n("div",l({className:"rail",ref:de,onClick:ke},{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:B?{left:"".concat(B.left,"px"),width:"".concat(B.width,"px")}:void 0,onMouseOver:function(){"hover"===f&&Z?(E("visible"),I("hidden"),q("hidden")):"hover"===f&&(E("hidden"),I("hidden"),q("hidden"))},onMouseOut:function(){("hover"===f&&Z||"hover"===f)&&(E("hidden"),I("hidden"),q("hidden"))},onClick:ke}),n("div",l({className:"min ball".concat(xe===ae.current?" active":""),style:{left:"".concat(N,"px")},ref:ae,onMouseOver:function(){"hover"!==f||Z?"hover"===f&&Z&&(I("hidden"),E("visible")):(I("visible"),E("hidden"))},onMouseOut:function(){"hover"!==f||Z?"hover"===f&&Z&&(I("hidden"),E("hidden")):(I("hidden"),E("hidden"))},onMouseDown:function(e){e.preventDefault(),Me(ee),be(ae.current),Se(N),ie(!0)}},{children:n("div",l({className:"tooltip ".concat(s||"over"),style:{visibility:k,marginLeft:"-".concat(F,"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:j,left:"".concat(T,"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(xe===he.current?" active":""),style:{left:"".concat(L,"px")},ref:he,onMouseOver:function(){"hover"!==f||Z?"hover"===f&&Z&&(q("hidden"),E("visible")):(q("visible"),E("hidden"))},onMouseOut:function(){"hover"!==f||Z?"hover"===f&&Z&&(q("hidden"),E("hidden")):(q("hidden"),E("hidden"))},onMouseDown:function(e){e.preventDefault(),Me(ee),be(he.current),Se(L),ie(!0)}},{children:n("div",l({className:"tooltip ".concat(s||"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,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};
 //# sourceMappingURL=index.js.map

package.json

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

New 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

Worsened metrics

Total package byte prevSize

84972

decreased by-8.81%

Number of package files

23

decreased by-4.17%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes