npm - @strapi/content-type-builder - Versions diffs - 5.13.0-beta.1 → 5.13.0 - Mend

@strapi/content-type-builder 5.13.0-beta.1 → 5.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (395) hide show

package/dist/admin/components/SelectComponents.js CHANGED Viewed

@@ -3,18 +3,15 @@
 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, targetUid })=>{
+const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value })=>{
     const { formatMessage } = reactIntl.useIntl();
-    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 { componentsGroupedByCategory, modifiedData } = useDataManager.useDataManager();
+    const dzSchema = findAttribute.findAttribute(modifiedData.contentType.schema.attributes, dynamicZoneTarget);
+    const alreadyUsedComponents = dzSchema?.components || [];
     const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce((acc, current)=>{
         const filteredComponents = componentsGroupedByCategory[current].filter(({ uid })=>{
             return !alreadyUsedComponents.includes(uid);
@@ -28,7 +25,7 @@ const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value,
         const [categoryName, components] = current;
         const section = {
             label: categoryName,
-            children: components.map(({ uid, info: { displayName } })=>{
+            children: components.map(({ uid, schema: { displayName } })=>{
                 return {
                     label: displayName,
                     value: uid

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

	@@ -1 +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 { ~~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;;;;"}
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;;;;"}

package/dist/admin/components/SelectComponents.mjs CHANGED Viewed

@@ -1,18 +1,15 @@
 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, targetUid })=>{
+const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value })=>{
     const { formatMessage } = useIntl();
-    const { componentsGroupedByCategory, contentTypes } = useDataManager();
-    const dzSchema = findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);
-    if (!dzSchema) {
-        return null;
-    }
-    const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];
+    const { componentsGroupedByCategory, modifiedData } = useDataManager();
+    const dzSchema = findAttribute(modifiedData.contentType.schema.attributes, dynamicZoneTarget);
+    const alreadyUsedComponents = dzSchema?.components || [];
     const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce((acc, current)=>{
         const filteredComponents = componentsGroupedByCategory[current].filter(({ uid })=>{
             return !alreadyUsedComponents.includes(uid);
@@ -26,7 +23,7 @@ const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value,
         const [categoryName, components] = current;
         const section = {
             label: categoryName,
-            children: components.map(({ uid, info: { displayName } })=>{
+            children: components.map(({ uid, schema: { displayName } })=>{
                 return {
                     label: displayName,
                     value: uid

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

	@@ -1 +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 { ~~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;;;;"}
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;;;;"}

package/dist/admin/components/SelectNumber.js CHANGED Viewed

@@ -102,6 +102,10 @@ 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 CHANGED Viewed

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

package/dist/admin/components/SelectNumber.mjs CHANGED Viewed

@@ -100,6 +100,10 @@ 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 CHANGED Viewed

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

package/dist/admin/components/TabForm.js CHANGED Viewed

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

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

	@@ -1 +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 ~~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,iBAAAA,EAAAA;IAE1B,qBACEC,cAAA,CAAAC,mBAAA,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,eAACC,CAAAA,gBAAAA,EAAAA;;oBACEL,OAAQM,CAAAA,YAAY,kBACnBT,cAACQ,CAAAA,gBAAAA,EAAAA;wBAAIE,aAAe,EAAA,CAAA;AAClB,wBAAA,QAAA,gBAAAV,cAACW,CAAAA,uBAAAA,EAAAA;4BAAWC,OAAQ,EAAA,OAAA;4BAAQC,GAAI,EAAA,IAAA;AAC7Bf,4BAAAA,QAAAA,EAAAA,aAAAA,CAAcK,QAAQM,YAAY;;;AAIzC,kCAAAT,cAAA,CAACc,kBAAKC,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,cAAA,CAACc,kBAAKmB,IAAI,EAAA;oCACRC,GAAKjB,EAAAA,KAAAA,CAAMkB,IAAI,IAAI,CAAA;oCAEnBC,SAAU,EAAA,QAAA;oCACVC,UAAW,EAAA,SAAA;AAEX,oCAAA,QAAA,gBAAArC,cAACsC,CAAAA,KAAAA,EAAAA,EAAAA;AAJIrB,iCAAAA,EAAAA,KAAAA,CAAMK,IAAI,IAAIH,GAAAA,CAAAA;AAOzB;4BAEA,qBACEnB,cAAA,CAACc,kBAAKmB,IAAI,EAAA;gCACRC,GAAKjB,EAAAA,KAAAA,CAAMkB,IAAI,IAAI,CAAA;gCAEnBC,SAAU,EAAA,QAAA;gCACVC,UAAW,EAAA,SAAA;AAEX,gCAAA,QAAA,gBAAArC,cAACuC,CAAAA,0BAAAA,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;;;;"}
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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"}

package/dist/admin/components/TabForm.mjs CHANGED Viewed

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

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

	@@ -1 +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 ~~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;;;;"}
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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"}

package/dist/admin/icons/Curve.js CHANGED Viewed

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

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

	@@ -1 +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: -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;;;;"}
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;;;;"}

package/dist/admin/icons/Curve.mjs CHANGED Viewed

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

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

	@@ -1 +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: -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;;;;"}
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;;;;"}

package/dist/admin/pages/App/index.js CHANGED Viewed

@@ -7,13 +7,10 @@ var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var AutoReloadOverlayBlocker = require('../../components/AutoReloadOverlayBlocker.js');
 var ContentTypeBuilderNav = require('../../components/ContentTypeBuilderNav/ContentTypeBuilderNav.js');
-var DataManagerProvider = require('../../components/DataManager/DataManagerProvider.js');
-var ExitPrompt = require('../../components/ExitPrompt.js');
-var FormModal = require('../../components/FormModal/FormModal.js');
-var FormModalNavigationProvider = require('../../components/FormModalNavigation/FormModalNavigationProvider.js');
+var DataManagerProvider = require('../../components/DataManagerProvider/DataManagerProvider.js');
+var FormModalNavigationProvider = require('../../components/FormModalNavigationProvider/FormModalNavigationProvider.js');
 var constants = require('../../constants.js');
 var pluginId = require('../../pluginId.js');
-var EmptyState = require('../ListView/EmptyState.js');
 function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
@@ -25,7 +22,6 @@ const App = ()=>{
         defaultMessage: 'Content Types Builder'
     });
     const startSection = strapiAdmin.useGuidedTour('App', (state)=>state.startSection);
-    const autoReload = strapiAdmin.useAppInfo('DataManagerProvider', (state)=>state.autoReload);
     const startSectionRef = React.useRef(startSection);
     React.useEffect(()=>{
         if (startSectionRef.current) {
@@ -40,41 +36,25 @@ const App = ()=>{
             }),
             /*#__PURE__*/ jsxRuntime.jsx(AutoReloadOverlayBlocker.AutoReloadOverlayBlockerProvider, {
                 children: /*#__PURE__*/ jsxRuntime.jsx(FormModalNavigationProvider.FormModalNavigationProvider, {
-                    children: /*#__PURE__*/ jsxRuntime.jsxs(DataManagerProvider, {
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(ExitPrompt.ExitPrompt, {}),
-                            /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                                children: [
-                                    autoReload && /*#__PURE__*/ jsxRuntime.jsx(FormModal.FormModal, {}),
-                                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
-                                        sideNav: /*#__PURE__*/ jsxRuntime.jsx(ContentTypeBuilderNav.ContentTypeBuilderNav, {}),
-                                        children: /*#__PURE__*/ jsxRuntime.jsx(React.Suspense, {
-                                            fallback: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {}),
-                                            children: /*#__PURE__*/ jsxRuntime.jsxs(reactRouterDom.Routes, {
-                                                children: [
-                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                                                        path: "content-types/create-content-type",
-                                                        element: /*#__PURE__*/ jsxRuntime.jsx(EmptyState.EmptyState, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                                                        path: "content-types/:contentTypeUid",
-                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                                                        path: `component-categories/:categoryUid/:componentUid`,
-                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                                                        path: "*",
-                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
-                                                    })
-                                                ]
-                                            })
+                    children: /*#__PURE__*/ jsxRuntime.jsx(DataManagerProvider, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
+                            sideNav: /*#__PURE__*/ jsxRuntime.jsx(ContentTypeBuilderNav.ContentTypeBuilderNav, {}),
+                            children: /*#__PURE__*/ jsxRuntime.jsx(React.Suspense, {
+                                fallback: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {}),
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(reactRouterDom.Routes, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                            path: "content-types/:uid",
+                                            element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                            path: `component-categories/:categoryUid/:componentUid`,
+                                            element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
                                         })
-                                    })
-                                ]
+                                    ]
+                                })
                             })
-                        ]
+                        })
                     })
                 })
             })

package/dist/admin/pages/App/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../admin/src/pages/App/index.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export /\n/ eslint-disable check-file/filename-naming-convention /\n/ eslint-disable check-file/no-index /\nimport { lazy, Suspense, useEffect, useRef } from 'react';\n\nimport { Page, useGuidedTour, Layouts, ~~useAppInfo~~ } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker';\nimport { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav';\nimport DataManagerProvider from '../../components/~~DataManager~~/DataManagerProvider';\nimport { ~~ExitPrompt~~ } from '../../components/~~ExitPrompt';\nimport { FormModal } from '../../components/FormModal/FormModal';\nimport {~~ FormModalNavigationProvider ~~} from '../../components~~/~~FormModalNavigation/~~FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\~~nimport { EmptyState } from '../ListView/EmptyState';\~~n\nconst ListView = lazy(() => import('../ListView/ListView'));\n\nconst App = () => {\n const { formatMessage } = useIntl();\n const title = formatMessage({\n id: `${pluginId}.plugin.name`,\n defaultMessage: 'Content Types Builder',\n });\n const startSection = useGuidedTour('App', (state) => state.startSection);\n const ~~autoReload = useAppInfo('DataManagerProvider', (state) => state.autoReload);\n const~~ startSectionRef = useRef(startSection);\n\n useEffect(() => {\n if (startSectionRef.current) {\n startSectionRef.current('contentTypeBuilder');\n }\n }, []);\n\n return (\n <Page.Protect permissions={PERMISSIONS.main}>\n <Page.Title>{title}</Page.Title>\n <AutoReloadOverlayBlockerProvider>\n <FormModalNavigationProvider>\n <DataManagerProvider>\n <~~ExitPrompt />\n <>\n {autoReload && <FormModal />}\n <~~Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n <Suspense fallback={<Page.Loading />}>\n <Routes>\n <Route path=\"content-types~~/create-content-type\" element={<EmptyState />} />\n <Route path=\"content-types~~/:~~contentTypeUid~~\" element={<ListView />} />\n <Route\n path={`component-categories/:categoryUid/:componentUid`}\n element={<ListView />}\n />\n ~~<Route path=\"\" element={<ListView />} />\n~~ </Routes>\n </Suspense>\n </Layouts.Root>\n ~~</>\n~~ </DataManagerProvider>\n </FormModalNavigationProvider>\n </AutoReloadOverlayBlockerProvider>\n </Page.Protect>\n );\n};\n\nexport default App;\n"],"names":["ListView","lazy","App","formatMessage","useIntl","title","id","pluginId","defaultMessage","startSection","useGuidedTour","state","~~autoReload","useAppInfo","~~startSectionRef","useRef","useEffect","current","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","~~ExitPrompt","_Fragment","FormModal","~~Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element"~~,"EmptyState"~~],"mappings":"~~;;;;;;;;;;;;;;;;;;;AAmBA~~,MAAMA,QAAWC,iBAAAA,UAAAA,CAAK,IAAM,8FAAO,yBAAA,MAAA,CAAA;AAEnC,MAAMC,GAAM,GAAA,IAAA;IACV,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAc,CAAA;AAC1BG,QAAAA,EAAAA,EAAI,CAAC,EAAEC,iBAAS,CAAA,YAAY,CAAC;QAC7BC,cAAgB,EAAA;AAClB,KAAA,CAAA;AACA,IAAA,MAAMC,eAAeC,yBAAc,CAAA,KAAA,EAAO,CAACC,KAAAA,GAAUA,MAAMF,YAAY,CAAA;AACvE,IAAA,MAAMG,~~aAAaC,sBAAW,CAAA,qBAAA,EAAuB,CAACF,KAAAA,GAAUA,MAAMC,UAAU,CAAA;AAChF,IAAA,MAAME,~~kBAAkBC,~~YAAON~~,CAAAA,YAAAA,CAAAA;IAE/BO,eAAU,CAAA,IAAA;QACR,IAAIF,eAAAA,CAAgBG,OAAO,EAAE;AAC3BH,YAAAA,eAAAA,CAAgBG,OAAO,CAAC,oBAAA,CAAA;AAC1B;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,qBACEC,eAAA,CAACC,iBAAKC,OAAO,EAAA;AAACC,QAAAA,WAAAA,EAAaC,sBAAYC,IAAI;;AACzC,0BAAAC,cAAA,CAACL,iBAAKM,KAAK,EAAA;~~AAAEpB~~,gBAAAA,QAAAA,EAAAA;;~~0BACbmB~~,cAACE,CAAAA,yDAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,cAACG,CAAAA,uDAAAA,EAAAA;AACC,oBAAA,QAAA,~~gBAAAT~~,~~eAACU~~,CAAAA,mBAAAA,EAAAA~~;;0CACCJ,cAACK,CAAAA,qBAAAA,EAAAA,EAAAA,CAAAA~~;~~AACD~~,~~0CAAAX,eAAA,CAAAY,mBAAA,EAAA;;AACGlB,oCAAAA,UAAAA,kBAAcY,cAACO,CAAAA,mBAAAA,EAAAA,EAAAA,CAAAA;AAChB,kDAAAP,~~cAAA,~~CAACQ~~,oBAAQC,IAAI,EAAA;AAACC,~~wCAAAA~~,OAAAA,~~gBAASV~~,~~cAACW~~,CAAAA,2CAAAA,EAAAA,EAAAA,CAAAA;AACtB,~~wCAAA~~,QAAA,~~gBAAAX~~,~~cAACY~~,CAAAA,cAAAA,EAAAA;~~4CAASC~~,QAAU,~~gBAAAb~~,cAAA,CAACL,~~iBAAKmB~~,OAAO,EAAA,EAAA,CAAA;AAC/B,~~4CAAA~~,QAAA,~~gBAAApB~~,~~eAACqB~~,CAAAA,qBAAAA,EAAAA;;~~kEACCf~~,~~cAACgB~~,CAAAA,oBAAAA,EAAAA;~~wDAAMC~~,IAAK,EAAA,~~mCAAA~~;~~AAAoCC~~,~~wDAAAA~~,OAAAA,~~gBAASlB~~,~~cAACmB~~,CAAAA,~~qBAAAA,EAAAA,EAAAA;;kEAC1DnB,cAACgB,CAAAA,oBAAAA,EAAAA;wDAAMC,IAAK,EAAA,+BAAA;AAAgCC,wDAAAA,OAAAA,gBAASlB,cAACxB,CAAAA,~~QAAAA,EAAAA,EAAAA;;~~kEACtDwB~~,~~cAACgB~~,CAAAA,oBAAAA,EAAAA;~~wDACCC~~,IAAM,EAAA,CAAC,+CAA+C,CAAC;AACvDC,~~wDAAAA~~,OAAAA,~~gBAASlB~~,~~cAACxB~~,CAAAA,QAAAA,EAAAA,EAAAA~~;;kEAEZwB,cAACgB,CAAAA,oBAAAA,EAAAA;wDAAMC,IAAK,EAAA,GAAA;AAAIC,wDAAAA,OAAAA,gBAASlB,cAACxB,CAAAA,QAAAA,EAAAA,EAAAA;;;;;;;;;;;;;;AAU9C~~;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../admin/src/pages/App/index.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export /\n/ eslint-disable check-file/filename-naming-convention /\n/ eslint-disable check-file/no-index */\nimport { lazy, Suspense, useEffect, useRef } from 'react';\n\nimport { Page, useGuidedTour, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker';\nimport { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav';\nimport DataManagerProvider from '../../components/DataManagerProvider/DataManagerProvider';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigationProvider/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\n\nconst ListView = lazy(() => import('../ListView/ListView'));\n\nconst App = () => {\n const { formatMessage } = useIntl();\n const title = formatMessage({\n id: `${pluginId}.plugin.name`,\n defaultMessage: 'Content Types Builder',\n });\n const startSection = useGuidedTour('App', (state) => state.startSection);\n const startSectionRef = useRef(startSection);\n\n useEffect(() => {\n if (startSectionRef.current) {\n startSectionRef.current('contentTypeBuilder');\n }\n }, []);\n\n return (\n <Page.Protect permissions={PERMISSIONS.main}>\n <Page.Title>{title}</Page.Title>\n <AutoReloadOverlayBlockerProvider>\n <FormModalNavigationProvider>\n <DataManagerProvider>\n <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n <Suspense fallback={<Page.Loading />}>\n <Routes>\n <Route path=\"content-types/:uid\" element={<ListView />} />\n <Route\n path={`component-categories/:categoryUid/:componentUid`}\n element={<ListView />}\n />\n </Routes>\n </Suspense>\n </Layouts.Root>\n </DataManagerProvider>\n </FormModalNavigationProvider>\n </AutoReloadOverlayBlockerProvider>\n </Page.Protect>\n );\n};\n\nexport default App;\n"],"names":["ListView","lazy","App","formatMessage","useIntl","title","id","pluginId","defaultMessage","startSection","useGuidedTour","state","startSectionRef","useRef","useEffect","current","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAMA,QAAWC,iBAAAA,UAAAA,CAAK,IAAM,8FAAO,yBAAA,MAAA,CAAA;AAEnC,MAAMC,GAAM,GAAA,IAAA;IACV,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAc,CAAA;AAC1BG,QAAAA,EAAAA,EAAI,CAAC,EAAEC,iBAAS,CAAA,YAAY,CAAC;QAC7BC,cAAgB,EAAA;AAClB,KAAA,CAAA;AACA,IAAA,MAAMC,eAAeC,yBAAc,CAAA,KAAA,EAAO,CAACC,KAAAA,GAAUA,MAAMF,YAAY,CAAA;AACvE,IAAA,MAAMG,kBAAkBC,YAAOJ,CAAAA,YAAAA,CAAAA;IAE/BK,eAAU,CAAA,IAAA;QACR,IAAIF,eAAAA,CAAgBG,OAAO,EAAE;AAC3BH,YAAAA,eAAAA,CAAgBG,OAAO,CAAC,oBAAA,CAAA;AAC1B;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,qBACEC,eAAA,CAACC,iBAAKC,OAAO,EAAA;AAACC,QAAAA,WAAAA,EAAaC,sBAAYC,IAAI;;AACzC,0BAAAC,cAAA,CAACL,iBAAKM,KAAK,EAAA;AAAElB,gBAAAA,QAAAA,EAAAA;;0BACbiB,cAACE,CAAAA,yDAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,cAACG,CAAAA,uDAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAH,cAACI,CAAAA,mBAAAA,EAAAA;gDACCJ,cAAA,CAACK,oBAAQC,IAAI,EAAA;AAACC,4BAAAA,OAAAA,gBAASP,cAACQ,CAAAA,2CAAAA,EAAAA,EAAAA,CAAAA;AACtB,4BAAA,QAAA,gBAAAR,cAACS,CAAAA,cAAAA,EAAAA;gCAASC,QAAU,gBAAAV,cAAA,CAACL,iBAAKgB,OAAO,EAAA,EAAA,CAAA;AAC/B,gCAAA,QAAA,gBAAAjB,eAACkB,CAAAA,qBAAAA,EAAAA;;sDACCZ,cAACa,CAAAA,oBAAAA,EAAAA;4CAAMC,IAAK,EAAA,oBAAA;AAAqBC,4CAAAA,OAAAA,gBAASf,cAACtB,CAAAA,QAAAA,EAAAA,EAAAA;;sDAC3CsB,cAACa,CAAAA,oBAAAA,EAAAA;4CACCC,IAAM,EAAA,CAAC,+CAA+C,CAAC;AACvDC,4CAAAA,OAAAA,gBAASf,cAACtB,CAAAA,QAAAA,EAAAA,EAAAA;;;;;;;;;;;AAU9B;;;;"}

package/dist/admin/pages/App/index.mjs CHANGED Viewed

@@ -1,17 +1,14 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect, Suspense, lazy } from 'react';
-import { useGuidedTour, useAppInfo, Page, Layouts } from '@strapi/admin/strapi-admin';
+import { useGuidedTour, Page, Layouts } from '@strapi/admin/strapi-admin';
 import { useIntl } from 'react-intl';
 import { Routes, Route } from 'react-router-dom';
 import { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker.mjs';
 import { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav.mjs';
-import DataManagerProvider from '../../components/DataManager/DataManagerProvider.mjs';
-import { ExitPrompt } from '../../components/ExitPrompt.mjs';
-import { FormModal } from '../../components/FormModal/FormModal.mjs';
-import { FormModalNavigationProvider } from '../../components/FormModalNavigation/FormModalNavigationProvider.mjs';
+import DataManagerProvider from '../../components/DataManagerProvider/DataManagerProvider.mjs';
+import { FormModalNavigationProvider } from '../../components/FormModalNavigationProvider/FormModalNavigationProvider.mjs';
 import { PERMISSIONS } from '../../constants.mjs';
 import { pluginId } from '../../pluginId.mjs';
-import { EmptyState } from '../ListView/EmptyState.mjs';
 const ListView = /*#__PURE__*/ lazy(()=>import('../ListView/ListView.mjs'));
 const App = ()=>{
@@ -21,7 +18,6 @@ const App = ()=>{
         defaultMessage: 'Content Types Builder'
     });
     const startSection = useGuidedTour('App', (state)=>state.startSection);
-    const autoReload = useAppInfo('DataManagerProvider', (state)=>state.autoReload);
     const startSectionRef = useRef(startSection);
     useEffect(()=>{
         if (startSectionRef.current) {
@@ -36,41 +32,25 @@ const App = ()=>{
             }),
             /*#__PURE__*/ jsx(AutoReloadOverlayBlockerProvider, {
                 children: /*#__PURE__*/ jsx(FormModalNavigationProvider, {
-                    children: /*#__PURE__*/ jsxs(DataManagerProvider, {
-                        children: [
-                            /*#__PURE__*/ jsx(ExitPrompt, {}),
-                            /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    autoReload && /*#__PURE__*/ jsx(FormModal, {}),
-                                    /*#__PURE__*/ jsx(Layouts.Root, {
-                                        sideNav: /*#__PURE__*/ jsx(ContentTypeBuilderNav, {}),
-                                        children: /*#__PURE__*/ jsx(Suspense, {
-                                            fallback: /*#__PURE__*/ jsx(Page.Loading, {}),
-                                            children: /*#__PURE__*/ jsxs(Routes, {
-                                                children: [
-                                                    /*#__PURE__*/ jsx(Route, {
-                                                        path: "content-types/create-content-type",
-                                                        element: /*#__PURE__*/ jsx(EmptyState, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Route, {
-                                                        path: "content-types/:contentTypeUid",
-                                                        element: /*#__PURE__*/ jsx(ListView, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Route, {
-                                                        path: `component-categories/:categoryUid/:componentUid`,
-                                                        element: /*#__PURE__*/ jsx(ListView, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Route, {
-                                                        path: "*",
-                                                        element: /*#__PURE__*/ jsx(ListView, {})
-                                                    })
-                                                ]
-                                            })
+                    children: /*#__PURE__*/ jsx(DataManagerProvider, {
+                        children: /*#__PURE__*/ jsx(Layouts.Root, {
+                            sideNav: /*#__PURE__*/ jsx(ContentTypeBuilderNav, {}),
+                            children: /*#__PURE__*/ jsx(Suspense, {
+                                fallback: /*#__PURE__*/ jsx(Page.Loading, {}),
+                                children: /*#__PURE__*/ jsxs(Routes, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Route, {
+                                            path: "content-types/:uid",
+                                            element: /*#__PURE__*/ jsx(ListView, {})
+                                        }),
+                                        /*#__PURE__*/ jsx(Route, {
+                                            path: `component-categories/:categoryUid/:componentUid`,
+                                            element: /*#__PURE__*/ jsx(ListView, {})
                                         })
-                                    })
-                                ]
+                                    ]
+                                })
                             })
-                        ]
+                        })
                     })
                 })
             })