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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useRouter","useSnackbar","Form","Input","Select","CircularProgress","validation","useApolloClient","useMutation","useQuery","i18n","Dialog","Grid","CMS_MODEL_SINGLETON_TAG","addModelToGroupCache","addModelToListCache","GQL","createApiNameValidator","createNameValidator","Checkbox","IconPicker","Switch","Routes","t","ns","NewContentModelDialog","open","onClose","loading","setLoading","useState","showSnackbar","goToRoute","client","createContentModel","CREATE_CONTENT_MODEL","onCompleted","data","model","error","message","ContentModels","Editor","modelId","update","cache","listMenuGroupsQuery","LIST_MENU_CONTENT_GROUPS_MODELS","skip","groups","listContentModelGroups","contentModelGroups","map","item","value","slug","label","name","models","reduce","collection","group","push","contentModels","nameValidator","apiNameValidator","length","undefined","onSubmit","tags","Array","isArray","singleEntry","pluralApiName","singularApiName","variables","createElement","Bind","submit","title","actions","ConfirmAction","onClick","Fragment","Column","span","validators","create","description","defaultValue","disabled","options","props","Object","assign","rows","maxLength"],"sources":["NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { useRouter, useSnackbar } from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input/index.js\";\nimport { Select } from \"@webiny/ui/Select/index.js\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\nimport { validation } from \"@webiny/validation\";\nimport { useApolloClient, useMutation, useQuery } from \"../../hooks/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Dialog, DialogProps, Grid } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache.js\";\nimport type {\n    CreateCmsModelMutationResponse,\n    CreateCmsModelMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport * as GQL from \"../../viewsGraphql.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport type { CmsGroupOption } from \"./types.js\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator.js\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator.js\";\nimport { Checkbox } from \"@webiny/ui/Checkbox/index.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Switch } from \"@webiny/ui/Switch/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-content-model-dialog\");\n\nexport interface NewContentModelDialogProps {\n    open: boolean;\n    onClose: DialogProps[\"onClose\"];\n}\n\ninterface CmsModelData {\n    name: string;\n    description: string;\n    group: string;\n    singleEntry?: boolean;\n    singularApiName: string;\n    pluralApiName: string;\n    defaultFields: boolean;\n}\n\nconst NewContentModelDialog = ({ open, onClose }: NewContentModelDialogProps) => {\n    const [loading, setLoading] = React.useState(false);\n    const { showSnackbar } = useSnackbar();\n    const { goToRoute } = useRouter();\n    const client = useApolloClient();\n\n    const [createContentModel] = useMutation<\n        CreateCmsModelMutationResponse,\n        CreateCmsModelMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL, {\n        onCompleted(data) {\n            setLoading(false);\n\n            if (!data) {\n                showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n                return;\n            }\n\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            goToRoute(Routes.ContentModels.Editor, { modelId: model.modelId });\n        },\n        update(cache, { data }) {\n            if (!data) {\n                return;\n            }\n\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n        {\n            skip: !open\n        }\n    );\n\n    const groups = useMemo(() => {\n        return listMenuGroupsQuery.data?.listContentModelGroups?.data || [];\n    }, [listMenuGroupsQuery.data]);\n\n    const contentModelGroups = useMemo(() => {\n        return groups.map((item): CmsGroupOption => {\n            return {\n                value: item.slug,\n                label: item.name\n            };\n        });\n    }, [groups]);\n\n    const models = useMemo(() => {\n        return groups.reduce<CmsModel[]>((collection, group) => {\n            collection.push(...group.contentModels);\n            return collection;\n        }, []);\n    }, [groups]);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    const group = useMemo<string | undefined>(() => {\n        if (!contentModelGroups.length) {\n            return undefined;\n        }\n        return contentModelGroups[0]?.value;\n    }, [contentModelGroups]);\n\n    const onSubmit = useCallback(\n        async (data: CmsModelData) => {\n            setLoading(true);\n            /**\n             * We need to make sure that tags are always an array.\n             * At the moment there is no tags on the CmsModelData type.\n             * If it is added at some point, the @ts-expect-error should be removed - it will cause TS error.\n             */\n            // @ts-expect-error\n            const tags: string[] = Array.isArray(data.tags) ? data.tags : [];\n            /**\n             * If a model is a singleEntry, we add a special tag to it.\n             * + we need to put the pluralApiName to something that is not used.\n             */\n            if (data.singleEntry) {\n                tags.push(CMS_MODEL_SINGLETON_TAG);\n                data.pluralApiName = `${data.singularApiName}Unused`;\n            }\n            delete data.singleEntry;\n            await createContentModel({\n                variables: {\n                    data: {\n                        ...data,\n                        tags\n                    }\n                }\n            });\n        },\n        [loading, createContentModel]\n    );\n\n    return (\n        <Form<CmsModelData> data={{ group, singleEntry: false }} onSubmit={onSubmit}>\n            {({ Bind, submit, data }) => {\n                return (\n                    <Dialog\n                        open={open}\n                        onClose={onClose}\n                        data-testid=\"cms-new-content-model-modal\"\n                        title={t`New Content Model`}\n                        actions={\n                            <Dialog.ConfirmAction onClick={submit}>\n                                + {t`Create Model`}\n                            </Dialog.ConfirmAction>\n                        }\n                    >\n                        <>\n                            {loading && <CircularProgress label={\"Creating content model...\"} />}\n                            <Grid>\n                                <Grid.Column 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. Use the singular form, e.g. Author Category, not Author Categories.`}\n                                            data-testid=\"cms.newcontentmodeldialog.name\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column 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                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name={\"singleEntry\"} defaultValue={false}>\n                                        <Switch\n                                            description={t`Create a model that can hold only one entry. Cannot be changed later.`}\n                                            label={t`Single entry model`}\n                                            data-testid=\"cms.newcontentmodeldialog.singleEntry\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind\n                                        name={\"pluralApiName\"}\n                                        validators={\n                                            data.singleEntry\n                                                ? []\n                                                : [\n                                                      validation.create(\"required,maxLength:100\"),\n                                                      apiNameValidator\n                                                  ]\n                                        }\n                                    >\n                                        <Input\n                                            disabled={data.singleEntry}\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                                </Grid.Column>\n                                <Grid.Column 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={contentModelGroups}\n                                            data-testid=\"cms.newcontentmodeldialog.selectgroup\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column 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                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name=\"description\">\n                                        {props => (\n                                            <Input\n                                                {...props}\n                                                rows={4}\n                                                maxLength={200}\n                                                label={t`Description`}\n                                                data-testid=\"cms.newcontentmodeldialog.description\"\n                                            />\n                                        )}\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name={\"defaultFields\"} defaultValue={true}>\n                                        <Checkbox\n                                            description={t`Create model with default title (text), description (long text) and image (file) fields`}\n                                            label={t`Create model with default fields`}\n                                            data-testid=\"cms.newcontentmodeldialog.defaultfields\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                            </Grid>\n                        </>\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default NewContentModelDialog;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/NewContentModelDialog.js","sources":["../../../../src/admin/views/contentModels/NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { useRouter, useSnackbar } from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { Input, Select, Checkbox, Switch, Textarea } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { useApolloClient, useMutation, useQuery } from \"../../hooks/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Dialog, DialogProps, Grid } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache.js\";\nimport type {\n    CreateCmsModelMutationResponse,\n    CreateCmsModelMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport * as GQL from \"../../viewsGraphql.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport type { CmsGroupOption } from \"./types.js\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator.js\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator.js\";\n\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\n\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-content-model-dialog\");\n\nexport interface NewContentModelDialogProps {\n    open: boolean;\n    onClose: DialogProps[\"onClose\"];\n}\n\ninterface CmsModelData {\n    name: string;\n    description: string;\n    group: string;\n    singleEntry?: boolean;\n    singularApiName: string;\n    pluralApiName: string;\n    defaultFields: boolean;\n}\n\nconst NewContentModelDialog = ({ open, onClose }: NewContentModelDialogProps) => {\n    const [loading, setLoading] = React.useState(false);\n    const { showSnackbar } = useSnackbar();\n    const { goToRoute } = useRouter();\n    const client = useApolloClient();\n\n    const [createContentModel] = useMutation<\n        CreateCmsModelMutationResponse,\n        CreateCmsModelMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL, {\n        onCompleted(data) {\n            setLoading(false);\n\n            if (!data) {\n                showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n                return;\n            }\n\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            goToRoute(Routes.ContentModels.Editor, { modelId: model.modelId });\n        },\n        update(cache, { data }) {\n            if (!data) {\n                return;\n            }\n\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n        {\n            skip: !open\n        }\n    );\n\n    const groups = useMemo(() => {\n        return listMenuGroupsQuery.data?.listContentModelGroups?.data || [];\n    }, [listMenuGroupsQuery.data]);\n\n    const contentModelGroups = useMemo(() => {\n        return groups.map((item): CmsGroupOption => {\n            return {\n                value: item.slug,\n                label: item.name\n            };\n        });\n    }, [groups]);\n\n    const models = useMemo(() => {\n        return groups.reduce<CmsModel[]>((collection, group) => {\n            collection.push(...group.contentModels);\n            return collection;\n        }, []);\n    }, [groups]);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    const group = useMemo<string | undefined>(() => {\n        if (!contentModelGroups.length) {\n            return undefined;\n        }\n        return contentModelGroups[0]?.value;\n    }, [contentModelGroups]);\n\n    const onSubmit = useCallback(\n        async (data: CmsModelData) => {\n            setLoading(true);\n            /**\n             * We need to make sure that tags are always an array.\n             * At the moment there is no tags on the CmsModelData type.\n             * If it is added at some point, the @ts-expect-error should be removed - it will cause TS error.\n             */\n            // @ts-expect-error\n            const tags: string[] = Array.isArray(data.tags) ? data.tags : [];\n            /**\n             * If a model is a singleEntry, we add a special tag to it.\n             * + we need to put the pluralApiName to something that is not used.\n             */\n            if (data.singleEntry) {\n                tags.push(CMS_MODEL_SINGLETON_TAG);\n                data.pluralApiName = `${data.singularApiName}Unused`;\n            }\n            delete data.singleEntry;\n            await createContentModel({\n                variables: {\n                    data: {\n                        ...data,\n                        tags\n                    }\n                }\n            });\n        },\n        [loading, createContentModel]\n    );\n\n    return (\n        <Form<CmsModelData> data={{ group, singleEntry: false }} onSubmit={onSubmit}>\n            {({ Bind, submit, data }) => {\n                return (\n                    <Dialog\n                        open={open}\n                        onClose={onClose}\n                        data-testid=\"cms-new-content-model-modal\"\n                        title={t`New Content Model`}\n                        loading={loading ? { text: \"Creating content model...\" } : false}\n                        actions={\n                            <Dialog.ConfirmAction onClick={submit}>\n                                + {t`Create Model`}\n                            </Dialog.ConfirmAction>\n                        }\n                    >\n                        <>\n                            <Grid>\n                                <Grid.Column 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. Use the singular form, e.g. Author Category, not Author Categories.`}\n                                            data-testid=\"cms.newcontentmodeldialog.name\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column 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                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name={\"singleEntry\"} defaultValue={false}>\n                                        {({ value, onChange }) => (\n                                            <Switch\n                                                checked={Boolean(value)}\n                                                onChange={onChange}\n                                                description={t`Create a model that can hold only one entry. Cannot be changed later.`}\n                                                label={t`Single entry model`}\n                                                data-testid=\"cms.newcontentmodeldialog.singleEntry\"\n                                            />\n                                        )}\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind\n                                        name={\"pluralApiName\"}\n                                        validators={\n                                            data.singleEntry\n                                                ? []\n                                                : [\n                                                      validation.create(\"required,maxLength:100\"),\n                                                      apiNameValidator\n                                                  ]\n                                        }\n                                    >\n                                        <Input\n                                            disabled={data.singleEntry}\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                                </Grid.Column>\n                                <Grid.Column 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={contentModelGroups}\n                                            data-testid=\"cms.newcontentmodeldialog.selectgroup\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column 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                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name=\"description\">\n                                        {props => (\n                                            <Textarea\n                                                {...props}\n                                                maxLength={200}\n                                                label={t`Description`}\n                                                data-testid=\"cms.newcontentmodeldialog.description\"\n                                            />\n                                        )}\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name={\"defaultFields\"} defaultValue={true}>\n                                        {({ value, onChange }) => (\n                                            <Checkbox\n                                                checked={Boolean(value)}\n                                                onChange={onChange}\n                                                description={t`Create model with default title (text), description (long text) and image (file) fields`}\n                                                label={t`Create model with default fields`}\n                                                data-testid=\"cms.newcontentmodeldialog.defaultfields\"\n                                            />\n                                        )}\n                                    </Bind>\n                                </Grid.Column>\n                            </Grid>\n                        </>\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default NewContentModelDialog;\n"],"names":["t","i18n","NewContentModelDialog","open","onClose","loading","setLoading","React","showSnackbar","useSnackbar","goToRoute","useRouter","client","useApolloClient","createContentModel","useMutation","GQL","data","model","error","Routes","cache","addModelToListCache","addModelToGroupCache","listMenuGroupsQuery","useQuery","groups","useMemo","contentModelGroups","item","models","collection","group","nameValidator","useCallback","createNameValidator","apiNameValidator","createApiNameValidator","onSubmit","tags","Array","CMS_MODEL_SINGLETON_TAG","Form","Bind","submit","Dialog","Grid","validation","Input","value","onChange","Switch","Boolean","Select","IconPicker","props","Textarea","Checkbox"],"mappings":"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"}

package/admin/views/contentModels/OptionsMenu.js

@@ -1,43 +1,25 @@
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-import { css } from "@emotion/css";
+import react from "react";
 import { makeDecoratable } from "@webiny/app-admin";
-import { Menu, MenuItem } from "@webiny/ui/Menu/index.js";
-import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
-import { ListItemGraphic } from "@webiny/ui/List/index.js";
-import { Icon } from "@webiny/ui/Icon/index.js";
-import { IconButton } from "@webiny/admin-ui";
-const menuStyles = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "1vsihzn",
-  styles: ".disabled{opacity:0.5;pointer-events:none;}"
-} : {
-  name: "xh2h6f-menuStyles",
-  styles: ".disabled{opacity:0.5;pointer-events:none;};label:menuStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTc0IiLCJmaWxlIjoiT3B0aW9uc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBNZW51LCBNZW51SXRlbSB9IGZyb20gXCJAd2ViaW55L3VpL01lbnUvaW5kZXguanNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIE1vcmVWZXJ0aWNhbEljb24gfSBmcm9tIFwiQHdlYmlueS9pY29ucy9tb3JlX3ZlcnQuc3ZnXCI7XG5pbXBvcnQgeyBMaXN0SXRlbUdyYXBoaWMgfSBmcm9tIFwiQHdlYmlueS91aS9MaXN0L2luZGV4LmpzXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvbi9pbmRleC5qc1wiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gICAgLmRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbnNNZW51SXRlbSB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gICAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgXCJkYXRhLXRlc3RpZFwiPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE9wdGlvbnNNZW51UHJvcHMge1xuICAgIGl0ZW1zOiBPcHRpb25zTWVudUl0ZW1bXTtcbiAgICBcImRhdGEtdGVzdGlkXCI/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBPcHRpb25zTWVudSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkNtc01vZGVsc09wdGlvbnNNZW51XCIsXG4gICAgKHsgaXRlbXMsIC4uLnByb3BzIH06IE9wdGlvbnNNZW51UHJvcHMpID0+IHtcbiAgICAgICAgaWYgKCFpdGVtcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxNZW51XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXttZW51U3R5bGVzfVxuICAgICAgICAgICAgICAgIGhhbmRsZT17PEljb25CdXR0b24gaWNvbj17PE1vcmVWZXJ0aWNhbEljb24gLz59IHNpemU9e1wic21cIn0gdmFyaWFudD17XCJnaG9zdFwifSAvPn1cbiAgICAgICAgICAgICAgICBhbmNob3I9e1widG9wTGVmdFwifVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbXMubWFwKGl0ZW0gPT4gKFxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aXRlbS5sYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtpdGVtLmRpc2FibGVkID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbS5vbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW1bXCJkYXRhLXRlc3RpZFwiXX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExpc3RJdGVtR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBpY29uPXtpdGVtLmljb259IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0xpc3RJdGVtR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9NZW51PlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const OptionsMenu = makeDecoratable("CmsModelsOptionsMenu", ({
-  items,
-  ...props
-}) => {
-  if (!items.length) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Menu, Object.assign({
-    className: menuStyles,
-    handle: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
-      size: "sm",
-      variant: "ghost"
-    }),
-    anchor: "topLeft"
-  }, props), items.map(item => /*#__PURE__*/React.createElement(MenuItem, {
-    key: item.label,
-    disabled: item.disabled ?? false,
-    onClick: item.onClick,
-    "data-testid": item["data-testid"]
-  }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: item.icon
-  })), item.label)));
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
+import { DropdownMenu, IconButton } from "@webiny/admin-ui";
+const OptionsMenu = makeDecoratable("CmsModelsOptionsMenu", ({ items, ...props })=>{
+    if (!items.length) return null;
+    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            variant: "ghost"
+        }),
+        ...props
+    }, items.map((item)=>/*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            key: item.label,
+            disabled: item.disabled ?? false,
+            onClick: item.onClick,
+            "data-testid": item["data-testid"],
+            icon: item.icon,
+            text: item.label
+        })));
 });
+export { OptionsMenu };
 
 //# sourceMappingURL=OptionsMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","css","makeDecoratable","Menu","MenuItem","ReactComponent","MoreVerticalIcon","ListItemGraphic","Icon","IconButton","menuStyles","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","OptionsMenu","items","props","length","createElement","Object","assign","className","handle","icon","size","variant","anchor","map","item","key","label","disabled","onClick"],"sources":["OptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu/index.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ListItemGraphic } from \"@webiny/ui/List/index.js\";\nimport { Icon } from \"@webiny/ui/Icon/index.js\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\nconst menuStyles = css`\n    .disabled {\n        opacity: 0.5;\n        pointer-events: none;\n    }\n`;\n\nexport interface OptionsMenuItem {\n    label: string;\n    icon: React.ReactElement;\n    onClick: () => void;\n    disabled?: boolean;\n    \"data-testid\"?: string;\n}\n\nexport interface OptionsMenuProps {\n    items: OptionsMenuItem[];\n    \"data-testid\"?: string;\n}\n\nexport const OptionsMenu = makeDecoratable(\n    \"CmsModelsOptionsMenu\",\n    ({ items, ...props }: OptionsMenuProps) => {\n        if (!items.length) {\n            return null;\n        }\n\n        return (\n            <Menu\n                className={menuStyles}\n                handle={<IconButton icon={<MoreVerticalIcon />} size={\"sm\"} variant={\"ghost\"} />}\n                anchor={\"topLeft\"}\n                {...props}\n            >\n                {items.map(item => (\n                    <MenuItem\n                        key={item.label}\n                        disabled={item.disabled ?? false}\n                        onClick={item.onClick}\n                        data-testid={item[\"data-testid\"]}\n                    >\n                        <ListItemGraphic>\n                            <Icon icon={item.icon} />\n                        </ListItemGraphic>\n                        {item.label}\n                    </MenuItem>\n                ))}\n            </Menu>\n        );\n    }\n);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,EAAEC,QAAQ,QAAQ,0BAA0B;AACzD,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,UAAU,gBAAGT,GAAG,CAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAKrB;AAeD,OAAO,MAAMC,WAAW,GAAGhB,eAAe,CACtC,sBAAsB,EACtB,CAAC;EAAEiB,KAAK;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACvC,IAAI,CAACD,KAAK,CAACE,MAAM,EAAE;IACf,OAAO,IAAI;EACf;EAEA,oBACIrB,KAAA,CAAAsB,aAAA,CAACnB,IAAI,EAAAoB,MAAA,CAAAC,MAAA;IACDC,SAAS,EAAEf,UAAW;IACtBgB,MAAM,eAAE1B,KAAA,CAAAsB,aAAA,CAACb,UAAU;MAACkB,IAAI,eAAE3B,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB,MAAE,CAAE;MAACsB,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAQ,CAAE,CAAE;IACjFC,MAAM,EAAE;EAAU,GACdV,KAAK,GAERD,KAAK,CAACY,GAAG,CAACC,IAAI,iBACXhC,KAAA,CAAAsB,aAAA,CAAClB,QAAQ;IACL6B,GAAG,EAAED,IAAI,CAACE,KAAM;IAChBC,QAAQ,EAAEH,IAAI,CAACG,QAAQ,IAAI,KAAM;IACjCC,OAAO,EAAEJ,IAAI,CAACI,OAAQ;IACtB,eAAaJ,IAAI,CAAC,aAAa;EAAE,gBAEjChC,KAAA,CAAAsB,aAAA,CAACf,eAAe,qBACZP,KAAA,CAAAsB,aAAA,CAACd,IAAI;IAACmB,IAAI,EAAEK,IAAI,CAACL;EAAK,CAAE,CACX,CAAC,EACjBK,IAAI,CAACE,KACA,CACb,CACC,CAAC;AAEf,CACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/OptionsMenu.js","sources":["../../../../src/admin/views/contentModels/OptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { DropdownMenu, IconButton } from \"@webiny/admin-ui\";\n\nexport interface OptionsMenuItem {\n    label: string;\n    icon: React.ReactElement;\n    onClick: () => void;\n    disabled?: boolean;\n    \"data-testid\"?: string;\n}\n\nexport interface OptionsMenuProps {\n    items: OptionsMenuItem[];\n    \"data-testid\"?: string;\n}\n\nexport const OptionsMenu = makeDecoratable(\n    \"CmsModelsOptionsMenu\",\n    ({ items, ...props }: OptionsMenuProps) => {\n        if (!items.length) {\n            return null;\n        }\n\n        return (\n            <DropdownMenu\n                trigger={<IconButton icon={<MoreVerticalIcon />} size={\"sm\"} variant={\"ghost\"} />}\n                {...props}\n            >\n                {items.map(item => (\n                    <DropdownMenu.Item\n                        key={item.label}\n                        disabled={item.disabled ?? false}\n                        onClick={item.onClick}\n                        data-testid={item[\"data-testid\"]}\n                        icon={item.icon}\n                        text={item.label}\n                    />\n                ))}\n            </DropdownMenu>\n        );\n    }\n);\n"],"names":["OptionsMenu","makeDecoratable","items","props","DropdownMenu","IconButton","MoreVerticalIcon","item"],"mappings":";;;;AAkBO,MAAMA,cAAcC,gBACvB,wBACA,CAAC,EAAEC,KAAK,EAAE,GAAGC,OAAyB;IAClC,IAAI,CAACD,MAAM,MAAM,EACb,OAAO;IAGX,OAAO,WAAP,GACI,oBAACE,cAAYA;QACT,uBAAS,oBAACC,YAAUA;YAAC,oBAAM,oBAACC,gBAAgBA;YAAK,MAAM;YAAM,SAAS;;QACrE,GAAGH,KAAK;OAERD,MAAM,GAAG,CAACK,CAAAA,OAAAA,WAAAA,GACP,oBAACH,aAAa,IAAI;YACd,KAAKG,KAAK,KAAK;YACf,UAAUA,KAAK,QAAQ,IAAI;YAC3B,SAASA,KAAK,OAAO;YACrB,eAAaA,IAAI,CAAC,cAAc;YAChC,MAAMA,KAAK,IAAI;YACf,MAAMA,KAAK,KAAK;;AAKpC"}

package/admin/views/contentModels/cache.js

@@ -1,157 +1,104 @@
-import dotProp from "dot-prop-immutable";
+import dot_prop_immutable from "dot-prop-immutable";
 import { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql.js";
-export const addModelToListCache = (cache, model) => {
-  const response = cache.readQuery({
-    query: LIST_CONTENT_MODELS
-  });
-  if (!response || !response.listContentModels) {
-    return;
-  }
-  const {
-    listContentModels
-  } = response;
-  const newModelIndex = listContentModels.data.length;
-  cache.writeQuery({
-    query: LIST_CONTENT_MODELS,
-    data: {
-      listContentModels: dotProp.set(listContentModels, `data.${newModelIndex}`, model)
-    }
-  });
+const addModelToListCache = (cache, model)=>{
+    const response = cache.readQuery({
+        query: LIST_CONTENT_MODELS
+    });
+    if (!response || !response.listContentModels) return;
+    const { listContentModels } = response;
+    const newModelIndex = listContentModels.data.length;
+    cache.writeQuery({
+        query: LIST_CONTENT_MODELS,
+        data: {
+            listContentModels: dot_prop_immutable.set(listContentModels, `data.${newModelIndex}`, model)
+        }
+    });
 };
-export const updateModelInCache = (cache, model) => {
-  const response = cache.readQuery({
-    query: LIST_CONTENT_MODELS
-  });
-  if (!response || !response.listContentModels?.data) {
-    return;
-  }
-  const index = response.listContentModels.data.findIndex(m => m.modelId === model.modelId);
-  if (index < 0) {
-    return;
-  }
-  cache.writeQuery({
-    query: LIST_CONTENT_MODELS,
-    data: {
-      listContentModels: dotProp.set(response.listContentModels, `data.${index}`, model)
-    }
-  });
-  return updateModelInGroupCache(cache, model);
+const updateModelInCache = (cache, model)=>{
+    const response = cache.readQuery({
+        query: LIST_CONTENT_MODELS
+    });
+    if (!response || !response.listContentModels?.data) return;
+    const index = response.listContentModels.data.findIndex((m)=>m.modelId === model.modelId);
+    if (index < 0) return;
+    cache.writeQuery({
+        query: LIST_CONTENT_MODELS,
+        data: {
+            listContentModels: dot_prop_immutable.set(response.listContentModels, `data.${index}`, model)
+        }
+    });
+    return updateModelInGroupCache(cache, model);
 };
-export const addModelToGroupCache = (cache, model) => {
-  const response = cache.readQuery({
-    query: LIST_MENU_CONTENT_GROUPS_MODELS
-  });
-  if (!response || !response.listContentModelGroups) {
-    return;
-  }
-  const {
-    listContentModelGroups: groupsList
-  } = response;
-  const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);
-  const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;
-  cache.writeQuery({
-    query: LIST_MENU_CONTENT_GROUPS_MODELS,
-    data: {
-      listContentModelGroups: dotProp.set(groupsList, `data.${groupIndex}.contentModels.${newGroupModelIndex}`, model)
-    }
-  });
+const addModelToGroupCache = (cache, model)=>{
+    const response = cache.readQuery({
+        query: LIST_MENU_CONTENT_GROUPS_MODELS
+    });
+    if (!response || !response.listContentModelGroups) return;
+    const { listContentModelGroups: groupsList } = response;
+    const groupIndex = groupsList.data.findIndex((g)=>g.slug === model.group);
+    const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;
+    cache.writeQuery({
+        query: LIST_MENU_CONTENT_GROUPS_MODELS,
+        data: {
+            listContentModelGroups: dot_prop_immutable.set(groupsList, `data.${groupIndex}.contentModels.${newGroupModelIndex}`, model)
+        }
+    });
 };
-export const updateModelInGroupCache = (cache, model) => {
-  const response = cache.readQuery({
-    query: LIST_MENU_CONTENT_GROUPS_MODELS
-  });
-  if (!response || !response.listContentModelGroups) {
-    return;
-  }
-  const {
-    listContentModelGroups: groupsList
-  } = response;
-  const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);
-  if (groupIndex < 0) {
-    return;
-  }
-  const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(m => m.modelId === model.modelId);
-  if (modelIndex < 0) {
-    return;
-  }
-  cache.writeQuery({
-    query: LIST_MENU_CONTENT_GROUPS_MODELS,
-    data: {
-      listContentModelGroups: dotProp.set(groupsList, `data.${groupIndex}.contentModels.${modelIndex}`, model)
-    }
-  });
+const updateModelInGroupCache = (cache, model)=>{
+    const response = cache.readQuery({
+        query: LIST_MENU_CONTENT_GROUPS_MODELS
+    });
+    if (!response || !response.listContentModelGroups) return;
+    const { listContentModelGroups: groupsList } = response;
+    const groupIndex = groupsList.data.findIndex((g)=>g.slug === model.group);
+    if (groupIndex < 0) return;
+    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex((m)=>m.modelId === model.modelId);
+    if (modelIndex < 0) return;
+    cache.writeQuery({
+        query: LIST_MENU_CONTENT_GROUPS_MODELS,
+        data: {
+            listContentModelGroups: dot_prop_immutable.set(groupsList, `data.${groupIndex}.contentModels.${modelIndex}`, model)
+        }
+    });
 };
-
-/**
- * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.
- * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same
- * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.
- */
-/**
- * TODO remove when we can confirm that new deletion works property
- */
-export const removeModelFromCache = (client, model) => {
-  const id = `CmsContentModel:${model.modelId}`;
-
-  // @ts-expect-error
-  client.cache.data.delete(id);
-
-  // @ts-expect-error
-  Object.keys(client.cache.data.data).forEach(key => {
-    if (key.startsWith(`${id}.`) || key.startsWith(`$${id}.`)) {
-      // @ts-expect-error
-      client.cache.data.delete(key);
-    }
-  });
+const removeModelFromCache = (client, model)=>{
+    const id = `CmsContentModel:${model.modelId}`;
+    client.cache.data.delete(id);
+    Object.keys(client.cache.data.data).forEach((key)=>{
+        if (key.startsWith(`${id}.`) || key.startsWith(`$${id}.`)) client.cache.data.delete(key);
+    });
 };
-/**
- * TODO remove when we can confirm that new deletion works property
- */
-export const removeModelFromListCache = (cache, model) => {
-  const response = cache.readQuery({
-    query: LIST_CONTENT_MODELS
-  });
-  if (!response || !response.listContentModels) {
-    return;
-  }
-  const {
-    listContentModels
-  } = response;
-  const modelIndex = listContentModels.data.findIndex(m => m.modelId === model.modelId);
-  cache.writeQuery({
-    query: LIST_CONTENT_MODELS,
-    data: {
-      listContentModels: dotProp.delete(listContentModels, `data.${modelIndex}`)
-    }
-  });
+const removeModelFromListCache = (cache, model)=>{
+    const response = cache.readQuery({
+        query: LIST_CONTENT_MODELS
+    });
+    if (!response || !response.listContentModels) return;
+    const { listContentModels } = response;
+    const modelIndex = listContentModels.data.findIndex((m)=>m.modelId === model.modelId);
+    cache.writeQuery({
+        query: LIST_CONTENT_MODELS,
+        data: {
+            listContentModels: dot_prop_immutable["delete"](listContentModels, `data.${modelIndex}`)
+        }
+    });
 };
-/**
- * TODO remove when we can confirm that new deletion works property
- */
-export const removeModelFromGroupCache = (cache, model) => {
-  const response = cache.readQuery({
-    query: LIST_MENU_CONTENT_GROUPS_MODELS
-  });
-  if (!response || !response.listContentModelGroups) {
-    return;
-  }
-  const {
-    listContentModelGroups: groupsList
-  } = response;
-  const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);
-  if (groupIndex < 0) {
-    return;
-  }
-  const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(m => m.modelId === model.modelId);
-  if (modelIndex < 0) {
-    return;
-  }
-  cache.writeQuery({
-    query: LIST_MENU_CONTENT_GROUPS_MODELS,
-    data: {
-      listContentModelGroups: dotProp.delete(groupsList, `data.${groupIndex}.contentModels.${modelIndex}`)
-    }
-  });
+const removeModelFromGroupCache = (cache, model)=>{
+    const response = cache.readQuery({
+        query: LIST_MENU_CONTENT_GROUPS_MODELS
+    });
+    if (!response || !response.listContentModelGroups) return;
+    const { listContentModelGroups: groupsList } = response;
+    const groupIndex = groupsList.data.findIndex((g)=>g.slug === model.group);
+    if (groupIndex < 0) return;
+    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex((m)=>m.modelId === model.modelId);
+    if (modelIndex < 0) return;
+    cache.writeQuery({
+        query: LIST_MENU_CONTENT_GROUPS_MODELS,
+        data: {
+            listContentModelGroups: dot_prop_immutable["delete"](groupsList, `data.${groupIndex}.contentModels.${modelIndex}`)
+        }
+    });
 };
+export { addModelToGroupCache, addModelToListCache, removeModelFromCache, removeModelFromGroupCache, removeModelFromListCache, updateModelInCache, updateModelInGroupCache };
 
 //# sourceMappingURL=cache.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dotProp","LIST_CONTENT_MODELS","LIST_MENU_CONTENT_GROUPS_MODELS","addModelToListCache","cache","model","response","readQuery","query","listContentModels","newModelIndex","data","length","writeQuery","set","updateModelInCache","index","findIndex","m","modelId","updateModelInGroupCache","addModelToGroupCache","listContentModelGroups","groupsList","groupIndex","g","slug","group","newGroupModelIndex","contentModels","modelIndex","removeModelFromCache","client","id","delete","Object","keys","forEach","key","startsWith","removeModelFromListCache","removeModelFromGroupCache"],"sources":["cache.ts"],"sourcesContent":["import dotProp from \"dot-prop-immutable\";\nimport type { DataProxy } from \"apollo-cache\";\nimport type ApolloClient from \"apollo-client\";\nimport type {\n    ListCmsModelsQueryResponse,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql.js\";\nimport type { CmsEditorContentModel, CmsModel } from \"~/types.js\";\n\nexport const addModelToListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const newModelIndex = listContentModels.data.length;\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(listContentModels, `data.${newModelIndex}`, model)\n        }\n    });\n};\n\nexport const updateModelInCache = (cache: DataProxy, model: CmsModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels?.data) {\n        return;\n    }\n\n    const index = response.listContentModels.data.findIndex(m => m.modelId === model.modelId);\n    if (index < 0) {\n        return;\n    }\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(response.listContentModels, `data.${index}`, model)\n        }\n    });\n\n    return updateModelInGroupCache(cache, model);\n};\n\nexport const addModelToGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);\n    const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${newGroupModelIndex}`,\n                model\n            )\n        }\n    });\n};\n\nexport const updateModelInGroupCache = (cache: DataProxy, model: CmsModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`,\n                model\n            )\n        }\n    });\n};\n\n/**\n * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.\n * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same\n * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.\n */\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromCache = (\n    client: ApolloClient<any>,\n    model: CmsEditorContentModel\n): void => {\n    const id = `CmsContentModel:${model.modelId}`;\n\n    // @ts-expect-error\n    client.cache.data.delete(id);\n\n    // @ts-expect-error\n    Object.keys(client.cache.data.data).forEach(key => {\n        if (key.startsWith(`${id}.`) || key.startsWith(`$${id}.`)) {\n            // @ts-expect-error\n            client.cache.data.delete(key);\n        }\n    });\n};\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const modelIndex = listContentModels.data.findIndex(m => m.modelId === model.modelId);\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.delete(listContentModels, `data.${modelIndex}`)\n        }\n    });\n};\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.delete(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`\n            )\n        }\n    });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/cache.js","sources":["../../../../src/admin/views/contentModels/cache.ts"],"sourcesContent":["import dotProp from \"dot-prop-immutable\";\nimport type { DataProxy } from \"apollo-cache\";\nimport type ApolloClient from \"apollo-client\";\nimport type {\n    ListCmsModelsQueryResponse,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql.js\";\nimport type { CmsEditorContentModel, CmsModel } from \"~/types.js\";\n\nexport const addModelToListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const newModelIndex = listContentModels.data.length;\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(listContentModels, `data.${newModelIndex}`, model)\n        }\n    });\n};\n\nexport const updateModelInCache = (cache: DataProxy, model: CmsModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels?.data) {\n        return;\n    }\n\n    const index = response.listContentModels.data.findIndex(m => m.modelId === model.modelId);\n    if (index < 0) {\n        return;\n    }\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(response.listContentModels, `data.${index}`, model)\n        }\n    });\n\n    return updateModelInGroupCache(cache, model);\n};\n\nexport const addModelToGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);\n    const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${newGroupModelIndex}`,\n                model\n            )\n        }\n    });\n};\n\nexport const updateModelInGroupCache = (cache: DataProxy, model: CmsModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`,\n                model\n            )\n        }\n    });\n};\n\n/**\n * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.\n * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same\n * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.\n */\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromCache = (\n    client: ApolloClient<any>,\n    model: CmsEditorContentModel\n): void => {\n    const id = `CmsContentModel:${model.modelId}`;\n\n    // @ts-expect-error\n    client.cache.data.delete(id);\n\n    // @ts-expect-error\n    Object.keys(client.cache.data.data).forEach(key => {\n        if (key.startsWith(`${id}.`) || key.startsWith(`$${id}.`)) {\n            // @ts-expect-error\n            client.cache.data.delete(key);\n        }\n    });\n};\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const modelIndex = listContentModels.data.findIndex(m => m.modelId === model.modelId);\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.delete(listContentModels, `data.${modelIndex}`)\n        }\n    });\n};\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.slug === model.group);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.delete(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`\n            )\n        }\n    });\n};\n"],"names":["addModelToListCache","cache","model","response","LIST_CONTENT_MODELS","listContentModels","newModelIndex","dotProp","updateModelInCache","index","m","updateModelInGroupCache","addModelToGroupCache","LIST_MENU_CONTENT_GROUPS_MODELS","groupsList","groupIndex","g","newGroupModelIndex","modelIndex","removeModelFromCache","client","id","Object","key","removeModelFromListCache","removeModelFromGroupCache"],"mappings":"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"}

package/admin/views/contentModels/exporting/download.js

@@ -1,24 +1,23 @@
-const getName = models => {
-  if (models.length > 1) {
-    return "groups-and-models";
-  }
-  const [model] = models;
-  return model.modelId.toLowerCase();
+const getName = (models)=>{
+    if (models.length > 1) return "groups-and-models";
+    const [model] = models;
+    return model.modelId.toLowerCase();
 };
-export const download = params => {
-  const {
-    models
-  } = params;
-  let element = document.createElement("a");
-  const data = new Blob([JSON.stringify(params)], {
-    type: "application/json;charset=utf-8"
-  });
-  const name = getName(models);
-  element.download = `webiny-${name}.json`;
-  element.href = URL.createObjectURL(data);
-  element.click();
-  element.remove();
-  element = null;
+const download = (params)=>{
+    const { models } = params;
+    let element = document.createElement("a");
+    const data = new Blob([
+        JSON.stringify(params)
+    ], {
+        type: "application/json;charset=utf-8"
+    });
+    const name = getName(models);
+    element.download = `webiny-${name}.json`;
+    element.href = URL.createObjectURL(data);
+    element.click();
+    element.remove();
+    element = null;
 };
+export { download };
 
 //# sourceMappingURL=download.js.map

package/admin/views/contentModels/exporting/download.js.map

@@ -1 +1 @@
-{"version":3,"names":["getName","models","length","model","modelId","toLowerCase","download","params","element","document","createElement","data","Blob","JSON","stringify","type","name","href","URL","createObjectURL","click","remove"],"sources":["download.ts"],"sourcesContent":["import type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\n\ninterface Params {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\nconst getName = (models: CmsModel[]): string => {\n    if (models.length > 1) {\n        return \"groups-and-models\";\n    }\n    const [model] = models;\n    return model.modelId.toLowerCase();\n};\n\nexport const download = (params: Params): void => {\n    const { models } = params;\n    let element: HTMLAnchorElement | null = document.createElement(\"a\");\n    const data = new Blob([JSON.stringify(params)], {\n        type: \"application/json;charset=utf-8\"\n    });\n    const name = getName(models);\n    element.download = `webiny-${name}.json`;\n    element.href = URL.createObjectURL(data);\n    element.click();\n    element.remove();\n    element = null;\n};\n"],"mappings":"AAOA,MAAMA,OAAO,GAAIC,MAAkB,IAAa;EAC5C,IAAIA,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;IACnB,OAAO,mBAAmB;EAC9B;EACA,MAAM,CAACC,KAAK,CAAC,GAAGF,MAAM;EACtB,OAAOE,KAAK,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;AACtC,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAIC,MAAc,IAAW;EAC9C,MAAM;IAAEN;EAAO,CAAC,GAAGM,MAAM;EACzB,IAAIC,OAAiC,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;EACnE,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAACC,IAAI,CAACC,SAAS,CAACP,MAAM,CAAC,CAAC,EAAE;IAC5CQ,IAAI,EAAE;EACV,CAAC,CAAC;EACF,MAAMC,IAAI,GAAGhB,OAAO,CAACC,MAAM,CAAC;EAC5BO,OAAO,CAACF,QAAQ,GAAG,UAAUU,IAAI,OAAO;EACxCR,OAAO,CAACS,IAAI,GAAGC,GAAG,CAACC,eAAe,CAACR,IAAI,CAAC;EACxCH,OAAO,CAACY,KAAK,CAAC,CAAC;EACfZ,OAAO,CAACa,MAAM,CAAC,CAAC;EAChBb,OAAO,GAAG,IAAI;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/exporting/download.js","sources":["../../../../../src/admin/views/contentModels/exporting/download.ts"],"sourcesContent":["import type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\n\ninterface Params {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\nconst getName = (models: CmsModel[]): string => {\n    if (models.length > 1) {\n        return \"groups-and-models\";\n    }\n    const [model] = models;\n    return model.modelId.toLowerCase();\n};\n\nexport const download = (params: Params): void => {\n    const { models } = params;\n    let element: HTMLAnchorElement | null = document.createElement(\"a\");\n    const data = new Blob([JSON.stringify(params)], {\n        type: \"application/json;charset=utf-8\"\n    });\n    const name = getName(models);\n    element.download = `webiny-${name}.json`;\n    element.href = URL.createObjectURL(data);\n    element.click();\n    element.remove();\n    element = null;\n};\n"],"names":["getName","models","model","download","params","element","document","data","Blob","JSON","name","URL"],"mappings":"AAOA,MAAMA,UAAU,CAACC;IACb,IAAIA,OAAO,MAAM,GAAG,GAChB,OAAO;IAEX,MAAM,CAACC,MAAM,GAAGD;IAChB,OAAOC,MAAM,OAAO,CAAC,WAAW;AACpC;AAEO,MAAMC,WAAW,CAACC;IACrB,MAAM,EAAEH,MAAM,EAAE,GAAGG;IACnB,IAAIC,UAAoCC,SAAS,aAAa,CAAC;IAC/D,MAAMC,OAAO,IAAIC,KAAK;QAACC,KAAK,SAAS,CAACL;KAAQ,EAAE;QAC5C,MAAM;IACV;IACA,MAAMM,OAAOV,QAAQC;IACrBI,QAAQ,QAAQ,GAAG,CAAC,OAAO,EAAEK,KAAK,KAAK,CAAC;IACxCL,QAAQ,IAAI,GAAGM,IAAI,eAAe,CAACJ;IACnCF,QAAQ,KAAK;IACbA,QAAQ,MAAM;IACdA,UAAU;AACd"}

package/admin/views/contentModels/exporting/graphql.js

@@ -1,5 +1,5 @@
-import gql from "graphql-tag";
-export const CMS_EXPORT_STRUCTURE_QUERY = gql`
+import graphql_tag from "graphql-tag";
+const CMS_EXPORT_STRUCTURE_QUERY = graphql_tag`
     query CmsExportStructure($models: [String!]) {
         exportStructure(models: $models) {
             data
@@ -11,5 +11,6 @@ export const CMS_EXPORT_STRUCTURE_QUERY = gql`
         }
     }
 `;
+export { CMS_EXPORT_STRUCTURE_QUERY };
 
 //# sourceMappingURL=graphql.js.map

package/admin/views/contentModels/exporting/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["gql","CMS_EXPORT_STRUCTURE_QUERY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const CMS_EXPORT_STRUCTURE_QUERY = gql`\n    query CmsExportStructure($models: [String!]) {\n        exportStructure(models: $models) {\n            data\n            error {\n                message\n                code\n                data\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,0BAA0B,GAAGD,GAAG;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/exporting/graphql.js","sources":["../../../../../src/admin/views/contentModels/exporting/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const CMS_EXPORT_STRUCTURE_QUERY = gql`\n    query CmsExportStructure($models: [String!]) {\n        exportStructure(models: $models) {\n            data\n            error {\n                message\n                code\n                data\n            }\n        }\n    }\n`;\n"],"names":["CMS_EXPORT_STRUCTURE_QUERY","gql"],"mappings":";AAEO,MAAMA,6BAA6BC,WAAG,CAAC;;;;;;;;;;;AAW9C,CAAC"}