@webiny/app-headless-cms 6.4.5 → 6.6.0-alpha.0

package/admin/hooks/usePermission.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/hooks/usePermission.js","sources":["../../../src/admin/hooks/usePermission.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from \"react\";\nimport { useIdentity } from \"@webiny/app-admin\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ModelContext } from \"@webiny/app-headless-cms-common/ModelProvider/ModelContext.js\";\nimport type { CmsGroup, CmsIdentity, CmsModel, CmsSecurityPermission } from \"~/types.js\";\n\nexport interface CreatableItem {\n    createdBy?: Pick<CmsIdentity, \"id\">;\n}\n\ninterface CanReadEntriesCallableParams {\n    contentModelGroup: Pick<CmsGroup, \"id\">;\n    contentModel: Pick<CmsModel, \"modelId\">;\n}\n\nfunction isModelAllowed(modelPermissions: CmsSecurityPermission[], modelId: string): boolean {\n    // No model permissions in this group means all models are allowed.\n    if (!modelPermissions.length) {\n        return true;\n    }\n\n    for (const permission of modelPermissions) {\n        // If no models array, this permission grants access to all models.\n        if (!Array.isArray(permission.models)) {\n            return true;\n        }\n\n        if (permission.models.includes(modelId)) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nfunction isGroupAllowed(groupPermissions: CmsSecurityPermission[], groupId: string): boolean {\n    // No group permissions in this group means all groups are allowed.\n    if (!groupPermissions.length) {\n        return true;\n    }\n\n    for (const permission of groupPermissions) {\n        // If no groups array, this permission grants access to all groups.\n        if (!Array.isArray(permission.groups)) {\n            return true;\n        }\n\n        if (permission.groups.includes(groupId)) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\ninterface HasAccessParams {\n    permissions: CmsSecurityPermission[];\n    modelPermissions: CmsSecurityPermission[];\n    modelId: string;\n    check: (permission: CmsSecurityPermission) => boolean;\n}\n\n/**\n * Check if any _src group grants access for the given model.\n */\nfunction hasAccessForModel({ permissions, modelPermissions, modelId, check }: HasAccessParams) {\n    const srcKeys = new Set<string | undefined>();\n    for (const p of [...permissions, ...modelPermissions]) {\n        srcKeys.add(p._src);\n    }\n\n    for (const src of srcKeys) {\n        const srcPerms = permissions.filter(p => p._src === src);\n        const srcModelPerms = modelPermissions.filter(p => p._src === src);\n\n        if (!srcPerms.length) {\n            continue;\n        }\n\n        if (!srcPerms.some(check)) {\n            continue;\n        }\n\n        const modelAllowed = isModelAllowed(srcModelPerms, modelId);\n        if (!modelAllowed) {\n            continue;\n        }\n\n        return true;\n    }\n\n    return false;\n}\n\nexport const usePermission = makeDecoratable(() => {\n    const { identity } = useIdentity();\n    const model = useContext(ModelContext);\n    const modelId = model?.modelId;\n\n    const hasFullAccess = useMemo(() => !!identity.getPermission(\"cms.*\"), [identity]);\n\n    const modelPermissions = useMemo(\n        () => identity.getPermissions<CmsSecurityPermission>(\"cms.contentModel\") ?? [],\n        [identity]\n    );\n\n    /**\n     * Check permissions with _src-based model scoping when a model context is available.\n     * When no model context exists, falls back to checking permissions without model correlation.\n     */\n    const checkPermission = useCallback(\n        (permissionName: string, check: (permission: CmsSecurityPermission) => boolean) => {\n            if (hasFullAccess) {\n                return true;\n            }\n\n            const permissions = identity.getPermissions<CmsSecurityPermission>(permissionName);\n            if (!permissions.length) {\n                return false;\n            }\n\n            if (modelId) {\n                return hasAccessForModel({\n                    permissions,\n                    modelPermissions,\n                    modelId,\n                    check\n                });\n            }\n\n            return permissions.some(check);\n        },\n        [identity, hasFullAccess, modelId, modelPermissions]\n    );\n\n    const canRead = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                if (typeof permission.rwd !== \"string\") {\n                    return true;\n                }\n                return permission.rwd.includes(\"r\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canReadEntries = useCallback(\n        ({ contentModelGroup, contentModel }: CanReadEntriesCallableParams): boolean => {\n            if (hasFullAccess) {\n                return true;\n            }\n\n            const entryPermissions =\n                identity.getPermissions<CmsSecurityPermission>(\"cms.contentEntry\") ?? [];\n            if (!entryPermissions.length) {\n                return false;\n            }\n\n            const groupPermissions =\n                identity.getPermissions<CmsSecurityPermission>(\"cms.contentModelGroup\") ?? [];\n\n            // Group all permissions by _src. Permissions without _src go into an \"ungrouped\" bucket.\n            const srcKeys = new Set<string | undefined>();\n            for (const p of [...entryPermissions, ...modelPermissions, ...groupPermissions]) {\n                srcKeys.add(p._src);\n            }\n\n            for (const src of srcKeys) {\n                const srcEntryPerms = entryPermissions.filter(p => p._src === src);\n                const srcModelPerms = modelPermissions.filter(p => p._src === src);\n                const srcGroupPerms = groupPermissions.filter(p => p._src === src);\n\n                if (!srcEntryPerms.length) {\n                    continue;\n                }\n\n                const hasReadAccess = srcEntryPerms.some(p => {\n                    if (typeof p.rwd !== \"string\") {\n                        return true;\n                    }\n                    return p.rwd.includes(\"r\");\n                });\n\n                if (!hasReadAccess) {\n                    continue;\n                }\n\n                const modelAllowed = isModelAllowed(srcModelPerms, contentModel.modelId);\n                if (!modelAllowed) {\n                    continue;\n                }\n\n                const groupAllowed = isGroupAllowed(srcGroupPerms, contentModelGroup.id);\n                if (!groupAllowed) {\n                    continue;\n                }\n\n                return true;\n            }\n\n            return false;\n        },\n        [identity, hasFullAccess, modelPermissions]\n    );\n\n    const canEdit = useCallback(\n        (item: CreatableItem, permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                if (permission.own) {\n                    if (!item.createdBy) {\n                        return true;\n                    }\n\n                    if (item?.createdBy?.id === identity.id) {\n                        return true;\n                    }\n                }\n\n                if (typeof permission.rwd === \"string\") {\n                    if (permission.rwd.includes(\"w\")) {\n                        return true;\n                    }\n                }\n\n                return false;\n            });\n        },\n        [identity, checkPermission]\n    );\n\n    const canCreate = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                if (typeof permission.rwd !== \"string\") {\n                    return true;\n                }\n                return permission.rwd.includes(\"w\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canDelete = useCallback(\n        (item: CreatableItem, permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                if (permission.own) {\n                    return item?.createdBy?.id === identity.id;\n                }\n\n                if (typeof permission.rwd === \"string\") {\n                    return permission.rwd.includes(\"d\");\n                }\n\n                return false;\n            });\n        },\n        [identity, checkPermission]\n    );\n\n    const canDeleteEntries = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                return !!permission.rwd?.includes(\"d\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canPublish = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                return !!permission.pw?.includes(\"p\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canUnpublish = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                return !!permission.pw?.includes(\"u\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canReadContentModels = canRead(\"cms.contentModel\");\n    const canReadContentModelGroups = canRead(\"cms.contentModelGroup\");\n    const canCreateContentModels = canCreate(\"cms.contentModel\");\n    const canCreateContentModelGroups = canCreate(\"cms.contentModelGroup\");\n    const canAccessManageEndpoint = useMemo(() => {\n        return identity.getPermission(\"cms.endpoint.manage\") !== undefined;\n    }, [identity]);\n\n    return {\n        canReadEntries,\n        canEdit,\n        canCreate,\n        canDelete,\n        canDeleteEntries,\n        canPublish,\n        canUnpublish,\n        canReadContentModels,\n        canReadContentModelGroups,\n        canCreateContentModels,\n        canCreateContentModelGroups,\n        canAccessManageEndpoint\n    };\n});\n"],"names":["isModelAllowed","modelPermissions","modelId","permission","Array","isGroupAllowed","groupPermissions","groupId","hasAccessForModel","permissions","check","srcKeys","Set","p","src","srcPerms","srcModelPerms","modelAllowed","usePermission","makeDecoratable","identity","useIdentity","model","useContext","ModelContext","hasFullAccess","useMemo","checkPermission","useCallback","permissionName","canRead","canReadEntries","contentModelGroup","contentModel","entryPermissions","srcEntryPerms","srcGroupPerms","hasReadAccess","groupAllowed","canEdit","item","canCreate","canDelete","canDeleteEntries","canPublish","canUnpublish","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","canAccessManageEndpoint","undefined"],"mappings":"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"}
+{"version":3,"file":"admin/hooks/usePermission.js","sources":["../../../src/admin/hooks/usePermission.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from \"react\";\nimport { useIdentity } from \"@webiny/app-admin\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ModelContext } from \"~/admin/components/ModelProvider/ModelContext.js\";\nimport type { CmsGroup, CmsIdentity, CmsModel, CmsSecurityPermission } from \"~/types.js\";\n\nexport interface CreatableItem {\n    createdBy?: Pick<CmsIdentity, \"id\">;\n}\n\ninterface CanReadEntriesCallableParams {\n    contentModelGroup: Pick<CmsGroup, \"id\">;\n    contentModel: Pick<CmsModel, \"modelId\">;\n}\n\nfunction isModelAllowed(modelPermissions: CmsSecurityPermission[], modelId: string): boolean {\n    // No model permissions in this group means all models are allowed.\n    if (!modelPermissions.length) {\n        return true;\n    }\n\n    for (const permission of modelPermissions) {\n        // If no models array, this permission grants access to all models.\n        if (!Array.isArray(permission.models)) {\n            return true;\n        }\n\n        if (permission.models.includes(modelId)) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nfunction isGroupAllowed(groupPermissions: CmsSecurityPermission[], groupId: string): boolean {\n    // No group permissions in this group means all groups are allowed.\n    if (!groupPermissions.length) {\n        return true;\n    }\n\n    for (const permission of groupPermissions) {\n        // If no groups array, this permission grants access to all groups.\n        if (!Array.isArray(permission.groups)) {\n            return true;\n        }\n\n        if (permission.groups.includes(groupId)) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\ninterface HasAccessParams {\n    permissions: CmsSecurityPermission[];\n    modelPermissions: CmsSecurityPermission[];\n    modelId: string;\n    check: (permission: CmsSecurityPermission) => boolean;\n}\n\n/**\n * Check if any _src group grants access for the given model.\n */\nfunction hasAccessForModel({ permissions, modelPermissions, modelId, check }: HasAccessParams) {\n    const srcKeys = new Set<string | undefined>();\n    for (const p of [...permissions, ...modelPermissions]) {\n        srcKeys.add(p._src);\n    }\n\n    for (const src of srcKeys) {\n        const srcPerms = permissions.filter(p => p._src === src);\n        const srcModelPerms = modelPermissions.filter(p => p._src === src);\n\n        if (!srcPerms.length) {\n            continue;\n        }\n\n        if (!srcPerms.some(check)) {\n            continue;\n        }\n\n        const modelAllowed = isModelAllowed(srcModelPerms, modelId);\n        if (!modelAllowed) {\n            continue;\n        }\n\n        return true;\n    }\n\n    return false;\n}\n\nexport const usePermission = makeDecoratable(() => {\n    const { identity } = useIdentity();\n    const model = useContext(ModelContext);\n    const modelId = model?.modelId;\n\n    const hasFullAccess = useMemo(() => !!identity.getPermission(\"cms.*\"), [identity]);\n\n    const modelPermissions = useMemo(\n        () => identity.getPermissions<CmsSecurityPermission>(\"cms.contentModel\") ?? [],\n        [identity]\n    );\n\n    /**\n     * Check permissions with _src-based model scoping when a model context is available.\n     * When no model context exists, falls back to checking permissions without model correlation.\n     */\n    const checkPermission = useCallback(\n        (permissionName: string, check: (permission: CmsSecurityPermission) => boolean) => {\n            if (hasFullAccess) {\n                return true;\n            }\n\n            const permissions = identity.getPermissions<CmsSecurityPermission>(permissionName);\n            if (!permissions.length) {\n                return false;\n            }\n\n            if (modelId) {\n                return hasAccessForModel({\n                    permissions,\n                    modelPermissions,\n                    modelId,\n                    check\n                });\n            }\n\n            return permissions.some(check);\n        },\n        [identity, hasFullAccess, modelId, modelPermissions]\n    );\n\n    const canRead = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                if (typeof permission.rwd !== \"string\") {\n                    return true;\n                }\n                return permission.rwd.includes(\"r\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canReadEntries = useCallback(\n        ({ contentModelGroup, contentModel }: CanReadEntriesCallableParams): boolean => {\n            if (hasFullAccess) {\n                return true;\n            }\n\n            const entryPermissions =\n                identity.getPermissions<CmsSecurityPermission>(\"cms.contentEntry\") ?? [];\n            if (!entryPermissions.length) {\n                return false;\n            }\n\n            const groupPermissions =\n                identity.getPermissions<CmsSecurityPermission>(\"cms.contentModelGroup\") ?? [];\n\n            // Group all permissions by _src. Permissions without _src go into an \"ungrouped\" bucket.\n            const srcKeys = new Set<string | undefined>();\n            for (const p of [...entryPermissions, ...modelPermissions, ...groupPermissions]) {\n                srcKeys.add(p._src);\n            }\n\n            for (const src of srcKeys) {\n                const srcEntryPerms = entryPermissions.filter(p => p._src === src);\n                const srcModelPerms = modelPermissions.filter(p => p._src === src);\n                const srcGroupPerms = groupPermissions.filter(p => p._src === src);\n\n                if (!srcEntryPerms.length) {\n                    continue;\n                }\n\n                const hasReadAccess = srcEntryPerms.some(p => {\n                    if (typeof p.rwd !== \"string\") {\n                        return true;\n                    }\n                    return p.rwd.includes(\"r\");\n                });\n\n                if (!hasReadAccess) {\n                    continue;\n                }\n\n                const modelAllowed = isModelAllowed(srcModelPerms, contentModel.modelId);\n                if (!modelAllowed) {\n                    continue;\n                }\n\n                const groupAllowed = isGroupAllowed(srcGroupPerms, contentModelGroup.id);\n                if (!groupAllowed) {\n                    continue;\n                }\n\n                return true;\n            }\n\n            return false;\n        },\n        [identity, hasFullAccess, modelPermissions]\n    );\n\n    const canEdit = useCallback(\n        (item: CreatableItem, permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                if (permission.own) {\n                    if (!item.createdBy) {\n                        return true;\n                    }\n\n                    if (item?.createdBy?.id === identity.id) {\n                        return true;\n                    }\n                }\n\n                if (typeof permission.rwd === \"string\") {\n                    if (permission.rwd.includes(\"w\")) {\n                        return true;\n                    }\n                }\n\n                return false;\n            });\n        },\n        [identity, checkPermission]\n    );\n\n    const canCreate = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                if (typeof permission.rwd !== \"string\") {\n                    return true;\n                }\n                return permission.rwd.includes(\"w\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canDelete = useCallback(\n        (item: CreatableItem, permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                if (permission.own) {\n                    return item?.createdBy?.id === identity.id;\n                }\n\n                if (typeof permission.rwd === \"string\") {\n                    return permission.rwd.includes(\"d\");\n                }\n\n                return false;\n            });\n        },\n        [identity, checkPermission]\n    );\n\n    const canDeleteEntries = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                return !!permission.rwd?.includes(\"d\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canPublish = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                return !!permission.pw?.includes(\"p\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canUnpublish = useCallback(\n        (permissionName: string): boolean => {\n            return checkPermission(permissionName, permission => {\n                return !!permission.pw?.includes(\"u\");\n            });\n        },\n        [checkPermission]\n    );\n\n    const canReadContentModels = canRead(\"cms.contentModel\");\n    const canReadContentModelGroups = canRead(\"cms.contentModelGroup\");\n    const canCreateContentModels = canCreate(\"cms.contentModel\");\n    const canCreateContentModelGroups = canCreate(\"cms.contentModelGroup\");\n    const canAccessManageEndpoint = useMemo(() => {\n        return identity.getPermission(\"cms.endpoint.manage\") !== undefined;\n    }, [identity]);\n\n    return {\n        canReadEntries,\n        canEdit,\n        canCreate,\n        canDelete,\n        canDeleteEntries,\n        canPublish,\n        canUnpublish,\n        canReadContentModels,\n        canReadContentModelGroups,\n        canCreateContentModels,\n        canCreateContentModelGroups,\n        canAccessManageEndpoint\n    };\n});\n"],"names":["isModelAllowed","modelPermissions","modelId","permission","Array","isGroupAllowed","groupPermissions","groupId","hasAccessForModel","permissions","check","srcKeys","Set","p","src","srcPerms","srcModelPerms","modelAllowed","usePermission","makeDecoratable","identity","useIdentity","model","useContext","ModelContext","hasFullAccess","useMemo","checkPermission","useCallback","permissionName","canRead","canReadEntries","contentModelGroup","contentModel","entryPermissions","srcEntryPerms","srcGroupPerms","hasReadAccess","groupAllowed","canEdit","item","canCreate","canDelete","canDeleteEntries","canPublish","canUnpublish","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","canAccessManageEndpoint","undefined"],"mappings":"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"}

package/admin/lexicalConfig/LexicalEditorConfig.d.ts

@@ -1,10 +1,14 @@
 import React from "react";
 import { LexicalEditorConfig as BaseConfig } from "@webiny/lexical-editor";
-export declare const LexicalEditorConfig: {
-    ({ children }: {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    ToolbarAction: (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => React.JSX.Element;
-    Plugin: (props: React.ComponentProps<typeof BaseConfig.Plugin>) => React.JSX.Element;
-    Node: (props: React.ComponentProps<typeof BaseConfig.Node>) => React.JSX.Element;
-};
+declare const ToolbarAction: (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => React.JSX.Element;
+declare const PluginConfig: (props: React.ComponentProps<typeof BaseConfig.Plugin>) => React.JSX.Element;
+declare const NodeConfig: (props: React.ComponentProps<typeof BaseConfig.Node>) => React.JSX.Element;
+export declare function LexicalEditorConfig({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare namespace LexicalEditorConfig {
+    export { ToolbarAction };
+    export { PluginConfig as Plugin };
+    export { NodeConfig as Node };
+}
+export {};

package/admin/plugins/editor/defaultBar/CreateContentButton.js

@@ -1,24 +1,15 @@
 import react from "react";
-import get from "lodash/get.js";
 import { useRouter } from "@webiny/app-admin";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { ReactComponent } from "@webiny/icons/list.svg";
-import { GET_CONTENT_MODEL } from "../../../graphql/contentModels.js";
 import { useModelEditor } from "../../../hooks/index.js";
 import { IconButton, Tooltip } from "@webiny/admin-ui";
 import { Routes } from "../../../../routes.js";
 const t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
 const CreateContentButton = ()=>{
     const { goToRoute } = useRouter();
-    const { data, apolloClient } = useModelEditor();
-    const getQuery = apolloClient.readQuery({
-        query: GET_CONTENT_MODEL,
-        variables: {
-            modelId: data.modelId
-        }
-    });
-    const fields = get(getQuery, "getContentModel.data.fields", []);
-    const disableViewContent = 0 === fields.length;
+    const { data } = useModelEditor();
+    const disableViewContent = !data.fields || 0 === data.fields.length;
     const message = disableViewContent ? "To view the entries, you first need to add a field and save the form" : "View entries";
     return /*#__PURE__*/ react.createElement(Tooltip, {
         content: t`{message}`({

package/admin/plugins/editor/defaultBar/CreateContentButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/plugins/editor/defaultBar/CreateContentButton.js","sources":["../../../../../src/admin/plugins/editor/defaultBar/CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as ListViewIcon } from \"@webiny/icons/list.svg\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const { goToRoute } = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the entries, you first need to add a field and save the form\"\n        : \"View entries\";\n\n    return (\n        <Tooltip\n            content={t`{message}`({ message })}\n            side={\"bottom\"}\n            trigger={\n                <IconButton\n                    icon={<ListViewIcon />}\n                    onClick={() => goToRoute(Routes.ContentEntries.List, { modelId: data.modelId })}\n                    disabled={disableViewContent}\n                    variant={\"ghost\"}\n                />\n            }\n        />\n    );\n};\n\nexport default CreateContentButton;\n"],"names":["t","i18n","CreateContentButton","goToRoute","useRouter","data","apolloClient","useModelEditor","getQuery","GET_CONTENT_MODEL","fields","get","disableViewContent","message","Tooltip","IconButton","ListViewIcon","Routes"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,MAAMC,sBAAsB;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAE,GAAGC;IAE/B,MAAMC,WAAWF,aAAa,SAAS,CAAsD;QACzF,OAAOG;QACP,WAAW;YACP,SAASJ,KAAK,OAAO;QACzB;IACJ;IACA,MAAMK,SAASC,IAAIH,UAAU,+BAA+B,EAAE;IAC9D,MAAMI,qBAAqBF,AAAkB,MAAlBA,OAAO,MAAM;IACxC,MAAMG,UAAUD,qBACV,yEACA;IAEN,OAAO,WAAP,GACI,oBAACE,SAAOA;QACJ,SAASd,CAAC,CAAC,SAAS,CAAC,CAAC;YAAEa;QAAQ;QAChC,MAAM;QACN,uBACI,oBAACE,YAAUA;YACP,oBAAM,oBAACC,gBAAYA;YACnB,SAAS,IAAMb,UAAUc,OAAO,cAAc,CAAC,IAAI,EAAE;oBAAE,SAASZ,KAAK,OAAO;gBAAC;YAC7E,UAAUO;YACV,SAAS;;;AAK7B;AAEA,uCAAeV"}
+{"version":3,"file":"admin/plugins/editor/defaultBar/CreateContentButton.js","sources":["../../../../../src/admin/plugins/editor/defaultBar/CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as ListViewIcon } from \"@webiny/icons/list.svg\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const { goToRoute } = useRouter();\n    const { data } = useModelEditor();\n\n    const disableViewContent = !data.fields || data.fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the entries, you first need to add a field and save the form\"\n        : \"View entries\";\n\n    return (\n        <Tooltip\n            content={t`{message}`({ message })}\n            side={\"bottom\"}\n            trigger={\n                <IconButton\n                    icon={<ListViewIcon />}\n                    onClick={() => goToRoute(Routes.ContentEntries.List, { modelId: data.modelId })}\n                    disabled={disableViewContent}\n                    variant={\"ghost\"}\n                />\n            }\n        />\n    );\n};\n\nexport default CreateContentButton;\n"],"names":["t","i18n","CreateContentButton","goToRoute","useRouter","data","useModelEditor","disableViewContent","message","Tooltip","IconButton","ListViewIcon","Routes"],"mappings":";;;;;;;AAQA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,MAAMC,sBAAsB;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,MAAMC,qBAAqB,CAACF,KAAK,MAAM,IAAIA,AAAuB,MAAvBA,KAAK,MAAM,CAAC,MAAM;IAC7D,MAAMG,UAAUD,qBACV,yEACA;IAEN,OAAO,WAAP,GACI,oBAACE,SAAOA;QACJ,SAAST,CAAC,CAAC,SAAS,CAAC,CAAC;YAAEQ;QAAQ;QAChC,MAAM;QACN,uBACI,oBAACE,YAAUA;YACP,oBAAM,oBAACC,gBAAYA;YACnB,SAAS,IAAMR,UAAUS,OAAO,cAAc,CAAC,IAAI,EAAE;oBAAE,SAASP,KAAK,OAAO;gBAAC;YAC7E,UAAUE;YACV,SAAS;;;AAK7B;AAEA,uCAAeL"}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface FormSettingsProps {
-    onExited: () => void;
+    open: boolean;
+    onClose: () => void;
 }
-declare const FormSettings: ({ onExited }: FormSettingsProps) => React.JSX.Element;
+declare const FormSettings: ({ open, onClose }: FormSettingsProps) => React.JSX.Element;
 export default FormSettings;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.js

@@ -1,26 +1,29 @@
-import react, { useState } from "react";
+import react, { useRef, useState } from "react";
 import { plugins } from "@webiny/plugins";
-import { LeftPanel, OverlayLayout, RightPanel, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, SplitView, useSnackbar } from "@webiny/app-admin";
+import { useSnackbar } from "@webiny/app-admin";
 import { Form } from "@webiny/form";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { useModelEditor } from "../../../../hooks/index.js";
-import { Button, Heading, Icon, List } from "@webiny/admin-ui";
+import { Drawer, Icon, List } from "@webiny/admin-ui";
 const t = i18n.namespace("FormsApp.Editor.FormSettings");
-const Title = ()=>/*#__PURE__*/ react.createElement(Heading, {
-        level: 5,
-        className: "text-neutral-strong"
-    }, t`Content model settings`);
-const FormSettings = ({ onExited })=>{
+const FormSettings = ({ open, onClose })=>{
     const cmsEditorFormSettingsPlugins = plugins.byType("cms-editor-form-settings");
     const { data, setData } = useModelEditor();
     const { showSnackbar } = useSnackbar();
     const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);
-    return /*#__PURE__*/ react.createElement(OverlayLayout, {
-        barMiddle: /*#__PURE__*/ react.createElement(Title, null),
-        onExited: onExited
-    }, /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, {
-        span: 5
-    }, /*#__PURE__*/ react.createElement(List, null, cmsEditorFormSettingsPlugins.map((pl)=>/*#__PURE__*/ react.createElement(List.Item, {
+    const submitRef = useRef(null);
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        open: open,
+        onClose: onClose,
+        title: t`Content model settings`,
+        modal: true,
+        showCloseButton: true,
+        size: "lg",
+        actions: /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            text: t`Save`,
+            onClick: ()=>submitRef.current?.()
+        })
+    }, cmsEditorFormSettingsPlugins.length > 1 && /*#__PURE__*/ react.createElement(List, null, cmsEditorFormSettingsPlugins.map((pl)=>/*#__PURE__*/ react.createElement(List.Item, {
             key: pl.name,
             onClick: ()=>setActivePlugin(pl),
             icon: /*#__PURE__*/ react.createElement(Icon, {
@@ -29,35 +32,21 @@ const FormSettings = ({ onExited })=>{
             }),
             title: pl.title,
             description: pl.description
-        })))), /*#__PURE__*/ react.createElement(RightPanel, {
-        span: 7
-    }, /*#__PURE__*/ react.createElement(Form, {
+        }))), /*#__PURE__*/ react.createElement(Form, {
         data: data,
-        onSubmit: (data)=>{
-            setData(()=>data);
-            onExited();
+        onSubmit: (formData)=>{
+            setData(()=>formData);
+            onClose();
             showSnackbar(t`Content model settings updated successfully.`);
         }
-    }, ({ Bind, submit, form, data: formData })=>/*#__PURE__*/ react.createElement(SimpleForm, {
-            size: "lg"
-        }, /*#__PURE__*/ react.createElement(SimpleFormHeader, {
-            title: activePlugin.title
-        }, /*#__PURE__*/ react.createElement("div", {
-            className: "flex justify-end items-center"
-        }, "function" == typeof activePlugin.renderHeaderActions && activePlugin.renderHeaderActions({
+    }, ({ Bind, submit, form, data: formData })=>{
+        submitRef.current = submit;
+        return activePlugin ? activePlugin.render({
             Bind,
             form,
             formData
-        }))), /*#__PURE__*/ react.createElement(SimpleFormContent, null, activePlugin ? activePlugin.render({
-            Bind: Bind,
-            form,
-            formData
-        }) : null), activePlugin?.showSave !== false ? /*#__PURE__*/ react.createElement(SimpleFormFooter, null, /*#__PURE__*/ react.createElement(Button, {
-            text: t`Save`,
-            onClick: (ev)=>{
-                submit(ev);
-            }
-        })) : null)))));
+        }) : null;
+    }));
 };
 const FormSettings_FormSettings = FormSettings;
 export default FormSettings_FormSettings;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/plugins/editor/defaultBar/FormSettings/FormSettings.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/FormSettings/FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport {\n    LeftPanel,\n    OverlayLayout,\n    RightPanel,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader,\n    SplitView,\n    useSnackbar\n} from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { Button, Heading, Icon, List } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\nconst Title = () => {\n    return (\n        <Heading level={5} className={\"text-neutral-strong\"}>{t`Content model settings`}</Heading>\n    );\n};\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings = ({ onExited }: FormSettingsProps) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={<Title />} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <List.Item\n                                key={pl.name}\n                                onClick={() => setActivePlugin(pl)}\n                                icon={<Icon label={pl.title} icon={pl.icon} />}\n                                title={pl.title}\n                                description={pl.description}\n                            />\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SimpleForm size={\"lg\"}>\n                                <SimpleFormHeader title={activePlugin.title}>\n                                    <div className={\"flex justify-end items-center\"}>\n                                        {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                            activePlugin.renderHeaderActions({\n                                                Bind,\n                                                form,\n                                                formData\n                                            })}\n                                    </div>\n                                </SimpleFormHeader>\n                                <SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              Bind: Bind,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SimpleFormContent>\n                                {activePlugin?.showSave !== false ? (\n                                    <SimpleFormFooter>\n                                        <Button\n                                            text={t`Save`}\n                                            onClick={ev => {\n                                                submit(ev);\n                                            }}\n                                        />\n                                    </SimpleFormFooter>\n                                ) : null}\n                            </SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"names":["t","i18n","Title","Heading","FormSettings","onExited","cmsEditorFormSettingsPlugins","plugins","data","setData","useModelEditor","showSnackbar","useSnackbar","activePlugin","setActivePlugin","useState","OverlayLayout","SplitView","LeftPanel","List","pl","Icon","RightPanel","Form","Bind","submit","form","formData","SimpleForm","SimpleFormHeader","SimpleFormContent","SimpleFormFooter","Button","ev"],"mappings":";;;;;;;AAmBA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,MAAMC,QAAQ,IACH,WAAP,GACI,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OAAwBH,CAAC,CAAC,sBAAsB,CAAC;AAQvF,MAAMI,eAAe,CAAC,EAAEC,QAAQ,EAAqB;IACjD,MAAMC,+BAA+BC,QAAQ,MAAM,CAC/C;IAEJ,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SAAST,4BAA4B,CAAC,EAAE;IAEhF,OAAO,WAAP,GACI,oBAACU,eAAaA;QAAC,yBAAW,oBAACd,OAAKA;QAAK,UAAUG;qBAC3C,oBAACY,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA;QAAC,MAAM;qBACb,oBAACC,MAAIA,MACAb,6BAA6B,GAAG,CAACc,CAAAA,KAAAA,WAAAA,GAC9B,oBAACD,KAAK,IAAI;YACN,KAAKC,GAAG,IAAI;YACZ,SAAS,IAAMN,gBAAgBM;YAC/B,oBAAM,oBAACC,MAAIA;gBAAC,OAAOD,GAAG,KAAK;gBAAE,MAAMA,GAAG,IAAI;;YAC1C,OAAOA,GAAG,KAAK;YACf,aAAaA,GAAG,WAAW;6BAK3C,oBAACE,YAAUA;QAAC,MAAM;qBACd,oBAACC,MAAIA;QACD,MAAMf;QACN,UAAUA,CAAAA;YACNC,QAAQ,IAAMD;YACdH;YACAM,aAAaX,CAAC,CAAC,4CAA4C,CAAC;QAChE;OAEC,CAAC,EAAEwB,IAAI,EAAEC,MAAM,EAAEC,IAAI,EAAE,MAAMC,QAAQ,EAAE,iBACpC,oBAACC,YAAUA;YAAC,MAAM;yBACd,oBAACC,kBAAgBA;YAAC,OAAOhB,aAAa,KAAK;yBACvC,oBAAC;YAAI,WAAW;WACX,AAA4C,cAA5C,OAAOA,aAAa,mBAAmB,IACpCA,aAAa,mBAAmB,CAAC;YAC7BW;YACAE;YACAC;QACJ,oBAGZ,oBAACG,mBAAiBA,MACbjB,eACKA,aAAa,MAAM,CAAC;YAChB,MAAMW;YACNE;YACAC;QACJ,KACA,OAETd,cAAc,aAAa,QAAQ,WAAR,GACxB,oBAACkB,kBAAgBA,MAAAA,WAAAA,GACb,oBAACC,QAAMA;YACH,MAAMhC,CAAC,CAAC,IAAI,CAAC;YACb,SAASiC,CAAAA;gBACLR,OAAOQ;YACX;cAGR;AAQpC;AAEA,kCAAe7B"}
+{"version":3,"file":"admin/plugins/editor/defaultBar/FormSettings/FormSettings.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/FormSettings/FormSettings.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { Drawer, Icon, List } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\ninterface FormSettingsProps {\n    open: boolean;\n    onClose: () => void;\n}\n\nconst FormSettings = ({ open, onClose }: FormSettingsProps) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n    const submitRef = useRef<((e?: React.SyntheticEvent) => void) | null>(null);\n\n    return (\n        <Drawer\n            open={open}\n            onClose={onClose}\n            title={t`Content model settings`}\n            modal={true}\n            showCloseButton={true}\n            size={\"lg\"}\n            actions={<Drawer.ConfirmButton text={t`Save`} onClick={() => submitRef.current?.()} />}\n        >\n            {cmsEditorFormSettingsPlugins.length > 1 && (\n                <List>\n                    {cmsEditorFormSettingsPlugins.map(pl => (\n                        <List.Item\n                            key={pl.name}\n                            onClick={() => setActivePlugin(pl)}\n                            icon={<Icon label={pl.title} icon={pl.icon} />}\n                            title={pl.title}\n                            description={pl.description}\n                        />\n                    ))}\n                </List>\n            )}\n            <Form\n                data={data}\n                onSubmit={formData => {\n                    setData(() => formData);\n                    onClose();\n                    showSnackbar(t`Content model settings updated successfully.`);\n                }}\n            >\n                {({ Bind, submit, form, data: formData }) => {\n                    submitRef.current = submit;\n                    return (\n                        activePlugin ? activePlugin.render({ Bind, form, formData }) : null\n                    ) as React.ReactElement;\n                }}\n            </Form>\n        </Drawer>\n    );\n};\n\nexport default FormSettings;\n"],"names":["t","i18n","FormSettings","open","onClose","cmsEditorFormSettingsPlugins","plugins","data","setData","useModelEditor","showSnackbar","useSnackbar","activePlugin","setActivePlugin","useState","submitRef","useRef","Drawer","List","pl","Icon","Form","formData","Bind","submit","form"],"mappings":";;;;;;;AASA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAOzB,MAAMC,eAAe,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAqB;IACtD,MAAMC,+BAA+BC,QAAQ,MAAM,CAC/C;IAEJ,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SAAST,4BAA4B,CAAC,EAAE;IAChF,MAAMU,YAAYC,OAAoD;IAEtE,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,MAAMd;QACN,SAASC;QACT,OAAOJ,CAAC,CAAC,sBAAsB,CAAC;QAChC,OAAO;QACP,iBAAiB;QACjB,MAAM;QACN,uBAAS,oBAACiB,OAAO,aAAa;YAAC,MAAMjB,CAAC,CAAC,IAAI,CAAC;YAAE,SAAS,IAAMe,UAAU,OAAO;;OAE7EV,6BAA6B,MAAM,GAAG,KAAK,WAAL,GACnC,oBAACa,MAAIA,MACAb,6BAA6B,GAAG,CAACc,CAAAA,KAAAA,WAAAA,GAC9B,oBAACD,KAAK,IAAI;YACN,KAAKC,GAAG,IAAI;YACZ,SAAS,IAAMN,gBAAgBM;YAC/B,oBAAM,oBAACC,MAAIA;gBAAC,OAAOD,GAAG,KAAK;gBAAE,MAAMA,GAAG,IAAI;;YAC1C,OAAOA,GAAG,KAAK;YACf,aAAaA,GAAG,WAAW;4BAK3C,oBAACE,MAAIA;QACD,MAAMd;QACN,UAAUe,CAAAA;YACNd,QAAQ,IAAMc;YACdlB;YACAM,aAAaV,CAAC,CAAC,4CAA4C,CAAC;QAChE;OAEC,CAAC,EAAEuB,IAAI,EAAEC,MAAM,EAAEC,IAAI,EAAE,MAAMH,QAAQ,EAAE;QACpCP,UAAU,OAAO,GAAGS;QACpB,OACIZ,eAAeA,aAAa,MAAM,CAAC;YAAEW;YAAME;YAAMH;QAAS,KAAK;IAEvE;AAIhB;AAEA,kCAAepB"}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js

@@ -14,8 +14,9 @@ const FormSettingsButton = ()=>{
             icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
             variant: "ghost"
         })
-    }), opened && /*#__PURE__*/ react.createElement(FormSettings, {
-        onExited: close
+    }), /*#__PURE__*/ react.createElement(FormSettings, {
+        open: opened,
+        onClose: close
     }));
 };
 const FormSettings_FormSettingsButton = FormSettingsButton;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport FormSettings from \"./FormSettings.js\";\n\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nconst FormSettingsButton = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <Tooltip\n                content={\"View content model settings\"}\n                side={\"bottom\"}\n                trigger={<IconButton onClick={open} icon={<SettingsIcon />} variant={\"ghost\"} />}\n            />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"names":["FormSettingsButton","opened","setOpened","useState","open","useCallback","close","Tooltip","IconButton","SettingsIcon","FormSettings"],"mappings":";;;;AAMA,MAAMA,qBAAqB;IACvB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IACrC,MAAMC,OAAOC,YAAY,IAAMH,UAAU,OAAO,EAAE;IAClD,MAAMI,QAAQD,YAAY,IAAMH,UAAU,QAAQ,EAAE;IAEpD,OAAO,WAAP,GACI,wDACI,oBAACK,SAAOA;QACJ,SAAS;QACT,MAAM;QACN,uBAAS,oBAACC,YAAUA;YAAC,SAASJ;YAAM,oBAAM,oBAACK,gBAAYA;YAAK,SAAS;;QAExER,UAAU,WAAVA,GAAU,oBAACS,cAAYA;QAAC,UAAUJ;;AAG/C;AAEA,wCAAeN"}
+{"version":3,"file":"admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport FormSettings from \"./FormSettings.js\";\n\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nconst FormSettingsButton = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <Tooltip\n                content={\"View content model settings\"}\n                side={\"bottom\"}\n                trigger={<IconButton onClick={open} icon={<SettingsIcon />} variant={\"ghost\"} />}\n            />\n            <FormSettings open={opened} onClose={close} />\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"names":["FormSettingsButton","opened","setOpened","useState","open","useCallback","close","Tooltip","IconButton","SettingsIcon","FormSettings"],"mappings":";;;;AAMA,MAAMA,qBAAqB;IACvB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IACrC,MAAMC,OAAOC,YAAY,IAAMH,UAAU,OAAO,EAAE;IAClD,MAAMI,QAAQD,YAAY,IAAMH,UAAU,QAAQ,EAAE;IAEpD,OAAO,WAAP,GACI,wDACI,oBAACK,SAAOA;QACJ,SAAS;QACT,MAAM;QACN,uBAAS,oBAACC,YAAUA;YAAC,SAASJ;YAAM,oBAAM,oBAACK,gBAAYA;YAAK,SAAS;;sBAEzE,oBAACC,cAAYA;QAAC,MAAMT;QAAQ,SAASK;;AAGjD;AAEA,wCAAeN"}

package/admin/plugins/editor/formSettings/components/GroupSelect.js

@@ -1,10 +1,14 @@
-import react, { useMemo } from "react";
+import react, { useEffect, useMemo, useState } from "react";
 import { Select } from "@webiny/admin-ui";
-import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../../../viewsGraphql.js";
-import { useQuery } from "../../../../hooks/index.js";
+import { useFeature } from "@webiny/app";
+import { ListModelGroupsFeature } from "../../../../../features/modelGroup/listModelGroups/feature.js";
 function GroupSelect({ value, ...props }) {
-    const { data, loading } = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
-    const groups = loading || !data ? [] : data.listContentModelGroups.data;
+    const { useCase } = useFeature(ListModelGroupsFeature);
+    const [groups, setGroups] = useState([]);
+    const [loading, setLoading] = useState(true);
+    useEffect(()=>{
+        useCase.execute().then(setGroups).catch(console.error).finally(()=>setLoading(false));
+    }, []);
     const options = useMemo(()=>groups.map((item)=>({
                 value: item.slug,
                 label: item.name

package/admin/plugins/editor/formSettings/components/GroupSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/plugins/editor/formSettings/components/GroupSelect.js","sources":["../../../../../../src/admin/plugins/editor/formSettings/components/GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport { useQuery } from \"~/admin/hooks/index.js\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    const groups = loading || !data ? [] : data.listContentModelGroups.data;\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.slug, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.slug;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"],"names":["GroupSelect","value","props","data","loading","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","groups","options","useMemo","item","selectValue","Select"],"mappings":";;;;AAOe,SAASA,YAAY,EAAEC,KAAK,EAAE,GAAGC,OAA2B;IACvE,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,SACtBC;IAGJ,MAAMC,SAASH,WAAW,CAACD,OAAO,EAAE,GAAGA,KAAK,sBAAsB,CAAC,IAAI;IACvE,MAAMK,UAAUC,QAAQ,IACbF,OAAO,GAAG,CAACG,CAAAA,OAAS;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,IAAI;YAAC,KACjE;QAACH;KAAO;IAEX,MAAMI,cAAc,AAAiB,YAAjB,OAAOV,QAAqBA,QAAQA,MAAM,IAAI;IAElE,OAAO,WAAP,GACI,oBAACW,QAAMA;QACF,GAAGV,KAAK;QACT,OAAOE,UAAU,KAAKO;QACtB,OAAO;QACP,SAASH;;AAGrB"}
+{"version":3,"file":"admin/plugins/editor/formSettings/components/GroupSelect.js","sources":["../../../../../../src/admin/plugins/editor/formSettings/components/GroupSelect.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { ListModelGroupsFeature } from \"~/features/modelGroup/listModelGroups/feature.js\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { useCase } = useFeature(ListModelGroupsFeature);\n    const [groups, setGroups] = useState<ModelGroupDto[]>([]);\n    const [loading, setLoading] = useState(true);\n\n    useEffect(() => {\n        useCase\n            .execute()\n            .then(setGroups)\n            .catch(console.error)\n            .finally(() => setLoading(false));\n    }, []);\n\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.slug, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.slug;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"],"names":["GroupSelect","value","props","useCase","useFeature","ListModelGroupsFeature","groups","setGroups","useState","loading","setLoading","useEffect","console","options","useMemo","item","selectValue","Select"],"mappings":";;;;AAOe,SAASA,YAAY,EAAEC,KAAK,EAAE,GAAGC,OAA2B;IACvE,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAA0B,EAAE;IACxD,MAAM,CAACC,SAASC,WAAW,GAAGF,SAAS;IAEvCG,UAAU;QACNR,QACK,OAAO,GACP,IAAI,CAACI,WACL,KAAK,CAACK,QAAQ,KAAK,EACnB,OAAO,CAAC,IAAMF,WAAW;IAClC,GAAG,EAAE;IAEL,MAAMG,UAAUC,QAAQ,IACbR,OAAO,GAAG,CAACS,CAAAA,OAAS;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,IAAI;YAAC,KACjE;QAACT;KAAO;IAEX,MAAMU,cAAc,AAAiB,YAAjB,OAAOf,QAAqBA,QAAQA,MAAM,IAAI;IAElE,OAAO,WAAP,GACI,oBAACgB,QAAMA;QACF,GAAGf,KAAK;QACT,OAAOO,UAAU,KAAKO;QACtB,OAAO;QACP,SAASH;;AAGrB"}

package/admin/plugins/index.d.ts

@@ -1,27 +1,6 @@
-declare const _default: () => (import("@webiny/app-headless-cms-common/types/index.js").CmsIconsPlugin | import("@webiny/app-headless-cms-common/types/index.js").CmsFieldValueTransformer<{
-    id: string;
-    type: string;
-    fieldId: import("@webiny/app-headless-cms-common/types/model.js").CmsEditorFieldId;
-    storageId?: string;
-    label: string;
-    help?: string | React.ReactNode;
-    description?: string | React.ReactNode;
-    note?: string | React.ReactNode;
-    placeholder?: string;
-    validation?: (import("@webiny/app-headless-cms-common/types/validation.js").CmsModelFieldValidator | import("@webiny/validation/types.js").Validator)[];
-    listValidation?: import("@webiny/app-headless-cms-common/types/validation.js").CmsModelFieldValidator[];
-    list?: boolean;
-    predefinedValues?: import("@webiny/app-headless-cms-common/types/index.js").CmsEditorFieldPredefinedValues;
-    settings?: import("@webiny/app-headless-cms-common/types/model.js").CmsModelFieldSettings<unknown> | undefined;
-    renderer: {
-        name: string;
-        settings?: Record<string, any>;
-    } | import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin["renderer"]["render"];
-    tags?: string[];
-    rules?: import("@webiny/app-headless-cms-common/types/model.js").FieldRule[];
-}>[] | import("@webiny/app-headless-cms-common/types/index.js").CmsEditorFormSettingsPlugin<import("@webiny/app/types.js").GenericRecord> | import("@webiny/app/index.js").ApolloCacheObjectIdPlugin<import("@webiny/app/index.js").ApolloCacheObject> | {
+export default _default;
+declare function _default(): ({
     name: string;
     type: string;
     render(): import("react").JSX.Element;
-}[])[];
-export default _default;
+}[] | import("@webiny/app-headless-cms-common/types/index.js").CmsEditorFormSettingsPlugin<import("@webiny/app/types.js").GenericRecord> | import("@webiny/app-headless-cms-common/types/index.js").CmsIconsPlugin)[];

package/admin/plugins/index.js

@@ -1,14 +1,10 @@
 import icons from "./icons.js";
-import transformers from "./transformers/index.js";
 import defaultBar from "./editor/defaultBar/index.js";
 import formSettings from "./editor/formSettings/index.js";
-import getObjectId from "./getObjectId.js";
 const plugins = ()=>[
         icons,
-        transformers(),
         defaultBar,
-        formSettings,
-        getObjectId
+        formSettings
     ];
 export default plugins;
 

package/admin/plugins/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/plugins/index.js","sources":["../../../src/admin/plugins/index.ts"],"sourcesContent":["import icons from \"./icons.js\";\nimport contentFormTransformers from \"./transformers/index.js\";\nimport defaultBar from \"./editor/defaultBar/index.js\";\nimport formSettings from \"./editor/formSettings/index.js\";\nimport getObjectId from \"./getObjectId.js\";\n\nexport default () => [icons, contentFormTransformers(), defaultBar, formSettings, getObjectId];\n"],"names":["icons","contentFormTransformers","defaultBar","formSettings","getObjectId"],"mappings":";;;;;AAMA,gBAAgB,IAAK;QAACA;QAAOC;QAA2BC;QAAYC;QAAcC;KAAW"}
+{"version":3,"file":"admin/plugins/index.js","sources":["../../../src/admin/plugins/index.ts"],"sourcesContent":["import icons from \"./icons.js\";\nimport defaultBar from \"./editor/defaultBar/index.js\";\nimport formSettings from \"./editor/formSettings/index.js\";\n\nexport default () => [icons, defaultBar, formSettings];\n"],"names":["icons","defaultBar","formSettings"],"mappings":";;;AAIA,gBAAgB,IAAK;QAACA;QAAOC;QAAYC;KAAY"}

package/admin/plugins/permissionRenderer/components/useCmsData.js

@@ -1,54 +1,38 @@
-import graphql_tag from "graphql-tag";
-import { useQuery } from "../../../hooks/index.js";
-const LIST_DATA = graphql_tag`
-    query CmsLoadPermissionsData {
-        listContentModels {
-            data {
-                modelId
-                id: modelId
-                label: name
-                group
-            }
-            meta {
-                totalCount
-                cursor
-                hasMoreItems
-            }
-            error {
-                code
-                message
-                data
-            }
-        }
-        listContentModelGroups {
-            data {
-                id
-                slug
-                label: name
-            }
-            meta {
-                totalCount
-                cursor
-                hasMoreItems
-            }
-            error {
-                code
-                message
-                data
-            }
-        }
-    }
-`;
+import { useEffect, useState } from "react";
+import { useFeature } from "@webiny/app";
+import { ListModelsFeature } from "../../../../features/model/listModels/feature.js";
+import { ListModelGroupsFeature } from "../../../../features/modelGroup/listModelGroups/feature.js";
 const useCmsData = ()=>{
-    const { data } = useQuery(LIST_DATA);
-    const groups = data?.listContentModelGroups.data ?? [];
-    return {
-        models: (data?.listContentModels.data ?? []).filter((model)=>"hidden" !== model.group).map((model)=>({
-                ...model,
-                group: groups.find((item)=>item.slug === model.group)
-            })),
-        groups
-    };
+    const { useCase: listModelsUseCase } = useFeature(ListModelsFeature);
+    const { useCase: listModelGroupsUseCase } = useFeature(ListModelGroupsFeature);
+    const [result, setResult] = useState({
+        models: [],
+        groups: []
+    });
+    useEffect(()=>{
+        (async ()=>{
+            const [rawModels, rawGroups] = await Promise.all([
+                listModelsUseCase.execute(),
+                listModelGroupsUseCase.execute()
+            ]);
+            const groups = rawGroups.map((g)=>({
+                    id: g.id,
+                    slug: g.slug,
+                    label: g.name
+                }));
+            const models = rawModels.filter((model)=>"hidden" !== model.group).map((model)=>({
+                    id: model.modelId,
+                    modelId: model.modelId,
+                    label: model.name,
+                    group: groups.find((g)=>g.slug === model.group)
+                }));
+            setResult({
+                models,
+                groups
+            });
+        })();
+    }, []);
+    return result;
 };
 export { useCmsData };
 

package/admin/plugins/permissionRenderer/components/useCmsData.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/plugins/permissionRenderer/components/useCmsData.js","sources":["../../../../../src/admin/plugins/permissionRenderer/components/useCmsData.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { useQuery } from \"../../../hooks/index.js\";\nimport type { CmsErrorResponse } from \"~/types.js\";\n\nexport interface CmsDataCmsGroup {\n    id: string;\n    slug: string;\n    label: string;\n}\nexport interface CmsDataCmsModel<TGroup = string> {\n    id: string;\n    modelId: string;\n    label: string;\n    group: TGroup;\n}\n/**\n * ########################\n * List CMS Models And Groups for Permissions\n */\ninterface ListCmsPermissionsResponse {\n    listContentModels: {\n        data: CmsDataCmsModel[];\n        error?: CmsErrorResponse;\n    };\n    listContentModelGroups: {\n        data: CmsDataCmsGroup[];\n        error?: CmsErrorResponse;\n    };\n}\nconst LIST_DATA = gql`\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                modelId\n                id: modelId\n                label: name\n                group\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                slug\n                label: name\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n`;\n\nexport interface UseCmsDataResponseRecords {\n    models: CmsDataCmsModel<CmsDataCmsGroup>[];\n    groups: CmsDataCmsGroup[];\n}\n\nexport const useCmsData = (): UseCmsDataResponseRecords => {\n    const { data } = useQuery<ListCmsPermissionsResponse>(LIST_DATA);\n\n    const groups = data?.listContentModelGroups.data ?? [];\n\n    return {\n        models: (data?.listContentModels.data ?? [])\n            .filter(model => model.group !== \"hidden\")\n            .map(model => {\n                // `model.group` is a slug. we need to remap it to actual group object.\n                return { ...model, group: groups.find(item => item.slug === model.group)! };\n            }),\n        groups\n    };\n};\n"],"names":["LIST_DATA","gql","useCmsData","data","useQuery","groups","model","item"],"mappings":";;AA6BA,MAAMA,YAAYC,WAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCtB,CAAC;AAOM,MAAMC,aAAa;IACtB,MAAM,EAAEC,IAAI,EAAE,GAAGC,SAAqCJ;IAEtD,MAAMK,SAASF,MAAM,uBAAuB,QAAQ,EAAE;IAEtD,OAAO;QACH,QAASA,AAAAA,CAAAA,MAAM,kBAAkB,QAAQ,EAAC,EACrC,MAAM,CAACG,CAAAA,QAASA,AAAgB,aAAhBA,MAAM,KAAK,EAC3B,GAAG,CAACA,CAAAA,QAEM;gBAAE,GAAGA,KAAK;gBAAE,OAAOD,OAAO,IAAI,CAACE,CAAAA,OAAQA,KAAK,IAAI,KAAKD,MAAM,KAAK;YAAG;QAElFD;IACJ;AACJ"}
+{"version":3,"file":"admin/plugins/permissionRenderer/components/useCmsData.js","sources":["../../../../../src/admin/plugins/permissionRenderer/components/useCmsData.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { ListModelsFeature } from \"~/features/model/listModels/feature.js\";\nimport { ListModelGroupsFeature } from \"~/features/modelGroup/listModelGroups/feature.js\";\n\nexport interface CmsDataCmsGroup {\n    id: string;\n    slug: string;\n    label: string;\n}\nexport interface CmsDataCmsModel<TGroup = string> {\n    id: string;\n    modelId: string;\n    label: string;\n    group: TGroup;\n}\n\nexport interface UseCmsDataResponseRecords {\n    models: CmsDataCmsModel<CmsDataCmsGroup>[];\n    groups: CmsDataCmsGroup[];\n}\n\nexport const useCmsData = (): UseCmsDataResponseRecords => {\n    const { useCase: listModelsUseCase } = useFeature(ListModelsFeature);\n    const { useCase: listModelGroupsUseCase } = useFeature(ListModelGroupsFeature);\n\n    const [result, setResult] = useState<UseCmsDataResponseRecords>({ models: [], groups: [] });\n\n    useEffect(() => {\n        (async () => {\n            const [rawModels, rawGroups] = await Promise.all([\n                listModelsUseCase.execute(),\n                listModelGroupsUseCase.execute()\n            ]);\n\n            const groups: CmsDataCmsGroup[] = rawGroups.map(g => ({\n                id: g.id,\n                slug: g.slug,\n                label: g.name\n            }));\n\n            const models: CmsDataCmsModel<CmsDataCmsGroup>[] = rawModels\n                .filter(model => model.group !== \"hidden\")\n                .map(model => ({\n                    id: model.modelId,\n                    modelId: model.modelId,\n                    label: model.name,\n                    group: groups.find(g => g.slug === model.group)!\n                }));\n\n            setResult({ models, groups });\n        })();\n    }, []);\n\n    return result;\n};\n"],"names":["useCmsData","listModelsUseCase","useFeature","ListModelsFeature","listModelGroupsUseCase","ListModelGroupsFeature","result","setResult","useState","useEffect","rawModels","rawGroups","Promise","groups","g","models","model"],"mappings":";;;;AAsBO,MAAMA,aAAa;IACtB,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC,WAAWC;IAClD,MAAM,EAAE,SAASC,sBAAsB,EAAE,GAAGF,WAAWG;IAEvD,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAoC;QAAE,QAAQ,EAAE;QAAE,QAAQ,EAAE;IAAC;IAEzFC,UAAU;QACL;YACG,MAAM,CAACC,WAAWC,UAAU,GAAG,MAAMC,QAAQ,GAAG,CAAC;gBAC7CX,kBAAkB,OAAO;gBACzBG,uBAAuB,OAAO;aACjC;YAED,MAAMS,SAA4BF,UAAU,GAAG,CAACG,CAAAA,IAAM;oBAClD,IAAIA,EAAE,EAAE;oBACR,MAAMA,EAAE,IAAI;oBACZ,OAAOA,EAAE,IAAI;gBACjB;YAEA,MAAMC,SAA6CL,UAC9C,MAAM,CAACM,CAAAA,QAASA,AAAgB,aAAhBA,MAAM,KAAK,EAC3B,GAAG,CAACA,CAAAA,QAAU;oBACX,IAAIA,MAAM,OAAO;oBACjB,SAASA,MAAM,OAAO;oBACtB,OAAOA,MAAM,IAAI;oBACjB,OAAOH,OAAO,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAKE,MAAM,KAAK;gBAClD;YAEJT,UAAU;gBAAEQ;gBAAQF;YAAO;QAC/B;IACJ,GAAG,EAAE;IAEL,OAAOP;AACX"}

package/admin/views/contentModels/ContentModelEditor.js

@@ -3,16 +3,13 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
 import { ContentModelEditor } from "../../components/ContentModelEditor/ContentModelEditor.js";
 import { useRoute } from "@webiny/app-admin";
-import { useCms } from "../../hooks/index.js";
 import { ContentModelEditorProvider } from "../../components/ContentModelEditor/index.js";
 import { Routes } from "../../../routes.js";
 const ContentModelEditorView = ()=>{
     const { route } = useRoute(Routes.ContentModels.Editor);
-    const { apolloClient } = useCms();
     const modelId = route.params.modelId;
     return /*#__PURE__*/ react.createElement(ContentModelEditorProvider, {
         key: modelId,
-        apolloClient: apolloClient,
         modelId: modelId
     }, /*#__PURE__*/ react.createElement(DndProvider, {
         backend: HTML5Backend

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

@@ -1 +1 @@
-{"version":3,"file":"admin/views/contentModels/ContentModelEditor.js","sources":["../../../../src/admin/views/contentModels/ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { ContentModelEditor } from \"~/admin/components/ContentModelEditor/ContentModelEditor.js\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { useCms } from \"~/admin/hooks/index.js\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst ContentModelEditorView = () => {\n    const { route } = useRoute(Routes.ContentModels.Editor);\n    const { apolloClient } = useCms();\n\n    const modelId = route.params.modelId;\n\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <ContentModelEditor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"names":["ContentModelEditorView","route","useRoute","Routes","apolloClient","useCms","modelId","ContentModelEditorProvider","DndProvider","HTML5Backend","ContentModelEditor"],"mappings":";;;;;;;;AASA,MAAMA,yBAAyB;IAC3B,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,aAAa,CAAC,MAAM;IACtD,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,UAAUL,MAAM,MAAM,CAAC,OAAO;IAEpC,OAAO,WAAP,GACI,oBAACM,4BAA0BA;QAAC,KAAKD;QAAS,cAAcF;QAAc,SAASE;qBAC3E,oBAACE,aAAWA;QAAC,SAASC;qBAClB,oBAACC,oBAAkBA;AAInC;AACA,yCAAeV"}
+{"version":3,"file":"admin/views/contentModels/ContentModelEditor.js","sources":["../../../../src/admin/views/contentModels/ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { ContentModelEditor } from \"~/admin/components/ContentModelEditor/ContentModelEditor.js\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst ContentModelEditorView = () => {\n    const { route } = useRoute(Routes.ContentModels.Editor);\n    const modelId = route.params.modelId;\n\n    return (\n        <ContentModelEditorProvider key={modelId} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <ContentModelEditor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"names":["ContentModelEditorView","route","useRoute","Routes","modelId","ContentModelEditorProvider","DndProvider","HTML5Backend","ContentModelEditor"],"mappings":";;;;;;;AAQA,MAAMA,yBAAyB;IAC3B,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,aAAa,CAAC,MAAM;IACtD,MAAMC,UAAUH,MAAM,MAAM,CAAC,OAAO;IAEpC,OAAO,WAAP,GACI,oBAACI,4BAA0BA;QAAC,KAAKD;QAAS,SAASA;qBAC/C,oBAACE,aAAWA;QAAC,SAASC;qBAClB,oBAACC,oBAAkBA;AAInC;AACA,yCAAeR"}

package/admin/viewsGraphql.d.ts

@@ -2,7 +2,7 @@ import type { CmsErrorResponse, CmsGroup, CmsModel } from "../types.js";
 /**
  * ############################
  * List groups with models Query
- * * Fetches data needed for constructing content models list in the main menu.
+ * Fetches data needed for constructing content models list in the main menu.
  */
 export interface ListMenuCmsGroupsQueryResponse {
     listContentModelGroups: {
@@ -26,7 +26,8 @@ export interface ListCmsModelsQueryVariables {
     includePlugins?: boolean;
 }
 export declare const LIST_CONTENT_MODELS: import("graphql").DocumentNode;
-export declare const withoutBeingDeletedModels: (models: CmsModel[]) => CmsModel[];
+export declare const isModelBeingDeleted: (model: CmsModel) => boolean;
+export declare const isModelHidden: (model: Pick<CmsModel, "tags">) => boolean;
 /**
  * ############################
  * Create Mutation

package/admin/viewsGraphql.js

@@ -70,7 +70,11 @@ const createListContentModelsQuery = (includeBeingDeleted)=>graphql_tag`
         }
     `;
 const LIST_CONTENT_MODELS = createListContentModelsQuery(true);
-const withoutBeingDeletedModels = (models)=>models.filter((model)=>!model.isBeingDeleted);
+const isModelBeingDeleted = (model)=>!model.isBeingDeleted;
+const isModelHidden = (model)=>{
+    if (!model.tags?.length) return false;
+    return false === model.tags.includes("$hidden:true");
+};
 const CREATE_CONTENT_MODEL = graphql_tag`
     mutation CmsCreateContentModel($data: CmsContentModelCreateInput!) {
         createContentModel(data: $data) {
@@ -135,6 +139,6 @@ const CANCEL_DELETE_CONTENT_MODEL = graphql_tag`
         }
     }
 `;
-export { CANCEL_DELETE_CONTENT_MODEL, CREATE_CONTENT_MODEL, CREATE_CONTENT_MODEL_FROM, DELETE_CMS_MODEL_TASK_FIELDS, DELETE_CONTENT_MODEL, FULLY_DELETE_CONTENT_MODEL, LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS, withoutBeingDeletedModels };
+export { CANCEL_DELETE_CONTENT_MODEL, CREATE_CONTENT_MODEL, CREATE_CONTENT_MODEL_FROM, DELETE_CMS_MODEL_TASK_FIELDS, DELETE_CONTENT_MODEL, FULLY_DELETE_CONTENT_MODEL, LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS, isModelBeingDeleted, isModelHidden };
 
 //# sourceMappingURL=viewsGraphql.js.map