@strapi/content-manager 5.61.1 → 5.62.0

package/dist/admin/pages/EditView/components/FormInputs/DynamicZone/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  createContext,\n  InputProps,\n  useField,\n  useForm,\n  useNotification,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, VisuallyHidden } from '@strapi/design-system';\nimport flow from 'lodash/flow';\nimport { useIntl } from 'react-intl';\n\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';\nimport { usePrev } from '../../../../../hooks/usePrev';\nimport { getTranslation } from '../../../../../utils/translations';\nimport { transformDocument } from '../../../utils/data';\nimport { createDefaultForm } from '../../../utils/forms';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport { AddComponentButton } from './AddComponentButton';\nimport { ComponentPicker } from './ComponentPicker';\nimport { DynamicComponent, DynamicComponentProps } from './DynamicComponent';\nimport { DynamicZoneLabel, DynamicZoneLabelProps } from './DynamicZoneLabel';\n\nimport type { InputRendererProps } from '../../InputRenderer';\nimport type { Schema } from '@strapi/types';\n\ninterface DynamicZoneContextValue {\n  isInDynamicZone: boolean;\n}\n\nconst [DynamicZoneProvider, useDynamicZone] = createContext<DynamicZoneContextValue>(\n  'DynamicZone',\n  {\n    isInDynamicZone: false,\n  }\n);\n\ninterface DynamicZoneProps\n  extends\n    Omit<Extract<EditFieldLayout, { type: 'dynamiczone' }>, 'size' | 'hint'>,\n    Pick<InputProps, 'hint'>,\n    Pick<DynamicZoneLabelProps, 'labelAction'> {\n  children?: (props: InputRendererProps) => React.ReactNode;\n}\n\nconst DynamicZone = ({\n  attribute,\n  disabled: disabledProp,\n  hint,\n  label,\n  labelAction,\n  name,\n  required = false,\n  children,\n}: DynamicZoneProps) => {\n  // We cannot use the default props here\n  const { max = Infinity, min = -Infinity } = attribute ?? {};\n\n  const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);\n  const [liveText, setLiveText] = React.useState('');\n  const [openComponentKey, setOpenComponentKey] = React.useState<string | null>(null);\n\n  const {\n    currentDocument: { components, isLoading },\n  } = useDocumentContext('DynamicZone');\n\n  const disabled = disabledProp || isLoading;\n  const addFieldRow = useForm('DynamicZone', (state) => state.addFieldRow);\n  const removeFieldRow = useForm('DynamicZone', (state) => state.removeFieldRow);\n  const moveFieldRow = useForm('DynamicZone', (state) => state.moveFieldRow);\n\n  type DzWithTempKey =\n    Schema.Attribute.GetDynamicZoneValue<Schema.Attribute.DynamicZone>[number] & {\n      __temp_key__: string;\n    };\n\n  const { value: rawValue, error } = useField<Array<DzWithTempKey>>(name);\n  // `value` can be `null` (for example after closing a relation modal). Match\n  // RepeatableComponent: only accept arrays, otherwise treat as empty. (#26815)\n  const value = React.useMemo(() => (Array.isArray(rawValue) ? rawValue : []), [rawValue]);\n\n  /**\n   * Track the previous value array to detect when a new component is added.\n   * When the array grows, we find the newly added item and force its accordion open.\n   * This mirrors the same pattern used in RepeatableComponent.\n   */\n  const prevValue = usePrev(value);\n\n  React.useEffect(() => {\n    if (prevValue && prevValue.length < value.length) {\n      const prevKeys = new Set(prevValue.map((v) => v.__temp_key__));\n      const newItem = value.find((v) => !prevKeys.has(v.__temp_key__));\n      if (newItem) {\n        setOpenComponentKey(newItem.__temp_key__);\n      }\n    } else if (openComponentKey !== null) {\n      // Component was removed before forceOpen was handled — clear stale key\n      const currentKeys = new Set(value.map((v) => v.__temp_key__));\n      if (!currentKeys.has(openComponentKey)) {\n        setOpenComponentKey(null);\n      }\n    }\n  }, [value, prevValue, openComponentKey]);\n\n  const handleForceOpenHandled = React.useCallback(() => {\n    setOpenComponentKey(null);\n  }, []);\n\n  const dynamicComponentsByCategory = React.useMemo(() => {\n    return attribute.components.reduce<\n      NonNullable<DynamicComponentProps['dynamicComponentsByCategory']>\n    >((acc, componentUid) => {\n      const componentSchema = components[componentUid];\n\n      if (!componentSchema) {\n        return acc;\n      }\n\n      const { category, info } = componentSchema;\n\n      const component = {\n        uid: componentUid,\n        displayName: info.displayName,\n        icon: info.icon,\n        preview: info.preview,\n      };\n\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n\n      acc[category] = [...acc[category], component];\n\n      return acc;\n    }, {});\n  }, [attribute.components, components]);\n\n  const { formatMessage } = useIntl();\n\n  const { toggleNotification } = useNotification();\n\n  const dynamicDisplayedComponentsLength = value.length;\n\n  const handleAddComponent = React.useCallback(\n    (uid: string, position?: number) => {\n      const schema = components[uid];\n\n      if (!schema) {\n        return;\n      }\n\n      setAddComponentIsOpen(false);\n\n      const form = createDefaultForm(schema, components);\n      const transformations = flow(transformDocument(schema, components), (data) => ({\n        ...data,\n        __component: uid,\n      }));\n\n      const data = transformations(form);\n\n      addFieldRow(name, data, position);\n    },\n    [addFieldRow, components, name]\n  );\n\n  const handleClickOpenPicker = () => {\n    if (dynamicDisplayedComponentsLength < max) {\n      setAddComponentIsOpen((prev) => !prev);\n    } else {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({\n          id: getTranslation('components.notification.info.maximum-requirement'),\n        }),\n      });\n    }\n  };\n\n  const handleMoveComponent = React.useCallback(\n    (newIndex: number, currentIndex: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.reorder'),\n            defaultMessage: '{item}, moved. New position in list: {position}.',\n          },\n          {\n            item: `${name}.${currentIndex}`,\n            position: `${newIndex + 1} of ${value.length}`,\n          }\n        )\n      );\n\n      moveFieldRow(name, currentIndex, newIndex);\n    },\n    [formatMessage, moveFieldRow, name, value.length]\n  );\n\n  const handleCancel = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.cancel-item'),\n            defaultMessage: '{item}, dropped. Re-order cancelled.',\n          },\n          {\n            item: `${name}.${index}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name]\n  );\n\n  const handleGrabItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.grab-item'),\n            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleDropItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.drop-item'),\n            defaultMessage: `{item}, dropped. Final position in list: {position}.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleRemoveComponent = React.useCallback(\n    (currentIndex: number) => {\n      removeFieldRow(name, currentIndex);\n    },\n    [name, removeFieldRow]\n  );\n\n  const hasError = error !== undefined;\n\n  const renderButtonLabel = () => {\n    if (addComponentIsOpen) {\n      return formatMessage({ id: 'app.utils.close-label', defaultMessage: 'Close' });\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength > max) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.extra-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # extra components} one {is # extra component} other {are # extra components}}',\n        },\n        {\n          number: dynamicDisplayedComponentsLength - max,\n        }\n      );\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength < min) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.missing-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}',\n        },\n        { number: min - dynamicDisplayedComponentsLength }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTranslation('components.DynamicZone.add-component'),\n        defaultMessage: 'Add a component to {componentName}',\n      },\n      { componentName: label || name }\n    );\n  };\n\n  const level = useComponent('DynamicZone', (state) => state.level);\n\n  const ariaDescriptionId = React.useId();\n\n  return (\n    <DynamicZoneProvider isInDynamicZone>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={{ initial: 4, medium: 6 }}>\n        {dynamicDisplayedComponentsLength > 0 && (\n          <Box>\n            <DynamicZoneLabel\n              hint={hint}\n              label={label}\n              labelAction={labelAction}\n              name={name}\n              numberOfComponents={dynamicDisplayedComponentsLength}\n              required={required}\n            />\n            <VisuallyHidden id={ariaDescriptionId}>\n              {formatMessage({\n                id: getTranslation('dnd.instructions'),\n                defaultMessage: `Press spacebar to grab and re-order`,\n              })}\n            </VisuallyHidden>\n            <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\n            <ol aria-describedby={ariaDescriptionId}>\n              {value.map((field, index) => (\n                <ComponentProvider\n                  key={field.__temp_key__}\n                  level={level + 1}\n                  uid={field.__component}\n                  // id is always a number in a dynamic zone.\n                  id={field.id as number}\n                  type=\"dynamiczone\"\n                >\n                  <DynamicComponent\n                    disabled={disabled}\n                    name={name}\n                    index={index}\n                    componentUid={field.__component}\n                    onMoveComponent={handleMoveComponent}\n                    onRemoveComponentClick={handleRemoveComponent}\n                    onCancel={handleCancel}\n                    onDropItem={handleDropItem}\n                    onGrabItem={handleGrabItem}\n                    onAddComponent={handleAddComponent}\n                    dynamicComponentsByCategory={dynamicComponentsByCategory}\n                    totalLength={dynamicDisplayedComponentsLength}\n                    forceOpen={openComponentKey === field.__temp_key__}\n                    onForceOpenHandled={handleForceOpenHandled}\n                  >\n                    {children}\n                  </DynamicComponent>\n                </ComponentProvider>\n              ))}\n            </ol>\n          </Box>\n        )}\n        <Flex justifyContent=\"center\">\n          <AddComponentButton\n            hasError={hasError}\n            isDisabled={disabled}\n            isOpen={addComponentIsOpen}\n            onClick={handleClickOpenPicker}\n          >\n            {renderButtonLabel()}\n          </AddComponentButton>\n        </Flex>\n        <ComponentPicker\n          dynamicComponentsByCategory={dynamicComponentsByCategory}\n          isOpen={addComponentIsOpen}\n          onClickAddComponent={handleAddComponent}\n        />\n      </Flex>\n    </DynamicZoneProvider>\n  );\n};\n\nexport { DynamicZone, useDynamicZone };\nexport type { DynamicZoneProps };\n"],"names":["DynamicZoneProvider","useDynamicZone","createContext","isInDynamicZone","DynamicZone","attribute","disabled","disabledProp","hint","label","labelAction","name","required","children","max","Infinity","min","addComponentIsOpen","setAddComponentIsOpen","React","useState","liveText","setLiveText","openComponentKey","setOpenComponentKey","currentDocument","components","isLoading","useDocumentContext","addFieldRow","useForm","state","removeFieldRow","moveFieldRow","value","rawValue","error","useField","useMemo","Array","isArray","prevValue","usePrev","useEffect","length","prevKeys","Set","map","v","__temp_key__","newItem","find","has","currentKeys","handleForceOpenHandled","useCallback","dynamicComponentsByCategory","reduce","acc","componentUid","componentSchema","category","info","component","uid","displayName","icon","preview","formatMessage","useIntl","toggleNotification","useNotification","dynamicDisplayedComponentsLength","handleAddComponent","position","schema","form","createDefaultForm","transformations","flow","transformDocument","data","__component","handleClickOpenPicker","prev","type","message","id","getTranslation","handleMoveComponent","newIndex","currentIndex","defaultMessage","item","handleCancel","index","handleGrabItem","handleDropItem","handleRemoveComponent","hasError","undefined","renderButtonLabel","number","componentName","level","useComponent","ariaDescriptionId","useId","_jsx","_jsxs","Flex","direction","alignItems","gap","initial","medium","Box","DynamicZoneLabel","numberOfComponents","VisuallyHidden","aria-live","ol","aria-describedby","field","ComponentProvider","DynamicComponent","onMoveComponent","onRemoveComponentClick","onCancel","onDropItem","onGrabItem","onAddComponent","totalLength","forceOpen","onForceOpenHandled","justifyContent","AddComponentButton","isDisabled","isOpen","onClick","ComponentPicker","onClickAddComponent"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  createContext,\n  InputProps,\n  useField,\n  useForm,\n  useNotification,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, VisuallyHidden } from '@strapi/design-system';\nimport flow from 'lodash/flow';\nimport { useIntl } from 'react-intl';\n\nimport { COLLECTION_TYPES } from '../../../../../constants/collections';\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';\nimport { usePrev } from '../../../../../hooks/usePrev';\nimport { getTranslation } from '../../../../../utils/translations';\nimport { type AnyData, transformDocument } from '../../../utils/data';\nimport { createDefaultForm } from '../../../utils/forms';\nimport { ComponentCopyModal } from '../Component/ComponentCopyModal';\nimport { useCopiedComponents } from '../Component/CopiedComponents';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport { AddComponentButton } from './AddComponentButton';\nimport { ComponentPicker } from './ComponentPicker';\nimport { DynamicComponent, DynamicComponentProps } from './DynamicComponent';\nimport { DynamicZoneLabel, DynamicZoneLabelProps } from './DynamicZoneLabel';\n\nimport type { InputRendererProps } from '../../InputRenderer';\nimport type { Schema } from '@strapi/types';\n\ninterface DynamicZoneContextValue {\n  isInDynamicZone: boolean;\n}\n\nconst [DynamicZoneProvider, useDynamicZone] = createContext<DynamicZoneContextValue>(\n  'DynamicZone',\n  {\n    isInDynamicZone: false,\n  }\n);\n\ninterface DynamicZoneProps\n  extends\n    Omit<Extract<EditFieldLayout, { type: 'dynamiczone' }>, 'size' | 'hint'>,\n    Pick<InputProps, 'hint'>,\n    Pick<DynamicZoneLabelProps, 'labelAction'> {\n  children?: (props: InputRendererProps) => React.ReactNode;\n}\n\nconst DynamicZone = ({\n  attribute,\n  disabled: disabledProp,\n  hint,\n  label,\n  labelAction,\n  name,\n  required = false,\n  children,\n}: DynamicZoneProps) => {\n  // We cannot use the default props here\n  const { max = Infinity, min = -Infinity } = attribute ?? {};\n\n  const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);\n  const [componentUidToCopy, setComponentUidToCopy] = React.useState<string | null>(null);\n  const [liveText, setLiveText] = React.useState('');\n  const [openComponentKey, setOpenComponentKey] = React.useState<string | null>(null);\n  // The components copied from another entry are flagged until the form is saved.\n  const { isCopied, insertCopies } = useCopiedComponents(name);\n\n  const {\n    currentDocumentMeta,\n    currentDocument: { components, isLoading },\n  } = useDocumentContext('DynamicZone');\n  const canCopyFromExisting = currentDocumentMeta.collectionType === COLLECTION_TYPES;\n\n  const disabled = disabledProp || isLoading;\n  const addFieldRow = useForm('DynamicZone', (state) => state.addFieldRow);\n  const removeFieldRow = useForm('DynamicZone', (state) => state.removeFieldRow);\n  const moveFieldRow = useForm('DynamicZone', (state) => state.moveFieldRow);\n\n  type DzWithTempKey =\n    Schema.Attribute.GetDynamicZoneValue<Schema.Attribute.DynamicZone>[number] & {\n      __temp_key__: string;\n    };\n\n  const { value: rawValue, error } = useField<Array<DzWithTempKey>>(name);\n  // `value` can be `null` (for example after closing a relation modal). Match\n  // RepeatableComponent: only accept arrays, otherwise treat as empty. (#26815)\n  const value = React.useMemo(() => (Array.isArray(rawValue) ? rawValue : []), [rawValue]);\n\n  /**\n   * Track the previous value array to detect when a new component is added.\n   * When the array grows, we find the newly added item and force its accordion open.\n   * This mirrors the same pattern used in RepeatableComponent.\n   */\n  const prevValue = usePrev(value);\n\n  React.useEffect(() => {\n    if (prevValue && prevValue.length < value.length) {\n      const prevKeys = new Set(prevValue.map((v) => v.__temp_key__));\n      const newItems = value.filter((v) => !prevKeys.has(v.__temp_key__));\n\n      /**\n       * Copied components come in filled: they aren't scrolled into view. Like any new block\n       * they open expanded, see `DynamicComponent`.\n       */\n      if (newItems[0] && !newItems.every((item) => isCopied(item.__temp_key__))) {\n        setOpenComponentKey(newItems[0].__temp_key__);\n      }\n    } else if (openComponentKey !== null) {\n      // Component was removed before forceOpen was handled — clear stale key\n      const currentKeys = new Set(value.map((v) => v.__temp_key__));\n      if (!currentKeys.has(openComponentKey)) {\n        setOpenComponentKey(null);\n      }\n    }\n  }, [value, prevValue, openComponentKey, isCopied]);\n\n  const handleForceOpenHandled = React.useCallback(() => {\n    setOpenComponentKey(null);\n  }, []);\n\n  const dynamicComponentsByCategory = React.useMemo(() => {\n    return attribute.components.reduce<\n      NonNullable<DynamicComponentProps['dynamicComponentsByCategory']>\n    >((acc, componentUid) => {\n      const componentSchema = components[componentUid];\n\n      if (!componentSchema) {\n        return acc;\n      }\n\n      const { category, info } = componentSchema;\n\n      const component = {\n        uid: componentUid,\n        displayName: info.displayName,\n        icon: info.icon,\n        preview: info.preview,\n      };\n\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n\n      acc[category] = [...acc[category], component];\n\n      return acc;\n    }, {});\n  }, [attribute.components, components]);\n\n  const { formatMessage } = useIntl();\n\n  const { toggleNotification } = useNotification();\n\n  const dynamicDisplayedComponentsLength = value.length;\n\n  const handleAddComponent = React.useCallback(\n    (uid: string, position?: number) => {\n      const schema = components[uid];\n\n      if (!schema) {\n        return;\n      }\n\n      setAddComponentIsOpen(false);\n\n      const form = createDefaultForm(schema, components);\n      const transformations = flow(transformDocument(schema, components), (data) => ({\n        ...data,\n        __component: uid,\n      }));\n\n      const data = transformations(form);\n\n      addFieldRow(name, data, position);\n    },\n    [addFieldRow, components, name]\n  );\n\n  const handleCopyComponents = React.useCallback(\n    (items: AnyData[]) => {\n      // The modal doesn't let more items than there's room for be selected, this is a safety net.\n      if (dynamicDisplayedComponentsLength + items.length > max) {\n        toggleNotification({\n          type: 'info',\n          message: formatMessage({\n            id: getTranslation('components.notification.info.maximum-requirement'),\n            defaultMessage: 'You have already reached the maximum number of fields',\n          }),\n        });\n\n        return false;\n      }\n\n      setAddComponentIsOpen(false);\n      insertCopies(items);\n\n      return true;\n    },\n    [dynamicDisplayedComponentsLength, formatMessage, insertCopies, max, toggleNotification]\n  );\n\n  const handleClickOpenPicker = () => {\n    if (dynamicDisplayedComponentsLength < max) {\n      setAddComponentIsOpen((prev) => !prev);\n    } else {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({\n          id: getTranslation('components.notification.info.maximum-requirement'),\n        }),\n      });\n    }\n  };\n\n  const handleMoveComponent = React.useCallback(\n    (newIndex: number, currentIndex: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.reorder'),\n            defaultMessage: '{item}, moved. New position in list: {position}.',\n          },\n          {\n            item: `${name}.${currentIndex}`,\n            position: `${newIndex + 1} of ${value.length}`,\n          }\n        )\n      );\n\n      moveFieldRow(name, currentIndex, newIndex);\n    },\n    [formatMessage, moveFieldRow, name, value.length]\n  );\n\n  const handleCancel = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.cancel-item'),\n            defaultMessage: '{item}, dropped. Re-order cancelled.',\n          },\n          {\n            item: `${name}.${index}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name]\n  );\n\n  const handleGrabItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.grab-item'),\n            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleDropItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.drop-item'),\n            defaultMessage: `{item}, dropped. Final position in list: {position}.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleRemoveComponent = React.useCallback(\n    (currentIndex: number) => {\n      removeFieldRow(name, currentIndex);\n    },\n    [name, removeFieldRow]\n  );\n\n  const hasError = error !== undefined;\n\n  const renderButtonLabel = () => {\n    if (addComponentIsOpen) {\n      return formatMessage({ id: 'app.utils.close-label', defaultMessage: 'Close' });\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength > max) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.extra-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # extra components} one {is # extra component} other {are # extra components}}',\n        },\n        {\n          number: dynamicDisplayedComponentsLength - max,\n        }\n      );\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength < min) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.missing-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}',\n        },\n        { number: min - dynamicDisplayedComponentsLength }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTranslation('components.DynamicZone.add-component'),\n        defaultMessage: 'Add a component to {componentName}',\n      },\n      { componentName: label || name }\n    );\n  };\n\n  const level = useComponent('DynamicZone', (state) => state.level);\n\n  const ariaDescriptionId = React.useId();\n\n  return (\n    <DynamicZoneProvider isInDynamicZone>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={{ initial: 4, medium: 6 }}>\n        {dynamicDisplayedComponentsLength > 0 && (\n          <Box>\n            <DynamicZoneLabel\n              hint={hint}\n              label={label}\n              labelAction={labelAction}\n              name={name}\n              numberOfComponents={dynamicDisplayedComponentsLength}\n              required={required}\n            />\n            <VisuallyHidden id={ariaDescriptionId}>\n              {formatMessage({\n                id: getTranslation('dnd.instructions'),\n                defaultMessage: `Press spacebar to grab and re-order`,\n              })}\n            </VisuallyHidden>\n            <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\n            <ol aria-describedby={ariaDescriptionId}>\n              {value.map((field, index) => (\n                <ComponentProvider\n                  key={field.__temp_key__}\n                  level={level + 1}\n                  uid={field.__component}\n                  // id is always a number in a dynamic zone.\n                  id={field.id as number}\n                  type=\"dynamiczone\"\n                >\n                  <DynamicComponent\n                    disabled={disabled}\n                    name={name}\n                    index={index}\n                    componentUid={field.__component}\n                    onMoveComponent={handleMoveComponent}\n                    onRemoveComponentClick={handleRemoveComponent}\n                    onCancel={handleCancel}\n                    onDropItem={handleDropItem}\n                    onGrabItem={handleGrabItem}\n                    onAddComponent={handleAddComponent}\n                    dynamicComponentsByCategory={dynamicComponentsByCategory}\n                    totalLength={dynamicDisplayedComponentsLength}\n                    forceOpen={openComponentKey === field.__temp_key__}\n                    onForceOpenHandled={handleForceOpenHandled}\n                    isCopied={isCopied(field.__temp_key__)}\n                  >\n                    {children}\n                  </DynamicComponent>\n                </ComponentProvider>\n              ))}\n            </ol>\n          </Box>\n        )}\n        <Flex justifyContent=\"center\">\n          <AddComponentButton\n            hasError={hasError}\n            isDisabled={disabled}\n            isOpen={addComponentIsOpen}\n            onClick={handleClickOpenPicker}\n          >\n            {renderButtonLabel()}\n          </AddComponentButton>\n        </Flex>\n        <ComponentPicker\n          dynamicComponentsByCategory={dynamicComponentsByCategory}\n          isOpen={addComponentIsOpen}\n          onClickAddComponent={handleAddComponent}\n          onClickCopyComponent={canCopyFromExisting ? setComponentUidToCopy : undefined}\n        />\n        {componentUidToCopy && (\n          <ComponentCopyModal\n            componentUid={componentUidToCopy}\n            fieldLabel={formatMessage({\n              id: componentUidToCopy,\n              defaultMessage:\n                components[componentUidToCopy]?.info.displayName ?? componentUidToCopy,\n            })}\n            maxSelection={max - dynamicDisplayedComponentsLength}\n            mode=\"dynamiczone\"\n            onClose={() => setComponentUidToCopy(null)}\n            onInsert={handleCopyComponents}\n            selection=\"multiple\"\n            sourceFieldName={name}\n          />\n        )}\n      </Flex>\n    </DynamicZoneProvider>\n  );\n};\n\nexport { DynamicZone, useDynamicZone };\nexport type { DynamicZoneProps };\n"],"names":["DynamicZoneProvider","useDynamicZone","createContext","isInDynamicZone","DynamicZone","attribute","disabled","disabledProp","hint","label","labelAction","name","required","children","max","Infinity","min","addComponentIsOpen","setAddComponentIsOpen","React","useState","componentUidToCopy","setComponentUidToCopy","liveText","setLiveText","openComponentKey","setOpenComponentKey","isCopied","insertCopies","useCopiedComponents","currentDocumentMeta","currentDocument","components","isLoading","useDocumentContext","canCopyFromExisting","collectionType","COLLECTION_TYPES","addFieldRow","useForm","state","removeFieldRow","moveFieldRow","value","rawValue","error","useField","useMemo","Array","isArray","prevValue","usePrev","useEffect","length","prevKeys","Set","map","v","__temp_key__","newItems","filter","has","every","item","currentKeys","handleForceOpenHandled","useCallback","dynamicComponentsByCategory","reduce","acc","componentUid","componentSchema","category","info","component","uid","displayName","icon","preview","formatMessage","useIntl","toggleNotification","useNotification","dynamicDisplayedComponentsLength","handleAddComponent","position","schema","form","createDefaultForm","transformations","flow","transformDocument","data","__component","handleCopyComponents","items","type","message","id","getTranslation","defaultMessage","handleClickOpenPicker","prev","handleMoveComponent","newIndex","currentIndex","handleCancel","index","handleGrabItem","handleDropItem","handleRemoveComponent","hasError","undefined","renderButtonLabel","number","componentName","level","useComponent","ariaDescriptionId","useId","_jsx","_jsxs","Flex","direction","alignItems","gap","initial","medium","Box","DynamicZoneLabel","numberOfComponents","VisuallyHidden","aria-live","ol","aria-describedby","field","ComponentProvider","DynamicComponent","onMoveComponent","onRemoveComponentClick","onCancel","onDropItem","onGrabItem","onAddComponent","totalLength","forceOpen","onForceOpenHandled","justifyContent","AddComponentButton","isDisabled","isOpen","onClick","ComponentPicker","onClickAddComponent","onClickCopyComponent","ComponentCopyModal","fieldLabel","maxSelection","mode","onClose","onInsert","selection","sourceFieldName"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/DynamicZone/Field.mjs

@@ -4,11 +4,14 @@ import { createContext, useForm, useField, useNotification } from '@strapi/admin
 import { Flex, Box, VisuallyHidden } from '@strapi/design-system';
 import flow from 'lodash/flow';
 import { useIntl } from 'react-intl';
+import { COLLECTION_TYPES } from '../../../../../constants/collections.mjs';
 import { useDocumentContext } from '../../../../../hooks/useDocumentContext.mjs';
 import { usePrev } from '../../../../../hooks/usePrev.mjs';
 import { getTranslation } from '../../../../../utils/translations.mjs';
 import { transformDocument } from '../../../utils/data.mjs';
 import { createDefaultForm } from '../../../utils/forms.mjs';
+import { ComponentCopyModal } from '../Component/ComponentCopyModal.mjs';
+import { useCopiedComponents } from '../Component/CopiedComponents.mjs';
 import { useComponent, ComponentProvider } from '../ComponentContext.mjs';
 import { AddComponentButton } from './AddComponentButton.mjs';
 import { ComponentPicker } from './ComponentPicker.mjs';
@@ -22,9 +25,13 @@ const DynamicZone = ({ attribute, disabled: disabledProp, hint, label, labelActi
     // We cannot use the default props here
     const { max = Infinity, min = -Infinity } = attribute ?? {};
     const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);
+    const [componentUidToCopy, setComponentUidToCopy] = React.useState(null);
     const [liveText, setLiveText] = React.useState('');
     const [openComponentKey, setOpenComponentKey] = React.useState(null);
-    const { currentDocument: { components, isLoading } } = useDocumentContext('DynamicZone');
+    // The components copied from another entry are flagged until the form is saved.
+    const { isCopied, insertCopies } = useCopiedComponents(name);
+    const { currentDocumentMeta, currentDocument: { components, isLoading } } = useDocumentContext('DynamicZone');
+    const canCopyFromExisting = currentDocumentMeta.collectionType === COLLECTION_TYPES;
     const disabled = disabledProp || isLoading;
     const addFieldRow = useForm('DynamicZone', (state)=>state.addFieldRow);
     const removeFieldRow = useForm('DynamicZone', (state)=>state.removeFieldRow);
@@ -43,9 +50,12 @@ const DynamicZone = ({ attribute, disabled: disabledProp, hint, label, labelActi
     React.useEffect(()=>{
         if (prevValue && prevValue.length < value.length) {
             const prevKeys = new Set(prevValue.map((v)=>v.__temp_key__));
-            const newItem = value.find((v)=>!prevKeys.has(v.__temp_key__));
-            if (newItem) {
-                setOpenComponentKey(newItem.__temp_key__);
+            const newItems = value.filter((v)=>!prevKeys.has(v.__temp_key__));
+            /**
+       * Copied components come in filled: they aren't scrolled into view. Like any new block
+       * they open expanded, see `DynamicComponent`.
+       */ if (newItems[0] && !newItems.every((item)=>isCopied(item.__temp_key__))) {
+                setOpenComponentKey(newItems[0].__temp_key__);
             }
         } else if (openComponentKey !== null) {
             // Component was removed before forceOpen was handled — clear stale key
@@ -57,7 +67,8 @@ const DynamicZone = ({ attribute, disabled: disabledProp, hint, label, labelActi
     }, [
         value,
         prevValue,
-        openComponentKey
+        openComponentKey,
+        isCopied
     ]);
     const handleForceOpenHandled = React.useCallback(()=>{
         setOpenComponentKey(null);
@@ -109,6 +120,28 @@ const DynamicZone = ({ attribute, disabled: disabledProp, hint, label, labelActi
         components,
         name
     ]);
+    const handleCopyComponents = React.useCallback((items)=>{
+        // The modal doesn't let more items than there's room for be selected, this is a safety net.
+        if (dynamicDisplayedComponentsLength + items.length > max) {
+            toggleNotification({
+                type: 'info',
+                message: formatMessage({
+                    id: getTranslation('components.notification.info.maximum-requirement'),
+                    defaultMessage: 'You have already reached the maximum number of fields'
+                })
+            });
+            return false;
+        }
+        setAddComponentIsOpen(false);
+        insertCopies(items);
+        return true;
+    }, [
+        dynamicDisplayedComponentsLength,
+        formatMessage,
+        insertCopies,
+        max,
+        toggleNotification
+    ]);
     const handleClickOpenPicker = ()=>{
         if (dynamicDisplayedComponentsLength < max) {
             setAddComponentIsOpen((prev)=>!prev);
@@ -266,6 +299,7 @@ const DynamicZone = ({ attribute, disabled: disabledProp, hint, label, labelActi
                                         totalLength: dynamicDisplayedComponentsLength,
                                         forceOpen: openComponentKey === field.__temp_key__,
                                         onForceOpenHandled: handleForceOpenHandled,
+                                        isCopied: isCopied(field.__temp_key__),
                                         children: children
                                     })
                                 }, field.__temp_key__))
@@ -285,7 +319,21 @@ const DynamicZone = ({ attribute, disabled: disabledProp, hint, label, labelActi
                 /*#__PURE__*/ jsx(ComponentPicker, {
                     dynamicComponentsByCategory: dynamicComponentsByCategory,
                     isOpen: addComponentIsOpen,
-                    onClickAddComponent: handleAddComponent
+                    onClickAddComponent: handleAddComponent,
+                    onClickCopyComponent: canCopyFromExisting ? setComponentUidToCopy : undefined
+                }),
+                componentUidToCopy && /*#__PURE__*/ jsx(ComponentCopyModal, {
+                    componentUid: componentUidToCopy,
+                    fieldLabel: formatMessage({
+                        id: componentUidToCopy,
+                        defaultMessage: components[componentUidToCopy]?.info.displayName ?? componentUidToCopy
+                    }),
+                    maxSelection: max - dynamicDisplayedComponentsLength,
+                    mode: "dynamiczone",
+                    onClose: ()=>setComponentUidToCopy(null),
+                    onInsert: handleCopyComponents,
+                    selection: "multiple",
+                    sourceFieldName: name
                 })
             ]
         })

package/dist/admin/pages/EditView/components/FormInputs/DynamicZone/Field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  createContext,\n  InputProps,\n  useField,\n  useForm,\n  useNotification,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, VisuallyHidden } from '@strapi/design-system';\nimport flow from 'lodash/flow';\nimport { useIntl } from 'react-intl';\n\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';\nimport { usePrev } from '../../../../../hooks/usePrev';\nimport { getTranslation } from '../../../../../utils/translations';\nimport { transformDocument } from '../../../utils/data';\nimport { createDefaultForm } from '../../../utils/forms';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport { AddComponentButton } from './AddComponentButton';\nimport { ComponentPicker } from './ComponentPicker';\nimport { DynamicComponent, DynamicComponentProps } from './DynamicComponent';\nimport { DynamicZoneLabel, DynamicZoneLabelProps } from './DynamicZoneLabel';\n\nimport type { InputRendererProps } from '../../InputRenderer';\nimport type { Schema } from '@strapi/types';\n\ninterface DynamicZoneContextValue {\n  isInDynamicZone: boolean;\n}\n\nconst [DynamicZoneProvider, useDynamicZone] = createContext<DynamicZoneContextValue>(\n  'DynamicZone',\n  {\n    isInDynamicZone: false,\n  }\n);\n\ninterface DynamicZoneProps\n  extends\n    Omit<Extract<EditFieldLayout, { type: 'dynamiczone' }>, 'size' | 'hint'>,\n    Pick<InputProps, 'hint'>,\n    Pick<DynamicZoneLabelProps, 'labelAction'> {\n  children?: (props: InputRendererProps) => React.ReactNode;\n}\n\nconst DynamicZone = ({\n  attribute,\n  disabled: disabledProp,\n  hint,\n  label,\n  labelAction,\n  name,\n  required = false,\n  children,\n}: DynamicZoneProps) => {\n  // We cannot use the default props here\n  const { max = Infinity, min = -Infinity } = attribute ?? {};\n\n  const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);\n  const [liveText, setLiveText] = React.useState('');\n  const [openComponentKey, setOpenComponentKey] = React.useState<string | null>(null);\n\n  const {\n    currentDocument: { components, isLoading },\n  } = useDocumentContext('DynamicZone');\n\n  const disabled = disabledProp || isLoading;\n  const addFieldRow = useForm('DynamicZone', (state) => state.addFieldRow);\n  const removeFieldRow = useForm('DynamicZone', (state) => state.removeFieldRow);\n  const moveFieldRow = useForm('DynamicZone', (state) => state.moveFieldRow);\n\n  type DzWithTempKey =\n    Schema.Attribute.GetDynamicZoneValue<Schema.Attribute.DynamicZone>[number] & {\n      __temp_key__: string;\n    };\n\n  const { value: rawValue, error } = useField<Array<DzWithTempKey>>(name);\n  // `value` can be `null` (for example after closing a relation modal). Match\n  // RepeatableComponent: only accept arrays, otherwise treat as empty. (#26815)\n  const value = React.useMemo(() => (Array.isArray(rawValue) ? rawValue : []), [rawValue]);\n\n  /**\n   * Track the previous value array to detect when a new component is added.\n   * When the array grows, we find the newly added item and force its accordion open.\n   * This mirrors the same pattern used in RepeatableComponent.\n   */\n  const prevValue = usePrev(value);\n\n  React.useEffect(() => {\n    if (prevValue && prevValue.length < value.length) {\n      const prevKeys = new Set(prevValue.map((v) => v.__temp_key__));\n      const newItem = value.find((v) => !prevKeys.has(v.__temp_key__));\n      if (newItem) {\n        setOpenComponentKey(newItem.__temp_key__);\n      }\n    } else if (openComponentKey !== null) {\n      // Component was removed before forceOpen was handled — clear stale key\n      const currentKeys = new Set(value.map((v) => v.__temp_key__));\n      if (!currentKeys.has(openComponentKey)) {\n        setOpenComponentKey(null);\n      }\n    }\n  }, [value, prevValue, openComponentKey]);\n\n  const handleForceOpenHandled = React.useCallback(() => {\n    setOpenComponentKey(null);\n  }, []);\n\n  const dynamicComponentsByCategory = React.useMemo(() => {\n    return attribute.components.reduce<\n      NonNullable<DynamicComponentProps['dynamicComponentsByCategory']>\n    >((acc, componentUid) => {\n      const componentSchema = components[componentUid];\n\n      if (!componentSchema) {\n        return acc;\n      }\n\n      const { category, info } = componentSchema;\n\n      const component = {\n        uid: componentUid,\n        displayName: info.displayName,\n        icon: info.icon,\n        preview: info.preview,\n      };\n\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n\n      acc[category] = [...acc[category], component];\n\n      return acc;\n    }, {});\n  }, [attribute.components, components]);\n\n  const { formatMessage } = useIntl();\n\n  const { toggleNotification } = useNotification();\n\n  const dynamicDisplayedComponentsLength = value.length;\n\n  const handleAddComponent = React.useCallback(\n    (uid: string, position?: number) => {\n      const schema = components[uid];\n\n      if (!schema) {\n        return;\n      }\n\n      setAddComponentIsOpen(false);\n\n      const form = createDefaultForm(schema, components);\n      const transformations = flow(transformDocument(schema, components), (data) => ({\n        ...data,\n        __component: uid,\n      }));\n\n      const data = transformations(form);\n\n      addFieldRow(name, data, position);\n    },\n    [addFieldRow, components, name]\n  );\n\n  const handleClickOpenPicker = () => {\n    if (dynamicDisplayedComponentsLength < max) {\n      setAddComponentIsOpen((prev) => !prev);\n    } else {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({\n          id: getTranslation('components.notification.info.maximum-requirement'),\n        }),\n      });\n    }\n  };\n\n  const handleMoveComponent = React.useCallback(\n    (newIndex: number, currentIndex: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.reorder'),\n            defaultMessage: '{item}, moved. New position in list: {position}.',\n          },\n          {\n            item: `${name}.${currentIndex}`,\n            position: `${newIndex + 1} of ${value.length}`,\n          }\n        )\n      );\n\n      moveFieldRow(name, currentIndex, newIndex);\n    },\n    [formatMessage, moveFieldRow, name, value.length]\n  );\n\n  const handleCancel = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.cancel-item'),\n            defaultMessage: '{item}, dropped. Re-order cancelled.',\n          },\n          {\n            item: `${name}.${index}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name]\n  );\n\n  const handleGrabItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.grab-item'),\n            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleDropItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.drop-item'),\n            defaultMessage: `{item}, dropped. Final position in list: {position}.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleRemoveComponent = React.useCallback(\n    (currentIndex: number) => {\n      removeFieldRow(name, currentIndex);\n    },\n    [name, removeFieldRow]\n  );\n\n  const hasError = error !== undefined;\n\n  const renderButtonLabel = () => {\n    if (addComponentIsOpen) {\n      return formatMessage({ id: 'app.utils.close-label', defaultMessage: 'Close' });\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength > max) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.extra-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # extra components} one {is # extra component} other {are # extra components}}',\n        },\n        {\n          number: dynamicDisplayedComponentsLength - max,\n        }\n      );\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength < min) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.missing-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}',\n        },\n        { number: min - dynamicDisplayedComponentsLength }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTranslation('components.DynamicZone.add-component'),\n        defaultMessage: 'Add a component to {componentName}',\n      },\n      { componentName: label || name }\n    );\n  };\n\n  const level = useComponent('DynamicZone', (state) => state.level);\n\n  const ariaDescriptionId = React.useId();\n\n  return (\n    <DynamicZoneProvider isInDynamicZone>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={{ initial: 4, medium: 6 }}>\n        {dynamicDisplayedComponentsLength > 0 && (\n          <Box>\n            <DynamicZoneLabel\n              hint={hint}\n              label={label}\n              labelAction={labelAction}\n              name={name}\n              numberOfComponents={dynamicDisplayedComponentsLength}\n              required={required}\n            />\n            <VisuallyHidden id={ariaDescriptionId}>\n              {formatMessage({\n                id: getTranslation('dnd.instructions'),\n                defaultMessage: `Press spacebar to grab and re-order`,\n              })}\n            </VisuallyHidden>\n            <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\n            <ol aria-describedby={ariaDescriptionId}>\n              {value.map((field, index) => (\n                <ComponentProvider\n                  key={field.__temp_key__}\n                  level={level + 1}\n                  uid={field.__component}\n                  // id is always a number in a dynamic zone.\n                  id={field.id as number}\n                  type=\"dynamiczone\"\n                >\n                  <DynamicComponent\n                    disabled={disabled}\n                    name={name}\n                    index={index}\n                    componentUid={field.__component}\n                    onMoveComponent={handleMoveComponent}\n                    onRemoveComponentClick={handleRemoveComponent}\n                    onCancel={handleCancel}\n                    onDropItem={handleDropItem}\n                    onGrabItem={handleGrabItem}\n                    onAddComponent={handleAddComponent}\n                    dynamicComponentsByCategory={dynamicComponentsByCategory}\n                    totalLength={dynamicDisplayedComponentsLength}\n                    forceOpen={openComponentKey === field.__temp_key__}\n                    onForceOpenHandled={handleForceOpenHandled}\n                  >\n                    {children}\n                  </DynamicComponent>\n                </ComponentProvider>\n              ))}\n            </ol>\n          </Box>\n        )}\n        <Flex justifyContent=\"center\">\n          <AddComponentButton\n            hasError={hasError}\n            isDisabled={disabled}\n            isOpen={addComponentIsOpen}\n            onClick={handleClickOpenPicker}\n          >\n            {renderButtonLabel()}\n          </AddComponentButton>\n        </Flex>\n        <ComponentPicker\n          dynamicComponentsByCategory={dynamicComponentsByCategory}\n          isOpen={addComponentIsOpen}\n          onClickAddComponent={handleAddComponent}\n        />\n      </Flex>\n    </DynamicZoneProvider>\n  );\n};\n\nexport { DynamicZone, useDynamicZone };\nexport type { DynamicZoneProps };\n"],"names":["DynamicZoneProvider","useDynamicZone","createContext","isInDynamicZone","DynamicZone","attribute","disabled","disabledProp","hint","label","labelAction","name","required","children","max","Infinity","min","addComponentIsOpen","setAddComponentIsOpen","React","useState","liveText","setLiveText","openComponentKey","setOpenComponentKey","currentDocument","components","isLoading","useDocumentContext","addFieldRow","useForm","state","removeFieldRow","moveFieldRow","value","rawValue","error","useField","useMemo","Array","isArray","prevValue","usePrev","useEffect","length","prevKeys","Set","map","v","__temp_key__","newItem","find","has","currentKeys","handleForceOpenHandled","useCallback","dynamicComponentsByCategory","reduce","acc","componentUid","componentSchema","category","info","component","uid","displayName","icon","preview","formatMessage","useIntl","toggleNotification","useNotification","dynamicDisplayedComponentsLength","handleAddComponent","position","schema","form","createDefaultForm","transformations","flow","transformDocument","data","__component","handleClickOpenPicker","prev","type","message","id","getTranslation","handleMoveComponent","newIndex","currentIndex","defaultMessage","item","handleCancel","index","handleGrabItem","handleDropItem","handleRemoveComponent","hasError","undefined","renderButtonLabel","number","componentName","level","useComponent","ariaDescriptionId","useId","_jsx","_jsxs","Flex","direction","alignItems","gap","initial","medium","Box","DynamicZoneLabel","numberOfComponents","VisuallyHidden","aria-live","ol","aria-describedby","field","ComponentProvider","DynamicComponent","onMoveComponent","onRemoveComponentClick","onCancel","onDropItem","onGrabItem","onAddComponent","totalLength","forceOpen","onForceOpenHandled","justifyContent","AddComponentButton","isDisabled","isOpen","onClick","ComponentPicker","onClickAddComponent"],"mappings":"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"}
+{"version":3,"file":"Field.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  createContext,\n  InputProps,\n  useField,\n  useForm,\n  useNotification,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, VisuallyHidden } from '@strapi/design-system';\nimport flow from 'lodash/flow';\nimport { useIntl } from 'react-intl';\n\nimport { COLLECTION_TYPES } from '../../../../../constants/collections';\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';\nimport { usePrev } from '../../../../../hooks/usePrev';\nimport { getTranslation } from '../../../../../utils/translations';\nimport { type AnyData, transformDocument } from '../../../utils/data';\nimport { createDefaultForm } from '../../../utils/forms';\nimport { ComponentCopyModal } from '../Component/ComponentCopyModal';\nimport { useCopiedComponents } from '../Component/CopiedComponents';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport { AddComponentButton } from './AddComponentButton';\nimport { ComponentPicker } from './ComponentPicker';\nimport { DynamicComponent, DynamicComponentProps } from './DynamicComponent';\nimport { DynamicZoneLabel, DynamicZoneLabelProps } from './DynamicZoneLabel';\n\nimport type { InputRendererProps } from '../../InputRenderer';\nimport type { Schema } from '@strapi/types';\n\ninterface DynamicZoneContextValue {\n  isInDynamicZone: boolean;\n}\n\nconst [DynamicZoneProvider, useDynamicZone] = createContext<DynamicZoneContextValue>(\n  'DynamicZone',\n  {\n    isInDynamicZone: false,\n  }\n);\n\ninterface DynamicZoneProps\n  extends\n    Omit<Extract<EditFieldLayout, { type: 'dynamiczone' }>, 'size' | 'hint'>,\n    Pick<InputProps, 'hint'>,\n    Pick<DynamicZoneLabelProps, 'labelAction'> {\n  children?: (props: InputRendererProps) => React.ReactNode;\n}\n\nconst DynamicZone = ({\n  attribute,\n  disabled: disabledProp,\n  hint,\n  label,\n  labelAction,\n  name,\n  required = false,\n  children,\n}: DynamicZoneProps) => {\n  // We cannot use the default props here\n  const { max = Infinity, min = -Infinity } = attribute ?? {};\n\n  const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);\n  const [componentUidToCopy, setComponentUidToCopy] = React.useState<string | null>(null);\n  const [liveText, setLiveText] = React.useState('');\n  const [openComponentKey, setOpenComponentKey] = React.useState<string | null>(null);\n  // The components copied from another entry are flagged until the form is saved.\n  const { isCopied, insertCopies } = useCopiedComponents(name);\n\n  const {\n    currentDocumentMeta,\n    currentDocument: { components, isLoading },\n  } = useDocumentContext('DynamicZone');\n  const canCopyFromExisting = currentDocumentMeta.collectionType === COLLECTION_TYPES;\n\n  const disabled = disabledProp || isLoading;\n  const addFieldRow = useForm('DynamicZone', (state) => state.addFieldRow);\n  const removeFieldRow = useForm('DynamicZone', (state) => state.removeFieldRow);\n  const moveFieldRow = useForm('DynamicZone', (state) => state.moveFieldRow);\n\n  type DzWithTempKey =\n    Schema.Attribute.GetDynamicZoneValue<Schema.Attribute.DynamicZone>[number] & {\n      __temp_key__: string;\n    };\n\n  const { value: rawValue, error } = useField<Array<DzWithTempKey>>(name);\n  // `value` can be `null` (for example after closing a relation modal). Match\n  // RepeatableComponent: only accept arrays, otherwise treat as empty. (#26815)\n  const value = React.useMemo(() => (Array.isArray(rawValue) ? rawValue : []), [rawValue]);\n\n  /**\n   * Track the previous value array to detect when a new component is added.\n   * When the array grows, we find the newly added item and force its accordion open.\n   * This mirrors the same pattern used in RepeatableComponent.\n   */\n  const prevValue = usePrev(value);\n\n  React.useEffect(() => {\n    if (prevValue && prevValue.length < value.length) {\n      const prevKeys = new Set(prevValue.map((v) => v.__temp_key__));\n      const newItems = value.filter((v) => !prevKeys.has(v.__temp_key__));\n\n      /**\n       * Copied components come in filled: they aren't scrolled into view. Like any new block\n       * they open expanded, see `DynamicComponent`.\n       */\n      if (newItems[0] && !newItems.every((item) => isCopied(item.__temp_key__))) {\n        setOpenComponentKey(newItems[0].__temp_key__);\n      }\n    } else if (openComponentKey !== null) {\n      // Component was removed before forceOpen was handled — clear stale key\n      const currentKeys = new Set(value.map((v) => v.__temp_key__));\n      if (!currentKeys.has(openComponentKey)) {\n        setOpenComponentKey(null);\n      }\n    }\n  }, [value, prevValue, openComponentKey, isCopied]);\n\n  const handleForceOpenHandled = React.useCallback(() => {\n    setOpenComponentKey(null);\n  }, []);\n\n  const dynamicComponentsByCategory = React.useMemo(() => {\n    return attribute.components.reduce<\n      NonNullable<DynamicComponentProps['dynamicComponentsByCategory']>\n    >((acc, componentUid) => {\n      const componentSchema = components[componentUid];\n\n      if (!componentSchema) {\n        return acc;\n      }\n\n      const { category, info } = componentSchema;\n\n      const component = {\n        uid: componentUid,\n        displayName: info.displayName,\n        icon: info.icon,\n        preview: info.preview,\n      };\n\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n\n      acc[category] = [...acc[category], component];\n\n      return acc;\n    }, {});\n  }, [attribute.components, components]);\n\n  const { formatMessage } = useIntl();\n\n  const { toggleNotification } = useNotification();\n\n  const dynamicDisplayedComponentsLength = value.length;\n\n  const handleAddComponent = React.useCallback(\n    (uid: string, position?: number) => {\n      const schema = components[uid];\n\n      if (!schema) {\n        return;\n      }\n\n      setAddComponentIsOpen(false);\n\n      const form = createDefaultForm(schema, components);\n      const transformations = flow(transformDocument(schema, components), (data) => ({\n        ...data,\n        __component: uid,\n      }));\n\n      const data = transformations(form);\n\n      addFieldRow(name, data, position);\n    },\n    [addFieldRow, components, name]\n  );\n\n  const handleCopyComponents = React.useCallback(\n    (items: AnyData[]) => {\n      // The modal doesn't let more items than there's room for be selected, this is a safety net.\n      if (dynamicDisplayedComponentsLength + items.length > max) {\n        toggleNotification({\n          type: 'info',\n          message: formatMessage({\n            id: getTranslation('components.notification.info.maximum-requirement'),\n            defaultMessage: 'You have already reached the maximum number of fields',\n          }),\n        });\n\n        return false;\n      }\n\n      setAddComponentIsOpen(false);\n      insertCopies(items);\n\n      return true;\n    },\n    [dynamicDisplayedComponentsLength, formatMessage, insertCopies, max, toggleNotification]\n  );\n\n  const handleClickOpenPicker = () => {\n    if (dynamicDisplayedComponentsLength < max) {\n      setAddComponentIsOpen((prev) => !prev);\n    } else {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({\n          id: getTranslation('components.notification.info.maximum-requirement'),\n        }),\n      });\n    }\n  };\n\n  const handleMoveComponent = React.useCallback(\n    (newIndex: number, currentIndex: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.reorder'),\n            defaultMessage: '{item}, moved. New position in list: {position}.',\n          },\n          {\n            item: `${name}.${currentIndex}`,\n            position: `${newIndex + 1} of ${value.length}`,\n          }\n        )\n      );\n\n      moveFieldRow(name, currentIndex, newIndex);\n    },\n    [formatMessage, moveFieldRow, name, value.length]\n  );\n\n  const handleCancel = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.cancel-item'),\n            defaultMessage: '{item}, dropped. Re-order cancelled.',\n          },\n          {\n            item: `${name}.${index}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name]\n  );\n\n  const handleGrabItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.grab-item'),\n            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleDropItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.drop-item'),\n            defaultMessage: `{item}, dropped. Final position in list: {position}.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleRemoveComponent = React.useCallback(\n    (currentIndex: number) => {\n      removeFieldRow(name, currentIndex);\n    },\n    [name, removeFieldRow]\n  );\n\n  const hasError = error !== undefined;\n\n  const renderButtonLabel = () => {\n    if (addComponentIsOpen) {\n      return formatMessage({ id: 'app.utils.close-label', defaultMessage: 'Close' });\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength > max) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.extra-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # extra components} one {is # extra component} other {are # extra components}}',\n        },\n        {\n          number: dynamicDisplayedComponentsLength - max,\n        }\n      );\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength < min) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.missing-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}',\n        },\n        { number: min - dynamicDisplayedComponentsLength }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTranslation('components.DynamicZone.add-component'),\n        defaultMessage: 'Add a component to {componentName}',\n      },\n      { componentName: label || name }\n    );\n  };\n\n  const level = useComponent('DynamicZone', (state) => state.level);\n\n  const ariaDescriptionId = React.useId();\n\n  return (\n    <DynamicZoneProvider isInDynamicZone>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={{ initial: 4, medium: 6 }}>\n        {dynamicDisplayedComponentsLength > 0 && (\n          <Box>\n            <DynamicZoneLabel\n              hint={hint}\n              label={label}\n              labelAction={labelAction}\n              name={name}\n              numberOfComponents={dynamicDisplayedComponentsLength}\n              required={required}\n            />\n            <VisuallyHidden id={ariaDescriptionId}>\n              {formatMessage({\n                id: getTranslation('dnd.instructions'),\n                defaultMessage: `Press spacebar to grab and re-order`,\n              })}\n            </VisuallyHidden>\n            <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\n            <ol aria-describedby={ariaDescriptionId}>\n              {value.map((field, index) => (\n                <ComponentProvider\n                  key={field.__temp_key__}\n                  level={level + 1}\n                  uid={field.__component}\n                  // id is always a number in a dynamic zone.\n                  id={field.id as number}\n                  type=\"dynamiczone\"\n                >\n                  <DynamicComponent\n                    disabled={disabled}\n                    name={name}\n                    index={index}\n                    componentUid={field.__component}\n                    onMoveComponent={handleMoveComponent}\n                    onRemoveComponentClick={handleRemoveComponent}\n                    onCancel={handleCancel}\n                    onDropItem={handleDropItem}\n                    onGrabItem={handleGrabItem}\n                    onAddComponent={handleAddComponent}\n                    dynamicComponentsByCategory={dynamicComponentsByCategory}\n                    totalLength={dynamicDisplayedComponentsLength}\n                    forceOpen={openComponentKey === field.__temp_key__}\n                    onForceOpenHandled={handleForceOpenHandled}\n                    isCopied={isCopied(field.__temp_key__)}\n                  >\n                    {children}\n                  </DynamicComponent>\n                </ComponentProvider>\n              ))}\n            </ol>\n          </Box>\n        )}\n        <Flex justifyContent=\"center\">\n          <AddComponentButton\n            hasError={hasError}\n            isDisabled={disabled}\n            isOpen={addComponentIsOpen}\n            onClick={handleClickOpenPicker}\n          >\n            {renderButtonLabel()}\n          </AddComponentButton>\n        </Flex>\n        <ComponentPicker\n          dynamicComponentsByCategory={dynamicComponentsByCategory}\n          isOpen={addComponentIsOpen}\n          onClickAddComponent={handleAddComponent}\n          onClickCopyComponent={canCopyFromExisting ? setComponentUidToCopy : undefined}\n        />\n        {componentUidToCopy && (\n          <ComponentCopyModal\n            componentUid={componentUidToCopy}\n            fieldLabel={formatMessage({\n              id: componentUidToCopy,\n              defaultMessage:\n                components[componentUidToCopy]?.info.displayName ?? componentUidToCopy,\n            })}\n            maxSelection={max - dynamicDisplayedComponentsLength}\n            mode=\"dynamiczone\"\n            onClose={() => setComponentUidToCopy(null)}\n            onInsert={handleCopyComponents}\n            selection=\"multiple\"\n            sourceFieldName={name}\n          />\n        )}\n      </Flex>\n    </DynamicZoneProvider>\n  );\n};\n\nexport { DynamicZone, useDynamicZone };\nexport type { DynamicZoneProps };\n"],"names":["DynamicZoneProvider","useDynamicZone","createContext","isInDynamicZone","DynamicZone","attribute","disabled","disabledProp","hint","label","labelAction","name","required","children","max","Infinity","min","addComponentIsOpen","setAddComponentIsOpen","React","useState","componentUidToCopy","setComponentUidToCopy","liveText","setLiveText","openComponentKey","setOpenComponentKey","isCopied","insertCopies","useCopiedComponents","currentDocumentMeta","currentDocument","components","isLoading","useDocumentContext","canCopyFromExisting","collectionType","COLLECTION_TYPES","addFieldRow","useForm","state","removeFieldRow","moveFieldRow","value","rawValue","error","useField","useMemo","Array","isArray","prevValue","usePrev","useEffect","length","prevKeys","Set","map","v","__temp_key__","newItems","filter","has","every","item","currentKeys","handleForceOpenHandled","useCallback","dynamicComponentsByCategory","reduce","acc","componentUid","componentSchema","category","info","component","uid","displayName","icon","preview","formatMessage","useIntl","toggleNotification","useNotification","dynamicDisplayedComponentsLength","handleAddComponent","position","schema","form","createDefaultForm","transformations","flow","transformDocument","data","__component","handleCopyComponents","items","type","message","id","getTranslation","defaultMessage","handleClickOpenPicker","prev","handleMoveComponent","newIndex","currentIndex","handleCancel","index","handleGrabItem","handleDropItem","handleRemoveComponent","hasError","undefined","renderButtonLabel","number","componentName","level","useComponent","ariaDescriptionId","useId","_jsx","_jsxs","Flex","direction","alignItems","gap","initial","medium","Box","DynamicZoneLabel","numberOfComponents","VisuallyHidden","aria-live","ol","aria-describedby","field","ComponentProvider","DynamicComponent","onMoveComponent","onRemoveComponentClick","onCancel","onDropItem","onGrabItem","onAddComponent","totalLength","forceOpen","onForceOpenHandled","justifyContent","AddComponentButton","isDisabled","isOpen","onClick","ComponentPicker","onClickAddComponent","onClickCopyComponent","ComponentCopyModal","fieldLabel","maxSelection","mode","onClose","onInsert","selection","sourceFieldName"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/Relations/RelationModal.js

@@ -12,6 +12,7 @@ var styledComponents = require('styled-components');
 var collections = require('../../../../../constants/collections.js');
 var plugin = require('../../../../../constants/plugin.js');
 var DocumentRBAC = require('../../../../../features/DocumentRBAC.js');
+var I18nSharedFieldsLock = require('../../../../../features/I18nSharedFieldsLock.js');
 var useDocument = require('../../../../../hooks/useDocument.js');
 var useDocumentLayout = require('../../../../../hooks/useDocumentLayout.js');
 var documents = require('../../../../../services/documents.js');
@@ -442,8 +443,7 @@ const RelationModal = ({ children })=>{
                                                 marginRight: 1,
                                                 children: /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowLeft, {})
                                             }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                tag: "span",
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
                                                 fontWeight: 600,
                                                 children: isCreating ? formatMessage({
                                                     id: 'content-manager.relation.create',
@@ -720,13 +720,15 @@ const StyledRelationLink = styledComponents.styled(reactRouterDom.Link)`
     return /*#__PURE__*/ jsxRuntime.jsx(DocumentRBAC.DocumentRBAC, {
         permissions: permissions,
         model: currentDocumentMeta.model,
-        children: /*#__PURE__*/ jsxRuntime.jsx(RelationModalFormBody, {
-            currentDocument: currentDocument,
-            documentTitle: documentTitle,
-            hasDraftAndPublished: hasDraftAndPublished,
-            layout: documentLayoutResponse.edit.layout,
-            plugins: plugins,
-            props: props
+        children: /*#__PURE__*/ jsxRuntime.jsx(I18nSharedFieldsLock.I18nSharedFieldsLock, {
+            children: /*#__PURE__*/ jsxRuntime.jsx(RelationModalFormBody, {
+                currentDocument: currentDocument,
+                documentTitle: documentTitle,
+                hasDraftAndPublished: hasDraftAndPublished,
+                layout: documentLayoutResponse.edit.layout,
+                plugins: plugins,
+                props: props
+            })
         })
     });
 };