@corva/ui 0.39.0-2 → 0.39.0-3
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.
- package/assets/b1dce244ca65e361a28be5801cf93d73.svg +3 -0
- package/components/GridLockButton/index.js +1 -1
- package/components/RangeSlider/Input.css.js +1 -1
- package/components/RangeSlider/RangeSlider.css.js +1 -1
- package/components/RangeSlider/RangeSlider.js +1 -1
- package/components/RangeSlider/inputs/FromInput.js +1 -1
- package/components/RangeSlider/inputs/ToInput.js +1 -1
- package/components/RangeSlider/strategies/horizontal.js +1 -1
- package/components/RangeSlider/strategies/vertical.js +1 -1
- package/package.json +1 -1
- package/assets/a26b034a29631cd21c82e74f67904071.svg +0 -3
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 6V8H17H18C19.1 8 20 8.9 20 10V20C20 21.1 19.1 22 18 22H6C4.9 22 4 21.1 4 20V10C4 8.9 4.9 8 6 8H14V6C14 3.24 16.24 1 19 1C21.76 1 24 3.24 24 6H22C22 4.34 20.66 3 19 3C17.34 3 16 4.34 16 6ZM6 20H18V10H6V20ZM12 17C13.1 17 14 16.1 14 15C14 13.9 13.1 13 12 13C10.9 13 10 13.9 10 15C10 16.1 10.9 17 12 17Z" fill="#03BCD4"/>
|
|
3
|
+
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyles as a,Tooltip as
|
|
1
|
+
import{makeStyles as a,Tooltip as e,IconButton as o}from"@material-ui/core";import t from"classnames";import{jsx as d}from"react/jsx-runtime";var c=a((function(a){return{root:{width:36,height:36,"&:hover":{backgroundColor:a.palette.background.b7},borderRadius:"50%"},button:{width:"100%",height:"100%","&:hover":{backgroundColor:a.palette.background.b7}}}}));function r(a){var r=a.className,i=a.disabled,l=a.isDraggableAndResizable,n=a.lockedIcon,s=a.onClick,b=a.pageName,u=c();return d(e,{title:i?"Can't unlock dashboard layout":l?"Lock Dashboard Layout":"Unlock Dashboard Layout",children:d("div",{className:t(u.root,r),children:d(o,{className:u.button,color:"primary","data-testid":"".concat(b,"_").concat(l?"gridUnlocked":"gridLocked"),disabled:i,onClick:s,children:d("img",{src:l?"/static/media/b1dce244ca65e361a28be5801cf93d73.svg":n,alt:"Lock"})})})})}r.defaultProps={lockedIcon:"/static/media/2d1e493e7f3afb84f4a5c8aded37a718.svg"},r.LockedWhiteIcon="/static/media/fb9a5d3233e9e3e310d6d297e6ddcc55.svg";export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={rangeSliderInput:"Input_rangeSliderInput__uoNkK",rotated:"Input_rotated__GBHlR"};t(".Input_rangeSliderInput__uoNkK{background:var(--palette-background-b-6);border:none;border:1px solid var(--palette-primary-text-6);border-radius:4px;color:var(--palette-primary-text-6);display:block;font-size:14px;font-weight:500;height:24px;line-height:24px;margin:0 0 0 auto;min-width:40px;outline:none;padding:2px 4px;text-align:center}.Input_rangeSliderInput__uoNkK:focus{border:1px solid var(--palette-primary-main);color:var(--palette-primary-contrast-text)}.Input_rotated__GBHlR{transform:rotate(180deg)}");export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={rangeSliderHorizontal:"RangeSlider_rangeSliderHorizontal__SAdDE",rangeSliderVertical:"RangeSlider_rangeSliderVertical__k8ac-",rangeSliderRail:"RangeSlider_rangeSliderRail__ufDMI",rangeSliderRailHorizontal:"RangeSlider_rangeSliderRailHorizontal__rLPtT",rangeSliderRailVertical:"RangeSlider_rangeSliderRailVertical__4zKzk",rangeSliderBar:"RangeSlider_rangeSliderBar__Kj3LC",rangeSliderBarHorizontal:"RangeSlider_rangeSliderBarHorizontal__is0F7",rangeSliderBarVertical:"RangeSlider_rangeSliderBarVertical__2DexQ",rangeSliderBarView:"RangeSlider_rangeSliderBarView__6dNQB",rangeSliderBarViewHorizontal:"RangeSlider_rangeSliderBarViewHorizontal__6pRPw",rangeSliderBarViewVertical:"RangeSlider_rangeSliderBarViewVertical__W2QnY",rangeSliderThumb:"RangeSlider_rangeSliderThumb__KMaq0",rangeSliderLabel:"RangeSlider_rangeSliderLabel__3-qO8",rangeSliderInputDivider:"RangeSlider_rangeSliderInputDivider__PcwIK",rangeSliderCompactInputs:"RangeSlider_rangeSliderCompactInputs__ukFLL"};e(".RangeSlider_rangeSliderHorizontal__SAdDE{padding:30px 0 12px}.RangeSlider_rangeSliderVertical__k8ac-{height:100%;padding:0 30px}.RangeSlider_rangeSliderRail__ufDMI{background-color:hsla(0,0%,100%,.3);border-radius:1px;position:relative}.RangeSlider_rangeSliderRailHorizontal__rLPtT{height:2px}.RangeSlider_rangeSliderRailVertical__4zKzk{height:100%;width:2px}.RangeSlider_rangeSliderBar__Kj3LC{cursor:grab;position:absolute;z-index:1}.RangeSlider_rangeSliderBarHorizontal__is0F7{height:12px;margin:1px 0 0;transform:translateY(-50%)}.RangeSlider_rangeSliderBarVertical__2DexQ{height:100%;margin:1px 0 0;width:12px}.RangeSlider_rangeSliderBarView__6dNQB{background
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={rangeSliderHorizontal:"RangeSlider_rangeSliderHorizontal__SAdDE",rangeSliderVertical:"RangeSlider_rangeSliderVertical__k8ac-",rangeSliderRail:"RangeSlider_rangeSliderRail__ufDMI",rangeSliderRailHorizontal:"RangeSlider_rangeSliderRailHorizontal__rLPtT",rotatedVerticalRange:"RangeSlider_rotatedVerticalRange__-oEIw",rangeSliderRailVertical:"RangeSlider_rangeSliderRailVertical__4zKzk",rangeSliderBar:"RangeSlider_rangeSliderBar__Kj3LC",rangeSliderBarHorizontal:"RangeSlider_rangeSliderBarHorizontal__is0F7",rangeSliderBarVertical:"RangeSlider_rangeSliderBarVertical__2DexQ",rangeSliderBarView:"RangeSlider_rangeSliderBarView__6dNQB",rangeSliderBarViewHorizontal:"RangeSlider_rangeSliderBarViewHorizontal__6pRPw",rangeSliderBarViewVertical:"RangeSlider_rangeSliderBarViewVertical__W2QnY",rangeSliderThumb:"RangeSlider_rangeSliderThumb__KMaq0",rangeSliderLabel:"RangeSlider_rangeSliderLabel__3-qO8",rangeSliderInputDivider:"RangeSlider_rangeSliderInputDivider__PcwIK",rangeSliderCompactInputs:"RangeSlider_rangeSliderCompactInputs__ukFLL"};e(".RangeSlider_rangeSliderHorizontal__SAdDE{align-items:center;display:flex;padding:30px 0 12px}.RangeSlider_rangeSliderVertical__k8ac-{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px}.RangeSlider_rangeSliderRail__ufDMI{background-color:hsla(0,0%,100%,.3);border-radius:1px;position:relative}.RangeSlider_rangeSliderRailHorizontal__rLPtT{height:2px;margin:0 6px;width:100%}.RangeSlider_rotatedVerticalRange__-oEIw{transform:rotate(180deg)}.RangeSlider_rangeSliderRailVertical__4zKzk{height:100%;margin:6px 0;width:2px}.RangeSlider_rangeSliderBar__Kj3LC{cursor:grab;position:absolute;z-index:1}.RangeSlider_rangeSliderBarHorizontal__is0F7{height:12px;margin:1px 0 0;transform:translateY(-50%)}.RangeSlider_rangeSliderBarVertical__2DexQ{height:100%;margin:1px 0 0;width:12px}.RangeSlider_rangeSliderBarView__6dNQB{background:var(--palette-primary-main);border-radius:1px}.RangeSlider_rangeSliderBarViewHorizontal__6pRPw{height:2px;margin:5px 0 0}.RangeSlider_rangeSliderBarViewVertical__W2QnY{height:100%;width:2px}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarView__6dNQB{box-shadow:0 0 0 4px rgba(3,188,212,.2)}.RangeSlider_rangeSliderThumb__KMaq0{align-items:center;cursor:grab;display:flex;height:24px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:24px;z-index:1}.RangeSlider_rangeSliderLabel__3-qO8{background:var(--palette-primary-main);border-radius:9px;height:9px;position:relative;transition:box-shadow .3s;width:9px}.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:0 0 0 6px rgba(3,188,212,.2)}.RangeSlider_rangeSliderInputDivider__PcwIK{background:var(--palette-background-b-9);color:#fff;font-size:10px;font-weight:500}.RangeSlider_rangeSliderCompactInputs__ukFLL{align-items:center;background:var(--palette-background-b-9);border-radius:4px;display:flex;justify-content:center;position:absolute;transform:translate(-50%,-50%)}");export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as t,useEffect as i}from"react";import
|
|
1
|
+
import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as t,useEffect as i}from"react";import o from"classnames";import{round as a,throttle as l}from"lodash";import u from"prop-types";import m from"./RangeSlider.css.js";import{horizontalStrategy as s}from"./strategies/horizontal.js";import{verticalStrategy as c}from"./strategies/vertical.js";import{calculatePercentForValue as d,updateFromValue as g,updateToValue as f,calculateValueFromPercent as p}from"./utils.js";import v from"./inputs/FromInput.js";import R from"./inputs/ToInput.js";import{RangeSliderControl as h,RangeSliderOrientation as S}from"./constants.js";import{jsxs as O,jsx as b}from"react/jsx-runtime";var C=function(u){var C,B,I,T,V=u.min,N=u.max,x=u.from,y=u.to,M=u.minRange,L=u.onChange,w=u.orientation,A=u.precision,F=u.isSingleRange,j=u.isWithoutInput,z=r(null),E=n(z,2),H=E[0],D=E[1],P=r(null),W=n(P,2),q=W[0],X=W[1],Y=r(null),Z=n(Y,2),k=Z[0],G=Z[1],J=r(h.FROM),K=n(J,2),Q=K[0],U=K[1],$=r({}),_=n($,2),ee=_[0],ne=_[1],re=t(null),te=t(null),ie=t(null),oe=t(null),ae=t(null),le=w===S.HORIZONTAL,ue=w===S.VERTICAL,me=F&&j;i((function(){w===S.HORIZONTAL&&G(s),w===S.VERTICAL&&G(c)}),[w]),i((function(){F&&L({from:0,to:y})}),[F]),i((function(){if(k){var n,r=a(x,A),t=a(y,A),i=a(V,A),o=a(N,A),l=d(r,i,o),u=d(t,i,o);ne((e(n={},h.FROM,k.getThumbStyles(l,Q===h.FROM)),e(n,h.TO,k.getThumbStyles(u,Q===h.TO)),e(n,h.BAR,k.getBarStyles(l,u)),n)),D(r.toString()),X(t.toString())}}),[k,V,N,x,y]);var se=function(e){var n=k.getCoordinates(e,re.current.getBoundingClientRect()),r=d(n.new,n.min,n.max),t=a(p(r,V,N),A);if(t!==x){var i=g(t,x,y,V,M);L(i)}},ce=function(e){var n=ue&&F?k.getRotatedCoordinates(e,re.current.getBoundingClientRect()):k.getCoordinates(e,re.current.getBoundingClientRect()),r=d(n.new,n.min,n.max),t=a(p(r,V,N),A);if(t!==y){var i=f(t,x,y,N,M);L(i)}},de=function(e,n){var r=k.getBarCoordinates(e,n,re.current.getBoundingClientRect()),t=d(r.new,r.min,r.max),i=a(p(t,V,N),A),o=a(y+(i-x),A);if(i<V){var l=V-i;i=V,o=a(o+l,A)}if(o>N){var u=o-N;o=N,i=a(i-u,A)}i!==x&&o!==y&&i>=V&&o<=N&&L({from:i,to:o})},ge=function(e,n){if(!F||e!==h.BAR){n.stopPropagation(),U(e);var r=n.clientX,t=n.clientY,i=n.target.getBoundingClientRect(),o=i.x,a=i.y,u=l((function(n){!function(e){return e===h.FROM?se:e===h.TO?ce:de}(e)(n,{clientX:r,clientY:t,x:o,y:a})}),4);document.addEventListener("mousemove",u),document.addEventListener("mouseup",(function e(){document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",e)}))}},fe=function(e,n){var r=n.target.value;Number.isNaN(r)||function(e){return e===h.FROM?D:X}(e)(r)},pe=function(e,n){var r=n.target.value,t=a(r,A);if(e===h.FROM){var i=g(t,x,y,V,M);L(i)}if(e===h.TO){var o=f(t,x,y,N,M);L(o)}};return O("div",{className:o((C={},e(C,m.rangeSliderHorizontal,le),e(C,m.rangeSliderVertical,ue),e(C,m.rotatedVerticalRange,ue&&F),C)),children:[!F&&b(v,{isVerticalOrientation:ue,max:N,precision:A,fromInputRef:oe,from:x,fromInputValue:H,onInputChange:fe,validateInputChange:pe}),O("div",{className:o(m.rangeSliderRail,(B={},e(B,m.rangeSliderRailHorizontal,le),e(B,m.rangeSliderRailVertical,ue),B)),ref:re,children:[!F&&b("div",{ref:te,className:m.rangeSliderThumb,style:ee[h.FROM],onMouseDown:function(e){return ge(h.FROM,e)},children:b("div",{className:m.rangeSliderLabel})}),b("div",{className:o(m.rangeSliderBar,(I={},e(I,m.rangeSliderBarHorizontal,le),e(I,m.rangeSliderBarVertical,ue),I)),style:ee[h.BAR],onMouseDown:function(e){return ge(h.BAR,e)},children:b("div",{className:o(m.rangeSliderBarView,(T={},e(T,m.rangeSliderBarViewHorizontal,le),e(T,m.rangeSliderBarViewVertical,ue),T))})}),b("div",{ref:ie,className:m.rangeSliderThumb,style:ee[h.TO],onMouseDown:function(e){return ge(h.TO,e)},children:b("div",{className:m.rangeSliderLabel})})]}),!me&&b(R,{isVerticalOrientation:ue,rotated:ue&&F,max:N,precision:A,toInputRef:ae,to:y,toInputValue:q,onInputChange:fe,validateInputChange:pe})]})};C.propTypes={min:u.number,max:u.number,from:u.number.isRequired,to:u.number.isRequired,orientation:u.oneOf(["horizontal","vertical"]),precision:u.number,minRange:u.number,onChange:u.func,isSingleRange:u.bool,isWithoutInput:u.bool},C.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){},isSingleRange:!1,isWithoutInput:!1};export{C as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{round as n}from"lodash";import{RangeSliderControl as t}from"../constants.js";import r from"../Input.css.js";import{jsx as e}from"react/jsx-runtime";var o=function(o){var a=o.precision,u=o.fromInputRef,i=o.from,f=o.fromInputValue,p=o.onInputChange,m=o.validateInputChange,s=n(i,a);return e("div",{children:e("input",{ref:u,className:r.rangeSliderInput,type:"text",size:"".concat(s).length||1,value:f,onChange:function(n){p(t.FROM,n)},onBlur:function(n){return m(t.FROM,n)},onKeyDown:function(n){"Enter"===n.key&&m(t.FROM,n)}})})};export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from"@babel/runtime/helpers/defineProperty";import{round as n}from"lodash";import e from"classnames";import{RangeSliderControl as r}from"../constants.js";import o from"../Input.css.js";import{jsx as a}from"react/jsx-runtime";var i=function(i){var u=i.rotated,p=i.precision,s=i.toInputRef,m=i.to,f=i.toInputValue,c=i.onInputChange,l=i.validateInputChange,d=n(m,p);return a("div",{children:a("input",{ref:s,className:e(o.rangeSliderInput,t({},o.rotated,u)),type:"text",size:"".concat(d).length||1,value:f,onChange:function(t){return c(r.TO,t)},onBlur:function(t){return l(r.TO,t)},onKeyDown:function(t){"Enter"===t.key&&l(r.TO,t)}})})};export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
var t={getCoordinates:function(t,n){return{new:t.clientX,min:n.x,max:n.x+n.width}},getBarCoordinates:function(t,n,e){var r=n.clientX-n.x;return{new:t.clientX-r,min:e.x,max:e.x+e.width}},getThumbStyles:function(t,n){return{top:"1px",left:"".concat(t,"%"),zIndex:n?10:2}},getBarStyles:function(t,n){return{left:"".concat(t,"%"),width:"".concat(n-t,"%")}}};export{t as horizontalStrategy};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
var t={getCoordinates:function(t,n){return{new:t.clientY,min:n.y,max:n.y+n.height}},getRotatedCoordinates:function(t,n){return{new:n.y+n.height-t.clientY+n.y,min:n.y,max:n.y+n.height}},getBarCoordinates:function(t,n,e){var i=n.clientY-n.y;return{new:t.clientY-i,min:e.y,max:e.y+e.height}},getThumbStyles:function(t,n){return{left:"1px",top:"".concat(t,"%"),zIndex:n?10:2}},getBarStyles:function(t,n){return{top:"".concat(t,"%"),height:"".concat(n-t,"%")}}};export{t as verticalStrategy};
|
package/package.json
CHANGED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6H9C9 4.34 10.34 3 12 3C13.66 3 15 4.34 15 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM6 20V10H18V20H6ZM14 15C14 16.1 13.1 17 12 17C10.9 17 10 16.1 10 15C10 13.9 10.9 13 12 13C13.1 13 14 13.9 14 15Z" fill="#03BCD4"/>
|
|
3
|
-
</svg>
|