@payloadcms/richtext-lexical 3.91.0-internal.c1569dc → 4.0.0-beta.0

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","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","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, 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.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          () => {\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 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              () => {\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":[]}
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","MoreIcon","Pill","Popup","PopupList","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","XIcon","abortAndIgnore","$getNodeByKey","$getRoot","SKIP_DOM_SELECTION_TAG","deepCopyObjectSimpleWithoutReactComponents","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","RegisterFormSubmit","useDrawerSubmit","useLexicalDrawer","getCachedFormStateIfDataMatches","reduceFormStateToBlockData","$isBlockNode","BlockContent","useBlockComponentContext","BlockReordering","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","formDataRef","current","componentMapRenderedBlockPath","clientSchemaMap","blocksField","blockOrSlug","blocks","clientBlock","blocksMap","getFormState","schemaFieldsPath","initialState","setInitialState","cachedState","cachedFormState","formState","matchingCachedState","cachedSchemaPath","currentSchemaPath","blockName","initialValue","passesCondition","valid","value","hasMounted","prevCacheBuster","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","i18n","t","onChange","prevFormState","submit","controller","blockData","newFormState","setTimeout","rowErrorCount","formField","Object","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","isReordering","move","onBlur","onKeyDown","reorderInstructionsID","targetIndex","onKeyDownCapture","event","target","altKey","ctrlKey","metaKey","closest","parentElement","currentTarget","matches","key","_jsxs","actions","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","popupType","render","close","ButtonGroup","buttonSize","direction","filter","Boolean","join","collapsibleStyle","dragHandleProps","attributes","role","tabIndex","listeners","header","String","padStart","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","AfterCollapsible","_Fragment","blockID","headerActions","submitRef","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","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  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 } 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 '../../../../utilities/fieldsDrawer/index.css'\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport {\n  RegisterFormSubmit,\n  useDrawerSubmit,\n} from '../../../../utilities/fieldsDrawer/useDrawerSubmit.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport {\n  getCachedFormStateIfDataMatches,\n  reduceFormStateToBlockData,\n} from '../getCachedFormStateIfDataMatches.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  type BlockCollapsibleWithErrorProps,\n  BlockContent,\n  useBlockComponentContext,\n} from './BlockContent.js'\nimport { BlockReordering } from './BlockReordering/index.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  readonly formData: TFormData\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  const formDataRef = useRef(formData)\n  formDataRef.current = formData\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 | undefined\n\n  const blockOrSlug = blocksField?.blocks?.[0]\n  const clientBlock: ClientBlock | undefined =\n    typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\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 cachedState = initialLexicalFormState?.[formData.id]\n    const cachedFormState = cachedState?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    const matchingCachedState = getCachedFormStateIfDataMatches({\n      cachedFormState,\n      cachedSchemaPath: cachedState.schemaPath,\n      currentSchemaPath: schemaFieldsPath,\n      formData,\n    })\n    if (!matchingCachedState) {\n      return false\n    }\n\n    // Manually add blockName, as it's not part of cachedFormState\n    return {\n      ...matchingCachedState,\n      blockName: {\n        initialValue: formData.blockName,\n        passesCondition: true,\n        valid: true,\n        value: formData.blockName,\n      },\n    }\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 = reduceFormStateToBlockData(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: 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 (clientBlock && 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    clientBlock,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\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      const blockData = reduceFormStateToBlockData(\n        deepCopyObjectSimpleWithoutReactComponents(prevFormState, { excludeFiles: true }),\n        formDataRef.current,\n      )\n\n      const { state: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        data: blockData,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockData: blockData,\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 = reduceFormStateToBlockData(\n        deepCopyObjectSimpleWithoutReactComponents(newFormState, { excludeFiles: true }),\n        blockData,\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      function BlockCollapsible({\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          <BlockReordering editor={editor} nodeKey={nodeKey}>\n            {({ isReordering, move, onBlur, onKeyDown, reorderInstructionsID, targetIndex }) => (\n              <div\n                className={`${baseClass}__container ${baseClass}-${blockType}`}\n                onKeyDownCapture={(event) => {\n                  const target = event.target as HTMLElement\n\n                  if (\n                    event.altKey ||\n                    event.ctrlKey ||\n                    event.metaKey ||\n                    target.closest('.collapsible')?.parentElement !== event.currentTarget\n                  ) {\n                    return\n                  }\n                  // Handle controls before Lexical consumes keys using its retained text selection.\n                  if (\n                    target.matches('.collapsible__drag') &&\n                    (event.key !== 'Escape' || isReordering) &&\n                    [' ', 'ArrowDown', 'ArrowUp', 'Enter', 'Escape', 'Tab'].includes(event.key)\n                  ) {\n                    onKeyDown(event)\n                    event.stopPropagation()\n                  } else if (event.key === 'Tab' && target.matches('.collapsible__toggle')) {\n                    event.stopPropagation()\n                  }\n                }}\n              >\n                <Collapsible\n                  actions={\n                    typeof Actions !== 'undefined' ? (\n                      Actions\n                    ) : isEditable ? (\n                      <Popup\n                        button={<MoreIcon />}\n                        buttonAriaLabel={t('general:moreOptions')}\n                        buttonClassName={`${baseClass}__actions-button`}\n                        caret={false}\n                        horizontalAlign=\"right\"\n                        popupType=\"menu\"\n                        render={({ close }) => (\n                          <PopupList.ButtonGroup buttonSize=\"medium\">\n                            <PopupList.Button\n                              onClick={() => {\n                                close()\n                                move({ direction: -1 })\n                              }}\n                            >\n                              {t('general:moveUp')}\n                            </PopupList.Button>\n                            <PopupList.Button\n                              onClick={() => {\n                                close()\n                                move({ direction: 1 })\n                              }}\n                            >\n                              {t('general:moveDown')}\n                            </PopupList.Button>\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\n                      ? `${baseClass}__row--has-errors`\n                      : `${baseClass}__row--no-errors`,\n                    className,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n                  dragHandleProps={\n                    showDragHandle && isEditable\n                      ? {\n                          id: nodeKey,\n                          attributes: {\n                            'aria-describedby': reorderInstructionsID,\n                            'aria-pressed': isReordering,\n                            role: 'button',\n                            tabIndex: 0,\n                          },\n                          listeners: { onBlur },\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                  AfterCollapsible={\n                    <>\n                      {collapsibleProps?.AfterCollapsible}\n                      <span className=\"sr-only\" role=\"status\">\n                        {isReordering ? `${t('general:order')}: ${(targetIndex ?? 0) + 1}` : ''}\n                      </span>\n                    </>\n                  }\n                >\n                  <span className=\"sr-only\" id={reorderInstructionsID}>\n                    Space / Enter · {t('general:moveUp')} ↑ · {t('general:moveDown')} ↓ ·{' '}\n                    {t('general:cancel')} Escape\n                  </span>\n                  {children}\n                </Collapsible>\n              </div>\n            )}\n          </BlockReordering>\n        )\n      },\n    [\n      editor,\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 { headerActions, submitRef } = useDrawerSubmit()\n\n  const BlockDrawer = useMemo(\n    () => () => (\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          headerActions={headerActions}\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            <div className=\"fields-drawer\">\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              <RegisterFormSubmit submitRef={submitRef} />\n            </div>\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      headerActions,\n      submitRef,\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) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            const newData = reduceFormStateToBlockData(\n              formState,\n              formDataRef.current,\n            ) as BlockFields\n            newData.blockType = blockType\n            editor.update(\n              () => {\n                const node = $getNodeByKey(nodeKey)\n                if (node && $isBlockNode(node)) {\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            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/component/useBlockReordering.d.ts

@@ -0,0 +1,16 @@
+import type { LexicalEditor } from 'lexical';
+import type { KeyboardEvent } from 'react';
+export declare function useBlockReordering({ editor, nodeKey, }: {
+    editor: LexicalEditor;
+    nodeKey: string;
+}): {
+    isReordering: boolean;
+    move: ({ direction, index }: {
+        direction?: -1 | 1;
+        index?: number;
+    }) => void;
+    onBlur: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    targetIndex: number | null;
+};
+//# sourceMappingURL=useBlockReordering.d.ts.map

package/dist/features/blocks/client/component/useBlockReordering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockReordering.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/useBlockReordering.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAU1C,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB;;iCAmH0B;QAAE,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;;uBA8CrD,aAAa;;EAoDxB"}

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

@@ -0,0 +1,178 @@
+import { $getNodeByKey, COMMAND_PRIORITY_HIGH, KEY_DOWN_COMMAND, SKIP_DOM_SELECTION_TAG } from 'lexical';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+export function useBlockReordering({
+  editor,
+  nodeKey
+}) {
+  const [targetIndex, setTargetIndex] = useState(null);
+  const targetRef = useRef(null);
+  const isPointerDownRef = useRef(false);
+  const cancelAfterPointerRef = useRef(false);
+  const isReordering = targetIndex !== null;
+  useEffect(() => editor.registerCommand(KEY_DOWN_COMMAND, event => {
+    const target = event?.target;
+    // Leave action-menu keys to the controls instead of editing the retained selection.
+    return target instanceof HTMLElement && Boolean(editor.getElementByKey(nodeKey)?.contains(target)) && Boolean(target.closest('.collapsible__actions button'));
+  }, COMMAND_PRIORITY_HIGH), [editor, nodeKey]);
+  useEffect(() => {
+    if (!isReordering) {
+      return;
+    }
+    let cancelTimer;
+    const onPointerDown = () => {
+      isPointerDownRef.current = true;
+    };
+    const onPointerUp = () => {
+      isPointerDownRef.current = false;
+      if (cancelAfterPointerRef.current) {
+        // Let the click fire before restoring the preview's original positions.
+        cancelTimer = setTimeout(() => {
+          targetRef.current = null;
+          setTargetIndex(null);
+        }, 0);
+      }
+    };
+    document.addEventListener('pointerdown', onPointerDown, true);
+    document.addEventListener('pointerup', onPointerUp, true);
+    document.addEventListener('pointercancel', onPointerUp, true);
+    return () => {
+      document.removeEventListener('pointerdown', onPointerDown, true);
+      document.removeEventListener('pointerup', onPointerUp, true);
+      document.removeEventListener('pointercancel', onPointerUp, true);
+      clearTimeout(cancelTimer);
+      isPointerDownRef.current = false;
+      cancelAfterPointerRef.current = false;
+    };
+  }, [isReordering]);
+  useLayoutEffect(() => {
+    if (targetIndex === null) {
+      return;
+    }
+    const restore = [];
+    editor.getEditorState().read(() => {
+      const node = $getNodeByKey(nodeKey);
+      const siblings = node?.getParent()?.getChildren();
+      const currentIndex = node?.getIndexWithinParent();
+      if (!siblings || currentIndex === undefined || currentIndex === targetIndex) {
+        return;
+      }
+      const elements = siblings.map(sibling => editor.getElementByKey(sibling.getKey()));
+      const source = elements[currentIndex];
+      const target = elements[targetIndex];
+      const adjacent = elements[currentIndex + (targetIndex > currentIndex ? 1 : -1)];
+      if (!source || !target || !adjacent) {
+        return;
+      }
+      const sourceRect = source.getBoundingClientRect();
+      const targetRect = target.getBoundingClientRect();
+      const adjacentRect = adjacent.getBoundingClientRect();
+      const isMovingDown = targetIndex > currentIndex;
+      const sourceOffset = isMovingDown ? targetRect.bottom - sourceRect.bottom : targetRect.top - sourceRect.top;
+      const siblingOffset = isMovingDown ? sourceRect.top - adjacentRect.top : sourceRect.bottom - adjacentRect.bottom;
+      // Preview the pending order without committing an editor change until drop.
+      for (let index = Math.min(currentIndex, targetIndex); index <= Math.max(currentIndex, targetIndex); index++) {
+        const element = elements[index];
+        if (element) {
+          const translate = element.style.translate;
+          restore.push(() => {
+            element.style.translate = translate;
+          });
+          element.style.translate = `0 ${index === currentIndex ? sourceOffset : siblingOffset}px`;
+        }
+      }
+      source.querySelector('.collapsible__drag')?.scrollIntoView({
+        block: 'nearest'
+      });
+    });
+    return () => restore.forEach(reset => reset());
+  }, [editor, nodeKey, targetIndex]);
+  const move = useCallback(({
+    direction,
+    index
+  }) => {
+    if (!editor.isEditable()) {
+      return;
+    }
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      const siblings = node?.getParent()?.getChildren();
+      if (!node || !siblings) {
+        return;
+      }
+      const currentIndex = node.getIndexWithinParent();
+      const destination = index ?? currentIndex + (direction ?? 0);
+      const target = siblings[destination];
+      if (target && target !== node) {
+        if (destination < currentIndex) {
+          target.insertBefore(node);
+        } else {
+          target.insertAfter(node);
+        }
+      }
+    }, {
+      onUpdate: () => {
+        // The block header is recreated when its row number changes.
+        requestAnimationFrame(() => {
+          const header = editor.getElementByKey(nodeKey)?.querySelector('.collapsible__toggle-wrap');
+          const focusTarget = header?.querySelector('.collapsible__drag') ?? header?.querySelector('.LexicalEditorTheme__block__actions-button');
+          focusTarget?.focus();
+        });
+      },
+      tag: SKIP_DOM_SELECTION_TAG
+    });
+  }, [editor, nodeKey]);
+  const onKeyDown = useCallback(event => {
+    if (!editor.isEditable()) {
+      return;
+    }
+    if (event.key === ' ' || event.key === 'Enter') {
+      event.preventDefault();
+      event.stopPropagation();
+      if (targetRef.current === null) {
+        editor.getEditorState().read(() => {
+          targetRef.current = $getNodeByKey(nodeKey)?.getIndexWithinParent() ?? null;
+        });
+        setTargetIndex(targetRef.current);
+      } else {
+        move({
+          index: targetRef.current
+        });
+        targetRef.current = null;
+        setTargetIndex(null);
+      }
+    } else if (targetRef.current !== null) {
+      if (event.key === 'Escape' || event.key === 'Tab') {
+        targetRef.current = null;
+        setTargetIndex(null);
+        if (event.key === 'Escape') {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      } else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+        event.preventDefault();
+        event.stopPropagation();
+        editor.getEditorState().read(() => {
+          const count = $getNodeByKey(nodeKey)?.getParent()?.getChildrenSize() ?? 0;
+          targetRef.current = Math.max(0, Math.min(count - 1, (targetRef.current ?? 0) + (event.key === 'ArrowDown' ? 1 : -1)));
+        });
+        setTargetIndex(targetRef.current);
+      }
+    }
+  }, [editor, move, nodeKey]);
+  const onBlur = useCallback(() => {
+    if (isPointerDownRef.current) {
+      cancelAfterPointerRef.current = true;
+      return;
+    }
+    targetRef.current = null;
+    setTargetIndex(null);
+  }, []);
+  return {
+    isReordering,
+    move,
+    onBlur,
+    onKeyDown,
+    targetIndex
+  };
+}
+//# sourceMappingURL=useBlockReordering.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockReordering.js","names":["$getNodeByKey","COMMAND_PRIORITY_HIGH","KEY_DOWN_COMMAND","SKIP_DOM_SELECTION_TAG","useCallback","useEffect","useLayoutEffect","useRef","useState","useBlockReordering","editor","nodeKey","targetIndex","setTargetIndex","targetRef","isPointerDownRef","cancelAfterPointerRef","isReordering","registerCommand","event","target","HTMLElement","Boolean","getElementByKey","contains","closest","cancelTimer","onPointerDown","current","onPointerUp","setTimeout","document","addEventListener","removeEventListener","clearTimeout","restore","getEditorState","read","node","siblings","getParent","getChildren","currentIndex","getIndexWithinParent","undefined","elements","map","sibling","getKey","source","adjacent","sourceRect","getBoundingClientRect","targetRect","adjacentRect","isMovingDown","sourceOffset","bottom","top","siblingOffset","index","Math","min","max","element","translate","style","push","querySelector","scrollIntoView","block","forEach","reset","move","direction","isEditable","update","destination","insertBefore","insertAfter","onUpdate","requestAnimationFrame","header","focusTarget","focus","tag","onKeyDown","key","preventDefault","stopPropagation","count","getChildrenSize","onBlur"],"sources":["../../../../../src/features/blocks/client/component/useBlockReordering.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\nimport type { KeyboardEvent } from 'react'\n\nimport {\n  $getNodeByKey,\n  COMMAND_PRIORITY_HIGH,\n  KEY_DOWN_COMMAND,\n  SKIP_DOM_SELECTION_TAG,\n} from 'lexical'\nimport { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'\n\nexport function useBlockReordering({\n  editor,\n  nodeKey,\n}: {\n  editor: LexicalEditor\n  nodeKey: string\n}) {\n  const [targetIndex, setTargetIndex] = useState<null | number>(null)\n  const targetRef = useRef<null | number>(null)\n  const isPointerDownRef = useRef(false)\n  const cancelAfterPointerRef = useRef(false)\n  const isReordering = targetIndex !== null\n\n  useEffect(\n    () =>\n      editor.registerCommand(\n        KEY_DOWN_COMMAND,\n        (event) => {\n          const target = event?.target\n\n          // Leave action-menu keys to the controls instead of editing the retained selection.\n          return (\n            target instanceof HTMLElement &&\n            Boolean(editor.getElementByKey(nodeKey)?.contains(target)) &&\n            Boolean(target.closest('.collapsible__actions button'))\n          )\n        },\n        COMMAND_PRIORITY_HIGH,\n      ),\n    [editor, nodeKey],\n  )\n\n  useEffect(() => {\n    if (!isReordering) {\n      return\n    }\n    let cancelTimer: ReturnType<typeof setTimeout> | undefined\n    const onPointerDown = () => {\n      isPointerDownRef.current = true\n    }\n    const onPointerUp = () => {\n      isPointerDownRef.current = false\n      if (cancelAfterPointerRef.current) {\n        // Let the click fire before restoring the preview's original positions.\n        cancelTimer = setTimeout(() => {\n          targetRef.current = null\n          setTargetIndex(null)\n        }, 0)\n      }\n    }\n\n    document.addEventListener('pointerdown', onPointerDown, true)\n    document.addEventListener('pointerup', onPointerUp, true)\n    document.addEventListener('pointercancel', onPointerUp, true)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown, true)\n      document.removeEventListener('pointerup', onPointerUp, true)\n      document.removeEventListener('pointercancel', onPointerUp, true)\n      clearTimeout(cancelTimer)\n      isPointerDownRef.current = false\n      cancelAfterPointerRef.current = false\n    }\n  }, [isReordering])\n\n  useLayoutEffect(() => {\n    if (targetIndex === null) {\n      return\n    }\n    const restore: (() => void)[] = []\n\n    editor.getEditorState().read(() => {\n      const node = $getNodeByKey(nodeKey)\n      const siblings = node?.getParent()?.getChildren()\n      const currentIndex = node?.getIndexWithinParent()\n\n      if (!siblings || currentIndex === undefined || currentIndex === targetIndex) {\n        return\n      }\n      const elements = siblings.map((sibling) => editor.getElementByKey(sibling.getKey()))\n      const source = elements[currentIndex]\n      const target = elements[targetIndex]\n      const adjacent = elements[currentIndex + (targetIndex > currentIndex ? 1 : -1)]\n\n      if (!source || !target || !adjacent) {\n        return\n      }\n      const sourceRect = source.getBoundingClientRect()\n      const targetRect = target.getBoundingClientRect()\n      const adjacentRect = adjacent.getBoundingClientRect()\n      const isMovingDown = targetIndex > currentIndex\n      const sourceOffset = isMovingDown\n        ? targetRect.bottom - sourceRect.bottom\n        : targetRect.top - sourceRect.top\n      const siblingOffset = isMovingDown\n        ? sourceRect.top - adjacentRect.top\n        : sourceRect.bottom - adjacentRect.bottom\n\n      // Preview the pending order without committing an editor change until drop.\n      for (\n        let index = Math.min(currentIndex, targetIndex);\n        index <= Math.max(currentIndex, targetIndex);\n        index++\n      ) {\n        const element = elements[index]\n\n        if (element) {\n          const translate = element.style.translate\n\n          restore.push(() => {\n            element.style.translate = translate\n          })\n          element.style.translate = `0 ${index === currentIndex ? sourceOffset : siblingOffset}px`\n        }\n      }\n      source.querySelector('.collapsible__drag')?.scrollIntoView({ block: 'nearest' })\n    })\n\n    return () => restore.forEach((reset) => reset())\n  }, [editor, nodeKey, targetIndex])\n\n  const move = useCallback(\n    ({ direction, index }: { direction?: -1 | 1; index?: number }) => {\n      if (!editor.isEditable()) {\n        return\n      }\n      editor.update(\n        () => {\n          const node = $getNodeByKey(nodeKey)\n          const siblings = node?.getParent()?.getChildren()\n\n          if (!node || !siblings) {\n            return\n          }\n          const currentIndex = node.getIndexWithinParent()\n          const destination = index ?? currentIndex + (direction ?? 0)\n          const target = siblings[destination]\n\n          if (target && target !== node) {\n            if (destination < currentIndex) {\n              target.insertBefore(node)\n            } else {\n              target.insertAfter(node)\n            }\n          }\n        },\n        {\n          onUpdate: () => {\n            // The block header is recreated when its row number changes.\n            requestAnimationFrame(() => {\n              const header = editor\n                .getElementByKey(nodeKey)\n                ?.querySelector('.collapsible__toggle-wrap')\n              const focusTarget =\n                header?.querySelector<HTMLElement>('.collapsible__drag') ??\n                header?.querySelector<HTMLElement>('.LexicalEditorTheme__block__actions-button')\n\n              focusTarget?.focus()\n            })\n          },\n          tag: SKIP_DOM_SELECTION_TAG,\n        },\n      )\n    },\n    [editor, nodeKey],\n  )\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!editor.isEditable()) {\n        return\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        event.preventDefault()\n        event.stopPropagation()\n        if (targetRef.current === null) {\n          editor.getEditorState().read(() => {\n            targetRef.current = $getNodeByKey(nodeKey)?.getIndexWithinParent() ?? null\n          })\n          setTargetIndex(targetRef.current)\n        } else {\n          move({ index: targetRef.current })\n          targetRef.current = null\n          setTargetIndex(null)\n        }\n      } else if (targetRef.current !== null) {\n        if (event.key === 'Escape' || event.key === 'Tab') {\n          targetRef.current = null\n          setTargetIndex(null)\n          if (event.key === 'Escape') {\n            event.preventDefault()\n            event.stopPropagation()\n          }\n        } else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n          event.preventDefault()\n          event.stopPropagation()\n          editor.getEditorState().read(() => {\n            const count = $getNodeByKey(nodeKey)?.getParent()?.getChildrenSize() ?? 0\n            targetRef.current = Math.max(\n              0,\n              Math.min(count - 1, (targetRef.current ?? 0) + (event.key === 'ArrowDown' ? 1 : -1)),\n            )\n          })\n          setTargetIndex(targetRef.current)\n        }\n      }\n    },\n    [editor, move, nodeKey],\n  )\n\n  const onBlur = useCallback(() => {\n    if (isPointerDownRef.current) {\n      cancelAfterPointerRef.current = true\n      return\n    }\n    targetRef.current = null\n    setTargetIndex(null)\n  }, [])\n\n  return { isReordering, move, onBlur, onKeyDown, targetIndex }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+@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 var(--stroke-width-medium) var(--color-border-selected);
+        outline: none;
+      }
+    }
+
+    &::selection {
+      background: transparent;
+    }
+  }
+
+  .LexicalEditorTheme__inlineBlock__container {
+    box-shadow: var(--elevation-100-canvas);
+    margin-inline-end: var(--spacer-1);
+    margin-inline-start: 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);
+    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: calc(var(--spacer-1) / 2);
+
+      &:not(:disabled):hover {
+        background: var(--color-bg-hover);
+      }
+
+      & > * {
+        height: 100%;
+      }
+    }
+  }
+
+  .LexicalEditorTheme__inlineBlock__removeButton.btn {
+    padding: 0;
+    margin: calc(var(--spacer-1) / 2);
+    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,9 @@
 import type { FormState } from 'payload';
-import './index.scss';
+import './index.css';
+import '../../../../utilities/fieldsDrawer/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,CAifvF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkC,SAAS,EAAE,MAAM,SAAS,CAAA;AAuBxE,OAAO,aAAa,CAAA;AACpB,OAAO,8CAA8C,CAAA;AAGrD,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;AAchE,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,CAggBvF,CAAA"}