@strapi/content-type-builder 5.12.1 → 5.12.2

package/dist/admin/components/SelectDateType.mjs

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const SelectDateType = ({ intlLabel, error = undefined, modifiedData, name, onChange, options, value = '' })=>{
+    const { formatMessage } = useIntl();
+    const label = formatMessage(intlLabel);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const handleChange = (nextValue)=>{
+        onChange({
+            target: {
+                name,
+                value: nextValue,
+                type: 'select'
+            }
+        });
+        if (!value) {
+            return;
+        }
+        if (modifiedData.default !== undefined && modifiedData.default !== null) {
+            onChange({
+                target: {
+                    name: 'default',
+                    value: null
+                }
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(SingleSelect, {
+                onChange: handleChange,
+                value: value || '',
+                children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                    return /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: value,
+                        disabled: disabled,
+                        hidden: hidden,
+                        children: formatMessage({
+                            id: intlLabel.id,
+                            defaultMessage: intlLabel.defaultMessage
+                        }, intlLabel.values)
+                    }, key);
+                })
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {})
+        ]
+    });
+};
+
+export { SelectDateType };
+//# sourceMappingURL=SelectDateType.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDateType.mjs","sources":["../../../admin/src/components/SelectDateType.tsx"],"sourcesContent":["import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport { PrimitiveType, useIntl } from 'react-intl';\n\ntype SelectDateTypeProps = {\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        values: Record<string, PrimitiveType> | undefined;\n      };\n      disabled?: boolean;\n      hidden?: boolean;\n    };\n    key: string | number;\n    value: string | number;\n  }>;\n  value?: string;\n};\n\nexport const SelectDateType = ({\n  intlLabel,\n  error = undefined,\n  modifiedData,\n  name,\n  onChange,\n  options,\n  value = '',\n}: SelectDateTypeProps) => {\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 (modifiedData.default !== undefined && modifiedData.default !== null) {\n      onChange({ target: { name: 'default', value: null } });\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(\n                { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n                intlLabel.values\n              )}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n      <Field.Error />\n    </Field.Root>\n  );\n};\n"],"names":["SelectDateType","intlLabel","error","undefined","modifiedData","name","onChange","options","value","formatMessage","useIntl","label","errorMessage","id","defaultMessage","handleChange","nextValue","target","type","default","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption","values","Error"],"mappings":";;;;MAuCaA,cAAiB,GAAA,CAAC,EAC7BC,SAAS,EACTC,QAAQC,SAAS,EACjBC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,KAAAA,GAAQ,EAAE,EACU,GAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAcR,CAAAA,SAAAA,CAAAA;IAC5B,MAAMW,YAAAA,GAAeV,QAAQO,aAAc,CAAA;QAAEI,EAAIX,EAAAA,KAAAA;QAAOY,cAAgBZ,EAAAA;KAAW,CAAA,GAAA,EAAA;AAEnF,IAAA,MAAMa,eAAe,CAACC,SAAAA,GAAAA;QACpBV,QAAS,CAAA;YAAEW,MAAQ,EAAA;AAAEZ,gBAAAA,IAAAA;gBAAMG,KAAOQ,EAAAA,SAAAA;gBAAWE,IAAM,EAAA;AAAS;AAAE,SAAA,CAAA;AAE9D,QAAA,IAAI,CAACV,KAAO,EAAA;AACV,YAAA;AACF;AAEA,QAAA,IAAIJ,aAAae,OAAO,KAAKhB,aAAaC,YAAae,CAAAA,OAAO,KAAK,IAAM,EAAA;YACvEb,QAAS,CAAA;gBAAEW,MAAQ,EAAA;oBAAEZ,IAAM,EAAA,SAAA;oBAAWG,KAAO,EAAA;AAAK;AAAE,aAAA,CAAA;AACtD;AACF,KAAA;IAEA,qBACEY,IAAA,CAACC,MAAMC,IAAI,EAAA;QAACpB,KAAOU,EAAAA,YAAAA;QAAcP,IAAMA,EAAAA,IAAAA;;AACrC,0BAAAkB,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEb,gBAAAA,QAAAA,EAAAA;;0BACdY,GAACE,CAAAA,YAAAA,EAAAA;gBAAanB,QAAUS,EAAAA,YAAAA;AAAcP,gBAAAA,KAAAA,EAAOA,KAAS,IAAA,EAAA;AACnDD,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQmB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAE1B,SAAS,EAAE2B,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEtB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEe,GAACQ,CAAAA,kBAAAA,EAAAA;wBAA6BvB,KAAOA,EAAAA,KAAAA;wBAAOoB,QAAUA,EAAAA,QAAAA;wBAAUC,MAAQA,EAAAA,MAAAA;kCACrEpB,aACC,CAAA;AAAEI,4BAAAA,EAAAA,EAAIZ,UAAUY,EAAE;AAAEC,4BAAAA,cAAAA,EAAgBb,UAAUa;AAAe,yBAAA,EAC7Db,UAAU+B,MAAM;AAHKF,qBAAAA,EAAAA,GAAAA,CAAAA;AAO7B,iBAAA;;AAEF,0BAAAP,GAAA,CAACF,MAAMY,KAAK,EAAA,EAAA;;;AAGlB;;;;"}

package/dist/admin/components/SelectNumber.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+
+const SelectNumber = ({ intlLabel, error = undefined, modifiedData, name, onChange, options, value = '' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const label = formatMessage(intlLabel);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const handleChange = (nextValue)=>{
+        onChange({
+            target: {
+                name,
+                value: nextValue,
+                type: 'select'
+            }
+        });
+        if (!value) {
+            return;
+        }
+        if (nextValue === 'biginteger' && value !== 'biginteger') {
+            if (modifiedData.default !== undefined && modifiedData.default !== null) {
+                onChange({
+                    target: {
+                        name: 'default',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.max !== undefined && modifiedData.max !== null) {
+                onChange({
+                    target: {
+                        name: 'max',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.min !== undefined && modifiedData.min !== null) {
+                onChange({
+                    target: {
+                        name: 'min',
+                        value: null
+                    }
+                });
+            }
+        }
+        if (typeof nextValue === 'string' && [
+            'decimal',
+            'float',
+            'integer'
+        ].includes(nextValue) && value === 'biginteger') {
+            if (modifiedData.default !== undefined && modifiedData.default !== null) {
+                onChange({
+                    target: {
+                        name: 'default',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.max !== undefined && modifiedData.max !== null) {
+                onChange({
+                    target: {
+                        name: 'max',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.min !== undefined && modifiedData.min !== null) {
+                onChange({
+                    target: {
+                        name: 'min',
+                        value: null
+                    }
+                });
+            }
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                onChange: handleChange,
+                value: value || '',
+                children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                        value: value,
+                        disabled: disabled,
+                        hidden: hidden,
+                        children: formatMessage(intlLabel)
+                    }, key);
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+    });
+};
+SelectNumber.defaultProps = {
+    error: undefined,
+    value: ''
+};
+
+exports.SelectNumber = SelectNumber;
+//# sourceMappingURL=SelectNumber.js.map

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

@@ -0,0 +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":";;;;;;MAsCaA,YAAe,GAAA,CAAC,EAC3BC,SAAS,EACTC,QAAQC,SAAS,EACjBC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,KAAAA,GAAQ,EAAE,EACQ,GAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAcR,CAAAA,SAAAA,CAAAA;IAC5B,MAAMW,YAAAA,GAAeV,QAAQO,aAAc,CAAA;QAAEI,EAAIX,EAAAA,KAAAA;QAAOY,cAAgBZ,EAAAA;KAAW,CAAA,GAAA,EAAA;AAEnF,IAAA,MAAMa,eAAe,CAACC,SAAAA,GAAAA;QACpBV,QAAS,CAAA;YAAEW,MAAQ,EAAA;AAAEZ,gBAAAA,IAAAA;gBAAMG,KAAOQ,EAAAA,SAAAA;gBAAWE,IAAM,EAAA;AAAS;AAAE,SAAA,CAAA;AAE9D,QAAA,IAAI,CAACV,KAAO,EAAA;AACV,YAAA;AACF;QAEA,IAAIQ,SAAAA,KAAc,YAAgBR,IAAAA,KAAAA,KAAU,YAAc,EAAA;AACxD,YAAA,IAAIJ,aAAae,OAAO,KAAKhB,aAAaC,YAAae,CAAAA,OAAO,KAAK,IAAM,EAAA;gBACvEb,QAAS,CAAA;oBAAEW,MAAQ,EAAA;wBAAEZ,IAAM,EAAA,SAAA;wBAAWG,KAAO,EAAA;AAAK;AAAE,iBAAA,CAAA;AACtD;AAEA,YAAA,IAAIJ,aAAagB,GAAG,KAAKjB,aAAaC,YAAagB,CAAAA,GAAG,KAAK,IAAM,EAAA;gBAC/Dd,QAAS,CAAA;oBAAEW,MAAQ,EAAA;wBAAEZ,IAAM,EAAA,KAAA;wBAAOG,KAAO,EAAA;AAAK;AAAE,iBAAA,CAAA;AAClD;AAEA,YAAA,IAAIJ,aAAaiB,GAAG,KAAKlB,aAAaC,YAAaiB,CAAAA,GAAG,KAAK,IAAM,EAAA;gBAC/Df,QAAS,CAAA;oBAAEW,MAAQ,EAAA;wBAAEZ,IAAM,EAAA,KAAA;wBAAOG,KAAO,EAAA;AAAK;AAAE,iBAAA,CAAA;AAClD;AACF;QAEA,IACE,OAAOQ,cAAc,QACrB,IAAA;AAAC,YAAA,SAAA;AAAW,YAAA,OAAA;AAAS,YAAA;AAAU,SAAA,CAACM,QAAQ,CAACN,SACzCR,CAAAA,IAAAA,KAAAA,KAAU,YACV,EAAA;AACA,YAAA,IAAIJ,aAAae,OAAO,KAAKhB,aAAaC,YAAae,CAAAA,OAAO,KAAK,IAAM,EAAA;gBACvEb,QAAS,CAAA;oBAAEW,MAAQ,EAAA;wBAAEZ,IAAM,EAAA,SAAA;wBAAWG,KAAO,EAAA;AAAK;AAAE,iBAAA,CAAA;AACtD;AAEA,YAAA,IAAIJ,aAAagB,GAAG,KAAKjB,aAAaC,YAAagB,CAAAA,GAAG,KAAK,IAAM,EAAA;gBAC/Dd,QAAS,CAAA;oBAAEW,MAAQ,EAAA;wBAAEZ,IAAM,EAAA,KAAA;wBAAOG,KAAO,EAAA;AAAK;AAAE,iBAAA,CAAA;AAClD;AAEA,YAAA,IAAIJ,aAAaiB,GAAG,KAAKlB,aAAaC,YAAaiB,CAAAA,GAAG,KAAK,IAAM,EAAA;gBAC/Df,QAAS,CAAA;oBAAEW,MAAQ,EAAA;wBAAEZ,IAAM,EAAA,KAAA;wBAAOG,KAAO,EAAA;AAAK;AAAE,iBAAA,CAAA;AAClD;AACF;AACF,KAAA;IAEA,qBACEe,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAACvB,KAAOU,EAAAA,YAAAA;QAAcP,IAAMA,EAAAA,IAAAA;;AACrC,0BAAAqB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEhB,gBAAAA,QAAAA,EAAAA;;0BACde,cAACE,CAAAA,yBAAAA,EAAAA;gBAAatB,QAAUS,EAAAA,YAAAA;AAAcP,gBAAAA,KAAAA,EAAOA,KAAS,IAAA,EAAA;AACnDD,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQsB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAE7B,SAAS,EAAE8B,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEzB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEkB,cAACQ,CAAAA,+BAAAA,EAAAA;wBAA6B1B,KAAOA,EAAAA,KAAAA;wBAAOuB,QAAUA,EAAAA,QAAAA;wBAAUC,MAAQA,EAAAA,MAAAA;kCACrEvB,aAAcR,CAAAA,SAAAA;AADQgC,qBAAAA,EAAAA,GAAAA,CAAAA;AAI7B,iBAAA;;AAEF,0BAAAP,cAAA,CAACF,mBAAMW,KAAK,EAAA,EAAA;;;AAGlB;AAEAnC,YAAAA,CAAaoC,YAAY,GAAG;IAC1BlC,KAAOC,EAAAA,SAAAA;IACPK,KAAO,EAAA;AACT,CAAA;;;;"}

package/dist/admin/components/SelectNumber.mjs

@@ -0,0 +1,109 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const SelectNumber = ({ intlLabel, error = undefined, modifiedData, name, onChange, options, value = '' })=>{
+    const { formatMessage } = useIntl();
+    const label = formatMessage(intlLabel);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const handleChange = (nextValue)=>{
+        onChange({
+            target: {
+                name,
+                value: nextValue,
+                type: 'select'
+            }
+        });
+        if (!value) {
+            return;
+        }
+        if (nextValue === 'biginteger' && value !== 'biginteger') {
+            if (modifiedData.default !== undefined && modifiedData.default !== null) {
+                onChange({
+                    target: {
+                        name: 'default',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.max !== undefined && modifiedData.max !== null) {
+                onChange({
+                    target: {
+                        name: 'max',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.min !== undefined && modifiedData.min !== null) {
+                onChange({
+                    target: {
+                        name: 'min',
+                        value: null
+                    }
+                });
+            }
+        }
+        if (typeof nextValue === 'string' && [
+            'decimal',
+            'float',
+            'integer'
+        ].includes(nextValue) && value === 'biginteger') {
+            if (modifiedData.default !== undefined && modifiedData.default !== null) {
+                onChange({
+                    target: {
+                        name: 'default',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.max !== undefined && modifiedData.max !== null) {
+                onChange({
+                    target: {
+                        name: 'max',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.min !== undefined && modifiedData.min !== null) {
+                onChange({
+                    target: {
+                        name: 'min',
+                        value: null
+                    }
+                });
+            }
+        }
+    };
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(SingleSelect, {
+                onChange: handleChange,
+                value: value || '',
+                children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                    return /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: value,
+                        disabled: disabled,
+                        hidden: hidden,
+                        children: formatMessage(intlLabel)
+                    }, key);
+                })
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {})
+        ]
+    });
+};
+SelectNumber.defaultProps = {
+    error: undefined,
+    value: ''
+};
+
+export { SelectNumber };
+//# sourceMappingURL=SelectNumber.mjs.map

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

@@ -0,0 +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/SingularName.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var nameToSlug = require('../utils/nameToSlug.js');
+
+const SingularName = ({ description = null, error = null, intlLabel, modifiedData, name, onChange, value = null })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const onChangeRef = React.useRef(onChange);
+    const displayName = modifiedData?.displayName || '';
+    React.useEffect(()=>{
+        if (displayName) {
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: nameToSlug.nameToSlug(displayName)
+                }
+            });
+        } else {
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: ''
+                }
+            });
+        }
+    }, [
+        displayName,
+        name
+    ]);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        ...description.values
+    }) : '';
+    const label = formatMessage(intlLabel);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        hint: hint,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                onChange: onChange,
+                value: value || ''
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ]
+    });
+};
+
+exports.SingularName = SingularName;
+//# sourceMappingURL=SingularName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingularName.js","sources":["../../../admin/src/components/SingularName.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { Field, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { nameToSlug } from '../utils/nameToSlug';\n\nimport type { IntlLabel } from '../types';\n\ninterface SingularNameProps {\n  description?: IntlLabel | null;\n  error?: string | null;\n  intlLabel: IntlLabel;\n  modifiedData: Record<string, any>;\n  name: string;\n  onChange: (value: { target: { name: string; value: string } }) => void;\n  value?: string | null;\n}\n\nexport const SingularName = ({\n  description = null,\n  error = null,\n  intlLabel,\n  modifiedData,\n  name,\n  onChange,\n  value = null,\n}: SingularNameProps) => {\n  const { formatMessage } = useIntl();\n  const onChangeRef = useRef(onChange);\n  const displayName = modifiedData?.displayName || '';\n\n  useEffect(() => {\n    if (displayName) {\n      onChangeRef.current({ target: { name, value: nameToSlug(displayName) } });\n    } else {\n      onChangeRef.current({ target: { name, value: '' } });\n    }\n  }, [displayName, name]);\n\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n  const hint = description\n    ? formatMessage(\n        { id: description.id, defaultMessage: description.defaultMessage },\n        { ...description.values }\n      )\n    : '';\n  const label = formatMessage(intlLabel);\n\n  return (\n    <Field.Root error={errorMessage} hint={hint} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <TextInput onChange={onChange} value={value || ''} />\n      <Field.Error />\n      <Field.Hint />\n    </Field.Root>\n  );\n};\n"],"names":["SingularName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","displayName","useEffect","current","target","nameToSlug","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","Error","Hint"],"mappings":";;;;;;;;AAmBO,MAAMA,eAAe,CAAC,EAC3BC,cAAc,IAAI,EAClBC,QAAQ,IAAI,EACZC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAAA,GAAQ,IAAI,EACM,GAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,cAAcC,YAAOL,CAAAA,QAAAA,CAAAA;IAC3B,MAAMM,WAAAA,GAAcR,cAAcQ,WAAe,IAAA,EAAA;IAEjDC,eAAU,CAAA,IAAA;AACR,QAAA,IAAID,WAAa,EAAA;AACfF,YAAAA,WAAAA,CAAYI,OAAO,CAAC;gBAAEC,MAAQ,EAAA;AAAEV,oBAAAA,IAAAA;AAAME,oBAAAA,KAAAA,EAAOS,qBAAWJ,CAAAA,WAAAA;AAAa;AAAE,aAAA,CAAA;SAClE,MAAA;AACLF,YAAAA,WAAAA,CAAYI,OAAO,CAAC;gBAAEC,MAAQ,EAAA;AAAEV,oBAAAA,IAAAA;oBAAME,KAAO,EAAA;AAAG;AAAE,aAAA,CAAA;AACpD;KACC,EAAA;AAACK,QAAAA,WAAAA;AAAaP,QAAAA;AAAK,KAAA,CAAA;IAEtB,MAAMY,YAAAA,GAAef,QAAQM,aAAc,CAAA;QAAEU,EAAIhB,EAAAA,KAAAA;QAAOiB,cAAgBjB,EAAAA;KAAW,CAAA,GAAA,EAAA;IACnF,MAAMkB,IAAAA,GAAOnB,cACTO,aACE,CAAA;AAAEU,QAAAA,EAAAA,EAAIjB,YAAYiB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBlB,YAAYkB;KAClD,EAAA;AAAE,QAAA,GAAGlB,YAAYoB;KAEnB,CAAA,GAAA,EAAA;AACJ,IAAA,MAAMC,QAAQd,aAAcL,CAAAA,SAAAA,CAAAA;IAE5B,qBACEoB,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAACvB,KAAOe,EAAAA,YAAAA;QAAcG,IAAMA,EAAAA,IAAAA;QAAMf,IAAMA,EAAAA,IAAAA;;AACjD,0BAAAqB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,cAACE,CAAAA,sBAAAA,EAAAA;gBAAUtB,QAAUA,EAAAA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAS,IAAA;;AAC/C,0BAAAmB,cAAA,CAACF,mBAAMK,KAAK,EAAA,EAAA,CAAA;AACZ,0BAAAH,cAAA,CAACF,mBAAMM,IAAI,EAAA,EAAA;;;AAGjB;;;;"}

package/dist/admin/components/SingularName.mjs

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { Field, TextInput } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { nameToSlug } from '../utils/nameToSlug.mjs';
+
+const SingularName = ({ description = null, error = null, intlLabel, modifiedData, name, onChange, value = null })=>{
+    const { formatMessage } = useIntl();
+    const onChangeRef = useRef(onChange);
+    const displayName = modifiedData?.displayName || '';
+    useEffect(()=>{
+        if (displayName) {
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: nameToSlug(displayName)
+                }
+            });
+        } else {
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: ''
+                }
+            });
+        }
+    }, [
+        displayName,
+        name
+    ]);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        ...description.values
+    }) : '';
+    const label = formatMessage(intlLabel);
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        hint: hint,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(TextInput, {
+                onChange: onChange,
+                value: value || ''
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {}),
+            /*#__PURE__*/ jsx(Field.Hint, {})
+        ]
+    });
+};
+
+export { SingularName };
+//# sourceMappingURL=SingularName.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingularName.mjs","sources":["../../../admin/src/components/SingularName.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { Field, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { nameToSlug } from '../utils/nameToSlug';\n\nimport type { IntlLabel } from '../types';\n\ninterface SingularNameProps {\n  description?: IntlLabel | null;\n  error?: string | null;\n  intlLabel: IntlLabel;\n  modifiedData: Record<string, any>;\n  name: string;\n  onChange: (value: { target: { name: string; value: string } }) => void;\n  value?: string | null;\n}\n\nexport const SingularName = ({\n  description = null,\n  error = null,\n  intlLabel,\n  modifiedData,\n  name,\n  onChange,\n  value = null,\n}: SingularNameProps) => {\n  const { formatMessage } = useIntl();\n  const onChangeRef = useRef(onChange);\n  const displayName = modifiedData?.displayName || '';\n\n  useEffect(() => {\n    if (displayName) {\n      onChangeRef.current({ target: { name, value: nameToSlug(displayName) } });\n    } else {\n      onChangeRef.current({ target: { name, value: '' } });\n    }\n  }, [displayName, name]);\n\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n  const hint = description\n    ? formatMessage(\n        { id: description.id, defaultMessage: description.defaultMessage },\n        { ...description.values }\n      )\n    : '';\n  const label = formatMessage(intlLabel);\n\n  return (\n    <Field.Root error={errorMessage} hint={hint} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <TextInput onChange={onChange} value={value || ''} />\n      <Field.Error />\n      <Field.Hint />\n    </Field.Root>\n  );\n};\n"],"names":["SingularName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","displayName","useEffect","current","target","nameToSlug","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","Error","Hint"],"mappings":";;;;;;AAmBO,MAAMA,eAAe,CAAC,EAC3BC,cAAc,IAAI,EAClBC,QAAQ,IAAI,EACZC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAAA,GAAQ,IAAI,EACM,GAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,cAAcC,MAAOL,CAAAA,QAAAA,CAAAA;IAC3B,MAAMM,WAAAA,GAAcR,cAAcQ,WAAe,IAAA,EAAA;IAEjDC,SAAU,CAAA,IAAA;AACR,QAAA,IAAID,WAAa,EAAA;AACfF,YAAAA,WAAAA,CAAYI,OAAO,CAAC;gBAAEC,MAAQ,EAAA;AAAEV,oBAAAA,IAAAA;AAAME,oBAAAA,KAAAA,EAAOS,UAAWJ,CAAAA,WAAAA;AAAa;AAAE,aAAA,CAAA;SAClE,MAAA;AACLF,YAAAA,WAAAA,CAAYI,OAAO,CAAC;gBAAEC,MAAQ,EAAA;AAAEV,oBAAAA,IAAAA;oBAAME,KAAO,EAAA;AAAG;AAAE,aAAA,CAAA;AACpD;KACC,EAAA;AAACK,QAAAA,WAAAA;AAAaP,QAAAA;AAAK,KAAA,CAAA;IAEtB,MAAMY,YAAAA,GAAef,QAAQM,aAAc,CAAA;QAAEU,EAAIhB,EAAAA,KAAAA;QAAOiB,cAAgBjB,EAAAA;KAAW,CAAA,GAAA,EAAA;IACnF,MAAMkB,IAAAA,GAAOnB,cACTO,aACE,CAAA;AAAEU,QAAAA,EAAAA,EAAIjB,YAAYiB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBlB,YAAYkB;KAClD,EAAA;AAAE,QAAA,GAAGlB,YAAYoB;KAEnB,CAAA,GAAA,EAAA;AACJ,IAAA,MAAMC,QAAQd,aAAcL,CAAAA,SAAAA,CAAAA;IAE5B,qBACEoB,IAAA,CAACC,MAAMC,IAAI,EAAA;QAACvB,KAAOe,EAAAA,YAAAA;QAAcG,IAAMA,EAAAA,IAAAA;QAAMf,IAAMA,EAAAA,IAAAA;;AACjD,0BAAAqB,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,GAACE,CAAAA,SAAAA,EAAAA;gBAAUtB,QAAUA,EAAAA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAS,IAAA;;AAC/C,0BAAAmB,GAAA,CAACF,MAAMK,KAAK,EAAA,EAAA,CAAA;AACZ,0BAAAH,GAAA,CAACF,MAAMM,IAAI,EAAA,EAAA;;;AAGjB;;;;"}

package/dist/admin/components/TabForm.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var get = require('lodash/get');
+var reactIntl = require('react-intl');
+var GenericInputs = require('./GenericInputs.js');
+
+/* eslint-disable react/no-array-index-key */ const TabForm = ({ form, formErrors, genericInputProps, modifiedData, onChange })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: form.map((section, sectionIndex)=>{
+            // Don't display an empty section
+            if (section.items.length === 0) {
+                return null;
+            }
+            return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                children: [
+                    section.sectionTitle && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        paddingBottom: 4,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            variant: "delta",
+                            tag: "h3",
+                            children: formatMessage(section.sectionTitle)
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                        gap: 4,
+                        children: section.items.map((input, i)=>{
+                            const key = `${sectionIndex}.${i}`;
+                            /**
+                 * Use undefined as the default value because not every input wants a string e.g. Date pickers
+                 */ const value = get(modifiedData, input.name, undefined);
+                            // 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)
+                            // and triggering a yup validation error in the UI (missing a required field for example)
+                            // We got an object that looks like: formErrors = { "pluginOptions.i18n.localized": {...} }
+                            // In order to deal with this error, we can't rely on lodash.get to resolve this key
+                            // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})
+                            // - and we just want to access { "pluginOptions.i18n.localized": {...} }
+                            // NOTE: this is a hack
+                            const pluginOptionError = Object.keys(formErrors).find((key)=>key === input.name);
+                            // Retrieve the error for a specific input
+                            const errorId = pluginOptionError ? formErrors[pluginOptionError].id : get(formErrors, [
+                                ...input.name.split('.')// The filter here is used when creating a component
+                                // in the component step 1 modal
+                                // Since the component info is stored in the
+                                // componentToCreate object we can access the error
+                                // By removing the key
+                                .filter((key)=>key !== 'componentToCreate'),
+                                'id'
+                            ], null);
+                            if (input.type === 'pushRight') {
+                                return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                    col: input.size || 6,
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx("div", {})
+                                }, input.name || key);
+                            }
+                            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                col: input.size || 6,
+                                direction: "column",
+                                alignItems: "stretch",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(GenericInputs.GenericInput, {
+                                    ...input,
+                                    ...genericInputProps,
+                                    error: errorId,
+                                    onChange: onChange,
+                                    value: value
+                                })
+                            }, input.name || key);
+                        })
+                    })
+                ]
+            }, sectionIndex);
+        })
+    });
+};
+
+exports.TabForm = TabForm;
+//# sourceMappingURL=TabForm.js.map

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

@@ -0,0 +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

@@ -0,0 +1,79 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Box, Typography, Grid } from '@strapi/design-system';
+import get from 'lodash/get';
+import { useIntl } from 'react-intl';
+import { GenericInput as MemoizedGenericInput } from './GenericInputs.mjs';
+
+/* eslint-disable react/no-array-index-key */ const TabForm = ({ form, formErrors, genericInputProps, modifiedData, onChange })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: form.map((section, sectionIndex)=>{
+            // Don't display an empty section
+            if (section.items.length === 0) {
+                return null;
+            }
+            return /*#__PURE__*/ jsxs(Box, {
+                children: [
+                    section.sectionTitle && /*#__PURE__*/ jsx(Box, {
+                        paddingBottom: 4,
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            variant: "delta",
+                            tag: "h3",
+                            children: formatMessage(section.sectionTitle)
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Grid.Root, {
+                        gap: 4,
+                        children: section.items.map((input, i)=>{
+                            const key = `${sectionIndex}.${i}`;
+                            /**
+                 * Use undefined as the default value because not every input wants a string e.g. Date pickers
+                 */ const value = get(modifiedData, input.name, undefined);
+                            // 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)
+                            // and triggering a yup validation error in the UI (missing a required field for example)
+                            // We got an object that looks like: formErrors = { "pluginOptions.i18n.localized": {...} }
+                            // In order to deal with this error, we can't rely on lodash.get to resolve this key
+                            // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})
+                            // - and we just want to access { "pluginOptions.i18n.localized": {...} }
+                            // NOTE: this is a hack
+                            const pluginOptionError = Object.keys(formErrors).find((key)=>key === input.name);
+                            // Retrieve the error for a specific input
+                            const errorId = pluginOptionError ? formErrors[pluginOptionError].id : get(formErrors, [
+                                ...input.name.split('.')// The filter here is used when creating a component
+                                // in the component step 1 modal
+                                // Since the component info is stored in the
+                                // componentToCreate object we can access the error
+                                // By removing the key
+                                .filter((key)=>key !== 'componentToCreate'),
+                                'id'
+                            ], null);
+                            if (input.type === 'pushRight') {
+                                return /*#__PURE__*/ jsx(Grid.Item, {
+                                    col: input.size || 6,
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    children: /*#__PURE__*/ jsx("div", {})
+                                }, input.name || key);
+                            }
+                            return /*#__PURE__*/ jsx(Grid.Item, {
+                                col: input.size || 6,
+                                direction: "column",
+                                alignItems: "stretch",
+                                children: /*#__PURE__*/ jsx(MemoizedGenericInput, {
+                                    ...input,
+                                    ...genericInputProps,
+                                    error: errorId,
+                                    onChange: onChange,
+                                    value: value
+                                })
+                            }, input.name || key);
+                        })
+                    })
+                ]
+            }, sectionIndex);
+        })
+    });
+};
+
+export { TabForm };
+//# sourceMappingURL=TabForm.mjs.map