@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

package/dist/admin/components/ComponentCard/ComponentCard.mjs

@@ -0,0 +1,112 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Typography, Flex } from '@strapi/design-system';
+import { Cross } from '@strapi/icons';
+import get from 'lodash/get';
+import { styled } from 'styled-components';
+import { useDataManager } from '../DataManager/useDataManager.mjs';
+import { ComponentIcon } from './ComponentIcon/ComponentIcon.mjs';
+
+const CloseButton = styled(Box)`
+  position: absolute;
+  display: none;
+  top: 5px;
+  right: 0.8rem;
+
+  svg {
+    width: 1rem;
+    height: 1rem;
+
+    path {
+      fill: ${({ theme })=>theme.colors.primary600};
+    }
+  }
+`;
+const ComponentBox = styled(Flex)`
+  width: 14rem;
+  height: 8rem;
+  position: relative;
+  border: 1px solid ${({ theme })=>theme.colors.neutral200};
+  background: ${({ theme })=>theme.colors.neutral100};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  max-width: 100%;
+
+  &.active,
+  &:focus,
+  &:hover {
+    border: 1px solid ${({ theme })=>theme.colors.primary200};
+    background: ${({ theme })=>theme.colors.primary100};
+    color: ${({ theme })=>theme.colors.primary600};
+
+    ${CloseButton} {
+      display: block;
+    }
+
+    /* > ComponentIcon */
+    > div:first-child {
+      background: ${({ theme })=>theme.colors.primary200};
+      color: ${({ theme })=>theme.colors.primary600};
+
+      svg {
+        path {
+          fill: ${({ theme })=>theme.colors.primary600};
+        }
+      }
+    }
+  }
+`;
+const ComponentCard = ({ component, dzName, index, isActive = false, isInDevelopmentMode = false, onClick, forTarget, targetUid, disabled })=>{
+    const { components, removeComponentFromDynamicZone } = useDataManager();
+    const type = get(components, component);
+    const { icon, displayName } = type?.info || {};
+    const onClose = (e)=>{
+        e.stopPropagation();
+        removeComponentFromDynamicZone({
+            forTarget,
+            targetUid,
+            dzName,
+            componentToRemoveIndex: index
+        });
+    };
+    return /*#__PURE__*/ jsxs(ComponentBox, {
+        alignItems: "center",
+        direction: "column",
+        className: isActive ? 'active' : '',
+        borderRadius: "borderRadius",
+        justifyContent: "center",
+        paddingLeft: 4,
+        paddingRight: 4,
+        shrink: 0,
+        onClick: onClick,
+        role: "tab",
+        tabIndex: isActive ? 0 : -1,
+        cursor: "pointer",
+        "aria-selected": isActive,
+        "aria-controls": `dz-${dzName}-panel-${index}`,
+        id: `dz-${dzName}-tab-${index}`,
+        children: [
+            /*#__PURE__*/ jsx(ComponentIcon, {
+                icon: icon,
+                isActive: isActive
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                marginTop: 1,
+                maxWidth: "100%",
+                children: /*#__PURE__*/ jsx(Typography, {
+                    variant: "pi",
+                    fontWeight: "bold",
+                    ellipsis: true,
+                    children: displayName
+                })
+            }),
+            isInDevelopmentMode && !disabled && /*#__PURE__*/ jsx(CloseButton, {
+                cursor: "pointer",
+                tag: "button",
+                onClick: onClose,
+                children: /*#__PURE__*/ jsx(Cross, {})
+            })
+        ]
+    });
+};
+
+export { ComponentCard };
+//# sourceMappingURL=ComponentCard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentCard.mjs","sources":["../../../../admin/src/components/ComponentCard/ComponentCard.tsx"],"sourcesContent":["import type { MouseEvent } from 'react';\r\n\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Cross } from '@strapi/icons';\r\nimport get from 'lodash/get';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { useDataManager } from '../DataManager/useDataManager';\r\n\r\nimport { ComponentIcon } from './ComponentIcon';\r\n\r\nimport type { Internal, Struct } from '@strapi/types';\r\n\r\ninterface ComponentCardProps {\r\n  component: string;\r\n  dzName: string;\r\n  index: number;\r\n  isActive?: boolean;\r\n  isInDevelopmentMode?: boolean;\r\n  onClick?: () => void;\r\n  forTarget: Struct.ModelType;\r\n  targetUid: Internal.UID.Schema;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst CloseButton = styled(Box)`\r\n  position: absolute;\r\n  display: none;\r\n  top: 5px;\r\n  right: 0.8rem;\r\n\r\n  svg {\r\n    width: 1rem;\r\n    height: 1rem;\r\n\r\n    path {\r\n      fill: ${({ theme }) => theme.colors.primary600};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ComponentBox = styled(Flex)`\r\n  width: 14rem;\r\n  height: 8rem;\r\n  position: relative;\r\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\r\n  background: ${({ theme }) => theme.colors.neutral100};\r\n  border-radius: ${({ theme }) => theme.borderRadius};\r\n  max-width: 100%;\r\n\r\n  &.active,\r\n  &:focus,\r\n  &:hover {\r\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\r\n    background: ${({ theme }) => theme.colors.primary100};\r\n    color: ${({ theme }) => theme.colors.primary600};\r\n\r\n    ${CloseButton} {\r\n      display: block;\r\n    }\r\n\r\n    /* > ComponentIcon */\r\n    > div:first-child {\r\n      background: ${({ theme }) => theme.colors.primary200};\r\n      color: ${({ theme }) => theme.colors.primary600};\r\n\r\n      svg {\r\n        path {\r\n          fill: ${({ theme }) => theme.colors.primary600};\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ComponentCard = ({\r\n  component,\r\n  dzName,\r\n  index,\r\n  isActive = false,\r\n  isInDevelopmentMode = false,\r\n  onClick,\r\n  forTarget,\r\n  targetUid,\r\n  disabled,\r\n}: ComponentCardProps) => {\r\n  const { components, removeComponentFromDynamicZone } = useDataManager();\r\n  const type = get(components, component);\r\n  const { icon, displayName } = type?.info || {};\r\n\r\n  const onClose = (e: MouseEvent<HTMLButtonElement>) => {\r\n    e.stopPropagation();\r\n    removeComponentFromDynamicZone({\r\n      forTarget,\r\n      targetUid,\r\n      dzName,\r\n      componentToRemoveIndex: index,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <ComponentBox\r\n      alignItems=\"center\"\r\n      direction=\"column\"\r\n      className={isActive ? 'active' : ''}\r\n      borderRadius=\"borderRadius\"\r\n      justifyContent=\"center\"\r\n      paddingLeft={4}\r\n      paddingRight={4}\r\n      shrink={0}\r\n      onClick={onClick}\r\n      role=\"tab\"\r\n      tabIndex={isActive ? 0 : -1}\r\n      cursor=\"pointer\"\r\n      aria-selected={isActive}\r\n      aria-controls={`dz-${dzName}-panel-${index}`}\r\n      id={`dz-${dzName}-tab-${index}`}\r\n    >\r\n      <ComponentIcon icon={icon} isActive={isActive} />\r\n\r\n      <Box marginTop={1} maxWidth=\"100%\">\r\n        <Typography variant=\"pi\" fontWeight=\"bold\" ellipsis>\r\n          {displayName}\r\n        </Typography>\r\n      </Box>\r\n\r\n      {isInDevelopmentMode && !disabled && (\r\n        <CloseButton cursor=\"pointer\" tag=\"button\" onClick={onClose}>\r\n          <Cross />\r\n        </CloseButton>\r\n      )}\r\n    </ComponentBox>\r\n  );\r\n};\r\n"],"names":["CloseButton","styled","Box","theme","colors","primary600","ComponentBox","Flex","neutral200","neutral100","borderRadius","primary200","primary100","ComponentCard","component","dzName","index","isActive","isInDevelopmentMode","onClick","forTarget","targetUid","disabled","components","removeComponentFromDynamicZone","useDataManager","type","get","icon","displayName","info","onClose","e","stopPropagation","componentToRemoveIndex","_jsxs","alignItems","direction","className","justifyContent","paddingLeft","paddingRight","shrink","role","tabIndex","cursor","aria-selected","aria-controls","id","_jsx","ComponentIcon","marginTop","maxWidth","Typography","variant","fontWeight","ellipsis","tag","Cross"],"mappings":";;;;;;;;AAyBA,MAAMA,WAAAA,GAAcC,MAAAA,CAAOC,GAAAA,CAAI,CAAC;;;;;;;;;;;YAWpB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;AAGrD,CAAC;AAED,MAAMC,YAAAA,GAAeL,MAAAA,CAAOM,IAAAA,CAAK,CAAC;;;;oBAId,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACI,UAAU,CAAC;cAC/C,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACK,UAAU,CAAC;AACtC,iBAAA,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMO,YAAY,CAAC;;;;;;sBAM/B,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACO,UAAU,CAAC;gBAC/C,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACQ,UAAU,CAAC;WAC9C,EAAE,CAAC,EAAET,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;AAEhD,IAAA,EAAEL,WAAAA,CAAY;;;;;;kBAMA,EAAE,CAAC,EAAEG,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACO,UAAU,CAAC;aAC9C,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;;gBAItC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;;;AAKzD,CAAC;AAEM,MAAMQ,gBAAgB,CAAC,EAC5BC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,QAAAA,GAAW,KAAK,EAChBC,mBAAAA,GAAsB,KAAK,EAC3BC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACW,GAAA;AACnB,IAAA,MAAM,EAAEC,UAAU,EAAEC,8BAA8B,EAAE,GAAGC,cAAAA,EAAAA;IACvD,MAAMC,IAAAA,GAAOC,IAAIJ,UAAAA,EAAYT,SAAAA,CAAAA;IAC7B,MAAM,EAAEc,IAAI,EAAEC,WAAW,EAAE,GAAGH,IAAAA,EAAMI,QAAQ,EAAC;AAE7C,IAAA,MAAMC,UAAU,CAACC,CAAAA,GAAAA;AACfA,QAAAA,CAAAA,CAAEC,eAAe,EAAA;QACjBT,8BAAAA,CAA+B;AAC7BJ,YAAAA,SAAAA;AACAC,YAAAA,SAAAA;AACAN,YAAAA,MAAAA;YACAmB,sBAAAA,EAAwBlB;AAC1B,SAAA,CAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACEmB,IAAA,CAAC7B,YAAAA,EAAAA;QACC8B,UAAAA,EAAW,QAAA;QACXC,SAAAA,EAAU,QAAA;AACVC,QAAAA,SAAAA,EAAWrB,WAAW,QAAA,GAAW,EAAA;QACjCP,YAAAA,EAAa,cAAA;QACb6B,cAAAA,EAAe,QAAA;QACfC,WAAAA,EAAa,CAAA;QACbC,YAAAA,EAAc,CAAA;QACdC,MAAAA,EAAQ,CAAA;QACRvB,OAAAA,EAASA,OAAAA;QACTwB,IAAAA,EAAK,KAAA;QACLC,QAAAA,EAAU3B,QAAAA,GAAW,IAAI,EAAC;QAC1B4B,MAAAA,EAAO,SAAA;QACPC,eAAAA,EAAe7B,QAAAA;AACf8B,QAAAA,eAAAA,EAAe,CAAC,GAAG,EAAEhC,MAAAA,CAAO,OAAO,EAAEC,KAAAA,CAAAA,CAAO;AAC5CgC,QAAAA,EAAAA,EAAI,CAAC,GAAG,EAAEjC,MAAAA,CAAO,KAAK,EAAEC,KAAAA,CAAAA,CAAO;;0BAE/BiC,GAAA,CAACC,aAAAA,EAAAA;gBAActB,IAAAA,EAAMA,IAAAA;gBAAMX,QAAAA,EAAUA;;0BAErCgC,GAAA,CAAC/C,GAAAA,EAAAA;gBAAIiD,SAAAA,EAAW,CAAA;gBAAGC,QAAAA,EAAS,MAAA;AAC1B,gBAAA,QAAA,gBAAAH,GAAA,CAACI,UAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,UAAAA,EAAW,MAAA;oBAAOC,QAAQ,EAAA,IAAA;AAChD3B,oBAAAA,QAAAA,EAAAA;;;YAIJX,mBAAAA,IAAuB,CAACI,0BACvB2B,GAAA,CAACjD,WAAAA,EAAAA;gBAAY6C,MAAAA,EAAO,SAAA;gBAAUY,GAAAA,EAAI,QAAA;gBAAStC,OAAAA,EAASY,OAAAA;AAClD,gBAAA,QAAA,gBAAAkB,GAAA,CAACS,KAAAA,EAAAA,EAAAA;;;;AAKX;;;;"}

package/dist/admin/components/ComponentCard/ComponentIcon/ComponentIcon.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var constants = require('../../IconPicker/constants.js');
+
+const ComponentIcon = ({ isActive = false, icon = 'dashboard' })=>{
+    const Icon = constants.COMPONENT_ICONS[icon] || constants.COMPONENT_ICONS.dashboard;
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        alignItems: "center",
+        background: isActive ? 'primary200' : 'neutral200',
+        justifyContent: "center",
+        height: 8,
+        width: 8,
+        borderRadius: "50%",
+        children: /*#__PURE__*/ jsxRuntime.jsx(Icon, {
+            height: "2rem",
+            width: "2rem"
+        })
+    });
+};
+
+exports.ComponentIcon = ComponentIcon;
+//# sourceMappingURL=ComponentIcon.js.map

package/dist/admin/components/ComponentCard/ComponentIcon/ComponentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentIcon.js","sources":["../../../../../admin/src/components/ComponentCard/ComponentIcon/ComponentIcon.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\r\n\r\nimport { COMPONENT_ICONS } from '../../IconPicker/constants';\r\n\r\ninterface ComponentIconProps {\r\n  isActive?: boolean;\r\n  icon?: keyof typeof COMPONENT_ICONS;\r\n}\r\n\r\nexport const ComponentIcon = ({ isActive = false, icon = 'dashboard' }: ComponentIconProps) => {\r\n  const Icon = COMPONENT_ICONS[icon] || COMPONENT_ICONS.dashboard;\r\n\r\n  return (\r\n    <Flex\r\n      alignItems=\"center\"\r\n      background={isActive ? 'primary200' : 'neutral200'}\r\n      justifyContent=\"center\"\r\n      height={8}\r\n      width={8}\r\n      borderRadius=\"50%\"\r\n    >\r\n      <Icon height=\"2rem\" width=\"2rem\" />\r\n    </Flex>\r\n  );\r\n};\r\n"],"names":["ComponentIcon","isActive","icon","Icon","COMPONENT_ICONS","dashboard","_jsx","Flex","alignItems","background","justifyContent","height","width","borderRadius"],"mappings":";;;;;;AASO,MAAMA,gBAAgB,CAAC,EAAEC,WAAW,KAAK,EAAEC,IAAAA,GAAO,WAAW,EAAsB,GAAA;AACxF,IAAA,MAAMC,OAAOC,yBAAe,CAACF,IAAAA,CAAK,IAAIE,0BAAgBC,SAAS;AAE/D,IAAA,qBACEC,cAAA,CAACC,iBAAAA,EAAAA;QACCC,UAAAA,EAAW,QAAA;AACXC,QAAAA,UAAAA,EAAYR,WAAW,YAAA,GAAe,YAAA;QACtCS,cAAAA,EAAe,QAAA;QACfC,MAAAA,EAAQ,CAAA;QACRC,KAAAA,EAAO,CAAA;QACPC,YAAAA,EAAa,KAAA;AAEb,QAAA,QAAA,gBAAAP,cAAA,CAACH,IAAAA,EAAAA;YAAKQ,MAAAA,EAAO,MAAA;YAAOC,KAAAA,EAAM;;;AAGhC;;;;"}

package/dist/admin/components/ComponentCard/ComponentIcon/ComponentIcon.mjs

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { Flex } from '@strapi/design-system';
+import { COMPONENT_ICONS } from '../../IconPicker/constants.mjs';
+
+const ComponentIcon = ({ isActive = false, icon = 'dashboard' })=>{
+    const Icon = COMPONENT_ICONS[icon] || COMPONENT_ICONS.dashboard;
+    return /*#__PURE__*/ jsx(Flex, {
+        alignItems: "center",
+        background: isActive ? 'primary200' : 'neutral200',
+        justifyContent: "center",
+        height: 8,
+        width: 8,
+        borderRadius: "50%",
+        children: /*#__PURE__*/ jsx(Icon, {
+            height: "2rem",
+            width: "2rem"
+        })
+    });
+};
+
+export { ComponentIcon };
+//# sourceMappingURL=ComponentIcon.mjs.map

package/dist/admin/components/ComponentCard/ComponentIcon/ComponentIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentIcon.mjs","sources":["../../../../../admin/src/components/ComponentCard/ComponentIcon/ComponentIcon.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\r\n\r\nimport { COMPONENT_ICONS } from '../../IconPicker/constants';\r\n\r\ninterface ComponentIconProps {\r\n  isActive?: boolean;\r\n  icon?: keyof typeof COMPONENT_ICONS;\r\n}\r\n\r\nexport const ComponentIcon = ({ isActive = false, icon = 'dashboard' }: ComponentIconProps) => {\r\n  const Icon = COMPONENT_ICONS[icon] || COMPONENT_ICONS.dashboard;\r\n\r\n  return (\r\n    <Flex\r\n      alignItems=\"center\"\r\n      background={isActive ? 'primary200' : 'neutral200'}\r\n      justifyContent=\"center\"\r\n      height={8}\r\n      width={8}\r\n      borderRadius=\"50%\"\r\n    >\r\n      <Icon height=\"2rem\" width=\"2rem\" />\r\n    </Flex>\r\n  );\r\n};\r\n"],"names":["ComponentIcon","isActive","icon","Icon","COMPONENT_ICONS","dashboard","_jsx","Flex","alignItems","background","justifyContent","height","width","borderRadius"],"mappings":";;;;AASO,MAAMA,gBAAgB,CAAC,EAAEC,WAAW,KAAK,EAAEC,IAAAA,GAAO,WAAW,EAAsB,GAAA;AACxF,IAAA,MAAMC,OAAOC,eAAe,CAACF,IAAAA,CAAK,IAAIE,gBAAgBC,SAAS;AAE/D,IAAA,qBACEC,GAAA,CAACC,IAAAA,EAAAA;QACCC,UAAAA,EAAW,QAAA;AACXC,QAAAA,UAAAA,EAAYR,WAAW,YAAA,GAAe,YAAA;QACtCS,cAAAA,EAAe,QAAA;QACfC,MAAAA,EAAQ,CAAA;QACRC,KAAAA,EAAO,CAAA;QACPC,YAAAA,EAAa,KAAA;AAEb,QAAA,QAAA,gBAAAP,GAAA,CAACH,IAAAA,EAAAA;YAAKQ,MAAAA,EAAO,MAAA;YAAOC,KAAAA,EAAM;;;AAGhC;;;;"}

package/dist/admin/components/ComponentList.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var get = require('lodash/get');
+var ComponentRow = require('./ComponentRow.js');
+var useDataManager = require('./DataManager/useDataManager.js');
+var List = require('./List.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var get__default = /*#__PURE__*/_interopDefault(get);
+
+const ComponentList = ({ component, isFromDynamicZone = false, firstLoopComponentUid })=>{
+    const { components } = useDataManager.useDataManager();
+    const type = get__default.default(components, component);
+    if (!type) return;
+    return /*#__PURE__*/ jsxRuntime.jsx(ComponentRow.ComponentRow, {
+        $isChildOfDynamicZone: isFromDynamicZone,
+        className: "component-row",
+        children: /*#__PURE__*/ jsxRuntime.jsx(List.List, {
+            type: type,
+            firstLoopComponentUid: firstLoopComponentUid || component,
+            isFromDynamicZone: isFromDynamicZone,
+            isSub: true,
+            secondLoopComponentUid: firstLoopComponentUid ? component : null
+        })
+    });
+};
+
+exports.ComponentList = ComponentList;
+//# sourceMappingURL=ComponentList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentList.js","sources":["../../../admin/src/components/ComponentList.tsx"],"sourcesContent":["import get from 'lodash/get';\r\n\r\nimport { ComponentRow } from './ComponentRow';\r\nimport { useDataManager } from './DataManager/useDataManager';\r\nimport { List } from './List';\r\n\r\nimport type { UID } from '@strapi/types';\r\n\r\ninterface ComponentListProps {\r\n  component: UID.Component;\r\n  firstLoopComponentUid?: UID.Component | null;\r\n  isFromDynamicZone?: boolean;\r\n}\r\n\r\nexport const ComponentList = ({\r\n  component,\r\n  isFromDynamicZone = false,\r\n  firstLoopComponentUid,\r\n}: ComponentListProps) => {\r\n  const { components } = useDataManager();\r\n  const type = get(components, component);\r\n\r\n  if (!type) return;\r\n\r\n  return (\r\n    <ComponentRow $isChildOfDynamicZone={isFromDynamicZone} className=\"component-row\">\r\n      <List\r\n        type={type}\r\n        firstLoopComponentUid={firstLoopComponentUid || component}\r\n        isFromDynamicZone={isFromDynamicZone}\r\n        isSub\r\n        secondLoopComponentUid={firstLoopComponentUid ? component : null}\r\n      />\r\n    </ComponentRow>\r\n  );\r\n};\r\n"],"names":["ComponentList","component","isFromDynamicZone","firstLoopComponentUid","components","useDataManager","type","get","_jsx","ComponentRow","$isChildOfDynamicZone","className","List","isSub","secondLoopComponentUid"],"mappings":";;;;;;;;;;;;AAcO,MAAMA,aAAAA,GAAgB,CAAC,EAC5BC,SAAS,EACTC,iBAAAA,GAAoB,KAAK,EACzBC,qBAAqB,EACF,GAAA;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC,6BAAAA,EAAAA;IACvB,MAAMC,IAAAA,GAAOC,qBAAIH,UAAAA,EAAYH,SAAAA,CAAAA;AAE7B,IAAA,IAAI,CAACK,IAAAA,EAAM;AAEX,IAAA,qBACEE,cAAA,CAACC,yBAAAA,EAAAA;QAAaC,qBAAAA,EAAuBR,iBAAAA;QAAmBS,SAAAA,EAAU,eAAA;AAChE,QAAA,QAAA,gBAAAH,cAAA,CAACI,SAAAA,EAAAA;YACCN,IAAAA,EAAMA,IAAAA;AACNH,YAAAA,qBAAAA,EAAuBA,qBAAAA,IAAyBF,SAAAA;YAChDC,iBAAAA,EAAmBA,iBAAAA;YACnBW,KAAK,EAAA,IAAA;AACLC,YAAAA,sBAAAA,EAAwBX,wBAAwBF,SAAAA,GAAY;;;AAIpE;;;;"}

package/dist/admin/components/ComponentList.mjs

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import get from 'lodash/get';
+import { ComponentRow } from './ComponentRow.mjs';
+import { useDataManager } from './DataManager/useDataManager.mjs';
+import { List } from './List.mjs';
+
+const ComponentList = ({ component, isFromDynamicZone = false, firstLoopComponentUid })=>{
+    const { components } = useDataManager();
+    const type = get(components, component);
+    if (!type) return;
+    return /*#__PURE__*/ jsx(ComponentRow, {
+        $isChildOfDynamicZone: isFromDynamicZone,
+        className: "component-row",
+        children: /*#__PURE__*/ jsx(List, {
+            type: type,
+            firstLoopComponentUid: firstLoopComponentUid || component,
+            isFromDynamicZone: isFromDynamicZone,
+            isSub: true,
+            secondLoopComponentUid: firstLoopComponentUid ? component : null
+        })
+    });
+};
+
+export { ComponentList };
+//# sourceMappingURL=ComponentList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentList.mjs","sources":["../../../admin/src/components/ComponentList.tsx"],"sourcesContent":["import get from 'lodash/get';\r\n\r\nimport { ComponentRow } from './ComponentRow';\r\nimport { useDataManager } from './DataManager/useDataManager';\r\nimport { List } from './List';\r\n\r\nimport type { UID } from '@strapi/types';\r\n\r\ninterface ComponentListProps {\r\n  component: UID.Component;\r\n  firstLoopComponentUid?: UID.Component | null;\r\n  isFromDynamicZone?: boolean;\r\n}\r\n\r\nexport const ComponentList = ({\r\n  component,\r\n  isFromDynamicZone = false,\r\n  firstLoopComponentUid,\r\n}: ComponentListProps) => {\r\n  const { components } = useDataManager();\r\n  const type = get(components, component);\r\n\r\n  if (!type) return;\r\n\r\n  return (\r\n    <ComponentRow $isChildOfDynamicZone={isFromDynamicZone} className=\"component-row\">\r\n      <List\r\n        type={type}\r\n        firstLoopComponentUid={firstLoopComponentUid || component}\r\n        isFromDynamicZone={isFromDynamicZone}\r\n        isSub\r\n        secondLoopComponentUid={firstLoopComponentUid ? component : null}\r\n      />\r\n    </ComponentRow>\r\n  );\r\n};\r\n"],"names":["ComponentList","component","isFromDynamicZone","firstLoopComponentUid","components","useDataManager","type","get","_jsx","ComponentRow","$isChildOfDynamicZone","className","List","isSub","secondLoopComponentUid"],"mappings":";;;;;;AAcO,MAAMA,aAAAA,GAAgB,CAAC,EAC5BC,SAAS,EACTC,iBAAAA,GAAoB,KAAK,EACzBC,qBAAqB,EACF,GAAA;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC,cAAAA,EAAAA;IACvB,MAAMC,IAAAA,GAAOC,IAAIH,UAAAA,EAAYH,SAAAA,CAAAA;AAE7B,IAAA,IAAI,CAACK,IAAAA,EAAM;AAEX,IAAA,qBACEE,GAAA,CAACC,YAAAA,EAAAA;QAAaC,qBAAAA,EAAuBR,iBAAAA;QAAmBS,SAAAA,EAAU,eAAA;AAChE,QAAA,QAAA,gBAAAH,GAAA,CAACI,IAAAA,EAAAA;YACCN,IAAAA,EAAMA,IAAAA;AACNH,YAAAA,qBAAAA,EAAuBA,qBAAAA,IAAyBF,SAAAA;YAChDC,iBAAAA,EAAmBA,iBAAAA;YACnBW,KAAK,EAAA,IAAA;AACLC,YAAAA,sBAAAA,EAAwBX,wBAAwBF,SAAAA,GAAY;;;AAIpE;;;;"}

package/dist/admin/components/ComponentRow.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const ComponentRow = styledComponents.styled(designSystem.Box)`
+  &.component-row,
+  &.dynamiczone-row {
+    position: relative;
+
+    > ul:first-of-type {
+      padding: 0 0 0 104px;
+      position: relative;
+
+      &::before {
+        content: '';
+        width: 0.4rem;
+        height: ${({ $isFromDynamicZone })=>$isFromDynamicZone ? 'calc(100% - 65px)' : 'calc(100%)'};
+        position: absolute;
+        left: 7rem;
+        border-radius: 4px;
+
+        ${({ $isFromDynamicZone, $isChildOfDynamicZone, theme })=>{
+    if ($isChildOfDynamicZone) {
+        return `background-color: ${theme.colors.primary200};`;
+    }
+    if ($isFromDynamicZone) {
+        return `background-color: ${theme.colors.primary200};`;
+    }
+    return `background: ${theme.colors.neutral150};`;
+}}
+      }
+    }
+  }
+
+  &.dynamiczone-row > ul:first-of-type {
+    padding: 0;
+  }
+`;
+
+exports.ComponentRow = ComponentRow;
+//# sourceMappingURL=ComponentRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRow.js","sources":["../../../admin/src/components/ComponentRow.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\nexport const ComponentRow = styled(Box)<{\r\n  $isFromDynamicZone?: boolean;\r\n  $isChildOfDynamicZone?: boolean;\r\n}>`\r\n  &.component-row,\r\n  &.dynamiczone-row {\r\n    position: relative;\r\n\r\n    > ul:first-of-type {\r\n      padding: 0 0 0 104px;\r\n      position: relative;\r\n\r\n      &::before {\r\n        content: '';\r\n        width: 0.4rem;\r\n        height: ${({ $isFromDynamicZone }) =>\r\n          $isFromDynamicZone ? 'calc(100% - 65px)' : 'calc(100%)'};\r\n        position: absolute;\r\n        left: 7rem;\r\n        border-radius: 4px;\r\n\r\n        ${({ $isFromDynamicZone, $isChildOfDynamicZone, theme }) => {\r\n          if ($isChildOfDynamicZone) {\r\n            return `background-color: ${theme.colors.primary200};`;\r\n          }\r\n\r\n          if ($isFromDynamicZone) {\r\n            return `background-color: ${theme.colors.primary200};`;\r\n          }\r\n\r\n          return `background: ${theme.colors.neutral150};`;\r\n        }}\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dynamiczone-row > ul:first-of-type {\r\n    padding: 0;\r\n  }\r\n`;\r\n"],"names":["ComponentRow","styled","Box","$isFromDynamicZone","$isChildOfDynamicZone","theme","colors","primary200","neutral150"],"mappings":";;;;;AAGO,MAAMA,YAAAA,GAAeC,uBAAAA,CAAOC,gBAAAA,CAGjC,CAAC;;;;;;;;;;;;AAYa,gBAAA,EAAE,CAAC,EAAEC,kBAAkB,EAAE,GAC/BA,kBAAAA,GAAqB,sBAAsB,YAAA,CAAa;;;;;AAK1D,QAAA,EAAE,CAAC,EAAEA,kBAAkB,EAAEC,qBAAqB,EAAEC,KAAK,EAAE,GAAA;AACrD,IAAA,IAAID,qBAAAA,EAAuB;QACzB,OAAO,CAAC,kBAAkB,EAAEC,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC,CAAC,CAAC;AACxD,IAAA;AAEA,IAAA,IAAIJ,kBAAAA,EAAoB;QACtB,OAAO,CAAC,kBAAkB,EAAEE,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC,CAAC,CAAC;AACxD,IAAA;IAEA,OAAO,CAAC,YAAY,EAAEF,KAAAA,CAAMC,MAAM,CAACE,UAAU,CAAC,CAAC,CAAC;AAClD,CAAA,CAAE;;;;;;;;AAQV;;;;"}

package/dist/admin/components/ComponentRow.mjs

@@ -0,0 +1,40 @@
+import { Box } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const ComponentRow = styled(Box)`
+  &.component-row,
+  &.dynamiczone-row {
+    position: relative;
+
+    > ul:first-of-type {
+      padding: 0 0 0 104px;
+      position: relative;
+
+      &::before {
+        content: '';
+        width: 0.4rem;
+        height: ${({ $isFromDynamicZone })=>$isFromDynamicZone ? 'calc(100% - 65px)' : 'calc(100%)'};
+        position: absolute;
+        left: 7rem;
+        border-radius: 4px;
+
+        ${({ $isFromDynamicZone, $isChildOfDynamicZone, theme })=>{
+    if ($isChildOfDynamicZone) {
+        return `background-color: ${theme.colors.primary200};`;
+    }
+    if ($isFromDynamicZone) {
+        return `background-color: ${theme.colors.primary200};`;
+    }
+    return `background: ${theme.colors.neutral150};`;
+}}
+      }
+    }
+  }
+
+  &.dynamiczone-row > ul:first-of-type {
+    padding: 0;
+  }
+`;
+
+export { ComponentRow };
+//# sourceMappingURL=ComponentRow.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRow.mjs","sources":["../../../admin/src/components/ComponentRow.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\nexport const ComponentRow = styled(Box)<{\r\n  $isFromDynamicZone?: boolean;\r\n  $isChildOfDynamicZone?: boolean;\r\n}>`\r\n  &.component-row,\r\n  &.dynamiczone-row {\r\n    position: relative;\r\n\r\n    > ul:first-of-type {\r\n      padding: 0 0 0 104px;\r\n      position: relative;\r\n\r\n      &::before {\r\n        content: '';\r\n        width: 0.4rem;\r\n        height: ${({ $isFromDynamicZone }) =>\r\n          $isFromDynamicZone ? 'calc(100% - 65px)' : 'calc(100%)'};\r\n        position: absolute;\r\n        left: 7rem;\r\n        border-radius: 4px;\r\n\r\n        ${({ $isFromDynamicZone, $isChildOfDynamicZone, theme }) => {\r\n          if ($isChildOfDynamicZone) {\r\n            return `background-color: ${theme.colors.primary200};`;\r\n          }\r\n\r\n          if ($isFromDynamicZone) {\r\n            return `background-color: ${theme.colors.primary200};`;\r\n          }\r\n\r\n          return `background: ${theme.colors.neutral150};`;\r\n        }}\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dynamiczone-row > ul:first-of-type {\r\n    padding: 0;\r\n  }\r\n`;\r\n"],"names":["ComponentRow","styled","Box","$isFromDynamicZone","$isChildOfDynamicZone","theme","colors","primary200","neutral150"],"mappings":";;;AAGO,MAAMA,YAAAA,GAAeC,MAAAA,CAAOC,GAAAA,CAGjC,CAAC;;;;;;;;;;;;AAYa,gBAAA,EAAE,CAAC,EAAEC,kBAAkB,EAAE,GAC/BA,kBAAAA,GAAqB,sBAAsB,YAAA,CAAa;;;;;AAK1D,QAAA,EAAE,CAAC,EAAEA,kBAAkB,EAAEC,qBAAqB,EAAEC,KAAK,EAAE,GAAA;AACrD,IAAA,IAAID,qBAAAA,EAAuB;QACzB,OAAO,CAAC,kBAAkB,EAAEC,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC,CAAC,CAAC;AACxD,IAAA;AAEA,IAAA,IAAIJ,kBAAAA,EAAoB;QACtB,OAAO,CAAC,kBAAkB,EAAEE,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC,CAAC,CAAC;AACxD,IAAA;IAEA,OAAO,CAAC,YAAY,EAAEF,KAAAA,CAAMC,MAAM,CAACE,UAAU,CAAC,CAAC,CAAC;AAClD,CAAA,CAAE;;;;;;;;AAQV;;;;"}

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

@@ -0,0 +1,279 @@
+'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 Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+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 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, {
+        "aria-label": pluginName,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Header, {
+                label: pluginName
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {
+                background: "neutral150"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                padding: 5,
+                gap: 3,
+                direction: 'column',
+                alignItems: 'stretch',
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.tours.contentTypeBuilder.Save, {
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            gap: 2,
+                            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.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'
+                                                    })
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Content, {
+                                            zIndex: 1,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                                                    disabled: !history.canUndo || !isInDevelopmentMode,
+                                                    onSelect: undoHandler,
+                                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(ArrowCounterClockwise, {}),
+                                                    children: formatMessage({
+                                                        id: 'global.last-change.undo',
+                                                        defaultMessage: 'Undo last change'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                                                    disabled: !history.canRedo || !isInDevelopmentMode,
+                                                    onSelect: redoHandler,
+                                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowClockwise, {}),
+                                                    children: formatMessage({
+                                                        id: 'global.last-change.redo',
+                                                        defaultMessage: '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: formatMessage({
+                                                                    id: 'global.last-changes.discard',
+                                                                    defaultMessage: 'Discard last changes'
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Searchbar, {
+                        value: search.value,
+                        onChange: (e)=>search.onChange(e.target.value),
+                        onClear: ()=>search.onChange(''),
+                        placeholder: formatMessage({
+                            id: getTrad.getTrad('search.placeholder'),
+                            defaultMessage: 'Search'
+                        }),
+                        size: "S",
+                        // eslint-disable-next-line react/no-children-prop
+                        children: undefined,
+                        name: 'search_contentType',
+                        clearLabel: formatMessage({
+                            id: 'clearLabel',
+                            defaultMessage: 'Clear'
+                        }),
+                        "aria-label": formatMessage({
+                            id: getTrad.getTrad('search.placeholder'),
+                            defaultMessage: 'Search'
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Content, {
+                children: /*#__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
+                                    }),
+                                    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__*/ 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?'
+                    })
+                })
+            })
+        ]
+    });
+};
+
+exports.ContentTypeBuilderNav = ContentTypeBuilderNav;
+//# sourceMappingURL=ContentTypeBuilderNav.js.map