@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

package/admin/views/contentModels/CloneContentModelDialog.js

@@ -0,0 +1,312 @@
+"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 _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+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 _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");
+
+var narrowDialog = /*#__PURE__*/(0, _emotion.css)({
+  ".mdc-dialog__surface": {
+    width: 600,
+    minWidth: 600
+  }
+}, "label:narrowDialog;");
+var noPadding = /*#__PURE__*/(0, _emotion.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 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.');
+    }
+
+    var _iterator = (0, _createForOfIteratorHelper2.default)(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;
+        }
+
+        throw new Error("Model name that ends with \"".concat(ending, "\" is not allowed."));
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    return true;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(UID.Dialog, {
+    open: open,
+    onClose: onClose,
+    className: narrowDialog,
+    "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, {
+      className: noPadding
+    }, /*#__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"
+    }, function (props) {
+      return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, props, {
+        rows: 4,
+        maxLength: 200,
+        characterCount: true,
+        label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
+        value: contentModel.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","narrowDialog","css","width","minWidth","noPadding","padding","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","props","description","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { css } from \"emotion\";\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\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\nconst narrowDialog = css({\n    \".mdc-dialog__surface\": {\n        width: 600,\n        minWidth: 600\n    }\n});\n\nconst noPadding = css({\n    padding: \"5px !important\"\n});\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        <UID.Dialog\n            open={open}\n            onClose={onClose}\n            className={narrowDialog}\n            data-testid=\"cms-clone-content-model-modal\"\n        >\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 className={noPadding}>\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                                            {props => (\n                                                <Input\n                                                    {...props}\n                                                    rows={4}\n                                                    maxLength={200}\n                                                    characterCount\n                                                    label={t`Description`}\n                                                    value={contentModel.description}\n                                                />\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        </UID.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,48 @@
-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(),
+"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 _Context = require("../../components/ContentModelEditor/Context");
+
+var ContentModelEditorView = function ContentModelEditorView() {
+  var _useRouter = (0, _reactRouter.useRouter)(),
+      params = _useRouter.params;
+
+  var _useCms = (0, _hooks.useCms)(),
       apolloClient = _useCms.apolloClient;
 
-  var _ref = match.params,
+  var _ref = params ? params : {},
       modelId = _ref.modelId;
 
   if (!apolloClient) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(ContentModelEditorProvider, {
+  return /*#__PURE__*/_react.default.createElement(_Context.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/Context\";\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,sBAAmC,GAAM;EAC3C,iBAAmB,IAAAC,sBAAA,GAAnB;EAAA,IAAQC,MAAR,cAAQA,MAAR;;EACA,cAAyB,IAAAC,aAAA,GAAzB;EAAA,IAAQC,YAAR,WAAQA,YAAR;;EAEA,WAAqBF,MAAM,GAAGA,MAAH,GAAY,EAAvC;EAAA,IAAQG,OAAR,QAAQA,OAAR;;EACA,IAAI,CAACD,YAAL,EAAmB;IACf,OAAO,IAAP;EACH;;EACD,oBACI,6BAAC,mCAAD;IAA4B,GAAG,EAAEC,OAAjC;IAA0C,YAAY,EAAED,YAAxD;IAAsE,OAAO,EAAEC;EAA/E,gBACI,6BAAC,qBAAD;IAAa,OAAO,EAAEC;EAAtB,gBACI,6BAAC,cAAD,OADJ,CADJ,CADJ;AAOH,CAfD;;eAgBeN,sB"}

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,31 @@
-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 +34,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",
@@ -33,17 +52,23 @@ var centeredContent = /*#__PURE__*/css({
   }
 }, "label:centeredContent;");
 
-function ContentModels() {
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
+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 _useSecurity = useSecurity(),
-      identity = _useSecurity.identity;
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      cloneContentModel = _React$useState4[0],
+      setCloneContentModel = _React$useState4[1];
 
-  var canCreate = useMemo(function () {
-    var permission = identity.getPermission("cms.contentModel");
+  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;
@@ -54,29 +79,45 @@ function ContentModels() {
     }
 
     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;