@strapi/admin 5.49.0 → 5.50.1

package/dist/admin/admin/src/components/FormInputs/Email.js.map

@@ -1 +1 @@
-{"version":3,"file":"Email.js","sources":["../../../../../../admin/src/components/FormInputs/Email.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst EmailInput = forwardRef<HTMLInputElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          autoComplete=\"email\"\n          onChange={field.onChange}\n          value={field.value}\n          {...props}\n          type=\"email\"\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedEmailInput = memo(EmailInput);\n\nexport { MemoizedEmailInput as EmailInput };\n"],"names":["EmailInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","autoComplete","onChange","value","type","Hint","Error","MemoizedEmailInput","memo"],"mappings":";;;;;;;;AASA,MAAMA,2BAAaC,gBAAAA,CACjB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,aAAAA,CAASR,IAAAA,CAAAA;AACvB,IAAA,MAAMS,WAAWC,qCAAAA,CAAqCV,IAAAA,CAAAA;IAEtD,MAAMW,YAAAA,GAAeC,6BAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,cAAA,CAACG,sBAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;gBACLU,YAAAA,EAAa,OAAA;AACbC,gBAAAA,QAAAA,EAAUf,MAAMe,QAAQ;AACxBC,gBAAAA,KAAAA,EAAOhB,MAAMgB,KAAK;AACjB,gBAAA,GAAGlB,KAAK;gBACTmB,IAAAA,EAAK;;AAEP,0BAAAP,cAAA,CAACH,mBAAMW,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAR,cAAA,CAACH,mBAAMY,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,mCAAqBC,UAAAA,CAAK9B,UAAAA;;;;"}
+{"version":3,"file":"Email.js","sources":["../../../../../../admin/src/components/FormInputs/Email.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst EmailInput = forwardRef<HTMLInputElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField<string>(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          autoComplete=\"email\"\n          onChange={field.onChange}\n          value={field.value}\n          {...props}\n          type=\"email\"\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedEmailInput = memo(EmailInput);\n\nexport { MemoizedEmailInput as EmailInput };\n"],"names":["EmailInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","autoComplete","onChange","value","type","Hint","Error","MemoizedEmailInput","memo"],"mappings":";;;;;;;;AASA,MAAMA,2BAAaC,gBAAAA,CACjB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,aAAAA,CAAiBR,IAAAA,CAAAA;AAC/B,IAAA,MAAMS,WAAWC,qCAAAA,CAAqCV,IAAAA,CAAAA;IAEtD,MAAMW,YAAAA,GAAeC,6BAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,cAAA,CAACG,sBAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;gBACLU,YAAAA,EAAa,OAAA;AACbC,gBAAAA,QAAAA,EAAUf,MAAMe,QAAQ;AACxBC,gBAAAA,KAAAA,EAAOhB,MAAMgB,KAAK;AACjB,gBAAA,GAAGlB,KAAK;gBACTmB,IAAAA,EAAK;;AAEP,0BAAAP,cAAA,CAACH,mBAAMW,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAR,cAAA,CAACH,mBAAMY,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,mCAAqBC,UAAAA,CAAK9B,UAAAA;;;;"}

package/dist/admin/admin/src/components/FormInputs/Email.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Email.mjs","sources":["../../../../../../admin/src/components/FormInputs/Email.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst EmailInput = forwardRef<HTMLInputElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          autoComplete=\"email\"\n          onChange={field.onChange}\n          value={field.value}\n          {...props}\n          type=\"email\"\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedEmailInput = memo(EmailInput);\n\nexport { MemoizedEmailInput as EmailInput };\n"],"names":["EmailInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","autoComplete","onChange","value","type","Hint","Error","MemoizedEmailInput","memo"],"mappings":";;;;;;AASA,MAAMA,2BAAaC,UAAAA,CACjB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,QAAAA,CAASR,IAAAA,CAAAA;AACvB,IAAA,MAAMS,WAAWC,kBAAAA,CAAqCV,IAAAA,CAAAA;IAEtD,MAAMW,YAAAA,GAAeC,gBAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,IAAA,CAACC,MAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,GAAA,CAACH,MAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,GAAA,CAACG,SAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;gBACLU,YAAAA,EAAa,OAAA;AACbC,gBAAAA,QAAAA,EAAUf,MAAMe,QAAQ;AACxBC,gBAAAA,KAAAA,EAAOhB,MAAMgB,KAAK;AACjB,gBAAA,GAAGlB,KAAK;gBACTmB,IAAAA,EAAK;;AAEP,0BAAAP,GAAA,CAACH,MAAMW,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAR,GAAA,CAACH,MAAMY,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,mCAAqBC,IAAAA,CAAK9B,UAAAA;;;;"}
+{"version":3,"file":"Email.mjs","sources":["../../../../../../admin/src/components/FormInputs/Email.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst EmailInput = forwardRef<HTMLInputElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField<string>(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          autoComplete=\"email\"\n          onChange={field.onChange}\n          value={field.value}\n          {...props}\n          type=\"email\"\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedEmailInput = memo(EmailInput);\n\nexport { MemoizedEmailInput as EmailInput };\n"],"names":["EmailInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","autoComplete","onChange","value","type","Hint","Error","MemoizedEmailInput","memo"],"mappings":";;;;;;AASA,MAAMA,2BAAaC,UAAAA,CACjB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,QAAAA,CAAiBR,IAAAA,CAAAA;AAC/B,IAAA,MAAMS,WAAWC,kBAAAA,CAAqCV,IAAAA,CAAAA;IAEtD,MAAMW,YAAAA,GAAeC,gBAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,IAAA,CAACC,MAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,GAAA,CAACH,MAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,GAAA,CAACG,SAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;gBACLU,YAAAA,EAAa,OAAA;AACbC,gBAAAA,QAAAA,EAAUf,MAAMe,QAAQ;AACxBC,gBAAAA,KAAAA,EAAOhB,MAAMgB,KAAK;AACjB,gBAAA,GAAGlB,KAAK;gBACTmB,IAAAA,EAAK;;AAEP,0BAAAP,GAAA,CAACH,MAAMW,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAR,GAAA,CAACH,MAAMY,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,mCAAqBC,IAAAA,CAAK9B,UAAAA;;;;"}

package/dist/admin/admin/src/components/FormInputs/Enumeration.js

@@ -44,7 +44,10 @@ const EnumerationInput = /*#__PURE__*/ React.forwardRef(({ name, required, label
                             value: value,
                             disabled: disabled,
                             hidden: hidden,
-                            children: label ?? value
+                            children: label ?? formatMessage({
+                                id: value,
+                                defaultMessage: value
+                            })
                         }, value);
                     })
                 ]

package/dist/admin/admin/src/components/FormInputs/Enumeration.js.map

@@ -1 +1 @@
-{"version":3,"file":"Enumeration.js","sources":["../../../../../../admin/src/components/FormInputs/Enumeration.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { SingleSelect, SingleSelectOption, useComposedRefs, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { EnumerationProps } from './types';\n\nconst EnumerationInput = forwardRef<HTMLDivElement, EnumerationProps>(\n  ({ name, required, label, hint, labelAction, options = [], ...props }, ref) => {\n    const { formatMessage } = useIntl();\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLDivElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <SingleSelect\n          ref={composedRefs}\n          onChange={(value) => {\n            field.onChange(name, value === '' ? null : value);\n          }}\n          value={field.value}\n          {...props}\n        >\n          <SingleSelectOption value=\"\" disabled={required} hidden={required}>\n            {formatMessage({\n              id: 'components.InputSelect.option.placeholder',\n              defaultMessage: 'Choose here',\n            })}\n          </SingleSelectOption>\n          {options.map(({ value, label, disabled, hidden }) => {\n            return (\n              <SingleSelectOption key={value} value={value} disabled={disabled} hidden={hidden}>\n                {label ?? value}\n              </SingleSelectOption>\n            );\n          })}\n        </SingleSelect>\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedEnumerationInput = memo(EnumerationInput);\n\nexport { MemoizedEnumerationInput as EnumerationInput };\n"],"names":["EnumerationInput","forwardRef","name","required","label","hint","labelAction","options","props","ref","formatMessage","useIntl","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","SingleSelect","onChange","value","SingleSelectOption","disabled","hidden","id","defaultMessage","map","Hint","Error","MemoizedEnumerationInput","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,iCAAmBC,gBAAAA,CACvB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAAA,GAAU,EAAE,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;IACrE,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,aAAAA,CAASX,IAAAA,CAAAA;AACvB,IAAA,MAAMY,WAAWC,qCAAAA,CAAmCb,IAAAA,CAAAA;IAEpD,MAAMc,YAAAA,GAAeC,6BAAgBR,GAAAA,EAAKK,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEnB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAmB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQlB,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCc,eAAA,CAACO,yBAAAA,EAAAA;gBACChB,GAAAA,EAAKO,YAAAA;AACLU,gBAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAAA;AACTf,oBAAAA,KAAAA,CAAMc,QAAQ,CAACxB,IAAAA,EAAMyB,KAAAA,KAAU,KAAK,IAAA,GAAOA,KAAAA,CAAAA;AAC7C,gBAAA,CAAA;AACAA,gBAAAA,KAAAA,EAAOf,MAAMe,KAAK;AACjB,gBAAA,GAAGnB,KAAK;;kCAETc,cAAA,CAACM,+BAAAA,EAAAA;wBAAmBD,KAAAA,EAAM,EAAA;wBAAGE,QAAAA,EAAU1B,QAAAA;wBAAU2B,MAAAA,EAAQ3B,QAAAA;kCACtDO,aAAAA,CAAc;4BACbqB,EAAAA,EAAI,2CAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;oBAEDzB,OAAAA,CAAQ0B,GAAG,CAAC,CAAC,EAAEN,KAAK,EAAEvB,KAAK,EAAEyB,QAAQ,EAAEC,MAAM,EAAE,GAAA;AAC9C,wBAAA,qBACER,cAAA,CAACM,+BAAAA,EAAAA;4BAA+BD,KAAAA,EAAOA,KAAAA;4BAAOE,QAAAA,EAAUA,QAAAA;4BAAUC,MAAAA,EAAQA,MAAAA;sCACvE1B,KAAAA,IAASuB;AADaA,yBAAAA,EAAAA,KAAAA,CAAAA;AAI7B,oBAAA,CAAA;;;AAEF,0BAAAL,cAAA,CAACH,mBAAMe,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAZ,cAAA,CAACH,mBAAMgB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,yCAA2BC,UAAAA,CAAKrC,gBAAAA;;;;"}
+{"version":3,"file":"Enumeration.js","sources":["../../../../../../admin/src/components/FormInputs/Enumeration.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { SingleSelect, SingleSelectOption, useComposedRefs, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { EnumerationProps } from './types';\n\nconst EnumerationInput = forwardRef<HTMLDivElement, EnumerationProps>(\n  ({ name, required, label, hint, labelAction, options = [], ...props }, ref) => {\n    const { formatMessage } = useIntl();\n    const field = useField<string | number | null>(name);\n    const fieldRef = useFocusInputField<HTMLDivElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <SingleSelect\n          ref={composedRefs}\n          onChange={(value) => {\n            field.onChange(name, value === '' ? null : value);\n          }}\n          value={field.value}\n          {...props}\n        >\n          <SingleSelectOption value=\"\" disabled={required} hidden={required}>\n            {formatMessage({\n              id: 'components.InputSelect.option.placeholder',\n              defaultMessage: 'Choose here',\n            })}\n          </SingleSelectOption>\n          {options.map(({ value, label, disabled, hidden }) => {\n            return (\n              <SingleSelectOption key={value} value={value} disabled={disabled} hidden={hidden}>\n                {label ?? formatMessage({ id: value, defaultMessage: value })}\n              </SingleSelectOption>\n            );\n          })}\n        </SingleSelect>\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedEnumerationInput = memo(EnumerationInput);\n\nexport { MemoizedEnumerationInput as EnumerationInput };\n"],"names":["EnumerationInput","forwardRef","name","required","label","hint","labelAction","options","props","ref","formatMessage","useIntl","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","SingleSelect","onChange","value","SingleSelectOption","disabled","hidden","id","defaultMessage","map","Hint","Error","MemoizedEnumerationInput","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,iCAAmBC,gBAAAA,CACvB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAAA,GAAU,EAAE,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;IACrE,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,aAAAA,CAAiCX,IAAAA,CAAAA;AAC/C,IAAA,MAAMY,WAAWC,qCAAAA,CAAmCb,IAAAA,CAAAA;IAEpD,MAAMc,YAAAA,GAAeC,6BAAgBR,GAAAA,EAAKK,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEnB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAmB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQlB,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCc,eAAA,CAACO,yBAAAA,EAAAA;gBACChB,GAAAA,EAAKO,YAAAA;AACLU,gBAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAAA;AACTf,oBAAAA,KAAAA,CAAMc,QAAQ,CAACxB,IAAAA,EAAMyB,KAAAA,KAAU,KAAK,IAAA,GAAOA,KAAAA,CAAAA;AAC7C,gBAAA,CAAA;AACAA,gBAAAA,KAAAA,EAAOf,MAAMe,KAAK;AACjB,gBAAA,GAAGnB,KAAK;;kCAETc,cAAA,CAACM,+BAAAA,EAAAA;wBAAmBD,KAAAA,EAAM,EAAA;wBAAGE,QAAAA,EAAU1B,QAAAA;wBAAU2B,MAAAA,EAAQ3B,QAAAA;kCACtDO,aAAAA,CAAc;4BACbqB,EAAAA,EAAI,2CAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;oBAEDzB,OAAAA,CAAQ0B,GAAG,CAAC,CAAC,EAAEN,KAAK,EAAEvB,KAAK,EAAEyB,QAAQ,EAAEC,MAAM,EAAE,GAAA;AAC9C,wBAAA,qBACER,cAAA,CAACM,+BAAAA,EAAAA;4BAA+BD,KAAAA,EAAOA,KAAAA;4BAAOE,QAAAA,EAAUA,QAAAA;4BAAUC,MAAAA,EAAQA,MAAAA;AACvE1B,4BAAAA,QAAAA,EAAAA,KAAAA,IAASM,aAAAA,CAAc;gCAAEqB,EAAAA,EAAIJ,KAAAA;gCAAOK,cAAAA,EAAgBL;AAAM,6BAAA;AADpCA,yBAAAA,EAAAA,KAAAA,CAAAA;AAI7B,oBAAA,CAAA;;;AAEF,0BAAAL,cAAA,CAACH,mBAAMe,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAZ,cAAA,CAACH,mBAAMgB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,yCAA2BC,UAAAA,CAAKrC,gBAAAA;;;;"}

package/dist/admin/admin/src/components/FormInputs/Enumeration.mjs

@@ -42,7 +42,10 @@ const EnumerationInput = /*#__PURE__*/ forwardRef(({ name, required, label, hint
                             value: value,
                             disabled: disabled,
                             hidden: hidden,
-                            children: label ?? value
+                            children: label ?? formatMessage({
+                                id: value,
+                                defaultMessage: value
+                            })
                         }, value);
                     })
                 ]

package/dist/admin/admin/src/components/FormInputs/Enumeration.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Enumeration.mjs","sources":["../../../../../../admin/src/components/FormInputs/Enumeration.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { SingleSelect, SingleSelectOption, useComposedRefs, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { EnumerationProps } from './types';\n\nconst EnumerationInput = forwardRef<HTMLDivElement, EnumerationProps>(\n  ({ name, required, label, hint, labelAction, options = [], ...props }, ref) => {\n    const { formatMessage } = useIntl();\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLDivElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <SingleSelect\n          ref={composedRefs}\n          onChange={(value) => {\n            field.onChange(name, value === '' ? null : value);\n          }}\n          value={field.value}\n          {...props}\n        >\n          <SingleSelectOption value=\"\" disabled={required} hidden={required}>\n            {formatMessage({\n              id: 'components.InputSelect.option.placeholder',\n              defaultMessage: 'Choose here',\n            })}\n          </SingleSelectOption>\n          {options.map(({ value, label, disabled, hidden }) => {\n            return (\n              <SingleSelectOption key={value} value={value} disabled={disabled} hidden={hidden}>\n                {label ?? value}\n              </SingleSelectOption>\n            );\n          })}\n        </SingleSelect>\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedEnumerationInput = memo(EnumerationInput);\n\nexport { MemoizedEnumerationInput as EnumerationInput };\n"],"names":["EnumerationInput","forwardRef","name","required","label","hint","labelAction","options","props","ref","formatMessage","useIntl","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","SingleSelect","onChange","value","SingleSelectOption","disabled","hidden","id","defaultMessage","map","Hint","Error","MemoizedEnumerationInput","memo"],"mappings":";;;;;;;AAUA,MAAMA,iCAAmBC,UAAAA,CACvB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAAA,GAAU,EAAE,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;IACrE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,QAAAA,CAASX,IAAAA,CAAAA;AACvB,IAAA,MAAMY,WAAWC,kBAAAA,CAAmCb,IAAAA,CAAAA;IAEpD,MAAMc,YAAAA,GAAeC,gBAAgBR,GAAAA,EAAKK,QAAAA,CAAAA;IAE1C,qBACEI,IAAA,CAACC,MAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEnB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAmB,GAAA,CAACH,MAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQlB,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCc,IAAA,CAACO,YAAAA,EAAAA;gBACChB,GAAAA,EAAKO,YAAAA;AACLU,gBAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAAA;AACTf,oBAAAA,KAAAA,CAAMc,QAAQ,CAACxB,IAAAA,EAAMyB,KAAAA,KAAU,KAAK,IAAA,GAAOA,KAAAA,CAAAA;AAC7C,gBAAA,CAAA;AACAA,gBAAAA,KAAAA,EAAOf,MAAMe,KAAK;AACjB,gBAAA,GAAGnB,KAAK;;kCAETc,GAAA,CAACM,kBAAAA,EAAAA;wBAAmBD,KAAAA,EAAM,EAAA;wBAAGE,QAAAA,EAAU1B,QAAAA;wBAAU2B,MAAAA,EAAQ3B,QAAAA;kCACtDO,aAAAA,CAAc;4BACbqB,EAAAA,EAAI,2CAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;oBAEDzB,OAAAA,CAAQ0B,GAAG,CAAC,CAAC,EAAEN,KAAK,EAAEvB,KAAK,EAAEyB,QAAQ,EAAEC,MAAM,EAAE,GAAA;AAC9C,wBAAA,qBACER,GAAA,CAACM,kBAAAA,EAAAA;4BAA+BD,KAAAA,EAAOA,KAAAA;4BAAOE,QAAAA,EAAUA,QAAAA;4BAAUC,MAAAA,EAAQA,MAAAA;sCACvE1B,KAAAA,IAASuB;AADaA,yBAAAA,EAAAA,KAAAA,CAAAA;AAI7B,oBAAA,CAAA;;;AAEF,0BAAAL,GAAA,CAACH,MAAMe,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAZ,GAAA,CAACH,MAAMgB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,yCAA2BC,IAAAA,CAAKrC,gBAAAA;;;;"}
+{"version":3,"file":"Enumeration.mjs","sources":["../../../../../../admin/src/components/FormInputs/Enumeration.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { SingleSelect, SingleSelectOption, useComposedRefs, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { EnumerationProps } from './types';\n\nconst EnumerationInput = forwardRef<HTMLDivElement, EnumerationProps>(\n  ({ name, required, label, hint, labelAction, options = [], ...props }, ref) => {\n    const { formatMessage } = useIntl();\n    const field = useField<string | number | null>(name);\n    const fieldRef = useFocusInputField<HTMLDivElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <SingleSelect\n          ref={composedRefs}\n          onChange={(value) => {\n            field.onChange(name, value === '' ? null : value);\n          }}\n          value={field.value}\n          {...props}\n        >\n          <SingleSelectOption value=\"\" disabled={required} hidden={required}>\n            {formatMessage({\n              id: 'components.InputSelect.option.placeholder',\n              defaultMessage: 'Choose here',\n            })}\n          </SingleSelectOption>\n          {options.map(({ value, label, disabled, hidden }) => {\n            return (\n              <SingleSelectOption key={value} value={value} disabled={disabled} hidden={hidden}>\n                {label ?? formatMessage({ id: value, defaultMessage: value })}\n              </SingleSelectOption>\n            );\n          })}\n        </SingleSelect>\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedEnumerationInput = memo(EnumerationInput);\n\nexport { MemoizedEnumerationInput as EnumerationInput };\n"],"names":["EnumerationInput","forwardRef","name","required","label","hint","labelAction","options","props","ref","formatMessage","useIntl","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","SingleSelect","onChange","value","SingleSelectOption","disabled","hidden","id","defaultMessage","map","Hint","Error","MemoizedEnumerationInput","memo"],"mappings":";;;;;;;AAUA,MAAMA,iCAAmBC,UAAAA,CACvB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAAA,GAAU,EAAE,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;IACrE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,QAAAA,CAAiCX,IAAAA,CAAAA;AAC/C,IAAA,MAAMY,WAAWC,kBAAAA,CAAmCb,IAAAA,CAAAA;IAEpD,MAAMc,YAAAA,GAAeC,gBAAgBR,GAAAA,EAAKK,QAAAA,CAAAA;IAE1C,qBACEI,IAAA,CAACC,MAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEnB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAmB,GAAA,CAACH,MAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQlB,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCc,IAAA,CAACO,YAAAA,EAAAA;gBACChB,GAAAA,EAAKO,YAAAA;AACLU,gBAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAAA;AACTf,oBAAAA,KAAAA,CAAMc,QAAQ,CAACxB,IAAAA,EAAMyB,KAAAA,KAAU,KAAK,IAAA,GAAOA,KAAAA,CAAAA;AAC7C,gBAAA,CAAA;AACAA,gBAAAA,KAAAA,EAAOf,MAAMe,KAAK;AACjB,gBAAA,GAAGnB,KAAK;;kCAETc,GAAA,CAACM,kBAAAA,EAAAA;wBAAmBD,KAAAA,EAAM,EAAA;wBAAGE,QAAAA,EAAU1B,QAAAA;wBAAU2B,MAAAA,EAAQ3B,QAAAA;kCACtDO,aAAAA,CAAc;4BACbqB,EAAAA,EAAI,2CAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;oBAEDzB,OAAAA,CAAQ0B,GAAG,CAAC,CAAC,EAAEN,KAAK,EAAEvB,KAAK,EAAEyB,QAAQ,EAAEC,MAAM,EAAE,GAAA;AAC9C,wBAAA,qBACER,GAAA,CAACM,kBAAAA,EAAAA;4BAA+BD,KAAAA,EAAOA,KAAAA;4BAAOE,QAAAA,EAAUA,QAAAA;4BAAUC,MAAAA,EAAQA,MAAAA;AACvE1B,4BAAAA,QAAAA,EAAAA,KAAAA,IAASM,aAAAA,CAAc;gCAAEqB,EAAAA,EAAIJ,KAAAA;gCAAOK,cAAAA,EAAgBL;AAAM,6BAAA;AADpCA,yBAAAA,EAAAA,KAAAA,CAAAA;AAI7B,oBAAA,CAAA;;;AAEF,0BAAAL,GAAA,CAACH,MAAMe,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAZ,GAAA,CAACH,MAAMgB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,yCAA2BC,IAAAA,CAAKrC,gBAAAA;;;;"}

package/dist/admin/admin/src/components/FormInputs/Json.js

@@ -42,7 +42,8 @@ const JsonInput = /*#__PURE__*/ React__namespace.forwardRef(({ name, required, l
             }),
             /*#__PURE__*/ jsxRuntime.jsx(designSystem.JSONInput, {
                 ref: composedRefs,
-                value: typeof field.value === 'object' || typeof field.value === 'boolean' || typeof field.value === 'number' ? JSON.stringify(field.value, null, 2) : field.value,
+                value: field.value !== undefined && (typeof field.value === 'object' || // accounts for objects, arrays, null
+                typeof field.value === 'boolean' || typeof field.value === 'number') ? JSON.stringify(field.value, null, 2) : field.value,
                 onChange: (json)=>{
                     // Default to null when the field is not required and there is no input value
                     const value = required && !json.length ? null : json;

package/dist/admin/admin/src/components/FormInputs/Json.js.map

@@ -1 +1 @@
-{"version":3,"file":"Json.js","sources":["../../../../../../admin/src/components/FormInputs/Json.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  JSONInput as JSONInputImpl,\n  useComposedRefs,\n  Field,\n  JSONInputRef,\n} from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { InputProps } from './types';\n\nconst JsonInput = React.forwardRef<JSONInputRef, InputProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField(name);\n    const fieldRef = useFocusInputField(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <JSONInputImpl\n          ref={composedRefs}\n          value={\n            typeof field.value === 'object' ||\n            typeof field.value === 'boolean' ||\n            typeof field.value === 'number'\n              ? JSON.stringify(field.value, null, 2)\n              : field.value\n          }\n          onChange={(json) => {\n            // Default to null when the field is not required and there is no input value\n            const value = required && !json.length ? null : json;\n            field.onChange(name, value);\n          }}\n          minHeight={`25.2rem`}\n          maxHeight={`50.4rem`}\n          {...props}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedJsonInput = React.memo(JsonInput);\n\nexport { MemoizedJsonInput as JsonInput };\n"],"names":["JsonInput","React","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","JSONInputImpl","value","JSON","stringify","onChange","json","length","minHeight","maxHeight","Hint","Error","MemoizedJsonInput","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,0BAAYC,gBAAAA,CAAMC,UAAU,CAChC,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,aAAAA,CAASR,IAAAA,CAAAA;AACvB,IAAA,MAAMS,WAAWC,qCAAAA,CAAmBV,IAAAA,CAAAA;IAEpC,MAAMW,YAAAA,GAAeC,6BAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,cAAA,CAACG,sBAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;gBACLU,KAAAA,EACE,OAAOd,KAAAA,CAAMc,KAAK,KAAK,QAAA,IACvB,OAAOd,KAAAA,CAAMc,KAAK,KAAK,SAAA,IACvB,OAAOd,KAAAA,CAAMc,KAAK,KAAK,QAAA,GACnBC,IAAAA,CAAKC,SAAS,CAAChB,KAAAA,CAAMc,KAAK,EAAE,IAAA,EAAM,CAAA,CAAA,GAClCd,KAAAA,CAAMc,KAAK;AAEjBG,gBAAAA,QAAAA,EAAU,CAACC,IAAAA,GAAAA;;AAET,oBAAA,MAAMJ,QAAQpB,QAAAA,IAAY,CAACwB,IAAAA,CAAKC,MAAM,GAAG,IAAA,GAAOD,IAAAA;oBAChDlB,KAAAA,CAAMiB,QAAQ,CAACxB,IAAAA,EAAMqB,KAAAA,CAAAA;AACvB,gBAAA,CAAA;gBACAM,SAAAA,EAAW,CAAC,OAAO,CAAC;gBACpBC,SAAAA,EAAW,CAAC,OAAO,CAAC;AACnB,gBAAA,GAAGvB;;AAEN,0BAAAY,cAAA,CAACH,mBAAMe,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAZ,cAAA,CAACH,mBAAMgB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,iBAAAA,iBAAoBjC,gBAAAA,CAAMkC,IAAI,CAACnC,SAAAA;;;;"}
+{"version":3,"file":"Json.js","sources":["../../../../../../admin/src/components/FormInputs/Json.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  JSONInput as JSONInputImpl,\n  useComposedRefs,\n  Field,\n  JSONInputRef,\n} from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { InputProps } from './types';\n\nconst JsonInput = React.forwardRef<JSONInputRef, InputProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField<string | boolean | number | object | null>(name);\n    const fieldRef = useFocusInputField(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <JSONInputImpl\n          ref={composedRefs}\n          value={\n            field.value !== undefined &&\n            (typeof field.value === 'object' || // accounts for objects, arrays, null\n              typeof field.value === 'boolean' ||\n              typeof field.value === 'number')\n              ? JSON.stringify(field.value, null, 2)\n              : field.value\n          }\n          onChange={(json) => {\n            // Default to null when the field is not required and there is no input value\n            const value = required && !json.length ? null : json;\n            field.onChange(name, value);\n          }}\n          minHeight={`25.2rem`}\n          maxHeight={`50.4rem`}\n          {...props}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedJsonInput = React.memo(JsonInput);\n\nexport { MemoizedJsonInput as JsonInput };\n"],"names":["JsonInput","React","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","JSONInputImpl","value","undefined","JSON","stringify","onChange","json","length","minHeight","maxHeight","Hint","Error","MemoizedJsonInput","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,0BAAYC,gBAAAA,CAAMC,UAAU,CAChC,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,aAAAA,CAAoDR,IAAAA,CAAAA;AAClE,IAAA,MAAMS,WAAWC,qCAAAA,CAAmBV,IAAAA,CAAAA;IAEpC,MAAMW,YAAAA,GAAeC,6BAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,cAAA,CAACG,sBAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;gBACLU,KAAAA,EACEd,KAAAA,CAAMc,KAAK,KAAKC,SAAAA,KACf,OAAOf,KAAAA,CAAMc,KAAK,KAAK,QAAA;AACtB,gBAAA,OAAOd,MAAMc,KAAK,KAAK,aACvB,OAAOd,KAAAA,CAAMc,KAAK,KAAK,QAAO,IAC5BE,IAAAA,CAAKC,SAAS,CAACjB,KAAAA,CAAMc,KAAK,EAAE,IAAA,EAAM,CAAA,CAAA,GAClCd,MAAMc,KAAK;AAEjBI,gBAAAA,QAAAA,EAAU,CAACC,IAAAA,GAAAA;;AAET,oBAAA,MAAML,QAAQpB,QAAAA,IAAY,CAACyB,IAAAA,CAAKC,MAAM,GAAG,IAAA,GAAOD,IAAAA;oBAChDnB,KAAAA,CAAMkB,QAAQ,CAACzB,IAAAA,EAAMqB,KAAAA,CAAAA;AACvB,gBAAA,CAAA;gBACAO,SAAAA,EAAW,CAAC,OAAO,CAAC;gBACpBC,SAAAA,EAAW,CAAC,OAAO,CAAC;AACnB,gBAAA,GAAGxB;;AAEN,0BAAAY,cAAA,CAACH,mBAAMgB,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAb,cAAA,CAACH,mBAAMiB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,iBAAAA,iBAAoBlC,gBAAAA,CAAMmC,IAAI,CAACpC,SAAAA;;;;"}

package/dist/admin/admin/src/components/FormInputs/Json.mjs

@@ -20,7 +20,8 @@ const JsonInput = /*#__PURE__*/ React.forwardRef(({ name, required, label, hint,
             }),
             /*#__PURE__*/ jsx(JSONInput, {
                 ref: composedRefs,
-                value: typeof field.value === 'object' || typeof field.value === 'boolean' || typeof field.value === 'number' ? JSON.stringify(field.value, null, 2) : field.value,
+                value: field.value !== undefined && (typeof field.value === 'object' || // accounts for objects, arrays, null
+                typeof field.value === 'boolean' || typeof field.value === 'number') ? JSON.stringify(field.value, null, 2) : field.value,
                 onChange: (json)=>{
                     // Default to null when the field is not required and there is no input value
                     const value = required && !json.length ? null : json;

package/dist/admin/admin/src/components/FormInputs/Json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Json.mjs","sources":["../../../../../../admin/src/components/FormInputs/Json.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  JSONInput as JSONInputImpl,\n  useComposedRefs,\n  Field,\n  JSONInputRef,\n} from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { InputProps } from './types';\n\nconst JsonInput = React.forwardRef<JSONInputRef, InputProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField(name);\n    const fieldRef = useFocusInputField(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <JSONInputImpl\n          ref={composedRefs}\n          value={\n            typeof field.value === 'object' ||\n            typeof field.value === 'boolean' ||\n            typeof field.value === 'number'\n              ? JSON.stringify(field.value, null, 2)\n              : field.value\n          }\n          onChange={(json) => {\n            // Default to null when the field is not required and there is no input value\n            const value = required && !json.length ? null : json;\n            field.onChange(name, value);\n          }}\n          minHeight={`25.2rem`}\n          maxHeight={`50.4rem`}\n          {...props}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedJsonInput = React.memo(JsonInput);\n\nexport { MemoizedJsonInput as JsonInput };\n"],"names":["JsonInput","React","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","JSONInputImpl","value","JSON","stringify","onChange","json","length","minHeight","maxHeight","Hint","Error","MemoizedJsonInput","memo"],"mappings":";;;;;;AAcA,MAAMA,0BAAYC,KAAAA,CAAMC,UAAU,CAChC,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,QAAAA,CAASR,IAAAA,CAAAA;AACvB,IAAA,MAAMS,WAAWC,kBAAAA,CAAmBV,IAAAA,CAAAA;IAEpC,MAAMW,YAAAA,GAAeC,gBAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,IAAA,CAACC,MAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,GAAA,CAACH,MAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,GAAA,CAACG,SAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;gBACLU,KAAAA,EACE,OAAOd,KAAAA,CAAMc,KAAK,KAAK,QAAA,IACvB,OAAOd,KAAAA,CAAMc,KAAK,KAAK,SAAA,IACvB,OAAOd,KAAAA,CAAMc,KAAK,KAAK,QAAA,GACnBC,IAAAA,CAAKC,SAAS,CAAChB,KAAAA,CAAMc,KAAK,EAAE,IAAA,EAAM,CAAA,CAAA,GAClCd,KAAAA,CAAMc,KAAK;AAEjBG,gBAAAA,QAAAA,EAAU,CAACC,IAAAA,GAAAA;;AAET,oBAAA,MAAMJ,QAAQpB,QAAAA,IAAY,CAACwB,IAAAA,CAAKC,MAAM,GAAG,IAAA,GAAOD,IAAAA;oBAChDlB,KAAAA,CAAMiB,QAAQ,CAACxB,IAAAA,EAAMqB,KAAAA,CAAAA;AACvB,gBAAA,CAAA;gBACAM,SAAAA,EAAW,CAAC,OAAO,CAAC;gBACpBC,SAAAA,EAAW,CAAC,OAAO,CAAC;AACnB,gBAAA,GAAGvB;;AAEN,0BAAAY,GAAA,CAACH,MAAMe,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAZ,GAAA,CAACH,MAAMgB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,iBAAAA,iBAAoBjC,KAAAA,CAAMkC,IAAI,CAACnC,SAAAA;;;;"}
+{"version":3,"file":"Json.mjs","sources":["../../../../../../admin/src/components/FormInputs/Json.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  JSONInput as JSONInputImpl,\n  useComposedRefs,\n  Field,\n  JSONInputRef,\n} from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { InputProps } from './types';\n\nconst JsonInput = React.forwardRef<JSONInputRef, InputProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField<string | boolean | number | object | null>(name);\n    const fieldRef = useFocusInputField(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <JSONInputImpl\n          ref={composedRefs}\n          value={\n            field.value !== undefined &&\n            (typeof field.value === 'object' || // accounts for objects, arrays, null\n              typeof field.value === 'boolean' ||\n              typeof field.value === 'number')\n              ? JSON.stringify(field.value, null, 2)\n              : field.value\n          }\n          onChange={(json) => {\n            // Default to null when the field is not required and there is no input value\n            const value = required && !json.length ? null : json;\n            field.onChange(name, value);\n          }}\n          minHeight={`25.2rem`}\n          maxHeight={`50.4rem`}\n          {...props}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedJsonInput = React.memo(JsonInput);\n\nexport { MemoizedJsonInput as JsonInput };\n"],"names":["JsonInput","React","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","JSONInputImpl","value","undefined","JSON","stringify","onChange","json","length","minHeight","maxHeight","Hint","Error","MemoizedJsonInput","memo"],"mappings":";;;;;;AAcA,MAAMA,0BAAYC,KAAAA,CAAMC,UAAU,CAChC,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,QAAAA,CAAoDR,IAAAA,CAAAA;AAClE,IAAA,MAAMS,WAAWC,kBAAAA,CAAmBV,IAAAA,CAAAA;IAEpC,MAAMW,YAAAA,GAAeC,gBAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,IAAA,CAACC,MAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,GAAA,CAACH,MAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,GAAA,CAACG,SAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;gBACLU,KAAAA,EACEd,KAAAA,CAAMc,KAAK,KAAKC,SAAAA,KACf,OAAOf,KAAAA,CAAMc,KAAK,KAAK,QAAA;AACtB,gBAAA,OAAOd,MAAMc,KAAK,KAAK,aACvB,OAAOd,KAAAA,CAAMc,KAAK,KAAK,QAAO,IAC5BE,IAAAA,CAAKC,SAAS,CAACjB,KAAAA,CAAMc,KAAK,EAAE,IAAA,EAAM,CAAA,CAAA,GAClCd,MAAMc,KAAK;AAEjBI,gBAAAA,QAAAA,EAAU,CAACC,IAAAA,GAAAA;;AAET,oBAAA,MAAML,QAAQpB,QAAAA,IAAY,CAACyB,IAAAA,CAAKC,MAAM,GAAG,IAAA,GAAOD,IAAAA;oBAChDnB,KAAAA,CAAMkB,QAAQ,CAACzB,IAAAA,EAAMqB,KAAAA,CAAAA;AACvB,gBAAA,CAAA;gBACAO,SAAAA,EAAW,CAAC,OAAO,CAAC;gBACpBC,SAAAA,EAAW,CAAC,OAAO,CAAC;AACnB,gBAAA,GAAGxB;;AAEN,0BAAAY,GAAA,CAACH,MAAMgB,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAb,GAAA,CAACH,MAAMiB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,iBAAAA,iBAAoBlC,KAAAA,CAAMmC,IAAI,CAACpC,SAAAA;;;;"}

package/dist/admin/admin/src/components/FormInputs/Password.js.map

@@ -1 +1 @@
-{"version":3,"file":"Password.js","sources":["../../../../../../admin/src/components/FormInputs/Password.tsx"],"sourcesContent":["import { forwardRef, memo, useState } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\nimport { Eye, EyeStriked } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst PasswordInput = forwardRef<HTMLInputElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const [showPassword, setShowPassword] = useState(false);\n    const { formatMessage } = useIntl();\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          autoComplete=\"password\"\n          endAction={\n            <Field.Action\n              label={formatMessage({\n                id: 'Auth.form.password.show-password',\n                defaultMessage: 'Show password',\n              })}\n              onClick={() => {\n                setShowPassword((prev) => !prev);\n              }}\n            >\n              {showPassword ? <Eye fill=\"neutral500\" /> : <EyeStriked fill=\"neutral500\" />}\n            </Field.Action>\n          }\n          onChange={field.onChange}\n          value={field.value}\n          {...props}\n          type={showPassword ? 'text' : 'password'}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedPasswordInput = memo(PasswordInput);\n\nexport { MemoizedPasswordInput as PasswordInput };\n"],"names":["PasswordInput","forwardRef","name","required","label","hint","labelAction","props","ref","showPassword","setShowPassword","useState","formatMessage","useIntl","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","autoComplete","endAction","Action","id","defaultMessage","onClick","prev","Eye","fill","EyeStriked","onChange","value","type","Hint","Error","MemoizedPasswordInput","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,8BAAgBC,gBAAAA,CACpB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAM,CAACC,YAAAA,EAAcC,eAAAA,CAAgB,GAAGC,cAAAA,CAAS,KAAA,CAAA;IACjD,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,aAAAA,CAASb,IAAAA,CAAAA;AACvB,IAAA,MAAMc,WAAWC,qCAAAA,CAAqCf,IAAAA,CAAAA;IAEtD,MAAMgB,YAAAA,GAAeC,6BAAgBX,GAAAA,EAAKQ,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAErB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAqB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQpB,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCoB,cAAA,CAACG,sBAAAA,EAAAA;gBACCnB,GAAAA,EAAKU,YAAAA;gBACLU,YAAAA,EAAa,UAAA;gBACbC,SAAAA,gBACEL,cAAA,CAACH,mBAAMS,MAAM,EAAA;AACX1B,oBAAAA,KAAAA,EAAOQ,aAAAA,CAAc;wBACnBmB,EAAAA,EAAI,kCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;oBACAC,OAAAA,EAAS,IAAA;wBACPvB,eAAAA,CAAgB,CAACwB,OAAS,CAACA,IAAAA,CAAAA;AAC7B,oBAAA,CAAA;AAECzB,oBAAAA,QAAAA,EAAAA,YAAAA,iBAAee,cAAA,CAACW,SAAAA,EAAAA;wBAAIC,IAAAA,EAAK;uCAAkBZ,cAAA,CAACa,gBAAAA,EAAAA;wBAAWD,IAAAA,EAAK;;;AAGjEE,gBAAAA,QAAAA,EAAUxB,MAAMwB,QAAQ;AACxBC,gBAAAA,KAAAA,EAAOzB,MAAMyB,KAAK;AACjB,gBAAA,GAAGhC,KAAK;AACTiC,gBAAAA,IAAAA,EAAM/B,eAAe,MAAA,GAAS;;AAEhC,0BAAAe,cAAA,CAACH,mBAAMoB,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAjB,cAAA,CAACH,mBAAMqB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,sCAAwBC,UAAAA,CAAK5C,aAAAA;;;;"}
+{"version":3,"file":"Password.js","sources":["../../../../../../admin/src/components/FormInputs/Password.tsx"],"sourcesContent":["import { forwardRef, memo, useState } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\nimport { Eye, EyeStriked } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst PasswordInput = forwardRef<HTMLInputElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const [showPassword, setShowPassword] = useState(false);\n    const { formatMessage } = useIntl();\n    const field = useField<string>(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          autoComplete=\"password\"\n          endAction={\n            <Field.Action\n              label={formatMessage({\n                id: 'Auth.form.password.show-password',\n                defaultMessage: 'Show password',\n              })}\n              onClick={() => {\n                setShowPassword((prev) => !prev);\n              }}\n            >\n              {showPassword ? <Eye fill=\"neutral500\" /> : <EyeStriked fill=\"neutral500\" />}\n            </Field.Action>\n          }\n          onChange={field.onChange}\n          value={field.value}\n          {...props}\n          type={showPassword ? 'text' : 'password'}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedPasswordInput = memo(PasswordInput);\n\nexport { MemoizedPasswordInput as PasswordInput };\n"],"names":["PasswordInput","forwardRef","name","required","label","hint","labelAction","props","ref","showPassword","setShowPassword","useState","formatMessage","useIntl","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","autoComplete","endAction","Action","id","defaultMessage","onClick","prev","Eye","fill","EyeStriked","onChange","value","type","Hint","Error","MemoizedPasswordInput","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,8BAAgBC,gBAAAA,CACpB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAM,CAACC,YAAAA,EAAcC,eAAAA,CAAgB,GAAGC,cAAAA,CAAS,KAAA,CAAA;IACjD,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,aAAAA,CAAiBb,IAAAA,CAAAA;AAC/B,IAAA,MAAMc,WAAWC,qCAAAA,CAAqCf,IAAAA,CAAAA;IAEtD,MAAMgB,YAAAA,GAAeC,6BAAgBX,GAAAA,EAAKQ,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAErB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAqB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQpB,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCoB,cAAA,CAACG,sBAAAA,EAAAA;gBACCnB,GAAAA,EAAKU,YAAAA;gBACLU,YAAAA,EAAa,UAAA;gBACbC,SAAAA,gBACEL,cAAA,CAACH,mBAAMS,MAAM,EAAA;AACX1B,oBAAAA,KAAAA,EAAOQ,aAAAA,CAAc;wBACnBmB,EAAAA,EAAI,kCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;oBACAC,OAAAA,EAAS,IAAA;wBACPvB,eAAAA,CAAgB,CAACwB,OAAS,CAACA,IAAAA,CAAAA;AAC7B,oBAAA,CAAA;AAECzB,oBAAAA,QAAAA,EAAAA,YAAAA,iBAAee,cAAA,CAACW,SAAAA,EAAAA;wBAAIC,IAAAA,EAAK;uCAAkBZ,cAAA,CAACa,gBAAAA,EAAAA;wBAAWD,IAAAA,EAAK;;;AAGjEE,gBAAAA,QAAAA,EAAUxB,MAAMwB,QAAQ;AACxBC,gBAAAA,KAAAA,EAAOzB,MAAMyB,KAAK;AACjB,gBAAA,GAAGhC,KAAK;AACTiC,gBAAAA,IAAAA,EAAM/B,eAAe,MAAA,GAAS;;AAEhC,0BAAAe,cAAA,CAACH,mBAAMoB,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAjB,cAAA,CAACH,mBAAMqB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,sCAAwBC,UAAAA,CAAK5C,aAAAA;;;;"}

package/dist/admin/admin/src/components/FormInputs/Password.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Password.mjs","sources":["../../../../../../admin/src/components/FormInputs/Password.tsx"],"sourcesContent":["import { forwardRef, memo, useState } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\nimport { Eye, EyeStriked } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst PasswordInput = forwardRef<HTMLInputElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const [showPassword, setShowPassword] = useState(false);\n    const { formatMessage } = useIntl();\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          autoComplete=\"password\"\n          endAction={\n            <Field.Action\n              label={formatMessage({\n                id: 'Auth.form.password.show-password',\n                defaultMessage: 'Show password',\n              })}\n              onClick={() => {\n                setShowPassword((prev) => !prev);\n              }}\n            >\n              {showPassword ? <Eye fill=\"neutral500\" /> : <EyeStriked fill=\"neutral500\" />}\n            </Field.Action>\n          }\n          onChange={field.onChange}\n          value={field.value}\n          {...props}\n          type={showPassword ? 'text' : 'password'}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedPasswordInput = memo(PasswordInput);\n\nexport { MemoizedPasswordInput as PasswordInput };\n"],"names":["PasswordInput","forwardRef","name","required","label","hint","labelAction","props","ref","showPassword","setShowPassword","useState","formatMessage","useIntl","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","autoComplete","endAction","Action","id","defaultMessage","onClick","prev","Eye","fill","EyeStriked","onChange","value","type","Hint","Error","MemoizedPasswordInput","memo"],"mappings":";;;;;;;;AAWA,MAAMA,8BAAgBC,UAAAA,CACpB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAM,CAACC,YAAAA,EAAcC,eAAAA,CAAgB,GAAGC,QAAAA,CAAS,KAAA,CAAA;IACjD,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,QAAAA,CAASb,IAAAA,CAAAA;AACvB,IAAA,MAAMc,WAAWC,kBAAAA,CAAqCf,IAAAA,CAAAA;IAEtD,MAAMgB,YAAAA,GAAeC,gBAAgBX,GAAAA,EAAKQ,QAAAA,CAAAA;IAE1C,qBACEI,IAAA,CAACC,MAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAErB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAqB,GAAA,CAACH,MAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQpB,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCoB,GAAA,CAACG,SAAAA,EAAAA;gBACCnB,GAAAA,EAAKU,YAAAA;gBACLU,YAAAA,EAAa,UAAA;gBACbC,SAAAA,gBACEL,GAAA,CAACH,MAAMS,MAAM,EAAA;AACX1B,oBAAAA,KAAAA,EAAOQ,aAAAA,CAAc;wBACnBmB,EAAAA,EAAI,kCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;oBACAC,OAAAA,EAAS,IAAA;wBACPvB,eAAAA,CAAgB,CAACwB,OAAS,CAACA,IAAAA,CAAAA;AAC7B,oBAAA,CAAA;AAECzB,oBAAAA,QAAAA,EAAAA,YAAAA,iBAAee,GAAA,CAACW,GAAAA,EAAAA;wBAAIC,IAAAA,EAAK;uCAAkBZ,GAAA,CAACa,UAAAA,EAAAA;wBAAWD,IAAAA,EAAK;;;AAGjEE,gBAAAA,QAAAA,EAAUxB,MAAMwB,QAAQ;AACxBC,gBAAAA,KAAAA,EAAOzB,MAAMyB,KAAK;AACjB,gBAAA,GAAGhC,KAAK;AACTiC,gBAAAA,IAAAA,EAAM/B,eAAe,MAAA,GAAS;;AAEhC,0BAAAe,GAAA,CAACH,MAAMoB,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAjB,GAAA,CAACH,MAAMqB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,sCAAwBC,IAAAA,CAAK5C,aAAAA;;;;"}
+{"version":3,"file":"Password.mjs","sources":["../../../../../../admin/src/components/FormInputs/Password.tsx"],"sourcesContent":["import { forwardRef, memo, useState } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\nimport { Eye, EyeStriked } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst PasswordInput = forwardRef<HTMLInputElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const [showPassword, setShowPassword] = useState(false);\n    const { formatMessage } = useIntl();\n    const field = useField<string>(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          autoComplete=\"password\"\n          endAction={\n            <Field.Action\n              label={formatMessage({\n                id: 'Auth.form.password.show-password',\n                defaultMessage: 'Show password',\n              })}\n              onClick={() => {\n                setShowPassword((prev) => !prev);\n              }}\n            >\n              {showPassword ? <Eye fill=\"neutral500\" /> : <EyeStriked fill=\"neutral500\" />}\n            </Field.Action>\n          }\n          onChange={field.onChange}\n          value={field.value}\n          {...props}\n          type={showPassword ? 'text' : 'password'}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedPasswordInput = memo(PasswordInput);\n\nexport { MemoizedPasswordInput as PasswordInput };\n"],"names":["PasswordInput","forwardRef","name","required","label","hint","labelAction","props","ref","showPassword","setShowPassword","useState","formatMessage","useIntl","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","autoComplete","endAction","Action","id","defaultMessage","onClick","prev","Eye","fill","EyeStriked","onChange","value","type","Hint","Error","MemoizedPasswordInput","memo"],"mappings":";;;;;;;;AAWA,MAAMA,8BAAgBC,UAAAA,CACpB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAM,CAACC,YAAAA,EAAcC,eAAAA,CAAgB,GAAGC,QAAAA,CAAS,KAAA,CAAA;IACjD,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,QAAAA,CAAiBb,IAAAA,CAAAA;AAC/B,IAAA,MAAMc,WAAWC,kBAAAA,CAAqCf,IAAAA,CAAAA;IAEtD,MAAMgB,YAAAA,GAAeC,gBAAgBX,GAAAA,EAAKQ,QAAAA,CAAAA;IAE1C,qBACEI,IAAA,CAACC,MAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAErB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAqB,GAAA,CAACH,MAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQpB,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCoB,GAAA,CAACG,SAAAA,EAAAA;gBACCnB,GAAAA,EAAKU,YAAAA;gBACLU,YAAAA,EAAa,UAAA;gBACbC,SAAAA,gBACEL,GAAA,CAACH,MAAMS,MAAM,EAAA;AACX1B,oBAAAA,KAAAA,EAAOQ,aAAAA,CAAc;wBACnBmB,EAAAA,EAAI,kCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;oBACAC,OAAAA,EAAS,IAAA;wBACPvB,eAAAA,CAAgB,CAACwB,OAAS,CAACA,IAAAA,CAAAA;AAC7B,oBAAA,CAAA;AAECzB,oBAAAA,QAAAA,EAAAA,YAAAA,iBAAee,GAAA,CAACW,GAAAA,EAAAA;wBAAIC,IAAAA,EAAK;uCAAkBZ,GAAA,CAACa,UAAAA,EAAAA;wBAAWD,IAAAA,EAAK;;;AAGjEE,gBAAAA,QAAAA,EAAUxB,MAAMwB,QAAQ;AACxBC,gBAAAA,KAAAA,EAAOzB,MAAMyB,KAAK;AACjB,gBAAA,GAAGhC,KAAK;AACTiC,gBAAAA,IAAAA,EAAM/B,eAAe,MAAA,GAAS;;AAEhC,0BAAAe,GAAA,CAACH,MAAMoB,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAjB,GAAA,CAACH,MAAMqB,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,sCAAwBC,IAAAA,CAAK5C,aAAAA;;;;"}

package/dist/admin/admin/src/components/FormInputs/Renderer.js

@@ -21,89 +21,81 @@ var Time = require('./Time.js');
 /* -------------------------------------------------------------------------------------------------
  * InputRenderer
  * -----------------------------------------------------------------------------------------------*/ /**
- * @internal This needs to be tested before being exposed as a public API.
+ * @internal
  * @experimental
- * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API.
- * The entire component is memoized to avoid re-renders in large forms.
- */ const InputRenderer = /*#__PURE__*/ React.memo(/*#__PURE__*/ React.forwardRef((props, forwardRef)=>{
+ * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API. The entire component is memoized to avoid re-renders in large forms.
+ */ const InputRenderer = /*#__PURE__*/ React.memo((props)=>{
     switch(props.type){
         case 'biginteger':
         case 'timestamp':
         case 'string':
         case 'uid':
             return /*#__PURE__*/ jsxRuntime.jsx(String.StringInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'boolean':
             return /*#__PURE__*/ jsxRuntime.jsx(Boolean.BooleanInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'checkbox':
             return /*#__PURE__*/ jsxRuntime.jsx(Checkbox.CheckboxInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'datetime':
             return /*#__PURE__*/ jsxRuntime.jsx(DateTime.DateTimeInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'date':
             return /*#__PURE__*/ jsxRuntime.jsx(Date.DateInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'decimal':
         case 'float':
         case 'integer':
             return /*#__PURE__*/ jsxRuntime.jsx(Number.NumberInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'json':
             return /*#__PURE__*/ jsxRuntime.jsx(Json.JsonInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'email':
             return /*#__PURE__*/ jsxRuntime.jsx(Email.EmailInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'enumeration':
             return /*#__PURE__*/ jsxRuntime.jsx(Enumeration.EnumerationInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'password':
             return /*#__PURE__*/ jsxRuntime.jsx(Password.PasswordInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'text':
             return /*#__PURE__*/ jsxRuntime.jsx(Textarea.TextareaInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'time':
             return /*#__PURE__*/ jsxRuntime.jsx(Time.TimeInput, {
-                ref: forwardRef,
                 ...props
             });
         default:
-            // This is cast because this renderer tackles all the possibilities of the InputProps, but this is for runtime catches.
-            return /*#__PURE__*/ jsxRuntime.jsx(NotSupportedField, {
-                ref: forwardRef,
-                ...props
-            });
+            {
+                const notSupportedProps = props;
+                return /*#__PURE__*/ jsxRuntime.jsx(NotSupportedField, {
+                    label: notSupportedProps.label,
+                    hint: notSupportedProps.hint,
+                    name: notSupportedProps.name,
+                    required: notSupportedProps.required,
+                    type: notSupportedProps.type,
+                    labelAction: notSupportedProps.labelAction
+                });
+            }
     }
-}));
-const NotSupportedField = /*#__PURE__*/ React.forwardRef(({ label, hint, name, required, type, labelAction }, ref)=>{
+});
+const NotSupportedField = ({ label, hint, name, required, type, labelAction })=>{
     const { error } = Form.useField(name);
     const fieldRef = useFocusInputField.useFocusInputField(name);
-    const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
         error: error,
         name: name,
@@ -115,7 +107,7 @@ const NotSupportedField = /*#__PURE__*/ React.forwardRef(({ label, hint, name, r
                 children: label
             }),
             /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
-                ref: composedRefs,
+                ref: fieldRef,
                 disabled: true,
                 placeholder: `Unsupported field type: ${type}`,
                 required: required,
@@ -126,7 +118,7 @@ const NotSupportedField = /*#__PURE__*/ React.forwardRef(({ label, hint, name, r
             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
         ]
     });
-});
+};
 const MemoizedInputRenderer = /*#__PURE__*/ React.memo(InputRenderer);
 
 exports.InputRenderer = MemoizedInputRenderer;

package/dist/admin/admin/src/components/FormInputs/Renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.js","sources":["../../../../../../admin/src/components/FormInputs/Renderer.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { BooleanInput } from './Boolean';\nimport { CheckboxInput } from './Checkbox';\nimport { DateInput } from './Date';\nimport { DateTimeInput } from './DateTime';\nimport { EmailInput } from './Email';\nimport { EnumerationInput } from './Enumeration';\nimport { JsonInput } from './Json';\nimport { NumberInput } from './Number';\nimport { PasswordInput } from './Password';\nimport { StringInput } from './String';\nimport { TextareaInput } from './Textarea';\nimport { TimeInput } from './Time';\n\nimport type { InputProps } from '../Form';\n\n/* -------------------------------------------------------------------------------------------------\n * InputRenderer\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal This needs to be tested before being exposed as a public API.\n * @experimental\n * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API.\n * The entire component is memoized to avoid re-renders in large forms.\n */\nconst InputRenderer = memo(\n  forwardRef<any, InputProps>((props, forwardRef) => {\n    switch (props.type) {\n      case 'biginteger':\n      case 'timestamp':\n      case 'string':\n      case 'uid':\n        return <StringInput ref={forwardRef} {...props} />;\n      case 'boolean':\n        return <BooleanInput ref={forwardRef} {...props} />;\n      case 'checkbox':\n        return <CheckboxInput ref={forwardRef} {...props} />;\n      case 'datetime':\n        return <DateTimeInput ref={forwardRef} {...props} />;\n      case 'date':\n        return <DateInput ref={forwardRef} {...props} />;\n      case 'decimal':\n      case 'float':\n      case 'integer':\n        return <NumberInput ref={forwardRef} {...props} />;\n      case 'json':\n        return <JsonInput ref={forwardRef} {...props} />;\n      case 'email':\n        return <EmailInput ref={forwardRef} {...props} />;\n      case 'enumeration':\n        return <EnumerationInput ref={forwardRef} {...props} />;\n      case 'password':\n        return <PasswordInput ref={forwardRef} {...props} />;\n      case 'text':\n        return <TextareaInput ref={forwardRef} {...props} />;\n      case 'time':\n        return <TimeInput ref={forwardRef} {...props} />;\n      default:\n        // This is cast because this renderer tackles all the possibilities of the InputProps, but this is for runtime catches.\n        return <NotSupportedField ref={forwardRef} {...(props as InputProps)} />;\n    }\n  })\n);\n\nconst NotSupportedField = forwardRef<any, InputProps>(\n  ({ label, hint, name, required, type, labelAction }, ref) => {\n    const { error } = useField(name);\n    const fieldRef = useFocusInputField(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          disabled\n          placeholder={`Unsupported field type: ${type}`}\n          required={required}\n          type=\"text\"\n          value=\"\"\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedInputRenderer = memo(InputRenderer);\n\nexport { MemoizedInputRenderer as InputRenderer };\n"],"names":["InputRenderer","memo","forwardRef","props","type","_jsx","StringInput","ref","BooleanInput","CheckboxInput","DateTimeInput","DateInput","NumberInput","JsonInput","EmailInput","EnumerationInput","PasswordInput","TextareaInput","TimeInput","NotSupportedField","label","hint","name","required","labelAction","error","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","Label","action","TextInput","disabled","placeholder","value","Hint","Error","MemoizedInputRenderer"],"mappings":"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"}
+{"version":3,"file":"Renderer.js","sources":["../../../../../../admin/src/components/FormInputs/Renderer.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { TextInput, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { BooleanInput } from './Boolean';\nimport { CheckboxInput } from './Checkbox';\nimport { DateInput } from './Date';\nimport { DateTimeInput } from './DateTime';\nimport { EmailInput } from './Email';\nimport { EnumerationInput } from './Enumeration';\nimport { JsonInput } from './Json';\nimport { NumberInput } from './Number';\nimport { PasswordInput } from './Password';\nimport { StringInput } from './String';\nimport { TextareaInput } from './Textarea';\nimport { TimeInput } from './Time';\n\nimport type { InputProps } from '../Form';\n\n/* -------------------------------------------------------------------------------------------------\n * InputRenderer\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @experimental\n * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API. The entire component is memoized to avoid re-renders in large forms.\n */\nconst InputRenderer = memo((props: InputProps) => {\n  switch (props.type) {\n    case 'biginteger':\n    case 'timestamp':\n    case 'string':\n    case 'uid':\n      return <StringInput {...props} />;\n    case 'boolean':\n      return <BooleanInput {...props} />;\n    case 'checkbox':\n      return <CheckboxInput {...props} />;\n    case 'datetime':\n      return <DateTimeInput {...props} />;\n    case 'date':\n      return <DateInput {...props} />;\n    case 'decimal':\n    case 'float':\n    case 'integer':\n      return <NumberInput {...props} />;\n    case 'json':\n      return <JsonInput {...props} />;\n    case 'email':\n      return <EmailInput {...props} />;\n    case 'enumeration':\n      return <EnumerationInput {...props} />;\n    case 'password':\n      return <PasswordInput {...props} />;\n    case 'text':\n      return <TextareaInput {...props} />;\n    case 'time':\n      return <TimeInput {...props} />;\n    default: {\n      const notSupportedProps = props as InputProps;\n      return (\n        <NotSupportedField\n          label={notSupportedProps.label}\n          hint={notSupportedProps.hint}\n          name={notSupportedProps.name}\n          required={notSupportedProps.required}\n          type={notSupportedProps.type}\n          labelAction={notSupportedProps.labelAction}\n        />\n      );\n    }\n  }\n});\n\ntype NotSupportedFieldProps = Pick<\n  InputProps,\n  'hint' | 'label' | 'labelAction' | 'name' | 'required'\n> & {\n  type: string;\n};\n\nconst NotSupportedField = ({\n  label,\n  hint,\n  name,\n  required,\n  type,\n  labelAction,\n}: NotSupportedFieldProps) => {\n  const { error } = useField(name);\n  const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n  return (\n    <Field.Root error={error} name={name} hint={hint} required={required}>\n      <Field.Label action={labelAction}>{label}</Field.Label>\n      <TextInput\n        ref={fieldRef}\n        disabled\n        placeholder={`Unsupported field type: ${type}`}\n        required={required}\n        type=\"text\"\n        value=\"\"\n      />\n      <Field.Hint />\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\nconst MemoizedInputRenderer = memo(InputRenderer);\n\nexport { MemoizedInputRenderer as InputRenderer };\n"],"names":["InputRenderer","memo","props","type","_jsx","StringInput","BooleanInput","CheckboxInput","DateTimeInput","DateInput","NumberInput","JsonInput","EmailInput","EnumerationInput","PasswordInput","TextareaInput","TimeInput","notSupportedProps","NotSupportedField","label","hint","name","required","labelAction","error","useField","fieldRef","useFocusInputField","_jsxs","Field","Root","Label","action","TextInput","ref","disabled","placeholder","value","Hint","Error","MemoizedInputRenderer"],"mappings":"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"}

package/dist/admin/admin/src/components/FormInputs/Renderer.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { memo, forwardRef } from 'react';
-import { useComposedRefs, Field, TextInput } from '@strapi/design-system';
+import { memo } from 'react';
+import { Field, TextInput } from '@strapi/design-system';
 import { useFocusInputField } from '../../hooks/useFocusInputField.mjs';
 import { useField } from '../Form.mjs';
 import { BooleanInput as MemoizedBooleanInput } from './Boolean.mjs';
@@ -19,89 +19,81 @@ import { TimeInput as MemoizedTimeInput } from './Time.mjs';
 /* -------------------------------------------------------------------------------------------------
  * InputRenderer
  * -----------------------------------------------------------------------------------------------*/ /**
- * @internal This needs to be tested before being exposed as a public API.
+ * @internal
  * @experimental
- * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API.
- * The entire component is memoized to avoid re-renders in large forms.
- */ const InputRenderer = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef((props, forwardRef)=>{
+ * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API. The entire component is memoized to avoid re-renders in large forms.
+ */ const InputRenderer = /*#__PURE__*/ memo((props)=>{
     switch(props.type){
         case 'biginteger':
         case 'timestamp':
         case 'string':
         case 'uid':
             return /*#__PURE__*/ jsx(MemoizedStringInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'boolean':
             return /*#__PURE__*/ jsx(MemoizedBooleanInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'checkbox':
             return /*#__PURE__*/ jsx(MemoizedCheckboxInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'datetime':
             return /*#__PURE__*/ jsx(MemoizedDateTimeInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'date':
             return /*#__PURE__*/ jsx(MemoizedDateInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'decimal':
         case 'float':
         case 'integer':
             return /*#__PURE__*/ jsx(MemoizedNumberInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'json':
             return /*#__PURE__*/ jsx(MemoizedJsonInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'email':
             return /*#__PURE__*/ jsx(MemoizedEmailInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'enumeration':
             return /*#__PURE__*/ jsx(MemoizedEnumerationInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'password':
             return /*#__PURE__*/ jsx(MemoizedPasswordInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'text':
             return /*#__PURE__*/ jsx(MemoizedTextareaInput, {
-                ref: forwardRef,
                 ...props
             });
         case 'time':
             return /*#__PURE__*/ jsx(MemoizedTimeInput, {
-                ref: forwardRef,
                 ...props
             });
         default:
-            // This is cast because this renderer tackles all the possibilities of the InputProps, but this is for runtime catches.
-            return /*#__PURE__*/ jsx(NotSupportedField, {
-                ref: forwardRef,
-                ...props
-            });
+            {
+                const notSupportedProps = props;
+                return /*#__PURE__*/ jsx(NotSupportedField, {
+                    label: notSupportedProps.label,
+                    hint: notSupportedProps.hint,
+                    name: notSupportedProps.name,
+                    required: notSupportedProps.required,
+                    type: notSupportedProps.type,
+                    labelAction: notSupportedProps.labelAction
+                });
+            }
     }
-}));
-const NotSupportedField = /*#__PURE__*/ forwardRef(({ label, hint, name, required, type, labelAction }, ref)=>{
+});
+const NotSupportedField = ({ label, hint, name, required, type, labelAction })=>{
     const { error } = useField(name);
     const fieldRef = useFocusInputField(name);
-    const composedRefs = useComposedRefs(ref, fieldRef);
     return /*#__PURE__*/ jsxs(Field.Root, {
         error: error,
         name: name,
@@ -113,7 +105,7 @@ const NotSupportedField = /*#__PURE__*/ forwardRef(({ label, hint, name, require
                 children: label
             }),
             /*#__PURE__*/ jsx(TextInput, {
-                ref: composedRefs,
+                ref: fieldRef,
                 disabled: true,
                 placeholder: `Unsupported field type: ${type}`,
                 required: required,
@@ -124,7 +116,7 @@ const NotSupportedField = /*#__PURE__*/ forwardRef(({ label, hint, name, require
             /*#__PURE__*/ jsx(Field.Error, {})
         ]
     });
-});
+};
 const MemoizedInputRenderer = /*#__PURE__*/ memo(InputRenderer);
 
 export { MemoizedInputRenderer as InputRenderer };

package/dist/admin/admin/src/components/FormInputs/Renderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.mjs","sources":["../../../../../../admin/src/components/FormInputs/Renderer.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { BooleanInput } from './Boolean';\nimport { CheckboxInput } from './Checkbox';\nimport { DateInput } from './Date';\nimport { DateTimeInput } from './DateTime';\nimport { EmailInput } from './Email';\nimport { EnumerationInput } from './Enumeration';\nimport { JsonInput } from './Json';\nimport { NumberInput } from './Number';\nimport { PasswordInput } from './Password';\nimport { StringInput } from './String';\nimport { TextareaInput } from './Textarea';\nimport { TimeInput } from './Time';\n\nimport type { InputProps } from '../Form';\n\n/* -------------------------------------------------------------------------------------------------\n * InputRenderer\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal This needs to be tested before being exposed as a public API.\n * @experimental\n * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API.\n * The entire component is memoized to avoid re-renders in large forms.\n */\nconst InputRenderer = memo(\n  forwardRef<any, InputProps>((props, forwardRef) => {\n    switch (props.type) {\n      case 'biginteger':\n      case 'timestamp':\n      case 'string':\n      case 'uid':\n        return <StringInput ref={forwardRef} {...props} />;\n      case 'boolean':\n        return <BooleanInput ref={forwardRef} {...props} />;\n      case 'checkbox':\n        return <CheckboxInput ref={forwardRef} {...props} />;\n      case 'datetime':\n        return <DateTimeInput ref={forwardRef} {...props} />;\n      case 'date':\n        return <DateInput ref={forwardRef} {...props} />;\n      case 'decimal':\n      case 'float':\n      case 'integer':\n        return <NumberInput ref={forwardRef} {...props} />;\n      case 'json':\n        return <JsonInput ref={forwardRef} {...props} />;\n      case 'email':\n        return <EmailInput ref={forwardRef} {...props} />;\n      case 'enumeration':\n        return <EnumerationInput ref={forwardRef} {...props} />;\n      case 'password':\n        return <PasswordInput ref={forwardRef} {...props} />;\n      case 'text':\n        return <TextareaInput ref={forwardRef} {...props} />;\n      case 'time':\n        return <TimeInput ref={forwardRef} {...props} />;\n      default:\n        // This is cast because this renderer tackles all the possibilities of the InputProps, but this is for runtime catches.\n        return <NotSupportedField ref={forwardRef} {...(props as InputProps)} />;\n    }\n  })\n);\n\nconst NotSupportedField = forwardRef<any, InputProps>(\n  ({ label, hint, name, required, type, labelAction }, ref) => {\n    const { error } = useField(name);\n    const fieldRef = useFocusInputField(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          disabled\n          placeholder={`Unsupported field type: ${type}`}\n          required={required}\n          type=\"text\"\n          value=\"\"\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedInputRenderer = memo(InputRenderer);\n\nexport { MemoizedInputRenderer as InputRenderer };\n"],"names":["InputRenderer","memo","forwardRef","props","type","_jsx","StringInput","ref","BooleanInput","CheckboxInput","DateTimeInput","DateInput","NumberInput","JsonInput","EmailInput","EnumerationInput","PasswordInput","TextareaInput","TimeInput","NotSupportedField","label","hint","name","required","labelAction","error","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","Label","action","TextInput","disabled","placeholder","value","Hint","Error","MemoizedInputRenderer"],"mappings":"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"}
+{"version":3,"file":"Renderer.mjs","sources":["../../../../../../admin/src/components/FormInputs/Renderer.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { TextInput, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport { BooleanInput } from './Boolean';\nimport { CheckboxInput } from './Checkbox';\nimport { DateInput } from './Date';\nimport { DateTimeInput } from './DateTime';\nimport { EmailInput } from './Email';\nimport { EnumerationInput } from './Enumeration';\nimport { JsonInput } from './Json';\nimport { NumberInput } from './Number';\nimport { PasswordInput } from './Password';\nimport { StringInput } from './String';\nimport { TextareaInput } from './Textarea';\nimport { TimeInput } from './Time';\n\nimport type { InputProps } from '../Form';\n\n/* -------------------------------------------------------------------------------------------------\n * InputRenderer\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @experimental\n * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API. The entire component is memoized to avoid re-renders in large forms.\n */\nconst InputRenderer = memo((props: InputProps) => {\n  switch (props.type) {\n    case 'biginteger':\n    case 'timestamp':\n    case 'string':\n    case 'uid':\n      return <StringInput {...props} />;\n    case 'boolean':\n      return <BooleanInput {...props} />;\n    case 'checkbox':\n      return <CheckboxInput {...props} />;\n    case 'datetime':\n      return <DateTimeInput {...props} />;\n    case 'date':\n      return <DateInput {...props} />;\n    case 'decimal':\n    case 'float':\n    case 'integer':\n      return <NumberInput {...props} />;\n    case 'json':\n      return <JsonInput {...props} />;\n    case 'email':\n      return <EmailInput {...props} />;\n    case 'enumeration':\n      return <EnumerationInput {...props} />;\n    case 'password':\n      return <PasswordInput {...props} />;\n    case 'text':\n      return <TextareaInput {...props} />;\n    case 'time':\n      return <TimeInput {...props} />;\n    default: {\n      const notSupportedProps = props as InputProps;\n      return (\n        <NotSupportedField\n          label={notSupportedProps.label}\n          hint={notSupportedProps.hint}\n          name={notSupportedProps.name}\n          required={notSupportedProps.required}\n          type={notSupportedProps.type}\n          labelAction={notSupportedProps.labelAction}\n        />\n      );\n    }\n  }\n});\n\ntype NotSupportedFieldProps = Pick<\n  InputProps,\n  'hint' | 'label' | 'labelAction' | 'name' | 'required'\n> & {\n  type: string;\n};\n\nconst NotSupportedField = ({\n  label,\n  hint,\n  name,\n  required,\n  type,\n  labelAction,\n}: NotSupportedFieldProps) => {\n  const { error } = useField(name);\n  const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n  return (\n    <Field.Root error={error} name={name} hint={hint} required={required}>\n      <Field.Label action={labelAction}>{label}</Field.Label>\n      <TextInput\n        ref={fieldRef}\n        disabled\n        placeholder={`Unsupported field type: ${type}`}\n        required={required}\n        type=\"text\"\n        value=\"\"\n      />\n      <Field.Hint />\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\nconst MemoizedInputRenderer = memo(InputRenderer);\n\nexport { MemoizedInputRenderer as InputRenderer };\n"],"names":["InputRenderer","memo","props","type","_jsx","StringInput","BooleanInput","CheckboxInput","DateTimeInput","DateInput","NumberInput","JsonInput","EmailInput","EnumerationInput","PasswordInput","TextareaInput","TimeInput","notSupportedProps","NotSupportedField","label","hint","name","required","labelAction","error","useField","fieldRef","useFocusInputField","_jsxs","Field","Root","Label","action","TextInput","ref","disabled","placeholder","value","Hint","Error","MemoizedInputRenderer"],"mappings":"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"}

package/dist/admin/admin/src/components/FormInputs/String.js.map

@@ -1 +1 @@
-{"version":3,"file":"String.js","sources":["../../../../../../admin/src/components/FormInputs/String.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { type InputProps, useField } from '../Form';\n\nconst StringInput = forwardRef<HTMLInputElement, InputProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          onChange={field.onChange}\n          value={field.value ?? ''}\n          {...props}\n          type=\"text\"\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedStringInput = memo(StringInput);\n\nexport { MemoizedStringInput as StringInput };\n"],"names":["StringInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","onChange","value","type","Hint","Error","MemoizedStringInput","memo"],"mappings":";;;;;;;;AAOA,MAAMA,4BAAcC,gBAAAA,CAClB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,aAAAA,CAASR,IAAAA,CAAAA;AACvB,IAAA,MAAMS,WAAWC,qCAAAA,CAAqCV,IAAAA,CAAAA;IAEtD,MAAMW,YAAAA,GAAeC,6BAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,cAAA,CAACG,sBAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;AACLU,gBAAAA,QAAAA,EAAUd,MAAMc,QAAQ;gBACxBC,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAA;AACrB,gBAAA,GAAGjB,KAAK;gBACTkB,IAAAA,EAAK;;AAEP,0BAAAN,cAAA,CAACH,mBAAMU,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAP,cAAA,CAACH,mBAAMW,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,oCAAsBC,UAAAA,CAAK7B,WAAAA;;;;"}
+{"version":3,"file":"String.js","sources":["../../../../../../admin/src/components/FormInputs/String.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { TextInput, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { type InputProps, useField } from '../Form';\n\nconst StringInput = forwardRef<HTMLInputElement, InputProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField<string>(name);\n    const fieldRef = useFocusInputField<HTMLInputElement>(name);\n\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    return (\n      <Field.Root error={field.error} name={name} hint={hint} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          onChange={field.onChange}\n          value={field.value ?? ''}\n          {...props}\n          type=\"text\"\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedStringInput = memo(StringInput);\n\nexport { MemoizedStringInput as StringInput };\n"],"names":["StringInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","TextInput","onChange","value","type","Hint","Error","MemoizedStringInput","memo"],"mappings":";;;;;;;;AAOA,MAAMA,4BAAcC,gBAAAA,CAClB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;AACvD,IAAA,MAAMC,QAAQC,aAAAA,CAAiBR,IAAAA,CAAAA;AAC/B,IAAA,MAAMS,WAAWC,qCAAAA,CAAqCV,IAAAA,CAAAA;IAEtD,MAAMW,YAAAA,GAAeC,6BAAgBN,GAAAA,EAAKG,QAAAA,CAAAA;IAE1C,qBACEI,eAAA,CAACC,mBAAMC,IAAI,EAAA;AAACC,QAAAA,KAAAA,EAAOT,MAAMS,KAAK;QAAEhB,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMF,QAAAA,EAAUA,QAAAA;;AAChE,0BAAAgB,cAAA,CAACH,mBAAMI,KAAK,EAAA;gBAACC,MAAAA,EAAQf,WAAAA;AAAcF,gBAAAA,QAAAA,EAAAA;;0BACnCe,cAAA,CAACG,sBAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;AACLU,gBAAAA,QAAAA,EAAUd,MAAMc,QAAQ;gBACxBC,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAA;AACrB,gBAAA,GAAGjB,KAAK;gBACTkB,IAAAA,EAAK;;AAEP,0BAAAN,cAAA,CAACH,mBAAMU,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAP,cAAA,CAACH,mBAAMW,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,oCAAsBC,UAAAA,CAAK7B,WAAAA;;;;"}