@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/Template/TemplatePopover/index.js

@@ -1,434 +1 @@
-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
+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};

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

@@ -1,5 +1 @@
-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
+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}");