npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1358) hide show

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

@@ -1,6 +1,6 @@
 import React from "react";
-import * as UID from "@webiny/ui/Dialog";
-import type { CmsModel } from "../../../types";
+import * as UID from "@webiny/ui/Dialog/index.js";
+import type { CmsModel } from "../../../types.js";
 interface CloneContentModelDialogProps {
     onClose: UID.DialogOnClose;
     contentModel: CmsModel;

package/admin/views/contentModels/CloneContentModelDialog.js CHANGED Viewed

@@ -1,29 +1,29 @@
-import React, { useState, useCallback, useEffect } from "react";
-import * as UID from "@webiny/ui/Dialog";
-import { useRouter } from "@webiny/react-router";
+import React, { useCallback, useEffect, useState } from "react";
+import * as UID from "@webiny/ui/Dialog/index.js";
+import { useRouter } from "@webiny/app-admin";
 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 { Input } from "@webiny/ui/Input/index.js";
+import { Select } from "@webiny/ui/Select/index.js";
+import { useToast } from "@webiny/admin-ui";
+import { CircularProgress } from "@webiny/ui/Progress/index.js";
 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";
+import { useApolloClient, useMutation, useQuery } from "../../hooks/index.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ButtonDefault } from "@webiny/ui/Button/index.js";
+import { Cell, Grid } from "@webiny/ui/Grid/index.js";
+import { addModelToGroupCache, addModelToListCache } from "./cache.js";
+import { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql.js";
+import { Dialog } from "../../components/Dialog.js";
+import { createNameValidator } from "./helpers/nameValidator.js";
+import { createApiNameValidator } from "./helpers/apiNameValidator.js";
+import { IconPicker } from "../../components/IconPicker.js";
+import { Routes } from "../../../routes.js";
 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 current = model.group;
   const group = groups.find(g => g.value === current);
   if (group) {
     return group.value;
@@ -38,29 +38,28 @@ export const CloneContentModelDialog = ({
 }) => {
   const [loading, setLoading] = useState(false);
   const {
-    showSnackbar
-  } = useSnackbar();
+    showWarningToast
+  } = useToast();
   const {
-    history
+    goToRoute
   } = 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);
+      showWarningToast({
+        title: "Failed to create model",
+        description: error.message
+      });
     },
     update(cache, response) {
       if (!response.data) {
-        showSnackbar(`Missing data on Create Content Model From Mutation Response.`);
+        showWarningToast({
+          title: "Failed to create model",
+          description: `Missing data on Create Content Model From Mutation Response.`
+        });
         return;
       }
       const {
@@ -69,29 +68,19 @@ export const CloneContentModelDialog = ({
       } = response.data.createContentModelFrom;
       if (error) {
         setLoading(false);
-        showSnackbar(error.message);
-        return;
-      }
-      if (currentLocale !== locale) {
-        setCurrentLocale(locale, "content");
-        window.location.reload();
+        showWarningToast({
+          title: "Failed to create model",
+          description: error.message
+        });
         return;
       }
       addModelToListCache(cache, model);
       addModelToGroupCache(cache, model);
-      history.push("/cms/content-models/");
       closeModal();
+      goToRoute(Routes.ContentModels.List);
     }
   });
-  const locales = getLocales().map(({
-    code
-  }) => {
-    return {
-      value: code,
-      label: code === currentLocale ? `Current locale (${code})` : code
-    };
-  });
-  const listMenuGroupsQuery = useQueryLocale(LIST_MENU_CONTENT_GROUPS_MODELS, locale);
+  const listMenuGroupsQuery = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
   useEffect(() => {
     if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {
       return;
@@ -101,7 +90,7 @@ export const CloneContentModelDialog = ({
     const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];
     for (const item of items) {
       options.push({
-        value: item.id,
+        value: item.slug,
         label: item.name
       });
       models.push(...item.contentModels);
@@ -126,7 +115,6 @@ export const CloneContentModelDialog = ({
   }), /*#__PURE__*/React.createElement(Form, {
     data: {
       group: selectedGroup,
-      locale,
       name: contentModel.name
     },
     onSubmit: data => {
@@ -154,22 +142,6 @@ export const CloneContentModelDialog = ({
     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]
@@ -209,7 +181,6 @@ export const CloneContentModelDialog = ({
   }, /*#__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 => {

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

	@@ -1 +1 @@
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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,21 +1,19 @@
 import React from "react";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
-import { ContentModelEditor } from "../../components/ContentModelEditor/ContentModelEditor";
-import { useRouter } from "@webiny/react-router";
-import { useCms } from "../../hooks";
-import { ContentModelEditorProvider } from "../../components/ContentModelEditor";
+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 {
-    params
-  } = useRouter();
+    route
+  } = useRoute(Routes.ContentModels.Editor);
   const {
     apolloClient
   } = useCms();
-  const modelId = params?.modelId;
-  if (!apolloClient || !modelId) {
-    return null;
-  }
+  const modelId = route.params.modelId;
   return /*#__PURE__*/React.createElement(ContentModelEditorProvider, {
     key: modelId,
     apolloClient: apolloClient,

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

	@@ -1 +1 @@
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":[]}
1	+ {"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 CHANGED Viewed

@@ -1,9 +1,9 @@
 import React, { useCallback, useMemo, useState } from "react";
-import { CloneContentModelDialog } from "./CloneContentModelDialog";
-import NewContentModelDialog from "./NewContentModelDialog";
-import ContentModelsDataList from "./ContentModelsDataList";
-import { useSecurity } from "@webiny/app-security";
-import { ImportContentModelsDialog } from "./importing/ImportContentModelsDialog";
+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);
@@ -37,14 +37,14 @@ const ContentModels = () => {
     setImportModels(false);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-container wby-h-main-content"
+    className: "container h-main-content"
   }, /*#__PURE__*/React.createElement(Grid, {
-    className: "wby-h-full wby-pt-lg"
+    className: "h-full 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"
+    className: "h-full border-sm border-b-none border-neutral-dimmed-darker rounded-t-3xl"
   }, /*#__PURE__*/React.createElement(ContentModelsDataList, {
     showImportModelModal: showImportModelModal,
     canCreate: canCreate,
@@ -53,13 +53,13 @@ const ContentModels = () => {
   })))), /*#__PURE__*/React.createElement(NewContentModelDialog, {
     open: newContentModelDialogOpened,
     onClose: onClose
-  }), cloneContentModel && /*#__PURE__*/React.createElement(CloneContentModelDialog, {
+  }), cloneContentModel ? /*#__PURE__*/React.createElement(CloneContentModelDialog, {
     contentModel: cloneContentModel,
     onClose: onCloneClose,
     closeModal: closeCloneModal
-  }), importModels && /*#__PURE__*/React.createElement(ImportContentModelsDialog, {
+  }) : null, importModels ? /*#__PURE__*/React.createElement(ImportContentModelsDialog, {
     onClose: closeImportModelModal
-  }));
+  }) : null);
 };
 export default ContentModels;

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

	@@ -1 +1 @@
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":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,uBAAuB;AAChC,OAAOC,qBAAqB;AAC5B,OAAOC,qBAAqB;AAC5B,SAASC,WAAW,QAAQ,~~sBAAsB~~;~~AAElD~~,SAASC,yBAAyB;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACxB,MAAM,CAACC,2BAA2B,EAAEC,yBAAyB,CAAC,GAAGZ,KAAK,CAACG,QAAQ,CAAC,KAAK,CAAC;EAEtF,MAAM,CAACU,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,KAAK,CAACG,QAAQ,CAAkB,IAAI,CAAC;EAEvF,MAAM;IAAEY,QAAQ;IAAEC;EAAc,CAAC,GAAGT,WAAW,CAAC,CAAC;EAEjD,MAAMU,SAAS,GAAGf,OAAO,CAAC,MAAe;IACrC,MAAMgB,UAAU,GAAGF,aAAa,CAAwB,kBAAkB,CAAC;IAC3E,IAAI,CAACE,UAAU,EAAE;MACb,OAAO,KAAK;IAChB;IAEA,IAAI,OAAOA,UAAU,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpC,OAAO,IAAI;IACf;IAEA,OAAOD,UAAU,CAACC,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC;EACvC,CAAC,EAAE,CAACL,QAAQ,CAAC,CAAC;EAEd,MAAMM,eAAe,GAAGpB,WAAW,CAAC,MAAM;IACtCa,oBAAoB,CAAC,IAAI,CAAC;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,QAAQ,GAAGrB,WAAW,CAAC,MAAYW,yBAAyB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAC7E,MAAMW,OAAO,GAAGtB,WAAW,CAAC,MAAYW,yBAAyB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAC7E,MAAMY,OAAO,GAAGvB,WAAW,CACtBwB,YAAsB,IAAWX,oBAAoB,CAACW,YAAY,CAAC,EACpE,EACJ,CAAC;EACD,MAAMC,YAAY,GAAGzB,WAAW,CAAC,MAAYa,oBAAoB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAE5E,MAAM,CAACa,YAAY,EAAEC,eAAe,CAAC,GAAGzB,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM0B,oBAAoB,GAAG5B,WAAW,CAAC,MAAM;IAC3C2B,eAAe,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EACN,MAAME,qBAAqB,GAAG7B,WAAW,CAAC,MAAM;IAC5C2B,eAAe,CAAC,KAAK,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI5B,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAE;~~EAAmC~~,~~gBAC/ChC~~,KAAA,CAAA+B,aAAA,CAACtB,IAAI;IAACuB,SAAS,EAAC;~~EAAsB~~,~~gBAClChC~~,KAAA,CAAA+B,aAAA,CAACtB,IAAI,CAACwB,MAAM;IAACC,IAAI,EAAE,EAAG;IAACC,MAAM,EAAE;EAAE,gBAC7BnC,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;~~EAA+F~~,~~gBAC1GhC~~,KAAA,CAAA+B,aAAA,CAACzB,qBAAqB;IAClBuB,oBAAoB,EAAEA,oBAAqB;IAC3CZ,SAAS,EAAEA,SAAU;IACrBK,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA;EAAQ,CACpB,CACA,CACI,CACX,CAAC,eACPxB,KAAA,CAAA+B,aAAA,CAAC1B,qBAAqB;IAAC+B,IAAI,EAAEzB,2BAA4B;IAACY,OAAO,EAAEA;EAAQ,CAAE,CAAC,EAC7EV,iBAAiB,~~iBACdb~~,KAAA,CAAA+B,aAAA,CAAC3B,uBAAuB;IACpBqB,YAAY,EAAEZ,iBAAkB;IAChCU,OAAO,EAAEG,YAAa;IACtBW,UAAU,EAAEhB;EAAgB,CAC/B,~~CACJ~~,~~EACAM~~,YAAY,~~iBAAI3B~~,KAAA,CAAA+B,aAAA,CAACvB,yBAAyB;IAACe,OAAO,EAAEO;EAAsB,CAAE,~~CAC5E~~,CAAC;AAEd,CAAC;AAED,eAAepB,aAAa","ignoreList":[]}
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.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 CHANGED Viewed

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

package/admin/views/contentModels/ContentModelsDataList.js CHANGED Viewed

@@ -2,30 +2,31 @@
  * TODO remove regular model delete at some point.
  */
 import React, { useCallback, useMemo, useState } from "react";
-import { TimeAgo } from "@webiny/ui/TimeAgo";
-import { useRouter } from "@webiny/react-router";
+import { TimeAgo } from "@webiny/ui/TimeAgo/index.js";
+import { useRouter, SearchUI } from "@webiny/app-admin";
 import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
 import { ReactComponent as DownloadFileIcon } from "@webiny/icons/file_download.svg";
 import { ReactComponent as UploadFileIcon } from "@webiny/icons/file_upload.svg";
-import { ReactComponent as FullscreenIcon } from "@webiny/icons/fullscreen.svg";
+import { ReactComponent as ListIcon } from "@webiny/icons/list.svg";
 import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
 import { ReactComponent as MoreVertIcon } from "@webiny/icons/more_vert.svg";
 import { ReactComponent as ExportIcon } from "@webiny/icons/file_download.svg";
 import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
 import { ReactComponent as CloneIcon } from "@webiny/icons/flip_to_front.svg";
-import { useModels } from "../../hooks";
-import * as UIL from "@webiny/ui/List";
-import { i18n } from "@webiny/app/i18n";
-import SearchUI from "@webiny/app-admin/components/SearchUI";
-import { deserializeSorters } from "../utils";
-import orderBy from "lodash/orderBy";
-import { usePermission } from "../../hooks/usePermission";
+import { useModels } from "../../hooks/index.js";
+import * as UIL from "@webiny/ui/List/index.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { deserializeSorters } from "../utils.js";
+import orderBy from "lodash/orderBy.js";
+import { usePermission } from "../../hooks/usePermission.js";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useModelExport } from "./exporting/useModelExport";
-import { ModelIsBeingDeleted } from "./fullDelete/ModelIsBeingDeleted";
-import { FullyDeleteModelDialog } from "./fullDelete/FullyDeleteModelDialog";
+import { useModelExport } from "./exporting/useModelExport.js";
+import { ModelIsBeingDeleted } from "./fullDelete/ModelIsBeingDeleted.js";
+import { FullyDeleteModelDialog } from "./fullDelete/FullyDeleteModelDialog.js";
 import { Button, DropdownMenu, Icon, IconButton, Select, Tooltip } from "@webiny/admin-ui";
 import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+import { Routes } from "../../../routes.js";
+import { normalizeIcon } from "../../../utils/normalizeIcon.js";
 const t = i18n.namespace("FormsApp.ContentModelsDataList");
 const SORTERS = [{
   label: t`Newest to oldest`,
@@ -47,13 +48,13 @@ const DisplayIcon = ({
     return null;
   }
   return /*#__PURE__*/React.createElement(UIL.ListItemGraphic, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-neutral-muted"
+    className: "text-neutral-muted"
   }, /*#__PURE__*/React.createElement(Icon, {
     size: "lg",
     color: "inherit",
     label: "Content model icon",
     icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: (model.icon || "").split("/")
+      icon: normalizeIcon(model.icon)
     })
   })));
 };
@@ -66,7 +67,7 @@ const ContentModelsDataList = ({
   const [filter, setFilter] = useState("");
   const [sort, setSort] = useState(SORTERS[0].sorters);
   const {
-    history
+    goToRoute
   } = useRouter();
   const {
     models,
@@ -91,10 +92,16 @@ const ContentModelsDataList = ({
     return orderBy(list, [sortField], [sortOrderBy]);
   }, [sort]);
   const editRecord = contentModel => {
-    history.push("/cms/content-models/" + contentModel.modelId);
+    goToRoute(Routes.ContentModels.Editor, {
+      modelId: contentModel.modelId
+    });
   };
   const viewContentEntries = useCallback(contentModel => {
-    return () => history.push("/cms/content-entries/" + contentModel.modelId);
+    return () => {
+      goToRoute(Routes.ContentEntries.List, {
+        modelId: contentModel.modelId
+      });
+    };
   }, []);
   const contentModelsDataListModalOverlay = useMemo(() => /*#__PURE__*/React.createElement(UIL.DataListModalOverlay, null, /*#__PURE__*/React.createElement(Select, {
     value: sort,
@@ -119,7 +126,7 @@ const ContentModelsDataList = ({
     data: contentModels,
     title: t`Content Models`,
     actions: /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-justify-end wby-gap-xs"
+      className: "flex items-center justify-end gap-xs"
     }, /*#__PURE__*/React.createElement(Tooltip, {
       content: "Export all models",
       trigger: /*#__PURE__*/React.createElement(IconButton, {
@@ -142,7 +149,7 @@ const ContentModelsDataList = ({
       text: t`New`,
       icon: /*#__PURE__*/React.createElement(AddIcon, null),
       size: "sm",
-      className: "wby-ml-xs"
+      className: "ml-xs"
     }) : null),
     search: /*#__PURE__*/React.createElement(SearchUI, {
       value: filter,
@@ -171,7 +178,7 @@ const ContentModelsDataList = ({
     };
     return /*#__PURE__*/React.createElement(UIL.ListItem, {
       key: contentModel.modelId,
-      className: "wby-group/item"
+      className: "group/item"
     }, /*#__PURE__*/React.createElement(UIL.ListItemText, null, /*#__PURE__*/React.createElement(DisplayIcon, {
       model: contentModel
     }), /*#__PURE__*/React.createElement(UIL.ListItemTextPrimary, null, contentModel.name), /*#__PURE__*/React.createElement(UIL.ListItemTextSecondary, null, t`Last modified: {time}.`({
@@ -181,13 +188,13 @@ const ContentModelsDataList = ({
     }))), /*#__PURE__*/React.createElement(UIL.ListItemMeta, null, /*#__PURE__*/React.createElement(UIL.ListActions, null, /*#__PURE__*/React.createElement(ModelIsBeingDeleted, {
       model: contentModel
     }, /*#__PURE__*/React.createElement("span", {
-      className: "wby-invisible group-hover/item:wby-visible"
+      className: "invisible group-hover/item:visible"
     }, /*#__PURE__*/React.createElement(Tooltip, {
       side: "top",
       content: getMessage(),
       trigger: /*#__PURE__*/React.createElement(Button, {
-        text: "View",
-        icon: /*#__PURE__*/React.createElement(FullscreenIcon, null),
+        text: "View entries",
+        icon: /*#__PURE__*/React.createElement(ListIcon, null),
         variant: "secondary",
         size: "sm",
         "data-testid": "cms-view-content-model-button",
@@ -195,7 +202,7 @@ const ContentModelsDataList = ({
         disabled: disableViewContent
       })
     })), canEdit(contentModel, "cms.contentModel") && /*#__PURE__*/React.createElement("span", {
-      className: "wby-invisible group-hover/item:wby-visible"
+      className: "invisible group-hover/item:visible"
     }, /*#__PURE__*/React.createElement(Tooltip, {
       side: "top",
       content: contentModel.plugin ? t`Content model is registered via a plugin.` : t`Edit content model`,
@@ -240,7 +247,7 @@ const ContentModelsDataList = ({
         setModelToBeDeleted(contentModel);
       },
       "data-testid": "cms-delete-content-model-button",
-      className: "!wby-text-destructive-primary [&_svg]:wby-fill-destructive"
+      className: "text-destructive-primary! [&_svg]:fill-destructive"
     }))))));
   }))), /*#__PURE__*/React.createElement(FullyDeleteModelDialog, {
     model: modelToBeDeleted,