@corva/ui 0.97.0-rc.0 → 0.98.0-1

package/cjs-bundle/components/Template/TemplatePopover/index.js

@@ -1 +1 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/defineProperty"),a=require("react"),n=require("prop-types"),i=require("@material-ui/core"),l=require("@material-ui/icons"),r=require("classnames"),s=require("lodash"),o=require("../TemplateSharingDialog/index.js"),c=require("./Styles.js"),d=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,m,f=u(e),h=u(t),g=u(n),j=u(r);function T(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function x(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?T(Object(a),!0).forEach((function(t){h.default(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var y={USER:"USER",DEFAULT:"DEFAULT",SHARED:"SHARED"},S=(p={},h.default(p,y.USER,"No templates yet..."),h.default(p,y.DEFAULT,"No templates yet..."),h.default(p,y.SHARED,"No shared templates yet..."),p),N=(m={},h.default(m,y.USER,"My Template"),h.default(m,y.DEFAULT,"Default Templates"),h.default(m,y.SHARED,"Shared With Me"),m);function E(e){var t,n=e.currentUser,r=e.open,u=e.anchorEl,p=e.anchorOrigin,m=e.transformOrigin,g=e.onClose,T=e.templates,E=e.activeTemplateId,v=e.getDefaultTemplates,b=e.getUserTemplates,C=e.getSharedTemplates,I=e.onAddNewTemplate,O=e.onTemplateDelete,R=e.onTemplateCopy,q=e.onTemplateEdit,D=e.onTemplateShare,L=e.onActiveTemplateChange,P=e.loading,U=e.classes,k=e.hasNameSlot,A=e.renderSlot,B=e.readOnly,z=c.useTemplatePopoverStyles(),F=a.useState(T),w=f.default(F,2),H=w[0],W=w[1],M=a.useState(null),G=f.default(M,2),K=G[0],J=G[1],Q=a.useState({}),V=f.default(Q,2),X=V[0],Y=V[1];a.useEffect((function(){W(T)}),[T]);var Z=a.useMemo((function(){return[{type:y.USER,templatesList:b(H)},{type:y.DEFAULT,templatesList:v(H)}].concat(B?[]:{type:y.SHARED,templatesList:C(H)})}),[H,B]),$=function(e){return function(){L(e)}},_=function(e,t){return function(a){a.stopPropagation(),B||t(e)}},ee=function(e){return function(t){t.stopPropagation(),W(H.map((function(t){return t.id===e?x(x({},t),{},{isEditing:!0,prevName:t.name}):t})))}},te=function(e){return function(t){t.stopPropagation(),W(H.map((function(t){return t.id===e?x(x({},t),{},{isEditing:!1}):t})));var a=H.find((function(t){return t.id===e}));q(s.omit(a,["prevName","isEditing"]))}},ae=function(e){return function(t){t.stopPropagation(),W(H.map((function(t){return t.id===e?x(x({},t),{},{name:t.prevName,isEditing:!1}):t})))}},ne=function(e){return function(t){if("Enter"===t.key){W(H.map((function(t){return t.id===e?x(x({},t),{},{isEditing:!1}):t})));var a=H.find((function(t){return t.id===e}));q(s.omit(a,["prevName","isEditing"]))}}},ie=function(e){return function(t){t.stopPropagation();var a=H.find((function(t){return t.id===e}));J(a)}},le=function(){J(null)};return d.jsxs(i.Popover,{id:"app-settings-template-popper",classes:{paper:j.default(z.paper,U.paper)},open:r,anchorEl:u,onClose:g,anchorOrigin:p,transformOrigin:m,children:[d.jsxs("div",{className:z.paperWrapper,children:[d.jsxs("div",{className:z.titleWrapper,children:[d.jsx(i.Typography,{className:z.title,children:"Templates"}),P&&d.jsx(i.CircularProgress,{size:16})]}),d.jsx("div",{className:j.default(z.selectedGroup,(t={},h.default(t,z.selectedGroupSelected,-100===E),h.default(t,z.selectedGroupUnSelected,-100!==E),t)),onClick:$(-100),children:d.jsxs("div",{className:z.noTemplateItem,children:[-100===E?d.jsx(l.Check,{fontSize:"small",className:z.selectedIcon}):d.jsx(l.LayersClear,{fontSize:"small",className:z.selectedIcon}),d.jsx("div",{className:z.selectedLabel,children:"No Template Selected"})]})}),Z.map((function(e){var t=e.type,n=e.templatesList;return d.jsxs(a.Fragment,{children:[d.jsxs("div",{className:z.templateHeader,children:[d.jsx(i.Typography,{className:z.subtitle,children:N[t]}),t===y.USER&&!B&&d.jsx(i.Tooltip,{title:"Create Template",placement:"right",children:d.jsx(l.AddCircle,{fontSize:"small",color:"primary",className:z.addNewTemplateIcon,onClick:I})})]}),0===n.length?d.jsx(i.Typography,{className:z.noTemplateLabel,children:S[t]}):d.jsx(i.List,{className:z.templateList,children:n.map((function(e){var a,n,r;return d.jsx(i.Tooltip,{title:e.disabled?e.tooltipTitle:"",children:d.jsxs(i.ListItem,{className:j.default(z.templateListItem,(a={},h.default(a,z.templateListItemSelected,e.id===E),h.default(a,z.templateListItemUnSelected,e.id!==E),a)),onClick:e.disabled?null:$(e.id),disabled:null!==(n=e.disabled)&&void 0!==n&&n,children:[e.id===E?d.jsx(l.Check,x({fontSize:"small"},e.isEditing&&{color:"primary"})):d.jsx(l.Layers,x({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?d.jsx(i.TextField,{autoFocus:!0,className:z.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),H.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?Y(x(x({},X),{},h.default({},r,"Duplicated name"))):Y(x(x({},X),{},h.default({},r,null))),W(H.map((function(t){return t.id===r?x(x({},t),{},{name:e.target.value}):t})))}),onKeyDown:ne(e.id),error:!!X[e.id],helperText:X[e.id]}):d.jsx(i.Typography,{className:z.templateListItemName,children:e.name}),e.isEditing?null:k&&A(s.get(e,["settings","data"],[])),e.isEditing?d.jsxs("div",{className:j.default(z.actionWrapper,z.actionWrapperEditing),children:[d.jsx(i.Tooltip,{title:"Save",children:d.jsx(i.IconButton,{className:z.actionIconButton,onClick:te(e.id),children:d.jsx(l.Check,{fontSize:"small",color:"primary"})})}),d.jsx(i.Tooltip,{title:"Cancel",children:d.jsx(i.IconButton,{className:z.actionIconButton,onClick:ae(e.id),children:d.jsx(l.Close,{className:z.actionIcon,fontSize:"small"})})})]}):d.jsx("div",{className:j.default(z.actionWrapper,h.default({},z.actionWrapperHidden,e.disabled||B)),children:t===y.USER?d.jsxs(d.Fragment,{children:[d.jsx(i.Tooltip,{title:"Delete",children:d.jsx(i.IconButton,{className:z.actionIconButton,onClick:_(e.id,O),children:d.jsx(l.Delete,{className:z.actionIcon,fontSize:"small"})})}),d.jsx(i.Tooltip,{title:"Rename",children:d.jsx(i.IconButton,{className:z.actionIconButton,onClick:ee(e.id),children:d.jsx(l.Edit,{className:z.actionIcon,fontSize:"small"})})}),d.jsx(i.Tooltip,{title:"Copy",children:d.jsx(i.IconButton,{className:z.actionIconButton,onClick:_(e.id,R),children:d.jsx(l.FileCopy,{className:z.actionIcon,fontSize:"small"})})}),d.jsx(i.Tooltip,{title:"Share",children:d.jsx(i.IconButton,{className:z.actionIconButton,onClick:ie(e.id),children:d.jsx(l.Share,{className:z.actionIcon,fontSize:"small"})})})]}):d.jsx(i.Tooltip,{title:"Copy To My Templates",children:d.jsx(i.IconButton,{className:z.actionIconButton,onClick:_(e.id,R),children:d.jsx(l.FileCopy,{className:z.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(t))}))]}),d.jsx(o,{title:'Share "'.concat(s.get(K,"name"),'"'),open:!!K,onSave:function(e){K&&D(K.id,e),le()},onCancel:le,currentUser:n})]})}E.propTypes={open:g.default.bool.isRequired,anchorEl:g.default.node,anchorOrigin:g.default.shape({}),transformOrigin:g.default.shape({}),onClose:g.default.func.isRequired,templates:g.default.arrayOf(g.default.shape({id:g.default.number,name:g.default.string,settings:g.default.shape({}),shared:g.default.bool})).isRequired,activeTemplateId:g.default.number.isRequired,getDefaultTemplates:g.default.func.isRequired,getUserTemplates:g.default.func.isRequired,getSharedTemplates:g.default.func.isRequired,onAddNewTemplate:g.default.func.isRequired,onTemplateDelete:g.default.func.isRequired,onTemplateCopy:g.default.func.isRequired,onTemplateEdit:g.default.func.isRequired,onTemplateShare:g.default.func.isRequired,onActiveTemplateChange:g.default.func.isRequired,loading:g.default.bool,classes:g.default.shape({paper:g.default.string}),hasNameSlot:g.default.bool,renderSlot:g.default.func.isRequired,currentUser:g.default.shape({}).isRequired,readOnly:g.default.bool},E.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{},readOnly:!1},module.exports=E;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/defineProperty"),a=require("react"),n=require("prop-types"),i=require("@material-ui/core"),l=require("@material-ui/icons"),r=require("classnames"),s=require("lodash"),o=require("../TemplateSharingDialog/index.js"),c=require("./Styles.js"),d=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,m,f=u(e),h=u(t),g=u(n),j=u(r);function T(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function x(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?T(Object(a),!0).forEach((function(t){h.default(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var y="USER",N="DEFAULT",S="SHARED",v=(p={},h.default(p,y,"No templates yet..."),h.default(p,N,"No templates yet..."),h.default(p,S,"No shared templates yet..."),p),b=(m={},h.default(m,y,"My Template"),h.default(m,N,"Default Templates"),h.default(m,S,"Shared With Me"),m);function C(e){var t,n=e.currentUser,r=e.open,u=e.anchorEl,p=e.anchorOrigin,m=e.transformOrigin,g=e.onClose,T=e.templates,C=e.activeTemplateId,I=e.getDefaultTemplates,O=e.getUserTemplates,q=e.getSharedTemplates,E=e.onAddNewTemplate,P=e.onTemplateDelete,D=e.onTemplateCopy,R=e.onTemplateEdit,L=e.onTemplateShare,k=e.onActiveTemplateChange,B=e.loading,z=e.classes,w=e.hasNameSlot,U=e.renderSlot,A=e.readOnly,F=e.hideDefaultTemplates,W=c.useTemplatePopoverStyles(),M=a.useState(T),G=f.default(M,2),H=G[0],K=G[1],J=a.useState(null),Q=f.default(J,2),V=Q[0],X=Q[1],Y=a.useState({}),Z=f.default(Y,2),$=Z[0],_=Z[1];a.useEffect((function(){K(T)}),[T]);var ee=a.useMemo((function(){var e=[{type:y,templatesList:O(H)}];return F||e.push({type:N,templatesList:I(H)}),A||e.push({type:S,templatesList:q(H)}),e}),[H,A,F]),te=function(e){return function(){k(e)}},ae=function(e,t){return function(a){a.stopPropagation(),A||t(e)}},ne=function(e){return function(t){t.stopPropagation(),K(H.map((function(t){return t.id===e?x(x({},t),{},{isEditing:!0,prevName:t.name}):t})))}},ie=function(e){return function(t){t.stopPropagation(),K(H.map((function(t){return t.id===e?x(x({},t),{},{isEditing:!1}):t})));var a=H.find((function(t){return t.id===e}));R(s.omit(a,["prevName","isEditing"]))}},le=function(e){return function(t){t.stopPropagation(),K(H.map((function(t){return t.id===e?x(x({},t),{},{name:t.prevName,isEditing:!1}):t})))}},re=function(e){return function(t){if("Enter"===t.key){K(H.map((function(t){return t.id===e?x(x({},t),{},{isEditing:!1}):t})));var a=H.find((function(t){return t.id===e}));R(s.omit(a,["prevName","isEditing"]))}}},se=function(e){return function(t){t.stopPropagation();var a=H.find((function(t){return t.id===e}));X(a)}},oe=function(){X(null)};return d.jsxs(i.Popover,{id:"app-settings-template-popper",classes:{paper:j.default(W.paper,z.paper)},open:r,anchorEl:u,onClose:g,anchorOrigin:p,transformOrigin:m,children:[d.jsxs("div",{className:W.paperWrapper,children:[d.jsxs("div",{className:W.titleWrapper,children:[d.jsx(i.Typography,{className:W.title,children:"Templates"}),B&&d.jsx(i.CircularProgress,{size:16})]}),d.jsx("div",{className:j.default(W.selectedGroup,(t={},h.default(t,W.selectedGroupSelected,-100===C),h.default(t,W.selectedGroupUnSelected,-100!==C),t)),onClick:te(-100),children:d.jsxs("div",{className:W.noTemplateItem,children:[-100===C?d.jsx(l.Check,{fontSize:"small",className:W.selectedIcon}):d.jsx(l.LayersClear,{fontSize:"small",className:W.selectedIcon}),d.jsx("div",{className:W.selectedLabel,children:"No Template Selected"})]})}),ee.map((function(e){var t=e.type,n=e.templatesList;return d.jsxs(a.Fragment,{children:[d.jsxs("div",{className:W.templateHeader,children:[d.jsx(i.Typography,{className:W.subtitle,children:b[t]}),t===y&&!A&&d.jsx(i.Tooltip,{title:"Create Template",placement:"right",children:d.jsx(l.AddCircle,{fontSize:"small",color:"primary",className:W.addNewTemplateIcon,onClick:E})})]}),0===n.length?d.jsx(i.Typography,{className:W.noTemplateLabel,children:v[t]}):d.jsx(i.List,{className:W.templateList,children:n.map((function(e){var a,n,r;return d.jsx(i.Tooltip,{title:e.disabled?e.tooltipTitle:"",children:d.jsxs(i.ListItem,{className:j.default(W.templateListItem,(a={},h.default(a,W.templateListItemSelected,e.id===C),h.default(a,W.templateListItemUnSelected,e.id!==C),a)),onClick:e.disabled?null:te(e.id),disabled:null!==(n=e.disabled)&&void 0!==n&&n,children:[e.id===C?d.jsx(l.Check,x({fontSize:"small"},e.isEditing&&{color:"primary"})):d.jsx(l.Layers,x({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?d.jsx(i.TextField,{autoFocus:!0,className:W.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),H.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?_(x(x({},$),{},h.default({},r,"Duplicated name"))):_(x(x({},$),{},h.default({},r,null))),K(H.map((function(t){return t.id===r?x(x({},t),{},{name:e.target.value}):t})))}),onKeyDown:re(e.id),error:!!$[e.id],helperText:$[e.id]}):d.jsx(i.Typography,{className:W.templateListItemName,children:e.name}),e.isEditing?null:w&&U(s.get(e,["settings","data"],[])),e.isEditing?d.jsxs("div",{className:j.default(W.actionWrapper,W.actionWrapperEditing),children:[d.jsx(i.Tooltip,{title:"Save",children:d.jsx(i.IconButton,{className:W.actionIconButton,onClick:ie(e.id),children:d.jsx(l.Check,{fontSize:"small",color:"primary"})})}),d.jsx(i.Tooltip,{title:"Cancel",children:d.jsx(i.IconButton,{className:W.actionIconButton,onClick:le(e.id),children:d.jsx(l.Close,{className:W.actionIcon,fontSize:"small"})})})]}):d.jsx("div",{className:j.default(W.actionWrapper,h.default({},W.actionWrapperHidden,e.disabled||A)),children:t===y?d.jsxs(d.Fragment,{children:[d.jsx(i.Tooltip,{title:"Delete",children:d.jsx(i.IconButton,{className:W.actionIconButton,onClick:ae(e.id,P),children:d.jsx(l.Delete,{className:W.actionIcon,fontSize:"small"})})}),d.jsx(i.Tooltip,{title:"Rename",children:d.jsx(i.IconButton,{className:W.actionIconButton,onClick:ne(e.id),children:d.jsx(l.Edit,{className:W.actionIcon,fontSize:"small"})})}),d.jsx(i.Tooltip,{title:"Copy",children:d.jsx(i.IconButton,{className:W.actionIconButton,onClick:ae(e.id,D),children:d.jsx(l.FileCopy,{className:W.actionIcon,fontSize:"small"})})}),d.jsx(i.Tooltip,{title:"Share",children:d.jsx(i.IconButton,{className:W.actionIconButton,onClick:se(e.id),children:d.jsx(l.Share,{className:W.actionIcon,fontSize:"small"})})})]}):d.jsx(i.Tooltip,{title:"Copy To My Templates",children:d.jsx(i.IconButton,{className:W.actionIconButton,onClick:ae(e.id,D),children:d.jsx(l.FileCopy,{className:W.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(t))}))]}),d.jsx(o,{title:'Share "'.concat(s.get(V,"name"),'"'),open:!!V,onSave:function(e){V&&L(V.id,e),oe()},onCancel:oe,currentUser:n})]})}C.propTypes={open:g.default.bool.isRequired,anchorEl:g.default.node,anchorOrigin:g.default.shape({}),transformOrigin:g.default.shape({}),onClose:g.default.func.isRequired,templates:g.default.arrayOf(g.default.shape({id:g.default.number,name:g.default.string,settings:g.default.shape({}),shared:g.default.bool})).isRequired,activeTemplateId:g.default.number.isRequired,getDefaultTemplates:g.default.func.isRequired,getUserTemplates:g.default.func.isRequired,getSharedTemplates:g.default.func.isRequired,onAddNewTemplate:g.default.func.isRequired,onTemplateDelete:g.default.func.isRequired,onTemplateCopy:g.default.func.isRequired,onTemplateEdit:g.default.func.isRequired,onTemplateShare:g.default.func.isRequired,onActiveTemplateChange:g.default.func.isRequired,loading:g.default.bool,classes:g.default.shape({paper:g.default.string}),hasNameSlot:g.default.bool,renderSlot:g.default.func.isRequired,currentUser:g.default.shape({}).isRequired,readOnly:g.default.bool,hideDefaultTemplates:g.default.bool},C.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{},readOnly:!1,hideDefaultTemplates:!1},module.exports=C;

package/components/Template/TemplatePopover/index.d.ts

@@ -1,5 +1,5 @@
 export default TemplatePopover;
-declare function TemplatePopover({ currentUser, open, anchorEl, anchorOrigin, transformOrigin, onClose, templates, activeTemplateId, getDefaultTemplates, getUserTemplates, getSharedTemplates, onAddNewTemplate, onTemplateDelete, onTemplateCopy, onTemplateEdit, onTemplateShare, onActiveTemplateChange, loading, classes: customMuiStyles, hasNameSlot, renderSlot, readOnly, }: {
+declare function TemplatePopover({ currentUser, open, anchorEl, anchorOrigin, transformOrigin, onClose, templates, activeTemplateId, getDefaultTemplates, getUserTemplates, getSharedTemplates, onAddNewTemplate, onTemplateDelete, onTemplateCopy, onTemplateEdit, onTemplateShare, onActiveTemplateChange, loading, classes: customMuiStyles, hasNameSlot, renderSlot, readOnly, hideDefaultTemplates, }: {
     currentUser: any;
     open: any;
     anchorEl: any;
@@ -22,6 +22,7 @@ declare function TemplatePopover({ currentUser, open, anchorEl, anchorOrigin, tr
     hasNameSlot: any;
     renderSlot: any;
     readOnly: any;
+    hideDefaultTemplates: any;
 }): JSX.Element;
 declare namespace TemplatePopover {
     namespace propTypes {
@@ -54,6 +55,7 @@ declare namespace TemplatePopover {
         const renderSlot: PropTypes.Validator<(...args: any[]) => any>;
         const currentUser: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
         const readOnly: PropTypes.Requireable<boolean>;
+        const hideDefaultTemplates: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
         const loading_1: boolean;
@@ -70,6 +72,8 @@ declare namespace TemplatePopover {
         export { transformOrigin_1 as transformOrigin };
         const readOnly_1: boolean;
         export { readOnly_1 as readOnly };
+        const hideDefaultTemplates_1: boolean;
+        export { hideDefaultTemplates_1 as hideDefaultTemplates };
     }
 }
 import PropTypes from "prop-types";

package/components/Template/TemplatePopover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":";AAmDA;;;;;;;;;;;;;;;;;;;;;;;gBAoVC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":";AAmDA;;;;;;;;;;;;;;;;;;;;;;;;gBAmVC"}

package/components/Template/TemplatePopover/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as n,useEffect as i,useMemo as a,Fragment as r}from"react";import l from"prop-types";import{Popover as o,Typography as c,CircularProgress as s,Tooltip as p,List as m,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import{Check as h,LayersClear as g,AddCircle as S,Layers as N,Close as T,Delete as y,Edit as E,FileCopy as v,Share as b}from"@material-ui/icons";import O from"classnames";import{get as R,omit as C}from"lodash";import I from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as D}from"./Styles.js";import{jsxs as U,jsx as L,Fragment as P}from"react/jsx-runtime";var q,A;function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function k(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?j(Object(i),!0).forEach((function(n){t(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var z={USER:"USER",DEFAULT:"DEFAULT",SHARED:"SHARED"},w=(t(q={},z.USER,"No templates yet..."),t(q,z.DEFAULT,"No templates yet..."),t(q,z.SHARED,"No shared templates yet..."),q),B=(t(A={},z.USER,"My Template"),t(A,z.DEFAULT,"Default Templates"),t(A,z.SHARED,"Shared With Me"),A);function F(l){var q,A=l.currentUser,j=l.open,F=l.anchorEl,H=l.anchorOrigin,W=l.transformOrigin,x=l.onClose,G=l.templates,M=l.activeTemplateId,K=l.getDefaultTemplates,J=l.getUserTemplates,Q=l.getSharedTemplates,V=l.onAddNewTemplate,X=l.onTemplateDelete,Y=l.onTemplateCopy,Z=l.onTemplateEdit,$=l.onTemplateShare,_=l.onActiveTemplateChange,ee=l.loading,te=l.classes,ne=l.hasNameSlot,ie=l.renderSlot,ae=l.readOnly,re=D(),le=n(G),oe=e(le,2),ce=oe[0],se=oe[1],pe=n(null),me=e(pe,2),de=me[0],ue=me[1],fe=n({}),he=e(fe,2),ge=he[0],Se=he[1];i((function(){se(G)}),[G]);var Ne=a((function(){return[{type:z.USER,templatesList:J(ce)},{type:z.DEFAULT,templatesList:K(ce)}].concat(ae?[]:{type:z.SHARED,templatesList:Q(ce)})}),[ce,ae]),Te=function(e){return function(){_(e)}},ye=function(e,t){return function(n){n.stopPropagation(),ae||t(e)}},Ee=function(e){return function(t){t.stopPropagation(),se(ce.map((function(t){return t.id===e?k(k({},t),{},{isEditing:!0,prevName:t.name}):t})))}},ve=function(e){return function(t){t.stopPropagation(),se(ce.map((function(t){return t.id===e?k(k({},t),{},{isEditing:!1}):t})));var n=ce.find((function(t){return t.id===e}));Z(C(n,["prevName","isEditing"]))}},be=function(e){return function(t){t.stopPropagation(),se(ce.map((function(t){return t.id===e?k(k({},t),{},{name:t.prevName,isEditing:!1}):t})))}},Oe=function(e){return function(t){if("Enter"===t.key){se(ce.map((function(t){return t.id===e?k(k({},t),{},{isEditing:!1}):t})));var n=ce.find((function(t){return t.id===e}));Z(C(n,["prevName","isEditing"]))}}},Re=function(e){return function(t){t.stopPropagation();var n=ce.find((function(t){return t.id===e}));ue(n)}},Ce=function(){ue(null)};return U(o,{id:"app-settings-template-popper",classes:{paper:O(re.paper,te.paper)},open:j,anchorEl:F,onClose:x,anchorOrigin:H,transformOrigin:W,children:[U("div",{className:re.paperWrapper,children:[U("div",{className:re.titleWrapper,children:[L(c,{className:re.title,children:"Templates"}),ee&&L(s,{size:16})]}),L("div",{className:O(re.selectedGroup,(q={},t(q,re.selectedGroupSelected,-100===M),t(q,re.selectedGroupUnSelected,-100!==M),q)),onClick:Te(-100),children:U("div",{className:re.noTemplateItem,children:[L(-100===M?h:g,{fontSize:"small",className:re.selectedIcon}),L("div",{className:re.selectedLabel,children:"No Template Selected"})]})}),Ne.map((function(e){var n=e.type,i=e.templatesList;return U(r,{children:[U("div",{className:re.templateHeader,children:[L(c,{className:re.subtitle,children:B[n]}),n===z.USER&&!ae&&L(p,{title:"Create Template",placement:"right",children:L(S,{fontSize:"small",color:"primary",className:re.addNewTemplateIcon,onClick:V})})]}),0===i.length?L(c,{className:re.noTemplateLabel,children:w[n]}):L(m,{className:re.templateList,children:i.map((function(e){var i,a,r;return L(p,{title:e.disabled?e.tooltipTitle:"",children:U(d,{className:O(re.templateListItem,(i={},t(i,re.templateListItemSelected,e.id===M),t(i,re.templateListItemUnSelected,e.id!==M),i)),onClick:e.disabled?null:Te(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===M?L(h,k({fontSize:"small"},e.isEditing&&{color:"primary"})):L(N,k({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?L(u,{autoFocus:!0,className:re.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),ce.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?Se(k(k({},ge),{},t({},r,"Duplicated name"))):Se(k(k({},ge),{},t({},r,null))),se(ce.map((function(t){return t.id===r?k(k({},t),{},{name:e.target.value}):t})))}),onKeyDown:Oe(e.id),error:!!ge[e.id],helperText:ge[e.id]}):L(c,{className:re.templateListItemName,children:e.name}),e.isEditing?null:ne&&ie(R(e,["settings","data"],[])),e.isEditing?U("div",{className:O(re.actionWrapper,re.actionWrapperEditing),children:[L(p,{title:"Save",children:L(f,{className:re.actionIconButton,onClick:ve(e.id),children:L(h,{fontSize:"small",color:"primary"})})}),L(p,{title:"Cancel",children:L(f,{className:re.actionIconButton,onClick:be(e.id),children:L(T,{className:re.actionIcon,fontSize:"small"})})})]}):L("div",{className:O(re.actionWrapper,t({},re.actionWrapperHidden,e.disabled||ae)),children:n===z.USER?U(P,{children:[L(p,{title:"Delete",children:L(f,{className:re.actionIconButton,onClick:ye(e.id,X),children:L(y,{className:re.actionIcon,fontSize:"small"})})}),L(p,{title:"Rename",children:L(f,{className:re.actionIconButton,onClick:Ee(e.id),children:L(E,{className:re.actionIcon,fontSize:"small"})})}),L(p,{title:"Copy",children:L(f,{className:re.actionIconButton,onClick:ye(e.id,Y),children:L(v,{className:re.actionIcon,fontSize:"small"})})}),L(p,{title:"Share",children:L(f,{className:re.actionIconButton,onClick:Re(e.id),children:L(b,{className:re.actionIcon,fontSize:"small"})})})]}):L(p,{title:"Copy To My Templates",children:L(f,{className:re.actionIconButton,onClick:ye(e.id,Y),children:L(v,{className:re.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),L(I,{title:'Share "'.concat(R(de,"name"),'"'),open:!!de,onSave:function(e){de&&$(de.id,e),Ce()},onCancel:Ce,currentUser:A})]})}F.propTypes={open:l.bool.isRequired,anchorEl:l.node,anchorOrigin:l.shape({}),transformOrigin:l.shape({}),onClose:l.func.isRequired,templates:l.arrayOf(l.shape({id:l.number,name:l.string,settings:l.shape({}),shared:l.bool})).isRequired,activeTemplateId:l.number.isRequired,getDefaultTemplates:l.func.isRequired,getUserTemplates:l.func.isRequired,getSharedTemplates:l.func.isRequired,onAddNewTemplate:l.func.isRequired,onTemplateDelete:l.func.isRequired,onTemplateCopy:l.func.isRequired,onTemplateEdit:l.func.isRequired,onTemplateShare:l.func.isRequired,onActiveTemplateChange:l.func.isRequired,loading:l.bool,classes:l.shape({paper:l.string}),hasNameSlot:l.bool,renderSlot:l.func.isRequired,currentUser:l.shape({}).isRequired,readOnly:l.bool},F.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{},readOnly:!1};export{F as default};
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as n,useEffect as i,useMemo as a,Fragment as r}from"react";import l from"prop-types";import{Popover as o,Typography as s,CircularProgress as c,Tooltip as p,List as m,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import{Check as h,LayersClear as g,AddCircle as N,Layers as y,Close as T,Delete as v,Edit as S,FileCopy as b,Share as O}from"@material-ui/icons";import C from"classnames";import{get as E,omit as I}from"lodash";import D from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as R}from"./Styles.js";import{jsxs as P,jsx as q,Fragment as j}from"react/jsx-runtime";var k,L;function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){t(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var U="USER",A="DEFAULT",B="SHARED",W=(t(k={},U,"No templates yet..."),t(k,A,"No templates yet..."),t(k,B,"No shared templates yet..."),k),x=(t(L={},U,"My Template"),t(L,A,"Default Templates"),t(L,B,"Shared With Me"),L);function F(l){var k,L=l.currentUser,z=l.open,F=l.anchorEl,G=l.anchorOrigin,H=l.transformOrigin,M=l.onClose,K=l.templates,J=l.activeTemplateId,Q=l.getDefaultTemplates,V=l.getUserTemplates,X=l.getSharedTemplates,Y=l.onAddNewTemplate,Z=l.onTemplateDelete,$=l.onTemplateCopy,_=l.onTemplateEdit,ee=l.onTemplateShare,te=l.onActiveTemplateChange,ne=l.loading,ie=l.classes,ae=l.hasNameSlot,re=l.renderSlot,le=l.readOnly,oe=l.hideDefaultTemplates,se=R(),ce=n(K),pe=e(ce,2),me=pe[0],de=pe[1],ue=n(null),fe=e(ue,2),he=fe[0],ge=fe[1],Ne=n({}),ye=e(Ne,2),Te=ye[0],ve=ye[1];i((function(){de(K)}),[K]);var Se=a((function(){var e=[{type:U,templatesList:V(me)}];return oe||e.push({type:A,templatesList:Q(me)}),le||e.push({type:B,templatesList:X(me)}),e}),[me,le,oe]),be=function(e){return function(){te(e)}},Oe=function(e,t){return function(n){n.stopPropagation(),le||t(e)}},Ce=function(e){return function(t){t.stopPropagation(),de(me.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Ee=function(e){return function(t){t.stopPropagation(),de(me.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=me.find((function(t){return t.id===e}));_(I(n,["prevName","isEditing"]))}},Ie=function(e){return function(t){t.stopPropagation(),de(me.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},De=function(e){return function(t){if("Enter"===t.key){de(me.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=me.find((function(t){return t.id===e}));_(I(n,["prevName","isEditing"]))}}},Re=function(e){return function(t){t.stopPropagation();var n=me.find((function(t){return t.id===e}));ge(n)}},Pe=function(){ge(null)};return P(o,{id:"app-settings-template-popper",classes:{paper:C(se.paper,ie.paper)},open:z,anchorEl:F,onClose:M,anchorOrigin:G,transformOrigin:H,children:[P("div",{className:se.paperWrapper,children:[P("div",{className:se.titleWrapper,children:[q(s,{className:se.title,children:"Templates"}),ne&&q(c,{size:16})]}),q("div",{className:C(se.selectedGroup,(k={},t(k,se.selectedGroupSelected,-100===J),t(k,se.selectedGroupUnSelected,-100!==J),k)),onClick:be(-100),children:P("div",{className:se.noTemplateItem,children:[q(-100===J?h:g,{fontSize:"small",className:se.selectedIcon}),q("div",{className:se.selectedLabel,children:"No Template Selected"})]})}),Se.map((function(e){var n=e.type,i=e.templatesList;return P(r,{children:[P("div",{className:se.templateHeader,children:[q(s,{className:se.subtitle,children:x[n]}),n===U&&!le&&q(p,{title:"Create Template",placement:"right",children:q(N,{fontSize:"small",color:"primary",className:se.addNewTemplateIcon,onClick:Y})})]}),0===i.length?q(s,{className:se.noTemplateLabel,children:W[n]}):q(m,{className:se.templateList,children:i.map((function(e){var i,a,r;return q(p,{title:e.disabled?e.tooltipTitle:"",children:P(d,{className:C(se.templateListItem,(i={},t(i,se.templateListItemSelected,e.id===J),t(i,se.templateListItemUnSelected,e.id!==J),i)),onClick:e.disabled?null:be(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===J?q(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})):q(y,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?q(u,{autoFocus:!0,className:se.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),me.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?ve(w(w({},Te),{},t({},r,"Duplicated name"))):ve(w(w({},Te),{},t({},r,null))),de(me.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:De(e.id),error:!!Te[e.id],helperText:Te[e.id]}):q(s,{className:se.templateListItemName,children:e.name}),e.isEditing?null:ae&&re(E(e,["settings","data"],[])),e.isEditing?P("div",{className:C(se.actionWrapper,se.actionWrapperEditing),children:[q(p,{title:"Save",children:q(f,{className:se.actionIconButton,onClick:Ee(e.id),children:q(h,{fontSize:"small",color:"primary"})})}),q(p,{title:"Cancel",children:q(f,{className:se.actionIconButton,onClick:Ie(e.id),children:q(T,{className:se.actionIcon,fontSize:"small"})})})]}):q("div",{className:C(se.actionWrapper,t({},se.actionWrapperHidden,e.disabled||le)),children:n===U?P(j,{children:[q(p,{title:"Delete",children:q(f,{className:se.actionIconButton,onClick:Oe(e.id,Z),children:q(v,{className:se.actionIcon,fontSize:"small"})})}),q(p,{title:"Rename",children:q(f,{className:se.actionIconButton,onClick:Ce(e.id),children:q(S,{className:se.actionIcon,fontSize:"small"})})}),q(p,{title:"Copy",children:q(f,{className:se.actionIconButton,onClick:Oe(e.id,$),children:q(b,{className:se.actionIcon,fontSize:"small"})})}),q(p,{title:"Share",children:q(f,{className:se.actionIconButton,onClick:Re(e.id),children:q(O,{className:se.actionIcon,fontSize:"small"})})})]}):q(p,{title:"Copy To My Templates",children:q(f,{className:se.actionIconButton,onClick:Oe(e.id,$),children:q(b,{className:se.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),q(D,{title:'Share "'.concat(E(he,"name"),'"'),open:!!he,onSave:function(e){he&&ee(he.id,e),Pe()},onCancel:Pe,currentUser:L})]})}F.propTypes={open:l.bool.isRequired,anchorEl:l.node,anchorOrigin:l.shape({}),transformOrigin:l.shape({}),onClose:l.func.isRequired,templates:l.arrayOf(l.shape({id:l.number,name:l.string,settings:l.shape({}),shared:l.bool})).isRequired,activeTemplateId:l.number.isRequired,getDefaultTemplates:l.func.isRequired,getUserTemplates:l.func.isRequired,getSharedTemplates:l.func.isRequired,onAddNewTemplate:l.func.isRequired,onTemplateDelete:l.func.isRequired,onTemplateCopy:l.func.isRequired,onTemplateEdit:l.func.isRequired,onTemplateShare:l.func.isRequired,onActiveTemplateChange:l.func.isRequired,loading:l.bool,classes:l.shape({paper:l.string}),hasNameSlot:l.bool,renderSlot:l.func.isRequired,currentUser:l.shape({}).isRequired,readOnly:l.bool,hideDefaultTemplates:l.bool},F.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{},readOnly:!1,hideDefaultTemplates:!1};export{F as default};

package/package.json

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