@corva/ui 0.84.0-20 → 0.84.0-21
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
|
|
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 m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=m(r),C=m(o),v=function(r){var o,m,C,v,p,O=r.min,b=r.max,F=r.from,T=r.to,h=r.minRange,_=r.disabled,B=r.onChange,V=r.orientation,x=r.precision,M=r.isSingleRange,E=r.isWithoutInput,I=t.useState(null),j=I[0],P=I[1],L=t.useState(null),y=L[0],q=L[1],N=t.useState({}),A=N[0],D=N[1],w=t.useState(""),U=w[0],z=w[1],H=t.useState(null),X=H[0],Y=H[1],W=t.useState(R.RangeSliderControl.FROM),k=W[0],Z=W[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&&E;t.useEffect((function(){V===R.RangeSliderOrientation.HORIZONTAL&&Y(u.horizontalStrategy),V===R.RangeSliderOrientation.VERTICAL&&Y(s.verticalStrategy)}),[V]),t.useEffect((function(){M&&B({from:0,to:T})}),[M]),t.useEffect((function(){var e;if(X){var n=i.round(F,x),t=i.round(T,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]=X.getThumbStyles(a,k===R.RangeSliderControl.FROM),e[R.RangeSliderControl.TO]=X.getThumbStyles(l,k===R.RangeSliderControl.TO),e[R.RangeSliderControl.BAR]=X.getBarStyles(a,l),e[R.RangeSliderControl.FROM_INPUT]=X.getInputStyles(J===R.RangeSliderControl.FROM||J===R.RangeSliderControl.BAR||te.from),e[R.RangeSliderControl.TO_INPUT]=X.getInputStyles(J===R.RangeSliderControl.TO||J===R.RangeSliderControl.BAR||te.to),e)),P(n.toString()),q(t.toString())}}),[X,O,b,F,T,J,te]);var Re=function(e){var n=X.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.updateFromValue(r,F,T,O,h);B(o)}},fe=function(e){var n=ce&&M?X.getRotatedCoordinates(e,ie.current.getBoundingClientRect()):X.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.updateToValue(r,F,T,b,h);B(o)}},me=function(e,n){var t=X.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(T+(o-F),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!==F&&a!==T&&o>=O&&a<=b&&B({from:o,to:a})},Se=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(),Z(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:me}(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,F,T,O,h);B(o),P(o.from)}if(e===R.RangeSliderControl.TO){o=d.updateToValue(r,F,T,b,h);B(o),q(o.to)}},be=function(e){if(!(te.bar||te.from||te.to)){var n=e.clientX,t=e.clientY,r=de?{clientX:n}:{clientY:t},o=ce&&M?X.getRotatedCoordinates(r,ie.current.getBoundingClientRect()):X.getCoordinates(r,ie.current.getBoundingClientRect()),a=d.calculatePercentForValue(o.new,o.min,o.max),l=i.round(d.calculateValueFromPercent(a,O,b),x);B(M?{from:F,to:l}:{from:F>l?l:F,to:T<l?l:T})}};return t.useEffect((function(){var e=ie.current;return e.addEventListener("click",be),function(){return e.removeEventListener("click",be)}}),[M,X,te]),n.jsxs("div",e.__assign({className:S.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:F,fromInputValue:j,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?X.getRotatedCoordinates(r,ie.current.getBoundingClientRect()):X.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:S.default(f.rangeSliderRail,(m={},m[f.rangeSliderRailHorizontal]=de,m[f.rangeSliderRailVertical]=ce,m)),ref:ie},{children:[!M&&n.jsx("div",e.__assign({ref:oe,className:S.default(f.rangeSliderThumb,l.isMobileDetected&&f.mobileRangeSliderThumb),style:$[R.RangeSliderControl.FROM],onMouseDown:function(e){return ve(R.RangeSliderControl.FROM,e)},onMouseEnter:function(){Se(R.RangeSliderControl.FROM)},onMouseLeave:function(){Ce(R.RangeSliderControl.FROM)}},{children:n.jsx("div",{className:f.rangeSliderLabel})})),n.jsx("div",e.__assign({className:S.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(){Se(R.RangeSliderControl.BAR)},onMouseLeave:function(){Ce(R.RangeSliderControl.BAR)}},{children:n.jsx("div",{className:S.default(f.rangeSliderBarView,(v={},v[f.rangeSliderBarViewHorizontal]=de,v[f.rangeSliderBarViewVertical]=ce,v))})})),n.jsx("div",e.__assign({ref:ae,className:S.default(f.rangeSliderThumb,l.isMobileDetected&&f.mobileRangeSliderThumb),style:$[R.RangeSliderControl.TO],onMouseDown:function(e){return ve(R.RangeSliderControl.TO,e)},onMouseEnter:function(){Se(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:T,toInputValue:y,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;;;;;;;;;;;;;;;;;;;;;;;;CAmazD,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 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
|
|
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 c}from"@material-ui/core";import{isMobileDetected as m}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 R,updateToValue as p,calculateValueFromPercent as v,updateFromValue as S}from"./utils.js";import b from"./inputs/FromInput.js";import O from"./inputs/ToInput.js";import{RangeSliderControl as h,DEFAULT_FOCUSED_EL as B,RangeSliderOrientation as C}from"./constants.js";import T from"./RangeSlider.css.js";var M=function(s){var M,I,N,x,y,L=s.min,A=s.max,F=s.from,V=s.to,E=s.minRange,w=s.disabled,j=s.onChange,P=s.orientation,z=s.precision,H=s.isSingleRange,X=s.isWithoutInput,Y=i(null),_=Y[0],D=Y[1],U=i(null),W=U[0],q=U[1],k=i({}),Z=k[0],G=k[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],ce=ue[1],me=i(B),de=me[0],ge=me[1],fe=r(null),Re=r(null),pe=r(null),ve=r(null),Se=r(null),be=null===(y=fe.current)||void 0===y?void 0:y.getBoundingClientRect(),Oe=P===C.HORIZONTAL,he=P===C.VERTICAL,Be=H&&X;o((function(){P===C.HORIZONTAL&&ne(d),P===C.VERTICAL&&ne(g)}),[P]),o((function(){H&&j({from:0,to:V})}),[H]),o((function(){var e;if(ee){var n=l(F,z),t=l(V,z),i=l(L,z),r=l(A,z),o=R(n,i,r),a=R(t,i,r);ce(((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)),D(n.toString()),q(t.toString())}}),[ee,L,A,F,V,ae,de]);var Ce=function(e){var n=ee.getCoordinates(e,fe.current.getBoundingClientRect()),t=R(n.new,n.min,n.max),i=l(v(t,L,A),z);if(i!==F){var r=S(i,F,V,L,E);j(r)}},Te=function(e){var n=he&&H?ee.getRotatedCoordinates(e,fe.current.getBoundingClientRect()):ee.getCoordinates(e,fe.current.getBoundingClientRect()),t=R(n.new,n.min,n.max),i=l(v(t,L,A),z);if(i!==V){var r=p(i,F,V,A,E);j(r)}},Me=function(e,n){var t=ee.getBarCoordinates(e,n,fe.current.getBoundingClientRect()),i=R(t.new,t.min,t.max),r=l(v(i,L,A),z),o=l(V+(r-F),z);if(r<L){var a=L-r;r=L,o=l(o+a,z)}if(o>A){a=o-A;o=A,r=l(r-a,z)}r!==F&&o!==V&&r>=L&&o<=A&&j({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)},xe=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?Ce:e===h.TO?Te: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)}))}},ye=function(e,n){var t=n.target.value;Number.isNaN(Number(t))||function(e){return e===h.FROM?D:q}(e)(t)},Le=function(e,n){var t=n.target.value,i=l(t,z);if(e===h.FROM){var r=S(i,F,V,L,E);j(r),D(r.from)}if(e===h.TO){r=p(i,F,V,A,E);j(r),q(r.to)}},Ae=function(e){if(!(de.bar||de.from||de.to)){var n=e.clientX,t=e.clientY,i=Oe?{clientX:n}:{clientY:t},r=he&&H?ee.getRotatedCoordinates(i,fe.current.getBoundingClientRect()):ee.getCoordinates(i,fe.current.getBoundingClientRect()),o=R(r.new,r.min,r.max),a=l(v(o,L,A),z);j(H?{from:F,to:a}:{from:F>a?a:F,to:V<a?a:V})}};return o((function(){var e=fe.current;return e.addEventListener("click",Ae),function(){return e.removeEventListener("click",Ae)}}),[H,ee,de]),n("div",e({className:a((M={},M[T.disabled]=w,M[T.rangeSliderHorizontal]=Oe,M[T.rangeSliderVertical]=he,M[T.rotatedVerticalRange]=he&&H,M))},{children:[!H&&t(b,{compStyles:se[h.FROM_INPUT],isVerticalOrientation:he,max:A,disabled:w,precision:z,fromInputRef:ve,from:F,fromInputValue:_,onInputChange:ye,validateInputChange:Le}),t(c,e({title:K,placement:Oe?"top":"left",onMouseMove:function(e){var n=e.clientX,t=e.clientY,i=Oe?{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=R(r.new,r.min,r.max),a=l(v(o,L,A),z);a<L&&Q(L.toString()),a>A&&Q(A.toString()),a>=L&&a<=A&&Q(a.toString()),G({x:n,y:t})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){return f({isHorizontalOrientation:Oe,railPosition:be,tooltipPosition:Z})}}}},{children:n("div",e({className:a(T.rangeSliderRail,(I={},I[T.rangeSliderRailHorizontal]=Oe,I[T.rangeSliderRailVertical]=he,I)),ref:fe},{children:[!H&&t("div",e({ref:Re,className:a(T.rangeSliderThumb,m&&T.mobileRangeSliderThumb),style:se[h.FROM],onMouseDown:function(e){return xe(h.FROM,e)},onMouseEnter:function(){Ie(h.FROM)},onMouseLeave:function(){Ne(h.FROM)}},{children:t("div",{className:T.rangeSliderLabel})})),t("div",e({className:a(T.rangeSliderBar,(N={},N[T.rangeSliderBarHorizontal]=Oe,N[T.rangeSliderBarVertical]=he,N)),style:se[h.BAR],onMouseDown:function(e){return xe(h.BAR,e)},onMouseEnter:function(){Ie(h.BAR)},onMouseLeave:function(){Ne(h.BAR)}},{children:t("div",{className:a(T.rangeSliderBarView,(x={},x[T.rangeSliderBarViewHorizontal]=Oe,x[T.rangeSliderBarViewVertical]=he,x))})})),t("div",e({ref:pe,className:a(T.rangeSliderThumb,m&&T.mobileRangeSliderThumb),style:se[h.TO],onMouseDown:function(e){return xe(h.TO,e)},onMouseEnter:function(){Ie(h.TO)},onMouseLeave:function(){Ne(h.TO)}},{children:t("div",{className:T.rangeSliderLabel})}))]}))})),!Be&&t(O,{compStyles:se[h.TO_INPUT],disabled:w,isVerticalOrientation:he,rotated:he&&H,max:A,precision:z,toInputRef:Se,to:V,toInputValue:W,onInputChange:ye,validateInputChange:Le})]}))},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};
|