@payloadcms/richtext-lexical 4.0.0-internal.5b1e7cd → 4.0.0-internal.5f0cd13

package/dist/features/blocks/client/component/index.js

@@ -4,12 +4,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
-import { Button, Collapsible, Drawer, EditDepthProvider, ErrorPill, Form, formatDrawerSlug, FormSubmit, Pill, RenderFields, SectionTitle, useConfig, useDocumentForm, useDocumentInfo, useEditDepth, useFormSubmitted, useServerFunctions, useTranslation } from '@payloadcms/ui';
+import { Button, Collapsible, Drawer, EditDepthProvider, ErrorPill, Form, formatDrawerSlug, FormSubmit, MoreIcon, Pill, Popup, PopupList, RenderFields, SectionTitle, useConfig, useDocumentForm, useDocumentInfo, useEditDepth, useFormSubmitted, useServerFunctions, useTranslation, XIcon } from '@payloadcms/ui';
 import { abortAndIgnore } from '@payloadcms/ui/shared';
-import { $getNodeByKey } from 'lexical';
+import { $getNodeByKey, $getRoot, SKIP_DOM_SELECTION_TAG } from 'lexical';
 import { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
+import './index.css';
 import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
 import { $isBlockNode } from '../nodes/BlocksNode.js';
@@ -199,6 +200,11 @@ export const BlockComponent = props => {
             newData.blockType = blockType;
             node.setFields(newData, true);
           }
+        },
+        // Without this, the outer editor's reconciler resets DOM selection
+        // back into its own root, kicking focus out of any nested richText.
+        {
+          tag: SKIP_DOM_SELECTION_TAG
         });
         setInitialState(state);
         if (!CustomLabelFromProps) {
@@ -272,6 +278,11 @@ export const BlockComponent = props => {
           newData_0.blockType = blockType;
           node_0.setFields(newData_0, true);
         }
+      },
+      // Without this, the outer editor's reconciler resets DOM selection
+      // back into its own root, kicking focus out of any nested richText.
+      {
+        tag: SKIP_DOM_SELECTION_TAG
       });
     }, 0);
     if (submit) {
@@ -301,6 +312,29 @@ export const BlockComponent = props => {
       $getNodeByKey(nodeKey)?.remove();
     });
   }, [editor, nodeKey]);
+  const [rowIndex, setRowIndex] = React.useState(0);
+  useEffect(() => {
+    const updateIndex = () => {
+      editor.getEditorState().read(() => {
+        const root = $getRoot();
+        const children = root.getChildren();
+        let blockCount = 0;
+        for (const child of children) {
+          if ($isBlockNode(child)) {
+            if (child.getKey() === nodeKey) {
+              setRowIndex(blockCount);
+              return;
+            }
+            blockCount++;
+          }
+        }
+      });
+    };
+    updateIndex();
+    return editor.registerUpdateListener(() => {
+      updateIndex();
+    });
+  }, [editor, nodeKey]);
   const blockDisplayName = clientBlock?.labels?.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock?.slug;
   const onCollapsedChange = useCallback(changedCollapsed => {
     void getDocPreferences().then(currentDocPreferences => {
@@ -323,7 +357,7 @@ export const BlockComponent = props => {
     });
   }, [getDocPreferences, parentLexicalRichTextField.name, setDocFieldPreferences, formData.id]);
   const EditButton = useMemo(() => () => /*#__PURE__*/_jsx(Button, {
-    buttonStyle: "icon-label",
+    buttonStyle: "ghost",
     className: `${baseClass}__editButton`,
     disabled: !isEditable,
     el: "button",
@@ -340,13 +374,13 @@ export const BlockComponent = props => {
       e_0.preventDefault();
     },
     round: true,
-    size: "small",
+    size: "medium",
     tooltip: t('lexical:blocks:inlineBlocks:edit', {
       label: blockDisplayName
     })
   }), [baseClass, isEditable, t, blockDisplayName, toggleDrawer]);
   const RemoveButton = useMemo(() => () => /*#__PURE__*/_jsx(Button, {
-    buttonStyle: "icon-label",
+    buttonStyle: "ghost",
     className: `${baseClass}__removeButton`,
     disabled: !isEditable,
     icon: "x",
@@ -359,7 +393,7 @@ export const BlockComponent = props => {
   }), [baseClass, isEditable, removeBlock]);
   const BlockCollapsible = useMemo(() => ({
     Actions,
-    children,
+    children: children_0,
     className,
     collapsibleProps,
     disableBlockName,
@@ -368,18 +402,56 @@ export const BlockComponent = props => {
     fieldHasErrors,
     Label,
     Pill: CustomPill,
-    removeButton
+    removeButton,
+    showDragHandle = true,
+    showRowNumber = true
   }) => {
     return /*#__PURE__*/_jsx("div", {
       className: `${baseClass}__container ${baseClass}-${blockType}`,
       children: /*#__PURE__*/_jsx(Collapsible, {
+        actions: typeof Actions !== 'undefined' ? Actions : isEditable ? /*#__PURE__*/_jsx(Popup, {
+          button: /*#__PURE__*/_jsx(MoreIcon, {}),
+          buttonClassName: `${baseClass}__actions-button`,
+          caret: false,
+          horizontalAlign: "right",
+          render: ({
+            close
+          }) => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
+            buttonSize: "medium",
+            children: [(resolvedCustomBlock && editButton !== false || !resolvedCustomBlock && editButton) && /*#__PURE__*/_jsx(PopupList.Button, {
+              onClick: () => {
+                toggleDrawer();
+                close();
+              },
+              children: t('general:edit')
+            }), removeButton !== false && /*#__PURE__*/_jsxs(PopupList.Button, {
+              onClick: () => {
+                removeBlock();
+                close();
+              },
+              children: [/*#__PURE__*/_jsx(XIcon, {}), t('general:remove')]
+            })]
+          }),
+          size: "large"
+        }) : null,
         className: [`${baseClass}__row`, fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`, className].filter(Boolean).join(' '),
         collapsibleStyle: fieldHasErrors ? 'error' : 'default',
-        header: /*#__PURE__*/_jsxs("div", {
+        dragHandleProps: showDragHandle ? {
+          id: nodeKey,
+          attributes: {
+            role: 'button',
+            tabIndex: 0
+          },
+          listeners: {}
+        } : undefined,
+        header: /*#__PURE__*/_jsx("div", {
           className: `${baseClass}__block-header`,
-          children: [typeof Label !== 'undefined' ? Label : typeof resolvedCustomLabel !== 'undefined' ? resolvedCustomLabel : /*#__PURE__*/_jsxs("div", {
+          children: typeof Label !== 'undefined' ? Label : typeof resolvedCustomLabel !== 'undefined' ? resolvedCustomLabel : /*#__PURE__*/_jsxs("div", {
             className: `${baseClass}__block-label`,
-            children: [typeof CustomPill !== 'undefined' ? CustomPill : /*#__PURE__*/_jsx(Pill, {
+            children: [showRowNumber && /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__block-number`,
+              children: String(rowIndex + 1).padStart(2, '0')
+            }), typeof CustomPill !== 'undefined' ? CustomPill : /*#__PURE__*/_jsx(Pill, {
               className: `${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`,
               pillStyle: "white",
               size: "small",
@@ -392,12 +464,7 @@ export const BlockComponent = props => {
               i18n: i18n,
               withMessage: true
             })]
-          }), /*#__PURE__*/_jsx("div", {
-            className: `${baseClass}__block-actions`,
-            children: typeof Actions !== 'undefined' ? Actions : /*#__PURE__*/_jsxs(_Fragment, {
-              children: [resolvedCustomBlock && editButton !== false || !resolvedCustomBlock && editButton ? /*#__PURE__*/_jsx(EditButton, {}) : null, removeButton !== false && isEditable ? /*#__PURE__*/_jsx(RemoveButton, {}) : null]
-            })
-          })]
+          })
         }),
         isCollapsed: isCollapsed,
         onToggle: incomingCollapsedState => {
@@ -405,10 +472,10 @@ export const BlockComponent = props => {
           setIsCollapsed(incomingCollapsedState);
         },
         ...(collapsibleProps || {}),
-        children: children
+        children: children_0
       }, 0)
     });
-  }, [resolvedCustomBlock, resolvedCustomLabel, EditButton, RemoveButton, blockDisplayName, baseClass, clientBlock?.admin?.disableBlockName, blockType, i18n, isCollapsed, onCollapsedChange, isEditable]);
+  }, [resolvedCustomBlock, resolvedCustomLabel, blockDisplayName, baseClass, clientBlock?.admin?.disableBlockName, blockType, i18n, isCollapsed, onCollapsedChange, isEditable, nodeKey, removeBlock, rowIndex, t, toggleDrawer]);
   const blockID = formData?.id;
   const BlockDrawer = useMemo(() => () => /*#__PURE__*/_jsx(EditDepthProvider, {
     children: /*#__PURE__*/_jsx(Drawer, {
@@ -465,6 +532,11 @@ export const BlockComponent = props => {
             if (node_1 && $isBlockNode(node_1)) {
               node_1.setFields(newData_1, true);
             }
+          },
+          // Without this, the outer editor's reconciler resets DOM selection
+          // back into its own root, kicking focus out of any nested richText.
+          {
+            tag: SKIP_DOM_SELECTION_TAG
           });
           toggleDrawer();
         },

package/dist/features/blocks/client/component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","Pill","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isBlockNode","BlockContent","useBlockComponentContext","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","config","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","isEditable","blockType","getFormState","schemaFieldsPath","initialState","setInitialState","cachedFormState","formState","mergedState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","blockName","passesCondition","valid","hasMounted","prevCacheBuster","current","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","values","removeBlock","remove","blockDisplayName","labels","singular","onCollapsedChange","changedCollapsed","then","currentDocPreferences","currentFieldPreferences","name","collapsedArray","newCollapsed","length","includes","push","splice","indexOf","hello","EditButton","buttonStyle","disabled","el","icon","onClick","e","preventDefault","stopPropagation","onMouseDown","round","size","tooltip","label","RemoveButton","BlockCollapsible","Actions","children","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","filter","Boolean","join","collapsibleStyle","header","_jsxs","pillStyle","admin","path","count","withMessage","_Fragment","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","style","display","beforeSubmit","onSubmit","formSchema"],"sources":["../../../../../src/features/blocks/client/component/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Collapsible,\n  Drawer,\n  EditDepthProvider,\n  ErrorPill,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  Pill,\n  RenderFields,\n  SectionTitle,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useFormSubmitted,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\nimport {\n  type BlocksFieldClient,\n  type ClientBlock,\n  type CollapsedPreferences,\n  type FormState,\n} from 'payload'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types.js'\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport './index.scss'\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  type BlockCollapsibleWithErrorProps,\n  BlockContent,\n  useBlockComponentContext,\n} from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\nexport type BlockComponentProps<TFormData extends Record<string, unknown> = BlockFields> = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly className: string\n  /**\n   * Custom block component from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomBlock?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * Custom block label from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * The block's form data (field values).\n   */\n  readonly formData: TFormData\n  /**\n   * The unique key identifying this block node in the current editor instance.\n   */\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<BlockComponentProps> = (props) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = props\n\n  const submitted = useFormSubmitted()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      field: parentLexicalRichTextField,\n      initialLexicalFormState,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const editDepth = useEditDepth()\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const { config } = useConfig()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-blocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  const blockType = formData.blockType\n\n  const { getFormState } = useServerFunctions()\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}.fields`\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n    // Initial form state that was calculated server-side. May have stale values\n    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    // Merge current formData values into the cached form state\n    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n    const mergedState = Object.fromEntries(\n      Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n        fieldName,\n        fieldName in formData\n          ? {\n              ...fieldState,\n              initialValue: formData[fieldName],\n              value: formData[fieldName],\n            }\n          : fieldState,\n      ]),\n    )\n\n    // Manually add blockName, as it's not part of cachedFormState\n    mergedState.blockName = {\n      initialValue: formData.blockName,\n      passesCondition: true,\n      valid: true,\n      value: formData.blockName,\n    }\n\n    return mergedState\n  })\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\n\n  const [formUuid] = React.useState(() => uuid())\n\n  // Server-rendered custom components (from admin.components, NOT viewMap).\n  // When viewMap components exist (CustomBlockFromProps/CustomLabelFromProps),\n  // we render them directly with formData instead, so these states are unused.\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return undefined\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n  })\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomBlockFromProps) {\n      return undefined\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.Block ?? undefined\n  })\n\n  // When viewMap components exist, render directly with formData (always current from\n  // the lexical node). When they don't, fall back to server-rendered state.\n  const resolvedCustomBlock = useMemo(() => {\n    if (CustomBlockFromProps) {\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    return CustomBlock\n  }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n  const resolvedCustomLabel = useMemo(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    return CustomLabel\n  }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: formData.blockName,\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        const newFormStateData: BlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n          true,\n        ) as BlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\n        setInitialState(state)\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state._components?.customComponents?.Block ?? undefined)\n        }\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    isEditable,\n    id,\n    CustomLabelFromProps,\n    CustomBlockFromProps,\n    formData,\n    editor,\n    nodeKey,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n    blockType,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient\n\n  const clientBlock: ClientBlock | undefined = blocksField.blockReferences\n    ? typeof blocksField?.blockReferences?.[0] === 'string'\n      ? config.blocksMap[blocksField?.blockReferences?.[0]]\n      : blocksField?.blockReferences?.[0]\n    : blocksField?.blocks?.[0]\n\n  const { i18n, t } = useTranslation<object, string>()\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!newFormState) {\n        return prevFormState\n      }\n\n      if (prevFormState.blockName) {\n        newFormState.blockName = prevFormState.blockName\n      }\n\n      const newFormStateData: BlockFields = reduceFieldsToValues(\n        removeEmptyArrayValues({\n          fields: deepCopyObjectSimpleWithoutReactComponents(newFormState, { excludeFiles: true }),\n        }),\n        true,\n      ) as BlockFields\n\n      setTimeout(() => {\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = blockType\n            node.setFields(newData, true)\n          }\n        })\n      }, 0)\n\n      if (submit) {\n        if (!CustomLabelFromProps) {\n          setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\n        }\n\n        let rowErrorCount = 0\n        for (const formField of Object.values(newFormState)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n\n      return newFormState\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      blockType,\n      parentDocumentFields,\n      isEditable,\n      editor,\n      nodeKey,\n      CustomBlockFromProps,\n      CustomLabelFromProps,\n    ],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences =\n          currentDocPreferences?.fields?.[parentLexicalRichTextField.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(parentLexicalRichTextField.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, parentLexicalRichTextField.name, setDocFieldPreferences, formData.id],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          toggleDrawer()\n          return false\n        }}\n        onMouseDown={(e) => {\n          // Needed to preserve lexical selection for toggleDrawer lexical selection restore.\n          // I believe this is needed due to this button (usually) being inside of a collapsible.\n          e.preventDefault()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, isEditable, t, blockDisplayName, toggleDrawer],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeBlock()\n        }}\n        round\n        tooltip=\"Remove Block\"\n      />\n    ),\n    [baseClass, isEditable, removeBlock],\n  )\n\n  const BlockCollapsible = useMemo(\n    () =>\n      ({\n        Actions,\n        children,\n        className,\n        collapsibleProps,\n        disableBlockName,\n        editButton,\n        errorCount,\n        fieldHasErrors,\n        Label,\n        Pill: CustomPill,\n        removeButton,\n      }: BlockCollapsibleWithErrorProps) => {\n        return (\n          <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n            <Collapsible\n              className={[\n                `${baseClass}__row`,\n                fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n                className,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n              header={\n                <div className={`${baseClass}__block-header`}>\n                  {typeof Label !== 'undefined' ? (\n                    Label\n                  ) : typeof resolvedCustomLabel !== 'undefined' ? (\n                    resolvedCustomLabel\n                  ) : (\n                    <div className={`${baseClass}__block-label`}>\n                      {typeof CustomPill !== 'undefined' ? (\n                        CustomPill\n                      ) : (\n                        <Pill\n                          className={`${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`}\n                          pillStyle=\"white\"\n                          size=\"small\"\n                        >\n                          {blockDisplayName ?? blockType}\n                        </Pill>\n                      )}\n                      {!disableBlockName && !clientBlock?.admin?.disableBlockName && (\n                        <SectionTitle path=\"blockName\" readOnly={!isEditable} />\n                      )}\n\n                      {fieldHasErrors && (\n                        <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage />\n                      )}\n                    </div>\n                  )}\n\n                  <div className={`${baseClass}__block-actions`}>\n                    {typeof Actions !== 'undefined' ? (\n                      Actions\n                    ) : (\n                      <>\n                        {(resolvedCustomBlock && editButton !== false) ||\n                        (!resolvedCustomBlock && editButton) ? (\n                          <EditButton />\n                        ) : null}\n                        {removeButton !== false && isEditable ? <RemoveButton /> : null}\n                      </>\n                    )}\n                  </div>\n                </div>\n              }\n              isCollapsed={isCollapsed}\n              key={0}\n              onToggle={(incomingCollapsedState) => {\n                onCollapsedChange(incomingCollapsedState)\n                setIsCollapsed(incomingCollapsedState)\n              }}\n              {...(collapsibleProps || {})}\n            >\n              {children}\n            </Collapsible>\n          </div>\n        )\n      },\n    [\n      resolvedCustomBlock,\n      resolvedCustomLabel,\n      EditButton,\n      RemoveButton,\n      blockDisplayName,\n      baseClass,\n      clientBlock?.admin?.disableBlockName,\n      blockType,\n      i18n,\n      isCollapsed,\n      onCollapsedChange,\n      isEditable,\n    ],\n  )\n\n  const blockID = formData?.id\n\n  const BlockDrawer = useMemo(\n    () => () => (\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${blockID ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock?.fields ?? []}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={true}\n                readOnly={!isEditable}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n    ),\n    [\n      initialState,\n      drawerSlug,\n      blockID,\n      blockDisplayName,\n      t,\n      isEditable,\n      clientBlock?.fields,\n      schemaFieldsPath,\n      // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    ],\n  )\n\n  // Memoized Form JSX\n  const Block = useMemo(() => {\n    if (!initialState) {\n      return null\n    }\n    return (\n      <div data-block-drawer-slug={drawerSlug} style={{ display: 'contents' }}>\n        <Form\n          beforeSubmit={[\n            async ({ formState }) => {\n              // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n              return await onChange({ formState, submit: true })\n            },\n          ]}\n          el=\"div\"\n          fields={clientBlock?.fields ?? []}\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={(formState, newData) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            newData.blockType = blockType\n            editor.update(() => {\n              const node = $getNodeByKey(nodeKey)\n              if (node && $isBlockNode(node)) {\n                node.setFields(newData as BlockFields, true)\n              }\n            })\n            toggleDrawer()\n          }}\n          submitted={submitted}\n          uuid={formUuid}\n        >\n          <BlockContent\n            baseClass={baseClass}\n            BlockDrawer={BlockDrawer}\n            Collapsible={BlockCollapsible}\n            CustomBlock={resolvedCustomBlock}\n            CustomLabel={resolvedCustomLabel}\n            EditButton={EditButton}\n            errorCount={errorCount}\n            formSchema={clientBlock?.fields ?? []}\n            initialState={initialState}\n            nodeKey={nodeKey}\n            RemoveButton={RemoveButton}\n          />\n        </Form>\n      </div>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    resolvedCustomBlock,\n    resolvedCustomLabel,\n    blockType,\n    drawerSlug,\n    RemoveButton,\n    EditButton,\n    baseClass,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    formUuid,\n    initialState,\n    nodeKey,\n    onChange,\n    submitted,\n  ])\n\n  if (!clientBlock) {\n    return (\n      <BlockCollapsible disableBlockName={true} fieldHasErrors={true}>\n        <div className={`${baseClass}-not-found`}>\n          Error: Block '{blockType}' not found in the config but exists in the lexical data\n        </div>\n      </BlockCollapsible>\n    )\n  }\n\n  return Block\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","MoreIcon","Pill","Popup","PopupList","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","XIcon","abortAndIgnore","$getNodeByKey","$getRoot","SKIP_DOM_SELECTION_TAG","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isBlockNode","BlockContent","useBlockComponentContext","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","config","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","isEditable","blockType","getFormState","schemaFieldsPath","initialState","setInitialState","cachedFormState","formState","mergedState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","blockName","passesCondition","valid","hasMounted","prevCacheBuster","current","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","tag","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","values","removeBlock","remove","rowIndex","setRowIndex","updateIndex","getEditorState","read","root","children","getChildren","blockCount","child","getKey","registerUpdateListener","blockDisplayName","labels","singular","onCollapsedChange","changedCollapsed","then","currentDocPreferences","currentFieldPreferences","name","collapsedArray","newCollapsed","length","includes","push","splice","indexOf","hello","EditButton","buttonStyle","disabled","el","icon","onClick","e","preventDefault","stopPropagation","onMouseDown","round","size","tooltip","label","RemoveButton","BlockCollapsible","Actions","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","showDragHandle","showRowNumber","actions","button","buttonClassName","caret","horizontalAlign","render","close","_jsxs","ButtonGroup","buttonSize","filter","Boolean","join","collapsibleStyle","dragHandleProps","attributes","role","tabIndex","listeners","header","String","padStart","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","style","display","beforeSubmit","onSubmit","formSchema"],"sources":["../../../../../src/features/blocks/client/component/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Collapsible,\n  Drawer,\n  EditDepthProvider,\n  ErrorPill,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  MoreIcon,\n  Pill,\n  Popup,\n  PopupList,\n  RenderFields,\n  SectionTitle,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useFormSubmitted,\n  useServerFunctions,\n  useTranslation,\n  XIcon,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey, $getRoot, SKIP_DOM_SELECTION_TAG } from 'lexical'\nimport {\n  type BlocksFieldClient,\n  type ClientBlock,\n  type CollapsedPreferences,\n  type FormState,\n} from 'payload'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types/index.js'\nimport type { BlockFields } from '../../server/schema.js'\n\nimport './index.css'\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  type BlockCollapsibleWithErrorProps,\n  BlockContent,\n  useBlockComponentContext,\n} from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\nexport type BlockComponentProps<TFormData extends Record<string, unknown> = BlockFields> = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly className: string\n  /**\n   * Custom block component from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomBlock?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * Custom block label from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * The block's form data (field values).\n   */\n  readonly formData: TFormData\n  /**\n   * The unique key identifying this block node in the current editor instance.\n   */\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<BlockComponentProps> = (props) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = props\n\n  const submitted = useFormSubmitted()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      field: parentLexicalRichTextField,\n      initialLexicalFormState,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const editDepth = useEditDepth()\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const { config } = useConfig()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-blocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  const blockType = formData.blockType\n\n  const { getFormState } = useServerFunctions()\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}.fields`\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n    // Initial form state that was calculated server-side. May have stale values\n    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    // Merge current formData values into the cached form state\n    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n    const mergedState = Object.fromEntries(\n      Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n        fieldName,\n        fieldName in formData\n          ? {\n              ...fieldState,\n              initialValue: formData[fieldName],\n              value: formData[fieldName],\n            }\n          : fieldState,\n      ]),\n    )\n\n    // Manually add blockName, as it's not part of cachedFormState\n    mergedState.blockName = {\n      initialValue: formData.blockName,\n      passesCondition: true,\n      valid: true,\n      value: formData.blockName,\n    }\n\n    return mergedState\n  })\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\n\n  const [formUuid] = React.useState(() => uuid())\n\n  // Server-rendered custom components (from admin.components, NOT viewMap).\n  // When viewMap components exist (CustomBlockFromProps/CustomLabelFromProps),\n  // we render them directly with formData instead, so these states are unused.\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return undefined\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n  })\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomBlockFromProps) {\n      return undefined\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.Block ?? undefined\n  })\n\n  // When viewMap components exist, render directly with formData (always current from\n  // the lexical node). When they don't, fall back to server-rendered state.\n  const resolvedCustomBlock = useMemo(() => {\n    if (CustomBlockFromProps) {\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    return CustomBlock\n  }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n  const resolvedCustomLabel = useMemo(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    return CustomLabel\n  }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: formData.blockName,\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        const newFormStateData: BlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n          true,\n        ) as BlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(\n          () => {\n            const node = $getNodeByKey(nodeKey)\n            if (node && $isBlockNode(node)) {\n              const newData = newFormStateData\n              newData.blockType = blockType\n\n              node.setFields(newData, true)\n            }\n          },\n          // Without this, the outer editor's reconciler resets DOM selection\n          // back into its own root, kicking focus out of any nested richText.\n          { tag: SKIP_DOM_SELECTION_TAG },\n        )\n\n        setInitialState(state)\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state._components?.customComponents?.Block ?? undefined)\n        }\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    isEditable,\n    id,\n    CustomLabelFromProps,\n    CustomBlockFromProps,\n    formData,\n    editor,\n    nodeKey,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n    blockType,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient\n\n  const clientBlock: ClientBlock | undefined = blocksField.blockReferences\n    ? typeof blocksField?.blockReferences?.[0] === 'string'\n      ? config.blocksMap[blocksField?.blockReferences?.[0]]\n      : blocksField?.blockReferences?.[0]\n    : blocksField?.blocks?.[0]\n\n  const { i18n, t } = useTranslation<object, string>()\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!newFormState) {\n        return prevFormState\n      }\n\n      if (prevFormState.blockName) {\n        newFormState.blockName = prevFormState.blockName\n      }\n\n      const newFormStateData: BlockFields = reduceFieldsToValues(\n        removeEmptyArrayValues({\n          fields: deepCopyObjectSimpleWithoutReactComponents(newFormState, { excludeFiles: true }),\n        }),\n        true,\n      ) as BlockFields\n\n      setTimeout(() => {\n        editor.update(\n          () => {\n            const node = $getNodeByKey(nodeKey)\n            if (node && $isBlockNode(node)) {\n              const newData = newFormStateData\n              newData.blockType = blockType\n              node.setFields(newData, true)\n            }\n          },\n          // Without this, the outer editor's reconciler resets DOM selection\n          // back into its own root, kicking focus out of any nested richText.\n          { tag: SKIP_DOM_SELECTION_TAG },\n        )\n      }, 0)\n\n      if (submit) {\n        if (!CustomLabelFromProps) {\n          setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\n        }\n\n        let rowErrorCount = 0\n        for (const formField of Object.values(newFormState)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n\n      return newFormState\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      blockType,\n      parentDocumentFields,\n      isEditable,\n      editor,\n      nodeKey,\n      CustomBlockFromProps,\n      CustomLabelFromProps,\n    ],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const [rowIndex, setRowIndex] = React.useState<number>(0)\n\n  useEffect(() => {\n    const updateIndex = () => {\n      editor.getEditorState().read(() => {\n        const root = $getRoot()\n        const children = root.getChildren()\n        let blockCount = 0\n        for (const child of children) {\n          if ($isBlockNode(child)) {\n            if (child.getKey() === nodeKey) {\n              setRowIndex(blockCount)\n              return\n            }\n            blockCount++\n          }\n        }\n      })\n    }\n    updateIndex()\n    return editor.registerUpdateListener(() => {\n      updateIndex()\n    })\n  }, [editor, nodeKey])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences =\n          currentDocPreferences?.fields?.[parentLexicalRichTextField.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(parentLexicalRichTextField.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, parentLexicalRichTextField.name, setDocFieldPreferences, formData.id],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"ghost\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          toggleDrawer()\n          return false\n        }}\n        onMouseDown={(e) => {\n          // Needed to preserve lexical selection for toggleDrawer lexical selection restore.\n          // I believe this is needed due to this button (usually) being inside of a collapsible.\n          e.preventDefault()\n        }}\n        round\n        size=\"medium\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, isEditable, t, blockDisplayName, toggleDrawer],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"ghost\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeBlock()\n        }}\n        round\n        tooltip=\"Remove Block\"\n      />\n    ),\n    [baseClass, isEditable, removeBlock],\n  )\n\n  const BlockCollapsible = useMemo(\n    () =>\n      ({\n        Actions,\n        children,\n        className,\n        collapsibleProps,\n        disableBlockName,\n        editButton,\n        errorCount,\n        fieldHasErrors,\n        Label,\n        Pill: CustomPill,\n        removeButton,\n        showDragHandle = true,\n        showRowNumber = true,\n      }: BlockCollapsibleWithErrorProps) => {\n        return (\n          <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n            <Collapsible\n              actions={\n                typeof Actions !== 'undefined' ? (\n                  Actions\n                ) : isEditable ? (\n                  <Popup\n                    button={<MoreIcon />}\n                    buttonClassName={`${baseClass}__actions-button`}\n                    caret={false}\n                    horizontalAlign=\"right\"\n                    render={({ close }) => (\n                      <PopupList.ButtonGroup buttonSize=\"medium\">\n                        {((resolvedCustomBlock && editButton !== false) ||\n                          (!resolvedCustomBlock && editButton)) && (\n                          <PopupList.Button\n                            onClick={() => {\n                              toggleDrawer()\n                              close()\n                            }}\n                          >\n                            {t('general:edit')}\n                          </PopupList.Button>\n                        )}\n                        {removeButton !== false && (\n                          <PopupList.Button\n                            onClick={() => {\n                              removeBlock()\n                              close()\n                            }}\n                          >\n                            <XIcon />\n                            {t('general:remove')}\n                          </PopupList.Button>\n                        )}\n                      </PopupList.ButtonGroup>\n                    )}\n                    size=\"large\"\n                  />\n                ) : null\n              }\n              className={[\n                `${baseClass}__row`,\n                fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n                className,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n              dragHandleProps={\n                showDragHandle\n                  ? {\n                      id: nodeKey,\n                      attributes: { role: 'button', tabIndex: 0 },\n                      listeners: {},\n                    }\n                  : undefined\n              }\n              header={\n                <div className={`${baseClass}__block-header`}>\n                  {typeof Label !== 'undefined' ? (\n                    Label\n                  ) : typeof resolvedCustomLabel !== 'undefined' ? (\n                    resolvedCustomLabel\n                  ) : (\n                    <div className={`${baseClass}__block-label`}>\n                      {showRowNumber && (\n                        <span className={`${baseClass}__block-number`}>\n                          {String(rowIndex + 1).padStart(2, '0')}\n                        </span>\n                      )}\n                      {typeof CustomPill !== 'undefined' ? (\n                        CustomPill\n                      ) : (\n                        <Pill\n                          className={`${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`}\n                          pillStyle=\"white\"\n                          size=\"small\"\n                        >\n                          {blockDisplayName ?? blockType}\n                        </Pill>\n                      )}\n                      {!disableBlockName && !clientBlock?.admin?.disableBlockName && (\n                        <SectionTitle path=\"blockName\" readOnly={!isEditable} />\n                      )}\n\n                      {fieldHasErrors && (\n                        <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage />\n                      )}\n                    </div>\n                  )}\n                </div>\n              }\n              isCollapsed={isCollapsed}\n              key={0}\n              onToggle={(incomingCollapsedState) => {\n                onCollapsedChange(incomingCollapsedState)\n                setIsCollapsed(incomingCollapsedState)\n              }}\n              {...(collapsibleProps || {})}\n            >\n              {children}\n            </Collapsible>\n          </div>\n        )\n      },\n    [\n      resolvedCustomBlock,\n      resolvedCustomLabel,\n      blockDisplayName,\n      baseClass,\n      clientBlock?.admin?.disableBlockName,\n      blockType,\n      i18n,\n      isCollapsed,\n      onCollapsedChange,\n      isEditable,\n      nodeKey,\n      removeBlock,\n      rowIndex,\n      t,\n      toggleDrawer,\n    ],\n  )\n\n  const blockID = formData?.id\n\n  const BlockDrawer = useMemo(\n    () => () => (\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${blockID ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock?.fields ?? []}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={true}\n                readOnly={!isEditable}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n    ),\n    [\n      initialState,\n      drawerSlug,\n      blockID,\n      blockDisplayName,\n      t,\n      isEditable,\n      clientBlock?.fields,\n      schemaFieldsPath,\n      // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    ],\n  )\n\n  // Memoized Form JSX\n  const Block = useMemo(() => {\n    if (!initialState) {\n      return null\n    }\n    return (\n      <div data-block-drawer-slug={drawerSlug} style={{ display: 'contents' }}>\n        <Form\n          beforeSubmit={[\n            async ({ formState }) => {\n              // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n              return await onChange({ formState, submit: true })\n            },\n          ]}\n          el=\"div\"\n          fields={clientBlock?.fields ?? []}\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={(formState, newData) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            newData.blockType = blockType\n            editor.update(\n              () => {\n                const node = $getNodeByKey(nodeKey)\n                if (node && $isBlockNode(node)) {\n                  node.setFields(newData as BlockFields, true)\n                }\n              },\n              // Without this, the outer editor's reconciler resets DOM selection\n              // back into its own root, kicking focus out of any nested richText.\n              { tag: SKIP_DOM_SELECTION_TAG },\n            )\n            toggleDrawer()\n          }}\n          submitted={submitted}\n          uuid={formUuid}\n        >\n          <BlockContent\n            baseClass={baseClass}\n            BlockDrawer={BlockDrawer}\n            Collapsible={BlockCollapsible}\n            CustomBlock={resolvedCustomBlock}\n            CustomLabel={resolvedCustomLabel}\n            EditButton={EditButton}\n            errorCount={errorCount}\n            formSchema={clientBlock?.fields ?? []}\n            initialState={initialState}\n            nodeKey={nodeKey}\n            RemoveButton={RemoveButton}\n          />\n        </Form>\n      </div>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    resolvedCustomBlock,\n    resolvedCustomLabel,\n    blockType,\n    drawerSlug,\n    RemoveButton,\n    EditButton,\n    baseClass,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    formUuid,\n    initialState,\n    nodeKey,\n    onChange,\n    submitted,\n  ])\n\n  if (!clientBlock) {\n    return (\n      <BlockCollapsible disableBlockName={true} fieldHasErrors={true}>\n        <div className={`${baseClass}-not-found`}>\n          Error: Block '{blockType}' not found in the config but exists in the lexical data\n        </div>\n      </BlockCollapsible>\n    )\n  }\n\n  return Block\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/client/componentInline/components/InlineBlockContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineBlockContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,oBAAoB,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,6BAI/E,CAAA"}
+{"version":3,"file":"InlineBlockContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,6BAI/E,CAAA"}

package/dist/features/blocks/client/componentInline/index.css

@@ -0,0 +1,85 @@
+@layer payload-default {
+  .LexicalEditorTheme__inlineBlock {
+    --inline-block-max-width: 18rem;
+    --inline-block-not-found-max-width: 25rem;
+    display: inline-block;
+
+    &.decorator-selected {
+      box-shadow: unset !important;
+      outline: unset !important;
+
+      .LexicalEditorTheme__inlineBlock__container {
+        box-shadow: 0 0 0 2px var(--color-border-selected);
+        outline: none;
+      }
+    }
+
+    &::selection {
+      background: transparent;
+    }
+  }
+
+  .LexicalEditorTheme__inlineBlock__container {
+    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
+    margin-right: var(--spacer-1);
+    margin-left: var(--spacer-1);
+    padding: 0;
+    padding-inline-start: var(--spacer-2);
+    background: var(--color-bg);
+    outline: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-medium);
+    max-width: var(--inline-block-max-width);
+    font-family: var(--font-body);
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    &:hover {
+      outline: var(--stroke-width-small) solid var(--color-border);
+    }
+  }
+
+  .LexicalEditorTheme__inlineBlock-not-found {
+    max-width: var(--inline-block-not-found-max-width);
+    color: var(--color-text-danger);
+  }
+
+  .LexicalEditorTheme__inlineBlock__wrap {
+    flex-grow: 1;
+    overflow: hidden;
+  }
+
+  .LexicalEditorTheme__inlineBlock__actions {
+    display: flex;
+    align-items: center;
+
+    & > .btn {
+      width: (var(--spacer-3));
+      height: (var(--spacer-3));
+      margin: 2px;
+
+      &:not(:disabled):hover {
+        background: var(--color-bg-hover);
+      }
+
+      & > * {
+        height: 100%;
+      }
+    }
+  }
+
+  .LexicalEditorTheme__inlineBlock__removeButton.btn {
+    padding: 0;
+    margin: 2px;
+    color: var(--color-icon-secondary);
+
+    line {
+      stroke-width: var(--stroke-width-small);
+    }
+
+    &:disabled {
+      color: var(--color-icon-tertiary);
+      pointer-events: none;
+    }
+  }
+}

package/dist/features/blocks/client/componentInline/index.d.ts

@@ -1,8 +1,8 @@
 import type { FormState } from 'payload';
-import './index.scss';
+import './index.css';
 import React from 'react';
-import type { ViewMapInlineBlockComponentProps } from '../../../../types.js';
-import type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js';
+import type { ViewMapInlineBlockComponentProps } from '../../../../types/index.js';
+import type { InlineBlockFields } from '../../server/schema.js';
 import type { BlockComponentProps } from '../component/index.js';
 export type InlineBlockComponentProps<TFormData extends Record<string, unknown> = InlineBlockFields> = {
     readonly CustomBlock?: React.FC<ViewMapInlineBlockComponentProps>;

package/dist/features/blocks/client/componentInline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwC,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB9E,OAAO,cAAc,CAAA;AAGrB,OAAO,KAAiE,MAAM,OAAO,CAAA;AAGrF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAMhE,MAAM,MAAM,yBAAyB,CACnC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,iBAAiB,IAC3D;IACF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;IACjE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;CAClE,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAA;AAE9F,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACrB,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CACxB,CAAA;AAMD,eAAO,MAAM,8BAA8B,uCAA+C,CAAA;AAE1F,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,CAuevF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwC,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB9E,OAAO,aAAa,CAAA;AAGpB,OAAO,KAAiE,MAAM,OAAO,CAAA;AAGrF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAMhE,MAAM,MAAM,yBAAyB,CACnC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,iBAAiB,IAC3D;IACF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;IACjE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;CAClE,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAA;AAE9F,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACrB,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CACxB,CAAA;AAMD,eAAO,MAAM,8BAA8B,uCAA+C,CAAA;AAE1F,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,CA8fvF,CAAA"}

package/dist/features/blocks/client/componentInline/index.js

@@ -6,7 +6,8 @@ import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
 import { Button, Drawer, EditDepthProvider, Form, formatDrawerSlug, FormSubmit, RenderFields, ShimmerEffect, useConfig, useDocumentForm, useDocumentInfo, useEditDepth, useServerFunctions, useTranslation } from '@payloadcms/ui';
 import { abortAndIgnore } from '@payloadcms/ui/shared';
-import { $getNodeByKey } from 'lexical';
+import { $getNodeByKey, SKIP_DOM_SELECTION_TAG } from 'lexical';
+import './index.css';
 import { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared';
 import React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
@@ -205,6 +206,11 @@ export const InlineBlockComponent = props => {
             newData.blockType = formData.blockType;
             node.setFields(newData, true);
           }
+        },
+        // Without this, the outer editor's reconciler resets DOM selection
+        // back into its own root, kicking focus out of any nested richText.
+        {
+          tag: SKIP_DOM_SELECTION_TAG
         });
         setInitialState(state);
         if (!CustomLabelFromProps) {
@@ -291,25 +297,31 @@ export const InlineBlockComponent = props => {
       if (node_0 && $isInlineBlockNode(node_0)) {
         node_0.setFields(newData_0, true);
       }
+    },
+    // Without this, the outer editor's reconciler resets DOM selection
+    // back into its own root, kicking focus out of any nested richText.
+    {
+      tag: SKIP_DOM_SELECTION_TAG
     });
   }, [editor, nodeKey, formData]);
   const RemoveButton = useMemo(() => () => /*#__PURE__*/_jsx(Button, {
-    buttonStyle: "icon-label",
+    buttonStyle: "ghost",
     className: `${baseClass}__removeButton`,
     disabled: !isEditable,
     icon: "x",
     onClick: e => {
       e.preventDefault();
+      e.stopPropagation();
       removeInlineBlock();
     },
     round: true,
-    size: "small",
+    size: "medium",
     tooltip: t('lexical:blocks:inlineBlocks:remove', {
       label: blockDisplayName
     })
   }), [baseClass, blockDisplayName, isEditable, removeInlineBlock, t]);
   const EditButton = useMemo(() => () => /*#__PURE__*/_jsx(Button, {
-    buttonStyle: "icon-label",
+    buttonStyle: "ghost",
     className: `${baseClass}__editButton`,
     disabled: !isEditable,
     el: "button",
@@ -318,7 +330,7 @@ export const InlineBlockComponent = props => {
       toggleDrawer();
     },
     round: true,
-    size: "small",
+    size: "medium",
     tooltip: t('lexical:blocks:inlineBlocks:edit', {
       label: blockDisplayName
     })
@@ -328,9 +340,20 @@ export const InlineBlockComponent = props => {
     className
   }) => /*#__PURE__*/_jsx("div", {
     className: [`${baseClass}__container`, baseClass + '-' + formData.blockType, className].filter(Boolean).join(' '),
+    ...(isEditable ? {
+      onClick: () => toggleDrawer(),
+      onKeyDown: e_0 => {
+        if (e_0.key === 'Enter' || e_0.key === ' ') {
+          e_0.preventDefault();
+          toggleDrawer();
+        }
+      },
+      role: 'button',
+      tabIndex: 0
+    } : {}),
     ref: inlineBlockElemElemRef,
     children: children
-  }), [baseClass, formData.blockType]);
+  }), [baseClass, formData.blockType, isEditable, toggleDrawer]);
   const Label = useMemo(() => {
     if (resolvedCustomLabel) {
       return () => resolvedCustomLabel;
@@ -407,9 +430,9 @@ export const InlineBlockComponent = props => {
       children: [initialState ? /*#__PURE__*/_jsx(Label, {}) : /*#__PURE__*/_jsx(ShimmerEffect, {
         height: "15px",
         width: "40px"
-      }), isEditable ? /*#__PURE__*/_jsxs("div", {
+      }), isEditable ? /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__actions`,
-        children: [/*#__PURE__*/_jsx(EditButton, {}), /*#__PURE__*/_jsx(RemoveButton, {})]
+        children: /*#__PURE__*/_jsx(RemoveButton, {})
       }) : null]
     })]
   });