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

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

package.json

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

No alert changes

Worsened metrics

Total package byte prevSize

90793

decreased by-0.25%

Lines of code

361

decreased by-0.28%

No dependency changes