@corva/ui 0.30.0-9 → 0.30.0-rc.0

package/components/Modal/Modal.css.js

@@ -1 +1 @@
-import o from'../../ext-esm/style-inject/dist/style-inject.es.js';o(".Modal_small__W_lAm{width:416px}.Modal_medium__1bbOT{width:552px}.Modal_large__3W3z5{width:768px}.Modal_extraLarge__2hv5g{width:80%;height:80%;max-width:1152px}.Modal_modalWrapper__1Irj5{display:flex;width:100%;height:100%}.Modal_modalContainer__1ntEL{outline:none;max-width:80%;max-height:80%;background-color:#3b3b3b;margin:auto;border-radius:4px;display:flex;flex-direction:column}.Modal_modalStaticFooter__3__80{overflow-y:scroll;padding-bottom:0}.Modal_modalMobile__3Q0mr{border-radius:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;padding:0}.Modal_modalTitle__3EmG3{font-size:20px;color:#fff;padding:40px 40px 16px;line-height:28px}.Modal_modalTitleText__1Qw62{line-height:28px;padding:4px 0}.Modal_modalTitleWithClose__1KEFF{display:flex;justify-content:space-between}.Modal_modalMobile__3Q0mr .Modal_modalTitle__3EmG3{font-size:18px;display:flex;align-items:center;justify-content:center;min-height:65px;border-bottom:1px solid #414141}.Modal_modalActions__1pnLy{margin-top:auto;display:flex;align-items:center;padding:32px 40px 40px}.Modal_modalActionsSticky__2ppfp{background:#3b3b3b;padding:8px 40px;box-shadow:0 -8px 10px rgba(0,0,0,.14)}.Modal_modalMobile__3Q0mr .Modal_modalActions__1pnLy{min-height:68px;box-shadow:0 -2px 8px rgba(0,0,0,.2);padding:0 32px}.Modal_modalContent__30BgY{overflow-y:auto;padding:0 40px}.Modal_modalMobile__3Q0mr .Modal_modalContent__30BgY{padding:28px 32px}");export default{small:"Modal_small__W_lAm",medium:"Modal_medium__1bbOT",large:"Modal_large__3W3z5",extraLarge:"Modal_extraLarge__2hv5g",modalWrapper:"Modal_modalWrapper__1Irj5",modalContainer:"Modal_modalContainer__1ntEL",modalStaticFooter:"Modal_modalStaticFooter__3__80",modalMobile:"Modal_modalMobile__3Q0mr",modalTitle:"Modal_modalTitle__3EmG3",modalTitleText:"Modal_modalTitleText__1Qw62",modalTitleWithClose:"Modal_modalTitleWithClose__1KEFF",modalActions:"Modal_modalActions__1pnLy",modalActionsSticky:"Modal_modalActionsSticky__2ppfp",modalContent:"Modal_modalContent__30BgY"};
+import o from'../../ext-esm/style-inject/dist/style-inject.es.js';o(".Modal_small__W_lAm{width:416px}.Modal_medium__1bbOT{width:552px}.Modal_large__3W3z5{width:768px}.Modal_extraLarge__2hv5g{width:80%;height:80%;max-width:1152px}.Modal_modalWrapper__1Irj5{display:flex;width:100%;height:100%}.Modal_modalContainer__1ntEL{max-width:80%;max-height:80%;background-color:#3b3b3b;margin:auto;border-radius:4px}.Modal_modalContainer__1ntEL,.Modal_modalMobileContainer__3V7C-{outline:none;display:flex;flex-direction:column}.Modal_modalMobileContainer__3V7C-{padding-bottom:16px}.Modal_modalStaticFooter__3__80{overflow-y:scroll;padding-bottom:0}.Modal_modalMobileStaticFooter__3ZRy4{overflow-y:scroll;padding-bottom:16px;margin-top:60px}.Modal_modalMobile__3Q0mr,.Modal_modalMobileStaticFooter__3ZRy4{border-radius:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%}.Modal_modalMobile__3Q0mr{padding:0}.Modal_modalTitle__3EmG3{font-size:20px;color:#fff;padding:40px 40px 16px;line-height:28px}.Modal_modalMobileTitle__V8TLa{margin-bottom:auto;display:flex;position:absolute;top:0;width:100%;left:0;padding:0 16px}.Modal_filtersTitle__G2f7r{border-bottom:1px solid #333}.Modal_modalTitleText__1Qw62{line-height:28px;padding:4px 0}.Modal_modalMobileTitleText__HnTTy{font-size:20px;color:#fff;padding:16px 16px 16px 0;line-height:28px}.Modal_modalTitleWithClose__1KEFF{display:flex;justify-content:space-between}.Modal_modalActions__1pnLy{margin-top:auto;display:flex;align-items:center;padding:32px 40px 40px}.Modal_modalMobileActions__3uzdU{margin-top:auto;display:flex;position:absolute;bottom:0;width:100%;left:0;padding:8px 16px}.Modal_modalActionsSticky__2ppfp{background:#3b3b3b;padding:8px 40px;box-shadow:0 -8px 10px rgba(0,0,0,.14)}.Modal_modalContent__30BgY{overflow-y:auto;padding:0 40px}.Modal_modalMobileContent__11cdf{overflow-y:scroll;padding:4px 16px 92px}.Modal_modalMobile__3Q0mr .Modal_modalContent__30BgY{padding:28px 32px}.Modal_settings__2iaI6,.Modal_settings__2iaI6 .Modal_modalMobileContainer__3V7C-,.Modal_settings__2iaI6 .Modal_modalMobileContent__11cdf,.Modal_settings__2iaI6 .Modal_modalMobileTitle__V8TLa{background-color:#414141}.Modal_filters__2q2wn,.Modal_filters__2q2wn .Modal_modalMobileContainer__3V7C-,.Modal_filters__2q2wn .Modal_modalMobileContent__11cdf,.Modal_filters__2q2wn .Modal_modalMobileTitle__V8TLa{background-color:#272727}.Modal_settings__2iaI6 .Modal_modalMobileActions__3uzdU{background-color:#414141;box-shadow:0 -8px 10px #414141}.Modal_filters__2q2wn .Modal_modalMobileActions__3uzdU{background-color:#272727;box-shadow:0 -8px 10px #272727}.Modal_settings__2iaI6 .Modal_modalMobileTitle__V8TLa{box-shadow:0 8px 10px #414141}.Modal_filters__2q2wn .Modal_modalMobileTitle__V8TLa{box-shadow:0 8px 10px #272727}");export default{small:"Modal_small__W_lAm",medium:"Modal_medium__1bbOT",large:"Modal_large__3W3z5",extraLarge:"Modal_extraLarge__2hv5g",modalWrapper:"Modal_modalWrapper__1Irj5",modalContainer:"Modal_modalContainer__1ntEL",modalMobileContainer:"Modal_modalMobileContainer__3V7C-",modalStaticFooter:"Modal_modalStaticFooter__3__80",modalMobileStaticFooter:"Modal_modalMobileStaticFooter__3ZRy4",modalMobile:"Modal_modalMobile__3Q0mr",modalTitle:"Modal_modalTitle__3EmG3",modalMobileTitle:"Modal_modalMobileTitle__V8TLa",filtersTitle:"Modal_filtersTitle__G2f7r",modalTitleText:"Modal_modalTitleText__1Qw62",modalMobileTitleText:"Modal_modalMobileTitleText__HnTTy",modalTitleWithClose:"Modal_modalTitleWithClose__1KEFF",modalActions:"Modal_modalActions__1pnLy",modalMobileActions:"Modal_modalMobileActions__3uzdU",modalActionsSticky:"Modal_modalActionsSticky__2ppfp",modalContent:"Modal_modalContent__30BgY",modalMobileContent:"Modal_modalMobileContent__11cdf",settings:"Modal_settings__2iaI6",filters:"Modal_filters__2q2wn"};

package/components/Modal/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import{noop as o}from"lodash";import{isNativeDetected as t,isMobileDetected as i}from"../../utils/mobileDetect.js";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{withStyles as s,IconButton as l,makeStyles as a,Modal as c,Tooltip as m}from"@material-ui/core";import p from"@babel/runtime/helpers/objectWithoutProperties";import d from"prop-types";import u from"classnames";import{Close as f,CloseRounded as b}from"@material-ui/icons";import C from"./Modal.css.js";function y(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 h(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?y(Object(i),!0).forEach((function(t){e(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))}))}return o}var N=s({root:{position:"absolute",left:"10px",color:"#9E9E9E",fontSize:"14px"}})(l),O=s((function(e){return{root:{color:e.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(f),v=a({closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px"}});function g(o){var t=o.title,i=o.children,s=o.actions,a=o.open,d=o.isCloseIconHidden,f=o.onClose,y=o.isNative,g=o.isMobile,j=o.stickyFooter,k=o.contentContainerClassName,P=o.contentClassName,T=o.stickyFooterClassName,F=o.size,x=p(o,["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","size"]),w=y||g,M=v();return r(c,h(h({open:a,onClose:f,className:u(e({"c-modal":!0},C.modalWrapper,!0))},x),{},{children:n("div",{className:u(C[F],C.modalContainer,w&&C.modalMobile,j&&C.modalStaticFooter,k),children:[t&&n("div",{className:u(C.modalTitle,!w&&!d&&C.modalTitleWithClose),children:[w&&r(N,{onClick:f,children:r(b,{})}),r("div",{className:C.modalTitleText,children:t}),!w&&!d&&r(m,{title:"Close",classes:{tooltip:M.closeTooltip},placement:"bottom",children:r(l,{onClick:f,classes:{root:M.closeButton},children:r(O,{})})})]}),i&&r("div",{className:u(C.modalContent,P),children:i}),!j&&s&&r("div",{className:C.modalActions,children:s}),j&&s&&r("div",{className:u(C.modalActionsSticky,T),children:s})]})}))}g.propTypes={title:d.oneOfType([d.string,d.node]),children:d.oneOfType([d.string,d.node]),actions:d.oneOfType([d.string,d.node,d.array]),stickyFooter:d.bool,open:d.bool.isRequired,onClose:d.func,isNative:d.bool,isMobile:d.bool,isCloseIconHidden:d.bool,contentClassName:d.string,contentContainerClassName:d.string,stickyFooterClassName:d.string,size:d.string},g.defaultProps={title:"",children:null,actions:"",stickyFooter:!1,onClose:o,isNative:t,isMobile:i,isCloseIconHidden:!1,contentClassName:null,contentContainerClassName:null,stickyFooterClassName:null,size:null};export default g;
+import e from"@babel/runtime/helpers/defineProperty";import{noop as o}from"lodash";import{isNativeDetected as t,isMobileDetected as i}from"../../utils/mobileDetect.js";import{jsx as r,jsxs as s}from"react/jsx-runtime";import{withStyles as l,IconButton as n,makeStyles as a,Modal as c,Tooltip as m}from"@material-ui/core";import p from"@babel/runtime/helpers/objectWithoutProperties";import d from"prop-types";import u from"classnames";import{Close as b,CloseRounded as C}from"@material-ui/icons";import f from"./Modal.css.js";var h;function y(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(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?y(Object(i),!0).forEach((function(t){e(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))}))}return o}var g="filters",v="settings",O=(e(h={},g,"Filters"),e(h,v,"Settings"),h),T=l({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}}})(n),j=l((function(e){return{root:{color:e.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(b),M=a({closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px"}});function k(o){var t,i,l=o.title,a=o.children,d=o.actions,b=o.open,h=o.isCloseIconHidden,y=o.onClose,v=o.isNative,k=o.isMobile,F=o.stickyFooter,P=o.contentContainerClassName,w=o.contentClassName,x=o.stickyFooterClassName,S=o.size,z=o.type,D=o.rootClassName,E=p(o,["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","size","type","rootClassName"]),I=v||k,H=M();return r(c,N(N({open:b,onClose:y,className:u((t={"c-modal":!I},e(t,f.modalWrapper,!0),e(t,D,!0),e(t,f[z],I&&z),t))},E),{},{children:s("div",{className:u((i={},e(i,f[S],!I),e(i,f.modalContainer,!I),e(i,f.modalStaticFooter,!I&&F),e(i,P,!0),e(i,f.modalMobileContainer,I),e(i,f.modalMobileStaticFooter,I),i)),children:[I&&s("div",{className:u(f.modalMobileTitle,z===g&&f.filtersTitle),children:[r(T,{onClick:y,children:r(C,{})}),r("div",{className:f.modalMobileTitleText,children:l||O[z]})]}),!I&&l&&s("div",{className:u(f.modalTitle,!h&&f.modalTitleWithClose),children:[r("div",{className:f.modalTitleText,children:l}),!h&&r(m,{title:"Close",classes:{tooltip:H.closeTooltip},placement:"bottom",children:r(n,{onClick:y,classes:{root:H.closeButton},children:r(j,{})})})]}),a&&r("div",{className:u(!I&&f.modalContent,I&&f.modalMobileContent,w),children:a}),d&&r("div",{className:u(I&&f.modalMobileActions,!F&&f.modalActions,F&&f.modalActionsSticky,F&&x),children:d})]})}))}k.propTypes={title:d.oneOfType([d.string,d.node]),children:d.oneOfType([d.string,d.node]),actions:d.oneOfType([d.string,d.node,d.array]),stickyFooter:d.bool,open:d.bool.isRequired,onClose:d.func,isNative:d.bool,isMobile:d.bool,isCloseIconHidden:d.bool,contentClassName:d.string,contentContainerClassName:d.string,stickyFooterClassName:d.string,rootClassName:d.string,size:d.string,type:d.string},k.defaultProps={title:"",children:null,actions:"",stickyFooter:!1,onClose:o,isNative:t,isMobile:i,isCloseIconHidden:!1,contentClassName:null,contentContainerClassName:null,stickyFooterClassName:null,size:null,type:"",rootClassName:null};export default k;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.30.0-9",
+  "version": "0.30.0-rc.0",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"