@strapi/content-manager 5.53.0 → 5.54.0

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BlocksEditor.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  createContext,\n  useStrapiApp,\n  type FieldValue,\n  useIsMobile,\n} from '@strapi/admin/strapi-admin';\nimport { IconButton, Divider, VisuallyHidden } from '@strapi/design-system';\nimport { Expand } from '@strapi/icons';\nimport { flushSync } from 'react-dom';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { Editor, type Descendant, createEditor, Transforms, Element } from 'slate';\nimport { withHistory } from 'slate-history';\nimport { type RenderElementProps, Slate, withReact, ReactEditor, useSlate } from 'slate-react';\nimport { styled, type CSSProperties } from 'styled-components';\n\nimport { ContentManagerPlugin } from '../../../../../content-manager';\nimport { getTranslation } from '../../../../../utils/translations';\n\nimport { BlocksContent, type BlocksContentProps } from './BlocksContent';\nimport { BlocksToolbar } from './BlocksToolbar';\nimport { EditorLayout } from './EditorLayout';\nimport { type ModifiersStore, modifiers } from './Modifiers';\nimport { withStrapiSchema } from './plugins/withStrapiSchema';\nimport { isNonNullable } from './utils/types';\n\nimport type { Schema } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * BlocksEditorProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CustomNode extends Omit<Schema.Attribute.BlocksNode, 'type'> {\n  type: Schema.Attribute.BlocksNode['type'] | string;\n  level?: number;\n  format?: string;\n}\n\ninterface BaseBlock {\n  renderElement: (props: RenderElementProps) => React.JSX.Element;\n  /** Function to check if a given node is of this type of block */\n  matchNode: (node: Schema.Attribute.BlocksNode | CustomNode) => boolean;\n  handleConvert?: (editor: Editor) => void | (() => React.JSX.Element);\n  handleEnterKey?: (editor: Editor) => void;\n  handleBackspaceKey?: (editor: Editor, event: React.KeyboardEvent<HTMLElement>) => void;\n  handleTab?: (editor: Editor) => void;\n  handleShiftTab?: (editor: Editor) => void;\n  snippets?: string[];\n  /** Adjust the vertical positioning of the drag-to-reorder grip icon */\n  dragHandleTopMargin?: CSSProperties['marginTop'];\n  /** A Slate plugin: function that will wrap the editor creation */\n  plugin?: (editor: Editor) => Editor;\n  /**\n   * Function that checks if an element should be draggable\n   * @default () => true */\n  isDraggable?: (element: Element) => boolean;\n}\n\nexport interface NonSelectorBlock extends BaseBlock {\n  isInBlocksSelector?: false;\n}\n\nexport interface SelectorBlock extends BaseBlock {\n  isInBlocksSelector: true;\n  icon?: React.ComponentType;\n  label: MessageDescriptor;\n}\n\ntype NonSelectorBlockKey = 'list-item' | 'link';\n\nconst selectorBlockKeys = [\n  'paragraph',\n  'heading-one',\n  'heading-two',\n  'heading-three',\n  'heading-four',\n  'heading-five',\n  'heading-six',\n  'list-ordered',\n  'list-unordered',\n  'image',\n  'quote',\n  'code',\n] as const;\n\ntype SelectorBlockKey = (typeof selectorBlockKeys)[number];\n\nconst isSelectorBlockKey = (key: unknown): key is SelectorBlockKey => {\n  return typeof key === 'string' && selectorBlockKeys.includes(key as SelectorBlockKey);\n};\n\ntype BlocksStore = {\n  [K in SelectorBlockKey]: SelectorBlock;\n} & {\n  [K in NonSelectorBlockKey]: NonSelectorBlock;\n};\n\ntype RichTextBlocksStore = Partial<BlocksStore> & Record<string, SelectorBlock | NonSelectorBlock>;\n\ninterface BlocksEditorContextValue {\n  blocks: RichTextBlocksStore;\n  modifiers: ModifiersStore;\n  disabled: boolean;\n  name: string;\n  setLiveText: (text: string) => void;\n  isExpandedMode: boolean;\n  /** Push debounced Slate → form sync immediately (e.g. on Editable blur before Save). */\n  flushPendingFormSync: () => void;\n}\n\nconst [BlocksEditorProvider, usePartialBlocksEditorContext] =\n  createContext<BlocksEditorContextValue>('BlocksEditor');\n\nfunction useBlocksEditorContext(consumerName: string): BlocksEditorContextValue & {\n  editor: Editor;\n} {\n  const context = usePartialBlocksEditorContext(consumerName, (state) => state);\n  const editor = useSlate();\n\n  return {\n    ...context,\n    editor,\n  };\n}\n\n/* -------------------------------------------------------------------------------------------------\n * BlocksEditor\n * -----------------------------------------------------------------------------------------------*/\n\nconst EditorDivider = styled(Divider)`\n  background: ${({ theme }) => theme.colors.neutral200};\n`;\n\n/**\n * Forces an update of the Slate editor when the value prop changes from outside of Slate.\n * The root cause is that Slate is not a controlled component: https://github.com/ianstormtaylor/slate/issues/4612\n * Why not use JSON.stringify(value) as the key?\n * Because it would force a rerender of the entire editor every time the user types a character.\n * Why not use the entity id as the key, since it's unique for each locale?\n * Because it would not solve the problem when using the \"fill in from other locale\" feature\n */\nfunction useResetKey(\n  editor: Editor,\n  value?: Schema.Attribute.BlocksValue\n): {\n  key: number;\n  incrementSlateUpdatesCount: () => void;\n} {\n  // Keep track how many times Slate detected a change from a user interaction in the editor\n  const slateUpdatesCount = React.useRef(0);\n  // Keep track of how many times the value prop was updated, whether from within editor or from outside\n  const valueUpdatesCount = React.useRef(0);\n  // Use a key to force a rerender of the Slate editor when needed\n  const [key, setKey] = React.useState(0);\n\n  React.useEffect(() => {\n    valueUpdatesCount.current += 1;\n\n    // If the 2 refs are not equal, it means the value was updated from outside\n    if (valueUpdatesCount.current !== slateUpdatesCount.current) {\n      // Bring the 2 refs back in sync\n      slateUpdatesCount.current = valueUpdatesCount.current;\n\n      // The update may just be an echo of the editor's own content coming back through the form\n      // (e.g. the debounced sync, or a re-render while document queries settle). Remounting in\n      // that case is pointless and destructive: it wipes pending input and the DOM under the\n      // user's caret. Only force a remount when the content is actually different.\n      const externalState = value?.length ? normalizeBlocksState(editor, value) : null;\n      const editorState = normalizeBlocksState(editor, editor.children);\n      if (JSON.stringify(externalState) === JSON.stringify(editorState)) {\n        return;\n      }\n\n      // The remount reuses the same editor instance, so a selection pointing into the old\n      // content would survive it and crash slate-react's toDOMPoint when the new content is\n      // shorter. Drop the selection before swapping the children.\n      if (editor.selection) {\n        Transforms.deselect(editor);\n      }\n\n      // Change the key to force a rerender of the Slate editor,\n      // which will pick up the new value through its initialValue prop\n      setKey((previousKey) => previousKey + 1);\n    }\n  }, [editor, value]);\n\n  const incrementSlateUpdatesCount = React.useCallback(() => {\n    slateUpdatesCount.current += 1;\n  }, []);\n\n  return { key, incrementSlateUpdatesCount };\n}\n\nconst pipe =\n  (...fns: ((baseEditor: Editor) => Editor)[]) =>\n  (value: Editor) =>\n    fns.reduce<Editor>((prev, fn) => fn(prev), value);\n\n/**\n * Normalize the blocks state to null if the editor state is considered empty,\n * otherwise return the state\n */\nconst normalizeBlocksState = (\n  editor: Editor,\n  value: Schema.Attribute.BlocksValue | Descendant[]\n): Schema.Attribute.BlocksValue | Descendant[] | null => {\n  const isEmpty =\n    value.length === 1 && Editor.isEmpty(editor, value[0] as Schema.Attribute.BlocksNode);\n\n  return isEmpty ? null : value;\n};\n\ninterface BlocksEditorProps\n  extends Pick<FieldValue<Schema.Attribute.BlocksValue>, 'onChange' | 'value' | 'error'>,\n    BlocksContentProps {\n  disabled?: boolean;\n  name: string;\n}\n\nconst BlocksEditor = React.forwardRef<{ focus: () => void }, BlocksEditorProps>(\n  ({ disabled = false, name, onChange, value, error, ...contentProps }, forwardedRef) => {\n    const { formatMessage } = useIntl();\n    const isMobile = useIsMobile();\n\n    const blocks = useStrapiApp(\n      'BlocksEditor',\n      (state) =>\n        (\n          state.plugins['content-manager']?.apis as\n            | ContentManagerPlugin['config']['apis']\n            | undefined\n        )?.getRichTextBlocks() ?? ({} as RichTextBlocksStore)\n    );\n\n    const blockRegisteredPlugins = Object.values(blocks)\n      .map((block) => block.plugin)\n      .filter(isNonNullable);\n\n    const [editor] = React.useState(() =>\n      pipe(withHistory, withStrapiSchema, withReact, ...blockRegisteredPlugins)(createEditor())\n    );\n    const [liveText, setLiveText] = React.useState('');\n    const ariaDescriptionId = React.useId();\n    const [isExpandedMode, handleToggleExpand] = React.useReducer((prev) => !prev, false);\n\n    /**\n     * Editable is not able to hold the ref, https://github.com/ianstormtaylor/slate/issues/4082\n     * so with \"useImperativeHandle\" we can use ReactEditor methods to expose to the parent above\n     * also not passing forwarded ref here, gives console warning.\n     */\n    React.useImperativeHandle(\n      forwardedRef,\n      () => ({\n        focus() {\n          ReactEditor.focus(editor);\n        },\n      }),\n      [editor]\n    );\n\n    const { key, incrementSlateUpdatesCount } = useResetKey(editor, value);\n\n    const debounceTimeout = React.useRef<NodeJS.Timeout | null>(null);\n\n    const flushPendingFormSync = React.useCallback(() => {\n      if (!debounceTimeout.current) {\n        return;\n      }\n      clearTimeout(debounceTimeout.current);\n      debounceTimeout.current = null;\n      // Counter was already bumped when the AST changed; only push form state here.\n      // Ensure Strapi Form state updates before the next event (e.g. Save click) reads values.\n      flushSync(() => {\n        onChange(\n          name,\n          normalizeBlocksState(editor, editor.children) as Schema.Attribute.BlocksValue\n        );\n      });\n    }, [editor, name, onChange]);\n\n    const handleSlateChange = React.useCallback(\n      (state: Descendant[]) => {\n        const isAstChange = editor.operations.some((op) => op.type !== 'set_selection');\n\n        if (isAstChange) {\n          /**\n           * Slate handles the state of the editor internally. We just need to keep Strapi's form\n           * state in sync with it in order to make sure that things like the \"modified\" state\n           * isn't broken. Updating the whole state on every change is very expensive however,\n           * so we debounce calls to onChange to mitigate input lag.\n           *\n           * Bump the reset-key counter immediately (not inside the debounce). Otherwise any\n           * value-prop identity change during the 300ms window — e.g. clicking the blocks\n           * toolbar — looks like an external update with stale empty form state and remounts\n           * the editor, wiping the pending input (blocks e2e flake).\n           */\n          incrementSlateUpdatesCount();\n\n          if (debounceTimeout.current) {\n            clearTimeout(debounceTimeout.current);\n          }\n\n          // Set a new debounce timeout\n          debounceTimeout.current = setTimeout(() => {\n            // Normalize the state (empty editor becomes null)\n            onChange(name, normalizeBlocksState(editor, state) as Schema.Attribute.BlocksValue);\n            debounceTimeout.current = null;\n          }, 300);\n        }\n      },\n      [editor, incrementSlateUpdatesCount, name, onChange]\n    );\n\n    // Clean up the timeout on unmount\n    React.useEffect(() => {\n      return () => {\n        if (debounceTimeout.current) {\n          clearTimeout(debounceTimeout.current);\n        }\n      };\n    }, []);\n\n    // Ensure the editor is in sync after discard\n    React.useEffect(() => {\n      // Never deselect while the editor is actively focused (typing / editing),\n      if (ReactEditor.isFocused(editor)) {\n        return;\n      }\n\n      // Normalize empty states for comparison to avoid losing focus on the editor when content is deleted\n      const normalizedValue = value?.length ? value : null;\n      const normalizedEditorState = normalizeBlocksState(editor, editor.children);\n\n      // Compare the field value with the editor state to check for a stale selection\n      if (\n        normalizedValue &&\n        normalizedEditorState &&\n        JSON.stringify(normalizedEditorState) !== JSON.stringify(normalizedValue)\n      ) {\n        // When there is a diff, unset selection to avoid an invalid state\n        Transforms.deselect(editor);\n      }\n    }, [editor, value]);\n\n    return (\n      <>\n        <VisuallyHidden id={ariaDescriptionId}>\n          {formatMessage({\n            id: getTranslation('components.Blocks.dnd.instruction'),\n            defaultMessage: `To reorder blocks, press Command or Control along with Shift and the Up or Down arrow keys`,\n          })}\n        </VisuallyHidden>\n        <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\n        <Slate\n          editor={editor}\n          initialValue={\n            value?.length ? value : [{ type: 'paragraph', children: [{ type: 'text', text: '' }] }]\n          }\n          onChange={handleSlateChange}\n          key={key}\n        >\n          <BlocksEditorProvider\n            blocks={blocks}\n            modifiers={modifiers}\n            disabled={disabled}\n            name={name}\n            setLiveText={setLiveText}\n            isExpandedMode={isExpandedMode}\n            flushPendingFormSync={flushPendingFormSync}\n          >\n            <EditorLayout\n              error={error}\n              disabled={disabled}\n              onToggleExpand={handleToggleExpand}\n              ariaDescriptionId={ariaDescriptionId}\n            >\n              <BlocksToolbar />\n              <EditorDivider width=\"100%\" />\n              <BlocksContent {...contentProps} />\n              {!isExpandedMode && !isMobile && (\n                <IconButton\n                  position=\"absolute\"\n                  bottom=\"1.2rem\"\n                  right=\"1.2rem\"\n                  shadow=\"filterShadow\"\n                  label={formatMessage({\n                    id: getTranslation('components.Blocks.expand'),\n                    defaultMessage: 'Expand',\n                  })}\n                  onClick={handleToggleExpand}\n                >\n                  <Expand />\n                </IconButton>\n              )}\n            </EditorLayout>\n          </BlocksEditorProvider>\n        </Slate>\n      </>\n    );\n  }\n);\n\nexport {\n  type BlocksStore,\n  type RichTextBlocksStore,\n  type SelectorBlockKey,\n  BlocksEditor,\n  BlocksEditorProvider,\n  useBlocksEditorContext,\n  isSelectorBlockKey,\n  normalizeBlocksState,\n};\n"],"names":["BlocksEditorProvider","usePartialBlocksEditorContext","createContext","useBlocksEditorContext","consumerName","context","state","editor","useSlate","EditorDivider","styled","Divider","theme","colors","neutral200","useResetKey","value","slateUpdatesCount","React","useRef","valueUpdatesCount","key","setKey","useState","useEffect","current","externalState","length","normalizeBlocksState","editorState","children","JSON","stringify","selection","Transforms","deselect","previousKey","incrementSlateUpdatesCount","useCallback","pipe","fns","reduce","prev","fn","isEmpty","Editor","BlocksEditor","forwardRef","disabled","name","onChange","error","contentProps","forwardedRef","formatMessage","useIntl","isMobile","useIsMobile","blocks","useStrapiApp","plugins","apis","getRichTextBlocks","blockRegisteredPlugins","Object","values","map","block","plugin","filter","isNonNullable","withHistory","withStrapiSchema","withReact","createEditor","liveText","setLiveText","ariaDescriptionId","useId","isExpandedMode","handleToggleExpand","useReducer","useImperativeHandle","focus","ReactEditor","debounceTimeout","flushPendingFormSync","clearTimeout","flushSync","handleSlateChange","isAstChange","operations","some","op","type","setTimeout","isFocused","normalizedValue","normalizedEditorState","_jsxs","_Fragment","_jsx","VisuallyHidden","id","getTranslation","defaultMessage","aria-live","Slate","initialValue","text","modifiers","EditorLayout","onToggleExpand","BlocksToolbar","width","BlocksContent","IconButton","position","bottom","right","shadow","label","onClick","Expand"],"mappings":"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"}
+{"version":3,"file":"BlocksEditor.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  createContext,\n  useStrapiApp,\n  type FieldValue,\n  useIsMobile,\n} from '@strapi/admin/strapi-admin';\nimport { IconButton, Divider, VisuallyHidden } from '@strapi/design-system';\nimport { Expand } from '@strapi/icons';\nimport { flushSync } from 'react-dom';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { Editor, type Descendant, createEditor, Transforms, Element, Node } from 'slate';\nimport { withHistory } from 'slate-history';\nimport { type RenderElementProps, Slate, withReact, ReactEditor, useSlate } from 'slate-react';\nimport { styled, type CSSProperties } from 'styled-components';\n\nimport { ContentManagerPlugin } from '../../../../../content-manager';\nimport { getTranslation } from '../../../../../utils/translations';\n\nimport { BlocksContent, type BlocksContentProps } from './BlocksContent';\nimport { BlocksToolbar } from './BlocksToolbar';\nimport { EditorLayout } from './EditorLayout';\nimport { type ModifiersStore, modifiers } from './Modifiers';\nimport { withStrapiSchema } from './plugins/withStrapiSchema';\nimport { isNonNullable } from './utils/types';\n\nimport type { Schema } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * BlocksEditorProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CustomNode extends Omit<Schema.Attribute.BlocksNode, 'type'> {\n  type: Schema.Attribute.BlocksNode['type'] | string;\n  level?: number;\n  format?: string;\n}\n\ninterface BaseBlock {\n  renderElement: (props: RenderElementProps) => React.JSX.Element;\n  /** Function to check if a given node is of this type of block */\n  matchNode: (node: Schema.Attribute.BlocksNode | CustomNode) => boolean;\n  handleConvert?: (editor: Editor) => void | (() => React.JSX.Element);\n  handleEnterKey?: (editor: Editor) => void;\n  handleBackspaceKey?: (editor: Editor, event: React.KeyboardEvent<HTMLElement>) => void;\n  handleTab?: (editor: Editor) => void;\n  handleShiftTab?: (editor: Editor) => void;\n  snippets?: string[];\n  /** Adjust the vertical positioning of the drag-to-reorder grip icon */\n  dragHandleTopMargin?: CSSProperties['marginTop'];\n  /** A Slate plugin: function that will wrap the editor creation */\n  plugin?: (editor: Editor) => Editor;\n  /**\n   * Function that checks if an element should be draggable\n   * @default () => true */\n  isDraggable?: (element: Element) => boolean;\n}\n\nexport interface NonSelectorBlock extends BaseBlock {\n  isInBlocksSelector?: false;\n}\n\nexport interface SelectorBlock extends BaseBlock {\n  isInBlocksSelector: true;\n  icon?: React.ComponentType;\n  label: MessageDescriptor;\n}\n\ntype NonSelectorBlockKey = 'list-item' | 'link';\n\nconst selectorBlockKeys = [\n  'paragraph',\n  'heading-one',\n  'heading-two',\n  'heading-three',\n  'heading-four',\n  'heading-five',\n  'heading-six',\n  'list-ordered',\n  'list-unordered',\n  'image',\n  'quote',\n  'code',\n] as const;\n\ntype SelectorBlockKey = (typeof selectorBlockKeys)[number];\n\nconst isSelectorBlockKey = (key: unknown): key is SelectorBlockKey => {\n  return typeof key === 'string' && selectorBlockKeys.includes(key as SelectorBlockKey);\n};\n\ntype BlocksStore = {\n  [K in SelectorBlockKey]: SelectorBlock;\n} & {\n  [K in NonSelectorBlockKey]: NonSelectorBlock;\n};\n\ntype RichTextBlocksStore = Partial<BlocksStore> & Record<string, SelectorBlock | NonSelectorBlock>;\n\ninterface BlocksEditorContextValue {\n  blocks: RichTextBlocksStore;\n  modifiers: ModifiersStore;\n  disabled: boolean;\n  name: string;\n  setLiveText: (text: string) => void;\n  isExpandedMode: boolean;\n  /** Push debounced Slate → form sync immediately (e.g. on Editable blur before Save). */\n  flushPendingFormSync: () => void;\n}\n\nconst [BlocksEditorProvider, usePartialBlocksEditorContext] =\n  createContext<BlocksEditorContextValue>('BlocksEditor');\n\nfunction useBlocksEditorContext(consumerName: string): BlocksEditorContextValue & {\n  editor: Editor;\n} {\n  const context = usePartialBlocksEditorContext(consumerName, (state) => state);\n  const editor = useSlate();\n\n  return {\n    ...context,\n    editor,\n  };\n}\n\n/* -------------------------------------------------------------------------------------------------\n * BlocksEditor\n * -----------------------------------------------------------------------------------------------*/\n\nconst EditorDivider = styled(Divider)`\n  background: ${({ theme }) => theme.colors.neutral200};\n`;\n\n/**\n * Forces an update of the Slate editor when the value prop changes from outside of Slate.\n * The root cause is that Slate is not a controlled component: https://github.com/ianstormtaylor/slate/issues/4612\n * Why not use JSON.stringify(value) as the key?\n * Because it would force a rerender of the entire editor every time the user types a character.\n * Why not use the entity id as the key, since it's unique for each locale?\n * Because it would not solve the problem when using the \"fill in from other locale\" feature\n */\nfunction useResetKey(\n  editor: Editor,\n  value?: Schema.Attribute.BlocksValue\n): {\n  key: number;\n  incrementSlateUpdatesCount: () => void;\n} {\n  // Keep track how many times Slate detected a change from a user interaction in the editor\n  const slateUpdatesCount = React.useRef(0);\n  // Keep track of how many times the value prop was updated, whether from within editor or from outside\n  const valueUpdatesCount = React.useRef(0);\n  // Use a key to force a rerender of the Slate editor when needed\n  const [key, setKey] = React.useState(0);\n\n  React.useEffect(() => {\n    valueUpdatesCount.current += 1;\n\n    // If the 2 refs are not equal, it means the value was updated from outside\n    if (valueUpdatesCount.current !== slateUpdatesCount.current) {\n      // Bring the 2 refs back in sync\n      slateUpdatesCount.current = valueUpdatesCount.current;\n\n      // The update may just be an echo of the editor's own content coming back through the form\n      // (e.g. the debounced sync, or a re-render while document queries settle). Remounting in\n      // that case is pointless and destructive: it wipes pending input and the DOM under the\n      // user's caret. Only force a remount when the content is actually different.\n      const externalState = value?.length ? normalizeBlocksState(editor, value) : null;\n      const editorState = normalizeBlocksState(editor, editor.children);\n      if (JSON.stringify(externalState) === JSON.stringify(editorState)) {\n        return;\n      }\n\n      // The remount reuses the same editor instance, so a selection pointing into the old\n      // content would survive it and crash slate-react's toDOMPoint when the new content is\n      // shorter. Drop the selection before swapping the children.\n      if (editor.selection) {\n        Transforms.deselect(editor);\n      }\n\n      // Change the key to force a rerender of the Slate editor,\n      // which will pick up the new value through its initialValue prop\n      setKey((previousKey) => previousKey + 1);\n    }\n  }, [editor, value]);\n\n  const incrementSlateUpdatesCount = React.useCallback(() => {\n    slateUpdatesCount.current += 1;\n  }, []);\n\n  return { key, incrementSlateUpdatesCount };\n}\n\nconst pipe =\n  (...fns: ((baseEditor: Editor) => Editor)[]) =>\n  (value: Editor) =>\n    fns.reduce<Editor>((prev, fn) => fn(prev), value);\n\n/**\n * Normalize the blocks state to null if the editor state is considered empty,\n * otherwise return the state\n */\nconst normalizeBlocksState = (\n  editor: Editor,\n  value: Schema.Attribute.BlocksValue | Descendant[]\n): Schema.Attribute.BlocksValue | Descendant[] | null => {\n  const isEmpty =\n    value.length === 1 && Editor.isEmpty(editor, value[0] as Schema.Attribute.BlocksNode);\n\n  return isEmpty ? null : value;\n};\n\ninterface BlocksEditorProps\n  extends Pick<FieldValue<Schema.Attribute.BlocksValue>, 'onChange' | 'value' | 'error'>,\n    BlocksContentProps {\n  disabled?: boolean;\n  name: string;\n  /** When true, sync form state on every keystroke (Live Preview popover). */\n  livePreviewSync?: boolean;\n  /** Index of the block that was double-clicked in the live preview. When provided,\n   *  the editor positions the Slate cursor at that block on mount instead of using autoFocus. */\n  blockIndex?: number | null;\n}\n\nconst BlocksEditor = React.forwardRef<{ focus: () => void }, BlocksEditorProps>(\n  (\n    {\n      disabled = false,\n      name,\n      onChange,\n      value,\n      error,\n      livePreviewSync = false,\n      blockIndex,\n      ...contentProps\n    },\n    forwardedRef\n  ) => {\n    const { formatMessage } = useIntl();\n    const isMobile = useIsMobile();\n\n    const blocks = useStrapiApp(\n      'BlocksEditor',\n      (state) =>\n        (\n          state.plugins['content-manager']?.apis as\n            | ContentManagerPlugin['config']['apis']\n            | undefined\n        )?.getRichTextBlocks() ?? ({} as RichTextBlocksStore)\n    );\n\n    const blockRegisteredPlugins = Object.values(blocks)\n      .map((block) => block.plugin)\n      .filter(isNonNullable);\n\n    const [editor] = React.useState(() =>\n      pipe(withHistory, withStrapiSchema, withReact, ...blockRegisteredPlugins)(createEditor())\n    );\n    const [liveText, setLiveText] = React.useState('');\n    const ariaDescriptionId = React.useId();\n    const [isExpandedMode, handleToggleExpand] = React.useReducer((prev) => !prev, false);\n\n    /**\n     * Editable is not able to hold the ref, https://github.com/ianstormtaylor/slate/issues/4082\n     * so with \"useImperativeHandle\" we can use ReactEditor methods to expose to the parent above\n     * also not passing forwarded ref here, gives console warning.\n     */\n    React.useImperativeHandle(\n      forwardedRef,\n      () => ({\n        focus() {\n          ReactEditor.focus(editor);\n        },\n      }),\n      [editor]\n    );\n\n    const { key, incrementSlateUpdatesCount } = useResetKey(editor, value);\n\n    const debounceTimeout = React.useRef<NodeJS.Timeout | null>(null);\n\n    const flushPendingFormSync = React.useCallback(() => {\n      if (!debounceTimeout.current) {\n        return;\n      }\n      clearTimeout(debounceTimeout.current);\n      debounceTimeout.current = null;\n      // Counter was already bumped when the AST changed; only push form state here.\n      // Ensure Strapi Form state updates before the next event (e.g. Save click) reads values.\n      flushSync(() => {\n        onChange(\n          name,\n          normalizeBlocksState(editor, editor.children) as Schema.Attribute.BlocksValue\n        );\n      });\n    }, [editor, name, onChange]);\n\n    const handleSlateChange = React.useCallback(\n      (state: Descendant[]) => {\n        const isAstChange = editor.operations.some((op) => op.type !== 'set_selection');\n\n        if (isAstChange) {\n          /**\n           * Slate handles the state of the editor internally. We just need to keep Strapi's form\n           * state in sync with it in order to make sure that things like the \"modified\" state\n           * isn't broken. Updating the whole state on every change is very expensive however,\n           * so we debounce calls to onChange to mitigate input lag.\n           *\n           * Bump the reset-key counter immediately (not inside the debounce). Otherwise any\n           * value-prop identity change during the 300ms window — e.g. clicking the blocks\n           * toolbar — looks like an external update with stale empty form state and remounts\n           * the editor, wiping the pending input (blocks e2e flake).\n           */\n          incrementSlateUpdatesCount();\n          if (livePreviewSync) {\n            onChange(name, normalizeBlocksState(editor, state) as Schema.Attribute.BlocksValue);\n            return;\n          }\n\n          if (debounceTimeout.current) {\n            clearTimeout(debounceTimeout.current);\n          }\n\n          debounceTimeout.current = setTimeout(() => {\n            // Normalize the state (empty editor becomes null)\n            onChange(name, normalizeBlocksState(editor, state) as Schema.Attribute.BlocksValue);\n            debounceTimeout.current = null;\n          }, 300);\n        }\n      },\n      [editor, incrementSlateUpdatesCount, livePreviewSync, name, onChange]\n    );\n\n    // Clean up the timeout on unmount\n    React.useEffect(() => {\n      return () => {\n        if (debounceTimeout.current) {\n          clearTimeout(debounceTimeout.current);\n        }\n      };\n    }, []);\n\n    // When opened from a live-preview double-click, position the cursor at the clicked block\n    React.useEffect(() => {\n      if (blockIndex == null) return;\n\n      const targetIndex = Math.min(blockIndex, editor.children.length - 1);\n\n      try {\n        Transforms.select(editor, Editor.start(editor, [targetIndex]));\n      } catch {\n        // Slate tree not yet ready; skip cursor positioning and scroll\n        return;\n      }\n      try {\n        ReactEditor.focus(editor);\n      } catch {\n        // non-fatal — editor DOM not yet committed\n      }\n\n      // Defer scroll past the re-render triggered by Transforms.select above.\n      // Slate's handleScrollSelectionIntoView runs as a layout effect during\n      // that re-render; our rAF fires after it, letting us override the position.\n      const raf = requestAnimationFrame(() => {\n        try {\n          const blockNode = Node.get(editor, [targetIndex]);\n          const domEl = ReactEditor.toDOMNode(editor, blockNode as Element);\n          // Walk to BlocksContent's scroll container via the Slate editor root,\n          // bypassing scrollIntoView which can target overflow:hidden ancestors.\n          const editorDomEl = domEl.closest('[data-slate-editor]');\n          const scrollContainer = editorDomEl?.parentElement as HTMLElement | null;\n          if (scrollContainer) {\n            const blockRect = domEl.getBoundingClientRect();\n            const containerRect = scrollContainer.getBoundingClientRect();\n            // 24px = BlocksContent paddingTop={6} (design-system 4px scale)\n            scrollContainer.scrollTop =\n              blockRect.top - containerRect.top + scrollContainer.scrollTop - 24;\n          } else {\n            domEl.scrollIntoView({ block: 'start' });\n          }\n        } catch {\n          // scroll errors are non-fatal; the cursor is already positioned\n        }\n      });\n\n      return () => cancelAnimationFrame(raf);\n      // `key` is included so that if useResetKey remounts the Slate editor (clearing\n      // editor.selection to null), this effect re-runs and restores the cursor position.\n    }, [blockIndex, editor, key]);\n\n    // Ensure the editor is in sync after discard\n    React.useEffect(() => {\n      // Never deselect while the editor is actively focused (typing / editing),\n      if (ReactEditor.isFocused(editor)) {\n        return;\n      }\n\n      // Normalize empty states for comparison to avoid losing focus on the editor when content is deleted\n      const normalizedValue = value?.length ? value : null;\n      const normalizedEditorState = normalizeBlocksState(editor, editor.children);\n\n      // Compare the field value with the editor state to check for a stale selection\n      if (\n        normalizedValue &&\n        normalizedEditorState &&\n        JSON.stringify(normalizedEditorState) !== JSON.stringify(normalizedValue)\n      ) {\n        // When there is a diff, unset selection to avoid an invalid state\n        Transforms.deselect(editor);\n      }\n    }, [editor, value]);\n\n    return (\n      <>\n        <VisuallyHidden id={ariaDescriptionId}>\n          {formatMessage({\n            id: getTranslation('components.Blocks.dnd.instruction'),\n            defaultMessage: `To reorder blocks, press Command or Control along with Shift and the Up or Down arrow keys`,\n          })}\n        </VisuallyHidden>\n        <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\n        <Slate\n          editor={editor}\n          initialValue={\n            value?.length ? value : [{ type: 'paragraph', children: [{ type: 'text', text: '' }] }]\n          }\n          onChange={handleSlateChange}\n          key={key}\n        >\n          <BlocksEditorProvider\n            blocks={blocks}\n            modifiers={modifiers}\n            disabled={disabled}\n            name={name}\n            setLiveText={setLiveText}\n            isExpandedMode={isExpandedMode}\n            flushPendingFormSync={flushPendingFormSync}\n          >\n            <EditorLayout\n              error={error}\n              disabled={disabled}\n              onToggleExpand={handleToggleExpand}\n              ariaDescriptionId={ariaDescriptionId}\n              livePreviewSync={livePreviewSync}\n            >\n              <BlocksToolbar />\n              <EditorDivider width=\"100%\" />\n              <BlocksContent {...contentProps} />\n              {!isExpandedMode && !isMobile && (\n                <IconButton\n                  position=\"absolute\"\n                  bottom=\"1.2rem\"\n                  right=\"1.2rem\"\n                  shadow=\"filterShadow\"\n                  label={formatMessage({\n                    id: getTranslation('components.Blocks.expand'),\n                    defaultMessage: 'Expand',\n                  })}\n                  onClick={handleToggleExpand}\n                >\n                  <Expand />\n                </IconButton>\n              )}\n            </EditorLayout>\n          </BlocksEditorProvider>\n        </Slate>\n      </>\n    );\n  }\n);\n\nexport {\n  type BlocksStore,\n  type RichTextBlocksStore,\n  type SelectorBlockKey,\n  BlocksEditor,\n  BlocksEditorProvider,\n  useBlocksEditorContext,\n  isSelectorBlockKey,\n  normalizeBlocksState,\n};\n"],"names":["BlocksEditorProvider","usePartialBlocksEditorContext","createContext","useBlocksEditorContext","consumerName","context","state","editor","useSlate","EditorDivider","styled","Divider","theme","colors","neutral200","useResetKey","value","slateUpdatesCount","React","useRef","valueUpdatesCount","key","setKey","useState","useEffect","current","externalState","length","normalizeBlocksState","editorState","children","JSON","stringify","selection","Transforms","deselect","previousKey","incrementSlateUpdatesCount","useCallback","pipe","fns","reduce","prev","fn","isEmpty","Editor","BlocksEditor","forwardRef","disabled","name","onChange","error","livePreviewSync","blockIndex","contentProps","forwardedRef","formatMessage","useIntl","isMobile","useIsMobile","blocks","useStrapiApp","plugins","apis","getRichTextBlocks","blockRegisteredPlugins","Object","values","map","block","plugin","filter","isNonNullable","withHistory","withStrapiSchema","withReact","createEditor","liveText","setLiveText","ariaDescriptionId","useId","isExpandedMode","handleToggleExpand","useReducer","useImperativeHandle","focus","ReactEditor","debounceTimeout","flushPendingFormSync","clearTimeout","flushSync","handleSlateChange","isAstChange","operations","some","op","type","setTimeout","targetIndex","Math","min","select","start","raf","requestAnimationFrame","blockNode","Node","get","domEl","toDOMNode","editorDomEl","closest","scrollContainer","parentElement","blockRect","getBoundingClientRect","containerRect","scrollTop","top","scrollIntoView","cancelAnimationFrame","isFocused","normalizedValue","normalizedEditorState","_jsxs","_Fragment","_jsx","VisuallyHidden","id","getTranslation","defaultMessage","aria-live","Slate","initialValue","text","modifiers","EditorLayout","onToggleExpand","BlocksToolbar","width","BlocksContent","IconButton","position","bottom","right","shadow","label","onClick","Expand"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.js

@@ -26,7 +26,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const BlocksInput = /*#__PURE__*/ React__namespace.forwardRef(({ label, name, required = false, hint, labelAction, ...editorProps }, forwardedRef)=>{
+const BlocksInput = /*#__PURE__*/ React__namespace.forwardRef(({ label, name, required = false, hint, labelAction, livePreviewSync = false, ...editorProps }, forwardedRef)=>{
     const id = React__namespace.useId();
     const field = strapiAdmin.useField(name);
     return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Root, {
@@ -35,10 +35,12 @@ const BlocksInput = /*#__PURE__*/ React__namespace.forwardRef(({ label, name, re
         hint: hint,
         error: field.error,
         required: required,
+        minHeight: livePreviewSync ? 0 : undefined,
         children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
             direction: "column",
             alignItems: "stretch",
             gap: 1,
+            minHeight: livePreviewSync ? 0 : undefined,
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
                     action: labelAction,
@@ -51,6 +53,7 @@ const BlocksInput = /*#__PURE__*/ React__namespace.forwardRef(({ label, name, re
                     value: field.value ?? [],
                     onChange: field.onChange,
                     ariaLabelId: id,
+                    livePreviewSync: livePreviewSync,
                     ...editorProps
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {}),

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlocksInput.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useField, type InputProps } from '@strapi/admin/strapi-admin';\nimport { Field, Flex } from '@strapi/design-system';\n\nimport { BlocksEditor } from './BlocksEditor';\n\nimport type { Schema } from '@strapi/types';\n\ninterface BlocksInputProps extends Omit<InputProps, 'type'> {\n  labelAction?: React.ReactNode;\n  type: Schema.Attribute.Blocks['type'];\n}\n\nconst BlocksInput = React.forwardRef<{ focus: () => void }, BlocksInputProps>(\n  ({ label, name, required = false, hint, labelAction, ...editorProps }, forwardedRef) => {\n    const id = React.useId();\n    const field = useField<Schema.Attribute.BlocksValue>(name);\n\n    return (\n      <Field.Root id={id} name={name} hint={hint} error={field.error} required={required}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n          <Field.Label action={labelAction}>{label}</Field.Label>\n          <BlocksEditor\n            name={name}\n            error={field.error}\n            ref={forwardedRef}\n            value={field.value ?? []}\n            onChange={field.onChange}\n            ariaLabelId={id}\n            {...editorProps}\n          />\n          <Field.Hint />\n          <Field.Error />\n        </Flex>\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedBlocksInput = React.memo(BlocksInput);\n\nexport { MemoizedBlocksInput as BlocksInput };\n"],"names":["BlocksInput","React","forwardRef","label","name","required","hint","labelAction","editorProps","forwardedRef","id","useId","field","useField","_jsx","Field","Root","error","_jsxs","Flex","direction","alignItems","gap","Label","action","BlocksEditor","ref","value","onChange","ariaLabelId","Hint","Error","MemoizedBlocksInput","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,4BAAcC,gBAAAA,CAAMC,UAAU,CAClC,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAAA,GAAW,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,aAAa,EAAEC,YAAAA,GAAAA;IACrE,MAAMC,EAAAA,GAAKT,iBAAMU,KAAK,EAAA;AACtB,IAAA,MAAMC,QAAQC,oBAAAA,CAAuCT,IAAAA,CAAAA;IAErD,qBACEU,cAAA,CAACC,mBAAMC,IAAI,EAAA;QAACN,EAAAA,EAAIA,EAAAA;QAAIN,IAAAA,EAAMA,IAAAA;QAAME,IAAAA,EAAMA,IAAAA;AAAMW,QAAAA,KAAAA,EAAOL,MAAMK,KAAK;QAAEZ,QAAAA,EAAUA,QAAAA;AACxE,QAAA,QAAA,gBAAAa,eAAA,CAACC,iBAAAA,EAAAA;YAAKC,SAAAA,EAAU,QAAA;YAASC,UAAAA,EAAW,SAAA;YAAUC,GAAAA,EAAK,CAAA;;AACjD,8BAAAR,cAAA,CAACC,mBAAMQ,KAAK,EAAA;oBAACC,MAAAA,EAAQjB,WAAAA;AAAcJ,oBAAAA,QAAAA,EAAAA;;8BACnCW,cAAA,CAACW,yBAAAA,EAAAA;oBACCrB,IAAAA,EAAMA,IAAAA;AACNa,oBAAAA,KAAAA,EAAOL,MAAMK,KAAK;oBAClBS,GAAAA,EAAKjB,YAAAA;oBACLkB,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAE;AACxBC,oBAAAA,QAAAA,EAAUhB,MAAMgB,QAAQ;oBACxBC,WAAAA,EAAanB,EAAAA;AACZ,oBAAA,GAAGF;;AAEN,8BAAAM,cAAA,CAACC,mBAAMe,IAAI,EAAA,EAAA,CAAA;AACX,8BAAAhB,cAAA,CAACC,mBAAMgB,KAAK,EAAA,EAAA;;;;AAIpB,CAAA,CAAA;AAGF,MAAMC,mBAAAA,iBAAsB/B,gBAAAA,CAAMgC,IAAI,CAACjC,WAAAA;;;;"}
+{"version":3,"file":"BlocksInput.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useField, type InputProps } from '@strapi/admin/strapi-admin';\nimport { Field, Flex } from '@strapi/design-system';\n\nimport { BlocksEditor } from './BlocksEditor';\n\nimport type { Schema } from '@strapi/types';\n\ninterface BlocksInputProps extends Omit<InputProps, 'type'> {\n  labelAction?: React.ReactNode;\n  type: Schema.Attribute.Blocks['type'];\n  autoFocus?: boolean;\n  livePreviewSync?: boolean;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  blockIndex?: number | null;\n}\n\nconst BlocksInput = React.forwardRef<{ focus: () => void }, BlocksInputProps>(\n  (\n    { label, name, required = false, hint, labelAction, livePreviewSync = false, ...editorProps },\n    forwardedRef\n  ) => {\n    const id = React.useId();\n    const field = useField<Schema.Attribute.BlocksValue>(name);\n\n    return (\n      <Field.Root\n        id={id}\n        name={name}\n        hint={hint}\n        error={field.error}\n        required={required}\n        minHeight={livePreviewSync ? 0 : undefined}\n      >\n        <Flex\n          direction=\"column\"\n          alignItems=\"stretch\"\n          gap={1}\n          minHeight={livePreviewSync ? 0 : undefined}\n        >\n          <Field.Label action={labelAction}>{label}</Field.Label>\n          <BlocksEditor\n            name={name}\n            error={field.error}\n            ref={forwardedRef}\n            value={field.value ?? []}\n            onChange={field.onChange}\n            ariaLabelId={id}\n            livePreviewSync={livePreviewSync}\n            {...editorProps}\n          />\n          <Field.Hint />\n          <Field.Error />\n        </Flex>\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedBlocksInput = React.memo(BlocksInput);\n\nexport { MemoizedBlocksInput as BlocksInput };\n"],"names":["BlocksInput","React","forwardRef","label","name","required","hint","labelAction","livePreviewSync","editorProps","forwardedRef","id","useId","field","useField","_jsx","Field","Root","error","minHeight","undefined","_jsxs","Flex","direction","alignItems","gap","Label","action","BlocksEditor","ref","value","onChange","ariaLabelId","Hint","Error","MemoizedBlocksInput","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,WAAAA,iBAAcC,iBAAMC,UAAU,CAClC,CACE,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAAA,GAAW,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,kBAAkB,KAAK,EAAE,GAAGC,WAAAA,EAAa,EAC7FC,YAAAA,GAAAA;IAEA,MAAMC,EAAAA,GAAKV,iBAAMW,KAAK,EAAA;AACtB,IAAA,MAAMC,QAAQC,oBAAAA,CAAuCV,IAAAA,CAAAA;IAErD,qBACEW,cAAA,CAACC,mBAAMC,IAAI,EAAA;QACTN,EAAAA,EAAIA,EAAAA;QACJP,IAAAA,EAAMA,IAAAA;QACNE,IAAAA,EAAMA,IAAAA;AACNY,QAAAA,KAAAA,EAAOL,MAAMK,KAAK;QAClBb,QAAAA,EAAUA,QAAAA;AACVc,QAAAA,SAAAA,EAAWX,kBAAkB,CAAA,GAAIY,SAAAA;AAEjC,QAAA,QAAA,gBAAAC,eAAA,CAACC,iBAAAA,EAAAA;YACCC,SAAAA,EAAU,QAAA;YACVC,UAAAA,EAAW,SAAA;YACXC,GAAAA,EAAK,CAAA;AACLN,YAAAA,SAAAA,EAAWX,kBAAkB,CAAA,GAAIY,SAAAA;;AAEjC,8BAAAL,cAAA,CAACC,mBAAMU,KAAK,EAAA;oBAACC,MAAAA,EAAQpB,WAAAA;AAAcJ,oBAAAA,QAAAA,EAAAA;;8BACnCY,cAAA,CAACa,yBAAAA,EAAAA;oBACCxB,IAAAA,EAAMA,IAAAA;AACNc,oBAAAA,KAAAA,EAAOL,MAAMK,KAAK;oBAClBW,GAAAA,EAAKnB,YAAAA;oBACLoB,KAAAA,EAAOjB,KAAAA,CAAMiB,KAAK,IAAI,EAAE;AACxBC,oBAAAA,QAAAA,EAAUlB,MAAMkB,QAAQ;oBACxBC,WAAAA,EAAarB,EAAAA;oBACbH,eAAAA,EAAiBA,eAAAA;AAChB,oBAAA,GAAGC;;AAEN,8BAAAM,cAAA,CAACC,mBAAMiB,IAAI,EAAA,EAAA,CAAA;AACX,8BAAAlB,cAAA,CAACC,mBAAMkB,KAAK,EAAA,EAAA;;;;AAIpB,CAAA,CAAA;AAGF,MAAMC,mBAAAA,iBAAsBlC,gBAAAA,CAAMmC,IAAI,CAACpC,WAAAA;;;;"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.mjs

@@ -4,7 +4,7 @@ import { useField } from '@strapi/admin/strapi-admin';
 import { Field, Flex } from '@strapi/design-system';
 import { BlocksEditor } from './BlocksEditor.mjs';
 
-const BlocksInput = /*#__PURE__*/ React.forwardRef(({ label, name, required = false, hint, labelAction, ...editorProps }, forwardedRef)=>{
+const BlocksInput = /*#__PURE__*/ React.forwardRef(({ label, name, required = false, hint, labelAction, livePreviewSync = false, ...editorProps }, forwardedRef)=>{
     const id = React.useId();
     const field = useField(name);
     return /*#__PURE__*/ jsx(Field.Root, {
@@ -13,10 +13,12 @@ const BlocksInput = /*#__PURE__*/ React.forwardRef(({ label, name, required = fa
         hint: hint,
         error: field.error,
         required: required,
+        minHeight: livePreviewSync ? 0 : undefined,
         children: /*#__PURE__*/ jsxs(Flex, {
             direction: "column",
             alignItems: "stretch",
             gap: 1,
+            minHeight: livePreviewSync ? 0 : undefined,
             children: [
                 /*#__PURE__*/ jsx(Field.Label, {
                     action: labelAction,
@@ -29,6 +31,7 @@ const BlocksInput = /*#__PURE__*/ React.forwardRef(({ label, name, required = fa
                     value: field.value ?? [],
                     onChange: field.onChange,
                     ariaLabelId: id,
+                    livePreviewSync: livePreviewSync,
                     ...editorProps
                 }),
                 /*#__PURE__*/ jsx(Field.Hint, {}),

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BlocksInput.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useField, type InputProps } from '@strapi/admin/strapi-admin';\nimport { Field, Flex } from '@strapi/design-system';\n\nimport { BlocksEditor } from './BlocksEditor';\n\nimport type { Schema } from '@strapi/types';\n\ninterface BlocksInputProps extends Omit<InputProps, 'type'> {\n  labelAction?: React.ReactNode;\n  type: Schema.Attribute.Blocks['type'];\n}\n\nconst BlocksInput = React.forwardRef<{ focus: () => void }, BlocksInputProps>(\n  ({ label, name, required = false, hint, labelAction, ...editorProps }, forwardedRef) => {\n    const id = React.useId();\n    const field = useField<Schema.Attribute.BlocksValue>(name);\n\n    return (\n      <Field.Root id={id} name={name} hint={hint} error={field.error} required={required}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n          <Field.Label action={labelAction}>{label}</Field.Label>\n          <BlocksEditor\n            name={name}\n            error={field.error}\n            ref={forwardedRef}\n            value={field.value ?? []}\n            onChange={field.onChange}\n            ariaLabelId={id}\n            {...editorProps}\n          />\n          <Field.Hint />\n          <Field.Error />\n        </Flex>\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedBlocksInput = React.memo(BlocksInput);\n\nexport { MemoizedBlocksInput as BlocksInput };\n"],"names":["BlocksInput","React","forwardRef","label","name","required","hint","labelAction","editorProps","forwardedRef","id","useId","field","useField","_jsx","Field","Root","error","_jsxs","Flex","direction","alignItems","gap","Label","action","BlocksEditor","ref","value","onChange","ariaLabelId","Hint","Error","MemoizedBlocksInput","memo"],"mappings":";;;;;;AAcA,MAAMA,4BAAcC,KAAAA,CAAMC,UAAU,CAClC,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAAA,GAAW,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGC,aAAa,EAAEC,YAAAA,GAAAA;IACrE,MAAMC,EAAAA,GAAKT,MAAMU,KAAK,EAAA;AACtB,IAAA,MAAMC,QAAQC,QAAAA,CAAuCT,IAAAA,CAAAA;IAErD,qBACEU,GAAA,CAACC,MAAMC,IAAI,EAAA;QAACN,EAAAA,EAAIA,EAAAA;QAAIN,IAAAA,EAAMA,IAAAA;QAAME,IAAAA,EAAMA,IAAAA;AAAMW,QAAAA,KAAAA,EAAOL,MAAMK,KAAK;QAAEZ,QAAAA,EAAUA,QAAAA;AACxE,QAAA,QAAA,gBAAAa,IAAA,CAACC,IAAAA,EAAAA;YAAKC,SAAAA,EAAU,QAAA;YAASC,UAAAA,EAAW,SAAA;YAAUC,GAAAA,EAAK,CAAA;;AACjD,8BAAAR,GAAA,CAACC,MAAMQ,KAAK,EAAA;oBAACC,MAAAA,EAAQjB,WAAAA;AAAcJ,oBAAAA,QAAAA,EAAAA;;8BACnCW,GAAA,CAACW,YAAAA,EAAAA;oBACCrB,IAAAA,EAAMA,IAAAA;AACNa,oBAAAA,KAAAA,EAAOL,MAAMK,KAAK;oBAClBS,GAAAA,EAAKjB,YAAAA;oBACLkB,KAAAA,EAAOf,KAAAA,CAAMe,KAAK,IAAI,EAAE;AACxBC,oBAAAA,QAAAA,EAAUhB,MAAMgB,QAAQ;oBACxBC,WAAAA,EAAanB,EAAAA;AACZ,oBAAA,GAAGF;;AAEN,8BAAAM,GAAA,CAACC,MAAMe,IAAI,EAAA,EAAA,CAAA;AACX,8BAAAhB,GAAA,CAACC,MAAMgB,KAAK,EAAA,EAAA;;;;AAIpB,CAAA,CAAA;AAGF,MAAMC,mBAAAA,iBAAsB/B,KAAAA,CAAMgC,IAAI,CAACjC,WAAAA;;;;"}
+{"version":3,"file":"BlocksInput.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useField, type InputProps } from '@strapi/admin/strapi-admin';\nimport { Field, Flex } from '@strapi/design-system';\n\nimport { BlocksEditor } from './BlocksEditor';\n\nimport type { Schema } from '@strapi/types';\n\ninterface BlocksInputProps extends Omit<InputProps, 'type'> {\n  labelAction?: React.ReactNode;\n  type: Schema.Attribute.Blocks['type'];\n  autoFocus?: boolean;\n  livePreviewSync?: boolean;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  blockIndex?: number | null;\n}\n\nconst BlocksInput = React.forwardRef<{ focus: () => void }, BlocksInputProps>(\n  (\n    { label, name, required = false, hint, labelAction, livePreviewSync = false, ...editorProps },\n    forwardedRef\n  ) => {\n    const id = React.useId();\n    const field = useField<Schema.Attribute.BlocksValue>(name);\n\n    return (\n      <Field.Root\n        id={id}\n        name={name}\n        hint={hint}\n        error={field.error}\n        required={required}\n        minHeight={livePreviewSync ? 0 : undefined}\n      >\n        <Flex\n          direction=\"column\"\n          alignItems=\"stretch\"\n          gap={1}\n          minHeight={livePreviewSync ? 0 : undefined}\n        >\n          <Field.Label action={labelAction}>{label}</Field.Label>\n          <BlocksEditor\n            name={name}\n            error={field.error}\n            ref={forwardedRef}\n            value={field.value ?? []}\n            onChange={field.onChange}\n            ariaLabelId={id}\n            livePreviewSync={livePreviewSync}\n            {...editorProps}\n          />\n          <Field.Hint />\n          <Field.Error />\n        </Flex>\n      </Field.Root>\n    );\n  }\n);\n\nconst MemoizedBlocksInput = React.memo(BlocksInput);\n\nexport { MemoizedBlocksInput as BlocksInput };\n"],"names":["BlocksInput","React","forwardRef","label","name","required","hint","labelAction","livePreviewSync","editorProps","forwardedRef","id","useId","field","useField","_jsx","Field","Root","error","minHeight","undefined","_jsxs","Flex","direction","alignItems","gap","Label","action","BlocksEditor","ref","value","onChange","ariaLabelId","Hint","Error","MemoizedBlocksInput","memo"],"mappings":";;;;;;AAmBA,MAAMA,WAAAA,iBAAcC,MAAMC,UAAU,CAClC,CACE,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAAA,GAAW,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,kBAAkB,KAAK,EAAE,GAAGC,WAAAA,EAAa,EAC7FC,YAAAA,GAAAA;IAEA,MAAMC,EAAAA,GAAKV,MAAMW,KAAK,EAAA;AACtB,IAAA,MAAMC,QAAQC,QAAAA,CAAuCV,IAAAA,CAAAA;IAErD,qBACEW,GAAA,CAACC,MAAMC,IAAI,EAAA;QACTN,EAAAA,EAAIA,EAAAA;QACJP,IAAAA,EAAMA,IAAAA;QACNE,IAAAA,EAAMA,IAAAA;AACNY,QAAAA,KAAAA,EAAOL,MAAMK,KAAK;QAClBb,QAAAA,EAAUA,QAAAA;AACVc,QAAAA,SAAAA,EAAWX,kBAAkB,CAAA,GAAIY,SAAAA;AAEjC,QAAA,QAAA,gBAAAC,IAAA,CAACC,IAAAA,EAAAA;YACCC,SAAAA,EAAU,QAAA;YACVC,UAAAA,EAAW,SAAA;YACXC,GAAAA,EAAK,CAAA;AACLN,YAAAA,SAAAA,EAAWX,kBAAkB,CAAA,GAAIY,SAAAA;;AAEjC,8BAAAL,GAAA,CAACC,MAAMU,KAAK,EAAA;oBAACC,MAAAA,EAAQpB,WAAAA;AAAcJ,oBAAAA,QAAAA,EAAAA;;8BACnCY,GAAA,CAACa,YAAAA,EAAAA;oBACCxB,IAAAA,EAAMA,IAAAA;AACNc,oBAAAA,KAAAA,EAAOL,MAAMK,KAAK;oBAClBW,GAAAA,EAAKnB,YAAAA;oBACLoB,KAAAA,EAAOjB,KAAAA,CAAMiB,KAAK,IAAI,EAAE;AACxBC,oBAAAA,QAAAA,EAAUlB,MAAMkB,QAAQ;oBACxBC,WAAAA,EAAarB,EAAAA;oBACbH,eAAAA,EAAiBA,eAAAA;AAChB,oBAAA,GAAGC;;AAEN,8BAAAM,GAAA,CAACC,MAAMiB,IAAI,EAAA,EAAA,CAAA;AACX,8BAAAlB,GAAA,CAACC,MAAMkB,KAAK,EAAA,EAAA;;;;AAIpB,CAAA,CAAA;AAGF,MAAMC,mBAAAA,iBAAsBlC,KAAAA,CAAMmC,IAAI,CAACpC,WAAAA;;;;"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksToolbar.js

@@ -620,6 +620,7 @@ const BlocksToolbar = ()=>{
     const { editor, blocks, modifiers, disabled } = BlocksEditor.useBlocksEditorContext('BlocksToolbar');
     const { formatMessage } = reactIntl.useIntl();
     const isMobile = strapiAdmin.useIsMobile();
+    const toolbarContainerRef = React__namespace.useRef(null);
     /**
    * The modifier buttons are disabled when an image is selected.
    */ const checkButtonDisabled = ()=>{
@@ -752,12 +753,14 @@ const BlocksToolbar = ()=>{
                     type: "multiple",
                     asChild: true,
                     children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        ref: toolbarContainerRef,
                         direction: "row",
                         gap: 1,
                         grow: 1,
                         overflow: "hidden",
                         children: /*#__PURE__*/ jsxRuntime.jsx(EditorToolbarObserver.EditorToolbarObserver, {
-                            observedComponents: observedComponents
+                            observedComponents: observedComponents,
+                            containerRef: toolbarContainerRef
                         })
                     })
                 })

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlocksToolbar.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksToolbar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Toolbar from '@radix-ui/react-toolbar';\nimport { useIsMobile } from '@strapi/admin/strapi-admin';\nimport {\n  Flex,\n  Tooltip,\n  SingleSelect,\n  SingleSelectOption,\n  Box,\n  FlexComponent,\n  BoxComponent,\n  Menu,\n} from '@strapi/design-system';\nimport { Link, ArrowUp, ArrowDown } from '@strapi/icons';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { Editor, Transforms, Element as SlateElement, Node, type Ancestor } from 'slate';\nimport { ReactEditor } from 'slate-react';\nimport { css, styled } from 'styled-components';\n\nimport { getTranslation } from '../../../../../utils/translations';\nimport { EditorToolbarObserver, type ObservedComponent } from '../../EditorToolbarObserver';\n\nimport { insertLink } from './Blocks/Link';\nimport { type BlocksStore, type SelectorBlock, useBlocksEditorContext } from './BlocksEditor';\nimport { type Block, getEntries, getKeys } from './utils/types';\n\nconst ToolbarWrapper = styled<FlexComponent>(Flex)`\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    background: ${({ theme }) => theme.colors.neutral150};\n  }\n`;\n\nconst ToolbarSeparator = styled(Toolbar.Separator)`\n  background: ${({ theme }) => theme.colors.neutral150};\n  width: 1px;\n  height: 2.4rem;\n  margin-left: ${({ theme }) => theme.spaces[1]};\n  margin-right: ${({ theme }) => theme.spaces[1]};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    margin-left: ${({ theme }) => theme.spaces[2]};\n    margin-right: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\nconst FlexButton = styled<FlexComponent<'button'>>(Flex)`\n  // Inherit the not-allowed cursor from ToolbarWrapper when disabled\n  &[aria-disabled] {\n    cursor: not-allowed;\n  }\n\n  &[aria-disabled='false'] {\n    cursor: pointer;\n\n    // Only apply hover styles if the button is enabled on desktop\n    ${({ theme }) => theme.breakpoints.medium} {\n      &:hover {\n        background: ${({ theme }) => theme.colors.primary100};\n      }\n    }\n  }\n`;\n\nconst SelectWrapper = styled<BoxComponent>(Box)`\n  // Styling changes to SingleSelect component don't work, so adding wrapper to target SingleSelect\n  div[role='combobox'] {\n    border: none;\n    cursor: pointer;\n    min-height: unset;\n    padding-top: ${({ theme }) => theme.spaces[2]};\n    padding-bottom: ${({ theme }) => theme.spaces[2]};\n    padding-left: ${({ theme }) => theme.spaces[4]};\n    padding-right: ${({ theme }) => theme.spaces[4]};\n    gap: ${({ theme }) => theme.spaces[2]};\n    \n    ${({ theme }) => theme.breakpoints.medium} {\n      padding-top: ${({ theme }) => theme.spaces[1]};\n      padding-bottom: ${({ theme }) => theme.spaces[1]};\n      gap: ${({ theme }) => theme.spaces[4]};\n    }\n\n    &[aria-disabled='false']:hover {\n      cursor: pointer;\n      background: ${({ theme }) => theme.colors.primary100};\n    }\n\n    &[aria-disabled] {\n      background: transparent;\n      cursor: inherit;\n\n      // Select text and icons should also have disabled color\n      span {\n        color: ${({ theme }) => theme.colors.neutral600};\n      }\n    }\n\n    & > span:first-child {\n     gap: ${({ theme }) => theme.spaces[0]};\n\n     ${({ theme }) => theme.breakpoints.medium} {\n      gap: ${({ theme }) => theme.spaces[3]};\n    }\n  }\n`;\n\n/**\n * Handles the modal component that may be returned by a block when converting it\n */\nfunction useConversionModal() {\n  const [modalElement, setModalComponent] = React.useState<React.JSX.Element | null>(null);\n\n  const handleConversionResult = (renderModal: void | (() => React.JSX.Element) | undefined) => {\n    // Not all blocks return a modal\n    if (renderModal) {\n      // Use cloneElement to apply a key because to create a new instance of the component\n      // Without the new key, the state is kept from previous times that option was picked\n      setModalComponent(React.cloneElement(renderModal(), { key: Date.now() }));\n    }\n  };\n\n  return { modalElement, handleConversionResult };\n}\n\ninterface ToolbarButtonProps {\n  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n  name: string;\n  label: MessageDescriptor;\n  isActive: boolean;\n  disabled: boolean;\n  handleClick: () => void;\n}\n\nconst ToolbarButton = ({\n  icon: Icon,\n  name,\n  label,\n  isActive,\n  disabled,\n  handleClick,\n}: ToolbarButtonProps) => {\n  const { editor } = useBlocksEditorContext('ToolbarButton');\n  const { formatMessage } = useIntl();\n  const labelMessage = formatMessage(label);\n\n  const enabledColor = isActive ? 'primary600' : 'neutral600';\n\n  return (\n    <Tooltip label={labelMessage}>\n      <Toolbar.ToggleItem\n        value={name}\n        data-state={isActive ? 'on' : 'off'}\n        onPointerDown={(e) => {\n          e.preventDefault();\n          handleClick();\n          ReactEditor.focus(editor);\n        }}\n        aria-disabled={disabled}\n        disabled={disabled}\n        aria-label={labelMessage}\n        asChild\n      >\n        <FlexButton\n          tag=\"button\"\n          background={isActive ? 'primary100' : ''}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          width={7}\n          height={7}\n          hasRadius\n          type=\"button\"\n        >\n          {Icon && <Icon fill={disabled ? 'neutral300' : enabledColor} />}\n        </FlexButton>\n      </Toolbar.ToggleItem>\n    </Tooltip>\n  );\n};\n\nconst BlocksDropdown = () => {\n  const { editor, blocks, disabled } = useBlocksEditorContext('BlocksDropdown');\n  const { formatMessage } = useIntl();\n  const { modalElement, handleConversionResult } = useConversionModal();\n  const isMobile = useIsMobile();\n\n  const blockKeysToInclude: string[] = getEntries(blocks).reduce<string[]>(\n    (currentKeys, [key, block]) => {\n      return block?.isInBlocksSelector ? [...currentKeys, key] : currentKeys;\n    },\n    []\n  );\n\n  const [blockSelected, setBlockSelected] = React.useState<string>('paragraph');\n\n  const handleSelect = (optionKey: unknown) => {\n    if (typeof optionKey !== 'string' || !blocks[optionKey]) {\n      return;\n    }\n\n    const editorIsEmpty =\n      editor.children.length === 1 && Editor.isEmpty(editor, editor.children[0]);\n\n    if (!editor.selection && !editorIsEmpty) {\n      // Toolbar buttons steal focus in Playwright (and sometimes in real browsers), clearing\n      // selection. Convert the last existing block — do not insert a new empty block, which\n      // would leave the user's content behind and convert a blank node instead.\n      const [, lastPath] = Editor.last(editor, []);\n      Transforms.select(editor, Editor.range(editor, lastPath));\n    } else if (!editor.selection && editorIsEmpty) {\n      // When there is no selection and the editor is empty,\n      // select the empty paragraph from Slate's initialValue so it gets converted\n      Transforms.select(editor, Editor.start(editor, [0, 0]));\n    }\n\n    // If selection is already a list block, toggle its format\n    const currentListEntry = Editor.above(editor, {\n      match: (node) => !Editor.isEditor(node) && node.type === 'list',\n    });\n\n    if (currentListEntry && ['list-ordered', 'list-unordered'].includes(optionKey)) {\n      const [currentList, currentListPath] = currentListEntry;\n      const format = optionKey === 'list-ordered' ? 'ordered' : 'unordered';\n\n      if (!Editor.isEditor(currentList) && isListNode(currentList)) {\n        // Format is different, toggle list format\n        if (currentList.format !== format) {\n          Transforms.setNodes(editor, { format }, { at: currentListPath });\n        }\n      }\n      return;\n    }\n\n    // Let the block handle the Slate conversion logic\n    const maybeRenderModal = blocks[optionKey]?.handleConvert?.(editor);\n    handleConversionResult(maybeRenderModal);\n\n    setBlockSelected(optionKey);\n\n    ReactEditor.focus(editor);\n  };\n\n  /**\n   * Prevent the select from focusing itself so ReactEditor.focus(editor) can focus the editor instead.\n   *\n   * The editor first loses focus to a blur event when clicking the select button. However,\n   * refocusing the editor is not enough since the select's default behavior is to refocus itself\n   * after an option is selected.\n   *\n   */\n  const preventSelectFocus = (e: Event) => e.preventDefault();\n\n  // Listen to the selection change and update the selected block in the dropdown\n  React.useEffect(() => {\n    if (editor.selection) {\n      let selectedNode: Ancestor;\n\n      // If selection anchor is a list-item, get its parent\n      const currentListEntry = Editor.above(editor, {\n        match: (node) => !Editor.isEditor(node) && node.type === 'list',\n        at: editor.selection.anchor,\n      });\n\n      if (currentListEntry) {\n        const [currentList] = currentListEntry;\n        selectedNode = currentList;\n      } else {\n        // Get the parent node of the anchor other than list-item\n        const [anchorNode] = Editor.parent(editor, editor.selection.anchor, {\n          edge: 'start',\n          depth: 2,\n        });\n\n        // @ts-expect-error slate's delete behaviour creates an exceptional type\n        if (anchorNode.type === 'list-item') {\n          // When the last node in the selection is a list item,\n          // slate's default delete operation leaves an empty list-item instead of converting it into a paragraph.\n          // Issue: https://github.com/ianstormtaylor/slate/issues/2500\n\n          Transforms.setNodes(editor, { type: 'paragraph' });\n          // @ts-expect-error convert explicitly type to paragraph\n          selectedNode = { ...anchorNode, type: 'paragraph' };\n        } else {\n          selectedNode = anchorNode;\n        }\n      }\n\n      // Find the block key that matches the anchor node\n      const anchorBlockKey = getKeys(blocks).find(\n        (blockKey) => !Editor.isEditor(selectedNode) && blocks[blockKey]?.matchNode(selectedNode)\n      );\n\n      // Change the value selected in the dropdown if it doesn't match the anchor block key\n      if (anchorBlockKey && anchorBlockKey !== blockSelected) {\n        setBlockSelected(anchorBlockKey);\n      }\n    }\n  }, [editor.selection, editor, blocks, blockSelected]);\n\n  React.useEffect(() => {\n    // If the selected block is not in the list of blocks to include, change the selected block to the first one\n    if (blockKeysToInclude.length > 0 && !blockKeysToInclude.includes(blockSelected)) {\n      setBlockSelected(blockKeysToInclude[0]);\n    }\n  }, [blockKeysToInclude, blockSelected]);\n\n  if (!blocks[blockSelected]) {\n    return null;\n  }\n\n  const selectedBlock = blocks[blockSelected] as SelectorBlock;\n  const Icon = selectedBlock.icon;\n\n  return (\n    <>\n      <SelectWrapper>\n        <SingleSelect\n          startIcon={Icon && <Icon />}\n          onChange={handleSelect}\n          customizeContent={() => (isMobile ? '' : formatMessage(selectedBlock.label))}\n          value={blockSelected}\n          onCloseAutoFocus={preventSelectFocus}\n          aria-label={formatMessage({\n            id: 'components.Blocks.blocks.selectBlock',\n            defaultMessage: 'Select a block',\n          })}\n          disabled={disabled}\n        >\n          {blockKeysToInclude.map((key) => {\n            const selectorBlock = blocks[key] as SelectorBlock;\n            return (\n              <BlockOption\n                key={key}\n                value={key}\n                label={selectorBlock.label}\n                icon={selectorBlock.icon}\n                blockSelected={blockSelected}\n              />\n            );\n          })}\n        </SingleSelect>\n      </SelectWrapper>\n      {modalElement}\n    </>\n  );\n};\n\ninterface BlockOptionProps {\n  value: string;\n  icon?: React.ComponentType<React.SVGProps<SVGElement>>;\n  label: MessageDescriptor;\n  blockSelected: string;\n}\n\nconst BlockOption = ({ value, icon: Icon, label, blockSelected }: BlockOptionProps) => {\n  const { formatMessage } = useIntl();\n\n  const isSelected = value === blockSelected;\n\n  return (\n    <SingleSelectOption\n      startIcon={Icon && <Icon fill={isSelected ? 'primary600' : 'neutral500'} />}\n      value={value}\n    >\n      {formatMessage(label)}\n    </SingleSelectOption>\n  );\n};\n\nconst isListNode = (node: unknown): node is Block<'list'> => {\n  return Node.isNode(node) && !Editor.isEditor(node) && node.type === 'list';\n};\n\ninterface ListButtonProps {\n  block: BlocksStore['list-ordered'] | BlocksStore['list-unordered'];\n  format: Block<'list'>['format'];\n  location?: 'toolbar' | 'menu';\n}\n\nconst ListButton = ({ block, format, location = 'toolbar' }: ListButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { editor, disabled, blocks } = useBlocksEditorContext('ListButton');\n\n  const isListActive = () => {\n    if (!editor.selection) return false;\n\n    // Get the parent list at selection anchor node\n    const currentListEntry = Editor.above(editor, {\n      match: (node) => !Editor.isEditor(node) && node.type === 'list',\n      at: editor.selection.anchor,\n    });\n\n    if (currentListEntry) {\n      const [currentList] = currentListEntry;\n      if (!Editor.isEditor(currentList) && isListNode(currentList) && currentList.format === format)\n        return true;\n    }\n\n    return false;\n  };\n\n  /**\n   * @TODO: Currently, applying list while multiple blocks are selected is not supported.\n   * We should implement this feature in the future.\n   */\n  const isListDisabled = () => {\n    // Always disabled when the whole editor is disabled\n    if (disabled) {\n      return true;\n    }\n\n    // Always enabled when there's no selection\n    if (!editor.selection) {\n      return false;\n    }\n\n    // Get the block node closest to the anchor and focus\n    const anchorNodeEntry = Editor.above(editor, {\n      at: editor.selection.anchor,\n      match: (node) => !Editor.isEditor(node) && node.type !== 'text',\n    });\n    const focusNodeEntry = Editor.above(editor, {\n      at: editor.selection.focus,\n      match: (node) => !Editor.isEditor(node) && node.type !== 'text',\n    });\n\n    if (!anchorNodeEntry || !focusNodeEntry) {\n      return false;\n    }\n\n    // Disabled if the anchor and focus are not in the same block\n    return anchorNodeEntry[0] !== focusNodeEntry[0];\n  };\n\n  const toggleList = (format: Block<'list'>['format']) => {\n    let currentListEntry;\n    if (editor.selection) {\n      currentListEntry = Editor.above(editor, {\n        match: (node) => !Editor.isEditor(node) && node.type === 'list',\n      });\n    } else {\n      // If no selection, toggle last inserted node\n      const [_, lastNodePath] = Editor.last(editor, []);\n      currentListEntry = Editor.above(editor, {\n        match: (node) => !Editor.isEditor(node) && node.type === 'list',\n        at: lastNodePath,\n      });\n    }\n\n    if (!currentListEntry) {\n      // If selection is not a list then convert it to list\n      blocks[`list-${format}`]?.handleConvert!(editor);\n      return;\n    }\n\n    // If selection is already a list then toggle format\n    const [currentList, currentListPath] = currentListEntry;\n\n    if (!Editor.isEditor(currentList) && isListNode(currentList)) {\n      if (currentList.format !== format) {\n        // Format is different, toggle list format\n        Transforms.setNodes(editor, { format }, { at: currentListPath });\n      } else {\n        // Format is same, convert selected list-item to paragraph\n        blocks['paragraph']?.handleConvert!(editor);\n      }\n    }\n  };\n\n  if (location === 'menu') {\n    const Icon = block.icon;\n\n    return (\n      <StyledMenuItem\n        startIcon={Icon && <Icon />}\n        onSelect={() => toggleList(format)}\n        isActive={isListActive()}\n        disabled={isListDisabled()}\n      >\n        {formatMessage(block.label)}\n      </StyledMenuItem>\n    );\n  }\n\n  return (\n    <ToolbarButton\n      icon={block.icon}\n      name={format}\n      label={block.label}\n      isActive={isListActive()}\n      disabled={isListDisabled()}\n      handleClick={() => toggleList(format)}\n    />\n  );\n};\n\nconst LinkButton = ({\n  disabled,\n  location = 'toolbar',\n}: {\n  disabled: boolean;\n  location?: 'toolbar' | 'menu';\n}) => {\n  const { editor } = useBlocksEditorContext('LinkButton');\n  const { formatMessage } = useIntl();\n\n  const isLinkActive = () => {\n    const { selection } = editor;\n\n    if (!selection) return false;\n\n    const [match] = Array.from(\n      Editor.nodes(editor, {\n        at: Editor.unhangRange(editor, selection),\n        match: (node) => SlateElement.isElement(node) && node.type === 'link',\n      })\n    );\n\n    return Boolean(match);\n  };\n\n  const isLinkDisabled = () => {\n    // Always disabled when the whole editor is disabled\n    if (disabled) {\n      return true;\n    }\n\n    // Always enabled when there's no selection\n    if (!editor.selection) {\n      return false;\n    }\n\n    // Get the block node closest to the anchor and focus\n    const anchorNodeEntry = Editor.above(editor, {\n      at: editor.selection.anchor,\n      match: (node) => !Editor.isEditor(node) && node.type !== 'text',\n    });\n    const focusNodeEntry = Editor.above(editor, {\n      at: editor.selection.focus,\n      match: (node) => !Editor.isEditor(node) && node.type !== 'text',\n    });\n\n    if (!anchorNodeEntry || !focusNodeEntry) {\n      return false;\n    }\n\n    // Disabled if the anchor and focus are not in the same block\n    return anchorNodeEntry[0] !== focusNodeEntry[0];\n  };\n\n  const addLink = () => {\n    editor.shouldSaveLinkPath = true;\n    // We insert an empty anchor, so we split the DOM to have a element we can use as reference for the popover\n    insertLink(editor, { url: '' });\n  };\n\n  const label = {\n    id: 'components.Blocks.link',\n    defaultMessage: 'Link',\n  } as MessageDescriptor;\n\n  if (location === 'menu') {\n    return (\n      <StyledMenuItem\n        startIcon={<Link />}\n        onSelect={addLink}\n        isActive={isLinkActive()}\n        disabled={isLinkDisabled()}\n      >\n        {formatMessage(label)}\n      </StyledMenuItem>\n    );\n  }\n\n  return (\n    <ToolbarButton\n      icon={Link}\n      name=\"link\"\n      label={label}\n      isActive={isLinkActive()}\n      handleClick={addLink}\n      disabled={isLinkDisabled()}\n    />\n  );\n};\n\nconst StyledMenuItem = styled(Menu.Item)<{ isActive: boolean }>`\n  ${(props) =>\n    props.isActive &&\n    css`\n      color: ${({ theme }) => theme.colors.primary600};\n      font-weight: 600;\n    `}\n\n  svg {\n    fill: ${({ theme, isActive }) =>\n      isActive ? theme.colors.primary600 : theme.colors.neutral500};\n  }\n`;\n\nconst ReorderToolbarButtons = () => {\n  const { editor, disabled, blocks, name, setLiveText } =\n    useBlocksEditorContext('ReorderToolbarButtons');\n  const { formatMessage } = useIntl();\n\n  const selection = editor.selection;\n  const totalBlocks = editor.children.length;\n\n  const anchorIndex = selection ? selection.anchor.path[0] : null;\n  const focusIndex = selection ? selection.focus.path[0] : null;\n  const isSingleBlockSelection =\n    anchorIndex !== null && focusIndex !== null && anchorIndex === focusIndex;\n\n  const selectedTopLevelNode =\n    isSingleBlockSelection && anchorIndex !== null ? editor.children[anchorIndex] : null;\n  const selectedBlock =\n    selectedTopLevelNode &&\n    Object.values(blocks).find((block) => block.matchNode(selectedTopLevelNode));\n\n  const isSelectedBlockDraggable =\n    selectedTopLevelNode && selectedBlock\n      ? (selectedBlock.isDraggable?.(selectedTopLevelNode) ?? true)\n      : false;\n\n  const canMoveUp =\n    !disabled &&\n    isSingleBlockSelection &&\n    isSelectedBlockDraggable &&\n    anchorIndex !== null &&\n    anchorIndex > 0;\n  const canMoveDown =\n    !disabled &&\n    isSingleBlockSelection &&\n    isSelectedBlockDraggable &&\n    anchorIndex !== null &&\n    anchorIndex < totalBlocks - 1;\n\n  const moveBlock = (direction: 'up' | 'down') => {\n    if (!selection || anchorIndex === null) return;\n\n    const currentIndex = [anchorIndex];\n    const newIndex = [direction === 'up' ? anchorIndex - 1 : anchorIndex + 1];\n\n    Transforms.moveNodes(editor, {\n      at: currentIndex,\n      to: newIndex,\n    });\n\n    // Keep the moved block focused so disabled states update immediately.\n    Transforms.select(editor, Editor.start(editor, newIndex));\n    ReactEditor.focus(editor);\n\n    setLiveText(\n      formatMessage(\n        {\n          id: getTranslation('components.Blocks.dnd.reorder'),\n          defaultMessage: '{item}, moved. New position in the editor: {position}.',\n        },\n        {\n          item: `${name}.${currentIndex[0] + 1}`,\n          position: `${newIndex[0] + 1} of ${editor.children.length}`,\n        }\n      )\n    );\n  };\n\n  return (\n    <Flex direction=\"row\" gap={1}>\n      <Tooltip\n        label={formatMessage({\n          id: getTranslation('components.DynamicZone.move-up'),\n          defaultMessage: 'Move up',\n        })}\n      >\n        <Toolbar.Button\n          onPointerDown={(e) => {\n            e.preventDefault();\n            if (canMoveUp) moveBlock('up');\n          }}\n          aria-disabled={!canMoveUp}\n          disabled={!canMoveUp}\n          aria-label={formatMessage({\n            id: getTranslation('components.DynamicZone.move-up'),\n            defaultMessage: 'Move up',\n          })}\n          asChild\n        >\n          <FlexButton\n            tag=\"button\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            width={7}\n            height={7}\n            hasRadius\n            type=\"button\"\n          >\n            <ArrowUp fill={!canMoveUp ? 'neutral300' : 'neutral600'} />\n          </FlexButton>\n        </Toolbar.Button>\n      </Tooltip>\n\n      <Tooltip\n        label={formatMessage({\n          id: getTranslation('components.DynamicZone.move-down'),\n          defaultMessage: 'Move down',\n        })}\n      >\n        <Toolbar.Button\n          onPointerDown={(e) => {\n            e.preventDefault();\n            if (canMoveDown) moveBlock('down');\n          }}\n          aria-disabled={!canMoveDown}\n          disabled={!canMoveDown}\n          aria-label={formatMessage({\n            id: getTranslation('components.DynamicZone.move-down'),\n            defaultMessage: 'Move down',\n          })}\n          asChild\n        >\n          <FlexButton\n            tag=\"button\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            width={7}\n            height={7}\n            hasRadius\n            type=\"button\"\n          >\n            <ArrowDown fill={!canMoveDown ? 'neutral300' : 'neutral600'} />\n          </FlexButton>\n        </Toolbar.Button>\n      </Tooltip>\n    </Flex>\n  );\n};\n\nconst BlocksToolbar = () => {\n  const { editor, blocks, modifiers, disabled } = useBlocksEditorContext('BlocksToolbar');\n  const { formatMessage } = useIntl();\n  const isMobile = useIsMobile();\n\n  /**\n   * The modifier buttons are disabled when an image is selected.\n   */\n  const checkButtonDisabled = () => {\n    // Always disabled when the whole editor is disabled\n    if (disabled) {\n      return true;\n    }\n\n    if (!editor.selection) {\n      return false;\n    }\n\n    const selectedNode = editor.children[editor.selection.anchor.path[0]];\n    if (!selectedNode) return true;\n\n    if (['image', 'code'].includes(selectedNode.type)) {\n      return true;\n    }\n\n    return false;\n  };\n\n  const isButtonDisabled = checkButtonDisabled();\n\n  /**\n   * Observed components are ones that may or may not be visible in the toolbar, depending on the\n   * available space. They provide two render props:\n   * - renderInToolbar: for when we try to render the component in the toolbar (may be hidden)\n   * - renderInMenu: for when the component didn't fit in the toolbar and is relegated\n   *   to the \"more\" menu\n   */\n  const observedComponents: ObservedComponent[] = [\n    ...Object.entries(modifiers).map(([name, modifier]) => {\n      const Icon = modifier.icon;\n      const isActive = modifier.checkIsActive(editor);\n      const handleSelect = () => modifier.handleToggle(editor);\n\n      return {\n        toolbar: (\n          <ToolbarButton\n            key={name}\n            name={name}\n            icon={modifier.icon}\n            label={modifier.label}\n            isActive={modifier.checkIsActive(editor)}\n            handleClick={handleSelect}\n            disabled={isButtonDisabled}\n          />\n        ),\n        menu: (\n          <StyledMenuItem startIcon={<Icon />} onSelect={handleSelect} isActive={isActive}>\n            {formatMessage(modifier.label)}\n          </StyledMenuItem>\n        ),\n        key: `modifier.${name}`,\n      };\n    }),\n    {\n      toolbar: <LinkButton disabled={isButtonDisabled} location=\"toolbar\" />,\n      menu: <LinkButton disabled={isButtonDisabled} location=\"menu\" />,\n      key: 'block.link',\n    },\n    {\n      // List buttons can only be rendered together when in the toolbar\n      toolbar: (\n        <Flex direction=\"row\">\n          <ToolbarSeparator style={{ marginLeft: '0.4rem' }} />\n          <Toolbar.ToggleGroup type=\"single\" asChild>\n            <Flex gap={1}>\n              <ListButton block={blocks['list-unordered']!} format=\"unordered\" location=\"toolbar\" />\n              <ListButton block={blocks['list-ordered']!} format=\"ordered\" location=\"toolbar\" />\n            </Flex>\n          </Toolbar.ToggleGroup>\n        </Flex>\n      ),\n      menu: (\n        <>\n          <Menu.Separator />\n          <ListButton block={blocks['list-unordered']!} format=\"unordered\" location=\"menu\" />\n          <ListButton block={blocks['list-ordered']!} format=\"ordered\" location=\"menu\" />\n        </>\n      ),\n      key: 'block.list',\n    },\n  ];\n\n  return (\n    <Toolbar.Root aria-disabled={disabled} asChild>\n      <ToolbarWrapper padding={{ initial: 1, medium: 2 }} width=\"100%\">\n        <BlocksDropdown />\n        {isMobile && (\n          <>\n            <ToolbarSeparator />\n            <ReorderToolbarButtons />\n          </>\n        )}\n        <ToolbarSeparator />\n        <Toolbar.ToggleGroup type=\"multiple\" asChild>\n          <Flex direction=\"row\" gap={1} grow={1} overflow=\"hidden\">\n            <EditorToolbarObserver observedComponents={observedComponents} />\n          </Flex>\n        </Toolbar.ToggleGroup>\n      </ToolbarWrapper>\n    </Toolbar.Root>\n  );\n};\n\nexport { BlocksToolbar, useConversionModal };\n"],"names":["ToolbarWrapper","styled","Flex","theme","colors","neutral150","ToolbarSeparator","Toolbar","Separator","spaces","breakpoints","medium","FlexButton","primary100","SelectWrapper","Box","neutral600","useConversionModal","modalElement","setModalComponent","React","useState","handleConversionResult","renderModal","cloneElement","key","Date","now","ToolbarButton","icon","Icon","name","label","isActive","disabled","handleClick","editor","useBlocksEditorContext","formatMessage","useIntl","labelMessage","enabledColor","_jsx","Tooltip","ToggleItem","value","data-state","onPointerDown","e","preventDefault","ReactEditor","focus","aria-disabled","aria-label","asChild","tag","background","alignItems","justifyContent","width","height","hasRadius","type","fill","BlocksDropdown","blocks","isMobile","useIsMobile","blockKeysToInclude","getEntries","reduce","currentKeys","block","isInBlocksSelector","blockSelected","setBlockSelected","handleSelect","optionKey","editorIsEmpty","children","length","Editor","isEmpty","selection","lastPath","last","Transforms","select","range","start","currentListEntry","above","match","node","isEditor","includes","currentList","currentListPath","format","isListNode","setNodes","at","maybeRenderModal","handleConvert","preventSelectFocus","useEffect","selectedNode","anchor","anchorNode","parent","edge","depth","anchorBlockKey","getKeys","find","blockKey","matchNode","selectedBlock","_jsxs","_Fragment","SingleSelect","startIcon","onChange","customizeContent","onCloseAutoFocus","id","defaultMessage","map","selectorBlock","BlockOption","isSelected","SingleSelectOption","Node","isNode","ListButton","location","isListActive","isListDisabled","anchorNodeEntry","focusNodeEntry","toggleList","_","lastNodePath","StyledMenuItem","onSelect","LinkButton","isLinkActive","Array","from","nodes","unhangRange","SlateElement","isElement","Boolean","isLinkDisabled","addLink","shouldSaveLinkPath","insertLink","url","Link","Menu","Item","props","css","primary600","neutral500","ReorderToolbarButtons","setLiveText","totalBlocks","anchorIndex","path","focusIndex","isSingleBlockSelection","selectedTopLevelNode","Object","values","isSelectedBlockDraggable","isDraggable","canMoveUp","canMoveDown","moveBlock","direction","currentIndex","newIndex","moveNodes","to","getTranslation","item","position","gap","Button","ArrowUp","ArrowDown","BlocksToolbar","modifiers","checkButtonDisabled","isButtonDisabled","observedComponents","entries","modifier","checkIsActive","handleToggle","toolbar","menu","style","marginLeft","ToggleGroup","Root","padding","initial","grow","overflow","EditorToolbarObserver"],"mappings":"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"}
+{"version":3,"file":"BlocksToolbar.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksToolbar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Toolbar from '@radix-ui/react-toolbar';\nimport { useIsMobile } from '@strapi/admin/strapi-admin';\nimport {\n  Flex,\n  Tooltip,\n  SingleSelect,\n  SingleSelectOption,\n  Box,\n  FlexComponent,\n  BoxComponent,\n  Menu,\n} from '@strapi/design-system';\nimport { Link, ArrowUp, ArrowDown } from '@strapi/icons';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { Editor, Transforms, Element as SlateElement, Node, type Ancestor } from 'slate';\nimport { ReactEditor } from 'slate-react';\nimport { css, styled } from 'styled-components';\n\nimport { getTranslation } from '../../../../../utils/translations';\nimport { EditorToolbarObserver, type ObservedComponent } from '../../EditorToolbarObserver';\n\nimport { insertLink } from './Blocks/Link';\nimport { type BlocksStore, type SelectorBlock, useBlocksEditorContext } from './BlocksEditor';\nimport { type Block, getEntries, getKeys } from './utils/types';\n\nconst ToolbarWrapper = styled<FlexComponent>(Flex)`\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    background: ${({ theme }) => theme.colors.neutral150};\n  }\n`;\n\nconst ToolbarSeparator = styled(Toolbar.Separator)`\n  background: ${({ theme }) => theme.colors.neutral150};\n  width: 1px;\n  height: 2.4rem;\n  margin-left: ${({ theme }) => theme.spaces[1]};\n  margin-right: ${({ theme }) => theme.spaces[1]};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    margin-left: ${({ theme }) => theme.spaces[2]};\n    margin-right: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\nconst FlexButton = styled<FlexComponent<'button'>>(Flex)`\n  // Inherit the not-allowed cursor from ToolbarWrapper when disabled\n  &[aria-disabled] {\n    cursor: not-allowed;\n  }\n\n  &[aria-disabled='false'] {\n    cursor: pointer;\n\n    // Only apply hover styles if the button is enabled on desktop\n    ${({ theme }) => theme.breakpoints.medium} {\n      &:hover {\n        background: ${({ theme }) => theme.colors.primary100};\n      }\n    }\n  }\n`;\n\nconst SelectWrapper = styled<BoxComponent>(Box)`\n  // Styling changes to SingleSelect component don't work, so adding wrapper to target SingleSelect\n  div[role='combobox'] {\n    border: none;\n    cursor: pointer;\n    min-height: unset;\n    padding-top: ${({ theme }) => theme.spaces[2]};\n    padding-bottom: ${({ theme }) => theme.spaces[2]};\n    padding-left: ${({ theme }) => theme.spaces[4]};\n    padding-right: ${({ theme }) => theme.spaces[4]};\n    gap: ${({ theme }) => theme.spaces[2]};\n    \n    ${({ theme }) => theme.breakpoints.medium} {\n      padding-top: ${({ theme }) => theme.spaces[1]};\n      padding-bottom: ${({ theme }) => theme.spaces[1]};\n      gap: ${({ theme }) => theme.spaces[4]};\n    }\n\n    &[aria-disabled='false']:hover {\n      cursor: pointer;\n      background: ${({ theme }) => theme.colors.primary100};\n    }\n\n    &[aria-disabled] {\n      background: transparent;\n      cursor: inherit;\n\n      // Select text and icons should also have disabled color\n      span {\n        color: ${({ theme }) => theme.colors.neutral600};\n      }\n    }\n\n    & > span:first-child {\n     gap: ${({ theme }) => theme.spaces[0]};\n\n     ${({ theme }) => theme.breakpoints.medium} {\n      gap: ${({ theme }) => theme.spaces[3]};\n    }\n  }\n`;\n\n/**\n * Handles the modal component that may be returned by a block when converting it\n */\nfunction useConversionModal() {\n  const [modalElement, setModalComponent] = React.useState<React.JSX.Element | null>(null);\n\n  const handleConversionResult = (renderModal: void | (() => React.JSX.Element) | undefined) => {\n    // Not all blocks return a modal\n    if (renderModal) {\n      // Use cloneElement to apply a key because to create a new instance of the component\n      // Without the new key, the state is kept from previous times that option was picked\n      setModalComponent(React.cloneElement(renderModal(), { key: Date.now() }));\n    }\n  };\n\n  return { modalElement, handleConversionResult };\n}\n\ninterface ToolbarButtonProps {\n  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n  name: string;\n  label: MessageDescriptor;\n  isActive: boolean;\n  disabled: boolean;\n  handleClick: () => void;\n}\n\nconst ToolbarButton = ({\n  icon: Icon,\n  name,\n  label,\n  isActive,\n  disabled,\n  handleClick,\n}: ToolbarButtonProps) => {\n  const { editor } = useBlocksEditorContext('ToolbarButton');\n  const { formatMessage } = useIntl();\n  const labelMessage = formatMessage(label);\n\n  const enabledColor = isActive ? 'primary600' : 'neutral600';\n\n  return (\n    <Tooltip label={labelMessage}>\n      <Toolbar.ToggleItem\n        value={name}\n        data-state={isActive ? 'on' : 'off'}\n        onPointerDown={(e) => {\n          e.preventDefault();\n          handleClick();\n          ReactEditor.focus(editor);\n        }}\n        aria-disabled={disabled}\n        disabled={disabled}\n        aria-label={labelMessage}\n        asChild\n      >\n        <FlexButton\n          tag=\"button\"\n          background={isActive ? 'primary100' : ''}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          width={7}\n          height={7}\n          hasRadius\n          type=\"button\"\n        >\n          {Icon && <Icon fill={disabled ? 'neutral300' : enabledColor} />}\n        </FlexButton>\n      </Toolbar.ToggleItem>\n    </Tooltip>\n  );\n};\n\nconst BlocksDropdown = () => {\n  const { editor, blocks, disabled } = useBlocksEditorContext('BlocksDropdown');\n  const { formatMessage } = useIntl();\n  const { modalElement, handleConversionResult } = useConversionModal();\n  const isMobile = useIsMobile();\n\n  const blockKeysToInclude: string[] = getEntries(blocks).reduce<string[]>(\n    (currentKeys, [key, block]) => {\n      return block?.isInBlocksSelector ? [...currentKeys, key] : currentKeys;\n    },\n    []\n  );\n\n  const [blockSelected, setBlockSelected] = React.useState<string>('paragraph');\n\n  const handleSelect = (optionKey: unknown) => {\n    if (typeof optionKey !== 'string' || !blocks[optionKey]) {\n      return;\n    }\n\n    const editorIsEmpty =\n      editor.children.length === 1 && Editor.isEmpty(editor, editor.children[0]);\n\n    if (!editor.selection && !editorIsEmpty) {\n      // Toolbar buttons steal focus in Playwright (and sometimes in real browsers), clearing\n      // selection. Convert the last existing block — do not insert a new empty block, which\n      // would leave the user's content behind and convert a blank node instead.\n      const [, lastPath] = Editor.last(editor, []);\n      Transforms.select(editor, Editor.range(editor, lastPath));\n    } else if (!editor.selection && editorIsEmpty) {\n      // When there is no selection and the editor is empty,\n      // select the empty paragraph from Slate's initialValue so it gets converted\n      Transforms.select(editor, Editor.start(editor, [0, 0]));\n    }\n\n    // If selection is already a list block, toggle its format\n    const currentListEntry = Editor.above(editor, {\n      match: (node) => !Editor.isEditor(node) && node.type === 'list',\n    });\n\n    if (currentListEntry && ['list-ordered', 'list-unordered'].includes(optionKey)) {\n      const [currentList, currentListPath] = currentListEntry;\n      const format = optionKey === 'list-ordered' ? 'ordered' : 'unordered';\n\n      if (!Editor.isEditor(currentList) && isListNode(currentList)) {\n        // Format is different, toggle list format\n        if (currentList.format !== format) {\n          Transforms.setNodes(editor, { format }, { at: currentListPath });\n        }\n      }\n      return;\n    }\n\n    // Let the block handle the Slate conversion logic\n    const maybeRenderModal = blocks[optionKey]?.handleConvert?.(editor);\n    handleConversionResult(maybeRenderModal);\n\n    setBlockSelected(optionKey);\n\n    ReactEditor.focus(editor);\n  };\n\n  /**\n   * Prevent the select from focusing itself so ReactEditor.focus(editor) can focus the editor instead.\n   *\n   * The editor first loses focus to a blur event when clicking the select button. However,\n   * refocusing the editor is not enough since the select's default behavior is to refocus itself\n   * after an option is selected.\n   *\n   */\n  const preventSelectFocus = (e: Event) => e.preventDefault();\n\n  // Listen to the selection change and update the selected block in the dropdown\n  React.useEffect(() => {\n    if (editor.selection) {\n      let selectedNode: Ancestor;\n\n      // If selection anchor is a list-item, get its parent\n      const currentListEntry = Editor.above(editor, {\n        match: (node) => !Editor.isEditor(node) && node.type === 'list',\n        at: editor.selection.anchor,\n      });\n\n      if (currentListEntry) {\n        const [currentList] = currentListEntry;\n        selectedNode = currentList;\n      } else {\n        // Get the parent node of the anchor other than list-item\n        const [anchorNode] = Editor.parent(editor, editor.selection.anchor, {\n          edge: 'start',\n          depth: 2,\n        });\n\n        // @ts-expect-error slate's delete behaviour creates an exceptional type\n        if (anchorNode.type === 'list-item') {\n          // When the last node in the selection is a list item,\n          // slate's default delete operation leaves an empty list-item instead of converting it into a paragraph.\n          // Issue: https://github.com/ianstormtaylor/slate/issues/2500\n\n          Transforms.setNodes(editor, { type: 'paragraph' });\n          // @ts-expect-error convert explicitly type to paragraph\n          selectedNode = { ...anchorNode, type: 'paragraph' };\n        } else {\n          selectedNode = anchorNode;\n        }\n      }\n\n      // Find the block key that matches the anchor node\n      const anchorBlockKey = getKeys(blocks).find(\n        (blockKey) => !Editor.isEditor(selectedNode) && blocks[blockKey]?.matchNode(selectedNode)\n      );\n\n      // Change the value selected in the dropdown if it doesn't match the anchor block key\n      if (anchorBlockKey && anchorBlockKey !== blockSelected) {\n        setBlockSelected(anchorBlockKey);\n      }\n    }\n  }, [editor.selection, editor, blocks, blockSelected]);\n\n  React.useEffect(() => {\n    // If the selected block is not in the list of blocks to include, change the selected block to the first one\n    if (blockKeysToInclude.length > 0 && !blockKeysToInclude.includes(blockSelected)) {\n      setBlockSelected(blockKeysToInclude[0]);\n    }\n  }, [blockKeysToInclude, blockSelected]);\n\n  if (!blocks[blockSelected]) {\n    return null;\n  }\n\n  const selectedBlock = blocks[blockSelected] as SelectorBlock;\n  const Icon = selectedBlock.icon;\n\n  return (\n    <>\n      <SelectWrapper>\n        <SingleSelect\n          startIcon={Icon && <Icon />}\n          onChange={handleSelect}\n          customizeContent={() => (isMobile ? '' : formatMessage(selectedBlock.label))}\n          value={blockSelected}\n          onCloseAutoFocus={preventSelectFocus}\n          aria-label={formatMessage({\n            id: 'components.Blocks.blocks.selectBlock',\n            defaultMessage: 'Select a block',\n          })}\n          disabled={disabled}\n        >\n          {blockKeysToInclude.map((key) => {\n            const selectorBlock = blocks[key] as SelectorBlock;\n            return (\n              <BlockOption\n                key={key}\n                value={key}\n                label={selectorBlock.label}\n                icon={selectorBlock.icon}\n                blockSelected={blockSelected}\n              />\n            );\n          })}\n        </SingleSelect>\n      </SelectWrapper>\n      {modalElement}\n    </>\n  );\n};\n\ninterface BlockOptionProps {\n  value: string;\n  icon?: React.ComponentType<React.SVGProps<SVGElement>>;\n  label: MessageDescriptor;\n  blockSelected: string;\n}\n\nconst BlockOption = ({ value, icon: Icon, label, blockSelected }: BlockOptionProps) => {\n  const { formatMessage } = useIntl();\n\n  const isSelected = value === blockSelected;\n\n  return (\n    <SingleSelectOption\n      startIcon={Icon && <Icon fill={isSelected ? 'primary600' : 'neutral500'} />}\n      value={value}\n    >\n      {formatMessage(label)}\n    </SingleSelectOption>\n  );\n};\n\nconst isListNode = (node: unknown): node is Block<'list'> => {\n  return Node.isNode(node) && !Editor.isEditor(node) && node.type === 'list';\n};\n\ninterface ListButtonProps {\n  block: BlocksStore['list-ordered'] | BlocksStore['list-unordered'];\n  format: Block<'list'>['format'];\n  location?: 'toolbar' | 'menu';\n}\n\nconst ListButton = ({ block, format, location = 'toolbar' }: ListButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { editor, disabled, blocks } = useBlocksEditorContext('ListButton');\n\n  const isListActive = () => {\n    if (!editor.selection) return false;\n\n    // Get the parent list at selection anchor node\n    const currentListEntry = Editor.above(editor, {\n      match: (node) => !Editor.isEditor(node) && node.type === 'list',\n      at: editor.selection.anchor,\n    });\n\n    if (currentListEntry) {\n      const [currentList] = currentListEntry;\n      if (!Editor.isEditor(currentList) && isListNode(currentList) && currentList.format === format)\n        return true;\n    }\n\n    return false;\n  };\n\n  /**\n   * @TODO: Currently, applying list while multiple blocks are selected is not supported.\n   * We should implement this feature in the future.\n   */\n  const isListDisabled = () => {\n    // Always disabled when the whole editor is disabled\n    if (disabled) {\n      return true;\n    }\n\n    // Always enabled when there's no selection\n    if (!editor.selection) {\n      return false;\n    }\n\n    // Get the block node closest to the anchor and focus\n    const anchorNodeEntry = Editor.above(editor, {\n      at: editor.selection.anchor,\n      match: (node) => !Editor.isEditor(node) && node.type !== 'text',\n    });\n    const focusNodeEntry = Editor.above(editor, {\n      at: editor.selection.focus,\n      match: (node) => !Editor.isEditor(node) && node.type !== 'text',\n    });\n\n    if (!anchorNodeEntry || !focusNodeEntry) {\n      return false;\n    }\n\n    // Disabled if the anchor and focus are not in the same block\n    return anchorNodeEntry[0] !== focusNodeEntry[0];\n  };\n\n  const toggleList = (format: Block<'list'>['format']) => {\n    let currentListEntry;\n    if (editor.selection) {\n      currentListEntry = Editor.above(editor, {\n        match: (node) => !Editor.isEditor(node) && node.type === 'list',\n      });\n    } else {\n      // If no selection, toggle last inserted node\n      const [_, lastNodePath] = Editor.last(editor, []);\n      currentListEntry = Editor.above(editor, {\n        match: (node) => !Editor.isEditor(node) && node.type === 'list',\n        at: lastNodePath,\n      });\n    }\n\n    if (!currentListEntry) {\n      // If selection is not a list then convert it to list\n      blocks[`list-${format}`]?.handleConvert!(editor);\n      return;\n    }\n\n    // If selection is already a list then toggle format\n    const [currentList, currentListPath] = currentListEntry;\n\n    if (!Editor.isEditor(currentList) && isListNode(currentList)) {\n      if (currentList.format !== format) {\n        // Format is different, toggle list format\n        Transforms.setNodes(editor, { format }, { at: currentListPath });\n      } else {\n        // Format is same, convert selected list-item to paragraph\n        blocks['paragraph']?.handleConvert!(editor);\n      }\n    }\n  };\n\n  if (location === 'menu') {\n    const Icon = block.icon;\n\n    return (\n      <StyledMenuItem\n        startIcon={Icon && <Icon />}\n        onSelect={() => toggleList(format)}\n        isActive={isListActive()}\n        disabled={isListDisabled()}\n      >\n        {formatMessage(block.label)}\n      </StyledMenuItem>\n    );\n  }\n\n  return (\n    <ToolbarButton\n      icon={block.icon}\n      name={format}\n      label={block.label}\n      isActive={isListActive()}\n      disabled={isListDisabled()}\n      handleClick={() => toggleList(format)}\n    />\n  );\n};\n\nconst LinkButton = ({\n  disabled,\n  location = 'toolbar',\n}: {\n  disabled: boolean;\n  location?: 'toolbar' | 'menu';\n}) => {\n  const { editor } = useBlocksEditorContext('LinkButton');\n  const { formatMessage } = useIntl();\n\n  const isLinkActive = () => {\n    const { selection } = editor;\n\n    if (!selection) return false;\n\n    const [match] = Array.from(\n      Editor.nodes(editor, {\n        at: Editor.unhangRange(editor, selection),\n        match: (node) => SlateElement.isElement(node) && node.type === 'link',\n      })\n    );\n\n    return Boolean(match);\n  };\n\n  const isLinkDisabled = () => {\n    // Always disabled when the whole editor is disabled\n    if (disabled) {\n      return true;\n    }\n\n    // Always enabled when there's no selection\n    if (!editor.selection) {\n      return false;\n    }\n\n    // Get the block node closest to the anchor and focus\n    const anchorNodeEntry = Editor.above(editor, {\n      at: editor.selection.anchor,\n      match: (node) => !Editor.isEditor(node) && node.type !== 'text',\n    });\n    const focusNodeEntry = Editor.above(editor, {\n      at: editor.selection.focus,\n      match: (node) => !Editor.isEditor(node) && node.type !== 'text',\n    });\n\n    if (!anchorNodeEntry || !focusNodeEntry) {\n      return false;\n    }\n\n    // Disabled if the anchor and focus are not in the same block\n    return anchorNodeEntry[0] !== focusNodeEntry[0];\n  };\n\n  const addLink = () => {\n    editor.shouldSaveLinkPath = true;\n    // We insert an empty anchor, so we split the DOM to have a element we can use as reference for the popover\n    insertLink(editor, { url: '' });\n  };\n\n  const label = {\n    id: 'components.Blocks.link',\n    defaultMessage: 'Link',\n  } as MessageDescriptor;\n\n  if (location === 'menu') {\n    return (\n      <StyledMenuItem\n        startIcon={<Link />}\n        onSelect={addLink}\n        isActive={isLinkActive()}\n        disabled={isLinkDisabled()}\n      >\n        {formatMessage(label)}\n      </StyledMenuItem>\n    );\n  }\n\n  return (\n    <ToolbarButton\n      icon={Link}\n      name=\"link\"\n      label={label}\n      isActive={isLinkActive()}\n      handleClick={addLink}\n      disabled={isLinkDisabled()}\n    />\n  );\n};\n\nconst StyledMenuItem = styled(Menu.Item)<{ isActive: boolean }>`\n  ${(props) =>\n    props.isActive &&\n    css`\n      color: ${({ theme }) => theme.colors.primary600};\n      font-weight: 600;\n    `}\n\n  svg {\n    fill: ${({ theme, isActive }) =>\n      isActive ? theme.colors.primary600 : theme.colors.neutral500};\n  }\n`;\n\nconst ReorderToolbarButtons = () => {\n  const { editor, disabled, blocks, name, setLiveText } =\n    useBlocksEditorContext('ReorderToolbarButtons');\n  const { formatMessage } = useIntl();\n\n  const selection = editor.selection;\n  const totalBlocks = editor.children.length;\n\n  const anchorIndex = selection ? selection.anchor.path[0] : null;\n  const focusIndex = selection ? selection.focus.path[0] : null;\n  const isSingleBlockSelection =\n    anchorIndex !== null && focusIndex !== null && anchorIndex === focusIndex;\n\n  const selectedTopLevelNode =\n    isSingleBlockSelection && anchorIndex !== null ? editor.children[anchorIndex] : null;\n  const selectedBlock =\n    selectedTopLevelNode &&\n    Object.values(blocks).find((block) => block.matchNode(selectedTopLevelNode));\n\n  const isSelectedBlockDraggable =\n    selectedTopLevelNode && selectedBlock\n      ? (selectedBlock.isDraggable?.(selectedTopLevelNode) ?? true)\n      : false;\n\n  const canMoveUp =\n    !disabled &&\n    isSingleBlockSelection &&\n    isSelectedBlockDraggable &&\n    anchorIndex !== null &&\n    anchorIndex > 0;\n  const canMoveDown =\n    !disabled &&\n    isSingleBlockSelection &&\n    isSelectedBlockDraggable &&\n    anchorIndex !== null &&\n    anchorIndex < totalBlocks - 1;\n\n  const moveBlock = (direction: 'up' | 'down') => {\n    if (!selection || anchorIndex === null) return;\n\n    const currentIndex = [anchorIndex];\n    const newIndex = [direction === 'up' ? anchorIndex - 1 : anchorIndex + 1];\n\n    Transforms.moveNodes(editor, {\n      at: currentIndex,\n      to: newIndex,\n    });\n\n    // Keep the moved block focused so disabled states update immediately.\n    Transforms.select(editor, Editor.start(editor, newIndex));\n    ReactEditor.focus(editor);\n\n    setLiveText(\n      formatMessage(\n        {\n          id: getTranslation('components.Blocks.dnd.reorder'),\n          defaultMessage: '{item}, moved. New position in the editor: {position}.',\n        },\n        {\n          item: `${name}.${currentIndex[0] + 1}`,\n          position: `${newIndex[0] + 1} of ${editor.children.length}`,\n        }\n      )\n    );\n  };\n\n  return (\n    <Flex direction=\"row\" gap={1}>\n      <Tooltip\n        label={formatMessage({\n          id: getTranslation('components.DynamicZone.move-up'),\n          defaultMessage: 'Move up',\n        })}\n      >\n        <Toolbar.Button\n          onPointerDown={(e) => {\n            e.preventDefault();\n            if (canMoveUp) moveBlock('up');\n          }}\n          aria-disabled={!canMoveUp}\n          disabled={!canMoveUp}\n          aria-label={formatMessage({\n            id: getTranslation('components.DynamicZone.move-up'),\n            defaultMessage: 'Move up',\n          })}\n          asChild\n        >\n          <FlexButton\n            tag=\"button\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            width={7}\n            height={7}\n            hasRadius\n            type=\"button\"\n          >\n            <ArrowUp fill={!canMoveUp ? 'neutral300' : 'neutral600'} />\n          </FlexButton>\n        </Toolbar.Button>\n      </Tooltip>\n\n      <Tooltip\n        label={formatMessage({\n          id: getTranslation('components.DynamicZone.move-down'),\n          defaultMessage: 'Move down',\n        })}\n      >\n        <Toolbar.Button\n          onPointerDown={(e) => {\n            e.preventDefault();\n            if (canMoveDown) moveBlock('down');\n          }}\n          aria-disabled={!canMoveDown}\n          disabled={!canMoveDown}\n          aria-label={formatMessage({\n            id: getTranslation('components.DynamicZone.move-down'),\n            defaultMessage: 'Move down',\n          })}\n          asChild\n        >\n          <FlexButton\n            tag=\"button\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            width={7}\n            height={7}\n            hasRadius\n            type=\"button\"\n          >\n            <ArrowDown fill={!canMoveDown ? 'neutral300' : 'neutral600'} />\n          </FlexButton>\n        </Toolbar.Button>\n      </Tooltip>\n    </Flex>\n  );\n};\n\nconst BlocksToolbar = () => {\n  const { editor, blocks, modifiers, disabled } = useBlocksEditorContext('BlocksToolbar');\n  const { formatMessage } = useIntl();\n  const isMobile = useIsMobile();\n  const toolbarContainerRef = React.useRef<HTMLElement>(null);\n\n  /**\n   * The modifier buttons are disabled when an image is selected.\n   */\n  const checkButtonDisabled = () => {\n    // Always disabled when the whole editor is disabled\n    if (disabled) {\n      return true;\n    }\n\n    if (!editor.selection) {\n      return false;\n    }\n\n    const selectedNode = editor.children[editor.selection.anchor.path[0]];\n    if (!selectedNode) return true;\n\n    if (['image', 'code'].includes(selectedNode.type)) {\n      return true;\n    }\n\n    return false;\n  };\n\n  const isButtonDisabled = checkButtonDisabled();\n\n  /**\n   * Observed components are ones that may or may not be visible in the toolbar, depending on the\n   * available space. They provide two render props:\n   * - renderInToolbar: for when we try to render the component in the toolbar (may be hidden)\n   * - renderInMenu: for when the component didn't fit in the toolbar and is relegated\n   *   to the \"more\" menu\n   */\n  const observedComponents: ObservedComponent[] = [\n    ...Object.entries(modifiers).map(([name, modifier]) => {\n      const Icon = modifier.icon;\n      const isActive = modifier.checkIsActive(editor);\n      const handleSelect = () => modifier.handleToggle(editor);\n\n      return {\n        toolbar: (\n          <ToolbarButton\n            key={name}\n            name={name}\n            icon={modifier.icon}\n            label={modifier.label}\n            isActive={modifier.checkIsActive(editor)}\n            handleClick={handleSelect}\n            disabled={isButtonDisabled}\n          />\n        ),\n        menu: (\n          <StyledMenuItem startIcon={<Icon />} onSelect={handleSelect} isActive={isActive}>\n            {formatMessage(modifier.label)}\n          </StyledMenuItem>\n        ),\n        key: `modifier.${name}`,\n      };\n    }),\n    {\n      toolbar: <LinkButton disabled={isButtonDisabled} location=\"toolbar\" />,\n      menu: <LinkButton disabled={isButtonDisabled} location=\"menu\" />,\n      key: 'block.link',\n    },\n    {\n      // List buttons can only be rendered together when in the toolbar\n      toolbar: (\n        <Flex direction=\"row\">\n          <ToolbarSeparator style={{ marginLeft: '0.4rem' }} />\n          <Toolbar.ToggleGroup type=\"single\" asChild>\n            <Flex gap={1}>\n              <ListButton block={blocks['list-unordered']!} format=\"unordered\" location=\"toolbar\" />\n              <ListButton block={blocks['list-ordered']!} format=\"ordered\" location=\"toolbar\" />\n            </Flex>\n          </Toolbar.ToggleGroup>\n        </Flex>\n      ),\n      menu: (\n        <>\n          <Menu.Separator />\n          <ListButton block={blocks['list-unordered']!} format=\"unordered\" location=\"menu\" />\n          <ListButton block={blocks['list-ordered']!} format=\"ordered\" location=\"menu\" />\n        </>\n      ),\n      key: 'block.list',\n    },\n  ];\n\n  return (\n    <Toolbar.Root aria-disabled={disabled} asChild>\n      <ToolbarWrapper padding={{ initial: 1, medium: 2 }} width=\"100%\">\n        <BlocksDropdown />\n        {isMobile && (\n          <>\n            <ToolbarSeparator />\n            <ReorderToolbarButtons />\n          </>\n        )}\n        <ToolbarSeparator />\n        <Toolbar.ToggleGroup type=\"multiple\" asChild>\n          <Flex ref={toolbarContainerRef} direction=\"row\" gap={1} grow={1} overflow=\"hidden\">\n            <EditorToolbarObserver\n              observedComponents={observedComponents}\n              containerRef={toolbarContainerRef}\n            />\n          </Flex>\n        </Toolbar.ToggleGroup>\n      </ToolbarWrapper>\n    </Toolbar.Root>\n  );\n};\n\nexport { BlocksToolbar, useConversionModal };\n"],"names":["ToolbarWrapper","styled","Flex","theme","colors","neutral150","ToolbarSeparator","Toolbar","Separator","spaces","breakpoints","medium","FlexButton","primary100","SelectWrapper","Box","neutral600","useConversionModal","modalElement","setModalComponent","React","useState","handleConversionResult","renderModal","cloneElement","key","Date","now","ToolbarButton","icon","Icon","name","label","isActive","disabled","handleClick","editor","useBlocksEditorContext","formatMessage","useIntl","labelMessage","enabledColor","_jsx","Tooltip","ToggleItem","value","data-state","onPointerDown","e","preventDefault","ReactEditor","focus","aria-disabled","aria-label","asChild","tag","background","alignItems","justifyContent","width","height","hasRadius","type","fill","BlocksDropdown","blocks","isMobile","useIsMobile","blockKeysToInclude","getEntries","reduce","currentKeys","block","isInBlocksSelector","blockSelected","setBlockSelected","handleSelect","optionKey","editorIsEmpty","children","length","Editor","isEmpty","selection","lastPath","last","Transforms","select","range","start","currentListEntry","above","match","node","isEditor","includes","currentList","currentListPath","format","isListNode","setNodes","at","maybeRenderModal","handleConvert","preventSelectFocus","useEffect","selectedNode","anchor","anchorNode","parent","edge","depth","anchorBlockKey","getKeys","find","blockKey","matchNode","selectedBlock","_jsxs","_Fragment","SingleSelect","startIcon","onChange","customizeContent","onCloseAutoFocus","id","defaultMessage","map","selectorBlock","BlockOption","isSelected","SingleSelectOption","Node","isNode","ListButton","location","isListActive","isListDisabled","anchorNodeEntry","focusNodeEntry","toggleList","_","lastNodePath","StyledMenuItem","onSelect","LinkButton","isLinkActive","Array","from","nodes","unhangRange","SlateElement","isElement","Boolean","isLinkDisabled","addLink","shouldSaveLinkPath","insertLink","url","Link","Menu","Item","props","css","primary600","neutral500","ReorderToolbarButtons","setLiveText","totalBlocks","anchorIndex","path","focusIndex","isSingleBlockSelection","selectedTopLevelNode","Object","values","isSelectedBlockDraggable","isDraggable","canMoveUp","canMoveDown","moveBlock","direction","currentIndex","newIndex","moveNodes","to","getTranslation","item","position","gap","Button","ArrowUp","ArrowDown","BlocksToolbar","modifiers","toolbarContainerRef","useRef","checkButtonDisabled","isButtonDisabled","observedComponents","entries","modifier","checkIsActive","handleToggle","toolbar","menu","style","marginLeft","ToggleGroup","Root","padding","initial","ref","grow","overflow","EditorToolbarObserver","containerRef"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksToolbar.mjs

@@ -597,6 +597,7 @@ const BlocksToolbar = ()=>{
     const { editor, blocks, modifiers, disabled } = useBlocksEditorContext('BlocksToolbar');
     const { formatMessage } = useIntl();
     const isMobile = useIsMobile();
+    const toolbarContainerRef = React.useRef(null);
     /**
    * The modifier buttons are disabled when an image is selected.
    */ const checkButtonDisabled = ()=>{
@@ -729,12 +730,14 @@ const BlocksToolbar = ()=>{
                     type: "multiple",
                     asChild: true,
                     children: /*#__PURE__*/ jsx(Flex, {
+                        ref: toolbarContainerRef,
                         direction: "row",
                         gap: 1,
                         grow: 1,
                         overflow: "hidden",
                         children: /*#__PURE__*/ jsx(EditorToolbarObserver, {
-                            observedComponents: observedComponents
+                            observedComponents: observedComponents,
+                            containerRef: toolbarContainerRef
                         })
                     })
                 })