@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/views/contentModels/ContentModelsDataList.js

@@ -1,281 +1,254 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+/**
+ * TODO remove regular model delete at some point.
+ */
 import React, { useCallback, useMemo, useState } from "react";
-import TimeAgo from "timeago-react";
-import { css } from "emotion";
-import get from "lodash/get";
+import { TimeAgo } from "@webiny/ui/TimeAgo";
 import { useRouter } from "@webiny/react-router";
-import { DeleteIcon, EditIcon } from "@webiny/ui/List/DataList/icons";
-import { ReactComponent as ViewListIcon } from "@svgr/webpack!../../icons/view_list.svg";
-import { useApolloClient, useQuery } from "../../hooks";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as DownloadFileIcon } from "@webiny/icons/file_download.svg";
+import { ReactComponent as UploadFileIcon } from "@webiny/icons/file_upload.svg";
+import { ReactComponent as FullscreenIcon } from "@webiny/icons/fullscreen.svg";
+import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
+import { ReactComponent as MoreVertIcon } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as ExportIcon } from "@webiny/icons/file_download.svg";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { ReactComponent as CloneIcon } from "@webiny/icons/flip_to_front.svg";
+import { useModels } from "../../hooks";
 import * as UIL from "@webiny/ui/List";
-import { ButtonIcon, ButtonSecondary, IconButton } from "@webiny/ui/Button";
-import { Tooltip } from "@webiny/ui/Tooltip";
 import { i18n } from "@webiny/app/i18n";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import { removeModelFromGroupCache, removeModelFromListCache } from "./cache";
-import * as GQL from "../../viewsGraphql";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
 import SearchUI from "@webiny/app-admin/components/SearchUI";
-import { deserializeSorters, serializeSorters } from "../utils";
+import { deserializeSorters } from "../utils";
 import orderBy from "lodash/orderBy";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/filter-24px.svg";
-import usePermission from "../../hooks/usePermission";
-var t = i18n.namespace("FormsApp.ContentModelsDataList");
-var SORTERS = [{
-  label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Newest to oldest"]))),
-  sorters: {
-    savedOn: "desc"
-  }
+import { usePermission } from "../../hooks/usePermission";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useModelExport } from "./exporting/useModelExport";
+import { ModelIsBeingDeleted } from "./fullDelete/ModelIsBeingDeleted";
+import { FullyDeleteModelDialog } from "./fullDelete/FullyDeleteModelDialog";
+import { Button, DropdownMenu, Icon, IconButton, Select, Tooltip } from "@webiny/admin-ui";
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+const t = i18n.namespace("FormsApp.ContentModelsDataList");
+const SORTERS = [{
+  label: t`Newest to oldest`,
+  sorters: "savedOn_DESC"
 }, {
-  label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Oldest to newest"]))),
-  sorters: {
-    savedOn: "asc"
-  }
+  label: t`Oldest to newest`,
+  sorters: "savedOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Name A-Z"]))),
-  sorters: {
-    name: "asc"
-  }
+  label: t`Name A-Z`,
+  sorters: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Name Z-A"]))),
-  sorters: {
-    name: "desc"
-  }
+  label: t`Name Z-A`,
+  sorters: "name_DESC"
 }];
-var rightAlign = /*#__PURE__*/css({
-  alignItems: "flex-end !important",
-  justifyContent: "center !important"
-}, "label:rightAlign;");
-var listItemMinHeight = /*#__PURE__*/css({
-  minHeight: "66px !important"
-}, "label:listItemMinHeight;");
-
-var ContentModelsDataList = function ContentModelsDataList(_ref) {
-  var canCreate = _ref.canCreate,
-      onCreate = _ref.onCreate;
-
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
-
-  var _useState3 = useState(serializeSorters(SORTERS[0].sorters)),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sort = _useState4[0],
-      setSort = _useState4[1];
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history;
-
-  var client = useApolloClient();
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useConfirmationDialo = useConfirmationDialog({
-    dataTestId: "cms-delete-content-model-dialog"
-  }),
-      showConfirmation = _useConfirmationDialo.showConfirmation;
-
-  var _useQuery = useQuery(GQL.LIST_CONTENT_MODELS),
-      data = _useQuery.data,
-      loading = _useQuery.loading;
-
-  var _usePermission = usePermission(),
-      canDelete = _usePermission.canDelete,
-      canEdit = _usePermission.canEdit;
-
-  var filterData = useCallback(function (_ref2) {
-    var name = _ref2.name;
+const DisplayIcon = ({
+  model
+}) => {
+  if (!model.icon) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(UIL.ListItemGraphic, null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-neutral-muted"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    size: "lg",
+    color: "inherit",
+    label: "Content model icon",
+    icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: (model.icon || "").split("/")
+    })
+  })));
+};
+const ContentModelsDataList = ({
+  canCreate,
+  onCreate,
+  onClone,
+  showImportModelModal
+}) => {
+  const [filter, setFilter] = useState("");
+  const [sort, setSort] = useState(SORTERS[0].sorters);
+  const {
+    history
+  } = useRouter();
+  const {
+    models,
+    loading,
+    refresh
+  } = useModels();
+  const {
+    canDelete,
+    canEdit
+  } = usePermission();
+  const [modelToBeDeleted, setModelToBeDeleted] = useState(null);
+  const filterData = useCallback(({
+    name
+  }) => {
     return name.toLowerCase().includes(filter);
   }, [filter]);
-  var sortData = useCallback(function (list) {
+  const sortData = useCallback(list => {
     if (!sort) {
       return list;
     }
-
-    var _Object$entries = Object.entries(deserializeSorters(sort)),
-        _Object$entries2 = _slicedToArray(_Object$entries, 1),
-        _Object$entries2$ = _slicedToArray(_Object$entries2[0], 2),
-        key = _Object$entries2$[0],
-        value = _Object$entries2$[1];
-
-    return orderBy(list, [key], [value]);
+    const [sortField, sortOrderBy] = deserializeSorters(sort);
+    return orderBy(list, [sortField], [sortOrderBy]);
   }, [sort]);
-  var models = loading ? [] : get(data, "listContentModels.data", []);
-
-  var deleteRecord = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(item) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-                return _regeneratorRuntime.wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        _context.next = 2;
-                        return client.mutate({
-                          mutation: GQL.DELETE_CONTENT_MODEL,
-                          variables: {
-                            modelId: item.modelId
-                          },
-                          update: function update(cache, _ref5) {
-                            var data = _ref5.data;
-                            var error = data.deleteContentModel.error;
-
-                            if (error) {
-                              return showSnackbar(error.message, {
-                                title: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Something unexpected happened."])))
-                              });
-                            }
-
-                            removeModelFromListCache(cache, item);
-                            removeModelFromGroupCache(cache, item);
-                            showSnackbar(t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Content model {name} deleted successfully!."])))({
-                              name: item.name
-                            }));
-                          }
-                        });
-
-                      case 2:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              })));
-
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function deleteRecord(_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var editRecord = function editRecord(contentModel) {
+  const editRecord = contentModel => {
     history.push("/cms/content-models/" + contentModel.modelId);
   };
-
-  var viewContentEntries = useCallback(function (contentModel) {
-    return function () {
-      return history.push("/cms/content-entries/" + contentModel.modelId);
-    };
-  }, undefined);
-  var contentModelsDataListModalOverlay = useMemo(function () {
-    return /*#__PURE__*/React.createElement(UIL.DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Select, {
-      value: sort,
-      onChange: setSort,
-      label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Sort by"]))),
-      description: "Sort content models by"
-    }, SORTERS.map(function (_ref6) {
-      var label = _ref6.label,
-          sorters = _ref6.sorters;
-      return /*#__PURE__*/React.createElement("option", {
-        key: label,
-        value: serializeSorters(sorters)
-      }, label);
-    })))));
-  }, [sort]);
-  var filteredData = filter === "" ? models : models.filter(filterData);
-  var contentModels = sortData(filteredData);
-  return /*#__PURE__*/React.createElement(UIL.DataList, {
+  const viewContentEntries = useCallback(contentModel => {
+    return () => history.push("/cms/content-entries/" + contentModel.modelId);
+  }, []);
+  const contentModelsDataListModalOverlay = useMemo(() => /*#__PURE__*/React.createElement(UIL.DataListModalOverlay, null, /*#__PURE__*/React.createElement(Select, {
+    value: sort,
+    onChange: setSort,
+    label: t`Sort by`,
+    options: SORTERS.map(sorter => ({
+      label: sorter.label,
+      value: sorter.sorters
+    }))
+  })), [sort]);
+  const filteredData = filter === "" ? models : models.filter(filterData);
+  const contentModels = sortData(filteredData);
+  const {
+    handleModelsExport,
+    handleModelExport
+  } = useModelExport();
+  const onRefreshClick = useCallback(() => {
+    refresh();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UIL.DataList, {
     loading: loading,
     data: contentModels,
-    title: t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Content Models"]))),
-    actions: canCreate ? /*#__PURE__*/React.createElement(ButtonSecondary, {
+    title: t`Content Models`,
+    actions: /*#__PURE__*/React.createElement("div", {
+      className: "wby-flex wby-items-center wby-justify-end wby-gap-xs"
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      content: "Export all models",
+      trigger: /*#__PURE__*/React.createElement(IconButton, {
+        icon: /*#__PURE__*/React.createElement(DownloadFileIcon, null),
+        size: "sm",
+        variant: "ghost",
+        onClick: () => handleModelsExport()
+      })
+    }), /*#__PURE__*/React.createElement(Tooltip, {
+      content: "Import models",
+      trigger: /*#__PURE__*/React.createElement(IconButton, {
+        icon: /*#__PURE__*/React.createElement(UploadFileIcon, null),
+        size: "sm",
+        variant: "ghost",
+        onClick: () => showImportModelModal()
+      })
+    }), canCreate ? /*#__PURE__*/React.createElement(Button, {
       "data-testid": "new-record-button",
-      onClick: onCreate
-    }, /*#__PURE__*/React.createElement(ButtonIcon, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }), " ", t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["New Model"])))) : null,
+      onClick: onCreate,
+      text: t`New`,
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      size: "sm",
+      className: "wby-ml-xs"
+    }) : null),
     search: /*#__PURE__*/React.createElement(SearchUI, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Search content models"])))
+      inputPlaceholder: t`Search content model...`
     }),
     modalOverlay: contentModelsDataListModalOverlay,
     modalOverlayAction: /*#__PURE__*/React.createElement(UIL.DataListModalOverlayAction, {
-      icon: /*#__PURE__*/React.createElement(FilterIcon, null),
       "data-testid": "default-data-list.filter"
-    })
-  }, function (_ref7) {
-    var _ref7$data = _ref7.data,
-        data = _ref7$data === void 0 ? [] : _ref7$data;
-    return /*#__PURE__*/React.createElement(UIL.List, {
-      "data-testid": "default-data-list"
-    }, data.map(function (contentModel) {
-      var disableViewContent = contentModel.fields.length === 0;
-      var message = disableViewContent ? "To view the content, you first need to add a field and save the model" : "View content";
-      return /*#__PURE__*/React.createElement(UIL.ListItem, {
-        key: contentModel.modelId,
-        className: listItemMinHeight
-      }, /*#__PURE__*/React.createElement(UIL.ListItemText, null, contentModel.name, /*#__PURE__*/React.createElement(UIL.ListItemTextSecondary, null, t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Last modified: {time}."])))({
-        time: /*#__PURE__*/React.createElement(TimeAgo, {
-          datetime: contentModel.savedOn
-        })
-      }))), /*#__PURE__*/React.createElement(UIL.ListItemMeta, {
-        className: rightAlign
-      }, /*#__PURE__*/React.createElement(UIL.ListActions, null, canEdit(contentModel, "cms.contentModel") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-        content: t(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["{message}"])))({
-          message: message
-        }),
-        placement: "top"
-      }, /*#__PURE__*/React.createElement(IconButton, {
+    }),
+    refresh: onRefreshClick
+  }, ({
+    data = []
+  }) => /*#__PURE__*/React.createElement(UIL.List, {
+    "data-testid": "default-data-list"
+  }, data.map(contentModel => {
+    const disableViewContent = contentModel.fields.length === 0;
+    const getMessage = () => {
+      if (disableViewContent) {
+        return "To view the entries, you first need to add a field and save the model";
+      }
+      if (contentModel.tags.includes(CMS_MODEL_SINGLETON_TAG)) {
+        return "View";
+      }
+      return "View entries";
+    };
+    return /*#__PURE__*/React.createElement(UIL.ListItem, {
+      key: contentModel.modelId,
+      className: "wby-group/item"
+    }, /*#__PURE__*/React.createElement(UIL.ListItemText, null, /*#__PURE__*/React.createElement(DisplayIcon, {
+      model: contentModel
+    }), /*#__PURE__*/React.createElement(UIL.ListItemTextPrimary, null, contentModel.name), /*#__PURE__*/React.createElement(UIL.ListItemTextSecondary, null, t`Last modified: {time}.`({
+      time: contentModel.savedOn ? /*#__PURE__*/React.createElement(TimeAgo, {
+        datetime: contentModel.savedOn
+      }) : "N/A"
+    }))), /*#__PURE__*/React.createElement(UIL.ListItemMeta, null, /*#__PURE__*/React.createElement(UIL.ListActions, null, /*#__PURE__*/React.createElement(ModelIsBeingDeleted, {
+      model: contentModel
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "wby-invisible group-hover/item:wby-visible"
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      side: "top",
+      content: getMessage(),
+      trigger: /*#__PURE__*/React.createElement(Button, {
+        text: "View",
+        icon: /*#__PURE__*/React.createElement(FullscreenIcon, null),
+        variant: "secondary",
+        size: "sm",
         "data-testid": "cms-view-content-model-button",
-        icon: /*#__PURE__*/React.createElement(ViewListIcon, null),
-        label: t(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["View entries"]))),
         onClick: viewContentEntries(contentModel),
         disabled: disableViewContent
-      })), contentModel.plugin ? /*#__PURE__*/React.createElement(Tooltip, {
-        content: t(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["Content model is registered via a plugin."]))),
-        placement: "top"
-      }, /*#__PURE__*/React.createElement(EditIcon, {
-        disabled: true,
+      })
+    })), canEdit(contentModel, "cms.contentModel") && /*#__PURE__*/React.createElement("span", {
+      className: "wby-invisible group-hover/item:wby-visible"
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      side: "top",
+      content: contentModel.plugin ? t`Content model is registered via a plugin.` : t`Edit content model`,
+      trigger: /*#__PURE__*/React.createElement(Button, {
+        text: "Edit",
+        icon: /*#__PURE__*/React.createElement(EditIcon, null),
+        variant: "secondary",
+        size: "sm",
+        disabled: contentModel.plugin,
+        onClick: () => editRecord(contentModel),
         "data-testid": "cms-edit-content-model-button"
-      })) : /*#__PURE__*/React.createElement(Tooltip, {
-        content: t(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["Edit content model"]))),
-        placement: "top"
-      }, /*#__PURE__*/React.createElement(EditIcon, {
-        onClick: function onClick() {
-          return editRecord(contentModel);
-        },
-        "data-testid": "cms-edit-content-model-button"
-      }))), canDelete(contentModel, "cms.contentModel") && contentModel.plugin ? /*#__PURE__*/React.createElement(Tooltip, {
-        content: t(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["Content model is registered via a plugin."]))),
-        placement: "top"
-      }, /*#__PURE__*/React.createElement(DeleteIcon, {
-        disabled: true,
-        "data-testid": "cms-delete-content-model-button"
-      })) : /*#__PURE__*/React.createElement(Tooltip, {
-        content: t(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["Delete content model"]))),
-        placement: "top"
-      }, /*#__PURE__*/React.createElement(DeleteIcon, {
-        onClick: function onClick() {
-          return deleteRecord(contentModel);
-        },
-        "data-testid": "cms-delete-content-model-button"
-      })))));
-    }));
-  });
+      })
+    })), /*#__PURE__*/React.createElement(DropdownMenu, {
+      trigger: /*#__PURE__*/React.createElement(IconButton, {
+        icon: /*#__PURE__*/React.createElement(MoreVertIcon, null),
+        size: "sm",
+        variant: "ghost"
+      })
+    }, canEdit(contentModel, "cms.contentModel") && /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      text: "Clone",
+      icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
+        label: "Clone",
+        element: /*#__PURE__*/React.createElement(CloneIcon, null)
+      }),
+      "data-testid": "cms-clone-content-model-button",
+      onClick: () => onClone(contentModel)
+    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      text: "Export",
+      icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
+        label: "Export",
+        element: /*#__PURE__*/React.createElement(ExportIcon, null)
+      }),
+      "data-testid": "cms-export-content-model-button",
+      onClick: handleModelExport(contentModel)
+    }), canDelete(contentModel, "cms.contentModel") && /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      text: "Delete",
+      icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
+        label: "Delete",
+        element: /*#__PURE__*/React.createElement(DeleteIcon, null)
+      }),
+      onClick: () => {
+        setModelToBeDeleted(contentModel);
+      },
+      "data-testid": "cms-delete-content-model-button",
+      className: "!wby-text-destructive-primary [&_svg]:wby-fill-destructive"
+    }))))));
+  }))), /*#__PURE__*/React.createElement(FullyDeleteModelDialog, {
+    model: modelToBeDeleted,
+    onClose: () => {
+      setModelToBeDeleted(null);
+    }
+  }));
 };
+export default ContentModelsDataList;
 
-export default ContentModelsDataList;
+//# sourceMappingURL=ContentModelsDataList.js.map

package/admin/views/contentModels/ContentModelsDataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","TimeAgo","useRouter","ReactComponent","AddIcon","DownloadFileIcon","UploadFileIcon","FullscreenIcon","EditIcon","MoreVertIcon","ExportIcon","DeleteIcon","CloneIcon","useModels","UIL","i18n","SearchUI","deserializeSorters","orderBy","usePermission","FontAwesomeIcon","useModelExport","ModelIsBeingDeleted","FullyDeleteModelDialog","Button","DropdownMenu","Icon","IconButton","Select","Tooltip","CMS_MODEL_SINGLETON_TAG","t","namespace","SORTERS","label","sorters","DisplayIcon","model","icon","createElement","ListItemGraphic","className","size","color","split","ContentModelsDataList","canCreate","onCreate","onClone","showImportModelModal","filter","setFilter","sort","setSort","history","models","loading","refresh","canDelete","canEdit","modelToBeDeleted","setModelToBeDeleted","filterData","name","toLowerCase","includes","sortData","list","sortField","sortOrderBy","editRecord","contentModel","push","modelId","viewContentEntries","contentModelsDataListModalOverlay","DataListModalOverlay","value","onChange","options","map","sorter","filteredData","contentModels","handleModelsExport","handleModelExport","onRefreshClick","Fragment","DataList","data","title","actions","content","trigger","variant","onClick","text","search","inputPlaceholder","modalOverlay","modalOverlayAction","DataListModalOverlayAction","List","disableViewContent","fields","length","getMessage","tags","ListItem","key","ListItemText","ListItemTextPrimary","ListItemTextSecondary","time","savedOn","datetime","ListItemMeta","ListActions","side","disabled","plugin","Item","element","onClose"],"sources":["ContentModelsDataList.tsx"],"sourcesContent":["/**\n * TODO remove regular model delete at some point.\n */\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DownloadFileIcon } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as FullscreenIcon } from \"@webiny/icons/fullscreen.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as MoreVertIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as ExportIcon } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/flip_to_front.svg\";\nimport { useModels } from \"../../hooks\";\nimport * as UIL from \"@webiny/ui/List\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport orderBy from \"lodash/orderBy\";\nimport type { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport { usePermission } from \"~/admin/hooks/usePermission\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { useModelExport } from \"./exporting/useModelExport\";\nimport { ModelIsBeingDeleted } from \"./fullDelete/ModelIsBeingDeleted\";\nimport { FullyDeleteModelDialog } from \"~/admin/views/contentModels/fullDelete/FullyDeleteModelDialog\";\nimport { Button, DropdownMenu, Icon, IconButton, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\ninterface Sorter {\n    label: string;\n    sorters: string;\n}\n\nconst SORTERS: Sorter[] = [\n    {\n        label: t`Newest to oldest`,\n        sorters: \"savedOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorters: \"savedOn_ASC\"\n    },\n    {\n        label: t`Name A-Z`,\n        sorters: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorters: \"name_DESC\"\n    }\n];\n\ninterface ContentModelsDataListProps {\n    canCreate: boolean;\n    onCreate: () => void;\n    onClone: (contentModel: CmsEditorContentModel) => void;\n    showImportModelModal: () => void;\n}\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon = ({ model }: IconProps) => {\n    if (!model.icon) {\n        return null;\n    }\n    return (\n        <UIL.ListItemGraphic>\n            <div className={\"wby-text-neutral-muted\"}>\n                <Icon\n                    size={\"lg\"}\n                    color={\"inherit\"}\n                    label={\"Content model icon\"}\n                    icon={<FontAwesomeIcon icon={(model.icon || \"\").split(\"/\") as IconProp} />}\n                />\n            </div>\n        </UIL.ListItemGraphic>\n    );\n};\n\nconst ContentModelsDataList = ({\n    canCreate,\n    onCreate,\n    onClone,\n    showImportModelModal\n}: ContentModelsDataListProps) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const { models, loading, refresh } = useModels();\n    const { canDelete, canEdit } = usePermission();\n\n    const [modelToBeDeleted, setModelToBeDeleted] = useState<CmsModel | null>(null);\n\n    const filterData = useCallback(\n        ({ name }: Pick<CmsModel, \"name\">): boolean => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const sortData = useCallback(\n        (list: CmsModel[]): CmsModel[] => {\n            if (!sort) {\n                return list;\n            }\n            const [sortField, sortOrderBy] = deserializeSorters(sort);\n            return orderBy(list, [sortField], [sortOrderBy]);\n        },\n        [sort]\n    );\n\n    const editRecord = (contentModel: CmsModel): void => {\n        history.push(\"/cms/content-models/\" + contentModel.modelId);\n    };\n\n    const viewContentEntries = useCallback((contentModel: Pick<CmsModel, \"modelId\">) => {\n        return () => history.push(\"/cms/content-entries/\" + contentModel.modelId);\n    }, []);\n\n    const contentModelsDataListModalOverlay = useMemo(\n        () => (\n            <UIL.DataListModalOverlay>\n                <Select\n                    value={sort}\n                    onChange={setSort}\n                    label={t`Sort by`}\n                    options={SORTERS.map(sorter => ({\n                        label: sorter.label,\n                        value: sorter.sorters\n                    }))}\n                />\n            </UIL.DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? models : models.filter(filterData);\n    const contentModels = sortData(filteredData);\n\n    const { handleModelsExport, handleModelExport } = useModelExport();\n\n    const onRefreshClick = useCallback(() => {\n        refresh();\n    }, []);\n\n    return (\n        <>\n            <UIL.DataList\n                loading={loading}\n                data={contentModels}\n                title={t`Content Models`}\n                actions={\n                    <div className={\"wby-flex wby-items-center wby-justify-end wby-gap-xs\"}>\n                        <Tooltip\n                            content={\"Export all models\"}\n                            trigger={\n                                <IconButton\n                                    icon={<DownloadFileIcon />}\n                                    size={\"sm\"}\n                                    variant={\"ghost\"}\n                                    onClick={() => handleModelsExport()}\n                                />\n                            }\n                        />\n                        <Tooltip\n                            content={\"Import models\"}\n                            trigger={\n                                <IconButton\n                                    icon={<UploadFileIcon />}\n                                    size={\"sm\"}\n                                    variant={\"ghost\"}\n                                    onClick={() => showImportModelModal()}\n                                />\n                            }\n                        />\n                        {canCreate ? (\n                            <Button\n                                data-testid=\"new-record-button\"\n                                onClick={onCreate}\n                                text={t`New`}\n                                icon={<AddIcon />}\n                                size={\"sm\"}\n                                className={\"wby-ml-xs\"}\n                            />\n                        ) : null}\n                    </div>\n                }\n                search={\n                    <SearchUI\n                        value={filter}\n                        onChange={setFilter}\n                        inputPlaceholder={t`Search content model...`}\n                    />\n                }\n                modalOverlay={contentModelsDataListModalOverlay}\n                modalOverlayAction={\n                    <UIL.DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n                }\n                refresh={onRefreshClick}\n            >\n                {({ data = [] }: { data: CmsModel[] }) => (\n                    <UIL.List data-testid=\"default-data-list\">\n                        {data.map(contentModel => {\n                            const disableViewContent = contentModel.fields.length === 0;\n                            const getMessage = () => {\n                                if (disableViewContent) {\n                                    return \"To view the entries, you first need to add a field and save the model\";\n                                }\n\n                                if (contentModel.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n                                    return \"View\";\n                                }\n\n                                return \"View entries\";\n                            };\n\n                            return (\n                                <UIL.ListItem\n                                    key={contentModel.modelId}\n                                    className={\"wby-group/item\"}\n                                >\n                                    <UIL.ListItemText>\n                                        <DisplayIcon model={contentModel} />\n                                        <UIL.ListItemTextPrimary>\n                                            {contentModel.name}\n                                        </UIL.ListItemTextPrimary>\n                                        <UIL.ListItemTextSecondary>\n                                            {t`Last modified: {time}.`({\n                                                time: contentModel.savedOn ? (\n                                                    <TimeAgo datetime={contentModel.savedOn} />\n                                                ) : (\n                                                    \"N/A\"\n                                                )\n                                            })}\n                                        </UIL.ListItemTextSecondary>\n                                    </UIL.ListItemText>\n                                    <UIL.ListItemMeta>\n                                        <UIL.ListActions>\n                                            <ModelIsBeingDeleted model={contentModel}>\n                                                <span\n                                                    className={\n                                                        \"wby-invisible group-hover/item:wby-visible\"\n                                                    }\n                                                >\n                                                    <Tooltip\n                                                        side={\"top\"}\n                                                        content={getMessage()}\n                                                        trigger={\n                                                            <Button\n                                                                text={\"View\"}\n                                                                icon={<FullscreenIcon />}\n                                                                variant={\"secondary\"}\n                                                                size={\"sm\"}\n                                                                data-testid={\n                                                                    \"cms-view-content-model-button\"\n                                                                }\n                                                                onClick={viewContentEntries(\n                                                                    contentModel\n                                                                )}\n                                                                disabled={disableViewContent}\n                                                            />\n                                                        }\n                                                    />\n                                                </span>\n\n                                                {canEdit(contentModel, \"cms.contentModel\") && (\n                                                    <span\n                                                        className={\n                                                            \"wby-invisible group-hover/item:wby-visible\"\n                                                        }\n                                                    >\n                                                        <Tooltip\n                                                            side={\"top\"}\n                                                            content={\n                                                                contentModel.plugin\n                                                                    ? t`Content model is registered via a plugin.`\n                                                                    : t`Edit content model`\n                                                            }\n                                                            trigger={\n                                                                <Button\n                                                                    text={\"Edit\"}\n                                                                    icon={<EditIcon />}\n                                                                    variant={\"secondary\"}\n                                                                    size={\"sm\"}\n                                                                    disabled={contentModel.plugin}\n                                                                    onClick={() =>\n                                                                        editRecord(contentModel)\n                                                                    }\n                                                                    data-testid={\n                                                                        \"cms-edit-content-model-button\"\n                                                                    }\n                                                                />\n                                                            }\n                                                        />\n                                                    </span>\n                                                )}\n\n                                                <DropdownMenu\n                                                    trigger={\n                                                        <IconButton\n                                                            icon={<MoreVertIcon />}\n                                                            size={\"sm\"}\n                                                            variant={\"ghost\"}\n                                                        />\n                                                    }\n                                                >\n                                                    {canEdit(contentModel, \"cms.contentModel\") && (\n                                                        <DropdownMenu.Item\n                                                            text={\"Clone\"}\n                                                            icon={\n                                                                <DropdownMenu.Item.Icon\n                                                                    label={\"Clone\"}\n                                                                    element={<CloneIcon />}\n                                                                />\n                                                            }\n                                                            data-testid={\n                                                                \"cms-clone-content-model-button\"\n                                                            }\n                                                            onClick={() => onClone(contentModel)}\n                                                        />\n                                                    )}\n\n                                                    <DropdownMenu.Item\n                                                        text={\"Export\"}\n                                                        icon={\n                                                            <DropdownMenu.Item.Icon\n                                                                label={\"Export\"}\n                                                                element={<ExportIcon />}\n                                                            />\n                                                        }\n                                                        data-testid={\n                                                            \"cms-export-content-model-button\"\n                                                        }\n                                                        onClick={handleModelExport(contentModel)}\n                                                    />\n\n                                                    {canDelete(\n                                                        contentModel,\n                                                        \"cms.contentModel\"\n                                                    ) && (\n                                                        <DropdownMenu.Item\n                                                            text={\"Delete\"}\n                                                            icon={\n                                                                <DropdownMenu.Item.Icon\n                                                                    label={\"Delete\"}\n                                                                    element={<DeleteIcon />}\n                                                                />\n                                                            }\n                                                            onClick={() => {\n                                                                setModelToBeDeleted(contentModel);\n                                                            }}\n                                                            data-testid={\n                                                                \"cms-delete-content-model-button\"\n                                                            }\n                                                            className={\n                                                                \"!wby-text-destructive-primary [&_svg]:wby-fill-destructive\"\n                                                            }\n                                                        />\n                                                    )}\n                                                </DropdownMenu>\n                                            </ModelIsBeingDeleted>\n                                        </UIL.ListActions>\n                                    </UIL.ListItemMeta>\n                                </UIL.ListItem>\n                            );\n                        })}\n                    </UIL.List>\n                )}\n            </UIL.DataList>\n            <FullyDeleteModelDialog\n                model={modelToBeDeleted}\n                onClose={() => {\n                    setModelToBeDeleted(null);\n                }}\n            />\n        </>\n    );\n};\n\nexport default ContentModelsDataList;\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentModels/NewContentModelDialog.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import * as UID from "@webiny/ui/Dialog";
-export declare type NewContentModelDialogProps = {
+export interface NewContentModelDialogProps {
     open: boolean;
     onClose: UID.DialogOnClose;
-};
-declare const NewContentModelDialog: React.FC<NewContentModelDialogProps>;
+}
+declare const NewContentModelDialog: ({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element;
 export default NewContentModelDialog;