@strapi/content-type-builder 5.13.0-beta.1 → 5.13.0

package/dist/admin/components/ComponentList.js

@@ -2,22 +2,36 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var get = require('lodash/get');
-var ComponentRow = require('./ComponentRow.js');
-var useDataManager = require('./DataManager/useDataManager.js');
+var useDataManager = require('../hooks/useDataManager.js');
 var List = require('./List.js');
+var Tr = require('./Tr.js');
 
-const ComponentList = ({ component, isFromDynamicZone = false, firstLoopComponentUid })=>{
-    const { components } = useDataManager.useDataManager();
-    const type = get(components, component);
-    return /*#__PURE__*/ jsxRuntime.jsx(ComponentRow.ComponentRow, {
+const ComponentList = ({ customRowComponent, component, isFromDynamicZone = false, isNestedInDZComponent = false, firstLoopComponentUid })=>{
+    const { modifiedData } = useDataManager.useDataManager();
+    const { schema: { attributes } } = get(modifiedData, [
+        'components',
+        component
+    ], {
+        schema: {
+            attributes: []
+        }
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(Tr.Tr, {
         $isChildOfDynamicZone: isFromDynamicZone,
         className: "component-row",
-        children: /*#__PURE__*/ jsxRuntime.jsx(List.List, {
-            type: type,
-            firstLoopComponentUid: firstLoopComponentUid || component,
-            isFromDynamicZone: isFromDynamicZone,
-            isSub: true,
-            secondLoopComponentUid: firstLoopComponentUid ? component : null
+        children: /*#__PURE__*/ jsxRuntime.jsx("td", {
+            colSpan: 12,
+            children: /*#__PURE__*/ jsxRuntime.jsx(List.List, {
+                customRowComponent: customRowComponent,
+                items: attributes,
+                targetUid: component,
+                firstLoopComponentUid: firstLoopComponentUid || component,
+                editTarget: "components",
+                isFromDynamicZone: isFromDynamicZone,
+                isNestedInDZComponent: isNestedInDZComponent,
+                isSub: true,
+                secondLoopComponentUid: firstLoopComponentUid ? component : null
+            })
         })
     });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentList.js","sources":["../../../admin/src/components/ComponentList.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport get from 'lodash/get';\n\nimport { ComponentRow } from './ComponentRow';\nimport { useDataManager } from './DataManager/useDataManager';\nimport { List } from './List';\n\nimport type { UID } from '@strapi/types';\n\ninterface ComponentListProps {\n  component: UID.Component;\n  firstLoopComponentUid?: UID.Component | null;\n  isFromDynamicZone?: boolean;\n}\n\nexport const ComponentList = ({\n  component,\n  isFromDynamicZone = false,\n  firstLoopComponentUid,\n}: ComponentListProps) => {\n  const { components } = useDataManager();\n  const type = get(components, component);\n\n  return (\n    <ComponentRow $isChildOfDynamicZone={isFromDynamicZone} className=\"component-row\">\n      <List\n        type={type}\n        firstLoopComponentUid={firstLoopComponentUid || component}\n        isFromDynamicZone={isFromDynamicZone}\n        isSub\n        secondLoopComponentUid={firstLoopComponentUid ? component : null}\n      />\n    </ComponentRow>\n  );\n};\n"],"names":["ComponentList","component","isFromDynamicZone","firstLoopComponentUid","components","useDataManager","type","get","_jsx","ComponentRow","$isChildOfDynamicZone","className","List","isSub","secondLoopComponentUid"],"mappings":";;;;;;;;AAeO,MAAMA,aAAgB,GAAA,CAAC,EAC5BC,SAAS,EACTC,iBAAoB,GAAA,KAAK,EACzBC,qBAAqB,EACF,GAAA;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC,6BAAAA,EAAAA;IACvB,MAAMC,IAAAA,GAAOC,IAAIH,UAAYH,EAAAA,SAAAA,CAAAA;AAE7B,IAAA,qBACEO,cAACC,CAAAA,yBAAAA,EAAAA;QAAaC,qBAAuBR,EAAAA,iBAAAA;QAAmBS,SAAU,EAAA,eAAA;AAChE,QAAA,QAAA,gBAAAH,cAACI,CAAAA,SAAAA,EAAAA;YACCN,IAAMA,EAAAA,IAAAA;AACNH,YAAAA,qBAAAA,EAAuBA,qBAAyBF,IAAAA,SAAAA;YAChDC,iBAAmBA,EAAAA,iBAAAA;YACnBW,KAAK,EAAA,IAAA;AACLC,YAAAA,sBAAAA,EAAwBX,wBAAwBF,SAAY,GAAA;;;AAIpE;;;;"}
+{"version":3,"file":"ComponentList.js","sources":["../../../admin/src/components/ComponentList.tsx"],"sourcesContent":["import get from 'lodash/get';\n\nimport { useDataManager } from '../hooks/useDataManager';\n\nimport { List } from './List';\nimport { Tr } from './Tr';\n\nimport type { Internal } from '@strapi/types';\n\ninterface ComponentListProps {\n  component: Internal.UID.Component;\n  customRowComponent: any;\n  firstLoopComponentUid?: string;\n  isFromDynamicZone?: boolean;\n  isNestedInDZComponent?: boolean;\n}\n\nexport const ComponentList = ({\n  customRowComponent,\n  component,\n  isFromDynamicZone = false,\n  isNestedInDZComponent = false,\n  firstLoopComponentUid,\n}: ComponentListProps) => {\n  const { modifiedData } = useDataManager();\n  const {\n    schema: { attributes },\n  } = get(modifiedData, ['components', component], {\n    schema: { attributes: [] },\n  });\n\n  return (\n    <Tr $isChildOfDynamicZone={isFromDynamicZone} className=\"component-row\">\n      <td colSpan={12}>\n        <List\n          customRowComponent={customRowComponent}\n          items={attributes}\n          targetUid={component}\n          firstLoopComponentUid={firstLoopComponentUid || component}\n          editTarget=\"components\"\n          isFromDynamicZone={isFromDynamicZone}\n          isNestedInDZComponent={isNestedInDZComponent}\n          isSub\n          secondLoopComponentUid={firstLoopComponentUid ? component : null}\n        />\n      </td>\n    </Tr>\n  );\n};\n"],"names":["ComponentList","customRowComponent","component","isFromDynamicZone","isNestedInDZComponent","firstLoopComponentUid","modifiedData","useDataManager","schema","attributes","get","_jsx","Tr","$isChildOfDynamicZone","className","td","colSpan","List","items","targetUid","editTarget","isSub","secondLoopComponentUid"],"mappings":";;;;;;;;AAiBaA,MAAAA,aAAAA,GAAgB,CAAC,EAC5BC,kBAAkB,EAClBC,SAAS,EACTC,iBAAAA,GAAoB,KAAK,EACzBC,qBAAAA,GAAwB,KAAK,EAC7BC,qBAAqB,EACF,GAAA;IACnB,MAAM,EAAEC,YAAY,EAAE,GAAGC,6BAAAA,EAAAA;IACzB,MAAM,EACJC,QAAQ,EAAEC,UAAU,EAAE,EACvB,GAAGC,IAAIJ,YAAc,EAAA;AAAC,QAAA,YAAA;AAAcJ,QAAAA;KAAU,EAAE;QAC/CM,MAAQ,EAAA;AAAEC,YAAAA,UAAAA,EAAY;AAAG;AAC3B,KAAA,CAAA;AAEA,IAAA,qBACEE,cAACC,CAAAA,KAAAA,EAAAA;QAAGC,qBAAuBV,EAAAA,iBAAAA;QAAmBW,SAAU,EAAA,eAAA;AACtD,QAAA,QAAA,gBAAAH,cAACI,CAAAA,IAAAA,EAAAA;YAAGC,OAAS,EAAA,EAAA;AACX,YAAA,QAAA,gBAAAL,cAACM,CAAAA,SAAAA,EAAAA;gBACChB,kBAAoBA,EAAAA,kBAAAA;gBACpBiB,KAAOT,EAAAA,UAAAA;gBACPU,SAAWjB,EAAAA,SAAAA;AACXG,gBAAAA,qBAAAA,EAAuBA,qBAAyBH,IAAAA,SAAAA;gBAChDkB,UAAW,EAAA,YAAA;gBACXjB,iBAAmBA,EAAAA,iBAAAA;gBACnBC,qBAAuBA,EAAAA,qBAAAA;gBACvBiB,KAAK,EAAA,IAAA;AACLC,gBAAAA,sBAAAA,EAAwBjB,wBAAwBH,SAAY,GAAA;;;;AAKtE;;;;"}

package/dist/admin/components/ComponentList.mjs

@@ -1,21 +1,35 @@
 import { jsx } from 'react/jsx-runtime';
 import get from 'lodash/get';
-import { ComponentRow } from './ComponentRow.mjs';
-import { useDataManager } from './DataManager/useDataManager.mjs';
+import { useDataManager } from '../hooks/useDataManager.mjs';
 import { List } from './List.mjs';
+import { Tr } from './Tr.mjs';
 
-const ComponentList = ({ component, isFromDynamicZone = false, firstLoopComponentUid })=>{
-    const { components } = useDataManager();
-    const type = get(components, component);
-    return /*#__PURE__*/ jsx(ComponentRow, {
+const ComponentList = ({ customRowComponent, component, isFromDynamicZone = false, isNestedInDZComponent = false, firstLoopComponentUid })=>{
+    const { modifiedData } = useDataManager();
+    const { schema: { attributes } } = get(modifiedData, [
+        'components',
+        component
+    ], {
+        schema: {
+            attributes: []
+        }
+    });
+    return /*#__PURE__*/ jsx(Tr, {
         $isChildOfDynamicZone: isFromDynamicZone,
         className: "component-row",
-        children: /*#__PURE__*/ jsx(List, {
-            type: type,
-            firstLoopComponentUid: firstLoopComponentUid || component,
-            isFromDynamicZone: isFromDynamicZone,
-            isSub: true,
-            secondLoopComponentUid: firstLoopComponentUid ? component : null
+        children: /*#__PURE__*/ jsx("td", {
+            colSpan: 12,
+            children: /*#__PURE__*/ jsx(List, {
+                customRowComponent: customRowComponent,
+                items: attributes,
+                targetUid: component,
+                firstLoopComponentUid: firstLoopComponentUid || component,
+                editTarget: "components",
+                isFromDynamicZone: isFromDynamicZone,
+                isNestedInDZComponent: isNestedInDZComponent,
+                isSub: true,
+                secondLoopComponentUid: firstLoopComponentUid ? component : null
+            })
         })
     });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentList.mjs","sources":["../../../admin/src/components/ComponentList.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport get from 'lodash/get';\n\nimport { ComponentRow } from './ComponentRow';\nimport { useDataManager } from './DataManager/useDataManager';\nimport { List } from './List';\n\nimport type { UID } from '@strapi/types';\n\ninterface ComponentListProps {\n  component: UID.Component;\n  firstLoopComponentUid?: UID.Component | null;\n  isFromDynamicZone?: boolean;\n}\n\nexport const ComponentList = ({\n  component,\n  isFromDynamicZone = false,\n  firstLoopComponentUid,\n}: ComponentListProps) => {\n  const { components } = useDataManager();\n  const type = get(components, component);\n\n  return (\n    <ComponentRow $isChildOfDynamicZone={isFromDynamicZone} className=\"component-row\">\n      <List\n        type={type}\n        firstLoopComponentUid={firstLoopComponentUid || component}\n        isFromDynamicZone={isFromDynamicZone}\n        isSub\n        secondLoopComponentUid={firstLoopComponentUid ? component : null}\n      />\n    </ComponentRow>\n  );\n};\n"],"names":["ComponentList","component","isFromDynamicZone","firstLoopComponentUid","components","useDataManager","type","get","_jsx","ComponentRow","$isChildOfDynamicZone","className","List","isSub","secondLoopComponentUid"],"mappings":";;;;;;AAeO,MAAMA,aAAgB,GAAA,CAAC,EAC5BC,SAAS,EACTC,iBAAoB,GAAA,KAAK,EACzBC,qBAAqB,EACF,GAAA;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC,cAAAA,EAAAA;IACvB,MAAMC,IAAAA,GAAOC,IAAIH,UAAYH,EAAAA,SAAAA,CAAAA;AAE7B,IAAA,qBACEO,GAACC,CAAAA,YAAAA,EAAAA;QAAaC,qBAAuBR,EAAAA,iBAAAA;QAAmBS,SAAU,EAAA,eAAA;AAChE,QAAA,QAAA,gBAAAH,GAACI,CAAAA,IAAAA,EAAAA;YACCN,IAAMA,EAAAA,IAAAA;AACNH,YAAAA,qBAAAA,EAAuBA,qBAAyBF,IAAAA,SAAAA;YAChDC,iBAAmBA,EAAAA,iBAAAA;YACnBW,KAAK,EAAA,IAAA;AACLC,YAAAA,sBAAAA,EAAwBX,wBAAwBF,SAAY,GAAA;;;AAIpE;;;;"}
+{"version":3,"file":"ComponentList.mjs","sources":["../../../admin/src/components/ComponentList.tsx"],"sourcesContent":["import get from 'lodash/get';\n\nimport { useDataManager } from '../hooks/useDataManager';\n\nimport { List } from './List';\nimport { Tr } from './Tr';\n\nimport type { Internal } from '@strapi/types';\n\ninterface ComponentListProps {\n  component: Internal.UID.Component;\n  customRowComponent: any;\n  firstLoopComponentUid?: string;\n  isFromDynamicZone?: boolean;\n  isNestedInDZComponent?: boolean;\n}\n\nexport const ComponentList = ({\n  customRowComponent,\n  component,\n  isFromDynamicZone = false,\n  isNestedInDZComponent = false,\n  firstLoopComponentUid,\n}: ComponentListProps) => {\n  const { modifiedData } = useDataManager();\n  const {\n    schema: { attributes },\n  } = get(modifiedData, ['components', component], {\n    schema: { attributes: [] },\n  });\n\n  return (\n    <Tr $isChildOfDynamicZone={isFromDynamicZone} className=\"component-row\">\n      <td colSpan={12}>\n        <List\n          customRowComponent={customRowComponent}\n          items={attributes}\n          targetUid={component}\n          firstLoopComponentUid={firstLoopComponentUid || component}\n          editTarget=\"components\"\n          isFromDynamicZone={isFromDynamicZone}\n          isNestedInDZComponent={isNestedInDZComponent}\n          isSub\n          secondLoopComponentUid={firstLoopComponentUid ? component : null}\n        />\n      </td>\n    </Tr>\n  );\n};\n"],"names":["ComponentList","customRowComponent","component","isFromDynamicZone","isNestedInDZComponent","firstLoopComponentUid","modifiedData","useDataManager","schema","attributes","get","_jsx","Tr","$isChildOfDynamicZone","className","td","colSpan","List","items","targetUid","editTarget","isSub","secondLoopComponentUid"],"mappings":";;;;;;AAiBaA,MAAAA,aAAAA,GAAgB,CAAC,EAC5BC,kBAAkB,EAClBC,SAAS,EACTC,iBAAAA,GAAoB,KAAK,EACzBC,qBAAAA,GAAwB,KAAK,EAC7BC,qBAAqB,EACF,GAAA;IACnB,MAAM,EAAEC,YAAY,EAAE,GAAGC,cAAAA,EAAAA;IACzB,MAAM,EACJC,QAAQ,EAAEC,UAAU,EAAE,EACvB,GAAGC,IAAIJ,YAAc,EAAA;AAAC,QAAA,YAAA;AAAcJ,QAAAA;KAAU,EAAE;QAC/CM,MAAQ,EAAA;AAAEC,YAAAA,UAAAA,EAAY;AAAG;AAC3B,KAAA,CAAA;AAEA,IAAA,qBACEE,GAACC,CAAAA,EAAAA,EAAAA;QAAGC,qBAAuBV,EAAAA,iBAAAA;QAAmBW,SAAU,EAAA,eAAA;AACtD,QAAA,QAAA,gBAAAH,GAACI,CAAAA,IAAAA,EAAAA;YAAGC,OAAS,EAAA,EAAA;AACX,YAAA,QAAA,gBAAAL,GAACM,CAAAA,IAAAA,EAAAA;gBACChB,kBAAoBA,EAAAA,kBAAAA;gBACpBiB,KAAOT,EAAAA,UAAAA;gBACPU,SAAWjB,EAAAA,SAAAA;AACXG,gBAAAA,qBAAAA,EAAuBA,qBAAyBH,IAAAA,SAAAA;gBAChDkB,UAAW,EAAA,YAAA;gBACXjB,iBAAmBA,EAAAA,iBAAAA;gBACnBC,qBAAuBA,EAAAA,qBAAAA;gBACvBiB,KAAK,EAAA,IAAA;AACLC,gBAAAA,sBAAAA,EAAwBjB,wBAAwBH,SAAY,GAAA;;;;AAKtE;;;;"}

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

@@ -2,286 +2,103 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var Icons = require('@strapi/icons');
+var upperFirst = require('lodash/upperFirst');
 var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
 var styledComponents = require('styled-components');
 var getTrad = require('../../utils/getTrad.js');
-var useDataManager = require('../DataManager/useDataManager.js');
-var Status = require('../Status.js');
 var useContentTypeBuilderMenu = require('./useContentTypeBuilderMenu.js');
 
-const ArrowCounterClockwise = styledComponents.styled(Icons.ArrowClockwise)`
-  transform: scaleX(-1);
-`;
-const DiscardAllMenuItem = styledComponents.styled(designSystem.Menu.Item)`
-  color: ${({ theme })=>theme.colors.danger600};
-
-  &:hover {
-    background: ${({ theme, disabled })=>!disabled && theme.colors.danger100};
+const SubNavLinkCustom = styledComponents.styled(designSystem.SubNavLink)`
+  div {
+    width: inherit;
+    span:nth-child(2) {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: inherit;
+    }
   }
 `;
 const ContentTypeBuilderNav = ()=>{
     const { menu, search } = useContentTypeBuilderMenu.useContentTypeBuilderMenu();
-    const { saveSchema, isModified, history, isInDevelopmentMode } = useDataManager.useDataManager();
     const { formatMessage } = reactIntl.useIntl();
-    const [menuIsOpen, setMenuIsOpen] = React.useState(false);
-    const [discardConfirmationModalIsOpen, setDiscardConfirmationModalIsOpen] = React.useState(false);
-    React.useEffect(()=>{
-        if (!isInDevelopmentMode) {
-            return;
-        }
-        const onKeyDown = (e)=>{
-            if (e.ctrlKey || e.metaKey) {
-                if (e.key === 'Enter') {
-                    if (isModified) {
-                        e.preventDefault();
-                        saveSchema();
-                    }
-                } else if (e.key === 'z' && !e.shiftKey) {
-                    e.preventDefault(); // Prevent browser default undo (e.g., in input fields)
-                    history.undo();
-                } else if (e.key === 'y' || e.shiftKey && e.key === 'z' || e.key === 'Z') {
-                    e.preventDefault(); // Prevent browser default redo (e.g., in input fields)
-                    history.redo();
-                }
-            }
-        };
-        document.addEventListener('keydown', onKeyDown);
-        return ()=>{
-            document.removeEventListener('keydown', onKeyDown);
-        };
-    });
-    const discardHandler = ()=>{
-        setDiscardConfirmationModalIsOpen(true);
-    };
-    const discardChanges = ()=>{
-        setMenuIsOpen(false);
-        setDiscardConfirmationModalIsOpen(false);
-        history.discardAllChanges();
-    };
-    const undoHandler = ()=>{
-        history.undo();
-    };
-    const redoHandler = ()=>{
-        history.redo();
-    };
     const pluginName = formatMessage({
         id: getTrad.getTrad('plugin.name'),
         defaultMessage: 'Content-Type Builder'
     });
-    return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.SubNav.Main, {
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.SubNav, {
         "aria-label": pluginName,
         children: [
-            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Header, {
-                label: pluginName
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {
-                background: "neutral150"
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SubNavHeader, {
+                searchable: true,
+                value: search.value,
+                onClear: ()=>search.clear(),
+                onChange: (e)=>search.onChange(e.target.value),
+                label: pluginName,
+                searchLabel: formatMessage({
+                    id: 'global.search',
+                    defaultMessage: 'Search'
+                })
             }),
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                padding: 5,
-                gap: 3,
-                direction: 'column',
-                alignItems: 'stretch',
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                        gap: 2,
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SubNavSections, {
+                children: menu.map((section)=>/*#__PURE__*/ jsxRuntime.jsxs(React.Fragment, {
                         children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                                flex: 1,
-                                onClick: (e)=>{
-                                    e.preventDefault();
-                                    saveSchema();
-                                },
-                                type: "submit",
-                                disabled: !isModified || !isInDevelopmentMode,
-                                fullWidth: true,
-                                size: "S",
-                                children: formatMessage({
-                                    id: 'global.save',
-                                    defaultMessage: 'Save'
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SubNavSection, {
+                                label: formatMessage({
+                                    id: section.title.id,
+                                    defaultMessage: section.title.defaultMessage
+                                }),
+                                collapsable: true,
+                                badgeLabel: section.linksCount.toString(),
+                                children: section.links.map((link)=>{
+                                    if (link.links) {
+                                        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SubNavLinkSection, {
+                                            label: upperFirst(link.title),
+                                            children: link.links.map((subLink)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SubNavLink, {
+                                                    tag: reactRouterDom.NavLink,
+                                                    to: subLink.to,
+                                                    active: subLink.active,
+                                                    isSubSectionChild: true,
+                                                    children: upperFirst(formatMessage({
+                                                        id: subLink.name,
+                                                        defaultMessage: subLink.title
+                                                    }))
+                                                }, subLink.name))
+                                        }, link.name);
+                                    }
+                                    return /*#__PURE__*/ jsxRuntime.jsx(SubNavLinkCustom, {
+                                        tag: reactRouterDom.NavLink,
+                                        to: link.to,
+                                        active: link.active,
+                                        width: "100%",
+                                        children: upperFirst(formatMessage({
+                                            id: link.name,
+                                            defaultMessage: link.title
+                                        }))
+                                    }, link.name);
                                 })
                             }),
-                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
-                                open: menuIsOpen,
-                                onOpenChange: setMenuIsOpen,
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Trigger, {
-                                        size: "S",
-                                        endIcon: null,
-                                        paddingTop: "4px",
-                                        paddingLeft: "7px",
-                                        paddingRight: "7px",
-                                        variant: "tertiary",
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx(Icons.More, {
-                                                fill: "neutral500",
-                                                "aria-hidden": true,
-                                                focusable: false
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
-                                                tag: "span",
-                                                children: formatMessage({
-                                                    id: 'global.more.actions',
-                                                    defaultMessage: 'More actions'
-                                                })
-                                            })
-                                        ]
+                            section.customLink && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                paddingLeft: 7,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextButton, {
+                                    onClick: section.customLink.onClick,
+                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Plus, {
+                                        width: "0.8rem",
+                                        height: "0.8rem"
                                     }),
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Content, {
-                                        zIndex: 1,
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
-                                                disabled: !history.canUndo || !isInDevelopmentMode,
-                                                onSelect: undoHandler,
-                                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                                    gap: 2,
-                                                    children: [
-                                                        /*#__PURE__*/ jsxRuntime.jsx(ArrowCounterClockwise, {
-                                                            fill: "neutral500"
-                                                        }),
-                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                            children: "Undo last change"
-                                                        })
-                                                    ]
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
-                                                disabled: !history.canRedo || !isInDevelopmentMode,
-                                                onSelect: redoHandler,
-                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                                        gap: 2,
-                                                        children: [
-                                                            /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowClockwise, {
-                                                                fill: "neutral500"
-                                                            }),
-                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                                children: "Redo last change"
-                                                            })
-                                                        ]
-                                                    })
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Separator, {}),
-                                            /*#__PURE__*/ jsxRuntime.jsx(DiscardAllMenuItem, {
-                                                disabled: !history.canDiscardAll || !isInDevelopmentMode,
-                                                onSelect: discardHandler,
-                                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                                    gap: 2,
-                                                    children: [
-                                                        /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {}),
-                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                            children: "Discard all changes"
-                                                        })
-                                                    ]
-                                                })
-                                            })
-                                        ]
+                                    marginTop: 2,
+                                    cursor: "pointer",
+                                    children: formatMessage({
+                                        id: section.customLink.id,
+                                        defaultMessage: section.customLink.defaultMessage
                                     })
-                                ]
+                                })
                             })
                         ]
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
-                        startAction: /*#__PURE__*/ jsxRuntime.jsx(Icons.Search, {
-                            fill: "neutral500"
-                        }),
-                        value: search.value,
-                        onChange: (e)=>search.onChange(e.target.value),
-                        "aria-label": "Search",
-                        placeholder: formatMessage({
-                            id: getTrad.getTrad('search.placeholder'),
-                            defaultMessage: 'Search'
-                        }),
-                        endAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                            onClick: (e)=>{
-                                e.stopPropagation();
-                                e.preventDefault();
-                                search.onChange('');
-                            },
-                            label: "clear",
-                            variant: "ghost",
-                            type: "button",
-                            style: {
-                                padding: 0
-                            },
-                            children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {})
-                        }),
-                        size: "S"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Sections, {
-                children: menu.map((section)=>/*#__PURE__*/ jsxRuntime.jsx(React.Fragment, {
-                        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.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
-                                }),
-                                onClik: section.customLink?.onClick
-                            },
-                            children: section.links.map((link)=>{
-                                const linkLabel = formatMessage({
-                                    id: link.name,
-                                    defaultMessage: link.title
-                                });
-                                if ('links' in link) {
-                                    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.SubSection, {
-                                        label: link.title,
-                                        children: link.links.map((subLink)=>{
-                                            const label = formatMessage({
-                                                id: subLink.name,
-                                                defaultMessage: subLink.title
-                                            });
-                                            return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Link, {
-                                                to: subLink.to,
-                                                label: label,
-                                                endAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                                                    tag: "span",
-                                                    textAlign: "center",
-                                                    width: '24px',
-                                                    children: /*#__PURE__*/ jsxRuntime.jsx(Status.Status, {
-                                                        status: subLink.status
-                                                    })
-                                                })
-                                            }, subLink.name);
-                                        })
-                                    }, link.name);
-                                }
-                                return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Link, {
-                                    to: link.to,
-                                    label: linkLabel,
-                                    endAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                                        tag: "span",
-                                        textAlign: "center",
-                                        width: '24px',
-                                        children: /*#__PURE__*/ jsxRuntime.jsx(Status.Status, {
-                                            status: link.status
-                                        })
-                                    })
-                                }, link.name);
-                            })
-                        })
                     }, section.name))
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
-                open: discardConfirmationModalIsOpen,
-                onOpenChange: setDiscardConfirmationModalIsOpen,
-                children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
-                    onConfirm: discardChanges,
-                    children: formatMessage({
-                        id: getTrad.getTrad('popUpWarning.discardAll.message'),
-                        defaultMessage: 'Are you sure you want to discard all changes?'
-                    })
-                })
             })
         ]
     });

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

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeBuilderNav.js","sources":["../../../../admin/src/components/ContentTypeBuilderNav/ContentTypeBuilderNav.tsx"],"sourcesContent":["import { Fragment, useState, useEffect } from 'react';\n\nimport { ConfirmDialog, SubNav } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  TextInput,\n  Button,\n  Flex,\n  Typography,\n  Divider,\n  Menu,\n  VisuallyHidden,\n  Dialog,\n  IconButton,\n} from '@strapi/design-system';\nimport { ArrowClockwise, Cross, More, Search } 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        <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 disabled={!history.canUndo || !isInDevelopmentMode} onSelect={undoHandler}>\n                <Flex gap={2}>\n                  <ArrowCounterClockwise fill=\"neutral500\" />\n                  <Typography>Undo last change</Typography>\n                </Flex>\n              </Menu.Item>\n              <Menu.Item disabled={!history.canRedo || !isInDevelopmentMode} onSelect={redoHandler}>\n                <Typography>\n                  <Flex gap={2}>\n                    <ArrowClockwise fill=\"neutral500\" />\n                    <Typography>Redo last change</Typography>\n                  </Flex>\n                </Typography>\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>Discard all changes</Typography>\n                </Flex>\n              </DiscardAllMenuItem>\n            </Menu.Content>\n          </Menu.Root>\n        </Flex>\n\n        <TextInput\n          startAction={<Search fill=\"neutral500\" />}\n          value={search.value}\n          onChange={(e) => search.onChange(e.target.value)}\n          aria-label=\"Search\"\n          placeholder={formatMessage({\n            id: getTrad('search.placeholder'),\n            defaultMessage: 'Search',\n          })}\n          endAction={\n            <IconButton\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n                search.onChange('');\n              }}\n              label=\"clear\"\n              variant=\"ghost\"\n              type=\"button\"\n              style={{ padding: 0 }}\n            >\n              <Cross />\n            </IconButton>\n          }\n          size=\"S\"\n        />\n      </Flex>\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                  onClik: section.customLink?.onClick,\n                }\n              }\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      <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","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","Typography","canRedo","Separator","canDiscardAll","Cross","TextInput","startAction","Search","value","onChange","target","placeholder","endAction","IconButton","stopPropagation","style","Sections","map","section","Fragment","Section","title","link","customLink","onClik","links","linkLabel","name","SubSection","subLink","Link","to","Box","textAlign","width","Status","status","Dialog","ConfirmDialog","onConfirm"],"mappings":"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"}
+{"version":3,"file":"ContentTypeBuilderNav.js","sources":["../../../../admin/src/components/ContentTypeBuilderNav/ContentTypeBuilderNav.tsx"],"sourcesContent":["import { Fragment } from 'react';\n\nimport {\n  Box,\n  TextButton,\n  SubNav,\n  SubNavHeader,\n  SubNavLink,\n  SubNavLinkSection,\n  SubNavSection,\n  SubNavSections,\n} from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils/getTrad';\n\nimport { useContentTypeBuilderMenu } from './useContentTypeBuilderMenu';\n\nconst SubNavLinkCustom = styled(SubNavLink)`\n  div {\n    width: inherit;\n    span:nth-child(2) {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: inherit;\n    }\n  }\n`;\n\nexport const ContentTypeBuilderNav = () => {\n  const { menu, search } = useContentTypeBuilderMenu();\n  const { formatMessage } = useIntl();\n\n  const pluginName = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Content-Type Builder',\n  });\n\n  return (\n    <SubNav aria-label={pluginName}>\n      <SubNavHeader\n        searchable\n        value={search.value}\n        onClear={() => search.clear()}\n        onChange={(e) => search.onChange(e.target.value)}\n        label={pluginName}\n        searchLabel={formatMessage({\n          id: 'global.search',\n          defaultMessage: 'Search',\n        })}\n      />\n      <SubNavSections>\n        {menu.map((section) => (\n          <Fragment key={section.name}>\n            <SubNavSection\n              label={formatMessage({\n                id: section.title.id,\n                defaultMessage: section.title.defaultMessage,\n              })}\n              collapsable\n              badgeLabel={section.linksCount.toString()}\n            >\n              {section.links.map((link) => {\n                if (link.links) {\n                  return (\n                    <SubNavLinkSection key={link.name} label={upperFirst(link.title)}>\n                      {link.links.map((subLink: any) => (\n                        <SubNavLink\n                          tag={NavLink}\n                          to={subLink.to}\n                          active={subLink.active}\n                          key={subLink.name}\n                          isSubSectionChild\n                        >\n                          {upperFirst(\n                            formatMessage({ id: subLink.name, defaultMessage: subLink.title })\n                          )}\n                        </SubNavLink>\n                      ))}\n                    </SubNavLinkSection>\n                  );\n                }\n\n                return (\n                  <SubNavLinkCustom\n                    tag={NavLink}\n                    to={link.to}\n                    active={link.active}\n                    key={link.name}\n                    width=\"100%\"\n                  >\n                    {upperFirst(formatMessage({ id: link.name, defaultMessage: link.title }))}\n                  </SubNavLinkCustom>\n                );\n              })}\n            </SubNavSection>\n            {section.customLink && (\n              <Box paddingLeft={7}>\n                <TextButton\n                  onClick={section.customLink.onClick}\n                  startIcon={<Plus width=\"0.8rem\" height=\"0.8rem\" />}\n                  marginTop={2}\n                  cursor=\"pointer\"\n                >\n                  {formatMessage({\n                    id: section.customLink.id,\n                    defaultMessage: section.customLink.defaultMessage,\n                  })}\n                </TextButton>\n              </Box>\n            )}\n          </Fragment>\n        ))}\n      </SubNavSections>\n    </SubNav>\n  );\n};\n"],"names":["SubNavLinkCustom","styled","SubNavLink","ContentTypeBuilderNav","menu","search","useContentTypeBuilderMenu","formatMessage","useIntl","pluginName","id","getTrad","defaultMessage","_jsxs","SubNav","aria-label","_jsx","SubNavHeader","searchable","value","onClear","clear","onChange","e","target","label","searchLabel","SubNavSections","map","section","Fragment","SubNavSection","title","collapsable","badgeLabel","linksCount","toString","links","link","SubNavLinkSection","upperFirst","subLink","tag","NavLink","to","active","isSubSectionChild","name","width","customLink","Box","paddingLeft","TextButton","onClick","startIcon","Plus","height","marginTop","cursor"],"mappings":"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"}