@strapi/content-manager 5.54.0 → 5.55.0

package/dist/admin/components/LeftMenu.js

@@ -8,6 +8,7 @@ var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var useContentManagerInitData = require('../hooks/useContentManagerInitData.js');
 var hooks = require('../modules/hooks.js');
+var contentStructure = require('../utils/contentStructure.js');
 var translations = require('../utils/translations.js');
 
 function _interopNamespace(e) {
@@ -30,8 +31,18 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+const COLLAPSED_FOLDERS_KEY = 'STRAPI_CM_COLLAPSED_FOLDERS';
+const getFolderToken = (sectionId, folderId)=>`${sectionId}/${folderId}`;
+const collectFolderTokens = (sectionId, groups, tokens)=>{
+    for (const group of groups){
+        tokens.add(getFolderToken(sectionId, group.id));
+        const childGroups = group.children.filter((child)=>child.type === 'group');
+        collectFolderTokens(sectionId, childGroups, tokens);
+    }
+};
 const LeftMenu = ({ isFullPage = false })=>{
     const [search, setSearch] = React__namespace.useState('');
+    const [storedCollapsedFolders, setStoredCollapsedFolders] = strapiAdmin.useScopedPersistentState(COLLAPSED_FOLDERS_KEY, []);
     const { formatMessage, locale } = reactIntl.useIntl();
     const { search: locationSearch } = reactRouterDom.useLocation();
     const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');
@@ -39,56 +50,54 @@ const LeftMenu = ({ isFullPage = false })=>{
     const { isLoading } = useContentManagerInitData.useContentManagerInitData();
     const collectionTypeLinks = hooks.useTypedSelector((state)=>state['content-manager'].app.collectionTypeLinks);
     const singleTypeLinks = hooks.useTypedSelector((state)=>state['content-manager'].app.singleTypeLinks);
+    const contentStructure$1 = hooks.useTypedSelector((state)=>state['content-manager'].app.contentStructure);
     const { contains } = designSystem.useFilter(locale, {
         sensitivity: 'base'
     });
     const formatter = designSystem.useCollator(locale, {
         sensitivity: 'base'
     });
-    const menu = React__namespace.useMemo(()=>[
-            {
-                id: 'collectionTypes',
-                title: formatMessage({
-                    id: translations.getTranslation('components.LeftMenu.collection-types'),
-                    defaultMessage: 'Collection Types'
-                }),
-                searchable: true,
-                links: collectionTypeLinks
-            },
-            {
-                id: 'singleTypes',
-                title: formatMessage({
-                    id: translations.getTranslation('components.LeftMenu.single-types'),
-                    defaultMessage: 'Single Types'
-                }),
-                searchable: true,
-                links: singleTypeLinks
-            }
-        ].map((section)=>({
-                ...section,
-                links: section.links/**
-           * Filter by the search value
-           */ .filter((link)=>contains(link.title, search.trim()))/**
-           * Sort correctly using the language
-           */ .sort((a, b)=>formatter.compare(a.title, b.title))/**
-           * Apply the formated strings to the links from react-intl
-           */ .map((link)=>{
-                    return {
-                        ...link,
-                        title: formatMessage({
-                            id: link.title,
-                            defaultMessage: link.title
-                        })
-                    };
-                })
-            })), [
+    const compareLinks = React__namespace.useCallback((a, b)=>{
+        return formatter.compare(a.title, b.title);
+    }, [
+        formatter
+    ]);
+    const collectionTypesLabel = formatMessage({
+        id: translations.getTranslation('components.LeftMenu.collection-types'),
+        defaultMessage: 'Collection Types'
+    });
+    const singleTypesLabel = formatMessage({
+        id: translations.getTranslation('components.LeftMenu.single-types'),
+        defaultMessage: 'Single Types'
+    });
+    const sections = React__namespace.useMemo(()=>{
+        const collectionTypesSection = contentStructure.buildContentStructureSection({
+            id: 'collectionTypes',
+            groups: contentStructure$1?.collectionTypes ?? [],
+            title: collectionTypesLabel,
+            links: collectionTypeLinks,
+            compareLinks
+        });
+        const singleTypesSection = contentStructure.buildContentStructureSection({
+            id: 'singleTypes',
+            groups: contentStructure$1?.singleTypes ?? [],
+            title: singleTypesLabel,
+            links: singleTypeLinks,
+            compareLinks
+        });
+        return [
+            collectionTypesSection,
+            singleTypesSection
+        ];
+    }, [
+        collectionTypesLabel,
         collectionTypeLinks,
-        search,
+        singleTypesLabel,
+        contentStructure$1,
         singleTypeLinks,
-        contains,
-        formatMessage,
-        formatter
+        compareLinks
     ]);
+    const trimmedSearch = search.trim();
     const handleClear = ()=>{
         setSearch('');
     };
@@ -99,6 +108,64 @@ const LeftMenu = ({ isFullPage = false })=>{
         id: translations.getTranslation('header.name'),
         defaultMessage: 'Content Manager'
     });
+    const formatLinkTitle = (link)=>formatMessage({
+            id: link.title,
+            defaultMessage: link.title
+        });
+    const linkTo = (link)=>({
+            pathname: link.to,
+            search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : ''
+        });
+    const collapsedFolderTokens = Array.isArray(storedCollapsedFolders) ? storedCollapsedFolders : [];
+    const knownFolderTokens = React__namespace.useMemo(()=>{
+        if (!contentStructure$1) {
+            return null;
+        }
+        try {
+            const tokens = new Set();
+            collectFolderTokens('collectionTypes', contentStructure$1.collectionTypes, tokens);
+            collectFolderTokens('singleTypes', contentStructure$1.singleTypes, tokens);
+            return tokens;
+        } catch  {
+            return null;
+        }
+    }, [
+        contentStructure$1
+    ]);
+    const handleFolderToggle = (token, open)=>{
+        setStoredCollapsedFolders((previous)=>{
+            const collapsed = Array.isArray(previous) ? previous : [];
+            const pruned = knownFolderTokens ? collapsed.filter((storedToken)=>knownFolderTokens.has(storedToken)) : collapsed;
+            if (open) {
+                return pruned.filter((storedToken)=>storedToken !== token);
+            }
+            if (pruned.includes(token)) {
+                return pruned;
+            }
+            return [
+                ...pruned,
+                token
+            ];
+        });
+    };
+    const renderMenuItem = (node, depth, sectionId)=>{
+        if (node.type === 'link') {
+            return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Link, {
+                label: formatLinkTitle(node.link),
+                to: linkTo(node.link),
+                depth: depth,
+                bulleted: true
+            }, node.link.uid);
+        }
+        const token = getFolderToken(sectionId, node.id);
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Folder, {
+            label: node.name,
+            depth: depth,
+            open: !collapsedFolderTokens.includes(token),
+            onToggle: (open)=>handleFolderToggle(token, open),
+            children: node.children.map((child)=>renderMenuItem(child, depth + 1, sectionId))
+        }, node.id);
+    };
     // Show loading state while data is being fetched
     if (isLoading) {
         return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.SubNav.Main, {
@@ -169,19 +236,31 @@ const LeftMenu = ({ isFullPage = false })=>{
             }),
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Content, {
                 children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Sections, {
-                    children: menu.map((section)=>{
+                    children: sections.map((section)=>{
+                        const matches = trimmedSearch ? contentStructure.filterTreeLinks({
+                            nodes: section.tree,
+                            matchLink: (link)=>{
+                                return contains(formatLinkTitle(link), trimmedSearch) || contains(link.uid, trimmedSearch);
+                            },
+                            matchFolderName: (name)=>{
+                                return contains(name, trimmedSearch);
+                            }
+                        }).sort((a, b)=>compareLinks(a.link, b.link)) : null;
+                        const count = matches ? matches.length : contentStructure.countTreeLinks(section.tree);
+                        const sectionItems = matches ? matches.map(({ link, path })=>/*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Link, {
+                                label: formatLinkTitle(link),
+                                to: linkTo(link),
+                                bulleted: true,
+                                endAction: path.length > 0 ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    variant: "pi",
+                                    textColor: "neutral500",
+                                    children: path.join(' / ')
+                                }) : undefined
+                            }, link.uid)) : section.tree.map((node)=>renderMenuItem(node, 0, section.id));
                         return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Section, {
                             label: section.title,
-                            badgeLabel: section.links.length.toString(),
-                            children: section.links.map((link)=>{
-                                return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Link, {
-                                    to: {
-                                        pathname: link.to,
-                                        search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : ''
-                                    },
-                                    label: link.title
-                                }, link.uid);
-                            })
+                            badgeLabel: count.toString(),
+                            children: sectionItems
                         }, section.id);
                     })
                 })

package/dist/admin/components/LeftMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.js","sources":["../../../admin/src/components/LeftMenu.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { SubNav } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Searchbar,\n  useCollator,\n  useFilter,\n  Divider,\n  Loader,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\n\nimport { useContentManagerInitData } from '../hooks/useContentManagerInitData';\nimport { useTypedSelector } from '../modules/hooks';\nimport { getTranslation } from '../utils/translations';\n\nconst LeftMenu = ({ isFullPage = false }: { isFullPage?: boolean }) => {\n  const [search, setSearch] = React.useState('');\n  const { formatMessage, locale } = useIntl();\n  const { search: locationSearch } = useLocation();\n  const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');\n\n  // Initialize Content Manager data to ensure links are available\n  const { isLoading } = useContentManagerInitData();\n\n  const collectionTypeLinks = useTypedSelector(\n    (state) => state['content-manager'].app.collectionTypeLinks\n  );\n\n  const singleTypeLinks = useTypedSelector((state) => state['content-manager'].app.singleTypeLinks);\n\n  const { contains } = useFilter(locale, {\n    sensitivity: 'base',\n  });\n\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const menu = React.useMemo(\n    () =>\n      [\n        {\n          id: 'collectionTypes',\n          title: formatMessage({\n            id: getTranslation('components.LeftMenu.collection-types'),\n            defaultMessage: 'Collection Types',\n          }),\n          searchable: true,\n          links: collectionTypeLinks,\n        },\n        {\n          id: 'singleTypes',\n          title: formatMessage({\n            id: getTranslation('components.LeftMenu.single-types'),\n            defaultMessage: 'Single Types',\n          }),\n          searchable: true,\n          links: singleTypeLinks,\n        },\n      ].map((section) => ({\n        ...section,\n        links: section.links\n          /**\n           * Filter by the search value\n           */\n          .filter((link) => contains(link.title, search.trim()))\n          /**\n           * Sort correctly using the language\n           */\n          .sort((a, b) => formatter.compare(a.title, b.title))\n          /**\n           * Apply the formated strings to the links from react-intl\n           */\n          .map((link) => {\n            return {\n              ...link,\n              title: formatMessage({ id: link.title, defaultMessage: link.title }),\n            };\n          }),\n      })),\n    [collectionTypeLinks, search, singleTypeLinks, contains, formatMessage, formatter]\n  );\n\n  const handleClear = () => {\n    setSearch('');\n  };\n\n  const handleChangeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  };\n\n  const label = formatMessage({\n    id: getTranslation('header.name'),\n    defaultMessage: 'Content Manager',\n  });\n\n  // Show loading state while data is being fetched\n  if (isLoading) {\n    return (\n      <SubNav.Main aria-label={label} isFullPage={isFullPage}>\n        <SubNav.Header label={label} />\n        <Divider />\n        <Flex padding={4} justifyContent=\"center\">\n          <Loader />\n        </Flex>\n      </SubNav.Main>\n    );\n  }\n\n  const searchBar = (\n    <Flex\n      paddingLeft={{\n        initial: 3,\n        large: 5,\n      }}\n      paddingRight={{\n        initial: 3,\n        large: 5,\n      }}\n      paddingTop={5}\n      paddingBottom={{ initial: 1, large: 0 }}\n      gap={3}\n      direction=\"column\"\n      alignItems=\"stretch\"\n    >\n      <Searchbar\n        value={search}\n        onChange={handleChangeSearch}\n        onClear={handleClear}\n        placeholder={formatMessage({\n          id: 'search.placeholder',\n          defaultMessage: 'Search',\n        })}\n        size=\"S\"\n        // eslint-disable-next-line react/no-children-prop\n        children={undefined}\n        name={'search_contentType'}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n      />\n    </Flex>\n  );\n\n  return (\n    <SubNav.Main aria-label={label} isFullPage={isFullPage}>\n      <SubNav.Header label={label} />\n      <Divider />\n      <Box\n        position={isFullPage ? 'sticky' : 'static'}\n        top={isFullPage ? '0px' : undefined}\n        zIndex={isFullPage ? 2 : undefined}\n        background={isFullPage ? 'neutral100' : 'neutral0'}\n      >\n        {searchBar}\n      </Box>\n      <SubNav.Content>\n        <SubNav.Sections>\n          {menu.map((section) => {\n            return (\n              <SubNav.Section\n                key={section.id}\n                label={section.title}\n                badgeLabel={section.links.length.toString()}\n              >\n                {section.links.map((link) => {\n                  return (\n                    <SubNav.Link\n                      key={link.uid}\n                      to={{\n                        pathname: link.to,\n                        search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : '',\n                      }}\n                      label={link.title}\n                    />\n                  );\n                })}\n              </SubNav.Section>\n            );\n          })}\n        </SubNav.Sections>\n      </SubNav.Content>\n    </SubNav.Main>\n  );\n};\n\nexport { LeftMenu };\n"],"names":["LeftMenu","isFullPage","search","setSearch","React","useState","formatMessage","locale","useIntl","locationSearch","useLocation","i18nLocale","URLSearchParams","get","isLoading","useContentManagerInitData","collectionTypeLinks","useTypedSelector","state","app","singleTypeLinks","contains","useFilter","sensitivity","formatter","useCollator","menu","useMemo","id","title","getTranslation","defaultMessage","searchable","links","map","section","filter","link","trim","sort","a","b","compare","handleClear","handleChangeSearch","event","target","value","label","_jsxs","SubNav","Main","aria-label","_jsx","Header","Divider","Flex","padding","justifyContent","Loader","searchBar","paddingLeft","initial","large","paddingRight","paddingTop","paddingBottom","gap","direction","alignItems","Searchbar","onChange","onClear","placeholder","size","children","undefined","name","clearLabel","Box","position","top","zIndex","background","Content","Sections","Section","badgeLabel","length","toString","Link","to","pathname","uid"],"mappings":"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"}
+{"version":3,"file":"LeftMenu.js","sources":["../../../admin/src/components/LeftMenu.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { SubNav, useScopedPersistentState } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Searchbar,\n  Typography,\n  useCollator,\n  useFilter,\n  Divider,\n  Loader,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\n\nimport { useContentManagerInitData } from '../hooks/useContentManagerInitData';\nimport { useTypedSelector } from '../modules/hooks';\nimport {\n  countTreeLinks,\n  buildContentStructureSection,\n  filterTreeLinks,\n  type LinkTreeNode,\n} from '../utils/contentStructure';\nimport { getTranslation } from '../utils/translations';\n\nimport type { ContentManagerLink } from '../hooks/useContentManagerInitData';\nimport type { Modules } from '@strapi/types';\n\nconst COLLAPSED_FOLDERS_KEY = 'STRAPI_CM_COLLAPSED_FOLDERS';\n\ntype SectionId = Modules.ContentStructure.ContentStructureSectionKey;\n\nconst getFolderToken = (sectionId: SectionId, folderId: string) => `${sectionId}/${folderId}`;\n\nconst collectFolderTokens = (\n  sectionId: SectionId,\n  groups: Modules.ContentStructure.ResolvedGroupNode[],\n  tokens: Set<string>\n) => {\n  for (const group of groups) {\n    tokens.add(getFolderToken(sectionId, group.id));\n\n    const childGroups = group.children.filter(\n      (child): child is Modules.ContentStructure.ResolvedGroupNode => child.type === 'group'\n    );\n\n    collectFolderTokens(sectionId, childGroups, tokens);\n  }\n};\n\nconst LeftMenu = ({ isFullPage = false }: { isFullPage?: boolean }) => {\n  const [search, setSearch] = React.useState('');\n  const [storedCollapsedFolders, setStoredCollapsedFolders] = useScopedPersistentState<string[]>(\n    COLLAPSED_FOLDERS_KEY,\n    []\n  );\n  const { formatMessage, locale } = useIntl();\n  const { search: locationSearch } = useLocation();\n  const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');\n\n  // Initialize Content Manager data to ensure links are available\n  const { isLoading } = useContentManagerInitData();\n\n  const collectionTypeLinks = useTypedSelector(\n    (state) => state['content-manager'].app.collectionTypeLinks\n  );\n\n  const singleTypeLinks = useTypedSelector((state) => state['content-manager'].app.singleTypeLinks);\n\n  const contentStructure = useTypedSelector(\n    (state) => state['content-manager'].app.contentStructure\n  );\n\n  const { contains } = useFilter(locale, {\n    sensitivity: 'base',\n  });\n\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const compareLinks = React.useCallback(\n    (a: ContentManagerLink, b: ContentManagerLink) => {\n      return formatter.compare(a.title, b.title);\n    },\n    [formatter]\n  );\n\n  const collectionTypesLabel = formatMessage({\n    id: getTranslation('components.LeftMenu.collection-types'),\n    defaultMessage: 'Collection Types',\n  });\n\n  const singleTypesLabel = formatMessage({\n    id: getTranslation('components.LeftMenu.single-types'),\n    defaultMessage: 'Single Types',\n  });\n\n  const sections = React.useMemo(() => {\n    const collectionTypesSection = buildContentStructureSection({\n      id: 'collectionTypes',\n      groups: contentStructure?.collectionTypes ?? [],\n      title: collectionTypesLabel,\n      links: collectionTypeLinks,\n      compareLinks,\n    });\n\n    const singleTypesSection = buildContentStructureSection({\n      id: 'singleTypes',\n      groups: contentStructure?.singleTypes ?? [],\n      title: singleTypesLabel,\n      links: singleTypeLinks,\n      compareLinks,\n    });\n\n    return [collectionTypesSection, singleTypesSection];\n  }, [\n    collectionTypesLabel,\n    collectionTypeLinks,\n    singleTypesLabel,\n    contentStructure,\n    singleTypeLinks,\n    compareLinks,\n  ]);\n\n  const trimmedSearch = search.trim();\n\n  const handleClear = () => {\n    setSearch('');\n  };\n\n  const handleChangeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  };\n\n  const label = formatMessage({\n    id: getTranslation('header.name'),\n    defaultMessage: 'Content Manager',\n  });\n\n  const formatLinkTitle = (link: ContentManagerLink) =>\n    formatMessage({ id: link.title, defaultMessage: link.title });\n\n  const linkTo = (link: ContentManagerLink) => ({\n    pathname: link.to,\n    search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : '',\n  });\n\n  const collapsedFolderTokens = Array.isArray(storedCollapsedFolders) ? storedCollapsedFolders : [];\n\n  const knownFolderTokens = React.useMemo(() => {\n    if (!contentStructure) {\n      return null;\n    }\n\n    try {\n      const tokens = new Set<string>();\n\n      collectFolderTokens('collectionTypes', contentStructure.collectionTypes, tokens);\n      collectFolderTokens('singleTypes', contentStructure.singleTypes, tokens);\n\n      return tokens;\n    } catch {\n      return null;\n    }\n  }, [contentStructure]);\n\n  const handleFolderToggle = (token: string, open: boolean) => {\n    setStoredCollapsedFolders((previous) => {\n      const collapsed = Array.isArray(previous) ? previous : [];\n\n      const pruned = knownFolderTokens\n        ? collapsed.filter((storedToken) => knownFolderTokens.has(storedToken))\n        : collapsed;\n\n      if (open) {\n        return pruned.filter((storedToken) => storedToken !== token);\n      }\n\n      if (pruned.includes(token)) {\n        return pruned;\n      }\n\n      return [...pruned, token];\n    });\n  };\n\n  const renderMenuItem = (\n    node: LinkTreeNode,\n    depth: number,\n    sectionId: SectionId\n  ): React.ReactNode => {\n    if (node.type === 'link') {\n      return (\n        <SubNav.Link\n          label={formatLinkTitle(node.link)}\n          to={linkTo(node.link)}\n          key={node.link.uid}\n          depth={depth}\n          bulleted\n        />\n      );\n    }\n\n    const token = getFolderToken(sectionId, node.id);\n\n    return (\n      <SubNav.Folder\n        key={node.id}\n        label={node.name}\n        depth={depth}\n        open={!collapsedFolderTokens.includes(token)}\n        onToggle={(open) => handleFolderToggle(token, open)}\n      >\n        {node.children.map((child) => renderMenuItem(child, depth + 1, sectionId))}\n      </SubNav.Folder>\n    );\n  };\n\n  // Show loading state while data is being fetched\n  if (isLoading) {\n    return (\n      <SubNav.Main aria-label={label} isFullPage={isFullPage}>\n        <SubNav.Header label={label} />\n        <Divider />\n        <Flex padding={4} justifyContent=\"center\">\n          <Loader />\n        </Flex>\n      </SubNav.Main>\n    );\n  }\n\n  const searchBar = (\n    <Flex\n      paddingLeft={{\n        initial: 3,\n        large: 5,\n      }}\n      paddingRight={{\n        initial: 3,\n        large: 5,\n      }}\n      paddingTop={5}\n      paddingBottom={{ initial: 1, large: 0 }}\n      gap={3}\n      direction=\"column\"\n      alignItems=\"stretch\"\n    >\n      <Searchbar\n        value={search}\n        onChange={handleChangeSearch}\n        onClear={handleClear}\n        placeholder={formatMessage({\n          id: 'search.placeholder',\n          defaultMessage: 'Search',\n        })}\n        size=\"S\"\n        // eslint-disable-next-line react/no-children-prop\n        children={undefined}\n        name={'search_contentType'}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n      />\n    </Flex>\n  );\n\n  return (\n    <SubNav.Main aria-label={label} isFullPage={isFullPage}>\n      <SubNav.Header label={label} />\n      <Divider />\n      <Box\n        position={isFullPage ? 'sticky' : 'static'}\n        top={isFullPage ? '0px' : undefined}\n        zIndex={isFullPage ? 2 : undefined}\n        background={isFullPage ? 'neutral100' : 'neutral0'}\n      >\n        {searchBar}\n      </Box>\n      <SubNav.Content>\n        <SubNav.Sections>\n          {sections.map((section) => {\n            const matches = trimmedSearch\n              ? filterTreeLinks({\n                  nodes: section.tree,\n                  matchLink: (link) => {\n                    return (\n                      contains(formatLinkTitle(link), trimmedSearch) ||\n                      contains(link.uid, trimmedSearch)\n                    );\n                  },\n                  matchFolderName: (name) => {\n                    return contains(name, trimmedSearch);\n                  },\n                }).sort((a, b) => compareLinks(a.link, b.link))\n              : null;\n\n            const count = matches ? matches.length : countTreeLinks(section.tree);\n\n            const sectionItems = matches\n              ? matches.map(({ link, path }) => (\n                  <SubNav.Link\n                    label={formatLinkTitle(link)}\n                    to={linkTo(link)}\n                    key={link.uid}\n                    bulleted\n                    endAction={\n                      path.length > 0 ? (\n                        <Typography variant=\"pi\" textColor=\"neutral500\">\n                          {path.join(' / ')}\n                        </Typography>\n                      ) : undefined\n                    }\n                  />\n                ))\n              : section.tree.map((node) => renderMenuItem(node, 0, section.id));\n\n            return (\n              <SubNav.Section key={section.id} label={section.title} badgeLabel={count.toString()}>\n                {sectionItems}\n              </SubNav.Section>\n            );\n          })}\n        </SubNav.Sections>\n      </SubNav.Content>\n    </SubNav.Main>\n  );\n};\n\nexport { LeftMenu };\n"],"names":["COLLAPSED_FOLDERS_KEY","getFolderToken","sectionId","folderId","collectFolderTokens","groups","tokens","group","add","id","childGroups","children","filter","child","type","LeftMenu","isFullPage","search","setSearch","React","useState","storedCollapsedFolders","setStoredCollapsedFolders","useScopedPersistentState","formatMessage","locale","useIntl","locationSearch","useLocation","i18nLocale","URLSearchParams","get","isLoading","useContentManagerInitData","collectionTypeLinks","useTypedSelector","state","app","singleTypeLinks","contentStructure","contains","useFilter","sensitivity","formatter","useCollator","compareLinks","useCallback","a","b","compare","title","collectionTypesLabel","getTranslation","defaultMessage","singleTypesLabel","sections","useMemo","collectionTypesSection","buildContentStructureSection","collectionTypes","links","singleTypesSection","singleTypes","trimmedSearch","trim","handleClear","handleChangeSearch","event","target","value","label","formatLinkTitle","link","linkTo","pathname","to","collapsedFolderTokens","Array","isArray","knownFolderTokens","Set","handleFolderToggle","token","open","previous","collapsed","pruned","storedToken","has","includes","renderMenuItem","node","depth","_jsx","SubNav","Link","bulleted","uid","Folder","name","onToggle","map","_jsxs","Main","aria-label","Header","Divider","Flex","padding","justifyContent","Loader","searchBar","paddingLeft","initial","large","paddingRight","paddingTop","paddingBottom","gap","direction","alignItems","Searchbar","onChange","onClear","placeholder","size","undefined","clearLabel","Box","position","top","zIndex","background","Content","Sections","section","matches","filterTreeLinks","nodes","tree","matchLink","matchFolderName","sort","count","length","countTreeLinks","sectionItems","path","endAction","Typography","variant","textColor","join","Section","badgeLabel","toString"],"mappings":"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"}

package/dist/admin/components/LeftMenu.mjs

@@ -1,15 +1,26 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { SubNav } from '@strapi/admin/strapi-admin';
-import { useFilter, useCollator, Divider, Flex, Loader, Searchbar, Box } from '@strapi/design-system';
+import { useScopedPersistentState, SubNav } from '@strapi/admin/strapi-admin';
+import { useFilter, useCollator, Divider, Flex, Loader, Searchbar, Box, Typography } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { useLocation } from 'react-router-dom';
 import { useContentManagerInitData } from '../hooks/useContentManagerInitData.mjs';
 import { useTypedSelector } from '../modules/hooks.mjs';
+import { buildContentStructureSection, filterTreeLinks, countTreeLinks } from '../utils/contentStructure.mjs';
 import { getTranslation } from '../utils/translations.mjs';
 
+const COLLAPSED_FOLDERS_KEY = 'STRAPI_CM_COLLAPSED_FOLDERS';
+const getFolderToken = (sectionId, folderId)=>`${sectionId}/${folderId}`;
+const collectFolderTokens = (sectionId, groups, tokens)=>{
+    for (const group of groups){
+        tokens.add(getFolderToken(sectionId, group.id));
+        const childGroups = group.children.filter((child)=>child.type === 'group');
+        collectFolderTokens(sectionId, childGroups, tokens);
+    }
+};
 const LeftMenu = ({ isFullPage = false })=>{
     const [search, setSearch] = React.useState('');
+    const [storedCollapsedFolders, setStoredCollapsedFolders] = useScopedPersistentState(COLLAPSED_FOLDERS_KEY, []);
     const { formatMessage, locale } = useIntl();
     const { search: locationSearch } = useLocation();
     const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');
@@ -17,56 +28,54 @@ const LeftMenu = ({ isFullPage = false })=>{
     const { isLoading } = useContentManagerInitData();
     const collectionTypeLinks = useTypedSelector((state)=>state['content-manager'].app.collectionTypeLinks);
     const singleTypeLinks = useTypedSelector((state)=>state['content-manager'].app.singleTypeLinks);
+    const contentStructure = useTypedSelector((state)=>state['content-manager'].app.contentStructure);
     const { contains } = useFilter(locale, {
         sensitivity: 'base'
     });
     const formatter = useCollator(locale, {
         sensitivity: 'base'
     });
-    const menu = React.useMemo(()=>[
-            {
-                id: 'collectionTypes',
-                title: formatMessage({
-                    id: getTranslation('components.LeftMenu.collection-types'),
-                    defaultMessage: 'Collection Types'
-                }),
-                searchable: true,
-                links: collectionTypeLinks
-            },
-            {
-                id: 'singleTypes',
-                title: formatMessage({
-                    id: getTranslation('components.LeftMenu.single-types'),
-                    defaultMessage: 'Single Types'
-                }),
-                searchable: true,
-                links: singleTypeLinks
-            }
-        ].map((section)=>({
-                ...section,
-                links: section.links/**
-           * Filter by the search value
-           */ .filter((link)=>contains(link.title, search.trim()))/**
-           * Sort correctly using the language
-           */ .sort((a, b)=>formatter.compare(a.title, b.title))/**
-           * Apply the formated strings to the links from react-intl
-           */ .map((link)=>{
-                    return {
-                        ...link,
-                        title: formatMessage({
-                            id: link.title,
-                            defaultMessage: link.title
-                        })
-                    };
-                })
-            })), [
+    const compareLinks = React.useCallback((a, b)=>{
+        return formatter.compare(a.title, b.title);
+    }, [
+        formatter
+    ]);
+    const collectionTypesLabel = formatMessage({
+        id: getTranslation('components.LeftMenu.collection-types'),
+        defaultMessage: 'Collection Types'
+    });
+    const singleTypesLabel = formatMessage({
+        id: getTranslation('components.LeftMenu.single-types'),
+        defaultMessage: 'Single Types'
+    });
+    const sections = React.useMemo(()=>{
+        const collectionTypesSection = buildContentStructureSection({
+            id: 'collectionTypes',
+            groups: contentStructure?.collectionTypes ?? [],
+            title: collectionTypesLabel,
+            links: collectionTypeLinks,
+            compareLinks
+        });
+        const singleTypesSection = buildContentStructureSection({
+            id: 'singleTypes',
+            groups: contentStructure?.singleTypes ?? [],
+            title: singleTypesLabel,
+            links: singleTypeLinks,
+            compareLinks
+        });
+        return [
+            collectionTypesSection,
+            singleTypesSection
+        ];
+    }, [
+        collectionTypesLabel,
         collectionTypeLinks,
-        search,
+        singleTypesLabel,
+        contentStructure,
         singleTypeLinks,
-        contains,
-        formatMessage,
-        formatter
+        compareLinks
     ]);
+    const trimmedSearch = search.trim();
     const handleClear = ()=>{
         setSearch('');
     };
@@ -77,6 +86,64 @@ const LeftMenu = ({ isFullPage = false })=>{
         id: getTranslation('header.name'),
         defaultMessage: 'Content Manager'
     });
+    const formatLinkTitle = (link)=>formatMessage({
+            id: link.title,
+            defaultMessage: link.title
+        });
+    const linkTo = (link)=>({
+            pathname: link.to,
+            search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : ''
+        });
+    const collapsedFolderTokens = Array.isArray(storedCollapsedFolders) ? storedCollapsedFolders : [];
+    const knownFolderTokens = React.useMemo(()=>{
+        if (!contentStructure) {
+            return null;
+        }
+        try {
+            const tokens = new Set();
+            collectFolderTokens('collectionTypes', contentStructure.collectionTypes, tokens);
+            collectFolderTokens('singleTypes', contentStructure.singleTypes, tokens);
+            return tokens;
+        } catch  {
+            return null;
+        }
+    }, [
+        contentStructure
+    ]);
+    const handleFolderToggle = (token, open)=>{
+        setStoredCollapsedFolders((previous)=>{
+            const collapsed = Array.isArray(previous) ? previous : [];
+            const pruned = knownFolderTokens ? collapsed.filter((storedToken)=>knownFolderTokens.has(storedToken)) : collapsed;
+            if (open) {
+                return pruned.filter((storedToken)=>storedToken !== token);
+            }
+            if (pruned.includes(token)) {
+                return pruned;
+            }
+            return [
+                ...pruned,
+                token
+            ];
+        });
+    };
+    const renderMenuItem = (node, depth, sectionId)=>{
+        if (node.type === 'link') {
+            return /*#__PURE__*/ jsx(SubNav.Link, {
+                label: formatLinkTitle(node.link),
+                to: linkTo(node.link),
+                depth: depth,
+                bulleted: true
+            }, node.link.uid);
+        }
+        const token = getFolderToken(sectionId, node.id);
+        return /*#__PURE__*/ jsx(SubNav.Folder, {
+            label: node.name,
+            depth: depth,
+            open: !collapsedFolderTokens.includes(token),
+            onToggle: (open)=>handleFolderToggle(token, open),
+            children: node.children.map((child)=>renderMenuItem(child, depth + 1, sectionId))
+        }, node.id);
+    };
     // Show loading state while data is being fetched
     if (isLoading) {
         return /*#__PURE__*/ jsxs(SubNav.Main, {
@@ -147,19 +214,31 @@ const LeftMenu = ({ isFullPage = false })=>{
             }),
             /*#__PURE__*/ jsx(SubNav.Content, {
                 children: /*#__PURE__*/ jsx(SubNav.Sections, {
-                    children: menu.map((section)=>{
+                    children: sections.map((section)=>{
+                        const matches = trimmedSearch ? filterTreeLinks({
+                            nodes: section.tree,
+                            matchLink: (link)=>{
+                                return contains(formatLinkTitle(link), trimmedSearch) || contains(link.uid, trimmedSearch);
+                            },
+                            matchFolderName: (name)=>{
+                                return contains(name, trimmedSearch);
+                            }
+                        }).sort((a, b)=>compareLinks(a.link, b.link)) : null;
+                        const count = matches ? matches.length : countTreeLinks(section.tree);
+                        const sectionItems = matches ? matches.map(({ link, path })=>/*#__PURE__*/ jsx(SubNav.Link, {
+                                label: formatLinkTitle(link),
+                                to: linkTo(link),
+                                bulleted: true,
+                                endAction: path.length > 0 ? /*#__PURE__*/ jsx(Typography, {
+                                    variant: "pi",
+                                    textColor: "neutral500",
+                                    children: path.join(' / ')
+                                }) : undefined
+                            }, link.uid)) : section.tree.map((node)=>renderMenuItem(node, 0, section.id));
                         return /*#__PURE__*/ jsx(SubNav.Section, {
                             label: section.title,
-                            badgeLabel: section.links.length.toString(),
-                            children: section.links.map((link)=>{
-                                return /*#__PURE__*/ jsx(SubNav.Link, {
-                                    to: {
-                                        pathname: link.to,
-                                        search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : ''
-                                    },
-                                    label: link.title
-                                }, link.uid);
-                            })
+                            badgeLabel: count.toString(),
+                            children: sectionItems
                         }, section.id);
                     })
                 })

package/dist/admin/components/LeftMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.mjs","sources":["../../../admin/src/components/LeftMenu.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { SubNav } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Searchbar,\n  useCollator,\n  useFilter,\n  Divider,\n  Loader,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\n\nimport { useContentManagerInitData } from '../hooks/useContentManagerInitData';\nimport { useTypedSelector } from '../modules/hooks';\nimport { getTranslation } from '../utils/translations';\n\nconst LeftMenu = ({ isFullPage = false }: { isFullPage?: boolean }) => {\n  const [search, setSearch] = React.useState('');\n  const { formatMessage, locale } = useIntl();\n  const { search: locationSearch } = useLocation();\n  const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');\n\n  // Initialize Content Manager data to ensure links are available\n  const { isLoading } = useContentManagerInitData();\n\n  const collectionTypeLinks = useTypedSelector(\n    (state) => state['content-manager'].app.collectionTypeLinks\n  );\n\n  const singleTypeLinks = useTypedSelector((state) => state['content-manager'].app.singleTypeLinks);\n\n  const { contains } = useFilter(locale, {\n    sensitivity: 'base',\n  });\n\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const menu = React.useMemo(\n    () =>\n      [\n        {\n          id: 'collectionTypes',\n          title: formatMessage({\n            id: getTranslation('components.LeftMenu.collection-types'),\n            defaultMessage: 'Collection Types',\n          }),\n          searchable: true,\n          links: collectionTypeLinks,\n        },\n        {\n          id: 'singleTypes',\n          title: formatMessage({\n            id: getTranslation('components.LeftMenu.single-types'),\n            defaultMessage: 'Single Types',\n          }),\n          searchable: true,\n          links: singleTypeLinks,\n        },\n      ].map((section) => ({\n        ...section,\n        links: section.links\n          /**\n           * Filter by the search value\n           */\n          .filter((link) => contains(link.title, search.trim()))\n          /**\n           * Sort correctly using the language\n           */\n          .sort((a, b) => formatter.compare(a.title, b.title))\n          /**\n           * Apply the formated strings to the links from react-intl\n           */\n          .map((link) => {\n            return {\n              ...link,\n              title: formatMessage({ id: link.title, defaultMessage: link.title }),\n            };\n          }),\n      })),\n    [collectionTypeLinks, search, singleTypeLinks, contains, formatMessage, formatter]\n  );\n\n  const handleClear = () => {\n    setSearch('');\n  };\n\n  const handleChangeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  };\n\n  const label = formatMessage({\n    id: getTranslation('header.name'),\n    defaultMessage: 'Content Manager',\n  });\n\n  // Show loading state while data is being fetched\n  if (isLoading) {\n    return (\n      <SubNav.Main aria-label={label} isFullPage={isFullPage}>\n        <SubNav.Header label={label} />\n        <Divider />\n        <Flex padding={4} justifyContent=\"center\">\n          <Loader />\n        </Flex>\n      </SubNav.Main>\n    );\n  }\n\n  const searchBar = (\n    <Flex\n      paddingLeft={{\n        initial: 3,\n        large: 5,\n      }}\n      paddingRight={{\n        initial: 3,\n        large: 5,\n      }}\n      paddingTop={5}\n      paddingBottom={{ initial: 1, large: 0 }}\n      gap={3}\n      direction=\"column\"\n      alignItems=\"stretch\"\n    >\n      <Searchbar\n        value={search}\n        onChange={handleChangeSearch}\n        onClear={handleClear}\n        placeholder={formatMessage({\n          id: 'search.placeholder',\n          defaultMessage: 'Search',\n        })}\n        size=\"S\"\n        // eslint-disable-next-line react/no-children-prop\n        children={undefined}\n        name={'search_contentType'}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n      />\n    </Flex>\n  );\n\n  return (\n    <SubNav.Main aria-label={label} isFullPage={isFullPage}>\n      <SubNav.Header label={label} />\n      <Divider />\n      <Box\n        position={isFullPage ? 'sticky' : 'static'}\n        top={isFullPage ? '0px' : undefined}\n        zIndex={isFullPage ? 2 : undefined}\n        background={isFullPage ? 'neutral100' : 'neutral0'}\n      >\n        {searchBar}\n      </Box>\n      <SubNav.Content>\n        <SubNav.Sections>\n          {menu.map((section) => {\n            return (\n              <SubNav.Section\n                key={section.id}\n                label={section.title}\n                badgeLabel={section.links.length.toString()}\n              >\n                {section.links.map((link) => {\n                  return (\n                    <SubNav.Link\n                      key={link.uid}\n                      to={{\n                        pathname: link.to,\n                        search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : '',\n                      }}\n                      label={link.title}\n                    />\n                  );\n                })}\n              </SubNav.Section>\n            );\n          })}\n        </SubNav.Sections>\n      </SubNav.Content>\n    </SubNav.Main>\n  );\n};\n\nexport { LeftMenu };\n"],"names":["LeftMenu","isFullPage","search","setSearch","React","useState","formatMessage","locale","useIntl","locationSearch","useLocation","i18nLocale","URLSearchParams","get","isLoading","useContentManagerInitData","collectionTypeLinks","useTypedSelector","state","app","singleTypeLinks","contains","useFilter","sensitivity","formatter","useCollator","menu","useMemo","id","title","getTranslation","defaultMessage","searchable","links","map","section","filter","link","trim","sort","a","b","compare","handleClear","handleChangeSearch","event","target","value","label","_jsxs","SubNav","Main","aria-label","_jsx","Header","Divider","Flex","padding","justifyContent","Loader","searchBar","paddingLeft","initial","large","paddingRight","paddingTop","paddingBottom","gap","direction","alignItems","Searchbar","onChange","onClear","placeholder","size","children","undefined","name","clearLabel","Box","position","top","zIndex","background","Content","Sections","Section","badgeLabel","length","toString","Link","to","pathname","uid"],"mappings":";;;;;;;;;;AAmBA,MAAMA,QAAAA,GAAW,CAAC,EAAEC,UAAAA,GAAa,KAAK,EAA4B,GAAA;AAChE,IAAA,MAAM,CAACC,MAAAA,EAAQC,SAAAA,CAAU,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,EAAA,CAAA;AAC3C,IAAA,MAAM,EAAEC,aAAa,EAAEC,MAAM,EAAE,GAAGC,OAAAA,EAAAA;AAClC,IAAA,MAAM,EAAEN,MAAAA,EAAQO,cAAc,EAAE,GAAGC,WAAAA,EAAAA;AACnC,IAAA,MAAMC,UAAAA,GAAa,IAAIC,eAAAA,CAAgBH,cAAAA,CAAAA,CAAgBI,GAAG,CAAC,uBAAA,CAAA;;IAG3D,MAAM,EAAEC,SAAS,EAAE,GAAGC,yBAAAA,EAAAA;IAEtB,MAAMC,mBAAAA,GAAsBC,gBAAAA,CAC1B,CAACC,KAAAA,GAAUA,KAAK,CAAC,iBAAA,CAAkB,CAACC,GAAG,CAACH,mBAAmB,CAAA;IAG7D,MAAMI,eAAAA,GAAkBH,gBAAAA,CAAiB,CAACC,KAAAA,GAAUA,KAAK,CAAC,iBAAA,CAAkB,CAACC,GAAG,CAACC,eAAe,CAAA;AAEhG,IAAA,MAAM,EAAEC,QAAQ,EAAE,GAAGC,UAAUf,MAAAA,EAAQ;QACrCgB,WAAAA,EAAa;AACf,KAAA,CAAA;IAEA,MAAMC,SAAAA,GAAYC,YAAYlB,MAAAA,EAAQ;QACpCgB,WAAAA,EAAa;AACf,KAAA,CAAA;AAEA,IAAA,MAAMG,IAAAA,GAAOtB,KAAAA,CAAMuB,OAAO,CACxB,IACE;AACE,YAAA;gBACEC,EAAAA,EAAI,iBAAA;AACJC,gBAAAA,KAAAA,EAAOvB,aAAAA,CAAc;AACnBsB,oBAAAA,EAAAA,EAAIE,cAAAA,CAAe,sCAAA,CAAA;oBACnBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAC,UAAAA,EAAY,IAAA;gBACZC,KAAAA,EAAOjB;AACT,aAAA;AACA,YAAA;gBACEY,EAAAA,EAAI,aAAA;AACJC,gBAAAA,KAAAA,EAAOvB,aAAAA,CAAc;AACnBsB,oBAAAA,EAAAA,EAAIE,cAAAA,CAAe,kCAAA,CAAA;oBACnBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAC,UAAAA,EAAY,IAAA;gBACZC,KAAAA,EAAOb;AACT;AACD,SAAA,CAACc,GAAG,CAAC,CAACC,OAAAA,IAAa;AAClB,gBAAA,GAAGA,OAAO;gBACVF,KAAAA,EAAOE,OAAAA,CAAQF,KAAK;;eAIjBG,MAAM,CAAC,CAACC,IAAAA,GAAShB,QAAAA,CAASgB,KAAKR,KAAK,EAAE3B,MAAAA,CAAOoC,IAAI,EAAA,CAAA,CAClD;;AAEC,eACAC,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GAAMjB,SAAAA,CAAUkB,OAAO,CAACF,CAAAA,CAAEX,KAAK,EAAEY,CAAAA,CAAEZ,KAAK,CAAA,CAClD;;eAGCK,GAAG,CAAC,CAACG,IAAAA,GAAAA;oBACJ,OAAO;AACL,wBAAA,GAAGA,IAAI;AACPR,wBAAAA,KAAAA,EAAOvB,aAAAA,CAAc;AAAEsB,4BAAAA,EAAAA,EAAIS,KAAKR,KAAK;AAAEE,4BAAAA,cAAAA,EAAgBM,KAAKR;AAAM,yBAAA;AACpE,qBAAA;AACF,gBAAA,CAAA;AACJ,aAAA,CAAA,CAAA,EACF;AAACb,QAAAA,mBAAAA;AAAqBd,QAAAA,MAAAA;AAAQkB,QAAAA,eAAAA;AAAiBC,QAAAA,QAAAA;AAAUf,QAAAA,aAAAA;AAAekB,QAAAA;AAAU,KAAA,CAAA;AAGpF,IAAA,MAAMmB,WAAAA,GAAc,IAAA;QAClBxC,SAAAA,CAAU,EAAA,CAAA;AACZ,IAAA,CAAA;AAEA,IAAA,MAAMyC,qBAAqB,CAACC,KAAAA,GAAAA;QAC1B1C,SAAAA,CAAU0C,KAAAA,CAAMC,MAAM,CAACC,KAAK,CAAA;AAC9B,IAAA,CAAA;AAEA,IAAA,MAAMC,QAAQ1C,aAAAA,CAAc;AAC1BsB,QAAAA,EAAAA,EAAIE,cAAAA,CAAe,aAAA,CAAA;QACnBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;;AAGA,IAAA,IAAIjB,SAAAA,EAAW;QACb,qBACEmC,IAAA,CAACC,OAAOC,IAAI,EAAA;YAACC,YAAAA,EAAYJ,KAAAA;YAAO/C,UAAAA,EAAYA,UAAAA;;AAC1C,8BAAAoD,GAAA,CAACH,OAAOI,MAAM,EAAA;oBAACN,KAAAA,EAAOA;;8BACtBK,GAAA,CAACE,OAAAA,EAAAA,EAAAA,CAAAA;8BACDF,GAAA,CAACG,IAAAA,EAAAA;oBAAKC,OAAAA,EAAS,CAAA;oBAAGC,cAAAA,EAAe,QAAA;AAC/B,oBAAA,QAAA,gBAAAL,GAAA,CAACM,MAAAA,EAAAA,EAAAA;;;;AAIT,IAAA;AAEA,IAAA,MAAMC,0BACJP,GAAA,CAACG,IAAAA,EAAAA;QACCK,WAAAA,EAAa;YACXC,OAAAA,EAAS,CAAA;YACTC,KAAAA,EAAO;AACT,SAAA;QACAC,YAAAA,EAAc;YACZF,OAAAA,EAAS,CAAA;YACTC,KAAAA,EAAO;AACT,SAAA;QACAE,UAAAA,EAAY,CAAA;QACZC,aAAAA,EAAe;YAAEJ,OAAAA,EAAS,CAAA;YAAGC,KAAAA,EAAO;AAAE,SAAA;QACtCI,GAAAA,EAAK,CAAA;QACLC,SAAAA,EAAU,QAAA;QACVC,UAAAA,EAAW,SAAA;AAEX,QAAA,QAAA,gBAAAhB,GAAA,CAACiB,SAAAA,EAAAA;YACCvB,KAAAA,EAAO7C,MAAAA;YACPqE,QAAAA,EAAU3B,kBAAAA;YACV4B,OAAAA,EAAS7B,WAAAA;AACT8B,YAAAA,WAAAA,EAAanE,aAAAA,CAAc;gBACzBsB,EAAAA,EAAI,oBAAA;gBACJG,cAAAA,EAAgB;AAClB,aAAA,CAAA;YACA2C,IAAAA,EAAK,GAAA;;YAELC,QAAAA,EAAUC,SAAAA;YACVC,IAAAA,EAAM,oBAAA;AACNC,YAAAA,UAAAA,EAAYxE,aAAAA,CAAc;gBAAEsB,EAAAA,EAAI,YAAA;gBAAcG,cAAAA,EAAgB;AAAQ,aAAA;;;IAK5E,qBACEkB,IAAA,CAACC,OAAOC,IAAI,EAAA;QAACC,YAAAA,EAAYJ,KAAAA;QAAO/C,UAAAA,EAAYA,UAAAA;;AAC1C,0BAAAoD,GAAA,CAACH,OAAOI,MAAM,EAAA;gBAACN,KAAAA,EAAOA;;0BACtBK,GAAA,CAACE,OAAAA,EAAAA,EAAAA,CAAAA;0BACDF,GAAA,CAAC0B,GAAAA,EAAAA;AACCC,gBAAAA,QAAAA,EAAU/E,aAAa,QAAA,GAAW,QAAA;AAClCgF,gBAAAA,GAAAA,EAAKhF,aAAa,KAAA,GAAQ2E,SAAAA;AAC1BM,gBAAAA,MAAAA,EAAQjF,aAAa,CAAA,GAAI2E,SAAAA;AACzBO,gBAAAA,UAAAA,EAAYlF,aAAa,YAAA,GAAe,UAAA;AAEvC2D,gBAAAA,QAAAA,EAAAA;;AAEH,0BAAAP,GAAA,CAACH,OAAOkC,OAAO,EAAA;wCACb/B,GAAA,CAACH,OAAOmC,QAAQ,EAAA;8BACb3D,IAAAA,CAAKQ,GAAG,CAAC,CAACC,OAAAA,GAAAA;wBACT,qBACEkB,GAAA,CAACH,OAAOoC,OAAO,EAAA;AAEbtC,4BAAAA,KAAAA,EAAOb,QAAQN,KAAK;AACpB0D,4BAAAA,UAAAA,EAAYpD,OAAAA,CAAQF,KAAK,CAACuD,MAAM,CAACC,QAAQ,EAAA;AAExCtD,4BAAAA,QAAAA,EAAAA,OAAAA,CAAQF,KAAK,CAACC,GAAG,CAAC,CAACG,IAAAA,GAAAA;gCAClB,qBACEgB,GAAA,CAACH,OAAOwC,IAAI,EAAA;oCAEVC,EAAAA,EAAI;AACFC,wCAAAA,QAAAA,EAAUvD,KAAKsD,EAAE;AACjBzF,wCAAAA,MAAAA,EAAQS,UAAAA,GAAa,CAAC,uBAAuB,EAAEA,YAAY,GAAG;AAChE,qCAAA;AACAqC,oCAAAA,KAAAA,EAAOX,KAAKR;AALPQ,iCAAAA,EAAAA,IAAAA,CAAKwD,GAAG,CAAA;AAQnB,4BAAA,CAAA;AAfK1D,yBAAAA,EAAAA,OAAAA,CAAQP,EAAE,CAAA;AAkBrB,oBAAA,CAAA;;;;;AAKV;;;;"}
+{"version":3,"file":"LeftMenu.mjs","sources":["../../../admin/src/components/LeftMenu.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { SubNav, useScopedPersistentState } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Searchbar,\n  Typography,\n  useCollator,\n  useFilter,\n  Divider,\n  Loader,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\n\nimport { useContentManagerInitData } from '../hooks/useContentManagerInitData';\nimport { useTypedSelector } from '../modules/hooks';\nimport {\n  countTreeLinks,\n  buildContentStructureSection,\n  filterTreeLinks,\n  type LinkTreeNode,\n} from '../utils/contentStructure';\nimport { getTranslation } from '../utils/translations';\n\nimport type { ContentManagerLink } from '../hooks/useContentManagerInitData';\nimport type { Modules } from '@strapi/types';\n\nconst COLLAPSED_FOLDERS_KEY = 'STRAPI_CM_COLLAPSED_FOLDERS';\n\ntype SectionId = Modules.ContentStructure.ContentStructureSectionKey;\n\nconst getFolderToken = (sectionId: SectionId, folderId: string) => `${sectionId}/${folderId}`;\n\nconst collectFolderTokens = (\n  sectionId: SectionId,\n  groups: Modules.ContentStructure.ResolvedGroupNode[],\n  tokens: Set<string>\n) => {\n  for (const group of groups) {\n    tokens.add(getFolderToken(sectionId, group.id));\n\n    const childGroups = group.children.filter(\n      (child): child is Modules.ContentStructure.ResolvedGroupNode => child.type === 'group'\n    );\n\n    collectFolderTokens(sectionId, childGroups, tokens);\n  }\n};\n\nconst LeftMenu = ({ isFullPage = false }: { isFullPage?: boolean }) => {\n  const [search, setSearch] = React.useState('');\n  const [storedCollapsedFolders, setStoredCollapsedFolders] = useScopedPersistentState<string[]>(\n    COLLAPSED_FOLDERS_KEY,\n    []\n  );\n  const { formatMessage, locale } = useIntl();\n  const { search: locationSearch } = useLocation();\n  const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');\n\n  // Initialize Content Manager data to ensure links are available\n  const { isLoading } = useContentManagerInitData();\n\n  const collectionTypeLinks = useTypedSelector(\n    (state) => state['content-manager'].app.collectionTypeLinks\n  );\n\n  const singleTypeLinks = useTypedSelector((state) => state['content-manager'].app.singleTypeLinks);\n\n  const contentStructure = useTypedSelector(\n    (state) => state['content-manager'].app.contentStructure\n  );\n\n  const { contains } = useFilter(locale, {\n    sensitivity: 'base',\n  });\n\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const compareLinks = React.useCallback(\n    (a: ContentManagerLink, b: ContentManagerLink) => {\n      return formatter.compare(a.title, b.title);\n    },\n    [formatter]\n  );\n\n  const collectionTypesLabel = formatMessage({\n    id: getTranslation('components.LeftMenu.collection-types'),\n    defaultMessage: 'Collection Types',\n  });\n\n  const singleTypesLabel = formatMessage({\n    id: getTranslation('components.LeftMenu.single-types'),\n    defaultMessage: 'Single Types',\n  });\n\n  const sections = React.useMemo(() => {\n    const collectionTypesSection = buildContentStructureSection({\n      id: 'collectionTypes',\n      groups: contentStructure?.collectionTypes ?? [],\n      title: collectionTypesLabel,\n      links: collectionTypeLinks,\n      compareLinks,\n    });\n\n    const singleTypesSection = buildContentStructureSection({\n      id: 'singleTypes',\n      groups: contentStructure?.singleTypes ?? [],\n      title: singleTypesLabel,\n      links: singleTypeLinks,\n      compareLinks,\n    });\n\n    return [collectionTypesSection, singleTypesSection];\n  }, [\n    collectionTypesLabel,\n    collectionTypeLinks,\n    singleTypesLabel,\n    contentStructure,\n    singleTypeLinks,\n    compareLinks,\n  ]);\n\n  const trimmedSearch = search.trim();\n\n  const handleClear = () => {\n    setSearch('');\n  };\n\n  const handleChangeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  };\n\n  const label = formatMessage({\n    id: getTranslation('header.name'),\n    defaultMessage: 'Content Manager',\n  });\n\n  const formatLinkTitle = (link: ContentManagerLink) =>\n    formatMessage({ id: link.title, defaultMessage: link.title });\n\n  const linkTo = (link: ContentManagerLink) => ({\n    pathname: link.to,\n    search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : '',\n  });\n\n  const collapsedFolderTokens = Array.isArray(storedCollapsedFolders) ? storedCollapsedFolders : [];\n\n  const knownFolderTokens = React.useMemo(() => {\n    if (!contentStructure) {\n      return null;\n    }\n\n    try {\n      const tokens = new Set<string>();\n\n      collectFolderTokens('collectionTypes', contentStructure.collectionTypes, tokens);\n      collectFolderTokens('singleTypes', contentStructure.singleTypes, tokens);\n\n      return tokens;\n    } catch {\n      return null;\n    }\n  }, [contentStructure]);\n\n  const handleFolderToggle = (token: string, open: boolean) => {\n    setStoredCollapsedFolders((previous) => {\n      const collapsed = Array.isArray(previous) ? previous : [];\n\n      const pruned = knownFolderTokens\n        ? collapsed.filter((storedToken) => knownFolderTokens.has(storedToken))\n        : collapsed;\n\n      if (open) {\n        return pruned.filter((storedToken) => storedToken !== token);\n      }\n\n      if (pruned.includes(token)) {\n        return pruned;\n      }\n\n      return [...pruned, token];\n    });\n  };\n\n  const renderMenuItem = (\n    node: LinkTreeNode,\n    depth: number,\n    sectionId: SectionId\n  ): React.ReactNode => {\n    if (node.type === 'link') {\n      return (\n        <SubNav.Link\n          label={formatLinkTitle(node.link)}\n          to={linkTo(node.link)}\n          key={node.link.uid}\n          depth={depth}\n          bulleted\n        />\n      );\n    }\n\n    const token = getFolderToken(sectionId, node.id);\n\n    return (\n      <SubNav.Folder\n        key={node.id}\n        label={node.name}\n        depth={depth}\n        open={!collapsedFolderTokens.includes(token)}\n        onToggle={(open) => handleFolderToggle(token, open)}\n      >\n        {node.children.map((child) => renderMenuItem(child, depth + 1, sectionId))}\n      </SubNav.Folder>\n    );\n  };\n\n  // Show loading state while data is being fetched\n  if (isLoading) {\n    return (\n      <SubNav.Main aria-label={label} isFullPage={isFullPage}>\n        <SubNav.Header label={label} />\n        <Divider />\n        <Flex padding={4} justifyContent=\"center\">\n          <Loader />\n        </Flex>\n      </SubNav.Main>\n    );\n  }\n\n  const searchBar = (\n    <Flex\n      paddingLeft={{\n        initial: 3,\n        large: 5,\n      }}\n      paddingRight={{\n        initial: 3,\n        large: 5,\n      }}\n      paddingTop={5}\n      paddingBottom={{ initial: 1, large: 0 }}\n      gap={3}\n      direction=\"column\"\n      alignItems=\"stretch\"\n    >\n      <Searchbar\n        value={search}\n        onChange={handleChangeSearch}\n        onClear={handleClear}\n        placeholder={formatMessage({\n          id: 'search.placeholder',\n          defaultMessage: 'Search',\n        })}\n        size=\"S\"\n        // eslint-disable-next-line react/no-children-prop\n        children={undefined}\n        name={'search_contentType'}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n      />\n    </Flex>\n  );\n\n  return (\n    <SubNav.Main aria-label={label} isFullPage={isFullPage}>\n      <SubNav.Header label={label} />\n      <Divider />\n      <Box\n        position={isFullPage ? 'sticky' : 'static'}\n        top={isFullPage ? '0px' : undefined}\n        zIndex={isFullPage ? 2 : undefined}\n        background={isFullPage ? 'neutral100' : 'neutral0'}\n      >\n        {searchBar}\n      </Box>\n      <SubNav.Content>\n        <SubNav.Sections>\n          {sections.map((section) => {\n            const matches = trimmedSearch\n              ? filterTreeLinks({\n                  nodes: section.tree,\n                  matchLink: (link) => {\n                    return (\n                      contains(formatLinkTitle(link), trimmedSearch) ||\n                      contains(link.uid, trimmedSearch)\n                    );\n                  },\n                  matchFolderName: (name) => {\n                    return contains(name, trimmedSearch);\n                  },\n                }).sort((a, b) => compareLinks(a.link, b.link))\n              : null;\n\n            const count = matches ? matches.length : countTreeLinks(section.tree);\n\n            const sectionItems = matches\n              ? matches.map(({ link, path }) => (\n                  <SubNav.Link\n                    label={formatLinkTitle(link)}\n                    to={linkTo(link)}\n                    key={link.uid}\n                    bulleted\n                    endAction={\n                      path.length > 0 ? (\n                        <Typography variant=\"pi\" textColor=\"neutral500\">\n                          {path.join(' / ')}\n                        </Typography>\n                      ) : undefined\n                    }\n                  />\n                ))\n              : section.tree.map((node) => renderMenuItem(node, 0, section.id));\n\n            return (\n              <SubNav.Section key={section.id} label={section.title} badgeLabel={count.toString()}>\n                {sectionItems}\n              </SubNav.Section>\n            );\n          })}\n        </SubNav.Sections>\n      </SubNav.Content>\n    </SubNav.Main>\n  );\n};\n\nexport { LeftMenu };\n"],"names":["COLLAPSED_FOLDERS_KEY","getFolderToken","sectionId","folderId","collectFolderTokens","groups","tokens","group","add","id","childGroups","children","filter","child","type","LeftMenu","isFullPage","search","setSearch","React","useState","storedCollapsedFolders","setStoredCollapsedFolders","useScopedPersistentState","formatMessage","locale","useIntl","locationSearch","useLocation","i18nLocale","URLSearchParams","get","isLoading","useContentManagerInitData","collectionTypeLinks","useTypedSelector","state","app","singleTypeLinks","contentStructure","contains","useFilter","sensitivity","formatter","useCollator","compareLinks","useCallback","a","b","compare","title","collectionTypesLabel","getTranslation","defaultMessage","singleTypesLabel","sections","useMemo","collectionTypesSection","buildContentStructureSection","collectionTypes","links","singleTypesSection","singleTypes","trimmedSearch","trim","handleClear","handleChangeSearch","event","target","value","label","formatLinkTitle","link","linkTo","pathname","to","collapsedFolderTokens","Array","isArray","knownFolderTokens","Set","handleFolderToggle","token","open","previous","collapsed","pruned","storedToken","has","includes","renderMenuItem","node","depth","_jsx","SubNav","Link","bulleted","uid","Folder","name","onToggle","map","_jsxs","Main","aria-label","Header","Divider","Flex","padding","justifyContent","Loader","searchBar","paddingLeft","initial","large","paddingRight","paddingTop","paddingBottom","gap","direction","alignItems","Searchbar","onChange","onClear","placeholder","size","undefined","clearLabel","Box","position","top","zIndex","background","Content","Sections","section","matches","filterTreeLinks","nodes","tree","matchLink","matchFolderName","sort","count","length","countTreeLinks","sectionItems","path","endAction","Typography","variant","textColor","join","Section","badgeLabel","toString"],"mappings":"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"}