@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/Template/TemplatePopover/index.js

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