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

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

@@ -0,0 +1,10 @@
+import React from "react";
+import * as UID from "@webiny/ui/Dialog";
+import type { CmsModel } from "../../../types";
+interface CloneContentModelDialogProps {
+    onClose: UID.DialogOnClose;
+    contentModel: CmsModel;
+    closeModal: () => void;
+}
+export declare const CloneContentModelDialog: ({ onClose, contentModel, closeModal }: CloneContentModelDialogProps) => React.JSX.Element;
+export {};

package/admin/views/contentModels/CloneContentModelDialog.js

@@ -0,0 +1,221 @@
+import React, { useState, useCallback, useEffect } from "react";
+import * as UID from "@webiny/ui/Dialog";
+import { useRouter } from "@webiny/react-router";
+import { Form } from "@webiny/form";
+import { Input } from "@webiny/ui/Input";
+import { Select } from "@webiny/ui/Select";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { validation } from "@webiny/validation";
+import { useApolloClient, useMutation, useQueryLocale } from "../../hooks";
+import { i18n } from "@webiny/app/i18n";
+import { ButtonDefault } from "@webiny/ui/Button";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { addModelToGroupCache, addModelToListCache } from "./cache";
+import { useI18N } from "@webiny/app-i18n/hooks/useI18N";
+import { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
+import { Dialog } from "../../components/Dialog";
+import { createNameValidator } from "./helpers/nameValidator";
+import { createApiNameValidator } from "./helpers/apiNameValidator";
+import { IconPicker } from "../../components/IconPicker";
+const t = i18n.ns("app-headless-cms/admin/views/content-models/clone-content-model-dialog");
+const getSelectedGroup = (groups, model) => {
+  if (!groups || groups.length === 0 || !model) {
+    return "";
+  }
+  const current = model.group.id;
+  const group = groups.find(g => g.value === current);
+  if (group) {
+    return group.value;
+  }
+  const defaultSelected = groups.find(() => true);
+  return defaultSelected ? defaultSelected.value : null;
+};
+export const CloneContentModelDialog = ({
+  onClose,
+  contentModel,
+  closeModal
+}) => {
+  const [loading, setLoading] = useState(false);
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    history
+  } = useRouter();
+  const {
+    getLocales,
+    getCurrentLocale,
+    setCurrentLocale
+  } = useI18N();
+  const client = useApolloClient();
+  const currentLocale = getCurrentLocale("content");
+  const [locale, setLocale] = useState(currentLocale || "");
+  const [groups, setGroups] = useState(null);
+  const [models, setModels] = useState([]);
+  const [createContentModelFrom] = useMutation(CREATE_CONTENT_MODEL_FROM, {
+    onError(error) {
+      setLoading(false);
+      showSnackbar(error.message);
+    },
+    update(cache, response) {
+      if (!response.data) {
+        showSnackbar(`Missing data on Create Content Model From Mutation Response.`);
+        return;
+      }
+      const {
+        data: model,
+        error
+      } = response.data.createContentModelFrom;
+      if (error) {
+        setLoading(false);
+        showSnackbar(error.message);
+        return;
+      }
+      if (currentLocale !== locale) {
+        setCurrentLocale(locale, "content");
+        window.location.reload();
+        return;
+      }
+      addModelToListCache(cache, model);
+      addModelToGroupCache(cache, model);
+      history.push("/cms/content-models/");
+      closeModal();
+    }
+  });
+  const locales = getLocales().map(({
+    code
+  }) => {
+    return {
+      value: code,
+      label: code === currentLocale ? `Current locale (${code})` : code
+    };
+  });
+  const listMenuGroupsQuery = useQueryLocale(LIST_MENU_CONTENT_GROUPS_MODELS, locale);
+  useEffect(() => {
+    if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {
+      return;
+    }
+    const options = [];
+    const models = [];
+    const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];
+    for (const item of items) {
+      options.push({
+        value: item.id,
+        label: item.name
+      });
+      models.push(...item.contentModels);
+    }
+    setGroups(options);
+    setModels(models);
+  }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);
+  const selectedGroup = getSelectedGroup(groups, contentModel);
+  const nameValidator = useCallback(createNameValidator({
+    models
+  }), [client, models]);
+  const apiNameValidator = useCallback(createApiNameValidator({
+    client,
+    models
+  }), [client, models]);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: true,
+    onClose: onClose,
+    "data-testid": "cms-clone-content-model-modal"
+  }, !groups && /*#__PURE__*/React.createElement(CircularProgress, {
+    label: "Please wait while we load required information."
+  }), /*#__PURE__*/React.createElement(Form, {
+    data: {
+      group: selectedGroup,
+      locale,
+      name: contentModel.name
+    },
+    onSubmit: data => {
+      setLoading(true);
+      createContentModelFrom({
+        variables: {
+          modelId: contentModel.modelId,
+          /**
+           * We know that data is CmsModel
+           */
+          data: data
+        }
+      });
+    }
+  }, ({
+    Bind,
+    submit
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t`Clone 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`Name`,
+    description: t`The name of the content model`
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "locale",
+    validators: validation.create("required"),
+    afterChange: value => {
+      if (!value) {
+        return;
+      }
+      setLocale(value);
+      setGroups(null);
+    }
+  }, /*#__PURE__*/React.createElement(Select, {
+    description: t`Choose a locale into which you wish to clone the model`,
+    label: t`Content model locale`,
+    options: locales
+  }))), /*#__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: "pluralApiName",
+    validators: [validation.create("required,maxLength:100"), apiNameValidator]
+  }, /*#__PURE__*/React.createElement(Input, {
+    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`Choose a content model group`,
+    label: t`Content model group`,
+    options: groups || []
+  }))), /*#__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"
+  }, /*#__PURE__*/React.createElement(Input, {
+    rows: 4,
+    maxLength: 200,
+    characterCount: true,
+    label: t`Description`
+  }))))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
+    onClick: ev => {
+      submit(ev);
+    }
+  }, "+ ", t`Clone`)))));
+};
+
+//# sourceMappingURL=CloneContentModelDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useEffect","UID","useRouter","Form","Input","Select","useSnackbar","CircularProgress","validation","useApolloClient","useMutation","useQueryLocale","i18n","ButtonDefault","Grid","Cell","addModelToGroupCache","addModelToListCache","useI18N","CREATE_CONTENT_MODEL_FROM","LIST_MENU_CONTENT_GROUPS_MODELS","Dialog","createNameValidator","createApiNameValidator","IconPicker","t","ns","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","onClose","contentModel","closeModal","loading","setLoading","showSnackbar","history","getLocales","getCurrentLocale","setCurrentLocale","client","currentLocale","locale","setLocale","setGroups","models","setModels","createContentModelFrom","onError","error","message","update","cache","response","data","window","location","reload","push","locales","map","code","label","listMenuGroupsQuery","options","items","listContentModelGroups","item","name","contentModels","selectedGroup","nameValidator","apiNameValidator","createElement","open","onSubmit","variables","modelId","Bind","submit","Fragment","DialogTitle","DialogContent","span","validators","create","description","afterChange","rows","maxLength","characterCount","DialogActions","onClick","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport * as UID from \"@webiny/ui/Dialog\";\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, useQueryLocale } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport type { CmsModel } from \"~/types\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport type {\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql\";\nimport type { CmsGroupOption } from \"~/admin/views/contentModels/types\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\nconst getSelectedGroup = (groups: CmsGroupOption[] | null, model: CmsModel): 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\ninterface CloneContentModelDialogProps {\n    onClose: UID.DialogOnClose;\n    contentModel: CmsModel;\n    closeModal: () => void;\n}\n\nexport const CloneContentModelDialog = ({\n    onClose,\n    contentModel,\n    closeModal\n}: CloneContentModelDialogProps) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { getLocales, getCurrentLocale, setCurrentLocale } = useI18N();\n    const client = useApolloClient();\n\n    const currentLocale = getCurrentLocale(\"content\");\n    const [locale, setLocale] = useState<string>(currentLocale || \"\");\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n    const [models, setModels] = useState<CmsModel[]>([]);\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})` : code\n        };\n    });\n\n    const listMenuGroupsQuery = useQueryLocale<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS,\n        locale\n    );\n\n    useEffect(() => {\n        if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {\n            return;\n        }\n        const options: CmsGroupOption[] = [];\n        const models: CmsModel[] = [];\n        const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];\n        for (const item of items) {\n            options.push({\n                value: item.id,\n                label: item.name\n            });\n            models.push(...item.contentModels);\n        }\n        setGroups(options);\n        setModels(models);\n    }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [client, models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    return (\n        <Dialog open={true} onClose={onClose} data-testid=\"cms-clone-content-model-modal\">\n            {!groups && (\n                <CircularProgress label={\"Please wait while we load required information.\"} />\n            )}\n\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={\"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\n                                        name={\"pluralApiName\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            apiNameValidator\n                                        ]}\n                                    >\n                                        <Input\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 name={\"group\"} validators={validation.create(\"required\")}>\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=\"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                                        <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        </Dialog>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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.JSX.Element | null;
+export default ContentModelEditorView;

package/admin/views/contentModels/ContentModelEditor.js

@@ -1,35 +1,29 @@
 import React from "react";
-import HTML5Backend from "react-dnd-html5-backend";
+import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
-import { Editor } from "../../components/ContentModelEditor/Editor";
+import { ContentModelEditor } from "../../components/ContentModelEditor/ContentModelEditor";
 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;
-
-  if (!apolloClient) {
+import { ContentModelEditorProvider } from "../../components/ContentModelEditor";
+const ContentModelEditorView = () => {
+  const {
+    params
+  } = useRouter();
+  const {
+    apolloClient
+  } = useCms();
+  const modelId = params?.modelId;
+  if (!apolloClient || !modelId) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(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.createElement(ContentModelEditor, null)));
+};
+export default ContentModelEditorView;
+
+//# sourceMappingURL=ContentModelEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","HTML5Backend","DndProvider","ContentModelEditor","useRouter","useCms","ContentModelEditorProvider","ContentModelEditorView","params","apolloClient","modelId","createElement","key","backend"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { ContentModelEditor } from \"~/admin/components/ContentModelEditor/ContentModelEditor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor\";\n\nconst ContentModelEditorView = () => {\n    const { params } = useRouter();\n    const { apolloClient } = useCms();\n\n    const modelId = params?.modelId as string | undefined;\n    if (!apolloClient || !modelId) {\n        return null;\n    }\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <ContentModelEditor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,kBAAkB;AAC3B,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM;AACf,SAASC,0BAA0B;AAEnC,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEK;EAAa,CAAC,GAAGJ,MAAM,CAAC,CAAC;EAEjC,MAAMK,OAAO,GAAGF,MAAM,EAAEE,OAA6B;EACrD,IAAI,CAACD,YAAY,IAAI,CAACC,OAAO,EAAE;IAC3B,OAAO,IAAI;EACf;EACA,oBACIV,KAAA,CAAAW,aAAA,CAACL,0BAA0B;IAACM,GAAG,EAAEF,OAAQ;IAACD,YAAY,EAAEA,YAAa;IAACC,OAAO,EAAEA;EAAQ,gBACnFV,KAAA,CAAAW,aAAA,CAACT,WAAW;IAACW,OAAO,EAAEZ;EAAa,gBAC/BD,KAAA,CAAAW,aAAA,CAACR,kBAAkB,MAAE,CACZ,CACW,CAAC;AAErC,CAAC;AACD,eAAeI,sBAAsB","ignoreList":[]}

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.JSX.Element;
 export default ContentModels;

package/admin/views/contentModels/ContentModels.js

@@ -1,82 +1,66 @@
-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 React, { useCallback, useMemo, useState } from "react";
+import { CloneContentModelDialog } from "./CloneContentModelDialog";
 import NewContentModelDialog from "./NewContentModelDialog";
-import { Cell } from "@webiny/ui/Grid";
-import { Grid } from "@webiny/ui/Grid";
-var grid = /*#__PURE__*/css({
-  "&.mdc-layout-grid": {
-    padding: 0,
-    backgroundColor: "var(--mdc-theme-background)",
-    ">.mdc-layout-grid__inner": {
-      gridGap: 0
-    }
-  }
-}, "label:grid;");
-var centeredContent = /*#__PURE__*/css({
-  backgroundColor: "var(--mdc-theme-surface)",
-  ">.webiny-data-list": {
-    display: "flex",
-    flexDirection: "column",
-    height: "calc(100vh - 70px)",
-    ".mdc-list": {
-      overflow: "auto"
-    }
-  },
-  ">.mdc-list": {
-    display: "flex",
-    flexDirection: "column",
-    maxHeight: "calc(100vh - 70px)",
-    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");
-
+import ContentModelsDataList from "./ContentModelsDataList";
+import { useSecurity } from "@webiny/app-security";
+import { ImportContentModelsDialog } from "./importing/ImportContentModelsDialog";
+import { Grid } from "@webiny/admin-ui";
+const ContentModels = () => {
+  const [newContentModelDialogOpened, openNewContentModelDialog] = React.useState(false);
+  const [cloneContentModel, setCloneContentModel] = React.useState(null);
+  const {
+    identity,
+    getPermission
+  } = useSecurity();
+  const canCreate = useMemo(() => {
+    const permission = getPermission("cms.contentModel");
     if (!permission) {
       return false;
     }
-
     if (typeof permission.rwd !== "string") {
       return true;
     }
-
     return permission.rwd.includes("w");
+  }, [identity]);
+  const closeCloneModal = useCallback(() => {
+    setCloneContentModel(null);
   }, []);
-  var onCreate = useCallback(function () {
-    return openNewContentModelDialog(true);
+  const onCreate = useCallback(() => openNewContentModelDialog(true), []);
+  const onClose = useCallback(() => openNewContentModelDialog(false), []);
+  const onClone = useCallback(contentModel => setCloneContentModel(contentModel), []);
+  const onCloneClose = useCallback(() => setCloneContentModel(null), []);
+  const [importModels, setImportModels] = useState(false);
+  const showImportModelModal = useCallback(() => {
+    setImportModels(true);
   }, []);
-  var onClose = useCallback(function () {
-    return openNewContentModelDialog(false);
+  const closeImportModelModal = useCallback(() => {
+    setImportModels(false);
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NewContentModelDialog, {
-    open: newContentModelDialogOpened,
-    onClose: onClose
-  }), /*#__PURE__*/React.createElement(Grid, {
-    className: grid
-  }, /*#__PURE__*/React.createElement(Cell, {
-    span: 3
-  }), /*#__PURE__*/React.createElement(Cell, {
-    span: 6,
-    className: centeredContent
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-container wby-h-main-content"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    className: "wby-h-full wby-pt-lg"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 10,
+    offset: 1
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-full wby-border-sm wby-border-b-none wby-border-neutral-dimmed-darker wby-rounded-t-3xl"
   }, /*#__PURE__*/React.createElement(ContentModelsDataList, {
+    showImportModelModal: showImportModelModal,
     canCreate: canCreate,
-    onCreate: onCreate
-  })), /*#__PURE__*/React.createElement(Cell, {
-    span: 3
-  })));
-}
+    onCreate: onCreate,
+    onClone: onClone
+  })))), /*#__PURE__*/React.createElement(NewContentModelDialog, {
+    open: newContentModelDialogOpened,
+    onClose: onClose
+  }), cloneContentModel && /*#__PURE__*/React.createElement(CloneContentModelDialog, {
+    contentModel: cloneContentModel,
+    onClose: onCloneClose,
+    closeModal: closeCloneModal
+  }), importModels && /*#__PURE__*/React.createElement(ImportContentModelsDialog, {
+    onClose: closeImportModelModal
+  }));
+};
+export default ContentModels;
 
-export default ContentModels;
+//# sourceMappingURL=ContentModels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","CloneContentModelDialog","NewContentModelDialog","ContentModelsDataList","useSecurity","ImportContentModelsDialog","Grid","ContentModels","newContentModelDialogOpened","openNewContentModelDialog","cloneContentModel","setCloneContentModel","identity","getPermission","canCreate","permission","rwd","includes","closeCloneModal","onCreate","onClose","onClone","contentModel","onCloneClose","importModels","setImportModels","showImportModelModal","closeImportModelModal","createElement","className","Column","span","offset","open","closeModal"],"sources":["ContentModels.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { CloneContentModelDialog } from \"./CloneContentModelDialog\";\nimport NewContentModelDialog from \"./NewContentModelDialog\";\nimport ContentModelsDataList from \"./ContentModelsDataList\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport type { CmsModel, CmsSecurityPermission } from \"~/types\";\nimport { ImportContentModelsDialog } from \"./importing/ImportContentModelsDialog\";\nimport { Grid } from \"@webiny/admin-ui\";\n\nconst ContentModels = () => {\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 closeCloneModal = 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    const [importModels, setImportModels] = useState(false);\n    const showImportModelModal = useCallback(() => {\n        setImportModels(true);\n    }, []);\n    const closeImportModelModal = useCallback(() => {\n        setImportModels(false);\n    }, []);\n\n    return (\n        <div className={\"wby-container wby-h-main-content\"}>\n            <Grid className=\"wby-h-full wby-pt-lg\">\n                <Grid.Column span={10} offset={1}>\n                    <div className=\"wby-h-full wby-border-sm wby-border-b-none wby-border-neutral-dimmed-darker wby-rounded-t-3xl\">\n                        <ContentModelsDataList\n                            showImportModelModal={showImportModelModal}\n                            canCreate={canCreate}\n                            onCreate={onCreate}\n                            onClone={onClone}\n                        />\n                    </div>\n                </Grid.Column>\n            </Grid>\n            <NewContentModelDialog open={newContentModelDialogOpened} onClose={onClose} />\n            {cloneContentModel && (\n                <CloneContentModelDialog\n                    contentModel={cloneContentModel}\n                    onClose={onCloneClose}\n                    closeModal={closeCloneModal}\n                />\n            )}\n            {importModels && <ImportContentModelsDialog onClose={closeImportModelModal} />}\n        </div>\n    );\n};\n\nexport default ContentModels;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,13 @@
-/// <reference types="react" />
-declare type ContentModelsDataListProps = {
+/**
+ * TODO remove regular model delete at some point.
+ */
+import React from "react";
+import type { CmsEditorContentModel } from "../../../types";
+interface ContentModelsDataListProps {
     canCreate: boolean;
     onCreate: () => void;
-};
-declare const ContentModelsDataList: ({ canCreate, onCreate }: ContentModelsDataListProps) => JSX.Element;
+    onClone: (contentModel: CmsEditorContentModel) => void;
+    showImportModelModal: () => void;
+}
+declare const ContentModelsDataList: ({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => React.JSX.Element;
 export default ContentModelsDataList;