@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

package/admin/views/contentModels/ContentModelsDataList.js

@@ -1,126 +1,159 @@
-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";
-import React, { useCallback, useMemo, useState } from "react";
-import TimeAgo from "timeago-react";
-import { css } from "emotion";
-import get from "lodash/get";
-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 * 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 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");
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _timeagoReact = _interopRequireDefault(require("timeago-react"));
+
+var _emotion = require("emotion");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _icons = require("@webiny/ui/List/DataList/icons");
+
+var _view_list = require("../../icons/view_list.svg");
+
+var _clone = require("../../icons/clone.svg");
+
+var _hooks = require("../../hooks");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var UIL = _interopRequireWildcard(require("@webiny/ui/List"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+
+var _cache = require("./cache");
+
+var GQL = _interopRequireWildcard(require("../../viewsGraphql"));
+
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+
+var _SearchUI = _interopRequireDefault(require("@webiny/app-admin/components/SearchUI"));
+
+var _utils = require("../utils");
+
+var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Select = require("@webiny/ui/Select");
+
+var _filter24px = require("@webiny/app-admin/assets/icons/filter-24px.svg");
+
+var _usePermission2 = _interopRequireDefault(require("../../hooks/usePermission"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+
+var t = _i18n.i18n.namespace("FormsApp.ContentModelsDataList");
+
 var SORTERS = [{
-  label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Newest to oldest"]))),
-  sorters: {
-    savedOn: "desc"
-  }
+  label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Newest to oldest"]))),
+  sorters: "savedOn_DESC"
 }, {
-  label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Oldest to newest"]))),
-  sorters: {
-    savedOn: "asc"
-  }
+  label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Oldest to newest"]))),
+  sorters: "savedOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Name A-Z"]))),
-  sorters: {
-    name: "asc"
-  }
+  label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name A-Z"]))),
+  sorters: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Name Z-A"]))),
-  sorters: {
-    name: "desc"
-  }
+  label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name Z-A"]))),
+  sorters: "name_DESC"
 }];
-var rightAlign = /*#__PURE__*/css({
+var rightAlign = /*#__PURE__*/(0, _emotion.css)({
   alignItems: "flex-end !important",
   justifyContent: "center !important"
 }, "label:rightAlign;");
-var listItemMinHeight = /*#__PURE__*/css({
+var listItemMinHeight = /*#__PURE__*/(0, _emotion.css)({
   minHeight: "66px !important"
 }, "label:listItemMinHeight;");
 
 var ContentModelsDataList = function ContentModelsDataList(_ref) {
   var canCreate = _ref.canCreate,
-      onCreate = _ref.onCreate;
+      onCreate = _ref.onCreate,
+      onClone = _ref.onClone;
 
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       filter = _useState2[0],
       setFilter = _useState2[1];
 
-  var _useState3 = useState(serializeSorters(SORTERS[0].sorters)),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = (0, _react.useState)(SORTERS[0].sorters),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       sort = _useState4[0],
       setSort = _useState4[1];
 
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       history = _useRouter.history;
 
-  var client = useApolloClient();
+  var client = (0, _hooks.useApolloClient)();
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _useConfirmationDialo = useConfirmationDialog({
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
     dataTestId: "cms-delete-content-model-dialog"
   }),
       showConfirmation = _useConfirmationDialo.showConfirmation;
 
-  var _useQuery = useQuery(GQL.LIST_CONTENT_MODELS),
+  var _useQuery = (0, _hooks.useQuery)(GQL.LIST_CONTENT_MODELS),
       data = _useQuery.data,
       loading = _useQuery.loading;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canDelete = _usePermission.canDelete,
       canEdit = _usePermission.canEdit;
 
-  var filterData = useCallback(function (_ref2) {
+  var filterData = (0, _react.useCallback)(function (_ref2) {
     var name = _ref2.name;
     return name.toLowerCase().includes(filter);
   }, [filter]);
-  var sortData = useCallback(function (list) {
+  var sortData = (0, _react.useCallback)(function (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];
+    var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
+        _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
+        sortField = _deserializeSorters2[0],
+        sortOrderBy = _deserializeSorters2[1];
 
-    return orderBy(list, [key], [value]);
+    return (0, _orderBy.default)(list, [sortField], [sortOrderBy]);
   }, [sort]);
-  var models = loading ? [] : get(data, "listContentModels.data", []);
+  var models = loading ? [] : (0, _get.default)(data, "listContentModels.data", []);
 
   var deleteRecord = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(item) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(item) {
+      return (0, _regeneratorRuntime2.default)().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) {
+              showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+                return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
                   while (1) {
                     switch (_context.prev = _context.next) {
                       case 0:
@@ -132,17 +165,25 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
                           },
                           update: function update(cache, _ref5) {
                             var data = _ref5.data;
+
+                            if (!data) {
+                              showSnackbar("Missing data on Delete Content Model Mutation Response.");
+                              return;
+                            }
+
                             var error = data.deleteContentModel.error;
 
                             if (error) {
-                              return showSnackbar(error.message, {
-                                title: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Something unexpected happened."])))
+                              showSnackbar(error.message, {
+                                title: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Something unexpected happened."])))
                               });
+                              return;
                             }
 
-                            removeModelFromListCache(cache, item);
-                            removeModelFromGroupCache(cache, item);
-                            showSnackbar(t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Content model {name} deleted successfully!."])))({
+                            (0, _cache.removeModelFromListCache)(cache, item);
+                            (0, _cache.removeModelFromGroupCache)(cache, item);
+                            (0, _cache.removeModelFromCache)(client, item);
+                            showSnackbar(t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Content model {name} deleted successfully!."])))({
                               name: item.name
                             }));
                           }
@@ -173,102 +214,112 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
     history.push("/cms/content-models/" + contentModel.modelId);
   };
 
-  var viewContentEntries = useCallback(function (contentModel) {
+  var viewContentEntries = (0, _react.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, {
+  }, []);
+  var contentModelsDataListModalOverlay = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(UIL.DataListModalOverlay, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Select, {
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
       value: sort,
       onChange: setSort,
-      label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Sort by"]))),
+      label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Sort by"]))),
       description: "Sort content models by"
     }, SORTERS.map(function (_ref6) {
       var label = _ref6.label,
           sorters = _ref6.sorters;
-      return /*#__PURE__*/React.createElement("option", {
+      return /*#__PURE__*/_react.default.createElement("option", {
         key: label,
-        value: serializeSorters(sorters)
+        value: sorters
       }, label);
     })))));
   }, [sort]);
   var filteredData = filter === "" ? models : models.filter(filterData);
   var contentModels = sortData(filteredData);
-  return /*#__PURE__*/React.createElement(UIL.DataList, {
+  return /*#__PURE__*/_react.default.createElement(UIL.DataList, {
     loading: loading,
     data: contentModels,
-    title: t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Content Models"]))),
-    actions: canCreate ? /*#__PURE__*/React.createElement(ButtonSecondary, {
+    title: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Content Models"]))),
+    actions: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
       "data-testid": "new-record-button",
       onClick: onCreate
-    }, /*#__PURE__*/React.createElement(ButtonIcon, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }), " ", t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["New Model"])))) : null,
-    search: /*#__PURE__*/React.createElement(SearchUI, {
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+      icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+    }), " ", t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["New Model"])))) : null,
+    search: /*#__PURE__*/_react.default.createElement(_SearchUI.default, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Search content models"])))
+      inputPlaceholder: t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Search content models"])))
     }),
     modalOverlay: contentModelsDataListModalOverlay,
-    modalOverlayAction: /*#__PURE__*/React.createElement(UIL.DataListModalOverlayAction, {
-      icon: /*#__PURE__*/React.createElement(FilterIcon, null),
+    modalOverlayAction: /*#__PURE__*/_react.default.createElement(UIL.DataListModalOverlayAction, {
+      icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, 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, {
+    return /*#__PURE__*/_react.default.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, {
+      return /*#__PURE__*/_react.default.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, {
+      }, /*#__PURE__*/_react.default.createElement(UIL.ListItemText, null, contentModel.name, /*#__PURE__*/_react.default.createElement(UIL.ListItemTextSecondary, null, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Last modified: {time}."])))({
+        time: /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
           datetime: contentModel.savedOn
         })
-      }))), /*#__PURE__*/React.createElement(UIL.ListItemMeta, {
+      }))), /*#__PURE__*/_react.default.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}"])))({
+      }, /*#__PURE__*/_react.default.createElement(UIL.ListActions, null, canEdit(contentModel, "cms.contentModel") && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        content: t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["{message}"])))({
           message: message
         }),
         placement: "top"
-      }, /*#__PURE__*/React.createElement(IconButton, {
+      }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
         "data-testid": "cms-view-content-model-button",
-        icon: /*#__PURE__*/React.createElement(ViewListIcon, null),
-        label: t(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["View entries"]))),
+        icon: /*#__PURE__*/_react.default.createElement(_view_list.ReactComponent, null),
+        label: t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["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."]))),
+      })), contentModel.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        content: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["Content model is registered via a plugin."]))),
         placement: "top"
-      }, /*#__PURE__*/React.createElement(EditIcon, {
+      }, /*#__PURE__*/_react.default.createElement(_icons.EditIcon, {
         disabled: true,
         "data-testid": "cms-edit-content-model-button"
-      })) : /*#__PURE__*/React.createElement(Tooltip, {
-        content: t(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["Edit content model"]))),
+      })) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        content: t(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Edit content model"]))),
         placement: "top"
-      }, /*#__PURE__*/React.createElement(EditIcon, {
+      }, /*#__PURE__*/_react.default.createElement(_icons.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."]))),
+      }))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        content: "Clone content model",
+        placement: "top"
+      }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+        "data-testid": "cms-clone-content-model-button",
+        icon: /*#__PURE__*/_react.default.createElement(_clone.ReactComponent, null),
+        label: t(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["View entries"]))),
+        onClick: function onClick() {
+          return onClone(contentModel);
+        }
+      })), canDelete(contentModel, "cms.contentModel") && contentModel.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        content: t(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["Content model is registered via a plugin."]))),
         placement: "top"
-      }, /*#__PURE__*/React.createElement(DeleteIcon, {
+      }, /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
         disabled: true,
         "data-testid": "cms-delete-content-model-button"
-      })) : /*#__PURE__*/React.createElement(Tooltip, {
-        content: t(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["Delete content model"]))),
+      })) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        content: t(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["Delete content model"]))),
         placement: "top"
-      }, /*#__PURE__*/React.createElement(DeleteIcon, {
+      }, /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
         onClick: function onClick() {
           return deleteRecord(contentModel);
         },
@@ -278,4 +329,5 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
   });
 };
 
-export default ContentModelsDataList;
+var _default = ContentModelsDataList;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","SORTERS","label","sorters","rightAlign","css","alignItems","justifyContent","listItemMinHeight","minHeight","ContentModelsDataList","canCreate","onCreate","onClone","useState","filter","setFilter","sort","setSort","useRouter","history","client","useApolloClient","useSnackbar","showSnackbar","useConfirmationDialog","dataTestId","showConfirmation","useQuery","GQL","LIST_CONTENT_MODELS","data","loading","usePermission","canDelete","canEdit","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","models","get","deleteRecord","item","mutate","mutation","DELETE_CONTENT_MODEL","variables","modelId","update","cache","error","deleteContentModel","message","title","removeModelFromListCache","removeModelFromGroupCache","removeModelFromCache","editRecord","contentModel","push","viewContentEntries","contentModelsDataListModalOverlay","useMemo","map","filteredData","contentModels","disableViewContent","fields","length","time","savedOn","plugin"],"sources":["ContentModelsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { DeleteIcon, EditIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { ReactComponent as ViewListIcon } from \"../../icons/view_list.svg\";\nimport { ReactComponent as CloneIcon } from \"../../icons/clone.svg\";\nimport { useApolloClient, useQuery } from \"../../hooks\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport * as UIL from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { removeModelFromGroupCache, removeModelFromListCache, removeModelFromCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport orderBy from \"lodash/orderBy\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport {\n    DeleteCmsModelMutationResponse,\n    DeleteCmsModelMutationVariables,\n    ListCmsModelsQueryResponse\n} from \"../../viewsGraphql\";\nimport usePermission from \"~/admin/hooks/usePermission\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\ninterface Sorter {\n    label: string;\n    sorters: string;\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\nconst rightAlign = css({\n    alignItems: \"flex-end !important\",\n    justifyContent: \"center !important\"\n});\n\nconst listItemMinHeight = css({\n    minHeight: \"66px !important\"\n});\n\ninterface ContentModelsDataListProps {\n    canCreate: boolean;\n    onCreate: () => void;\n    onClone: (contentModel: CmsEditorContentModel) => void;\n}\nconst ContentModelsDataList: React.FC<ContentModelsDataListProps> = ({\n    canCreate,\n    onCreate,\n    onClone\n}) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms-delete-content-model-dialog\"\n    });\n    const { data, loading } = useQuery<ListCmsModelsQueryResponse>(GQL.LIST_CONTENT_MODELS);\n    const { canDelete, canEdit } = usePermission();\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 models: CmsModel[] = loading ? [] : get(data, \"listContentModels.data\", []);\n\n    const deleteRecord = async (item: CmsModel): Promise<void> => {\n        showConfirmation(async () => {\n            await client.mutate<DeleteCmsModelMutationResponse, DeleteCmsModelMutationVariables>({\n                mutation: GQL.DELETE_CONTENT_MODEL,\n                variables: { modelId: item.modelId },\n                update(cache, { data }) {\n                    if (!data) {\n                        showSnackbar(\"Missing data on Delete Content Model Mutation Response.\");\n                        return;\n                    }\n                    const { error } = data.deleteContentModel;\n\n                    if (error) {\n                        showSnackbar(error.message, {\n                            title: t`Something unexpected happened.`\n                        });\n                        return;\n                    }\n\n                    removeModelFromListCache(cache, item);\n                    removeModelFromGroupCache(cache, item);\n                    removeModelFromCache(client, item);\n\n                    showSnackbar(\n                        t`Content model {name} deleted successfully!.`({ name: item.name })\n                    );\n                }\n            });\n        });\n    };\n\n    const editRecord = (contentModel: CmsModel): void => {\n        history.push(\"/cms/content-models/\" + contentModel.modelId);\n    };\n\n    const viewContentEntries = useCallback(contentModel => {\n        return () => history.push(\"/cms/content-entries/\" + contentModel.modelId);\n    }, []);\n\n    const contentModelsDataListModalOverlay = useMemo(\n        () => (\n            <UIL.DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort content models by\"}\n                        >\n                            {SORTERS.map(({ label, sorters }) => {\n                                return (\n                                    <option key={label} value={sorters}>\n                                        {label}\n                                    </option>\n                                );\n                            })}\n                        </Select>\n                    </Cell>\n                </Grid>\n            </UIL.DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? models : models.filter(filterData);\n    const contentModels = sortData(filteredData);\n\n    return (\n        <UIL.DataList\n            loading={loading}\n            data={contentModels}\n            title={t`Content Models`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Model`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content models`}\n                />\n            }\n            modalOverlay={contentModelsDataListModalOverlay}\n            modalOverlayAction={\n                <UIL.DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\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 message = disableViewContent\n                            ? \"To view the content, you first need to add a field and save the model\"\n                            : \"View content\";\n                        return (\n                            <UIL.ListItem key={contentModel.modelId} className={listItemMinHeight}>\n                                <UIL.ListItemText>\n                                    {contentModel.name}\n                                    <UIL.ListItemTextSecondary>\n                                        {t`Last modified: {time}.`({\n                                            time: <TimeAgo datetime={contentModel.savedOn} />\n                                        })}\n                                    </UIL.ListItemTextSecondary>\n                                </UIL.ListItemText>\n                                <UIL.ListItemMeta className={rightAlign}>\n                                    <UIL.ListActions>\n                                        {canEdit(contentModel, \"cms.contentModel\") && (\n                                            <>\n                                                <Tooltip\n                                                    content={t`{message}`({ message })}\n                                                    placement={\"top\"}\n                                                >\n                                                    <IconButton\n                                                        data-testid={\n                                                            \"cms-view-content-model-button\"\n                                                        }\n                                                        icon={<ViewListIcon />}\n                                                        label={t`View entries`}\n                                                        onClick={viewContentEntries(contentModel)}\n                                                        disabled={disableViewContent}\n                                                    />\n                                                </Tooltip>\n                                                {contentModel.plugin ? (\n                                                    <Tooltip\n                                                        content={t`Content model is registered via a plugin.`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            disabled\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                ) : (\n                                                    <Tooltip\n                                                        content={t`Edit content model`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            onClick={() => editRecord(contentModel)}\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                )}\n                                            </>\n                                        )}\n\n                                        <Tooltip content={\"Clone content model\"} placement={\"top\"}>\n                                            <IconButton\n                                                data-testid={\"cms-clone-content-model-button\"}\n                                                icon={<CloneIcon />}\n                                                label={t`View entries`}\n                                                onClick={() => onClone(contentModel)}\n                                            />\n                                        </Tooltip>\n\n                                        {canDelete(contentModel, \"cms.contentModel\") &&\n                                        contentModel.plugin ? (\n                                            <Tooltip\n                                                content={t`Content model is registered via a plugin.`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <Tooltip\n                                                content={t`Delete content model`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    onClick={() => deleteRecord(contentModel)}\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        )}\n                                    </UIL.ListActions>\n                                </UIL.ListItemMeta>\n                            </UIL.ListItem>\n                        );\n                    })}\n                </UIL.List>\n            )}\n        </UIL.DataList>\n    );\n};\n\nexport default ContentModelsDataList;\n"],"mappings":"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"}

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>;
 export default NewContentModelDialog;