@corva/ui 0.97.0-5 → 0.97.0-7

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

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, }: {
+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, }: {
     currentUser: any;
     open: any;
     anchorEl: any;
@@ -21,6 +21,7 @@ declare function TemplatePopover({ currentUser, open, anchorEl, anchorOrigin, tr
     classes: any;
     hasNameSlot: any;
     renderSlot: any;
+    readOnly: any;
 }): JSX.Element;
 declare namespace TemplatePopover {
     namespace propTypes {
@@ -52,6 +53,7 @@ declare namespace TemplatePopover {
         const hasNameSlot: PropTypes.Requireable<boolean>;
         const renderSlot: PropTypes.Validator<(...args: any[]) => any>;
         const currentUser: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+        const readOnly: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
         const loading_1: boolean;
@@ -66,6 +68,8 @@ declare namespace TemplatePopover {
         export { anchorOrigin_1 as anchorOrigin };
         const transformOrigin_1: {};
         export { transformOrigin_1 as transformOrigin };
+        const readOnly_1: boolean;
+        export { readOnly_1 as readOnly };
     }
 }
 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;;;;;;;;;;;;;;;;;;;;;;gBA+UC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":";AAmDA;;;;;;;;;;;;;;;;;;;;;;;gBAoVC"}

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 N,Layers as y,Close as S,Delete as T,Edit as v,FileCopy as b,Share as O}from"@material-ui/icons";import C from"classnames";import{get as E,omit as I}from"lodash";import R from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as P}from"./Styles.js";import{jsxs as q,jsx as D,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=P(),oe=n(K),ce=e(oe,2),se=ce[0],pe=ce[1],me=n(null),de=e(me,2),ue=de[0],fe=de[1],he=n({}),ge=e(he,2),Ne=ge[0],ye=ge[1];i((function(){pe(K)}),[K]);var Se=a((function(){return[{type:U,templatesList:V(se)},{type:A,templatesList:Q(se)},{type:B,templatesList:X(se)}]}),[se]),Te=function(e){return function(){te(e)}},ve=function(e,t){return function(n){n.stopPropagation(),t(e)}},be=function(e){return function(t){t.stopPropagation(),pe(se.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Oe=function(e){return function(t){t.stopPropagation(),pe(se.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=se.find((function(t){return t.id===e}));_(I(n,["prevName","isEditing"]))}},Ce=function(e){return function(t){t.stopPropagation(),pe(se.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},Ee=function(e){return function(t){if("Enter"===t.key){pe(se.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=se.find((function(t){return t.id===e}));_(I(n,["prevName","isEditing"]))}}},Ie=function(e){return function(t){t.stopPropagation();var n=se.find((function(t){return t.id===e}));fe(n)}},Re=function(){fe(null)};return q(o,{id:"app-settings-template-popper",classes:{paper:C(le.paper,ie.paper)},open:z,anchorEl:F,onClose:M,anchorOrigin:G,transformOrigin:H,children:[q("div",{className:le.paperWrapper,children:[q("div",{className:le.titleWrapper,children:[D(c,{className:le.title,children:"Templates"}),ne&&D(s,{size:16})]}),D("div",{className:C(le.selectedGroup,(k={},t(k,le.selectedGroupSelected,-100===J),t(k,le.selectedGroupUnSelected,-100!==J),k)),onClick:Te(-100),children:q("div",{className:le.noTemplateItem,children:[D(-100===J?h:g,{fontSize:"small",className:le.selectedIcon}),D("div",{className:le.selectedLabel,children:"No Template Selected"})]})}),Se.map((function(e){var n=e.type,i=e.templatesList;return q(r,{children:[q("div",{className:le.templateHeader,children:[D(c,{className:le.subtitle,children:x[n]}),n===U&&D(p,{title:"Create Template",placement:"right",children:D(N,{fontSize:"small",color:"primary",className:le.addNewTemplateIcon,onClick:Y})})]}),0===i.length?D(c,{className:le.noTemplateLabel,children:W[n]}):D(m,{className:le.templateList,children:i.map((function(e){var i,a,r;return D(p,{title:e.disabled?e.tooltipTitle:"",children:q(d,{className:C(le.templateListItem,(i={},t(i,le.templateListItemSelected,e.id===J),t(i,le.templateListItemUnSelected,e.id!==J),i)),onClick:e.disabled?null:Te(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===J?D(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})):D(y,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?D(u,{autoFocus:!0,className:le.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),se.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?ye(w(w({},Ne),{},t({},r,"Duplicated name"))):ye(w(w({},Ne),{},t({},r,null))),pe(se.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:Ee(e.id),error:!!Ne[e.id],helperText:Ne[e.id]}):D(c,{className:le.templateListItemName,children:e.name}),e.isEditing?null:ae&&re(E(e,["settings","data"],[])),e.isEditing?q("div",{className:C(le.actionWrapper,le.actionWrapperEditing),children:[D(p,{title:"Save",children:D(f,{className:le.actionIconButton,onClick:Oe(e.id),children:D(h,{fontSize:"small",color:"primary"})})}),D(p,{title:"Cancel",children:D(f,{className:le.actionIconButton,onClick:Ce(e.id),children:D(S,{className:le.actionIcon,fontSize:"small"})})})]}):D("div",{className:C(le.actionWrapper,t({},le.actionWrapperHidden,e.disabled)),children:n===U?q(j,{children:[D(p,{title:"Delete",children:D(f,{className:le.actionIconButton,onClick:ve(e.id,Z),children:D(T,{className:le.actionIcon,fontSize:"small"})})}),D(p,{title:"Rename",children:D(f,{className:le.actionIconButton,onClick:be(e.id),children:D(v,{className:le.actionIcon,fontSize:"small"})})}),D(p,{title:"Copy",children:D(f,{className:le.actionIconButton,onClick:ve(e.id,$),children:D(b,{className:le.actionIcon,fontSize:"small"})})}),D(p,{title:"Share",children:D(f,{className:le.actionIconButton,onClick:Ie(e.id),children:D(O,{className:le.actionIcon,fontSize:"small"})})})]}):D(p,{title:"Copy To My Templates",children:D(f,{className:le.actionIconButton,onClick:ve(e.id,$),children:D(b,{className:le.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),D(R,{title:'Share "'.concat(E(ue,"name"),'"'),open:!!ue,onSave:function(e){ue&&ee(ue.id,e),Re()},onCancel:Re,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},F.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{}};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 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};

package/package.json

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