@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/Template/TemplatePopover/index.js

@@ -1 +1,434 @@
-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 o from"prop-types";import{Popover as l,Typography as c,CircularProgress as s,Tooltip as m,List as p,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{omit as E,get 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(o){var k,L=o.currentUser,z=o.open,F=o.anchorEl,G=o.anchorOrigin,M=o.transformOrigin,H=o.onClose,K=o.templates,J=o.activeTemplateId,Q=o.getDefaultTemplates,V=o.getUserTemplates,X=o.getSharedTemplates,Y=o.onAddNewTemplate,Z=o.onTemplateDelete,$=o.onTemplateCopy,_=o.onTemplateEdit,ee=o.onTemplateShare,te=o.onActiveTemplateChange,ne=o.loading,ie=o.classes,ae=o.hasNameSlot,re=o.renderSlot,oe=P(),le=n(K),ce=e(le,2),se=ce[0],me=ce[1],pe=n(null),de=e(pe,2),ue=de[0],fe=de[1],he=n({}),ge=e(he,2),Ne=ge[0],ye=ge[1];i((function(){me(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(),me(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(),me(se.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=se.find((function(t){return t.id===e}));_(E(n,["prevName","isEditing"]))}},Ce=function(e){return function(t){t.stopPropagation(),me(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){me(se.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=se.find((function(t){return t.id===e}));_(E(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(l,{id:"app-settings-template-popper",classes:{paper:C(oe.paper,ie.paper)},open:z,anchorEl:F,onClose:H,anchorOrigin:G,transformOrigin:M,children:[q("div",{className:oe.paperWrapper,children:[q("div",{className:oe.titleWrapper,children:[D(c,{className:oe.title,children:"Templates"}),ne&&D(s,{size:16})]}),D("div",{className:C(oe.selectedGroup,(k={},t(k,oe.selectedGroupSelected,-100===J),t(k,oe.selectedGroupUnSelected,-100!==J),k)),onClick:Te(-100),children:q("div",{className:oe.noTemplateItem,children:[D(-100===J?h:g,{fontSize:"small",className:oe.selectedIcon}),D("div",{className:oe.selectedLabel,children:"No Template Selected"})]})}),Se.map((function(e){var n=e.type,i=e.templatesList;return q(r,{children:[q("div",{className:oe.templateHeader,children:[D(c,{className:oe.subtitle,children:x[n]}),n===U&&D(m,{title:"Create Template",placement:"right",children:D(N,{fontSize:"small",color:"primary",className:oe.addNewTemplateIcon,onClick:Y})})]}),0===i.length?D(c,{className:oe.noTemplateLabel,children:W[n]}):D(p,{className:oe.templateList,children:i.map((function(e){var i,a;return q(d,{className:C(oe.templateListItem,(i={},t(i,oe.templateListItemSelected,e.id===J),t(i,oe.templateListItemUnSelected,e.id!==J),i)),onClick:Te(e.id),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:oe.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(a=e.id,function(e){e.stopPropagation(),se.filter((function(e){return e.id!==a})).map((function(e){return e.name})).includes(e.target.value)?ye(w(w({},Ne),{},t({},a,"Duplicated name"))):ye(w(w({},Ne),{},t({},a,null))),me(se.map((function(t){return t.id===a?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:Ee(e.id),error:!!Ne[e.id],helperText:Ne[e.id]}):D(c,{className:oe.templateListItemName,children:e.name}),e.isEditing?null:ae&&re(I(e,["settings","data"],[])),e.isEditing?q("div",{className:C(oe.actionWrapper,oe.actionWrapperEditing),children:[D(m,{title:"Save",children:D(f,{className:oe.actionIconButton,onClick:Oe(e.id),children:D(h,{fontSize:"small",color:"primary"})})}),D(m,{title:"Cancel",children:D(f,{className:oe.actionIconButton,onClick:Ce(e.id),children:D(S,{className:oe.actionIcon,fontSize:"small"})})})]}):D("div",{className:oe.actionWrapper,children:n===U?q(j,{children:[D(m,{title:"Delete",children:D(f,{className:oe.actionIconButton,onClick:ve(e.id,Z),children:D(T,{className:oe.actionIcon,fontSize:"small"})})}),D(m,{title:"Rename",children:D(f,{className:oe.actionIconButton,onClick:be(e.id),children:D(v,{className:oe.actionIcon,fontSize:"small"})})}),D(m,{title:"Copy",children:D(f,{className:oe.actionIconButton,onClick:ve(e.id,$),children:D(b,{className:oe.actionIcon,fontSize:"small"})})}),D(m,{title:"Share",children:D(f,{className:oe.actionIconButton,onClick:Ie(e.id),children:D(O,{className:oe.actionIcon,fontSize:"small"})})})]}):D(m,{title:"Copy To My Templates",children:D(f,{className:oe.actionIconButton,onClick:ve(e.id,$),children:D(b,{className:oe.actionIcon,fontSize:"small"})})})})]},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),D(R,{title:'Share "'.concat(I(ue,"name"),'"'),open:!!ue,onSave:function(e){ue&&ee(ue.id,e),Re()},onCancel:Re,currentUser:L})]})}F.propTypes={open:o.bool.isRequired,anchorEl:o.node,anchorOrigin:o.shape({}),transformOrigin:o.shape({}),onClose:o.func.isRequired,templates:o.arrayOf(o.shape({id:o.number,name:o.string,settings:o.shape({}),shared:o.bool})).isRequired,activeTemplateId:o.number.isRequired,getDefaultTemplates:o.func.isRequired,getUserTemplates:o.func.isRequired,getSharedTemplates:o.func.isRequired,onAddNewTemplate:o.func.isRequired,onTemplateDelete:o.func.isRequired,onTemplateCopy:o.func.isRequired,onTemplateEdit:o.func.isRequired,onTemplateShare:o.func.isRequired,onActiveTemplateChange:o.func.isRequired,loading:o.bool,classes:o.shape({paper:o.string}),hasNameSlot:o.bool,renderSlot:o.func.isRequired,currentUser:o.shape({}).isRequired},F.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{}};export{F as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { omit, get } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { Popover, Typography, CircularProgress, Tooltip, List, ListItem, TextField, IconButton } from '@material-ui/core';
+import { useState, useEffect, useMemo, Fragment } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { Check, LayersClear, AddCircle, Layers, Close, Delete, Edit, FileCopy, Share } from '@material-ui/icons';
+import TemplateSharingDialog from '../TemplateSharingDialog/index.js';
+import { useTemplatePopoverStyles } from './Styles.js';
+
+var _NO_TEMPLATE_MSG, _TEMPLATE_LABELS;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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;
+
+              return /*#__PURE__*/jsxs(ListItem, {
+                className: classNames(classes.templateListItem, (_classnames2 = {}, _defineProperty(_classnames2, classes.templateListItemSelected, template.id === activeTemplateId), _defineProperty(_classnames2, classes.templateListItemUnSelected, template.id !== activeTemplateId), _classnames2)),
+                onClick: handleClickTemplate(template.id),
+                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: classes.actionWrapper,
+                  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 default TemplatePopover;
+//# 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                  <ListItem\n                    key={`template-list-item-${template.id}`}\n                    className={classnames(classes.templateListItem, {\n                      [classes.templateListItemSelected]: template.id === activeTemplateId,\n                      [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n                    })}\n                    onClick={handleClickTemplate(template.id)}\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(classes.actionWrapper, classes.actionWrapperEditing)}\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 className={classes.actionWrapper}>\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                ))}\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","templateListItem","templateListItemSelected","templateListItemUnSelected","color","LayersIcon","templateListItemInput","templateListItemName","get","actionWrapper","actionWrapperEditing","actionIconButton","CloseIcon","actionIcon","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__29x98 {\n  width: 100%;\n  margin: auto;\n}\n\n.ChipSelector_c-chip-select-component__list-title__KCfrb {\n  color: #66d8e3;\n  font-size: 14px;\n}\n\n.ChipSelector_c-chip-select-component__list__tGNYp {\n  display: block;\n  overflow: auto;\n  padding: 0 !important;\n  border-radius: 3px;\n}\n\n.ChipSelector_c-chip-select-component__empty-list___LIB_ {\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___LIB_ 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,uDAA4D;AACpF;AACA;AACA;"}