@strapi/content-type-builder 5.13.1 → 5.14.0

package/dist/admin/components/SelectComponents.js

@@ -3,15 +3,18 @@
 var jsxRuntime = require('react/jsx-runtime');
 var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
-var useDataManager = require('../hooks/useDataManager.js');
 var getTrad = require('../utils/getTrad.js');
 var findAttribute = require('../utils/findAttribute.js');
+var useDataManager = require('./DataManager/useDataManager.js');
 
-const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value })=>{
+const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value, targetUid })=>{
     const { formatMessage } = reactIntl.useIntl();
-    const { componentsGroupedByCategory, modifiedData } = useDataManager.useDataManager();
-    const dzSchema = findAttribute.findAttribute(modifiedData.contentType.schema.attributes, dynamicZoneTarget);
-    const alreadyUsedComponents = dzSchema?.components || [];
+    const { componentsGroupedByCategory, contentTypes } = useDataManager.useDataManager();
+    const dzSchema = findAttribute.findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);
+    if (!dzSchema) {
+        return null;
+    }
+    const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];
     const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce((acc, current)=>{
         const filteredComponents = componentsGroupedByCategory[current].filter(({ uid })=>{
             return !alreadyUsedComponents.includes(uid);
@@ -25,7 +28,7 @@ const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value
         const [categoryName, components] = current;
         const section = {
             label: categoryName,
-            children: components.map(({ uid, schema: { displayName } })=>{
+            children: components.map(({ uid, info: { displayName } })=>{
                 return {
                     label: displayName,
                     value: uid

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

@@ -1 +1 @@
-{"version":3,"file":"SelectComponents.js","sources":["../../../admin/src/components/SelectComponents.tsx"],"sourcesContent":["import { Field, MultiSelectNested } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDataManager } from '../hooks/useDataManager';\nimport { getTrad } from '../utils';\nimport { findAttribute } from '../utils/findAttribute';\n\nimport type { Component } from '../types';\n\ntype SelectComponentsProps = {\n  dynamicZoneTarget: string;\n  intlLabel: {\n    id: string;\n    defaultMessage: string;\n    values?: object;\n  };\n  name: string;\n  onChange: (value: {\n    target: {\n      name: string;\n      value: string[];\n      type?: string;\n    };\n  }) => void;\n  value: string[];\n};\n\nexport const SelectComponents = ({\n  dynamicZoneTarget,\n  intlLabel,\n  name,\n  onChange,\n  value,\n}: SelectComponentsProps) => {\n  const { formatMessage } = useIntl();\n  const { componentsGroupedByCategory, modifiedData } = useDataManager();\n  const dzSchema = findAttribute(modifiedData.contentType.schema.attributes, dynamicZoneTarget);\n  const alreadyUsedComponents = dzSchema?.components || [];\n  const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce(\n    (acc, current) => {\n      const filteredComponents = componentsGroupedByCategory[current].filter(({ uid }) => {\n        return !alreadyUsedComponents.includes(uid);\n      });\n\n      if (filteredComponents.length > 0) {\n        acc[current] = filteredComponents;\n      }\n\n      return acc;\n    },\n    {} as Record<string, Component[]>\n  );\n  const options = Object.entries(filteredComponentsGroupedByCategory).reduce(\n    (acc, current) => {\n      const [categoryName, components] = current;\n      const section = {\n        label: categoryName,\n        children: components.map(({ uid, schema: { displayName } }) => {\n          return { label: displayName, value: uid };\n        }),\n      };\n\n      acc.push(section);\n\n      return acc;\n    },\n    [] as Array<{ label: string; children: Array<{ label: string; value: string }> }>\n  );\n\n  const displayedValue = formatMessage(\n    {\n      id: getTrad('components.SelectComponents.displayed-value'),\n      defaultMessage:\n        '{number, plural, =0 {# components} one {# component} other {# components}} selected',\n    },\n    { number: value?.length ?? 0 }\n  );\n\n  return (\n    <Field.Root name={name}>\n      <Field.Label>{formatMessage(intlLabel)}</Field.Label>\n      <MultiSelectNested\n        id=\"select1\"\n        customizeContent={() => displayedValue}\n        onChange={(values) => {\n          onChange({ target: { name, value: values, type: 'select-components' } });\n        }}\n        options={options}\n        value={value || []}\n      />\n    </Field.Root>\n  );\n};\n"],"names":["SelectComponents","dynamicZoneTarget","intlLabel","name","onChange","value","formatMessage","useIntl","componentsGroupedByCategory","modifiedData","useDataManager","dzSchema","findAttribute","contentType","schema","attributes","alreadyUsedComponents","components","filteredComponentsGroupedByCategory","Object","keys","reduce","acc","current","filteredComponents","filter","uid","includes","length","options","entries","categoryName","section","label","children","map","displayName","push","displayedValue","id","getTrad","defaultMessage","number","_jsxs","Field","Root","_jsx","Label","MultiSelectNested","customizeContent","values","target","type"],"mappings":";;;;;;;;;AA2BaA,MAAAA,gBAAAA,GAAmB,CAAC,EAC/BC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACiB,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,2BAA2B,EAAEC,YAAY,EAAE,GAAGC,6BAAAA,EAAAA;IACtD,MAAMC,QAAAA,GAAWC,4BAAcH,YAAaI,CAAAA,WAAW,CAACC,MAAM,CAACC,UAAU,EAAEd,iBAAAA,CAAAA;IAC3E,MAAMe,qBAAAA,GAAwBL,QAAUM,EAAAA,UAAAA,IAAc,EAAE;IACxD,MAAMC,mCAAAA,GAAsCC,OAAOC,IAAI,CAACZ,6BAA6Ba,MAAM,CACzF,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;QACJ,MAAMC,kBAAAA,GAAqBhB,2BAA2B,CAACe,OAAQ,CAAA,CAACE,MAAM,CAAC,CAAC,EAAEC,GAAG,EAAE,GAAA;YAC7E,OAAO,CAACV,qBAAsBW,CAAAA,QAAQ,CAACD,GAAAA,CAAAA;AACzC,SAAA,CAAA;QAEA,IAAIF,kBAAAA,CAAmBI,MAAM,GAAG,CAAG,EAAA;YACjCN,GAAG,CAACC,QAAQ,GAAGC,kBAAAA;AACjB;QAEA,OAAOF,GAAAA;AACT,KAAA,EACA,EAAC,CAAA;IAEH,MAAMO,OAAAA,GAAUV,OAAOW,OAAO,CAACZ,qCAAqCG,MAAM,CACxE,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;QACJ,MAAM,CAACQ,YAAcd,EAAAA,UAAAA,CAAW,GAAGM,OAAAA;AACnC,QAAA,MAAMS,OAAU,GAAA;YACdC,KAAOF,EAAAA,YAAAA;YACPG,QAAUjB,EAAAA,UAAAA,CAAWkB,GAAG,CAAC,CAAC,EAAET,GAAG,EAAEZ,MAAQ,EAAA,EAAEsB,WAAW,EAAE,EAAE,GAAA;gBACxD,OAAO;oBAAEH,KAAOG,EAAAA,WAAAA;oBAAa/B,KAAOqB,EAAAA;AAAI,iBAAA;AAC1C,aAAA;AACF,SAAA;AAEAJ,QAAAA,GAAAA,CAAIe,IAAI,CAACL,OAAAA,CAAAA;QAET,OAAOV,GAAAA;AACT,KAAA,EACA,EAAE,CAAA;AAGJ,IAAA,MAAMgB,iBAAiBhC,aACrB,CAAA;AACEiC,QAAAA,EAAAA,EAAIC,eAAQ,CAAA,6CAAA,CAAA;QACZC,cACE,EAAA;KAEJ,EAAA;AAAEC,QAAAA,MAAAA,EAAQrC,OAAOuB,MAAU,IAAA;AAAE,KAAA,CAAA;IAG/B,qBACEe,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC1C,IAAMA,EAAAA,IAAAA;;AAChB,0BAAA2C,cAAA,CAACF,mBAAMG,KAAK,EAAA;0BAAEzC,aAAcJ,CAAAA,SAAAA;;0BAC5B4C,cAACE,CAAAA,8BAAAA,EAAAA;gBACCT,EAAG,EAAA,SAAA;AACHU,gBAAAA,gBAAAA,EAAkB,IAAMX,cAAAA;AACxBlC,gBAAAA,QAAAA,EAAU,CAAC8C,MAAAA,GAAAA;oBACT9C,QAAS,CAAA;wBAAE+C,MAAQ,EAAA;AAAEhD,4BAAAA,IAAAA;4BAAME,KAAO6C,EAAAA,MAAAA;4BAAQE,IAAM,EAAA;AAAoB;AAAE,qBAAA,CAAA;AACxE,iBAAA;gBACAvB,OAASA,EAAAA,OAAAA;AACTxB,gBAAAA,KAAAA,EAAOA,SAAS;;;;AAIxB;;;;"}
+{"version":3,"file":"SelectComponents.js","sources":["../../../admin/src/components/SelectComponents.tsx"],"sourcesContent":["import { Field, MultiSelectNested } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\nimport { findAttribute } from '../utils/findAttribute';\n\nimport { useDataManager } from './DataManager/useDataManager';\n\nimport type { Component } from '../types';\nimport type { Internal } from '@strapi/types';\n\ntype SelectComponentsProps = {\n  dynamicZoneTarget: string;\n  intlLabel: {\n    id: string;\n    defaultMessage: string;\n    values?: object;\n  };\n  name: string;\n  onChange: (value: {\n    target: {\n      name: string;\n      value: string[];\n      type?: string;\n    };\n  }) => void;\n  value: string[];\n  targetUid: Internal.UID.ContentType;\n};\n\nexport const SelectComponents = ({\n  dynamicZoneTarget,\n  intlLabel,\n  name,\n  onChange,\n  value,\n  targetUid,\n}: SelectComponentsProps) => {\n  const { formatMessage } = useIntl();\n  const { componentsGroupedByCategory, contentTypes } = useDataManager();\n  const dzSchema = findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);\n\n  if (!dzSchema) {\n    return null;\n  }\n\n  const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];\n\n  const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce(\n    (acc, current) => {\n      const filteredComponents = componentsGroupedByCategory[current].filter(({ uid }) => {\n        return !alreadyUsedComponents.includes(uid);\n      });\n\n      if (filteredComponents.length > 0) {\n        acc[current] = filteredComponents;\n      }\n\n      return acc;\n    },\n    {} as Record<string, Component[]>\n  );\n  const options = Object.entries(filteredComponentsGroupedByCategory).reduce(\n    (acc, current) => {\n      const [categoryName, components] = current;\n      const section = {\n        label: categoryName,\n        children: components.map(({ uid, info: { displayName } }) => {\n          return { label: displayName, value: uid };\n        }),\n      };\n\n      acc.push(section);\n\n      return acc;\n    },\n    [] as Array<{ label: string; children: Array<{ label: string; value: string }> }>\n  );\n\n  const displayedValue = formatMessage(\n    {\n      id: getTrad('components.SelectComponents.displayed-value'),\n      defaultMessage:\n        '{number, plural, =0 {# components} one {# component} other {# components}} selected',\n    },\n    { number: value?.length ?? 0 }\n  );\n\n  return (\n    <Field.Root name={name}>\n      <Field.Label>{formatMessage(intlLabel)}</Field.Label>\n      <MultiSelectNested\n        id=\"select1\"\n        customizeContent={() => displayedValue}\n        onChange={(values) => {\n          onChange({ target: { name, value: values, type: 'select-components' } });\n        }}\n        options={options}\n        value={value || []}\n      />\n    </Field.Root>\n  );\n};\n"],"names":["SelectComponents","dynamicZoneTarget","intlLabel","name","onChange","value","targetUid","formatMessage","useIntl","componentsGroupedByCategory","contentTypes","useDataManager","dzSchema","findAttribute","attributes","alreadyUsedComponents","components","filteredComponentsGroupedByCategory","Object","keys","reduce","acc","current","filteredComponents","filter","uid","includes","length","options","entries","categoryName","section","label","children","map","info","displayName","push","displayedValue","id","getTrad","defaultMessage","number","_jsxs","Field","Root","_jsx","Label","MultiSelectNested","customizeContent","values","target","type"],"mappings":";;;;;;;;;AA8BaA,MAAAA,gBAAAA,GAAmB,CAAC,EAC/BC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACa,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,2BAA2B,EAAEC,YAAY,EAAE,GAAGC,6BAAAA,EAAAA;AACtD,IAAA,MAAMC,WAAWC,2BAAcH,CAAAA,YAAY,CAACJ,SAAU,CAAA,CAACQ,UAAU,EAAEb,iBAAAA,CAAAA;AAEnE,IAAA,IAAI,CAACW,QAAU,EAAA;QACb,OAAO,IAAA;AACT;AAEA,IAAA,MAAMG,qBAAwB,GAAA,YAAA,IAAgBH,QAAWA,GAAAA,QAAAA,EAAUI,aAAa,EAAE;IAElF,MAAMC,mCAAAA,GAAsCC,OAAOC,IAAI,CAACV,6BAA6BW,MAAM,CACzF,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;QACJ,MAAMC,kBAAAA,GAAqBd,2BAA2B,CAACa,OAAQ,CAAA,CAACE,MAAM,CAAC,CAAC,EAAEC,GAAG,EAAE,GAAA;YAC7E,OAAO,CAACV,qBAAsBW,CAAAA,QAAQ,CAACD,GAAAA,CAAAA;AACzC,SAAA,CAAA;QAEA,IAAIF,kBAAAA,CAAmBI,MAAM,GAAG,CAAG,EAAA;YACjCN,GAAG,CAACC,QAAQ,GAAGC,kBAAAA;AACjB;QAEA,OAAOF,GAAAA;AACT,KAAA,EACA,EAAC,CAAA;IAEH,MAAMO,OAAAA,GAAUV,OAAOW,OAAO,CAACZ,qCAAqCG,MAAM,CACxE,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;QACJ,MAAM,CAACQ,YAAcd,EAAAA,UAAAA,CAAW,GAAGM,OAAAA;AACnC,QAAA,MAAMS,OAAU,GAAA;YACdC,KAAOF,EAAAA,YAAAA;YACPG,QAAUjB,EAAAA,UAAAA,CAAWkB,GAAG,CAAC,CAAC,EAAET,GAAG,EAAEU,IAAM,EAAA,EAAEC,WAAW,EAAE,EAAE,GAAA;gBACtD,OAAO;oBAAEJ,KAAOI,EAAAA,WAAAA;oBAAa/B,KAAOoB,EAAAA;AAAI,iBAAA;AAC1C,aAAA;AACF,SAAA;AAEAJ,QAAAA,GAAAA,CAAIgB,IAAI,CAACN,OAAAA,CAAAA;QAET,OAAOV,GAAAA;AACT,KAAA,EACA,EAAE,CAAA;AAGJ,IAAA,MAAMiB,iBAAiB/B,aACrB,CAAA;AACEgC,QAAAA,EAAAA,EAAIC,eAAQ,CAAA,6CAAA,CAAA;QACZC,cACE,EAAA;KAEJ,EAAA;AAAEC,QAAAA,MAAAA,EAAQrC,OAAOsB,MAAU,IAAA;AAAE,KAAA,CAAA;IAG/B,qBACEgB,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC1C,IAAMA,EAAAA,IAAAA;;AAChB,0BAAA2C,cAAA,CAACF,mBAAMG,KAAK,EAAA;0BAAExC,aAAcL,CAAAA,SAAAA;;0BAC5B4C,cAACE,CAAAA,8BAAAA,EAAAA;gBACCT,EAAG,EAAA,SAAA;AACHU,gBAAAA,gBAAAA,EAAkB,IAAMX,cAAAA;AACxBlC,gBAAAA,QAAAA,EAAU,CAAC8C,MAAAA,GAAAA;oBACT9C,QAAS,CAAA;wBAAE+C,MAAQ,EAAA;AAAEhD,4BAAAA,IAAAA;4BAAME,KAAO6C,EAAAA,MAAAA;4BAAQE,IAAM,EAAA;AAAoB;AAAE,qBAAA,CAAA;AACxE,iBAAA;gBACAxB,OAASA,EAAAA,OAAAA;AACTvB,gBAAAA,KAAAA,EAAOA,SAAS;;;;AAIxB;;;;"}

package/dist/admin/components/SelectComponents.mjs

@@ -1,15 +1,18 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Field, MultiSelectNested } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
-import { useDataManager } from '../hooks/useDataManager.mjs';
 import { getTrad } from '../utils/getTrad.mjs';
 import { findAttribute } from '../utils/findAttribute.mjs';
+import { useDataManager } from './DataManager/useDataManager.mjs';
 
-const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value })=>{
+const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value, targetUid })=>{
     const { formatMessage } = useIntl();
-    const { componentsGroupedByCategory, modifiedData } = useDataManager();
-    const dzSchema = findAttribute(modifiedData.contentType.schema.attributes, dynamicZoneTarget);
-    const alreadyUsedComponents = dzSchema?.components || [];
+    const { componentsGroupedByCategory, contentTypes } = useDataManager();
+    const dzSchema = findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);
+    if (!dzSchema) {
+        return null;
+    }
+    const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];
     const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce((acc, current)=>{
         const filteredComponents = componentsGroupedByCategory[current].filter(({ uid })=>{
             return !alreadyUsedComponents.includes(uid);
@@ -23,7 +26,7 @@ const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value
         const [categoryName, components] = current;
         const section = {
             label: categoryName,
-            children: components.map(({ uid, schema: { displayName } })=>{
+            children: components.map(({ uid, info: { displayName } })=>{
                 return {
                     label: displayName,
                     value: uid

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

@@ -1 +1 @@
-{"version":3,"file":"SelectComponents.mjs","sources":["../../../admin/src/components/SelectComponents.tsx"],"sourcesContent":["import { Field, MultiSelectNested } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDataManager } from '../hooks/useDataManager';\nimport { getTrad } from '../utils';\nimport { findAttribute } from '../utils/findAttribute';\n\nimport type { Component } from '../types';\n\ntype SelectComponentsProps = {\n  dynamicZoneTarget: string;\n  intlLabel: {\n    id: string;\n    defaultMessage: string;\n    values?: object;\n  };\n  name: string;\n  onChange: (value: {\n    target: {\n      name: string;\n      value: string[];\n      type?: string;\n    };\n  }) => void;\n  value: string[];\n};\n\nexport const SelectComponents = ({\n  dynamicZoneTarget,\n  intlLabel,\n  name,\n  onChange,\n  value,\n}: SelectComponentsProps) => {\n  const { formatMessage } = useIntl();\n  const { componentsGroupedByCategory, modifiedData } = useDataManager();\n  const dzSchema = findAttribute(modifiedData.contentType.schema.attributes, dynamicZoneTarget);\n  const alreadyUsedComponents = dzSchema?.components || [];\n  const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce(\n    (acc, current) => {\n      const filteredComponents = componentsGroupedByCategory[current].filter(({ uid }) => {\n        return !alreadyUsedComponents.includes(uid);\n      });\n\n      if (filteredComponents.length > 0) {\n        acc[current] = filteredComponents;\n      }\n\n      return acc;\n    },\n    {} as Record<string, Component[]>\n  );\n  const options = Object.entries(filteredComponentsGroupedByCategory).reduce(\n    (acc, current) => {\n      const [categoryName, components] = current;\n      const section = {\n        label: categoryName,\n        children: components.map(({ uid, schema: { displayName } }) => {\n          return { label: displayName, value: uid };\n        }),\n      };\n\n      acc.push(section);\n\n      return acc;\n    },\n    [] as Array<{ label: string; children: Array<{ label: string; value: string }> }>\n  );\n\n  const displayedValue = formatMessage(\n    {\n      id: getTrad('components.SelectComponents.displayed-value'),\n      defaultMessage:\n        '{number, plural, =0 {# components} one {# component} other {# components}} selected',\n    },\n    { number: value?.length ?? 0 }\n  );\n\n  return (\n    <Field.Root name={name}>\n      <Field.Label>{formatMessage(intlLabel)}</Field.Label>\n      <MultiSelectNested\n        id=\"select1\"\n        customizeContent={() => displayedValue}\n        onChange={(values) => {\n          onChange({ target: { name, value: values, type: 'select-components' } });\n        }}\n        options={options}\n        value={value || []}\n      />\n    </Field.Root>\n  );\n};\n"],"names":["SelectComponents","dynamicZoneTarget","intlLabel","name","onChange","value","formatMessage","useIntl","componentsGroupedByCategory","modifiedData","useDataManager","dzSchema","findAttribute","contentType","schema","attributes","alreadyUsedComponents","components","filteredComponentsGroupedByCategory","Object","keys","reduce","acc","current","filteredComponents","filter","uid","includes","length","options","entries","categoryName","section","label","children","map","displayName","push","displayedValue","id","getTrad","defaultMessage","number","_jsxs","Field","Root","_jsx","Label","MultiSelectNested","customizeContent","values","target","type"],"mappings":";;;;;;;AA2BaA,MAAAA,gBAAAA,GAAmB,CAAC,EAC/BC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACiB,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,2BAA2B,EAAEC,YAAY,EAAE,GAAGC,cAAAA,EAAAA;IACtD,MAAMC,QAAAA,GAAWC,cAAcH,YAAaI,CAAAA,WAAW,CAACC,MAAM,CAACC,UAAU,EAAEd,iBAAAA,CAAAA;IAC3E,MAAMe,qBAAAA,GAAwBL,QAAUM,EAAAA,UAAAA,IAAc,EAAE;IACxD,MAAMC,mCAAAA,GAAsCC,OAAOC,IAAI,CAACZ,6BAA6Ba,MAAM,CACzF,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;QACJ,MAAMC,kBAAAA,GAAqBhB,2BAA2B,CAACe,OAAQ,CAAA,CAACE,MAAM,CAAC,CAAC,EAAEC,GAAG,EAAE,GAAA;YAC7E,OAAO,CAACV,qBAAsBW,CAAAA,QAAQ,CAACD,GAAAA,CAAAA;AACzC,SAAA,CAAA;QAEA,IAAIF,kBAAAA,CAAmBI,MAAM,GAAG,CAAG,EAAA;YACjCN,GAAG,CAACC,QAAQ,GAAGC,kBAAAA;AACjB;QAEA,OAAOF,GAAAA;AACT,KAAA,EACA,EAAC,CAAA;IAEH,MAAMO,OAAAA,GAAUV,OAAOW,OAAO,CAACZ,qCAAqCG,MAAM,CACxE,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;QACJ,MAAM,CAACQ,YAAcd,EAAAA,UAAAA,CAAW,GAAGM,OAAAA;AACnC,QAAA,MAAMS,OAAU,GAAA;YACdC,KAAOF,EAAAA,YAAAA;YACPG,QAAUjB,EAAAA,UAAAA,CAAWkB,GAAG,CAAC,CAAC,EAAET,GAAG,EAAEZ,MAAQ,EAAA,EAAEsB,WAAW,EAAE,EAAE,GAAA;gBACxD,OAAO;oBAAEH,KAAOG,EAAAA,WAAAA;oBAAa/B,KAAOqB,EAAAA;AAAI,iBAAA;AAC1C,aAAA;AACF,SAAA;AAEAJ,QAAAA,GAAAA,CAAIe,IAAI,CAACL,OAAAA,CAAAA;QAET,OAAOV,GAAAA;AACT,KAAA,EACA,EAAE,CAAA;AAGJ,IAAA,MAAMgB,iBAAiBhC,aACrB,CAAA;AACEiC,QAAAA,EAAAA,EAAIC,OAAQ,CAAA,6CAAA,CAAA;QACZC,cACE,EAAA;KAEJ,EAAA;AAAEC,QAAAA,MAAAA,EAAQrC,OAAOuB,MAAU,IAAA;AAAE,KAAA,CAAA;IAG/B,qBACEe,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAC1C,IAAMA,EAAAA,IAAAA;;AAChB,0BAAA2C,GAAA,CAACF,MAAMG,KAAK,EAAA;0BAAEzC,aAAcJ,CAAAA,SAAAA;;0BAC5B4C,GAACE,CAAAA,iBAAAA,EAAAA;gBACCT,EAAG,EAAA,SAAA;AACHU,gBAAAA,gBAAAA,EAAkB,IAAMX,cAAAA;AACxBlC,gBAAAA,QAAAA,EAAU,CAAC8C,MAAAA,GAAAA;oBACT9C,QAAS,CAAA;wBAAE+C,MAAQ,EAAA;AAAEhD,4BAAAA,IAAAA;4BAAME,KAAO6C,EAAAA,MAAAA;4BAAQE,IAAM,EAAA;AAAoB;AAAE,qBAAA,CAAA;AACxE,iBAAA;gBACAvB,OAASA,EAAAA,OAAAA;AACTxB,gBAAAA,KAAAA,EAAOA,SAAS;;;;AAIxB;;;;"}
+{"version":3,"file":"SelectComponents.mjs","sources":["../../../admin/src/components/SelectComponents.tsx"],"sourcesContent":["import { Field, MultiSelectNested } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\nimport { findAttribute } from '../utils/findAttribute';\n\nimport { useDataManager } from './DataManager/useDataManager';\n\nimport type { Component } from '../types';\nimport type { Internal } from '@strapi/types';\n\ntype SelectComponentsProps = {\n  dynamicZoneTarget: string;\n  intlLabel: {\n    id: string;\n    defaultMessage: string;\n    values?: object;\n  };\n  name: string;\n  onChange: (value: {\n    target: {\n      name: string;\n      value: string[];\n      type?: string;\n    };\n  }) => void;\n  value: string[];\n  targetUid: Internal.UID.ContentType;\n};\n\nexport const SelectComponents = ({\n  dynamicZoneTarget,\n  intlLabel,\n  name,\n  onChange,\n  value,\n  targetUid,\n}: SelectComponentsProps) => {\n  const { formatMessage } = useIntl();\n  const { componentsGroupedByCategory, contentTypes } = useDataManager();\n  const dzSchema = findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);\n\n  if (!dzSchema) {\n    return null;\n  }\n\n  const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];\n\n  const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce(\n    (acc, current) => {\n      const filteredComponents = componentsGroupedByCategory[current].filter(({ uid }) => {\n        return !alreadyUsedComponents.includes(uid);\n      });\n\n      if (filteredComponents.length > 0) {\n        acc[current] = filteredComponents;\n      }\n\n      return acc;\n    },\n    {} as Record<string, Component[]>\n  );\n  const options = Object.entries(filteredComponentsGroupedByCategory).reduce(\n    (acc, current) => {\n      const [categoryName, components] = current;\n      const section = {\n        label: categoryName,\n        children: components.map(({ uid, info: { displayName } }) => {\n          return { label: displayName, value: uid };\n        }),\n      };\n\n      acc.push(section);\n\n      return acc;\n    },\n    [] as Array<{ label: string; children: Array<{ label: string; value: string }> }>\n  );\n\n  const displayedValue = formatMessage(\n    {\n      id: getTrad('components.SelectComponents.displayed-value'),\n      defaultMessage:\n        '{number, plural, =0 {# components} one {# component} other {# components}} selected',\n    },\n    { number: value?.length ?? 0 }\n  );\n\n  return (\n    <Field.Root name={name}>\n      <Field.Label>{formatMessage(intlLabel)}</Field.Label>\n      <MultiSelectNested\n        id=\"select1\"\n        customizeContent={() => displayedValue}\n        onChange={(values) => {\n          onChange({ target: { name, value: values, type: 'select-components' } });\n        }}\n        options={options}\n        value={value || []}\n      />\n    </Field.Root>\n  );\n};\n"],"names":["SelectComponents","dynamicZoneTarget","intlLabel","name","onChange","value","targetUid","formatMessage","useIntl","componentsGroupedByCategory","contentTypes","useDataManager","dzSchema","findAttribute","attributes","alreadyUsedComponents","components","filteredComponentsGroupedByCategory","Object","keys","reduce","acc","current","filteredComponents","filter","uid","includes","length","options","entries","categoryName","section","label","children","map","info","displayName","push","displayedValue","id","getTrad","defaultMessage","number","_jsxs","Field","Root","_jsx","Label","MultiSelectNested","customizeContent","values","target","type"],"mappings":";;;;;;;AA8BaA,MAAAA,gBAAAA,GAAmB,CAAC,EAC/BC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACa,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,2BAA2B,EAAEC,YAAY,EAAE,GAAGC,cAAAA,EAAAA;AACtD,IAAA,MAAMC,WAAWC,aAAcH,CAAAA,YAAY,CAACJ,SAAU,CAAA,CAACQ,UAAU,EAAEb,iBAAAA,CAAAA;AAEnE,IAAA,IAAI,CAACW,QAAU,EAAA;QACb,OAAO,IAAA;AACT;AAEA,IAAA,MAAMG,qBAAwB,GAAA,YAAA,IAAgBH,QAAWA,GAAAA,QAAAA,EAAUI,aAAa,EAAE;IAElF,MAAMC,mCAAAA,GAAsCC,OAAOC,IAAI,CAACV,6BAA6BW,MAAM,CACzF,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;QACJ,MAAMC,kBAAAA,GAAqBd,2BAA2B,CAACa,OAAQ,CAAA,CAACE,MAAM,CAAC,CAAC,EAAEC,GAAG,EAAE,GAAA;YAC7E,OAAO,CAACV,qBAAsBW,CAAAA,QAAQ,CAACD,GAAAA,CAAAA;AACzC,SAAA,CAAA;QAEA,IAAIF,kBAAAA,CAAmBI,MAAM,GAAG,CAAG,EAAA;YACjCN,GAAG,CAACC,QAAQ,GAAGC,kBAAAA;AACjB;QAEA,OAAOF,GAAAA;AACT,KAAA,EACA,EAAC,CAAA;IAEH,MAAMO,OAAAA,GAAUV,OAAOW,OAAO,CAACZ,qCAAqCG,MAAM,CACxE,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;QACJ,MAAM,CAACQ,YAAcd,EAAAA,UAAAA,CAAW,GAAGM,OAAAA;AACnC,QAAA,MAAMS,OAAU,GAAA;YACdC,KAAOF,EAAAA,YAAAA;YACPG,QAAUjB,EAAAA,UAAAA,CAAWkB,GAAG,CAAC,CAAC,EAAET,GAAG,EAAEU,IAAM,EAAA,EAAEC,WAAW,EAAE,EAAE,GAAA;gBACtD,OAAO;oBAAEJ,KAAOI,EAAAA,WAAAA;oBAAa/B,KAAOoB,EAAAA;AAAI,iBAAA;AAC1C,aAAA;AACF,SAAA;AAEAJ,QAAAA,GAAAA,CAAIgB,IAAI,CAACN,OAAAA,CAAAA;QAET,OAAOV,GAAAA;AACT,KAAA,EACA,EAAE,CAAA;AAGJ,IAAA,MAAMiB,iBAAiB/B,aACrB,CAAA;AACEgC,QAAAA,EAAAA,EAAIC,OAAQ,CAAA,6CAAA,CAAA;QACZC,cACE,EAAA;KAEJ,EAAA;AAAEC,QAAAA,MAAAA,EAAQrC,OAAOsB,MAAU,IAAA;AAAE,KAAA,CAAA;IAG/B,qBACEgB,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAC1C,IAAMA,EAAAA,IAAAA;;AAChB,0BAAA2C,GAAA,CAACF,MAAMG,KAAK,EAAA;0BAAExC,aAAcL,CAAAA,SAAAA;;0BAC5B4C,GAACE,CAAAA,iBAAAA,EAAAA;gBACCT,EAAG,EAAA,SAAA;AACHU,gBAAAA,gBAAAA,EAAkB,IAAMX,cAAAA;AACxBlC,gBAAAA,QAAAA,EAAU,CAAC8C,MAAAA,GAAAA;oBACT9C,QAAS,CAAA;wBAAE+C,MAAQ,EAAA;AAAEhD,4BAAAA,IAAAA;4BAAME,KAAO6C,EAAAA,MAAAA;4BAAQE,IAAM,EAAA;AAAoB;AAAE,qBAAA,CAAA;AACxE,iBAAA;gBACAxB,OAASA,EAAAA,OAAAA;AACTvB,gBAAAA,KAAAA,EAAOA,SAAS;;;;AAIxB;;;;"}

package/dist/admin/components/SelectNumber.js

@@ -102,10 +102,6 @@ const SelectNumber = ({ intlLabel, error = undefined, modifiedData, name, onChan
         ]
     });
 };
-SelectNumber.defaultProps = {
-    error: undefined,
-    value: ''
-};
 
 exports.SelectNumber = SelectNumber;
 //# sourceMappingURL=SelectNumber.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectNumber.js","sources":["../../../admin/src/components/SelectNumber.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\ntype SelectNumberProps = {\n  intlLabel: {\n    id: string;\n    defaultMessage: string;\n    values?: object;\n  };\n  error?: string;\n  modifiedData: {\n    default: number;\n    max: number;\n    min: number;\n  };\n  name: string;\n  onChange: (value: {\n    target: {\n      name: string;\n      value: string | number | null;\n      type?: string;\n    };\n  }) => void;\n  options: Array<{\n    metadatas: {\n      intlLabel: {\n        id: string;\n        defaultMessage: string;\n      };\n      disabled?: boolean;\n      hidden?: boolean;\n    };\n    key: string | number;\n    value: string | number;\n  }>;\n  value?: string;\n};\n\nexport const SelectNumber = ({\n  intlLabel,\n  error = undefined,\n  modifiedData,\n  name,\n  onChange,\n  options,\n  value = '',\n}: SelectNumberProps) => {\n  const { formatMessage } = useIntl();\n  const label = formatMessage(intlLabel);\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  const handleChange = (nextValue: string | number) => {\n    onChange({ target: { name, value: nextValue, type: 'select' } });\n\n    if (!value) {\n      return;\n    }\n\n    if (nextValue === 'biginteger' && value !== 'biginteger') {\n      if (modifiedData.default !== undefined && modifiedData.default !== null) {\n        onChange({ target: { name: 'default', value: null } });\n      }\n\n      if (modifiedData.max !== undefined && modifiedData.max !== null) {\n        onChange({ target: { name: 'max', value: null } });\n      }\n\n      if (modifiedData.min !== undefined && modifiedData.min !== null) {\n        onChange({ target: { name: 'min', value: null } });\n      }\n    }\n\n    if (\n      typeof nextValue === 'string' &&\n      ['decimal', 'float', 'integer'].includes(nextValue) &&\n      value === 'biginteger'\n    ) {\n      if (modifiedData.default !== undefined && modifiedData.default !== null) {\n        onChange({ target: { name: 'default', value: null } });\n      }\n\n      if (modifiedData.max !== undefined && modifiedData.max !== null) {\n        onChange({ target: { name: 'max', value: null } });\n      }\n\n      if (modifiedData.min !== undefined && modifiedData.min !== null) {\n        onChange({ target: { name: 'min', value: null } });\n      }\n    }\n  };\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <SingleSelect onChange={handleChange} value={value || ''}>\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n          return (\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n              {formatMessage(intlLabel)}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\nSelectNumber.defaultProps = {\n  error: undefined,\n  value: '',\n};\n"],"names":["SelectNumber","intlLabel","error","undefined","modifiedData","name","onChange","options","value","formatMessage","useIntl","label","errorMessage","id","defaultMessage","handleChange","nextValue","target","type","default","max","min","includes","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption","Error","defaultProps"],"mappings":"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"}
+{"version":3,"file":"SelectNumber.js","sources":["../../../admin/src/components/SelectNumber.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\ntype SelectNumberProps = {\n  intlLabel: {\n    id: string;\n    defaultMessage: string;\n    values?: object;\n  };\n  error?: string;\n  modifiedData: {\n    default: number;\n    max: number;\n    min: number;\n  };\n  name: string;\n  onChange: (value: {\n    target: {\n      name: string;\n      value: string | number | null;\n      type?: string;\n    };\n  }) => void;\n  options: Array<{\n    metadatas: {\n      intlLabel: {\n        id: string;\n        defaultMessage: string;\n      };\n      disabled?: boolean;\n      hidden?: boolean;\n    };\n    key: string | number;\n    value: string | number;\n  }>;\n  value?: string;\n};\n\nexport const SelectNumber = ({\n  intlLabel,\n  error = undefined,\n  modifiedData,\n  name,\n  onChange,\n  options,\n  value = '',\n}: SelectNumberProps) => {\n  const { formatMessage } = useIntl();\n  const label = formatMessage(intlLabel);\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  const handleChange = (nextValue: string | number) => {\n    onChange({ target: { name, value: nextValue, type: 'select' } });\n\n    if (!value) {\n      return;\n    }\n\n    if (nextValue === 'biginteger' && value !== 'biginteger') {\n      if (modifiedData.default !== undefined && modifiedData.default !== null) {\n        onChange({ target: { name: 'default', value: null } });\n      }\n\n      if (modifiedData.max !== undefined && modifiedData.max !== null) {\n        onChange({ target: { name: 'max', value: null } });\n      }\n\n      if (modifiedData.min !== undefined && modifiedData.min !== null) {\n        onChange({ target: { name: 'min', value: null } });\n      }\n    }\n\n    if (\n      typeof nextValue === 'string' &&\n      ['decimal', 'float', 'integer'].includes(nextValue) &&\n      value === 'biginteger'\n    ) {\n      if (modifiedData.default !== undefined && modifiedData.default !== null) {\n        onChange({ target: { name: 'default', value: null } });\n      }\n\n      if (modifiedData.max !== undefined && modifiedData.max !== null) {\n        onChange({ target: { name: 'max', value: null } });\n      }\n\n      if (modifiedData.min !== undefined && modifiedData.min !== null) {\n        onChange({ target: { name: 'min', value: null } });\n      }\n    }\n  };\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <SingleSelect onChange={handleChange} value={value || ''}>\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n          return (\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n              {formatMessage(intlLabel)}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n      <Field.Error />\n    </Field.Root>\n  );\n};\n"],"names":["SelectNumber","intlLabel","error","undefined","modifiedData","name","onChange","options","value","formatMessage","useIntl","label","errorMessage","id","defaultMessage","handleChange","nextValue","target","type","default","max","min","includes","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption","Error"],"mappings":"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"}

package/dist/admin/components/SelectNumber.mjs

@@ -100,10 +100,6 @@ const SelectNumber = ({ intlLabel, error = undefined, modifiedData, name, onChan
         ]
     });
 };
-SelectNumber.defaultProps = {
-    error: undefined,
-    value: ''
-};
 
 export { SelectNumber };
 //# sourceMappingURL=SelectNumber.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectNumber.mjs","sources":["../../../admin/src/components/SelectNumber.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\ntype SelectNumberProps = {\n  intlLabel: {\n    id: string;\n    defaultMessage: string;\n    values?: object;\n  };\n  error?: string;\n  modifiedData: {\n    default: number;\n    max: number;\n    min: number;\n  };\n  name: string;\n  onChange: (value: {\n    target: {\n      name: string;\n      value: string | number | null;\n      type?: string;\n    };\n  }) => void;\n  options: Array<{\n    metadatas: {\n      intlLabel: {\n        id: string;\n        defaultMessage: string;\n      };\n      disabled?: boolean;\n      hidden?: boolean;\n    };\n    key: string | number;\n    value: string | number;\n  }>;\n  value?: string;\n};\n\nexport const SelectNumber = ({\n  intlLabel,\n  error = undefined,\n  modifiedData,\n  name,\n  onChange,\n  options,\n  value = '',\n}: SelectNumberProps) => {\n  const { formatMessage } = useIntl();\n  const label = formatMessage(intlLabel);\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  const handleChange = (nextValue: string | number) => {\n    onChange({ target: { name, value: nextValue, type: 'select' } });\n\n    if (!value) {\n      return;\n    }\n\n    if (nextValue === 'biginteger' && value !== 'biginteger') {\n      if (modifiedData.default !== undefined && modifiedData.default !== null) {\n        onChange({ target: { name: 'default', value: null } });\n      }\n\n      if (modifiedData.max !== undefined && modifiedData.max !== null) {\n        onChange({ target: { name: 'max', value: null } });\n      }\n\n      if (modifiedData.min !== undefined && modifiedData.min !== null) {\n        onChange({ target: { name: 'min', value: null } });\n      }\n    }\n\n    if (\n      typeof nextValue === 'string' &&\n      ['decimal', 'float', 'integer'].includes(nextValue) &&\n      value === 'biginteger'\n    ) {\n      if (modifiedData.default !== undefined && modifiedData.default !== null) {\n        onChange({ target: { name: 'default', value: null } });\n      }\n\n      if (modifiedData.max !== undefined && modifiedData.max !== null) {\n        onChange({ target: { name: 'max', value: null } });\n      }\n\n      if (modifiedData.min !== undefined && modifiedData.min !== null) {\n        onChange({ target: { name: 'min', value: null } });\n      }\n    }\n  };\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <SingleSelect onChange={handleChange} value={value || ''}>\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n          return (\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n              {formatMessage(intlLabel)}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\nSelectNumber.defaultProps = {\n  error: undefined,\n  value: '',\n};\n"],"names":["SelectNumber","intlLabel","error","undefined","modifiedData","name","onChange","options","value","formatMessage","useIntl","label","errorMessage","id","defaultMessage","handleChange","nextValue","target","type","default","max","min","includes","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption","Error","defaultProps"],"mappings":"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"}
+{"version":3,"file":"SelectNumber.mjs","sources":["../../../admin/src/components/SelectNumber.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\ntype SelectNumberProps = {\n  intlLabel: {\n    id: string;\n    defaultMessage: string;\n    values?: object;\n  };\n  error?: string;\n  modifiedData: {\n    default: number;\n    max: number;\n    min: number;\n  };\n  name: string;\n  onChange: (value: {\n    target: {\n      name: string;\n      value: string | number | null;\n      type?: string;\n    };\n  }) => void;\n  options: Array<{\n    metadatas: {\n      intlLabel: {\n        id: string;\n        defaultMessage: string;\n      };\n      disabled?: boolean;\n      hidden?: boolean;\n    };\n    key: string | number;\n    value: string | number;\n  }>;\n  value?: string;\n};\n\nexport const SelectNumber = ({\n  intlLabel,\n  error = undefined,\n  modifiedData,\n  name,\n  onChange,\n  options,\n  value = '',\n}: SelectNumberProps) => {\n  const { formatMessage } = useIntl();\n  const label = formatMessage(intlLabel);\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  const handleChange = (nextValue: string | number) => {\n    onChange({ target: { name, value: nextValue, type: 'select' } });\n\n    if (!value) {\n      return;\n    }\n\n    if (nextValue === 'biginteger' && value !== 'biginteger') {\n      if (modifiedData.default !== undefined && modifiedData.default !== null) {\n        onChange({ target: { name: 'default', value: null } });\n      }\n\n      if (modifiedData.max !== undefined && modifiedData.max !== null) {\n        onChange({ target: { name: 'max', value: null } });\n      }\n\n      if (modifiedData.min !== undefined && modifiedData.min !== null) {\n        onChange({ target: { name: 'min', value: null } });\n      }\n    }\n\n    if (\n      typeof nextValue === 'string' &&\n      ['decimal', 'float', 'integer'].includes(nextValue) &&\n      value === 'biginteger'\n    ) {\n      if (modifiedData.default !== undefined && modifiedData.default !== null) {\n        onChange({ target: { name: 'default', value: null } });\n      }\n\n      if (modifiedData.max !== undefined && modifiedData.max !== null) {\n        onChange({ target: { name: 'max', value: null } });\n      }\n\n      if (modifiedData.min !== undefined && modifiedData.min !== null) {\n        onChange({ target: { name: 'min', value: null } });\n      }\n    }\n  };\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <SingleSelect onChange={handleChange} value={value || ''}>\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n          return (\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n              {formatMessage(intlLabel)}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n      <Field.Error />\n    </Field.Root>\n  );\n};\n"],"names":["SelectNumber","intlLabel","error","undefined","modifiedData","name","onChange","options","value","formatMessage","useIntl","label","errorMessage","id","defaultMessage","handleChange","nextValue","target","type","default","max","min","includes","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption","Error"],"mappings":"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"}

package/dist/admin/components/Status.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+
+const Status = ({ status })=>{
+    switch(status){
+        case 'UNCHANGED':
+            return null;
+        case 'CHANGED':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "semiBold",
+                textColor: "alternative500",
+                children: "M"
+            });
+        case 'REMOVED':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "semiBold",
+                textColor: "danger500",
+                children: "D"
+            });
+        case 'NEW':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "semiBold",
+                textColor: "success500",
+                children: "N"
+            });
+    }
+};
+const StatusBadge = ({ status })=>{
+    switch(status){
+        case 'CHANGED':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Badge, {
+                fontWeight: "bold",
+                textColor: "alternative600",
+                backgroundColor: "alternative100",
+                borderColor: "alternative200",
+                children: "Modified"
+            });
+        case 'REMOVED':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Badge, {
+                fontWeight: "bold",
+                textColor: "danger600",
+                backgroundColor: "danger100",
+                borderColor: "danger200",
+                children: "Deleted"
+            });
+        case 'NEW':
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Badge, {
+                fontWeight: "bold",
+                textColor: "success600",
+                backgroundColor: "success100",
+                borderColor: "success200",
+                children: "New"
+            });
+        case 'UNCHANGED':
+        default:
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Badge, {
+                style: {
+                    visibility: 'hidden'
+                },
+                fontWeight: "bold",
+                textColor: "warning600",
+                backgroundColor: "warning100",
+                borderColor: "warning200",
+                children: "Unchanged"
+            });
+    }
+};
+
+exports.Status = Status;
+exports.StatusBadge = StatusBadge;
+//# sourceMappingURL=Status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.js","sources":["../../../admin/src/components/Status.tsx"],"sourcesContent":["import { Typography, Badge } from '@strapi/design-system';\n\nexport const Status = ({ status }: { status: string }) => {\n  switch (status) {\n    case 'UNCHANGED':\n      return null;\n    case 'CHANGED':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"alternative500\">\n          M\n        </Typography>\n      );\n    case 'REMOVED':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"danger500\">\n          D\n        </Typography>\n      );\n    case 'NEW':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"success500\">\n          N\n        </Typography>\n      );\n  }\n};\n\nexport const StatusBadge = ({ status }: { status: string }) => {\n  switch (status) {\n    case 'CHANGED':\n      return (\n        <Badge\n          fontWeight=\"bold\"\n          textColor=\"alternative600\"\n          backgroundColor=\"alternative100\"\n          borderColor=\"alternative200\"\n        >\n          Modified\n        </Badge>\n      );\n    case 'REMOVED':\n      return (\n        <Badge\n          fontWeight=\"bold\"\n          textColor=\"danger600\"\n          backgroundColor=\"danger100\"\n          borderColor=\"danger200\"\n        >\n          Deleted\n        </Badge>\n      );\n    case 'NEW':\n      return (\n        <Badge\n          fontWeight=\"bold\"\n          textColor=\"success600\"\n          backgroundColor=\"success100\"\n          borderColor=\"success200\"\n        >\n          New\n        </Badge>\n      );\n    case 'UNCHANGED':\n    default:\n      return (\n        <Badge\n          style={{\n            visibility: 'hidden',\n          }}\n          fontWeight=\"bold\"\n          textColor=\"warning600\"\n          backgroundColor=\"warning100\"\n          borderColor=\"warning200\"\n        >\n          Unchanged\n        </Badge>\n      );\n  }\n};\n"],"names":["Status","status","_jsx","Typography","fontWeight","textColor","StatusBadge","Badge","backgroundColor","borderColor","style","visibility"],"mappings":";;;;;AAEaA,MAAAA,MAAAA,GAAS,CAAC,EAAEC,MAAM,EAAsB,GAAA;IACnD,OAAQA,MAAAA;QACN,KAAK,WAAA;YACH,OAAO,IAAA;QACT,KAAK,SAAA;AACH,YAAA,qBACEC,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,gBAAA;AAAiB,gBAAA,QAAA,EAAA;;QAIjE,KAAK,SAAA;AACH,YAAA,qBACEH,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,WAAA;AAAY,gBAAA,QAAA,EAAA;;QAI5D,KAAK,KAAA;AACH,YAAA,qBACEH,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,YAAA;AAAa,gBAAA,QAAA,EAAA;;AAI/D;AACF;AAEaC,MAAAA,WAAAA,GAAc,CAAC,EAAEL,MAAM,EAAsB,GAAA;IACxD,OAAQA,MAAAA;QACN,KAAK,SAAA;AACH,YAAA,qBACEC,cAACK,CAAAA,kBAAAA,EAAAA;gBACCH,UAAW,EAAA,MAAA;gBACXC,SAAU,EAAA,gBAAA;gBACVG,eAAgB,EAAA,gBAAA;gBAChBC,WAAY,EAAA,gBAAA;AACb,gBAAA,QAAA,EAAA;;QAIL,KAAK,SAAA;AACH,YAAA,qBACEP,cAACK,CAAAA,kBAAAA,EAAAA;gBACCH,UAAW,EAAA,MAAA;gBACXC,SAAU,EAAA,WAAA;gBACVG,eAAgB,EAAA,WAAA;gBAChBC,WAAY,EAAA,WAAA;AACb,gBAAA,QAAA,EAAA;;QAIL,KAAK,KAAA;AACH,YAAA,qBACEP,cAACK,CAAAA,kBAAAA,EAAAA;gBACCH,UAAW,EAAA,MAAA;gBACXC,SAAU,EAAA,YAAA;gBACVG,eAAgB,EAAA,YAAA;gBAChBC,WAAY,EAAA,YAAA;AACb,gBAAA,QAAA,EAAA;;QAIL,KAAK,WAAA;AACL,QAAA;AACE,YAAA,qBACEP,cAACK,CAAAA,kBAAAA,EAAAA;gBACCG,KAAO,EAAA;oBACLC,UAAY,EAAA;AACd,iBAAA;gBACAP,UAAW,EAAA,MAAA;gBACXC,SAAU,EAAA,YAAA;gBACVG,eAAgB,EAAA,YAAA;gBAChBC,WAAY,EAAA,YAAA;AACb,gBAAA,QAAA,EAAA;;AAIP;AACF;;;;;"}

package/dist/admin/components/Status.mjs

@@ -0,0 +1,70 @@
+import { jsx } from 'react/jsx-runtime';
+import { Typography, Badge } from '@strapi/design-system';
+
+const Status = ({ status })=>{
+    switch(status){
+        case 'UNCHANGED':
+            return null;
+        case 'CHANGED':
+            return /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "semiBold",
+                textColor: "alternative500",
+                children: "M"
+            });
+        case 'REMOVED':
+            return /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "semiBold",
+                textColor: "danger500",
+                children: "D"
+            });
+        case 'NEW':
+            return /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "semiBold",
+                textColor: "success500",
+                children: "N"
+            });
+    }
+};
+const StatusBadge = ({ status })=>{
+    switch(status){
+        case 'CHANGED':
+            return /*#__PURE__*/ jsx(Badge, {
+                fontWeight: "bold",
+                textColor: "alternative600",
+                backgroundColor: "alternative100",
+                borderColor: "alternative200",
+                children: "Modified"
+            });
+        case 'REMOVED':
+            return /*#__PURE__*/ jsx(Badge, {
+                fontWeight: "bold",
+                textColor: "danger600",
+                backgroundColor: "danger100",
+                borderColor: "danger200",
+                children: "Deleted"
+            });
+        case 'NEW':
+            return /*#__PURE__*/ jsx(Badge, {
+                fontWeight: "bold",
+                textColor: "success600",
+                backgroundColor: "success100",
+                borderColor: "success200",
+                children: "New"
+            });
+        case 'UNCHANGED':
+        default:
+            return /*#__PURE__*/ jsx(Badge, {
+                style: {
+                    visibility: 'hidden'
+                },
+                fontWeight: "bold",
+                textColor: "warning600",
+                backgroundColor: "warning100",
+                borderColor: "warning200",
+                children: "Unchanged"
+            });
+    }
+};
+
+export { Status, StatusBadge };
+//# sourceMappingURL=Status.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.mjs","sources":["../../../admin/src/components/Status.tsx"],"sourcesContent":["import { Typography, Badge } from '@strapi/design-system';\n\nexport const Status = ({ status }: { status: string }) => {\n  switch (status) {\n    case 'UNCHANGED':\n      return null;\n    case 'CHANGED':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"alternative500\">\n          M\n        </Typography>\n      );\n    case 'REMOVED':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"danger500\">\n          D\n        </Typography>\n      );\n    case 'NEW':\n      return (\n        <Typography fontWeight=\"semiBold\" textColor=\"success500\">\n          N\n        </Typography>\n      );\n  }\n};\n\nexport const StatusBadge = ({ status }: { status: string }) => {\n  switch (status) {\n    case 'CHANGED':\n      return (\n        <Badge\n          fontWeight=\"bold\"\n          textColor=\"alternative600\"\n          backgroundColor=\"alternative100\"\n          borderColor=\"alternative200\"\n        >\n          Modified\n        </Badge>\n      );\n    case 'REMOVED':\n      return (\n        <Badge\n          fontWeight=\"bold\"\n          textColor=\"danger600\"\n          backgroundColor=\"danger100\"\n          borderColor=\"danger200\"\n        >\n          Deleted\n        </Badge>\n      );\n    case 'NEW':\n      return (\n        <Badge\n          fontWeight=\"bold\"\n          textColor=\"success600\"\n          backgroundColor=\"success100\"\n          borderColor=\"success200\"\n        >\n          New\n        </Badge>\n      );\n    case 'UNCHANGED':\n    default:\n      return (\n        <Badge\n          style={{\n            visibility: 'hidden',\n          }}\n          fontWeight=\"bold\"\n          textColor=\"warning600\"\n          backgroundColor=\"warning100\"\n          borderColor=\"warning200\"\n        >\n          Unchanged\n        </Badge>\n      );\n  }\n};\n"],"names":["Status","status","_jsx","Typography","fontWeight","textColor","StatusBadge","Badge","backgroundColor","borderColor","style","visibility"],"mappings":";;;AAEaA,MAAAA,MAAAA,GAAS,CAAC,EAAEC,MAAM,EAAsB,GAAA;IACnD,OAAQA,MAAAA;QACN,KAAK,WAAA;YACH,OAAO,IAAA;QACT,KAAK,SAAA;AACH,YAAA,qBACEC,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,gBAAA;AAAiB,gBAAA,QAAA,EAAA;;QAIjE,KAAK,SAAA;AACH,YAAA,qBACEH,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,WAAA;AAAY,gBAAA,QAAA,EAAA;;QAI5D,KAAK,KAAA;AACH,YAAA,qBACEH,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,UAAW,EAAA,UAAA;gBAAWC,SAAU,EAAA,YAAA;AAAa,gBAAA,QAAA,EAAA;;AAI/D;AACF;AAEaC,MAAAA,WAAAA,GAAc,CAAC,EAAEL,MAAM,EAAsB,GAAA;IACxD,OAAQA,MAAAA;QACN,KAAK,SAAA;AACH,YAAA,qBACEC,GAACK,CAAAA,KAAAA,EAAAA;gBACCH,UAAW,EAAA,MAAA;gBACXC,SAAU,EAAA,gBAAA;gBACVG,eAAgB,EAAA,gBAAA;gBAChBC,WAAY,EAAA,gBAAA;AACb,gBAAA,QAAA,EAAA;;QAIL,KAAK,SAAA;AACH,YAAA,qBACEP,GAACK,CAAAA,KAAAA,EAAAA;gBACCH,UAAW,EAAA,MAAA;gBACXC,SAAU,EAAA,WAAA;gBACVG,eAAgB,EAAA,WAAA;gBAChBC,WAAY,EAAA,WAAA;AACb,gBAAA,QAAA,EAAA;;QAIL,KAAK,KAAA;AACH,YAAA,qBACEP,GAACK,CAAAA,KAAAA,EAAAA;gBACCH,UAAW,EAAA,MAAA;gBACXC,SAAU,EAAA,YAAA;gBACVG,eAAgB,EAAA,YAAA;gBAChBC,WAAY,EAAA,YAAA;AACb,gBAAA,QAAA,EAAA;;QAIL,KAAK,WAAA;AACL,QAAA;AACE,YAAA,qBACEP,GAACK,CAAAA,KAAAA,EAAAA;gBACCG,KAAO,EAAA;oBACLC,UAAY,EAAA;AACd,iBAAA;gBACAP,UAAW,EAAA,MAAA;gBACXC,SAAU,EAAA,YAAA;gBACVG,eAAgB,EAAA,YAAA;gBAChBC,WAAY,EAAA,YAAA;AACb,gBAAA,QAAA,EAAA;;AAIP;AACF;;;;"}

package/dist/admin/components/TabForm.js

@@ -66,7 +66,8 @@ var GenericInputs = require('./GenericInputs.js');
                                     ...genericInputProps,
                                     error: errorId,
                                     onChange: onChange,
-                                    value: value
+                                    value: value,
+                                    autoFocus: i === 0
                                 })
                             }, input.name || key);
                         })

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

@@ -1 +1 @@
-{"version":3,"file":"TabForm.js","sources":["../../../admin/src/components/TabForm.tsx"],"sourcesContent":["import { Box, Grid, Typography } from '@strapi/design-system';\nimport get from 'lodash/get';\nimport { useIntl } from 'react-intl';\n\nimport { GenericInput } from './GenericInputs';\n\ninterface TabFormProps {\n  form: Array<Record<string, any>>;\n  formErrors: Record<string, any>;\n  genericInputProps: Record<string, any>;\n  modifiedData: Record<string, any>;\n  onChange: (value: any) => void;\n}\n\n/* eslint-disable react/no-array-index-key */\nexport const TabForm = ({\n  form,\n  formErrors,\n  genericInputProps,\n  modifiedData,\n  onChange,\n}: TabFormProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      {form.map((section, sectionIndex) => {\n        // Don't display an empty section\n        if (section.items.length === 0) {\n          return null;\n        }\n\n        return (\n          <Box key={sectionIndex}>\n            {section.sectionTitle && (\n              <Box paddingBottom={4}>\n                <Typography variant=\"delta\" tag=\"h3\">\n                  {formatMessage(section.sectionTitle)}\n                </Typography>\n              </Box>\n            )}\n            <Grid.Root gap={4}>\n              {section.items.map((input: any, i: number) => {\n                const key = `${sectionIndex}.${i}`;\n\n                /**\n                 * Use undefined as the default value because not every input wants a string e.g. Date pickers\n                 */\n                const value = get(modifiedData, input.name, undefined);\n\n                // When extending the yup schema of an existing field (like in https://github.com/strapi/strapi/blob/293ff3b8f9559236609d123a2774e3be05ce8274/packages/strapi-plugin-i18n/admin/src/index.js#L52)\n                // and triggering a yup validation error in the UI (missing a required field for example)\n                // We got an object that looks like: formErrors = { \"pluginOptions.i18n.localized\": {...} }\n                // In order to deal with this error, we can't rely on lodash.get to resolve this key\n                // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})\n                // - and we just want to access { \"pluginOptions.i18n.localized\": {...} }\n                // NOTE: this is a hack\n                const pluginOptionError = Object.keys(formErrors).find((key) => key === input.name);\n\n                // Retrieve the error for a specific input\n                const errorId = pluginOptionError\n                  ? formErrors[pluginOptionError].id\n                  : get(\n                      formErrors,\n                      [\n                        ...input.name\n                          .split('.')\n                          // The filter here is used when creating a component\n                          // in the component step 1 modal\n                          // Since the component info is stored in the\n                          // componentToCreate object we can access the error\n                          // By removing the key\n                          .filter((key: string) => key !== 'componentToCreate'),\n                        'id',\n                      ],\n                      null\n                    );\n\n                if (input.type === 'pushRight') {\n                  return (\n                    <Grid.Item\n                      col={input.size || 6}\n                      key={input.name || key}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      <div />\n                    </Grid.Item>\n                  );\n                }\n\n                return (\n                  <Grid.Item\n                    col={input.size || 6}\n                    key={input.name || key}\n                    direction=\"column\"\n                    alignItems=\"stretch\"\n                  >\n                    <GenericInput\n                      {...input}\n                      {...genericInputProps}\n                      error={errorId}\n                      onChange={onChange}\n                      value={value}\n                    />\n                  </Grid.Item>\n                );\n              })}\n            </Grid.Root>\n          </Box>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["TabForm","form","formErrors","genericInputProps","modifiedData","onChange","formatMessage","useIntl","_jsx","_Fragment","map","section","sectionIndex","items","length","_jsxs","Box","sectionTitle","paddingBottom","Typography","variant","tag","Grid","Root","gap","input","i","key","value","get","name","undefined","pluginOptionError","Object","keys","find","errorId","id","split","filter","type","Item","col","size","direction","alignItems","div","GenericInput","error"],"mappings":"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"}
+{"version":3,"file":"TabForm.js","sources":["../../../admin/src/components/TabForm.tsx"],"sourcesContent":["import { Box, Grid, Typography } from '@strapi/design-system';\nimport get from 'lodash/get';\nimport { useIntl } from 'react-intl';\n\nimport { GenericInput } from './GenericInputs';\n\ninterface TabFormProps {\n  form: Array<Record<string, any>>;\n  formErrors: Record<string, any>;\n  genericInputProps: Record<string, any>;\n  modifiedData: Record<string, any>;\n  onChange: (value: any) => void;\n}\n\n/* eslint-disable react/no-array-index-key */\nexport const TabForm = ({\n  form,\n  formErrors,\n  genericInputProps,\n  modifiedData,\n  onChange,\n}: TabFormProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      {form.map((section, sectionIndex) => {\n        // Don't display an empty section\n        if (section.items.length === 0) {\n          return null;\n        }\n\n        return (\n          <Box key={sectionIndex}>\n            {section.sectionTitle && (\n              <Box paddingBottom={4}>\n                <Typography variant=\"delta\" tag=\"h3\">\n                  {formatMessage(section.sectionTitle)}\n                </Typography>\n              </Box>\n            )}\n            <Grid.Root gap={4}>\n              {section.items.map((input: any, i: number) => {\n                const key = `${sectionIndex}.${i}`;\n\n                /**\n                 * Use undefined as the default value because not every input wants a string e.g. Date pickers\n                 */\n                const value = get(modifiedData, input.name, undefined);\n\n                // When extending the yup schema of an existing field (like in https://github.com/strapi/strapi/blob/293ff3b8f9559236609d123a2774e3be05ce8274/packages/strapi-plugin-i18n/admin/src/index.js#L52)\n                // and triggering a yup validation error in the UI (missing a required field for example)\n                // We got an object that looks like: formErrors = { \"pluginOptions.i18n.localized\": {...} }\n                // In order to deal with this error, we can't rely on lodash.get to resolve this key\n                // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})\n                // - and we just want to access { \"pluginOptions.i18n.localized\": {...} }\n                // NOTE: this is a hack\n                const pluginOptionError = Object.keys(formErrors).find((key) => key === input.name);\n\n                // Retrieve the error for a specific input\n                const errorId = pluginOptionError\n                  ? formErrors[pluginOptionError].id\n                  : get(\n                      formErrors,\n                      [\n                        ...input.name\n                          .split('.')\n                          // The filter here is used when creating a component\n                          // in the component step 1 modal\n                          // Since the component info is stored in the\n                          // componentToCreate object we can access the error\n                          // By removing the key\n                          .filter((key: string) => key !== 'componentToCreate'),\n                        'id',\n                      ],\n                      null\n                    );\n\n                if (input.type === 'pushRight') {\n                  return (\n                    <Grid.Item\n                      col={input.size || 6}\n                      key={input.name || key}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      <div />\n                    </Grid.Item>\n                  );\n                }\n\n                return (\n                  <Grid.Item\n                    col={input.size || 6}\n                    key={input.name || key}\n                    direction=\"column\"\n                    alignItems=\"stretch\"\n                  >\n                    <GenericInput\n                      {...input}\n                      {...genericInputProps}\n                      error={errorId}\n                      onChange={onChange}\n                      value={value}\n                      autoFocus={i === 0}\n                    />\n                  </Grid.Item>\n                );\n              })}\n            </Grid.Root>\n          </Box>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["TabForm","form","formErrors","genericInputProps","modifiedData","onChange","formatMessage","useIntl","_jsx","_Fragment","map","section","sectionIndex","items","length","_jsxs","Box","sectionTitle","paddingBottom","Typography","variant","tag","Grid","Root","gap","input","i","key","value","get","name","undefined","pluginOptionError","Object","keys","find","errorId","id","split","filter","type","Item","col","size","direction","alignItems","div","GenericInput","error","autoFocus"],"mappings":"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"}

package/dist/admin/components/TabForm.mjs

@@ -64,7 +64,8 @@ import { GenericInput as MemoizedGenericInput } from './GenericInputs.mjs';
                                     ...genericInputProps,
                                     error: errorId,
                                     onChange: onChange,
-                                    value: value
+                                    value: value,
+                                    autoFocus: i === 0
                                 })
                             }, input.name || key);
                         })

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

@@ -1 +1 @@
-{"version":3,"file":"TabForm.mjs","sources":["../../../admin/src/components/TabForm.tsx"],"sourcesContent":["import { Box, Grid, Typography } from '@strapi/design-system';\nimport get from 'lodash/get';\nimport { useIntl } from 'react-intl';\n\nimport { GenericInput } from './GenericInputs';\n\ninterface TabFormProps {\n  form: Array<Record<string, any>>;\n  formErrors: Record<string, any>;\n  genericInputProps: Record<string, any>;\n  modifiedData: Record<string, any>;\n  onChange: (value: any) => void;\n}\n\n/* eslint-disable react/no-array-index-key */\nexport const TabForm = ({\n  form,\n  formErrors,\n  genericInputProps,\n  modifiedData,\n  onChange,\n}: TabFormProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      {form.map((section, sectionIndex) => {\n        // Don't display an empty section\n        if (section.items.length === 0) {\n          return null;\n        }\n\n        return (\n          <Box key={sectionIndex}>\n            {section.sectionTitle && (\n              <Box paddingBottom={4}>\n                <Typography variant=\"delta\" tag=\"h3\">\n                  {formatMessage(section.sectionTitle)}\n                </Typography>\n              </Box>\n            )}\n            <Grid.Root gap={4}>\n              {section.items.map((input: any, i: number) => {\n                const key = `${sectionIndex}.${i}`;\n\n                /**\n                 * Use undefined as the default value because not every input wants a string e.g. Date pickers\n                 */\n                const value = get(modifiedData, input.name, undefined);\n\n                // When extending the yup schema of an existing field (like in https://github.com/strapi/strapi/blob/293ff3b8f9559236609d123a2774e3be05ce8274/packages/strapi-plugin-i18n/admin/src/index.js#L52)\n                // and triggering a yup validation error in the UI (missing a required field for example)\n                // We got an object that looks like: formErrors = { \"pluginOptions.i18n.localized\": {...} }\n                // In order to deal with this error, we can't rely on lodash.get to resolve this key\n                // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})\n                // - and we just want to access { \"pluginOptions.i18n.localized\": {...} }\n                // NOTE: this is a hack\n                const pluginOptionError = Object.keys(formErrors).find((key) => key === input.name);\n\n                // Retrieve the error for a specific input\n                const errorId = pluginOptionError\n                  ? formErrors[pluginOptionError].id\n                  : get(\n                      formErrors,\n                      [\n                        ...input.name\n                          .split('.')\n                          // The filter here is used when creating a component\n                          // in the component step 1 modal\n                          // Since the component info is stored in the\n                          // componentToCreate object we can access the error\n                          // By removing the key\n                          .filter((key: string) => key !== 'componentToCreate'),\n                        'id',\n                      ],\n                      null\n                    );\n\n                if (input.type === 'pushRight') {\n                  return (\n                    <Grid.Item\n                      col={input.size || 6}\n                      key={input.name || key}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      <div />\n                    </Grid.Item>\n                  );\n                }\n\n                return (\n                  <Grid.Item\n                    col={input.size || 6}\n                    key={input.name || key}\n                    direction=\"column\"\n                    alignItems=\"stretch\"\n                  >\n                    <GenericInput\n                      {...input}\n                      {...genericInputProps}\n                      error={errorId}\n                      onChange={onChange}\n                      value={value}\n                    />\n                  </Grid.Item>\n                );\n              })}\n            </Grid.Root>\n          </Box>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["TabForm","form","formErrors","genericInputProps","modifiedData","onChange","formatMessage","useIntl","_jsx","_Fragment","map","section","sectionIndex","items","length","_jsxs","Box","sectionTitle","paddingBottom","Typography","variant","tag","Grid","Root","gap","input","i","key","value","get","name","undefined","pluginOptionError","Object","keys","find","errorId","id","split","filter","type","Item","col","size","direction","alignItems","div","GenericInput","error"],"mappings":"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"}
+{"version":3,"file":"TabForm.mjs","sources":["../../../admin/src/components/TabForm.tsx"],"sourcesContent":["import { Box, Grid, Typography } from '@strapi/design-system';\nimport get from 'lodash/get';\nimport { useIntl } from 'react-intl';\n\nimport { GenericInput } from './GenericInputs';\n\ninterface TabFormProps {\n  form: Array<Record<string, any>>;\n  formErrors: Record<string, any>;\n  genericInputProps: Record<string, any>;\n  modifiedData: Record<string, any>;\n  onChange: (value: any) => void;\n}\n\n/* eslint-disable react/no-array-index-key */\nexport const TabForm = ({\n  form,\n  formErrors,\n  genericInputProps,\n  modifiedData,\n  onChange,\n}: TabFormProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      {form.map((section, sectionIndex) => {\n        // Don't display an empty section\n        if (section.items.length === 0) {\n          return null;\n        }\n\n        return (\n          <Box key={sectionIndex}>\n            {section.sectionTitle && (\n              <Box paddingBottom={4}>\n                <Typography variant=\"delta\" tag=\"h3\">\n                  {formatMessage(section.sectionTitle)}\n                </Typography>\n              </Box>\n            )}\n            <Grid.Root gap={4}>\n              {section.items.map((input: any, i: number) => {\n                const key = `${sectionIndex}.${i}`;\n\n                /**\n                 * Use undefined as the default value because not every input wants a string e.g. Date pickers\n                 */\n                const value = get(modifiedData, input.name, undefined);\n\n                // When extending the yup schema of an existing field (like in https://github.com/strapi/strapi/blob/293ff3b8f9559236609d123a2774e3be05ce8274/packages/strapi-plugin-i18n/admin/src/index.js#L52)\n                // and triggering a yup validation error in the UI (missing a required field for example)\n                // We got an object that looks like: formErrors = { \"pluginOptions.i18n.localized\": {...} }\n                // In order to deal with this error, we can't rely on lodash.get to resolve this key\n                // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})\n                // - and we just want to access { \"pluginOptions.i18n.localized\": {...} }\n                // NOTE: this is a hack\n                const pluginOptionError = Object.keys(formErrors).find((key) => key === input.name);\n\n                // Retrieve the error for a specific input\n                const errorId = pluginOptionError\n                  ? formErrors[pluginOptionError].id\n                  : get(\n                      formErrors,\n                      [\n                        ...input.name\n                          .split('.')\n                          // The filter here is used when creating a component\n                          // in the component step 1 modal\n                          // Since the component info is stored in the\n                          // componentToCreate object we can access the error\n                          // By removing the key\n                          .filter((key: string) => key !== 'componentToCreate'),\n                        'id',\n                      ],\n                      null\n                    );\n\n                if (input.type === 'pushRight') {\n                  return (\n                    <Grid.Item\n                      col={input.size || 6}\n                      key={input.name || key}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      <div />\n                    </Grid.Item>\n                  );\n                }\n\n                return (\n                  <Grid.Item\n                    col={input.size || 6}\n                    key={input.name || key}\n                    direction=\"column\"\n                    alignItems=\"stretch\"\n                  >\n                    <GenericInput\n                      {...input}\n                      {...genericInputProps}\n                      error={errorId}\n                      onChange={onChange}\n                      value={value}\n                      autoFocus={i === 0}\n                    />\n                  </Grid.Item>\n                );\n              })}\n            </Grid.Root>\n          </Box>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["TabForm","form","formErrors","genericInputProps","modifiedData","onChange","formatMessage","useIntl","_jsx","_Fragment","map","section","sectionIndex","items","length","_jsxs","Box","sectionTitle","paddingBottom","Typography","variant","tag","Grid","Root","gap","input","i","key","value","get","name","undefined","pluginOptionError","Object","keys","find","errorId","id","split","filter","type","Item","col","size","direction","alignItems","div","GenericInput","error","autoFocus"],"mappings":";;;;;;AAcA,8CACaA,MAAAA,OAAAA,GAAU,CAAC,EACtBC,IAAI,EACJC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EACZC,QAAQ,EACK,GAAA;IACb,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,qBACEC,GAAA,CAAAC,QAAA,EAAA;kBACGR,IAAKS,CAAAA,GAAG,CAAC,CAACC,OAASC,EAAAA,YAAAA,GAAAA;;AAElB,YAAA,IAAID,OAAQE,CAAAA,KAAK,CAACC,MAAM,KAAK,CAAG,EAAA;gBAC9B,OAAO,IAAA;AACT;AAEA,YAAA,qBACEC,IAACC,CAAAA,GAAAA,EAAAA;;oBACEL,OAAQM,CAAAA,YAAY,kBACnBT,GAACQ,CAAAA,GAAAA,EAAAA;wBAAIE,aAAe,EAAA,CAAA;AAClB,wBAAA,QAAA,gBAAAV,GAACW,CAAAA,UAAAA,EAAAA;4BAAWC,OAAQ,EAAA,OAAA;4BAAQC,GAAI,EAAA,IAAA;AAC7Bf,4BAAAA,QAAAA,EAAAA,aAAAA,CAAcK,QAAQM,YAAY;;;AAIzC,kCAAAT,GAAA,CAACc,KAAKC,IAAI,EAAA;wBAACC,GAAK,EAAA,CAAA;AACbb,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQE,KAAK,CAACH,GAAG,CAAC,CAACe,KAAYC,EAAAA,CAAAA,GAAAA;AAC9B,4BAAA,MAAMC,MAAM,CAAC,EAAEf,aAAa,CAAC,EAAEc,EAAE,CAAC;AAElC;;AAEC,oBACD,MAAME,KAAQC,GAAAA,GAAAA,CAAIzB,YAAcqB,EAAAA,KAAAA,CAAMK,IAAI,EAAEC,SAAAA,CAAAA;;;;;;;;4BAS5C,MAAMC,iBAAAA,GAAoBC,MAAOC,CAAAA,IAAI,CAAChC,UAAAA,CAAAA,CAAYiC,IAAI,CAAC,CAACR,GAAAA,GAAQA,GAAQF,KAAAA,KAAAA,CAAMK,IAAI,CAAA;;4BAGlF,MAAMM,OAAAA,GAAUJ,oBACZ9B,UAAU,CAAC8B,kBAAkB,CAACK,EAAE,GAChCR,GAAAA,CACE3B,UACA,EAAA;AACKuB,gCAAAA,GAAAA,KAAAA,CAAMK,IAAI,CACVQ,KAAK,CAAC,IACP;;;;;iCAKCC,MAAM,CAAC,CAACZ,GAAAA,GAAgBA,GAAQ,KAAA,mBAAA,CAAA;AACnC,gCAAA;6BACD,EACD,IAAA,CAAA;4BAGN,IAAIF,KAAAA,CAAMe,IAAI,KAAK,WAAa,EAAA;gCAC9B,qBACEhC,GAAA,CAACc,KAAKmB,IAAI,EAAA;oCACRC,GAAKjB,EAAAA,KAAAA,CAAMkB,IAAI,IAAI,CAAA;oCAEnBC,SAAU,EAAA,QAAA;oCACVC,UAAW,EAAA,SAAA;AAEX,oCAAA,QAAA,gBAAArC,GAACsC,CAAAA,KAAAA,EAAAA,EAAAA;AAJIrB,iCAAAA,EAAAA,KAAAA,CAAMK,IAAI,IAAIH,GAAAA,CAAAA;AAOzB;4BAEA,qBACEnB,GAAA,CAACc,KAAKmB,IAAI,EAAA;gCACRC,GAAKjB,EAAAA,KAAAA,CAAMkB,IAAI,IAAI,CAAA;gCAEnBC,SAAU,EAAA,QAAA;gCACVC,UAAW,EAAA,SAAA;AAEX,gCAAA,QAAA,gBAAArC,GAACuC,CAAAA,oBAAAA,EAAAA;AACE,oCAAA,GAAGtB,KAAK;AACR,oCAAA,GAAGtB,iBAAiB;oCACrB6C,KAAOZ,EAAAA,OAAAA;oCACP/B,QAAUA,EAAAA,QAAAA;oCACVuB,KAAOA,EAAAA,KAAAA;AACPqB,oCAAAA,SAAAA,EAAWvB,CAAM,KAAA;;AAVdD,6BAAAA,EAAAA,KAAAA,CAAMK,IAAI,IAAIH,GAAAA,CAAAA;AAczB,yBAAA;;;AA3EMf,aAAAA,EAAAA,YAAAA,CAAAA;AA+Ed,SAAA;;AAGN;;;;"}

package/dist/admin/icons/Curve.js

@@ -6,7 +6,7 @@ var styledComponents = require('styled-components');
 
 const StyledBox = styledComponents.styled(designSystem.Box)`
   position: absolute;
-  left: -1.8rem;
+  left: -3.4rem;
   top: 0px;
 
   &:before {

package/dist/admin/icons/Curve.js.map

@@ -1 +1 @@
-{"version":3,"file":"Curve.js","sources":["../../../admin/src/icons/Curve.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst StyledBox = styled(Box)`\n  position: absolute;\n  left: -1.8rem;\n  top: 0px;\n\n  &:before {\n    content: '';\n    width: 0.4rem;\n    height: 1.2rem;\n    background: ${({ theme, color }) => theme.colors[color!]};\n    display: block;\n  }\n`;\n\nconst Svg = styled.svg`\n  position: relative;\n  flex-shrink: 0;\n  transform: translate(-0.5px, -1px);\n\n  * {\n    fill: ${({ theme, color }) => theme.colors[color!]};\n  }\n`;\n\ninterface CurveProps {\n  color: string;\n}\n\nexport const Curve = (props: CurveProps) => (\n  <StyledBox>\n    <Svg\n      width=\"20\"\n      height=\"23\"\n      viewBox=\"0 0 20 23\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z\"\n      />\n    </Svg>\n  </StyledBox>\n);\n"],"names":["StyledBox","styled","Box","theme","color","colors","Svg","svg","Curve","props","_jsx","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d"],"mappings":";;;;;;AAGA,MAAMA,SAAAA,GAAYC,uBAAOC,CAAAA,gBAAAA,CAAI;;;;;;;;;gBASb,EAAE,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAME,CAAAA,MAAM,CAACD,KAAAA,CAAO,CAAC;;;AAG7D,CAAC;AAED,MAAME,GAAAA,GAAML,uBAAOM,CAAAA,GAAG;;;;;;UAMZ,EAAE,CAAC,EAAEJ,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAME,CAAAA,MAAM,CAACD,KAAAA,CAAO,CAAC;;AAEvD,CAAC;AAMYI,MAAAA,KAAAA,GAAQ,CAACC,KAAAA,iBACpBC,cAACV,CAAAA,SAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAU,cAACJ,CAAAA,GAAAA,EAAAA;YACCK,KAAM,EAAA,IAAA;YACNC,MAAO,EAAA,IAAA;YACPC,OAAQ,EAAA,WAAA;YACRC,IAAK,EAAA,MAAA;YACLC,KAAM,EAAA,4BAAA;AACL,YAAA,GAAGN,KAAK;AAET,YAAA,QAAA,gBAAAC,cAACM,CAAAA,MAAAA,EAAAA;gBACCC,QAAS,EAAA,SAAA;gBACTC,QAAS,EAAA,SAAA;gBACTC,CAAE,EAAA;;;AAIR,KAAA;;;;"}
+{"version":3,"file":"Curve.js","sources":["../../../admin/src/icons/Curve.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst StyledBox = styled(Box)`\n  position: absolute;\n  left: -3.4rem;\n  top: 0px;\n\n  &:before {\n    content: '';\n    width: 0.4rem;\n    height: 1.2rem;\n    background: ${({ theme, color }) => theme.colors[color!]};\n    display: block;\n  }\n`;\n\nconst Svg = styled.svg`\n  position: relative;\n  flex-shrink: 0;\n  transform: translate(-0.5px, -1px);\n\n  * {\n    fill: ${({ theme, color }) => theme.colors[color!]};\n  }\n`;\n\ninterface CurveProps {\n  color: string;\n}\n\nexport const Curve = (props: CurveProps) => (\n  <StyledBox>\n    <Svg\n      width=\"20\"\n      height=\"23\"\n      viewBox=\"0 0 20 23\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z\"\n      />\n    </Svg>\n  </StyledBox>\n);\n"],"names":["StyledBox","styled","Box","theme","color","colors","Svg","svg","Curve","props","_jsx","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d"],"mappings":";;;;;;AAGA,MAAMA,SAAAA,GAAYC,uBAAOC,CAAAA,gBAAAA,CAAI;;;;;;;;;gBASb,EAAE,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAME,CAAAA,MAAM,CAACD,KAAAA,CAAO,CAAC;;;AAG7D,CAAC;AAED,MAAME,GAAAA,GAAML,uBAAOM,CAAAA,GAAG;;;;;;UAMZ,EAAE,CAAC,EAAEJ,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAME,CAAAA,MAAM,CAACD,KAAAA,CAAO,CAAC;;AAEvD,CAAC;AAMYI,MAAAA,KAAAA,GAAQ,CAACC,KAAAA,iBACpBC,cAACV,CAAAA,SAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAU,cAACJ,CAAAA,GAAAA,EAAAA;YACCK,KAAM,EAAA,IAAA;YACNC,MAAO,EAAA,IAAA;YACPC,OAAQ,EAAA,WAAA;YACRC,IAAK,EAAA,MAAA;YACLC,KAAM,EAAA,4BAAA;AACL,YAAA,GAAGN,KAAK;AAET,YAAA,QAAA,gBAAAC,cAACM,CAAAA,MAAAA,EAAAA;gBACCC,QAAS,EAAA,SAAA;gBACTC,QAAS,EAAA,SAAA;gBACTC,CAAE,EAAA;;;AAIR,KAAA;;;;"}

package/dist/admin/icons/Curve.mjs

@@ -4,7 +4,7 @@ import { styled } from 'styled-components';
 
 const StyledBox = styled(Box)`
   position: absolute;
-  left: -1.8rem;
+  left: -3.4rem;
   top: 0px;
 
   &:before {

package/dist/admin/icons/Curve.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Curve.mjs","sources":["../../../admin/src/icons/Curve.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst StyledBox = styled(Box)`\n  position: absolute;\n  left: -1.8rem;\n  top: 0px;\n\n  &:before {\n    content: '';\n    width: 0.4rem;\n    height: 1.2rem;\n    background: ${({ theme, color }) => theme.colors[color!]};\n    display: block;\n  }\n`;\n\nconst Svg = styled.svg`\n  position: relative;\n  flex-shrink: 0;\n  transform: translate(-0.5px, -1px);\n\n  * {\n    fill: ${({ theme, color }) => theme.colors[color!]};\n  }\n`;\n\ninterface CurveProps {\n  color: string;\n}\n\nexport const Curve = (props: CurveProps) => (\n  <StyledBox>\n    <Svg\n      width=\"20\"\n      height=\"23\"\n      viewBox=\"0 0 20 23\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z\"\n      />\n    </Svg>\n  </StyledBox>\n);\n"],"names":["StyledBox","styled","Box","theme","color","colors","Svg","svg","Curve","props","_jsx","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d"],"mappings":";;;;AAGA,MAAMA,SAAAA,GAAYC,MAAOC,CAAAA,GAAAA,CAAI;;;;;;;;;gBASb,EAAE,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAME,CAAAA,MAAM,CAACD,KAAAA,CAAO,CAAC;;;AAG7D,CAAC;AAED,MAAME,GAAAA,GAAML,MAAOM,CAAAA,GAAG;;;;;;UAMZ,EAAE,CAAC,EAAEJ,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAME,CAAAA,MAAM,CAACD,KAAAA,CAAO,CAAC;;AAEvD,CAAC;AAMYI,MAAAA,KAAAA,GAAQ,CAACC,KAAAA,iBACpBC,GAACV,CAAAA,SAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAU,GAACJ,CAAAA,GAAAA,EAAAA;YACCK,KAAM,EAAA,IAAA;YACNC,MAAO,EAAA,IAAA;YACPC,OAAQ,EAAA,WAAA;YACRC,IAAK,EAAA,MAAA;YACLC,KAAM,EAAA,4BAAA;AACL,YAAA,GAAGN,KAAK;AAET,YAAA,QAAA,gBAAAC,GAACM,CAAAA,MAAAA,EAAAA;gBACCC,QAAS,EAAA,SAAA;gBACTC,QAAS,EAAA,SAAA;gBACTC,CAAE,EAAA;;;AAIR,KAAA;;;;"}
+{"version":3,"file":"Curve.mjs","sources":["../../../admin/src/icons/Curve.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst StyledBox = styled(Box)`\n  position: absolute;\n  left: -3.4rem;\n  top: 0px;\n\n  &:before {\n    content: '';\n    width: 0.4rem;\n    height: 1.2rem;\n    background: ${({ theme, color }) => theme.colors[color!]};\n    display: block;\n  }\n`;\n\nconst Svg = styled.svg`\n  position: relative;\n  flex-shrink: 0;\n  transform: translate(-0.5px, -1px);\n\n  * {\n    fill: ${({ theme, color }) => theme.colors[color!]};\n  }\n`;\n\ninterface CurveProps {\n  color: string;\n}\n\nexport const Curve = (props: CurveProps) => (\n  <StyledBox>\n    <Svg\n      width=\"20\"\n      height=\"23\"\n      viewBox=\"0 0 20 23\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z\"\n      />\n    </Svg>\n  </StyledBox>\n);\n"],"names":["StyledBox","styled","Box","theme","color","colors","Svg","svg","Curve","props","_jsx","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d"],"mappings":";;;;AAGA,MAAMA,SAAAA,GAAYC,MAAOC,CAAAA,GAAAA,CAAI;;;;;;;;;gBASb,EAAE,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAME,CAAAA,MAAM,CAACD,KAAAA,CAAO,CAAC;;;AAG7D,CAAC;AAED,MAAME,GAAAA,GAAML,MAAOM,CAAAA,GAAG;;;;;;UAMZ,EAAE,CAAC,EAAEJ,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAME,CAAAA,MAAM,CAACD,KAAAA,CAAO,CAAC;;AAEvD,CAAC;AAMYI,MAAAA,KAAAA,GAAQ,CAACC,KAAAA,iBACpBC,GAACV,CAAAA,SAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAU,GAACJ,CAAAA,GAAAA,EAAAA;YACCK,KAAM,EAAA,IAAA;YACNC,MAAO,EAAA,IAAA;YACPC,OAAQ,EAAA,WAAA;YACRC,IAAK,EAAA,MAAA;YACLC,KAAM,EAAA,4BAAA;AACL,YAAA,GAAGN,KAAK;AAET,YAAA,QAAA,gBAAAC,GAACM,CAAAA,MAAAA,EAAAA;gBACCC,QAAS,EAAA,SAAA;gBACTC,QAAS,EAAA,SAAA;gBACTC,CAAE,EAAA;;;AAIR,KAAA;;;;"}