@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","SORTERS","label","sorters","ContentModelGroupsDataList","canCreate","useState","filter","setFilter","sort","setSort","useRouter","history","useSnackbar","showSnackbar","client","useApolloClient","listQuery","useQuery","GQL","LIST_CONTENT_MODEL_GROUPS","useConfirmationDialog","dataTestId","showConfirmation","usePermission","canDelete","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","data","loading","get","groupId","URLSearchParams","location","search","deleteItem","group","mutate","mutation","DELETE_CONTENT_MODEL_GROUP","variables","id","update","cache","error","deleteContentModelGroup","message","gqlParams","query","result","readQuery","listContentModelGroups","index","findIndex","item","writeQuery","dotProp","delete","response","push","contentModelGroupsDataListModalOverlay","useMemo","map","filteredData","contentModelGroups","contentModels","length","plugin"],"sources":["ContentModelGroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport get from \"lodash/get\";\nimport orderBy from \"lodash/orderBy\";\nimport dotProp from \"dot-prop-immutable\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport {\n    DataList,\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListActions,\n    DataListModalOverlay,\n    DataListModalOverlayAction\n} from \"@webiny/ui/List\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useApolloClient } from \"../../hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { deserializeSorters } from \"../utils\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ListCmsGroupsQueryResponse, CmsGroupWithModels } from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/data-list\");\n\ninterface Sort {\n    label: string;\n    sorters: string;\n}\nconst SORTERS: Sort[] = [\n    {\n        label: t`Newest to oldest`,\n        sorters: \"createdOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorters: \"createdOn_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 ContentModelGroupsDataListProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsDataList: React.FC<ContentModelGroupsDataListProps> = ({ canCreate }) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const client = useApolloClient();\n    const listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);\n\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms.contentModelGroup.list-item.delete-dialog\"\n    });\n    const { canDelete } = usePermission();\n\n    const filterData = useCallback(\n        ({ name }) => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const sortData = useCallback(\n        (list: CmsGroupWithModels[]): CmsGroupWithModels[] => {\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 data: CmsGroupWithModels[] = listQuery.loading\n        ? []\n        : get(listQuery, \"data.listContentModelGroups.data\", []);\n    const groupId = new URLSearchParams(location.search).get(\"id\");\n\n    const deleteItem = useCallback(\n        group => {\n            showConfirmation(async () => {\n                const response = await client.mutate({\n                    mutation: GQL.DELETE_CONTENT_MODEL_GROUP,\n                    variables: { id: group.id },\n                    update(cache, { data }) {\n                        const { error } = data.deleteContentModelGroup;\n                        if (error) {\n                            showSnackbar(error.message);\n                            return;\n                        }\n\n                        // Delete the item from list cache\n                        const gqlParams = { query: GQL.LIST_CONTENT_MODEL_GROUPS };\n                        const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n                        if (!result || !result.listContentModelGroups) {\n                            return;\n                        }\n                        const { listContentModelGroups } = result;\n                        const index = listContentModelGroups.data.findIndex(\n                            item => item.id === group.id\n                        );\n\n                        cache.writeQuery({\n                            ...gqlParams,\n                            data: {\n                                listContentModelGroups: dotProp.delete(\n                                    listContentModelGroups,\n                                    `data.${index}`\n                                )\n                            }\n                        });\n                    }\n                });\n\n                const { error } = response.data.deleteContentModelGroup;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Content model group \"{name}\" deleted.`({ name: group.name }));\n\n                if (groupId === group.id) {\n                    history.push(`/cms/content-model-groups`);\n                }\n            });\n        },\n        [groupId]\n    );\n\n    const contentModelGroupsDataListModalOverlay = useMemo(\n        () => (\n            <DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort groups 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            </DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? data : data.filter(filterData);\n    const contentModelGroups = sortData(filteredData);\n\n    return (\n        <DataList\n            loading={listQuery.loading}\n            data={contentModelGroups}\n            title={t`Content Model Groups`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary\n                        data-testid=\"new-record-button\"\n                        onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                    >\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content model group`}\n                />\n            }\n            modalOverlay={contentModelGroupsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data }: { data: CmsGroupWithModels[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <ListItem key={item.id} selected={item.id === groupId}>\n                            <ListItemText\n                                onClick={() =>\n                                    history.push(`/cms/content-model-groups?id=${item.id}`)\n                                }\n                            >\n                                {item.name}\n                                <ListItemTextSecondary>\n                                    {item.contentModels.length\n                                        ? t`{contentModels|count:1:content model:default:content models}`(\n                                              {\n                                                  contentModels: item.contentModels.length\n                                              }\n                                          )\n                                        : t`No content models`}\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            {canDelete(item, \"cms.contentModelGroup\") && (\n                                <ListItemMeta>\n                                    <ListActions>\n                                        {item.plugin ? (\n                                            <Tooltip\n                                                content={\n                                                    \"Content model group is registered via a plugin.\"\n                                                }\n                                                placement={\"bottom\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\n                                                        \"cms.contentModelGroup.list-item.delete\"\n                                                    }\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <DeleteIcon\n                                                onClick={() => deleteItem(item)}\n                                                data-testid={\n                                                    \"cms.contentModelGroup.list-item.delete\"\n                                                }\n                                            />\n                                        )}\n                                    </ListActions>\n                                </ListItemMeta>\n                            )}\n                        </ListItem>\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n};\n\nexport default ContentModelGroupsDataList;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_orderBy","_dotPropImmutable","_i18n","_icons","_List","_reactRouter","_useSnackbar2","_hooks","_useConfirmationDialog","GQL","_Button","_Grid","_Select","_SearchUI","_add18px","_filter24px","_utils","_usePermission2","_Tooltip","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","t","i18n","ns","SORTERS","label","_taggedTemplateLiteral2","default","sorters","ContentModelGroupsDataList","_ref","canCreate","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","sort","setSort","_useRouter","useRouter","history","_useSnackbar","useSnackbar","showSnackbar","client","useApolloClient","listQuery","useQuery","LIST_CONTENT_MODEL_GROUPS","_useConfirmationDialo","useConfirmationDialog","dataTestId","showConfirmation","_usePermission","usePermission","canDelete","filterData","useCallback","_ref2","name","toLowerCase","includes","sortData","list","_deserializeSorters","deserializeSorters","_deserializeSorters2","sortField","sortOrderBy","orderBy","data","loading","get","groupId","URLSearchParams","location","search","deleteItem","group","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","response","error","wrap","_callee$","_context","prev","next","mutate","mutation","DELETE_CONTENT_MODEL_GROUP","variables","id","update","cache","_ref4","deleteContentModelGroup","message","gqlParams","query","result","readQuery","listContentModelGroups","index","findIndex","item","writeQuery","_objectSpread2","dotProp","delete","concat","sent","abrupt","push","stop","contentModelGroupsDataListModalOverlay","useMemo","createElement","DataListModalOverlay","Grid","Cell","span","Select","value","onChange","description","map","_ref5","key","filteredData","contentModelGroups","onRefreshClick","refetch","DataList","title","actions","ButtonSecondary","onClick","ButtonIcon","icon","ReactComponent","inputPlaceholder","modalOverlay","modalOverlayAction","DataListModalOverlayAction","refresh","_ref6","List","ListItem","selected","ListItemText","ListItemTextSecondary","contentModels","length","ListItemMeta","ListActions","plugin","Tooltip","content","placement","DeleteIcon","disabled","_default","exports"],"sources":["ContentModelGroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport get from \"lodash/get\";\nimport orderBy from \"lodash/orderBy\";\nimport dotProp from \"dot-prop-immutable\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport {\n    DataList,\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListActions,\n    DataListModalOverlay,\n    DataListModalOverlayAction\n} from \"@webiny/ui/List\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useApolloClient } from \"../../hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { deserializeSorters } from \"../utils\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ListCmsGroupsQueryResponse, CmsGroupWithModels } from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/data-list\");\n\ninterface Sort {\n    label: string;\n    sorters: string;\n}\nconst SORTERS: Sort[] = [\n    {\n        label: t`Newest to oldest`,\n        sorters: \"createdOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorters: \"createdOn_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 ContentModelGroupsDataListProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsDataList: React.FC<ContentModelGroupsDataListProps> = ({ canCreate }) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const client = useApolloClient();\n    const listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);\n\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms.contentModelGroup.list-item.delete-dialog\"\n    });\n    const { canDelete } = usePermission();\n\n    const filterData = useCallback(\n        ({ name }) => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const sortData = useCallback(\n        (list: CmsGroupWithModels[]): CmsGroupWithModels[] => {\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 data: CmsGroupWithModels[] = listQuery.loading\n        ? []\n        : get(listQuery, \"data.listContentModelGroups.data\", []);\n    const groupId = new URLSearchParams(location.search).get(\"id\");\n\n    const deleteItem = useCallback(\n        group => {\n            showConfirmation(async () => {\n                const response = await client.mutate({\n                    mutation: GQL.DELETE_CONTENT_MODEL_GROUP,\n                    variables: { id: group.id },\n                    update(cache, { data }) {\n                        const { error } = data.deleteContentModelGroup;\n                        if (error) {\n                            showSnackbar(error.message);\n                            return;\n                        }\n\n                        // Delete the item from list cache\n                        const gqlParams = { query: GQL.LIST_CONTENT_MODEL_GROUPS };\n                        const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n                        if (!result || !result.listContentModelGroups) {\n                            return;\n                        }\n                        const { listContentModelGroups } = result;\n                        const index = listContentModelGroups.data.findIndex(\n                            item => item.id === group.id\n                        );\n\n                        cache.writeQuery({\n                            ...gqlParams,\n                            data: {\n                                listContentModelGroups: dotProp.delete(\n                                    listContentModelGroups,\n                                    `data.${index}`\n                                )\n                            }\n                        });\n                    }\n                });\n\n                const { error } = response.data.deleteContentModelGroup;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Content model group \"{name}\" deleted.`({ name: group.name }));\n\n                if (groupId === group.id) {\n                    history.push(`/cms/content-model-groups`);\n                }\n            });\n        },\n        [groupId]\n    );\n\n    const contentModelGroupsDataListModalOverlay = useMemo(\n        () => (\n            <DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort groups 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            </DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? data : data.filter(filterData);\n    const contentModelGroups = sortData(filteredData);\n\n    const onRefreshClick = useCallback(() => {\n        listQuery.refetch();\n    }, []);\n\n    return (\n        <DataList\n            loading={listQuery.loading}\n            data={contentModelGroups}\n            title={t`Content Model Groups`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary\n                        data-testid=\"new-record-button\"\n                        onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                    >\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content model group`}\n                />\n            }\n            modalOverlay={contentModelGroupsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n            refresh={onRefreshClick}\n        >\n            {({ data }: { data: CmsGroupWithModels[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <ListItem key={item.id} selected={item.id === groupId}>\n                            <ListItemText\n                                onClick={() =>\n                                    history.push(`/cms/content-model-groups?id=${item.id}`)\n                                }\n                            >\n                                {item.name}\n                                <ListItemTextSecondary>\n                                    {item.contentModels.length\n                                        ? t`{contentModels|count:1:content model:default:content models}`(\n                                              {\n                                                  contentModels: item.contentModels.length\n                                              }\n                                          )\n                                        : t`No content models`}\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            {canDelete(item, \"cms.contentModelGroup\") && (\n                                <ListItemMeta>\n                                    <ListActions>\n                                        {item.plugin ? (\n                                            <Tooltip\n                                                content={\n                                                    \"Content model group is registered via a plugin.\"\n                                                }\n                                                placement={\"bottom\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\n                                                        \"cms.contentModelGroup.list-item.delete\"\n                                                    }\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <DeleteIcon\n                                                onClick={() => deleteItem(item)}\n                                                data-testid={\n                                                    \"cms.contentModelGroup.list-item.delete\"\n                                                }\n                                            />\n                                        )}\n                                    </ListActions>\n                                </ListItemMeta>\n                            )}\n                        </ListItem>\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n};\n\nexport default ContentModelGroupsDataList;\n"],"mappings":"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"}

package/admin/views/contentModelGroups/ContentModelGroupsForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","ButtonWrapper","styled","display","justifyContent","ContentModelGroupsForm","canCreate","useRouter","location","history","useSnackbar","showSnackbar","usePermission","canEdit","newEntry","URLSearchParams","search","get","id","getQuery","useQuery","GQL","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","useMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","create","createMutation","UPDATE_CONTENT_MODEL_GROUP","updateMutation","loading","find","item","createOperation","useCallback","group","name","description","icon","onSubmit","response","showEmptyView","isEmpty","form","Bind","validation","plugin","ev","submit"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm: React.FC<ContentModelGroupsFormProps> = ({ canCreate }) => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    history.push(\"/cms/content-model-group\");\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    variables: {\n                        data: {\n                            name: group.name,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                history.push(`/cms/content-model-groups?id=${data.id}`);\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup | null = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <ButtonDefault\n                            data-testid=\"new-record-button\"\n                            onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                        >\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                        </ButtonDefault>\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <CircularProgress />}\n                    <SimpleFormContent>\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind\n                                    name=\"name\"\n                                    validators={validation.create(\"required,maxLength:100\")}\n                                >\n                                    <Input data-testid={\"cms.form.group.name\"} label={t`Name`} />\n                                </Bind>\n                            </Cell>\n\n                            <Cell span={12}>\n                                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                                    <IconPicker\n                                        label={t`Group icon`}\n                                        description={t`Icon that will be displayed in the main menu.`}\n                                    />\n                                </Bind>\n                            </Cell>\n                            <Cell span={12}>\n                                <Bind name=\"description\">\n                                    <Input\n                                        data-testid={\"cms.form.group.description\"}\n                                        rows={5}\n                                        label={t`Description`}\n                                    />\n                                </Bind>\n                            </Cell>\n                        </Grid>\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <ButtonWrapper>\n                            <ButtonDefault\n                                onClick={() => history.push(\"/cms/content-model-groups\")}\n                            >{t`Cancel`}</ButtonDefault>\n\n                            {canEdit(data, \"cms.contentModelGroup\") && (\n                                <React.Fragment>\n                                    {!data.plugin ? (\n                                        <ButtonPrimary\n                                            onClick={ev => {\n                                                form.submit(ev);\n                                            }}\n                                            data-testid={\"cms.form.group.submit\"}\n                                        >{t`Save content model group`}</ButtonPrimary>\n                                    ) : (\n                                        <Tooltip\n                                            content={\n                                                \"Content model group is registered via a plugin.\"\n                                            }\n                                            placement={\"bottom\"}\n                                        >\n                                            <ButtonPrimary\n                                                disabled\n                                            >{t`Save content model group`}</ButtonPrimary>\n                                        </Tooltip>\n                                    )}\n                                </React.Fragment>\n                            )}\n                        </ButtonWrapper>\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_isEmpty","_get","_form","_Grid","_Input","_Button","_Progress","_i18n","_validation","_SimpleForm","_IconPicker","_reactRouter","_useSnackbar2","_EmptyView","_add18px","_hooks","GQL","_usePermission2","_Tooltip","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","t","i18n","ns","ButtonWrapper","styled","target","label","display","justifyContent","ContentModelGroupsForm","_ref","canCreate","_useRouter","useRouter","location","history","_useSnackbar","useSnackbar","showSnackbar","_usePermission","usePermission","canEdit","newEntry","URLSearchParams","search","get","id","getQuery","useQuery","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","_useMutation","useMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","_ref2","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","_objectSpread2","default","concat","_toConsumableArray2","_useMutation2","_slicedToArray2","create","createMutation","_useMutation3","UPDATE_CONTENT_MODEL_GROUP","_useMutation4","updateMutation","loading","find","item","createOperation","useCallback","group","name","description","icon","onSubmit","_ref3","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","response","_response$data$conten","wrap","_callee$","_context","prev","next","sent","abrupt","_taggedTemplateLiteral2","stop","_x","apply","arguments","showEmptyView","isEmpty","createElement","title","action","ButtonDefault","onClick","ButtonIcon","ReactComponent","Fragment","Form","_ref4","form","Bind","SimpleForm","SimpleFormHeader","CircularProgress","SimpleFormContent","Grid","Cell","span","validators","validation","Input","IconPicker","rows","SimpleFormFooter","plugin","ButtonPrimary","ev","submit","Tooltip","content","placement","disabled","_default","exports"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm: React.FC<ContentModelGroupsFormProps> = ({ canCreate }) => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    history.push(\"/cms/content-model-group\");\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    variables: {\n                        data: {\n                            name: group.name,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                history.push(`/cms/content-model-groups?id=${data.id}`);\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup | null = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <ButtonDefault\n                            data-testid=\"new-record-button\"\n                            onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                        >\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                        </ButtonDefault>\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <CircularProgress />}\n                    <SimpleFormContent>\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind\n                                    name=\"name\"\n                                    validators={validation.create(\"required,maxLength:100\")}\n                                >\n                                    <Input data-testid={\"cms.form.group.name\"} label={t`Name`} />\n                                </Bind>\n                            </Cell>\n\n                            <Cell span={12}>\n                                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                                    <IconPicker\n                                        label={t`Group icon`}\n                                        description={t`Icon that will be displayed in the main menu.`}\n                                    />\n                                </Bind>\n                            </Cell>\n                            <Cell span={12}>\n                                <Bind name=\"description\">\n                                    <Input\n                                        data-testid={\"cms.form.group.description\"}\n                                        rows={5}\n                                        label={t`Description`}\n                                    />\n                                </Bind>\n                            </Cell>\n                        </Grid>\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <ButtonWrapper>\n                            <ButtonDefault\n                                onClick={() => history.push(\"/cms/content-model-groups\")}\n                            >{t`Cancel`}</ButtonDefault>\n\n                            {canEdit(data, \"cms.contentModelGroup\") && (\n                                <React.Fragment>\n                                    {!data.plugin ? (\n                                        <ButtonPrimary\n                                            onClick={ev => {\n                                                form.submit(ev);\n                                            }}\n                                            data-testid={\"cms.form.group.submit\"}\n                                        >{t`Save content model group`}</ButtonPrimary>\n                                    ) : (\n                                        <Tooltip\n                                            content={\n                                                \"Content model group is registered via a plugin.\"\n                                            }\n                                            placement={\"bottom\"}\n                                        >\n                                            <ButtonPrimary\n                                                disabled\n                                            >{t`Save content model group`}</ButtonPrimary>\n                                        </Tooltip>\n                                    )}\n                                </React.Fragment>\n                            )}\n                        </ButtonWrapper>\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"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"}

package/admin/views/contentModelGroups/graphql.js

@@ -10,6 +10,12 @@ var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var ERROR_FIELS = "\n    message\n    code\n    data\n";
 var fields = "\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n";
+
+/**
+ * ############################
+ * List groups with basic models info Query
+ */
+
 var LIST_CONTENT_MODEL_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
 /**
  * ############################

package/admin/views/contentModelGroups/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","gql","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAG9B,IAAMA,WAAW,wCAIhB;AACD,IAAMC,MAAM,gKAaX;AAeM,IAAMC,yBAAyB,OAAGC,mBAAG,gZAI1BF,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAaO,IAAMI,uBAAuB,OAAGD,mBAAG,wUAIxBF,MAAM,EAGND,WAAW,CAI5B;;AAED;AACA;AACA;AACA;AAHA;AAcO,IAAMK,0BAA0B,OAAGF,mBAAG,ydAI3BF,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAeO,IAAMM,0BAA0B,OAAGH,mBAAG,iYAI3BF,MAAM,EAGND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAaO,IAAMO,0BAA0B,OAAGJ,mBAAG,wRAK3BH,WAAW,CAI5B;AAAC"}
+{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","gql","_taggedTemplateLiteral2","default","exports","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAG9B,IAAMC,WAAW,wCAIhB;AACD,IAAMC,MAAM,gKAaX;;AAKD;AACA;AACA;AACA;;AAOO,IAAMC,yBAAyB,OAAGC,mBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,CAAAC,OAAA,qUAI1BJ,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHAM,OAAA,CAAAJ,yBAAA,GAAAA,yBAAA;AAaO,IAAMK,uBAAuB,OAAGJ,mBAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,uBAAA,CAAAC,OAAA,2PAIxBJ,MAAM,EAGND,WAAW,CAI5B;;AAED;AACA;AACA;AACA;AAHAM,OAAA,CAAAC,uBAAA,GAAAA,uBAAA;AAcO,IAAMC,0BAA0B,OAAGL,mBAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,uBAAA,CAAAC,OAAA,4YAI3BJ,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHAM,OAAA,CAAAE,0BAAA,GAAAA,0BAAA;AAeO,IAAMC,0BAA0B,OAAGN,mBAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,CAAAC,OAAA,oTAI3BJ,MAAM,EAGND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHAM,OAAA,CAAAG,0BAAA,GAAAA,0BAAA;AAaO,IAAMC,0BAA0B,OAAGP,mBAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,CAAAC,OAAA,2MAK3BL,WAAW,CAI5B;AAACM,OAAA,CAAAI,0BAAA,GAAAA,0BAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","onClose","contentModel","closeModal","useState","loading","setLoading","useSnackbar","showSnackbar","useRouter","history","useI18N","getLocales","getCurrentLocale","setCurrentLocale","client","useApolloClient","currentLocale","locale","setLocale","setGroups","models","setModels","useMutation","CREATE_CONTENT_MODEL_FROM","onError","error","message","update","cache","response","data","createContentModelFrom","window","location","reload","addModelToListCache","addModelToGroupCache","push","locales","map","code","label","listMenuGroupsQuery","useQueryLocale","LIST_MENU_CONTENT_GROUPS_MODELS","useEffect","options","items","listContentModelGroups","item","name","contentModels","selectedGroup","nameValidator","useCallback","createNameValidator","apiNameValidator","createApiNameValidator","variables","modelId","Bind","submit","validation","create","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { validation } from \"@webiny/validation\";\nimport { useApolloClient, useMutation, useQueryLocale } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport { CmsModel } from \"~/types\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport {\n    CREATE_CONTENT_MODEL_FROM,\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroupOption } from \"~/admin/views/contentModels/types\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\ninterface Props {\n    onClose: UID.DialogOnClose;\n    contentModel: CmsModel;\n    closeModal: () => void;\n}\n\nconst getSelectedGroup = (groups: CmsGroupOption[] | null, model: CmsModel): string | null => {\n    if (!groups || groups.length === 0 || !model) {\n        return \"\";\n    }\n    const current = model.group.id;\n    const group = groups.find(g => g.value === current);\n    if (group) {\n        return group.value;\n    }\n    const defaultSelected = groups.find(() => true);\n    return defaultSelected ? defaultSelected.value : null;\n};\n\nexport const CloneContentModelDialog: React.FC<Props> = ({ onClose, contentModel, closeModal }) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { getLocales, getCurrentLocale, setCurrentLocale } = useI18N();\n    const client = useApolloClient();\n\n    const currentLocale = getCurrentLocale(\"content\");\n    const [locale, setLocale] = useState<string>(currentLocale || \"\");\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n    const [models, setModels] = useState<CmsModel[]>([]);\n\n    const [createContentModelFrom] = useMutation<\n        CreateCmsModelFromMutationResponse,\n        CreateCmsModelFromMutationVariables\n    >(CREATE_CONTENT_MODEL_FROM, {\n        onError(error) {\n            setLoading(false);\n            showSnackbar(error.message);\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showSnackbar(`Missing data on Create Content Model From Mutation Response.`);\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            if (currentLocale !== locale) {\n                setCurrentLocale(locale, \"content\");\n                window.location.reload();\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\");\n            closeModal();\n        }\n    });\n\n    const locales = getLocales().map(({ code }) => {\n        return {\n            value: code,\n            label: code === currentLocale ? `Current locale (${code})` : code\n        };\n    });\n\n    const listMenuGroupsQuery = useQueryLocale<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS,\n        locale\n    );\n\n    useEffect(() => {\n        if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {\n            return;\n        }\n        const options: CmsGroupOption[] = [];\n        const models: CmsModel[] = [];\n        const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];\n        for (const item of items) {\n            options.push({\n                value: item.id,\n                label: item.name\n            });\n            models.push(...item.contentModels);\n        }\n        setGroups(options);\n        setModels(models);\n    }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [client, models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    return (\n        <Dialog open={true} onClose={onClose} data-testid=\"cms-clone-content-model-modal\">\n            {!groups && (\n                <CircularProgress label={\"Please wait while we load required information.\"} />\n            )}\n\n            <Form\n                data={{\n                    group: selectedGroup,\n                    locale,\n                    name: contentModel.name\n                }}\n                onSubmit={data => {\n                    setLoading(true);\n                    createContentModelFrom({\n                        variables: {\n                            modelId: contentModel.modelId,\n                            /**\n                             * We know that data is CmsModel\n                             */\n                            data: data as unknown as CmsModel\n                        }\n                    });\n                }}\n            >\n                {({ Bind, submit }) => (\n                    <>\n                        {loading && <CircularProgress />}\n                        <UID.DialogTitle>{t`Clone Content Model`}</UID.DialogTitle>\n                        <UID.DialogContent>\n                            <Grid>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            nameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Name`}\n                                            description={t`The name of the content model`}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"locale\"}\n                                        validators={validation.create(\"required\")}\n                                        afterChange={(value?: string) => {\n                                            if (!value) {\n                                                return;\n                                            }\n                                            setLocale(value);\n                                            setGroups(null);\n                                        }}\n                                    >\n                                        <Select\n                                            description={t`Choose a locale into which you wish to clone the model`}\n                                            label={t`Content model locale`}\n                                            options={locales}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"singularApiName\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            apiNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Singular API Name`}\n                                            description={t`The API name of the content model. For example: AuthorCategory.`}\n                                            data-testid=\"cms.newcontentmodeldialog.singularApiName\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"pluralApiName\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            apiNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Plural API Name`}\n                                            description={t`The plural API name of the content model. For example: AuthorCategories.`}\n                                            data-testid=\"cms.newcontentmodeldialog.pluralApiName\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                                        <Select\n                                            description={t`Choose a content model group`}\n                                            label={t`Content model group`}\n                                            options={groups || []}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name=\"icon\">\n                                        <IconPicker\n                                            label={t`Icon`}\n                                            description={t`Choose an icon to represent the model.`}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name=\"description\">\n                                        <Input\n                                            rows={4}\n                                            maxLength={200}\n                                            characterCount\n                                            label={t`Description`}\n                                        />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </UID.DialogContent>\n                        <UID.DialogActions>\n                            <ButtonDefault\n                                onClick={ev => {\n                                    submit(ev);\n                                }}\n                            >\n                                + {t`Clone`}\n                            </ButtonDefault>\n                        </UID.DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","UID","_reactRouter","_form","_Input","_Select","_useSnackbar2","_Progress","_validation","_hooks","_i18n","_Button","_Grid","_cache","_useI18N2","_viewsGraphql","_Dialog2","_nameValidator","_apiNameValidator","_IconPicker","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","t","i18n","ns","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","_ref","onClose","contentModel","closeModal","_useState","useState","_useState2","_slicedToArray2","default","loading","setLoading","_useSnackbar","useSnackbar","showSnackbar","_useRouter","useRouter","history","_useI18N","useI18N","getLocales","getCurrentLocale","setCurrentLocale","client","useApolloClient","currentLocale","_useState3","_useState4","locale","setLocale","_useState5","_useState6","setGroups","_useState7","_useState8","models","setModels","_useMutation","useMutation","CREATE_CONTENT_MODEL_FROM","onError","error","message","update","cache","response","data","_response$data$create","createContentModelFrom","window","location","reload","addModelToListCache","addModelToGroupCache","push","_useMutation2","locales","map","_ref2","code","label","concat","listMenuGroupsQuery","useQueryLocale","LIST_MENU_CONTENT_GROUPS_MODELS","useEffect","options","items","listContentModelGroups","_iterator","_createForOfIteratorHelper2","_step","s","n","done","item","name","apply","_toConsumableArray2","contentModels","err","e","f","selectedGroup","nameValidator","useCallback","createNameValidator","apiNameValidator","createApiNameValidator","createElement","Dialog","open","CircularProgress","Form","onSubmit","variables","modelId","_ref3","Bind","submit","Fragment","DialogTitle","_taggedTemplateLiteral2","DialogContent","Grid","Cell","span","validators","validation","create","Input","description","afterChange","Select","IconPicker","rows","maxLength","characterCount","DialogActions","ButtonDefault","onClick","ev","exports"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { validation } from \"@webiny/validation\";\nimport { useApolloClient, useMutation, useQueryLocale } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport { CmsModel } from \"~/types\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport {\n    CREATE_CONTENT_MODEL_FROM,\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroupOption } from \"~/admin/views/contentModels/types\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\ninterface Props {\n    onClose: UID.DialogOnClose;\n    contentModel: CmsModel;\n    closeModal: () => void;\n}\n\nconst getSelectedGroup = (groups: CmsGroupOption[] | null, model: CmsModel): string | null => {\n    if (!groups || groups.length === 0 || !model) {\n        return \"\";\n    }\n    const current = model.group.id;\n    const group = groups.find(g => g.value === current);\n    if (group) {\n        return group.value;\n    }\n    const defaultSelected = groups.find(() => true);\n    return defaultSelected ? defaultSelected.value : null;\n};\n\nexport const CloneContentModelDialog: React.FC<Props> = ({ onClose, contentModel, closeModal }) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { getLocales, getCurrentLocale, setCurrentLocale } = useI18N();\n    const client = useApolloClient();\n\n    const currentLocale = getCurrentLocale(\"content\");\n    const [locale, setLocale] = useState<string>(currentLocale || \"\");\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n    const [models, setModels] = useState<CmsModel[]>([]);\n\n    const [createContentModelFrom] = useMutation<\n        CreateCmsModelFromMutationResponse,\n        CreateCmsModelFromMutationVariables\n    >(CREATE_CONTENT_MODEL_FROM, {\n        onError(error) {\n            setLoading(false);\n            showSnackbar(error.message);\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showSnackbar(`Missing data on Create Content Model From Mutation Response.`);\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            if (currentLocale !== locale) {\n                setCurrentLocale(locale, \"content\");\n                window.location.reload();\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\");\n            closeModal();\n        }\n    });\n\n    const locales = getLocales().map(({ code }) => {\n        return {\n            value: code,\n            label: code === currentLocale ? `Current locale (${code})` : code\n        };\n    });\n\n    const listMenuGroupsQuery = useQueryLocale<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS,\n        locale\n    );\n\n    useEffect(() => {\n        if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {\n            return;\n        }\n        const options: CmsGroupOption[] = [];\n        const models: CmsModel[] = [];\n        const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];\n        for (const item of items) {\n            options.push({\n                value: item.id,\n                label: item.name\n            });\n            models.push(...item.contentModels);\n        }\n        setGroups(options);\n        setModels(models);\n    }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [client, models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    return (\n        <Dialog open={true} onClose={onClose} data-testid=\"cms-clone-content-model-modal\">\n            {!groups && (\n                <CircularProgress label={\"Please wait while we load required information.\"} />\n            )}\n\n            <Form\n                data={{\n                    group: selectedGroup,\n                    locale,\n                    name: contentModel.name\n                }}\n                onSubmit={data => {\n                    setLoading(true);\n                    createContentModelFrom({\n                        variables: {\n                            modelId: contentModel.modelId,\n                            /**\n                             * We know that data is CmsModel\n                             */\n                            data: data as unknown as CmsModel\n                        }\n                    });\n                }}\n            >\n                {({ Bind, submit }) => (\n                    <>\n                        {loading && <CircularProgress />}\n                        <UID.DialogTitle>{t`Clone Content Model`}</UID.DialogTitle>\n                        <UID.DialogContent>\n                            <Grid>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            nameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Name`}\n                                            description={t`The name of the content model`}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"locale\"}\n                                        validators={validation.create(\"required\")}\n                                        afterChange={(value?: string) => {\n                                            if (!value) {\n                                                return;\n                                            }\n                                            setLocale(value);\n                                            setGroups(null);\n                                        }}\n                                    >\n                                        <Select\n                                            description={t`Choose a locale into which you wish to clone the model`}\n                                            label={t`Content model locale`}\n                                            options={locales}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"singularApiName\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            apiNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Singular API Name`}\n                                            description={t`The API name of the content model. For example: AuthorCategory.`}\n                                            data-testid=\"cms.newcontentmodeldialog.singularApiName\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"pluralApiName\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            apiNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Plural API Name`}\n                                            description={t`The plural API name of the content model. For example: AuthorCategories.`}\n                                            data-testid=\"cms.newcontentmodeldialog.pluralApiName\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                                        <Select\n                                            description={t`Choose a content model group`}\n                                            label={t`Content model group`}\n                                            options={groups || []}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name=\"icon\">\n                                        <IconPicker\n                                            label={t`Icon`}\n                                            description={t`Choose an icon to represent the model.`}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name=\"description\">\n                                        <Input\n                                            rows={4}\n                                            maxLength={200}\n                                            characterCount\n                                            label={t`Description`}\n                                        />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </UID.DialogContent>\n                        <UID.DialogActions>\n                            <ButtonDefault\n                                onClick={ev => {\n                                    submit(ev);\n                                }}\n                            >\n                                + {t`Clone`}\n                            </ButtonDefault>\n                        </UID.DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["ContentModelEditorView","useRouter","params","useCms","apolloClient","modelId","HTML5Backend"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor } from \"~/admin/components/ContentModelEditor/Editor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor\";\nimport { CmsModel } from \"~/types\";\n\ntype QueryMatch = Pick<Partial<CmsModel>, \"modelId\">;\n\nconst ContentModelEditorView: React.FC = () => {\n    const { params } = useRouter();\n    const { apolloClient } = useCms();\n\n    const { modelId } = (params ? params : {}) as QueryMatch;\n    if (!apolloClient) {\n        return null;\n    }\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <Editor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,IAAMA,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAC3C,iBAAmB,IAAAC,sBAAS,GAAE;IAAtBC,MAAM,cAANA,MAAM;EACd,cAAyB,IAAAC,aAAM,GAAE;IAAzBC,YAAY,WAAZA,YAAY;EAEpB,WAAqBF,MAAM,GAAGA,MAAM,GAAG,CAAC,CAAC;IAAjCG,OAAO,QAAPA,OAAO;EACf,IAAI,CAACD,YAAY,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBACI,6BAAC,8CAA0B;IAAC,GAAG,EAAEC,OAAQ;IAAC,YAAY,EAAED,YAAa;IAAC,OAAO,EAAEC;EAAQ,gBACnF,6BAAC,qBAAW;IAAC,OAAO,EAAEC;EAAa,gBAC/B,6BAAC,cAAM,OAAG,CACA,CACW;AAErC,CAAC;AAAC,eACaN,sBAAsB;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDndHtml5Backend","_reactDnd","_Editor","_reactRouter","_hooks","_ContentModelEditor","ContentModelEditorView","_useRouter","useRouter","params","_useCms","useCms","apolloClient","_ref","modelId","default","createElement","ContentModelEditorProvider","key","DndProvider","backend","HTML5Backend","Editor","_default","exports"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor } from \"~/admin/components/ContentModelEditor/Editor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor\";\nimport { CmsModel } from \"~/types\";\n\ntype QueryMatch = Pick<Partial<CmsModel>, \"modelId\">;\n\nconst ContentModelEditorView: React.FC = () => {\n    const { params } = useRouter();\n    const { apolloClient } = useCms();\n\n    const { modelId } = (params ? params : {}) as QueryMatch;\n    if (!apolloClient) {\n        return null;\n    }\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <Editor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAKA,IAAMO,sBAAgC,GAAG,SAAnCA,sBAAgCA,CAAA,EAAS;EAC3C,IAAAC,UAAA,GAAmB,IAAAC,sBAAS,EAAC,CAAC;IAAtBC,MAAM,GAAAF,UAAA,CAANE,MAAM;EACd,IAAAC,OAAA,GAAyB,IAAAC,aAAM,EAAC,CAAC;IAAzBC,YAAY,GAAAF,OAAA,CAAZE,YAAY;EAEpB,IAAAC,IAAA,GAAqBJ,MAAM,GAAGA,MAAM,GAAG,CAAC,CAAC;IAAjCK,OAAO,GAAAD,IAAA,CAAPC,OAAO;EACf,IAAI,CAACF,YAAY,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBACIf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,mBAAA,CAAAY,0BAA0B;IAACC,GAAG,EAAEJ,OAAQ;IAACF,YAAY,EAAEA,YAAa;IAACE,OAAO,EAAEA;EAAQ,gBACnFjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAkB,WAAW;IAACC,OAAO,EAAEC;EAAa,gBAC/BxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAoB,MAAM,MAAE,CACA,CACW,CAAC;AAErC,CAAC;AAAC,IAAAC,QAAA,GACajB,sBAAsB;AAAAkB,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["grid","css","padding","backgroundColor","gridGap","centeredContent","display","flexDirection","height","overflow","maxHeight","ContentModels","React","useState","newContentModelDialogOpened","openNewContentModelDialog","cloneContentModel","setCloneContentModel","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes","closeModal","useCallback","onCreate","onClose","onClone","contentModel","onCloneClose"],"sources":["ContentModels.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { CloneContentModelDialog } from \"./CloneContentModelDialog\";\nimport NewContentModelDialog from \"./NewContentModelDialog\";\nimport ContentModelsDataList from \"./ContentModelsDataList\";\nimport { css } from \"emotion\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst centeredContent = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst ContentModels: React.FC = () => {\n    const [newContentModelDialogOpened, openNewContentModelDialog] = React.useState(false);\n\n    const [cloneContentModel, setCloneContentModel] = React.useState<CmsModel | null>(null);\n\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModel\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    const closeModal = useCallback(() => {\n        setCloneContentModel(null);\n    }, []);\n\n    const onCreate = useCallback((): void => openNewContentModelDialog(true), []);\n    const onClose = useCallback((): void => openNewContentModelDialog(false), []);\n    const onClone = useCallback(\n        (contentModel: CmsModel): void => setCloneContentModel(contentModel),\n        []\n    );\n    const onCloneClose = useCallback((): void => setCloneContentModel(null), []);\n\n    return (\n        <>\n            <NewContentModelDialog open={newContentModelDialogOpened} onClose={onClose} />\n            {cloneContentModel && (\n                <CloneContentModelDialog\n                    contentModel={cloneContentModel}\n                    onClose={onCloneClose}\n                    closeModal={closeModal}\n                />\n            )}\n            <Grid className={grid}>\n                <Cell span={3} />\n                <Cell span={6} className={centeredContent}>\n                    <ContentModelsDataList\n                        canCreate={canCreate}\n                        onCreate={onCreate}\n                        onClone={onClone}\n                    />\n                </Cell>\n                <Cell span={3} />\n            </Grid>\n        </>\n    );\n};\n\nexport default ContentModels;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA,IAAMA,IAAI,gBAAG,IAAAC,YAAG,EAAC;EACb,mBAAmB,EAAE;IACjBC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE,6BAA6B;IAC9C,0BAA0B,EAAE;MACxBC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC,gBAAC;AAEF,IAAMC,eAAe,gBAAG,IAAAJ,YAAG,EAAC;EACxBE,eAAe,EAAE,0BAA0B;EAC3C,oBAAoB,EAAE;IAClBG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,MAAM,EAAE,oBAAoB;IAC5B,WAAW,EAAE;MACTC,QAAQ,EAAE;IACd;EACJ,CAAC;EACD,YAAY,EAAE;IACVH,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBG,SAAS,EAAE,oBAAoB;IAC/BD,QAAQ,EAAE;EACd;AACJ,CAAC,2BAAC;AAEF,IAAME,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClC,sBAAiEC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA/EC,2BAA2B;IAAEC,yBAAyB;EAE7D,uBAAkDH,cAAK,CAACC,QAAQ,CAAkB,IAAI,CAAC;IAAA;IAAhFG,iBAAiB;IAAEC,oBAAoB;EAE9C,mBAAoC,IAAAC,wBAAW,GAAE;IAAzCC,QAAQ,gBAARA,QAAQ;IAAEC,aAAa,gBAAbA,aAAa;EAE/B,IAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,YAAe;IACrC,IAAMC,UAAU,GAAGH,aAAa,CAAwB,kBAAkB,CAAC;IAC3E,IAAI,CAACG,UAAU,EAAE;MACb,OAAO,KAAK;IAChB;IAEA,IAAI,OAAOA,UAAU,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpC,OAAO,IAAI;IACf;IAEA,OAAOD,UAAU,CAACC,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC;EACvC,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,IAAMO,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCV,oBAAoB,CAAC,IAAI,CAAC;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMW,QAAQ,GAAG,IAAAD,kBAAW,EAAC;IAAA,OAAYZ,yBAAyB,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EAC7E,IAAMc,OAAO,GAAG,IAAAF,kBAAW,EAAC;IAAA,OAAYZ,yBAAyB,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAC7E,IAAMe,OAAO,GAAG,IAAAH,kBAAW,EACvB,UAACI,YAAsB;IAAA,OAAWd,oBAAoB,CAACc,YAAY,CAAC;EAAA,GACpE,EAAE,CACL;EACD,IAAMC,YAAY,GAAG,IAAAL,kBAAW,EAAC;IAAA,OAAYV,oBAAoB,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EAE5E,oBACI,yEACI,6BAAC,8BAAqB;IAAC,IAAI,EAAEH,2BAA4B;IAAC,OAAO,EAAEe;EAAQ,EAAG,EAC7Eb,iBAAiB,iBACd,6BAAC,gDAAuB;IACpB,YAAY,EAAEA,iBAAkB;IAChC,OAAO,EAAEgB,YAAa;IACtB,UAAU,EAAEN;EAAW,EAE9B,eACD,6BAAC,UAAI;IAAC,SAAS,EAAE1B;EAAK,gBAClB,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAE,EAAG,eACjB,6BAAC,UAAI;IAAC,IAAI,EAAE,CAAE;IAAC,SAAS,EAAEK;EAAgB,gBACtC,6BAAC,8BAAqB;IAClB,SAAS,EAAEgB,SAAU;IACrB,QAAQ,EAAEO,QAAS;IACnB,OAAO,EAAEE;EAAQ,EACnB,CACC,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAE,EAAG,CACd,CACR;AAEX,CAAC;AAAC,eAEanB,aAAa;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CloneContentModelDialog","_NewContentModelDialog","_interopRequireDefault","_ContentModelsDataList","_emotion","_appSecurity","_Grid","grid","css","padding","backgroundColor","gridGap","centeredContent","display","flexDirection","height","overflow","maxHeight","ContentModels","_React$useState","React","useState","_React$useState2","_slicedToArray2","default","newContentModelDialogOpened","openNewContentModelDialog","_React$useState3","_React$useState4","cloneContentModel","setCloneContentModel","_useSecurity","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes","closeModal","useCallback","onCreate","onClose","onClone","contentModel","onCloneClose","createElement","Fragment","open","CloneContentModelDialog","Grid","className","Cell","span","_default","exports"],"sources":["ContentModels.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { CloneContentModelDialog } from \"./CloneContentModelDialog\";\nimport NewContentModelDialog from \"./NewContentModelDialog\";\nimport ContentModelsDataList from \"./ContentModelsDataList\";\nimport { css } from \"emotion\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst centeredContent = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst ContentModels: React.FC = () => {\n    const [newContentModelDialogOpened, openNewContentModelDialog] = React.useState(false);\n\n    const [cloneContentModel, setCloneContentModel] = React.useState<CmsModel | null>(null);\n\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModel\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    const closeModal = useCallback(() => {\n        setCloneContentModel(null);\n    }, []);\n\n    const onCreate = useCallback((): void => openNewContentModelDialog(true), []);\n    const onClose = useCallback((): void => openNewContentModelDialog(false), []);\n    const onClone = useCallback(\n        (contentModel: CmsModel): void => setCloneContentModel(contentModel),\n        []\n    );\n    const onCloneClose = useCallback((): void => setCloneContentModel(null), []);\n\n    return (\n        <>\n            <NewContentModelDialog open={newContentModelDialogOpened} onClose={onClose} />\n            {cloneContentModel && (\n                <CloneContentModelDialog\n                    contentModel={cloneContentModel}\n                    onClose={onCloneClose}\n                    closeModal={closeModal}\n                />\n            )}\n            <Grid className={grid}>\n                <Cell span={3} />\n                <Cell span={6} className={centeredContent}>\n                    <ContentModelsDataList\n                        canCreate={canCreate}\n                        onCreate={onCreate}\n                        onClone={onClone}\n                    />\n                </Cell>\n                <Cell span={3} />\n            </Grid>\n        </>\n    );\n};\n\nexport default ContentModels;\n"],"mappings":"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"}

package/admin/views/contentModels/ContentModelsDataList.js

@@ -37,6 +37,10 @@ var _usePermission2 = _interopRequireDefault(require("../../hooks/usePermission"
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+/**
+ * Package timeago-react does not have types.
+ */
+// @ts-ignore
 var t = _i18n.i18n.namespace("FormsApp.ContentModelsDataList");
 var SORTERS = [{
   label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Newest to oldest"]))),
@@ -106,7 +110,8 @@ var ContentModelsDataList = function ContentModelsDataList(_ref2) {
     showConfirmation = _useConfirmationDialo.showConfirmation;
   var _useModels = (0, _hooks.useModels)(),
     models = _useModels.models,
-    loading = _useModels.loading;
+    loading = _useModels.loading,
+    refresh = _useModels.refresh;
   var _usePermission = (0, _usePermission2.default)(),
     canDelete = _usePermission.canDelete,
     canEdit = _usePermission.canEdit;
@@ -203,6 +208,9 @@ var ContentModelsDataList = function ContentModelsDataList(_ref2) {
   }, [sort]);
   var filteredData = filter === "" ? models : models.filter(filterData);
   var contentModels = sortData(filteredData);
+  var onRefreshClick = (0, _react.useCallback)(function () {
+    refresh();
+  }, []);
   return /*#__PURE__*/_react.default.createElement(UIL.DataList, {
     loading: loading,
     data: contentModels,
@@ -222,7 +230,8 @@ var ContentModelsDataList = function ContentModelsDataList(_ref2) {
     modalOverlayAction: /*#__PURE__*/_react.default.createElement(UIL.DataListModalOverlayAction, {
       icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
       "data-testid": "default-data-list.filter"
-    })
+    }),
+    refresh: onRefreshClick
   }, function (_ref8) {
     var _ref8$data = _ref8.data,
       data = _ref8$data === void 0 ? [] : _ref8$data;
@@ -277,7 +286,7 @@ var ContentModelsDataList = function ContentModelsDataList(_ref2) {
         onClick: function onClick() {
           return onClone(contentModel);
         }
-      })), canDelete(contentModel, "cms.contentModel") && contentModel.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      })), canDelete(contentModel, "cms.contentModel") && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, contentModel.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
         content: t(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["Content model is registered via a plugin."]))),
         placement: "top"
       }, /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
@@ -291,7 +300,7 @@ var ContentModelsDataList = function ContentModelsDataList(_ref2) {
           return deleteRecord(contentModel);
         },
         "data-testid": "cms-delete-content-model-button"
-      })))));
+      }))))));
     }));
   });
 };