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

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

package/dist/admin/components/SelectNumber.mjs

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

package/dist/admin/components/SingularName.js

@@ -0,0 +1,72 @@
+'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 previousValue = React.useRef(value);
+    const previousDisplayName = React.useRef(modifiedData?.displayName || '');
+    const displayName = modifiedData?.displayName || '';
+    React.useEffect(()=>{
+        if (displayName && displayName !== previousDisplayName.current) {
+            const newValue = nameToSlug.nameToSlug(displayName);
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: newValue
+                }
+            });
+            previousValue.current = newValue;
+            previousDisplayName.current = displayName;
+        } else if (!displayName) {
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: ''
+                }
+            });
+            previousValue.current = '';
+            previousDisplayName.current = '';
+        }
+    }, [
+        displayName,
+        name,
+        value
+    ]);
+    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 || '',
+                type: "text"
+            }),
+            /*#__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';\r\n\r\nimport { Field, TextInput } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { nameToSlug } from '../utils/nameToSlug';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface SingularNameProps {\r\n  description?: IntlLabel | null;\r\n  error?: string | null;\r\n  intlLabel: IntlLabel;\r\n  modifiedData: { displayName?: string };\r\n  name: string;\r\n  onChange: FormChangeHandler<string>;\r\n  value?: string | null;\r\n}\r\n\r\nexport const SingularName = ({\r\n  description = null,\r\n  error = null,\r\n  intlLabel,\r\n  modifiedData,\r\n  name,\r\n  onChange,\r\n  value = null,\r\n}: SingularNameProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const onChangeRef = useRef(onChange);\r\n  const previousValue = useRef(value);\r\n  const previousDisplayName = useRef(modifiedData?.displayName || '');\r\n  const displayName = modifiedData?.displayName || '';\r\n\r\n  useEffect(() => {\r\n    if (displayName && displayName !== previousDisplayName.current) {\r\n      const newValue = nameToSlug(displayName);\r\n      onChangeRef.current({ target: { name, value: newValue } });\r\n      previousValue.current = newValue;\r\n      previousDisplayName.current = displayName;\r\n    } else if (!displayName) {\r\n      onChangeRef.current({ target: { name, value: '' } });\r\n      previousValue.current = '';\r\n      previousDisplayName.current = '';\r\n    }\r\n  }, [displayName, name, value]);\r\n\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n  const hint = description\r\n    ? formatMessage(\r\n        { id: description.id, defaultMessage: description.defaultMessage },\r\n        { ...description.values }\r\n      )\r\n    : '';\r\n  const label = formatMessage(intlLabel);\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} hint={hint} name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <TextInput onChange={onChange} value={value || ''} type=\"text\" />\r\n      <Field.Error />\r\n      <Field.Hint />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["SingularName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","previousValue","previousDisplayName","displayName","useEffect","current","newValue","nameToSlug","target","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","type","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,YAAAA,CAAOL,QAAAA,CAAAA;AAC3B,IAAA,MAAMM,gBAAgBD,YAAAA,CAAOJ,KAAAA,CAAAA;IAC7B,MAAMM,mBAAAA,GAAsBF,YAAAA,CAAOP,YAAAA,EAAcU,WAAAA,IAAe,EAAA,CAAA;IAChE,MAAMA,WAAAA,GAAcV,cAAcU,WAAAA,IAAe,EAAA;IAEjDC,eAAAA,CAAU,IAAA;AACR,QAAA,IAAID,WAAAA,IAAeA,WAAAA,KAAgBD,mBAAAA,CAAoBG,OAAO,EAAE;AAC9D,YAAA,MAAMC,WAAWC,qBAAAA,CAAWJ,WAAAA,CAAAA;AAC5BJ,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEG,MAAAA,EAAQ;AAAEd,oBAAAA,IAAAA;oBAAME,KAAAA,EAAOU;AAAS;AAAE,aAAA,CAAA;AACxDL,YAAAA,aAAAA,CAAcI,OAAO,GAAGC,QAAAA;AACxBJ,YAAAA,mBAAAA,CAAoBG,OAAO,GAAGF,WAAAA;QAChC,CAAA,MAAO,IAAI,CAACA,WAAAA,EAAa;AACvBJ,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEG,MAAAA,EAAQ;AAAEd,oBAAAA,IAAAA;oBAAME,KAAAA,EAAO;AAAG;AAAE,aAAA,CAAA;AAClDK,YAAAA,aAAAA,CAAcI,OAAO,GAAG,EAAA;AACxBH,YAAAA,mBAAAA,CAAoBG,OAAO,GAAG,EAAA;AAChC,QAAA;IACF,CAAA,EAAG;AAACF,QAAAA,WAAAA;AAAaT,QAAAA,IAAAA;AAAME,QAAAA;AAAM,KAAA,CAAA;IAE7B,MAAMa,YAAAA,GAAelB,QAAQM,aAAAA,CAAc;QAAEa,EAAAA,EAAInB,KAAAA;QAAOoB,cAAAA,EAAgBpB;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMqB,IAAAA,GAAOtB,cACTO,aAAAA,CACE;AAAEa,QAAAA,EAAAA,EAAIpB,YAAYoB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBrB,YAAYqB;KAAe,EACjE;AAAE,QAAA,GAAGrB,YAAYuB;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQjB,aAAAA,CAAcL,SAAAA,CAAAA;IAE5B,qBACEuB,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC1B,KAAAA,EAAOkB,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMlB,IAAAA,EAAMA,IAAAA;;AACjD,0BAAAwB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,cAAA,CAACE,sBAAAA,EAAAA;gBAAUzB,QAAAA,EAAUA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;gBAAIyB,IAAAA,EAAK;;AACxD,0BAAAH,cAAA,CAACF,mBAAMM,KAAK,EAAA,EAAA,CAAA;AACZ,0BAAAJ,cAAA,CAACF,mBAAMO,IAAI,EAAA,EAAA;;;AAGjB;;;;"}

package/dist/admin/components/SingularName.mjs

@@ -0,0 +1,70 @@
+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 previousValue = useRef(value);
+    const previousDisplayName = useRef(modifiedData?.displayName || '');
+    const displayName = modifiedData?.displayName || '';
+    useEffect(()=>{
+        if (displayName && displayName !== previousDisplayName.current) {
+            const newValue = nameToSlug(displayName);
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: newValue
+                }
+            });
+            previousValue.current = newValue;
+            previousDisplayName.current = displayName;
+        } else if (!displayName) {
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: ''
+                }
+            });
+            previousValue.current = '';
+            previousDisplayName.current = '';
+        }
+    }, [
+        displayName,
+        name,
+        value
+    ]);
+    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 || '',
+                type: "text"
+            }),
+            /*#__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';\r\n\r\nimport { Field, TextInput } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { nameToSlug } from '../utils/nameToSlug';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface SingularNameProps {\r\n  description?: IntlLabel | null;\r\n  error?: string | null;\r\n  intlLabel: IntlLabel;\r\n  modifiedData: { displayName?: string };\r\n  name: string;\r\n  onChange: FormChangeHandler<string>;\r\n  value?: string | null;\r\n}\r\n\r\nexport const SingularName = ({\r\n  description = null,\r\n  error = null,\r\n  intlLabel,\r\n  modifiedData,\r\n  name,\r\n  onChange,\r\n  value = null,\r\n}: SingularNameProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const onChangeRef = useRef(onChange);\r\n  const previousValue = useRef(value);\r\n  const previousDisplayName = useRef(modifiedData?.displayName || '');\r\n  const displayName = modifiedData?.displayName || '';\r\n\r\n  useEffect(() => {\r\n    if (displayName && displayName !== previousDisplayName.current) {\r\n      const newValue = nameToSlug(displayName);\r\n      onChangeRef.current({ target: { name, value: newValue } });\r\n      previousValue.current = newValue;\r\n      previousDisplayName.current = displayName;\r\n    } else if (!displayName) {\r\n      onChangeRef.current({ target: { name, value: '' } });\r\n      previousValue.current = '';\r\n      previousDisplayName.current = '';\r\n    }\r\n  }, [displayName, name, value]);\r\n\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n  const hint = description\r\n    ? formatMessage(\r\n        { id: description.id, defaultMessage: description.defaultMessage },\r\n        { ...description.values }\r\n      )\r\n    : '';\r\n  const label = formatMessage(intlLabel);\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} hint={hint} name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <TextInput onChange={onChange} value={value || ''} type=\"text\" />\r\n      <Field.Error />\r\n      <Field.Hint />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["SingularName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","previousValue","previousDisplayName","displayName","useEffect","current","newValue","nameToSlug","target","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","type","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,MAAAA,CAAOL,QAAAA,CAAAA;AAC3B,IAAA,MAAMM,gBAAgBD,MAAAA,CAAOJ,KAAAA,CAAAA;IAC7B,MAAMM,mBAAAA,GAAsBF,MAAAA,CAAOP,YAAAA,EAAcU,WAAAA,IAAe,EAAA,CAAA;IAChE,MAAMA,WAAAA,GAAcV,cAAcU,WAAAA,IAAe,EAAA;IAEjDC,SAAAA,CAAU,IAAA;AACR,QAAA,IAAID,WAAAA,IAAeA,WAAAA,KAAgBD,mBAAAA,CAAoBG,OAAO,EAAE;AAC9D,YAAA,MAAMC,WAAWC,UAAAA,CAAWJ,WAAAA,CAAAA;AAC5BJ,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEG,MAAAA,EAAQ;AAAEd,oBAAAA,IAAAA;oBAAME,KAAAA,EAAOU;AAAS;AAAE,aAAA,CAAA;AACxDL,YAAAA,aAAAA,CAAcI,OAAO,GAAGC,QAAAA;AACxBJ,YAAAA,mBAAAA,CAAoBG,OAAO,GAAGF,WAAAA;QAChC,CAAA,MAAO,IAAI,CAACA,WAAAA,EAAa;AACvBJ,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEG,MAAAA,EAAQ;AAAEd,oBAAAA,IAAAA;oBAAME,KAAAA,EAAO;AAAG;AAAE,aAAA,CAAA;AAClDK,YAAAA,aAAAA,CAAcI,OAAO,GAAG,EAAA;AACxBH,YAAAA,mBAAAA,CAAoBG,OAAO,GAAG,EAAA;AAChC,QAAA;IACF,CAAA,EAAG;AAACF,QAAAA,WAAAA;AAAaT,QAAAA,IAAAA;AAAME,QAAAA;AAAM,KAAA,CAAA;IAE7B,MAAMa,YAAAA,GAAelB,QAAQM,aAAAA,CAAc;QAAEa,EAAAA,EAAInB,KAAAA;QAAOoB,cAAAA,EAAgBpB;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMqB,IAAAA,GAAOtB,cACTO,aAAAA,CACE;AAAEa,QAAAA,EAAAA,EAAIpB,YAAYoB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBrB,YAAYqB;KAAe,EACjE;AAAE,QAAA,GAAGrB,YAAYuB;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQjB,aAAAA,CAAcL,SAAAA,CAAAA;IAE5B,qBACEuB,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAC1B,KAAAA,EAAOkB,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMlB,IAAAA,EAAMA,IAAAA;;AACjD,0BAAAwB,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,GAAA,CAACE,SAAAA,EAAAA;gBAAUzB,QAAAA,EAAUA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;gBAAIyB,IAAAA,EAAK;;AACxD,0BAAAH,GAAA,CAACF,MAAMM,KAAK,EAAA,EAAA,CAAA;AACZ,0BAAAJ,GAAA,CAACF,MAAMO,IAAI,EAAA,EAAA;;;AAGjB;;;;"}

package/dist/admin/components/Status.js

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

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

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

package/dist/admin/components/Status.mjs

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

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

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

package/dist/admin/components/TabForm.js

@@ -0,0 +1,176 @@
+'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 conditions = require('../utils/conditions.js');
+var GenericInputs = require('./GenericInputs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var get__default = /*#__PURE__*/_interopDefault(get);
+
+/* eslint-disable react/no-array-index-key */ const TabForm = ({ form, formErrors, genericInputProps, modifiedData, onChange })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const sharedInputProps = genericInputProps;
+    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)
+                        })
+                    }),
+                    section.intlLabel && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "pi",
+                        textColor: "neutral600",
+                        children: formatMessage(section.intlLabel)
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                        gap: 4,
+                        children: section.items.map((input, i)=>{
+                            const key = `${sectionIndex}.${i}`;
+                            const intlLabel = input.intlLabel ?? {
+                                id: input.name,
+                                defaultMessage: input.name
+                            };
+                            /**
+                 * Use undefined as the default value because not every input wants a string e.g. Date pickers
+                 */ const value = get__default.default(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__default.default(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,
+                                    xs: 12,
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx("div", {})
+                                }, input.name ?? key);
+                            }
+                            // Special handling for 'condition-form'
+                            if (input.type === 'condition-form') {
+                                const currentCondition = get__default.default(modifiedData, input.name);
+                                // Get all attributes from the content type schema
+                                const contentTypeAttributes = sharedInputProps.contentTypeSchema?.attributes ?? [];
+                                if (!sharedInputProps.contentTypeSchema) {
+                                    console.warn('contentTypeSchema is undefined, skipping condition form');
+                                    return null;
+                                }
+                                // Filter for boolean and enumeration fields only, excluding the current field
+                                const availableFields = conditions.getAvailableConditionFields(contentTypeAttributes, modifiedData.name ?? '');
+                                const noFieldsMessage = formatMessage({
+                                    id: 'form.attribute.condition.no-fields',
+                                    defaultMessage: 'No boolean or enumeration fields available to set conditions on.'
+                                });
+                                return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                    col: input.size ?? 12,
+                                    xs: 12,
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    children: currentCondition === null || currentCondition === undefined || Object.keys(currentCondition).length === 0 ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+                                            label: noFieldsMessage,
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                                marginTop: 4,
+                                                fullWidth: true,
+                                                variant: "secondary",
+                                                onClick: ()=>{
+                                                    onChange({
+                                                        target: {
+                                                            name: input.name,
+                                                            value: {
+                                                                visible: {
+                                                                    '==': [
+                                                                        {
+                                                                            var: ''
+                                                                        },
+                                                                        ''
+                                                                    ]
+                                                                }
+                                                            }
+                                                        }
+                                                    });
+                                                },
+                                                startIcon: /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                                    "aria-hidden": true,
+                                                    children: "＋"
+                                                }),
+                                                disabled: availableFields.length === 0,
+                                                children: formatMessage({
+                                                    id: 'form.attribute.condition.apply',
+                                                    defaultMessage: 'Apply condition'
+                                                })
+                                            })
+                                        })
+                                    }) : /*#__PURE__*/ jsxRuntime.jsx(GenericInputs.GenericInput, {
+                                        ...input,
+                                        ...sharedInputProps,
+                                        error: errorId,
+                                        intlLabel: intlLabel,
+                                        onChange: onChange,
+                                        value: value,
+                                        autoFocus: i === 0,
+                                        attributeName: modifiedData.name,
+                                        conditionFields: availableFields,
+                                        onDelete: ()=>{
+                                            onChange({
+                                                target: {
+                                                    name: input.name
+                                                }
+                                            });
+                                        }
+                                    })
+                                }, input.name ?? key);
+                            }
+                            // Default rendering for all other input types
+                            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                col: input.size ?? 6,
+                                xs: 12,
+                                direction: "column",
+                                alignItems: "stretch",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(GenericInputs.GenericInput, {
+                                    ...input,
+                                    ...sharedInputProps,
+                                    error: errorId,
+                                    intlLabel: intlLabel,
+                                    onChange: onChange,
+                                    value: value,
+                                    autoFocus: i === 0
+                                })
+                            }, input.name ?? key);
+                        })
+                    })
+                ]
+            }, sectionIndex);
+        })
+    });
+};
+
+exports.TabForm = TabForm;
+//# sourceMappingURL=TabForm.js.map