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

package/admin/views/contentModels/CloneContentModelDialog.js

@@ -0,0 +1,230 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+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 _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
+var _viewsGraphql = require("../../viewsGraphql");
+var _Dialog2 = require("../../components/Dialog");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var t = _i18n.i18n.ns("app-headless-cms/admin/views/content-models/clone-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 getSelectedGroup = function getSelectedGroup(groups, model) {
+  if (!groups || groups.length === 0 || !model) {
+    return "";
+  }
+  var current = model.group.id;
+  var group = groups.find(function (g) {
+    return g.value === current;
+  });
+  if (group) {
+    return group.value;
+  }
+  var defaultSelected = groups.find(function () {
+    return true;
+  });
+  return defaultSelected ? defaultSelected.value : null;
+};
+var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    contentModel = _ref.contentModel,
+    closeModal = _ref.closeModal;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    history = _useRouter.history;
+  var _useI18N = (0, _useI18N2.useI18N)(),
+    getLocales = _useI18N.getLocales,
+    getCurrentLocale = _useI18N.getCurrentLocale,
+    setCurrentLocale = _useI18N.setCurrentLocale;
+  var currentLocale = getCurrentLocale("content");
+  var _useState3 = (0, _react.useState)(currentLocale || ""),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    locale = _useState4[0],
+    setLocale = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    groups = _useState6[0],
+    setGroups = _useState6[1];
+  var _useMutation = (0, _hooks.useMutation)(_viewsGraphql.CREATE_CONTENT_MODEL_FROM, {
+      onError: function onError(error) {
+        setLoading(false);
+        showSnackbar(error.message);
+      },
+      update: function update(cache, response) {
+        if (!response.data) {
+          showSnackbar("Missing data on Create Content Model From Mutation Response.");
+          return;
+        }
+        var _response$data$create = response.data.createContentModelFrom,
+          model = _response$data$create.data,
+          error = _response$data$create.error;
+        if (error) {
+          setLoading(false);
+          showSnackbar(error.message);
+          return;
+        }
+        if (currentLocale !== locale) {
+          setCurrentLocale(locale, "content");
+          window.location.reload();
+          return;
+        }
+        (0, _cache.addModelToListCache)(cache, model);
+        (0, _cache.addModelToGroupCache)(cache, model);
+        history.push("/cms/content-models/");
+        closeModal();
+      }
+    }),
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
+    createContentModelFrom = _useMutation2[0];
+  var locales = getLocales().map(function (_ref2) {
+    var code = _ref2.code;
+    return {
+      value: code,
+      label: code === currentLocale ? "Current locale" : code
+    };
+  });
+  var _useQueryLocale = (0, _hooks.useQueryLocale)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS, locale, {
+      skip: !open || !!groups
+    }),
+    data = _useQueryLocale.data,
+    groupsLoading = _useQueryLocale.loading;
+  (0, _react.useEffect)(function () {
+    if (!data || groupsLoading) {
+      return;
+    }
+    var contentModelGroups = (0, _get.default)(data, "listContentModelGroups.data", []).map(function (item) {
+      return {
+        value: item.id,
+        label: item.name
+      };
+    });
+    setGroups(contentModelGroups);
+  }, [data, groupsLoading]);
+  var selectedGroup = getSelectedGroup(groups, contentModel);
+  var nameValidator = (0, _react.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.');
+    }
+    for (var _i = 0, _disallowedModelIdEnd = disallowedModelIdEndingList; _i < _disallowedModelIdEnd.length; _i++) {
+      var ending = _disallowedModelIdEnd[_i];
+      var re = new RegExp("".concat(ending, "$"), "i");
+      var matched = target.match(re);
+      if (matched === null) {
+        continue;
+      }
+      throw new Error("Model name that ends with \"".concat(ending, "\" is not allowed."));
+    }
+    return true;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
+    open: open,
+    onClose: onClose,
+    "data-testid": "cms-clone-content-model-modal"
+  }, (!groups || groupsLoading) && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    label: "Please wait while we load required information."
+  }), open && /*#__PURE__*/_react.default.createElement(_form.Form, {
+    data: {
+      group: selectedGroup,
+      locale: locale,
+      name: contentModel.name
+    },
+    onSubmit: function onSubmit(data) {
+      setLoading(true);
+      createContentModelFrom({
+        variables: {
+          modelId: contentModel.modelId,
+          /**
+           * We know that data is CmsModel
+           */
+          data: data
+        }
+      });
+    }
+  }, function (_ref3) {
+    var Bind = _ref3.Bind,
+      submit = _ref3.submit;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Clone 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.default.createElement(Bind, {
+      name: "name",
+      validators: [_validation.validation.create("required,maxLength:100"), nameValidator]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
+      description: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["The name of the content model"])))
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "locale",
+      validators: _validation.validation.create("required"),
+      afterChange: function afterChange(value) {
+        if (!value) {
+          return;
+        }
+        setLocale(value);
+        setGroups(null);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Choose a locale into which you wish to clone the model"]))),
+      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Content model locale"]))),
+      options: locales
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "group",
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      description: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
+      label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
+      options: groups || []
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "description"
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      rows: 4,
+      maxLength: 200,
+      characterCount: true,
+      label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Description"])))
+    }))))), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
+    }, "+ ", t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Clone"]))))));
+  }));
+};
+var _default = CloneContentModelDialog;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","disallowedModelIdEndingList","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","open","onClose","contentModel","closeModal","useState","loading","setLoading","useSnackbar","showSnackbar","useRouter","history","useI18N","getLocales","getCurrentLocale","setCurrentLocale","currentLocale","locale","setLocale","setGroups","useMutation","CREATE_CONTENT_MODEL_FROM","onError","error","message","update","cache","response","data","createContentModelFrom","window","location","reload","addModelToListCache","addModelToGroupCache","push","locales","map","code","label","useQueryLocale","LIST_MENU_CONTENT_GROUPS_MODELS","skip","groupsLoading","useEffect","contentModelGroups","get","item","name","selectedGroup","nameValidator","useCallback","target","trim","charAt","match","Error","toLowerCase","ending","re","RegExp","matched","variables","modelId","Bind","submit","validation","create","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\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 { useMutation, useQueryLocale } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport {\n    CREATE_CONTENT_MODEL_FROM,\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroup } from \"~/admin/views/contentModelGroups/graphql\";\nimport { CmsGroupOption } from \"~/admin/views/contentModels/types\";\nimport { Dialog } from \"~/admin/components/Dialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\nexport interface Props {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n    contentModel: CmsEditorContentModel;\n    closeModal: () => void;\n}\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\nconst getSelectedGroup = (\n    groups: CmsGroupOption[] | null,\n    model: CmsEditorContentModel\n): string | null => {\n    if (!groups || groups.length === 0 || !model) {\n        return \"\";\n    }\n    const current = model.group.id;\n    const group = groups.find(g => g.value === current);\n    if (group) {\n        return group.value;\n    }\n    const defaultSelected = groups.find(() => true);\n    return defaultSelected ? defaultSelected.value : null;\n};\n\nconst CloneContentModelDialog: React.FC<Props> = ({ open, onClose, contentModel, closeModal }) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { getLocales, getCurrentLocale, setCurrentLocale } = useI18N();\n\n    const currentLocale = getCurrentLocale(\"content\");\n    const [locale, setLocale] = useState<string>(currentLocale || \"\");\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n\n    const [createContentModelFrom] = useMutation<\n        CreateCmsModelFromMutationResponse,\n        CreateCmsModelFromMutationVariables\n    >(CREATE_CONTENT_MODEL_FROM, {\n        onError(error) {\n            setLoading(false);\n            showSnackbar(error.message);\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showSnackbar(`Missing data on Create Content Model From Mutation Response.`);\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            if (currentLocale !== locale) {\n                setCurrentLocale(locale, \"content\");\n                window.location.reload();\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\");\n            closeModal();\n        }\n    });\n\n    const locales = getLocales().map(({ code }) => {\n        return {\n            value: code,\n            label: code === currentLocale ? \"Current locale\" : code\n        };\n    });\n\n    const { data, loading: groupsLoading } = useQueryLocale<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS,\n        locale,\n        {\n            skip: !open || !!groups\n        }\n    );\n\n    useEffect(() => {\n        if (!data || groupsLoading) {\n            return;\n        }\n        const contentModelGroups: CmsGroupOption[] = get(\n            data,\n            \"listContentModelGroups.data\",\n            []\n        ).map((item: CmsGroup): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        });\n        setGroups(contentModelGroups);\n    }, [data, groupsLoading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback((name: string) => {\n        const target = (name || \"\").trim();\n        if (!target.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"Value is not valid - must not start with a number.\");\n        }\n        if (target.toLowerCase() === \"id\") {\n            throw new Error('Value is not valid - \"id\" is an auto-generated field.');\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 name that ends with \"${ending}\" is not allowed.`);\n        }\n        return true;\n    }, []);\n\n    return (\n        <Dialog open={open} onClose={onClose} data-testid=\"cms-clone-content-model-modal\">\n            {(!groups || groupsLoading) && (\n                <CircularProgress label={\"Please wait while we load required information.\"} />\n            )}\n            {open && (\n                <Form\n                    data={{\n                        group: selectedGroup,\n                        locale,\n                        name: contentModel.name\n                    }}\n                    onSubmit={data => {\n                        setLoading(true);\n                        createContentModelFrom({\n                            variables: {\n                                modelId: contentModel.modelId,\n                                /**\n                                 * We know that data is CmsModel\n                                 */\n                                data: data as unknown as CmsModel\n                            }\n                        });\n                    }}\n                >\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading && <CircularProgress />}\n                            <UID.DialogTitle>{t`Clone 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`}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"locale\"}\n                                            validators={validation.create(\"required\")}\n                                            afterChange={(value?: string) => {\n                                                if (!value) {\n                                                    return;\n                                                }\n                                                setLocale(value);\n                                                setGroups(null);\n                                            }}\n                                        >\n                                            <Select\n                                                description={t`Choose a locale into which you wish to clone the model`}\n                                                label={t`Content model locale`}\n                                                options={locales}\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={groups || []}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind name=\"description\">\n                                            <Input\n                                                rows={4}\n                                                maxLength={200}\n                                                characterCount\n                                                label={t`Description`}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                            </UID.DialogContent>\n                            <UID.DialogActions>\n                                <ButtonDefault\n                                    onClick={ev => {\n                                        submit(ev);\n                                    }}\n                                >\n                                    + {t`Clone`}\n                                </ButtonDefault>\n                            </UID.DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </Dialog>\n    );\n};\n\nexport default CloneContentModelDialog;\n"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export default function ContentModelEditorView(): JSX.Element;
+import React from "react";
+declare const ContentModelEditorView: React.FC;
+export default ContentModelEditorView;

package/admin/views/contentModels/ContentModelEditor.js

@@ -1,35 +1,34 @@
-import React from "react";
-import HTML5Backend from "react-dnd-html5-backend";
-import { DndProvider } from "react-dnd";
-import { Editor } from "../../components/ContentModelEditor/Editor";
-import { useRouter } from "@webiny/react-router";
-import { useCms } from "../../hooks";
-import { ContentModelEditorProvider } from "../../components/ContentModelEditor/Context";
-import Snackbar from "@webiny/app-admin/ui/views/AdminView/components/Snackbar";
-export default function ContentModelEditorView() {
-  var _useRouter = useRouter(),
-      match = _useRouter.match;
-
-  var _useCms = useCms(),
-      apolloClient = _useCms.apolloClient;
-
-  var _ref = match.params,
-      modelId = _ref.modelId;
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDndHtml5Backend = require("react-dnd-html5-backend");
+var _reactDnd = require("react-dnd");
+var _Editor = require("../../components/ContentModelEditor/Editor");
+var _reactRouter = require("@webiny/react-router");
+var _hooks = require("../../hooks");
+var _ContentModelEditor = require("../../components/ContentModelEditor");
+var ContentModelEditorView = function ContentModelEditorView() {
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    params = _useRouter.params;
+  var _useCms = (0, _hooks.useCms)(),
+    apolloClient = _useCms.apolloClient;
+  var _ref = params ? params : {},
+    modelId = _ref.modelId;
   if (!apolloClient) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(ContentModelEditorProvider, {
+  return /*#__PURE__*/_react.default.createElement(_ContentModelEditor.ContentModelEditorProvider, {
     key: modelId,
     apolloClient: apolloClient,
     modelId: modelId
-  }, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement(Editor, null), /*#__PURE__*/React.createElement("div", {
-    style: {
-      zIndex: 10,
-      position: "absolute"
-    }
-  }, /*#__PURE__*/React.createElement(Snackbar, null))));
-}
+  }, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
+    backend: _reactDndHtml5Backend.HTML5Backend
+  }, /*#__PURE__*/_react.default.createElement(_Editor.Editor, null)));
+};
+var _default = ContentModelEditorView;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["ContentModelEditorView","useRouter","params","useCms","apolloClient","modelId","HTML5Backend"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor } from \"~/admin/components/ContentModelEditor/Editor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor\";\nimport { CmsModel } from \"~/types\";\n\ntype QueryMatch = Pick<Partial<CmsModel>, \"modelId\">;\n\nconst ContentModelEditorView: React.FC = () => {\n    const { params } = useRouter();\n    const { apolloClient } = useCms();\n\n    const { modelId } = (params ? params : {}) as QueryMatch;\n    if (!apolloClient) {\n        return null;\n    }\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <Editor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,IAAMA,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAC3C,iBAAmB,IAAAC,sBAAS,GAAE;IAAtBC,MAAM,cAANA,MAAM;EACd,cAAyB,IAAAC,aAAM,GAAE;IAAzBC,YAAY,WAAZA,YAAY;EAEpB,WAAqBF,MAAM,GAAGA,MAAM,GAAG,CAAC,CAAC;IAAjCG,OAAO,QAAPA,OAAO;EACf,IAAI,CAACD,YAAY,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBACI,6BAAC,8CAA0B;IAAC,GAAG,EAAEC,OAAQ;IAAC,YAAY,EAAED,YAAa;IAAC,OAAO,EAAEC;EAAQ,gBACnF,6BAAC,qBAAW;IAAC,OAAO,EAAEC;EAAa,gBAC/B,6BAAC,cAAM,OAAG,CACA,CACW;AAErC,CAAC;AAAC,eACaN,sBAAsB;AAAA"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function ContentModels(): JSX.Element;
+import React from "react";
+declare const ContentModels: React.FC;
 export default ContentModels;

package/admin/views/contentModels/ContentModels.js

@@ -1,12 +1,20 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useMemo } from "react";
-import { css } from "emotion";
-import { useSecurity } from "@webiny/app-security";
-import ContentModelsDataList from "./ContentModelsDataList";
-import NewContentModelDialog from "./NewContentModelDialog";
-import { Cell } from "@webiny/ui/Grid";
-import { Grid } from "@webiny/ui/Grid";
-var grid = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _CloneContentModelDialog = _interopRequireDefault(require("./CloneContentModelDialog"));
+var _NewContentModelDialog = _interopRequireDefault(require("./NewContentModelDialog"));
+var _ContentModelsDataList = _interopRequireDefault(require("./ContentModelsDataList"));
+var _emotion = require("emotion");
+var _appSecurity = require("@webiny/app-security");
+var _Grid = require("@webiny/ui/Grid");
+var grid = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-layout-grid": {
     padding: 0,
     backgroundColor: "var(--mdc-theme-background)",
@@ -15,7 +23,7 @@ var grid = /*#__PURE__*/css({
     }
   }
 }, "label:grid;");
-var centeredContent = /*#__PURE__*/css({
+var centeredContent = /*#__PURE__*/(0, _emotion.css)({
   backgroundColor: "var(--mdc-theme-surface)",
   ">.webiny-data-list": {
     display: "flex",
@@ -32,51 +40,65 @@ var centeredContent = /*#__PURE__*/css({
     overflow: "auto"
   }
 }, "label:centeredContent;");
-
-function ContentModels() {
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      newContentModelDialogOpened = _React$useState2[0],
-      openNewContentModelDialog = _React$useState2[1];
-
-  var _useSecurity = useSecurity(),
-      identity = _useSecurity.identity;
-
-  var canCreate = useMemo(function () {
-    var permission = identity.getPermission("cms.contentModel");
-
+var ContentModels = function ContentModels() {
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    newContentModelDialogOpened = _React$useState2[0],
+    openNewContentModelDialog = _React$useState2[1];
+  var _React$useState3 = _react.default.useState(null),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    cloneContentModel = _React$useState4[0],
+    setCloneContentModel = _React$useState4[1];
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+    identity = _useSecurity.identity,
+    getPermission = _useSecurity.getPermission;
+  var canCreate = (0, _react.useMemo)(function () {
+    var permission = getPermission("cms.contentModel");
     if (!permission) {
       return false;
     }
-
     if (typeof permission.rwd !== "string") {
       return true;
     }
-
     return permission.rwd.includes("w");
+  }, [identity]);
+  var closeModal = (0, _react.useCallback)(function () {
+    setCloneContentModel(null);
   }, []);
-  var onCreate = useCallback(function () {
+  var onCreate = (0, _react.useCallback)(function () {
     return openNewContentModelDialog(true);
   }, []);
-  var onClose = useCallback(function () {
+  var onClose = (0, _react.useCallback)(function () {
     return openNewContentModelDialog(false);
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NewContentModelDialog, {
+  var onClone = (0, _react.useCallback)(function (contentModel) {
+    return setCloneContentModel(contentModel);
+  }, []);
+  var onCloneClose = (0, _react.useCallback)(function () {
+    return setCloneContentModel(null);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NewContentModelDialog.default, {
     open: newContentModelDialogOpened,
     onClose: onClose
-  }), /*#__PURE__*/React.createElement(Grid, {
+  }), cloneContentModel && /*#__PURE__*/_react.default.createElement(_CloneContentModelDialog.default, {
+    open: !!cloneContentModel,
+    contentModel: cloneContentModel,
+    onClose: onCloneClose,
+    closeModal: closeModal
+  }), /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
     className: grid
-  }, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 3
-  }), /*#__PURE__*/React.createElement(Cell, {
+  }), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 6,
     className: centeredContent
-  }, /*#__PURE__*/React.createElement(ContentModelsDataList, {
+  }, /*#__PURE__*/_react.default.createElement(_ContentModelsDataList.default, {
     canCreate: canCreate,
-    onCreate: onCreate
-  })), /*#__PURE__*/React.createElement(Cell, {
+    onCreate: onCreate,
+    onClone: onClone
+  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 3
   })));
-}
-
-export default ContentModels;
+};
+var _default = ContentModels;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["grid","css","padding","backgroundColor","gridGap","centeredContent","display","flexDirection","height","overflow","maxHeight","ContentModels","React","useState","newContentModelDialogOpened","openNewContentModelDialog","cloneContentModel","setCloneContentModel","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes","closeModal","useCallback","onCreate","onClose","onClone","contentModel","onCloneClose"],"sources":["ContentModels.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport CloneContentModelDialog from \"./CloneContentModelDialog\";\nimport NewContentModelDialog from \"./NewContentModelDialog\";\nimport ContentModelsDataList from \"./ContentModelsDataList\";\nimport { css } from \"emotion\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst centeredContent = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst ContentModels: React.FC = () => {\n    const [newContentModelDialogOpened, openNewContentModelDialog] = React.useState(false);\n\n    const [cloneContentModel, setCloneContentModel] = React.useState<CmsModel | null>(null);\n\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModel\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    const closeModal = useCallback(() => {\n        setCloneContentModel(null);\n    }, []);\n\n    const onCreate = useCallback((): void => openNewContentModelDialog(true), []);\n    const onClose = useCallback((): void => openNewContentModelDialog(false), []);\n    const onClone = useCallback(\n        (contentModel: CmsModel): void => setCloneContentModel(contentModel),\n        []\n    );\n    const onCloneClose = useCallback((): void => setCloneContentModel(null), []);\n\n    return (\n        <>\n            <NewContentModelDialog open={newContentModelDialogOpened} onClose={onClose} />\n            {cloneContentModel && (\n                <CloneContentModelDialog\n                    open={!!cloneContentModel}\n                    contentModel={cloneContentModel}\n                    onClose={onCloneClose}\n                    closeModal={closeModal}\n                />\n            )}\n            <Grid className={grid}>\n                <Cell span={3} />\n                <Cell span={6} className={centeredContent}>\n                    <ContentModelsDataList\n                        canCreate={canCreate}\n                        onCreate={onCreate}\n                        onClone={onClone}\n                    />\n                </Cell>\n                <Cell span={3} />\n            </Grid>\n        </>\n    );\n};\n\nexport default ContentModels;\n"],"mappings":"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"}

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

@@ -1,7 +1,9 @@
-/// <reference types="react" />
-declare type ContentModelsDataListProps = {
+import React from "react";
+import { CmsEditorContentModel } from "../../../types";
+interface ContentModelsDataListProps {
     canCreate: boolean;
     onCreate: () => void;
-};
-declare const ContentModelsDataList: ({ canCreate, onCreate }: ContentModelsDataListProps) => JSX.Element;
+    onClone: (contentModel: CmsEditorContentModel) => void;
+}
+declare const ContentModelsDataList: React.FC<ContentModelsDataListProps>;
 export default ContentModelsDataList;