@strapi/content-type-builder 5.54.0 → 5.55.0

package/dist/admin/components/ContentTypeBuilderNav/ContentTypeBuilderNav.mjs

@@ -1,14 +1,15 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect, Fragment } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
 import { SubNav, tours, ConfirmDialog } from '@strapi/admin/strapi-admin';
-import { Divider, Flex, Button, Menu, VisuallyHidden, Typography, Searchbar, Box, Dialog } from '@strapi/design-system';
+import { Box, Divider, Flex, Button, Menu, VisuallyHidden, Typography, Searchbar, Dialog } from '@strapi/design-system';
 import { More, ArrowClockwise, Cross } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';
 import { getTrad } from '../../utils/getTrad.mjs';
 import { useDataManager } from '../DataManager/useDataManager.mjs';
 import { Status } from '../Status.mjs';
-import { useContentTypeBuilderMenu } from './useContentTypeBuilderMenu.mjs';
+import { FolderNavSection } from './components/FolderNav/FolderNavSection.mjs';
+import { useContentTypeBuilderMenu } from './hooks/useContentTypeBuilderMenu.mjs';
 
 const ArrowCounterClockwise = styled(ArrowClockwise)`
   transform: scaleX(-1);
@@ -21,7 +22,7 @@ const DiscardAllMenuItem = styled(Menu.Item)`
   }
 `;
 const ContentTypeBuilderNav = ()=>{
-    const { menu, search } = useContentTypeBuilderMenu();
+    const { flatSections, search, folderSections } = useContentTypeBuilderMenu();
     const { saveSchema, isModified, history, isInDevelopmentMode } = useDataManager();
     const { formatMessage } = useIntl();
     const [menuIsOpen, setMenuIsOpen] = useState(false);
@@ -69,6 +70,85 @@ const ContentTypeBuilderNav = ()=>{
         id: getTrad('plugin.name'),
         defaultMessage: 'Content-Type Builder'
     });
+    const subNavSections = useMemo(()=>{
+        const sections = []; // SubNav.Sections wraps its children in a <li>, and multiple {x.maps()} produce multiple react fragments. So we need to collect sections into a single array of children.
+        for (const section of folderSections){
+            sections.push(/*#__PURE__*/ jsx(FolderNavSection, {
+                section: section.section,
+                sectionId: section.sectionId,
+                title: section.title,
+                links: section.links,
+                createTypeLabel: section.createTypeLabel,
+                onCreateContentType: section.onCreateContentType,
+                searchValue: search.value
+            }, section.section));
+        }
+        for (const section of flatSections){
+            if (section.name === 'components') {
+                sections.push(/*#__PURE__*/ jsx(SubNav.Section, {
+                    label: formatMessage({
+                        id: section.title.id,
+                        defaultMessage: section.title.defaultMessage
+                    }),
+                    link: section.customLink && {
+                        label: formatMessage({
+                            id: section.customLink?.id,
+                            defaultMessage: section.customLink?.defaultMessage
+                        }),
+                        onClick: section.customLink?.onClick
+                    },
+                    sectionId: section.name,
+                    children: section.links.map((link)=>{
+                        const linkLabel = formatMessage({
+                            id: link.name,
+                            defaultMessage: link.title
+                        });
+                        if ('links' in link) {
+                            return /*#__PURE__*/ jsx(SubNav.SubSection, {
+                                label: link.title,
+                                children: link.links.map((subLink)=>{
+                                    const label = formatMessage({
+                                        id: subLink.name,
+                                        defaultMessage: subLink.title
+                                    });
+                                    return /*#__PURE__*/ jsx(SubNav.Link, {
+                                        to: subLink.to,
+                                        label: label,
+                                        endAction: /*#__PURE__*/ jsx(Box, {
+                                            tag: "span",
+                                            textAlign: "center",
+                                            width: '24px',
+                                            children: /*#__PURE__*/ jsx(Status, {
+                                                status: subLink.status
+                                            })
+                                        })
+                                    }, subLink.name);
+                                })
+                            }, link.name);
+                        }
+                        return /*#__PURE__*/ jsx(SubNav.Link, {
+                            to: link.to,
+                            label: linkLabel,
+                            endAction: /*#__PURE__*/ jsx(Box, {
+                                tag: "span",
+                                textAlign: "center",
+                                width: '24px',
+                                children: /*#__PURE__*/ jsx(Status, {
+                                    status: link.status
+                                })
+                            })
+                        }, link.name);
+                    })
+                }, section.name));
+            }
+        }
+        return sections;
+    }, [
+        folderSections,
+        flatSections,
+        formatMessage,
+        search.value
+    ]);
     return /*#__PURE__*/ jsxs(SubNav.Main, {
         "aria-label": pluginName,
         children: [
@@ -199,63 +279,7 @@ const ContentTypeBuilderNav = ()=>{
             }),
             /*#__PURE__*/ jsx(SubNav.Content, {
                 children: /*#__PURE__*/ jsx(SubNav.Sections, {
-                    children: menu.map((section)=>/*#__PURE__*/ jsx(Fragment, {
-                            children: /*#__PURE__*/ jsx(SubNav.Section, {
-                                label: formatMessage({
-                                    id: section.title.id,
-                                    defaultMessage: section.title.defaultMessage
-                                }),
-                                link: section.customLink && {
-                                    label: formatMessage({
-                                        id: section.customLink?.id,
-                                        defaultMessage: section.customLink?.defaultMessage
-                                    }),
-                                    onClick: section.customLink?.onClick
-                                },
-                                sectionId: section.name,
-                                children: section.links.map((link)=>{
-                                    const linkLabel = formatMessage({
-                                        id: link.name,
-                                        defaultMessage: link.title
-                                    });
-                                    if ('links' in link) {
-                                        return /*#__PURE__*/ jsx(SubNav.SubSection, {
-                                            label: link.title,
-                                            children: link.links.map((subLink)=>{
-                                                const label = formatMessage({
-                                                    id: subLink.name,
-                                                    defaultMessage: subLink.title
-                                                });
-                                                return /*#__PURE__*/ jsx(SubNav.Link, {
-                                                    to: subLink.to,
-                                                    label: label,
-                                                    endAction: /*#__PURE__*/ jsx(Box, {
-                                                        tag: "span",
-                                                        textAlign: "center",
-                                                        width: '24px',
-                                                        children: /*#__PURE__*/ jsx(Status, {
-                                                            status: subLink.status
-                                                        })
-                                                    })
-                                                }, subLink.name);
-                                            })
-                                        }, link.name);
-                                    }
-                                    return /*#__PURE__*/ jsx(SubNav.Link, {
-                                        to: link.to,
-                                        label: linkLabel,
-                                        endAction: /*#__PURE__*/ jsx(Box, {
-                                            tag: "span",
-                                            textAlign: "center",
-                                            width: '24px',
-                                            children: /*#__PURE__*/ jsx(Status, {
-                                                status: link.status
-                                            })
-                                        })
-                                    }, link.name);
-                                })
-                            })
-                        }, section.name))
+                    children: subNavSections
                 })
             }),
             /*#__PURE__*/ jsx(Dialog.Root, {

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

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeBuilderNav.mjs","sources":["../../../../admin/src/components/ContentTypeBuilderNav/ContentTypeBuilderNav.tsx"],"sourcesContent":["import { Fragment, useState, useEffect } from 'react';\n\nimport { ConfirmDialog, SubNav, tours } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Searchbar,\n  Button,\n  Flex,\n  Typography,\n  Divider,\n  Menu,\n  VisuallyHidden,\n  Dialog,\n} from '@strapi/design-system';\nimport { ArrowClockwise, Cross, More } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils/getTrad';\nimport { useDataManager } from '../DataManager/useDataManager';\nimport { Status } from '../Status';\n\nimport { useContentTypeBuilderMenu } from './useContentTypeBuilderMenu';\n\nconst ArrowCounterClockwise = styled(ArrowClockwise)`\n  transform: scaleX(-1);\n`;\n\nconst DiscardAllMenuItem = styled(Menu.Item)`\n  color: ${({ theme }) => theme.colors.danger600};\n\n  &:hover {\n    background: ${({ theme, disabled }) => !disabled && theme.colors.danger100};\n  }\n`;\n\nexport const ContentTypeBuilderNav = () => {\n  const { menu, search } = useContentTypeBuilderMenu();\n  const { saveSchema, isModified, history, isInDevelopmentMode } = useDataManager();\n\n  const { formatMessage } = useIntl();\n\n  const [menuIsOpen, setMenuIsOpen] = useState(false);\n  const [discardConfirmationModalIsOpen, setDiscardConfirmationModalIsOpen] = useState(false);\n\n  useEffect(() => {\n    if (!isInDevelopmentMode) {\n      return;\n    }\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.ctrlKey || e.metaKey) {\n        if (e.key === 'Enter') {\n          if (isModified) {\n            e.preventDefault();\n            saveSchema();\n          }\n        } else if (e.key === 'z' && !e.shiftKey) {\n          e.preventDefault(); // Prevent browser default undo (e.g., in input fields)\n          history.undo();\n        } else if (e.key === 'y' || (e.shiftKey && e.key === 'z') || e.key === 'Z') {\n          e.preventDefault(); // Prevent browser default redo (e.g., in input fields)\n          history.redo();\n        }\n      }\n    };\n\n    document.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  });\n\n  const discardHandler = () => {\n    setDiscardConfirmationModalIsOpen(true);\n  };\n\n  const discardChanges = () => {\n    setMenuIsOpen(false);\n    setDiscardConfirmationModalIsOpen(false);\n    history.discardAllChanges();\n  };\n\n  const undoHandler = () => {\n    history.undo();\n  };\n\n  const redoHandler = () => {\n    history.redo();\n  };\n\n  const pluginName = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Content-Type Builder',\n  });\n\n  return (\n    <SubNav.Main aria-label={pluginName}>\n      <SubNav.Header label={pluginName} />\n      <Divider background=\"neutral150\" />\n      <Flex padding={5} gap={3} direction={'column'} alignItems={'stretch'}>\n        <tours.contentTypeBuilder.Save>\n          <Flex gap={2}>\n            <Button\n              flex={1}\n              onClick={(e) => {\n                e.preventDefault();\n                saveSchema();\n              }}\n              type=\"submit\"\n              disabled={!isModified || !isInDevelopmentMode}\n              fullWidth\n              size=\"S\"\n            >\n              {formatMessage({\n                id: 'global.save',\n                defaultMessage: 'Save',\n              })}\n            </Button>\n            <Menu.Root open={menuIsOpen} onOpenChange={setMenuIsOpen}>\n              <Menu.Trigger\n                size=\"S\"\n                endIcon={null}\n                paddingTop=\"4px\"\n                paddingLeft=\"7px\"\n                paddingRight=\"7px\"\n                variant=\"tertiary\"\n              >\n                <More fill=\"neutral500\" aria-hidden focusable={false} />\n                <VisuallyHidden tag=\"span\">\n                  {formatMessage({\n                    id: 'global.more.actions',\n                    defaultMessage: 'More actions',\n                  })}\n                </VisuallyHidden>\n              </Menu.Trigger>\n              <Menu.Content zIndex={1}>\n                <Menu.Item\n                  disabled={!history.canUndo || !isInDevelopmentMode}\n                  onSelect={undoHandler}\n                  startIcon={<ArrowCounterClockwise />}\n                >\n                  {formatMessage({\n                    id: 'global.last-change.undo',\n                    defaultMessage: 'Undo last change',\n                  })}\n                </Menu.Item>\n                <Menu.Item\n                  disabled={!history.canRedo || !isInDevelopmentMode}\n                  onSelect={redoHandler}\n                  startIcon={<ArrowClockwise />}\n                >\n                  {formatMessage({\n                    id: 'global.last-change.redo',\n                    defaultMessage: 'Redo last change',\n                  })}\n                </Menu.Item>\n                <Menu.Separator />\n                <DiscardAllMenuItem\n                  disabled={!history.canDiscardAll || !isInDevelopmentMode}\n                  onSelect={discardHandler}\n                >\n                  <Flex gap={2}>\n                    <Cross />\n                    <Typography>\n                      {formatMessage({\n                        id: 'global.last-changes.discard',\n                        defaultMessage: 'Discard last changes',\n                      })}\n                    </Typography>\n                  </Flex>\n                </DiscardAllMenuItem>\n              </Menu.Content>\n            </Menu.Root>\n          </Flex>\n        </tours.contentTypeBuilder.Save>\n\n        <Searchbar\n          value={search.value}\n          onChange={(e) => search.onChange(e.target.value)}\n          onClear={() => search.onChange('')}\n          placeholder={formatMessage({\n            id: getTrad('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          aria-label={formatMessage({\n            id: getTrad('search.placeholder'),\n            defaultMessage: 'Search',\n          })}\n        />\n      </Flex>\n      <SubNav.Content>\n        <SubNav.Sections>\n          {menu.map((section) => (\n            <Fragment key={section.name}>\n              <SubNav.Section\n                label={formatMessage({\n                  id: section.title.id,\n                  defaultMessage: section.title.defaultMessage,\n                })}\n                link={\n                  section.customLink && {\n                    label: formatMessage({\n                      id: section.customLink?.id,\n                      defaultMessage: section.customLink?.defaultMessage,\n                    }),\n                    onClick: section.customLink?.onClick,\n                  }\n                }\n                sectionId={section.name}\n              >\n                {section.links.map((link) => {\n                  const linkLabel = formatMessage({ id: link.name, defaultMessage: link.title });\n\n                  if ('links' in link) {\n                    return (\n                      <SubNav.SubSection key={link.name} label={link.title}>\n                        {link.links.map((subLink) => {\n                          const label = formatMessage({\n                            id: subLink.name,\n                            defaultMessage: subLink.title,\n                          });\n\n                          return (\n                            <SubNav.Link\n                              to={subLink.to}\n                              key={subLink.name}\n                              label={label}\n                              endAction={\n                                <Box tag=\"span\" textAlign=\"center\" width={'24px'}>\n                                  <Status status={subLink.status} />\n                                </Box>\n                              }\n                            />\n                          );\n                        })}\n                      </SubNav.SubSection>\n                    );\n                  }\n\n                  return (\n                    <SubNav.Link\n                      to={link.to}\n                      key={link.name}\n                      label={linkLabel}\n                      endAction={\n                        <Box tag=\"span\" textAlign=\"center\" width={'24px'}>\n                          <Status status={link.status} />\n                        </Box>\n                      }\n                    />\n                  );\n                })}\n              </SubNav.Section>\n            </Fragment>\n          ))}\n        </SubNav.Sections>\n      </SubNav.Content>\n      <Dialog.Root\n        open={discardConfirmationModalIsOpen}\n        onOpenChange={setDiscardConfirmationModalIsOpen}\n      >\n        <ConfirmDialog onConfirm={discardChanges}>\n          {formatMessage({\n            id: getTrad('popUpWarning.discardAll.message'),\n            defaultMessage: 'Are you sure you want to discard all changes?',\n          })}\n        </ConfirmDialog>\n      </Dialog.Root>\n    </SubNav.Main>\n  );\n};\n"],"names":["ArrowCounterClockwise","styled","ArrowClockwise","DiscardAllMenuItem","Menu","Item","theme","colors","danger600","disabled","danger100","ContentTypeBuilderNav","menu","search","useContentTypeBuilderMenu","saveSchema","isModified","history","isInDevelopmentMode","useDataManager","formatMessage","useIntl","menuIsOpen","setMenuIsOpen","useState","discardConfirmationModalIsOpen","setDiscardConfirmationModalIsOpen","useEffect","onKeyDown","e","ctrlKey","metaKey","key","preventDefault","shiftKey","undo","redo","document","addEventListener","removeEventListener","discardHandler","discardChanges","discardAllChanges","undoHandler","redoHandler","pluginName","id","getTrad","defaultMessage","_jsxs","SubNav","Main","aria-label","_jsx","Header","label","Divider","background","Flex","padding","gap","direction","alignItems","tours","contentTypeBuilder","Save","Button","flex","onClick","type","fullWidth","size","Root","open","onOpenChange","Trigger","endIcon","paddingTop","paddingLeft","paddingRight","variant","More","fill","aria-hidden","focusable","VisuallyHidden","tag","Content","zIndex","canUndo","onSelect","startIcon","canRedo","Separator","canDiscardAll","Cross","Typography","Searchbar","value","onChange","target","onClear","placeholder","children","undefined","name","clearLabel","Sections","map","section","Fragment","Section","title","link","customLink","sectionId","links","linkLabel","SubSection","subLink","Link","to","endAction","Box","textAlign","width","Status","status","Dialog","ConfirmDialog","onConfirm"],"mappings":";;;;;;;;;;;;AAwBA,MAAMA,qBAAAA,GAAwBC,MAAAA,CAAOC,cAAAA,CAAe;;AAEpD,CAAC;AAED,MAAMC,kBAAAA,GAAqBF,MAAAA,CAAOG,IAAAA,CAAKC,IAAI,CAAC;SACnC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,SAAS,CAAC;;;AAGjC,gBAAA,EAAE,CAAC,EAAEF,KAAK,EAAEG,QAAQ,EAAE,GAAK,CAACA,QAAAA,IAAYH,KAAAA,CAAMC,MAAM,CAACG,SAAS,CAAC;;AAE/E,CAAC;MAEYC,qBAAAA,GAAwB,IAAA;AACnC,IAAA,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGC,yBAAAA,EAAAA;IACzB,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,OAAO,EAAEC,mBAAmB,EAAE,GAAGC,cAAAA,EAAAA;IAEjE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,QAAAA,CAAS,KAAA,CAAA;AAC7C,IAAA,MAAM,CAACC,8BAAAA,EAAgCC,iCAAAA,CAAkC,GAAGF,QAAAA,CAAS,KAAA,CAAA;IAErFG,SAAAA,CAAU,IAAA;AACR,QAAA,IAAI,CAACT,mBAAAA,EAAqB;AACxB,YAAA;AACF,QAAA;AAEA,QAAA,MAAMU,YAAY,CAACC,CAAAA,GAAAA;AACjB,YAAA,IAAIA,CAAAA,CAAEC,OAAO,IAAID,CAAAA,CAAEE,OAAO,EAAE;gBAC1B,IAAIF,CAAAA,CAAEG,GAAG,KAAK,OAAA,EAAS;AACrB,oBAAA,IAAIhB,UAAAA,EAAY;AACda,wBAAAA,CAAAA,CAAEI,cAAc,EAAA;AAChBlB,wBAAAA,UAAAA,EAAAA;AACF,oBAAA;gBACF,CAAA,MAAO,IAAIc,EAAEG,GAAG,KAAK,OAAO,CAACH,CAAAA,CAAEK,QAAQ,EAAE;oBACvCL,CAAAA,CAAEI,cAAc;AAChBhB,oBAAAA,OAAAA,CAAQkB,IAAI,EAAA;AACd,gBAAA,CAAA,MAAO,IAAIN,CAAAA,CAAEG,GAAG,KAAK,OAAQH,CAAAA,CAAEK,QAAQ,IAAIL,CAAAA,CAAEG,GAAG,KAAK,GAAA,IAAQH,CAAAA,CAAEG,GAAG,KAAK,GAAA,EAAK;oBAC1EH,CAAAA,CAAEI,cAAc;AAChBhB,oBAAAA,OAAAA,CAAQmB,IAAI,EAAA;AACd,gBAAA;AACF,YAAA;AACF,QAAA,CAAA;QAEAC,QAAAA,CAASC,gBAAgB,CAAC,SAAA,EAAWV,SAAAA,CAAAA;QAErC,OAAO,IAAA;YACLS,QAAAA,CAASE,mBAAmB,CAAC,SAAA,EAAWX,SAAAA,CAAAA;AAC1C,QAAA,CAAA;AACF,IAAA,CAAA,CAAA;AAEA,IAAA,MAAMY,cAAAA,GAAiB,IAAA;QACrBd,iCAAAA,CAAkC,IAAA,CAAA;AACpC,IAAA,CAAA;AAEA,IAAA,MAAMe,cAAAA,GAAiB,IAAA;QACrBlB,aAAAA,CAAc,KAAA,CAAA;QACdG,iCAAAA,CAAkC,KAAA,CAAA;AAClCT,QAAAA,OAAAA,CAAQyB,iBAAiB,EAAA;AAC3B,IAAA,CAAA;AAEA,IAAA,MAAMC,WAAAA,GAAc,IAAA;AAClB1B,QAAAA,OAAAA,CAAQkB,IAAI,EAAA;AACd,IAAA,CAAA;AAEA,IAAA,MAAMS,WAAAA,GAAc,IAAA;AAClB3B,QAAAA,OAAAA,CAAQmB,IAAI,EAAA;AACd,IAAA,CAAA;AAEA,IAAA,MAAMS,aAAazB,aAAAA,CAAc;AAC/B0B,QAAAA,EAAAA,EAAIC,OAAAA,CAAQ,aAAA,CAAA;QACZC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,qBACEC,IAAA,CAACC,OAAOC,IAAI,EAAA;QAACC,YAAAA,EAAYP,UAAAA;;AACvB,0BAAAQ,GAAA,CAACH,OAAOI,MAAM,EAAA;gBAACC,KAAAA,EAAOV;;0BACtBQ,GAAA,CAACG,OAAAA,EAAAA;gBAAQC,UAAAA,EAAW;;0BACpBR,IAAA,CAACS,IAAAA,EAAAA;gBAAKC,OAAAA,EAAS,CAAA;gBAAGC,GAAAA,EAAK,CAAA;gBAAGC,SAAAA,EAAW,QAAA;gBAAUC,UAAAA,EAAY,SAAA;;kCACzDT,GAAA,CAACU,KAAAA,CAAMC,kBAAkB,CAACC,IAAI,EAAA;AAC5B,wBAAA,QAAA,gBAAAhB,IAAA,CAACS,IAAAA,EAAAA;4BAAKE,GAAAA,EAAK,CAAA;;8CACTP,GAAA,CAACa,MAAAA,EAAAA;oCACCC,IAAAA,EAAM,CAAA;AACNC,oCAAAA,OAAAA,EAAS,CAACvC,CAAAA,GAAAA;AACRA,wCAAAA,CAAAA,CAAEI,cAAc,EAAA;AAChBlB,wCAAAA,UAAAA,EAAAA;AACF,oCAAA,CAAA;oCACAsD,IAAAA,EAAK,QAAA;oCACL5D,QAAAA,EAAU,CAACO,cAAc,CAACE,mBAAAA;oCAC1BoD,SAAS,EAAA,IAAA;oCACTC,IAAAA,EAAK,GAAA;8CAEJnD,aAAAA,CAAc;wCACb0B,EAAAA,EAAI,aAAA;wCACJE,cAAAA,EAAgB;AAClB,qCAAA;;AAEF,8CAAAC,IAAA,CAAC7C,KAAKoE,IAAI,EAAA;oCAACC,IAAAA,EAAMnD,UAAAA;oCAAYoD,YAAAA,EAAcnD,aAAAA;;AACzC,sDAAA0B,IAAA,CAAC7C,KAAKuE,OAAO,EAAA;4CACXJ,IAAAA,EAAK,GAAA;4CACLK,OAAAA,EAAS,IAAA;4CACTC,UAAAA,EAAW,KAAA;4CACXC,WAAAA,EAAY,KAAA;4CACZC,YAAAA,EAAa,KAAA;4CACbC,OAAAA,EAAQ,UAAA;;8DAER3B,GAAA,CAAC4B,IAAAA,EAAAA;oDAAKC,IAAAA,EAAK,YAAA;oDAAaC,aAAW,EAAA,IAAA;oDAACC,SAAAA,EAAW;;8DAC/C/B,GAAA,CAACgC,cAAAA,EAAAA;oDAAeC,GAAAA,EAAI,MAAA;8DACjBlE,aAAAA,CAAc;wDACb0B,EAAAA,EAAI,qBAAA;wDACJE,cAAAA,EAAgB;AAClB,qDAAA;;;;AAGJ,sDAAAC,IAAA,CAAC7C,KAAKmF,OAAO,EAAA;4CAACC,MAAAA,EAAQ,CAAA;;AACpB,8DAAAnC,GAAA,CAACjD,KAAKC,IAAI,EAAA;AACRI,oDAAAA,QAAAA,EAAU,CAACQ,OAAAA,CAAQwE,OAAO,IAAI,CAACvE,mBAAAA;oDAC/BwE,QAAAA,EAAU/C,WAAAA;AACVgD,oDAAAA,SAAAA,gBAAWtC,GAAA,CAACrD,qBAAAA,EAAAA,EAAAA,CAAAA;8DAEXoB,aAAAA,CAAc;wDACb0B,EAAAA,EAAI,yBAAA;wDACJE,cAAAA,EAAgB;AAClB,qDAAA;;AAEF,8DAAAK,GAAA,CAACjD,KAAKC,IAAI,EAAA;AACRI,oDAAAA,QAAAA,EAAU,CAACQ,OAAAA,CAAQ2E,OAAO,IAAI,CAAC1E,mBAAAA;oDAC/BwE,QAAAA,EAAU9C,WAAAA;AACV+C,oDAAAA,SAAAA,gBAAWtC,GAAA,CAACnD,cAAAA,EAAAA,EAAAA,CAAAA;8DAEXkB,aAAAA,CAAc;wDACb0B,EAAAA,EAAI,yBAAA;wDACJE,cAAAA,EAAgB;AAClB,qDAAA;;AAEF,8DAAAK,GAAA,CAACjD,KAAKyF,SAAS,EAAA,EAAA,CAAA;8DACfxC,GAAA,CAAClD,kBAAAA,EAAAA;AACCM,oDAAAA,QAAAA,EAAU,CAACQ,OAAAA,CAAQ6E,aAAa,IAAI,CAAC5E,mBAAAA;oDACrCwE,QAAAA,EAAUlD,cAAAA;AAEV,oDAAA,QAAA,gBAAAS,IAAA,CAACS,IAAAA,EAAAA;wDAAKE,GAAAA,EAAK,CAAA;;0EACTP,GAAA,CAAC0C,KAAAA,EAAAA,EAAAA,CAAAA;0EACD1C,GAAA,CAAC2C,UAAAA,EAAAA;0EACE5E,aAAAA,CAAc;oEACb0B,EAAAA,EAAI,6BAAA;oEACJE,cAAAA,EAAgB;AAClB,iEAAA;;;;;;;;;;;;kCASdK,GAAA,CAAC4C,SAAAA,EAAAA;AACCC,wBAAAA,KAAAA,EAAOrF,OAAOqF,KAAK;wBACnBC,QAAAA,EAAU,CAACtE,IAAMhB,MAAAA,CAAOsF,QAAQ,CAACtE,CAAAA,CAAEuE,MAAM,CAACF,KAAK,CAAA;wBAC/CG,OAAAA,EAAS,IAAMxF,MAAAA,CAAOsF,QAAQ,CAAC,EAAA,CAAA;AAC/BG,wBAAAA,WAAAA,EAAalF,aAAAA,CAAc;AACzB0B,4BAAAA,EAAAA,EAAIC,OAAAA,CAAQ,oBAAA,CAAA;4BACZC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;wBACAuB,IAAAA,EAAK,GAAA;;wBAELgC,QAAAA,EAAUC,SAAAA;wBACVC,IAAAA,EAAM,oBAAA;AACNC,wBAAAA,UAAAA,EAAYtF,aAAAA,CAAc;4BAAE0B,EAAAA,EAAI,YAAA;4BAAcE,cAAAA,EAAgB;AAAQ,yBAAA,CAAA;AACtEI,wBAAAA,YAAAA,EAAYhC,aAAAA,CAAc;AACxB0B,4BAAAA,EAAAA,EAAIC,OAAAA,CAAQ,oBAAA,CAAA;4BACZC,cAAAA,EAAgB;AAClB,yBAAA;;;;AAGJ,0BAAAK,GAAA,CAACH,OAAOqC,OAAO,EAAA;wCACblC,GAAA,CAACH,OAAOyD,QAAQ,EAAA;AACb/F,oBAAAA,QAAAA,EAAAA,IAAAA,CAAKgG,GAAG,CAAC,CAACC,OAAAA,iBACTxD,GAAA,CAACyD,QAAAA,EAAAA;oDACCzD,GAAA,CAACH,OAAO6D,OAAO,EAAA;AACbxD,gCAAAA,KAAAA,EAAOnC,aAAAA,CAAc;oCACnB0B,EAAAA,EAAI+D,OAAAA,CAAQG,KAAK,CAAClE,EAAE;oCACpBE,cAAAA,EAAgB6D,OAAAA,CAAQG,KAAK,CAAChE;AAChC,iCAAA,CAAA;gCACAiE,IAAAA,EACEJ,OAAAA,CAAQK,UAAU,IAAI;AACpB3D,oCAAAA,KAAAA,EAAOnC,aAAAA,CAAc;wCACnB0B,EAAAA,EAAI+D,OAAAA,CAAQK,UAAU,EAAEpE,EAAAA;wCACxBE,cAAAA,EAAgB6D,OAAAA,CAAQK,UAAU,EAAElE;AACtC,qCAAA,CAAA;oCACAoB,OAAAA,EAASyC,OAAAA,CAAQK,UAAU,EAAE9C;AAC/B,iCAAA;AAEF+C,gCAAAA,SAAAA,EAAWN,QAAQJ,IAAI;AAEtBI,gCAAAA,QAAAA,EAAAA,OAAAA,CAAQO,KAAK,CAACR,GAAG,CAAC,CAACK,IAAAA,GAAAA;AAClB,oCAAA,MAAMI,YAAYjG,aAAAA,CAAc;AAAE0B,wCAAAA,EAAAA,EAAImE,KAAKR,IAAI;AAAEzD,wCAAAA,cAAAA,EAAgBiE,KAAKD;AAAM,qCAAA,CAAA;AAE5E,oCAAA,IAAI,WAAWC,IAAAA,EAAM;wCACnB,qBACE5D,GAAA,CAACH,OAAOoE,UAAU,EAAA;AAAiB/D,4CAAAA,KAAAA,EAAO0D,KAAKD,KAAK;AACjDC,4CAAAA,QAAAA,EAAAA,IAAAA,CAAKG,KAAK,CAACR,GAAG,CAAC,CAACW,OAAAA,GAAAA;AACf,gDAAA,MAAMhE,QAAQnC,aAAAA,CAAc;AAC1B0B,oDAAAA,EAAAA,EAAIyE,QAAQd,IAAI;AAChBzD,oDAAAA,cAAAA,EAAgBuE,QAAQP;AAC1B,iDAAA,CAAA;gDAEA,qBACE3D,GAAA,CAACH,OAAOsE,IAAI,EAAA;AACVC,oDAAAA,EAAAA,EAAIF,QAAQE,EAAE;oDAEdlE,KAAAA,EAAOA,KAAAA;AACPmE,oDAAAA,SAAAA,gBACErE,GAAA,CAACsE,GAAAA,EAAAA;wDAAIrC,GAAAA,EAAI,MAAA;wDAAOsC,SAAAA,EAAU,QAAA;wDAASC,KAAAA,EAAO,MAAA;AACxC,wDAAA,QAAA,gBAAAxE,GAAA,CAACyE,MAAAA,EAAAA;AAAOC,4DAAAA,MAAAA,EAAQR,QAAQQ;;;AAJvBR,iDAAAA,EAAAA,OAAAA,CAAQd,IAAI,CAAA;AASvB,4CAAA,CAAA;AAnBsBQ,yCAAAA,EAAAA,IAAAA,CAAKR,IAAI,CAAA;AAsBrC,oCAAA;oCAEA,qBACEpD,GAAA,CAACH,OAAOsE,IAAI,EAAA;AACVC,wCAAAA,EAAAA,EAAIR,KAAKQ,EAAE;wCAEXlE,KAAAA,EAAO8D,SAAAA;AACPK,wCAAAA,SAAAA,gBACErE,GAAA,CAACsE,GAAAA,EAAAA;4CAAIrC,GAAAA,EAAI,MAAA;4CAAOsC,SAAAA,EAAU,QAAA;4CAASC,KAAAA,EAAO,MAAA;AACxC,4CAAA,QAAA,gBAAAxE,GAAA,CAACyE,MAAAA,EAAAA;AAAOC,gDAAAA,MAAAA,EAAQd,KAAKc;;;AAJpBd,qCAAAA,EAAAA,IAAAA,CAAKR,IAAI,CAAA;AASpB,gCAAA,CAAA;;AA1DWI,yBAAAA,EAAAA,OAAAA,CAAQJ,IAAI,CAAA;;;AAgEjC,0BAAApD,GAAA,CAAC2E,OAAOxD,IAAI,EAAA;gBACVC,IAAAA,EAAMhD,8BAAAA;gBACNiD,YAAAA,EAAchD,iCAAAA;AAEd,gBAAA,QAAA,gBAAA2B,GAAA,CAAC4E,aAAAA,EAAAA;oBAAcC,SAAAA,EAAWzF,cAAAA;8BACvBrB,aAAAA,CAAc;AACb0B,wBAAAA,EAAAA,EAAIC,OAAAA,CAAQ,iCAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;;;;;AAKV;;;;"}
+{"version":3,"file":"ContentTypeBuilderNav.mjs","sources":["../../../../admin/src/components/ContentTypeBuilderNav/ContentTypeBuilderNav.tsx"],"sourcesContent":["import { useState, useEffect, useMemo, ReactNode } from 'react';\n\nimport { ConfirmDialog, SubNav, tours } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Searchbar,\n  Button,\n  Flex,\n  Typography,\n  Divider,\n  Menu,\n  VisuallyHidden,\n  Dialog,\n} from '@strapi/design-system';\nimport { ArrowClockwise, Cross, More } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils/getTrad';\nimport { useDataManager } from '../DataManager/useDataManager';\nimport { Status } from '../Status';\n\nimport { FolderNavSection } from './components/FolderNav/FolderNavSection';\nimport { useContentTypeBuilderMenu } from './hooks/useContentTypeBuilderMenu';\n\nconst ArrowCounterClockwise = styled(ArrowClockwise)`\n  transform: scaleX(-1);\n`;\n\nconst DiscardAllMenuItem = styled(Menu.Item)`\n  color: ${({ theme }) => theme.colors.danger600};\n\n  &:hover {\n    background: ${({ theme, disabled }) => !disabled && theme.colors.danger100};\n  }\n`;\n\nexport const ContentTypeBuilderNav = () => {\n  const { flatSections, search, folderSections } = useContentTypeBuilderMenu();\n  const { saveSchema, isModified, history, isInDevelopmentMode } = useDataManager();\n\n  const { formatMessage } = useIntl();\n\n  const [menuIsOpen, setMenuIsOpen] = useState(false);\n  const [discardConfirmationModalIsOpen, setDiscardConfirmationModalIsOpen] = useState(false);\n\n  useEffect(() => {\n    if (!isInDevelopmentMode) {\n      return;\n    }\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.ctrlKey || e.metaKey) {\n        if (e.key === 'Enter') {\n          if (isModified) {\n            e.preventDefault();\n            saveSchema();\n          }\n        } else if (e.key === 'z' && !e.shiftKey) {\n          e.preventDefault(); // Prevent browser default undo (e.g., in input fields)\n          history.undo();\n        } else if (e.key === 'y' || (e.shiftKey && e.key === 'z') || e.key === 'Z') {\n          e.preventDefault(); // Prevent browser default redo (e.g., in input fields)\n          history.redo();\n        }\n      }\n    };\n\n    document.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  });\n\n  const discardHandler = () => {\n    setDiscardConfirmationModalIsOpen(true);\n  };\n\n  const discardChanges = () => {\n    setMenuIsOpen(false);\n    setDiscardConfirmationModalIsOpen(false);\n    history.discardAllChanges();\n  };\n\n  const undoHandler = () => {\n    history.undo();\n  };\n\n  const redoHandler = () => {\n    history.redo();\n  };\n\n  const pluginName = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Content-Type Builder',\n  });\n\n  const subNavSections = useMemo(() => {\n    const sections: ReactNode[] = []; // SubNav.Sections wraps its children in a <li>, and multiple {x.maps()} produce multiple react fragments. So we need to collect sections into a single array of children.\n\n    for (const section of folderSections) {\n      sections.push(\n        <FolderNavSection\n          key={section.section}\n          section={section.section}\n          sectionId={section.sectionId}\n          title={section.title}\n          links={section.links}\n          createTypeLabel={section.createTypeLabel}\n          onCreateContentType={section.onCreateContentType}\n          searchValue={search.value}\n        />\n      );\n    }\n\n    for (const section of flatSections) {\n      if (section.name === 'components') {\n        sections.push(\n          <SubNav.Section\n            key={section.name}\n            label={formatMessage({\n              id: section.title.id,\n              defaultMessage: section.title.defaultMessage,\n            })}\n            link={\n              section.customLink && {\n                label: formatMessage({\n                  id: section.customLink?.id,\n                  defaultMessage: section.customLink?.defaultMessage,\n                }),\n                onClick: section.customLink?.onClick,\n              }\n            }\n            sectionId={section.name}\n          >\n            {section.links.map((link) => {\n              const linkLabel = formatMessage({\n                id: link.name,\n                defaultMessage: link.title,\n              });\n\n              if ('links' in link) {\n                return (\n                  <SubNav.SubSection key={link.name} label={link.title}>\n                    {link.links.map((subLink) => {\n                      const label = formatMessage({\n                        id: subLink.name,\n                        defaultMessage: subLink.title,\n                      });\n\n                      return (\n                        <SubNav.Link\n                          to={subLink.to}\n                          key={subLink.name}\n                          label={label}\n                          endAction={\n                            <Box tag=\"span\" textAlign=\"center\" width={'24px'}>\n                              <Status status={subLink.status} />\n                            </Box>\n                          }\n                        />\n                      );\n                    })}\n                  </SubNav.SubSection>\n                );\n              }\n\n              return (\n                <SubNav.Link\n                  to={link.to}\n                  key={link.name}\n                  label={linkLabel}\n                  endAction={\n                    <Box tag=\"span\" textAlign=\"center\" width={'24px'}>\n                      <Status status={link.status} />\n                    </Box>\n                  }\n                />\n              );\n            })}\n          </SubNav.Section>\n        );\n      }\n    }\n\n    return sections;\n  }, [folderSections, flatSections, formatMessage, search.value]);\n\n  return (\n    <SubNav.Main aria-label={pluginName}>\n      <SubNav.Header label={pluginName} />\n      <Divider background=\"neutral150\" />\n      <Flex padding={5} gap={3} direction={'column'} alignItems={'stretch'}>\n        <tours.contentTypeBuilder.Save>\n          <Flex gap={2}>\n            <Button\n              flex={1}\n              onClick={(e) => {\n                e.preventDefault();\n                saveSchema();\n              }}\n              type=\"submit\"\n              disabled={!isModified || !isInDevelopmentMode}\n              fullWidth\n              size=\"S\"\n            >\n              {formatMessage({\n                id: 'global.save',\n                defaultMessage: 'Save',\n              })}\n            </Button>\n            <Menu.Root open={menuIsOpen} onOpenChange={setMenuIsOpen}>\n              <Menu.Trigger\n                size=\"S\"\n                endIcon={null}\n                paddingTop=\"4px\"\n                paddingLeft=\"7px\"\n                paddingRight=\"7px\"\n                variant=\"tertiary\"\n              >\n                <More fill=\"neutral500\" aria-hidden focusable={false} />\n                <VisuallyHidden tag=\"span\">\n                  {formatMessage({\n                    id: 'global.more.actions',\n                    defaultMessage: 'More actions',\n                  })}\n                </VisuallyHidden>\n              </Menu.Trigger>\n              <Menu.Content zIndex={1}>\n                <Menu.Item\n                  disabled={!history.canUndo || !isInDevelopmentMode}\n                  onSelect={undoHandler}\n                  startIcon={<ArrowCounterClockwise />}\n                >\n                  {formatMessage({\n                    id: 'global.last-change.undo',\n                    defaultMessage: 'Undo last change',\n                  })}\n                </Menu.Item>\n                <Menu.Item\n                  disabled={!history.canRedo || !isInDevelopmentMode}\n                  onSelect={redoHandler}\n                  startIcon={<ArrowClockwise />}\n                >\n                  {formatMessage({\n                    id: 'global.last-change.redo',\n                    defaultMessage: 'Redo last change',\n                  })}\n                </Menu.Item>\n                <Menu.Separator />\n                <DiscardAllMenuItem\n                  disabled={!history.canDiscardAll || !isInDevelopmentMode}\n                  onSelect={discardHandler}\n                >\n                  <Flex gap={2}>\n                    <Cross />\n                    <Typography>\n                      {formatMessage({\n                        id: 'global.last-changes.discard',\n                        defaultMessage: 'Discard last changes',\n                      })}\n                    </Typography>\n                  </Flex>\n                </DiscardAllMenuItem>\n              </Menu.Content>\n            </Menu.Root>\n          </Flex>\n        </tours.contentTypeBuilder.Save>\n\n        <Searchbar\n          value={search.value}\n          onChange={(e) => search.onChange(e.target.value)}\n          onClear={() => search.onChange('')}\n          placeholder={formatMessage({\n            id: getTrad('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          aria-label={formatMessage({\n            id: getTrad('search.placeholder'),\n            defaultMessage: 'Search',\n          })}\n        />\n      </Flex>\n      <SubNav.Content>\n        <SubNav.Sections>{subNavSections}</SubNav.Sections>\n      </SubNav.Content>\n      <Dialog.Root\n        open={discardConfirmationModalIsOpen}\n        onOpenChange={setDiscardConfirmationModalIsOpen}\n      >\n        <ConfirmDialog onConfirm={discardChanges}>\n          {formatMessage({\n            id: getTrad('popUpWarning.discardAll.message'),\n            defaultMessage: 'Are you sure you want to discard all changes?',\n          })}\n        </ConfirmDialog>\n      </Dialog.Root>\n    </SubNav.Main>\n  );\n};\n"],"names":["ArrowCounterClockwise","styled","ArrowClockwise","DiscardAllMenuItem","Menu","Item","theme","colors","danger600","disabled","danger100","ContentTypeBuilderNav","flatSections","search","folderSections","useContentTypeBuilderMenu","saveSchema","isModified","history","isInDevelopmentMode","useDataManager","formatMessage","useIntl","menuIsOpen","setMenuIsOpen","useState","discardConfirmationModalIsOpen","setDiscardConfirmationModalIsOpen","useEffect","onKeyDown","e","ctrlKey","metaKey","key","preventDefault","shiftKey","undo","redo","document","addEventListener","removeEventListener","discardHandler","discardChanges","discardAllChanges","undoHandler","redoHandler","pluginName","id","getTrad","defaultMessage","subNavSections","useMemo","sections","section","push","_jsx","FolderNavSection","sectionId","title","links","createTypeLabel","onCreateContentType","searchValue","value","name","SubNav","Section","label","link","customLink","onClick","map","linkLabel","SubSection","subLink","Link","to","endAction","Box","tag","textAlign","width","Status","status","_jsxs","Main","aria-label","Header","Divider","background","Flex","padding","gap","direction","alignItems","tours","contentTypeBuilder","Save","Button","flex","type","fullWidth","size","Root","open","onOpenChange","Trigger","endIcon","paddingTop","paddingLeft","paddingRight","variant","More","fill","aria-hidden","focusable","VisuallyHidden","Content","zIndex","canUndo","onSelect","startIcon","canRedo","Separator","canDiscardAll","Cross","Typography","Searchbar","onChange","target","onClear","placeholder","children","undefined","clearLabel","Sections","Dialog","ConfirmDialog","onConfirm"],"mappings":"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"}

package/dist/admin/components/ContentTypeBuilderNav/components/FolderNav/DeleteFolderDialog.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var getTrad = require('../../../../utils/getTrad.js');
+
+const DeleteFolderDialog = ({ onOpenChange, folderName, onConfirm, counts, conflictingFolderNames, open, mode })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const title = React.useMemo(()=>{
+        if (mode === 'withContent') {
+            return formatMessage({
+                id: getTrad.getTrad('nav.folder.delete-with-content.title'),
+                defaultMessage: 'Delete folder and contents'
+            });
+        }
+        return formatMessage({
+            id: getTrad.getTrad('nav.folder.delete.title'),
+            defaultMessage: 'Delete folder'
+        });
+    }, [
+        formatMessage,
+        mode
+    ]);
+    const body = React.useMemo(()=>{
+        if (mode === 'withContent') {
+            return formatMessage({
+                id: getTrad.getTrad('nav.folder.delete-with-content.body'),
+                defaultMessage: 'You are about to delete the folder named {name} and its deletable contents ({contentTypes, plural, =0 {{subfolders, plural, one {# subfolder} other {# subfolders}}} one {# application content type{subfolders, plural, =0 {} one {, # subfolder} other {, # subfolders}}} other {# application content types{subfolders, plural, =0 {} one {, # subfolder} other {, # subfolders}}}}). Are you sure you want to proceed?'
+            }, {
+                name: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    fontWeight: "bold",
+                    children: folderName
+                }),
+                ...counts
+            });
+        }
+        return formatMessage({
+            id: getTrad.getTrad('nav.folder.delete.body'),
+            defaultMessage: 'You are about to delete the folder named {name}. Are you sure you want to proceed?'
+        }, {
+            name: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "bold",
+                children: folderName
+            })
+        });
+    }, [
+        formatMessage,
+        folderName,
+        mode,
+        counts
+    ]);
+    const isBlocked = mode === 'only' && conflictingFolderNames.length > 0;
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.ConfirmDialog, {
+            title: title,
+            startAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Cancel, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    fullWidth: true,
+                    variant: "tertiary",
+                    children: formatMessage({
+                        id: getTrad.getTrad('nav.folder.delete.cancel'),
+                        defaultMessage: 'No, cancel'
+                    })
+                })
+            }),
+            endAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Action, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: 'danger',
+                    onClick: onConfirm,
+                    fullWidth: true,
+                    disabled: isBlocked,
+                    children: formatMessage({
+                        id: getTrad.getTrad('nav.folder.delete.confirm'),
+                        defaultMessage: 'Yes, delete'
+                    })
+                })
+            }),
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    tag: "span",
+                    children: body
+                }),
+                mode === 'withContent' && counts.preservedContentTypes > 0 && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    tag: "p",
+                    children: formatMessage({
+                        id: getTrad.getTrad('nav.folder.delete-with-content.preserved'),
+                        defaultMessage: '{preservedContentTypes, plural, one {# protected content type will be preserved and ungrouped.} other {# protected content types will be preserved and ungrouped.}}'
+                    }, {
+                        preservedContentTypes: counts.preservedContentTypes
+                    })
+                }),
+                isBlocked && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    tag: "p",
+                    children: formatMessage({
+                        id: getTrad.getTrad('nav.folder.delete.blocked'),
+                        defaultMessage: 'This folder cannot be deleted because these folder names already exist in its destination: {names}.'
+                    }, {
+                        names: conflictingFolderNames.join(', ')
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.DeleteFolderDialog = DeleteFolderDialog;
+//# sourceMappingURL=DeleteFolderDialog.js.map

package/dist/admin/components/ContentTypeBuilderNav/components/FolderNav/DeleteFolderDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteFolderDialog.js","sources":["../../../../../../admin/src/components/ContentTypeBuilderNav/components/FolderNav/DeleteFolderDialog.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { ConfirmDialog } from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../../../utils/getTrad';\n\nexport type DeleteFolderMode = 'only' | 'withContent';\n\ninterface DeleteFolderDialogProps {\n  counts: { contentTypes: number; subfolders: number; preservedContentTypes: number };\n  conflictingFolderNames: string[];\n  onOpenChange: (open: boolean) => void;\n  mode: DeleteFolderMode;\n  onConfirm: () => void;\n  folderName: string;\n  open: boolean;\n}\n\nexport const DeleteFolderDialog = ({\n  onOpenChange,\n  folderName,\n  onConfirm,\n  counts,\n  conflictingFolderNames,\n  open,\n  mode,\n}: DeleteFolderDialogProps) => {\n  const { formatMessage } = useIntl();\n\n  const title = useMemo(() => {\n    if (mode === 'withContent') {\n      return formatMessage({\n        id: getTrad('nav.folder.delete-with-content.title'),\n        defaultMessage: 'Delete folder and contents',\n      });\n    }\n\n    return formatMessage({\n      id: getTrad('nav.folder.delete.title'),\n      defaultMessage: 'Delete folder',\n    });\n  }, [formatMessage, mode]);\n\n  const body = useMemo(() => {\n    if (mode === 'withContent') {\n      return formatMessage(\n        {\n          id: getTrad('nav.folder.delete-with-content.body'),\n          defaultMessage:\n            'You are about to delete the folder named {name} and its deletable contents ({contentTypes, plural, =0 {{subfolders, plural, one {# subfolder} other {# subfolders}}} one {# application content type{subfolders, plural, =0 {} one {, # subfolder} other {, # subfolders}}} other {# application content types{subfolders, plural, =0 {} one {, # subfolder} other {, # subfolders}}}}). Are you sure you want to proceed?',\n        },\n        { name: <Typography fontWeight=\"bold\">{folderName}</Typography>, ...counts }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTrad('nav.folder.delete.body'),\n        defaultMessage:\n          'You are about to delete the folder named {name}. Are you sure you want to proceed?',\n      },\n      { name: <Typography fontWeight=\"bold\">{folderName}</Typography> }\n    );\n  }, [formatMessage, folderName, mode, counts]);\n\n  const isBlocked = mode === 'only' && conflictingFolderNames.length > 0;\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <ConfirmDialog\n        title={title}\n        startAction={\n          <Dialog.Cancel>\n            <Button fullWidth variant=\"tertiary\">\n              {formatMessage({\n                id: getTrad('nav.folder.delete.cancel'),\n                defaultMessage: 'No, cancel',\n              })}\n            </Button>\n          </Dialog.Cancel>\n        }\n        endAction={\n          <Dialog.Action>\n            <Button variant={'danger'} onClick={onConfirm} fullWidth disabled={isBlocked}>\n              {formatMessage({\n                id: getTrad('nav.folder.delete.confirm'),\n                defaultMessage: 'Yes, delete',\n              })}\n            </Button>\n          </Dialog.Action>\n        }\n      >\n        <Typography tag=\"span\">{body}</Typography>\n        {mode === 'withContent' && counts.preservedContentTypes > 0 && (\n          <Typography tag=\"p\">\n            {formatMessage(\n              {\n                id: getTrad('nav.folder.delete-with-content.preserved'),\n                defaultMessage:\n                  '{preservedContentTypes, plural, one {# protected content type will be preserved and ungrouped.} other {# protected content types will be preserved and ungrouped.}}',\n              },\n              { preservedContentTypes: counts.preservedContentTypes }\n            )}\n          </Typography>\n        )}\n        {isBlocked && (\n          <Typography tag=\"p\">\n            {formatMessage(\n              {\n                id: getTrad('nav.folder.delete.blocked'),\n                defaultMessage:\n                  'This folder cannot be deleted because these folder names already exist in its destination: {names}.',\n              },\n              { names: conflictingFolderNames.join(', ') }\n            )}\n          </Typography>\n        )}\n      </ConfirmDialog>\n    </Dialog.Root>\n  );\n};\n"],"names":["DeleteFolderDialog","onOpenChange","folderName","onConfirm","counts","conflictingFolderNames","open","mode","formatMessage","useIntl","title","useMemo","id","getTrad","defaultMessage","body","name","_jsx","Typography","fontWeight","isBlocked","length","Dialog","Root","_jsxs","ConfirmDialog","startAction","Cancel","Button","fullWidth","variant","endAction","Action","onClick","disabled","tag","preservedContentTypes","names","join"],"mappings":"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"}

package/dist/admin/components/ContentTypeBuilderNav/components/FolderNav/DeleteFolderDialog.mjs

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { Typography, Dialog, Button } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../../../../utils/getTrad.mjs';
+
+const DeleteFolderDialog = ({ onOpenChange, folderName, onConfirm, counts, conflictingFolderNames, open, mode })=>{
+    const { formatMessage } = useIntl();
+    const title = useMemo(()=>{
+        if (mode === 'withContent') {
+            return formatMessage({
+                id: getTrad('nav.folder.delete-with-content.title'),
+                defaultMessage: 'Delete folder and contents'
+            });
+        }
+        return formatMessage({
+            id: getTrad('nav.folder.delete.title'),
+            defaultMessage: 'Delete folder'
+        });
+    }, [
+        formatMessage,
+        mode
+    ]);
+    const body = useMemo(()=>{
+        if (mode === 'withContent') {
+            return formatMessage({
+                id: getTrad('nav.folder.delete-with-content.body'),
+                defaultMessage: 'You are about to delete the folder named {name} and its deletable contents ({contentTypes, plural, =0 {{subfolders, plural, one {# subfolder} other {# subfolders}}} one {# application content type{subfolders, plural, =0 {} one {, # subfolder} other {, # subfolders}}} other {# application content types{subfolders, plural, =0 {} one {, # subfolder} other {, # subfolders}}}}). Are you sure you want to proceed?'
+            }, {
+                name: /*#__PURE__*/ jsx(Typography, {
+                    fontWeight: "bold",
+                    children: folderName
+                }),
+                ...counts
+            });
+        }
+        return formatMessage({
+            id: getTrad('nav.folder.delete.body'),
+            defaultMessage: 'You are about to delete the folder named {name}. Are you sure you want to proceed?'
+        }, {
+            name: /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "bold",
+                children: folderName
+            })
+        });
+    }, [
+        formatMessage,
+        folderName,
+        mode,
+        counts
+    ]);
+    const isBlocked = mode === 'only' && conflictingFolderNames.length > 0;
+    return /*#__PURE__*/ jsx(Dialog.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsxs(ConfirmDialog, {
+            title: title,
+            startAction: /*#__PURE__*/ jsx(Dialog.Cancel, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    fullWidth: true,
+                    variant: "tertiary",
+                    children: formatMessage({
+                        id: getTrad('nav.folder.delete.cancel'),
+                        defaultMessage: 'No, cancel'
+                    })
+                })
+            }),
+            endAction: /*#__PURE__*/ jsx(Dialog.Action, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: 'danger',
+                    onClick: onConfirm,
+                    fullWidth: true,
+                    disabled: isBlocked,
+                    children: formatMessage({
+                        id: getTrad('nav.folder.delete.confirm'),
+                        defaultMessage: 'Yes, delete'
+                    })
+                })
+            }),
+            children: [
+                /*#__PURE__*/ jsx(Typography, {
+                    tag: "span",
+                    children: body
+                }),
+                mode === 'withContent' && counts.preservedContentTypes > 0 && /*#__PURE__*/ jsx(Typography, {
+                    tag: "p",
+                    children: formatMessage({
+                        id: getTrad('nav.folder.delete-with-content.preserved'),
+                        defaultMessage: '{preservedContentTypes, plural, one {# protected content type will be preserved and ungrouped.} other {# protected content types will be preserved and ungrouped.}}'
+                    }, {
+                        preservedContentTypes: counts.preservedContentTypes
+                    })
+                }),
+                isBlocked && /*#__PURE__*/ jsx(Typography, {
+                    tag: "p",
+                    children: formatMessage({
+                        id: getTrad('nav.folder.delete.blocked'),
+                        defaultMessage: 'This folder cannot be deleted because these folder names already exist in its destination: {names}.'
+                    }, {
+                        names: conflictingFolderNames.join(', ')
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { DeleteFolderDialog };
+//# sourceMappingURL=DeleteFolderDialog.mjs.map

package/dist/admin/components/ContentTypeBuilderNav/components/FolderNav/DeleteFolderDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteFolderDialog.mjs","sources":["../../../../../../admin/src/components/ContentTypeBuilderNav/components/FolderNav/DeleteFolderDialog.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { ConfirmDialog } from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../../../utils/getTrad';\n\nexport type DeleteFolderMode = 'only' | 'withContent';\n\ninterface DeleteFolderDialogProps {\n  counts: { contentTypes: number; subfolders: number; preservedContentTypes: number };\n  conflictingFolderNames: string[];\n  onOpenChange: (open: boolean) => void;\n  mode: DeleteFolderMode;\n  onConfirm: () => void;\n  folderName: string;\n  open: boolean;\n}\n\nexport const DeleteFolderDialog = ({\n  onOpenChange,\n  folderName,\n  onConfirm,\n  counts,\n  conflictingFolderNames,\n  open,\n  mode,\n}: DeleteFolderDialogProps) => {\n  const { formatMessage } = useIntl();\n\n  const title = useMemo(() => {\n    if (mode === 'withContent') {\n      return formatMessage({\n        id: getTrad('nav.folder.delete-with-content.title'),\n        defaultMessage: 'Delete folder and contents',\n      });\n    }\n\n    return formatMessage({\n      id: getTrad('nav.folder.delete.title'),\n      defaultMessage: 'Delete folder',\n    });\n  }, [formatMessage, mode]);\n\n  const body = useMemo(() => {\n    if (mode === 'withContent') {\n      return formatMessage(\n        {\n          id: getTrad('nav.folder.delete-with-content.body'),\n          defaultMessage:\n            'You are about to delete the folder named {name} and its deletable contents ({contentTypes, plural, =0 {{subfolders, plural, one {# subfolder} other {# subfolders}}} one {# application content type{subfolders, plural, =0 {} one {, # subfolder} other {, # subfolders}}} other {# application content types{subfolders, plural, =0 {} one {, # subfolder} other {, # subfolders}}}}). Are you sure you want to proceed?',\n        },\n        { name: <Typography fontWeight=\"bold\">{folderName}</Typography>, ...counts }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTrad('nav.folder.delete.body'),\n        defaultMessage:\n          'You are about to delete the folder named {name}. Are you sure you want to proceed?',\n      },\n      { name: <Typography fontWeight=\"bold\">{folderName}</Typography> }\n    );\n  }, [formatMessage, folderName, mode, counts]);\n\n  const isBlocked = mode === 'only' && conflictingFolderNames.length > 0;\n\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <ConfirmDialog\n        title={title}\n        startAction={\n          <Dialog.Cancel>\n            <Button fullWidth variant=\"tertiary\">\n              {formatMessage({\n                id: getTrad('nav.folder.delete.cancel'),\n                defaultMessage: 'No, cancel',\n              })}\n            </Button>\n          </Dialog.Cancel>\n        }\n        endAction={\n          <Dialog.Action>\n            <Button variant={'danger'} onClick={onConfirm} fullWidth disabled={isBlocked}>\n              {formatMessage({\n                id: getTrad('nav.folder.delete.confirm'),\n                defaultMessage: 'Yes, delete',\n              })}\n            </Button>\n          </Dialog.Action>\n        }\n      >\n        <Typography tag=\"span\">{body}</Typography>\n        {mode === 'withContent' && counts.preservedContentTypes > 0 && (\n          <Typography tag=\"p\">\n            {formatMessage(\n              {\n                id: getTrad('nav.folder.delete-with-content.preserved'),\n                defaultMessage:\n                  '{preservedContentTypes, plural, one {# protected content type will be preserved and ungrouped.} other {# protected content types will be preserved and ungrouped.}}',\n              },\n              { preservedContentTypes: counts.preservedContentTypes }\n            )}\n          </Typography>\n        )}\n        {isBlocked && (\n          <Typography tag=\"p\">\n            {formatMessage(\n              {\n                id: getTrad('nav.folder.delete.blocked'),\n                defaultMessage:\n                  'This folder cannot be deleted because these folder names already exist in its destination: {names}.',\n              },\n              { names: conflictingFolderNames.join(', ') }\n            )}\n          </Typography>\n        )}\n      </ConfirmDialog>\n    </Dialog.Root>\n  );\n};\n"],"names":["DeleteFolderDialog","onOpenChange","folderName","onConfirm","counts","conflictingFolderNames","open","mode","formatMessage","useIntl","title","useMemo","id","getTrad","defaultMessage","body","name","_jsx","Typography","fontWeight","isBlocked","length","Dialog","Root","_jsxs","ConfirmDialog","startAction","Cancel","Button","fullWidth","variant","endAction","Action","onClick","disabled","tag","preservedContentTypes","names","join"],"mappings":"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"}