@corva/ui 0.23.0-8 → 0.23.0-9

package/components/Modal/Modal.css.js

@@ -1 +1 @@
-import o from'../../ext-esm/style-inject/dist/style-inject.es.js';o(".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}.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{modalWrapper:"Modal_modalWrapper__1Irj5",modalContainer:"Modal_modalContainer__1ntEL",modalStaticFooter:"Modal_modalStaticFooter__3__80",modalMobile:"Modal_modalMobile__3Q0mr",modalTitle:"Modal_modalTitle__3EmG3",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{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}.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",modalTitleWithClose:"Modal_modalTitleWithClose__1KEFF",modalActions:"Modal_modalActions__1pnLy",modalActionsSticky:"Modal_modalActionsSticky__2ppfp",modalContent:"Modal_modalContent__30BgY"};

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

package/package.json

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