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

package/dist/admin/components/DataManager/utils/retrieveNestedComponents.mjs

@@ -0,0 +1,43 @@
+const retrieveNestedComponents = (appComponents)=>{
+    const nestedComponents = Object.keys(appComponents).reduce((acc, current)=>{
+        const componentAttributes = appComponents?.[current]?.attributes ?? [];
+        const currentComponentNestedCompos = getComponentsNestedWithinComponent(componentAttributes, current);
+        return [
+            ...acc,
+            ...currentComponentNestedCompos
+        ];
+    }, []);
+    return mergeComponents(nestedComponents);
+};
+const getComponentsNestedWithinComponent = (componentAttributes, parentCompoUid)=>{
+    return componentAttributes.reduce((acc, current)=>{
+        const { type } = current;
+        if (type === 'component') {
+            acc.push({
+                component: current.component,
+                parentCompoUid
+            });
+        }
+        return acc;
+    }, []);
+};
+// Merge duplicate components
+const mergeComponents = (originalComponents)=>{
+    const componentMap = new Map();
+    // Populate the map with component and its parents
+    originalComponents.forEach(({ component, parentCompoUid })=>{
+        if (!componentMap.has(component)) {
+            componentMap.set(component, new Set());
+        }
+        componentMap.get(component).add(parentCompoUid);
+    });
+    // Convert the map to the desired array format
+    const transformedComponents = Array.from(componentMap.entries()).map(([component, parentCompoUidSet])=>({
+            component,
+            uidsOfAllParents: Array.from(parentCompoUidSet)
+        }));
+    return transformedComponents;
+};
+
+export { retrieveNestedComponents };
+//# sourceMappingURL=retrieveNestedComponents.mjs.map

package/dist/admin/components/DataManager/utils/retrieveNestedComponents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"retrieveNestedComponents.mjs","sources":["../../../../../admin/src/components/DataManager/utils/retrieveNestedComponents.ts"],"sourcesContent":["import type { Components, Component } from '../../../types';\r\nimport type { UID } from '@strapi/types';\r\n\r\nexport type NestedComponent = {\r\n  component: UID.Component;\r\n  uidsOfAllParents?: UID.Component[];\r\n  parentCompoUid?: UID.Component;\r\n};\r\n\r\nexport const retrieveNestedComponents = (appComponents: Components): NestedComponent[] => {\r\n  const nestedComponents = Object.keys(appComponents).reduce((acc: NestedComponent[], current) => {\r\n    const componentAttributes = appComponents?.[current]?.attributes ?? [];\r\n    const currentComponentNestedCompos = getComponentsNestedWithinComponent(\r\n      componentAttributes,\r\n      current as UID.Component\r\n    );\r\n    return [...acc, ...currentComponentNestedCompos];\r\n  }, []);\r\n\r\n  return mergeComponents(nestedComponents);\r\n};\r\n\r\nconst getComponentsNestedWithinComponent = (\r\n  componentAttributes: Component['attributes'],\r\n  parentCompoUid: UID.Component\r\n) => {\r\n  return componentAttributes.reduce((acc: NestedComponent[], current) => {\r\n    const { type } = current;\r\n\r\n    if (type === 'component') {\r\n      acc.push({\r\n        component: current.component,\r\n        parentCompoUid,\r\n      });\r\n    }\r\n\r\n    return acc;\r\n  }, []);\r\n};\r\n\r\n// Merge duplicate components\r\nconst mergeComponents = (originalComponents: NestedComponent[]): NestedComponent[] => {\r\n  const componentMap = new Map();\r\n  // Populate the map with component and its parents\r\n  originalComponents.forEach(({ component, parentCompoUid }) => {\r\n    if (!componentMap.has(component)) {\r\n      componentMap.set(component, new Set());\r\n    }\r\n    componentMap.get(component).add(parentCompoUid);\r\n  });\r\n\r\n  // Convert the map to the desired array format\r\n  const transformedComponents: NestedComponent[] = Array.from(componentMap.entries()).map(\r\n    ([component, parentCompoUidSet]) => ({\r\n      component,\r\n      uidsOfAllParents: Array.from(parentCompoUidSet),\r\n    })\r\n  );\r\n\r\n  return transformedComponents;\r\n};\r\n"],"names":["retrieveNestedComponents","appComponents","nestedComponents","Object","keys","reduce","acc","current","componentAttributes","attributes","currentComponentNestedCompos","getComponentsNestedWithinComponent","mergeComponents","parentCompoUid","type","push","component","originalComponents","componentMap","Map","forEach","has","set","Set","get","add","transformedComponents","Array","from","entries","map","parentCompoUidSet","uidsOfAllParents"],"mappings":"AASO,MAAMA,2BAA2B,CAACC,aAAAA,GAAAA;IACvC,MAAMC,gBAAAA,GAAmBC,OAAOC,IAAI,CAACH,eAAeI,MAAM,CAAC,CAACC,GAAAA,EAAwBC,OAAAA,GAAAA;AAClF,QAAA,MAAMC,sBAAsBP,aAAAA,GAAgBM,OAAAA,CAAQ,EAAEE,cAAc,EAAE;QACtE,MAAMC,4BAAAA,GAA+BC,mCACnCH,mBAAAA,EACAD,OAAAA,CAAAA;QAEF,OAAO;AAAID,YAAAA,GAAAA,GAAAA;AAAQI,YAAAA,GAAAA;AAA6B,SAAA;AAClD,IAAA,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,OAAOE,eAAAA,CAAgBV,gBAAAA,CAAAA;AACzB;AAEA,MAAMS,kCAAAA,GAAqC,CACzCH,mBAAAA,EACAK,cAAAA,GAAAA;AAEA,IAAA,OAAOL,mBAAAA,CAAoBH,MAAM,CAAC,CAACC,GAAAA,EAAwBC,OAAAA,GAAAA;QACzD,MAAM,EAAEO,IAAI,EAAE,GAAGP,OAAAA;AAEjB,QAAA,IAAIO,SAAS,WAAA,EAAa;AACxBR,YAAAA,GAAAA,CAAIS,IAAI,CAAC;AACPC,gBAAAA,SAAAA,EAAWT,QAAQS,SAAS;AAC5BH,gBAAAA;AACF,aAAA,CAAA;AACF,QAAA;QAEA,OAAOP,GAAAA;AACT,IAAA,CAAA,EAAG,EAAE,CAAA;AACP,CAAA;AAEA;AACA,MAAMM,kBAAkB,CAACK,kBAAAA,GAAAA;AACvB,IAAA,MAAMC,eAAe,IAAIC,GAAAA,EAAAA;;AAEzBF,IAAAA,kBAAAA,CAAmBG,OAAO,CAAC,CAAC,EAAEJ,SAAS,EAAEH,cAAc,EAAE,GAAA;AACvD,QAAA,IAAI,CAACK,YAAAA,CAAaG,GAAG,CAACL,SAAAA,CAAAA,EAAY;YAChCE,YAAAA,CAAaI,GAAG,CAACN,SAAAA,EAAW,IAAIO,GAAAA,EAAAA,CAAAA;AAClC,QAAA;AACAL,QAAAA,YAAAA,CAAaM,GAAG,CAACR,SAAAA,CAAAA,CAAWS,GAAG,CAACZ,cAAAA,CAAAA;AAClC,IAAA,CAAA,CAAA;;AAGA,IAAA,MAAMa,qBAAAA,GAA2CC,KAAAA,CAAMC,IAAI,CAACV,aAAaW,OAAO,EAAA,CAAA,CAAIC,GAAG,CACrF,CAAC,CAACd,SAAAA,EAAWe,iBAAAA,CAAkB,IAAM;AACnCf,YAAAA,SAAAA;YACAgB,gBAAAA,EAAkBL,KAAAA,CAAMC,IAAI,CAACG,iBAAAA;SAC/B,CAAA,CAAA;IAGF,OAAOL,qBAAAA;AACT,CAAA;;;;"}

package/dist/admin/components/DataManager/utils/retrieveSpecificInfoFromComponents.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var get = require('lodash/get');
+var makeUnique = require('../../../utils/makeUnique.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var get__default = /*#__PURE__*/_interopDefault(get);
+
+const retrieveSpecificInfoFromComponents = (allComponents, keysToRetrieve)=>{
+    const allData = Object.keys(allComponents).map((compo)=>{
+        return get__default.default(allComponents, [
+            compo,
+            ...keysToRetrieve
+        ], '');
+    });
+    return makeUnique.makeUnique(allData);
+};
+
+exports.retrieveSpecificInfoFromComponents = retrieveSpecificInfoFromComponents;
+//# sourceMappingURL=retrieveSpecificInfoFromComponents.js.map

package/dist/admin/components/DataManager/utils/retrieveSpecificInfoFromComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retrieveSpecificInfoFromComponents.js","sources":["../../../../../admin/src/components/DataManager/utils/retrieveSpecificInfoFromComponents.ts"],"sourcesContent":["import get from 'lodash/get';\r\n\r\nimport { makeUnique } from '../../../utils/makeUnique';\r\n\r\nimport type { Components } from '../../../types';\r\n\r\nexport const retrieveSpecificInfoFromComponents = (\r\n  allComponents: Components,\r\n  keysToRetrieve: string[]\r\n) => {\r\n  const allData = Object.keys(allComponents).map((compo) => {\r\n    return get(allComponents, [compo, ...keysToRetrieve], '') as string;\r\n  });\r\n\r\n  return makeUnique(allData);\r\n};\r\n"],"names":["retrieveSpecificInfoFromComponents","allComponents","keysToRetrieve","allData","Object","keys","map","compo","get","makeUnique"],"mappings":";;;;;;;;;AAMO,MAAMA,kCAAAA,GAAqC,CAChDC,aAAAA,EACAC,cAAAA,GAAAA;AAEA,IAAA,MAAMC,UAAUC,MAAAA,CAAOC,IAAI,CAACJ,aAAAA,CAAAA,CAAeK,GAAG,CAAC,CAACC,KAAAA,GAAAA;AAC9C,QAAA,OAAOC,qBAAIP,aAAAA,EAAe;AAACM,YAAAA,KAAAA;AAAUL,YAAAA,GAAAA;SAAe,EAAE,EAAA,CAAA;AACxD,IAAA,CAAA,CAAA;AAEA,IAAA,OAAOO,qBAAAA,CAAWN,OAAAA,CAAAA;AACpB;;;;"}

package/dist/admin/components/DataManager/utils/retrieveSpecificInfoFromComponents.mjs

@@ -0,0 +1,15 @@
+import get from 'lodash/get';
+import { makeUnique } from '../../../utils/makeUnique.mjs';
+
+const retrieveSpecificInfoFromComponents = (allComponents, keysToRetrieve)=>{
+    const allData = Object.keys(allComponents).map((compo)=>{
+        return get(allComponents, [
+            compo,
+            ...keysToRetrieve
+        ], '');
+    });
+    return makeUnique(allData);
+};
+
+export { retrieveSpecificInfoFromComponents };
+//# sourceMappingURL=retrieveSpecificInfoFromComponents.mjs.map

package/dist/admin/components/DataManager/utils/retrieveSpecificInfoFromComponents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"retrieveSpecificInfoFromComponents.mjs","sources":["../../../../../admin/src/components/DataManager/utils/retrieveSpecificInfoFromComponents.ts"],"sourcesContent":["import get from 'lodash/get';\r\n\r\nimport { makeUnique } from '../../../utils/makeUnique';\r\n\r\nimport type { Components } from '../../../types';\r\n\r\nexport const retrieveSpecificInfoFromComponents = (\r\n  allComponents: Components,\r\n  keysToRetrieve: string[]\r\n) => {\r\n  const allData = Object.keys(allComponents).map((compo) => {\r\n    return get(allComponents, [compo, ...keysToRetrieve], '') as string;\r\n  });\r\n\r\n  return makeUnique(allData);\r\n};\r\n"],"names":["retrieveSpecificInfoFromComponents","allComponents","keysToRetrieve","allData","Object","keys","map","compo","get","makeUnique"],"mappings":";;;AAMO,MAAMA,kCAAAA,GAAqC,CAChDC,aAAAA,EACAC,cAAAA,GAAAA;AAEA,IAAA,MAAMC,UAAUC,MAAAA,CAAOC,IAAI,CAACJ,aAAAA,CAAAA,CAAeK,GAAG,CAAC,CAACC,KAAAA,GAAAA;AAC9C,QAAA,OAAOC,IAAIP,aAAAA,EAAe;AAACM,YAAAA,KAAAA;AAAUL,YAAAA,GAAAA;SAAe,EAAE,EAAA,CAAA;AACxD,IAAA,CAAA,CAAA;AAEA,IAAA,OAAOO,UAAAA,CAAWN,OAAAA,CAAAA;AACpB;;;;"}

package/dist/admin/components/DisplayedType.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactIntl = require('react-intl');
+var getTrad = require('../utils/getTrad.js');
+
+const DisplayedType = ({ type, customField = null, repeatable = false, multiple = false })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    let readableType = type;
+    if ([
+        'integer',
+        'biginteger',
+        'float',
+        'decimal'
+    ].includes(type)) {
+        readableType = 'number';
+    } else if ([
+        'string'
+    ].includes(type)) {
+        readableType = 'text';
+    }
+    if (customField) {
+        return formatMessage({
+            id: getTrad.getTrad('attribute.customField'),
+            defaultMessage: 'Custom field'
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            repeatable && formatMessage({
+                id: getTrad.getTrad('component.repeatable'),
+                defaultMessage: 'Repeatable'
+            }),
+            multiple && formatMessage({
+                id: getTrad.getTrad('media.multiple'),
+                defaultMessage: 'Multiple'
+            }),
+            " ",
+            formatMessage({
+                id: getTrad.getTrad(`attribute.${readableType}`),
+                defaultMessage: type
+            })
+        ]
+    });
+};
+
+exports.DisplayedType = DisplayedType;
+//# sourceMappingURL=DisplayedType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayedType.js","sources":["../../../admin/src/components/DisplayedType.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../utils/getTrad';\r\n\r\ntype DisplayedTypeProps = {\r\n  type: string;\r\n  customField?: string | null;\r\n  repeatable?: boolean;\r\n  multiple?: boolean;\r\n};\r\n\r\nexport const DisplayedType = ({\r\n  type,\r\n  customField = null,\r\n  repeatable = false,\r\n  multiple = false,\r\n}: DisplayedTypeProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  let readableType = type;\r\n\r\n  if (['integer', 'biginteger', 'float', 'decimal'].includes(type)) {\r\n    readableType = 'number';\r\n  } else if (['string'].includes(type)) {\r\n    readableType = 'text';\r\n  }\r\n\r\n  if (customField) {\r\n    return formatMessage({\r\n      id: getTrad('attribute.customField'),\r\n      defaultMessage: 'Custom field',\r\n    });\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {repeatable &&\r\n        formatMessage({\r\n          id: getTrad('component.repeatable'),\r\n          defaultMessage: 'Repeatable',\r\n        })}\r\n      {multiple &&\r\n        formatMessage({\r\n          id: getTrad('media.multiple'),\r\n          defaultMessage: 'Multiple',\r\n        })}\r\n      &nbsp;\r\n      {formatMessage({\r\n        id: getTrad(`attribute.${readableType}`),\r\n        defaultMessage: type,\r\n      })}\r\n    </>\r\n  );\r\n};\r\n"],"names":["DisplayedType","type","customField","repeatable","multiple","formatMessage","useIntl","readableType","includes","id","getTrad","defaultMessage","_jsxs","_Fragment"],"mappings":";;;;;;AAWO,MAAMA,aAAAA,GAAgB,CAAC,EAC5BC,IAAI,EACJC,WAAAA,GAAc,IAAI,EAClBC,UAAAA,GAAa,KAAK,EAClBC,QAAAA,GAAW,KAAK,EACG,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,IAAIC,YAAAA,GAAeN,IAAAA;IAEnB,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA,YAAA;AAAc,QAAA,OAAA;AAAS,QAAA;KAAU,CAACO,QAAQ,CAACP,IAAAA,CAAAA,EAAO;QAChEM,YAAAA,GAAe,QAAA;AACjB,IAAA,CAAA,MAAO,IAAI;AAAC,QAAA;KAAS,CAACC,QAAQ,CAACP,IAAAA,CAAAA,EAAO;QACpCM,YAAAA,GAAe,MAAA;AACjB,IAAA;AAEA,IAAA,IAAIL,WAAAA,EAAa;AACf,QAAA,OAAOG,aAAAA,CAAc;AACnBI,YAAAA,EAAAA,EAAIC,eAAAA,CAAQ,uBAAA,CAAA;YACZC,cAAAA,EAAgB;AAClB,SAAA,CAAA;AACF,IAAA;IAEA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACGV,YAAAA,UAAAA,IACCE,aAAAA,CAAc;AACZI,gBAAAA,EAAAA,EAAIC,eAAAA,CAAQ,sBAAA,CAAA;gBACZC,cAAAA,EAAgB;AAClB,aAAA,CAAA;AACDP,YAAAA,QAAAA,IACCC,aAAAA,CAAc;AACZI,gBAAAA,EAAAA,EAAIC,eAAAA,CAAQ,gBAAA,CAAA;gBACZC,cAAAA,EAAgB;AAClB,aAAA,CAAA;AAAG,YAAA,GAAA;YAEJN,aAAAA,CAAc;AACbI,gBAAAA,EAAAA,EAAIC,eAAAA,CAAQ,CAAC,UAAU,EAAEH,YAAAA,CAAAA,CAAc,CAAA;gBACvCI,cAAAA,EAAgBV;AAClB,aAAA;;;AAGN;;;;"}

package/dist/admin/components/DisplayedType.mjs

@@ -0,0 +1,46 @@
+import { jsxs, Fragment } from 'react/jsx-runtime';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../utils/getTrad.mjs';
+
+const DisplayedType = ({ type, customField = null, repeatable = false, multiple = false })=>{
+    const { formatMessage } = useIntl();
+    let readableType = type;
+    if ([
+        'integer',
+        'biginteger',
+        'float',
+        'decimal'
+    ].includes(type)) {
+        readableType = 'number';
+    } else if ([
+        'string'
+    ].includes(type)) {
+        readableType = 'text';
+    }
+    if (customField) {
+        return formatMessage({
+            id: getTrad('attribute.customField'),
+            defaultMessage: 'Custom field'
+        });
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            repeatable && formatMessage({
+                id: getTrad('component.repeatable'),
+                defaultMessage: 'Repeatable'
+            }),
+            multiple && formatMessage({
+                id: getTrad('media.multiple'),
+                defaultMessage: 'Multiple'
+            }),
+            " ",
+            formatMessage({
+                id: getTrad(`attribute.${readableType}`),
+                defaultMessage: type
+            })
+        ]
+    });
+};
+
+export { DisplayedType };
+//# sourceMappingURL=DisplayedType.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayedType.mjs","sources":["../../../admin/src/components/DisplayedType.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../utils/getTrad';\r\n\r\ntype DisplayedTypeProps = {\r\n  type: string;\r\n  customField?: string | null;\r\n  repeatable?: boolean;\r\n  multiple?: boolean;\r\n};\r\n\r\nexport const DisplayedType = ({\r\n  type,\r\n  customField = null,\r\n  repeatable = false,\r\n  multiple = false,\r\n}: DisplayedTypeProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  let readableType = type;\r\n\r\n  if (['integer', 'biginteger', 'float', 'decimal'].includes(type)) {\r\n    readableType = 'number';\r\n  } else if (['string'].includes(type)) {\r\n    readableType = 'text';\r\n  }\r\n\r\n  if (customField) {\r\n    return formatMessage({\r\n      id: getTrad('attribute.customField'),\r\n      defaultMessage: 'Custom field',\r\n    });\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {repeatable &&\r\n        formatMessage({\r\n          id: getTrad('component.repeatable'),\r\n          defaultMessage: 'Repeatable',\r\n        })}\r\n      {multiple &&\r\n        formatMessage({\r\n          id: getTrad('media.multiple'),\r\n          defaultMessage: 'Multiple',\r\n        })}\r\n      &nbsp;\r\n      {formatMessage({\r\n        id: getTrad(`attribute.${readableType}`),\r\n        defaultMessage: type,\r\n      })}\r\n    </>\r\n  );\r\n};\r\n"],"names":["DisplayedType","type","customField","repeatable","multiple","formatMessage","useIntl","readableType","includes","id","getTrad","defaultMessage","_jsxs","_Fragment"],"mappings":";;;;AAWO,MAAMA,aAAAA,GAAgB,CAAC,EAC5BC,IAAI,EACJC,WAAAA,GAAc,IAAI,EAClBC,UAAAA,GAAa,KAAK,EAClBC,QAAAA,GAAW,KAAK,EACG,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,IAAIC,YAAAA,GAAeN,IAAAA;IAEnB,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA,YAAA;AAAc,QAAA,OAAA;AAAS,QAAA;KAAU,CAACO,QAAQ,CAACP,IAAAA,CAAAA,EAAO;QAChEM,YAAAA,GAAe,QAAA;AACjB,IAAA,CAAA,MAAO,IAAI;AAAC,QAAA;KAAS,CAACC,QAAQ,CAACP,IAAAA,CAAAA,EAAO;QACpCM,YAAAA,GAAe,MAAA;AACjB,IAAA;AAEA,IAAA,IAAIL,WAAAA,EAAa;AACf,QAAA,OAAOG,aAAAA,CAAc;AACnBI,YAAAA,EAAAA,EAAIC,OAAAA,CAAQ,uBAAA,CAAA;YACZC,cAAAA,EAAgB;AAClB,SAAA,CAAA;AACF,IAAA;IAEA,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACGV,YAAAA,UAAAA,IACCE,aAAAA,CAAc;AACZI,gBAAAA,EAAAA,EAAIC,OAAAA,CAAQ,sBAAA,CAAA;gBACZC,cAAAA,EAAgB;AAClB,aAAA,CAAA;AACDP,YAAAA,QAAAA,IACCC,aAAAA,CAAc;AACZI,gBAAAA,EAAAA,EAAIC,OAAAA,CAAQ,gBAAA,CAAA;gBACZC,cAAAA,EAAgB;AAClB,aAAA,CAAA;AAAG,YAAA,GAAA;YAEJN,aAAAA,CAAc;AACbI,gBAAAA,EAAAA,EAAIC,OAAAA,CAAQ,CAAC,UAAU,EAAEH,YAAAA,CAAAA,CAAc,CAAA;gBACvCI,cAAAA,EAAgBV;AAClB,aAAA;;;AAGN;;;;"}

package/dist/admin/components/DraftAndPublishToggle.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var getTrad = require('../utils/getTrad.js');
+
+const DraftAndPublishToggle = ({ description, disabled = false, intlLabel, isCreating, name, onChange, value = false })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [showWarning, setShowWarning] = React.useState(false);
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        ...description.values
+    }) : '';
+    const handleConfirm = ()=>{
+        onChange({
+            target: {
+                name,
+                value: false
+            }
+        });
+        setShowWarning(false);
+    };
+    const handleChange = (checked)=>{
+        if (!checked && !isCreating) {
+            setShowWarning(true);
+            return;
+        }
+        onChange({
+            target: {
+                name,
+                value: !!checked
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                hint: hint,
+                name: name,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                        checked: value,
+                        disabled: disabled,
+                        onCheckedChange: handleChange,
+                        children: label
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+                open: showWarning,
+                onOpenChange: (isOpen)=>setShowWarning(isOpen),
+                children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
+                    endAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        onClick: handleConfirm,
+                        variant: "danger",
+                        width: "100%",
+                        justifyContent: "center",
+                        children: formatMessage({
+                            id: getTrad.getTrad('popUpWarning.draft-publish.button.confirm'),
+                            defaultMessage: 'Yes, disable'
+                        })
+                    }),
+                    children: formatMessage({
+                        id: getTrad.getTrad('popUpWarning.draft-publish.message'),
+                        defaultMessage: 'If you disable the draft & publish, your drafts will be deleted.'
+                    })
+                })
+            })
+        ]
+    });
+};
+
+exports.DraftAndPublishToggle = DraftAndPublishToggle;
+//# sourceMappingURL=DraftAndPublishToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraftAndPublishToggle.js","sources":["../../../admin/src/components/DraftAndPublishToggle.tsx"],"sourcesContent":["/**\r\n *\r\n * DraftAndPublishToggle\r\n *\r\n */\r\n\r\nimport { useState } from 'react';\r\n\r\nimport { ConfirmDialog } from '@strapi/admin/strapi-admin';\r\nimport { Button, Checkbox, CheckboxProps, Dialog, Field } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../utils';\r\n\r\nimport type { IntlLabel } from '../types';\r\n\r\ninterface DraftAndPublishToggleProps {\r\n  description?: IntlLabel;\r\n  disabled?: boolean;\r\n  intlLabel: IntlLabel;\r\n  isCreating: boolean;\r\n  name: string;\r\n  onChange: (value: { target: { name: string; value: boolean } }) => void;\r\n  value?: boolean;\r\n}\r\n\r\nexport const DraftAndPublishToggle = ({\r\n  description,\r\n  disabled = false,\r\n  intlLabel,\r\n  isCreating,\r\n  name,\r\n  onChange,\r\n  value = false,\r\n}: DraftAndPublishToggleProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const [showWarning, setShowWarning] = useState(false);\r\n  const label = intlLabel.id\r\n    ? formatMessage(\r\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\r\n        { ...intlLabel.values }\r\n      )\r\n    : name;\r\n\r\n  const hint = description\r\n    ? formatMessage(\r\n        { id: description.id, defaultMessage: description.defaultMessage },\r\n        { ...description.values }\r\n      )\r\n    : '';\r\n\r\n  const handleConfirm = () => {\r\n    onChange({ target: { name, value: false } });\r\n\r\n    setShowWarning(false);\r\n  };\r\n\r\n  const handleChange: CheckboxProps['onCheckedChange'] = (checked) => {\r\n    if (!checked && !isCreating) {\r\n      setShowWarning(true);\r\n\r\n      return;\r\n    }\r\n\r\n    onChange({ target: { name, value: !!checked } });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Field.Root hint={hint} name={name}>\r\n        <Checkbox checked={value} disabled={disabled} onCheckedChange={handleChange}>\r\n          {label}\r\n        </Checkbox>\r\n        <Field.Hint />\r\n      </Field.Root>\r\n\r\n      <Dialog.Root open={showWarning} onOpenChange={(isOpen) => setShowWarning(isOpen)}>\r\n        <ConfirmDialog\r\n          endAction={\r\n            <Button onClick={handleConfirm} variant=\"danger\" width=\"100%\" justifyContent=\"center\">\r\n              {formatMessage({\r\n                id: getTrad('popUpWarning.draft-publish.button.confirm'),\r\n                defaultMessage: 'Yes, disable',\r\n              })}\r\n            </Button>\r\n          }\r\n        >\r\n          {formatMessage({\r\n            id: getTrad('popUpWarning.draft-publish.message'),\r\n            defaultMessage: 'If you disable the draft & publish, your drafts will be deleted.',\r\n          })}\r\n        </ConfirmDialog>\r\n      </Dialog.Root>\r\n    </>\r\n  );\r\n};\r\n"],"names":["DraftAndPublishToggle","description","disabled","intlLabel","isCreating","name","onChange","value","formatMessage","useIntl","showWarning","setShowWarning","useState","label","id","defaultMessage","values","hint","handleConfirm","target","handleChange","checked","_jsxs","_Fragment","Field","Root","_jsx","Checkbox","onCheckedChange","Hint","Dialog","open","onOpenChange","isOpen","ConfirmDialog","endAction","Button","onClick","variant","width","justifyContent","getTrad"],"mappings":";;;;;;;;;MA0BaA,qBAAAA,GAAwB,CAAC,EACpCC,WAAW,EACXC,WAAW,KAAK,EAChBC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAAA,GAAQ,KAAK,EACc,GAAA;IAC3B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,cAAAA,CAAS,KAAA,CAAA;AAC/C,IAAA,MAAMC,KAAAA,GAAQV,SAAAA,CAAUW,EAAE,GACtBN,aAAAA,CACE;AAAEM,QAAAA,EAAAA,EAAIX,UAAUW,EAAE;AAAEC,QAAAA,cAAAA,EAAgBZ,UAAUY;KAAe,EAC7D;AAAE,QAAA,GAAGZ,UAAUa;KAAO,CAAA,GAExBX,IAAAA;IAEJ,MAAMY,IAAAA,GAAOhB,cACTO,aAAAA,CACE;AAAEM,QAAAA,EAAAA,EAAIb,YAAYa,EAAE;AAAEC,QAAAA,cAAAA,EAAgBd,YAAYc;KAAe,EACjE;AAAE,QAAA,GAAGd,YAAYe;KAAO,CAAA,GAE1B,EAAA;AAEJ,IAAA,MAAME,aAAAA,GAAgB,IAAA;QACpBZ,QAAAA,CAAS;YAAEa,MAAAA,EAAQ;AAAEd,gBAAAA,IAAAA;gBAAME,KAAAA,EAAO;AAAM;AAAE,SAAA,CAAA;QAE1CI,cAAAA,CAAe,KAAA,CAAA;AACjB,IAAA,CAAA;AAEA,IAAA,MAAMS,eAAiD,CAACC,OAAAA,GAAAA;QACtD,IAAI,CAACA,OAAAA,IAAW,CAACjB,UAAAA,EAAY;YAC3BO,cAAAA,CAAe,IAAA,CAAA;AAEf,YAAA;AACF,QAAA;QAEAL,QAAAA,CAAS;YAAEa,MAAAA,EAAQ;AAAEd,gBAAAA,IAAAA;AAAME,gBAAAA,KAAAA,EAAO,CAAC,CAACc;AAAQ;AAAE,SAAA,CAAA;AAChD,IAAA,CAAA;IAEA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,0BAAAD,eAAA,CAACE,mBAAMC,IAAI,EAAA;gBAACR,IAAAA,EAAMA,IAAAA;gBAAMZ,IAAAA,EAAMA,IAAAA;;kCAC5BqB,cAAA,CAACC,qBAAAA,EAAAA;wBAASN,OAAAA,EAASd,KAAAA;wBAAOL,QAAAA,EAAUA,QAAAA;wBAAU0B,eAAAA,EAAiBR,YAAAA;AAC5DP,wBAAAA,QAAAA,EAAAA;;AAEH,kCAAAa,cAAA,CAACF,mBAAMK,IAAI,EAAA,EAAA;;;AAGb,0BAAAH,cAAA,CAACI,oBAAOL,IAAI,EAAA;gBAACM,IAAAA,EAAMrB,WAAAA;gBAAasB,YAAAA,EAAc,CAACC,SAAWtB,cAAAA,CAAesB,MAAAA,CAAAA;AACvE,gBAAA,QAAA,gBAAAP,cAAA,CAACQ,yBAAAA,EAAAA;AACCC,oBAAAA,SAAAA,gBACET,cAAA,CAACU,mBAAAA,EAAAA;wBAAOC,OAAAA,EAASnB,aAAAA;wBAAeoB,OAAAA,EAAQ,QAAA;wBAASC,KAAAA,EAAM,MAAA;wBAAOC,cAAAA,EAAe,QAAA;kCAC1EhC,aAAAA,CAAc;AACbM,4BAAAA,EAAAA,EAAI2B,eAAAA,CAAQ,2CAAA,CAAA;4BACZ1B,cAAAA,EAAgB;AAClB,yBAAA;;8BAIHP,aAAAA,CAAc;AACbM,wBAAAA,EAAAA,EAAI2B,eAAAA,CAAQ,oCAAA,CAAA;wBACZ1B,cAAAA,EAAgB;AAClB,qBAAA;;;;;AAKV;;;;"}

package/dist/admin/components/DraftAndPublishToggle.mjs

@@ -0,0 +1,84 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { Field, Checkbox, Dialog, Button } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../utils/getTrad.mjs';
+
+const DraftAndPublishToggle = ({ description, disabled = false, intlLabel, isCreating, name, onChange, value = false })=>{
+    const { formatMessage } = useIntl();
+    const [showWarning, setShowWarning] = useState(false);
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        ...description.values
+    }) : '';
+    const handleConfirm = ()=>{
+        onChange({
+            target: {
+                name,
+                value: false
+            }
+        });
+        setShowWarning(false);
+    };
+    const handleChange = (checked)=>{
+        if (!checked && !isCreating) {
+            setShowWarning(true);
+            return;
+        }
+        onChange({
+            target: {
+                name,
+                value: !!checked
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Field.Root, {
+                hint: hint,
+                name: name,
+                children: [
+                    /*#__PURE__*/ jsx(Checkbox, {
+                        checked: value,
+                        disabled: disabled,
+                        onCheckedChange: handleChange,
+                        children: label
+                    }),
+                    /*#__PURE__*/ jsx(Field.Hint, {})
+                ]
+            }),
+            /*#__PURE__*/ jsx(Dialog.Root, {
+                open: showWarning,
+                onOpenChange: (isOpen)=>setShowWarning(isOpen),
+                children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                    endAction: /*#__PURE__*/ jsx(Button, {
+                        onClick: handleConfirm,
+                        variant: "danger",
+                        width: "100%",
+                        justifyContent: "center",
+                        children: formatMessage({
+                            id: getTrad('popUpWarning.draft-publish.button.confirm'),
+                            defaultMessage: 'Yes, disable'
+                        })
+                    }),
+                    children: formatMessage({
+                        id: getTrad('popUpWarning.draft-publish.message'),
+                        defaultMessage: 'If you disable the draft & publish, your drafts will be deleted.'
+                    })
+                })
+            })
+        ]
+    });
+};
+
+export { DraftAndPublishToggle };
+//# sourceMappingURL=DraftAndPublishToggle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraftAndPublishToggle.mjs","sources":["../../../admin/src/components/DraftAndPublishToggle.tsx"],"sourcesContent":["/**\r\n *\r\n * DraftAndPublishToggle\r\n *\r\n */\r\n\r\nimport { useState } from 'react';\r\n\r\nimport { ConfirmDialog } from '@strapi/admin/strapi-admin';\r\nimport { Button, Checkbox, CheckboxProps, Dialog, Field } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../utils';\r\n\r\nimport type { IntlLabel } from '../types';\r\n\r\ninterface DraftAndPublishToggleProps {\r\n  description?: IntlLabel;\r\n  disabled?: boolean;\r\n  intlLabel: IntlLabel;\r\n  isCreating: boolean;\r\n  name: string;\r\n  onChange: (value: { target: { name: string; value: boolean } }) => void;\r\n  value?: boolean;\r\n}\r\n\r\nexport const DraftAndPublishToggle = ({\r\n  description,\r\n  disabled = false,\r\n  intlLabel,\r\n  isCreating,\r\n  name,\r\n  onChange,\r\n  value = false,\r\n}: DraftAndPublishToggleProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const [showWarning, setShowWarning] = useState(false);\r\n  const label = intlLabel.id\r\n    ? formatMessage(\r\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\r\n        { ...intlLabel.values }\r\n      )\r\n    : name;\r\n\r\n  const hint = description\r\n    ? formatMessage(\r\n        { id: description.id, defaultMessage: description.defaultMessage },\r\n        { ...description.values }\r\n      )\r\n    : '';\r\n\r\n  const handleConfirm = () => {\r\n    onChange({ target: { name, value: false } });\r\n\r\n    setShowWarning(false);\r\n  };\r\n\r\n  const handleChange: CheckboxProps['onCheckedChange'] = (checked) => {\r\n    if (!checked && !isCreating) {\r\n      setShowWarning(true);\r\n\r\n      return;\r\n    }\r\n\r\n    onChange({ target: { name, value: !!checked } });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Field.Root hint={hint} name={name}>\r\n        <Checkbox checked={value} disabled={disabled} onCheckedChange={handleChange}>\r\n          {label}\r\n        </Checkbox>\r\n        <Field.Hint />\r\n      </Field.Root>\r\n\r\n      <Dialog.Root open={showWarning} onOpenChange={(isOpen) => setShowWarning(isOpen)}>\r\n        <ConfirmDialog\r\n          endAction={\r\n            <Button onClick={handleConfirm} variant=\"danger\" width=\"100%\" justifyContent=\"center\">\r\n              {formatMessage({\r\n                id: getTrad('popUpWarning.draft-publish.button.confirm'),\r\n                defaultMessage: 'Yes, disable',\r\n              })}\r\n            </Button>\r\n          }\r\n        >\r\n          {formatMessage({\r\n            id: getTrad('popUpWarning.draft-publish.message'),\r\n            defaultMessage: 'If you disable the draft & publish, your drafts will be deleted.',\r\n          })}\r\n        </ConfirmDialog>\r\n      </Dialog.Root>\r\n    </>\r\n  );\r\n};\r\n"],"names":["DraftAndPublishToggle","description","disabled","intlLabel","isCreating","name","onChange","value","formatMessage","useIntl","showWarning","setShowWarning","useState","label","id","defaultMessage","values","hint","handleConfirm","target","handleChange","checked","_jsxs","_Fragment","Field","Root","_jsx","Checkbox","onCheckedChange","Hint","Dialog","open","onOpenChange","isOpen","ConfirmDialog","endAction","Button","onClick","variant","width","justifyContent","getTrad"],"mappings":";;;;;;;MA0BaA,qBAAAA,GAAwB,CAAC,EACpCC,WAAW,EACXC,WAAW,KAAK,EAChBC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAAA,GAAQ,KAAK,EACc,GAAA;IAC3B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,QAAAA,CAAS,KAAA,CAAA;AAC/C,IAAA,MAAMC,KAAAA,GAAQV,SAAAA,CAAUW,EAAE,GACtBN,aAAAA,CACE;AAAEM,QAAAA,EAAAA,EAAIX,UAAUW,EAAE;AAAEC,QAAAA,cAAAA,EAAgBZ,UAAUY;KAAe,EAC7D;AAAE,QAAA,GAAGZ,UAAUa;KAAO,CAAA,GAExBX,IAAAA;IAEJ,MAAMY,IAAAA,GAAOhB,cACTO,aAAAA,CACE;AAAEM,QAAAA,EAAAA,EAAIb,YAAYa,EAAE;AAAEC,QAAAA,cAAAA,EAAgBd,YAAYc;KAAe,EACjE;AAAE,QAAA,GAAGd,YAAYe;KAAO,CAAA,GAE1B,EAAA;AAEJ,IAAA,MAAME,aAAAA,GAAgB,IAAA;QACpBZ,QAAAA,CAAS;YAAEa,MAAAA,EAAQ;AAAEd,gBAAAA,IAAAA;gBAAME,KAAAA,EAAO;AAAM;AAAE,SAAA,CAAA;QAE1CI,cAAAA,CAAe,KAAA,CAAA;AACjB,IAAA,CAAA;AAEA,IAAA,MAAMS,eAAiD,CAACC,OAAAA,GAAAA;QACtD,IAAI,CAACA,OAAAA,IAAW,CAACjB,UAAAA,EAAY;YAC3BO,cAAAA,CAAe,IAAA,CAAA;AAEf,YAAA;AACF,QAAA;QAEAL,QAAAA,CAAS;YAAEa,MAAAA,EAAQ;AAAEd,gBAAAA,IAAAA;AAAME,gBAAAA,KAAAA,EAAO,CAAC,CAACc;AAAQ;AAAE,SAAA,CAAA;AAChD,IAAA,CAAA;IAEA,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACE,0BAAAD,IAAA,CAACE,MAAMC,IAAI,EAAA;gBAACR,IAAAA,EAAMA,IAAAA;gBAAMZ,IAAAA,EAAMA,IAAAA;;kCAC5BqB,GAAA,CAACC,QAAAA,EAAAA;wBAASN,OAAAA,EAASd,KAAAA;wBAAOL,QAAAA,EAAUA,QAAAA;wBAAU0B,eAAAA,EAAiBR,YAAAA;AAC5DP,wBAAAA,QAAAA,EAAAA;;AAEH,kCAAAa,GAAA,CAACF,MAAMK,IAAI,EAAA,EAAA;;;AAGb,0BAAAH,GAAA,CAACI,OAAOL,IAAI,EAAA;gBAACM,IAAAA,EAAMrB,WAAAA;gBAAasB,YAAAA,EAAc,CAACC,SAAWtB,cAAAA,CAAesB,MAAAA,CAAAA;AACvE,gBAAA,QAAA,gBAAAP,GAAA,CAACQ,aAAAA,EAAAA;AACCC,oBAAAA,SAAAA,gBACET,GAAA,CAACU,MAAAA,EAAAA;wBAAOC,OAAAA,EAASnB,aAAAA;wBAAeoB,OAAAA,EAAQ,QAAA;wBAASC,KAAAA,EAAM,MAAA;wBAAOC,cAAAA,EAAe,QAAA;kCAC1EhC,aAAAA,CAAc;AACbM,4BAAAA,EAAAA,EAAI2B,OAAAA,CAAQ,2CAAA,CAAA;4BACZ1B,cAAAA,EAAgB;AAClB,yBAAA;;8BAIHP,aAAAA,CAAc;AACbM,wBAAAA,EAAAA,EAAI2B,OAAAA,CAAQ,oCAAA,CAAA;wBACZ1B,cAAAA,EAAgB;AAClB,qBAAA;;;;;AAKV;;;;"}

package/dist/admin/components/DynamicZoneList.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+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 ComponentCard = require('./ComponentCard/ComponentCard.js');
+var ComponentList = require('./ComponentList.js');
+var ComponentRow = require('./ComponentRow.js');
+var useDataManager = require('./DataManager/useDataManager.js');
+
+const StyledAddIcon = styledComponents.styled(Icons.Plus)`
+  width: 3.2rem;
+  height: 3.2rem;
+  padding: 0.9rem;
+  border-radius: 6.4rem;
+  background: ${({ theme, disabled })=>disabled ? theme.colors.neutral100 : theme.colors.primary100};
+  path {
+    fill: ${({ theme, disabled })=>disabled ? theme.colors.neutral600 : theme.colors.primary600};
+  }
+`;
+const ComponentStack = styledComponents.styled(designSystem.Flex)`
+  flex-shrink: 0;
+  width: 14rem;
+  height: 8rem;
+  justify-content: center;
+  align-items: center;
+`;
+const DynamicZoneList = ({ components = [], addComponent, name, forTarget, targetUid, disabled = false })=>{
+    const { isInDevelopmentMode } = useDataManager.useDataManager();
+    const [activeTab, setActiveTab] = React.useState(0);
+    const { formatMessage } = reactIntl.useIntl();
+    const toggle = (tab)=>{
+        if (activeTab !== tab) {
+            setActiveTab(tab);
+        }
+    };
+    const handleClickAdd = ()=>{
+        addComponent(name);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(ComponentRow.ComponentRow, {
+        className: "dynamiczone-row",
+        $isFromDynamicZone: true,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    padding: 2,
+                    paddingLeft: "104px",
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        role: "tablist",
+                        gap: 2,
+                        wrap: "wrap",
+                        children: [
+                            isInDevelopmentMode && /*#__PURE__*/ jsxRuntime.jsx("button", {
+                                type: "button",
+                                onClick: handleClickAdd,
+                                disabled: disabled,
+                                style: {
+                                    cursor: disabled ? 'not-allowed' : 'pointer'
+                                },
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(ComponentStack, {
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 1,
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(StyledAddIcon, {
+                                            disabled: disabled
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "pi",
+                                            fontWeight: "bold",
+                                            textColor: disabled ? 'neutral600' : 'primary600',
+                                            children: formatMessage({
+                                                id: getTrad.getTrad('button.component.add'),
+                                                defaultMessage: 'Add a component'
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            components.map((component, index)=>{
+                                return /*#__PURE__*/ jsxRuntime.jsx(ComponentCard.ComponentCard, {
+                                    dzName: name || '',
+                                    index: index,
+                                    component: component,
+                                    isActive: activeTab === index,
+                                    isInDevelopmentMode: isInDevelopmentMode,
+                                    onClick: ()=>toggle(index),
+                                    forTarget: forTarget,
+                                    targetUid: targetUid,
+                                    disabled: disabled
+                                }, component);
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    children: components.map((component, index)=>{
+                        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            id: `dz-${name}-panel-${index}`,
+                            role: "tabpanel",
+                            "aria-labelledby": `dz-${name}-tab-${index}`,
+                            style: {
+                                display: activeTab === index ? 'block' : 'none'
+                            },
+                            children: /*#__PURE__*/ jsxRuntime.jsx(ComponentList.ComponentList, {
+                                isFromDynamicZone: true,
+                                component: component
+                            }, component)
+                        }, component);
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.DynamicZoneList = DynamicZoneList;
+//# sourceMappingURL=DynamicZoneList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicZoneList.js","sources":["../../../admin/src/components/DynamicZoneList.tsx"],"sourcesContent":["import { type ComponentType, useState } from 'react';\r\n\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Plus } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { getTrad } from '../utils/getTrad';\r\n\r\nimport { ComponentCard } from './ComponentCard';\r\nimport { ComponentList } from './ComponentList';\r\nimport { ComponentRow } from './ComponentRow';\r\nimport { useDataManager } from './DataManager/useDataManager';\r\n\r\nimport type { Internal, Struct } from '@strapi/types';\r\n\r\ninterface DynamicZoneListProps {\r\n  addComponent: (name?: string) => void;\r\n  components: Array<Internal.UID.Component>;\r\n  customRowComponent?: ComponentType<Record<string, unknown>>;\r\n  name?: string;\r\n  forTarget: Struct.ModelType;\r\n  targetUid: Internal.UID.Schema;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst StyledAddIcon = styled(Plus)<{ disabled?: boolean }>`\r\n  width: 3.2rem;\r\n  height: 3.2rem;\r\n  padding: 0.9rem;\r\n  border-radius: 6.4rem;\r\n  background: ${({ theme, disabled }) =>\r\n    disabled ? theme.colors.neutral100 : theme.colors.primary100};\r\n  path {\r\n    fill: ${({ theme, disabled }) =>\r\n      disabled ? theme.colors.neutral600 : theme.colors.primary600};\r\n  }\r\n`;\r\n\r\nconst ComponentStack = styled(Flex)`\r\n  flex-shrink: 0;\r\n  width: 14rem;\r\n  height: 8rem;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const DynamicZoneList = ({\r\n  components = [],\r\n  addComponent,\r\n  name,\r\n  forTarget,\r\n  targetUid,\r\n  disabled = false,\r\n}: DynamicZoneListProps) => {\r\n  const { isInDevelopmentMode } = useDataManager();\r\n  const [activeTab, setActiveTab] = useState(0);\r\n  const { formatMessage } = useIntl();\r\n\r\n  const toggle = (tab: number) => {\r\n    if (activeTab !== tab) {\r\n      setActiveTab(tab);\r\n    }\r\n  };\r\n\r\n  const handleClickAdd = () => {\r\n    addComponent(name);\r\n  };\r\n\r\n  return (\r\n    <ComponentRow className=\"dynamiczone-row\" $isFromDynamicZone>\r\n      <Box>\r\n        <Box padding={2} paddingLeft=\"104px\">\r\n          <Flex role=\"tablist\" gap={2} wrap=\"wrap\">\r\n            {isInDevelopmentMode && (\r\n              <button\r\n                type=\"button\"\r\n                onClick={handleClickAdd}\r\n                disabled={disabled}\r\n                style={{\r\n                  cursor: disabled ? 'not-allowed' : 'pointer',\r\n                }}\r\n              >\r\n                <ComponentStack direction=\"column\" alignItems=\"stretch\" gap={1}>\r\n                  <StyledAddIcon disabled={disabled} />\r\n                  <Typography\r\n                    variant=\"pi\"\r\n                    fontWeight=\"bold\"\r\n                    textColor={disabled ? 'neutral600' : 'primary600'}\r\n                  >\r\n                    {formatMessage({\r\n                      id: getTrad('button.component.add'),\r\n                      defaultMessage: 'Add a component',\r\n                    })}\r\n                  </Typography>\r\n                </ComponentStack>\r\n              </button>\r\n            )}\r\n            {components.map((component, index) => {\r\n              return (\r\n                <ComponentCard\r\n                  key={component}\r\n                  dzName={name || ''}\r\n                  index={index}\r\n                  component={component}\r\n                  isActive={activeTab === index}\r\n                  isInDevelopmentMode={isInDevelopmentMode}\r\n                  onClick={() => toggle(index)}\r\n                  forTarget={forTarget}\r\n                  targetUid={targetUid}\r\n                  disabled={disabled}\r\n                />\r\n              );\r\n            })}\r\n          </Flex>\r\n        </Box>\r\n        <Box>\r\n          {components.map((component, index) => {\r\n            return (\r\n              <Box\r\n                id={`dz-${name}-panel-${index}`}\r\n                role=\"tabpanel\"\r\n                aria-labelledby={`dz-${name}-tab-${index}`}\r\n                key={component}\r\n                style={{ display: activeTab === index ? 'block' : 'none' }}\r\n              >\r\n                <ComponentList isFromDynamicZone component={component} key={component} />\r\n              </Box>\r\n            );\r\n          })}\r\n        </Box>\r\n      </Box>\r\n    </ComponentRow>\r\n  );\r\n};\r\n"],"names":["StyledAddIcon","styled","Plus","theme","disabled","colors","neutral100","primary100","neutral600","primary600","ComponentStack","Flex","DynamicZoneList","components","addComponent","name","forTarget","targetUid","isInDevelopmentMode","useDataManager","activeTab","setActiveTab","useState","formatMessage","useIntl","toggle","tab","handleClickAdd","_jsx","ComponentRow","className","$isFromDynamicZone","_jsxs","Box","padding","paddingLeft","role","gap","wrap","button","type","onClick","style","cursor","direction","alignItems","Typography","variant","fontWeight","textColor","id","getTrad","defaultMessage","map","component","index","ComponentCard","dzName","isActive","aria-labelledby","display","ComponentList","isFromDynamicZone"],"mappings":"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"}