@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","UID","_reactRouter","_form","_Input","_Select","_useSnackbar2","_Progress","_validation","_hooks","_i18n","_Button","_Grid","_cache","_useI18N2","_viewsGraphql","_Dialog2","_nameValidator","_apiNameValidator","_IconPicker","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","t","i18n","ns","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","exports","_ref","onClose","contentModel","closeModal","_useState","useState","_useState2","_slicedToArray2","default","loading","setLoading","_useSnackbar","useSnackbar","showSnackbar","_useRouter","useRouter","history","_useI18N","useI18N","getLocales","getCurrentLocale","setCurrentLocale","client","useApolloClient","currentLocale","_useState3","_useState4","locale","setLocale","_useState5","_useState6","setGroups","_useState7","_useState8","models","setModels","_useMutation","useMutation","CREATE_CONTENT_MODEL_FROM","onError","error","message","update","cache","response","data","_response$data$create","createContentModelFrom","window","location","reload","addModelToListCache","addModelToGroupCache","push","_useMutation2","locales","map","_ref2","code","label","concat","listMenuGroupsQuery","useQueryLocale","LIST_MENU_CONTENT_GROUPS_MODELS","useEffect","options","items","listContentModelGroups","_iterator","_createForOfIteratorHelper2","_step","s","n","done","item","name","apply","_toConsumableArray2","contentModels","err","e","f","selectedGroup","nameValidator","useCallback","createNameValidator","apiNameValidator","createApiNameValidator","createElement","Dialog","open","CircularProgress","Form","onSubmit","variables","modelId","_ref3","Bind","submit","Fragment","DialogTitle","_taggedTemplateLiteral2","DialogContent","Grid","Cell","span","validators","validation","create","Input","description","afterChange","Select","IconPicker","rows","maxLength","characterCount","DialogActions","ButtonDefault","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 { 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 { 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":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","UID","useRouter","Form","Input","Select","useToast","CircularProgress","validation","useApolloClient","useMutation","useQuery","i18n","ButtonDefault","Cell","Grid","addModelToGroupCache","addModelToListCache","CREATE_CONTENT_MODEL_FROM","LIST_MENU_CONTENT_GROUPS_MODELS","Dialog","createNameValidator","createApiNameValidator","IconPicker","Routes","t","ns","getSelectedGroup","groups","model","length","current","group","find","g","value","defaultSelected","CloneContentModelDialog","onClose","contentModel","closeModal","loading","setLoading","showWarningToast","goToRoute","client","setGroups","models","setModels","createContentModelFrom","onError","error","title","description","message","update","cache","response","data","ContentModels","List","listMenuGroupsQuery","options","items","listContentModelGroups","item","push","slug","label","name","contentModels","selectedGroup","nameValidator","apiNameValidator","createElement","open","onSubmit","variables","modelId","Bind","submit","Fragment","DialogTitle","DialogContent","span","validators","create","rows","maxLength","DialogActions","onClick","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport * as UID from \"@webiny/ui/Dialog/index.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input/index.js\";\nimport { Select } from \"@webiny/ui/Select/index.js\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\nimport { validation } from \"@webiny/validation\";\nimport { useApolloClient, useMutation, useQuery } from \"../../hooks/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ButtonDefault } from \"@webiny/ui/Button/index.js\";\nimport { Cell, Grid } from \"@webiny/ui/Grid/index.js\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport type {\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql.js\";\nimport type { CmsGroupOption } from \"~/admin/views/contentModels/types.js\";\nimport { Dialog } from \"~/admin/components/Dialog.js\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator.js\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Routes } from \"~/routes.js\";\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;\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 { showWarningToast } = useToast();\n    const { goToRoute } = useRouter();\n    const client = useApolloClient();\n\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            showWarningToast({ title: \"Failed to create model\", description: error.message });\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showWarningToast({\n                    title: \"Failed to create model\",\n                    description: `Missing data on Create Content Model From Mutation Response.`\n                });\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showWarningToast({ title: \"Failed to create model\", description: error.message });\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            closeModal();\n            goToRoute(Routes.ContentModels.List);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\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.slug,\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                    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={\"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 rows={4} maxLength={200} label={t`Description`} />\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,3 +1,3 @@
 import React from "react";
-declare const ContentModelEditorView: () => React.JSX.Element | null;
+declare const ContentModelEditorView: () => React.JSX.Element;
 export default ContentModelEditorView;

package/admin/views/contentModels/ContentModelEditor.js

@@ -1,35 +1,27 @@
-"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 _ContentModelEditor = require("../../components/ContentModelEditor/ContentModelEditor");
-var _reactRouter = require("@webiny/react-router");
-var _hooks = require("../../hooks");
-var _ContentModelEditor2 = 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.default.createElement(_ContentModelEditor2.ContentModelEditorProvider, {
+import React from "react";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import { DndProvider } from "react-dnd";
+import { ContentModelEditor } from "../../components/ContentModelEditor/ContentModelEditor.js";
+import { useRoute } from "@webiny/app-admin";
+import { useCms } from "../../hooks/index.js";
+import { ContentModelEditorProvider } from "../../components/ContentModelEditor/index.js";
+import { Routes } from "../../../routes.js";
+const ContentModelEditorView = () => {
+  const {
+    route
+  } = useRoute(Routes.ContentModels.Editor);
+  const {
+    apolloClient
+  } = useCms();
+  const modelId = route.params.modelId;
+  return /*#__PURE__*/React.createElement(ContentModelEditorProvider, {
     key: modelId,
     apolloClient: apolloClient,
     modelId: modelId
-  }, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
-    backend: _reactDndHtml5Backend.HTML5Backend
-  }, /*#__PURE__*/_react.default.createElement(_ContentModelEditor.ContentModelEditor, null)));
+  }, /*#__PURE__*/React.createElement(DndProvider, {
+    backend: HTML5Backend
+  }, /*#__PURE__*/React.createElement(ContentModelEditor, null)));
 };
-var _default = exports.default = ContentModelEditorView;
+export default ContentModelEditorView;
 
 //# sourceMappingURL=ContentModelEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDndHtml5Backend","_reactDnd","_ContentModelEditor","_reactRouter","_hooks","_ContentModelEditor2","ContentModelEditorView","_useRouter","useRouter","params","_useCms","useCms","apolloClient","_ref","modelId","default","createElement","ContentModelEditorProvider","key","DndProvider","backend","HTML5Backend","ContentModelEditor","_default","exports"],"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\";\nimport { CmsModel } from \"~/types\";\n\ntype QueryMatch = Pick<Partial<CmsModel>, \"modelId\">;\n\nconst ContentModelEditorView = () => {\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                <ContentModelEditor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AAKA,IAAMO,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EACjC,IAAAC,UAAA,GAAmB,IAAAC,sBAAS,EAAC,CAAC;IAAtBC,MAAM,GAAAF,UAAA,CAANE,MAAM;EACd,IAAAC,OAAA,GAAyB,IAAAC,aAAM,EAAC,CAAC;IAAzBC,YAAY,GAAAF,OAAA,CAAZE,YAAY;EAEpB,IAAAC,IAAA,GAAqBJ,MAAM,GAAGA,MAAM,GAAG,CAAC,CAAC;IAAjCK,OAAO,GAAAD,IAAA,CAAPC,OAAO;EACf,IAAI,CAACF,YAAY,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBACIf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAY,0BAA0B;IAACC,GAAG,EAAEJ,OAAQ;IAACF,YAAY,EAAEA,YAAa;IAACE,OAAO,EAAEA;EAAQ,gBACnFjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAkB,WAAW;IAACC,OAAO,EAAEC;EAAa,gBAC/BxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,mBAAA,CAAAoB,kBAAkB,MAAE,CACZ,CACW,CAAC;AAErC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAT,OAAA,GACaT,sBAAsB","ignoreList":[]}
+{"version":3,"names":["React","HTML5Backend","DndProvider","ContentModelEditor","useRoute","useCms","ContentModelEditorProvider","Routes","ContentModelEditorView","route","ContentModels","Editor","apolloClient","modelId","params","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.js\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { useCms } from \"~/admin/hooks/index.js\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst ContentModelEditorView = () => {\n    const { route } = useRoute(Routes.ContentModels.Editor);\n    const { apolloClient } = useCms();\n\n    const modelId = route.params.modelId;\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,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM;AACf,SAASC,0BAA0B;AACnC,SAASC,MAAM;AAEf,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAM,CAAC,GAAGL,QAAQ,CAACG,MAAM,CAACG,aAAa,CAACC,MAAM,CAAC;EACvD,MAAM;IAAEC;EAAa,CAAC,GAAGP,MAAM,CAAC,CAAC;EAEjC,MAAMQ,OAAO,GAAGJ,KAAK,CAACK,MAAM,CAACD,OAAO;EAEpC,oBACIb,KAAA,CAAAe,aAAA,CAACT,0BAA0B;IAACU,GAAG,EAAEH,OAAQ;IAACD,YAAY,EAAEA,YAAa;IAACC,OAAO,EAAEA;EAAQ,gBACnFb,KAAA,CAAAe,aAAA,CAACb,WAAW;IAACe,OAAO,EAAEhB;EAAa,gBAC/BD,KAAA,CAAAe,aAAA,CAACZ,kBAAkB,MAAE,CACZ,CACW,CAAC;AAErC,CAAC;AACD,eAAeK,sBAAsB","ignoreList":[]}

package/admin/views/contentModels/ContentModels.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_CloneContentModelDialog","_NewContentModelDialog","_interopRequireDefault","_ContentModelsDataList","_emotion","_appSecurity","_Grid","_ImportContentModelsDialog","grid","css","padding","backgroundColor","gridGap","centeredContent","display","flexDirection","height","overflow","maxHeight","ContentModels","_React$useState","React","useState","_React$useState2","_slicedToArray2","default","newContentModelDialogOpened","openNewContentModelDialog","_React$useState3","_React$useState4","cloneContentModel","setCloneContentModel","_useSecurity","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes","closeCloneModal","useCallback","onCreate","onClose","onClone","contentModel","onCloneClose","_useState","_useState2","importModels","setImportModels","showImportModelModal","closeImportModelModal","createElement","Fragment","open","CloneContentModelDialog","closeModal","ImportContentModelsDialog","Grid","className","Cell","span","_default","exports"],"sources":["ContentModels.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } 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, Grid } from \"@webiny/ui/Grid\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\nimport { ImportContentModelsDialog } from \"./importing/ImportContentModelsDialog\";\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-deprecated-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-deprecated-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\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        <>\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            <Grid className={grid}>\n                <Cell span={3} />\n                <Cell span={6} className={centeredContent}>\n                    <ContentModelsDataList\n                        showImportModelModal={showImportModelModal}\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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","ignoreList":[]}
+{"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.js\";\nimport NewContentModelDialog from \"./NewContentModelDialog.js\";\nimport ContentModelsDataList from \"./ContentModelsDataList.js\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport type { CmsModel, CmsSecurityPermission } from \"~/types.js\";\nimport { ImportContentModelsDialog } from \"./importing/ImportContentModelsDialog.js\";\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={\"container h-main-content\"}>\n            <Grid className=\"h-full pt-lg\">\n                <Grid.Column span={10} offset={1}>\n                    <div className=\"h-full border-sm border-b-none border-neutral-dimmed-darker 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            ) : null}\n            {importModels ? <ImportContentModelsDialog onClose={closeImportModelModal} /> : null}\n        </div>\n    );\n};\n\nexport default ContentModels;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,8 @@
+/**
+ * TODO remove regular model delete at some point.
+ */
 import React from "react";
-import { CmsEditorContentModel } from "../../../types";
+import type { CmsEditorContentModel } from "../../../types.js";
 interface ContentModelsDataListProps {
     canCreate: boolean;
     onCreate: () => void;