@corva/ui 0.65.0-1 → 0.65.0-1-test

package/components/Template/TemplatePopover/index.js

@@ -1 +1,418 @@
-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 _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState, useEffect, useMemo, Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { Popover, Typography, CircularProgress, Tooltip, List, ListItem, TextField, IconButton } from '@material-ui/core';
+import { Check, LayersClear, AddCircle, Layers, Close, Delete, Edit, FileCopy, Share } from '@material-ui/icons';
+import classNames from 'classnames';
+import { get, omit } from 'lodash';
+import TemplateSharingDialog from '../TemplateSharingDialog/index.js';
+import { useTemplatePopoverStyles } from './Styles.js';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
+
+var _NO_TEMPLATE_MSG, _TEMPLATE_LABELS;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var NO_TEMPLATE_SELECTED_ID = -100;
+var DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';
+var TEMPLATE_TYPES = {
+  USER: 'USER',
+  DEFAULT: 'DEFAULT',
+  SHARED: 'SHARED'
+};
+var NO_TEMPLATE_MSG = (_NO_TEMPLATE_MSG = {}, _defineProperty(_NO_TEMPLATE_MSG, TEMPLATE_TYPES.USER, 'No templates yet...'), _defineProperty(_NO_TEMPLATE_MSG, TEMPLATE_TYPES.DEFAULT, 'No templates yet...'), _defineProperty(_NO_TEMPLATE_MSG, TEMPLATE_TYPES.SHARED, 'No shared templates yet...'), _NO_TEMPLATE_MSG);
+var TEMPLATE_LABELS = (_TEMPLATE_LABELS = {}, _defineProperty(_TEMPLATE_LABELS, TEMPLATE_TYPES.USER, 'My Template'), _defineProperty(_TEMPLATE_LABELS, TEMPLATE_TYPES.DEFAULT, 'Default Templates'), _defineProperty(_TEMPLATE_LABELS, TEMPLATE_TYPES.SHARED, 'Shared With Me'), _TEMPLATE_LABELS);
+function TemplatePopover(_ref) {
+  var _classnames;
+  var currentUser = _ref.currentUser,
+    open = _ref.open,
+    anchorEl = _ref.anchorEl,
+    anchorOrigin = _ref.anchorOrigin,
+    transformOrigin = _ref.transformOrigin,
+    onClose = _ref.onClose,
+    templates = _ref.templates,
+    activeTemplateId = _ref.activeTemplateId,
+    getDefaultTemplates = _ref.getDefaultTemplates,
+    getUserTemplates = _ref.getUserTemplates,
+    getSharedTemplates = _ref.getSharedTemplates,
+    onAddNewTemplate = _ref.onAddNewTemplate,
+    onTemplateDelete = _ref.onTemplateDelete,
+    onTemplateCopy = _ref.onTemplateCopy,
+    onTemplateEdit = _ref.onTemplateEdit,
+    onTemplateShare = _ref.onTemplateShare,
+    onActiveTemplateChange = _ref.onActiveTemplateChange,
+    loading = _ref.loading,
+    customMuiStyles = _ref.classes,
+    hasNameSlot = _ref.hasNameSlot,
+    renderSlot = _ref.renderSlot;
+  var classes = useTemplatePopoverStyles();
+  var _useState = useState(templates),
+    _useState2 = _slicedToArray(_useState, 2),
+    allTemplates = _useState2[0],
+    setAllTemplates = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    templateToShare = _useState4[0],
+    setTemplateToShare = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  useEffect(function () {
+    setAllTemplates(templates);
+  }, [templates]);
+
+  // NOTE: Group template by type
+  var groupedTemplates = useMemo(function () {
+    return [{
+      type: TEMPLATE_TYPES.USER,
+      templatesList: getUserTemplates(allTemplates)
+    }, {
+      type: TEMPLATE_TYPES.DEFAULT,
+      templatesList: getDefaultTemplates(allTemplates)
+    }, {
+      type: TEMPLATE_TYPES.SHARED,
+      templatesList: getSharedTemplates(allTemplates)
+    }];
+  }, [allTemplates]);
+  var handleClickTemplate = function handleClickTemplate(nextActiveTemplateId) {
+    return function () {
+      onActiveTemplateChange(nextActiveTemplateId);
+    };
+  };
+  var handleChange = function handleChange(templateId, callback) {
+    return function (e) {
+      e.stopPropagation();
+      callback(templateId);
+    };
+  };
+
+  // NOTE: Handlers for template name change
+  var handleTemplateNameEdit = function handleTemplateNameEdit(templateId) {
+    return function (e) {
+      e.stopPropagation();
+      setAllTemplates(allTemplates.map(function (item) {
+        return item.id === templateId ? _objectSpread(_objectSpread({}, item), {}, {
+          isEditing: true,
+          prevName: item.name
+        }) : item;
+      }));
+    };
+  };
+  var handleTemplateNameChange = function handleTemplateNameChange(templateId) {
+    return function (e) {
+      e.stopPropagation();
+      var allTemplateNames = allTemplates.filter(function (template) {
+        return template.id !== templateId;
+      }).map(function (template) {
+        return template.name;
+      });
+      if (allTemplateNames.includes(e.target.value)) {
+        setError(_objectSpread(_objectSpread({}, error), {}, _defineProperty({}, templateId, DUPLICATED_NAME_ERROR_MESSAGE)));
+      } else {
+        setError(_objectSpread(_objectSpread({}, error), {}, _defineProperty({}, templateId, null)));
+      }
+      setAllTemplates(allTemplates.map(function (item) {
+        return item.id === templateId ? _objectSpread(_objectSpread({}, item), {}, {
+          name: e.target.value
+        }) : item;
+      }));
+    };
+  };
+  var handleTemplateNameEditApply = function handleTemplateNameEditApply(templateId) {
+    return function (e) {
+      e.stopPropagation();
+      setAllTemplates(allTemplates.map(function (item) {
+        return item.id === templateId ? _objectSpread(_objectSpread({}, item), {}, {
+          isEditing: false
+        }) : item;
+      }));
+      var currentTemplate = allTemplates.find(function (template) {
+        return template.id === templateId;
+      });
+      onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));
+    };
+  };
+  var handleTemplateNameEditCancel = function handleTemplateNameEditCancel(templateId) {
+    return function (e) {
+      e.stopPropagation();
+      setAllTemplates(allTemplates.map(function (item) {
+        return item.id === templateId ? _objectSpread(_objectSpread({}, item), {}, {
+          name: item.prevName,
+          isEditing: false
+        }) : item;
+      }));
+    };
+  };
+  var handleKeyDown = function handleKeyDown(templateId) {
+    return function (e) {
+      if (e.key === 'Enter') {
+        setAllTemplates(allTemplates.map(function (item) {
+          return item.id === templateId ? _objectSpread(_objectSpread({}, item), {}, {
+            isEditing: false
+          }) : item;
+        }));
+        var currentTemplate = allTemplates.find(function (template) {
+          return template.id === templateId;
+        });
+        onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));
+      }
+    };
+  };
+
+  // NOTE: Handlers for template sharing
+  var handleTemplateSharingDialogOpen = function handleTemplateSharingDialogOpen(templateId) {
+    return function (e) {
+      e.stopPropagation();
+      var currentTemplate = allTemplates.find(function (item) {
+        return item.id === templateId;
+      });
+      setTemplateToShare(currentTemplate);
+    };
+  };
+  var handleTemplateSharingDialogClose = function handleTemplateSharingDialogClose() {
+    setTemplateToShare(null);
+  };
+  var handleTemplateSharingSave = function handleTemplateSharingSave(usersToShare) {
+    if (templateToShare) {
+      onTemplateShare(templateToShare.id, usersToShare);
+    }
+    handleTemplateSharingDialogClose();
+  };
+  return /*#__PURE__*/jsxs(Popover, {
+    id: "app-settings-template-popper",
+    classes: {
+      paper: classNames(classes.paper, customMuiStyles.paper)
+    },
+    open: open,
+    anchorEl: anchorEl,
+    onClose: onClose,
+    anchorOrigin: anchorOrigin,
+    transformOrigin: transformOrigin,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classes.paperWrapper,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classes.titleWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: classes.title,
+          children: "Templates"
+        }), loading && /*#__PURE__*/jsx(CircularProgress, {
+          size: 16
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: classNames(classes.selectedGroup, (_classnames = {}, _defineProperty(_classnames, classes.selectedGroupSelected, activeTemplateId === NO_TEMPLATE_SELECTED_ID), _defineProperty(_classnames, classes.selectedGroupUnSelected, activeTemplateId !== NO_TEMPLATE_SELECTED_ID), _classnames)),
+        onClick: handleClickTemplate(NO_TEMPLATE_SELECTED_ID),
+        children: /*#__PURE__*/jsxs("div", {
+          className: classes.noTemplateItem,
+          children: [activeTemplateId === NO_TEMPLATE_SELECTED_ID ? /*#__PURE__*/jsx(Check, {
+            fontSize: "small",
+            className: classes.selectedIcon
+          }) : /*#__PURE__*/jsx(LayersClear, {
+            fontSize: "small",
+            className: classes.selectedIcon
+          }), /*#__PURE__*/jsx("div", {
+            className: classes.selectedLabel,
+            children: "No Template Selected"
+          })]
+        })
+      }), groupedTemplates.map(function (_ref2) {
+        var type = _ref2.type,
+          templatesList = _ref2.templatesList;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsxs("div", {
+            className: classes.templateHeader,
+            children: [/*#__PURE__*/jsx(Typography, {
+              className: classes.subtitle,
+              children: TEMPLATE_LABELS[type]
+            }), type === TEMPLATE_TYPES.USER && /*#__PURE__*/jsx(Tooltip, {
+              title: "Create Template",
+              placement: "right",
+              children: /*#__PURE__*/jsx(AddCircle, {
+                fontSize: "small",
+                color: "primary",
+                className: classes.addNewTemplateIcon,
+                onClick: onAddNewTemplate
+              })
+            })]
+          }), templatesList.length === 0 ? /*#__PURE__*/jsx(Typography, {
+            className: classes.noTemplateLabel,
+            children: NO_TEMPLATE_MSG[type]
+          }) : /*#__PURE__*/jsx(List, {
+            className: classes.templateList,
+            children: templatesList.map(function (template) {
+              var _classnames2, _template$disabled;
+              return /*#__PURE__*/jsx(Tooltip, {
+                title: template.disabled ? template.tooltipTitle : '',
+                children: /*#__PURE__*/jsxs(ListItem, {
+                  className: classNames(classes.templateListItem, (_classnames2 = {}, _defineProperty(_classnames2, classes.templateListItemSelected, template.id === activeTemplateId), _defineProperty(_classnames2, classes.templateListItemUnSelected, template.id !== activeTemplateId), _classnames2)),
+                  onClick: template.disabled ? null : handleClickTemplate(template.id),
+                  disabled: (_template$disabled = template.disabled) !== null && _template$disabled !== void 0 ? _template$disabled : false,
+                  children: [template.id === activeTemplateId ? /*#__PURE__*/jsx(Check, _objectSpread({
+                    fontSize: "small"
+                  }, template.isEditing && {
+                    color: 'primary'
+                  })) : /*#__PURE__*/jsx(Layers, _objectSpread({
+                    fontSize: "small"
+                  }, template.isEditing && {
+                    color: 'primary'
+                  })), template.isEditing ? /*#__PURE__*/jsx(TextField, {
+                    autoFocus: true,
+                    className: classes.templateListItemInput,
+                    value: template.name,
+                    onClick: function onClick(e) {
+                      return e.stopPropagation();
+                    },
+                    onChange: handleTemplateNameChange(template.id),
+                    onKeyDown: handleKeyDown(template.id),
+                    error: !!error[template.id],
+                    helperText: error[template.id]
+                  }) : /*#__PURE__*/jsx(Typography, {
+                    className: classes.templateListItemName,
+                    children: template.name
+                  }), !template.isEditing ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], [])) : null, template.isEditing ? /*#__PURE__*/jsxs("div", {
+                    className: classNames(classes.actionWrapper, classes.actionWrapperEditing),
+                    children: [/*#__PURE__*/jsx(Tooltip, {
+                      title: "Save",
+                      children: /*#__PURE__*/jsx(IconButton, {
+                        className: classes.actionIconButton,
+                        onClick: handleTemplateNameEditApply(template.id),
+                        children: /*#__PURE__*/jsx(Check, {
+                          fontSize: "small",
+                          color: "primary"
+                        })
+                      })
+                    }), /*#__PURE__*/jsx(Tooltip, {
+                      title: "Cancel",
+                      children: /*#__PURE__*/jsx(IconButton, {
+                        className: classes.actionIconButton,
+                        onClick: handleTemplateNameEditCancel(template.id),
+                        children: /*#__PURE__*/jsx(Close, {
+                          className: classes.actionIcon,
+                          fontSize: "small"
+                        })
+                      })
+                    })]
+                  }) : /*#__PURE__*/jsx("div", {
+                    className: classNames(classes.actionWrapper, _defineProperty({}, classes.actionWrapperHidden, template.disabled)),
+                    children: type === TEMPLATE_TYPES.USER ? /*#__PURE__*/jsxs(Fragment$1, {
+                      children: [/*#__PURE__*/jsx(Tooltip, {
+                        title: "Delete",
+                        children: /*#__PURE__*/jsx(IconButton, {
+                          className: classes.actionIconButton,
+                          onClick: handleChange(template.id, onTemplateDelete),
+                          children: /*#__PURE__*/jsx(Delete, {
+                            className: classes.actionIcon,
+                            fontSize: "small"
+                          })
+                        })
+                      }), /*#__PURE__*/jsx(Tooltip, {
+                        title: "Rename",
+                        children: /*#__PURE__*/jsx(IconButton, {
+                          className: classes.actionIconButton,
+                          onClick: handleTemplateNameEdit(template.id),
+                          children: /*#__PURE__*/jsx(Edit, {
+                            className: classes.actionIcon,
+                            fontSize: "small"
+                          })
+                        })
+                      }), /*#__PURE__*/jsx(Tooltip, {
+                        title: "Copy",
+                        children: /*#__PURE__*/jsx(IconButton, {
+                          className: classes.actionIconButton,
+                          onClick: handleChange(template.id, onTemplateCopy),
+                          children: /*#__PURE__*/jsx(FileCopy, {
+                            className: classes.actionIcon,
+                            fontSize: "small"
+                          })
+                        })
+                      }), /*#__PURE__*/jsx(Tooltip, {
+                        title: "Share",
+                        children: /*#__PURE__*/jsx(IconButton, {
+                          className: classes.actionIconButton,
+                          onClick: handleTemplateSharingDialogOpen(template.id),
+                          children: /*#__PURE__*/jsx(Share, {
+                            className: classes.actionIcon,
+                            fontSize: "small"
+                          })
+                        })
+                      })]
+                    }) : /*#__PURE__*/jsx(Tooltip, {
+                      title: "Copy To My Templates",
+                      children: /*#__PURE__*/jsx(IconButton, {
+                        className: classes.actionIconButton,
+                        onClick: handleChange(template.id, onTemplateCopy),
+                        children: /*#__PURE__*/jsx(FileCopy, {
+                          className: classes.actionIcon,
+                          fontSize: "small"
+                        })
+                      })
+                    })
+                  })]
+                })
+              }, "template-list-item-".concat(template.id));
+            })
+          })]
+        }, "template-list-".concat(type));
+      })]
+    }), /*#__PURE__*/jsx(TemplateSharingDialog, {
+      title: "Share \"".concat(get(templateToShare, 'name'), "\""),
+      open: !!templateToShare,
+      onSave: handleTemplateSharingSave,
+      onCancel: handleTemplateSharingDialogClose,
+      currentUser: currentUser
+    })]
+  });
+}
+TemplatePopover.propTypes = {
+  open: PropTypes.bool.isRequired,
+  anchorEl: PropTypes.node,
+  anchorOrigin: PropTypes.shape({}),
+  transformOrigin: PropTypes.shape({}),
+  onClose: PropTypes.func.isRequired,
+  templates: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.number,
+    name: PropTypes.string,
+    settings: PropTypes.shape({}),
+    shared: PropTypes.bool
+  })).isRequired,
+  activeTemplateId: PropTypes.number.isRequired,
+  getDefaultTemplates: PropTypes.func.isRequired,
+  // Needs to be pure function
+  getUserTemplates: PropTypes.func.isRequired,
+  // Needs to be pure function
+  getSharedTemplates: PropTypes.func.isRequired,
+  // Needs to be pure function
+  onAddNewTemplate: PropTypes.func.isRequired,
+  // () => {}
+  onTemplateDelete: PropTypes.func.isRequired,
+  // templateId => {}
+  onTemplateCopy: PropTypes.func.isRequired,
+  // templateId => {}
+  onTemplateEdit: PropTypes.func.isRequired,
+  // newTemplate => {}
+  onTemplateShare: PropTypes.func.isRequired,
+  // (templateId, users) => {}
+  onActiveTemplateChange: PropTypes.func.isRequired,
+  // templateId => {}
+  loading: PropTypes.bool,
+  // Template loading status
+
+  // Customize styles
+  classes: PropTypes.shape({
+    paper: PropTypes.string
+  }),
+  hasNameSlot: PropTypes.bool,
+  renderSlot: PropTypes.func.isRequired,
+  currentUser: PropTypes.shape({}).isRequired
+};
+TemplatePopover.defaultProps = {
+  loading: false,
+  classes: {},
+  hasNameSlot: false,
+  anchorEl: null,
+  anchorOrigin: {},
+  transformOrigin: {}
+};
+
+export { TemplatePopover as default };
+//# sourceMappingURL=index.js.map

package/components/Template/TemplatePopover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Typography,\n  IconButton,\n  List,\n  ListItem,\n  TextField,\n  Popover,\n  CircularProgress,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  Layers as LayersIcon,\n  LayersClear as LayersClearIcon,\n  AddCircle as AddCircleIcon,\n  Check as CheckIcon,\n  Delete as DeleteIcon,\n  Edit as EditIcon,\n  Share as ShareIcon,\n  Close as CloseIcon,\n  FileCopy as CopyIcon,\n} from '@material-ui/icons';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n  USER: 'USER',\n  DEFAULT: 'DEFAULT',\n  SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n  [TEMPLATE_TYPES.USER]: 'No templates yet...',\n  [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n  [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n  [TEMPLATE_TYPES.USER]: 'My Template',\n  [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n  [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n  currentUser,\n  // popover\n  open,\n  anchorEl,\n  anchorOrigin,\n  transformOrigin,\n  onClose,\n  // templates\n  templates,\n  activeTemplateId,\n  getDefaultTemplates,\n  getUserTemplates,\n  getSharedTemplates,\n  onAddNewTemplate,\n  onTemplateDelete,\n  onTemplateCopy,\n  onTemplateEdit,\n  onTemplateShare,\n  onActiveTemplateChange,\n  loading,\n  classes: customMuiStyles,\n  // custome slot\n  hasNameSlot,\n  renderSlot,\n}) {\n  const classes = useTemplatePopoverStyles();\n  const [allTemplates, setAllTemplates] = useState(templates);\n  const [templateToShare, setTemplateToShare] = useState(null);\n  const [error, setError] = useState({});\n  useEffect(() => {\n    setAllTemplates(templates);\n  }, [templates]);\n\n  // NOTE: Group template by type\n  const groupedTemplates = useMemo(\n    () => [\n      {\n        type: TEMPLATE_TYPES.USER,\n        templatesList: getUserTemplates(allTemplates),\n      },\n      {\n        type: TEMPLATE_TYPES.DEFAULT,\n        templatesList: getDefaultTemplates(allTemplates),\n      },\n      {\n        type: TEMPLATE_TYPES.SHARED,\n        templatesList: getSharedTemplates(allTemplates),\n      },\n    ],\n    [allTemplates]\n  );\n\n  const handleClickTemplate = nextActiveTemplateId => () => {\n    onActiveTemplateChange(nextActiveTemplateId);\n  };\n\n  const handleChange = (templateId, callback) => e => {\n    e.stopPropagation();\n    callback(templateId);\n  };\n\n  // NOTE: Handlers for template name change\n  const handleTemplateNameEdit = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n      )\n    );\n  };\n  const handleTemplateNameChange = templateId => e => {\n    e.stopPropagation();\n\n    const allTemplateNames = allTemplates\n      .filter(template => template.id !== templateId)\n      .map(template => template.name);\n    if (allTemplateNames.includes(e.target.value)) {\n      setError({\n        ...error,\n        [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n      });\n    } else {\n      setError({\n        ...error,\n        [templateId]: null,\n      });\n    }\n\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n    );\n  };\n  const handleTemplateNameEditApply = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n    );\n    const currentTemplate = allTemplates.find(template => template.id === templateId);\n    onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n  };\n  const handleTemplateNameEditCancel = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n      )\n    );\n  };\n  const handleKeyDown = templateId => e => {\n    if (e.key === 'Enter') {\n      setAllTemplates(\n        allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n      );\n      const currentTemplate = allTemplates.find(template => template.id === templateId);\n      onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n    }\n  };\n\n  // NOTE: Handlers for template sharing\n  const handleTemplateSharingDialogOpen = templateId => e => {\n    e.stopPropagation();\n    const currentTemplate = allTemplates.find(item => item.id === templateId);\n    setTemplateToShare(currentTemplate);\n  };\n  const handleTemplateSharingDialogClose = () => {\n    setTemplateToShare(null);\n  };\n  const handleTemplateSharingSave = usersToShare => {\n    if (templateToShare) {\n      onTemplateShare(templateToShare.id, usersToShare);\n    }\n    handleTemplateSharingDialogClose();\n  };\n\n  return (\n    <Popover\n      id=\"app-settings-template-popper\"\n      classes={{\n        paper: classnames(classes.paper, customMuiStyles.paper),\n      }}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={anchorOrigin}\n      transformOrigin={transformOrigin}\n    >\n      <div className={classes.paperWrapper}>\n        <div className={classes.titleWrapper}>\n          <Typography className={classes.title}>Templates</Typography>\n          {loading && <CircularProgress size={16} />}\n        </div>\n\n        <div\n          className={classnames(classes.selectedGroup, {\n            [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n            [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n          })}\n          onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n        >\n          <div className={classes.noTemplateItem}>\n            {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n              <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n            ) : (\n              <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n            )}\n            <div className={classes.selectedLabel}>No Template Selected</div>\n          </div>\n        </div>\n\n        {groupedTemplates.map(({ type, templatesList }) => (\n          <Fragment key={`template-list-${type}`}>\n            <div className={classes.templateHeader}>\n              <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n              {type === TEMPLATE_TYPES.USER && (\n                <Tooltip title=\"Create Template\" placement=\"right\">\n                  <AddCircleIcon\n                    fontSize=\"small\"\n                    color=\"primary\"\n                    className={classes.addNewTemplateIcon}\n                    onClick={onAddNewTemplate}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {templatesList.length === 0 ? (\n              <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n            ) : (\n              <List className={classes.templateList}>\n                {templatesList.map(template => (\n                  <Tooltip\n                    key={`template-list-item-${template.id}`}\n                    title={template.disabled ? template.tooltipTitle : ''}\n                  >\n                    <ListItem\n                      className={classnames(classes.templateListItem, {\n                        [classes.templateListItemSelected]: template.id === activeTemplateId,\n                        [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n                      })}\n                      onClick={template.disabled ? null : handleClickTemplate(template.id)}\n                      disabled={template.disabled ?? false}\n                    >\n                      {template.id === activeTemplateId ? (\n                        <CheckIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      ) : (\n                        <LayersIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      )}\n\n                      {template.isEditing ? (\n                        <TextField\n                          autoFocus\n                          className={classes.templateListItemInput}\n                          value={template.name}\n                          onClick={e => e.stopPropagation()}\n                          onChange={handleTemplateNameChange(template.id)}\n                          onKeyDown={handleKeyDown(template.id)}\n                          error={!!error[template.id]}\n                          helperText={error[template.id]}\n                        />\n                      ) : (\n                        <Typography className={classes.templateListItemName}>\n                          {template.name}\n                        </Typography>\n                      )}\n\n                      {!template.isEditing\n                        ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n                        : null}\n\n                      {template.isEditing ? (\n                        <div\n                          className={classnames(\n                            classes.actionWrapper,\n                            classes.actionWrapperEditing\n                          )}\n                        >\n                          <Tooltip title=\"Save\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditApply(template.id)}\n                            >\n                              <CheckIcon fontSize=\"small\" color=\"primary\" />\n                            </IconButton>\n                          </Tooltip>\n\n                          <Tooltip title=\"Cancel\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditCancel(template.id)}\n                            >\n                              <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n                            </IconButton>\n                          </Tooltip>\n                        </div>\n                      ) : (\n                        <div\n                          className={classnames(classes.actionWrapper, {\n                            [classes.actionWrapperHidden]: template.disabled,\n                          })}\n                        >\n                          {type === TEMPLATE_TYPES.USER ? (\n                            <>\n                              <Tooltip title=\"Delete\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateDelete)}\n                                >\n                                  <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Rename\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateNameEdit(template.id)}\n                                >\n                                  <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Copy\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateCopy)}\n                                >\n                                  <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Share\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateSharingDialogOpen(template.id)}\n                                >\n                                  <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n                            </>\n                          ) : (\n                            <Tooltip title=\"Copy To My Templates\">\n                              <IconButton\n                                className={classes.actionIconButton}\n                                onClick={handleChange(template.id, onTemplateCopy)}\n                              >\n                                <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                              </IconButton>\n                            </Tooltip>\n                          )}\n                        </div>\n                      )}\n                    </ListItem>\n                  </Tooltip>\n                ))}\n              </List>\n            )}\n          </Fragment>\n        ))}\n      </div>\n\n      <TemplateSharingDialog\n        title={`Share \"${get(templateToShare, 'name')}\"`}\n        open={!!templateToShare}\n        onSave={handleTemplateSharingSave}\n        onCancel={handleTemplateSharingDialogClose}\n        currentUser={currentUser}\n      />\n    </Popover>\n  );\n}\n\nTemplatePopover.propTypes = {\n  open: PropTypes.bool.isRequired,\n  anchorEl: PropTypes.node,\n  anchorOrigin: PropTypes.shape({}),\n  transformOrigin: PropTypes.shape({}),\n  onClose: PropTypes.func.isRequired,\n  templates: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      name: PropTypes.string,\n      settings: PropTypes.shape({}),\n      shared: PropTypes.bool,\n    })\n  ).isRequired,\n  activeTemplateId: PropTypes.number.isRequired,\n  getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n  onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n  onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n  onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n  onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n  onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n  loading: PropTypes.bool, // Template loading status\n\n  // Customize styles\n  classes: PropTypes.shape({\n    paper: PropTypes.string,\n  }),\n  hasNameSlot: PropTypes.bool,\n  renderSlot: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n};\n\nTemplatePopover.defaultProps = {\n  loading: false,\n  classes: {},\n  hasNameSlot: false,\n  anchorEl: null,\n  anchorOrigin: {},\n  transformOrigin: {},\n};\n\nexport default TemplatePopover;\n"],"names":["NO_TEMPLATE_SELECTED_ID","DUPLICATED_NAME_ERROR_MESSAGE","TEMPLATE_TYPES","USER","DEFAULT","SHARED","NO_TEMPLATE_MSG","TEMPLATE_LABELS","TemplatePopover","currentUser","open","anchorEl","anchorOrigin","transformOrigin","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","loading","customMuiStyles","classes","hasNameSlot","renderSlot","useTemplatePopoverStyles","useState","allTemplates","setAllTemplates","templateToShare","setTemplateToShare","error","setError","useEffect","groupedTemplates","useMemo","type","templatesList","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameChange","allTemplateNames","filter","template","includes","target","value","handleTemplateNameEditApply","currentTemplate","find","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","handleTemplateSharingSave","usersToShare","_jsxs","paper","classnames","paperWrapper","titleWrapper","_jsx","title","selectedGroup","selectedGroupSelected","selectedGroupUnSelected","noTemplateItem","CheckIcon","selectedIcon","LayersClearIcon","selectedLabel","templateHeader","subtitle","AddCircleIcon","addNewTemplateIcon","length","noTemplateLabel","templateList","disabled","tooltipTitle","templateListItem","templateListItemSelected","templateListItemUnSelected","color","LayersIcon","templateListItemInput","templateListItemName","get","actionWrapper","actionWrapperEditing","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared","defaultProps"],"mappings":"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"}

package/components/Template/TemplateSharingDialog/ChipSelector.css.js

@@ -1 +1,5 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';e(".ChipSelector_c-chip-select-component__container__sfoYN{margin:auto;width:100%}.ChipSelector_c-chip-select-component__list-title__X3hqR{color:#66d8e3;font-size:14px}.ChipSelector_c-chip-select-component__list__4cVvo{border-radius:3px;display:block;overflow:auto;padding:0!important}.ChipSelector_c-chip-select-component__empty-list__4ME12{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.ChipSelector_c-chip-select-component__empty-list__4ME12 p{font-size:24px}");
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ChipSelector_c-chip-select-component__container__sfoYN {\n  width: 100%;\n  margin: auto;\n}\n\n.ChipSelector_c-chip-select-component__list-title__X3hqR {\n  color: #66d8e3;\n  font-size: 14px;\n}\n\n.ChipSelector_c-chip-select-component__list__4cVvo {\n  display: block;\n  overflow: auto;\n  padding: 0 !important;\n  border-radius: 3px;\n}\n\n.ChipSelector_c-chip-select-component__empty-list__4ME12 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.ChipSelector_c-chip-select-component__empty-list__4ME12 p {\n  font-size: 24px;\n}\n";
+styleInject(css_248z);
+//# sourceMappingURL=ChipSelector.css.js.map

package/components/Template/TemplateSharingDialog/ChipSelector.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;"}