@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

package/admin/views/contentModels/ContentModelsDataList.js

@@ -1,274 +1,292 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
-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");
+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 _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 _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+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;
-
-  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;
+var Icon = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "ey1m2qq0",
+  label: "Icon"
+})({
+  width: "24px",
+  height: "24px",
+  marginRight: "15px",
+  flex: "0 0 24px",
+  svg: {
+    color: "var(--mdc-theme-text-icon-on-light)",
+    width: "100%",
+    height: "auto",
+    maxWidth: 24,
+    maxHeight: 24
+  }
+});
+var DisplayIcon = function DisplayIcon(_ref) {
+  var model = _ref.model;
+  if (!model.icon) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: (model.icon || "").split("/")
+  });
+};
+var ContentModelsDataList = function ContentModelsDataList(_ref2) {
+  var canCreate = _ref2.canCreate,
+    onCreate = _ref2.onCreate,
+    onClone = _ref2.onClone;
+  var _useState = (0, _react.useState)(""),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filter = _useState2[0],
+    setFilter = _useState2[1];
+  var _useState3 = (0, _react.useState)(SORTERS[0].sorters),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    sort = _useState4[0],
+    setSort = _useState4[1];
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    history = _useRouter.history;
+  var client = (0, _hooks.useApolloClient)();
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
+      dataTestId: "cms-delete-content-model-dialog"
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
+  var _useContentModels = (0, _hooks.useContentModels)(),
+    models = _useContentModels.models,
+    loading = _useContentModels.loading;
+  var _usePermission = (0, _usePermission2.default)(),
+    canDelete = _usePermission.canDelete,
+    canEdit = _usePermission.canEdit;
+  var filterData = (0, _react.useCallback)(function (_ref3) {
+    var name = _ref3.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];
-
-    return orderBy(list, [key], [value]);
+    var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
+      _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
+      sortField = _deserializeSorters2[0],
+      sortOrderBy = _deserializeSorters2[1];
+    return (0, _orderBy.default)(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();
-          }
+    var _ref4 = (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__*/(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:
+                    _context.next = 2;
+                    return client.mutate({
+                      mutation: GQL.DELETE_CONTENT_MODEL,
+                      variables: {
+                        modelId: item.modelId
+                      },
+                      update: function update(cache, _ref6) {
+                        var data = _ref6.data;
+                        if (!data) {
+                          showSnackbar("Missing data on Delete Content Model Mutation Response.");
+                          return;
+                        }
+                        var error = data.deleteContentModel.error;
+                        if (error) {
+                          showSnackbar(error.message, {
+                            title: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Something unexpected happened."])))
+                          });
+                          return;
+                        }
+                        (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
+                        }));
+                      }
+                    });
+                  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);
+      return _ref4.apply(this, arguments);
     };
   }();
-
   var editRecord = function editRecord(contentModel) {
     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", {
+    }, SORTERS.map(function (_ref7) {
+      var label = _ref7.label,
+        sorters = _ref7.sorters;
+      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, {
+  }, function (_ref8) {
+    var _ref8$data = _ref8.data,
+      data = _ref8$data === void 0 ? [] : _ref8$data;
+    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(Icon, null, /*#__PURE__*/_react.default.createElement(DisplayIcon, {
+        model: contentModel
+      })), /*#__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: contentModel.savedOn ? /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
           datetime: contentModel.savedOn
-        })
-      }))), /*#__PURE__*/React.createElement(UIL.ListItemMeta, {
+        }) : "N/A"
+      }))), /*#__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.createElement(DeleteIcon, {
+      }, /*#__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.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);
         },
@@ -277,5 +295,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","Icon","styled","width","height","marginRight","flex","svg","color","maxWidth","maxHeight","DisplayIcon","model","icon","split","ContentModelsDataList","canCreate","onCreate","onClone","useState","filter","setFilter","sort","setSort","useRouter","history","client","useApolloClient","useSnackbar","showSnackbar","useConfirmationDialog","dataTestId","showConfirmation","useContentModels","models","loading","usePermission","canDelete","canEdit","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","deleteRecord","item","mutate","mutation","GQL","DELETE_CONTENT_MODEL","variables","modelId","update","cache","data","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 { 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, useContentModels } 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} from \"../../viewsGraphql\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport styled from \"@emotion/styled\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\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\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}\n\nconst Icon = styled(\"div\")({\n    width: \"24px\",\n    height: \"24px\",\n    marginRight: \"15px\",\n    flex: \"0 0 24px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 24,\n        maxHeight: 24\n    }\n});\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon: React.VFC<IconProps> = ({ model }) => {\n    if (!model.icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(model.icon || \"\").split(\"/\") as IconProp} />;\n};\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 { models, loading } = useContentModels();\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 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                                <Icon>\n                                    <DisplayIcon model={contentModel} />\n                                </Icon>\n                                <UIL.ListItemText>\n                                    {contentModel.name}\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 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;