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

package/admin/views/contentModels/NewContentModelDialog.js

@@ -1,196 +1,230 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback } from "react";
-import { css } from "emotion";
-import get from "lodash/get";
-import { useRouter } from "@webiny/react-router";
-import { Form } from "@webiny/form";
-import { Input } from "@webiny/ui/Input";
-import { Select } from "@webiny/ui/Select";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { validation } from "@webiny/validation";
-import { useQuery, useMutation } from "../../hooks";
-import { i18n } from "@webiny/app/i18n";
-import { ButtonDefault } from "@webiny/ui/Button";
-import * as UID from "@webiny/ui/Dialog";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { addModelToGroupCache, addModelToListCache } from "./cache";
-import * as GQL from "../../viewsGraphql";
-var t = i18n.ns("app-headless-cms/admin/views/content-models/new-content-model-dialog");
-var narrowDialog = /*#__PURE__*/css({
-  ".mdc-dialog__surface": {
-    width: 600,
-    minWidth: 600
-  }
-}, "label:narrowDialog;");
-var noPadding = /*#__PURE__*/css({
-  padding: "5px !important"
-}, "label:noPadding;");
+"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 _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _reactRouter = require("@webiny/react-router");
+var _form = require("@webiny/form");
+var _Input = require("@webiny/ui/Input");
+var _Select = require("@webiny/ui/Select");
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+var _Progress = require("@webiny/ui/Progress");
+var _validation = require("@webiny/validation");
+var _hooks = require("../../hooks");
+var _i18n = require("@webiny/app/i18n");
+var _Button = require("@webiny/ui/Button");
+var UID = _interopRequireWildcard(require("@webiny/ui/Dialog"));
+var _Grid = require("@webiny/ui/Grid");
+var _cache = require("./cache");
+var GQL = _interopRequireWildcard(require("../../viewsGraphql"));
+var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
+var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
+var _Dialog2 = require("../../components/Dialog");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var t = _i18n.i18n.ns("app-headless-cms/admin/views/content-models/new-content-model-dialog");
 
 /**
  * This list is to disallow creating models that might interfere with GraphQL schema creation.
  * Add more if required.
  */
 var disallowedModelIdEndingList = ["Response", "List", "Meta", "Input", "Sorter"];
-
+var SCHEMA_TYPES = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListSchemaTypes {\n        __schema {\n            types {\n                name\n            }\n        }\n    }\n"])));
 var NewContentModelDialog = function NewContentModelDialog(_ref) {
   var open = _ref.open,
-      onClose = _ref.onClose;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      loading = _React$useState2[0],
-      setLoading = _React$useState2[1];
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history;
-
-  var _useMutation = useMutation(GQL.CREATE_CONTENT_MODEL, {
-    update: function update(cache, _ref2) {
-      var data = _ref2.data;
-      var _data$createContentMo = data.createContentModel,
+    onClose = _ref.onClose;
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    loading = _React$useState2[0],
+    setLoading = _React$useState2[1];
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    history = _useRouter.history;
+  var client = (0, _hooks.useApolloClient)();
+  var _useMutation = (0, _hooks.useMutation)(GQL.CREATE_CONTENT_MODEL, {
+      update: function update(cache, _ref2) {
+        var data = _ref2.data;
+        if (!data) {
+          setLoading(false);
+          showSnackbar("Missing data on Create Content Model Mutation Response.");
+          return;
+        }
+        var _data$createContentMo = data.createContentModel,
           model = _data$createContentMo.data,
           error = _data$createContentMo.error;
-
-      if (error) {
-        return showSnackbar(error.message);
+        if (error) {
+          setLoading(false);
+          showSnackbar(error.message);
+          return;
+        }
+        (0, _cache.addModelToListCache)(cache, model);
+        (0, _cache.addModelToGroupCache)(cache, model);
+        history.push("/cms/content-models/" + model.modelId);
       }
-
-      addModelToListCache(cache, model);
-      addModelToGroupCache(cache, model);
-      history.push("/cms/content-models/" + model.modelId);
-    }
-  }),
-      _useMutation2 = _slicedToArray(_useMutation, 1),
-      createContentModel = _useMutation2[0];
-
-  var _useQuery = useQuery(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
+    }),
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
+    createContentModel = _useMutation2[0];
+  var listMenuGroupsQuery = (0, _hooks.useQuery)(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
     skip: !open
-  }),
-      data = _useQuery.data;
-
-  var contentModelGroups = get(data, "listContentModelGroups.data", []).map(function (item) {
+  });
+  var contentModelGroups = (0, _get.default)(listMenuGroupsQuery, "data.listContentModelGroups.data", []).map(function (item) {
     return {
       value: item.id,
       label: item.name
     };
   });
-  var nameValidator = useCallback(function (name) {
-    var target = (name || "").trim();
-
-    if (!target.charAt(0).match(/[a-zA-Z]/)) {
-      throw new Error("Value is not valid - must not start with a number.");
-    }
-
-    if (target.toLowerCase() === "id") {
-      throw new Error('Value is not valid - "id" is an auto-generated field.');
-    }
-
-    var _iterator = _createForOfIteratorHelper(disallowedModelIdEndingList),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var ending = _step.value;
-        var re = new RegExp("".concat(ending, "$"), "i");
-        var matched = target.match(re);
-
-        if (matched === null) {
-          continue;
+  var nameValidator = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(name) {
+      var target, _i, _disallowedModelIdEnd, ending, re, matched, _yield$client$query, data, types, modelId;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            target = (name || "").trim();
+            if (target.charAt(0).match(/[a-zA-Z]/)) {
+              _context.next = 3;
+              break;
+            }
+            throw new Error("Model name can't start with a number.");
+          case 3:
+            _i = 0, _disallowedModelIdEnd = disallowedModelIdEndingList;
+          case 4:
+            if (!(_i < _disallowedModelIdEnd.length)) {
+              _context.next = 14;
+              break;
+            }
+            ending = _disallowedModelIdEnd[_i];
+            re = new RegExp("".concat(ending, "$"), "i");
+            matched = target.match(re);
+            if (!(matched === null)) {
+              _context.next = 10;
+              break;
+            }
+            return _context.abrupt("continue", 11);
+          case 10:
+            throw new Error("Model must not end with \"".concat(ending, "\"."));
+          case 11:
+            _i++;
+            _context.next = 4;
+            break;
+          case 14:
+            _context.next = 16;
+            return client.query({
+              query: SCHEMA_TYPES,
+              fetchPolicy: "network-only"
+            });
+          case 16:
+            _yield$client$query = _context.sent;
+            data = _yield$client$query.data;
+            types = data.__schema.types.map(function (t) {
+              return t.name;
+            });
+            modelId = (0, _upperFirst.default)((0, _camelCase.default)(name));
+            if (!types.includes(modelId)) {
+              _context.next = 22;
+              break;
+            }
+            throw new Error("\"".concat(name, "\" type already exists in the GraphQL schema. Please pick a different name."));
+          case 22:
+            return _context.abrupt("return", true);
+          case 23:
+          case "end":
+            return _context.stop();
         }
-
-        throw new Error("Model name that ends with \"".concat(ending, "\" is not allowed."));
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return true;
-  }, undefined);
-  return /*#__PURE__*/React.createElement(UID.Dialog, {
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [client]);
+  var group = (contentModelGroups === null || contentModelGroups === void 0 ? void 0 : contentModelGroups.length) > 0 ? contentModelGroups[0].value : null;
+  var _onSubmit = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(data) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setLoading(true);
+            _context2.next = 3;
+            return createContentModel({
+              variables: {
+                data: data
+              }
+            });
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onSubmit(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
     open: open,
     onClose: onClose,
-    className: narrowDialog,
     "data-testid": "cms-new-content-model-modal"
-  }, open && /*#__PURE__*/React.createElement(Form, {
+  }, open && /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: {
-      group: get(contentModelGroups, "0.value")
+      group: group
     },
-    onSubmit: /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                setLoading(true);
-                _context.next = 3;
-                return createContentModel({
-                  variables: {
-                    data: data
-                  }
-                });
-
-              case 3:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      return function (_x) {
-        return _ref3.apply(this, arguments);
-      };
-    }()
-  }, function (_ref4) {
-    var Bind = _ref4.Bind,
-        submit = _ref4.submit;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["New Content Model"])))), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, {
-      className: noPadding
-    }, /*#__PURE__*/React.createElement(Cell, {
+    onSubmit: function onSubmit(data) {
+      /**
+       * We are positive that data is CmsModelData.
+       */
+      _onSubmit(data);
+    }
+  }, function (_ref5) {
+    var Bind = _ref5.Bind,
+      submit = _ref5.submit;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: "Creating content model..."
+    }), /*#__PURE__*/_react.default.createElement(UID.DialogTitle, null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Content Model"])))), /*#__PURE__*/_react.default.createElement(UID.DialogContent, 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"), nameValidator]
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Name"]))),
-      description: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["The name of the content model"])))
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      validators: [_validation.validation.create("required,maxLength:100"), nameValidator]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
+      description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["The name of the content model. Use the singular form, e.g. Person, not Persons."]))),
+      "data-testid": "cms.newcontentmodeldialog.name"
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "group",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(Select, {
-      description: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Choose a content model group"]))),
-      label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Content model group"]))),
-      options: contentModelGroups
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
+      options: contentModelGroups,
+      "data-testid": "cms.newcontentmodeldialog.selectgroup"
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "description"
     }, function (props) {
-      return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
+      return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, props, {
         rows: 4,
         maxLength: 200,
         characterCount: true,
-        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Description"])))
+        label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
+        "data-testid": "cms.newcontentmodeldialog.description"
       }));
-    })))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
-      onClick: submit
-    }, "+ ", t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Create"]))))));
+    })))), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
+    }, "+ ", t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Create Model"]))))));
   }));
 };
-
-export default NewContentModelDialog;
+var _default = NewContentModelDialog;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","disallowedModelIdEndingList","SCHEMA_TYPES","gql","NewContentModelDialog","open","onClose","React","useState","loading","setLoading","useSnackbar","showSnackbar","useRouter","history","client","useApolloClient","useMutation","GQL","CREATE_CONTENT_MODEL","update","cache","data","createContentModel","model","error","message","addModelToListCache","addModelToGroupCache","push","modelId","listMenuGroupsQuery","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","skip","contentModelGroups","get","map","item","value","id","label","name","nameValidator","useCallback","target","trim","charAt","match","Error","ending","re","RegExp","matched","query","fetchPolicy","types","__schema","lodashUpperFirst","lodashCamelCase","includes","group","length","onSubmit","variables","Bind","submit","validation","create","props","ev"],"sources":["NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport gql from \"graphql-tag\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { validation } from \"@webiny/validation\";\nimport { useQuery, useMutation, useApolloClient } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport {\n    CreateCmsModelMutationResponse,\n    CreateCmsModelMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroup } from \"~/types\";\nimport { CmsGroupOption } from \"./types\";\nimport lodashUpperFirst from \"lodash/upperFirst\";\nimport lodashCamelCase from \"lodash/camelCase\";\nimport { Dialog } from \"~/admin/components/Dialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-content-model-dialog\");\n\n/**\n * This list is to disallow creating models that might interfere with GraphQL schema creation.\n * Add more if required.\n */\nconst disallowedModelIdEndingList: string[] = [\"Response\", \"List\", \"Meta\", \"Input\", \"Sorter\"];\n\nexport interface NewContentModelDialogProps {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n}\n\nconst SCHEMA_TYPES = gql`\n    query ListSchemaTypes {\n        __schema {\n            types {\n                name\n            }\n        }\n    }\n`;\n\ninterface SchemaTypes {\n    __schema: {\n        types: { name: string }[];\n    };\n}\n\ninterface CmsModelData {\n    name: string;\n    description: string;\n    group: string;\n}\n\nconst NewContentModelDialog: React.FC<NewContentModelDialogProps> = ({ open, onClose }) => {\n    const [loading, setLoading] = React.useState(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const client = useApolloClient();\n\n    const [createContentModel] = useMutation<\n        CreateCmsModelMutationResponse,\n        CreateCmsModelMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL, {\n        update(cache, { data }) {\n            if (!data) {\n                setLoading(false);\n                showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n                return;\n            }\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\" + model.modelId);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n        {\n            skip: !open\n        }\n    );\n\n    const contentModelGroups = get(listMenuGroupsQuery, \"data.listContentModelGroups.data\", []).map(\n        (item: CmsGroup): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        }\n    );\n\n    const nameValidator = useCallback(\n        async (name: string): Promise<boolean> => {\n            const target = (name || \"\").trim();\n            if (!target.charAt(0).match(/[a-zA-Z]/)) {\n                throw new Error(\"Model name can't start with a number.\");\n            }\n\n            for (const ending of disallowedModelIdEndingList) {\n                const re = new RegExp(`${ending}$`, \"i\");\n                const matched = target.match(re);\n                if (matched === null) {\n                    continue;\n                }\n                throw new Error(`Model must not end with \"${ending}\".`);\n            }\n\n            // Validate GraphQL Schema type\n            const { data } = await client.query<SchemaTypes>({\n                query: SCHEMA_TYPES,\n                fetchPolicy: \"network-only\"\n            });\n\n            const types = data.__schema.types.map(t => t.name);\n\n            const modelId = lodashUpperFirst(lodashCamelCase(name));\n\n            if (types.includes(modelId)) {\n                throw new Error(\n                    `\"${name}\" type already exists in the GraphQL schema. Please pick a different name.`\n                );\n            }\n\n            return true;\n        },\n        [client]\n    );\n\n    const group = contentModelGroups?.length > 0 ? contentModelGroups[0].value : null;\n\n    const onSubmit = async (data: CmsModelData) => {\n        setLoading(true);\n        await createContentModel({\n            variables: { data }\n        });\n    };\n\n    return (\n        <Dialog open={open} onClose={onClose} data-testid=\"cms-new-content-model-modal\">\n            {open && (\n                <Form\n                    data={{ group }}\n                    onSubmit={data => {\n                        /**\n                         * We are positive that data is CmsModelData.\n                         */\n                        onSubmit(data as unknown as CmsModelData);\n                    }}\n                >\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading && <CircularProgress label={\"Creating content model...\"} />}\n                            <UID.DialogTitle>{t`New Content Model`}</UID.DialogTitle>\n                            <UID.DialogContent>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"name\"}\n                                            validators={[\n                                                validation.create(\"required,maxLength:100\"),\n                                                nameValidator\n                                            ]}\n                                        >\n                                            <Input\n                                                label={t`Name`}\n                                                description={t`The name of the content model. Use the singular form, e.g. Person, not Persons.`}\n                                                data-testid=\"cms.newcontentmodeldialog.name\"\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"group\"}\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Select\n                                                description={t`Choose a content model group`}\n                                                label={t`Content model group`}\n                                                options={contentModelGroups}\n                                                data-testid=\"cms.newcontentmodeldialog.selectgroup\"\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind name=\"description\">\n                                            {props => (\n                                                <Input\n                                                    {...props}\n                                                    rows={4}\n                                                    maxLength={200}\n                                                    characterCount\n                                                    label={t`Description`}\n                                                    data-testid=\"cms.newcontentmodeldialog.description\"\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                            </UID.DialogContent>\n                            <UID.DialogActions>\n                                <ButtonPrimary\n                                    onClick={ev => {\n                                        submit(ev);\n                                    }}\n                                >\n                                    + {t`Create Model`}\n                                </ButtonPrimary>\n                            </UID.DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </Dialog>\n    );\n};\n\nexport default NewContentModelDialog;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA;AACA;AACA;AAAmD;AAEnD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sEAAsE,CAAC;;AAEzF;AACA;AACA;AACA;AACA,IAAMC,2BAAqC,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;AAO7F,IAAMC,YAAY,OAAGC,mBAAG,mNAQvB;AAcD,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA2D,OAA0B;EAAA,IAApBC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;EAChF,sBAA8BC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA5CC,OAAO;IAAEC,UAAU;EAC1B,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,iBAAoB,IAAAC,sBAAS,GAAE;IAAvBC,OAAO,cAAPA,OAAO;EACf,IAAMC,MAAM,GAAG,IAAAC,sBAAe,GAAE;EAEhC,mBAA6B,IAAAC,kBAAW,EAGtCC,GAAG,CAACC,oBAAoB,EAAE;MACxBC,MAAM,kBAACC,KAAK,SAAY;QAAA,IAARC,IAAI,SAAJA,IAAI;QAChB,IAAI,CAACA,IAAI,EAAE;UACPZ,UAAU,CAAC,KAAK,CAAC;UACjBE,YAAY,CAAC,yDAAyD,CAAC;UACvE;QACJ;QACA,4BAA+BU,IAAI,CAACC,kBAAkB;UAAxCC,KAAK,yBAAXF,IAAI;UAASG,KAAK,yBAALA,KAAK;QAE1B,IAAIA,KAAK,EAAE;UACPf,UAAU,CAAC,KAAK,CAAC;UACjBE,YAAY,CAACa,KAAK,CAACC,OAAO,CAAC;UAC3B;QACJ;QAEA,IAAAC,0BAAmB,EAACN,KAAK,EAAEG,KAAK,CAAC;QACjC,IAAAI,2BAAoB,EAACP,KAAK,EAAEG,KAAK,CAAC;QAElCV,OAAO,CAACe,IAAI,CAAC,sBAAsB,GAAGL,KAAK,CAACM,OAAO,CAAC;MACxD;IACJ,CAAC,CAAC;IAAA;IAvBKP,kBAAkB;EAyBzB,IAAMQ,mBAAmB,GAAG,IAAAC,eAAQ,EAChCd,GAAG,CAACe,+BAA+B,EACnC;IACIC,IAAI,EAAE,CAAC7B;EACX,CAAC,CACJ;EAED,IAAM8B,kBAAkB,GAAG,IAAAC,YAAG,EAACL,mBAAmB,EAAE,kCAAkC,EAAE,EAAE,CAAC,CAACM,GAAG,CAC3F,UAACC,IAAc,EAAqB;IAChC,OAAO;MACHC,KAAK,EAAED,IAAI,CAACE,EAAE;MACdC,KAAK,EAAEH,IAAI,CAACI;IAChB,CAAC;EACL,CAAC,CACJ;EAED,IAAMC,aAAa,GAAG,IAAAC,kBAAW;IAAA,mGAC7B,iBAAOF,IAAY;MAAA;MAAA;QAAA;UAAA;YACTG,MAAM,GAAG,CAACH,IAAI,IAAI,EAAE,EAAEI,IAAI,EAAE;YAAA,IAC7BD,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,UAAU,CAAC;cAAA;cAAA;YAAA;YAAA,MAC7B,IAAIC,KAAK,CAAC,uCAAuC,CAAC;UAAA;YAAA,gCAGvChD,2BAA2B;UAAA;YAAA;cAAA;cAAA;YAAA;YAArCiD,MAAM;YACPC,EAAE,GAAG,IAAIC,MAAM,WAAIF,MAAM,QAAK,GAAG,CAAC;YAClCG,OAAO,GAAGR,MAAM,CAACG,KAAK,CAACG,EAAE,CAAC;YAAA,MAC5BE,OAAO,KAAK,IAAI;cAAA;cAAA;YAAA;YAAA;UAAA;YAAA,MAGd,IAAIJ,KAAK,qCAA6BC,MAAM,SAAK;UAAA;YAAA;YAAA;YAAA;UAAA;YAAA;YAAA,OAIpCnC,MAAM,CAACuC,KAAK,CAAc;cAC7CA,KAAK,EAAEpD,YAAY;cACnBqD,WAAW,EAAE;YACjB,CAAC,CAAC;UAAA;YAAA;YAHMjC,IAAI,uBAAJA,IAAI;YAKNkC,KAAK,GAAGlC,IAAI,CAACmC,QAAQ,CAACD,KAAK,CAACnB,GAAG,CAAC,UAAAvC,CAAC;cAAA,OAAIA,CAAC,CAAC4C,IAAI;YAAA,EAAC;YAE5CZ,OAAO,GAAG,IAAA4B,mBAAgB,EAAC,IAAAC,kBAAe,EAACjB,IAAI,CAAC,CAAC;YAAA,KAEnDc,KAAK,CAACI,QAAQ,CAAC9B,OAAO,CAAC;cAAA;cAAA;YAAA;YAAA,MACjB,IAAImB,KAAK,aACPP,IAAI,iFACX;UAAA;YAAA,iCAGE,IAAI;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA,CACd;IAAA;MAAA;IAAA;EAAA,KACD,CAAC3B,MAAM,CAAC,CACX;EAED,IAAM8C,KAAK,GAAG,CAAA1B,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAE2B,MAAM,IAAG,CAAC,GAAG3B,kBAAkB,CAAC,CAAC,CAAC,CAACI,KAAK,GAAG,IAAI;EAEjF,IAAMwB,SAAQ;IAAA,mGAAG,kBAAOzC,IAAkB;MAAA;QAAA;UAAA;YACtCZ,UAAU,CAAC,IAAI,CAAC;YAAC;YAAA,OACXa,kBAAkB,CAAC;cACrByC,SAAS,EAAE;gBAAE1C,IAAI,EAAJA;cAAK;YACtB,CAAC,CAAC;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA,CACL;IAAA,gBALKyC,QAAQ;MAAA;IAAA;EAAA,GAKb;EAED,oBACI,6BAAC,eAAM;IAAC,IAAI,EAAE1D,IAAK;IAAC,OAAO,EAAEC,OAAQ;IAAC,eAAY;EAA6B,GAC1ED,IAAI,iBACD,6BAAC,UAAI;IACD,IAAI,EAAE;MAAEwD,KAAK,EAALA;IAAM,CAAE;IAChB,QAAQ,EAAE,kBAAAvC,IAAI,EAAI;MACd;AACxB;AACA;MACwByC,SAAQ,CAACzC,IAAI,CAA4B;IAC7C;EAAE,GAED;IAAA,IAAG2C,IAAI,SAAJA,IAAI;MAAEC,MAAM,SAANA,MAAM;IAAA,oBACZ,4DACKzD,OAAO,iBAAI,6BAAC,0BAAgB;MAAC,KAAK,EAAE;IAA4B,EAAG,eACpE,6BAAC,GAAG,CAAC,WAAW,QAAEX,CAAC,uGAAsC,eACzD,6BAAC,GAAG,CAAC,aAAa,qBACd,6BAAC,UAAI,qBACD,6BAAC,UAAI;MAAC,IAAI,EAAE;IAAG,gBACX,6BAAC,IAAI;MACD,IAAI,EAAE,MAAO;MACb,UAAU,EAAE,CACRqE,sBAAU,CAACC,MAAM,CAAC,wBAAwB,CAAC,EAC3CzB,aAAa;IACf,gBAEF,6BAAC,YAAK;MACF,KAAK,EAAE7C,CAAC,yFAAO;MACf,WAAW,EAAEA,CAAC,oKAAkF;MAChG,eAAY;IAAgC,EAC9C,CACC,CACJ,eACP,6BAAC,UAAI;MAAC,IAAI,EAAE;IAAG,gBACX,6BAAC,IAAI;MACD,IAAI,EAAE,OAAQ;MACd,UAAU,EAAEqE,sBAAU,CAACC,MAAM,CAAC,UAAU;IAAE,gBAE1C,6BAAC,cAAM;MACH,WAAW,EAAEtE,CAAC,iHAA+B;MAC7C,KAAK,EAAEA,CAAC,wGAAsB;MAC9B,OAAO,EAAEqC,kBAAmB;MAC5B,eAAY;IAAuC,EACrD,CACC,CACJ,eACP,6BAAC,UAAI;MAAC,IAAI,EAAE;IAAG,gBACX,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAa,GACnB,UAAAkC,KAAK;MAAA,oBACF,6BAAC,YAAK,oBACEA,KAAK;QACT,IAAI,EAAE,CAAE;QACR,SAAS,EAAE,GAAI;QACf,cAAc;QACd,KAAK,EAAEvE,CAAC,gGAAc;QACtB,eAAY;MAAuC,GACrD;IAAA,CACL,CACE,CACJ,CACJ,CACS,eACpB,6BAAC,GAAG,CAAC,aAAa,qBACd,6BAAC,qBAAa;MACV,OAAO,EAAE,iBAAAwE,EAAE,EAAI;QACXJ,MAAM,CAACI,EAAE,CAAC;MACd;IAAE,GACL,IACK,EAACxE,CAAC,kGACQ,CACA,CACrB;EAAA,CACN,CAER,CACI;AAEjB,CAAC;AAAC,eAEaM,qBAAqB;AAAA"}

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

@@ -1,5 +1,13 @@
+import { DataProxy } from "apollo-cache";
+import ApolloClient from "apollo-client";
 import { CmsEditorContentModel } from "../../../types";
-export declare const addModelToListCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const addModelToGroupCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const removeModelFromListCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const removeModelFromGroupCache: (cache: any, model: CmsEditorContentModel) => void;
+export declare const addModelToListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const addModelToGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+/**
+ * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.
+ * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same
+ * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.
+ */
+export declare const removeModelFromCache: (client: ApolloClient<any>, model: CmsEditorContentModel) => void;
+export declare const removeModelFromListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const removeModelFromGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;

package/admin/views/contentModels/cache.js

@@ -1,68 +1,114 @@
-import dotProp from "dot-prop-immutable";
-import * as GQL from "../../viewsGraphql";
-export var addModelToListCache = function addModelToListCache(cache, model) {
-  var _cache$readQuery = cache.readQuery({
-    query: GQL.LIST_CONTENT_MODELS
-  }),
-      listContentModels = _cache$readQuery.listContentModels;
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeModelFromListCache = exports.removeModelFromGroupCache = exports.removeModelFromCache = exports.addModelToListCache = exports.addModelToGroupCache = void 0;
+var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
+var _viewsGraphql = require("../../viewsGraphql");
+var addModelToListCache = function addModelToListCache(cache, model) {
+  var response = cache.readQuery({
+    query: _viewsGraphql.LIST_CONTENT_MODELS
+  });
+  if (!response || !response.listContentModels) {
+    return;
+  }
+  var listContentModels = response.listContentModels;
   var newModelIndex = listContentModels.data.length;
   cache.writeQuery({
-    query: GQL.LIST_CONTENT_MODELS,
+    query: _viewsGraphql.LIST_CONTENT_MODELS,
     data: {
-      listContentModels: dotProp.set(listContentModels, "data.".concat(newModelIndex), model)
+      listContentModels: _dotPropImmutable.default.set(listContentModels, "data.".concat(newModelIndex), model)
     }
   });
 };
-export var addModelToGroupCache = function addModelToGroupCache(cache, model) {
-  var _cache$readQuery2 = cache.readQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS
-  }),
-      groupsList = _cache$readQuery2.listContentModelGroups;
-
+exports.addModelToListCache = addModelToListCache;
+var addModelToGroupCache = function addModelToGroupCache(cache, model) {
+  var response = cache.readQuery({
+    query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS
+  });
+  if (!response || !response.listContentModelGroups) {
+    return;
+  }
+  var groupsList = response.listContentModelGroups;
   var groupIndex = groupsList.data.findIndex(function (g) {
     return g.id === model.group.id;
   });
   var newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;
   cache.writeQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS,
+    query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {
-      listContentModelGroups: dotProp.set(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(newGroupModelIndex), model)
+      listContentModelGroups: _dotPropImmutable.default.set(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(newGroupModelIndex), model)
     }
   });
 };
-export var removeModelFromListCache = function removeModelFromListCache(cache, model) {
-  var _cache$readQuery3 = cache.readQuery({
-    query: GQL.LIST_CONTENT_MODELS
-  }),
-      listContentModels = _cache$readQuery3.listContentModels;
 
+/**
+ * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.
+ * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same
+ * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.
+ */
+exports.addModelToGroupCache = addModelToGroupCache;
+var removeModelFromCache = function removeModelFromCache(client, model) {
+  var id = "CmsContentModel:".concat(model.modelId);
+
+  // @ts-ignore
+  client.cache.data.delete(id);
+
+  // @ts-ignore
+  Object.keys(client.cache.data.data).forEach(function (key) {
+    if (key.startsWith("".concat(id, ".")) || key.startsWith("$".concat(id, "."))) {
+      // @ts-ignore
+      client.cache.data.delete(key);
+    }
+  });
+};
+exports.removeModelFromCache = removeModelFromCache;
+var removeModelFromListCache = function removeModelFromListCache(cache, model) {
+  var response = cache.readQuery({
+    query: _viewsGraphql.LIST_CONTENT_MODELS
+  });
+  if (!response || !response.listContentModels) {
+    return;
+  }
+  var listContentModels = response.listContentModels;
   var modelIndex = listContentModels.data.findIndex(function (m) {
     return m.modelId === model.modelId;
   });
   cache.writeQuery({
-    query: GQL.LIST_CONTENT_MODELS,
+    query: _viewsGraphql.LIST_CONTENT_MODELS,
     data: {
-      listContentModels: dotProp.delete(listContentModels, "data.".concat(modelIndex))
+      listContentModels: _dotPropImmutable.default.delete(listContentModels, "data.".concat(modelIndex))
     }
   });
 };
-export var removeModelFromGroupCache = function removeModelFromGroupCache(cache, model) {
-  var _cache$readQuery4 = cache.readQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS
-  }),
-      groupsList = _cache$readQuery4.listContentModelGroups;
-
+exports.removeModelFromListCache = removeModelFromListCache;
+var removeModelFromGroupCache = function removeModelFromGroupCache(cache, model) {
+  var response = cache.readQuery({
+    query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS
+  });
+  if (!response || !response.listContentModelGroups) {
+    return;
+  }
+  var groupsList = response.listContentModelGroups;
   var groupIndex = groupsList.data.findIndex(function (g) {
     return g.id === model.group.id;
   });
+  if (groupIndex < 0) {
+    return;
+  }
   var modelIndex = groupsList.data[groupIndex].contentModels.findIndex(function (m) {
     return m.modelId === model.modelId;
   });
+  if (modelIndex < 0) {
+    return;
+  }
   cache.writeQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS,
+    query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {
-      listContentModelGroups: dotProp.delete(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(modelIndex))
+      listContentModelGroups: _dotPropImmutable.default.delete(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(modelIndex))
     }
   });
-};
+};
+exports.removeModelFromGroupCache = removeModelFromGroupCache;

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

@@ -0,0 +1 @@
+{"version":3,"names":["addModelToListCache","cache","model","response","readQuery","query","LIST_CONTENT_MODELS","listContentModels","newModelIndex","data","length","writeQuery","dotProp","set","addModelToGroupCache","LIST_MENU_CONTENT_GROUPS_MODELS","listContentModelGroups","groupsList","groupIndex","findIndex","g","id","group","newGroupModelIndex","contentModels","removeModelFromCache","client","modelId","delete","Object","keys","forEach","key","startsWith","removeModelFromListCache","modelIndex","m","removeModelFromGroupCache"],"sources":["cache.ts"],"sourcesContent":["import dotProp from \"dot-prop-immutable\";\nimport { DataProxy } from \"apollo-cache\";\nimport ApolloClient from \"apollo-client\";\nimport { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql\";\nimport { CmsEditorContentModel } from \"~/types\";\nimport { ListCmsModelsQueryResponse, ListMenuCmsGroupsQueryResponse } from \"../../viewsGraphql\";\n\nexport const addModelToListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const newModelIndex = listContentModels.data.length;\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(listContentModels, `data.${newModelIndex}`, model)\n        }\n    });\n};\n\nexport const addModelToGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${newGroupModelIndex}`,\n                model\n            )\n        }\n    });\n};\n\n/**\n * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.\n * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same\n * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.\n */\nexport const removeModelFromCache = (\n    client: ApolloClient<any>,\n    model: CmsEditorContentModel\n): void => {\n    const id = `CmsContentModel:${model.modelId}`;\n\n    // @ts-ignore\n    client.cache.data.delete(id);\n\n    // @ts-ignore\n    Object.keys(client.cache.data.data).forEach(key => {\n        if (key.startsWith(`${id}.`) || key.startsWith(`$${id}.`)) {\n            // @ts-ignore\n            client.cache.data.delete(key);\n        }\n    });\n};\n\nexport const removeModelFromListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const modelIndex = listContentModels.data.findIndex(m => m.modelId === model.modelId);\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.delete(listContentModels, `data.${modelIndex}`)\n        }\n    });\n};\n\nexport const removeModelFromGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.delete(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`\n            )\n        }\n    });\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+export interface CmsGroupOption {
+    value: string;
+    label: string;
+}

package/admin/views/contentModels/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});