@corva/ui 0.77.0-16 → 0.77.0-17

package/cjs-bundle/components/AdvancedSlider/Handle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),a=require("@material-ui/core"),i=require("classnames"),o=require("lodash"),l=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(e),u=n(t),p=n(i),h=o.debounce((function(e){e()}),500),m=a.makeStyles((function(e){var t=e.isLightTheme,r=e.palette;return{root:{position:"absolute","&:hover":{borderColor:r.primary.main},"&:active":{borderColor:r.primary.main},"&:hover $handle":{background:r.primary.dark,borderColor:r.primary.main},"&:hover $minimalHandle":{background:r.primary.main},"&:active $minimalHandle":{background:r.primary.main},"&:active $handle":{background:r.primary.dark,borderColor:r.primary.main},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},horizontalHeadRoot:{top:0,bottom:0,right:5,borderRight:"2px solid #414141"},horizontalTailRoot:{top:0,bottom:0,left:5,borderLeft:"2px solid #414141"},verticalHeadRoot:{left:0,right:0,bottom:5,borderBottom:"2px solid #414141"},verticalTailRoot:{left:0,right:0,top:5,borderTop:"2px solid #414141"},handle:{background:t?"#B1B1B1":"#414141",border:"1px solid transparent","& > p":{fontSize:"11px",textAlign:"center",lineHeight:"16px"},display:"flex",alignItems:"center",justifyContent:"center",padding:"1px"},horizontalHeadHandle:{width:"40px",height:"16px",borderTopLeftRadius:"2px",borderBottomLeftRadius:"2px"},horizontalTailHandle:{width:"40px",height:"16px",borderTopRightRadius:"2px",borderBottomRightRadius:"2px"},verticalHeadHandle:{width:"80%",maxWidth:"40px",height:"16px",borderTopLeftRadius:"2px",borderTopRightRadius:"2px"},verticalTailHandle:{width:"80%",maxWidth:"40px",height:"16px",borderBottomLeftRadius:"2px",borderBottomRightRadius:"2px"},inputRoot:{height:"100%",fontSize:"11px","&::before":{borderWidth:0},"&::after":{borderWidth:"1px !important"},"& .MuiInputBase-input":{padding:0,height:"100%",textAlign:"center"},"&:hover::before":{borderWidth:"1px !important"}},minimalHandle:{background:r.primary.text9,width:8,height:18,"& .MuiInput-underline.Mui-error:after":{border:0}},minimalVerticalHandle:{width:18,height:8},minimalHandleRoot:{borderColor:r.primary.text9,zIndex:100,"&:not(:hover)":{border:"none"}}}}));exports.Handle=function(e){var t,i,o=e.value,n=e.orientation,s=e.placement,c=e.readOnly,f=e.onChange,b=e.min,x=e.max,g=e.displayFormatter,v=e.classes,R=e.minimal,H=m(),y=r.useState(o),z=u.default(y,2),T=z[0],k=z[1],B=r.useRef(null);r.useEffect((function(){k(o)}),[o]);return l.jsx("div",{className:p.default(H.root,v.handleRoot,(t={},d.default(t,H.horizontalHeadRoot,"horizontal"===n&&"head"===s),d.default(t,H.horizontalTailRoot,"horizontal"===n&&"tail"===s),d.default(t,H.verticalHeadRoot,"vertical"===n&&"head"===s),d.default(t,H.verticalTailRoot,"vertical"===n&&"tail"===s),d.default(t,H.minimalHandleRoot,R),t)),children:l.jsx("div",{className:p.default(H.handle,v.handle,(i={},d.default(i,H.horizontalHeadHandle,"horizontal"===n&&"head"===s),d.default(i,H.horizontalTailHandle,"horizontal"===n&&"tail"===s),d.default(i,H.verticalHeadHandle,"vertical"===n&&"head"===s),d.default(i,H.verticalTailHandle,"vertical"===n&&"tail"===s),d.default(i,H.minimalHandle,R),d.default(i,H.minimalVerticalHandle,R&&"vertical"===n),i)),children:!R&&l.jsx(a.Input,{inputProps:{"data-testid":"handle-input"},readOnly:c,inputRef:B,classes:{root:H.inputRoot},value:c?g(T):T,onChange:function(e){var t=e.target.value;k(t),Number.isFinite(+t)&&+t>=b&&+t<=x&&h((function(){f(+t)}))},error:!(Number.isFinite(+T)&&+T>=b&&+T<=x)})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),r=require("@material-ui/core"),i=require("classnames"),o=require("lodash"),l=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(e),u=n(t),p=n(i),h=o.debounce((function(e){e()}),500),m=r.makeStyles((function(e){var t=e.isLightTheme,a=e.palette;return{root:{position:"absolute","&:hover":{borderColor:a.primary.main},"&:active":{borderColor:a.primary.main},"&:hover $handle":{background:a.primary.dark,borderColor:a.primary.main},"&:hover $minimalHandle":{background:a.primary.main},"&:active $minimalHandle":{background:a.primary.main},"&:active $handle":{background:a.primary.dark,borderColor:a.primary.main},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},horizontalHeadRoot:{top:0,bottom:0,right:5,borderRight:"2px solid #414141"},horizontalTailRoot:{top:0,bottom:0,left:5,borderLeft:"2px solid #414141"},verticalHeadRoot:{left:0,right:0,bottom:5,borderBottom:"2px solid #414141"},verticalTailRoot:{left:0,right:0,top:5,borderTop:"2px solid #414141"},handle:{background:t?"#B1B1B1":"#414141",border:"1px solid transparent","& > p":{fontSize:"11px",textAlign:"center",lineHeight:"16px"},display:"flex",alignItems:"center",justifyContent:"center",padding:"1px"},horizontalHeadHandle:{width:"40px",height:"16px",borderTopLeftRadius:"2px",borderBottomLeftRadius:"2px"},horizontalTailHandle:{width:"40px",height:"16px",borderTopRightRadius:"2px",borderBottomRightRadius:"2px"},verticalHeadHandle:{width:"80%",maxWidth:"40px",height:"16px",borderTopLeftRadius:"2px",borderTopRightRadius:"2px"},verticalTailHandle:{width:"80%",maxWidth:"40px",height:"16px",borderBottomLeftRadius:"2px",borderBottomRightRadius:"2px"},inputRoot:{height:"100%",fontSize:"11px","&::before":{borderWidth:0},"&::after":{borderWidth:"1px !important"},"& .MuiInputBase-input":{padding:0,height:"100%",textAlign:"center"},"&:hover::before":{borderWidth:"1px !important"}},minimalHandle:{background:a.primary.text9,width:8,height:18,"& .MuiInput-underline.Mui-error:after":{border:0}},minimalVerticalHandle:{width:18,height:8},minimalHandleRoot:{borderColor:a.primary.text9,zIndex:100,"&:not(:hover)":{border:"none"}}}}));exports.Handle=function(e){var t,i,o=e.value,n=e.orientation,s=e.placement,c=e.readOnly,f=e.onChange,b=e.min,x=e.max,g=e.displayFormatter,v=e.classes,R=e.minimal,H=e["data-testid"],y=m(),z=a.useState(o),T=u.default(z,2),k=T[0],B=T[1],C=a.useRef(null);a.useEffect((function(){B(o)}),[o]);return l.jsx("div",{className:p.default(y.root,v.handleRoot,(t={},d.default(t,y.horizontalHeadRoot,"horizontal"===n&&"head"===s),d.default(t,y.horizontalTailRoot,"horizontal"===n&&"tail"===s),d.default(t,y.verticalHeadRoot,"vertical"===n&&"head"===s),d.default(t,y.verticalTailRoot,"vertical"===n&&"tail"===s),d.default(t,y.minimalHandleRoot,R),t)),children:l.jsx("div",{className:p.default(y.handle,v.handle,(i={},d.default(i,y.horizontalHeadHandle,"horizontal"===n&&"head"===s),d.default(i,y.horizontalTailHandle,"horizontal"===n&&"tail"===s),d.default(i,y.verticalHeadHandle,"vertical"===n&&"head"===s),d.default(i,y.verticalTailHandle,"vertical"===n&&"tail"===s),d.default(i,y.minimalHandle,R),d.default(i,y.minimalVerticalHandle,R&&"vertical"===n),i)),"data-testid":H,children:!R&&l.jsx(r.Input,{inputProps:{"data-testid":"handle-input"},readOnly:c,inputRef:C,classes:{root:y.inputRoot},value:c?g(k):k,onChange:function(e){var t=e.target.value;B(t),Number.isFinite(+t)&&+t>=b&&+t<=x&&h((function(){f(+t)}))},error:!(Number.isFinite(+k)&&+k>=b&&+k<=x)})})})};

package/components/AdvancedSlider/Handle.d.ts

@@ -1,4 +1,4 @@
-export function Handle({ value, orientation, placement, readOnly, onChange, min, max, displayFormatter, classes, minimal, }: {
+export function Handle({ value, orientation, placement, readOnly, onChange, min, max, displayFormatter, classes, minimal, "data-testid": dataTestId, }: {
     value: any;
     orientation: any;
     placement: any;
@@ -9,5 +9,6 @@ export function Handle({ value, orientation, placement, readOnly, onChange, min,
     displayFormatter: any;
     classes: any;
     minimal: any;
+    "data-testid": any;
 }): JSX.Element;
 //# sourceMappingURL=Handle.d.ts.map

package/components/AdvancedSlider/Handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../../../src/components/AdvancedSlider/Handle.js"],"names":[],"mappings":"AAqBO;;;;;;;;;;;gBAmEN"}
+{"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../../../src/components/AdvancedSlider/Handle.js"],"names":[],"mappings":"AAqBO;;;;;;;;;;;;gBAqEN"}

package/components/AdvancedSlider/Handle.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as i,useEffect as o}from"react";import{makeStyles as a,Input as n}from"@material-ui/core";import l from"classnames";import{debounce as d}from"lodash";import{jsx as m}from"react/jsx-runtime";var p=d((function(e){e()}),500),h=function(a){var d,h,u=a.value,s=a.orientation,b=a.placement,x=a.readOnly,f=a.onChange,g=a.min,v=a.max,R=a.displayFormatter,H=a.classes,y=a.minimal,z=c(),T=r(u),B=t(T,2),C=B[0],k=B[1],w=i(null);o((function(){k(u)}),[u]);return m("div",{className:l(z.root,H.handleRoot,(d={},e(d,z.horizontalHeadRoot,"horizontal"===s&&"head"===b),e(d,z.horizontalTailRoot,"horizontal"===s&&"tail"===b),e(d,z.verticalHeadRoot,"vertical"===s&&"head"===b),e(d,z.verticalTailRoot,"vertical"===s&&"tail"===b),e(d,z.minimalHandleRoot,y),d)),children:m("div",{className:l(z.handle,H.handle,(h={},e(h,z.horizontalHeadHandle,"horizontal"===s&&"head"===b),e(h,z.horizontalTailHandle,"horizontal"===s&&"tail"===b),e(h,z.verticalHeadHandle,"vertical"===s&&"head"===b),e(h,z.verticalTailHandle,"vertical"===s&&"tail"===b),e(h,z.minimalHandle,y),e(h,z.minimalVerticalHandle,y&&"vertical"===s),h)),children:!y&&m(n,{inputProps:{"data-testid":"handle-input"},readOnly:x,inputRef:w,classes:{root:z.inputRoot},value:x?R(C):C,onChange:function(e){var t=e.target.value;k(t),Number.isFinite(+t)&&+t>=g&&+t<=v&&p((function(){f(+t)}))},error:!(Number.isFinite(+C)&&+C>=g&&+C<=v)})})})},c=a((function(e){var t=e.isLightTheme,r=e.palette;return{root:{position:"absolute","&:hover":{borderColor:r.primary.main},"&:active":{borderColor:r.primary.main},"&:hover $handle":{background:r.primary.dark,borderColor:r.primary.main},"&:hover $minimalHandle":{background:r.primary.main},"&:active $minimalHandle":{background:r.primary.main},"&:active $handle":{background:r.primary.dark,borderColor:r.primary.main},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},horizontalHeadRoot:{top:0,bottom:0,right:5,borderRight:"2px solid #414141"},horizontalTailRoot:{top:0,bottom:0,left:5,borderLeft:"2px solid #414141"},verticalHeadRoot:{left:0,right:0,bottom:5,borderBottom:"2px solid #414141"},verticalTailRoot:{left:0,right:0,top:5,borderTop:"2px solid #414141"},handle:{background:t?"#B1B1B1":"#414141",border:"1px solid transparent","& > p":{fontSize:"11px",textAlign:"center",lineHeight:"16px"},display:"flex",alignItems:"center",justifyContent:"center",padding:"1px"},horizontalHeadHandle:{width:"40px",height:"16px",borderTopLeftRadius:"2px",borderBottomLeftRadius:"2px"},horizontalTailHandle:{width:"40px",height:"16px",borderTopRightRadius:"2px",borderBottomRightRadius:"2px"},verticalHeadHandle:{width:"80%",maxWidth:"40px",height:"16px",borderTopLeftRadius:"2px",borderTopRightRadius:"2px"},verticalTailHandle:{width:"80%",maxWidth:"40px",height:"16px",borderBottomLeftRadius:"2px",borderBottomRightRadius:"2px"},inputRoot:{height:"100%",fontSize:"11px","&::before":{borderWidth:0},"&::after":{borderWidth:"1px !important"},"& .MuiInputBase-input":{padding:0,height:"100%",textAlign:"center"},"&:hover::before":{borderWidth:"1px !important"}},minimalHandle:{background:r.primary.text9,width:8,height:18,"& .MuiInput-underline.Mui-error:after":{border:0}},minimalVerticalHandle:{width:18,height:8},minimalHandleRoot:{borderColor:r.primary.text9,zIndex:100,"&:not(:hover)":{border:"none"}}}}));export{h as Handle};
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as i,useEffect as o}from"react";import{makeStyles as a,Input as n}from"@material-ui/core";import l from"classnames";import{debounce as d}from"lodash";import{jsx as m}from"react/jsx-runtime";var p=d((function(t){t()}),500),h=function(a){var d,h,s=a.value,u=a.orientation,b=a.placement,x=a.readOnly,f=a.onChange,g=a.min,v=a.max,R=a.displayFormatter,H=a.classes,y=a.minimal,z=a["data-testid"],T=c(),B=r(s),C=e(B,2),k=C[0],w=C[1],L=i(null);o((function(){w(s)}),[s]);return m("div",{className:l(T.root,H.handleRoot,(d={},t(d,T.horizontalHeadRoot,"horizontal"===u&&"head"===b),t(d,T.horizontalTailRoot,"horizontal"===u&&"tail"===b),t(d,T.verticalHeadRoot,"vertical"===u&&"head"===b),t(d,T.verticalTailRoot,"vertical"===u&&"tail"===b),t(d,T.minimalHandleRoot,y),d)),children:m("div",{className:l(T.handle,H.handle,(h={},t(h,T.horizontalHeadHandle,"horizontal"===u&&"head"===b),t(h,T.horizontalTailHandle,"horizontal"===u&&"tail"===b),t(h,T.verticalHeadHandle,"vertical"===u&&"head"===b),t(h,T.verticalTailHandle,"vertical"===u&&"tail"===b),t(h,T.minimalHandle,y),t(h,T.minimalVerticalHandle,y&&"vertical"===u),h)),"data-testid":z,children:!y&&m(n,{inputProps:{"data-testid":"handle-input"},readOnly:x,inputRef:L,classes:{root:T.inputRoot},value:x?R(k):k,onChange:function(t){var e=t.target.value;w(e),Number.isFinite(+e)&&+e>=g&&+e<=v&&p((function(){f(+e)}))},error:!(Number.isFinite(+k)&&+k>=g&&+k<=v)})})})},c=a((function(t){var e=t.isLightTheme,r=t.palette;return{root:{position:"absolute","&:hover":{borderColor:r.primary.main},"&:active":{borderColor:r.primary.main},"&:hover $handle":{background:r.primary.dark,borderColor:r.primary.main},"&:hover $minimalHandle":{background:r.primary.main},"&:active $minimalHandle":{background:r.primary.main},"&:active $handle":{background:r.primary.dark,borderColor:r.primary.main},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},horizontalHeadRoot:{top:0,bottom:0,right:5,borderRight:"2px solid #414141"},horizontalTailRoot:{top:0,bottom:0,left:5,borderLeft:"2px solid #414141"},verticalHeadRoot:{left:0,right:0,bottom:5,borderBottom:"2px solid #414141"},verticalTailRoot:{left:0,right:0,top:5,borderTop:"2px solid #414141"},handle:{background:e?"#B1B1B1":"#414141",border:"1px solid transparent","& > p":{fontSize:"11px",textAlign:"center",lineHeight:"16px"},display:"flex",alignItems:"center",justifyContent:"center",padding:"1px"},horizontalHeadHandle:{width:"40px",height:"16px",borderTopLeftRadius:"2px",borderBottomLeftRadius:"2px"},horizontalTailHandle:{width:"40px",height:"16px",borderTopRightRadius:"2px",borderBottomRightRadius:"2px"},verticalHeadHandle:{width:"80%",maxWidth:"40px",height:"16px",borderTopLeftRadius:"2px",borderTopRightRadius:"2px"},verticalTailHandle:{width:"80%",maxWidth:"40px",height:"16px",borderBottomLeftRadius:"2px",borderBottomRightRadius:"2px"},inputRoot:{height:"100%",fontSize:"11px","&::before":{borderWidth:0},"&::after":{borderWidth:"1px !important"},"& .MuiInputBase-input":{padding:0,height:"100%",textAlign:"center"},"&:hover::before":{borderWidth:"1px !important"}},minimalHandle:{background:r.primary.text9,width:8,height:18,"& .MuiInput-underline.Mui-error:after":{border:0}},minimalVerticalHandle:{width:18,height:8},minimalHandleRoot:{borderColor:r.primary.text9,zIndex:100,"&:not(:hover)":{border:"none"}}}}));export{h as Handle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.77.0-16",
+  "version": "0.77.0-17",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"