@strapi/admin 5.50.0 → 5.50.1

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;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"String.mjs","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,UAAAA,CAClB,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;AACLU,gBAAAA,QAAAA,EAAUd,MAAMc,QAAQ;gBACxBC,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAA;AACrB,gBAAA,GAAGjB,KAAK;gBACTkB,IAAAA,EAAK;;AAEP,0BAAAN,GAAA,CAACH,MAAMU,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAP,GAAA,CAACH,MAAMW,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,oCAAsBC,IAAAA,CAAK7B,WAAAA;;;;"}
+{"version":3,"file":"String.mjs","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,UAAAA,CAClB,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;AACLU,gBAAAA,QAAAA,EAAUd,MAAMc,QAAQ;gBACxBC,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAA;AACrB,gBAAA,GAAGjB,KAAK;gBACTkB,IAAAA,EAAK;;AAEP,0BAAAN,GAAA,CAACH,MAAMU,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAP,GAAA,CAACH,MAAMW,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,oCAAsBC,IAAAA,CAAK7B,WAAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../../../admin/src/components/FormInputs/Textarea.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { Textarea, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst TextareaInput = forwardRef<HTMLTextAreaElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLTextAreaElement>(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        <Textarea\n          ref={composedRefs}\n          onChange={field.onChange}\n          value={field.value ?? ''}\n          {...props}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedTextareaInput = memo(TextareaInput);\n\nexport { MemoizedTextareaInput as TextareaInput };\n"],"names":["TextareaInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","Textarea","onChange","value","Hint","Error","MemoizedTextareaInput","memo"],"mappings":";;;;;;;;AASA,MAAMA,8BAAgBC,gBAAAA,CACpB,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,CAAwCV,IAAAA,CAAAA;IAEzD,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,qBAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;AACLU,gBAAAA,QAAAA,EAAUd,MAAMc,QAAQ;gBACxBC,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAA;AACrB,gBAAA,GAAGjB;;AAEN,0BAAAY,cAAA,CAACH,mBAAMS,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAN,cAAA,CAACH,mBAAMU,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,sCAAwBC,UAAAA,CAAK5B,aAAAA;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../../../../admin/src/components/FormInputs/Textarea.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { Textarea, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst TextareaInput = forwardRef<HTMLTextAreaElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField<string>(name);\n    const fieldRef = useFocusInputField<HTMLTextAreaElement>(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        <Textarea\n          ref={composedRefs}\n          onChange={field.onChange}\n          value={field.value ?? ''}\n          {...props}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedTextareaInput = memo(TextareaInput);\n\nexport { MemoizedTextareaInput as TextareaInput };\n"],"names":["TextareaInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","Textarea","onChange","value","Hint","Error","MemoizedTextareaInput","memo"],"mappings":";;;;;;;;AASA,MAAMA,8BAAgBC,gBAAAA,CACpB,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,CAAwCV,IAAAA,CAAAA;IAEzD,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,qBAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;AACLU,gBAAAA,QAAAA,EAAUd,MAAMc,QAAQ;gBACxBC,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAA;AACrB,gBAAA,GAAGjB;;AAEN,0BAAAY,cAAA,CAACH,mBAAMS,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAN,cAAA,CAACH,mBAAMU,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,sCAAwBC,UAAAA,CAAK5B,aAAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.mjs","sources":["../../../../../../admin/src/components/FormInputs/Textarea.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { Textarea, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst TextareaInput = forwardRef<HTMLTextAreaElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField(name);\n    const fieldRef = useFocusInputField<HTMLTextAreaElement>(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        <Textarea\n          ref={composedRefs}\n          onChange={field.onChange}\n          value={field.value ?? ''}\n          {...props}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedTextareaInput = memo(TextareaInput);\n\nexport { MemoizedTextareaInput as TextareaInput };\n"],"names":["TextareaInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","Textarea","onChange","value","Hint","Error","MemoizedTextareaInput","memo"],"mappings":";;;;;;AASA,MAAMA,8BAAgBC,UAAAA,CACpB,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,CAAwCV,IAAAA,CAAAA;IAEzD,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,QAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;AACLU,gBAAAA,QAAAA,EAAUd,MAAMc,QAAQ;gBACxBC,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAA;AACrB,gBAAA,GAAGjB;;AAEN,0BAAAY,GAAA,CAACH,MAAMS,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAN,GAAA,CAACH,MAAMU,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,sCAAwBC,IAAAA,CAAK5B,aAAAA;;;;"}
+{"version":3,"file":"Textarea.mjs","sources":["../../../../../../admin/src/components/FormInputs/Textarea.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\n\nimport { Textarea, useComposedRefs, Field } from '@strapi/design-system';\n\nimport { useFocusInputField } from '../../hooks/useFocusInputField';\nimport { useField } from '../Form';\n\nimport type { StringProps } from './types';\n\nconst TextareaInput = forwardRef<HTMLTextAreaElement, StringProps>(\n  ({ name, required, label, hint, labelAction, ...props }, ref) => {\n    const field = useField<string>(name);\n    const fieldRef = useFocusInputField<HTMLTextAreaElement>(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        <Textarea\n          ref={composedRefs}\n          onChange={field.onChange}\n          value={field.value ?? ''}\n          {...props}\n        />\n        <Field.Hint />\n        <Field.Error />\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedTextareaInput = memo(TextareaInput);\n\nexport { MemoizedTextareaInput as TextareaInput };\n"],"names":["TextareaInput","forwardRef","name","required","label","hint","labelAction","props","ref","field","useField","fieldRef","useFocusInputField","composedRefs","useComposedRefs","_jsxs","Field","Root","error","_jsx","Label","action","Textarea","onChange","value","Hint","Error","MemoizedTextareaInput","memo"],"mappings":";;;;;;AASA,MAAMA,8BAAgBC,UAAAA,CACpB,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,CAAwCV,IAAAA,CAAAA;IAEzD,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,QAAAA,EAAAA;gBACCd,GAAAA,EAAKK,YAAAA;AACLU,gBAAAA,QAAAA,EAAUd,MAAMc,QAAQ;gBACxBC,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAA;AACrB,gBAAA,GAAGjB;;AAEN,0BAAAY,GAAA,CAACH,MAAMS,IAAI,EAAA,EAAA,CAAA;AACX,0BAAAN,GAAA,CAACH,MAAMU,KAAK,EAAA,EAAA;;;AAGlB,CAAA,CAAA;AAGF,MAAMC,sCAAwBC,IAAAA,CAAK5B,aAAAA;;;;"}

package/dist/admin/admin/src/components/GapDropZone.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designSystem = require('@strapi/design-system');
 var reactDnd = require('react-dnd');
-var styled = require('styled-components');
+var styledComponents = require('styled-components');
 var widgetLayout = require('../utils/widgetLayout.js');
 
 function _interopNamespace(e) {
@@ -240,7 +240,7 @@ const GapDropZoneManager = ({ filteredWidgets, columnWidths, draggedWidgetId, mo
             targetRowIndex: gapDropZone.targetRowIndex
         }, `gap-drop-zone-${gapDropZone.type}-${gapDropZone.insertIndex}-${gapDropZone.targetRowIndex ?? 'no-row'}`));
 };
-const GapDropZoneContainer = styled.styled(designSystem.Box)`
+const GapDropZoneContainer = styledComponents.styled(designSystem.Box)`
   background-color: ${({ $isOver, theme })=>$isOver ? `${theme.colors.primary100}` : 'transparent'};
   border: ${({ $isOver, theme })=>$isOver ? `2px solid ${theme.colors.primary500}` : '2px solid transparent'};
   opacity: ${({ $isOver })=>$isOver ? 1 : 0.6};

package/dist/admin/admin/src/components/GapDropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"GapDropZone.js","sources":["../../../../../admin/src/components/GapDropZone.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\n// TODO: use @dnd-kit/core instead\nimport { useDrop } from 'react-dnd';\nimport { styled } from 'styled-components';\n\nimport {\n  calculateWidgetRows,\n  type WidgetRow,\n  getWidgetElement,\n  getWidgetGridContainer,\n} from '../utils/widgetLayout';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\n\nexport const DROP_ZONE_SIZE = 20;\n\nexport interface GapDropZonePosition {\n  insertIndex: number;\n  position: { left: number; top: number; height: number; width: number };\n  isVisible: boolean;\n  type: 'vertical' | 'horizontal';\n  isHorizontalDrop?: boolean;\n  targetRowIndex?: number;\n}\n\ninterface GapDropZoneManagerProps {\n  filteredWidgets: WidgetWithUID[];\n  columnWidths: Record<string, number>;\n  draggedWidgetId?: string;\n  moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;\n}\n\nconst getRowInfo = (row: WidgetRow) => {\n  const firstWidgetElement = getWidgetElement(row.widgets[0].uid);\n  const lastWidgetElement = getWidgetElement(row.widgets[row.widgets.length - 1].uid);\n  const containerElement = getWidgetGridContainer();\n\n  if (!firstWidgetElement || !lastWidgetElement || !containerElement) {\n    return null;\n  }\n\n  const firstRect = firstWidgetElement.getBoundingClientRect();\n  const lastRect = lastWidgetElement.getBoundingClientRect();\n  const containerRect = containerElement.getBoundingClientRect();\n\n  return {\n    firstWidgetElement,\n    lastWidgetElement,\n    containerElement,\n    firstRect,\n    lastRect,\n    containerRect,\n    rowHeight: Math.max(firstRect.height, lastRect.height),\n    rowTop: firstRect.top - containerRect.top,\n  };\n};\n\nexport const addVerticalDropZones = (\n  row: WidgetRow,\n  rowInfo: ReturnType<typeof getRowInfo>,\n  rowIndex: number\n): GapDropZonePosition[] => {\n  if (!rowInfo) return [];\n\n  const { containerRect, rowTop, rowHeight } = rowInfo;\n  const widgetCount = row.widgets.length;\n\n  // Get widget positions relative to container\n  const widgetPositions = row.widgets\n    .map((widget) => {\n      const element = getWidgetElement(widget.uid);\n      if (!element) return null;\n\n      const rect = element.getBoundingClientRect();\n      return {\n        left: rect.left - containerRect.left,\n        width: rect.width,\n      };\n    })\n    .filter((pos): pos is NonNullable<typeof pos> => pos !== null);\n\n  if (widgetPositions.length !== widgetCount) return [];\n\n  const gapDropZones: GapDropZonePosition[] = [];\n\n  // Always add drop zone before the first widget\n  gapDropZones.push({\n    insertIndex: row.startIndex,\n    position: {\n      left: widgetPositions[0].left - DROP_ZONE_SIZE,\n      top: rowTop,\n      height: rowHeight,\n      width: DROP_ZONE_SIZE,\n    },\n    isVisible: true,\n    type: 'vertical',\n    targetRowIndex: rowIndex,\n  });\n\n  // Add drop zones between widgets\n  widgetPositions.slice(0, -1).forEach((currentWidget, i) => {\n    gapDropZones.push({\n      insertIndex: row.startIndex + i + 1,\n      position: {\n        left: currentWidget.left + currentWidget.width,\n        top: rowTop,\n        height: rowHeight,\n        width: DROP_ZONE_SIZE,\n      },\n      isVisible: true,\n      type: 'vertical',\n      targetRowIndex: rowIndex,\n    });\n  });\n\n  // Always add drop zone after the last widget\n  const lastWidget = widgetPositions[widgetCount - 1];\n  gapDropZones.push({\n    insertIndex: row.endIndex + 1,\n    position: {\n      left: lastWidget.left + lastWidget.width,\n      top: rowTop,\n      height: rowHeight,\n      width: DROP_ZONE_SIZE,\n    },\n    isVisible: true,\n    type: 'vertical',\n    targetRowIndex: rowIndex,\n  });\n\n  return gapDropZones;\n};\n\nexport const addHorizontalDropZones = (\n  row: WidgetRow,\n  rowIndex: number,\n  rowInfo: ReturnType<typeof getRowInfo>,\n  widgetRows: WidgetRow[],\n  filteredWidgets: WidgetWithUID[]\n): GapDropZonePosition[] => {\n  if (!rowInfo) return [];\n\n  // Don't show horizontal drop zones if there's only one row with one widget\n  if (widgetRows.length === 1 && row.widgets.length === 1) return [];\n\n  const { containerRect } = rowInfo;\n  const containerWidth = containerRect.width;\n  const horizontalDropZoneHeight = DROP_ZONE_SIZE;\n\n  const gapDropZones: GapDropZonePosition[] = [];\n\n  // Add horizontal drop zone above the first row\n  if (rowIndex === 0) {\n    const firstRowRect = rowInfo.firstRect;\n    const firstRowTop = firstRowRect.top - containerRect.top;\n\n    gapDropZones.push({\n      insertIndex: 0,\n      position: {\n        left: 0,\n        top: firstRowTop - horizontalDropZoneHeight,\n        height: horizontalDropZoneHeight,\n        width: containerWidth,\n      },\n      isVisible: true,\n      type: 'horizontal',\n      isHorizontalDrop: true,\n    });\n  }\n\n  // Add horizontal drop zone below the current row (between rows or after last row)\n  if (rowIndex < widgetRows.length - 1) {\n    // Between rows: position above the next row\n    const nextRow = widgetRows[rowIndex + 1];\n    const nextRowFirstWidgetElement = getWidgetElement(nextRow.widgets[0].uid);\n\n    if (nextRowFirstWidgetElement) {\n      const nextRowRect = nextRowFirstWidgetElement.getBoundingClientRect();\n      const nextRowTop = nextRowRect.top - containerRect.top;\n\n      gapDropZones.push({\n        insertIndex: row.endIndex + 1,\n        position: {\n          left: 0,\n          top: nextRowTop - horizontalDropZoneHeight,\n          height: horizontalDropZoneHeight,\n          width: containerWidth,\n        },\n        isVisible: true,\n        type: 'horizontal',\n        isHorizontalDrop: true,\n      });\n    }\n  } else {\n    // After the last row: position below the current row\n    const lastRowRect = rowInfo.lastRect;\n    const lastRowBottom = lastRowRect.bottom - containerRect.top;\n\n    gapDropZones.push({\n      insertIndex: filteredWidgets.length,\n      position: {\n        left: 0,\n        top: lastRowBottom,\n        height: horizontalDropZoneHeight,\n        width: containerWidth,\n      },\n      isVisible: true,\n      type: 'horizontal',\n      isHorizontalDrop: true,\n    });\n  }\n\n  return gapDropZones;\n};\n\nexport const GapDropZoneManager = ({\n  filteredWidgets,\n  columnWidths,\n  draggedWidgetId,\n  moveWidget,\n}: GapDropZoneManagerProps) => {\n  const [positions, setPositions] = React.useState<GapDropZonePosition[]>([]);\n\n  // Calculate widget rows\n  const widgetRows = React.useMemo(() => {\n    return calculateWidgetRows(filteredWidgets, columnWidths);\n  }, [filteredWidgets, columnWidths]);\n\n  // Main function to calculate GapDropZone positions\n  const calculateGapDropZonePositions = React.useCallback(() => {\n    const gapDropZones: GapDropZonePosition[] = [];\n\n    // Find which row the dragged widget is from\n    const draggedWidgetRow = draggedWidgetId\n      ? widgetRows.find((row) => row.widgets.some((widget) => widget.uid === draggedWidgetId))\n      : null;\n\n    widgetRows.forEach((row, rowIndex) => {\n      const rowInfo = getRowInfo(row);\n      if (!rowInfo) return;\n\n      const widgetCount = row.widgets.length;\n\n      // Determine if we should show vertical drop zones for this row\n      const isDraggingFromThisRow = draggedWidgetRow && draggedWidgetRow === row;\n      const isDraggingFromAnotherRow = draggedWidgetRow && draggedWidgetRow !== row;\n      const canAcceptMoreWidgets = widgetCount < 3;\n\n      const shouldShowVerticalDropZones =\n        isDraggingFromThisRow || (isDraggingFromAnotherRow && canAcceptMoreWidgets);\n\n      // Add vertical drop zones based on widget count\n      if (shouldShowVerticalDropZones) {\n        const verticalDropZones = addVerticalDropZones(row, rowInfo, rowIndex);\n        gapDropZones.push(...verticalDropZones);\n      }\n\n      // Add horizontal drop zones\n      const horizontalDropZones = addHorizontalDropZones(\n        row,\n        rowIndex,\n        rowInfo,\n        widgetRows,\n        filteredWidgets\n      );\n      gapDropZones.push(...horizontalDropZones);\n    });\n\n    return gapDropZones;\n  }, [widgetRows, draggedWidgetId, filteredWidgets]);\n\n  React.useLayoutEffect(() => {\n    const updatePositions = () => {\n      const newPositions = calculateGapDropZonePositions();\n      setPositions(newPositions);\n    };\n\n    updatePositions();\n\n    // Update positions on container resize using ResizeObserver\n    const containerElement = getWidgetGridContainer();\n    if (!containerElement) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      updatePositions();\n    });\n\n    resizeObserver.observe(containerElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [calculateGapDropZonePositions]);\n\n  return positions.map((gapDropZone) => (\n    <GapDropZone\n      key={`gap-drop-zone-${gapDropZone.type}-${gapDropZone.insertIndex}-${gapDropZone.targetRowIndex ?? 'no-row'}`}\n      insertIndex={gapDropZone.insertIndex}\n      position={gapDropZone.position}\n      isVisible={gapDropZone.isVisible}\n      type={gapDropZone.type}\n      moveWidget={moveWidget}\n      targetRowIndex={gapDropZone.targetRowIndex}\n    />\n  ));\n};\n\ninterface GapDropZoneProps {\n  insertIndex: number;\n  position: { left: number; top: number; height: number; width: number };\n  isVisible: boolean;\n  type: 'vertical' | 'horizontal';\n  moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;\n  targetRowIndex?: number;\n}\n\nconst GapDropZoneContainer = styled(Box)<{\n  $isOver: boolean;\n}>`\n  background-color: ${({ $isOver, theme }) =>\n    $isOver ? `${theme.colors.primary100}` : 'transparent'};\n  border: ${({ $isOver, theme }) =>\n    $isOver ? `2px solid ${theme.colors.primary500}` : '2px solid transparent'};\n  opacity: ${({ $isOver }) => ($isOver ? 1 : 0.6)};\n  transition: all 0.2s ease-in-out;\n  cursor: pointer;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: ${DROP_ZONE_SIZE}px;\n  z-index: 1;\n`;\n\nconst GapDropZone = ({\n  insertIndex,\n  position,\n  isVisible,\n  type,\n  moveWidget,\n  targetRowIndex,\n}: GapDropZoneProps) => {\n  const isHorizontalDrop = type === 'horizontal';\n\n  const [{ isOver }, drop] = useDrop(\n    () => ({\n      accept: 'widget',\n      drop: (item: { id: string }) => {\n        moveWidget(item.id, insertIndex, targetRowIndex, isHorizontalDrop);\n      },\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n      }),\n    }),\n    [insertIndex, isHorizontalDrop, moveWidget, targetRowIndex]\n  );\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <GapDropZoneContainer\n      ref={drop}\n      $isOver={isOver}\n      style={{\n        transform: `translate(${position.left}px, ${position.top}px)`,\n        height: `${position.height}px`,\n        width: `${position.width}px`,\n      }}\n    />\n  );\n};\n"],"names":["DROP_ZONE_SIZE","getRowInfo","row","firstWidgetElement","getWidgetElement","widgets","uid","lastWidgetElement","length","containerElement","getWidgetGridContainer","firstRect","getBoundingClientRect","lastRect","containerRect","rowHeight","Math","max","height","rowTop","top","addVerticalDropZones","rowInfo","rowIndex","widgetCount","widgetPositions","map","widget","element","rect","left","width","filter","pos","gapDropZones","push","insertIndex","startIndex","position","isVisible","type","targetRowIndex","slice","forEach","currentWidget","i","lastWidget","endIndex","addHorizontalDropZones","widgetRows","filteredWidgets","containerWidth","horizontalDropZoneHeight","firstRowRect","firstRowTop","isHorizontalDrop","nextRow","nextRowFirstWidgetElement","nextRowRect","nextRowTop","lastRowRect","lastRowBottom","bottom","GapDropZoneManager","columnWidths","draggedWidgetId","moveWidget","positions","setPositions","React","useState","useMemo","calculateWidgetRows","calculateGapDropZonePositions","useCallback","draggedWidgetRow","find","some","isDraggingFromThisRow","isDraggingFromAnotherRow","canAcceptMoreWidgets","shouldShowVerticalDropZones","verticalDropZones","horizontalDropZones","useLayoutEffect","updatePositions","newPositions","resizeObserver","ResizeObserver","observe","disconnect","gapDropZone","_jsx","GapDropZone","GapDropZoneContainer","styled","Box","$isOver","theme","colors","primary100","primary500","borderRadius","isOver","drop","useDrop","accept","item","id","collect","monitor","ref","style","transform"],"mappings":"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"}
+{"version":3,"file":"GapDropZone.js","sources":["../../../../../admin/src/components/GapDropZone.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\n// TODO: use @dnd-kit/core instead\nimport { useDrop } from 'react-dnd';\nimport { styled } from 'styled-components';\n\nimport {\n  calculateWidgetRows,\n  type WidgetRow,\n  getWidgetElement,\n  getWidgetGridContainer,\n} from '../utils/widgetLayout';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\n\nexport const DROP_ZONE_SIZE = 20;\n\nexport interface GapDropZonePosition {\n  insertIndex: number;\n  position: { left: number; top: number; height: number; width: number };\n  isVisible: boolean;\n  type: 'vertical' | 'horizontal';\n  isHorizontalDrop?: boolean;\n  targetRowIndex?: number;\n}\n\ninterface GapDropZoneManagerProps {\n  filteredWidgets: WidgetWithUID[];\n  columnWidths: Record<string, number>;\n  draggedWidgetId?: string;\n  moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;\n}\n\nconst getRowInfo = (row: WidgetRow) => {\n  const firstWidgetElement = getWidgetElement(row.widgets[0].uid);\n  const lastWidgetElement = getWidgetElement(row.widgets[row.widgets.length - 1].uid);\n  const containerElement = getWidgetGridContainer();\n\n  if (!firstWidgetElement || !lastWidgetElement || !containerElement) {\n    return null;\n  }\n\n  const firstRect = firstWidgetElement.getBoundingClientRect();\n  const lastRect = lastWidgetElement.getBoundingClientRect();\n  const containerRect = containerElement.getBoundingClientRect();\n\n  return {\n    firstWidgetElement,\n    lastWidgetElement,\n    containerElement,\n    firstRect,\n    lastRect,\n    containerRect,\n    rowHeight: Math.max(firstRect.height, lastRect.height),\n    rowTop: firstRect.top - containerRect.top,\n  };\n};\n\nexport const addVerticalDropZones = (\n  row: WidgetRow,\n  rowInfo: ReturnType<typeof getRowInfo>,\n  rowIndex: number\n): GapDropZonePosition[] => {\n  if (!rowInfo) return [];\n\n  const { containerRect, rowTop, rowHeight } = rowInfo;\n  const widgetCount = row.widgets.length;\n\n  // Get widget positions relative to container\n  const widgetPositions = row.widgets\n    .map((widget) => {\n      const element = getWidgetElement(widget.uid);\n      if (!element) return null;\n\n      const rect = element.getBoundingClientRect();\n      return {\n        left: rect.left - containerRect.left,\n        width: rect.width,\n      };\n    })\n    .filter((pos): pos is NonNullable<typeof pos> => pos !== null);\n\n  if (widgetPositions.length !== widgetCount) return [];\n\n  const gapDropZones: GapDropZonePosition[] = [];\n\n  // Always add drop zone before the first widget\n  gapDropZones.push({\n    insertIndex: row.startIndex,\n    position: {\n      left: widgetPositions[0].left - DROP_ZONE_SIZE,\n      top: rowTop,\n      height: rowHeight,\n      width: DROP_ZONE_SIZE,\n    },\n    isVisible: true,\n    type: 'vertical',\n    targetRowIndex: rowIndex,\n  });\n\n  // Add drop zones between widgets\n  widgetPositions.slice(0, -1).forEach((currentWidget, i) => {\n    gapDropZones.push({\n      insertIndex: row.startIndex + i + 1,\n      position: {\n        left: currentWidget.left + currentWidget.width,\n        top: rowTop,\n        height: rowHeight,\n        width: DROP_ZONE_SIZE,\n      },\n      isVisible: true,\n      type: 'vertical',\n      targetRowIndex: rowIndex,\n    });\n  });\n\n  // Always add drop zone after the last widget\n  const lastWidget = widgetPositions[widgetCount - 1];\n  gapDropZones.push({\n    insertIndex: row.endIndex + 1,\n    position: {\n      left: lastWidget.left + lastWidget.width,\n      top: rowTop,\n      height: rowHeight,\n      width: DROP_ZONE_SIZE,\n    },\n    isVisible: true,\n    type: 'vertical',\n    targetRowIndex: rowIndex,\n  });\n\n  return gapDropZones;\n};\n\nexport const addHorizontalDropZones = (\n  row: WidgetRow,\n  rowIndex: number,\n  rowInfo: ReturnType<typeof getRowInfo>,\n  widgetRows: WidgetRow[],\n  filteredWidgets: WidgetWithUID[]\n): GapDropZonePosition[] => {\n  if (!rowInfo) return [];\n\n  // Don't show horizontal drop zones if there's only one row with one widget\n  if (widgetRows.length === 1 && row.widgets.length === 1) return [];\n\n  const { containerRect } = rowInfo;\n  const containerWidth = containerRect.width;\n  const horizontalDropZoneHeight = DROP_ZONE_SIZE;\n\n  const gapDropZones: GapDropZonePosition[] = [];\n\n  // Add horizontal drop zone above the first row\n  if (rowIndex === 0) {\n    const firstRowRect = rowInfo.firstRect;\n    const firstRowTop = firstRowRect.top - containerRect.top;\n\n    gapDropZones.push({\n      insertIndex: 0,\n      position: {\n        left: 0,\n        top: firstRowTop - horizontalDropZoneHeight,\n        height: horizontalDropZoneHeight,\n        width: containerWidth,\n      },\n      isVisible: true,\n      type: 'horizontal',\n      isHorizontalDrop: true,\n    });\n  }\n\n  // Add horizontal drop zone below the current row (between rows or after last row)\n  if (rowIndex < widgetRows.length - 1) {\n    // Between rows: position above the next row\n    const nextRow = widgetRows[rowIndex + 1];\n    const nextRowFirstWidgetElement = getWidgetElement(nextRow.widgets[0].uid);\n\n    if (nextRowFirstWidgetElement) {\n      const nextRowRect = nextRowFirstWidgetElement.getBoundingClientRect();\n      const nextRowTop = nextRowRect.top - containerRect.top;\n\n      gapDropZones.push({\n        insertIndex: row.endIndex + 1,\n        position: {\n          left: 0,\n          top: nextRowTop - horizontalDropZoneHeight,\n          height: horizontalDropZoneHeight,\n          width: containerWidth,\n        },\n        isVisible: true,\n        type: 'horizontal',\n        isHorizontalDrop: true,\n      });\n    }\n  } else {\n    // After the last row: position below the current row\n    const lastRowRect = rowInfo.lastRect;\n    const lastRowBottom = lastRowRect.bottom - containerRect.top;\n\n    gapDropZones.push({\n      insertIndex: filteredWidgets.length,\n      position: {\n        left: 0,\n        top: lastRowBottom,\n        height: horizontalDropZoneHeight,\n        width: containerWidth,\n      },\n      isVisible: true,\n      type: 'horizontal',\n      isHorizontalDrop: true,\n    });\n  }\n\n  return gapDropZones;\n};\n\nexport const GapDropZoneManager = ({\n  filteredWidgets,\n  columnWidths,\n  draggedWidgetId,\n  moveWidget,\n}: GapDropZoneManagerProps) => {\n  const [positions, setPositions] = React.useState<GapDropZonePosition[]>([]);\n\n  // Calculate widget rows\n  const widgetRows = React.useMemo(() => {\n    return calculateWidgetRows(filteredWidgets, columnWidths);\n  }, [filteredWidgets, columnWidths]);\n\n  // Main function to calculate GapDropZone positions\n  const calculateGapDropZonePositions = React.useCallback(() => {\n    const gapDropZones: GapDropZonePosition[] = [];\n\n    // Find which row the dragged widget is from\n    const draggedWidgetRow = draggedWidgetId\n      ? widgetRows.find((row) => row.widgets.some((widget) => widget.uid === draggedWidgetId))\n      : null;\n\n    widgetRows.forEach((row, rowIndex) => {\n      const rowInfo = getRowInfo(row);\n      if (!rowInfo) return;\n\n      const widgetCount = row.widgets.length;\n\n      // Determine if we should show vertical drop zones for this row\n      const isDraggingFromThisRow = draggedWidgetRow && draggedWidgetRow === row;\n      const isDraggingFromAnotherRow = draggedWidgetRow && draggedWidgetRow !== row;\n      const canAcceptMoreWidgets = widgetCount < 3;\n\n      const shouldShowVerticalDropZones =\n        isDraggingFromThisRow || (isDraggingFromAnotherRow && canAcceptMoreWidgets);\n\n      // Add vertical drop zones based on widget count\n      if (shouldShowVerticalDropZones) {\n        const verticalDropZones = addVerticalDropZones(row, rowInfo, rowIndex);\n        gapDropZones.push(...verticalDropZones);\n      }\n\n      // Add horizontal drop zones\n      const horizontalDropZones = addHorizontalDropZones(\n        row,\n        rowIndex,\n        rowInfo,\n        widgetRows,\n        filteredWidgets\n      );\n      gapDropZones.push(...horizontalDropZones);\n    });\n\n    return gapDropZones;\n  }, [widgetRows, draggedWidgetId, filteredWidgets]);\n\n  React.useLayoutEffect(() => {\n    const updatePositions = () => {\n      const newPositions = calculateGapDropZonePositions();\n      setPositions(newPositions);\n    };\n\n    updatePositions();\n\n    // Update positions on container resize using ResizeObserver\n    const containerElement = getWidgetGridContainer();\n    if (!containerElement) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      updatePositions();\n    });\n\n    resizeObserver.observe(containerElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [calculateGapDropZonePositions]);\n\n  return positions.map((gapDropZone) => (\n    <GapDropZone\n      key={`gap-drop-zone-${gapDropZone.type}-${gapDropZone.insertIndex}-${gapDropZone.targetRowIndex ?? 'no-row'}`}\n      insertIndex={gapDropZone.insertIndex}\n      position={gapDropZone.position}\n      isVisible={gapDropZone.isVisible}\n      type={gapDropZone.type}\n      moveWidget={moveWidget}\n      targetRowIndex={gapDropZone.targetRowIndex}\n    />\n  ));\n};\n\ninterface GapDropZoneProps {\n  insertIndex: number;\n  position: { left: number; top: number; height: number; width: number };\n  isVisible: boolean;\n  type: 'vertical' | 'horizontal';\n  moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;\n  targetRowIndex?: number;\n}\n\nconst GapDropZoneContainer = styled(Box)<{\n  $isOver: boolean;\n}>`\n  background-color: ${({ $isOver, theme }) =>\n    $isOver ? `${theme.colors.primary100}` : 'transparent'};\n  border: ${({ $isOver, theme }) =>\n    $isOver ? `2px solid ${theme.colors.primary500}` : '2px solid transparent'};\n  opacity: ${({ $isOver }) => ($isOver ? 1 : 0.6)};\n  transition: all 0.2s ease-in-out;\n  cursor: pointer;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: ${DROP_ZONE_SIZE}px;\n  z-index: 1;\n`;\n\nconst GapDropZone = ({\n  insertIndex,\n  position,\n  isVisible,\n  type,\n  moveWidget,\n  targetRowIndex,\n}: GapDropZoneProps) => {\n  const isHorizontalDrop = type === 'horizontal';\n\n  const [{ isOver }, drop] = useDrop(\n    () => ({\n      accept: 'widget',\n      drop: (item: { id: string }) => {\n        moveWidget(item.id, insertIndex, targetRowIndex, isHorizontalDrop);\n      },\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n      }),\n    }),\n    [insertIndex, isHorizontalDrop, moveWidget, targetRowIndex]\n  );\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <GapDropZoneContainer\n      ref={drop}\n      $isOver={isOver}\n      style={{\n        transform: `translate(${position.left}px, ${position.top}px)`,\n        height: `${position.height}px`,\n        width: `${position.width}px`,\n      }}\n    />\n  );\n};\n"],"names":["DROP_ZONE_SIZE","getRowInfo","row","firstWidgetElement","getWidgetElement","widgets","uid","lastWidgetElement","length","containerElement","getWidgetGridContainer","firstRect","getBoundingClientRect","lastRect","containerRect","rowHeight","Math","max","height","rowTop","top","addVerticalDropZones","rowInfo","rowIndex","widgetCount","widgetPositions","map","widget","element","rect","left","width","filter","pos","gapDropZones","push","insertIndex","startIndex","position","isVisible","type","targetRowIndex","slice","forEach","currentWidget","i","lastWidget","endIndex","addHorizontalDropZones","widgetRows","filteredWidgets","containerWidth","horizontalDropZoneHeight","firstRowRect","firstRowTop","isHorizontalDrop","nextRow","nextRowFirstWidgetElement","nextRowRect","nextRowTop","lastRowRect","lastRowBottom","bottom","GapDropZoneManager","columnWidths","draggedWidgetId","moveWidget","positions","setPositions","React","useState","useMemo","calculateWidgetRows","calculateGapDropZonePositions","useCallback","draggedWidgetRow","find","some","isDraggingFromThisRow","isDraggingFromAnotherRow","canAcceptMoreWidgets","shouldShowVerticalDropZones","verticalDropZones","horizontalDropZones","useLayoutEffect","updatePositions","newPositions","resizeObserver","ResizeObserver","observe","disconnect","gapDropZone","_jsx","GapDropZone","GapDropZoneContainer","styled","Box","$isOver","theme","colors","primary100","primary500","borderRadius","isOver","drop","useDrop","accept","item","id","collect","monitor","ref","style","transform"],"mappings":"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"}

package/dist/admin/admin/src/components/GradientBadge.js

@@ -3,9 +3,9 @@
 var jsxRuntime = require('react/jsx-runtime');
 var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
-var styled = require('styled-components');
+var styledComponents = require('styled-components');
 
-const GradientBadge = styled.styled(designSystem.Badge)`
+const GradientBadge = styledComponents.styled(designSystem.Badge)`
   width: 100%;
   background: linear-gradient(
     90deg,
@@ -21,7 +21,7 @@ const GradientBadge = styled.styled(designSystem.Badge)`
     padding: 0.4rem 1rem;
   }
 `;
-const CustomText = styled.styled(designSystem.Typography)`
+const CustomText = styledComponents.styled(designSystem.Typography)`
   font-size: 1.2rem;
 
   ${({ theme })=>theme.breakpoints.small} {

package/dist/admin/admin/src/components/GradientBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"GradientBadge.js","sources":["../../../../../admin/src/components/GradientBadge.tsx"],"sourcesContent":["import { Badge, Flex, Typography } from '@strapi/design-system';\nimport { Lightning } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\nconst GradientBadge = styled(Badge)`\n  width: 100%;\n  background: linear-gradient(\n    90deg,\n    ${({ theme }) => theme.colors.primary600} 0%,\n    ${({ theme }) => theme.colors.alternative600} 121.48%\n  );\n  padding: 1.1rem 1rem;\n\n  ${({ theme }) => theme.breakpoints.small} {\n    padding: 1.2rem 1rem;\n  }\n  ${({ theme }) => theme.breakpoints.medium} {\n    padding: 0.4rem 1rem;\n  }\n`;\n\nconst CustomText = styled(Typography)`\n  font-size: 1.2rem;\n\n  ${({ theme }) => theme.breakpoints.small} {\n    font-size: 1.4rem;\n    line-height: 1.6rem;\n  }\n`;\n\nconst GradientBadgeWithIcon = ({ label }: { label: string }) => {\n  return (\n    <GradientBadge>\n      <Flex gap={1} alignItems=\"center\">\n        <Lightning width={16} height={16} fill=\"neutral0\" />\n        <CustomText textColor=\"neutral0\">{label}</CustomText>\n      </Flex>\n    </GradientBadge>\n  );\n};\n\nexport { GradientBadgeWithIcon as GradientBadge };\n"],"names":["GradientBadge","styled","Badge","theme","colors","primary600","alternative600","breakpoints","small","medium","CustomText","Typography","GradientBadgeWithIcon","label","_jsx","_jsxs","Flex","gap","alignItems","Lightning","width","height","fill","textColor"],"mappings":";;;;;;;AAIA,MAAMA,aAAAA,GAAgBC,aAAAA,CAAOC,kBAAAA,CAAM;;;;IAI/B,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;IACzC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACE,cAAc,CAAC;;;;EAI/C,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAAA,CAAMI,WAAW,CAACC,KAAK,CAAC;;;EAGzC,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMI,WAAW,CAACE,MAAM,CAAC;;;AAG5C,CAAC;AAED,MAAMC,UAAAA,GAAaT,aAAAA,CAAOU,uBAAAA,CAAW;;;EAGnC,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMI,WAAW,CAACC,KAAK,CAAC;;;;AAI3C,CAAC;AAED,MAAMI,qBAAAA,GAAwB,CAAC,EAAEC,KAAK,EAAqB,GAAA;AACzD,IAAA,qBACEC,cAAA,CAACd,aAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAe,eAAA,CAACC,iBAAAA,EAAAA;YAAKC,GAAAA,EAAK,CAAA;YAAGC,UAAAA,EAAW,QAAA;;8BACvBJ,cAAA,CAACK,eAAAA,EAAAA;oBAAUC,KAAAA,EAAO,EAAA;oBAAIC,MAAAA,EAAQ,EAAA;oBAAIC,IAAAA,EAAK;;8BACvCR,cAAA,CAACJ,UAAAA,EAAAA;oBAAWa,SAAAA,EAAU,UAAA;AAAYV,oBAAAA,QAAAA,EAAAA;;;;;AAI1C;;;;"}
+{"version":3,"file":"GradientBadge.js","sources":["../../../../../admin/src/components/GradientBadge.tsx"],"sourcesContent":["import { Badge, Flex, Typography } from '@strapi/design-system';\nimport { Lightning } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\nconst GradientBadge = styled(Badge)`\n  width: 100%;\n  background: linear-gradient(\n    90deg,\n    ${({ theme }) => theme.colors.primary600} 0%,\n    ${({ theme }) => theme.colors.alternative600} 121.48%\n  );\n  padding: 1.1rem 1rem;\n\n  ${({ theme }) => theme.breakpoints.small} {\n    padding: 1.2rem 1rem;\n  }\n  ${({ theme }) => theme.breakpoints.medium} {\n    padding: 0.4rem 1rem;\n  }\n`;\n\nconst CustomText = styled(Typography)`\n  font-size: 1.2rem;\n\n  ${({ theme }) => theme.breakpoints.small} {\n    font-size: 1.4rem;\n    line-height: 1.6rem;\n  }\n`;\n\nconst GradientBadgeWithIcon = ({ label }: { label: string }) => {\n  return (\n    <GradientBadge>\n      <Flex gap={1} alignItems=\"center\">\n        <Lightning width={16} height={16} fill=\"neutral0\" />\n        <CustomText textColor=\"neutral0\">{label}</CustomText>\n      </Flex>\n    </GradientBadge>\n  );\n};\n\nexport { GradientBadgeWithIcon as GradientBadge };\n"],"names":["GradientBadge","styled","Badge","theme","colors","primary600","alternative600","breakpoints","small","medium","CustomText","Typography","GradientBadgeWithIcon","label","_jsx","_jsxs","Flex","gap","alignItems","Lightning","width","height","fill","textColor"],"mappings":";;;;;;;AAIA,MAAMA,aAAAA,GAAgBC,uBAAAA,CAAOC,kBAAAA,CAAM;;;;IAI/B,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;IACzC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACE,cAAc,CAAC;;;;EAI/C,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAAA,CAAMI,WAAW,CAACC,KAAK,CAAC;;;EAGzC,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMI,WAAW,CAACE,MAAM,CAAC;;;AAG5C,CAAC;AAED,MAAMC,UAAAA,GAAaT,uBAAAA,CAAOU,uBAAAA,CAAW;;;EAGnC,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMI,WAAW,CAACC,KAAK,CAAC;;;;AAI3C,CAAC;AAED,MAAMI,qBAAAA,GAAwB,CAAC,EAAEC,KAAK,EAAqB,GAAA;AACzD,IAAA,qBACEC,cAAA,CAACd,aAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAe,eAAA,CAACC,iBAAAA,EAAAA;YAAKC,GAAAA,EAAK,CAAA;YAAGC,UAAAA,EAAW,QAAA;;8BACvBJ,cAAA,CAACK,eAAAA,EAAAA;oBAAUC,KAAAA,EAAO,EAAA;oBAAIC,MAAAA,EAAQ,EAAA;oBAAIC,IAAAA,EAAK;;8BACvCR,cAAA,CAACJ,UAAAA,EAAAA;oBAAWa,SAAAA,EAAU,UAAA;AAAYV,oBAAAA,QAAAA,EAAAA;;;;;AAI1C;;;;"}