@corva/ui 0.36.0-2 → 0.36.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/defineProperty";import{useState as
|
|
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
|
|
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
|
|
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};
|