@corva/ui 0.54.0-7 → 0.54.0-8

package/components/Modal/CorvaModal.d.ts

@@ -1,26 +1,11 @@
 /// <reference types="react" />
-import { ModalProps } from "~/components/Modal/types";
+import { ModalProps } from '~/components/Modal/types';
+export declare enum MOBILE_MODAL_TYPES {
+    FILTERS = "filters",
+    SETTINGS = "settings"
+}
 export declare function CorvaModal({ title, children, actions, open, isCloseIconHidden, onClose, isNative, isMobile, stickyFooter, contentContainerClassName, contentClassName, stickyFooterClassName, modalTitleClassName, size, type, rootClassName, actionsClassName, ...otherProps }: ModalProps): JSX.Element;
 export declare namespace CorvaModal {
-    var propTypes: {
-        title: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
-        children: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
-        actions: import("prop-types").Requireable<NonNullable<any[] | import("prop-types").ReactNodeLike>>;
-        actionsClassName: import("prop-types").Requireable<string>;
-        contentClassName: import("prop-types").Requireable<string>;
-        contentContainerClassName: import("prop-types").Requireable<string>;
-        isCloseIconHidden: import("prop-types").Requireable<boolean>;
-        isMobile: import("prop-types").Requireable<boolean>;
-        isNative: import("prop-types").Requireable<boolean>;
-        modalTitleClassName: import("prop-types").Requireable<string>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        open: import("prop-types").Validator<boolean>;
-        rootClassName: import("prop-types").Requireable<string>;
-        size: import("prop-types").Requireable<string>;
-        stickyFooter: import("prop-types").Requireable<boolean>;
-        stickyFooterClassName: import("prop-types").Requireable<string>;
-        type: import("prop-types").Requireable<string>;
-    };
     var defaultProps: {
         actions: string;
         actionsClassName: any;

package/components/Modal/CorvaModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CorvaModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/CorvaModal.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAkB,UAAU,EAAE,MAAM,0BAA0B,CAAC;AA4DtE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,gBAAgB,EAChB,GAAG,UAAU,EACd,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAiG1B;yBApHe,UAAU"}
+{"version":3,"file":"CorvaModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/CorvaModal.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAqDD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,gBAAgB,EAChB,GAAG,UAAU,EACd,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAiG1B;yBApHe,UAAU"}

package/components/Modal/CorvaModal.js

@@ -1 +1 @@
-import{__rest as o,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useState as l}from"react";import s from"classnames";import{noop as a}from"lodash";import{withStyles as n,IconButton as r,makeStyles as c,Modal as m,Tooltip as d}from"@material-ui/core";import{Close as p,CloseRounded as C}from"@material-ui/icons";import{isMobileDetected as h,isNativeDetected as u}from"../../utils/mobileDetect.js";import N from"./CorvaModal.css.js";import{modalPropTypes as f}from"./types.js";var b,v="filters",T="settings",g=((b={})[v]="Filters",b[T]="Settings",b),y=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}}})(r),M=n((function(o){return{root:{color:o.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(p),k=c((function(o){return{closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px",width:"36px",height:"36px","&:hover":{backgroundColor:o.palette.background.b7}}}}));function x(a){var n,c,p=a.title,h=a.children,u=a.actions,f=a.open,b=a.isCloseIconHidden,T=a.onClose,x=a.isNative,F=a.isMobile,w=a.stickyFooter,S=a.contentContainerClassName,j=a.contentClassName,H=a.stickyFooterClassName,z=a.modalTitleClassName,A=a.size,I=a.type,B=a.rootClassName,E=a.actionsClassName,W=o(a,["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","modalTitleClassName","size","type","rootClassName","actionsClassName"]),D=l(0),P=D[0],_=D[1],q=window.innerHeight,G=P>=Math.floor(80*q/100),J=x||F,K=k();return t(m,e({open:f,onClose:T,className:s((n={"c-modal":!J},n[N.modalWrapper]=!0,n[B]=!0,n[N[I]]=J&&I,n))},W,{children:i("div",e({ref:function(o){return _(null==o?void 0:o.clientHeight)},className:s((c={},c[N[A]]=!J,c[N.modalContainer]=!J,c[N.modalMobileContainer]=!J,c[N.modalStaticFooter]=!J&&w&&G,c[S]=!0,c[N.modalMobileContainer]=J,c[N.modalMobileStaticFooter]=J,c))},{children:[J&&i("div",e({className:s(N.modalMobileTitle,I===v&&N.filtersTitle)},{children:[t(y,e({onClick:T},{children:t(C,{})})),t("div",e({className:N.modalMobileTitleText},{children:p||g[I]}))]})),!J&&p&&i("div",e({className:s(N.modalTitle,!b&&N.modalTitleWithClose,z)},{children:[t("div",e({className:N.modalTitleText},{children:p})),!b&&t(d,e({title:"Close",classes:{tooltip:K.closeTooltip},placement:"bottom"},{children:t(r,e({onClick:T,classes:{root:K.closeButton}},{children:t(M,{})}))}))]})),h&&t("div",e({className:s(!J&&N.modalContent,J&&N.modalMobileContent,j)},{children:h})),u&&t("div",e({className:s(J&&N.modalMobileActions,!w&&N.modalActions,w&&N.modalActionsSticky,w&&G&&N.modalActionsStickyShadow,w&&H,E)},{children:u}))]}))}))}x.propTypes=f,x.defaultProps={actions:"",actionsClassName:null,children:null,contentClassName:null,contentContainerClassName:null,isCloseIconHidden:!1,isMobile:h,isNative:u,modalTitleClassName:"",onClose:a,stickyFooter:!1,stickyFooterClassName:null,title:"",size:null,type:"",rootClassName:null};export{x as CorvaModal};
+import{__rest as o,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useState as l}from"react";import s from"classnames";import{noop as a}from"lodash";import{withStyles as n,IconButton as r,makeStyles as c,Modal as m,Tooltip as d}from"@material-ui/core";import{Close as p,CloseRounded as C}from"@material-ui/icons";import{isMobileDetected as h,isNativeDetected as u}from"../../utils/mobileDetect.js";import N from"./CorvaModal.css.js";var T,f;!function(o){o.FILTERS="filters",o.SETTINGS="settings"}(f||(f={}));var b=((T={})[f.FILTERS]="Filters",T[f.SETTINGS]="Settings",T),v=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}}})(r),g=n((function(o){return{root:{color:o.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(p),S=c((function(o){return{closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px",width:"36px",height:"36px","&:hover":{backgroundColor:o.palette.background.b7}}}}));function M(a){var n,c,p=a.title,h=a.children,u=a.actions,T=a.open,M=a.isCloseIconHidden,k=a.onClose,y=a.isNative,F=a.isMobile,x=a.stickyFooter,I=a.contentContainerClassName,E=a.contentClassName,w=a.stickyFooterClassName,H=a.modalTitleClassName,j=a.size,z=a.type,A=a.rootClassName,B=a.actionsClassName,L=o(a,["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","modalTitleClassName","size","type","rootClassName","actionsClassName"]),R=l(0),G=R[0],W=R[1],D=window.innerHeight,P=G>=Math.floor(80*D/100),_=y||F,q=S();return t(m,e({open:T,onClose:k,className:s((n={"c-modal":!_},n[N.modalWrapper]=!0,n[A]=!0,n[N[z]]=_&&z,n))},L,{children:i("div",e({ref:function(o){return W(null==o?void 0:o.clientHeight)},className:s((c={},c[N[j]]=!_,c[N.modalContainer]=!_,c[N.modalMobileContainer]=!_,c[N.modalStaticFooter]=!_&&x&&P,c[I]=!0,c[N.modalMobileContainer]=_,c[N.modalMobileStaticFooter]=_,c))},{children:[_&&i("div",e({className:s(N.modalMobileTitle,z===f.FILTERS&&N.filtersTitle)},{children:[t(v,e({onClick:k},{children:t(C,{})})),t("div",e({className:N.modalMobileTitleText},{children:p||b[z]}))]})),!_&&p&&i("div",e({className:s(N.modalTitle,!M&&N.modalTitleWithClose,H)},{children:[t("div",e({className:N.modalTitleText},{children:p})),!M&&t(d,e({title:"Close",classes:{tooltip:q.closeTooltip},placement:"bottom"},{children:t(r,e({onClick:k,classes:{root:q.closeButton}},{children:t(g,{})}))}))]})),h&&t("div",e({className:s(!_&&N.modalContent,_&&N.modalMobileContent,E)},{children:h})),u&&t("div",e({className:s(_&&N.modalMobileActions,!x&&N.modalActions,x&&N.modalActionsSticky,x&&P&&N.modalActionsStickyShadow,x&&w,B)},{children:u}))]}))}))}M.defaultProps={actions:"",actionsClassName:null,children:null,contentClassName:null,contentContainerClassName:null,isCloseIconHidden:!1,isMobile:h,isNative:u,modalTitleClassName:"",onClose:a,stickyFooter:!1,stickyFooterClassName:null,title:"",size:null,type:"",rootClassName:null};export{M as CorvaModal,f as MOBILE_MODAL_TYPES};

package/components/Modal/types.d.ts

@@ -1,24 +1,22 @@
-import PropTypes from "prop-types";
-import { ModalProps as MUIModalProps } from "@material-ui/core/Modal/Modal";
-export declare const modalPropTypes: {
-    title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-    children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-    actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
-    actionsClassName: PropTypes.Requireable<string>;
-    contentClassName: PropTypes.Requireable<string>;
-    contentContainerClassName: PropTypes.Requireable<string>;
-    isCloseIconHidden: PropTypes.Requireable<boolean>;
-    isMobile: PropTypes.Requireable<boolean>;
-    isNative: PropTypes.Requireable<boolean>;
-    modalTitleClassName: PropTypes.Requireable<string>;
-    onClose: PropTypes.Requireable<(...args: any[]) => any>;
-    open: PropTypes.Validator<boolean>;
-    rootClassName: PropTypes.Requireable<string>;
-    size: PropTypes.Requireable<string>;
-    stickyFooter: PropTypes.Requireable<boolean>;
-    stickyFooterClassName: PropTypes.Requireable<string>;
-    type: PropTypes.Requireable<string>;
-};
-export interface ModalProps extends Omit<MUIModalProps, 'children' | 'onClose' | 'open' | 'title'>, PropTypes.InferProps<typeof modalPropTypes> {
+import { ReactNode } from 'react';
+import { ModalProps as MUIModalProps } from '@material-ui/core/Modal/Modal';
+import { MOBILE_MODAL_TYPES } from '~/components/Modal/CorvaModal';
+export interface ModalProps extends Omit<MUIModalProps, 'type' | 'onClose' | 'title' | 'children'> {
+    children: ReactNode;
+    onClose: (event?: {}, reason?: 'backdropClick' | 'escapeKeyDown') => void;
+    title?: string | ReactNode;
+    actions?: string | ReactNode;
+    actionsClassName?: string;
+    contentClassName?: string;
+    contentContainerClassName?: string;
+    isCloseIconHidden?: boolean;
+    isMobile?: boolean;
+    isNative?: boolean;
+    modalTitleClassName?: string;
+    rootClassName?: string;
+    size?: 'small' | 'medium' | 'large' | 'extraLarge';
+    stickyFooter?: boolean;
+    stickyFooterClassName?: string;
+    type?: MOBILE_MODAL_TYPES;
 }
 //# sourceMappingURL=types.d.ts.map

package/components/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,UAAU,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAE1E,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,EACpE,SAAS,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAChG,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B"}

package/package.json

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

package/components/Modal/types.js

@@ -1 +0,0 @@
-import o from"prop-types";var e={title:o.oneOfType([o.string,o.node]),children:o.oneOfType([o.string,o.node]),actions:o.oneOfType([o.string,o.node,o.array]),actionsClassName:o.string,contentClassName:o.string,contentContainerClassName:o.string,isCloseIconHidden:o.bool,isMobile:o.bool,isNative:o.bool,modalTitleClassName:o.string,onClose:o.func,open:o.bool.isRequired,rootClassName:o.string,size:o.string,stickyFooter:o.bool,stickyFooterClassName:o.string,type:o.string};export{e as modalPropTypes};