@corva/ui 0.84.0-8 → 0.84.0-9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),t=require("react"),r=require("classnames"),i=require("lodash"),o=require("prop-types"),a=require("@material-ui/core"),l=require("../../utils/mobileDetect.js"),u=require("./strategies/horizontal.js"),s=require("./strategies/vertical.js"),d=require("./utils.js"),c=require("./inputs/FromInput.js"),g=require("./inputs/ToInput.js"),R=require("./constants.js"),f=require("./RangeSlider.css.js");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=S(r),C=S(o),v=function(r){var o,S,C,v,p,O=r.min,b=r.max,T=r.from,F=r.to,h=r.minRange,_=r.disabled,
|
|
1
|
+
"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),t=require("react"),r=require("classnames"),i=require("lodash"),o=require("prop-types"),a=require("@material-ui/core"),l=require("../../utils/mobileDetect.js"),u=require("./strategies/horizontal.js"),s=require("./strategies/vertical.js"),d=require("./utils.js"),c=require("./inputs/FromInput.js"),g=require("./inputs/ToInput.js"),R=require("./constants.js"),f=require("./RangeSlider.css.js");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=S(r),C=S(o),v=function(r){var o,S,C,v,p,O=r.min,b=r.max,T=r.from,F=r.to,h=r.minRange,_=r.disabled,B=r.onChange,V=r.orientation,x=r.precision,M=r.isSingleRange,I=r.isWithoutInput,j=t.useState(null),E=j[0],P=j[1],y=t.useState(null),L=y[0],q=y[1],N=t.useState({}),A=N[0],D=N[1],w=t.useState(""),U=w[0],z=w[1],H=t.useState(null),W=H[0],X=H[1],Y=t.useState(R.RangeSliderControl.FROM),Z=Y[0],k=Y[1],G=t.useState(null),J=G[0],K=G[1],Q=t.useState({}),$=Q[0],ee=Q[1],ne=t.useState(R.DEFAULT_FOCUSED_EL),te=ne[0],re=ne[1],ie=t.useRef(null),oe=t.useRef(null),ae=t.useRef(null),le=t.useRef(null),ue=t.useRef(null),se=null===(p=ie.current)||void 0===p?void 0:p.getBoundingClientRect(),de=V===R.RangeSliderOrientation.HORIZONTAL,ce=V===R.RangeSliderOrientation.VERTICAL,ge=M&&I;t.useEffect((function(){V===R.RangeSliderOrientation.HORIZONTAL&&X(u.horizontalStrategy),V===R.RangeSliderOrientation.VERTICAL&&X(s.verticalStrategy)}),[V]),t.useEffect((function(){M&&B({from:0,to:F})}),[M]),t.useEffect((function(){var e;if(W){var n=i.round(T,x),t=i.round(F,x),r=i.round(O,x),o=i.round(b,x),a=d.calculatePercentForValue(n,r,o),l=d.calculatePercentForValue(t,r,o);ee(((e={})[R.RangeSliderControl.FROM]=W.getThumbStyles(a,Z===R.RangeSliderControl.FROM),e[R.RangeSliderControl.TO]=W.getThumbStyles(l,Z===R.RangeSliderControl.TO),e[R.RangeSliderControl.BAR]=W.getBarStyles(a,l),e[R.RangeSliderControl.FROM_INPUT]=W.getInputStyles(J===R.RangeSliderControl.FROM||J===R.RangeSliderControl.BAR||te.from),e[R.RangeSliderControl.TO_INPUT]=W.getInputStyles(J===R.RangeSliderControl.TO||J===R.RangeSliderControl.BAR||te.to),e)),P(n.toString()),q(t.toString())}}),[W,O,b,T,F,J,te]);var Re=function(e){var n=W.getCoordinates(e,ie.current.getBoundingClientRect()),t=d.calculatePercentForValue(n.new,n.min,n.max),r=i.round(d.calculateValueFromPercent(t,O,b),x);if(r!==T){var o=d.updateFromValue(r,T,F,O,h);B(o)}},fe=function(e){var n=ce&&M?W.getRotatedCoordinates(e,ie.current.getBoundingClientRect()):W.getCoordinates(e,ie.current.getBoundingClientRect()),t=d.calculatePercentForValue(n.new,n.min,n.max),r=i.round(d.calculateValueFromPercent(t,O,b),x);if(r!==F){var o=d.updateToValue(r,T,F,b,h);B(o)}},Se=function(e,n){var t=W.getBarCoordinates(e,n,ie.current.getBoundingClientRect()),r=d.calculatePercentForValue(t.new,t.min,t.max),o=i.round(d.calculateValueFromPercent(r,O,b),x),a=i.round(F+(o-T),x);if(o<O){var l=O-o;o=O,a=i.round(a+l,x)}if(a>b){l=a-b;a=b,o=i.round(o-l,x)}o!==T&&a!==F&&o>=O&&a<=b&&B({from:o,to:a})},me=function(n){var t;n!==R.RangeSliderControl.BAR?re(e.__assign(e.__assign({},R.DEFAULT_FOCUSED_EL),((t={})[n]=!0,t))):re({from:!0,bar:!0,to:!0})},Ce=function(n){var t;n!==R.RangeSliderControl.BAR?re(e.__assign(e.__assign({},te),((t={})[n]=!1,t))):re(R.DEFAULT_FOCUSED_EL)},ve=function(e,n){if(!(M&&e===R.RangeSliderControl.BAR||_)){n.stopPropagation(),k(e),K(e);var t=n.clientX,r=n.clientY,o=n.target.getBoundingClientRect(),a=o.x,l=o.y,u=i.throttle((function(n){!function(e){return e===R.RangeSliderControl.FROM?Re:e===R.RangeSliderControl.TO?fe:Se}(e)(n,{clientX:t,clientY:r,x:a,y:l})}),4);document.addEventListener("mousemove",u),document.addEventListener("mouseup",(function e(){K(null),document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",e)}))}},pe=function(e,n){var t=n.target.value;Number.isNaN(Number(t))||function(e){return e===R.RangeSliderControl.FROM?P:q}(e)(t)},Oe=function(e,n){var t=n.target.value,r=i.round(t,x);if(e===R.RangeSliderControl.FROM){var o=d.updateFromValue(r,T,F,O,h);B(o),P(o.from)}if(e===R.RangeSliderControl.TO){o=d.updateToValue(r,T,F,b,h);B(o),q(o.to)}};return n.jsxs("div",e.__assign({className:m.default((o={},o[f.disabled]=_,o[f.rangeSliderHorizontal]=de,o[f.rangeSliderVertical]=ce,o[f.rotatedVerticalRange]=ce&&M,o))},{children:[!M&&n.jsx(c,{compStyles:$[R.RangeSliderControl.FROM_INPUT],isVerticalOrientation:ce,max:b,disabled:_,precision:x,fromInputRef:le,from:T,fromInputValue:E,onInputChange:pe,validateInputChange:Oe}),n.jsx(a.Tooltip,e.__assign({title:U,placement:de?"top":"left",onMouseMove:function(e){var n=e.clientX,t=e.clientY,r=de?{clientX:n}:{clientY:t},o=ce&&M?W.getRotatedCoordinates(r,ie.current.getBoundingClientRect()):W.getCoordinates(r,ie.current.getBoundingClientRect());if(te.bar)return z(""),void D({x:n,y:t});var a=d.calculatePercentForValue(o.new,o.min,o.max),l=i.round(d.calculateValueFromPercent(a,O,b),x);l<O&&z(O.toString()),l>b&&z(b.toString()),l>=O&&l<=b&&z(l.toString()),D({x:n,y:t})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){return d.getToolipBoundingClientRect({isHorizontalOrientation:de,railPosition:se,tooltipPosition:A})}}}},{children:n.jsxs("div",e.__assign({className:m.default(f.rangeSliderRail,(S={},S[f.rangeSliderRailHorizontal]=de,S[f.rangeSliderRailVertical]=ce,S)),ref:ie},{children:[!M&&n.jsx("div",e.__assign({ref:oe,className:m.default(f.rangeSliderThumb,l.isMobileDetected&&f.mobileRangeSliderThumb),style:$[R.RangeSliderControl.FROM],onMouseDown:function(e){return ve(R.RangeSliderControl.FROM,e)},onMouseEnter:function(){me(R.RangeSliderControl.FROM)},onMouseLeave:function(){Ce(R.RangeSliderControl.FROM)}},{children:n.jsx("div",{className:f.rangeSliderLabel})})),n.jsx("div",e.__assign({className:m.default(f.rangeSliderBar,(C={},C[f.rangeSliderBarHorizontal]=de,C[f.rangeSliderBarVertical]=ce,C)),style:$[R.RangeSliderControl.BAR],onMouseDown:function(e){return ve(R.RangeSliderControl.BAR,e)},onMouseEnter:function(){me(R.RangeSliderControl.BAR)},onMouseLeave:function(){Ce(R.RangeSliderControl.BAR)}},{children:n.jsx("div",{className:m.default(f.rangeSliderBarView,(v={},v[f.rangeSliderBarViewHorizontal]=de,v[f.rangeSliderBarViewVertical]=ce,v))})})),n.jsx("div",e.__assign({ref:ae,className:m.default(f.rangeSliderThumb,l.isMobileDetected&&f.mobileRangeSliderThumb),style:$[R.RangeSliderControl.TO],onMouseDown:function(e){return ve(R.RangeSliderControl.TO,e)},onMouseEnter:function(){me(R.RangeSliderControl.TO)},onMouseLeave:function(){Ce(R.RangeSliderControl.TO)}},{children:n.jsx("div",{className:f.rangeSliderLabel})}))]}))})),!ge&&n.jsx(g,{compStyles:$[R.RangeSliderControl.TO_INPUT],disabled:_,isVerticalOrientation:ce,rotated:ce&&M,max:b,precision:x,toInputRef:ue,to:F,toInputValue:L,onInputChange:pe,validateInputChange:Oe})]}))},p={min:C.default.number,max:C.default.number,from:C.default.number.isRequired,to:C.default.number.isRequired,orientation:C.default.oneOf(["horizontal","vertical"]),precision:C.default.number,minRange:C.default.number,onChange:C.default.func,isSingleRange:C.default.bool,isWithoutInput:C.default.bool,disabled:C.default.bool.isRequired};v.propTypes=p,v.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){},isSingleRange:!1,isWithoutInput:!1},module.exports=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAsBnC,UAAU,gBAAiB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEvF,QAAA,MAAM,WAAW;YAAW,gBAAgB,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAsBnC,UAAU,gBAAiB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEvF,QAAA,MAAM,WAAW;YAAW,gBAAgB,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAoYzD,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAkBzB,CAAC;AAeF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as
|
|
1
|
+
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as r,useEffect as o}from"react";import a from"classnames";import{round as l,throttle as u}from"lodash";import s from"prop-types";import{Tooltip as m}from"@material-ui/core";import{isMobileDetected as c}from"../../utils/mobileDetect.js";import{horizontalStrategy as d}from"./strategies/horizontal.js";import{verticalStrategy as g}from"./strategies/vertical.js";import{getToolipBoundingClientRect as f,calculatePercentForValue as p,updateToValue as R,calculateValueFromPercent as v,updateFromValue as S}from"./utils.js";import O from"./inputs/FromInput.js";import b from"./inputs/ToInput.js";import{RangeSliderControl as h,DEFAULT_FOCUSED_EL as B,RangeSliderOrientation as T}from"./constants.js";import C from"./RangeSlider.css.js";var M=function(s){var M,I,N,y,x,A=s.min,F=s.max,V=s.from,L=s.to,j=s.minRange,w=s.disabled,E=s.onChange,P=s.orientation,z=s.precision,H=s.isSingleRange,_=s.isWithoutInput,D=i(null),U=D[0],W=D[1],X=i(null),Y=X[0],q=X[1],Z=i({}),k=Z[0],G=Z[1],J=i(""),K=J[0],Q=J[1],$=i(null),ee=$[0],ne=$[1],te=i(h.FROM),ie=te[0],re=te[1],oe=i(null),ae=oe[0],le=oe[1],ue=i({}),se=ue[0],me=ue[1],ce=i(B),de=ce[0],ge=ce[1],fe=r(null),pe=r(null),Re=r(null),ve=r(null),Se=r(null),Oe=null===(x=fe.current)||void 0===x?void 0:x.getBoundingClientRect(),be=P===T.HORIZONTAL,he=P===T.VERTICAL,Be=H&&_;o((function(){P===T.HORIZONTAL&&ne(d),P===T.VERTICAL&&ne(g)}),[P]),o((function(){H&&E({from:0,to:L})}),[H]),o((function(){var e;if(ee){var n=l(V,z),t=l(L,z),i=l(A,z),r=l(F,z),o=p(n,i,r),a=p(t,i,r);me(((e={})[h.FROM]=ee.getThumbStyles(o,ie===h.FROM),e[h.TO]=ee.getThumbStyles(a,ie===h.TO),e[h.BAR]=ee.getBarStyles(o,a),e[h.FROM_INPUT]=ee.getInputStyles(ae===h.FROM||ae===h.BAR||de.from),e[h.TO_INPUT]=ee.getInputStyles(ae===h.TO||ae===h.BAR||de.to),e)),W(n.toString()),q(t.toString())}}),[ee,A,F,V,L,ae,de]);var Te=function(e){var n=ee.getCoordinates(e,fe.current.getBoundingClientRect()),t=p(n.new,n.min,n.max),i=l(v(t,A,F),z);if(i!==V){var r=S(i,V,L,A,j);E(r)}},Ce=function(e){var n=he&&H?ee.getRotatedCoordinates(e,fe.current.getBoundingClientRect()):ee.getCoordinates(e,fe.current.getBoundingClientRect()),t=p(n.new,n.min,n.max),i=l(v(t,A,F),z);if(i!==L){var r=R(i,V,L,F,j);E(r)}},Me=function(e,n){var t=ee.getBarCoordinates(e,n,fe.current.getBoundingClientRect()),i=p(t.new,t.min,t.max),r=l(v(i,A,F),z),o=l(L+(r-V),z);if(r<A){var a=A-r;r=A,o=l(o+a,z)}if(o>F){a=o-F;o=F,r=l(r-a,z)}r!==V&&o!==L&&r>=A&&o<=F&&E({from:r,to:o})},Ie=function(n){var t;n!==h.BAR?ge(e(e({},B),((t={})[n]=!0,t))):ge({from:!0,bar:!0,to:!0})},Ne=function(n){var t;n!==h.BAR?ge(e(e({},de),((t={})[n]=!1,t))):ge(B)},ye=function(e,n){if(!(H&&e===h.BAR||w)){n.stopPropagation(),re(e),le(e);var t=n.clientX,i=n.clientY,r=n.target.getBoundingClientRect(),o=r.x,a=r.y,l=u((function(n){!function(e){return e===h.FROM?Te:e===h.TO?Ce:Me}(e)(n,{clientX:t,clientY:i,x:o,y:a})}),4);document.addEventListener("mousemove",l),document.addEventListener("mouseup",(function e(){le(null),document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",e)}))}},xe=function(e,n){var t=n.target.value;Number.isNaN(Number(t))||function(e){return e===h.FROM?W:q}(e)(t)},Ae=function(e,n){var t=n.target.value,i=l(t,z);if(e===h.FROM){var r=S(i,V,L,A,j);E(r),W(r.from)}if(e===h.TO){r=R(i,V,L,F,j);E(r),q(r.to)}};return n("div",e({className:a((M={},M[C.disabled]=w,M[C.rangeSliderHorizontal]=be,M[C.rangeSliderVertical]=he,M[C.rotatedVerticalRange]=he&&H,M))},{children:[!H&&t(O,{compStyles:se[h.FROM_INPUT],isVerticalOrientation:he,max:F,disabled:w,precision:z,fromInputRef:ve,from:V,fromInputValue:U,onInputChange:xe,validateInputChange:Ae}),t(m,e({title:K,placement:be?"top":"left",onMouseMove:function(e){var n=e.clientX,t=e.clientY,i=be?{clientX:n}:{clientY:t},r=he&&H?ee.getRotatedCoordinates(i,fe.current.getBoundingClientRect()):ee.getCoordinates(i,fe.current.getBoundingClientRect());if(de.bar)return Q(""),void G({x:n,y:t});var o=p(r.new,r.min,r.max),a=l(v(o,A,F),z);a<A&&Q(A.toString()),a>F&&Q(F.toString()),a>=A&&a<=F&&Q(a.toString()),G({x:n,y:t})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){return f({isHorizontalOrientation:be,railPosition:Oe,tooltipPosition:k})}}}},{children:n("div",e({className:a(C.rangeSliderRail,(I={},I[C.rangeSliderRailHorizontal]=be,I[C.rangeSliderRailVertical]=he,I)),ref:fe},{children:[!H&&t("div",e({ref:pe,className:a(C.rangeSliderThumb,c&&C.mobileRangeSliderThumb),style:se[h.FROM],onMouseDown:function(e){return ye(h.FROM,e)},onMouseEnter:function(){Ie(h.FROM)},onMouseLeave:function(){Ne(h.FROM)}},{children:t("div",{className:C.rangeSliderLabel})})),t("div",e({className:a(C.rangeSliderBar,(N={},N[C.rangeSliderBarHorizontal]=be,N[C.rangeSliderBarVertical]=he,N)),style:se[h.BAR],onMouseDown:function(e){return ye(h.BAR,e)},onMouseEnter:function(){Ie(h.BAR)},onMouseLeave:function(){Ne(h.BAR)}},{children:t("div",{className:a(C.rangeSliderBarView,(y={},y[C.rangeSliderBarViewHorizontal]=be,y[C.rangeSliderBarViewVertical]=he,y))})})),t("div",e({ref:Re,className:a(C.rangeSliderThumb,c&&C.mobileRangeSliderThumb),style:se[h.TO],onMouseDown:function(e){return ye(h.TO,e)},onMouseEnter:function(){Ie(h.TO)},onMouseLeave:function(){Ne(h.TO)}},{children:t("div",{className:C.rangeSliderLabel})}))]}))})),!Be&&t(b,{compStyles:se[h.TO_INPUT],disabled:w,isVerticalOrientation:he,rotated:he&&H,max:F,precision:z,toInputRef:Se,to:L,toInputValue:Y,onInputChange:xe,validateInputChange:Ae})]}))},I={min:s.number,max:s.number,from:s.number.isRequired,to:s.number.isRequired,orientation:s.oneOf(["horizontal","vertical"]),precision:s.number,minRange:s.number,onChange:s.func,isSingleRange:s.bool,isWithoutInput:s.bool,disabled:s.bool.isRequired};M.propTypes=I,M.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){},isSingleRange:!1,isWithoutInput:!1};export{M as default};
|