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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_TimeAgo","_emotion","_reactRouter","_icons","_view_list","_clone","_hooks","_useSnackbar2","UIL","_Button","_Tooltip","_i18n","_useConfirmationDialog","_cache","GQL","_add18px","_SearchUI","_interopRequireDefault","_utils","_orderBy","_Grid","_Select","_filter24px","_usePermission2","_reactFontawesome","_OptionsMenu","_file_download","_file_upload","_useModelExport2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","namespace","SORTERS","label","_taggedTemplateLiteral2","default","sorters","DataListActionsWrapper","_base","process","env","NODE_ENV","target","name","styles","map","toString","rightAlign","css","alignItems","justifyContent","listItemMinHeight","minHeight","Icon","DisplayIcon","_ref","model","icon","createElement","FontAwesomeIcon","split","ContentModelsDataList","_ref2","canCreate","onCreate","onClone","showImportModelModal","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","sort","setSort","_useRouter","useRouter","history","client","useApolloClient","_useSnackbar","useSnackbar","showSnackbar","_useConfirmationDialo","useConfirmationDialog","dataTestId","showConfirmation","_useModels","useModels","models","loading","refresh","_usePermission","usePermission","canDelete","canEdit","filterData","useCallback","_ref3","toLowerCase","includes","sortData","list","_deserializeSorters","deserializeSorters","_deserializeSorters2","sortField","sortOrderBy","orderBy","deleteRecord","item","mutate","mutation","DELETE_CONTENT_MODEL","variables","modelId","update","cache","_ref4","data","error","deleteContentModel","message","title","removeModelFromListCache","removeModelFromGroupCache","removeModelFromCache","editRecord","contentModel","push","viewContentEntries","contentModelsDataListModalOverlay","useMemo","DataListModalOverlay","Grid","Cell","span","Select","value","onChange","description","_ref5","key","filteredData","contentModels","_useModelExport","useModelExport","handleModelsExport","handleModelExport","onRefreshClick","DataList","actions","ButtonSecondary","onClick","ButtonIcon","ReactComponent","OptionsMenu","items","search","inputPlaceholder","modalOverlay","modalOverlayAction","DataListModalOverlayAction","_ref6","_ref6$data","List","disableViewContent","fields","length","ListItem","className","ListItemText","ListItemTextSecondary","time","savedOn","TimeAgo","datetime","ListItemMeta","ListActions","Tooltip","content","placement","IconButton","disabled","Fragment","plugin","EditIcon","DeleteIcon","_default","exports"],"sources":["ContentModelsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\nimport { css } from \"emotion\";\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, useModels } 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 { removeModelFromCache, removeModelFromGroupCache, removeModelFromListCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport {\n    DeleteCmsModelMutationResponse,\n    DeleteCmsModelMutationVariables\n} 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 usePermission from \"~/admin/hooks/usePermission\";\nimport styled from \"@emotion/styled\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { OptionsMenu } from \"./OptionsMenu\";\nimport { ReactComponent as DownloadFileIcon } from \"@webiny/app-admin/assets/icons/file_download.svg\";\nimport { ReactComponent as UploadFileIcon } from \"@webiny/app-admin/assets/icons/file_upload.svg\";\nimport { useModelExport } from \"./exporting/useModelExport\";\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\nconst DataListActionsWrapper = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\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    showImportModelModal: () => void;\n}\n\nconst Icon = styled(\"div\")({\n    width: \"24px\",\n    height: \"24px\",\n    marginRight: \"15px\",\n    flex: \"0 0 24px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 24,\n        maxHeight: 24\n    }\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 <FontAwesomeIcon icon={(model.icon || \"\").split(\"/\") as IconProp} />;\n};\n\nconst ContentModelsDataList = ({\n    canCreate,\n    onCreate,\n    onClone,\n    showImportModelModal\n}: ContentModelsDataListProps) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms-delete-content-model-dialog\"\n    });\n    const { models, loading, refresh } = useModels();\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 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: Pick<CmsModel, \"modelId\">) => {\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    const { handleModelsExport, handleModelExport } = useModelExport();\n\n    const onRefreshClick = useCallback(() => {\n        refresh();\n    }, []);\n\n    return (\n        <UIL.DataList\n            loading={loading}\n            data={contentModels}\n            title={t`Content Models`}\n            actions={\n                <DataListActionsWrapper>\n                    {canCreate ? (\n                        <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Model`}\n                        </ButtonSecondary>\n                    ) : null}\n                    <OptionsMenu\n                        data-testid=\"pb-blocks-list-options-menu\"\n                        items={[\n                            {\n                                label: \"Export all models\",\n                                icon: <DownloadFileIcon />,\n                                onClick: handleModelsExport\n                            },\n                            {\n                                label: \"Import models\",\n                                icon: <UploadFileIcon />,\n                                onClick: showImportModelModal\n                            }\n                        ]}\n                    />\n                </DataListActionsWrapper>\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            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 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                                <Icon>\n                                    <DisplayIcon model={contentModel} />\n                                </Icon>\n                                <UIL.ListItemText>\n                                    {contentModel.name}\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 className={rightAlign}>\n                                    <UIL.ListActions>\n                                        <Tooltip\n                                            content={t`{message}`({ message })}\n                                            placement={\"top\"}\n                                        >\n                                            <IconButton\n                                                data-testid={\"cms-view-content-model-button\"}\n                                                icon={<ViewListIcon />}\n                                                label={t`View entries`}\n                                                onClick={viewContentEntries(contentModel)}\n                                                disabled={disableViewContent}\n                                            />\n                                        </Tooltip>\n                                        <Tooltip\n                                            content={t`Export content model`}\n                                            placement={\"top\"}\n                                        >\n                                            <IconButton\n                                                data-testid={\"cms-export-content-model-button\"}\n                                                icon={<DownloadFileIcon />}\n                                                label={t`Export content model`}\n                                                onClick={handleModelExport(contentModel)}\n                                            />\n                                        </Tooltip>\n                                        {canEdit(contentModel, \"cms.contentModel\") && (\n                                            <>\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                                                <Tooltip\n                                                    content={\"Clone content model\"}\n                                                    placement={\"top\"}\n                                                >\n                                                    <IconButton\n                                                        data-testid={\n                                                            \"cms-clone-content-model-button\"\n                                                        }\n                                                        icon={<CloneIcon />}\n                                                        label={t`Clone content model`}\n                                                        onClick={() => onClone(contentModel)}\n                                                    />\n                                                </Tooltip>\n                                            </>\n                                        )}\n\n                                        {canDelete(contentModel, \"cms.contentModel\") && (\n                                            <>\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={\n                                                                \"cms-delete-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                ) : (\n                                                    <Tooltip\n                                                        content={t`Delete content model`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <DeleteIcon\n                                                            onClick={() =>\n                                                                deleteRecord(contentModel)\n                                                            }\n                                                            data-testid={\n                                                                \"cms-delete-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                )}\n                                            </>\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":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,GAAA,GAAAV,uBAAA,CAAAC,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AACA,IAAAY,KAAA,GAAAZ,OAAA;AACA,IAAAa,sBAAA,GAAAb,OAAA;AACA,IAAAc,MAAA,GAAAd,OAAA;AACA,IAAAe,GAAA,GAAAhB,uBAAA,CAAAC,OAAA;AAKA,IAAAgB,QAAA,GAAAhB,OAAA;AACA,IAAAiB,SAAA,GAAAC,sBAAA,CAAAlB,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AACA,IAAAoB,QAAA,GAAAF,sBAAA,CAAAlB,OAAA;AACA,IAAAqB,KAAA,GAAArB,OAAA;AACA,IAAAsB,OAAA,GAAAtB,OAAA;AACA,IAAAuB,WAAA,GAAAvB,OAAA;AAEA,IAAAwB,eAAA,GAAAN,sBAAA,CAAAlB,OAAA;AAEA,IAAAyB,iBAAA,GAAAzB,OAAA;AAEA,IAAA0B,YAAA,GAAA1B,OAAA;AACA,IAAA2B,cAAA,GAAA3B,OAAA;AACA,IAAA4B,YAAA,GAAA5B,OAAA;AACA,IAAA6B,gBAAA,GAAA7B,OAAA;AAA4D,IAAA8B,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;AAAA,SAAAC,iCAAA;AAE5D,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,gCAAgC,CAAC;AAO1D,IAAMC,OAAiB,GAAG,CACtB;EACIC,KAAK,EAAEJ,CAAC,CAAArB,eAAA,KAAAA,eAAA,OAAA0B,uBAAA,CAAAC,OAAA,yBAAkB;EAC1BC,OAAO,EAAE;AACb,CAAC,EACD;EACIH,KAAK,EAAEJ,CAAC,CAAApB,gBAAA,KAAAA,gBAAA,OAAAyB,uBAAA,CAAAC,OAAA,yBAAkB;EAC1BC,OAAO,EAAE;AACb,CAAC,EACD;EACIH,KAAK,EAAEJ,CAAC,CAAAnB,gBAAA,KAAAA,gBAAA,OAAAwB,uBAAA,CAAAC,OAAA,iBAAU;EAClBC,OAAO,EAAE;AACb,CAAC,EACD;EACIH,KAAK,EAAEJ,CAAC,CAAAlB,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,CAAAC,OAAA,iBAAU;EAClBC,OAAO,EAAE;AACb,CAAC,CACJ;AAED,IAAMC,sBAAsB,oBAAAC,KAAA,CAAAH,OAAA,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAT,KAAA;AAAA,GAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAE,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAlB;AAAA,EAI3B;AAED,IAAMmB,UAAU,GAAG,IAAAC,YAAG,EAAC;EACnBC,UAAU,EAAE,qBAAqB;EACjCC,cAAc,EAAE;AACpB,CAAC,CAAC;AAEF,IAAMC,iBAAiB,GAAG,IAAAH,YAAG,EAAC;EAC1BI,SAAS,EAAE;AACf,CAAC,CAAC;AASF,IAAMC,IAAI,gBAAG,IAAAf,KAAA,CAAAH,OAAA,EAAO,KAAK,EAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAT,KAAA;AAAA,EAAC,CAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAE,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAlB;AAAA,CAYzB,CAAC;AAMF,IAAM0B,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAAvBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACxB,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACb,OAAO,IAAI;EACf;EACA,oBAAOjF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvD,iBAAA,CAAAwD,eAAe;IAACF,IAAI,EAAE,CAACD,KAAK,CAACC,IAAI,IAAI,EAAE,EAAEG,KAAK,CAAC,GAAG;EAAc,CAAE,CAAC;AAC/E,CAAC;AAED,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,KAAA,EAKO;EAAA,IAJ9BC,SAAS,GAAAD,KAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,KAAA,CAAPG,OAAO;IACPC,oBAAoB,GAAAJ,KAAA,CAApBI,oBAAoB;EAEpB,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAS,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAnC,OAAA,EAAAgC,SAAA;IAAzCI,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EACxB,IAAAI,UAAA,GAAwB,IAAAL,eAAQ,EAASpC,OAAO,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC;IAAAsC,UAAA,OAAAJ,eAAA,CAAAnC,OAAA,EAAAsC,UAAA;IAArDE,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAAG,UAAA,GAAoB,IAAAC,sBAAS,EAAC,CAAC;IAAvBC,OAAO,GAAAF,UAAA,CAAPE,OAAO;EACf,IAAMC,MAAM,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAChC,IAAAC,YAAA,GAAyB,IAAAC,yBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EACpB,IAAAC,qBAAA,GAA6B,IAAAC,4CAAqB,EAAC;MAC/CC,UAAU,EAAE;IAChB,CAAC,CAAC;IAFMC,gBAAgB,GAAAH,qBAAA,CAAhBG,gBAAgB;EAGxB,IAAAC,UAAA,GAAqC,IAAAC,gBAAS,EAAC,CAAC;IAAxCC,MAAM,GAAAF,UAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,UAAA,CAAPG,OAAO;IAAEC,OAAO,GAAAJ,UAAA,CAAPI,OAAO;EAChC,IAAAC,cAAA,GAA+B,IAAAC,uBAAa,EAAC,CAAC;IAAtCC,SAAS,GAAAF,cAAA,CAATE,SAAS;IAAEC,OAAO,GAAAH,cAAA,CAAPG,OAAO;EAE1B,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC1B,UAAAC,KAAA,EAA+C;IAAA,IAA5CzD,IAAI,GAAAyD,KAAA,CAAJzD,IAAI;IACH,OAAOA,IAAI,CAAC0D,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC/B,MAAM,CAAC;EAC9C,CAAC,EACD,CAACA,MAAM,CACX,CAAC;EAED,IAAMgC,QAAQ,GAAG,IAAAJ,kBAAW,EACxB,UAACK,IAAgB,EAAiB;IAC9B,IAAI,CAAC7B,IAAI,EAAE;MACP,OAAO6B,IAAI;IACf;IACA,IAAAC,mBAAA,GAAiC,IAAAC,yBAAkB,EAAC/B,IAAI,CAAC;MAAAgC,oBAAA,OAAArC,eAAA,CAAAnC,OAAA,EAAAsE,mBAAA;MAAlDG,SAAS,GAAAD,oBAAA;MAAEE,WAAW,GAAAF,oBAAA;IAC7B,OAAO,IAAAG,gBAAO,EAACN,IAAI,EAAE,CAACI,SAAS,CAAC,EAAE,CAACC,WAAW,CAAC,CAAC;EACpD,CAAC,EACD,CAAClC,IAAI,CACT,CAAC;EAED,IAAMoC,YAAY,GAAG,eAAfA,YAAYA,CAAUC,IAAc,EAAoB;IAC1DxB,gBAAgB,CAAC,kBAAY;MACzB,MAAMR,MAAM,CAACiC,MAAM,CAAkE;QACjFC,QAAQ,EAAEzH,GAAG,CAAC0H,oBAAoB;QAClCC,SAAS,EAAE;UAAEC,OAAO,EAAEL,IAAI,CAACK;QAAQ,CAAC;QACpCC,MAAM,WAAAA,OAACC,KAAK,EAAAC,KAAA,EAAY;UAAA,IAARC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAChB,IAAI,CAACA,IAAI,EAAE;YACPrC,YAAY,CAAC,yDAAyD,CAAC;YACvE;UACJ;UACA,IAAQsC,KAAK,GAAKD,IAAI,CAACE,kBAAkB,CAAjCD,KAAK;UAEb,IAAIA,KAAK,EAAE;YACPtC,YAAY,CAACsC,KAAK,CAACE,OAAO,EAAE;cACxBC,KAAK,EAAEhG,CAAC,CAAAjB,gBAAA,KAAAA,gBAAA,OAAAsB,uBAAA,CAAAC,OAAA;YACZ,CAAC,CAAC;YACF;UACJ;UAEA,IAAA2F,+BAAwB,EAACP,KAAK,EAAEP,IAAI,CAAC;UACrC,IAAAe,gCAAyB,EAACR,KAAK,EAAEP,IAAI,CAAC;UACtC,IAAAgB,2BAAoB,EAAChD,MAAM,EAAEgC,IAAI,CAAC;UAElC5B,YAAY,CACRvD,CAAC,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAqB,uBAAA,CAAAC,OAAA,qDAA8C;YAAEQ,IAAI,EAAEqE,IAAI,CAACrE;UAAK,CAAC,CACtE,CAAC;QACL;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EAED,IAAMsF,UAAU,GAAG,SAAbA,UAAUA,CAAIC,YAAsB,EAAW;IACjDnD,OAAO,CAACoD,IAAI,CAAC,sBAAsB,GAAGD,YAAY,CAACb,OAAO,CAAC;EAC/D,CAAC;EAED,IAAMe,kBAAkB,GAAG,IAAAjC,kBAAW,EAAC,UAAC+B,YAAuC,EAAK;IAChF,OAAO;MAAA,OAAMnD,OAAO,CAACoD,IAAI,CAAC,uBAAuB,GAAGD,YAAY,CAACb,OAAO,CAAC;IAAA;EAC7E,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMgB,iCAAiC,GAAG,IAAAC,cAAO,EAC7C;IAAA,oBACI9J,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAACoJ,oBAAoB,qBACrB/J,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC3D,KAAA,CAAAyI,IAAI,qBACDhK,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC3D,KAAA,CAAA0I,IAAI;MAACC,IAAI,EAAE;IAAG,gBACXlK,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC1D,OAAA,CAAA2I,MAAM;MACHC,KAAK,EAAEjE,IAAK;MACZkE,QAAQ,EAAEjE,OAAQ;MAClB3C,KAAK,EAAEJ,CAAC,CAAAf,gBAAA,KAAAA,gBAAA,OAAAoB,uBAAA,CAAAC,OAAA,gBAAU;MAClB2G,WAAW,EAAE;IAAyB,GAErC9G,OAAO,CAACa,GAAG,CAAC,UAAAkG,KAAA,EAAwB;MAAA,IAArB9G,KAAK,GAAA8G,KAAA,CAAL9G,KAAK;QAAEG,OAAO,GAAA2G,KAAA,CAAP3G,OAAO;MAC1B,oBACI5D,MAAA,CAAA2D,OAAA,CAAAuB,aAAA;QAAQsF,GAAG,EAAE/G,KAAM;QAAC2G,KAAK,EAAExG;MAAQ,GAC9BH,KACG,CAAC;IAEjB,CAAC,CACG,CACN,CACJ,CACgB,CAAC;EAAA,CAC9B,EACD,CAAC0C,IAAI,CACT,CAAC;EAED,IAAMsE,YAAY,GAAG1E,MAAM,KAAK,EAAE,GAAGoB,MAAM,GAAGA,MAAM,CAACpB,MAAM,CAAC2B,UAAU,CAAC;EACvE,IAAMgD,aAAa,GAAG3C,QAAQ,CAAC0C,YAAY,CAAC;EAE5C,IAAAE,eAAA,GAAkD,IAAAC,+BAAc,EAAC,CAAC;IAA1DC,kBAAkB,GAAAF,eAAA,CAAlBE,kBAAkB;IAAEC,iBAAiB,GAAAH,eAAA,CAAjBG,iBAAiB;EAE7C,IAAMC,cAAc,GAAG,IAAApD,kBAAW,EAAC,YAAM;IACrCN,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIrH,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAACqK,QAAQ;IACT5D,OAAO,EAAEA,OAAQ;IACjB6B,IAAI,EAAEyB,aAAc;IACpBrB,KAAK,EAAEhG,CAAC,CAAAd,gBAAA,KAAAA,gBAAA,OAAAmB,uBAAA,CAAAC,OAAA,uBAAiB;IACzBsH,OAAO,eACHjL,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrB,sBAAsB,QAClB0B,SAAS,gBACNvF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACtE,OAAA,CAAAsK,eAAe;MAAC,eAAY,mBAAmB;MAACC,OAAO,EAAE3F;IAAS,gBAC/DxF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACtE,OAAA,CAAAwK,UAAU;MAACnG,IAAI,eAAEjF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAChE,QAAA,CAAAmK,cAAO,MAAE;IAAE,CAAE,CAAC,KAAC,EAAChI,CAAC,CAAAb,gBAAA,KAAAA,gBAAA,OAAAkB,uBAAA,CAAAC,OAAA,kBACvB,CAAC,GAClB,IAAI,eACR3D,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACtD,YAAA,CAAA0J,WAAW;MACR,eAAY,6BAA6B;MACzCC,KAAK,EAAE,CACH;QACI9H,KAAK,EAAE,mBAAmB;QAC1BwB,IAAI,eAAEjF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrD,cAAA,CAAAwJ,cAAgB,MAAE,CAAC;QAC1BF,OAAO,EAAEN;MACb,CAAC,EACD;QACIpH,KAAK,EAAE,eAAe;QACtBwB,IAAI,eAAEjF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACpD,YAAA,CAAAuJ,cAAc,MAAE,CAAC;QACxBF,OAAO,EAAEzF;MACb,CAAC;IACH,CACL,CACmB,CAC3B;IACD8F,MAAM,eACFxL,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC/D,SAAA,CAAAwC,OAAQ;MACLyG,KAAK,EAAErE,MAAO;MACdsE,QAAQ,EAAErE,SAAU;MACpByF,gBAAgB,EAAEpI,CAAC,CAAAZ,iBAAA,KAAAA,iBAAA,OAAAiB,uBAAA,CAAAC,OAAA;IAAwB,CAC9C,CACJ;IACD+H,YAAY,EAAE7B,iCAAkC;IAChD8B,kBAAkB,eACd3L,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAACiL,0BAA0B;MAC3B3G,IAAI,eAAEjF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACzD,WAAA,CAAA4J,cAAU,MAAE,CAAE;MACrB,eAAa;IAA2B,CAC3C,CACJ;IACDhE,OAAO,EAAE0D;EAAe,GAEvB,UAAAc,KAAA;IAAA,IAAAC,UAAA,GAAAD,KAAA,CAAG5C,IAAI;MAAJA,IAAI,GAAA6C,UAAA,cAAG,EAAE,GAAAA,UAAA;IAAA,oBACT9L,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAACoL,IAAI;MAAC,eAAY;IAAmB,GACpC9C,IAAI,CAAC5E,GAAG,CAAC,UAAAqF,YAAY,EAAI;MACtB,IAAMsC,kBAAkB,GAAGtC,YAAY,CAACuC,MAAM,CAACC,MAAM,KAAK,CAAC;MAC3D,IAAM9C,OAAO,GAAG4C,kBAAkB,GAC5B,uEAAuE,GACvE,cAAc;MACpB,oBACIhM,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAACwL,QAAQ;QAAC3B,GAAG,EAAEd,YAAY,CAACb,OAAQ;QAACuD,SAAS,EAAEzH;MAAkB,gBAClE3E,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACL,IAAI,qBACD7E,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACJ,WAAW;QAACE,KAAK,EAAE0E;MAAa,CAAE,CACjC,CAAC,eACP1J,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAAC0L,YAAY,QACZ3C,YAAY,CAACvF,IAAI,eAClBnE,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAAC2L,qBAAqB,QACrBjJ,CAAC,CAAAX,iBAAA,KAAAA,iBAAA,OAAAgB,uBAAA,CAAAC,OAAA,gCAAyB;QACvB4I,IAAI,EAAE7C,YAAY,CAAC8C,OAAO,gBACtBxM,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC/E,QAAA,CAAAsM,OAAO;UAACC,QAAQ,EAAEhD,YAAY,CAAC8C;QAAQ,CAAE,CAAC,GAE3C;MAER,CAAC,CACsB,CACb,CAAC,eACnBxM,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAACgM,YAAY;QAACP,SAAS,EAAE7H;MAAW,gBACpCvE,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACvE,GAAG,CAACiM,WAAW,qBACZ5M,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrE,QAAA,CAAAgM,OAAO;QACJC,OAAO,EAAEzJ,CAAC,CAAAV,iBAAA,KAAAA,iBAAA,OAAAe,uBAAA,CAAAC,OAAA,mBAAY;UAAEyF,OAAO,EAAPA;QAAQ,CAAC,CAAE;QACnC2D,SAAS,EAAE;MAAM,gBAEjB/M,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACtE,OAAA,CAAAoM,UAAU;QACP,eAAa,+BAAgC;QAC7C/H,IAAI,eAAEjF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC3E,UAAA,CAAA8K,cAAY,MAAE,CAAE;QACvB5H,KAAK,EAAEJ,CAAC,CAAAT,iBAAA,KAAAA,iBAAA,OAAAc,uBAAA,CAAAC,OAAA,qBAAe;QACvBwH,OAAO,EAAEvB,kBAAkB,CAACF,YAAY,CAAE;QAC1CuD,QAAQ,EAAEjB;MAAmB,CAChC,CACI,CAAC,eACVhM,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrE,QAAA,CAAAgM,OAAO;QACJC,OAAO,EAAEzJ,CAAC,CAAAR,iBAAA,KAAAA,iBAAA,OAAAa,uBAAA,CAAAC,OAAA,6BAAuB;QACjCoJ,SAAS,EAAE;MAAM,gBAEjB/M,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACtE,OAAA,CAAAoM,UAAU;QACP,eAAa,iCAAkC;QAC/C/H,IAAI,eAAEjF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrD,cAAA,CAAAwJ,cAAgB,MAAE,CAAE;QAC3B5H,KAAK,EAAEJ,CAAC,CAAAP,iBAAA,KAAAA,iBAAA,OAAAY,uBAAA,CAAAC,OAAA,6BAAuB;QAC/BwH,OAAO,EAAEL,iBAAiB,CAACpB,YAAY;MAAE,CAC5C,CACI,CAAC,EACTjC,OAAO,CAACiC,YAAY,EAAE,kBAAkB,CAAC,iBACtC1J,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAAlF,MAAA,CAAA2D,OAAA,CAAAuJ,QAAA,QACKxD,YAAY,CAACyD,MAAM,gBAChBnN,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrE,QAAA,CAAAgM,OAAO;QACJC,OAAO,EAAEzJ,CAAC,CAAAN,iBAAA,KAAAA,iBAAA,OAAAW,uBAAA,CAAAC,OAAA,kDAA4C;QACtDoJ,SAAS,EAAE;MAAM,gBAEjB/M,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC5E,MAAA,CAAA8M,QAAQ;QACLH,QAAQ;QACR,eACI;MACH,CACJ,CACI,CAAC,gBAEVjN,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrE,QAAA,CAAAgM,OAAO;QACJC,OAAO,EAAEzJ,CAAC,CAAAL,iBAAA,KAAAA,iBAAA,OAAAU,uBAAA,CAAAC,OAAA,2BAAqB;QAC/BoJ,SAAS,EAAE;MAAM,gBAEjB/M,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC5E,MAAA,CAAA8M,QAAQ;QACLjC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM1B,UAAU,CAACC,YAAY,CAAC;QAAA,CAAC;QACxC,eACI;MACH,CACJ,CACI,CACZ,eACD1J,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrE,QAAA,CAAAgM,OAAO;QACJC,OAAO,EAAE,qBAAsB;QAC/BC,SAAS,EAAE;MAAM,gBAEjB/M,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACtE,OAAA,CAAAoM,UAAU;QACP,eACI,gCACH;QACD/H,IAAI,eAAEjF,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC1E,MAAA,CAAA6K,cAAS,MAAE,CAAE;QACpB5H,KAAK,EAAEJ,CAAC,CAAAJ,iBAAA,KAAAA,iBAAA,OAAAS,uBAAA,CAAAC,OAAA,4BAAsB;QAC9BwH,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM1F,OAAO,CAACiE,YAAY,CAAC;QAAA;MAAC,CACxC,CACI,CACX,CACL,EAEAlC,SAAS,CAACkC,YAAY,EAAE,kBAAkB,CAAC,iBACxC1J,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAAlF,MAAA,CAAA2D,OAAA,CAAAuJ,QAAA,QACKxD,YAAY,CAACyD,MAAM,gBAChBnN,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrE,QAAA,CAAAgM,OAAO;QACJC,OAAO,EAAEzJ,CAAC,CAAAH,iBAAA,KAAAA,iBAAA,OAAAQ,uBAAA,CAAAC,OAAA,kDAA4C;QACtDoJ,SAAS,EAAE;MAAM,gBAEjB/M,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC5E,MAAA,CAAA+M,UAAU;QACPJ,QAAQ;QACR,eACI;MACH,CACJ,CACI,CAAC,gBAEVjN,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAACrE,QAAA,CAAAgM,OAAO;QACJC,OAAO,EAAEzJ,CAAC,CAAAF,iBAAA,KAAAA,iBAAA,OAAAO,uBAAA,CAAAC,OAAA,6BAAuB;QACjCoJ,SAAS,EAAE;MAAM,gBAEjB/M,MAAA,CAAA2D,OAAA,CAAAuB,aAAA,CAAC5E,MAAA,CAAA+M,UAAU;QACPlC,OAAO,EAAE,SAAAA,QAAA;UAAA,OACL5C,YAAY,CAACmB,YAAY,CAAC;QAAA,CAC7B;QACD,eACI;MACH,CACJ,CACI,CAEf,CAEO,CACH,CACR,CAAC;IAEvB,CAAC,CACK,CAAC;EAAA,CAEL,CAAC;AAEvB,CAAC;AAAC,IAAA4D,QAAA,GAAAC,OAAA,CAAA5J,OAAA,GAEa0B,qBAAqB","ignoreList":[]}
+{"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":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,mBAAmB;AACvD,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASD,cAAc,IAAIE,gBAAgB,QAAQ,iCAAiC;AACpF,SAASF,cAAc,IAAIG,cAAc,QAAQ,+BAA+B;AAChF,SAASH,cAAc,IAAII,QAAQ,QAAQ,wBAAwB;AACnE,SAASJ,cAAc,IAAIK,QAAQ,QAAQ,wBAAwB;AACnE,SAASL,cAAc,IAAIM,YAAY,QAAQ,6BAA6B;AAC5E,SAASN,cAAc,IAAIO,UAAU,QAAQ,iCAAiC;AAC9E,SAASP,cAAc,IAAIQ,UAAU,QAAQ,0BAA0B;AACvE,SAASR,cAAc,IAAIS,SAAS,QAAQ,iCAAiC;AAC7E,SAASC,SAAS;AAClB,OAAO,KAAKC,GAAG,MAAM,0BAA0B;AAC/C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,kBAAkB;AAC3B,OAAOC,OAAO,MAAM,mBAAmB;AAEvC,SAASC,aAAa;AACtB,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,SAASC,cAAc;AACvB,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,SAASC,MAAM,EAAEC,YAAY,EAAEC,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAQ,kBAAkB;AAC1F,SAASC,uBAAuB,QAAQ,iCAAiC;AACzE,SAASC,MAAM;AACf,SAASC,aAAa;AAEtB,MAAMC,CAAC,GAAGjB,IAAI,CAACkB,SAAS,CAAC,gCAAgC,CAAC;AAO1D,MAAMC,OAAiB,GAAG,CACtB;EACIC,KAAK,EAAEH,CAAC,kBAAkB;EAC1BI,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEH,CAAC,kBAAkB;EAC1BI,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEH,CAAC,UAAU;EAClBI,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEH,CAAC,UAAU;EAClBI,OAAO,EAAE;AACb,CAAC,CACJ;AAaD,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAiB,CAAC,KAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACb,OAAO,IAAI;EACf;EACA,oBACI3C,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAAC2B,eAAe,qBAChB7C,KAAA,CAAA4C,aAAA;IAAKE,SAAS,EAAE;EAAqB,gBACjC9C,KAAA,CAAA4C,aAAA,CAACf,IAAI;IACDkB,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,SAAU;IACjBT,KAAK,EAAE,oBAAqB;IAC5BI,IAAI,eAAE3C,KAAA,CAAA4C,aAAA,CAACrB,eAAe;MAACoB,IAAI,EAAER,aAAa,CAACO,KAAK,CAACC,IAAI;IAAc,CAAE;EAAE,CAC1E,CACA,CACY,CAAC;AAE9B,CAAC;AAED,MAAMM,qBAAqB,GAAGA,CAAC;EAC3BC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC;AACwB,CAAC,KAAK;EAC9B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGpD,QAAQ,CAAS,EAAE,CAAC;EAChD,MAAM,CAACqD,IAAI,EAAEC,OAAO,CAAC,GAAGtD,QAAQ,CAASmC,OAAO,CAAC,CAAC,CAAC,CAACE,OAAO,CAAC;EAC5D,MAAM;IAAEkB;EAAU,CAAC,GAAGrD,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEsD,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAG5C,SAAS,CAAC,CAAC;EAChD,MAAM;IAAE6C,SAAS;IAAEC;EAAQ,CAAC,GAAGzC,aAAa,CAAC,CAAC;EAE9C,MAAM,CAAC0C,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG9D,QAAQ,CAAkB,IAAI,CAAC;EAE/E,MAAM+D,UAAU,GAAGjE,WAAW,CAC1B,CAAC;IAAEkE;EAA6B,CAAC,KAAc;IAC3C,OAAOA,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACf,MAAM,CAAC;EAC9C,CAAC,EACD,CAACA,MAAM,CACX,CAAC;EAED,MAAMgB,QAAQ,GAAGrE,WAAW,CACvBsE,IAAgB,IAAiB;IAC9B,IAAI,CAACf,IAAI,EAAE;MACP,OAAOe,IAAI;IACf;IACA,MAAM,CAACC,SAAS,EAAEC,WAAW,CAAC,GAAGrD,kBAAkB,CAACoC,IAAI,CAAC;IACzD,OAAOnC,OAAO,CAACkD,IAAI,EAAE,CAACC,SAAS,CAAC,EAAE,CAACC,WAAW,CAAC,CAAC;EACpD,CAAC,EACD,CAACjB,IAAI,CACT,CAAC;EAED,MAAMkB,UAAU,GAAIC,YAAsB,IAAW;IACjDjB,SAAS,CAACxB,MAAM,CAAC0C,aAAa,CAACC,MAAM,EAAE;MAAEC,OAAO,EAAEH,YAAY,CAACG;IAAQ,CAAC,CAAC;EAC7E,CAAC;EAED,MAAMC,kBAAkB,GAAG9E,WAAW,CAAE0E,YAAuC,IAAK;IAChF,OAAO,MAAM;MACTjB,SAAS,CAACxB,MAAM,CAAC8C,cAAc,CAACC,IAAI,EAAE;QAAEH,OAAO,EAAEH,YAAY,CAACG;MAAQ,CAAC,CAAC;IAC5E,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,iCAAiC,GAAGhF,OAAO,CAC7C,mBACIF,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAACiE,oBAAoB,qBACrBnF,KAAA,CAAA4C,aAAA,CAACb,MAAM;IACHqD,KAAK,EAAE5B,IAAK;IACZ6B,QAAQ,EAAE5B,OAAQ;IAClBlB,KAAK,EAAEH,CAAC,SAAU;IAClBkD,OAAO,EAAEhD,OAAO,CAACiD,GAAG,CAACC,MAAM,KAAK;MAC5BjD,KAAK,EAAEiD,MAAM,CAACjD,KAAK;MACnB6C,KAAK,EAAEI,MAAM,CAAChD;IAClB,CAAC,CAAC;EAAE,CACP,CACqB,CAC7B,EACD,CAACgB,IAAI,CACT,CAAC;EAED,MAAMiC,YAAY,GAAGnC,MAAM,KAAK,EAAE,GAAGK,MAAM,GAAGA,MAAM,CAACL,MAAM,CAACY,UAAU,CAAC;EACvE,MAAMwB,aAAa,GAAGpB,QAAQ,CAACmB,YAAY,CAAC;EAE5C,MAAM;IAAEE,kBAAkB;IAAEC;EAAkB,CAAC,GAAGpE,cAAc,CAAC,CAAC;EAElE,MAAMqE,cAAc,GAAG5F,WAAW,CAAC,MAAM;IACrC4D,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI7D,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA8F,QAAA,qBACI9F,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAAC6E,QAAQ;IACTnC,OAAO,EAAEA,OAAQ;IACjBoC,IAAI,EAAEN,aAAc;IACpBO,KAAK,EAAE7D,CAAC,gBAAiB;IACzB8D,OAAO,eACHlG,KAAA,CAAA4C,aAAA;MAAKE,SAAS,EAAE;IAAuC,gBACnD9C,KAAA,CAAA4C,aAAA,CAACZ,OAAO;MACJmE,OAAO,EAAE,mBAAoB;MAC7BC,OAAO,eACHpG,KAAA,CAAA4C,aAAA,CAACd,UAAU;QACPa,IAAI,eAAE3C,KAAA,CAAA4C,aAAA,CAACnC,gBAAgB,MAAE,CAAE;QAC3BsC,IAAI,EAAE,IAAK;QACXsD,OAAO,EAAE,OAAQ;QACjBC,OAAO,EAAEA,CAAA,KAAMX,kBAAkB,CAAC;MAAE,CACvC;IACJ,CACJ,CAAC,eACF3F,KAAA,CAAA4C,aAAA,CAACZ,OAAO;MACJmE,OAAO,EAAE,eAAgB;MACzBC,OAAO,eACHpG,KAAA,CAAA4C,aAAA,CAACd,UAAU;QACPa,IAAI,eAAE3C,KAAA,CAAA4C,aAAA,CAAClC,cAAc,MAAE,CAAE;QACzBqC,IAAI,EAAE,IAAK;QACXsD,OAAO,EAAE,OAAQ;QACjBC,OAAO,EAAEA,CAAA,KAAMjD,oBAAoB,CAAC;MAAE,CACzC;IACJ,CACJ,CAAC,EACDH,SAAS,gBACNlD,KAAA,CAAA4C,aAAA,CAACjB,MAAM;MACH,eAAY,mBAAmB;MAC/B2E,OAAO,EAAEnD,QAAS;MAClBoD,IAAI,EAAEnE,CAAC,KAAM;MACbO,IAAI,eAAE3C,KAAA,CAAA4C,aAAA,CAACpC,OAAO,MAAE,CAAE;MAClBuC,IAAI,EAAE,IAAK;MACXD,SAAS,EAAE;IAAQ,CACtB,CAAC,GACF,IACH,CACR;IACD0D,MAAM,eACFxG,KAAA,CAAA4C,aAAA,CAACtC,QAAQ;MACL8E,KAAK,EAAE9B,MAAO;MACd+B,QAAQ,EAAE9B,SAAU;MACpBkD,gBAAgB,EAAErE,CAAC;IAA0B,CAChD,CACJ;IACDsE,YAAY,EAAExB,iCAAkC;IAChDyB,kBAAkB,eACd3G,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAAC0F,0BAA0B;MAAC,eAAa;IAA2B,CAAE,CAC7E;IACD/C,OAAO,EAAEgC;EAAe,GAEvB,CAAC;IAAEG,IAAI,GAAG;EAAyB,CAAC,kBACjChG,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAAC+D,IAAI;IAAC,eAAY;EAAmB,GACpCe,IAAI,CAACT,GAAG,CAACZ,YAAY,IAAI;IACtB,MAAMkC,kBAAkB,GAAGlC,YAAY,CAACmC,MAAM,CAACC,MAAM,KAAK,CAAC;IAC3D,MAAMC,UAAU,GAAGA,CAAA,KAAM;MACrB,IAAIH,kBAAkB,EAAE;QACpB,OAAO,uEAAuE;MAClF;MAEA,IAAIlC,YAAY,CAACsC,IAAI,CAAC5C,QAAQ,CAACpC,uBAAuB,CAAC,EAAE;QACrD,OAAO,MAAM;MACjB;MAEA,OAAO,cAAc;IACzB,CAAC;IAED,oBACIjC,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAACgG,QAAQ;MAACC,GAAG,EAAExC,YAAY,CAACG,OAAQ;MAAChC,SAAS,EAAE;IAAa,gBAC7D9C,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAACkG,YAAY,qBACbpH,KAAA,CAAA4C,aAAA,CAACH,WAAW;MAACC,KAAK,EAAEiC;IAAa,CAAE,CAAC,eACpC3E,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAACmG,mBAAmB,QACnB1C,YAAY,CAACR,IACO,CAAC,eAC1BnE,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAACoG,qBAAqB,QACrBlF,CAAC,wBAAwB,CAAC;MACvBmF,IAAI,EAAE5C,YAAY,CAAC6C,OAAO,gBACtBxH,KAAA,CAAA4C,aAAA,CAACxC,OAAO;QAACqH,QAAQ,EAAE9C,YAAY,CAAC6C;MAAQ,CAAE,CAAC,GAE3C;IAER,CAAC,CACsB,CACb,CAAC,eACnBxH,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAACwG,YAAY,qBACb1H,KAAA,CAAA4C,aAAA,CAAC1B,GAAG,CAACyG,WAAW,qBACZ3H,KAAA,CAAA4C,aAAA,CAACnB,mBAAmB;MAACiB,KAAK,EAAEiC;IAAa,gBACrC3E,KAAA,CAAA4C,aAAA;MACIE,SAAS,EAAE;IAAqC,gBAEhD9C,KAAA,CAAA4C,aAAA,CAACZ,OAAO;MACJ4F,IAAI,EAAE,KAAM;MACZzB,OAAO,EAAEa,UAAU,CAAC,CAAE;MACtBZ,OAAO,eACHpG,KAAA,CAAA4C,aAAA,CAACjB,MAAM;QACH4E,IAAI,EAAE,cAAe;QACrB5D,IAAI,eAAE3C,KAAA,CAAA4C,aAAA,CAACjC,QAAQ,MAAE,CAAE;QACnB0F,OAAO,EAAE,WAAY;QACrBtD,IAAI,EAAE,IAAK;QACX,eACI,+BACH;QACDuD,OAAO,EAAEvB,kBAAkB,CACvBJ,YACJ,CAAE;QACFkD,QAAQ,EAAEhB;MAAmB,CAChC;IACJ,CACJ,CACC,CAAC,EAEN9C,OAAO,CAACY,YAAY,EAAE,kBAAkB,CAAC,iBACtC3E,KAAA,CAAA4C,aAAA;MACIE,SAAS,EACL;IACH,gBAED9C,KAAA,CAAA4C,aAAA,CAACZ,OAAO;MACJ4F,IAAI,EAAE,KAAM;MACZzB,OAAO,EACHxB,YAAY,CAACmD,MAAM,GACb1F,CAAC,2CAA2C,GAC5CA,CAAC,oBACV;MACDgE,OAAO,eACHpG,KAAA,CAAA4C,aAAA,CAACjB,MAAM;QACH4E,IAAI,EAAE,MAAO;QACb5D,IAAI,eAAE3C,KAAA,CAAA4C,aAAA,CAAChC,QAAQ,MAAE,CAAE;QACnByF,OAAO,EAAE,WAAY;QACrBtD,IAAI,EAAE,IAAK;QACX8E,QAAQ,EAAElD,YAAY,CAACmD,MAAO;QAC9BxB,OAAO,EAAEA,CAAA,KACL5B,UAAU,CAACC,YAAY,CAC1B;QACD,eACI;MACH,CACJ;IACJ,CACJ,CACC,CACT,eAED3E,KAAA,CAAA4C,aAAA,CAAChB,YAAY;MACTwE,OAAO,eACHpG,KAAA,CAAA4C,aAAA,CAACd,UAAU;QACPa,IAAI,eAAE3C,KAAA,CAAA4C,aAAA,CAAC/B,YAAY,MAAE,CAAE;QACvBkC,IAAI,EAAE,IAAK;QACXsD,OAAO,EAAE;MAAQ,CACpB;IACJ,GAEAtC,OAAO,CAACY,YAAY,EAAE,kBAAkB,CAAC,iBACtC3E,KAAA,CAAA4C,aAAA,CAAChB,YAAY,CAACmG,IAAI;MACdxB,IAAI,EAAE,OAAQ;MACd5D,IAAI,eACA3C,KAAA,CAAA4C,aAAA,CAAChB,YAAY,CAACmG,IAAI,CAAClG,IAAI;QACnBU,KAAK,EAAE,OAAQ;QACfyF,OAAO,eAAEhI,KAAA,CAAA4C,aAAA,CAAC5B,SAAS,MAAE;MAAE,CAC1B,CACJ;MACD,eACI,gCACH;MACDsF,OAAO,EAAEA,CAAA,KAAMlD,OAAO,CAACuB,YAAY;IAAE,CACxC,CACJ,eAED3E,KAAA,CAAA4C,aAAA,CAAChB,YAAY,CAACmG,IAAI;MACdxB,IAAI,EAAE,QAAS;MACf5D,IAAI,eACA3C,KAAA,CAAA4C,aAAA,CAAChB,YAAY,CAACmG,IAAI,CAAClG,IAAI;QACnBU,KAAK,EAAE,QAAS;QAChByF,OAAO,eAAEhI,KAAA,CAAA4C,aAAA,CAAC9B,UAAU,MAAE;MAAE,CAC3B,CACJ;MACD,eACI,iCACH;MACDwF,OAAO,EAAEV,iBAAiB,CAACjB,YAAY;IAAE,CAC5C,CAAC,EAEDb,SAAS,CACNa,YAAY,EACZ,kBACJ,CAAC,iBACG3E,KAAA,CAAA4C,aAAA,CAAChB,YAAY,CAACmG,IAAI;MACdxB,IAAI,EAAE,QAAS;MACf5D,IAAI,eACA3C,KAAA,CAAA4C,aAAA,CAAChB,YAAY,CAACmG,IAAI,CAAClG,IAAI;QACnBU,KAAK,EAAE,QAAS;QAChByF,OAAO,eAAEhI,KAAA,CAAA4C,aAAA,CAAC7B,UAAU,MAAE;MAAE,CAC3B,CACJ;MACDuF,OAAO,EAAEA,CAAA,KAAM;QACXrC,mBAAmB,CAACU,YAAY,CAAC;MACrC,CAAE;MACF,eACI,iCACH;MACD7B,SAAS,EACL;IACH,CACJ,CAEK,CACG,CACR,CACH,CACR,CAAC;EAEvB,CAAC,CACK,CAEJ,CAAC,eACf9C,KAAA,CAAA4C,aAAA,CAAClB,sBAAsB;IACnBgB,KAAK,EAAEsB,gBAAiB;IACxBiE,OAAO,EAAEA,CAAA,KAAM;MACXhE,mBAAmB,CAAC,IAAI,CAAC;IAC7B;EAAE,CACL,CACH,CAAC;AAEX,CAAC;AAED,eAAehB,qBAAqB","ignoreList":[]}

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

package/admin/views/contentModels/NewContentModelDialog.js

@@ -1,209 +1,231 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRouter = require("@webiny/react-router");
-var _form = require("@webiny/form");
-var _Input = require("@webiny/ui/Input");
-var _Select = require("@webiny/ui/Select");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _Progress = require("@webiny/ui/Progress");
-var _validation = require("@webiny/validation");
-var _hooks = require("../../hooks");
-var _i18n = require("@webiny/app/i18n");
-var _Button = require("@webiny/ui/Button");
-var UID = _interopRequireWildcard(require("@webiny/ui/Dialog"));
-var _Grid = require("@webiny/ui/Grid");
-var _cache = require("./cache");
-var GQL = _interopRequireWildcard(require("../../viewsGraphql"));
-var _Dialog2 = require("../../components/Dialog");
-var _apiNameValidator = require("./helpers/apiNameValidator");
-var _nameValidator = require("./helpers/nameValidator");
-var _Checkbox = require("@webiny/ui/Checkbox");
-var _IconPicker = require("../../components/IconPicker");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-var t = _i18n.i18n.ns("app-headless-cms/admin/views/content-models/new-content-model-dialog");
-var NewContentModelDialog = function NewContentModelDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose;
-  var _React$useState = _react.default.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    loading = _React$useState2[0],
-    setLoading = _React$useState2[1];
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    history = _useRouter.history;
-  var client = (0, _hooks.useApolloClient)();
-  var _useMutation = (0, _hooks.useMutation)(GQL.CREATE_CONTENT_MODEL, {
-      onCompleted: function onCompleted(data) {
+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 { 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";
+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);
-        if (!data) {
-          showSnackbar("Missing data on Create Content Model Mutation Response.");
-          return;
-        }
-        var _data$createContentMo = data.createContentModel,
-          model = _data$createContentMo.data,
-          error = _data$createContentMo.error;
-        if (error) {
-          setLoading(false);
-          showSnackbar(error.message);
-          return;
-        }
-        history.push("/cms/content-models/" + model.modelId);
-      },
-      update: function update(cache, _ref2) {
-        var data = _ref2.data;
-        if (!data) {
-          return;
-        }
-        var _data$createContentMo2 = data.createContentModel,
-          model = _data$createContentMo2.data,
-          error = _data$createContentMo2.error;
-        if (error) {
-          return;
-        }
-        (0, _cache.addModelToListCache)(cache, model);
-        (0, _cache.addModelToGroupCache)(cache, model);
+        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;
       }
-    }),
-    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
-    createContentModel = _useMutation2[0];
-  var listMenuGroupsQuery = (0, _hooks.useQuery)(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
+      addModelToListCache(cache, model);
+      addModelToGroupCache(cache, model);
+    }
+  });
+  const listMenuGroupsQuery = useQuery(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
     skip: !open
   });
-  var groups = (0, _react.useMemo)(function () {
+  const groups = useMemo(() => {
     return listMenuGroupsQuery.data?.listContentModelGroups?.data || [];
   }, [listMenuGroupsQuery.data]);
-  var contentModelGroups = (0, _react.useMemo)(function () {
-    return groups.map(function (item) {
+  const contentModelGroups = useMemo(() => {
+    return groups.map(item => {
       return {
-        value: item.id,
+        value: item.slug,
         label: item.name
       };
     });
   }, [groups]);
-  var models = (0, _react.useMemo)(function () {
-    return groups.reduce(function (collection, group) {
-      collection.push.apply(collection, (0, _toConsumableArray2.default)(group.contentModels));
+  const models = useMemo(() => {
+    return groups.reduce((collection, group) => {
+      collection.push(...group.contentModels);
       return collection;
     }, []);
   }, [groups]);
-  var nameValidator = (0, _react.useCallback)((0, _nameValidator.createNameValidator)({
-    models: models
+  const nameValidator = useCallback(createNameValidator({
+    models
   }), [models]);
-  var apiNameValidator = (0, _react.useCallback)((0, _apiNameValidator.createApiNameValidator)({
-    client: client,
-    models: models
+  const apiNameValidator = useCallback(createApiNameValidator({
+    client,
+    models
   }), [client, models]);
-  var group = contentModelGroups.length > 0 ? contentModelGroups[0].value : null;
-  var _onSubmit = async function onSubmit(data) {
+  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
+        data: {
+          ...data,
+          tags
+        }
       }
     });
-  };
-  return /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
-    open: open,
-    onClose: onClose,
-    "data-testid": "cms-new-content-model-modal"
-  }, open && /*#__PURE__*/_react.default.createElement(_form.Form, {
+  }, [loading, createContentModel]);
+  return /*#__PURE__*/React.createElement(Form, {
     data: {
-      group: group
+      group,
+      singleEntry: false
     },
-    onSubmit: function onSubmit(data) {
-      /**
-       * We are positive that data is CmsModelData.
-       */
-      _onSubmit(data);
-    }
-  }, function (_ref3) {
-    var Bind = _ref3.Bind,
-      submit = _ref3.submit;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    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.default.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["New Content Model"])))), /*#__PURE__*/_react.default.createElement(UID.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }), /*#__PURE__*/React.createElement(ScrollArea, {
+      className: "max-h-[70vh] flex flex-col"
+    }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "name",
-      validators: [_validation.validation.create("required,maxLength:100"), nameValidator]
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
-      description: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["The name of the content model. Use the singular form, e.g. Author Category, not Author Categories."]))),
+      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.default.createElement(_Grid.Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "singularApiName",
-      validators: [_validation.validation.create("required,maxLength:100"), apiNameValidator]
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Singular API Name"]))),
-      description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["The API name of the content model. For example: AuthorCategory."]))),
+      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.default.createElement(_Grid.Cell, {
+    }))), /*#__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.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "pluralApiName",
-      validators: [_validation.validation.create("required,maxLength:100"), apiNameValidator]
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Plural API Name"]))),
-      description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["The plural API name of the content model. For example: AuthorCategories."]))),
+      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.default.createElement(_Grid.Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "group",
-      validators: _validation.validation.create("required")
-    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-      description: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
-      label: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Content model 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.default.createElement(_Grid.Cell, {
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "icon"
-    }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
-      label: t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Icon"]))),
-      description: t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Choose an icon to represent the model."])))
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }, /*#__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.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "description"
-    }, function (props) {
-      return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, props, {
-        rows: 4,
-        maxLength: 200,
-        characterCount: true,
-        label: t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
-        "data-testid": "cms.newcontentmodeldialog.description"
-      }));
-    })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }, 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.default.createElement(Bind, {
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "defaultFields",
       defaultValue: true
-    }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-      description: t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Create model with default title (text), description (long text) and image (file) fields"]))),
-      label: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["Create model with default fields"]))),
+    }, /*#__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"
-    }))))), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: function onClick(ev) {
-        submit(ev);
-      }
-    }, "+ ", t(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Create Model"]))))));
-  }));
+    })))))));
+  });
 };
-var _default = exports.default = NewContentModelDialog;
+export default NewContentModelDialog;
 
 //# sourceMappingURL=NewContentModelDialog.js.map