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

package/admin/views/contentModels/NewContentModelDialog.js

@@ -1,14 +1,4 @@
-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 React, { useCallback, useMemo } from "react";
 import { useRouter } from "@webiny/react-router";
 import { Form } from "@webiny/form";
 import { Input } from "@webiny/ui/Input";
@@ -16,181 +6,223 @@ 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 { useApolloClient, useMutation, useQuery } from "../../hooks";
 import { i18n } from "@webiny/app/i18n";
-import { ButtonDefault } from "@webiny/ui/Button";
+import { ButtonPrimary } from "@webiny/ui/Button";
 import * as UID from "@webiny/ui/Dialog";
-import { Grid, Cell } from "@webiny/ui/Grid";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
 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;");
-
-/**
- * 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 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,
-          model = _data$createContentMo.data,
-          error = _data$createContentMo.error;
-
+import { Dialog } from "../../components/Dialog";
+import { createApiNameValidator } from "./helpers/apiNameValidator";
+import { createNameValidator } from "./helpers/nameValidator";
+import { Checkbox } from "@webiny/ui/Checkbox";
+import { IconPicker } from "../../components/IconPicker";
+import { Switch } from "@webiny/ui/Switch";
+const t = i18n.ns("app-headless-cms/admin/views/content-models/new-content-model-dialog");
+const NewContentModelDialog = ({
+  open,
+  onClose
+}) => {
+  const [loading, setLoading] = React.useState(false);
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    history
+  } = useRouter();
+  const client = useApolloClient();
+  const [createContentModel] = useMutation(GQL.CREATE_CONTENT_MODEL, {
+    onCompleted(data) {
+      setLoading(false);
+      if (!data) {
+        showSnackbar("Missing data on Create Content Model Mutation Response.");
+        return;
+      }
+      const {
+        data: model,
+        error
+      } = data.createContentModel;
       if (error) {
-        return showSnackbar(error.message);
+        setLoading(false);
+        showSnackbar(error.message);
+        return;
+      }
+      history.push("/cms/content-models/" + model.modelId);
+    },
+    update(cache, {
+      data
+    }) {
+      if (!data) {
+        return;
+      }
+      const {
+        data: model,
+        error
+      } = data.createContentModel;
+      if (error) {
+        return;
       }
-
       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, {
+  });
+  const listMenuGroupsQuery = useQuery(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
     skip: !open
-  }),
-      data = _useQuery.data;
-
-  var contentModelGroups = get(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.");
+  const groups = useMemo(() => {
+    return listMenuGroupsQuery.data?.listContentModelGroups?.data || [];
+  }, [listMenuGroupsQuery.data]);
+  const contentModelGroups = useMemo(() => {
+    return groups.map(item => {
+      return {
+        value: item.id,
+        label: item.name
+      };
+    });
+  }, [groups]);
+  const models = useMemo(() => {
+    return groups.reduce((collection, group) => {
+      collection.push(...group.contentModels);
+      return collection;
+    }, []);
+  }, [groups]);
+  const nameValidator = useCallback(createNameValidator({
+    models
+  }), [models]);
+  const apiNameValidator = useCallback(createApiNameValidator({
+    client,
+    models
+  }), [client, models]);
+  const group = useMemo(() => {
+    if (!contentModelGroups.length) {
+      return undefined;
     }
-
-    if (target.toLowerCase() === "id") {
-      throw new Error('Value is not valid - "id" is an auto-generated field.');
+    return contentModelGroups[0]?.value;
+  }, [contentModelGroups]);
+  const onSubmit = useCallback(async data => {
+    setLoading(true);
+    /**
+     * We need to make sure that tags are always an array.
+     * At the moment there is no tags on the CmsModelData type.
+     * If it is added at some point, the @ts-expect-error should be removed - it will cause TS error.
+     */
+    // @ts-expect-error
+    const tags = Array.isArray(data.tags) ? data.tags : [];
+    /**
+     * If a model is a singleton, we add a special tag to it.
+     * + we need to put the pluralApiName to something that is not used.
+     */
+    if (data.singleton) {
+      tags.push(CMS_MODEL_SINGLETON_TAG);
+      data.pluralApiName = `${data.singularApiName}Unused`;
     }
-
-    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;
+    delete data.singleton;
+    await createContentModel({
+      variables: {
+        data: {
+          ...data,
+          tags
         }
-
-        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, {
+    });
+  }, [loading, createContentModel]);
+  return /*#__PURE__*/React.createElement(Dialog, {
     open: open,
     onClose: onClose,
-    className: narrowDialog,
     "data-testid": "cms-new-content-model-modal"
   }, open && /*#__PURE__*/React.createElement(Form, {
     data: {
-      group: get(contentModelGroups, "0.value")
+      group,
+      singleton: false
     },
-    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: onSubmit
+  }, ({
+    Bind,
+    submit,
+    data
+  }) => {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, {
+      label: "Creating content model..."
+    }), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t`New Content Model`), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
       span: 12
     }, /*#__PURE__*/React.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"])))
+      label: t`Name`,
+      description: t`The name of the content model. Use the singular form, e.g. Author Category, not Author Categories.`,
+      "data-testid": "cms.newcontentmodeldialog.name"
+    }))), /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "singularApiName",
+      validators: [validation.create("required,maxLength:100"), apiNameValidator]
+    }, /*#__PURE__*/React.createElement(Input, {
+      label: t`Singular API Name`,
+      description: t`The API name of the content model. For example: AuthorCategory.`,
+      "data-testid": "cms.newcontentmodeldialog.singularApiName"
+    }))), /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "singleton",
+      defaultValue: false
+    }, /*#__PURE__*/React.createElement(Switch, {
+      description: t`Create a model that can hold only one entry. Cannot be changed later.`,
+      label: t`Single entry model`,
+      "data-testid": "cms.newcontentmodeldialog.singleton"
+    }))), /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "pluralApiName",
+      validators: data.singleton ? [] : [validation.create("required,maxLength:100"), apiNameValidator]
+    }, /*#__PURE__*/React.createElement(Input, {
+      disabled: data.singleton,
+      label: t`Plural API Name`,
+      description: t`The plural API name of the content model. For example: AuthorCategories.`,
+      "data-testid": "cms.newcontentmodeldialog.pluralApiName"
     }))), /*#__PURE__*/React.createElement(Cell, {
       span: 12
     }, /*#__PURE__*/React.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
+      description: t`Choose a content model group`,
+      label: t`Content model group`,
+      options: contentModelGroups,
+      "data-testid": "cms.newcontentmodeldialog.selectgroup"
+    }))), /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "icon"
+    }, /*#__PURE__*/React.createElement(IconPicker, {
+      label: t`Icon`,
+      description: t`Choose an icon to represent the model.`
     }))), /*#__PURE__*/React.createElement(Cell, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "description"
-    }, function (props) {
-      return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
-        rows: 4,
-        maxLength: 200,
-        characterCount: true,
-        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Description"])))
-      }));
-    })))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
+    }, props => /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
+      rows: 4,
+      maxLength: 200,
+      characterCount: true,
+      label: t`Description`,
+      "data-testid": "cms.newcontentmodeldialog.description"
+    })))), /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "defaultFields",
+      defaultValue: true
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      description: t`Create model with default title (text), description (long text) and image (file) fields`,
+      label: t`Create model with default fields`,
+      "data-testid": "cms.newcontentmodeldialog.defaultfields"
+    }))))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
       onClick: submit
-    }, "+ ", t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Create"]))))));
+    }, "+ ", t`Create Model`)));
   }));
 };
+export default NewContentModelDialog;
 
-export default NewContentModelDialog;
+//# sourceMappingURL=NewContentModelDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRouter","Form","Input","Select","useSnackbar","CircularProgress","validation","useApolloClient","useMutation","useQuery","i18n","ButtonPrimary","UID","Cell","Grid","CMS_MODEL_SINGLETON_TAG","addModelToGroupCache","addModelToListCache","GQL","Dialog","createApiNameValidator","createNameValidator","Checkbox","IconPicker","Switch","t","ns","NewContentModelDialog","open","onClose","loading","setLoading","useState","showSnackbar","history","client","createContentModel","CREATE_CONTENT_MODEL","onCompleted","data","model","error","message","push","modelId","update","cache","listMenuGroupsQuery","LIST_MENU_CONTENT_GROUPS_MODELS","skip","groups","listContentModelGroups","contentModelGroups","map","item","value","id","label","name","models","reduce","collection","group","contentModels","nameValidator","apiNameValidator","length","undefined","onSubmit","tags","Array","isArray","singleton","pluralApiName","singularApiName","variables","createElement","Bind","submit","Fragment","DialogTitle","DialogContent","span","validators","create","description","defaultValue","disabled","options","props","Object","assign","rows","maxLength","characterCount","DialogActions","onClick"],"sources":["NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\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 { useApolloClient, useMutation, useQuery } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport type {\n    CreateCmsModelMutationResponse,\n    CreateCmsModelMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport type { CmsModel } from \"~/types\";\nimport type { CmsGroupOption } from \"./types\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator\";\nimport { Checkbox } from \"@webiny/ui/Checkbox\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Switch } from \"@webiny/ui/Switch\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-content-model-dialog\");\n\nexport interface NewContentModelDialogProps {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n}\n\ninterface CmsModelData {\n    name: string;\n    description: string;\n    group: string;\n    singleton?: boolean;\n    singularApiName: string;\n    pluralApiName: string;\n    defaultFields: boolean;\n}\n\nconst NewContentModelDialog = ({ open, onClose }: NewContentModelDialogProps) => {\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        onCompleted(data) {\n            setLoading(false);\n\n            if (!data) {\n                showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n                return;\n            }\n\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            history.push(\"/cms/content-models/\" + model.modelId);\n        },\n        update(cache, { data }) {\n            if (!data) {\n                return;\n            }\n\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n        {\n            skip: !open\n        }\n    );\n\n    const groups = useMemo(() => {\n        return listMenuGroupsQuery.data?.listContentModelGroups?.data || [];\n    }, [listMenuGroupsQuery.data]);\n\n    const contentModelGroups = useMemo(() => {\n        return groups.map((item): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        });\n    }, [groups]);\n\n    const models = useMemo(() => {\n        return groups.reduce<CmsModel[]>((collection, group) => {\n            collection.push(...group.contentModels);\n            return collection;\n        }, []);\n    }, [groups]);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    const group = useMemo<string | undefined>(() => {\n        if (!contentModelGroups.length) {\n            return undefined;\n        }\n        return contentModelGroups[0]?.value;\n    }, [contentModelGroups]);\n\n    const onSubmit = useCallback(\n        async (data: CmsModelData) => {\n            setLoading(true);\n            /**\n             * We need to make sure that tags are always an array.\n             * At the moment there is no tags on the CmsModelData type.\n             * If it is added at some point, the @ts-expect-error should be removed - it will cause TS error.\n             */\n            // @ts-expect-error\n            const tags: string[] = Array.isArray(data.tags) ? data.tags : [];\n            /**\n             * If a model is a singleton, we add a special tag to it.\n             * + we need to put the pluralApiName to something that is not used.\n             */\n            if (data.singleton) {\n                tags.push(CMS_MODEL_SINGLETON_TAG);\n                data.pluralApiName = `${data.singularApiName}Unused`;\n            }\n            delete data.singleton;\n            await createContentModel({\n                variables: {\n                    data: {\n                        ...data,\n                        tags\n                    }\n                }\n            });\n        },\n        [loading, createContentModel]\n    );\n\n    return (\n        <Dialog open={open} onClose={onClose} data-testid=\"cms-new-content-model-modal\">\n            {open && (\n                <Form<CmsModelData> data={{ group, singleton: false }} onSubmit={onSubmit}>\n                    {({ Bind, submit, data }) => {\n                        return (\n                            <>\n                                {loading && (\n                                    <CircularProgress label={\"Creating content model...\"} />\n                                )}\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. Author Category, not Author Categories.`}\n                                                    data-testid=\"cms.newcontentmodeldialog.name\"\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Bind\n                                                name={\"singularApiName\"}\n                                                validators={[\n                                                    validation.create(\"required,maxLength:100\"),\n                                                    apiNameValidator\n                                                ]}\n                                            >\n                                                <Input\n                                                    label={t`Singular API Name`}\n                                                    description={t`The API name of the content model. For example: AuthorCategory.`}\n                                                    data-testid=\"cms.newcontentmodeldialog.singularApiName\"\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Bind name={\"singleton\"} defaultValue={false}>\n                                                <Switch\n                                                    description={t`Create a model that can hold only one entry. Cannot be changed later.`}\n                                                    label={t`Single entry model`}\n                                                    data-testid=\"cms.newcontentmodeldialog.singleton\"\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Bind\n                                                name={\"pluralApiName\"}\n                                                validators={\n                                                    data.singleton\n                                                        ? []\n                                                        : [\n                                                              validation.create(\n                                                                  \"required,maxLength:100\"\n                                                              ),\n                                                              apiNameValidator\n                                                          ]\n                                                }\n                                            >\n                                                <Input\n                                                    disabled={data.singleton}\n                                                    label={t`Plural API Name`}\n                                                    description={t`The plural API name of the content model. For example: AuthorCategories.`}\n                                                    data-testid=\"cms.newcontentmodeldialog.pluralApiName\"\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=\"icon\">\n                                                <IconPicker\n                                                    label={t`Icon`}\n                                                    description={t`Choose an icon to represent the model.`}\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                                        <Cell span={12}>\n                                            <Bind name={\"defaultFields\"} defaultValue={true}>\n                                                <Checkbox\n                                                    description={t`Create model with default title (text), description (long text) and image (file) fields`}\n                                                    label={t`Create model with default fields`}\n                                                    data-testid=\"cms.newcontentmodeldialog.defaultfields\"\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                    </Grid>\n                                </UID.DialogContent>\n                                <UID.DialogActions>\n                                    <ButtonPrimary onClick={submit}>\n                                        + {t`Create Model`}\n                                    </ButtonPrimary>\n                                </UID.DialogActions>\n                            </>\n                        );\n                    }}\n                </Form>\n            )}\n        </Dialog>\n    );\n};\n\nexport default NewContentModelDialog;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+import React from "react";
+export interface OptionsMenuItem {
+    label: string;
+    icon: React.ReactElement;
+    onClick: () => void;
+    disabled?: boolean;
+    "data-testid"?: string;
+}
+export interface OptionsMenuProps {
+    items: OptionsMenuItem[];
+    "data-testid"?: string;
+}
+export declare const OptionsMenu: (({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null) & {
+    original: ({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null) & {
+        original: ({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null) & {
+        original: ({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/views/contentModels/OptionsMenu.js

@@ -0,0 +1,44 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from "react";
+import { css } from "@emotion/css";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Menu, MenuItem } from "@webiny/ui/Menu";
+import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
+import { ListItemGraphic } from "@webiny/ui/List";
+import { Icon } from "@webiny/ui/Icon";
+import { IconButton } from "@webiny/admin-ui";
+const menuStyles = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "1vsihzn",
+  styles: ".disabled{opacity:0.5;pointer-events:none;}"
+} : {
+  name: "xh2h6f-menuStyles",
+  styles: ".disabled{opacity:0.5;pointer-events:none;};label:menuStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTc0IiLCJmaWxlIjoiT3B0aW9uc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBNZW51LCBNZW51SXRlbSB9IGZyb20gXCJAd2ViaW55L3VpL01lbnVcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIE1vcmVWZXJ0aWNhbEljb24gfSBmcm9tIFwiQHdlYmlueS9pY29ucy9tb3JlX3ZlcnQuc3ZnXCI7XG5pbXBvcnQgeyBMaXN0SXRlbUdyYXBoaWMgfSBmcm9tIFwiQHdlYmlueS91aS9MaXN0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvblwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gICAgLmRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbnNNZW51SXRlbSB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gICAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgXCJkYXRhLXRlc3RpZFwiPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbnNNZW51UHJvcHMge1xuICAgIGl0ZW1zOiBPcHRpb25zTWVudUl0ZW1bXTtcbiAgICBcImRhdGEtdGVzdGlkXCI/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBPcHRpb25zTWVudSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkNtc01vZGVsc09wdGlvbnNNZW51XCIsXG4gICAgKHsgaXRlbXMsIC4uLnByb3BzIH06IE9wdGlvbnNNZW51UHJvcHMpID0+IHtcbiAgICAgICAgaWYgKCFpdGVtcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxNZW51XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXttZW51U3R5bGVzfVxuICAgICAgICAgICAgICAgIGhhbmRsZT17PEljb25CdXR0b24gaWNvbj17PE1vcmVWZXJ0aWNhbEljb24gLz59IHNpemU9e1wic21cIn0gdmFyaWFudD17XCJnaG9zdFwifSAvPn1cbiAgICAgICAgICAgICAgICBhbmNob3I9e1widG9wTGVmdFwifVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbXMubWFwKGl0ZW0gPT4gKFxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aXRlbS5sYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtpdGVtLmRpc2FibGVkID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbS5vbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW1bXCJkYXRhLXRlc3RpZFwiXX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExpc3RJdGVtR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBpY29uPXtpdGVtLmljb259IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0xpc3RJdGVtR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9NZW51PlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const OptionsMenu = makeDecoratable("CmsModelsOptionsMenu", ({
+  items,
+  ...props
+}) => {
+  if (!items.length) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Menu, Object.assign({
+    className: menuStyles,
+    handle: /*#__PURE__*/React.createElement(IconButton, {
+      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
+      size: "sm",
+      variant: "ghost"
+    }),
+    anchor: "topLeft"
+  }, props), items.map(item => /*#__PURE__*/React.createElement(MenuItem, {
+    key: item.label,
+    disabled: item.disabled ?? false,
+    onClick: item.onClick,
+    "data-testid": item["data-testid"]
+  }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: item.icon
+  })), item.label)));
+});
+
+//# sourceMappingURL=OptionsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","css","makeDecoratable","Menu","MenuItem","ReactComponent","MoreVerticalIcon","ListItemGraphic","Icon","IconButton","menuStyles","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","OptionsMenu","items","props","length","createElement","Object","assign","className","handle","icon","size","variant","anchor","item","key","label","disabled","onClick"],"sources":["OptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\nconst menuStyles = css`\n    .disabled {\n        opacity: 0.5;\n        pointer-events: none;\n    }\n`;\n\nexport interface OptionsMenuItem {\n    label: string;\n    icon: React.ReactElement;\n    onClick: () => void;\n    disabled?: boolean;\n    \"data-testid\"?: string;\n}\n\nexport interface OptionsMenuProps {\n    items: OptionsMenuItem[];\n    \"data-testid\"?: string;\n}\n\nexport const OptionsMenu = makeDecoratable(\n    \"CmsModelsOptionsMenu\",\n    ({ items, ...props }: OptionsMenuProps) => {\n        if (!items.length) {\n            return null;\n        }\n\n        return (\n            <Menu\n                className={menuStyles}\n                handle={<IconButton icon={<MoreVerticalIcon />} size={\"sm\"} variant={\"ghost\"} />}\n                anchor={\"topLeft\"}\n                {...props}\n            >\n                {items.map(item => (\n                    <MenuItem\n                        key={item.label}\n                        disabled={item.disabled ?? false}\n                        onClick={item.onClick}\n                        data-testid={item[\"data-testid\"]}\n                    >\n                        <ListItemGraphic>\n                            <Icon icon={item.icon} />\n                        </ListItemGraphic>\n                        {item.label}\n                    </MenuItem>\n                ))}\n            </Menu>\n        );\n    }\n);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,EAAEC,QAAQ,QAAQ,iBAAiB;AAChD,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,eAAe,QAAQ,iBAAiB;AACjD,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,UAAU,gBAAGT,GAAG,CAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAKrB;AAeD,OAAO,MAAMC,WAAW,GAAGjB,eAAe,CACtC,sBAAsB,EACtB,CAAC;EAAEkB,KAAK;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACvC,IAAI,CAACD,KAAK,CAACE,MAAM,EAAE;IACf,OAAO,IAAI;EACf;EAEA,oBACItB,KAAA,CAAAuB,aAAA,CAACpB,IAAI,EAAAqB,MAAA,CAAAC,MAAA;IACDC,SAAS,EAAEhB,UAAW;IACtBiB,MAAM,eAAE3B,KAAA,CAAAuB,aAAA,CAACd,UAAU;MAACmB,IAAI,eAAE5B,KAAA,CAAAuB,aAAA,CAACjB,gBAAgB,MAAE,CAAE;MAACuB,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAQ,CAAE,CAAE;IACjFC,MAAM,EAAE;EAAU,GACdV,KAAK,GAERD,KAAK,CAACJ,GAAG,CAACgB,IAAI,iBACXhC,KAAA,CAAAuB,aAAA,CAACnB,QAAQ;IACL6B,GAAG,EAAED,IAAI,CAACE,KAAM;IAChBC,QAAQ,EAAEH,IAAI,CAACG,QAAQ,IAAI,KAAM;IACjCC,OAAO,EAAEJ,IAAI,CAACI,OAAQ;IACtB,eAAaJ,IAAI,CAAC,aAAa;EAAE,gBAEjChC,KAAA,CAAAuB,aAAA,CAAChB,eAAe,qBACZP,KAAA,CAAAuB,aAAA,CAACf,IAAI;IAACoB,IAAI,EAAEI,IAAI,CAACJ;EAAK,CAAE,CACX,CAAC,EACjBI,IAAI,CAACE,KACA,CACb,CACC,CAAC;AAEf,CACJ,CAAC","ignoreList":[]}

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

@@ -1,5 +1,24 @@
-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;
+import type { DataProxy } from "apollo-cache";
+import type ApolloClient from "apollo-client";
+import type { CmsEditorContentModel, CmsModel } from "../../../types";
+export declare const addModelToListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const updateModelInCache: (cache: DataProxy, model: CmsModel) => void;
+export declare const addModelToGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const updateModelInGroupCache: (cache: DataProxy, model: CmsModel) => 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.
+ */
+/**
+ * TODO remove when we can confirm that new deletion works property
+ */
+export declare const removeModelFromCache: (client: ApolloClient<any>, model: CmsEditorContentModel) => void;
+/**
+ * TODO remove when we can confirm that new deletion works property
+ */
+export declare const removeModelFromListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+/**
+ * TODO remove when we can confirm that new deletion works property
+ */
+export declare const removeModelFromGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;