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

Comparing version 1.8.1 to 1.8.2

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");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),i=function(){return i=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},i.apply(this,arguments)};exports.RangeSlider=function(n){var l,u,d,c=n.hasSteps,o=n.tooltipVisibility,a=n.tooltipPosition,s=n.value,h=n.onChange,f=n.from,v=n.to,g=n.formatter,b=s instanceof Array?s:Array.from(function(e,t,n){return Array.from(Array.from(Array(Math.ceil((t-e)/n)).keys()),(function(t){return e+t*n}))}(s.min,s.max+1,1)),m=f?-1===b.indexOf(f)?0:b.indexOf(f):0,x=v?-1===b.indexOf(v)?b.length-1:b.indexOf(v):b.length-1,p=g||function(e){return"".concat(e)},W=t.useState({value:p(b[m]),valueIndex:m}),y=W[0],S=W[1],w=t.useState({value:p(b[x]),valueIndex:x}),M=w[0],j=w[1];o||(o="always");var O=t.useState(null),C=O[0],N=O[1],R=t.useState(null),E=R[0],I=R[1],L=t.useState(null),A=L[0],k=L[1],X=t.useState("always"===o?"visible":"hidden"),B=X[0],P=X[1],q=t.useState("hidden"),z=q[0],D=q[1],K=t.useState("always"===o?"visible":"hidden"),T=K[0],_=K[1],F=t.useState(null),V=F[0],G=F[1],H=t.useState(!1),J=H[0],Q=H[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),de=t.useRef(null),ce=t.useRef(null),oe=t.useState(null),ae=oe[0],se=oe[1],he=t.useState(null),fe=he[0],ve=he[1],ge=t.useState(null),be=ge[0],me=ge[1],xe=t.useState(null),pe=xe[0],We=xe[1],ye=t.useState(null),Se=ye[0],we=ye[1],Me=t.useState(null),je=Me[0],Oe=Me[1],Ce=t.useState({value:null,action:""}),Ne=Ce[0],Re=Ce[1],Ee=t.useRef(!0),Ie=t.useState(0),Le=Ie[0],Ae=Ie[1],ke=r.default.useRef(null);function Xe(){le.current&&ce.current&&(I(le.current.clientWidth-ce.current.clientWidth/2),we(ce.current.clientWidth)),de.current&&(se(de.current.clientWidth/-2),N(le.current.clientWidth/(b.length-1)*m-de.current.clientWidth/2)),ce.current&&ue.current&&(ve(ue.current.clientWidth-ce.current.clientWidth/2),I(le.current.clientWidth/(b.length-1)*x-ce.current.clientWidth/2));var e=le.current.clientWidth/(b.length-1)*x-le.current.clientWidth/(b.length-1)*m,t=le.current.clientWidth/(b.length-1)*m;ue.current&&k({width:e,left:t}),re.current&&G((t+e/2-re.current.clientWidth/2)/le.current.clientWidth*100);var n=window.getComputedStyle(ne.current).transform,r=parseInt(window.getComputedStyle(ne.current).width),i=new WebKitCSSMatrix(n),l=Math.round(10*i.m41)/20/r*100,u=window.getComputedStyle(ie.current).transform,d=parseInt(window.getComputedStyle(ie.current).width),c=new WebKitCSSMatrix(u),o=Math.round(10*c.m41)/20/d*100;Ae(isFinite(1/(Math.floor((l-o)/10)/10+1))?1/(Math.floor((l-o)/10)/10+1):0),ne.current&&ie.current&&ue.current&&Q(ne.current.clientWidth/2+ie.current.clientWidth/2>e*Le)}function Be(){ke.current&&h(ke.current),We(null),te(!1),"hover"===o&&(P("hidden"),_("hidden"),D("hidden"))}function Pe(){Xe()}t.useEffect((function(){return document.addEventListener("mousemove",(function(e){Z(e.clientX)})),window.addEventListener("resize",Pe),Xe(),function(){window.removeEventListener("resize",Pe)}}),[]),t.useEffect((function(){Ee.current||(null!==C&&null!==E&&Se&&k({left:C+Se/2,width:E-C}),A&&re.current&&G((A.left+A.width/2-re.current.clientWidth/2)/le.current.clientWidth*100),Ne.value&&ze(Ne.value),ne.current&&ie.current&&ue.current&&Q(ne.current.clientWidth/2+ie.current.clientWidth/2>ue.current.clientWidth*Le))}),[Ne]),t.useEffect((function(){Ee.current?Ee.current=!1:(ke.current={min:y.value,max:M.value,minIndex:y.valueIndex,maxIndex:M.valueIndex},"jumpTo"===Ne.action&&h(ke.current))}),[y.value,M.value]),t.useEffect((function(){"hover"===o?J&&ee?(D("visible"),P("hidden"),_("hidden")):be===de.current&&ee?(P("visible"),D("hidden"),_("hidden")):be===ce.current&&ee?(_("visible"),D("hidden"),P("hidden")):(P("hidden"),_("hidden"),D("hidden")):"always"===o&&(J?(D("visible"),P("hidden"),_("hidden")):(D("hidden"),P("visible"),_("visible")))}),[J]),t.useEffect((function(){if(ee&&pe&&be&&ae&&fe&&Se&&null!==je&&le.current&&null!==C&&null!==E){var e=(je||0)+(Y-pe),t=Math.round(e/(le.current.clientWidth/(b.length-1))),n=le.current.clientWidth/(b.length-1)*t-Se/2;if(c){if(n>=ae&&n<=fe){if(be===de.current&&n>E)return;if(be===ce.current&&n<C)return;be===de.current&&N(n),be===ce.current&&I(n)}}else if(e>=ae&&e<=fe){if(be===de.current&&e>=E)return;if(be===ce.current&&e<=C)return;be===de.current&&N(e),be===ce.current&&I(e)}Re({value:be,action:"move"})}}),[Y]);var qe=function(e){if(de.current&&ce.current&&Se&&ae&&fe&&null!==C&&null!==E){var t=Math.abs(e.clientX-de.current.getBoundingClientRect().left)>Math.abs(e.clientX-ce.current.getBoundingClientRect().left)?ce.current:de.current;Oe(t.offsetLeft);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-Se/2,r=Math.round(n/(le.current.clientWidth/(b.length-1))),i=le.current.clientWidth/(b.length-1)*r-Se/2;if(c){if(i>=ae&&i<=fe){if(t===de.current&&i>E)return;if(t===ce.current&&i<C)return;t===de.current&&N(i),t===ce.current&&I(i)}}else if(n>=ae&&n<=fe){if(t===de.current&&n>=E)return;if(t===ce.current&&n<=C)return;t===de.current&&N(n),t===ce.current&&I(n)}Re({value:t,action:"jumpTo"})}},ze=function(e){if(le.current&&ue.current&&e&&Se){var t=le.current.clientWidth/b.length,n=Number(window.getComputedStyle(e).left.replace("px",""));n=(n=n>le.current.clientWidth?le.current.clientWidth+Se/2:n+Se/2)<=0?0:n;var r=Math.floor(n/t);r>=b.length&&(r=b.length-1);var l="string"==typeof b[r]?b[r]:b[r].toString();e===de.current&&S({value:p(l),valueIndex:r}),e===ce.current&&j({value:p(l),valueIndex:r})}Re(i(i({},Ne),{value:null}))};return e.jsxs("div",i({className:"double-range-slider-container"},{children:[e.jsx("div",i({className:"double-range-slider-rail",ref:le,onClick:qe},{children:c&&b.map((function(t,n){return le.current&&n>0&&n<b.length-1&&e.jsx("div",{className:"double-range-slider-step",style:{left:"".concat(le.current.clientWidth/(b.length-1)*n-2.5,"px")}},n)}))})),e.jsx("div",{className:"double-range-slider-track",ref:ue,style:A?{left:"".concat(A.left/(null===(l=le.current)||void 0===l?void 0:l.clientWidth)*100,"%"),width:"".concat(A.width,"px")}:void 0,onMouseOver:function(){"hover"===o&&J?(D("visible"),P("hidden"),_("hidden")):"hover"===o&&(D("hidden"),P("hidden"),_("hidden"))},onMouseOut:function(){("hover"===o&&J||"hover"===o)&&(D("hidden"),P("hidden"),_("hidden"))},onClick:qe}),e.jsx("div",i({className:"double-range-slider-min double-range-slider-ball".concat(be===de.current?" double-range-slider-active":""),style:{left:"".concat(C/(null===(u=le.current)||void 0===u?void 0:u.clientWidth)*100,"%")},ref:de,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(P("hidden"),D("visible")):(P("visible"),D("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(P("hidden"),D("hidden")):(P("hidden"),D("hidden"))},onMouseDown:function(e){We(Y),me(de.current),Oe(C),te(!0),document.addEventListener("mouseup",Be,{once:!0})}},{children:e.jsx("div",i({className:"double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),style:{visibility:B},ref:ne},{children:e.jsx("p",i({className:"double-range-slider-min-text-holder double-range-slider-text-holder"},{children:y.value}))}))})),e.jsx("div",i({className:"double-range-slider-mid double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),ref:re,style:{visibility:z,left:"".concat(V,"%")}},{children:e.jsx("p",i({className:"double-range-slider-mid-text-holder double-range-slider-text-holder"},{children:y.value===M.value?"".concat(y.value):"".concat(y.value," - ").concat(M.value)}))})),e.jsx("div",i({className:"double-range-slider-max double-range-slider-ball".concat(be===ce.current?" double-range-slider-active":""),style:{left:"".concat(E/(null===(d=le.current)||void 0===d?void 0:d.clientWidth)*100,"%")},ref:ce,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(_("hidden"),D("visible")):(_("visible"),D("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(_("hidden"),D("hidden")):(_("hidden"),D("hidden"))},onMouseDown:function(e){We(Y),me(ce.current),Oe(E),te(!0),document.addEventListener("mouseup",Be,{once:!0})}},{children:e.jsx("div",i({className:"double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),style:{visibility:T},ref:ie},{children:e.jsx("p",i({className:"double-range-slider-max-text-holder double-range-slider-text-holder"},{children:M.value}))}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),i=function(){return i=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},i.apply(this,arguments)};exports.RangeSlider=function(n){var l,u,c,d=n.hasSteps,o=n.tooltipVisibility,a=n.tooltipPosition,s=n.value,h=n.onChange,f=n.from,v=n.to,g=n.formatter,b=s instanceof Array?s:Array.from(function(e,t,n){return Array.from(Array.from(Array(Math.ceil((t-e)/n)).keys()),(function(t){return e+t*n}))}(s.min,s.max+1,1)),m=f?-1===b.indexOf(f)?0:b.indexOf(f):0,x=v?-1===b.indexOf(v)?b.length-1:b.indexOf(v):b.length-1,p=g||function(e){return"".concat(e)},W=t.useState({value:p(b[m]),valueIndex:m}),y=W[0],S=W[1],w=t.useState({value:p(b[x]),valueIndex:x}),M=w[0],j=w[1];o||(o="always");var O=t.useState(null),C=O[0],N=O[1],R=t.useState(null),E=R[0],I=R[1],L=t.useState(null),A=L[0],k=L[1],X=t.useState("always"===o?"visible":"hidden"),B=X[0],P=X[1],q=t.useState("hidden"),z=q[0],D=q[1],K=t.useState("always"===o?"visible":"hidden"),T=K[0],_=K[1],F=t.useState(null),V=F[0],G=F[1],H=t.useState(!1),J=H[0],Q=H[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),de=t.useRef(null),oe=t.useState(null),ae=oe[0],se=oe[1],he=t.useState(null),fe=he[0],ve=he[1],ge=t.useState(null),be=ge[0],me=ge[1],xe=t.useState(null),pe=xe[0],We=xe[1],ye=t.useState(null),Se=ye[0],we=ye[1],Me=t.useState(null),je=Me[0],Oe=Me[1],Ce=t.useState({value:null,action:""}),Ne=Ce[0],Re=Ce[1],Ee=t.useRef(!0),Ie=t.useState(0),Le=Ie[0],Ae=Ie[1],ke=r.default.useRef(null);function Xe(){le.current&&de.current&&(I(le.current.clientWidth-de.current.clientWidth/2),we(de.current.clientWidth)),ce.current&&(se(ce.current.clientWidth/-2),N(le.current.clientWidth/(b.length-1)*m-ce.current.clientWidth/2)),de.current&&ue.current&&(ve(ue.current.clientWidth-de.current.clientWidth/2),I(le.current.clientWidth/(b.length-1)*x-de.current.clientWidth/2));var e=le.current.clientWidth/(b.length-1)*x-le.current.clientWidth/(b.length-1)*m,t=le.current.clientWidth/(b.length-1)*m;ue.current&&k({width:e,left:t}),re.current&&G((t+e/2-re.current.clientWidth/2)/le.current.clientWidth*100);var n=window.getComputedStyle(ne.current).transform,r=parseInt(window.getComputedStyle(ne.current).width),i=new WebKitCSSMatrix(n),l=Math.round(10*i.m41)/20/r*100,u=window.getComputedStyle(ie.current).transform,c=parseInt(window.getComputedStyle(ie.current).width),d=new WebKitCSSMatrix(u),o=Math.round(10*d.m41)/20/c*100;Ae(isFinite(1/(Math.floor((l-o)/10)/10+1))?1/(Math.floor((l-o)/10)/10+1):0),ne.current&&ie.current&&ue.current&&Q(ne.current.clientWidth/2+ie.current.clientWidth/2>e*Le)}function Be(){ke.current&&h(ke.current),We(null),te(!1),"hover"===o&&(P("hidden"),_("hidden"),D("hidden"))}function Pe(){Xe()}t.useEffect((function(){return document.addEventListener("mousemove",(function(e){Z(e.clientX)})),window.addEventListener("resize",Pe),Xe(),Re({value:null,action:""}),function(){window.removeEventListener("resize",Pe)}}),[]),t.useEffect((function(){Ee.current||(null!==C&&null!==E&&Se&&k({left:C+Se/2,width:E-C}),A&&re.current&&G((A.left+A.width/2-re.current.clientWidth/2)/le.current.clientWidth*100),Ne.value&&ze(Ne.value),ne.current&&ie.current&&ue.current&&Q(ne.current.clientWidth/2+ie.current.clientWidth/2>ue.current.clientWidth*Le))}),[Ne]),t.useEffect((function(){Ee.current?Ee.current=!1:(ke.current={min:y.value,max:M.value,minIndex:y.valueIndex,maxIndex:M.valueIndex},"jumpTo"===Ne.action&&h(ke.current))}),[y.value,M.value]),t.useEffect((function(){"hover"===o?J&&ee?(D("visible"),P("hidden"),_("hidden")):be===ce.current&&ee?(P("visible"),D("hidden"),_("hidden")):be===de.current&&ee?(_("visible"),D("hidden"),P("hidden")):(P("hidden"),_("hidden"),D("hidden")):"always"===o&&(J?(D("visible"),P("hidden"),_("hidden")):(D("hidden"),P("visible"),_("visible")))}),[J]),t.useEffect((function(){if(ee&&pe&&be&&ae&&fe&&Se&&null!==je&&le.current&&null!==C&&null!==E){var e=(je||0)+(Y-pe),t=Math.round(e/(le.current.clientWidth/(b.length-1))),n=le.current.clientWidth/(b.length-1)*t-Se/2;if(d){if(n>=ae&&n<=fe){if(be===ce.current&&n>E)return;if(be===de.current&&n<C)return;be===ce.current&&N(n),be===de.current&&I(n)}}else if(e>=ae&&e<=fe){if(be===ce.current&&e>=E)return;if(be===de.current&&e<=C)return;be===ce.current&&N(e),be===de.current&&I(e)}Re({value:be,action:"move"})}}),[Y]);var qe=function(e){if(ce.current&&de.current&&Se&&ae&&fe&&null!==C&&null!==E){var t=Math.abs(e.clientX-ce.current.getBoundingClientRect().left)>Math.abs(e.clientX-de.current.getBoundingClientRect().left)?de.current:ce.current;Oe(t.offsetLeft);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-Se/2,r=Math.round(n/(le.current.clientWidth/(b.length-1))),i=le.current.clientWidth/(b.length-1)*r-Se/2;if(d){if(i>=ae&&i<=fe){if(t===ce.current&&i>E)return;if(t===de.current&&i<C)return;t===ce.current&&N(i),t===de.current&&I(i)}}else if(n>=ae&&n<=fe){if(t===ce.current&&n>=E)return;if(t===de.current&&n<=C)return;t===ce.current&&N(n),t===de.current&&I(n)}Re({value:t,action:"jumpTo"})}},ze=function(e){if(le.current&&ue.current&&e&&Se){var t=le.current.clientWidth/b.length,n=Number(window.getComputedStyle(e).left.replace("px",""));n=(n=n>le.current.clientWidth?le.current.clientWidth+Se/2:n+Se/2)<=0?0:n;var r=Math.floor(n/t);r>=b.length&&(r=b.length-1);var l="string"==typeof b[r]?b[r]:b[r].toString();e===ce.current&&S({value:p(l),valueIndex:r}),e===de.current&&j({value:p(l),valueIndex:r})}Re(i(i({},Ne),{value:null}))};return e.jsxs("div",i({className:"double-range-slider-container"},{children:[e.jsx("div",i({className:"double-range-slider-rail",ref:le,onClick:qe},{children:d&&b.map((function(t,n){return le.current&&n>0&&n<b.length-1&&e.jsx("div",{className:"double-range-slider-step",style:{left:"".concat(le.current.clientWidth/(b.length-1)*n-2.5,"px")}},n)}))})),e.jsx("div",{className:"double-range-slider-track",ref:ue,style:A?{left:"".concat(A.left/(null===(l=le.current)||void 0===l?void 0:l.clientWidth)*100,"%"),width:"".concat(A.width,"px")}:void 0,onMouseOver:function(){"hover"===o&&J?(D("visible"),P("hidden"),_("hidden")):"hover"===o&&(D("hidden"),P("hidden"),_("hidden"))},onMouseOut:function(){("hover"===o&&J||"hover"===o)&&(D("hidden"),P("hidden"),_("hidden"))},onClick:qe}),e.jsx("div",i({className:"double-range-slider-min double-range-slider-ball".concat(be===ce.current?" double-range-slider-active":""),style:{left:"".concat(C/(null===(u=le.current)||void 0===u?void 0:u.clientWidth)*100,"%")},ref:ce,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(P("hidden"),D("visible")):(P("visible"),D("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(P("hidden"),D("hidden")):(P("hidden"),D("hidden"))},onMouseDown:function(e){We(Y),me(ce.current),Oe(C),te(!0),document.addEventListener("mouseup",Be,{once:!0})}},{children:e.jsx("div",i({className:"double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),style:{visibility:B},ref:ne},{children:e.jsx("p",i({className:"double-range-slider-min-text-holder double-range-slider-text-holder"},{children:y.value}))}))})),e.jsx("div",i({className:"double-range-slider-mid double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),ref:re,style:{visibility:z,left:"".concat(V,"%")}},{children:e.jsx("p",i({className:"double-range-slider-mid-text-holder double-range-slider-text-holder"},{children:y.value===M.value?"".concat(y.value):"".concat(y.value," - ").concat(M.value)}))})),e.jsx("div",i({className:"double-range-slider-max double-range-slider-ball".concat(be===de.current?" double-range-slider-active":""),style:{left:"".concat(E/(null===(c=le.current)||void 0===c?void 0:c.clientWidth)*100,"%")},ref:de,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(_("hidden"),D("visible")):(_("visible"),D("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(_("hidden"),D("hidden")):(_("hidden"),D("hidden"))},onMouseDown:function(e){We(Y),me(de.current),Oe(E),te(!0),document.addEventListener("mouseup",Be,{once:!0})}},{children:e.jsx("div",i({className:"double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),style:{visibility:T},ref:ie},{children:e.jsx("p",i({className:"double-range-slider-max-text-holder double-range-slider-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 t,{useState as r,useRef as i,useEffect as l}from"react";var u=function(){return u=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},u.apply(this,arguments)},d=function(d){var c,o,a,h=d.hasSteps,s=d.tooltipVisibility,v=d.tooltipPosition,f=d.value,g=d.onChange,m=d.from,b=d.to,p=d.formatter,W=f instanceof Array?f:Array.from(function(e,n,t){return Array.from(Array.from(Array(Math.ceil((n-e)/t)).keys()),(function(n){return e+n*t}))}(f.min,f.max+1,1)),w=m?-1===W.indexOf(m)?0:W.indexOf(m):0,x=b?-1===W.indexOf(b)?W.length-1:W.indexOf(b):W.length-1,y=p||function(e){return"".concat(e)},M=r({value:y(W[w]),valueIndex:w}),C=M[0],N=M[1],O=r({value:y(W[x]),valueIndex:x}),S=O[0],I=O[1];s||(s="always");var L=r(null),j=L[0],A=L[1],E=r(null),k=E[0],R=E[1],X=r(null),B=X[0],z=X[1],D=r("always"===s?"visible":"hidden"),K=D[0],P=D[1],T=r("hidden"),F=T[0],V=T[1],q=r("always"===s?"visible":"hidden"),G=q[0],H=q[1],J=r(null),Q=J[0],U=J[1],Y=r(!1),Z=Y[0],$=Y[1],_=r(0),ee=_[0],ne=_[1],te=r(!1),re=te[0],ie=te[1],le=i(null),ue=i(null),de=i(null),ce=i(null),oe=i(null),ae=i(null),he=i(null),se=r(null),ve=se[0],fe=se[1],ge=r(null),me=ge[0],be=ge[1],pe=r(null),We=pe[0],we=pe[1],xe=r(null),ye=xe[0],Me=xe[1],Ce=r(null),Ne=Ce[0],Oe=Ce[1],Se=r(null),Ie=Se[0],Le=Se[1],je=r({value:null,action:""}),Ae=je[0],Ee=je[1],ke=i(!0),Re=r(0),Xe=Re[0],Be=Re[1],ze=t.useRef(null);function De(){ce.current&&he.current&&(R(ce.current.clientWidth-he.current.clientWidth/2),Oe(he.current.clientWidth)),ae.current&&(fe(ae.current.clientWidth/-2),A(ce.current.clientWidth/(W.length-1)*w-ae.current.clientWidth/2)),he.current&&oe.current&&(be(oe.current.clientWidth-he.current.clientWidth/2),R(ce.current.clientWidth/(W.length-1)*x-he.current.clientWidth/2));var e=ce.current.clientWidth/(W.length-1)*x-ce.current.clientWidth/(W.length-1)*w,n=ce.current.clientWidth/(W.length-1)*w;oe.current&&z({width:e,left:n}),ue.current&&U((n+e/2-ue.current.clientWidth/2)/ce.current.clientWidth*100);var t=window.getComputedStyle(le.current).transform,r=parseInt(window.getComputedStyle(le.current).width),i=new WebKitCSSMatrix(t),l=Math.round(10*i.m41)/20/r*100,u=window.getComputedStyle(de.current).transform,d=parseInt(window.getComputedStyle(de.current).width),c=new WebKitCSSMatrix(u),o=Math.round(10*c.m41)/20/d*100;Be(isFinite(1/(Math.floor((l-o)/10)/10+1))?1/(Math.floor((l-o)/10)/10+1):0),le.current&&de.current&&oe.current&&$(le.current.clientWidth/2+de.current.clientWidth/2>e*Xe)}function Ke(){ze.current&&g(ze.current),Me(null),ie(!1),"hover"===s&&(P("hidden"),H("hidden"),V("hidden"))}function Pe(){De()}l((function(){return document.addEventListener("mousemove",(function(e){ne(e.clientX)})),window.addEventListener("resize",Pe),De(),function(){window.removeEventListener("resize",Pe)}}),[]),l((function(){ke.current||(null!==j&&null!==k&&Ne&&z({left:j+Ne/2,width:k-j}),B&&ue.current&&U((B.left+B.width/2-ue.current.clientWidth/2)/ce.current.clientWidth*100),Ae.value&&Fe(Ae.value),le.current&&de.current&&oe.current&&$(le.current.clientWidth/2+de.current.clientWidth/2>oe.current.clientWidth*Xe))}),[Ae]),l((function(){ke.current?ke.current=!1:(ze.current={min:C.value,max:S.value,minIndex:C.valueIndex,maxIndex:S.valueIndex},"jumpTo"===Ae.action&&g(ze.current))}),[C.value,S.value]),l((function(){"hover"===s?Z&&re?(V("visible"),P("hidden"),H("hidden")):We===ae.current&&re?(P("visible"),V("hidden"),H("hidden")):We===he.current&&re?(H("visible"),V("hidden"),P("hidden")):(P("hidden"),H("hidden"),V("hidden")):"always"===s&&(Z?(V("visible"),P("hidden"),H("hidden")):(V("hidden"),P("visible"),H("visible")))}),[Z]),l((function(){if(re&&ye&&We&&ve&&me&&Ne&&null!==Ie&&ce.current&&null!==j&&null!==k){var e=(Ie||0)+(ee-ye),n=Math.round(e/(ce.current.clientWidth/(W.length-1))),t=ce.current.clientWidth/(W.length-1)*n-Ne/2;if(h){if(t>=ve&&t<=me){if(We===ae.current&&t>k)return;if(We===he.current&&t<j)return;We===ae.current&&A(t),We===he.current&&R(t)}}else if(e>=ve&&e<=me){if(We===ae.current&&e>=k)return;if(We===he.current&&e<=j)return;We===ae.current&&A(e),We===he.current&&R(e)}Ee({value:We,action:"move"})}}),[ee]);var Te=function(e){if(ae.current&&he.current&&Ne&&ve&&me&&null!==j&&null!==k){var n=Math.abs(e.clientX-ae.current.getBoundingClientRect().left)>Math.abs(e.clientX-he.current.getBoundingClientRect().left)?he.current:ae.current;Le(n.offsetLeft);var t=n.offsetLeft+(e.clientX-n.getBoundingClientRect().left)-Ne/2,r=Math.round(t/(ce.current.clientWidth/(W.length-1))),i=ce.current.clientWidth/(W.length-1)*r-Ne/2;if(h){if(i>=ve&&i<=me){if(n===ae.current&&i>k)return;if(n===he.current&&i<j)return;n===ae.current&&A(i),n===he.current&&R(i)}}else if(t>=ve&&t<=me){if(n===ae.current&&t>=k)return;if(n===he.current&&t<=j)return;n===ae.current&&A(t),n===he.current&&R(t)}Ee({value:n,action:"jumpTo"})}},Fe=function(e){if(ce.current&&oe.current&&e&&Ne){var n=ce.current.clientWidth/W.length,t=Number(window.getComputedStyle(e).left.replace("px",""));t=(t=t>ce.current.clientWidth?ce.current.clientWidth+Ne/2:t+Ne/2)<=0?0:t;var r=Math.floor(t/n);r>=W.length&&(r=W.length-1);var i="string"==typeof W[r]?W[r]:W[r].toString();e===ae.current&&N({value:y(i),valueIndex:r}),e===he.current&&I({value:y(i),valueIndex:r})}Ee(u(u({},Ae),{value:null}))};return e("div",u({className:"double-range-slider-container"},{children:[n("div",u({className:"double-range-slider-rail",ref:ce,onClick:Te},{children:h&&W.map((function(e,t){return ce.current&&t>0&&t<W.length-1&&n("div",{className:"double-range-slider-step",style:{left:"".concat(ce.current.clientWidth/(W.length-1)*t-2.5,"px")}},t)}))})),n("div",{className:"double-range-slider-track",ref:oe,style:B?{left:"".concat(B.left/(null===(c=ce.current)||void 0===c?void 0:c.clientWidth)*100,"%"),width:"".concat(B.width,"px")}:void 0,onMouseOver:function(){"hover"===s&&Z?(V("visible"),P("hidden"),H("hidden")):"hover"===s&&(V("hidden"),P("hidden"),H("hidden"))},onMouseOut:function(){("hover"===s&&Z||"hover"===s)&&(V("hidden"),P("hidden"),H("hidden"))},onClick:Te}),n("div",u({className:"double-range-slider-min double-range-slider-ball".concat(We===ae.current?" double-range-slider-active":""),style:{left:"".concat(j/(null===(o=ce.current)||void 0===o?void 0:o.clientWidth)*100,"%")},ref:ae,onMouseOver:function(){"hover"!==s||Z?"hover"===s&&Z&&(P("hidden"),V("visible")):(P("visible"),V("hidden"))},onMouseOut:function(){"hover"!==s||Z?"hover"===s&&Z&&(P("hidden"),V("hidden")):(P("hidden"),V("hidden"))},onMouseDown:function(e){Me(ee),we(ae.current),Le(j),ie(!0),document.addEventListener("mouseup",Ke,{once:!0})}},{children:n("div",u({className:"double-range-slider-tooltip ".concat(v?"double-range-slider-".concat(v):"double-range-slider-over"),style:{visibility:K},ref:le},{children:n("p",u({className:"double-range-slider-min-text-holder double-range-slider-text-holder"},{children:C.value}))}))})),n("div",u({className:"double-range-slider-mid double-range-slider-tooltip ".concat(v?"double-range-slider-".concat(v):"double-range-slider-over"),ref:ue,style:{visibility:F,left:"".concat(Q,"%")}},{children:n("p",u({className:"double-range-slider-mid-text-holder double-range-slider-text-holder"},{children:C.value===S.value?"".concat(C.value):"".concat(C.value," - ").concat(S.value)}))})),n("div",u({className:"double-range-slider-max double-range-slider-ball".concat(We===he.current?" double-range-slider-active":""),style:{left:"".concat(k/(null===(a=ce.current)||void 0===a?void 0:a.clientWidth)*100,"%")},ref:he,onMouseOver:function(){"hover"!==s||Z?"hover"===s&&Z&&(H("hidden"),V("visible")):(H("visible"),V("hidden"))},onMouseOut:function(){"hover"!==s||Z?"hover"===s&&Z&&(H("hidden"),V("hidden")):(H("hidden"),V("hidden"))},onMouseDown:function(e){Me(ee),we(he.current),Le(k),ie(!0),document.addEventListener("mouseup",Ke,{once:!0})}},{children:n("div",u({className:"double-range-slider-tooltip ".concat(v?"double-range-slider-".concat(v):"double-range-slider-over"),style:{visibility:G},ref:de},{children:n("p",u({className:"double-range-slider-max-text-holder double-range-slider-text-holder"},{children:S.value}))}))}))]}))};export{d as RangeSlider};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import t,{useState as r,useRef as i,useEffect as l}from"react";var u=function(){return u=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},u.apply(this,arguments)},d=function(d){var c,o,a,h=d.hasSteps,s=d.tooltipVisibility,v=d.tooltipPosition,f=d.value,g=d.onChange,m=d.from,b=d.to,p=d.formatter,W=f instanceof Array?f:Array.from(function(e,n,t){return Array.from(Array.from(Array(Math.ceil((n-e)/t)).keys()),(function(n){return e+n*t}))}(f.min,f.max+1,1)),w=m?-1===W.indexOf(m)?0:W.indexOf(m):0,x=b?-1===W.indexOf(b)?W.length-1:W.indexOf(b):W.length-1,y=p||function(e){return"".concat(e)},M=r({value:y(W[w]),valueIndex:w}),C=M[0],N=M[1],O=r({value:y(W[x]),valueIndex:x}),S=O[0],I=O[1];s||(s="always");var L=r(null),j=L[0],A=L[1],E=r(null),k=E[0],R=E[1],X=r(null),B=X[0],z=X[1],D=r("always"===s?"visible":"hidden"),K=D[0],P=D[1],T=r("hidden"),F=T[0],V=T[1],q=r("always"===s?"visible":"hidden"),G=q[0],H=q[1],J=r(null),Q=J[0],U=J[1],Y=r(!1),Z=Y[0],$=Y[1],_=r(0),ee=_[0],ne=_[1],te=r(!1),re=te[0],ie=te[1],le=i(null),ue=i(null),de=i(null),ce=i(null),oe=i(null),ae=i(null),he=i(null),se=r(null),ve=se[0],fe=se[1],ge=r(null),me=ge[0],be=ge[1],pe=r(null),We=pe[0],we=pe[1],xe=r(null),ye=xe[0],Me=xe[1],Ce=r(null),Ne=Ce[0],Oe=Ce[1],Se=r(null),Ie=Se[0],Le=Se[1],je=r({value:null,action:""}),Ae=je[0],Ee=je[1],ke=i(!0),Re=r(0),Xe=Re[0],Be=Re[1],ze=t.useRef(null);function De(){ce.current&&he.current&&(R(ce.current.clientWidth-he.current.clientWidth/2),Oe(he.current.clientWidth)),ae.current&&(fe(ae.current.clientWidth/-2),A(ce.current.clientWidth/(W.length-1)*w-ae.current.clientWidth/2)),he.current&&oe.current&&(be(oe.current.clientWidth-he.current.clientWidth/2),R(ce.current.clientWidth/(W.length-1)*x-he.current.clientWidth/2));var e=ce.current.clientWidth/(W.length-1)*x-ce.current.clientWidth/(W.length-1)*w,n=ce.current.clientWidth/(W.length-1)*w;oe.current&&z({width:e,left:n}),ue.current&&U((n+e/2-ue.current.clientWidth/2)/ce.current.clientWidth*100);var t=window.getComputedStyle(le.current).transform,r=parseInt(window.getComputedStyle(le.current).width),i=new WebKitCSSMatrix(t),l=Math.round(10*i.m41)/20/r*100,u=window.getComputedStyle(de.current).transform,d=parseInt(window.getComputedStyle(de.current).width),c=new WebKitCSSMatrix(u),o=Math.round(10*c.m41)/20/d*100;Be(isFinite(1/(Math.floor((l-o)/10)/10+1))?1/(Math.floor((l-o)/10)/10+1):0),le.current&&de.current&&oe.current&&$(le.current.clientWidth/2+de.current.clientWidth/2>e*Xe)}function Ke(){ze.current&&g(ze.current),Me(null),ie(!1),"hover"===s&&(P("hidden"),H("hidden"),V("hidden"))}function Pe(){De()}l((function(){return document.addEventListener("mousemove",(function(e){ne(e.clientX)})),window.addEventListener("resize",Pe),De(),Ee({value:null,action:""}),function(){window.removeEventListener("resize",Pe)}}),[]),l((function(){ke.current||(null!==j&&null!==k&&Ne&&z({left:j+Ne/2,width:k-j}),B&&ue.current&&U((B.left+B.width/2-ue.current.clientWidth/2)/ce.current.clientWidth*100),Ae.value&&Fe(Ae.value),le.current&&de.current&&oe.current&&$(le.current.clientWidth/2+de.current.clientWidth/2>oe.current.clientWidth*Xe))}),[Ae]),l((function(){ke.current?ke.current=!1:(ze.current={min:C.value,max:S.value,minIndex:C.valueIndex,maxIndex:S.valueIndex},"jumpTo"===Ae.action&&g(ze.current))}),[C.value,S.value]),l((function(){"hover"===s?Z&&re?(V("visible"),P("hidden"),H("hidden")):We===ae.current&&re?(P("visible"),V("hidden"),H("hidden")):We===he.current&&re?(H("visible"),V("hidden"),P("hidden")):(P("hidden"),H("hidden"),V("hidden")):"always"===s&&(Z?(V("visible"),P("hidden"),H("hidden")):(V("hidden"),P("visible"),H("visible")))}),[Z]),l((function(){if(re&&ye&&We&&ve&&me&&Ne&&null!==Ie&&ce.current&&null!==j&&null!==k){var e=(Ie||0)+(ee-ye),n=Math.round(e/(ce.current.clientWidth/(W.length-1))),t=ce.current.clientWidth/(W.length-1)*n-Ne/2;if(h){if(t>=ve&&t<=me){if(We===ae.current&&t>k)return;if(We===he.current&&t<j)return;We===ae.current&&A(t),We===he.current&&R(t)}}else if(e>=ve&&e<=me){if(We===ae.current&&e>=k)return;if(We===he.current&&e<=j)return;We===ae.current&&A(e),We===he.current&&R(e)}Ee({value:We,action:"move"})}}),[ee]);var Te=function(e){if(ae.current&&he.current&&Ne&&ve&&me&&null!==j&&null!==k){var n=Math.abs(e.clientX-ae.current.getBoundingClientRect().left)>Math.abs(e.clientX-he.current.getBoundingClientRect().left)?he.current:ae.current;Le(n.offsetLeft);var t=n.offsetLeft+(e.clientX-n.getBoundingClientRect().left)-Ne/2,r=Math.round(t/(ce.current.clientWidth/(W.length-1))),i=ce.current.clientWidth/(W.length-1)*r-Ne/2;if(h){if(i>=ve&&i<=me){if(n===ae.current&&i>k)return;if(n===he.current&&i<j)return;n===ae.current&&A(i),n===he.current&&R(i)}}else if(t>=ve&&t<=me){if(n===ae.current&&t>=k)return;if(n===he.current&&t<=j)return;n===ae.current&&A(t),n===he.current&&R(t)}Ee({value:n,action:"jumpTo"})}},Fe=function(e){if(ce.current&&oe.current&&e&&Ne){var n=ce.current.clientWidth/W.length,t=Number(window.getComputedStyle(e).left.replace("px",""));t=(t=t>ce.current.clientWidth?ce.current.clientWidth+Ne/2:t+Ne/2)<=0?0:t;var r=Math.floor(t/n);r>=W.length&&(r=W.length-1);var i="string"==typeof W[r]?W[r]:W[r].toString();e===ae.current&&N({value:y(i),valueIndex:r}),e===he.current&&I({value:y(i),valueIndex:r})}Ee(u(u({},Ae),{value:null}))};return e("div",u({className:"double-range-slider-container"},{children:[n("div",u({className:"double-range-slider-rail",ref:ce,onClick:Te},{children:h&&W.map((function(e,t){return ce.current&&t>0&&t<W.length-1&&n("div",{className:"double-range-slider-step",style:{left:"".concat(ce.current.clientWidth/(W.length-1)*t-2.5,"px")}},t)}))})),n("div",{className:"double-range-slider-track",ref:oe,style:B?{left:"".concat(B.left/(null===(c=ce.current)||void 0===c?void 0:c.clientWidth)*100,"%"),width:"".concat(B.width,"px")}:void 0,onMouseOver:function(){"hover"===s&&Z?(V("visible"),P("hidden"),H("hidden")):"hover"===s&&(V("hidden"),P("hidden"),H("hidden"))},onMouseOut:function(){("hover"===s&&Z||"hover"===s)&&(V("hidden"),P("hidden"),H("hidden"))},onClick:Te}),n("div",u({className:"double-range-slider-min double-range-slider-ball".concat(We===ae.current?" double-range-slider-active":""),style:{left:"".concat(j/(null===(o=ce.current)||void 0===o?void 0:o.clientWidth)*100,"%")},ref:ae,onMouseOver:function(){"hover"!==s||Z?"hover"===s&&Z&&(P("hidden"),V("visible")):(P("visible"),V("hidden"))},onMouseOut:function(){"hover"!==s||Z?"hover"===s&&Z&&(P("hidden"),V("hidden")):(P("hidden"),V("hidden"))},onMouseDown:function(e){Me(ee),we(ae.current),Le(j),ie(!0),document.addEventListener("mouseup",Ke,{once:!0})}},{children:n("div",u({className:"double-range-slider-tooltip ".concat(v?"double-range-slider-".concat(v):"double-range-slider-over"),style:{visibility:K},ref:le},{children:n("p",u({className:"double-range-slider-min-text-holder double-range-slider-text-holder"},{children:C.value}))}))})),n("div",u({className:"double-range-slider-mid double-range-slider-tooltip ".concat(v?"double-range-slider-".concat(v):"double-range-slider-over"),ref:ue,style:{visibility:F,left:"".concat(Q,"%")}},{children:n("p",u({className:"double-range-slider-mid-text-holder double-range-slider-text-holder"},{children:C.value===S.value?"".concat(C.value):"".concat(C.value," - ").concat(S.value)}))})),n("div",u({className:"double-range-slider-max double-range-slider-ball".concat(We===he.current?" double-range-slider-active":""),style:{left:"".concat(k/(null===(a=ce.current)||void 0===a?void 0:a.clientWidth)*100,"%")},ref:he,onMouseOver:function(){"hover"!==s||Z?"hover"===s&&Z&&(H("hidden"),V("visible")):(H("visible"),V("hidden"))},onMouseOut:function(){"hover"!==s||Z?"hover"===s&&Z&&(H("hidden"),V("hidden")):(H("hidden"),V("hidden"))},onMouseDown:function(e){Me(ee),we(he.current),Le(k),ie(!0),document.addEventListener("mouseup",Ke,{once:!0})}},{children:n("div",u({className:"double-range-slider-tooltip ".concat(v?"double-range-slider-".concat(v):"double-range-slider-over"),style:{visibility:G},ref:de},{children:n("p",u({className:"double-range-slider-max-text-holder double-range-slider-text-holder"},{children:S.value}))}))}))]}))};export{d as RangeSlider};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "react-double-range-slider",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "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

94111

increased by0.14%

Lines of code

368

increased by0.27%

No dependency changes