@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","SORTERS","label","sorters","rightAlign","css","alignItems","justifyContent","listItemMinHeight","minHeight","ContentModelsDataList","canCreate","onCreate","onClone","useState","filter","setFilter","sort","setSort","useRouter","history","client","useApolloClient","useSnackbar","showSnackbar","useConfirmationDialog","dataTestId","showConfirmation","useQuery","GQL","LIST_CONTENT_MODELS","data","loading","usePermission","canDelete","canEdit","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","models","get","deleteRecord","item","mutate","mutation","DELETE_CONTENT_MODEL","variables","modelId","update","cache","error","deleteContentModel","message","title","removeModelFromListCache","removeModelFromGroupCache","removeModelFromCache","editRecord","contentModel","push","viewContentEntries","contentModelsDataListModalOverlay","useMemo","map","filteredData","contentModels","disableViewContent","fields","length","time","savedOn","plugin"],"sources":["ContentModelsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { DeleteIcon, EditIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { ReactComponent as ViewListIcon } from \"../../icons/view_list.svg\";\nimport { ReactComponent as CloneIcon } from \"../../icons/clone.svg\";\nimport { useApolloClient, useQuery } from \"../../hooks\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport * as UIL from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { removeModelFromGroupCache, removeModelFromListCache, removeModelFromCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport orderBy from \"lodash/orderBy\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport {\n    DeleteCmsModelMutationResponse,\n    DeleteCmsModelMutationVariables,\n    ListCmsModelsQueryResponse\n} from \"../../viewsGraphql\";\nimport usePermission from \"~/admin/hooks/usePermission\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\ninterface Sorter {\n    label: string;\n    sorters: string;\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\nconst rightAlign = css({\n    alignItems: \"flex-end !important\",\n    justifyContent: \"center !important\"\n});\n\nconst listItemMinHeight = css({\n    minHeight: \"66px !important\"\n});\n\ninterface ContentModelsDataListProps {\n    canCreate: boolean;\n    onCreate: () => void;\n    onClone: (contentModel: CmsEditorContentModel) => void;\n}\nconst ContentModelsDataList: React.FC<ContentModelsDataListProps> = ({\n    canCreate,\n    onCreate,\n    onClone\n}) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms-delete-content-model-dialog\"\n    });\n    const { data, loading } = useQuery<ListCmsModelsQueryResponse>(GQL.LIST_CONTENT_MODELS);\n    const { canDelete, canEdit } = usePermission();\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 models: CmsModel[] = loading ? [] : get(data, \"listContentModels.data\", []);\n\n    const deleteRecord = async (item: CmsModel): Promise<void> => {\n        showConfirmation(async () => {\n            await client.mutate<DeleteCmsModelMutationResponse, DeleteCmsModelMutationVariables>({\n                mutation: GQL.DELETE_CONTENT_MODEL,\n                variables: { modelId: item.modelId },\n                update(cache, { data }) {\n                    if (!data) {\n                        showSnackbar(\"Missing data on Delete Content Model Mutation Response.\");\n                        return;\n                    }\n                    const { error } = data.deleteContentModel;\n\n                    if (error) {\n                        showSnackbar(error.message, {\n                            title: t`Something unexpected happened.`\n                        });\n                        return;\n                    }\n\n                    removeModelFromListCache(cache, item);\n                    removeModelFromGroupCache(cache, item);\n                    removeModelFromCache(client, item);\n\n                    showSnackbar(\n                        t`Content model {name} deleted successfully!.`({ name: item.name })\n                    );\n                }\n            });\n        });\n    };\n\n    const editRecord = (contentModel: CmsModel): void => {\n        history.push(\"/cms/content-models/\" + contentModel.modelId);\n    };\n\n    const viewContentEntries = useCallback(contentModel => {\n        return () => history.push(\"/cms/content-entries/\" + contentModel.modelId);\n    }, []);\n\n    const contentModelsDataListModalOverlay = useMemo(\n        () => (\n            <UIL.DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort content models by\"}\n                        >\n                            {SORTERS.map(({ label, sorters }) => {\n                                return (\n                                    <option key={label} value={sorters}>\n                                        {label}\n                                    </option>\n                                );\n                            })}\n                        </Select>\n                    </Cell>\n                </Grid>\n            </UIL.DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? models : models.filter(filterData);\n    const contentModels = sortData(filteredData);\n\n    return (\n        <UIL.DataList\n            loading={loading}\n            data={contentModels}\n            title={t`Content Models`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Model`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content models`}\n                />\n            }\n            modalOverlay={contentModelsDataListModalOverlay}\n            modalOverlayAction={\n                <UIL.DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\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 message = disableViewContent\n                            ? \"To view the content, you first need to add a field and save the model\"\n                            : \"View content\";\n                        return (\n                            <UIL.ListItem key={contentModel.modelId} className={listItemMinHeight}>\n                                <UIL.ListItemText>\n                                    {contentModel.name}\n                                    <UIL.ListItemTextSecondary>\n                                        {t`Last modified: {time}.`({\n                                            time: <TimeAgo datetime={contentModel.savedOn} />\n                                        })}\n                                    </UIL.ListItemTextSecondary>\n                                </UIL.ListItemText>\n                                <UIL.ListItemMeta className={rightAlign}>\n                                    <UIL.ListActions>\n                                        {canEdit(contentModel, \"cms.contentModel\") && (\n                                            <>\n                                                <Tooltip\n                                                    content={t`{message}`({ message })}\n                                                    placement={\"top\"}\n                                                >\n                                                    <IconButton\n                                                        data-testid={\n                                                            \"cms-view-content-model-button\"\n                                                        }\n                                                        icon={<ViewListIcon />}\n                                                        label={t`View entries`}\n                                                        onClick={viewContentEntries(contentModel)}\n                                                        disabled={disableViewContent}\n                                                    />\n                                                </Tooltip>\n                                                {contentModel.plugin ? (\n                                                    <Tooltip\n                                                        content={t`Content model is registered via a plugin.`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            disabled\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                ) : (\n                                                    <Tooltip\n                                                        content={t`Edit content model`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            onClick={() => editRecord(contentModel)}\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                )}\n                                            </>\n                                        )}\n\n                                        <Tooltip content={\"Clone content model\"} placement={\"top\"}>\n                                            <IconButton\n                                                data-testid={\"cms-clone-content-model-button\"}\n                                                icon={<CloneIcon />}\n                                                label={t`View entries`}\n                                                onClick={() => onClone(contentModel)}\n                                            />\n                                        </Tooltip>\n\n                                        {canDelete(contentModel, \"cms.contentModel\") &&\n                                        contentModel.plugin ? (\n                                            <Tooltip\n                                                content={t`Content model is registered via a plugin.`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <Tooltip\n                                                content={t`Delete content model`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    onClick={() => deleteRecord(contentModel)}\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        )}\n                                    </UIL.ListActions>\n                                </UIL.ListItemMeta>\n                            </UIL.ListItem>\n                        );\n                    })}\n                </UIL.List>\n            )}\n        </UIL.DataList>\n    );\n};\n\nexport default ContentModelsDataList;\n"],"mappings":"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"}
+{"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.d.ts

@@ -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: React.FC<NewContentModelDialogProps>;
+declare const NewContentModelDialog: ({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element;
 export default NewContentModelDialog;