@corva/ui 0.54.0-12 → 0.54.0-14

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { PopoverProps } from '@material-ui/core';
 interface AppSettingsPopoverProps extends PopoverProps, PropTypes.InferProps<typeof appSettingsPopoverPropTypes> {
 }
-declare function AppSettingsPopover({ Trigger, header, children, iconSettingsProps, defaultScrollable, maxHeight, ...popoverProps }: AppSettingsPopoverProps): JSX.Element;
+declare function AppSettingsPopover({ Trigger, children, defaultScrollable, header, iconSettingsProps, maxHeight, modalActions, modalProps, ...popoverProps }: AppSettingsPopoverProps): JSX.Element;
 declare namespace AppSettingsPopover {
     var propTypes: {
         Trigger: PropTypes.Requireable<PropTypes.ReactElementLike>;
@@ -16,14 +16,18 @@ declare namespace AppSettingsPopover {
         defaultScrollable: PropTypes.Requireable<boolean>;
         maxHeight: PropTypes.Requireable<number>;
         header: PropTypes.Requireable<string>;
+        modalActions: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        modalProps: PropTypes.Requireable<any>;
     };
     var defaultProps: {
+        defaultScrollable: boolean;
+        header: string;
         iconSettingsProps: {
             iconSize: string;
         };
-        defaultScrollable: boolean;
         maxHeight: any;
-        header: string;
+        modalActions: any;
+        modalProps: {};
     };
 }
 declare const appSettingsPopoverPropTypes: {
@@ -37,6 +41,8 @@ declare const appSettingsPopoverPropTypes: {
     defaultScrollable: PropTypes.Requireable<boolean>;
     maxHeight: PropTypes.Requireable<number>;
     header: PropTypes.Requireable<string>;
+    modalActions: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    modalProps: PropTypes.Requireable<any>;
 };
 export default AppSettingsPopover;
 //# sourceMappingURL=AppSettingsPopover.d.ts.map

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAyD7D,UAAU,uBACR,SAAQ,YAAY,EAClB,SAAS,CAAC,UAAU,CAAC,OAAO,2BAA2B,CAAC;CAAG;AAE/D,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,GAAG,YAAY,EAChB,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAwEvC;kBAhFQ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;AAkF3B,QAAA,MAAM,2BAA2B;;;;;;;;;;;CAShC,CAAC;AAWF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAc,YAAY,EAAqB,MAAM,mBAAmB,CAAC;AAwFhF,UAAU,uBACR,SAAQ,YAAY,EAClB,SAAS,CAAC,UAAU,CAAC,OAAO,2BAA2B,CAAC;CAAG;AAE/D,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,UAAU,EACV,GAAG,YAAY,EAChB,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAoGvC;kBA9GQ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;AAgH3B,QAAA,MAAM,2BAA2B;;;;;;;;;;;;;CAWhC,CAAC;AAaF,eAAe,kBAAkB,CAAC"}

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1 +1 @@
-import{__rest as e,__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,Fragment as t,jsx as i}from"react/jsx-runtime";import{useState as n}from"react";import l from"prop-types";import a from"classnames";import{makeStyles as c}from"@material-ui/core";import{Settings as s,Close as p}from"@material-ui/icons";import d from"../../IconButton/index.js";import{Popover as g}from"../../Popover/Popover.js";var h=c((function(e){return{popoverPaper:{marginTop:8,minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(e.palette.background.b9,", ").concat(e.palette.background.b9," 79%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},shadow:{position:"absolute",bottom:0,width:"100%",height:16,background:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9," 100%)")}}}));function m(l){var c,m=l.Trigger,u=l.header,b=l.children,f=l.iconSettingsProps,v=l.defaultScrollable,x=l.maxHeight,C=e(l,["Trigger","header","children","iconSettingsProps","defaultScrollable","maxHeight"]),H=h({maxHeight:x}),S=n(null),T=S[0],P=S[1],k=n(!0),w=k[0],z=k[1],j=function(){P(null)},N=Boolean(T);return r(t,{children:[m?i(m,{onClick:function(e){console.log(e),P(e.currentTarget)}}):i(d,o({onClick:function(e){return P(e.currentTarget)},isActive:N},f,{children:i(s,{})})),r(g,o({open:N,anchorEl:T,onClose:j,anchorOrigin:{vertical:w?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},C,{classes:o(o({},null==C?void 0:C.classes),{paper:a(H.popoverPaper,w&&"scrollable",null===(c=null==C?void 0:C.classes)||void 0===c?void 0:c.paper)})},{children:[r("div",o({className:a(H.popoverHeader,w&&"scrollable")},{children:[i("div",o({className:H.headerTitle},{children:u})),i(d,o({tooltipProps:{title:"Close"},onClick:j},{children:i(p,{})}))]})),i("div",o({className:a(H.popoverContentContainer,w&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!v&&z(!1)}},{children:i("div",o({className:H.popoverContent},{children:b}))})),i("div",{className:H.shadow})]}))]})}var u={Trigger:l.element,iconSettingsProps:l.shape({iconSize:l.string,tooltipProps:l.shape({title:l.string})}),defaultScrollable:l.bool,maxHeight:l.number,header:l.string};m.propTypes=u,m.defaultProps={iconSettingsProps:{iconSize:"small"},defaultScrollable:!1,maxHeight:null,header:"Settings"};export{m as default};
+import{__rest as o,__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i,Fragment as a}from"react/jsx-runtime";import{useState as l}from"react";import n from"prop-types";import r from"classnames";import{makeStyles as c,useTheme as s,Popover as d}from"@material-ui/core";import{Settings as p,Close as m}from"@material-ui/icons";import{isNativeDetected as h}from"../../../utils/mobileDetect.js";import g from"../../IconButton/index.js";import u from"../../Modal/Modal.js";import b from"../../Button/index.js";var f=c((function(o){return{popoverPaper:{marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var e=o.maxHeight;return e?e-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 79%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},shadow:{position:"absolute",bottom:0,width:"100%",height:16,background:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(o.palette.background.b9," 100%)")},modalRoot:{"& > div:first-child":{backgroundColor:"transparent !important"}},modalContentContainer:{height:h?"calc(100% - 16px)":"calc(100% - 126px)",maxHeight:h?"calc(100% - 16px)":"calc(100% - 126px)",maxWidth:"calc(100% - 16px)",width:"calc(100% - 16px)",marginTop:h?0:118},modalTitle:{padding:"12px 16px"},modalContent:{paddingTop:16,flexGrow:1},modalActions:{display:"flex",justifyContent:"flex-end",padding:"8px 16px"}}}));function x(n){var c,x=n.Trigger,v=n.children,C=n.defaultScrollable,T=n.header,S=n.iconSettingsProps,k=n.maxHeight,w=n.modalActions,H=n.modalProps,P=o(n,["Trigger","children","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps"]),N=l(null),y=N[0],j=N[1],A=l(!0),z=A[0],B=A[1],I=f({maxHeight:k,isScrollable:z,isNativeDetected:h}),M=s(),O=h||window.top.document.body.clientWidth<M.breakpoints.values.md,W=function(){j(null)},D=Boolean(y),E=function(o){return j(o.currentTarget)},R=w||t(b,e({variation:"secondary",onClick:W},{children:"CLOSE"}));return i(a,{children:[x?t(x,{onClick:E}):t(g,e({onClick:E,isActive:D},S,{children:t(p,{})})),!O&&i(d,e({open:D,anchorEl:y,onClose:W,anchorOrigin:{vertical:z?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},P,{classes:e(e({},null==P?void 0:P.classes),{paper:r(I.popoverPaper,z&&"scrollable",null===(c=null==P?void 0:P.classes)||void 0===c?void 0:c.paper)})},{children:[i("div",e({className:r(I.popoverHeader,z&&"scrollable")},{children:[t("div",e({className:I.headerTitle},{children:T})),t(g,e({tooltipProps:{title:"Close"},onClick:W},{children:t(m,{})}))]})),t("div",e({className:r(I.popoverContentContainer,z&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!C&&B(!1)}},{children:t("div",e({className:I.popoverContent},{children:v}))})),t("div",{className:I.shadow})]})),O&&t(u,e({actions:R,actionsClassName:I.modalActions,contentClassName:I.modalContent,contentContainerClassName:I.modalContentContainer,rootClassName:I.modalRoot,isMobile:!1,isNative:!1,modalTitleClassName:I.modalTitle,onClose:W,open:D,stickyFooter:!0,title:T},H,{children:v}))]})}var v={Trigger:n.element,iconSettingsProps:n.shape({iconSize:n.string,tooltipProps:n.shape({title:n.string})}),defaultScrollable:n.bool,maxHeight:n.number,header:n.string,modalActions:n.node,modalProps:n.any};x.propTypes=v,x.defaultProps={defaultScrollable:!1,header:"Settings",iconSettingsProps:{iconSize:"small"},maxHeight:null,modalActions:null,modalProps:{}};export{x as default};

package/package.json

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