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

Comparing version 1.0.2 to 1.1.0

dist/cjs/components/RangeSlider/RangeSlider.types.d.ts

@@ -10,3 +10,3 @@ export interface Simple {
     value: Simple | any[];
-    getValue: (x: any) => void;
+    onChange: (x: any) => void;
 }
@@ -13,0 +13,0 @@ export interface Status {

dist/cjs/index.d.ts

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

dist/cjs/index.js

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

dist/esm/components/RangeSlider/RangeSlider.types.d.ts

@@ -10,3 +10,3 @@ export interface Simple {
     value: Simple | any[];
-    getValue: (x: any) => void;
+    onChange: (x: any) => void;
 }
@@ -13,0 +13,0 @@ export interface Status {

dist/esm/index.d.ts

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

dist/esm/index.js

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

dist/index.d.ts

@@ -12,3 +12,3 @@ import React from 'react';
     value: Simple | any[];
-    getValue: (x: any) => void;
+    onChange: (x: any) => void;
 }
@@ -18,2 +18,9 @@
 
-export { RangeSlider };
+declare const index_d_RangeSlider: typeof RangeSlider;
+declare namespace index_d {
+  export {
+    index_d_RangeSlider as RangeSlider,
+  };
+}
+
+export { index_d as default };

package.json

 {
   "name": "react-double-range-slider",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Range slider component for React 18",
@@ -10,6 +10,7 @@ "main": "dist/cjs/index.js",
     "dist",
-    "package.json"
+    "package.json",
+    "README.md"
   ],
   "scripts": {
-    "build": "rm -rf dist && rollup -c",
+    "build": "rm -rf dist && rollup -c ",
     "storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006"
@@ -25,2 +26,6 @@ },
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://[e-mail]/dziwuj/react-double-range-slider"
+  },
   "devDependencies": {
@@ -44,2 +49,3 @@ "@babel/core": "^7.18.10",
     "rollup-plugin-dts": "^4.2.2",
+    "rollup-plugin-export-default": "^1.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -46,0 +52,0 @@ "rollup-plugin-postcss": "^4.0.2",

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

93442

increased by24.15%

Number of package files

24

increased by9.09%

Lines of code

355

increased by2.01%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

242

increased byInfinity%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

26

increased by4%

No dependency changes