@strapi/content-type-builder 5.12.1 → 5.12.3

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

@@ -0,0 +1,110 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Flex, Typography } from '@strapi/design-system';
+import { Cross } from '@strapi/icons';
+import get from 'lodash/get';
+import { styled } from 'styled-components';
+import { useDataManager } from '../../hooks/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 })=>{
+    const { modifiedData, removeComponentFromDynamicZone } = useDataManager();
+    const { schema: { icon, displayName } } = get(modifiedData, [
+        'components',
+        component
+    ], {
+        schema: {}
+    });
+    const onClose = (e)=>{
+        e.stopPropagation();
+        removeComponentFromDynamicZone(dzName, 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 && /*#__PURE__*/ jsx(CloseButton, {
+                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 { Box, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../../hooks/useDataManager';\n\nimport { ComponentIcon } from './ComponentIcon';\n\ninterface ComponentCardProps {\n  component: string;\n  dzName: string;\n  index: number;\n  isActive?: boolean;\n  isInDevelopmentMode?: boolean;\n  onClick?: () => void;\n}\n\nconst CloseButton = styled(Box)`\n  position: absolute;\n  display: none;\n  top: 5px;\n  right: 0.8rem;\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme }) => theme.colors.primary600};\n    }\n  }\n`;\n\nconst ComponentBox = styled(Flex)`\n  width: 14rem;\n  height: 8rem;\n  position: relative;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  background: ${({ theme }) => theme.colors.neutral100};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  max-width: 100%;\n\n  &.active,\n  &:focus,\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\n    background: ${({ theme }) => theme.colors.primary100};\n    color: ${({ theme }) => theme.colors.primary600};\n\n    ${CloseButton} {\n      display: block;\n    }\n\n    /* > ComponentIcon */\n    > div:first-child {\n      background: ${({ theme }) => theme.colors.primary200};\n      color: ${({ theme }) => theme.colors.primary600};\n\n      svg {\n        path {\n          fill: ${({ theme }) => theme.colors.primary600};\n        }\n      }\n    }\n  }\n`;\n\nexport const ComponentCard = ({\n  component,\n  dzName,\n  index,\n  isActive = false,\n  isInDevelopmentMode = false,\n  onClick,\n}: ComponentCardProps) => {\n  const { modifiedData, removeComponentFromDynamicZone } = useDataManager();\n  const {\n    schema: { icon, displayName },\n  } = get(modifiedData, ['components', component], { schema: {} });\n\n  const onClose = (e: any) => {\n    e.stopPropagation();\n    removeComponentFromDynamicZone(dzName, index);\n  };\n\n  return (\n    <ComponentBox\n      alignItems=\"center\"\n      direction=\"column\"\n      className={isActive ? 'active' : ''}\n      borderRadius=\"borderRadius\"\n      justifyContent=\"center\"\n      paddingLeft={4}\n      paddingRight={4}\n      shrink={0}\n      onClick={onClick}\n      role=\"tab\"\n      tabIndex={isActive ? 0 : -1}\n      cursor=\"pointer\"\n      aria-selected={isActive}\n      aria-controls={`dz-${dzName}-panel-${index}`}\n      id={`dz-${dzName}-tab-${index}`}\n    >\n      <ComponentIcon icon={icon} isActive={isActive} />\n\n      <Box marginTop={1} maxWidth=\"100%\">\n        <Typography variant=\"pi\" fontWeight=\"bold\" ellipsis>\n          {displayName}\n        </Typography>\n      </Box>\n\n      {isInDevelopmentMode && (\n        <CloseButton tag=\"button\" onClick={onClose}>\n          <Cross />\n        </CloseButton>\n      )}\n    </ComponentBox>\n  );\n};\n"],"names":["CloseButton","styled","Box","theme","colors","primary600","ComponentBox","Flex","neutral200","neutral100","borderRadius","primary200","primary100","ComponentCard","component","dzName","index","isActive","isInDevelopmentMode","onClick","modifiedData","removeComponentFromDynamicZone","useDataManager","schema","icon","displayName","get","onClose","e","stopPropagation","_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":"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"}

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';\n\nimport { COMPONENT_ICONS } from '../../IconPicker/constants';\n\ninterface ComponentIconProps {\n  isActive?: boolean;\n  icon?: keyof typeof COMPONENT_ICONS;\n}\n\nexport const ComponentIcon = ({ isActive = false, icon = 'dashboard' }: ComponentIconProps) => {\n  const Icon = COMPONENT_ICONS[icon] || COMPONENT_ICONS.dashboard;\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      background={isActive ? 'primary200' : 'neutral200'}\n      justifyContent=\"center\"\n      height={8}\n      width={8}\n      borderRadius=\"50%\"\n    >\n      <Icon height=\"2rem\" width=\"2rem\" />\n    </Flex>\n  );\n};\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,IAAO,GAAA,WAAW,EAAsB,GAAA;AACxF,IAAA,MAAMC,OAAOC,yBAAe,CAACF,IAAK,CAAA,IAAIE,0BAAgBC,SAAS;AAE/D,IAAA,qBACEC,cAACC,CAAAA,iBAAAA,EAAAA;QACCC,UAAW,EAAA,QAAA;AACXC,QAAAA,UAAAA,EAAYR,WAAW,YAAe,GAAA,YAAA;QACtCS,cAAe,EAAA,QAAA;QACfC,MAAQ,EAAA,CAAA;QACRC,KAAO,EAAA,CAAA;QACPC,YAAa,EAAA,KAAA;AAEb,QAAA,QAAA,gBAAAP,cAACH,CAAAA,IAAAA,EAAAA;YAAKQ,MAAO,EAAA,MAAA;YAAOC,KAAM,EAAA;;;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';\n\nimport { COMPONENT_ICONS } from '../../IconPicker/constants';\n\ninterface ComponentIconProps {\n  isActive?: boolean;\n  icon?: keyof typeof COMPONENT_ICONS;\n}\n\nexport const ComponentIcon = ({ isActive = false, icon = 'dashboard' }: ComponentIconProps) => {\n  const Icon = COMPONENT_ICONS[icon] || COMPONENT_ICONS.dashboard;\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      background={isActive ? 'primary200' : 'neutral200'}\n      justifyContent=\"center\"\n      height={8}\n      width={8}\n      borderRadius=\"50%\"\n    >\n      <Icon height=\"2rem\" width=\"2rem\" />\n    </Flex>\n  );\n};\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,IAAO,GAAA,WAAW,EAAsB,GAAA;AACxF,IAAA,MAAMC,OAAOC,eAAe,CAACF,IAAK,CAAA,IAAIE,gBAAgBC,SAAS;AAE/D,IAAA,qBACEC,GAACC,CAAAA,IAAAA,EAAAA;QACCC,UAAW,EAAA,QAAA;AACXC,QAAAA,UAAAA,EAAYR,WAAW,YAAe,GAAA,YAAA;QACtCS,cAAe,EAAA,QAAA;QACfC,MAAQ,EAAA,CAAA;QACRC,KAAO,EAAA,CAAA;QACPC,YAAa,EAAA,KAAA;AAEb,QAAA,QAAA,gBAAAP,GAACH,CAAAA,IAAAA,EAAAA;YAAKQ,MAAO,EAAA,MAAA;YAAOC,KAAM,EAAA;;;AAGhC;;;;"}

package/dist/admin/components/ComponentList.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var get = require('lodash/get');
+var useDataManager = require('../hooks/useDataManager.js');
+var List = require('./List.js');
+var Tr = require('./Tr.js');
+
+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("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
+            })
+        })
+    });
+};
+
+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';\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

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import get from 'lodash/get';
+import { useDataManager } from '../hooks/useDataManager.mjs';
+import { List } from './List.mjs';
+import { Tr } from './Tr.mjs';
+
+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("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
+            })
+        })
+    });
+};
+
+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';\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

@@ -0,0 +1,108 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+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 useContentTypeBuilderMenu = require('./useContentTypeBuilderMenu.js');
+
+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 { formatMessage } = reactIntl.useIntl();
+    const pluginName = formatMessage({
+        id: getTrad.getTrad('plugin.name'),
+        defaultMessage: 'Content-Type Builder'
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.SubNav, {
+        "aria-label": pluginName,
+        children: [
+            /*#__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.jsx(designSystem.SubNavSections, {
+                children: menu.map((section)=>/*#__PURE__*/ jsxRuntime.jsxs(React.Fragment, {
+                        children: [
+                            /*#__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);
+                                })
+                            }),
+                            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"
+                                    }),
+                                    marginTop: 2,
+                                    cursor: "pointer",
+                                    children: formatMessage({
+                                        id: section.customLink.id,
+                                        defaultMessage: section.customLink.defaultMessage
+                                    })
+                                })
+                            })
+                        ]
+                    }, section.name))
+            })
+        ]
+    });
+};
+
+exports.ContentTypeBuilderNav = ContentTypeBuilderNav;
+//# sourceMappingURL=ContentTypeBuilderNav.js.map

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

@@ -0,0 +1 @@
+{"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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"}

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

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+import { SubNavLink, SubNav, SubNavHeader, SubNavSections, SubNavSection, SubNavLinkSection, Box, TextButton } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import upperFirst from 'lodash/upperFirst';
+import { useIntl } from 'react-intl';
+import { NavLink } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { getTrad } from '../../utils/getTrad.mjs';
+import { useContentTypeBuilderMenu } from './useContentTypeBuilderMenu.mjs';
+
+const SubNavLinkCustom = styled(SubNavLink)`
+  div {
+    width: inherit;
+    span:nth-child(2) {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: inherit;
+    }
+  }
+`;
+const ContentTypeBuilderNav = ()=>{
+    const { menu, search } = useContentTypeBuilderMenu();
+    const { formatMessage } = useIntl();
+    const pluginName = formatMessage({
+        id: getTrad('plugin.name'),
+        defaultMessage: 'Content-Type Builder'
+    });
+    return /*#__PURE__*/ jsxs(SubNav, {
+        "aria-label": pluginName,
+        children: [
+            /*#__PURE__*/ jsx(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__*/ jsx(SubNavSections, {
+                children: menu.map((section)=>/*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(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__*/ jsx(SubNavLinkSection, {
+                                            label: upperFirst(link.title),
+                                            children: link.links.map((subLink)=>/*#__PURE__*/ jsx(SubNavLink, {
+                                                    tag: NavLink,
+                                                    to: subLink.to,
+                                                    active: subLink.active,
+                                                    isSubSectionChild: true,
+                                                    children: upperFirst(formatMessage({
+                                                        id: subLink.name,
+                                                        defaultMessage: subLink.title
+                                                    }))
+                                                }, subLink.name))
+                                        }, link.name);
+                                    }
+                                    return /*#__PURE__*/ jsx(SubNavLinkCustom, {
+                                        tag: NavLink,
+                                        to: link.to,
+                                        active: link.active,
+                                        width: "100%",
+                                        children: upperFirst(formatMessage({
+                                            id: link.name,
+                                            defaultMessage: link.title
+                                        }))
+                                    }, link.name);
+                                })
+                            }),
+                            section.customLink && /*#__PURE__*/ jsx(Box, {
+                                paddingLeft: 7,
+                                children: /*#__PURE__*/ jsx(TextButton, {
+                                    onClick: section.customLink.onClick,
+                                    startIcon: /*#__PURE__*/ jsx(Plus, {
+                                        width: "0.8rem",
+                                        height: "0.8rem"
+                                    }),
+                                    marginTop: 2,
+                                    cursor: "pointer",
+                                    children: formatMessage({
+                                        id: section.customLink.id,
+                                        defaultMessage: section.customLink.defaultMessage
+                                    })
+                                })
+                            })
+                        ]
+                    }, section.name))
+            })
+        ]
+    });
+};
+
+export { ContentTypeBuilderNav };
+//# sourceMappingURL=ContentTypeBuilderNav.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeBuilderNav.mjs","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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"}