npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1358) hide show

package/admin/hooks/usePermission.js CHANGED Viewed

@@ -1,24 +1,16 @@
 import { useCallback, useMemo } from "react";
-import { useSecurity } from "@webiny/app-security";
-import { useI18N } from "@webiny/app-i18n/hooks/useI18N";
+import { useIdentity } from "@webiny/app-admin";
 import { makeDecoratable } from "@webiny/react-composition";
 export const usePermission = makeDecoratable(() => {
   const {
-    identity,
-    getIdentityId,
-    getPermission,
-    getPermissions
-  } = useSecurity();
-  const {
-    getCurrentLocale
-  } = useI18N();
-  const currentLocale = getCurrentLocale("content");
-  const hasFullAccess = useMemo(() => !!getPermission("cms.*"), [identity]);
+    identity
+  } = useIdentity();
+  const hasFullAccess = useMemo(() => !!identity.getPermission("cms.*"), [identity]);
   const canRead = useCallback(permissionName => {
     if (hasFullAccess) {
       return true;
     }
-    const permissions = getPermissions(permissionName);
+    const permissions = identity.getPermissions(permissionName) ?? [];
     if (!permissions.length) {
       return false;
     }
@@ -36,19 +28,19 @@ export const usePermission = makeDecoratable(() => {
     if (hasFullAccess) {
       return true;
     }
-    const permissions = getPermissions("cms.contentEntry");
+    const permissions = identity.getPermissions("cms.contentEntry") ?? [];
     if (!permissions.length) {
       return false;
     }
     // Check "contentModel" list.
-    const contentModelPermissions = getPermissions("cms.contentModel");
+    const contentModelPermissions = identity.getPermissions("cms.contentModel");
     // "all" means user has access to all models.
     let allowedModels = [];
     for (let i = 0; i < contentModelPermissions.length; i++) {
       const permission = contentModelPermissions[i];
-      const permissionAllowedModels = permission?.models?.[currentLocale];
+      const permissionAllowedModels = permission?.models;
       // The moment we encounter a permission that gives access to all models,
       // we can stop checking other permissions.
       const allModelsAllowed = !Array.isArray(permissionAllowedModels);
@@ -63,13 +55,13 @@ export const usePermission = makeDecoratable(() => {
     }
     // Check "contentModelGroup" list.
-    const contentModelGroupPermissions = getPermissions("cms.contentModelGroup");
+    const contentModelGroupPermissions = identity.getPermissions("cms.contentModelGroup");
     // "all" means user has access to all models.
     let allowedModelGroups = [];
     for (let i = 0; i < contentModelGroupPermissions.length; i++) {
       const permission = contentModelGroupPermissions[i];
-      const permissionAllowedModelGroups = permission?.models?.[currentLocale];
+      const permissionAllowedModelGroups = permission?.models;
       // The moment we encounter a permission that gives access to all models,
       // we can stop checking other permissions.
       const allModelGroupsAllowed = !Array.isArray(permissionAllowedModelGroups);
@@ -95,12 +87,12 @@ export const usePermission = makeDecoratable(() => {
       }
     }
     return false;
-  }, [identity, hasFullAccess, currentLocale]);
+  }, [identity, hasFullAccess]);
   const canEdit = useCallback((item, permissionName) => {
     if (hasFullAccess) {
       return true;
     }
-    const permissions = getPermissions(permissionName);
+    const permissions = identity.getPermissions(permissionName);
     if (!permissions.length || !identity) {
       return false;
     }
@@ -112,7 +104,7 @@ export const usePermission = makeDecoratable(() => {
         if (!item.createdBy) {
           return true;
         }
-        if (item?.createdBy?.id === getIdentityId()) {
+        if (item?.createdBy?.id === identity.id) {
           return true;
         }
       }
@@ -134,7 +126,7 @@ export const usePermission = makeDecoratable(() => {
     if (hasFullAccess) {
       return true;
     }
-    const permissions = getPermissions(permissionName);
+    const permissions = identity.getPermissions(permissionName);
     if (!permissions.length) {
       return false;
     }
@@ -149,7 +141,7 @@ export const usePermission = makeDecoratable(() => {
     if (hasFullAccess) {
       return true;
     }
-    const permissions = getPermissions(permissionName);
+    const permissions = identity.getPermissions(permissionName);
     if (!permissions.length) {
       return false;
     }
@@ -158,7 +150,7 @@ export const usePermission = makeDecoratable(() => {
         // Using optional chaining here because there might be cases where the item
         // or its `createdBy` property is not defined. In that case, we want to
         // return `false` and not throw an error.
-        return item?.createdBy?.id === getIdentityId();
+        return item?.createdBy?.id === identity.id;
       }
       if (typeof permission.rwd === "string") {
         return permission.rwd.includes("d");
@@ -170,7 +162,7 @@ export const usePermission = makeDecoratable(() => {
     if (hasFullAccess) {
       return true;
     }
-    const permissions = getPermissions(permissionName);
+    const permissions = identity.getPermissions(permissionName);
     if (!permissions.length) {
       return false;
     }
@@ -182,7 +174,7 @@ export const usePermission = makeDecoratable(() => {
     if (hasFullAccess) {
       return true;
     }
-    const permissions = getPermissions(permissionName);
+    const permissions = identity.getPermissions(permissionName);
     if (!permissions.length) {
       return false;
     }
@@ -194,7 +186,7 @@ export const usePermission = makeDecoratable(() => {
     if (hasFullAccess) {
       return true;
     }
-    const permissions = getPermissions(permissionName);
+    const permissions = identity.getPermissions(permissionName);
     if (!permissions.length) {
       return false;
     }
@@ -207,7 +199,7 @@ export const usePermission = makeDecoratable(() => {
   const canCreateContentModels = canCreate("cms.contentModel");
   const canCreateContentModelGroups = canCreate("cms.contentModelGroup");
   const canAccessManageEndpoint = useMemo(() => {
-    return getPermission("cms.endpoint.manage") !== undefined;
+    return identity.getPermission("cms.endpoint.manage") !== undefined;
   }, [identity]);
   return {
     canReadEntries,
@@ -225,10 +217,4 @@ export const usePermission = makeDecoratable(() => {
   };
 });
-/**
- * Default export is deprecated, use the named one.
- * @deprecated
- */
-export default usePermission;
 //# sourceMappingURL=usePermission.js.map

package/admin/hooks/usePermission.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useMemo","useSecurity","useI18N","makeDecoratable","usePermission","identity","getIdentityId","getPermission","getPermissions","getCurrentLocale","currentLocale","hasFullAccess","canRead","permissionName","permissions","length","some","permission","rwd","includes","canReadEntries","contentModelGroup","contentModel","contentModelPermissions","allowedModels","i","permissionAllowedModels","models","allModelsAllowed","Array","isArray","modelId","contentModelGroupPermissions","allowedModelGroups","permissionAllowedModelGroups","allModelGroupsAllowed","id","rwdGivesReadAccess","canEdit","item","own","createdBy","canCreate","canDelete","canDeleteEntries","canPublish","pw","canUnpublish","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","canAccessManageEndpoint","undefined"],"sources":["usePermission.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport type { CmsGroup, CmsIdentity, CmsModel, CmsSecurityPermission } from \"~/types\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface CreatableItem {\n createdBy?: Pick<CmsIdentity, \"id\">;\n}\n\nexport type EditableItem = CreatableItem;\n\ninterface CanReadEntriesCallableParams {\n contentModelGroup: CmsGroup;\n contentModel: CmsModel;\n}\n\nexport const usePermission = makeDecoratable(() => {\n const { identity, getIdentityId, getPermission, getPermissions } = useSecurity();\n const { getCurrentLocale } = useI18N();\n\n const currentLocale = getCurrentLocale(\"content\");\n\n const hasFullAccess = useMemo(() => !!getPermission(\"cms.\"), [identity]);\n\n const canRead = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n const permissions = getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n if (typeof permission.rwd !== \"string\") {\n return true;\n }\n\n return permission.rwd.includes(\"r\");\n });\n },\n [identity, hasFullAccess]\n );\n\n const canReadEntries = useCallback(\n ({ contentModelGroup, contentModel }: CanReadEntriesCallableParams): boolean => {\n if (hasFullAccess) {\n return true;\n }\n\n const permissions = getPermissions<CmsSecurityPermission>(\"cms.contentEntry\");\n if (!permissions.length) {\n return false;\n }\n\n // Check \"contentModel\" list.\n const contentModelPermissions = getPermissions(\"cms.contentModel\");\n\n // \"all\" means user has access to all models.\n let allowedModels: \"all\" \| string[] = [];\n\n for (let i = 0; i < contentModelPermissions.length; i++) {\n const permission = contentModelPermissions[i];\n const permissionAllowedModels = permission?.models?.[currentLocale!];\n // The moment we encounter a permission that gives access to all models,\n // we can stop checking other permissions.\n const allModelsAllowed = !Array.isArray(permissionAllowedModels);\n if (allModelsAllowed) {\n allowedModels = \"all\";\n break;\n }\n\n allowedModels = [...allowedModels, ...permissionAllowedModels];\n }\n\n if (Array.isArray(allowedModels)) {\n return allowedModels.includes(contentModel.modelId);\n }\n\n // Check \"contentModelGroup\" list.\n const contentModelGroupPermissions = getPermissions(\"cms.contentModelGroup\");\n\n // \"all\" means user has access to all models.\n let allowedModelGroups: \"all\" \| string[] = [];\n\n for (let i = 0; i < contentModelGroupPermissions.length; i++) {\n const permission = contentModelGroupPermissions[i];\n const permissionAllowedModelGroups = permission?.models?.[currentLocale!];\n // The moment we encounter a permission that gives access to all models,\n // we can stop checking other permissions.\n const allModelGroupsAllowed = !Array.isArray(permissionAllowedModelGroups);\n if (allModelGroupsAllowed) {\n allowedModelGroups = \"all\";\n break;\n }\n\n allowedModelGroups = [...allowedModelGroups, ...permissionAllowedModelGroups];\n }\n\n if (Array.isArray(allowedModelGroups)) {\n return allowedModelGroups.includes(contentModelGroup.id);\n }\n\n for (let i = 0; i < permissions.length; i++) {\n const permission = permissions[i];\n\n // If no RWD restrictions are set, we can return true.\n if (typeof permission.rwd !== \"string\") {\n return true;\n }\n\n const rwdGivesReadAccess = permission.rwd.includes(\"r\");\n if (rwdGivesReadAccess) {\n return true;\n }\n }\n\n return false;\n },\n [identity, hasFullAccess, currentLocale]\n );\n\n const canEdit = useCallback(\n (item: CreatableItem, permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n\n const permissions = getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length \|\| !identity) {\n return false;\n }\n\n return permissions.some(permission => {\n if (permission.own) {\n /\n There will be no \"createdBy\" field for a new entry therefore we enable the access.\n /\n if (!item.createdBy) {\n return true;\n }\n\n if (item?.createdBy?.id === getIdentityId()) {\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]\n );\n\n /\n @description This checks whether the user has the \"write\" access for given permission;\n * without talking the \"own\" property in account.\n * @param {string} permissionName\n * /\n const canCreate = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n\n const permissions = getPermissions<CmsSecurityPermission>(permissionName);\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n if (typeof permission.rwd !== \"string\") {\n return true;\n }\n\n return permission.rwd.includes(\"w\");\n });\n },\n [identity]\n );\n\n const canDelete = useCallback(\n (item: CreatableItem, permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n\n const permissions = getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n if (permission.own) {\n // Using optional chaining here because there might be cases where the item\n // or its `createdBy` property is not defined. In that case, we want to\n // return `false` and not throw an error.\n return item?.createdBy?.id === getIdentityId();\n }\n\n if (typeof permission.rwd === \"string\") {\n return permission.rwd.includes(\"d\");\n }\n\n return false;\n });\n },\n [identity]\n );\n\n const canDeleteEntries = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n const permissions = getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n return permission.rwd?.includes(\"d\");\n });\n },\n [identity, hasFullAccess]\n );\n\n const canPublish = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n const permissions = getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n return permission.pw?.includes(\"p\");\n });\n },\n [identity, hasFullAccess]\n );\n\n const canUnpublish = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n const permissions = getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n return permission.pw?.includes(\"u\");\n });\n },\n [identity, hasFullAccess]\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 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\n/\n Default export is deprecated, use the named one.\n * @deprecated\n */\nexport default usePermission;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useMemo","useIdentity","makeDecoratable","usePermission","identity","hasFullAccess","getPermission","canRead","permissionName","permissions","getPermissions","length","some","permission","rwd","includes","canReadEntries","contentModelGroup","contentModel","contentModelPermissions","allowedModels","i","permissionAllowedModels","models","allModelsAllowed","Array","isArray","modelId","contentModelGroupPermissions","allowedModelGroups","permissionAllowedModelGroups","allModelGroupsAllowed","id","rwdGivesReadAccess","canEdit","item","own","createdBy","canCreate","canDelete","canDeleteEntries","canPublish","pw","canUnpublish","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","canAccessManageEndpoint","undefined"],"sources":["usePermission.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useIdentity } from \"@webiny/app-admin\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\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\nexport const usePermission = makeDecoratable(() => {\n const { identity } = useIdentity();\n\n const hasFullAccess = useMemo(() => !!identity.getPermission(\"cms.\"), [identity]);\n\n const canRead = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n const permissions =\n identity.getPermissions<CmsSecurityPermission>(permissionName) ?? [];\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n if (typeof permission.rwd !== \"string\") {\n return true;\n }\n\n return permission.rwd.includes(\"r\");\n });\n },\n [identity, hasFullAccess]\n );\n\n const canReadEntries = useCallback(\n ({ contentModelGroup, contentModel }: CanReadEntriesCallableParams): boolean => {\n if (hasFullAccess) {\n return true;\n }\n\n const permissions =\n identity.getPermissions<CmsSecurityPermission>(\"cms.contentEntry\") ?? [];\n if (!permissions.length) {\n return false;\n }\n\n // Check \"contentModel\" list.\n const contentModelPermissions = identity.getPermissions(\"cms.contentModel\");\n\n // \"all\" means user has access to all models.\n let allowedModels: \"all\" \| string[] = [];\n\n for (let i = 0; i < contentModelPermissions.length; i++) {\n const permission = contentModelPermissions[i];\n const permissionAllowedModels = permission?.models;\n // The moment we encounter a permission that gives access to all models,\n // we can stop checking other permissions.\n const allModelsAllowed = !Array.isArray(permissionAllowedModels);\n if (allModelsAllowed) {\n allowedModels = \"all\";\n break;\n }\n\n allowedModels = [...allowedModels, ...permissionAllowedModels];\n }\n\n if (Array.isArray(allowedModels)) {\n return allowedModels.includes(contentModel.modelId);\n }\n\n // Check \"contentModelGroup\" list.\n const contentModelGroupPermissions = identity.getPermissions(\"cms.contentModelGroup\");\n\n // \"all\" means user has access to all models.\n let allowedModelGroups: \"all\" \| string[] = [];\n\n for (let i = 0; i < contentModelGroupPermissions.length; i++) {\n const permission = contentModelGroupPermissions[i];\n const permissionAllowedModelGroups = permission?.models;\n // The moment we encounter a permission that gives access to all models,\n // we can stop checking other permissions.\n const allModelGroupsAllowed = !Array.isArray(permissionAllowedModelGroups);\n if (allModelGroupsAllowed) {\n allowedModelGroups = \"all\";\n break;\n }\n\n allowedModelGroups = [...allowedModelGroups, ...permissionAllowedModelGroups];\n }\n\n if (Array.isArray(allowedModelGroups)) {\n return allowedModelGroups.includes(contentModelGroup.id);\n }\n\n for (let i = 0; i < permissions.length; i++) {\n const permission = permissions[i];\n\n // If no RWD restrictions are set, we can return true.\n if (typeof permission.rwd !== \"string\") {\n return true;\n }\n\n const rwdGivesReadAccess = permission.rwd.includes(\"r\");\n if (rwdGivesReadAccess) {\n return true;\n }\n }\n\n return false;\n },\n [identity, hasFullAccess]\n );\n\n const canEdit = useCallback(\n (item: CreatableItem, permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n\n const permissions = identity.getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length \|\| !identity) {\n return false;\n }\n\n return permissions.some(permission => {\n if (permission.own) {\n /\n There will be no \"createdBy\" field for a new entry therefore we enable the access.\n /\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]\n );\n\n /\n @description This checks whether the user has the \"write\" access for given permission;\n * without talking the \"own\" property in account.\n * @param {string} permissionName\n * */\n const canCreate = useCallback(\n (permissionName: string): 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 return permissions.some(permission => {\n if (typeof permission.rwd !== \"string\") {\n return true;\n }\n\n return permission.rwd.includes(\"w\");\n });\n },\n [identity]\n );\n\n const canDelete = useCallback(\n (item: CreatableItem, permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n\n const permissions = identity.getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n if (permission.own) {\n // Using optional chaining here because there might be cases where the item\n // or its `createdBy` property is not defined. In that case, we want to\n // return `false` and not throw an error.\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]\n );\n\n const canDeleteEntries = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n const permissions = identity.getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n return permission.rwd?.includes(\"d\");\n });\n },\n [identity, hasFullAccess]\n );\n\n const canPublish = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n const permissions = identity.getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n return permission.pw?.includes(\"p\");\n });\n },\n [identity, hasFullAccess]\n );\n\n const canUnpublish = useCallback(\n (permissionName: string): boolean => {\n if (hasFullAccess) {\n return true;\n }\n const permissions = identity.getPermissions<CmsSecurityPermission>(permissionName);\n\n if (!permissions.length) {\n return false;\n }\n\n return permissions.some(permission => {\n return permission.pw?.includes(\"u\");\n });\n },\n [identity, hasFullAccess]\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"],"mappings":"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","ignoreList":[]}

package/admin/hooks/usePersistEntry.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { CmsContentEntry } from "@webiny/app-headless-cms-common/types";
+import type { CmsContentEntry } from "@webiny/app-headless-cms-common/types/index.js";
 interface UsePersistEntryOptions {
     addItemToListCache?: boolean;
 }
@@ -7,6 +7,6 @@ interface PersistEntryOptions {
     createNewRevision?: boolean;
 }
 export declare function usePersistEntry({ addItemToListCache }: UsePersistEntryOptions): {
-    persistEntry: (entry: Partial<CmsContentEntry>, persistOptions?: PersistEntryOptions) => Promise<import("../contexts/Cms").CreateEntryResponse>;
+    persistEntry: (entry: Partial<CmsContentEntry>, persistOptions?: PersistEntryOptions) => Promise<import("~/admin/contexts/Cms/index.js").CreateEntryResponse>;
 };
 export {};

package/admin/hooks/usePersistEntry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useContentEntry } from "../views/contentEntries/hooks";
+import { useContentEntry } from "../views/contentEntries/hooks/index.js";
 import { useCallback } from "react";
 export function usePersistEntry({
   addItemToListCache

package/admin/hooks/usePersistEntry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useContentEntry","useCallback","usePersistEntry","addItemToListCache","contentEntry","persistEntry","entry","persistOptions","id","createEntry","options","skipValidators","createNewRevision","updateEntryRevision","input","createEntryRevisionFrom"],"sources":["usePersistEntry.ts"],"sourcesContent":["import { useContentEntry } from \"~/admin/views/contentEntries/hooks\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types\";\nimport type { PartialCmsContentEntryWithId } from \"~/admin/contexts/Cms\";\nimport { useCallback } from \"react\";\n\ninterface UsePersistEntryOptions {\n addItemToListCache?: boolean;\n}\n\ninterface PersistEntryOptions {\n skipValidators?: string[];\n createNewRevision?: boolean;\n}\n\nexport function usePersistEntry({ addItemToListCache }: UsePersistEntryOptions) {\n const contentEntry = useContentEntry();\n\n const persistEntry = useCallback(\n (entry: Partial<CmsContentEntry>, persistOptions?: PersistEntryOptions) => {\n if (!entry.id) {\n return contentEntry.createEntry({\n entry,\n options: {\n skipValidators: persistOptions?.skipValidators,\n addItemToListCache\n }\n });\n }\n\n if (!persistOptions?.createNewRevision) {\n return contentEntry.updateEntryRevision({\n entry: entry as PartialCmsContentEntryWithId,\n options: { skipValidators: persistOptions?.skipValidators }\n });\n }\n\n const { id, ...input } = entry;\n\n return contentEntry.createEntryRevisionFrom({\n id,\n input,\n options: { skipValidators: persistOptions?.skipValidators }\n });\n },\n [addItemToListCache, contentEntry]\n );\n\n return { persistEntry };\n}\n"],"mappings":"AAAA,SAASA,eAAe;AAGxB,SAASC,WAAW,QAAQ,OAAO;AAWnC,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAA2C,CAAC,EAAE;EAC5E,MAAMC,YAAY,GAAGJ,eAAe,CAAC,CAAC;EAEtC,MAAMK,YAAY,GAAGJ,WAAW,CAC5B,CAACK,KAA+B,EAAEC,cAAoC,KAAK;IACvE,IAAI,CAACD,KAAK,CAACE,EAAE,EAAE;MACX,OAAOJ,YAAY,CAACK,WAAW,CAAC;QAC5BH,KAAK;QACLI,OAAO,EAAE;UACLC,cAAc,EAAEJ,cAAc,EAAEI,cAAc;UAC9CR;QACJ;MACJ,CAAC,CAAC;IACN;IAEA,IAAI,CAACI,cAAc,EAAEK,iBAAiB,EAAE;MACpC,OAAOR,YAAY,CAACS,mBAAmB,CAAC;QACpCP,KAAK,EAAEA,KAAqC;QAC5CI,OAAO,EAAE;UAAEC,cAAc,EAAEJ,cAAc,EAAEI;QAAe;MAC9D,CAAC,CAAC;IACN;IAEA,MAAM;MAAEH,EAAE;MAAE,GAAGM;IAAM,CAAC,GAAGR,KAAK;IAE9B,OAAOF,YAAY,CAACW,uBAAuB,CAAC;MACxCP,EAAE;MACFM,KAAK;MACLJ,OAAO,EAAE;QAAEC,cAAc,EAAEJ,cAAc,EAAEI;MAAe;IAC9D,CAAC,CAAC;EACN,CAAC,EACD,CAACR,kBAAkB,EAAEC,YAAY,CACrC,CAAC;EAED,OAAO;IAAEC;EAAa,CAAC;AAC3B","ignoreList":[]}
1	+ {"version":3,"names":["useContentEntry","useCallback","usePersistEntry","addItemToListCache","contentEntry","persistEntry","entry","persistOptions","id","createEntry","options","skipValidators","createNewRevision","updateEntryRevision","input","createEntryRevisionFrom"],"sources":["usePersistEntry.ts"],"sourcesContent":["import { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { PartialCmsContentEntryWithId } from \"~/admin/contexts/Cms/index.js\";\nimport { useCallback } from \"react\";\n\ninterface UsePersistEntryOptions {\n addItemToListCache?: boolean;\n}\n\ninterface PersistEntryOptions {\n skipValidators?: string[];\n createNewRevision?: boolean;\n}\n\nexport function usePersistEntry({ addItemToListCache }: UsePersistEntryOptions) {\n const contentEntry = useContentEntry();\n\n const persistEntry = useCallback(\n (entry: Partial<CmsContentEntry>, persistOptions?: PersistEntryOptions) => {\n if (!entry.id) {\n return contentEntry.createEntry({\n entry,\n options: {\n skipValidators: persistOptions?.skipValidators,\n addItemToListCache\n }\n });\n }\n\n if (!persistOptions?.createNewRevision) {\n return contentEntry.updateEntryRevision({\n entry: entry as PartialCmsContentEntryWithId,\n options: { skipValidators: persistOptions?.skipValidators }\n });\n }\n\n const { id, ...input } = entry;\n\n return contentEntry.createEntryRevisionFrom({\n id,\n input,\n options: { skipValidators: persistOptions?.skipValidators }\n });\n },\n [addItemToListCache, contentEntry]\n );\n\n return { persistEntry };\n}\n"],"mappings":"AAAA,SAASA,eAAe;AAGxB,SAASC,WAAW,QAAQ,OAAO;AAWnC,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAA2C,CAAC,EAAE;EAC5E,MAAMC,YAAY,GAAGJ,eAAe,CAAC,CAAC;EAEtC,MAAMK,YAAY,GAAGJ,WAAW,CAC5B,CAACK,KAA+B,EAAEC,cAAoC,KAAK;IACvE,IAAI,CAACD,KAAK,CAACE,EAAE,EAAE;MACX,OAAOJ,YAAY,CAACK,WAAW,CAAC;QAC5BH,KAAK;QACLI,OAAO,EAAE;UACLC,cAAc,EAAEJ,cAAc,EAAEI,cAAc;UAC9CR;QACJ;MACJ,CAAC,CAAC;IACN;IAEA,IAAI,CAACI,cAAc,EAAEK,iBAAiB,EAAE;MACpC,OAAOR,YAAY,CAACS,mBAAmB,CAAC;QACpCP,KAAK,EAAEA,KAAqC;QAC5CI,OAAO,EAAE;UAAEC,cAAc,EAAEJ,cAAc,EAAEI;QAAe;MAC9D,CAAC,CAAC;IACN;IAEA,MAAM;MAAEH,EAAE;MAAE,GAAGM;IAAM,CAAC,GAAGR,KAAK;IAE9B,OAAOF,YAAY,CAACW,uBAAuB,CAAC;MACxCP,EAAE;MACFM,KAAK;MACLJ,OAAO,EAAE;QAAEC,cAAc,EAAEJ,cAAc,EAAEI;MAAe;IAC9D,CAAC,CAAC;EACN,CAAC,EACD,CAACR,kBAAkB,EAAEC,YAAY,CACrC,CAAC;EAED,OAAO;IAAEC;EAAa,CAAC;AAC3B","ignoreList":[]}

package/admin/hooks/useQuery.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { DocumentNode } from "graphql";
 import type { OperationVariables, QueryResult } from "@apollo/react-common";
-import type { QueryHookOptions } from "@apollo/react-hooks/lib/types";
-declare const useQuery: <TData = any, TVariables = OperationVariables>(query: DocumentNode, options?: QueryHookOptions<TData, TVariables>) => QueryResult<TData, TVariables>;
+import type { QueryHookOptions } from "@apollo/react-hooks/lib/types.js";
+export declare const useQuery: <TData = any, TVariables = OperationVariables>(query: DocumentNode, options?: QueryHookOptions<TData, TVariables>) => QueryResult<TData, TVariables>;
 export default useQuery;

package/admin/hooks/useQuery.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useQuery as apolloUseQuery } from "@apollo/react-hooks";
-import useCms from "./useCms";
-const useQuery = function (query, options = {}) {
+import useCms from "./useCms.js";
+export const useQuery = function (query, options = {}) {
   const {
     apolloClient
   } = useCms();

package/admin/hooks/useQuery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useQuery","apolloUseQuery","useCms","query","options","apolloClient","client","skip"],"sources":["useQuery.ts"],"sourcesContent":["import { useQuery as apolloUseQuery } from \"@apollo/react-hooks\";\nimport useCms from \"./useCms\";\nimport type { DocumentNode } from \"graphql\";\nimport type { OperationVariables, QueryResult } from \"@apollo/react-common\";\nimport type { QueryHookOptions } from \"@apollo/react-hooks/lib/types\";\n\~~nconst~~ useQuery = function <TData = any, TVariables = OperationVariables>(\n query: DocumentNode,\n options: QueryHookOptions<TData, TVariables> = {}\n): QueryResult<TData, TVariables> {\n const { apolloClient } = useCms();\n\n return apolloUseQuery<TData, TVariables>(query, {\n client: apolloClient,\n skip: !apolloClient,\n ...options\n });\n};\n\nexport default useQuery;\n"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,cAAc,QAAQ,qBAAqB;AAChE,OAAOC,MAAM;AAKb,MAAMF,QAAQ,GAAG,SAAAA,~~CACbG~~,KAAmB,EACnBC,OAA4C,GAAG,CAAC,CAAC,EACnB;EAC9B,MAAM;IAAEC;EAAa,CAAC,GAAGH,MAAM,CAAC,CAAC;EAEjC,OAAOD,cAAc,CAAoBE,KAAK,EAAE;IAC5CG,MAAM,EAAED,YAAY;IACpBE,IAAI,EAAE,CAACF,YAAY;IACnB,GAAGD;EACP,CAAC,CAAC;AACN,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
1	+ {"version":3,"names":["useQuery","apolloUseQuery","useCms","query","options","apolloClient","client","skip"],"sources":["useQuery.ts"],"sourcesContent":["import { useQuery as apolloUseQuery } from \"@apollo/react-hooks\";\nimport useCms from \"./useCms.js\";\nimport type { DocumentNode } from \"graphql\";\nimport type { OperationVariables, QueryResult } from \"@apollo/react-common\";\nimport type { QueryHookOptions } from \"@apollo/react-hooks/lib/types.js\";\n\nexport const useQuery = function <TData = any, TVariables = OperationVariables>(\n query: DocumentNode,\n options: QueryHookOptions<TData, TVariables> = {}\n): QueryResult<TData, TVariables> {\n const { apolloClient } = useCms();\n\n return apolloUseQuery<TData, TVariables>(query, {\n client: apolloClient,\n skip: !apolloClient,\n ...options\n });\n};\n\nexport default useQuery;\n"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,cAAc,QAAQ,qBAAqB;AAChE,OAAOC,MAAM;AAKb,OAAO,MAAMF,QAAQ,GAAG,SAAAA,CACpBG,KAAmB,EACnBC,OAA4C,GAAG,CAAC,CAAC,EACnB;EAC9B,MAAM;IAAEC;EAAa,CAAC,GAAGH,MAAM,CAAC,CAAC;EAEjC,OAAOD,cAAc,CAAoBE,KAAK,EAAE;IAC5CG,MAAM,EAAED,YAAY;IACpBE,IAAI,EAAE,CAACF,YAAY;IACnB,GAAGD;EACP,CAAC,CAAC;AACN,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}

package/admin/lexicalConfig/LexicalEditorConfig.js CHANGED Viewed

@@ -19,7 +19,9 @@ export const LexicalEditorConfig = ({
 }) => {
   return /*#__PURE__*/React.createElement(CompositionScope, {
     name: "cms"
-  }, /*#__PURE__*/React.createElement(BaseConfig, null, children));
+  }, /*#__PURE__*/React.createElement(BaseConfig, {
+    priority: "secondary"
+  }, children));
 };
 LexicalEditorConfig.ToolbarAction = ToolbarAction;
 LexicalEditorConfig.Plugin = PluginConfig;

package/admin/lexicalConfig/LexicalEditorConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","LexicalEditorConfig","BaseConfig","CompositionScope","ToolbarAction","props","createElement","ToolbarElement","PluginConfig","Plugin","NodeConfig","Node","children","name"],"sources":["LexicalEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditorConfig as BaseConfig } from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst ToolbarAction = (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => {\n return <BaseConfig.ToolbarElement {...props} />;\n};\n\nconst PluginConfig = (props: React.ComponentProps<typeof BaseConfig.Plugin>) => {\n return <BaseConfig.Plugin {...props} />;\n};\n\nconst NodeConfig = (props: React.ComponentProps<typeof BaseConfig.Node>) => {\n return <BaseConfig.Node {...props} />;\n};\n\n/\n Lexical editor public Config API\n */\nexport const LexicalEditorConfig = ({ children }: { children: React.ReactNode }) => {\n return (\n <CompositionScope name={\"cms\"}>\n <BaseConfig>{children}</BaseConfig>\n </CompositionScope>\n );\n};\n\nLexicalEditorConfig.ToolbarAction = ToolbarAction;\nLexicalEditorConfig.Plugin = PluginConfig;\nLexicalEditorConfig.Node = NodeConfig;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,IAAIC,UAAU,QAAQ,wBAAwB;AAC1E,SAASC,gBAAgB,QAAQ,2BAA2B;AAE5D,MAAMC,aAAa,GAAIC,KAA6D,IAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACK,cAAc,EAAKF,KAAQ,CAAC;AACnD,CAAC;AAED,MAAMG,YAAY,GAAIH,KAAqD,IAAK;EAC5E,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACO,MAAM,EAAKJ,KAAQ,CAAC;AAC3C,CAAC;AAED,MAAMK,UAAU,GAAIL,KAAmD,IAAK;EACxE,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACS,IAAI,EAAKN,KAAQ,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMJ,mBAAmB,GAAGA,CAAC;EAAEW;AAAwC,CAAC,KAAK;EAChF,oBACIZ,KAAA,CAAAM,aAAA,CAACH,gBAAgB;IAACU,IAAI,EAAE;EAAM,gBAC1Bb,KAAA,CAAAM,aAAA,CAACJ,UAAU,~~QAAEU~~,QAAqB,~~CACpB~~,CAAC;AAE3B,CAAC;AAEDX,mBAAmB,CAACG,aAAa,GAAGA,aAAa;AACjDH,mBAAmB,CAACQ,MAAM,GAAGD,YAAY;AACzCP,mBAAmB,CAACU,IAAI,GAAGD,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["React","LexicalEditorConfig","BaseConfig","CompositionScope","ToolbarAction","props","createElement","ToolbarElement","PluginConfig","Plugin","NodeConfig","Node","children","name","priority"],"sources":["LexicalEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditorConfig as BaseConfig } from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst ToolbarAction = (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => {\n return <BaseConfig.ToolbarElement {...props} />;\n};\n\nconst PluginConfig = (props: React.ComponentProps<typeof BaseConfig.Plugin>) => {\n return <BaseConfig.Plugin {...props} />;\n};\n\nconst NodeConfig = (props: React.ComponentProps<typeof BaseConfig.Node>) => {\n return <BaseConfig.Node {...props} />;\n};\n\n/\n Lexical editor public Config API\n */\nexport const LexicalEditorConfig = ({ children }: { children: React.ReactNode }) => {\n return (\n <CompositionScope name={\"cms\"}>\n <BaseConfig priority={\"secondary\"}>{children}</BaseConfig>\n </CompositionScope>\n );\n};\n\nLexicalEditorConfig.ToolbarAction = ToolbarAction;\nLexicalEditorConfig.Plugin = PluginConfig;\nLexicalEditorConfig.Node = NodeConfig;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,IAAIC,UAAU,QAAQ,wBAAwB;AAC1E,SAASC,gBAAgB,QAAQ,2BAA2B;AAE5D,MAAMC,aAAa,GAAIC,KAA6D,IAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACK,cAAc,EAAKF,KAAQ,CAAC;AACnD,CAAC;AAED,MAAMG,YAAY,GAAIH,KAAqD,IAAK;EAC5E,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACO,MAAM,EAAKJ,KAAQ,CAAC;AAC3C,CAAC;AAED,MAAMK,UAAU,GAAIL,KAAmD,IAAK;EACxE,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACS,IAAI,EAAKN,KAAQ,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMJ,mBAAmB,GAAGA,CAAC;EAAEW;AAAwC,CAAC,KAAK;EAChF,oBACIZ,KAAA,CAAAM,aAAA,CAACH,gBAAgB;IAACU,IAAI,EAAE;EAAM,gBAC1Bb,KAAA,CAAAM,aAAA,CAACJ,UAAU;IAACY,QAAQ,EAAE;EAAY,GAAEF,QAAqB,CAC3C,CAAC;AAE3B,CAAC;AAEDX,mBAAmB,CAACG,aAAa,GAAGA,aAAa;AACjDH,mBAAmB,CAACQ,MAAM,GAAGD,YAAY;AACzCP,mBAAmB,CAACU,IAAI,GAAGD,UAAU","ignoreList":[]}

package/admin/menus/CmsMenuLoader.js CHANGED Viewed

@@ -1,41 +1,74 @@
 import React from "react";
-import { ReactComponent as HeadlessCmsIcon } from "../icons/devices_other-black-24px.svg";
-import usePermission from "../hooks/usePermission";
-import { ContentGroupsMenuItems } from "./ContentGroupsMenuItems";
-import { AdminConfig } from "@webiny/app-admin";
+import { AdminConfig, useRouter } from "@webiny/app-admin";
+import { ReactComponent as HeadlessCmsIcon } from "@webiny/icons/web.svg";
+import { ReactComponent as HeadlessCmsContentIcon } from "@webiny/icons/wysiwyg.svg";
+import { usePermission } from "../hooks/usePermission.js";
+import { ContentGroupsMenuItems } from "./ContentGroupsMenuItems.js";
+import { Routes } from "../../routes.js";
 const {
   Menu
 } = AdminConfig;
-const CmsContentModelsMenu = ({
-  canAccess
-}) => {
-  if (!canAccess) {
-    return null;
-  }
+const CmsContentModelsMenu = () => {
+  const router = useRouter();
   return /*#__PURE__*/React.createElement(Menu, {
     name: "headlessCMS.contentModels.models",
     parent: "headlessCMS",
     element: /*#__PURE__*/React.createElement(Menu.Link, {
       text: "Models",
-      to: "/cms/content-models"
+      to: router.getLink(Routes.ContentModels.List),
+      pinnable: true
     })
   });
 };
-const CmsContentGroupsMenu = ({
-  canAccess
-}) => {
-  if (!canAccess) {
-    return null;
-  }
+const CmsContentGroupsMenu = () => {
+  const router = useRouter();
   return /*#__PURE__*/React.createElement(Menu, {
     name: "headlessCMS.contentModels.groups",
     parent: "headlessCMS",
     element: /*#__PURE__*/React.createElement(Menu.Link, {
       text: "Groups",
-      to: "/cms/content-model-groups"
+      to: router.getLink(Routes.ContentModelGroups.List),
+      pinnable: true
     })
   });
 };
+// Helper components for clarity and DRY
+/**
+ * Renders the main "Headless CMS" menu item in the admin sidebar.
+ * This is the top-level entry point for all CMS-related navigation.
+ * The menu item includes a custom icon and is positioned after the "home" menu.
+ */
+const CmsContentModelingMenu = () => /*#__PURE__*/React.createElement(Menu, {
+  name: "headlessCMS",
+  after: "home",
+  element: /*#__PURE__*/React.createElement(Menu.Item, {
+    text: "Content Modeling",
+    icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+      label: "Headless CMS",
+      element: /*#__PURE__*/React.createElement(HeadlessCmsIcon, null)
+    })
+  })
+});
+/**
+ * Displays the "Content" submenu under the Headless CMS section.
+ * This menu item provides access to content management features within the CMS.
+ * It uses the same icon as the main CMS menu for visual consistency.
+ */
+const CmsContentMenu = () => /*#__PURE__*/React.createElement(Menu, {
+  name: "headlessCMSContent",
+  after: "headlessCMS",
+  hideIfEmpty: true,
+  element: /*#__PURE__*/React.createElement(Menu.Item, {
+    text: "Content",
+    icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+      label: "Content",
+      element: /*#__PURE__*/React.createElement(HeadlessCmsContentIcon, null)
+    })
+  })
+});
 const CmsMenuLoaderComponent = () => {
   const {
     canAccessManageEndpoint,
@@ -48,27 +81,8 @@ const CmsMenuLoaderComponent = () => {
   if (!hasAccess) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Menu, {
-    name: "headlessCMS",
-    after: "home",
-    element: /*#__PURE__*/React.createElement(Menu.Item, {
-      text: "Headless CMS",
-      icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
-        label: "Headless CMS",
-        element: /*#__PURE__*/React.createElement(HeadlessCmsIcon, null)
-      })
-    })
-  }), (canCreateContentModels || canCreateContentModelGroups) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Menu, {
-    name: "headlessCMS.contentModels",
-    parent: "headlessCMS",
-    element: /*#__PURE__*/React.createElement(Menu.Group, {
-      text: "Content Models"
-    })
-  }), /*#__PURE__*/React.createElement(CmsContentModelsMenu, {
-    canAccess: canCreateContentModels
-  }), /*#__PURE__*/React.createElement(CmsContentGroupsMenu, {
-    canAccess: canCreateContentModelGroups
-  })), /*#__PURE__*/React.createElement(ContentGroupsMenuItems, null));
+  const canModelContent = canCreateContentModels || canCreateContentModelGroups;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, canModelContent ? /*#__PURE__*/React.createElement(CmsContentModelingMenu, null) : null, canCreateContentModels ? /*#__PURE__*/React.createElement(CmsContentModelsMenu, null) : null, canCreateContentModelGroups ? /*#__PURE__*/React.createElement(CmsContentGroupsMenu, null) : null, /*#__PURE__*/React.createElement(CmsContentMenu, null), /*#__PURE__*/React.createElement(ContentGroupsMenuItems, null));
 };
 export const CmsMenuLoader = /*#__PURE__*/React.memo(CmsMenuLoaderComponent);
 CmsMenuLoader.displayName = "CmsMenuLoader";

package/admin/menus/CmsMenuLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","ReactComponent","HeadlessCmsIcon","usePermission","ContentGroupsMenuItems","~~AdminConfig~~","Menu","CmsContentModelsMenu","~~canAccess~~","createElement","name","parent","element","Link","text","to","CmsContentGroupsMenu","~~CmsMenuLoaderComponent~~","~~canAccessManageEndpoint~~","~~canReadContentModels~~","~~canReadContentModelGroups~~","~~canCreateContentModels~~","~~canCreateContentModelGroups~~","~~hasAccess~~","~~Fragment~~","~~after~~","~~Item~~","~~icon~~","~~Icon~~","~~label~~","~~Group~~","CmsMenuLoader","memo","displayName"],"sources":["CmsMenuLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as HeadlessCmsIcon } from \"~~~/admin~~/icons/~~devices_other-black-24px~~.svg\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { ContentGroupsMenuItems } from \"./ContentGroupsMenuItems\";\nimport { ~~AdminConfig~~ } from \"~~@webiny/app-admin~~\";\n\nconst { Menu } = AdminConfig;\n\~~ninterface ChildMenuProps {\n canAccess: boolean;\n}\n\~~nconst CmsContentModelsMenu = (~~{ canAccess }: ChildMenuProps~~) => {\n if (~~!canAccess~~) ~~{\n return null~~;\n }\n\n return (\n <Menu\n name={\"headlessCMS.contentModels.models\"}\n parent={\"headlessCMS\"}\n element={<Menu.Link text={\"Models\"} to={\~~"/cms/content-models~~\"} ~~/>}~~\n />\n );\n};\n\nconst CmsContentGroupsMenu = (~~{ canAccess }: ChildMenuProps~~) => {\n if (~~!canAccess~~) ~~{\n return null~~;\n }\n return (\n <Menu\n name={\"headlessCMS.contentModels.groups\"}\n parent={\"headlessCMS\"}\n element={<Menu.Link text={\"Groups\"} to={\~~"/cms/content-model-groups~~\"} ~~/>}~~\n />\n );\n};\n\~~nconst~~ ~~CmsMenuLoaderComponent~~ = () => {\n ~~const {~~\n ~~canAccessManageEndpoint,\~~n ~~canReadContentModels,\n canReadContentModelGroups,\n canCreateContentModels,\n canCreateContentModelGroups~~\~~n }~~ = ~~usePermission();\~~n~~\n const~~ ~~hasAccess~~ =\n ~~canAccessManageEndpoint~~ && ~~(canReadContentModels~~ \|\| ~~canReadContentModelGroups);\n~~\n if (~~!hasAccess~~) ~~{\n return~~ ~~null;\n }~~\n\n ~~return (\n <>\n~~ <Menu\n name~~={\~~"headlessCMS\"}\n after~~={\~~"home\"}\n element={\n <Menu.Item\n text~~={\~~"~~Headless~~ ~~CMS~~\"}\n icon={\n <Menu.Link.Icon label~~={\~~"Headless CMS\"} element={<HeadlessCmsIcon />} ~~/>\n~~ }\n />\n }\n />\n\n ~~{(canCreateContentModels~~ \|\| ~~canCreateContentModelGroups~~) && (\n ~~<>\n~~ <Menu\n name={\"headlessCMS~~.contentModels~~\"}\n ~~parent~~={\"~~headlessCMS~~\"}\n ~~element~~={<Menu.~~Group~~ ~~text={\~~"Content ~~Models~~\"} />}\n />\n\n ~~<CmsContentModelsMenu~~ ~~canAccess~~={canCreateContentModels} ~~/>\~~n ~~<CmsContentGroupsMenu~~ ~~canAccess~~={~~canCreateContentModelGroups~~} ~~/>\~~n ~~</>\~~n )}\n <ContentGroupsMenuItems />\n </>\n );\n};\n\nexport const CmsMenuLoader: React.ComponentType = React.memo(CmsMenuLoaderComponent);\n\nCmsMenuLoader.displayName = \"CmsMenuLoader\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,eAAe;~~AAC1C~~,~~OAAOC~~,aAAa;~~AACpB~~,SAASC,sBAAsB;AAC/B,SAASC,~~WAAW,QAAQ,mBAAmB~~;~~AAE/C~~,MAAM;EAAEC;AAAK,CAAC,~~GAAGD~~,WAAW;~~AAM5B~~,~~MAAME~~,oBAAoB,GAAGA,~~CAAC~~;~~EAAEC;AAA0B~~,~~CAAC~~,~~KAAK;EAC5D~~,~~IAAI~~,~~CAACA,~~SAAS,~~EAAE;IACZ~~,~~OAAO,IAAI~~;~~EACf;EAEA~~,~~oBACIR~~,KAAA,~~CAAAS~~,aAAA,CAACH,IAAI;IACDI,IAAI,EAAE,kCAAmC;IACzCC,MAAM,EAAE,aAAc;IACtBC,OAAO,~~eAAEZ~~,KAAA,~~CAAAS~~,aAAA,CAACH,IAAI,CAACO,IAAI;~~MAACC~~,IAAI,EAAE,QAAS;~~MAACC~~,EAAE,~~EAAE;IAAsB~~,CAAE;EAAE,~~CACrE~~,CAAC;AAEV,CAAC;AAED,MAAMC,oBAAoB,GAAGA,~~CAAC~~;~~EAAER;AAA0B~~,~~CAAC~~,~~KAAK;EAC5D~~,~~IAAI~~,~~CAACA,~~SAAS,~~EAAE;IACZ~~,~~OAAO,IAAI~~;~~EACf;EACA~~,~~oBACIR~~,KAAA,~~CAAAS~~,aAAA,CAACH,IAAI;IACDI,IAAI,EAAE,kCAAmC;IACzCC,MAAM,EAAE,aAAc;IACtBC,OAAO,~~eAAEZ~~,KAAA,~~CAAAS~~,aAAA,CAACH,IAAI,CAACO,IAAI;~~MAACC~~,IAAI,EAAE,QAAS;~~MAACC~~,EAAE,~~EAAE;IAA4B~~,CAAE;EAAE,~~CAC3E~~,CAAC;AAEV,CAAC;~~AAED~~,~~MAAME~~,sBAAsB,GAAGA,CAAA,~~KAAM;EACjC~~,~~MAAM;IACFC~~,~~uBAAuB;IACvBC~~,~~oBAAoB;IACpBC~~,~~yBAAyB;IACzBC~~,~~sBAAsB~~;~~IACtBC;EACJ~~,~~CAAC~~,~~GAAGnB~~,aAAa,~~CAAC~~,~~CAAC~~;~~EAEnB~~,~~MAAMoB~~,~~SAAS~~,~~GACXL~~,~~uBAAuB~~,~~KAAKC~~,~~oBAAoB~~,~~IAAIC~~,~~yBAAyB~~,~~CAAC~~;~~EAElF~~,IAAI,~~CAACG~~,~~SAAS,EAAE~~;~~IACZ~~,~~OAAO~~,IAAI;~~EACf~~;~~EAEA~~,~~oBACIvB~~,KAAA,~~CAAAS~~,aAAA,~~CAAAT~~,~~KAAA~~,~~CAAAwB~~,~~QAAA~~,~~qBACIxB~~,KAAA,~~CAAAS~~,aAAA,CAACH,IAAI;~~IACDI~~,IAAI,~~EAAE~~,~~aAAc~~;~~IACpBe~~,KAAK,EAAE,~~MAAO~~;~~IACdb~~,OAAO,~~eACHZ~~,KAAA,~~CAAAS~~,aAAA,CAACH,IAAI,~~CAACoB~~,IAAI;~~MACNZ~~,IAAI,~~EAAE~~,~~cAAe~~;~~MACrBa~~,IAAI,~~eACA3B~~,KAAA,~~CAAAS~~,aAAA,CAACH,IAAI,CAACO,IAAI,~~CAACe~~,IAAI;~~QAACC~~,KAAK,~~EAAE~~,~~cAAe~~;~~QAACjB~~,OAAO,~~eAAEZ~~,KAAA,~~CAAAS~~,aAAA,CAACP,~~eAAe~~,MAAE;~~MAAE~~,CAAE;~~IACzE~~,~~CACJ~~;~~EACJ~~,CACJ,~~CAAC~~,~~EAED~~,~~CAACmB,~~sBAAsB,~~IAAIC~~,~~2BAA2B~~,~~kBACnDtB~~,~~KAAA~~,~~CAAAS~~,~~aAAA~~,~~CAAAT~~,~~KAAA~~,~~CAAAwB~~,~~QAAA~~,~~qBACIxB~~,~~KAAA~~,~~CAAAS~~,~~aAAA~~,~~CAACH~~,~~IAAI~~;~~IACDI~~,IAAI,EAAE,~~2BAA4B~~;~~IAClCC~~,~~MAAM~~,~~EAAE~~,~~aAAc~~;~~IACtBC~~,~~OAAO~~,~~eAAEZ,~~KAAA,~~CAAAS~~,aAAA,~~CAACH~~,~~IAAI~~,~~CAACwB~~,~~KAAK;MAAChB~~,~~IAAI~~,~~EAAE;IAAiB~~,~~CAAE;EAAE~~,~~CACnD~~,CAAC,~~eAEFd~~,KAAA,~~CAAAS~~,aAAA,CAACF,oBAAoB~~;IAACC~~,~~SAAS~~,~~EAAEa;EAAuB~~,~~CAAE~~,~~CAAC~~,~~eAC3DrB~~,KAAA,~~CAAAS~~,aAAA,~~CAACO~~,oBAAoB~~;IAACR~~,~~SAAS~~,~~EAAEc;EAA4B~~,~~CAAE~~,~~CACjE~~,~~CACL~~,~~eACDtB~~,KAAA,~~CAAAS~~,aAAA,CAACL,sBAAsB,MAAE,CAC3B,CAAC;AAEX,CAAC;AAED,OAAO,~~MAAM2B~~,aAAkC,~~gBAAG/B~~,KAAK,~~CAACgC~~,IAAI,~~CAACf~~,sBAAsB,CAAC;~~AAEpFc~~,aAAa,CAACE,WAAW,GAAG,eAAe","ignoreList":[]}
1	+ {"version":3,"names":["React","AdminConfig","useRouter","ReactComponent","HeadlessCmsIcon","HeadlessCmsContentIcon","usePermission","ContentGroupsMenuItems","Routes","Menu","CmsContentModelsMenu","router","createElement","name","parent","element","Link","text","to","getLink","ContentModels","List","pinnable","CmsContentGroupsMenu","ContentModelGroups","CmsContentModelingMenu","after","Item","icon","Icon","label","CmsContentMenu","hideIfEmpty","CmsMenuLoaderComponent","canAccessManageEndpoint","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","hasAccess","canModelContent","Fragment","CmsMenuLoader","memo","displayName"],"sources":["CmsMenuLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as HeadlessCmsIcon } from \"@webiny/icons/web.svg\";\nimport { ReactComponent as HeadlessCmsContentIcon } from \"@webiny/icons/wysiwyg.svg\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { ContentGroupsMenuItems } from \"./ContentGroupsMenuItems.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu } = AdminConfig;\n\nconst CmsContentModelsMenu = () => {\n const router = useRouter();\n\n return (\n <Menu\n name={\"headlessCMS.contentModels.models\"}\n parent={\"headlessCMS\"}\n element={\n <Menu.Link\n text={\"Models\"}\n to={router.getLink(Routes.ContentModels.List)}\n pinnable={true}\n />\n }\n />\n );\n};\n\nconst CmsContentGroupsMenu = () => {\n const router = useRouter();\n\n return (\n <Menu\n name={\"headlessCMS.contentModels.groups\"}\n parent={\"headlessCMS\"}\n element={\n <Menu.Link\n text={\"Groups\"}\n to={router.getLink(Routes.ContentModelGroups.List)}\n pinnable={true}\n />\n }\n />\n );\n};\n\n// Helper components for clarity and DRY\n\n/*\n Renders the main \"Headless CMS\" menu item in the admin sidebar.\n * This is the top-level entry point for all CMS-related navigation.\n * The menu item includes a custom icon and is positioned after the \"home\" menu.\n /\nconst CmsContentModelingMenu = () => (\n <Menu\n name=\"headlessCMS\"\n after=\"home\"\n element={\n <Menu.Item\n text=\"Content Modeling\"\n icon={<Menu.Link.Icon label=\"Headless CMS\" element={<HeadlessCmsIcon />} />}\n />\n }\n />\n);\n\n/\n Displays the \"Content\" submenu under the Headless CMS section.\n * This menu item provides access to content management features within the CMS.\n * It uses the same icon as the main CMS menu for visual consistency.\n /\nconst CmsContentMenu = () => (\n <Menu\n name=\"headlessCMSContent\"\n after=\"headlessCMS\"\n hideIfEmpty={true}\n element={\n <Menu.Item\n text=\"Content\"\n icon={<Menu.Link.Icon label=\"Content\" element={<HeadlessCmsContentIcon />} />}\n />\n }\n />\n);\n\nconst CmsMenuLoaderComponent = () => {\n const {\n canAccessManageEndpoint,\n canReadContentModels,\n canReadContentModelGroups,\n canCreateContentModels,\n canCreateContentModelGroups\n } = usePermission();\n\n const hasAccess =\n canAccessManageEndpoint && (canReadContentModels \|\| canReadContentModelGroups);\n\n if (!hasAccess) {\n return null;\n }\n\n const canModelContent = canCreateContentModels \|\| canCreateContentModelGroups;\n\n return (\n <>\n {/ Content modeling /}\n {canModelContent ? <CmsContentModelingMenu /> : null}\n {canCreateContentModels ? <CmsContentModelsMenu /> : null}\n {canCreateContentModelGroups ? <CmsContentGroupsMenu /> : null}\n\n {/ Content */}\n <CmsContentMenu />\n <ContentGroupsMenuItems />\n </>\n );\n};\n\nexport const CmsMenuLoader: React.ComponentType = React.memo(CmsMenuLoaderComponent);\n\nCmsMenuLoader.displayName = \"CmsMenuLoader\";\n"],"mappings":"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","ignoreList":[]}

package/admin/menus/ContentGroupsMenuItems.js CHANGED Viewed

@@ -1,90 +1,24 @@
 import React from "react";
-import get from "lodash/get";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../viewsGraphql";
-import useQuery from "../hooks/useQuery";
-import usePermission from "../hooks/usePermission";
-import { AdminConfig } from "@webiny/app-admin";
-const {
-  Menu
-} = AdminConfig;
-const HasContentEntryPermissions = ({
-  group,
-  contentModel,
-  children
-}) => {
-  const {
-    canReadEntries
-  } = usePermission();
-  if (contentModel) {
-    if (!canReadEntries({
-      contentModelGroup: group,
-      contentModel
-    })) {
-      return null;
-    }
-  } else {
-    const hasContentEntryPermission = group.contentModels.some(contentModel => canReadEntries({
-      contentModelGroup: group,
-      contentModel
-    }));
-    if (group.contentModels.length > 0 && !hasContentEntryPermission) {
-      return null;
-    }
-  }
-  return children;
-};
-const Icon = ({
-  group
-}) => {
-  return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    style: {
-      color: "var(--mdc-theme-text-secondary-on-background)"
-    },
-    icon: (group.icon || "").split("/")
-  });
-};
+import get from "lodash/get.js";
+import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../viewsGraphql.js";
+import useQuery from "../hooks/useQuery.js";
+import { GroupMenu } from "./GroupMenu.js";
+import { HasContentEntryPermissions } from "./HasContentEntryPermissions.js";
+import { GroupContentModels } from "./GroupContentModels.js";
 export const ContentGroupsMenuItems = () => {
   const response = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
   const groups = get(response, "data.listContentModelGroups.data") || [];
   if (!groups || groups.length === 0) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, groups.map(group => {
-    return /*#__PURE__*/React.createElement(HasContentEntryPermissions, {
-      key: group.id,
-      group: group
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Menu, {
-      name: group.id,
-      parent: "headlessCMS",
-      element: /*#__PURE__*/React.createElement(Menu.Group, {
-        text: group.name,
-        icon: /*#__PURE__*/React.createElement(Menu.Group.Icon, {
-          label: group.name,
-          element: /*#__PURE__*/React.createElement(Icon, {
-            group: group
-          })
-        })
-      })
-    }), group.contentModels.length === 0 && /*#__PURE__*/React.createElement(Menu, {
-      parent: "headlessCMS",
-      name: `${group.id}-empty`,
-      element: /*#__PURE__*/React.createElement(Menu.Group, {
-        text: "Nothing to show"
-      })
-    }), group.contentModels.length > 0 && group.contentModels.map(contentModel => /*#__PURE__*/React.createElement(HasContentEntryPermissions, {
-      key: contentModel.modelId,
-      group: group,
-      contentModel: contentModel
-    }, /*#__PURE__*/React.createElement(Menu, {
-      parent: "headlessCMS",
-      name: contentModel.modelId,
-      element: /*#__PURE__*/React.createElement(Menu.Link, {
-        text: contentModel.name,
-        to: `/cms/content-entries/${contentModel.modelId}`
-      })
-    })))));
-  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, groups.map(group => /*#__PURE__*/React.createElement(HasContentEntryPermissions, {
+    key: group.id,
+    group: group
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GroupMenu, {
+    group: group
+  }), /*#__PURE__*/React.createElement(GroupContentModels, {
+    group: group
+  })))));
 };
 //# sourceMappingURL=ContentGroupsMenuItems.js.map