@strapi/content-type-builder 5.13.1 → 5.15.0

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

@@ -0,0 +1,21 @@
+'use strict';
+
+const formatSchema = (schema)=>{
+    return {
+        ...schema,
+        attributes: toAttributesArray(schema.attributes)
+    };
+};
+const toAttributesArray = (attributes)=>{
+    return Object.keys(attributes).reduce((acc, current)=>{
+        acc.push({
+            ...attributes[current],
+            name: current
+        });
+        return acc;
+    }, []);
+};
+
+exports.formatSchema = formatSchema;
+exports.toAttributesArray = toAttributesArray;
+//# sourceMappingURL=formatSchemas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatSchemas.js","sources":["../../../../../admin/src/components/DataManager/utils/formatSchemas.ts"],"sourcesContent":["import { Component, ContentType, AnyAttribute } from '../../../types';\n\nexport const formatSchema = <TType extends Component | ContentType>(\n  schema: Record<string, any>\n): TType => {\n  return {\n    ...schema,\n    attributes: toAttributesArray(schema.attributes),\n  } as TType;\n};\n\nexport const toAttributesArray = (attributes: Record<string, any>) => {\n  return Object.keys(attributes).reduce((acc, current: any) => {\n    acc.push({ ...attributes[current], name: current });\n\n    return acc;\n  }, [] as AnyAttribute[]);\n};\n"],"names":["formatSchema","schema","attributes","toAttributesArray","Object","keys","reduce","acc","current","push","name"],"mappings":";;AAEO,MAAMA,eAAe,CAC1BC,MAAAA,GAAAA;IAEA,OAAO;AACL,QAAA,GAAGA,MAAM;QACTC,UAAYC,EAAAA,iBAAAA,CAAkBF,OAAOC,UAAU;AACjD,KAAA;AACF;AAEO,MAAMC,oBAAoB,CAACD,UAAAA,GAAAA;AAChC,IAAA,OAAOE,OAAOC,IAAI,CAACH,YAAYI,MAAM,CAAC,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;AAC1CD,QAAAA,GAAAA,CAAIE,IAAI,CAAC;YAAE,GAAGP,UAAU,CAACM,OAAQ,CAAA;YAAEE,IAAMF,EAAAA;AAAQ,SAAA,CAAA;QAEjD,OAAOD,GAAAA;AACT,KAAA,EAAG,EAAE,CAAA;AACP;;;;;"}

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

@@ -0,0 +1,18 @@
+const formatSchema = (schema)=>{
+    return {
+        ...schema,
+        attributes: toAttributesArray(schema.attributes)
+    };
+};
+const toAttributesArray = (attributes)=>{
+    return Object.keys(attributes).reduce((acc, current)=>{
+        acc.push({
+            ...attributes[current],
+            name: current
+        });
+        return acc;
+    }, []);
+};
+
+export { formatSchema, toAttributesArray };
+//# sourceMappingURL=formatSchemas.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatSchemas.mjs","sources":["../../../../../admin/src/components/DataManager/utils/formatSchemas.ts"],"sourcesContent":["import { Component, ContentType, AnyAttribute } from '../../../types';\n\nexport const formatSchema = <TType extends Component | ContentType>(\n  schema: Record<string, any>\n): TType => {\n  return {\n    ...schema,\n    attributes: toAttributesArray(schema.attributes),\n  } as TType;\n};\n\nexport const toAttributesArray = (attributes: Record<string, any>) => {\n  return Object.keys(attributes).reduce((acc, current: any) => {\n    acc.push({ ...attributes[current], name: current });\n\n    return acc;\n  }, [] as AnyAttribute[]);\n};\n"],"names":["formatSchema","schema","attributes","toAttributesArray","Object","keys","reduce","acc","current","push","name"],"mappings":"AAEO,MAAMA,eAAe,CAC1BC,MAAAA,GAAAA;IAEA,OAAO;AACL,QAAA,GAAGA,MAAM;QACTC,UAAYC,EAAAA,iBAAAA,CAAkBF,OAAOC,UAAU;AACjD,KAAA;AACF;AAEO,MAAMC,oBAAoB,CAACD,UAAAA,GAAAA;AAChC,IAAA,OAAOE,OAAOC,IAAI,CAACH,YAAYI,MAAM,CAAC,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;AAC1CD,QAAAA,GAAAA,CAAIE,IAAI,CAAC;YAAE,GAAGP,UAAU,CAACM,OAAQ,CAAA;YAAEE,IAAMF,EAAAA;AAAQ,SAAA,CAAA;QAEjD,OAAOD,GAAAA;AACT,KAAA,EAAG,EAAE,CAAA;AACP;;;;"}

package/dist/admin/components/{DataManagerProvider → DataManager}/utils/retrieveComponentsThatHaveComponents.js

@@ -16,13 +16,9 @@ const retrieveComponentsThatHaveComponents = (allComponents)=>{
     return componentsThatHaveNestedComponents;
 };
 const getComponentWithChildComponents = (component)=>{
-    const attributes = get(component, [
-        'schema',
-        'attributes'
-    ], []);
     return {
         component: component.uid,
-        childComponents: attributes.filter((attribute)=>{
+        childComponents: component.attributes.filter((attribute)=>{
             const { type } = attribute;
             return type === 'component';
         }).map((attribute)=>{

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

@@ -0,0 +1 @@
+{"version":3,"file":"retrieveComponentsThatHaveComponents.js","sources":["../../../../../admin/src/components/DataManager/utils/retrieveComponentsThatHaveComponents.ts"],"sourcesContent":["import get from 'lodash/get';\n\nimport type { AnyAttribute, Component, Components } from '../../../types';\nimport type { UID } from '@strapi/types';\n\ntype ChildComponent = {\n  component: UID.Component;\n};\n\nexport type ComponentWithChildren = {\n  component: UID.Component;\n  childComponents: ChildComponent[];\n};\n\nconst retrieveComponentsThatHaveComponents = (allComponents: Components) => {\n  const componentsThatHaveNestedComponents = Object.keys(allComponents).reduce(\n    (acc: ComponentWithChildren[], current) => {\n      const currentComponent = get(allComponents, [current]);\n\n      const compoWithChildren = getComponentWithChildComponents(currentComponent);\n      if (compoWithChildren.childComponents.length > 0) {\n        acc.push(compoWithChildren);\n      }\n\n      return acc;\n    },\n    []\n  );\n\n  return componentsThatHaveNestedComponents;\n};\n\nconst getComponentWithChildComponents = (component: Component): ComponentWithChildren => {\n  return {\n    component: component.uid,\n    childComponents: component.attributes\n      .filter(\n        (attribute: AnyAttribute): attribute is AnyAttribute & { component: UID.Component } => {\n          const { type } = attribute;\n\n          return type === 'component';\n        }\n      )\n      .map((attribute) => {\n        return {\n          component: attribute.component,\n        } as ChildComponent;\n      }),\n  };\n};\n\nexport { getComponentWithChildComponents, retrieveComponentsThatHaveComponents };\n"],"names":["retrieveComponentsThatHaveComponents","allComponents","componentsThatHaveNestedComponents","Object","keys","reduce","acc","current","currentComponent","get","compoWithChildren","getComponentWithChildComponents","childComponents","length","push","component","uid","attributes","filter","attribute","type","map"],"mappings":";;;;AAcA,MAAMA,uCAAuC,CAACC,aAAAA,GAAAA;IAC5C,MAAMC,kCAAAA,GAAqCC,OAAOC,IAAI,CAACH,eAAeI,MAAM,CAC1E,CAACC,GAA8BC,EAAAA,OAAAA,GAAAA;QAC7B,MAAMC,gBAAAA,GAAmBC,IAAIR,aAAe,EAAA;AAACM,YAAAA;AAAQ,SAAA,CAAA;AAErD,QAAA,MAAMG,oBAAoBC,+BAAgCH,CAAAA,gBAAAA,CAAAA;AAC1D,QAAA,IAAIE,iBAAkBE,CAAAA,eAAe,CAACC,MAAM,GAAG,CAAG,EAAA;AAChDP,YAAAA,GAAAA,CAAIQ,IAAI,CAACJ,iBAAAA,CAAAA;AACX;QAEA,OAAOJ,GAAAA;AACT,KAAA,EACA,EAAE,CAAA;IAGJ,OAAOJ,kCAAAA;AACT;AAEA,MAAMS,kCAAkC,CAACI,SAAAA,GAAAA;IACvC,OAAO;AACLA,QAAAA,SAAAA,EAAWA,UAAUC,GAAG;AACxBJ,QAAAA,eAAAA,EAAiBG,SAAUE,CAAAA,UAAU,CAClCC,MAAM,CACL,CAACC,SAAAA,GAAAA;YACC,MAAM,EAAEC,IAAI,EAAE,GAAGD,SAAAA;AAEjB,YAAA,OAAOC,IAAS,KAAA,WAAA;SAGnBC,CAAAA,CAAAA,GAAG,CAAC,CAACF,SAAAA,GAAAA;YACJ,OAAO;AACLJ,gBAAAA,SAAAA,EAAWI,UAAUJ;AACvB,aAAA;AACF,SAAA;AACJ,KAAA;AACF;;;;;"}

package/dist/admin/components/{DataManagerProvider → DataManager}/utils/retrieveComponentsThatHaveComponents.mjs

@@ -14,13 +14,9 @@ const retrieveComponentsThatHaveComponents = (allComponents)=>{
     return componentsThatHaveNestedComponents;
 };
 const getComponentWithChildComponents = (component)=>{
-    const attributes = get(component, [
-        'schema',
-        'attributes'
-    ], []);
     return {
         component: component.uid,
-        childComponents: attributes.filter((attribute)=>{
+        childComponents: component.attributes.filter((attribute)=>{
             const { type } = attribute;
             return type === 'component';
         }).map((attribute)=>{

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

@@ -0,0 +1 @@
+{"version":3,"file":"retrieveComponentsThatHaveComponents.mjs","sources":["../../../../../admin/src/components/DataManager/utils/retrieveComponentsThatHaveComponents.ts"],"sourcesContent":["import get from 'lodash/get';\n\nimport type { AnyAttribute, Component, Components } from '../../../types';\nimport type { UID } from '@strapi/types';\n\ntype ChildComponent = {\n  component: UID.Component;\n};\n\nexport type ComponentWithChildren = {\n  component: UID.Component;\n  childComponents: ChildComponent[];\n};\n\nconst retrieveComponentsThatHaveComponents = (allComponents: Components) => {\n  const componentsThatHaveNestedComponents = Object.keys(allComponents).reduce(\n    (acc: ComponentWithChildren[], current) => {\n      const currentComponent = get(allComponents, [current]);\n\n      const compoWithChildren = getComponentWithChildComponents(currentComponent);\n      if (compoWithChildren.childComponents.length > 0) {\n        acc.push(compoWithChildren);\n      }\n\n      return acc;\n    },\n    []\n  );\n\n  return componentsThatHaveNestedComponents;\n};\n\nconst getComponentWithChildComponents = (component: Component): ComponentWithChildren => {\n  return {\n    component: component.uid,\n    childComponents: component.attributes\n      .filter(\n        (attribute: AnyAttribute): attribute is AnyAttribute & { component: UID.Component } => {\n          const { type } = attribute;\n\n          return type === 'component';\n        }\n      )\n      .map((attribute) => {\n        return {\n          component: attribute.component,\n        } as ChildComponent;\n      }),\n  };\n};\n\nexport { getComponentWithChildComponents, retrieveComponentsThatHaveComponents };\n"],"names":["retrieveComponentsThatHaveComponents","allComponents","componentsThatHaveNestedComponents","Object","keys","reduce","acc","current","currentComponent","get","compoWithChildren","getComponentWithChildComponents","childComponents","length","push","component","uid","attributes","filter","attribute","type","map"],"mappings":";;AAcA,MAAMA,uCAAuC,CAACC,aAAAA,GAAAA;IAC5C,MAAMC,kCAAAA,GAAqCC,OAAOC,IAAI,CAACH,eAAeI,MAAM,CAC1E,CAACC,GAA8BC,EAAAA,OAAAA,GAAAA;QAC7B,MAAMC,gBAAAA,GAAmBC,IAAIR,aAAe,EAAA;AAACM,YAAAA;AAAQ,SAAA,CAAA;AAErD,QAAA,MAAMG,oBAAoBC,+BAAgCH,CAAAA,gBAAAA,CAAAA;AAC1D,QAAA,IAAIE,iBAAkBE,CAAAA,eAAe,CAACC,MAAM,GAAG,CAAG,EAAA;AAChDP,YAAAA,GAAAA,CAAIQ,IAAI,CAACJ,iBAAAA,CAAAA;AACX;QAEA,OAAOJ,GAAAA;AACT,KAAA,EACA,EAAE,CAAA;IAGJ,OAAOJ,kCAAAA;AACT;AAEA,MAAMS,kCAAkC,CAACI,SAAAA,GAAAA;IACvC,OAAO;AACLA,QAAAA,SAAAA,EAAWA,UAAUC,GAAG;AACxBJ,QAAAA,eAAAA,EAAiBG,SAAUE,CAAAA,UAAU,CAClCC,MAAM,CACL,CAACC,SAAAA,GAAAA;YACC,MAAM,EAAEC,IAAI,EAAE,GAAGD,SAAAA;AAEjB,YAAA,OAAOC,IAAS,KAAA,WAAA;SAGnBC,CAAAA,CAAAA,GAAG,CAAC,CAACF,SAAAA,GAAAA;YACJ,OAAO;AACLJ,gBAAAA,SAAAA,EAAWI,UAAUJ;AACvB,aAAA;AACF,SAAA;AACJ,KAAA;AACF;;;;"}

package/dist/admin/components/{DataManagerProvider → DataManager}/utils/retrieveNestedComponents.js

@@ -2,7 +2,7 @@
 
 const retrieveNestedComponents = (appComponents)=>{
     const nestedComponents = Object.keys(appComponents).reduce((acc, current)=>{
-        const componentAttributes = appComponents?.[current]?.schema?.attributes ?? [];
+        const componentAttributes = appComponents?.[current]?.attributes ?? [];
         const currentComponentNestedCompos = getComponentsNestedWithinComponent(componentAttributes, current);
         return [
             ...acc,
@@ -13,10 +13,10 @@ const retrieveNestedComponents = (appComponents)=>{
 };
 const getComponentsNestedWithinComponent = (componentAttributes, parentCompoUid)=>{
     return componentAttributes.reduce((acc, current)=>{
-        const { type, component } = current;
+        const { type } = current;
         if (type === 'component') {
             acc.push({
-                component,
+                component: current.component,
                 parentCompoUid
             });
         }

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

@@ -0,0 +1 @@
+{"version":3,"file":"retrieveNestedComponents.js","sources":["../../../../../admin/src/components/DataManager/utils/retrieveNestedComponents.ts"],"sourcesContent":["import type { Components, Component } from '../../../types';\nimport type { UID } from '@strapi/types';\n\nexport type NestedComponent = {\n  component: UID.Component;\n  uidsOfAllParents?: UID.Component[];\n  parentCompoUid?: UID.Component;\n};\n\nexport const retrieveNestedComponents = (appComponents: Components): NestedComponent[] => {\n  const nestedComponents = Object.keys(appComponents).reduce((acc: NestedComponent[], current) => {\n    const componentAttributes = appComponents?.[current]?.attributes ?? [];\n    const currentComponentNestedCompos = getComponentsNestedWithinComponent(\n      componentAttributes,\n      current as UID.Component\n    );\n    return [...acc, ...currentComponentNestedCompos];\n  }, []);\n\n  return mergeComponents(nestedComponents);\n};\n\nconst getComponentsNestedWithinComponent = (\n  componentAttributes: Component['attributes'],\n  parentCompoUid: UID.Component\n) => {\n  return componentAttributes.reduce((acc: NestedComponent[], current) => {\n    const { type } = current;\n\n    if (type === 'component') {\n      acc.push({\n        component: current.component,\n        parentCompoUid,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\n// Merge duplicate components\nconst mergeComponents = (originalComponents: NestedComponent[]): NestedComponent[] => {\n  const componentMap = new Map();\n  // Populate the map with component and its parents\n  originalComponents.forEach(({ component, parentCompoUid }) => {\n    if (!componentMap.has(component)) {\n      componentMap.set(component, new Set());\n    }\n    componentMap.get(component).add(parentCompoUid);\n  });\n\n  // Convert the map to the desired array format\n  const transformedComponents: NestedComponent[] = Array.from(componentMap.entries()).map(\n    ([component, parentCompoUidSet]) => ({\n      component,\n      uidsOfAllParents: Array.from(parentCompoUidSet),\n    })\n  );\n\n  return transformedComponents;\n};\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,GAAwBC,EAAAA,OAAAA,GAAAA;AAClF,QAAA,MAAMC,sBAAsBP,aAAe,GAACM,OAAQ,CAAA,EAAEE,cAAc,EAAE;QACtE,MAAMC,4BAAAA,GAA+BC,mCACnCH,mBACAD,EAAAA,OAAAA,CAAAA;QAEF,OAAO;AAAID,YAAAA,GAAAA,GAAAA;AAAQI,YAAAA,GAAAA;AAA6B,SAAA;AAClD,KAAA,EAAG,EAAE,CAAA;AAEL,IAAA,OAAOE,eAAgBV,CAAAA,gBAAAA,CAAAA;AACzB;AAEA,MAAMS,kCAAAA,GAAqC,CACzCH,mBACAK,EAAAA,cAAAA,GAAAA;AAEA,IAAA,OAAOL,mBAAoBH,CAAAA,MAAM,CAAC,CAACC,GAAwBC,EAAAA,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;QAEA,OAAOP,GAAAA;AACT,KAAA,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,SAAY,CAAA,EAAA;YAChCE,YAAaI,CAAAA,GAAG,CAACN,SAAAA,EAAW,IAAIO,GAAAA,EAAAA,CAAAA;AAClC;AACAL,QAAAA,YAAAA,CAAaM,GAAG,CAACR,SAAWS,CAAAA,CAAAA,GAAG,CAACZ,cAAAA,CAAAA;AAClC,KAAA,CAAA;;AAGA,IAAA,MAAMa,qBAA2CC,GAAAA,KAAAA,CAAMC,IAAI,CAACV,aAAaW,OAAO,EAAA,CAAA,CAAIC,GAAG,CACrF,CAAC,CAACd,SAAWe,EAAAA,iBAAAA,CAAkB,IAAM;AACnCf,YAAAA,SAAAA;YACAgB,gBAAkBL,EAAAA,KAAAA,CAAMC,IAAI,CAACG,iBAAAA;SAC/B,CAAA,CAAA;IAGF,OAAOL,qBAAAA;AACT,CAAA;;;;"}

package/dist/admin/components/{DataManagerProvider → DataManager}/utils/retrieveNestedComponents.mjs

@@ -1,6 +1,6 @@
 const retrieveNestedComponents = (appComponents)=>{
     const nestedComponents = Object.keys(appComponents).reduce((acc, current)=>{
-        const componentAttributes = appComponents?.[current]?.schema?.attributes ?? [];
+        const componentAttributes = appComponents?.[current]?.attributes ?? [];
         const currentComponentNestedCompos = getComponentsNestedWithinComponent(componentAttributes, current);
         return [
             ...acc,
@@ -11,10 +11,10 @@ const retrieveNestedComponents = (appComponents)=>{
 };
 const getComponentsNestedWithinComponent = (componentAttributes, parentCompoUid)=>{
     return componentAttributes.reduce((acc, current)=>{
-        const { type, component } = current;
+        const { type } = current;
         if (type === 'component') {
             acc.push({
-                component,
+                component: current.component,
                 parentCompoUid
             });
         }

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';\nimport type { UID } from '@strapi/types';\n\nexport type NestedComponent = {\n  component: UID.Component;\n  uidsOfAllParents?: UID.Component[];\n  parentCompoUid?: UID.Component;\n};\n\nexport const retrieveNestedComponents = (appComponents: Components): NestedComponent[] => {\n  const nestedComponents = Object.keys(appComponents).reduce((acc: NestedComponent[], current) => {\n    const componentAttributes = appComponents?.[current]?.attributes ?? [];\n    const currentComponentNestedCompos = getComponentsNestedWithinComponent(\n      componentAttributes,\n      current as UID.Component\n    );\n    return [...acc, ...currentComponentNestedCompos];\n  }, []);\n\n  return mergeComponents(nestedComponents);\n};\n\nconst getComponentsNestedWithinComponent = (\n  componentAttributes: Component['attributes'],\n  parentCompoUid: UID.Component\n) => {\n  return componentAttributes.reduce((acc: NestedComponent[], current) => {\n    const { type } = current;\n\n    if (type === 'component') {\n      acc.push({\n        component: current.component,\n        parentCompoUid,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\n// Merge duplicate components\nconst mergeComponents = (originalComponents: NestedComponent[]): NestedComponent[] => {\n  const componentMap = new Map();\n  // Populate the map with component and its parents\n  originalComponents.forEach(({ component, parentCompoUid }) => {\n    if (!componentMap.has(component)) {\n      componentMap.set(component, new Set());\n    }\n    componentMap.get(component).add(parentCompoUid);\n  });\n\n  // Convert the map to the desired array format\n  const transformedComponents: NestedComponent[] = Array.from(componentMap.entries()).map(\n    ([component, parentCompoUidSet]) => ({\n      component,\n      uidsOfAllParents: Array.from(parentCompoUidSet),\n    })\n  );\n\n  return transformedComponents;\n};\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,GAAwBC,EAAAA,OAAAA,GAAAA;AAClF,QAAA,MAAMC,sBAAsBP,aAAe,GAACM,OAAQ,CAAA,EAAEE,cAAc,EAAE;QACtE,MAAMC,4BAAAA,GAA+BC,mCACnCH,mBACAD,EAAAA,OAAAA,CAAAA;QAEF,OAAO;AAAID,YAAAA,GAAAA,GAAAA;AAAQI,YAAAA,GAAAA;AAA6B,SAAA;AAClD,KAAA,EAAG,EAAE,CAAA;AAEL,IAAA,OAAOE,eAAgBV,CAAAA,gBAAAA,CAAAA;AACzB;AAEA,MAAMS,kCAAAA,GAAqC,CACzCH,mBACAK,EAAAA,cAAAA,GAAAA;AAEA,IAAA,OAAOL,mBAAoBH,CAAAA,MAAM,CAAC,CAACC,GAAwBC,EAAAA,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;QAEA,OAAOP,GAAAA;AACT,KAAA,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,SAAY,CAAA,EAAA;YAChCE,YAAaI,CAAAA,GAAG,CAACN,SAAAA,EAAW,IAAIO,GAAAA,EAAAA,CAAAA;AAClC;AACAL,QAAAA,YAAAA,CAAaM,GAAG,CAACR,SAAWS,CAAAA,CAAAA,GAAG,CAACZ,cAAAA,CAAAA;AAClC,KAAA,CAAA;;AAGA,IAAA,MAAMa,qBAA2CC,GAAAA,KAAAA,CAAMC,IAAI,CAACV,aAAaW,OAAO,EAAA,CAAA,CAAIC,GAAG,CACrF,CAAC,CAACd,SAAWe,EAAAA,iBAAAA,CAAkB,IAAM;AACnCf,YAAAA,SAAAA;YACAgB,gBAAkBL,EAAAA,KAAAA,CAAMC,IAAI,CAACG,iBAAAA;SAC/B,CAAA,CAAA;IAGF,OAAOL,qBAAAA;AACT,CAAA;;;;"}

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';\n\nimport { makeUnique } from '../../../utils/makeUnique';\n\nexport const retrieveSpecificInfoFromComponents = (allComponents: any, keysToRetrieve: any) => {\n  const allData = Object.keys(allComponents).map((compo) => {\n    return get(allComponents, [compo, ...keysToRetrieve], '');\n  });\n\n  return makeUnique(allData);\n};\n"],"names":["retrieveSpecificInfoFromComponents","allComponents","keysToRetrieve","allData","Object","keys","map","compo","get","makeUnique"],"mappings":";;;;;AAIO,MAAMA,kCAAqC,GAAA,CAACC,aAAoBC,EAAAA,cAAAA,GAAAA;AACrE,IAAA,MAAMC,UAAUC,MAAOC,CAAAA,IAAI,CAACJ,aAAeK,CAAAA,CAAAA,GAAG,CAAC,CAACC,KAAAA,GAAAA;AAC9C,QAAA,OAAOC,IAAIP,aAAe,EAAA;AAACM,YAAAA,KAAAA;AAAUL,YAAAA,GAAAA;SAAe,EAAE,EAAA,CAAA;AACxD,KAAA,CAAA;AAEA,IAAA,OAAOO,qBAAWN,CAAAA,OAAAA,CAAAA;AACpB;;;;"}

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';\n\nimport { makeUnique } from '../../../utils/makeUnique';\n\nexport const retrieveSpecificInfoFromComponents = (allComponents: any, keysToRetrieve: any) => {\n  const allData = Object.keys(allComponents).map((compo) => {\n    return get(allComponents, [compo, ...keysToRetrieve], '');\n  });\n\n  return makeUnique(allData);\n};\n"],"names":["retrieveSpecificInfoFromComponents","allComponents","keysToRetrieve","allData","Object","keys","map","compo","get","makeUnique"],"mappings":";;;AAIO,MAAMA,kCAAqC,GAAA,CAACC,aAAoBC,EAAAA,cAAAA,GAAAA;AACrE,IAAA,MAAMC,UAAUC,MAAOC,CAAAA,IAAI,CAACJ,aAAeK,CAAAA,CAAAA,GAAG,CAAC,CAACC,KAAAA,GAAAA;AAC9C,QAAA,OAAOC,IAAIP,aAAe,EAAA;AAACM,YAAAA,KAAAA;AAAUL,YAAAA,GAAAA;SAAe,EAAE,EAAA,CAAA;AACxD,KAAA,CAAA;AAEA,IAAA,OAAOO,UAAWN,CAAAA,OAAAA,CAAAA;AACpB;;;;"}

package/dist/admin/components/DisplayedType.js

@@ -1,11 +1,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
 var getTrad = require('../utils/getTrad.js');
 
-const DisplayedType = ({ type, customField = null, repeatable = false })=>{
+const DisplayedType = ({ type, customField = null, repeatable = false, multiple = false })=>{
     const { formatMessage } = reactIntl.useIntl();
     let readableType = type;
     if ([
@@ -21,24 +20,25 @@ const DisplayedType = ({ type, customField = null, repeatable = false })=>{
         readableType = 'text';
     }
     if (customField) {
-        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-            children: formatMessage({
-                id: getTrad.getTrad('attribute.customField'),
-                defaultMessage: 'Custom field'
-            })
+        return formatMessage({
+            id: getTrad.getTrad('attribute.customField'),
+            defaultMessage: 'Custom field'
         });
     }
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Typography, {
-        textColor: "neutral800",
+    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
-            }),
-            " ",
-            repeatable && formatMessage({
-                id: getTrad.getTrad('component.repeatable'),
-                defaultMessage: '(repeatable)'
             })
         ]
     });

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayedType.js","sources":["../../../admin/src/components/DisplayedType.tsx"],"sourcesContent":["import { Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils/getTrad';\n\ntype DisplayedTypeProps = {\n  type: string;\n  customField?: string | null;\n  repeatable?: boolean;\n};\n\nexport const DisplayedType = ({\n  type,\n  customField = null,\n  repeatable = false,\n}: DisplayedTypeProps) => {\n  const { formatMessage } = useIntl();\n\n  let readableType = type;\n\n  if (['integer', 'biginteger', 'float', 'decimal'].includes(type)) {\n    readableType = 'number';\n  } else if (['string'].includes(type)) {\n    readableType = 'text';\n  }\n\n  if (customField) {\n    return (\n      <Typography>\n        {formatMessage({\n          id: getTrad('attribute.customField'),\n          defaultMessage: 'Custom field',\n        })}\n      </Typography>\n    );\n  }\n\n  return (\n    <Typography textColor=\"neutral800\">\n      {formatMessage({\n        id: getTrad(`attribute.${readableType}`),\n        defaultMessage: type,\n      })}\n      &nbsp;\n      {repeatable &&\n        formatMessage({\n          id: getTrad('component.repeatable'),\n          defaultMessage: '(repeatable)',\n        })}\n    </Typography>\n  );\n};\n"],"names":["DisplayedType","type","customField","repeatable","formatMessage","useIntl","readableType","includes","_jsx","Typography","id","getTrad","defaultMessage","_jsxs","textColor"],"mappings":";;;;;;;AAWO,MAAMA,aAAgB,GAAA,CAAC,EAC5BC,IAAI,EACJC,WAAAA,GAAc,IAAI,EAClBC,UAAa,GAAA,KAAK,EACC,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,IAAIC,YAAeL,GAAAA,IAAAA;IAEnB,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA,YAAA;AAAc,QAAA,OAAA;AAAS,QAAA;KAAU,CAACM,QAAQ,CAACN,IAAO,CAAA,EAAA;QAChEK,YAAe,GAAA,QAAA;AACjB,KAAA,MAAO,IAAI;AAAC,QAAA;KAAS,CAACC,QAAQ,CAACN,IAAO,CAAA,EAAA;QACpCK,YAAe,GAAA,MAAA;AACjB;AAEA,IAAA,IAAIJ,WAAa,EAAA;AACf,QAAA,qBACEM,cAACC,CAAAA,uBAAAA,EAAAA;sBACEL,aAAc,CAAA;AACbM,gBAAAA,EAAAA,EAAIC,eAAQ,CAAA,uBAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA;;AAGN;AAEA,IAAA,qBACEC,eAACJ,CAAAA,uBAAAA,EAAAA;QAAWK,SAAU,EAAA,YAAA;;YACnBV,aAAc,CAAA;AACbM,gBAAAA,EAAAA,EAAIC,eAAQ,CAAA,CAAC,UAAU,EAAEL,aAAa,CAAC,CAAA;gBACvCM,cAAgBX,EAAAA;AAClB,aAAA,CAAA;AAAG,YAAA,GAAA;AAEFE,YAAAA,UAAAA,IACCC,aAAc,CAAA;AACZM,gBAAAA,EAAAA,EAAIC,eAAQ,CAAA,sBAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA;;;AAGR;;;;"}
+{"version":3,"file":"DisplayedType.js","sources":["../../../admin/src/components/DisplayedType.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils/getTrad';\n\ntype DisplayedTypeProps = {\n  type: string;\n  customField?: string | null;\n  repeatable?: boolean;\n  multiple?: boolean;\n};\n\nexport const DisplayedType = ({\n  type,\n  customField = null,\n  repeatable = false,\n  multiple = false,\n}: DisplayedTypeProps) => {\n  const { formatMessage } = useIntl();\n\n  let readableType = type;\n\n  if (['integer', 'biginteger', 'float', 'decimal'].includes(type)) {\n    readableType = 'number';\n  } else if (['string'].includes(type)) {\n    readableType = 'text';\n  }\n\n  if (customField) {\n    return formatMessage({\n      id: getTrad('attribute.customField'),\n      defaultMessage: 'Custom field',\n    });\n  }\n\n  return (\n    <>\n      {repeatable &&\n        formatMessage({\n          id: getTrad('component.repeatable'),\n          defaultMessage: 'Repeatable',\n        })}\n      {multiple &&\n        formatMessage({\n          id: getTrad('media.multiple'),\n          defaultMessage: 'Multiple',\n        })}\n      &nbsp;\n      {formatMessage({\n        id: getTrad(`attribute.${readableType}`),\n        defaultMessage: type,\n      })}\n    </>\n  );\n};\n"],"names":["DisplayedType","type","customField","repeatable","multiple","formatMessage","useIntl","readableType","includes","id","getTrad","defaultMessage","_jsxs","_Fragment"],"mappings":";;;;;;AAWaA,MAAAA,aAAAA,GAAgB,CAAC,EAC5BC,IAAI,EACJC,WAAAA,GAAc,IAAI,EAClBC,UAAa,GAAA,KAAK,EAClBC,QAAAA,GAAW,KAAK,EACG,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,IAAIC,YAAeN,GAAAA,IAAAA;IAEnB,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA,YAAA;AAAc,QAAA,OAAA;AAAS,QAAA;KAAU,CAACO,QAAQ,CAACP,IAAO,CAAA,EAAA;QAChEM,YAAe,GAAA,QAAA;AACjB,KAAA,MAAO,IAAI;AAAC,QAAA;KAAS,CAACC,QAAQ,CAACP,IAAO,CAAA,EAAA;QACpCM,YAAe,GAAA,MAAA;AACjB;AAEA,IAAA,IAAIL,WAAa,EAAA;AACf,QAAA,OAAOG,aAAc,CAAA;AACnBI,YAAAA,EAAAA,EAAIC,eAAQ,CAAA,uBAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA,CAAA;AACF;IAEA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACGV,YAAAA,UAAAA,IACCE,aAAc,CAAA;AACZI,gBAAAA,EAAAA,EAAIC,eAAQ,CAAA,sBAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA,CAAA;AACDP,YAAAA,QAAAA,IACCC,aAAc,CAAA;AACZI,gBAAAA,EAAAA,EAAIC,eAAQ,CAAA,gBAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA,CAAA;AAAG,YAAA,GAAA;YAEJN,aAAc,CAAA;AACbI,gBAAAA,EAAAA,EAAIC,eAAQ,CAAA,CAAC,UAAU,EAAEH,aAAa,CAAC,CAAA;gBACvCI,cAAgBV,EAAAA;AAClB,aAAA;;;AAGN;;;;"}

package/dist/admin/components/DisplayedType.mjs

@@ -1,9 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Typography } from '@strapi/design-system';
+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 })=>{
+const DisplayedType = ({ type, customField = null, repeatable = false, multiple = false })=>{
     const { formatMessage } = useIntl();
     let readableType = type;
     if ([
@@ -19,24 +18,25 @@ const DisplayedType = ({ type, customField = null, repeatable = false })=>{
         readableType = 'text';
     }
     if (customField) {
-        return /*#__PURE__*/ jsx(Typography, {
-            children: formatMessage({
-                id: getTrad('attribute.customField'),
-                defaultMessage: 'Custom field'
-            })
+        return formatMessage({
+            id: getTrad('attribute.customField'),
+            defaultMessage: 'Custom field'
         });
     }
-    return /*#__PURE__*/ jsxs(Typography, {
-        textColor: "neutral800",
+    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
-            }),
-            " ",
-            repeatable && formatMessage({
-                id: getTrad('component.repeatable'),
-                defaultMessage: '(repeatable)'
             })
         ]
     });

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayedType.mjs","sources":["../../../admin/src/components/DisplayedType.tsx"],"sourcesContent":["import { Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils/getTrad';\n\ntype DisplayedTypeProps = {\n  type: string;\n  customField?: string | null;\n  repeatable?: boolean;\n};\n\nexport const DisplayedType = ({\n  type,\n  customField = null,\n  repeatable = false,\n}: DisplayedTypeProps) => {\n  const { formatMessage } = useIntl();\n\n  let readableType = type;\n\n  if (['integer', 'biginteger', 'float', 'decimal'].includes(type)) {\n    readableType = 'number';\n  } else if (['string'].includes(type)) {\n    readableType = 'text';\n  }\n\n  if (customField) {\n    return (\n      <Typography>\n        {formatMessage({\n          id: getTrad('attribute.customField'),\n          defaultMessage: 'Custom field',\n        })}\n      </Typography>\n    );\n  }\n\n  return (\n    <Typography textColor=\"neutral800\">\n      {formatMessage({\n        id: getTrad(`attribute.${readableType}`),\n        defaultMessage: type,\n      })}\n      &nbsp;\n      {repeatable &&\n        formatMessage({\n          id: getTrad('component.repeatable'),\n          defaultMessage: '(repeatable)',\n        })}\n    </Typography>\n  );\n};\n"],"names":["DisplayedType","type","customField","repeatable","formatMessage","useIntl","readableType","includes","_jsx","Typography","id","getTrad","defaultMessage","_jsxs","textColor"],"mappings":";;;;;AAWO,MAAMA,aAAgB,GAAA,CAAC,EAC5BC,IAAI,EACJC,WAAAA,GAAc,IAAI,EAClBC,UAAa,GAAA,KAAK,EACC,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,IAAIC,YAAeL,GAAAA,IAAAA;IAEnB,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA,YAAA;AAAc,QAAA,OAAA;AAAS,QAAA;KAAU,CAACM,QAAQ,CAACN,IAAO,CAAA,EAAA;QAChEK,YAAe,GAAA,QAAA;AACjB,KAAA,MAAO,IAAI;AAAC,QAAA;KAAS,CAACC,QAAQ,CAACN,IAAO,CAAA,EAAA;QACpCK,YAAe,GAAA,MAAA;AACjB;AAEA,IAAA,IAAIJ,WAAa,EAAA;AACf,QAAA,qBACEM,GAACC,CAAAA,UAAAA,EAAAA;sBACEL,aAAc,CAAA;AACbM,gBAAAA,EAAAA,EAAIC,OAAQ,CAAA,uBAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA;;AAGN;AAEA,IAAA,qBACEC,IAACJ,CAAAA,UAAAA,EAAAA;QAAWK,SAAU,EAAA,YAAA;;YACnBV,aAAc,CAAA;AACbM,gBAAAA,EAAAA,EAAIC,OAAQ,CAAA,CAAC,UAAU,EAAEL,aAAa,CAAC,CAAA;gBACvCM,cAAgBX,EAAAA;AAClB,aAAA,CAAA;AAAG,YAAA,GAAA;AAEFE,YAAAA,UAAAA,IACCC,aAAc,CAAA;AACZM,gBAAAA,EAAAA,EAAIC,OAAQ,CAAA,sBAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA;;;AAGR;;;;"}
+{"version":3,"file":"DisplayedType.mjs","sources":["../../../admin/src/components/DisplayedType.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils/getTrad';\n\ntype DisplayedTypeProps = {\n  type: string;\n  customField?: string | null;\n  repeatable?: boolean;\n  multiple?: boolean;\n};\n\nexport const DisplayedType = ({\n  type,\n  customField = null,\n  repeatable = false,\n  multiple = false,\n}: DisplayedTypeProps) => {\n  const { formatMessage } = useIntl();\n\n  let readableType = type;\n\n  if (['integer', 'biginteger', 'float', 'decimal'].includes(type)) {\n    readableType = 'number';\n  } else if (['string'].includes(type)) {\n    readableType = 'text';\n  }\n\n  if (customField) {\n    return formatMessage({\n      id: getTrad('attribute.customField'),\n      defaultMessage: 'Custom field',\n    });\n  }\n\n  return (\n    <>\n      {repeatable &&\n        formatMessage({\n          id: getTrad('component.repeatable'),\n          defaultMessage: 'Repeatable',\n        })}\n      {multiple &&\n        formatMessage({\n          id: getTrad('media.multiple'),\n          defaultMessage: 'Multiple',\n        })}\n      &nbsp;\n      {formatMessage({\n        id: getTrad(`attribute.${readableType}`),\n        defaultMessage: type,\n      })}\n    </>\n  );\n};\n"],"names":["DisplayedType","type","customField","repeatable","multiple","formatMessage","useIntl","readableType","includes","id","getTrad","defaultMessage","_jsxs","_Fragment"],"mappings":";;;;AAWaA,MAAAA,aAAAA,GAAgB,CAAC,EAC5BC,IAAI,EACJC,WAAAA,GAAc,IAAI,EAClBC,UAAa,GAAA,KAAK,EAClBC,QAAAA,GAAW,KAAK,EACG,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,IAAIC,YAAeN,GAAAA,IAAAA;IAEnB,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA,YAAA;AAAc,QAAA,OAAA;AAAS,QAAA;KAAU,CAACO,QAAQ,CAACP,IAAO,CAAA,EAAA;QAChEM,YAAe,GAAA,QAAA;AACjB,KAAA,MAAO,IAAI;AAAC,QAAA;KAAS,CAACC,QAAQ,CAACP,IAAO,CAAA,EAAA;QACpCM,YAAe,GAAA,MAAA;AACjB;AAEA,IAAA,IAAIL,WAAa,EAAA;AACf,QAAA,OAAOG,aAAc,CAAA;AACnBI,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,uBAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA,CAAA;AACF;IAEA,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACGV,YAAAA,UAAAA,IACCE,aAAc,CAAA;AACZI,gBAAAA,EAAAA,EAAIC,OAAQ,CAAA,sBAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA,CAAA;AACDP,YAAAA,QAAAA,IACCC,aAAc,CAAA;AACZI,gBAAAA,EAAAA,EAAIC,OAAQ,CAAA,gBAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA,CAAA;AAAG,YAAA,GAAA;YAEJN,aAAc,CAAA;AACbI,gBAAAA,EAAAA,EAAIC,OAAQ,CAAA,CAAC,UAAU,EAAEH,aAAa,CAAC,CAAA;gBACvCI,cAAgBV,EAAAA;AAClB,aAAA;;;AAGN;;;;"}

package/dist/admin/components/DynamicZoneList.js

@@ -6,35 +6,32 @@ var designSystem = require('@strapi/design-system');
 var Icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
-var useDataManager = require('../hooks/useDataManager.js');
 var getTrad = require('../utils/getTrad.js');
 var ComponentCard = require('./ComponentCard/ComponentCard.js');
 var ComponentList = require('./ComponentList.js');
-var Tr = require('./Tr.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 })=>theme.colors.primary100};
+  background: ${({ theme, disabled })=>disabled ? theme.colors.neutral100 : theme.colors.primary100};
   path {
-    fill: ${({ theme })=>theme.colors.primary600};
+    fill: ${({ theme, disabled })=>disabled ? theme.colors.neutral600 : theme.colors.primary600};
   }
 `;
-const FixedBox = styledComponents.styled(designSystem.Box)`
-  height: 9rem;
-  position: absolute;
-  width: 100%;
-  top: 0;
-  left: 0;
-`;
 const ScrollableStack = styledComponents.styled(designSystem.Flex)`
   width: 100%;
   overflow-x: auto;
-`;
-const ComponentContentBox = styledComponents.styled(designSystem.Box)`
-  padding-top: 9rem;
+
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 `;
 const ComponentStack = styledComponents.styled(designSystem.Flex)`
   flex-shrink: 0;
@@ -43,7 +40,7 @@ const ComponentStack = styledComponents.styled(designSystem.Flex)`
   justify-content: center;
   align-items: center;
 `;
-const DynamicZoneList = ({ customRowComponent, components = [], addComponent, name, targetUid })=>{
+const DynamicZoneList = ({ components = [], addComponent, name, forTarget, targetUid, disabled = false })=>{
     const { isInDevelopmentMode } = useDataManager.useDataManager();
     const [activeTab, setActiveTab] = React.useState(0);
     const { formatMessage } = reactIntl.useIntl();
@@ -55,30 +52,36 @@ const DynamicZoneList = ({ customRowComponent, components = [], addComponent, na
     const handleClickAdd = ()=>{
         addComponent(name);
     };
-    return /*#__PURE__*/ jsxRuntime.jsx(Tr.Tr, {
+    return /*#__PURE__*/ jsxRuntime.jsx(ComponentRow.ComponentRow, {
         className: "dynamiczone-row",
         $isFromDynamicZone: true,
-        children: /*#__PURE__*/ jsxRuntime.jsxs("td", {
-            colSpan: 12,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
             children: [
-                /*#__PURE__*/ jsxRuntime.jsx(FixedBox, {
-                    paddingLeft: 8,
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    padding: 2,
+                    paddingLeft: "104px",
                     children: /*#__PURE__*/ jsxRuntime.jsxs(ScrollableStack, {
                         gap: 2,
                         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, {}),
+                                        /*#__PURE__*/ jsxRuntime.jsx(StyledAddIcon, {
+                                            disabled: disabled
+                                        }),
                                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
                                             variant: "pi",
                                             fontWeight: "bold",
-                                            textColor: "primary600",
+                                            textColor: disabled ? 'neutral600' : 'primary600',
                                             children: formatMessage({
                                                 id: getTrad.getTrad('button.component.add'),
                                                 defaultMessage: 'Add a component'
@@ -97,19 +100,18 @@ const DynamicZoneList = ({ customRowComponent, components = [], addComponent, na
                                         component: component,
                                         isActive: activeTab === index,
                                         isInDevelopmentMode: isInDevelopmentMode,
-                                        onClick: ()=>toggle(index)
+                                        onClick: ()=>toggle(index),
+                                        forTarget: forTarget,
+                                        targetUid: targetUid,
+                                        disabled: disabled
                                     }, component);
                                 })
                             })
                         ]
                     })
                 }),
-                /*#__PURE__*/ jsxRuntime.jsx(ComponentContentBox, {
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
                     children: components.map((component, index)=>{
-                        const props = {
-                            customRowComponent,
-                            component
-                        };
                         return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
                             id: `dz-${name}-panel-${index}`,
                             role: "tabpanel",
@@ -117,16 +119,10 @@ const DynamicZoneList = ({ customRowComponent, components = [], addComponent, na
                             style: {
                                 display: activeTab === index ? 'block' : 'none'
                             },
-                            children: /*#__PURE__*/ jsxRuntime.jsx("table", {
-                                children: /*#__PURE__*/ jsxRuntime.jsx("tbody", {
-                                    children: /*#__PURE__*/ React.createElement(ComponentList.ComponentList, {
-                                        ...props,
-                                        isFromDynamicZone: true,
-                                        component: targetUid,
-                                        key: component
-                                    })
-                                })
-                            })
+                            children: /*#__PURE__*/ jsxRuntime.jsx(ComponentList.ComponentList, {
+                                isFromDynamicZone: true,
+                                component: component
+                            }, component)
                         }, component);
                     })
                 })

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicZoneList.js","sources":["../../../admin/src/components/DynamicZoneList.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../hooks/useDataManager';\nimport { getTrad } from '../utils/getTrad';\n\nimport { ComponentCard } from './ComponentCard';\nimport { ComponentList } from './ComponentList';\nimport { Tr } from './Tr';\n\nimport type { Internal } from '@strapi/types';\n\ninterface DynamicZoneListProps {\n  addComponent: (name?: string) => void;\n  components: Array<string>;\n  customRowComponent?: () => void;\n  name?: string;\n  targetUid: Internal.UID.Component;\n}\n\nconst StyledAddIcon = styled(Plus)`\n  width: 3.2rem;\n  height: 3.2rem;\n  padding: 0.9rem;\n  border-radius: 6.4rem;\n  background: ${({ theme }) => theme.colors.primary100};\n  path {\n    fill: ${({ theme }) => theme.colors.primary600};\n  }\n`;\n\nconst FixedBox = styled(Box)`\n  height: 9rem;\n  position: absolute;\n  width: 100%;\n  top: 0;\n  left: 0;\n`;\n\nconst ScrollableStack = styled(Flex)`\n  width: 100%;\n  overflow-x: auto;\n`;\n\nconst ComponentContentBox = styled(Box)`\n  padding-top: 9rem;\n`;\n\nconst ComponentStack = styled(Flex)`\n  flex-shrink: 0;\n  width: 14rem;\n  height: 8rem;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DynamicZoneList = ({\n  customRowComponent,\n  components = [],\n  addComponent,\n  name,\n  targetUid,\n}: DynamicZoneListProps) => {\n  const { isInDevelopmentMode } = useDataManager();\n  const [activeTab, setActiveTab] = useState(0);\n  const { formatMessage } = useIntl();\n\n  const toggle = (tab: number) => {\n    if (activeTab !== tab) {\n      setActiveTab(tab);\n    }\n  };\n\n  const handleClickAdd = () => {\n    addComponent(name);\n  };\n\n  return (\n    <Tr className=\"dynamiczone-row\" $isFromDynamicZone>\n      <td colSpan={12}>\n        <FixedBox paddingLeft={8}>\n          <ScrollableStack gap={2}>\n            {isInDevelopmentMode && (\n              <button type=\"button\" onClick={handleClickAdd}>\n                <ComponentStack direction=\"column\" alignItems=\"stretch\" gap={1}>\n                  <StyledAddIcon />\n                  <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"primary600\">\n                    {formatMessage({\n                      id: getTrad('button.component.add'),\n                      defaultMessage: 'Add a component',\n                    })}\n                  </Typography>\n                </ComponentStack>\n              </button>\n            )}\n            <Flex role=\"tablist\" gap={2}>\n              {components.map((component, index) => {\n                return (\n                  <ComponentCard\n                    key={component}\n                    dzName={name || ''}\n                    index={index}\n                    component={component}\n                    isActive={activeTab === index}\n                    isInDevelopmentMode={isInDevelopmentMode}\n                    onClick={() => toggle(index)}\n                  />\n                );\n              })}\n            </Flex>\n          </ScrollableStack>\n        </FixedBox>\n        <ComponentContentBox>\n          {components.map((component, index) => {\n            const props = {\n              customRowComponent,\n              component,\n            };\n\n            return (\n              <Box\n                id={`dz-${name}-panel-${index}`}\n                role=\"tabpanel\"\n                aria-labelledby={`dz-${name}-tab-${index}`}\n                key={component}\n                style={{ display: activeTab === index ? 'block' : 'none' }}\n              >\n                <table>\n                  <tbody>\n                    <ComponentList\n                      {...props}\n                      isFromDynamicZone\n                      component={targetUid}\n                      key={component}\n                    />\n                  </tbody>\n                </table>\n              </Box>\n            );\n          })}\n        </ComponentContentBox>\n      </td>\n    </Tr>\n  );\n};\n"],"names":["StyledAddIcon","styled","Plus","theme","colors","primary100","primary600","FixedBox","Box","ScrollableStack","Flex","ComponentContentBox","ComponentStack","DynamicZoneList","customRowComponent","components","addComponent","name","targetUid","isInDevelopmentMode","useDataManager","activeTab","setActiveTab","useState","formatMessage","useIntl","toggle","tab","handleClickAdd","_jsx","Tr","className","$isFromDynamicZone","_jsxs","td","colSpan","paddingLeft","gap","button","type","onClick","direction","alignItems","Typography","variant","fontWeight","textColor","id","getTrad","defaultMessage","role","map","component","index","ComponentCard","dzName","isActive","props","aria-labelledby","style","display","table","tbody","_createElement","ComponentList","isFromDynamicZone","key"],"mappings":"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"}
+{"version":3,"file":"DynamicZoneList.js","sources":["../../../admin/src/components/DynamicZoneList.tsx"],"sourcesContent":["import { ComponentType, useState } from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../utils/getTrad';\n\nimport { ComponentCard } from './ComponentCard';\nimport { ComponentList } from './ComponentList';\nimport { ComponentRow } from './ComponentRow';\nimport { useDataManager } from './DataManager/useDataManager';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface DynamicZoneListProps {\n  addComponent: (name?: string) => void;\n  components: Array<Internal.UID.Component>;\n  customRowComponent?: ComponentType<any>;\n  name?: string;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst StyledAddIcon = styled(Plus)<{ disabled?: boolean }>`\n  width: 3.2rem;\n  height: 3.2rem;\n  padding: 0.9rem;\n  border-radius: 6.4rem;\n  background: ${({ theme, disabled }) =>\n    disabled ? theme.colors.neutral100 : theme.colors.primary100};\n  path {\n    fill: ${({ theme, disabled }) =>\n      disabled ? theme.colors.neutral600 : theme.colors.primary600};\n  }\n`;\n\nconst ScrollableStack = styled(Flex)`\n  width: 100%;\n  overflow-x: auto;\n\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst ComponentStack = styled(Flex)`\n  flex-shrink: 0;\n  width: 14rem;\n  height: 8rem;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DynamicZoneList = ({\n  components = [],\n  addComponent,\n  name,\n  forTarget,\n  targetUid,\n  disabled = false,\n}: DynamicZoneListProps) => {\n  const { isInDevelopmentMode } = useDataManager();\n  const [activeTab, setActiveTab] = useState(0);\n  const { formatMessage } = useIntl();\n\n  const toggle = (tab: number) => {\n    if (activeTab !== tab) {\n      setActiveTab(tab);\n    }\n  };\n\n  const handleClickAdd = () => {\n    addComponent(name);\n  };\n\n  return (\n    <ComponentRow className=\"dynamiczone-row\" $isFromDynamicZone>\n      <Box>\n        <Box padding={2} paddingLeft=\"104px\">\n          <ScrollableStack gap={2}>\n            {isInDevelopmentMode && (\n              <button\n                type=\"button\"\n                onClick={handleClickAdd}\n                disabled={disabled}\n                style={{\n                  cursor: disabled ? 'not-allowed' : 'pointer',\n                }}\n              >\n                <ComponentStack direction=\"column\" alignItems=\"stretch\" gap={1}>\n                  <StyledAddIcon disabled={disabled} />\n                  <Typography\n                    variant=\"pi\"\n                    fontWeight=\"bold\"\n                    textColor={disabled ? 'neutral600' : 'primary600'}\n                  >\n                    {formatMessage({\n                      id: getTrad('button.component.add'),\n                      defaultMessage: 'Add a component',\n                    })}\n                  </Typography>\n                </ComponentStack>\n              </button>\n            )}\n            <Flex role=\"tablist\" gap={2}>\n              {components.map((component, index) => {\n                return (\n                  <ComponentCard\n                    key={component}\n                    dzName={name || ''}\n                    index={index}\n                    component={component}\n                    isActive={activeTab === index}\n                    isInDevelopmentMode={isInDevelopmentMode}\n                    onClick={() => toggle(index)}\n                    forTarget={forTarget}\n                    targetUid={targetUid}\n                    disabled={disabled}\n                  />\n                );\n              })}\n            </Flex>\n          </ScrollableStack>\n        </Box>\n        <Box>\n          {components.map((component, index) => {\n            return (\n              <Box\n                id={`dz-${name}-panel-${index}`}\n                role=\"tabpanel\"\n                aria-labelledby={`dz-${name}-tab-${index}`}\n                key={component}\n                style={{ display: activeTab === index ? 'block' : 'none' }}\n              >\n                <ComponentList isFromDynamicZone component={component} key={component} />\n              </Box>\n            );\n          })}\n        </Box>\n      </Box>\n    </ComponentRow>\n  );\n};\n"],"names":["StyledAddIcon","styled","Plus","theme","disabled","colors","neutral100","primary100","neutral600","primary600","ScrollableStack","Flex","ComponentStack","DynamicZoneList","components","addComponent","name","forTarget","targetUid","isInDevelopmentMode","useDataManager","activeTab","setActiveTab","useState","formatMessage","useIntl","toggle","tab","handleClickAdd","_jsx","ComponentRow","className","$isFromDynamicZone","_jsxs","Box","padding","paddingLeft","gap","button","type","onClick","style","cursor","direction","alignItems","Typography","variant","fontWeight","textColor","id","getTrad","defaultMessage","role","map","component","index","ComponentCard","dzName","isActive","aria-labelledby","display","ComponentList","isFromDynamicZone"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAMA,aAAAA,GAAgBC,uBAAOC,CAAAA,UAAAA,CAA6B;;;;;AAK5C,cAAA,EAAE,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAChCA,QAAAA,GAAWD,KAAME,CAAAA,MAAM,CAACC,UAAU,GAAGH,MAAME,MAAM,CAACE,UAAU,CAAC;;AAEvD,UAAA,EAAE,CAAC,EAAEJ,KAAK,EAAEC,QAAQ,EAAE,GAC1BA,QAAAA,GAAWD,KAAME,CAAAA,MAAM,CAACG,UAAU,GAAGL,MAAME,MAAM,CAACI,UAAU,CAAC;;AAEnE,CAAC;AAED,MAAMC,eAAAA,GAAkBT,uBAAOU,CAAAA,iBAAAA,CAAK;;;;;;;;;;AAUpC,CAAC;AAED,MAAMC,cAAAA,GAAiBX,uBAAOU,CAAAA,iBAAAA,CAAK;;;;;;AAMnC,CAAC;MAEYE,eAAkB,GAAA,CAAC,EAC9BC,UAAAA,GAAa,EAAE,EACfC,YAAY,EACZC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTd,QAAAA,GAAW,KAAK,EACK,GAAA;IACrB,MAAM,EAAEe,mBAAmB,EAAE,GAAGC,6BAAAA,EAAAA;AAChC,IAAA,MAAM,CAACC,SAAAA,EAAWC,YAAa,CAAA,GAAGC,cAAS,CAAA,CAAA,CAAA;IAC3C,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,MAAMC,SAAS,CAACC,GAAAA,GAAAA;AACd,QAAA,IAAIN,cAAcM,GAAK,EAAA;YACrBL,YAAaK,CAAAA,GAAAA,CAAAA;AACf;AACF,KAAA;AAEA,IAAA,MAAMC,cAAiB,GAAA,IAAA;QACrBb,YAAaC,CAAAA,IAAAA,CAAAA;AACf,KAAA;AAEA,IAAA,qBACEa,cAACC,CAAAA,yBAAAA,EAAAA;QAAaC,SAAU,EAAA,iBAAA;QAAkBC,kBAAkB,EAAA,IAAA;AAC1D,QAAA,QAAA,gBAAAC,eAACC,CAAAA,gBAAAA,EAAAA;;8BACCL,cAACK,CAAAA,gBAAAA,EAAAA;oBAAIC,OAAS,EAAA,CAAA;oBAAGC,WAAY,EAAA,OAAA;AAC3B,oBAAA,QAAA,gBAAAH,eAACvB,CAAAA,eAAAA,EAAAA;wBAAgB2B,GAAK,EAAA,CAAA;;AACnBlB,4BAAAA,mBAAAA,kBACCU,cAACS,CAAAA,QAAAA,EAAAA;gCACCC,IAAK,EAAA,QAAA;gCACLC,OAASZ,EAAAA,cAAAA;gCACTxB,QAAUA,EAAAA,QAAAA;gCACVqC,KAAO,EAAA;AACLC,oCAAAA,MAAAA,EAAQtC,WAAW,aAAgB,GAAA;AACrC,iCAAA;AAEA,gCAAA,QAAA,gBAAA6B,eAACrB,CAAAA,cAAAA,EAAAA;oCAAe+B,SAAU,EAAA,QAAA;oCAASC,UAAW,EAAA,SAAA;oCAAUP,GAAK,EAAA,CAAA;;sDAC3DR,cAAC7B,CAAAA,aAAAA,EAAAA;4CAAcI,QAAUA,EAAAA;;sDACzByB,cAACgB,CAAAA,uBAAAA,EAAAA;4CACCC,OAAQ,EAAA,IAAA;4CACRC,UAAW,EAAA,MAAA;AACXC,4CAAAA,SAAAA,EAAW5C,WAAW,YAAe,GAAA,YAAA;sDAEpCoB,aAAc,CAAA;AACbyB,gDAAAA,EAAAA,EAAIC,eAAQ,CAAA,sBAAA,CAAA;gDACZC,cAAgB,EAAA;AAClB,6CAAA;;;;;0CAKRtB,cAAClB,CAAAA,iBAAAA,EAAAA;gCAAKyC,IAAK,EAAA,SAAA;gCAAUf,GAAK,EAAA,CAAA;0CACvBvB,UAAWuC,CAAAA,GAAG,CAAC,CAACC,SAAWC,EAAAA,KAAAA,GAAAA;AAC1B,oCAAA,qBACE1B,cAAC2B,CAAAA,2BAAAA,EAAAA;AAECC,wCAAAA,MAAAA,EAAQzC,IAAQ,IAAA,EAAA;wCAChBuC,KAAOA,EAAAA,KAAAA;wCACPD,SAAWA,EAAAA,SAAAA;AACXI,wCAAAA,QAAAA,EAAUrC,SAAckC,KAAAA,KAAAA;wCACxBpC,mBAAqBA,EAAAA,mBAAAA;AACrBqB,wCAAAA,OAAAA,EAAS,IAAMd,MAAO6B,CAAAA,KAAAA,CAAAA;wCACtBtC,SAAWA,EAAAA,SAAAA;wCACXC,SAAWA,EAAAA,SAAAA;wCACXd,QAAUA,EAAAA;AATLkD,qCAAAA,EAAAA,SAAAA,CAAAA;AAYX,iCAAA;;;;;8BAINzB,cAACK,CAAAA,gBAAAA,EAAAA;8BACEpB,UAAWuC,CAAAA,GAAG,CAAC,CAACC,SAAWC,EAAAA,KAAAA,GAAAA;AAC1B,wBAAA,qBACE1B,cAACK,CAAAA,gBAAAA,EAAAA;AACCe,4BAAAA,EAAAA,EAAI,CAAC,GAAG,EAAEjC,KAAK,OAAO,EAAEuC,MAAM,CAAC;4BAC/BH,IAAK,EAAA,UAAA;AACLO,4BAAAA,iBAAAA,EAAiB,CAAC,GAAG,EAAE3C,KAAK,KAAK,EAAEuC,MAAM,CAAC;4BAE1Cd,KAAO,EAAA;gCAAEmB,OAASvC,EAAAA,SAAAA,KAAckC,QAAQ,OAAU,GAAA;AAAO,6BAAA;AAEzD,4BAAA,QAAA,gBAAA1B,cAACgC,CAAAA,2BAAAA,EAAAA;gCAAcC,iBAAiB,EAAA,IAAA;gCAACR,SAAWA,EAAAA;AAAgBA,6BAAAA,EAAAA,SAAAA;AAHvDA,yBAAAA,EAAAA,SAAAA,CAAAA;AAMX,qBAAA;;;;;AAKV;;;;"}