@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/admin/views/contentModelGroups/ContentModelGroupsForm.js

@@ -1,61 +1,59 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _form = require("@webiny/form");
+var _Grid = require("@webiny/ui/Grid");
+var _Input = require("@webiny/ui/Input");
+var _Button = require("@webiny/ui/Button");
+var _Progress = require("@webiny/ui/Progress");
+var _i18n = require("@webiny/app/i18n");
+var _validation = require("@webiny/validation");
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+var _IconPicker = require("../../components/IconPicker");
+var _reactRouter = require("@webiny/react-router");
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+var _hooks = require("../../hooks");
+var GQL = _interopRequireWildcard(require("./graphql"));
+var _usePermission2 = _interopRequireDefault(require("../../hooks/usePermission"));
+var _Tooltip = require("@webiny/ui/Tooltip");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
-var _excluded = ["id"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback } from "react";
-import styled from "@emotion/styled";
-import isEmpty from "lodash/isEmpty";
-import get from "lodash/get";
-import pick from "lodash/pick";
-import { Form } from "@webiny/form";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Input } from "@webiny/ui/Input";
-import { ButtonDefault, ButtonIcon, ButtonPrimary } from "@webiny/ui/Button";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { i18n } from "@webiny/app/i18n";
-import { validation } from "@webiny/validation";
-import { SimpleFormHeader, SimpleForm, SimpleFormFooter, SimpleFormContent } from "@webiny/app-admin/components/SimpleForm";
-import IconPicker from "./IconPicker";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import EmptyView from "@webiny/app-admin/components/EmptyView";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-import { useMutation, useQuery } from "../../hooks";
-import * as GQL from "./graphql";
-import usePermission from "../../hooks/usePermission";
-import { Tooltip } from "@webiny/ui/Tooltip";
-var t = i18n.ns("app-headless-cms/admin/content-model-groups/form");
-var ButtonWrapper = /*#__PURE__*/styled("div", {
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-model-groups/form");
+var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e7xbi20",
   label: "ButtonWrapper"
 })({
   display: "flex",
   justifyContent: "space-between"
 });
-
-function ContentModelGroupsForm(_ref) {
+var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
   var canCreate = _ref.canCreate;
-
-  var _useRouter = useRouter(),
-      location = _useRouter.location,
-      history = _useRouter.history;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _usePermission = usePermission(),
-      canEdit = _usePermission.canEdit;
-
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    location = _useRouter.location,
+    history = _useRouter.history;
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _usePermission = (0, _usePermission2.default)(),
+    canEdit = _usePermission.canEdit;
   var newEntry = new URLSearchParams(location.search).get("new") === "true";
   var id = new URLSearchParams(location.search).get("id");
-  var getQuery = useQuery(GQL.GET_CONTENT_MODEL_GROUP, {
+  var getQuery = (0, _hooks.useQuery)(GQL.GET_CONTENT_MODEL_GROUP, {
     variables: {
       id: id
     },
@@ -64,168 +62,181 @@ function ContentModelGroupsForm(_ref) {
       if (!data) {
         return;
       }
-
       var error = data.contentModelGroup.error;
-
       if (error) {
         history.push("/cms/content-model-group");
         showSnackbar(error.message);
       }
     }
-  }); // Create a new group and update list cache
-
-  var _useMutation = useMutation(GQL.CREATE_CONTENT_MODEL_GROUP, {
-    update: function update(cache, _ref2) {
-      var data = _ref2.data;
-
-      if (data.contentModelGroup.error) {
-        return;
-      }
-
-      var gqlParams = {
-        query: GQL.LIST_CONTENT_MODEL_GROUPS
-      };
-
-      var _cache$readQuery = cache.readQuery(gqlParams),
-          listContentModelGroups = _cache$readQuery.listContentModelGroups;
+  });
 
-      cache.writeQuery(_objectSpread(_objectSpread({}, gqlParams), {}, {
-        data: {
-          listContentModelGroups: _objectSpread(_objectSpread({}, listContentModelGroups), {}, {
-            data: [data.contentModelGroup.data].concat(_toConsumableArray(listContentModelGroups.data))
-          })
+  // Create a new group and update list cache
+  var _useMutation = (0, _hooks.useMutation)(GQL.CREATE_CONTENT_MODEL_GROUP, {
+      update: function update(cache, _ref2) {
+        var data = _ref2.data;
+        if (!data || data.contentModelGroup.error) {
+          return;
         }
-      }));
-    }
-  }),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
-      create = _useMutation2[0],
-      createMutation = _useMutation2[1];
-
-  var _useMutation3 = useMutation(GQL.UPDATE_CONTENT_MODEL_GROUP),
-      _useMutation4 = _slicedToArray(_useMutation3, 2),
-      update = _useMutation4[0],
-      updateMutation = _useMutation4[1];
-
+        var gqlParams = {
+          query: GQL.LIST_CONTENT_MODEL_GROUPS
+        };
+        var result = cache.readQuery(gqlParams);
+        if (!result || !result.listContentModelGroups) {
+          return;
+        }
+        var listContentModelGroups = result.listContentModelGroups;
+        cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
+          data: {
+            listContentModelGroups: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, listContentModelGroups), {}, {
+              data: [data.contentModelGroup.data].concat((0, _toConsumableArray2.default)(listContentModelGroups.data))
+            })
+          }
+        }));
+      }
+    }),
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
+    create = _useMutation2[0],
+    createMutation = _useMutation2[1];
+  var _useMutation3 = (0, _hooks.useMutation)(GQL.UPDATE_CONTENT_MODEL_GROUP),
+    _useMutation4 = (0, _slicedToArray2.default)(_useMutation3, 2),
+    update = _useMutation4[0],
+    updateMutation = _useMutation4[1];
   var loading = [getQuery, createMutation, updateMutation].find(function (item) {
     return item.loading;
   });
-  var onSubmit = useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-      var id, group, _ref5, _ref6, operation, args, response, _response$data$conten, data, error;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              id = _ref3.id, group = _objectWithoutProperties(_ref3, _excluded);
-              _ref5 = id ? [update, {
-                variables: {
-                  id: id,
-                  data: pick(group, ["name", "description", "icon"])
-                }
-              }] : [create, {
-                variables: {
-                  data: pick(group, ["name", "description", "icon"])
-                }
-              }], _ref6 = _slicedToArray(_ref5, 2), operation = _ref6[0], args = _ref6[1];
-              _context.next = 4;
-              return operation(args);
-
-            case 4:
-              response = _context.sent;
-              _response$data$conten = response.data.contentModelGroup, data = _response$data$conten.data, error = _response$data$conten.error;
-
-              if (!error) {
-                _context.next = 8;
-                break;
-              }
-
-              return _context.abrupt("return", showSnackbar(error.message));
-
-            case 8:
-              !id && history.push("/cms/content-model-groups?id=".concat(data.id));
-              showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Content model group saved successfully!"]))));
-
-            case 10:
-            case "end":
-              return _context.stop();
+  var createOperation = (0, _react.useCallback)(function (group) {
+    if (!group.id) {
+      return create({
+        variables: {
+          data: {
+            name: group.name,
+            description: group.description,
+            icon: group.icon
           }
         }
+      });
+    }
+    return update({
+      variables: {
+        id: group.id,
+        data: {
+          name: group.name,
+          description: group.description,
+          icon: group.icon
+        }
+      }
+    });
+  }, [create, update]);
+  var onSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(group) {
+      var response, _response$data$conten, data, error;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return createOperation(group);
+          case 2:
+            response = _context.sent;
+            if (response.data) {
+              _context.next = 6;
+              break;
+            }
+            showSnackbar("Missing response data ain Content Model Group Mutation Response.");
+            return _context.abrupt("return");
+          case 6:
+            _response$data$conten = response.data.contentModelGroup, data = _response$data$conten.data, error = _response$data$conten.error;
+            if (!error) {
+              _context.next = 10;
+              break;
+            }
+            showSnackbar(error.message);
+            return _context.abrupt("return");
+          case 10:
+            /**
+             * Redirect to a new group
+             */
+            if (!group.id) {
+              history.push("/cms/content-model-groups?id=".concat(data.id));
+            }
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model group saved successfully!"]))));
+          case 12:
+          case "end":
+            return _context.stop();
+        }
       }, _callee);
     }));
-
     return function (_x) {
-      return _ref4.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), [id]);
-  var data = getQuery.loading ? null : get(getQuery, "data.contentModelGroup.data", null);
-  var showEmptyView = !newEntry && !loading && isEmpty(data); // Render "No content selected" view.
-
+  var data = getQuery.loading ? null : (0, _get.default)(getQuery, "data.contentModelGroup.data", null);
+  var showEmptyView = !newEntry && !loading && (0, _isEmpty.default)(data);
+  // Render "No content selected" view.
   if (showEmptyView) {
-    return /*#__PURE__*/React.createElement(EmptyView, {
-      title: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Click on the left side list to display group details {message}"])))({
+    return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
+      title: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Click on the left side list to display group details {message}"])))({
         message: canCreate ? "or create a..." : ""
       }),
-      action: canCreate ? /*#__PURE__*/React.createElement(ButtonDefault, {
+      action: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
         "data-testid": "new-record-button",
         onClick: function onClick() {
           return history.push("/cms/content-model-groups?new=true");
         }
-      }, /*#__PURE__*/React.createElement(ButtonIcon, {
-        icon: /*#__PURE__*/React.createElement(AddIcon, null)
-      }), " ", t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["New Group"])))) : null
+      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+      }), " ", t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["New Group"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
     });
   }
-
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/_react.default.createElement(_form.Form, {
     onSubmit: onSubmit,
     data: data || {
       icon: "fas/star"
     }
-  }, function (_ref7) {
-    var data = _ref7.data,
-        form = _ref7.form,
-        Bind = _ref7.Bind;
-    return /*#__PURE__*/React.createElement(SimpleForm, {
+  }, function (_ref4) {
+    var data = _ref4.data,
+      form = _ref4.form,
+      Bind = _ref4.Bind;
+    return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, {
       "data-testid": "pb-content-model-groups-form"
-    }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
-      title: data.name ? data.name : t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["New content model group"])))
-    }), loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
+      title: data.name ? data.name : t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New content model group"])))
+    }), loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "name",
-      validators: validation.create("required,maxLength:100")
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Name"])))
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      validators: _validation.validation.create("required,maxLength:100")
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Name"])))
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "icon",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(IconPicker, {
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Group icon"]))),
-      description: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Icon that will be displayed in the main menu."])))
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Group icon"]))),
+      description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Icon that will be displayed in the main menu."])))
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "description"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       rows: 5,
-      label: t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Description"])))
-    }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ButtonDefault, {
+      label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Description"])))
+    }))))), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
       onClick: function onClick() {
         return history.push("/cms/content-model-groups");
       }
-    }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Cancel"])))), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/React.createElement(React.Fragment, null, !data.plugin ? /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: form.submit
-    }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Save content model group"])))) : /*#__PURE__*/React.createElement(Tooltip, {
+    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !data.plugin ? /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: function onClick(ev) {
+        form.submit(ev);
+      }
+    }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Save content model group"])))) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
       content: "Content model group is registered via a plugin.",
       placement: "bottom"
-    }, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       disabled: true
-    }, t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Save content model group"])))))))));
+    }, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Save content model group"])))))))));
   });
-}
-
-export default ContentModelGroupsForm;
+};
+var _default = ContentModelGroupsForm;
+exports.default = _default;

package/admin/views/contentModelGroups/ContentModelGroupsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","ButtonWrapper","styled","display","justifyContent","ContentModelGroupsForm","canCreate","useRouter","location","history","useSnackbar","showSnackbar","usePermission","canEdit","newEntry","URLSearchParams","search","get","id","getQuery","useQuery","GQL","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","useMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","create","createMutation","UPDATE_CONTENT_MODEL_GROUP","updateMutation","loading","find","item","createOperation","useCallback","group","name","description","icon","onSubmit","response","showEmptyView","isEmpty","form","Bind","validation","plugin","ev","submit"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm: React.FC<ContentModelGroupsFormProps> = ({ canCreate }) => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    history.push(\"/cms/content-model-group\");\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    variables: {\n                        data: {\n                            name: group.name,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                history.push(`/cms/content-model-groups?id=${data.id}`);\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup | null = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <ButtonDefault\n                            data-testid=\"new-record-button\"\n                            onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                        >\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                        </ButtonDefault>\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <CircularProgress />}\n                    <SimpleFormContent>\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind\n                                    name=\"name\"\n                                    validators={validation.create(\"required,maxLength:100\")}\n                                >\n                                    <Input label={t`Name`} />\n                                </Bind>\n                            </Cell>\n\n                            <Cell span={12}>\n                                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                                    <IconPicker\n                                        label={t`Group icon`}\n                                        description={t`Icon that will be displayed in the main menu.`}\n                                    />\n                                </Bind>\n                            </Cell>\n                            <Cell span={12}>\n                                <Bind name=\"description\">\n                                    <Input rows={5} label={t`Description`} />\n                                </Bind>\n                            </Cell>\n                        </Grid>\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <ButtonWrapper>\n                            <ButtonDefault\n                                onClick={() => history.push(\"/cms/content-model-groups\")}\n                            >{t`Cancel`}</ButtonDefault>\n\n                            {canEdit(data, \"cms.contentModelGroup\") && (\n                                <React.Fragment>\n                                    {!data.plugin ? (\n                                        <ButtonPrimary\n                                            onClick={ev => {\n                                                form.submit(ev);\n                                            }}\n                                        >{t`Save content model group`}</ButtonPrimary>\n                                    ) : (\n                                        <Tooltip\n                                            content={\n                                                \"Content model group is registered via a plugin.\"\n                                            }\n                                            placement={\"bottom\"}\n                                        >\n                                            <ButtonPrimary\n                                                disabled\n                                            >{t`Save content model group`}</ButtonPrimary>\n                                        </Tooltip>\n                                    )}\n                                </React.Fragment>\n                            )}\n                        </ButtonWrapper>\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"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"}

package/admin/views/contentModelGroups/graphql.d.ts

@@ -1,5 +1,73 @@
+import { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from "../../../types";
+export declare type CmsGroup = Omit<BaseCmsGroup, "contentModels">;
+export interface CmsGroupWithModels extends CmsGroup {
+    contentModels: Pick<CmsModel, "modelId" | "name">[];
+}
+/**
+ * ############################
+ * List groups with basic models info Query
+ */
+export interface ListCmsGroupsQueryResponse {
+    listContentModelGroups: {
+        data: CmsGroupWithModels[];
+        error?: CmsErrorResponse;
+    };
+}
 export declare const LIST_CONTENT_MODEL_GROUPS: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Get Group Query
+ */
+export interface GetCmsGroupQueryResponse {
+    contentModelGroup: {
+        data: CmsGroup;
+        error?: CmsErrorResponse;
+    };
+}
+export interface GetCmsGroupQueryVariables {
+    id: string;
+}
 export declare const GET_CONTENT_MODEL_GROUP: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Create Group Mutation
+ */
+export interface CreateCmsGroupMutationResponse {
+    contentModelGroup: {
+        data: CmsGroupWithModels;
+        error?: CmsErrorResponse;
+    };
+}
+export interface CreateCmsGroupMutationVariables {
+    data: Record<string, any>;
+}
 export declare const CREATE_CONTENT_MODEL_GROUP: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Update Group Mutation
+ */
+export interface UpdateCmsGroupMutationResponse {
+    contentModelGroup: {
+        data: CmsGroup;
+        error?: CmsErrorResponse;
+    };
+}
+export interface UpdateCmsGroupMutationVariables {
+    id: string;
+    data: Record<string, any>;
+}
 export declare const UPDATE_CONTENT_MODEL_GROUP: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Delete Group Mutation
+ */
+export interface DeleteCmsGroupMutationResponse {
+    contentModelGroup: {
+        data: boolean;
+        error?: CmsErrorResponse;
+    };
+}
+export interface DeleteCmsGroupMutationVariables {
+    id: string;
+}
 export declare const DELETE_CONTENT_MODEL_GROUP: import("graphql").DocumentNode;

package/admin/views/contentModelGroups/graphql.js

@@ -1,11 +1,39 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UPDATE_CONTENT_MODEL_GROUP = exports.LIST_CONTENT_MODEL_GROUPS = exports.GET_CONTENT_MODEL_GROUP = exports.DELETE_CONTENT_MODEL_GROUP = exports.CREATE_CONTENT_MODEL_GROUP = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import gql from "graphql-tag";
+var ERROR_FIELS = "\n    message\n    code\n    data\n";
 var fields = "\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n";
-export var LIST_CONTENT_MODEL_GROUPS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n        }\n    }\n"])), fields);
-export var GET_CONTENT_MODEL_GROUP = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ", "\n            }\n            error {\n                code\n                message\n            }\n        }\n    }\n"])), fields);
-export var CREATE_CONTENT_MODEL_GROUP = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])), fields);
-export var UPDATE_CONTENT_MODEL_GROUP = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])), fields);
-export var DELETE_CONTENT_MODEL_GROUP = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                code\n                message\n            }\n        }\n    }\n"])));
+var LIST_CONTENT_MODEL_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+/**
+ * ############################
+ * Get Group Query
+ */
+exports.LIST_CONTENT_MODEL_GROUPS = LIST_CONTENT_MODEL_GROUPS;
+var GET_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+
+/**
+ * ############################
+ * Create Group Mutation
+ */
+exports.GET_CONTENT_MODEL_GROUP = GET_CONTENT_MODEL_GROUP;
+var CREATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+/**
+ * ############################
+ * Update Group Mutation
+ */
+exports.CREATE_CONTENT_MODEL_GROUP = CREATE_CONTENT_MODEL_GROUP;
+var UPDATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+/**
+ * ############################
+ * Delete Group Mutation
+ */
+exports.UPDATE_CONTENT_MODEL_GROUP = UPDATE_CONTENT_MODEL_GROUP;
+var DELETE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ", "\n            }\n        }\n    }\n"])), ERROR_FIELS);
+exports.DELETE_CONTENT_MODEL_GROUP = DELETE_CONTENT_MODEL_GROUP;

package/admin/views/contentModelGroups/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","gql","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAG9B,IAAMA,WAAW,wCAIhB;AACD,IAAMC,MAAM,gKAaX;AAeM,IAAMC,yBAAyB,OAAGC,mBAAG,gZAI1BF,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAaO,IAAMI,uBAAuB,OAAGD,mBAAG,wUAIxBF,MAAM,EAGND,WAAW,CAI5B;;AAED;AACA;AACA;AACA;AAHA;AAcO,IAAMK,0BAA0B,OAAGF,mBAAG,ydAI3BF,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAeO,IAAMM,0BAA0B,OAAGH,mBAAG,iYAI3BF,MAAM,EAGND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAaO,IAAMO,0BAA0B,OAAGJ,mBAAG,wRAK3BH,WAAW,CAI5B;AAAC"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import * as UID from "@webiny/ui/Dialog";
+import { CmsEditorContentModel } from "../../../types";
+export interface Props {
+    open: boolean;
+    onClose: UID.DialogOnClose;
+    contentModel: CmsEditorContentModel;
+    closeModal: () => void;
+}
+declare const CloneContentModelDialog: React.FC<Props>;
+export default CloneContentModelDialog;