npm - @webiny/app-headless-cms - Versions diffs - 6.3.0 → 6.4.0-beta.1 - Mend

@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.1

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 (1325) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useMemo","useState","TimeAgo","SearchUI","useRouter","ReactComponent","AddIcon","DownloadFileIcon","ExportIcon","UploadFileIcon","ListIcon","EditIcon","MoreVertIcon","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","isHidden","tags","length","includes","ContentModelsDataList","canCreate","onCreate","onClone","showImportModelModal","filter","setFilter","sort","setSort","goToRoute","models","initialModels","loading","refresh","canDelete","canEdit","modelToBeDeleted","setModelToBeDeleted","filterData","name","toLowerCase","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","getMessage","canDeleteModel","canEditModel","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 { SearchUI, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n ReactComponent as DownloadFileIcon,\n ReactComponent as ExportIcon\n} 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 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 isHidden = (model: Pick<CmsModel, \"tags\">) => {\n if (!model.tags?.length) {\n return false;\n }\n return model.tags.includes(\"$hidden:true\");\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: initialModels, loading, refresh } = useModels();\n const { canDelete, canEdit } = usePermission();\n\n const models = useMemo(() => {\n return initialModels.filter(model => {\n return !isHidden(model);\n });\n }, [initialModels]);\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 return (\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 const canDeleteModel = canDelete(contentModel, \"cms.contentModel\");\n const canEditModel = canEdit(contentModel, \"cms.contentModel\");\n\n return (\n <UIL.ListItem\n key={contentModel.modelId}\n className={\"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 \"invisible group-hover/item:visible\"\n }\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={\n contentModel.plugin\n }\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 {canEditModel && (\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={() =>\n onClone(contentModel)\n }\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(\n contentModel\n )}\n />\n\n {canDeleteModel && (\n <DropdownMenu.Item\n text={\"Delete\"}\n icon={\n <DropdownMenu.Item.Icon\n label={\"Delete\"}\n element={<DeleteIcon />}\n />\n }\n onClick={() => {\n setModelToBeDeleted(\n contentModel\n );\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 }}\n </UIL.DataList>\n {modelToBeDeleted ? (\n <FullyDeleteModelDialog\n model={modelToBeDeleted}\n onClose={() => {\n setModelToBeDeleted(null);\n }}\n />\n ) : null}\n </>\n );\n};\n\nexport default ContentModelsDataList;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"admin/views/contentModels/ContentModelsDataList.js","sources":["../../../../src/admin/views/contentModels/ContentModelsDataList.tsx"],"sourcesContent":["/*\n TODO remove regular model delete at some point.\n */\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { SearchUI, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n ReactComponent as DownloadFileIcon,\n ReactComponent as ExportIcon\n} 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 DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/flip_to_front.svg\";\nimport { useModels } from \"../../hooks/index.js\";\nimport { DataList, DataListModal, List } from \"@webiny/admin-ui\";\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 <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 );\n};\n\nconst isHidden = (model: Pick<CmsModel, \"tags\">) => {\n if (!model.tags?.length) {\n return false;\n }\n return model.tags.includes(\"$hidden:true\");\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: initialModels, loading, refresh } = useModels();\n const { canDelete, canEdit } = usePermission();\n\n const models = useMemo(() => {\n return initialModels.filter(model => {\n return !isHidden(model);\n });\n }, [initialModels]);\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 <DataListModal.Content>\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 </DataListModal.Content>\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 <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 <DataListModal.Trigger data-testid={\"default-data-list.filter\"} />\n }\n refresh={onRefreshClick}\n >\n {({ data = [] }: { data: CmsModel[] }) => {\n return (\n <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 const canDeleteModel = canDelete(contentModel, \"cms.contentModel\");\n const canEditModel = canEdit(contentModel, \"cms.contentModel\");\n\n return (\n <List.Item\n key={contentModel.modelId}\n className={\"group/item\"}\n icon={<DisplayIcon model={contentModel} />}\n title={contentModel.name}\n description={t`Last modified: {time}.`({\n time: contentModel.savedOn ? (\n <TimeAgo datetime={contentModel.savedOn} />\n ) : (\n \"N/A\"\n )\n })}\n actions={\n <>\n <ModelIsBeingDeleted model={contentModel}>\n <span\n className={\n \"invisible group-hover/item:visible\"\n }\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={\n contentModel.plugin\n }\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 {canEditModel && (\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={() =>\n onClone(contentModel)\n }\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(\n contentModel\n )}\n />\n\n {canDeleteModel && (\n <DropdownMenu.Item\n text={\"Delete\"}\n icon={\n <DropdownMenu.Item.Icon\n label={\"Delete\"}\n element={<DeleteIcon />}\n />\n }\n onClick={() => {\n setModelToBeDeleted(\n contentModel\n );\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 </>\n }\n />\n );\n })}\n </List>\n );\n }}\n </DataList>\n {modelToBeDeleted ? (\n <FullyDeleteModelDialog\n model={modelToBeDeleted}\n onClose={() => {\n setModelToBeDeleted(null);\n }}\n />\n ) : null}\n </>\n );\n};\n\nexport default ContentModelsDataList;\n"],"names":["t","i18n","SORTERS","DisplayIcon","model","Icon","FontAwesomeIcon","normalizeIcon","isHidden","ContentModelsDataList","canCreate","onCreate","onClone","showImportModelModal","filter","setFilter","useState","sort","setSort","goToRoute","useRouter","initialModels","loading","refresh","useModels","canDelete","canEdit","usePermission","models","useMemo","modelToBeDeleted","setModelToBeDeleted","filterData","useCallback","name","sortData","list","sortField","sortOrderBy","deserializeSorters","orderBy","editRecord","contentModel","Routes","viewContentEntries","contentModelsDataListModalOverlay","DataListModal","Select","sorter","filteredData","contentModels","handleModelsExport","handleModelExport","useModelExport","onRefreshClick","DataList","Tooltip","IconButton","DownloadFileIcon","UploadFileIcon","Button","AddIcon","SearchUI","data","List","disableViewContent","getMessage","CMS_MODEL_SINGLETON_TAG","canDeleteModel","canEditModel","TimeAgo","ModelIsBeingDeleted","ListIcon","EditIcon","DropdownMenu","MoreVertIcon","CloneIcon","ExportIcon","DeleteIcon","FullyDeleteModelDialog"],"mappings":"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"}

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

@@ -1,228 +1,206 @@
-import React, { useCallback, useMemo } from "react";
+import react, { useCallback, useMemo } from "react";
 import { useRouter, useSnackbar } from "@webiny/app-admin";
 import { Form } from "@webiny/form";
-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 { Checkbox, Dialog, Grid, Input, Select, Switch, Textarea } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
 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.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 * as __rspack_external__viewsGraphql_js_dfa92829 from "../../viewsGraphql.js";
 const t = i18n.ns("app-headless-cms/admin/views/content-models/new-content-model-dialog");
-const NewContentModelDialog = ({
-  open,
-  onClose
-}) => {
-  const [loading, setLoading] = React.useState(false);
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const {
-    goToRoute
-  } = useRouter();
-  const client = useApolloClient();
-  const [createContentModel] = useMutation(GQL.CREATE_CONTENT_MODEL, {
-    onCompleted(data) {
-      setLoading(false);
-      if (!data) {
-        showSnackbar("Missing data on Create Content Model Mutation Response.");
-        return;
-      }
-      const {
-        data: model,
-        error
-      } = data.createContentModel;
-      if (error) {
-        setLoading(false);
-        showSnackbar(error.message);
-        return;
-      }
-      goToRoute(Routes.ContentModels.Editor, {
-        modelId: model.modelId
-      });
-    },
-    update(cache, {
-      data
-    }) {
-      if (!data) {
-        return;
-      }
-      const {
-        data: model,
-        error
-      } = data.createContentModel;
-      if (error) {
-        return;
-      }
-      addModelToListCache(cache, model);
-      addModelToGroupCache(cache, model);
-    }
-  });
-  const listMenuGroupsQuery = useQuery(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
-    skip: !open
-  });
-  const groups = useMemo(() => {
-    return listMenuGroupsQuery.data?.listContentModelGroups?.data || [];
-  }, [listMenuGroupsQuery.data]);
-  const contentModelGroups = useMemo(() => {
-    return groups.map(item => {
-      return {
-        value: item.slug,
-        label: item.name
-      };
-    });
-  }, [groups]);
-  const models = useMemo(() => {
-    return groups.reduce((collection, group) => {
-      collection.push(...group.contentModels);
-      return collection;
-    }, []);
-  }, [groups]);
-  const nameValidator = useCallback(createNameValidator({
-    models
-  }), [models]);
-  const apiNameValidator = useCallback(createApiNameValidator({
-    client,
-    models
-  }), [client, models]);
-  const group = useMemo(() => {
-    if (!contentModelGroups.length) {
-      return undefined;
-    }
-    return contentModelGroups[0]?.value;
-  }, [contentModelGroups]);
-  const onSubmit = useCallback(async data => {
-    setLoading(true);
-    /**
-     * We need to make sure that tags are always an array.
-     * At the moment there is no tags on the CmsModelData type.
-     * If it is added at some point, the @ts-expect-error should be removed - it will cause TS error.
-     */
-    // @ts-expect-error
-    const tags = Array.isArray(data.tags) ? data.tags : [];
-    /**
-     * 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.singleEntry) {
-      tags.push(CMS_MODEL_SINGLETON_TAG);
-      data.pluralApiName = `${data.singularApiName}Unused`;
-    }
-    delete data.singleEntry;
-    await createContentModel({
-      variables: {
-        data: {
-          ...data,
-          tags
+const NewContentModelDialog = ({ open, onClose })=>{
+    const [loading, setLoading] = react.useState(false);
+    const { showSnackbar } = useSnackbar();
+    const { goToRoute } = useRouter();
+    const client = useApolloClient();
+    const [createContentModel] = useMutation(__rspack_external__viewsGraphql_js_dfa92829.CREATE_CONTENT_MODEL, {
+        onCompleted (data) {
+            setLoading(false);
+            if (!data) return void showSnackbar("Missing data on Create Content Model Mutation Response.");
+            const { data: model, error } = data.createContentModel;
+            if (error) {
+                setLoading(false);
+                showSnackbar(error.message);
+                return;
+            }
+            goToRoute(Routes.ContentModels.Editor, {
+                modelId: model.modelId
+            });
+        },
+        update (cache, { data }) {
+            if (!data) return;
+            const { data: model, error } = data.createContentModel;
+            if (error) return;
+            addModelToListCache(cache, model);
+            addModelToGroupCache(cache, model);
         }
-      }
     });
-  }, [loading, createContentModel]);
-  return /*#__PURE__*/React.createElement(Form, {
-    data: {
-      group,
-      singleEntry: false
-    },
-    onSubmit: onSubmit
-  }, ({
-    Bind,
-    submit,
-    data
-  }) => {
-    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(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "name",
-      validators: [validation.create("required,maxLength:100"), nameValidator]
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: t`Name`,
-      description: t`The name of the content model. Use the singular form, e.g. Author Category, not Author Categories.`,
-      "data-testid": "cms.newcontentmodeldialog.name"
-    }))), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "singularApiName",
-      validators: [validation.create("required,maxLength:100"), apiNameValidator]
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: t`Singular API Name`,
-      description: t`The API name of the content model. For example: AuthorCategory.`,
-      "data-testid": "cms.newcontentmodeldialog.singularApiName"
-    }))), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      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.singleEntry"
-    }))), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "pluralApiName",
-      validators: data.singleEntry ? [] : [validation.create("required,maxLength:100"), apiNameValidator]
-    }, /*#__PURE__*/React.createElement(Input, {
-      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(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "group",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(Select, {
-      description: t`Choose a content model group`,
-      label: t`Content model group`,
-      options: contentModelGroups,
-      "data-testid": "cms.newcontentmodeldialog.selectgroup"
-    }))), /*#__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(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "description"
-    }, props => /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
-      rows: 4,
-      maxLength: 200,
-      label: t`Description`,
-      "data-testid": "cms.newcontentmodeldialog.description"
-    })))), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "defaultFields",
-      defaultValue: true
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      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"
-    }))))));
-  });
+    const listMenuGroupsQuery = useQuery(__rspack_external__viewsGraphql_js_dfa92829.LIST_MENU_CONTENT_GROUPS_MODELS, {
+        skip: !open
+    });
+    const groups = useMemo(()=>listMenuGroupsQuery.data?.listContentModelGroups?.data || [], [
+        listMenuGroupsQuery.data
+    ]);
+    const contentModelGroups = useMemo(()=>groups.map((item)=>({
+                value: item.slug,
+                label: item.name
+            })), [
+        groups
+    ]);
+    const models = useMemo(()=>groups.reduce((collection, group)=>{
+            collection.push(...group.contentModels);
+            return collection;
+        }, []), [
+        groups
+    ]);
+    const nameValidator = useCallback(createNameValidator({
+        models
+    }), [
+        models
+    ]);
+    const apiNameValidator = useCallback(createApiNameValidator({
+        client,
+        models
+    }), [
+        client,
+        models
+    ]);
+    const group = useMemo(()=>{
+        if (!contentModelGroups.length) return;
+        return contentModelGroups[0]?.value;
+    }, [
+        contentModelGroups
+    ]);
+    const onSubmit = useCallback(async (data)=>{
+        setLoading(true);
+        const tags = Array.isArray(data.tags) ? data.tags : [];
+        if (data.singleEntry) {
+            tags.push(CMS_MODEL_SINGLETON_TAG);
+            data.pluralApiName = `${data.singularApiName}Unused`;
+        }
+        delete data.singleEntry;
+        await createContentModel({
+            variables: {
+                data: {
+                    ...data,
+                    tags
+                }
+            }
+        });
+    }, [
+        loading,
+        createContentModel
+    ]);
+    return /*#__PURE__*/ react.createElement(Form, {
+        data: {
+            group,
+            singleEntry: false
+        },
+        onSubmit: onSubmit
+    }, ({ Bind, submit, data })=>/*#__PURE__*/ react.createElement(Dialog, {
+            open: open,
+            onClose: onClose,
+            "data-testid": "cms-new-content-model-modal",
+            title: t`New Content Model`,
+            loading: loading ? {
+                text: "Creating content model..."
+            } : false,
+            actions: /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+                onClick: submit
+            }, "+ ", t`Create Model`)
+        }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "name",
+            validators: [
+                validation.create("required,maxLength:100"),
+                nameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`Name`,
+            description: t`The name of the content model. Use the singular form, e.g. Author Category, not Author Categories.`,
+            "data-testid": "cms.newcontentmodeldialog.name"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "singularApiName",
+            validators: [
+                validation.create("required,maxLength:100"),
+                apiNameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`Singular API Name`,
+            description: t`The API name of the content model. For example: AuthorCategory.`,
+            "data-testid": "cms.newcontentmodeldialog.singularApiName"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "singleEntry",
+            defaultValue: false
+        }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Switch, {
+                checked: Boolean(value),
+                onChange: onChange,
+                description: t`Create a model that can hold only one entry. Cannot be changed later.`,
+                label: t`Single entry model`,
+                "data-testid": "cms.newcontentmodeldialog.singleEntry"
+            }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "pluralApiName",
+            validators: data.singleEntry ? [] : [
+                validation.create("required,maxLength:100"),
+                apiNameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            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(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "group",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Select, {
+            description: t`Choose a content model group`,
+            label: t`Content model group`,
+            options: contentModelGroups,
+            "data-testid": "cms.newcontentmodeldialog.selectgroup"
+        }))), /*#__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(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "description"
+        }, (props)=>/*#__PURE__*/ react.createElement(Textarea, {
+                ...props,
+                maxLength: 200,
+                label: t`Description`,
+                "data-testid": "cms.newcontentmodeldialog.description"
+            }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "defaultFields",
+            defaultValue: true
+        }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Checkbox, {
+                checked: Boolean(value),
+                onChange: onChange,
+                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"
+            })))))));
 };
-export default NewContentModelDialog;
+const contentModels_NewContentModelDialog = NewContentModelDialog;
+export default contentModels_NewContentModelDialog;
 //# sourceMappingURL=NewContentModelDialog.js.map