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/ContentModelsDataList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useMemo","useState","TimeAgo","useRouter","ReactComponent","AddIcon","DownloadFileIcon","UploadFileIcon","FullscreenIcon","EditIcon","MoreVertIcon","ExportIcon","DeleteIcon","CloneIcon","useModels","UIL","i18n","SearchUI","deserializeSorters","orderBy","usePermission","FontAwesomeIcon","useModelExport","ModelIsBeingDeleted","FullyDeleteModelDialog","Button","DropdownMenu","Icon","IconButton","Select","Tooltip","CMS_MODEL_SINGLETON_TAG","t","namespace","SORTERS","label","sorters","DisplayIcon","model","icon","createElement","ListItemGraphic","className","size","color","split","ContentModelsDataList","canCreate","onCreate","onClone","showImportModelModal","filter","setFilter","sort","setSort","history","models","loading","refresh","canDelete","canEdit","modelToBeDeleted","setModelToBeDeleted","filterData","name","toLowerCase","includes","sortData","list","sortField","sortOrderBy","editRecord","contentModel","push","modelId","viewContentEntries","contentModelsDataListModalOverlay","DataListModalOverlay","value","onChange","options","map","sorter","filteredData","contentModels","handleModelsExport","handleModelExport","onRefreshClick","Fragment","DataList","data","title","actions","content","trigger","variant","onClick","text","search","inputPlaceholder","modalOverlay","modalOverlayAction","DataListModalOverlayAction","List","disableViewContent","fields","length","getMessage","tags","ListItem","key","ListItemText","ListItemTextPrimary","ListItemTextSecondary","time","savedOn","datetime","ListItemMeta","ListActions","side","disabled","plugin","Item","element","onClose"],"sources":["ContentModelsDataList.tsx"],"sourcesContent":["/*\n TODO remove regular model delete at some point.\n /\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DownloadFileIcon } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as FullscreenIcon } from \"@webiny/icons/fullscreen.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as MoreVertIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as ExportIcon } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/flip_to_front.svg\";\nimport { useModels } from \"../../hooks\";\nimport as UIL from \"@webiny/ui/List\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport orderBy from \"lodash/orderBy\";\nimport type { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport { usePermission } from \"~/admin/hooks/usePermission\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { useModelExport } from \"./exporting/useModelExport\";\nimport { ModelIsBeingDeleted } from \"./fullDelete/ModelIsBeingDeleted\";\nimport { FullyDeleteModelDialog } from \"~/admin/views/contentModels/fullDelete/FullyDeleteModelDialog\";\nimport { Button, DropdownMenu, Icon, IconButton, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\ninterface Sorter {\n label: string;\n sorters: string;\n}\n\nconst SORTERS: Sorter[] = [\n {\n label: t`Newest to oldest`,\n sorters: \"savedOn_DESC\"\n },\n {\n label: t`Oldest to newest`,\n sorters: \"savedOn_ASC\"\n },\n {\n label: t`Name A-Z`,\n sorters: \"name_ASC\"\n },\n {\n label: t`Name Z-A`,\n sorters: \"name_DESC\"\n }\n];\n\ninterface ContentModelsDataListProps {\n canCreate: boolean;\n onCreate: () => void;\n onClone: (contentModel: CmsEditorContentModel) => void;\n showImportModelModal: () => void;\n}\n\ninterface IconProps {\n model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon = ({ model }: IconProps) => {\n if (!model.icon) {\n return null;\n }\n return (\n <UIL.ListItemGraphic>\n <div className={\"wby-text-neutral-muted\"}>\n <Icon\n size={\"lg\"}\n color={\"inherit\"}\n label={\"Content model icon\"}\n icon={<FontAwesomeIcon icon={(model.icon \|\| \"\").split(\"/\") as IconProp} />}\n />\n </div>\n </UIL.ListItemGraphic>\n );\n};\n\nconst ContentModelsDataList = ({\n canCreate,\n onCreate,\n onClone,\n showImportModelModal\n}: ContentModelsDataListProps) => {\n const [filter, setFilter] = useState<string>(\"\");\n const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n const { history } = useRouter();\n const { models, loading, refresh } = useModels();\n const { canDelete, canEdit } = usePermission();\n\n const [modelToBeDeleted, setModelToBeDeleted] = useState<CmsModel \| null>(null);\n\n const filterData = useCallback(\n ({ name }: Pick<CmsModel, \"name\">): boolean => {\n return name.toLowerCase().includes(filter);\n },\n [filter]\n );\n\n const sortData = useCallback(\n (list: CmsModel[]): CmsModel[] => {\n if (!sort) {\n return list;\n }\n const [sortField, sortOrderBy] = deserializeSorters(sort);\n return orderBy(list, [sortField], [sortOrderBy]);\n },\n [sort]\n );\n\n const editRecord = (contentModel: CmsModel): void => {\n history.push(\"/cms/content-models/\" + contentModel.modelId);\n };\n\n const viewContentEntries = useCallback((contentModel: Pick<CmsModel, \"modelId\">) => {\n return () => history.push(\"/cms/content-entries/\" + contentModel.modelId);\n }, []);\n\n const contentModelsDataListModalOverlay = useMemo(\n () => (\n <UIL.DataListModalOverlay>\n <Select\n value={sort}\n onChange={setSort}\n label={t`Sort by`}\n options={SORTERS.map(sorter => ({\n label: sorter.label,\n value: sorter.sorters\n }))}\n />\n </UIL.DataListModalOverlay>\n ),\n [sort]\n );\n\n const filteredData = filter === \"\" ? models : models.filter(filterData);\n const contentModels = sortData(filteredData);\n\n const { handleModelsExport, handleModelExport } = useModelExport();\n\n const onRefreshClick = useCallback(() => {\n refresh();\n }, []);\n\n return (\n <>\n <UIL.DataList\n loading={loading}\n data={contentModels}\n title={t`Content Models`}\n actions={\n <div className={\"wby-flex wby-items-center wby-justify-end wby-gap-xs\"}>\n <Tooltip\n content={\"Export all models\"}\n trigger={\n <IconButton\n icon={<DownloadFileIcon />}\n size={\"sm\"}\n variant={\"ghost\"}\n onClick={() => handleModelsExport()}\n />\n }\n />\n <Tooltip\n content={\"Import models\"}\n trigger={\n <IconButton\n icon={<UploadFileIcon />}\n size={\"sm\"}\n variant={\"ghost\"}\n onClick={() => showImportModelModal()}\n />\n }\n />\n {canCreate ? (\n <Button\n data-testid=\"new-record-button\"\n onClick={onCreate}\n text={t`New`}\n icon={<AddIcon />}\n size={\"sm\"}\n className={\"wby-ml-xs\"}\n />\n ) : null}\n </div>\n }\n search={\n <SearchUI\n value={filter}\n onChange={setFilter}\n inputPlaceholder={t`Search content model...`}\n />\n }\n modalOverlay={contentModelsDataListModalOverlay}\n modalOverlayAction={\n <UIL.DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n }\n refresh={onRefreshClick}\n >\n {({ data = [] }: { data: CmsModel[] }) => (\n <UIL.List data-testid=\"default-data-list\">\n {data.map(contentModel => {\n const disableViewContent = contentModel.fields.length === 0;\n const getMessage = () => {\n if (disableViewContent) {\n return \"To view the entries, you first need to add a field and save the model\";\n }\n\n if (contentModel.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n return \"View\";\n }\n\n return \"View entries\";\n };\n\n return (\n <UIL.ListItem\n key={contentModel.modelId}\n className={\"wby-group/item\"}\n >\n <UIL.ListItemText>\n <DisplayIcon model={contentModel} />\n <UIL.ListItemTextPrimary>\n {contentModel.name}\n </UIL.ListItemTextPrimary>\n <UIL.ListItemTextSecondary>\n {t`Last modified: {time}.`({\n time: contentModel.savedOn ? (\n <TimeAgo datetime={contentModel.savedOn} />\n ) : (\n \"N/A\"\n )\n })}\n </UIL.ListItemTextSecondary>\n </UIL.ListItemText>\n <UIL.ListItemMeta>\n <UIL.ListActions>\n <ModelIsBeingDeleted model={contentModel}>\n <span\n className={\n \"wby-invisible group-hover/item:wby-visible\"\n }\n >\n <Tooltip\n side={\"top\"}\n content={getMessage()}\n trigger={\n <Button\n text={\"View\"}\n icon={<FullscreenIcon />}\n variant={\"secondary\"}\n size={\"sm\"}\n data-testid={\n \"cms-view-content-model-button\"\n }\n onClick={viewContentEntries(\n contentModel\n )}\n disabled={disableViewContent}\n />\n }\n />\n </span>\n\n {canEdit(contentModel, \"cms.contentModel\") && (\n <span\n className={\n \"wby-invisible group-hover/item:wby-visible\"\n }\n >\n <Tooltip\n side={\"top\"}\n content={\n contentModel.plugin\n ? t`Content model is registered via a plugin.`\n : t`Edit content model`\n }\n trigger={\n <Button\n text={\"Edit\"}\n icon={<EditIcon />}\n variant={\"secondary\"}\n size={\"sm\"}\n disabled={contentModel.plugin}\n onClick={() =>\n editRecord(contentModel)\n }\n data-testid={\n \"cms-edit-content-model-button\"\n }\n />\n }\n />\n </span>\n )}\n\n <DropdownMenu\n trigger={\n <IconButton\n icon={<MoreVertIcon />}\n size={\"sm\"}\n variant={\"ghost\"}\n />\n }\n >\n {canEdit(contentModel, \"cms.contentModel\") && (\n <DropdownMenu.Item\n text={\"Clone\"}\n icon={\n <DropdownMenu.Item.Icon\n label={\"Clone\"}\n element={<CloneIcon />}\n />\n }\n data-testid={\n \"cms-clone-content-model-button\"\n }\n onClick={() => onClone(contentModel)}\n />\n )}\n\n <DropdownMenu.Item\n text={\"Export\"}\n icon={\n <DropdownMenu.Item.Icon\n label={\"Export\"}\n element={<ExportIcon />}\n />\n }\n data-testid={\n \"cms-export-content-model-button\"\n }\n onClick={handleModelExport(contentModel)}\n />\n\n {canDelete(\n contentModel,\n \"cms.contentModel\"\n ) && (\n <DropdownMenu.Item\n text={\"Delete\"}\n icon={\n <DropdownMenu.Item.Icon\n label={\"Delete\"}\n element={<DeleteIcon />}\n />\n }\n onClick={() => {\n setModelToBeDeleted(contentModel);\n }}\n data-testid={\n \"cms-delete-content-model-button\"\n }\n className={\n \"!wby-text-destructive-primary [&_svg]:wby-fill-destructive\"\n }\n />\n )}\n </DropdownMenu>\n </ModelIsBeingDeleted>\n </UIL.ListActions>\n </UIL.ListItemMeta>\n </UIL.ListItem>\n );\n })}\n </UIL.List>\n )}\n </UIL.DataList>\n <FullyDeleteModelDialog\n model={modelToBeDeleted}\n onClose={() => {\n setModelToBeDeleted(null);\n }}\n />\n </>\n );\n};\n\nexport default ContentModelsDataList;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useMemo","useState","TimeAgo","useRouter","SearchUI","ReactComponent","AddIcon","DownloadFileIcon","UploadFileIcon","ListIcon","EditIcon","MoreVertIcon","ExportIcon","DeleteIcon","CloneIcon","useModels","UIL","i18n","deserializeSorters","orderBy","usePermission","FontAwesomeIcon","useModelExport","ModelIsBeingDeleted","FullyDeleteModelDialog","Button","DropdownMenu","Icon","IconButton","Select","Tooltip","CMS_MODEL_SINGLETON_TAG","Routes","normalizeIcon","t","namespace","SORTERS","label","sorters","DisplayIcon","model","icon","createElement","ListItemGraphic","className","size","color","ContentModelsDataList","canCreate","onCreate","onClone","showImportModelModal","filter","setFilter","sort","setSort","goToRoute","models","loading","refresh","canDelete","canEdit","modelToBeDeleted","setModelToBeDeleted","filterData","name","toLowerCase","includes","sortData","list","sortField","sortOrderBy","editRecord","contentModel","ContentModels","Editor","modelId","viewContentEntries","ContentEntries","List","contentModelsDataListModalOverlay","DataListModalOverlay","value","onChange","options","map","sorter","filteredData","contentModels","handleModelsExport","handleModelExport","onRefreshClick","Fragment","DataList","data","title","actions","content","trigger","variant","onClick","text","search","inputPlaceholder","modalOverlay","modalOverlayAction","DataListModalOverlayAction","disableViewContent","fields","length","getMessage","tags","ListItem","key","ListItemText","ListItemTextPrimary","ListItemTextSecondary","time","savedOn","datetime","ListItemMeta","ListActions","side","disabled","plugin","Item","element","onClose"],"sources":["ContentModelsDataList.tsx"],"sourcesContent":["/*\n TODO remove regular model delete at some point.\n /\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo/index.js\";\nimport { useRouter, SearchUI } from \"@webiny/app-admin\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DownloadFileIcon } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as ListIcon } from \"@webiny/icons/list.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as MoreVertIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as ExportIcon } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/flip_to_front.svg\";\nimport { useModels } from \"../../hooks/index.js\";\nimport as UIL from \"@webiny/ui/List/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { deserializeSorters } from \"../utils.js\";\nimport orderBy from \"lodash/orderBy.js\";\nimport type { CmsEditorContentModel, CmsModel } from \"~/types.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { useModelExport } from \"./exporting/useModelExport.js\";\nimport { ModelIsBeingDeleted } from \"./fullDelete/ModelIsBeingDeleted.js\";\nimport { FullyDeleteModelDialog } from \"~/admin/views/contentModels/fullDelete/FullyDeleteModelDialog.js\";\nimport { Button, DropdownMenu, Icon, IconButton, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Routes } from \"~/routes.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\ninterface Sorter {\n label: string;\n sorters: string;\n}\n\nconst SORTERS: Sorter[] = [\n {\n label: t`Newest to oldest`,\n sorters: \"savedOn_DESC\"\n },\n {\n label: t`Oldest to newest`,\n sorters: \"savedOn_ASC\"\n },\n {\n label: t`Name A-Z`,\n sorters: \"name_ASC\"\n },\n {\n label: t`Name Z-A`,\n sorters: \"name_DESC\"\n }\n];\n\ninterface ContentModelsDataListProps {\n canCreate: boolean;\n onCreate: () => void;\n onClone: (contentModel: CmsEditorContentModel) => void;\n showImportModelModal: () => void;\n}\n\ninterface IconProps {\n model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon = ({ model }: IconProps) => {\n if (!model.icon) {\n return null;\n }\n return (\n <UIL.ListItemGraphic>\n <div className={\"text-neutral-muted\"}>\n <Icon\n size={\"lg\"}\n color={\"inherit\"}\n label={\"Content model icon\"}\n icon={<FontAwesomeIcon icon={normalizeIcon(model.icon) as IconProp} />}\n />\n </div>\n </UIL.ListItemGraphic>\n );\n};\n\nconst ContentModelsDataList = ({\n canCreate,\n onCreate,\n onClone,\n showImportModelModal\n}: ContentModelsDataListProps) => {\n const [filter, setFilter] = useState<string>(\"\");\n const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n const { goToRoute } = useRouter();\n const { models, loading, refresh } = useModels();\n const { canDelete, canEdit } = usePermission();\n\n const [modelToBeDeleted, setModelToBeDeleted] = useState<CmsModel \| null>(null);\n\n const filterData = useCallback(\n ({ name }: Pick<CmsModel, \"name\">): boolean => {\n return name.toLowerCase().includes(filter);\n },\n [filter]\n );\n\n const sortData = useCallback(\n (list: CmsModel[]): CmsModel[] => {\n if (!sort) {\n return list;\n }\n const [sortField, sortOrderBy] = deserializeSorters(sort);\n return orderBy(list, [sortField], [sortOrderBy]);\n },\n [sort]\n );\n\n const editRecord = (contentModel: CmsModel): void => {\n goToRoute(Routes.ContentModels.Editor, { modelId: contentModel.modelId });\n };\n\n const viewContentEntries = useCallback((contentModel: Pick<CmsModel, \"modelId\">) => {\n return () => {\n goToRoute(Routes.ContentEntries.List, { modelId: contentModel.modelId });\n };\n }, []);\n\n const contentModelsDataListModalOverlay = useMemo(\n () => (\n <UIL.DataListModalOverlay>\n <Select\n value={sort}\n onChange={setSort}\n label={t`Sort by`}\n options={SORTERS.map(sorter => ({\n label: sorter.label,\n value: sorter.sorters\n }))}\n />\n </UIL.DataListModalOverlay>\n ),\n [sort]\n );\n\n const filteredData = filter === \"\" ? models : models.filter(filterData);\n const contentModels = sortData(filteredData);\n\n const { handleModelsExport, handleModelExport } = useModelExport();\n\n const onRefreshClick = useCallback(() => {\n refresh();\n }, []);\n\n return (\n <>\n <UIL.DataList\n loading={loading}\n data={contentModels}\n title={t`Content Models`}\n actions={\n <div className={\"flex items-center justify-end gap-xs\"}>\n <Tooltip\n content={\"Export all models\"}\n trigger={\n <IconButton\n icon={<DownloadFileIcon />}\n size={\"sm\"}\n variant={\"ghost\"}\n onClick={() => handleModelsExport()}\n />\n }\n />\n <Tooltip\n content={\"Import models\"}\n trigger={\n <IconButton\n icon={<UploadFileIcon />}\n size={\"sm\"}\n variant={\"ghost\"}\n onClick={() => showImportModelModal()}\n />\n }\n />\n {canCreate ? (\n <Button\n data-testid=\"new-record-button\"\n onClick={onCreate}\n text={t`New`}\n icon={<AddIcon />}\n size={\"sm\"}\n className={\"ml-xs\"}\n />\n ) : null}\n </div>\n }\n search={\n <SearchUI\n value={filter}\n onChange={setFilter}\n inputPlaceholder={t`Search content model...`}\n />\n }\n modalOverlay={contentModelsDataListModalOverlay}\n modalOverlayAction={\n <UIL.DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n }\n refresh={onRefreshClick}\n >\n {({ data = [] }: { data: CmsModel[] }) => (\n <UIL.List data-testid=\"default-data-list\">\n {data.map(contentModel => {\n const disableViewContent = contentModel.fields.length === 0;\n const getMessage = () => {\n if (disableViewContent) {\n return \"To view the entries, you first need to add a field and save the model\";\n }\n\n if (contentModel.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n return \"View\";\n }\n\n return \"View entries\";\n };\n\n return (\n <UIL.ListItem key={contentModel.modelId} className={\"group/item\"}>\n <UIL.ListItemText>\n <DisplayIcon model={contentModel} />\n <UIL.ListItemTextPrimary>\n {contentModel.name}\n </UIL.ListItemTextPrimary>\n <UIL.ListItemTextSecondary>\n {t`Last modified: {time}.`({\n time: contentModel.savedOn ? (\n <TimeAgo datetime={contentModel.savedOn} />\n ) : (\n \"N/A\"\n )\n })}\n </UIL.ListItemTextSecondary>\n </UIL.ListItemText>\n <UIL.ListItemMeta>\n <UIL.ListActions>\n <ModelIsBeingDeleted model={contentModel}>\n <span\n className={\"invisible group-hover/item:visible\"}\n >\n <Tooltip\n side={\"top\"}\n content={getMessage()}\n trigger={\n <Button\n text={\"View entries\"}\n icon={<ListIcon />}\n variant={\"secondary\"}\n size={\"sm\"}\n data-testid={\n \"cms-view-content-model-button\"\n }\n onClick={viewContentEntries(\n contentModel\n )}\n disabled={disableViewContent}\n />\n }\n />\n </span>\n\n {canEdit(contentModel, \"cms.contentModel\") && (\n <span\n className={\n \"invisible group-hover/item:visible\"\n }\n >\n <Tooltip\n side={\"top\"}\n content={\n contentModel.plugin\n ? t`Content model is registered via a plugin.`\n : t`Edit content model`\n }\n trigger={\n <Button\n text={\"Edit\"}\n icon={<EditIcon />}\n variant={\"secondary\"}\n size={\"sm\"}\n disabled={contentModel.plugin}\n onClick={() =>\n editRecord(contentModel)\n }\n data-testid={\n \"cms-edit-content-model-button\"\n }\n />\n }\n />\n </span>\n )}\n\n <DropdownMenu\n trigger={\n <IconButton\n icon={<MoreVertIcon />}\n size={\"sm\"}\n variant={\"ghost\"}\n />\n }\n >\n {canEdit(contentModel, \"cms.contentModel\") && (\n <DropdownMenu.Item\n text={\"Clone\"}\n icon={\n <DropdownMenu.Item.Icon\n label={\"Clone\"}\n element={<CloneIcon />}\n />\n }\n data-testid={\n \"cms-clone-content-model-button\"\n }\n onClick={() => onClone(contentModel)}\n />\n )}\n\n <DropdownMenu.Item\n text={\"Export\"}\n icon={\n <DropdownMenu.Item.Icon\n label={\"Export\"}\n element={<ExportIcon />}\n />\n }\n data-testid={\n \"cms-export-content-model-button\"\n }\n onClick={handleModelExport(contentModel)}\n />\n\n {canDelete(\n contentModel,\n \"cms.contentModel\"\n ) && (\n <DropdownMenu.Item\n text={\"Delete\"}\n icon={\n <DropdownMenu.Item.Icon\n label={\"Delete\"}\n element={<DeleteIcon />}\n />\n }\n onClick={() => {\n setModelToBeDeleted(contentModel);\n }}\n data-testid={\n \"cms-delete-content-model-button\"\n }\n className={\n \"text-destructive-primary! [&_svg]:fill-destructive\"\n }\n />\n )}\n </DropdownMenu>\n </ModelIsBeingDeleted>\n </UIL.ListActions>\n </UIL.ListItemMeta>\n </UIL.ListItem>\n );\n })}\n </UIL.List>\n )}\n </UIL.DataList>\n <FullyDeleteModelDialog\n model={modelToBeDeleted}\n onClose={() => {\n setModelToBeDeleted(null);\n }}\n />\n </>\n );\n};\n\nexport default ContentModelsDataList;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 import React from "react";
-import * as UID from "@webiny/ui/Dialog";
+import { DialogProps } from "@webiny/admin-ui";
 export interface NewContentModelDialogProps {
     open: boolean;
-    onClose: UID.DialogOnClose;
+    onClose: DialogProps["onClose"];
 }
 declare const NewContentModelDialog: ({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element;
 export default NewContentModelDialog;

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

@@ -1,25 +1,23 @@
 import React, { useCallback, useMemo } from "react";
-import { useRouter } from "@webiny/react-router";
+import { useRouter, useSnackbar } 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 { CircularProgress } from "@webiny/ui/Progress/index.js";
 import { validation } from "@webiny/validation";
-import { useApolloClient, useMutation, useQuery } from "../../hooks";
-import { i18n } from "@webiny/app/i18n";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import * as UID from "@webiny/ui/Dialog";
-import { Cell, Grid } from "@webiny/ui/Grid";
+import { useApolloClient, useMutation, useQuery } from "../../hooks/index.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Dialog, Grid } from "@webiny/admin-ui";
 import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
-import { addModelToGroupCache, addModelToListCache } from "./cache";
-import * as GQL from "../../viewsGraphql";
-import { Dialog } from "../../components/Dialog";
-import { createApiNameValidator } from "./helpers/apiNameValidator";
-import { createNameValidator } from "./helpers/nameValidator";
-import { Checkbox } from "@webiny/ui/Checkbox";
-import { IconPicker } from "../../components/IconPicker";
-import { Switch } from "@webiny/ui/Switch";
+import { addModelToGroupCache, addModelToListCache } from "./cache.js";
+import * as GQL from "../../viewsGraphql.js";
+import { createApiNameValidator } from "./helpers/apiNameValidator.js";
+import { createNameValidator } from "./helpers/nameValidator.js";
+import { Checkbox } from "@webiny/ui/Checkbox/index.js";
+import { IconPicker } from "../../components/IconPicker.js";
+import { Switch } from "@webiny/ui/Switch/index.js";
+import { Routes } from "../../../routes.js";
+import { ScrollArea } from "@webiny/admin-ui/ScrollArea";
 const t = i18n.ns("app-headless-cms/admin/views/content-models/new-content-model-dialog");
 const NewContentModelDialog = ({
   open,
@@ -30,7 +28,7 @@ const NewContentModelDialog = ({
     showSnackbar
   } = useSnackbar();
   const {
-    history
+    goToRoute
   } = useRouter();
   const client = useApolloClient();
   const [createContentModel] = useMutation(GQL.CREATE_CONTENT_MODEL, {
@@ -49,7 +47,9 @@ const NewContentModelDialog = ({
         showSnackbar(error.message);
         return;
       }
-      history.push("/cms/content-models/" + model.modelId);
+      goToRoute(Routes.ContentModels.Editor, {
+        modelId: model.modelId
+      });
     },
     update(cache, {
       data
@@ -77,7 +77,7 @@ const NewContentModelDialog = ({
   const contentModelGroups = useMemo(() => {
     return groups.map(item => {
       return {
-        value: item.id,
+        value: item.slug,
         label: item.name
       };
     });
@@ -111,14 +111,14 @@ const NewContentModelDialog = ({
     // @ts-expect-error
     const tags = Array.isArray(data.tags) ? data.tags : [];
     /**
-     * If a model is a singleton, we add a special tag to it.
+     * If a model is a singleEntry, we add a special tag to it.
      * + we need to put the pluralApiName to something that is not used.
      */
-    if (data.singleton) {
+    if (data.singleEntry) {
       tags.push(CMS_MODEL_SINGLETON_TAG);
       data.pluralApiName = `${data.singularApiName}Unused`;
     }
-    delete data.singleton;
+    delete data.singleEntry;
     await createContentModel({
       variables: {
         data: {
@@ -128,14 +128,10 @@ const NewContentModelDialog = ({
       }
     });
   }, [loading, createContentModel]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: open,
-    onClose: onClose,
-    "data-testid": "cms-new-content-model-modal"
-  }, open && /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     data: {
       group,
-      singleton: false
+      singleEntry: false
     },
     onSubmit: onSubmit
   }, ({
@@ -143,9 +139,19 @@ const NewContentModelDialog = ({
     submit,
     data
   }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, {
+    return /*#__PURE__*/React.createElement(Dialog, {
+      open: open,
+      onClose: onClose,
+      "data-testid": "cms-new-content-model-modal",
+      title: t`New Content Model`,
+      actions: /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+        onClick: submit
+      }, "+ ", t`Create Model`)
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, {
       label: "Creating content model..."
-    }), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t`New Content Model`), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }), /*#__PURE__*/React.createElement(ScrollArea, {
+      className: "max-h-[70vh] flex flex-col"
+    }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "name",
@@ -154,7 +160,7 @@ const NewContentModelDialog = ({
       label: t`Name`,
       description: t`The name of the content model. Use the singular form, e.g. Author Category, not Author Categories.`,
       "data-testid": "cms.newcontentmodeldialog.name"
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "singularApiName",
@@ -163,26 +169,26 @@ const NewContentModelDialog = ({
       label: t`Singular API Name`,
       description: t`The API name of the content model. For example: AuthorCategory.`,
       "data-testid": "cms.newcontentmodeldialog.singularApiName"
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
-      name: "singleton",
+      name: "singleEntry",
       defaultValue: false
     }, /*#__PURE__*/React.createElement(Switch, {
       description: t`Create a model that can hold only one entry. Cannot be changed later.`,
       label: t`Single entry model`,
-      "data-testid": "cms.newcontentmodeldialog.singleton"
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      "data-testid": "cms.newcontentmodeldialog.singleEntry"
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "pluralApiName",
-      validators: data.singleton ? [] : [validation.create("required,maxLength:100"), apiNameValidator]
+      validators: data.singleEntry ? [] : [validation.create("required,maxLength:100"), apiNameValidator]
     }, /*#__PURE__*/React.createElement(Input, {
-      disabled: data.singleton,
+      disabled: data.singleEntry,
       label: t`Plural API Name`,
       description: t`The plural API name of the content model. For example: AuthorCategories.`,
       "data-testid": "cms.newcontentmodeldialog.pluralApiName"
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "group",
@@ -192,24 +198,23 @@ const NewContentModelDialog = ({
       label: t`Content model group`,
       options: contentModelGroups,
       "data-testid": "cms.newcontentmodeldialog.selectgroup"
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "icon"
     }, /*#__PURE__*/React.createElement(IconPicker, {
       label: t`Icon`,
       description: t`Choose an icon to represent the model.`
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "description"
     }, props => /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
       rows: 4,
       maxLength: 200,
-      characterCount: true,
       label: t`Description`,
       "data-testid": "cms.newcontentmodeldialog.description"
-    })))), /*#__PURE__*/React.createElement(Cell, {
+    })))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "defaultFields",
@@ -218,10 +223,8 @@ const NewContentModelDialog = ({
       description: t`Create model with default title (text), description (long text) and image (file) fields`,
       label: t`Create model with default fields`,
       "data-testid": "cms.newcontentmodeldialog.defaultfields"
-    }))))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
-    }, "+ ", t`Create Model`)));
-  }));
+    })))))));
+  });
 };
 export default NewContentModelDialog;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useMemo","useRouter","Form","Input","Select","useSnackbar","CircularProgress","validation","useApolloClient","useMutation","useQuery","i18n","ButtonPrimary","UID","Cell","Grid","CMS_MODEL_SINGLETON_TAG","addModelToGroupCache","addModelToListCache","GQL","Dialog","createApiNameValidator","createNameValidator","Checkbox","IconPicker","Switch","t","ns","NewContentModelDialog","open","onClose","loading","setLoading","useState","showSnackbar","history","client","createContentModel","CREATE_CONTENT_MODEL","onCompleted","data","model","error","message","push","modelId","update","cache","listMenuGroupsQuery","LIST_MENU_CONTENT_GROUPS_MODELS","skip","groups","listContentModelGroups","contentModelGroups","map","item","value","id","label","name","models","reduce","collection","group","contentModels","nameValidator","apiNameValidator","length","undefined","onSubmit","tags","Array","isArray","singleton","pluralApiName","singularApiName","variables","createElement","Bind","submit","Fragment","DialogTitle","DialogContent","span","validators","create","description","defaultValue","disabled","options","props","Object","assign","rows","maxLength","characterCount","DialogActions","onClick"],"sources":["NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\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, useQuery } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport type {\n CreateCmsModelMutationResponse,\n CreateCmsModelMutationVariables,\n ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport type { CmsModel } from \"~/types\";\nimport type { CmsGroupOption } from \"./types\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator\";\nimport { Checkbox } from \"@webiny/ui/Checkbox\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Switch } from \"@webiny/ui/Switch\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-content-model-dialog\");\n\nexport interface NewContentModelDialogProps {\n open: boolean;\n onClose: UID.DialogOnClose;\n}\n\ninterface CmsModelData {\n name: string;\n description: string;\n group: string;\n singleton?: boolean;\n singularApiName: string;\n pluralApiName: string;\n defaultFields: boolean;\n}\n\nconst NewContentModelDialog = ({ open, onClose }: NewContentModelDialogProps) => {\n const [loading, setLoading] = React.useState(false);\n const { showSnackbar } = useSnackbar();\n const { history } = useRouter();\n const client = useApolloClient();\n\n const [createContentModel] = useMutation<\n CreateCmsModelMutationResponse,\n CreateCmsModelMutationVariables\n >(GQL.CREATE_CONTENT_MODEL, {\n onCompleted(data) {\n setLoading(false);\n\n if (!data) {\n showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n return;\n }\n\n const { data: model, error } = data.createContentModel;\n\n if (error) {\n setLoading(false);\n showSnackbar(error.message);\n return;\n }\n\n history.push(\"/cms/content-models/\" + model.modelId);\n },\n update(cache, { data }) {\n if (!data) {\n return;\n }\n\n const { data: model, error } = data.createContentModel;\n\n if (error) {\n return;\n }\n\n addModelToListCache(cache, model);\n addModelToGroupCache(cache, model);\n }\n });\n\n const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n {\n skip: !open\n }\n );\n\n const groups = useMemo(() => {\n return listMenuGroupsQuery.data?.listContentModelGroups?.data \|\| [];\n }, [listMenuGroupsQuery.data]);\n\n const contentModelGroups = useMemo(() => {\n return groups.map((item): CmsGroupOption => {\n return {\n value: item.id,\n label: item.name\n };\n });\n }, [groups]);\n\n const models = useMemo(() => {\n return groups.reduce<CmsModel[]>((collection, group) => {\n collection.push(...group.contentModels);\n return collection;\n }, []);\n }, [groups]);\n\n const nameValidator = useCallback(createNameValidator({ models }), [models]);\n\n const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n client,\n models\n ]);\n\n const group = useMemo<string \| undefined>(() => {\n if (!contentModelGroups.length) {\n return undefined;\n }\n return contentModelGroups[0]?.value;\n }, [contentModelGroups]);\n\n const onSubmit = useCallback(\n async (data: CmsModelData) => {\n setLoading(true);\n /*\n We need to make sure that tags are always an array.\n * At the moment there is no tags on the CmsModelData type.\n * If it is added at some point, the @ts-expect-error should be removed - it will cause TS error.\n /\n // @ts-expect-error\n const tags: string[] = Array.isArray(data.tags) ? data.tags : [];\n /\n If a model is a singleton, we add a special tag to it.\n * + we need to put the pluralApiName to something that is not used.\n */\n if (data.singleton) {\n tags.push(CMS_MODEL_SINGLETON_TAG);\n data.pluralApiName = `${data.singularApiName}Unused`;\n }\n delete data.singleton;\n await createContentModel({\n variables: {\n data: {\n ...data,\n tags\n }\n }\n });\n },\n [loading, createContentModel]\n );\n\n return (\n <Dialog open={open} onClose={onClose} data-testid=\"cms-new-content-model-modal\">\n {open && (\n <Form<CmsModelData> data={{ group, singleton: false }} onSubmit={onSubmit}>\n {({ Bind, submit, data }) => {\n return (\n <>\n {loading && (\n <CircularProgress label={\"Creating content model...\"} />\n )}\n <UID.DialogTitle>{t`New 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. Use the singular form, e.g. Author Category, not Author Categories.`}\n data-testid=\"cms.newcontentmodeldialog.name\"\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 name={\"singleton\"} defaultValue={false}>\n <Switch\n description={t`Create a model that can hold only one entry. Cannot be changed later.`}\n label={t`Single entry model`}\n data-testid=\"cms.newcontentmodeldialog.singleton\"\n />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind\n name={\"pluralApiName\"}\n validators={\n data.singleton\n ? []\n : [\n validation.create(\n \"required,maxLength:100\"\n ),\n apiNameValidator\n ]\n }\n >\n <Input\n disabled={data.singleton}\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\n name={\"group\"}\n validators={validation.create(\"required\")}\n >\n <Select\n description={t`Choose a content model group`}\n label={t`Content model group`}\n options={contentModelGroups}\n data-testid=\"cms.newcontentmodeldialog.selectgroup\"\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 {props => (\n <Input\n {...props}\n rows={4}\n maxLength={200}\n characterCount\n label={t`Description`}\n data-testid=\"cms.newcontentmodeldialog.description\"\n />\n )}\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind name={\"defaultFields\"} defaultValue={true}>\n <Checkbox\n description={t`Create model with default title (text), description (long text) and image (file) fields`}\n label={t`Create model with default fields`}\n data-testid=\"cms.newcontentmodeldialog.defaultfields\"\n />\n </Bind>\n </Cell>\n </Grid>\n </UID.DialogContent>\n <UID.DialogActions>\n <ButtonPrimary onClick={submit}>\n + {t`Create Model`}\n </ButtonPrimary>\n </UID.DialogActions>\n </>\n );\n }}\n </Form>\n )}\n </Dialog>\n );\n};\n\nexport default NewContentModelDialog;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useMemo","useRouter","useSnackbar","Form","Input","Select","CircularProgress","validation","useApolloClient","useMutation","useQuery","i18n","Dialog","Grid","CMS_MODEL_SINGLETON_TAG","addModelToGroupCache","addModelToListCache","GQL","createApiNameValidator","createNameValidator","Checkbox","IconPicker","Switch","Routes","ScrollArea","t","ns","NewContentModelDialog","open","onClose","loading","setLoading","useState","showSnackbar","goToRoute","client","createContentModel","CREATE_CONTENT_MODEL","onCompleted","data","model","error","message","ContentModels","Editor","modelId","update","cache","listMenuGroupsQuery","LIST_MENU_CONTENT_GROUPS_MODELS","skip","groups","listContentModelGroups","contentModelGroups","map","item","value","slug","label","name","models","reduce","collection","group","push","contentModels","nameValidator","apiNameValidator","length","undefined","onSubmit","tags","Array","isArray","singleEntry","pluralApiName","singularApiName","variables","createElement","Bind","submit","title","actions","ConfirmAction","onClick","Fragment","className","Column","span","validators","create","description","defaultValue","disabled","options","props","Object","assign","rows","maxLength"],"sources":["NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { useRouter, useSnackbar } 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 { 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 { Dialog, DialogProps, Grid } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache.js\";\nimport type {\n CreateCmsModelMutationResponse,\n CreateCmsModelMutationVariables,\n ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport * as GQL from \"../../viewsGraphql.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport type { CmsGroupOption } from \"./types.js\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator.js\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator.js\";\nimport { Checkbox } from \"@webiny/ui/Checkbox/index.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Switch } from \"@webiny/ui/Switch/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { ScrollArea } from \"@webiny/admin-ui/ScrollArea\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-content-model-dialog\");\n\nexport interface NewContentModelDialogProps {\n open: boolean;\n onClose: DialogProps[\"onClose\"];\n}\n\ninterface CmsModelData {\n name: string;\n description: string;\n group: string;\n singleEntry?: boolean;\n singularApiName: string;\n pluralApiName: string;\n defaultFields: boolean;\n}\n\nconst NewContentModelDialog = ({ open, onClose }: NewContentModelDialogProps) => {\n const [loading, setLoading] = React.useState(false);\n const { showSnackbar } = useSnackbar();\n const { goToRoute } = useRouter();\n const client = useApolloClient();\n\n const [createContentModel] = useMutation<\n CreateCmsModelMutationResponse,\n CreateCmsModelMutationVariables\n >(GQL.CREATE_CONTENT_MODEL, {\n onCompleted(data) {\n setLoading(false);\n\n if (!data) {\n showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n return;\n }\n\n const { data: model, error } = data.createContentModel;\n\n if (error) {\n setLoading(false);\n showSnackbar(error.message);\n return;\n }\n\n goToRoute(Routes.ContentModels.Editor, { modelId: model.modelId });\n },\n update(cache, { data }) {\n if (!data) {\n return;\n }\n\n const { data: model, error } = data.createContentModel;\n\n if (error) {\n return;\n }\n\n addModelToListCache(cache, model);\n addModelToGroupCache(cache, model);\n }\n });\n\n const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n {\n skip: !open\n }\n );\n\n const groups = useMemo(() => {\n return listMenuGroupsQuery.data?.listContentModelGroups?.data \|\| [];\n }, [listMenuGroupsQuery.data]);\n\n const contentModelGroups = useMemo(() => {\n return groups.map((item): CmsGroupOption => {\n return {\n value: item.slug,\n label: item.name\n };\n });\n }, [groups]);\n\n const models = useMemo(() => {\n return groups.reduce<CmsModel[]>((collection, group) => {\n collection.push(...group.contentModels);\n return collection;\n }, []);\n }, [groups]);\n\n const nameValidator = useCallback(createNameValidator({ models }), [models]);\n\n const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n client,\n models\n ]);\n\n const group = useMemo<string \| undefined>(() => {\n if (!contentModelGroups.length) {\n return undefined;\n }\n return contentModelGroups[0]?.value;\n }, [contentModelGroups]);\n\n const onSubmit = useCallback(\n async (data: CmsModelData) => {\n setLoading(true);\n /*\n We need to make sure that tags are always an array.\n * At the moment there is no tags on the CmsModelData type.\n * If it is added at some point, the @ts-expect-error should be removed - it will cause TS error.\n /\n // @ts-expect-error\n const tags: string[] = Array.isArray(data.tags) ? data.tags : [];\n /\n If a model is a singleEntry, we add a special tag to it.\n * + we need to put the pluralApiName to something that is not used.\n */\n if (data.singleEntry) {\n tags.push(CMS_MODEL_SINGLETON_TAG);\n data.pluralApiName = `${data.singularApiName}Unused`;\n }\n delete data.singleEntry;\n await createContentModel({\n variables: {\n data: {\n ...data,\n tags\n }\n }\n });\n },\n [loading, createContentModel]\n );\n\n return (\n <Form<CmsModelData> data={{ group, singleEntry: false }} onSubmit={onSubmit}>\n {({ Bind, submit, data }) => {\n return (\n <Dialog\n open={open}\n onClose={onClose}\n data-testid=\"cms-new-content-model-modal\"\n title={t`New Content Model`}\n actions={\n <Dialog.ConfirmAction onClick={submit}>\n + {t`Create Model`}\n </Dialog.ConfirmAction>\n }\n >\n <>\n {loading && <CircularProgress label={\"Creating content model...\"} />}\n <ScrollArea className=\"max-h-[70vh] flex flex-col\">\n <Grid>\n <Grid.Column 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. Use the singular form, e.g. Author Category, not Author Categories.`}\n data-testid=\"cms.newcontentmodeldialog.name\"\n />\n </Bind>\n </Grid.Column>\n <Grid.Column 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 </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"singleEntry\"} defaultValue={false}>\n <Switch\n description={t`Create a model that can hold only one entry. Cannot be changed later.`}\n label={t`Single entry model`}\n data-testid=\"cms.newcontentmodeldialog.singleEntry\"\n />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind\n name={\"pluralApiName\"}\n validators={\n data.singleEntry\n ? []\n : [\n validation.create(\n \"required,maxLength:100\"\n ),\n apiNameValidator\n ]\n }\n >\n <Input\n disabled={data.singleEntry}\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 </Grid.Column>\n <Grid.Column span={12}>\n <Bind\n name={\"group\"}\n validators={validation.create(\"required\")}\n >\n <Select\n description={t`Choose a content model group`}\n label={t`Content model group`}\n options={contentModelGroups}\n data-testid=\"cms.newcontentmodeldialog.selectgroup\"\n />\n </Bind>\n </Grid.Column>\n <Grid.Column 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 </Grid.Column>\n <Grid.Column span={12}>\n <Bind name=\"description\">\n {props => (\n <Input\n {...props}\n rows={4}\n maxLength={200}\n label={t`Description`}\n data-testid=\"cms.newcontentmodeldialog.description\"\n />\n )}\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"defaultFields\"} defaultValue={true}>\n <Checkbox\n description={t`Create model with default title (text), description (long text) and image (file) fields`}\n label={t`Create model with default fields`}\n data-testid=\"cms.newcontentmodeldialog.defaultfields\"\n />\n </Bind>\n </Grid.Column>\n </Grid>\n </ScrollArea>\n </>\n </Dialog>\n );\n }}\n </Form>\n );\n};\n\nexport default NewContentModelDialog;\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,18 +2,17 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import React from "react";
 import { css } from "@emotion/css";
 import { makeDecoratable } from "@webiny/app-admin";
-import { Menu, MenuItem } from "@webiny/ui/Menu";
+import { Menu, MenuItem } from "@webiny/ui/Menu/index.js";
 import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
-import { ListItemGraphic } from "@webiny/ui/List";
-import { Icon } from "@webiny/ui/Icon";
+import { ListItemGraphic } from "@webiny/ui/List/index.js";
+import { Icon } from "@webiny/ui/Icon/index.js";
 import { IconButton } from "@webiny/admin-ui";
 const menuStyles = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
   name: "1vsihzn",
   styles: ".disabled{opacity:0.5;pointer-events:none;}"
 } : {
   name: "xh2h6f-menuStyles",
-  styles: ".disabled{opacity:0.5;pointer-events:none;};label:menuStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTc0IiLCJmaWxlIjoiT3B0aW9uc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBNZW51LCBNZW51SXRlbSB9IGZyb20gXCJAd2ViaW55L3VpL01lbnVcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIE1vcmVWZXJ0aWNhbEljb24gfSBmcm9tIFwiQHdlYmlueS9pY29ucy9tb3JlX3ZlcnQuc3ZnXCI7XG5pbXBvcnQgeyBMaXN0SXRlbUdyYXBoaWMgfSBmcm9tIFwiQHdlYmlueS91aS9MaXN0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvblwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gICAgLmRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbnNNZW51SXRlbSB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gICAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgXCJkYXRhLXRlc3RpZFwiPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbnNNZW51UHJvcHMge1xuICAgIGl0ZW1zOiBPcHRpb25zTWVudUl0ZW1bXTtcbiAgICBcImRhdGEtdGVzdGlkXCI/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBPcHRpb25zTWVudSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkNtc01vZGVsc09wdGlvbnNNZW51XCIsXG4gICAgKHsgaXRlbXMsIC4uLnByb3BzIH06IE9wdGlvbnNNZW51UHJvcHMpID0+IHtcbiAgICAgICAgaWYgKCFpdGVtcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxNZW51XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXttZW51U3R5bGVzfVxuICAgICAgICAgICAgICAgIGhhbmRsZT17PEljb25CdXR0b24gaWNvbj17PE1vcmVWZXJ0aWNhbEljb24gLz59IHNpemU9e1wic21cIn0gdmFyaWFudD17XCJnaG9zdFwifSAvPn1cbiAgICAgICAgICAgICAgICBhbmNob3I9e1widG9wTGVmdFwifVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbXMubWFwKGl0ZW0gPT4gKFxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aXRlbS5sYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtpdGVtLmRpc2FibGVkID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbS5vbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW1bXCJkYXRhLXRlc3RpZFwiXX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExpc3RJdGVtR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBpY29uPXtpdGVtLmljb259IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0xpc3RJdGVtR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9NZW51PlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
+  styles: ".disabled{opacity:0.5;pointer-events:none;};label:menuStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTc0IiLCJmaWxlIjoiT3B0aW9uc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBNZW51LCBNZW51SXRlbSB9IGZyb20gXCJAd2ViaW55L3VpL01lbnUvaW5kZXguanNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIE1vcmVWZXJ0aWNhbEljb24gfSBmcm9tIFwiQHdlYmlueS9pY29ucy9tb3JlX3ZlcnQuc3ZnXCI7XG5pbXBvcnQgeyBMaXN0SXRlbUdyYXBoaWMgfSBmcm9tIFwiQHdlYmlueS91aS9MaXN0L2luZGV4LmpzXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvbi9pbmRleC5qc1wiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gICAgLmRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbnNNZW51SXRlbSB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gICAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgXCJkYXRhLXRlc3RpZFwiPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbnNNZW51UHJvcHMge1xuICAgIGl0ZW1zOiBPcHRpb25zTWVudUl0ZW1bXTtcbiAgICBcImRhdGEtdGVzdGlkXCI/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBPcHRpb25zTWVudSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkNtc01vZGVsc09wdGlvbnNNZW51XCIsXG4gICAgKHsgaXRlbXMsIC4uLnByb3BzIH06IE9wdGlvbnNNZW51UHJvcHMpID0+IHtcbiAgICAgICAgaWYgKCFpdGVtcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxNZW51XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXttZW51U3R5bGVzfVxuICAgICAgICAgICAgICAgIGhhbmRsZT17PEljb25CdXR0b24gaWNvbj17PE1vcmVWZXJ0aWNhbEljb24gLz59IHNpemU9e1wic21cIn0gdmFyaWFudD17XCJnaG9zdFwifSAvPn1cbiAgICAgICAgICAgICAgICBhbmNob3I9e1widG9wTGVmdFwifVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbXMubWFwKGl0ZW0gPT4gKFxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aXRlbS5sYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtpdGVtLmRpc2FibGVkID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbS5vbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW1bXCJkYXRhLXRlc3RpZFwiXX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExpc3RJdGVtR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBpY29uPXtpdGVtLmljb259IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0xpc3RJdGVtR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9NZW51PlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const OptionsMenu = makeDecoratable("CmsModelsOptionsMenu", ({

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","css","makeDecoratable","Menu","MenuItem","ReactComponent","MoreVerticalIcon","ListItemGraphic","Icon","IconButton","menuStyles","process","env","NODE_ENV","name","styles","~~map","~~toString","_EMOTION_STRINGIFIED_CSS_ERROR__","OptionsMenu","items","props","length","createElement","Object","assign","className","handle","icon","size","variant","anchor","item","key","label","disabled","onClick"],"sources":["OptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\nconst menuStyles = css`\n .disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n`;\n\nexport interface OptionsMenuItem {\n label: string;\n icon: React.ReactElement;\n onClick: () => void;\n disabled?: boolean;\n \"data-testid\"?: string;\n}\n\nexport interface OptionsMenuProps {\n items: OptionsMenuItem[];\n \"data-testid\"?: string;\n}\n\nexport const OptionsMenu = makeDecoratable(\n \"CmsModelsOptionsMenu\",\n ({ items, ...props }: OptionsMenuProps) => {\n if (!items.length) {\n return null;\n }\n\n return (\n <Menu\n className={menuStyles}\n handle={<IconButton icon={<MoreVerticalIcon />} size={\"sm\"} variant={\"ghost\"} />}\n anchor={\"topLeft\"}\n {...props}\n >\n {items.map(item => (\n <MenuItem\n key={item.label}\n disabled={item.disabled ?? false}\n onClick={item.onClick}\n data-testid={item[\"data-testid\"]}\n >\n <ListItemGraphic>\n <Icon icon={item.icon} />\n </ListItemGraphic>\n {item.label}\n </MenuItem>\n ))}\n </Menu>\n );\n }\n);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,EAAEC,QAAQ,QAAQ,~~iBAAiB~~;~~AAChD~~,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,eAAe,QAAQ,~~iBAAiB~~;~~AACjD~~,SAASC,IAAI,QAAQ,~~iBAAiB~~;~~AACtC~~,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,UAAU,gBAAGT,GAAG,CAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,~~GAAA;EAAAC,~~QAAA,EAAAC;AAAA,EAKrB;AAeD,OAAO,MAAMC,WAAW,~~GAAGjB~~,eAAe,CACtC,sBAAsB,EACtB,CAAC;~~EAAEkB~~,KAAK;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACvC,IAAI,CAACD,KAAK,CAACE,MAAM,EAAE;IACf,OAAO,IAAI;EACf;EAEA,~~oBACItB~~,KAAA,~~CAAAuB~~,aAAA,~~CAACpB~~,IAAI,~~EAAAqB~~,MAAA,CAAAC,MAAA;IACDC,SAAS,~~EAAEhB~~,UAAW;~~IACtBiB~~,MAAM,~~eAAE3B~~,KAAA,~~CAAAuB~~,aAAA,~~CAACd~~,UAAU;~~MAACmB~~,IAAI,~~eAAE5B~~,KAAA,~~CAAAuB~~,aAAA,~~CAACjB~~,gBAAgB,MAAE,CAAE;~~MAACuB~~,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAQ,CAAE,CAAE;IACjFC,MAAM,EAAE;EAAU,GACdV,KAAK,GAERD,KAAK,~~CAACJ~~,GAAG,~~CAACgB~~,IAAI,iBACXhC,KAAA,~~CAAAuB~~,aAAA,~~CAACnB~~,QAAQ;IACL6B,GAAG,EAAED,IAAI,CAACE,KAAM;IAChBC,QAAQ,EAAEH,IAAI,CAACG,QAAQ,IAAI,KAAM;IACjCC,OAAO,EAAEJ,IAAI,CAACI,OAAQ;IACtB,eAAaJ,IAAI,CAAC,aAAa;EAAE,gBAEjChC,KAAA,~~CAAAuB~~,aAAA,~~CAAChB~~,eAAe,qBACZP,KAAA,~~CAAAuB~~,aAAA,~~CAACf~~,IAAI;~~IAACoB~~,IAAI,~~EAAEI~~,IAAI,~~CAACJ~~;EAAK,CAAE,CACX,CAAC,~~EACjBI~~,IAAI,CAACE,KACA,CACb,CACC,CAAC;AAEf,CACJ,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","css","makeDecoratable","Menu","MenuItem","ReactComponent","MoreVerticalIcon","ListItemGraphic","Icon","IconButton","menuStyles","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","OptionsMenu","items","props","length","createElement","Object","assign","className","handle","icon","size","variant","anchor","map","item","key","label","disabled","onClick"],"sources":["OptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu/index.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ListItemGraphic } from \"@webiny/ui/List/index.js\";\nimport { Icon } from \"@webiny/ui/Icon/index.js\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\nconst menuStyles = css`\n .disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n`;\n\nexport interface OptionsMenuItem {\n label: string;\n icon: React.ReactElement;\n onClick: () => void;\n disabled?: boolean;\n \"data-testid\"?: string;\n}\n\nexport interface OptionsMenuProps {\n items: OptionsMenuItem[];\n \"data-testid\"?: string;\n}\n\nexport const OptionsMenu = makeDecoratable(\n \"CmsModelsOptionsMenu\",\n ({ items, ...props }: OptionsMenuProps) => {\n if (!items.length) {\n return null;\n }\n\n return (\n <Menu\n className={menuStyles}\n handle={<IconButton icon={<MoreVerticalIcon />} size={\"sm\"} variant={\"ghost\"} />}\n anchor={\"topLeft\"}\n {...props}\n >\n {items.map(item => (\n <MenuItem\n key={item.label}\n disabled={item.disabled ?? false}\n onClick={item.onClick}\n data-testid={item[\"data-testid\"]}\n >\n <ListItemGraphic>\n <Icon icon={item.icon} />\n </ListItemGraphic>\n {item.label}\n </MenuItem>\n ))}\n </Menu>\n );\n }\n);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,EAAEC,QAAQ,QAAQ,0BAA0B;AACzD,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,UAAU,gBAAGT,GAAG,CAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAKrB;AAeD,OAAO,MAAMC,WAAW,GAAGhB,eAAe,CACtC,sBAAsB,EACtB,CAAC;EAAEiB,KAAK;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACvC,IAAI,CAACD,KAAK,CAACE,MAAM,EAAE;IACf,OAAO,IAAI;EACf;EAEA,oBACIrB,KAAA,CAAAsB,aAAA,CAACnB,IAAI,EAAAoB,MAAA,CAAAC,MAAA;IACDC,SAAS,EAAEf,UAAW;IACtBgB,MAAM,eAAE1B,KAAA,CAAAsB,aAAA,CAACb,UAAU;MAACkB,IAAI,eAAE3B,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB,MAAE,CAAE;MAACsB,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAQ,CAAE,CAAE;IACjFC,MAAM,EAAE;EAAU,GACdV,KAAK,GAERD,KAAK,CAACY,GAAG,CAACC,IAAI,iBACXhC,KAAA,CAAAsB,aAAA,CAAClB,QAAQ;IACL6B,GAAG,EAAED,IAAI,CAACE,KAAM;IAChBC,QAAQ,EAAEH,IAAI,CAACG,QAAQ,IAAI,KAAM;IACjCC,OAAO,EAAEJ,IAAI,CAACI,OAAQ;IACtB,eAAaJ,IAAI,CAAC,aAAa;EAAE,gBAEjChC,KAAA,CAAAsB,aAAA,CAACf,eAAe,qBACZP,KAAA,CAAAsB,aAAA,CAACd,IAAI;IAACmB,IAAI,EAAEK,IAAI,CAACL;EAAK,CAAE,CACX,CAAC,EACjBK,IAAI,CAACE,KACA,CACb,CACC,CAAC;AAEf,CACJ,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import type { DataProxy } from "apollo-cache";
 import type ApolloClient from "apollo-client";
-import type { CmsEditorContentModel, CmsModel } from "../../../types";
+import type { CmsEditorContentModel, CmsModel } from "../../../types.js";
 export declare const addModelToListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
 export declare const updateModelInCache: (cache: DataProxy, model: CmsModel) => void;
 export declare const addModelToGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;

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

@@ -1,5 +1,5 @@
 import dotProp from "dot-prop-immutable";
-import { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
+import { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql.js";
 export const addModelToListCache = (cache, model) => {
   const response = cache.readQuery({
     query: LIST_CONTENT_MODELS
@@ -47,7 +47,7 @@ export const addModelToGroupCache = (cache, model) => {
   const {
     listContentModelGroups: groupsList
   } = response;
-  const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);
+  const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);
   const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;
   cache.writeQuery({
     query: LIST_MENU_CONTENT_GROUPS_MODELS,
@@ -66,7 +66,7 @@ export const updateModelInGroupCache = (cache, model) => {
   const {
     listContentModelGroups: groupsList
   } = response;
-  const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);
+  const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);
   if (groupIndex < 0) {
     return;
   }
@@ -138,7 +138,7 @@ export const removeModelFromGroupCache = (cache, model) => {
   const {
     listContentModelGroups: groupsList
   } = response;
-  const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);
+  const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);
   if (groupIndex < 0) {
     return;
   }