@corva/ui 0.36.0-1 → 0.36.0-4

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
- import e from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/defineProperty";import{useState as r,useRef as t,useEffect as n}from"react";import a from"prop-types";import i from"classnames";import{noop as l}from"lodash";import{makeStyles as c,Drawer as p,Box as d,Tooltip as s}from"@material-ui/core";import h from"@material-ui/icons/ChevronLeftRounded";import m from"@material-ui/icons/ChevronRightRounded";import u from"@material-ui/icons/Sort";import f from"@material-ui/icons/Check";import g from"@material-ui/icons/Close";import x from"../../IconButton/index.js";import b from"../../Button/index.js";import{jsxs as w,Fragment as C,jsx as I}from"react/jsx-runtime";var k=c((function(e){var r,t;return{drawer:function(r){var t=r.openedDrawerWidth;return o({height:"100%",position:"relative",width:t,borderTop:"1px solid",borderTopColor:e.palette.background.b7,boxShadow:"4px 0px 8px rgba(0, 0, 0, 0.15)"},"&.".concat("closed"),{width:"48px"})},drawerPaper:(r={position:"relative",width:"100%",backgroundColor:e.palette.background.b5},o(r,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:e.palette.background.b7,"& > $header":{backgroundColor:e.palette.background.b7}}}),o(r,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),o(r,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),r),header:(t={height:48,borderBottom:"1px solid",borderBottomColor:e.palette.background.b7,display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:0,left:0,right:0,letterSpacing:"1px",textTransform:"uppercase",fontSize:"14px",fontWeight:500,lineHeight:"20px",backgroundColor:e.palette.background.b5},o(t,"&.".concat("open"),{padding:e.spacing(1.5),justifyContent:"flex-start"}),o(t,"&.".concat("withShadow"),{zIndex:1,boxShadow:"-18px 12px 12px #272727"}),t),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(e){var r,t=e.anchor;return o(r={alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("withShadow"),{zIndex:1,boxShadow:"-18px -12px 12px #272727"}),o(r,"&.".concat("open"),{justifyContent:"left"===t?"flex-end":"flex-start",paddingRight:6}),r},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px",marginLeft:16,"& .MuiButton-startIcon":{marginRight:4}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer"}}})),O=function(a){var l,c=a.anchor,O=a.children,v=a.drawerPaperClassName,S=a.header,T=a.headerIcon,A=a.headerTitleIcon,y=a.isOpen,N=a.openedDrawerWidth,B=a.setIsOpen,D=a.size,P=a.allOptionsButtonShown,R=a.isAllOptionsSelected,W=a.onAllOptionsClick,j=r(!1),z=e(j,2),H=z[0],L=z[1],M=t(),q=k({anchor:c,openedDrawerWidth:N||{small:235,medium:354,large:473}[D]});n((function(){var e=M.current,o=e.scrollHeight,r=e.clientHeight;L(o>r)}));var Y="left"===c?m:h;return w(p,{onClick:function(){y||B(!0)},className:i(q.drawer,!y&&"closed"),variant:"permanent",classes:{paper:i(q.drawerPaper,v,!y&&"closed")},anchor:c,children:[w("div",{className:i(q.header,y&&"open",H&&"withShadow"),onClick:function(){y&&B(!1)},children:[y&&w(C,{children:[A||I(u,{className:q.headerIcon}),I("div",{className:q.headerIconText,children:S}),P&&I(b,{className:q.selectAllButton,onClick:function(e){e.stopPropagation(),W(e)},startIcon:I(R?g:f,{}),children:R?"Clear All":"Select All"})]}),!y&&T]}),I("div",{className:q.contentWrapper,ref:M,children:I("div",{className:q.content,children:y&&O})}),I(d,{className:i(q.openToggleContainer,(l={},o(l,"open",y),o(l,"withShadow",H),l)),children:I(s,{title:y?"collapse":"expand",placement:"bottom",children:I("div",{children:I(x,{"aria-label":"toggle sidebar",onClick:function(){B(!y)},children:I(Y,{className:i(y&&q.openToggleIconOpen)})})})})})]})};O.propTypes={anchor:a.oneOf(["left","right"]),children:a.node.isRequired,drawerPaperClassName:a.string,header:a.node,headerIcon:a.node,headerTitleIcon:a.node,isOpen:a.bool,openedDrawerWidth:a.oneOfType([a.string,a.number]),setIsOpen:a.func,size:a.oneOf(["small","medium","large"]),allOptionsButtonShown:a.bool,isAllOptionsSelected:a.bool,onAllOptionsClick:a.func},O.defaultProps={anchor:"left",drawerPaperClassName:"",header:null,headerIcon:null,headerTitleIcon:null,isOpen:!1,openedDrawerWidth:0,setIsOpen:l,size:"medium",allOptionsButtonShown:!1,isAllOptionsSelected:!1,onAllOptionsClick:l};export{O as default};
1
+ import e from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/defineProperty";import{useState as t,useRef as r,useEffect as n}from"react";import i from"prop-types";import a from"classnames";import{noop as l}from"lodash";import{makeStyles as p,Drawer as c,Box as d,Tooltip as s}from"@material-ui/core";import h from"@material-ui/icons/ChevronLeftRounded";import m from"@material-ui/icons/ChevronRightRounded";import u from"@material-ui/icons/Sort";import f from"@material-ui/icons/Check";import g from"@material-ui/icons/Close";import x from"../../IconButton/index.js";import b from"../../Button/index.js";import{jsxs as w,Fragment as T,jsx as C}from"react/jsx-runtime";var I=p((function(e){var t,r;return{drawer:function(t){var r=t.openedDrawerWidth;return o({height:"100%",position:"relative",width:r,borderTop:"1px solid",borderTopColor:e.palette.background.b7,boxShadow:"4px 0px 8px rgba(0, 0, 0, 0.15)"},"&.".concat("closed"),{width:"48px"})},drawerPaper:(t={position:"relative",width:"100%",backgroundColor:e.palette.background.b5},o(t,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:e.palette.background.b7,"& > $header":{backgroundColor:e.palette.background.b7}}}),o(t,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),o(t,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),t),header:(r={height:48,borderBottom:"1px solid",borderBottomColor:e.palette.background.b7,display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:0,left:0,right:0,letterSpacing:"1px",textTransform:"uppercase",fontSize:"14px",fontWeight:500,lineHeight:"20px",backgroundColor:e.palette.background.b5},o(r,"&.".concat("open"),{padding:e.spacing(1.5),justifyContent:"flex-start"}),o(r,"&.".concat("withShadow"),{zIndex:1,boxShadow:"-18px 12px 12px #272727"}),r),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(e){var t,r=e.anchor;return o(t={alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("withShadow"),{zIndex:1,boxShadow:"-18px -12px 12px #272727"}),o(t,"&.".concat("open"),{justifyContent:"left"===r?"flex-end":"flex-start",paddingRight:6}),t},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px",marginLeft:16,"& .MuiButton-startIcon":{marginRight:4}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer"}}})),k=function(i){var l,p=i.anchor,k=i.children,O=i.drawerPaperClassName,v=i.expandedTooltipTitle,S=i.collapsedTooltipTitle,A=i.header,y=i.headerIcon,N=i.headerTitleIcon,B=i.isOpen,D=i.openedDrawerWidth,P=i.setIsOpen,R=i.size,W=i.allOptionsButtonShown,j=i.isAllOptionsSelected,z=i.onAllOptionsClick,H=t(!1),L=e(H,2),M=L[0],q=L[1],E=r(),Y=I({anchor:p,openedDrawerWidth:D||{small:235,medium:354,large:473}[R]});n((function(){var e=E.current,o=e.scrollHeight,t=e.clientHeight;q(o>t)}));var $="left"===p?m:h;return w(c,{onClick:function(){B||P(!0)},className:a(Y.drawer,!B&&"closed"),variant:"permanent",classes:{paper:a(Y.drawerPaper,O,!B&&"closed")},anchor:p,children:[w("div",{className:a(Y.header,B&&"open",M&&"withShadow"),onClick:function(){B&&P(!1)},children:[B&&w(T,{children:[N||C(u,{className:Y.headerIcon}),C("div",{className:Y.headerIconText,children:A}),W&&C(b,{className:Y.selectAllButton,onClick:function(e){e.stopPropagation(),z(e)},startIcon:C(j?g:f,{}),children:j?"Clear All":"Select All"})]}),!B&&y]}),C("div",{className:Y.contentWrapper,ref:E,children:C("div",{className:Y.content,children:B&&k})}),C(d,{className:a(Y.openToggleContainer,(l={},o(l,"open",B),o(l,"withShadow",M),l)),children:C(s,{title:B?v:S,placement:"bottom",children:C("div",{children:C(x,{"aria-label":"toggle sidebar",onClick:function(){P(!B)},children:C($,{className:a(B&&Y.openToggleIconOpen)})})})})})]})};k.propTypes={anchor:i.oneOf(["left","right"]),children:i.node.isRequired,drawerPaperClassName:i.string,expandedTooltipTitle:i.string,collapsedTooltipTitle:i.string,header:i.node,headerIcon:i.node,headerTitleIcon:i.node,isOpen:i.bool,openedDrawerWidth:i.oneOfType([i.string,i.number]),setIsOpen:i.func,size:i.oneOf(["small","medium","large"]),allOptionsButtonShown:i.bool,isAllOptionsSelected:i.bool,onAllOptionsClick:i.func},k.defaultProps={anchor:"left",drawerPaperClassName:"",expandedTooltipTitle:"Collapse",collapsedTooltipTitle:"Expand",header:null,headerIcon:null,headerTitleIcon:null,isOpen:!1,openedDrawerWidth:0,setIsOpen:l,size:"medium",allOptionsButtonShown:!1,isAllOptionsSelected:!1,onAllOptionsClick:l};export{k as default};
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/objectWithoutProperties";import o from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import i from"classnames";import{noop as r}from"lodash";import{withStyles as n,IconButton as s,makeStyles as l,Modal as a,Tooltip as c}from"@material-ui/core";import{Close as m,CloseRounded as d}from"@material-ui/icons";import{isNativeDetected as p,isMobileDetected as u}from"../../utils/mobileDetect.js";import b from"./Modal.css.js";import{jsx as C,jsxs as f}from"react/jsx-runtime";var h,y=["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","size","type","rootClassName"];function g(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,i)}return t}function N(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?g(Object(i),!0).forEach((function(t){o(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(i,o))}))}return e}var v="filters",O="settings",T=(o(h={},v,"Filters"),o(h,O,"Settings"),h),j=n({root:{position:"absolute",right:28,top:24,color:"#9E9E9E",fontSize:"14px",paddingTop:8,width:14,height:14,"&.MuiIconButton-root":{padding:0},"& svg":{transform:"scale(1.8)",width:14,height:14}}})(s),k=n((function(e){return{root:{color:e.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(m),M=l((function(e){return{closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px","&:hover":{backgroundColor:e.palette.background.b7}}}}));function F(t){var r,n,l=t.title,m=t.children,p=t.actions,u=t.open,h=t.isCloseIconHidden,g=t.onClose,O=t.isNative,F=t.isMobile,P=t.stickyFooter,w=t.contentContainerClassName,x=t.contentClassName,S=t.stickyFooterClassName,z=t.size,D=t.type,E=t.rootClassName,I=e(t,y),H=O||F,A=M();return C(a,N(N({open:u,onClose:g,className:i((r={"c-modal":!H},o(r,b.modalWrapper,!0),o(r,E,!0),o(r,b[D],H&&D),r))},I),{},{children:f("div",{className:i((n={},o(n,b[z],!H),o(n,b.modalContainer,!H),o(n,b.modalMobileContainer,!H),o(n,b.modalStaticFooter,!H&&P),o(n,w,!0),o(n,b.modalMobileContainer,H),o(n,b.modalMobileStaticFooter,H),n)),children:[H&&f("div",{className:i(b.modalMobileTitle,D===v&&b.filtersTitle),children:[C(j,{onClick:g,children:C(d,{})}),C("div",{className:b.modalMobileTitleText,children:l||T[D]})]}),!H&&l&&f("div",{className:i(b.modalTitle,!h&&b.modalTitleWithClose),children:[C("div",{className:b.modalTitleText,children:l}),!h&&C(c,{title:"Close",classes:{tooltip:A.closeTooltip},placement:"bottom",children:C(s,{onClick:g,classes:{root:A.closeButton},children:C(k,{})})})]}),m&&C("div",{className:i(!H&&b.modalContent,H&&b.modalMobileContent,x),children:m}),p&&C("div",{className:i(H&&b.modalMobileActions,!P&&b.modalActions,P&&b.modalActionsSticky,P&&S),children:p})]})}))}F.propTypes={title:t.oneOfType([t.string,t.node]),children:t.oneOfType([t.string,t.node]),actions:t.oneOfType([t.string,t.node,t.array]),stickyFooter:t.bool,open:t.bool.isRequired,onClose:t.func,isNative:t.bool,isMobile:t.bool,isCloseIconHidden:t.bool,contentClassName:t.string,contentContainerClassName:t.string,stickyFooterClassName:t.string,rootClassName:t.string,size:t.string,type:t.string},F.defaultProps={title:"",children:null,actions:"",stickyFooter:!1,onClose:r,isNative:p,isMobile:u,isCloseIconHidden:!1,contentClassName:null,contentContainerClassName:null,stickyFooterClassName:null,size:null,type:"",rootClassName:null};export{F as default};
1
+ import e from"@babel/runtime/helpers/objectWithoutProperties";import o from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import i from"classnames";import{noop as r}from"lodash";import{withStyles as n,IconButton as s,makeStyles as l,Modal as a,Tooltip as c}from"@material-ui/core";import{Close as m,CloseRounded as d}from"@material-ui/icons";import{isNativeDetected as p,isMobileDetected as u}from"../../utils/mobileDetect.js";import b from"./Modal.css.js";import{jsx as C,jsxs as h}from"react/jsx-runtime";var f,y=["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","size","type","rootClassName"];function g(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,i)}return t}function N(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?g(Object(i),!0).forEach((function(t){o(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(i,o))}))}return e}var v="filters",O="settings",T=(o(f={},v,"Filters"),o(f,O,"Settings"),f),j=n({root:{position:"absolute",right:28,top:24,color:"#9E9E9E",fontSize:"14px",paddingTop:8,width:14,height:14,"&.MuiIconButton-root":{padding:0},"& svg":{transform:"scale(1.8)",width:14,height:14}}})(s),k=n((function(e){return{root:{color:e.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(m),M=l((function(e){return{closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px",width:"36px",height:"36px","&:hover":{backgroundColor:e.palette.background.b7}}}}));function F(t){var r,n,l=t.title,m=t.children,p=t.actions,u=t.open,f=t.isCloseIconHidden,g=t.onClose,O=t.isNative,F=t.isMobile,P=t.stickyFooter,w=t.contentContainerClassName,x=t.contentClassName,S=t.stickyFooterClassName,z=t.size,D=t.type,E=t.rootClassName,I=e(t,y),H=O||F,A=M();return C(a,N(N({open:u,onClose:g,className:i((r={"c-modal":!H},o(r,b.modalWrapper,!0),o(r,E,!0),o(r,b[D],H&&D),r))},I),{},{children:h("div",{className:i((n={},o(n,b[z],!H),o(n,b.modalContainer,!H),o(n,b.modalMobileContainer,!H),o(n,b.modalStaticFooter,!H&&P),o(n,w,!0),o(n,b.modalMobileContainer,H),o(n,b.modalMobileStaticFooter,H),n)),children:[H&&h("div",{className:i(b.modalMobileTitle,D===v&&b.filtersTitle),children:[C(j,{onClick:g,children:C(d,{})}),C("div",{className:b.modalMobileTitleText,children:l||T[D]})]}),!H&&l&&h("div",{className:i(b.modalTitle,!f&&b.modalTitleWithClose),children:[C("div",{className:b.modalTitleText,children:l}),!f&&C(c,{title:"Close",classes:{tooltip:A.closeTooltip},placement:"bottom",children:C(s,{onClick:g,classes:{root:A.closeButton},children:C(k,{})})})]}),m&&C("div",{className:i(!H&&b.modalContent,H&&b.modalMobileContent,x),children:m}),p&&C("div",{className:i(H&&b.modalMobileActions,!P&&b.modalActions,P&&b.modalActionsSticky,P&&S),children:p})]})}))}F.propTypes={title:t.oneOfType([t.string,t.node]),children:t.oneOfType([t.string,t.node]),actions:t.oneOfType([t.string,t.node,t.array]),stickyFooter:t.bool,open:t.bool.isRequired,onClose:t.func,isNative:t.bool,isMobile:t.bool,isCloseIconHidden:t.bool,contentClassName:t.string,contentContainerClassName:t.string,stickyFooterClassName:t.string,rootClassName:t.string,size:t.string,type:t.string},F.defaultProps={title:"",children:null,actions:"",stickyFooter:!1,onClose:r,isNative:p,isMobile:u,isCloseIconHidden:!1,contentClassName:null,contentContainerClassName:null,stickyFooterClassName:null,size:null,type:"",rootClassName:null};export{F 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 a from"classnames";import{round as o,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 p,updateFromValue as d,updateToValue as g,calculateValueFromPercent as f}from"./utils.js";import I from"./inputs/FromInput.js";import R from"./inputs/ToInput.js";import{RangeSliderControl as v,RangeSliderOrientation as T}from"./constants.js";import{jsx as O,jsxs as C}from"react/jsx-runtime";var S=function(u){var S=u.min,h=u.max,N=u.from,V=u.to,A=u.minRange,L=u.onChange,y=u.orientation,b=u.precision,B=r(null),M=n(B,2),x=M[0],E=M[1],F=r(null),P=n(F,2),H=P[0],w=P[1],j=r(null),z=n(j,2),U=z[0],Z=z[1],_=r(null),D=n(_,2),q=D[0],X=D[1],Y=r(v.FROM),k=n(Y,2),G=k[0],J=k[1],K=r({}),Q=n(K,2),W=Q[0],$=Q[1],ee=t(null),ne=t(null),re=t(null),te=t(null),ie=t(null);i((function(){y===T.HORIZONTAL&&Z(s),y===T.VERTICAL&&Z(c)}),[y]),i((function(){if(U){var n,r=o(N,b),t=o(V,b),i=o(S,b),a=o(h,b),l=p(r,i,a),u=p(t,i,a),m={};te.current&&ie.current&&(m=U.calculateInputSpacing(l,u,ee,te,ie)),y===T.HORIZONTAL&&X(m.isNotEnoughInputSpace),$((e(n={},v.FROM,U.getThumbStyles(l,G===v.FROM)),e(n,v.TO,U.getThumbStyles(u,G===v.TO)),e(n,v.BAR,U.getBarStyles(l,u)),e(n,v.FROM_INPUT,U.getInputStyles(l)),e(n,v.TO_INPUT,U.getInputStyles(u)),e(n,v.COMPACT_INPUTS,U.getInputStyles((l+u)/2)),n)),E(r.toString()),w(t.toString())}}),[U,S,h,N,V]);var ae=function(e){var n=U.getCoordinates(e,ee.current.getBoundingClientRect()),r=p(n.new,n.min,n.max),t=o(f(r,S,h),b);if(t!==N){var i=d(t,N,V,S,A);L(i)}},oe=function(e){var n=U.getCoordinates(e,ee.current.getBoundingClientRect()),r=p(n.new,n.min,n.max),t=o(f(r,S,h),b);if(t!==V){var i=g(t,N,V,h,A);L(i)}},le=function(e,n){var r=U.getBarCoordinates(e,n,ee.current.getBoundingClientRect()),t=p(r.new,r.min,r.max),i=o(f(t,S,h),b),a=o(V+(i-N),b);if(i<S){var l=S-i;i=S,a=o(a+l,b)}if(a>h){var u=a-h;a=h,i=o(i-u,b)}i!==N&&a!==V&&i>=S&&a<=h&&L({from:i,to:a})},ue=function(e,n){n.stopPropagation(),J(e);var r=n.clientX,t=n.clientY,i=n.target.getBoundingClientRect(),a=i.x,o=i.y;var u=l((function(n){!function(e){return e===v.FROM?ae:e===v.TO?oe:le}(e)(n,{clientX:r,clientY:t,x:a,y:o})}),4);document.addEventListener("mousemove",u),document.addEventListener("mouseup",(function e(){document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",e)}))},me=function(e,n){var r=n.target.value;Number.isNaN(r)||function(e){return e===v.FROM?E:w}(e)(r)},se=function(e,n){var r=n.target.value,t=o(r,b);if(e===v.FROM){var i=d(t,N,V,S,A);L(i)}if(e===v.TO){var a=g(t,N,V,h,A);L(a)}};return O("div",{className:a(y===T.HORIZONTAL&&m.rangeSliderHorizontal,y===T.VERTICAL&&m.rangeSliderVertical),children:C("div",{className:a(m.rangeSliderRail,y===T.HORIZONTAL&&m.rangeSliderRailHorizontal,y===T.VERTICAL&&m.rangeSliderRailVertical),ref:ee,children:[O("div",{ref:ne,className:m.rangeSliderThumb,style:W[v.FROM],onMouseDown:function(e){return ue(v.FROM,e)},children:O("div",{className:m.rangeSliderLabel})}),O("div",{className:a(m.rangeSliderBar,y===T.HORIZONTAL&&m.rangeSliderBarHorizontal,y===T.VERTICAL&&m.rangeSliderBarVertical),style:W[v.BAR],onMouseDown:function(e){return ue(v.BAR,e)},children:O("div",{className:a(m.rangeSliderBarView,y===T.HORIZONTAL&&m.rangeSliderBarViewHorizontal,y===T.VERTICAL&&m.rangeSliderBarViewVertical)})}),O("div",{ref:re,className:m.rangeSliderThumb,style:W[v.TO],onMouseDown:function(e){return ue(v.TO,e)},children:O("div",{className:m.rangeSliderLabel})}),!q&&O(I,{compStyles:W[v.FROM_INPUT],isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,fromInputRef:te,from:N,fromInputValue:x,onInputChange:me,validateInputChange:se}),!q&&O(R,{compStyles:W[v.TO_INPUT],isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,toInputRef:ie,to:V,toInputValue:H,onInputChange:me,validateInputChange:se}),q&&C("div",{className:m.rangeSliderCompactInputs,style:W[v.COMPACT_INPUTS],children:[O(I,{isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,fromInputRef:te,from:N,fromInputValue:x,onInputChange:me,validateInputChange:se}),O("span",{className:m.rangeSliderInputDivider,children:"-"}),O(R,{isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,toInputRef:ie,to:V,toInputValue:H,onInputChange:me,validateInputChange:se})]})]})})};S.propTypes={min:u.number,max:u.number,from:u.number.isRequired,to:u.number.isRequired,orientation:u.string,precision:u.number,minRange:u.number,onChange:u.func},S.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){}};export{S as default};
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 a from"classnames";import{round as o,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 p,updateFromValue as d,updateToValue as f,calculateValueFromPercent as g}from"./utils.js";import I from"./inputs/FromInput.js";import R from"./inputs/ToInput.js";import{RangeSliderControl as v,RangeSliderOrientation as T}from"./constants.js";import{jsx as O,jsxs as C}from"react/jsx-runtime";var S=function(u){var S=u.min,h=u.max,N=u.from,V=u.to,A=u.minRange,L=u.onChange,y=u.orientation,b=u.precision,B=r(null),M=n(B,2),x=M[0],E=M[1],F=r(null),P=n(F,2),H=P[0],w=P[1],j=r(null),z=n(j,2),U=z[0],Z=z[1],_=r(null),D=n(_,2),q=D[0],X=D[1],Y=r(v.FROM),k=n(Y,2),G=k[0],J=k[1],K=r({}),Q=n(K,2),W=Q[0],$=Q[1],ee=t(null),ne=t(null),re=t(null),te=t(null),ie=t(null);i((function(){y===T.HORIZONTAL&&Z(s),y===T.VERTICAL&&Z(c)}),[y]),i((function(){if(U){var n,r=o(N,b),t=o(V,b),i=o(S,b),a=o(h,b),l=p(r,i,a),u=p(t,i,a),m={};te.current&&ie.current&&(m=U.calculateInputSpacing(l,u,ee,te,ie)),y===T.HORIZONTAL&&X(m.isNotEnoughInputSpace),$((e(n={},v.FROM,U.getThumbStyles(l,G===v.FROM)),e(n,v.TO,U.getThumbStyles(u,G===v.TO)),e(n,v.BAR,U.getBarStyles(l,u)),e(n,v.FROM_INPUT,U.getInputStyles(l)),e(n,v.TO_INPUT,U.getInputStyles(u)),e(n,v.COMPACT_INPUTS,U.getInputStyles((l+u)/2)),n)),E(r.toString()),w(t.toString())}}),[U,S,h,N,V]);var ae=function(e){var n=U.getCoordinates(e,ee.current.getBoundingClientRect()),r=p(n.new,n.min,n.max),t=o(g(r,S,h),b);if(t!==N){var i=d(t,N,V,S,A);L(i)}},oe=function(e){var n=U.getCoordinates(e,ee.current.getBoundingClientRect()),r=p(n.new,n.min,n.max),t=o(g(r,S,h),b);if(t!==V){var i=f(t,N,V,h,A);L(i)}},le=function(e,n){var r=U.getBarCoordinates(e,n,ee.current.getBoundingClientRect()),t=p(r.new,r.min,r.max),i=o(g(t,S,h),b),a=o(V+(i-N),b);if(i<S){var l=S-i;i=S,a=o(a+l,b)}if(a>h){var u=a-h;a=h,i=o(i-u,b)}i!==N&&a!==V&&i>=S&&a<=h&&L({from:i,to:a})},ue=function(e,n){n.stopPropagation(),J(e);var r=n.clientX,t=n.clientY,i=n.target.getBoundingClientRect(),a=i.x,o=i.y;var u=l((function(n){!function(e){return e===v.FROM?ae:e===v.TO?oe:le}(e)(n,{clientX:r,clientY:t,x:a,y:o})}),4);document.addEventListener("mousemove",u),document.addEventListener("mouseup",(function e(){document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",e)}))},me=function(e,n){var r=n.target.value;Number.isNaN(r)||function(e){return e===v.FROM?E:w}(e)(r)},se=function(e,n){var r=n.target.value,t=o(r,b);if(e===v.FROM){var i=d(t,N,V,S,A);L(i)}if(e===v.TO){var a=f(t,N,V,h,A);L(a)}};return O("div",{className:a(y===T.HORIZONTAL&&m.rangeSliderHorizontal,y===T.VERTICAL&&m.rangeSliderVertical),children:C("div",{className:a(m.rangeSliderRail,y===T.HORIZONTAL&&m.rangeSliderRailHorizontal,y===T.VERTICAL&&m.rangeSliderRailVertical),ref:ee,children:[O("div",{ref:ne,className:m.rangeSliderThumb,style:W[v.FROM],onMouseDown:function(e){return ue(v.FROM,e)},children:O("div",{className:m.rangeSliderLabel})}),O("div",{className:a(m.rangeSliderBar,y===T.HORIZONTAL&&m.rangeSliderBarHorizontal,y===T.VERTICAL&&m.rangeSliderBarVertical),style:W[v.BAR],onMouseDown:function(e){return ue(v.BAR,e)},children:O("div",{className:a(m.rangeSliderBarView,y===T.HORIZONTAL&&m.rangeSliderBarViewHorizontal,y===T.VERTICAL&&m.rangeSliderBarViewVertical)})}),O("div",{ref:re,className:m.rangeSliderThumb,style:W[v.TO],onMouseDown:function(e){return ue(v.TO,e)},children:O("div",{className:m.rangeSliderLabel})}),!q&&O(I,{compStyles:W[v.FROM_INPUT],isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,fromInputRef:te,from:N,fromInputValue:x,onInputChange:me,validateInputChange:se}),!q&&O(R,{compStyles:W[v.TO_INPUT],isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,toInputRef:ie,to:V,toInputValue:H,onInputChange:me,validateInputChange:se}),q&&C("div",{className:m.rangeSliderCompactInputs,style:W[v.COMPACT_INPUTS],children:[O(I,{isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,fromInputRef:te,from:N,fromInputValue:x,onInputChange:me,validateInputChange:se}),O("span",{className:m.rangeSliderInputDivider,children:"-"}),O(R,{isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,toInputRef:ie,to:V,toInputValue:H,onInputChange:me,validateInputChange:se})]})]})})};S.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},S.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){}};export{S as default};
@@ -1 +1 @@
1
- import o from"./palette.mjs.js";var t={MuiTooltip:{tooltip:{backgroundColor:o.background.b9,boxShadow:"0px 4px 4px rgb(0, 0, 0, 0.12)",fontSize:11,letterSpacing:"0.4px",lineHeight:"16px",padding:4},popper:{"& .MuiTooltip-tooltip":{"&.MuiTooltip-tooltipPlacementTop":{marginBottom:8},"&.MuiTooltip-tooltipPlacementBottom":{marginTop:8},"&.MuiTooltip-tooltipPlacementRight":{marginLeft:8},"&.MuiTooltip-tooltipPlacementLeft":{marginRight:8}}}}};export{t as default};
1
+ import o from"./palette.mjs.js";var t={MuiTooltip:{tooltip:{backgroundColor:o.background.b9,boxShadow:"0px 4px 4px rgb(0, 0, 0, 0.12)",fontSize:12,fontWeight:400,letterSpacing:"0.4px",lineHeight:"16px",padding:4},popper:{"& .MuiTooltip-tooltip":{"&.MuiTooltip-tooltipPlacementTop":{marginBottom:8},"&.MuiTooltip-tooltipPlacementBottom":{marginTop:8},"&.MuiTooltip-tooltipPlacementRight":{marginLeft:8},"&.MuiTooltip-tooltipPlacementLeft":{marginRight:8}}}}};export{t as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "0.36.0-1",
3
+ "version": "0.36.0-4",
4
4
  "description": "Shared components/utils for Corva ui projects",
5
5
  "keywords": [
6
6
  "corva-ui"
package/utils/main.js CHANGED
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/regenerator";import n from"file-saver";import o from"chroma-js";import i from"lodash/round";import a from"lodash/isNaN";import u from"lodash/isNumber";import c from"html2canvas";import s from"@material-ui/core/colors/grey";import m from"@material-ui/core/colors/red";import l from"@material-ui/core/colors/yellow";import f from"@material-ui/core/colors/blue";import p from"@material-ui/core/colors/green";import{SUPPORTED_DRILLING_OPERATIONS as h,DEFAULT_DRILLING_OPERATION_TYPE as d}from"../constants/apps.js";var g=s[500],v=m[500],b=l[500],N=f[500],F=p[500],w={formatValuePrecision:function(e){return Number.isFinite(e)?e<100&&e>-100?e.formatNumeral("0,0.00"):e.formatNumeral("0,0.0"):e},downloadPDF:function(e,t){var r=new File([t],"".concat(e,".pdf"),{type:"application/pdf;charset=utf-8"});n.saveAs(r)},unescapeLineBreaks:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.replace(/\\n/g,"\n")},dataURLtoBlob:function(e){for(var t=window.atob(e.split(",")[1]),r=e.split(",")[0].split(":")[1].split(";")[0],n=new ArrayBuffer(t.length),o=new Uint8Array(n),i=0;i<t.length;i+=1)o[i]=t.charCodeAt(i);return new Blob([n],{type:r})},banchmarkTimer:function(e){var t=new Date;return{stop:function(){var r=(new Date).getTime()-t.getTime();console.info("Timer:",e,"finished in",r,"ms")}}},convertToPercent:function(e,t){return e&&Number.isFinite(t)&&0!==t?Math.round(100*e/t*100)/100:0},getAverageByColumnsForCSV:function(e){var r=this,n=e.split("\n"),o=n[0].split(","),c=n[1].split(",").map((function(e){return[r.parseNumberFromString(e)]})),s=this.getLinesFrequency(n.length);n.shift();var m=n.reduce((function(e,n,o){if(o%s==0){var i=n.split(",").map(r.parseNumberFromString);return e.map((function(e,r){var n=+i[r];return u(n)&&!a(n)&&n>0?[].concat(t(e),[n]):e}))}return e}),c).map((function(e){return e.reduce((function(e,t){return e+t}))/e.length}));return m.map((function(e,t){return{header:o[t],value:i(e,5)}}))},parseNumberFromString:function(e){var t=+e;return a(t)?0:t},getLinesFrequency:function(e){var t="".concat(e);if(t.length<=4)return 1;var r=t.slice(4).length;return 1*Math.pow(10,r)},getColorFromString:function(e){return this.intToRGB(this.hashCode(e))},intToRGB:function(e){var t=(16777215&e).toString(16).toUpperCase();return"00000".substring(0,6-t.length)+t},hashCode:function(e){for(var t=0,r=0;r<e.length;r+=1)t=e.charCodeAt(r)+((t<<5)-t);return t},throttledEventListener:function(e,t,r,n){var o=!1,i=function(){o||(o=!0,window.requestAnimationFrame((function(){r.call(n),o=!1})))};return e.addEventListener(t,i),function(){e.removeEventListener(t,i)}},getSnapshotForElement:function(t){return e(r.mark((function e(){var n,o,i,a;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=window.document.getElementById(t)){e.next=3;break}return e.abrupt("return",null);case 3:return o=n.clientHeight,i=n.clientWidth,e.next=6,c(n,{height:o,width:i,logging:!1});case 6:return a=e.sent,e.abrupt("return",a.toDataURL());case 8:case"end":return e.stop()}}),e)})))()},getAssetStatusColor:function(e){return"active"===e?F:"complete"===e?N:"paused"===e?b:"idle"===e||"unknown"===e?g:v},closest:function(e,t){return e.reduce((function(e,r){return Math.abs(r-t)<Math.abs(e-t)?r:e}))},mathMax:function(e,t){return Number.isFinite(e)?Number.isFinite(t)?Math.max(e,t):e:t},mathMin:function(e,t){return Number.isFinite(e)?Number.isFinite(t)?Math.min(e,t):e:t},getOperationByType:function(e){return Object.values(h).find((function(t){return t.value===e||d}))},getUserFullName:function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},getNameInitials:function(e){return e.split(" ").slice(0,2).map((function(e){return e.substr(0,1)})).join("")},getS3BucketName:function(){return"development"===process.env.REACT_APP_ENVIRONMENT||"qa"===process.env.REACT_APP_ENVIRONMENT?"corva-files-qa":"corva-files"},getS3FileUrl:function(e,t){return"https://".concat(e,".s3.amazonaws.com/").concat(t)},getFileNameWithExtensionFromPath:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.split("?")[0].replace(/^.*[\\/]/,"")},hexToRgbA:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=o(e).rgba();return r[r.length-1]=t,"rgba(".concat(r.join(","),")")},truncateString:function(e,t){return e.length>t?"".concat(e.substr(0,t-1),"&hellip;"):e},copyToClipboard:function(e){var t=document.createElement("textarea");t.textContent=e,document.body.appendChild(t);var r=document.getSelection(),n=document.createRange();n.selectNode(t),r.removeAllRanges(),r.addRange(n),document.execCommand("copy"),r.removeAllRanges(),document.body.removeChild(t)}};window.getSnapshotForElement=w.getSnapshotForElement;export{w as default};
1
+ import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/regenerator";import n from"file-saver";import o from"chroma-js";import i from"lodash/round";import a from"lodash/isNaN";import u from"lodash/isNumber";import c from"html2canvas";import s from"@material-ui/core/colors/grey";import m from"@material-ui/core/colors/red";import l from"@material-ui/core/colors/yellow";import f from"@material-ui/core/colors/blue";import p from"@material-ui/core/colors/green";import{SUPPORTED_DRILLING_OPERATIONS as h,DEFAULT_DRILLING_OPERATION_TYPE as d}from"../constants/apps.js";var g=s[500],v=m[500],b=l[500],N=f[500],w=p[500],F={formatValuePrecision:function(e){return Number.isFinite(e)?e<100&&e>-100?e.formatNumeral("0,0.00"):e.formatNumeral("0,0.0"):e},downloadPDF:function(e,t){var r=new File([t],"".concat(e,".pdf"),{type:"application/pdf;charset=utf-8"});n.saveAs(r)},unescapeLineBreaks:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.replace(/\\n/g,"\n")},dataURLtoBlob:function(e){for(var t=window.atob(e.split(",")[1]),r=e.split(",")[0].split(":")[1].split(";")[0],n=new ArrayBuffer(t.length),o=new Uint8Array(n),i=0;i<t.length;i+=1)o[i]=t.charCodeAt(i);return new Blob([n],{type:r})},banchmarkTimer:function(e){var t=new Date;return{stop:function(){var r=(new Date).getTime()-t.getTime();console.info("Timer:",e,"finished in",r,"ms")}}},convertToPercent:function(e,t){return e&&Number.isFinite(t)&&0!==t?Math.round(100*e/t*100)/100:0},getAverageByColumnsForCSV:function(e){var r=this,n=e.split("\n"),o=n[0].split(","),c=n[1].split(",").map((function(e){return[r.parseNumberFromString(e)]})),s=this.getLinesFrequency(n.length);n.shift();var m=n.reduce((function(e,n,o){if(o%s==0){var i=n.split(",").map(r.parseNumberFromString);return e.map((function(e,r){var n=+i[r];return u(n)&&!a(n)&&n>0?[].concat(t(e),[n]):e}))}return e}),c).map((function(e){return e.reduce((function(e,t){return e+t}))/e.length}));return m.map((function(e,t){return{header:o[t],value:i(e,5)}}))},parseNumberFromString:function(e){var t=+e;return a(t)?0:t},getLinesFrequency:function(e){var t="".concat(e);if(t.length<=4)return 1;var r=t.slice(4).length;return 1*Math.pow(10,r)},getColorFromString:function(e){return this.intToRGB(this.hashCode(e))},intToRGB:function(e){var t=(16777215&e).toString(16).toUpperCase();return"00000".substring(0,6-t.length)+t},hashCode:function(e){for(var t=0,r=0;r<e.length;r+=1)t=e.charCodeAt(r)+((t<<5)-t);return t},throttledEventListener:function(e,t,r,n){var o=!1,i=function(){o||(o=!0,window.requestAnimationFrame((function(){r.call(n),o=!1})))};return e.addEventListener(t,i),function(){e.removeEventListener(t,i)}},getSnapshotForElement:function(t){return e(r.mark((function e(){var n,o,i,a;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=window.document.getElementById(t)){e.next=3;break}return e.abrupt("return",null);case 3:return o=n.clientHeight,i=n.clientWidth,e.next=6,c(n,{height:o,width:i,logging:!1});case 6:return a=e.sent,e.abrupt("return",a.toDataURL());case 8:case"end":return e.stop()}}),e)})))()},getAssetStatusColor:function(e){return"active"===e?w:"complete"===e?N:"paused"===e?b:"idle"===e||"unknown"===e?g:v},closest:function(e,t){return e.reduce((function(e,r){return Math.abs(r-t)<Math.abs(e-t)?r:e}))},mathMax:function(e,t){return Number.isFinite(e)?Number.isFinite(t)?Math.max(e,t):e:t},mathMin:function(e,t){return Number.isFinite(e)?Number.isFinite(t)?Math.min(e,t):e:t},getOperationByType:function(e){return Object.values(h).find((function(t){return t.value===e||d}))},getUserFullName:function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},getNameInitials:function(e){return e.split(" ").slice(0,2).map((function(e){return e.substr(0,1)})).join("")},getS3BucketName:function(){return"development"===process.env.REACT_APP_ENVIRONMENT||"qa"===process.env.REACT_APP_ENVIRONMENT?"corva-files-qa":"corva-files"},getS3FileUrl:function(e,t){return"https://".concat(e,".s3.amazonaws.com/").concat(t)},getFileNameWithExtensionFromPath:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.split("?")[0].replace(/^.*[\\/]/,"")},hexToRgbA:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=o(e).rgba();return r[r.length-1]=t,"rgba(".concat(r.join(","),")")},truncateString:function(e,t){return e.length>t?"".concat(e.substr(0,t-1),"&hellip;"):e},copyToClipboard:function(e){if(navigator.clipboard)navigator.clipboard.writeText(e);else{var t=document.createElement("textarea");t.textContent=e,document.body.appendChild(t);var r=document.getSelection(),n=document.createRange();n.selectNode(t),r.removeAllRanges(),r.addRange(n),document.execCommand("copy"),r.removeAllRanges(),document.body.removeChild(t)}}};window.getSnapshotForElement=F.getSnapshotForElement;export{F as default};