@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

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

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

@@ -1,231 +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 { ScrollArea } from "@webiny/admin-ui/ScrollArea";
+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(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",
-      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