@payloadcms/richtext-lexical 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.185cc5f

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

@@ -10,6 +10,7 @@ import { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
 import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
+import './index.scss';
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
 import { $isBlockNode } from '../nodes/BlocksNode.js';
 import { BlockContent } from './BlockContent.js';

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

@@ -1 +1 @@
-{"version":3,"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 { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport './index.scss'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport { type BlockCollapsibleWithErrorProps, BlockContent } from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\ntype Props = {\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  readonly formData: BlockFields\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, className: baseClass, formData, nodeKey } = props\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 [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel ?? undefined,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block ?? undefined,\n  )\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        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),\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        setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n        setCustomBlock(state._components?.customComponents?.Block ?? undefined)\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    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        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),\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        setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n        setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\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    ],\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 CustomLabel !== 'undefined' ? (\n                    CustomLabel\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                        {(CustomBlock && editButton !== false) || (!CustomBlock && 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      CustomBlock,\n      CustomLabel,\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      <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={uuid()}\n      >\n        <BlockContent\n          baseClass={baseClass}\n          BlockDrawer={BlockDrawer}\n          Collapsible={BlockCollapsible}\n          CustomBlock={CustomBlock}\n          EditButton={EditButton}\n          errorCount={errorCount}\n          formSchema={clientBlock?.fields ?? []}\n          initialState={initialState}\n          nodeKey={nodeKey}\n          RemoveButton={RemoveButton}\n        />\n      </Form>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    CustomBlock,\n    blockType,\n    RemoveButton,\n    EditButton,\n    baseClass,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\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"],"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","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","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","CustomLabel","setCustomLabel","customComponents","BlockLabel","undefined","CustomBlock","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","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","div","filter","Boolean","join","collapsibleStyle","header","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","beforeSubmit","onSubmit","formSchema"],"mappings":"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"}
+{"version":3,"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 { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport './index.scss'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport { type BlockCollapsibleWithErrorProps, BlockContent } from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\ntype Props = {\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  readonly formData: BlockFields\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, className: baseClass, formData, nodeKey } = props\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 [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel ?? undefined,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block ?? undefined,\n  )\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        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),\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        setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n        setCustomBlock(state._components?.customComponents?.Block ?? undefined)\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    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        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),\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        setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n        setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\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    ],\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 CustomLabel !== 'undefined' ? (\n                    CustomLabel\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                        {(CustomBlock && editButton !== false) || (!CustomBlock && 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      CustomBlock,\n      CustomLabel,\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      <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={uuid()}\n      >\n        <BlockContent\n          baseClass={baseClass}\n          BlockDrawer={BlockDrawer}\n          Collapsible={BlockCollapsible}\n          CustomBlock={CustomBlock}\n          EditButton={EditButton}\n          errorCount={errorCount}\n          formSchema={clientBlock?.fields ?? []}\n          initialState={initialState}\n          nodeKey={nodeKey}\n          RemoveButton={RemoveButton}\n        />\n      </Form>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    CustomBlock,\n    blockType,\n    RemoveButton,\n    EditButton,\n    baseClass,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\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"],"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","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","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","CustomLabel","setCustomLabel","customComponents","BlockLabel","undefined","CustomBlock","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","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","div","filter","Boolean","join","collapsibleStyle","header","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","beforeSubmit","onSubmit","formSchema"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ 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 './index.scss';
 import { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared';
 import React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react';
 import { v4 as uuid } from 'uuid';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlocksFieldClient, ClientBlock, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\n\nimport './index.scss'\n\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\ntype Props = {\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  readonly formData: InlineBlockFields\n  readonly nodeKey: string\n}\n\ntype InlineBlockComponentContextType = {\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n  InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n  Label?: React.FC\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.use(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, className: baseClass, formData, nodeKey } = props\n\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation<object, string>()\n  const {\n    createdInlineBlock,\n    fieldProps: { featureClientSchemaMap, initialLexicalFormState, schemaPath },\n    setCreatedInlineBlock,\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { fields: parentDocumentFields } = useDocumentForm()\n\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n  const firstTimeDrawer = useRef(false)\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    return 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\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 [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block,\n  )\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n  const { config } = useConfig()\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient = 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 clientBlockFields = clientBlock?.fields ?? []\n\n  // Open drawer on \"mount\"\n  useEffect(() => {\n    if (!firstTimeDrawer.current && createdInlineBlock?.getKey() === nodeKey) {\n      // > 2 because they always have \"id\" and \"blockName\" fields\n      if (clientBlockFields.length > 2) {\n        toggleDrawer()\n      }\n      setCreatedInlineBlock?.(undefined)\n      firstTimeDrawer.current = true\n    }\n  }, [clientBlockFields.length, createdInlineBlock, nodeKey, setCreatedInlineBlock, toggleDrawer])\n\n  const removeInlineBlock = 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 onChangeAbortControllerRef = useRef(new AbortController())\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`\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        globalSlug,\n        initialBlockData: formData,\n        initialBlockFormState: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        const newFormStateData: InlineBlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state),\n          true,\n        ) as InlineBlockFields\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 && $isInlineBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = formData.blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\n        setInitialState(state)\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    editor,\n    nodeKey,\n    isEditable,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n  ])\n\n  /**\n   * HANDLE ONCHANGE\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 } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\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 (!state) {\n        return prevFormState\n      }\n\n      if (submit) {\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n\n      return state\n    },\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      isEditable,\n      schemaFieldsPath,\n    ],\n  )\n  // cleanup effect\n  useEffect(() => {\n    const isStateOutOfSync = (formData: InlineBlockFields, initialState: FormState) => {\n      return Object.keys(initialState).some(\n        (key) => initialState[key] && formData[key] !== initialState[key].value,\n      )\n    }\n\n    return () => {\n      // If the component is unmounted (either via removeInlineBlock or via lexical itself) and the form state got changed before,\n      // we need to reset the initial state to force a re-fetch of the initial state when it gets mounted again (e.g. via lexical history undo).\n      // Otherwise it would use an outdated initial state.\n      if (initialState && isStateOutOfSync(formData, initialState)) {\n        setInitialState(false)\n      }\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [formData, initialState])\n\n  /**\n   * HANDLE FORM SUBMIT\n   */\n  const onFormSubmit = useCallback(\n    (formState: FormState, newData: Data) => {\n      newData.blockType = formData.blockType\n\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData as InlineBlockFields, true)\n        }\n      })\n    },\n    [editor, nodeKey, formData],\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          removeInlineBlock()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, blockDisplayName, isEditable, removeInlineBlock, t],\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={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, blockDisplayName, isEditable, t, toggleDrawer],\n  )\n\n  const InlineBlockContainer = useMemo(\n    () =>\n      ({ children, className }: { children: React.ReactNode; className?: string }) => (\n        <div\n          className={[`${baseClass}__container`, baseClass + '-' + formData.blockType, className]\n            .filter(Boolean)\n            .join(' ')}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [baseClass, formData.blockType],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [CustomLabel, clientBlock?.labels, i18n])\n\n  if (!clientBlock) {\n    return (\n      <InlineBlockContainer className={`${baseClass}-not-found`}>\n        <span>Error: Block '{formData.blockType}' not found</span>\n        {isEditable ? (\n          <div className={`${baseClass}__actions`}>\n            <RemoveButton />\n          </div>\n        ) : null}\n      </InlineBlockContainer>\n    )\n  }\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      el=\"div\"\n      fields={clientBlock?.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState, data) => {\n        onFormSubmit(formState, data)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${formData?.id ? '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      {CustomBlock ? (\n        <InlineBlockComponentContext\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {isEditable ? (\n            <div className={`${baseClass}__actions`}>\n              <EditButton />\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","createContext","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","use","InlineBlockComponent","props","cacheBuster","className","baseClass","formData","nodeKey","editor","isEditable","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","setInitialState","useState","cachedFormState","id","formState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","hasMounted","prevCacheBuster","current","CustomLabel","setCustomLabel","customComponents","BlockLabel","CustomBlock","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","config","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","clientBlockFields","getKey","length","undefined","removeInlineBlock","update","remove","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","initialBlockData","initialBlockFormState","operation","readOnly","renderAllFields","signal","newFormStateData","node","newData","setFields","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","div","filter","Boolean","join","ref","Label","span","beforeSubmit","disableValidationOnSubmit","onSubmit","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","height","width"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlocksFieldClient, ClientBlock, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\n\nimport './index.scss'\n\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\ntype Props = {\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  readonly formData: InlineBlockFields\n  readonly nodeKey: string\n}\n\ntype InlineBlockComponentContextType = {\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n  InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n  Label?: React.FC\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.use(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, className: baseClass, formData, nodeKey } = props\n\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation<object, string>()\n  const {\n    createdInlineBlock,\n    fieldProps: { featureClientSchemaMap, initialLexicalFormState, schemaPath },\n    setCreatedInlineBlock,\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { fields: parentDocumentFields } = useDocumentForm()\n\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n  const firstTimeDrawer = useRef(false)\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    return 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\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 [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block,\n  )\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n  const { config } = useConfig()\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient = 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 clientBlockFields = clientBlock?.fields ?? []\n\n  // Open drawer on \"mount\"\n  useEffect(() => {\n    if (!firstTimeDrawer.current && createdInlineBlock?.getKey() === nodeKey) {\n      // > 2 because they always have \"id\" and \"blockName\" fields\n      if (clientBlockFields.length > 2) {\n        toggleDrawer()\n      }\n      setCreatedInlineBlock?.(undefined)\n      firstTimeDrawer.current = true\n    }\n  }, [clientBlockFields.length, createdInlineBlock, nodeKey, setCreatedInlineBlock, toggleDrawer])\n\n  const removeInlineBlock = 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 onChangeAbortControllerRef = useRef(new AbortController())\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`\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        globalSlug,\n        initialBlockData: formData,\n        initialBlockFormState: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        const newFormStateData: InlineBlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state),\n          true,\n        ) as InlineBlockFields\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 && $isInlineBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = formData.blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\n        setInitialState(state)\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    editor,\n    nodeKey,\n    isEditable,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n  ])\n\n  /**\n   * HANDLE ONCHANGE\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 } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\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 (!state) {\n        return prevFormState\n      }\n\n      if (submit) {\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n\n      return state\n    },\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      isEditable,\n      schemaFieldsPath,\n    ],\n  )\n  // cleanup effect\n  useEffect(() => {\n    const isStateOutOfSync = (formData: InlineBlockFields, initialState: FormState) => {\n      return Object.keys(initialState).some(\n        (key) => initialState[key] && formData[key] !== initialState[key].value,\n      )\n    }\n\n    return () => {\n      // If the component is unmounted (either via removeInlineBlock or via lexical itself) and the form state got changed before,\n      // we need to reset the initial state to force a re-fetch of the initial state when it gets mounted again (e.g. via lexical history undo).\n      // Otherwise it would use an outdated initial state.\n      if (initialState && isStateOutOfSync(formData, initialState)) {\n        setInitialState(false)\n      }\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [formData, initialState])\n\n  /**\n   * HANDLE FORM SUBMIT\n   */\n  const onFormSubmit = useCallback(\n    (formState: FormState, newData: Data) => {\n      newData.blockType = formData.blockType\n\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData as InlineBlockFields, true)\n        }\n      })\n    },\n    [editor, nodeKey, formData],\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          removeInlineBlock()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, blockDisplayName, isEditable, removeInlineBlock, t],\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={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, blockDisplayName, isEditable, t, toggleDrawer],\n  )\n\n  const InlineBlockContainer = useMemo(\n    () =>\n      ({ children, className }: { children: React.ReactNode; className?: string }) => (\n        <div\n          className={[`${baseClass}__container`, baseClass + '-' + formData.blockType, className]\n            .filter(Boolean)\n            .join(' ')}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [baseClass, formData.blockType],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [CustomLabel, clientBlock?.labels, i18n])\n\n  if (!clientBlock) {\n    return (\n      <InlineBlockContainer className={`${baseClass}-not-found`}>\n        <span>Error: Block '{formData.blockType}' not found</span>\n        {isEditable ? (\n          <div className={`${baseClass}__actions`}>\n            <RemoveButton />\n          </div>\n        ) : null}\n      </InlineBlockContainer>\n    )\n  }\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      el=\"div\"\n      fields={clientBlock?.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState, data) => {\n        onFormSubmit(formState, data)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${formData?.id ? '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      {CustomBlock ? (\n        <InlineBlockComponentContext\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {isEditable ? (\n            <div className={`${baseClass}__actions`}>\n              <EditButton />\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","createContext","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","use","InlineBlockComponent","props","cacheBuster","className","baseClass","formData","nodeKey","editor","isEditable","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","setInitialState","useState","cachedFormState","id","formState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","hasMounted","prevCacheBuster","current","CustomLabel","setCustomLabel","customComponents","BlockLabel","CustomBlock","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","config","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","clientBlockFields","getKey","length","undefined","removeInlineBlock","update","remove","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","initialBlockData","initialBlockFormState","operation","readOnly","renderAllFields","signal","newFormStateData","node","newData","setFields","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","div","filter","Boolean","join","ref","Label","span","beforeSubmit","disableValidationOnSubmit","onSubmit","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","height","width"],"mappings":"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"}

package/dist/features/blocks/client/markdown/markdownTransformer.js

@@ -276,6 +276,7 @@ function getMarkdownTransformerForBlock(block, isInlineBlock) {
                         const children = $parseSerializedNode(nextNodes[0])?.getChildren();
                         if (children?.length) {
                             for (const child of children){
+                                ;
                                 lastChild.append(child);
                             }
                         }

package/dist/features/blocks/client/markdown/markdownTransformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/markdown/markdownTransformer.ts"],"sourcesContent":["import type { ClientBlock } from 'payload'\n\nimport {\n  $parseSerializedNode,\n  type ElementNode,\n  type Klass,\n  type LexicalNode,\n  type LexicalNodeReplacement,\n  type SerializedLexicalNode,\n} from 'lexical'\n\nimport type { Transformer } from '../../../../packages/@lexical/markdown/index.js'\nimport type {\n  MultilineElementTransformer,\n  TextMatchTransformer,\n} from '../../../../packages/@lexical/markdown/MarkdownTransformers.js'\n\nimport { extractPropsFromJSXPropsString } from '../../../../utilities/jsx/extractPropsFromJSXPropsString.js'\nimport { propsToJSXString } from '../../../../utilities/jsx/jsx.js'\nimport { linesFromStartToContentAndPropsString } from '../../server/markdown/linesFromMatchToContentAndPropsString.js'\nimport { $createBlockNode, $isBlockNode, BlockNode } from '../nodes/BlocksNode.js'\nimport {\n  $createInlineBlockNode,\n  $isInlineBlockNode,\n  InlineBlockNode,\n} from '../nodes/InlineBlocksNode.js'\nimport { getLexicalToMarkdown } from './getLexicalToMarkdown.js'\nimport { getMarkdownToLexical } from './getMarkdownToLexical.js'\n\nfunction createTagRegexes(tagName: string) {\n  const escapedTagName = tagName.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n  return {\n    regExpEnd: new RegExp(`</(${escapedTagName})\\\\s*>|<${escapedTagName}[^>]*?/>`, 'i'),\n    regExpStart: new RegExp(`<(${escapedTagName})([^>]*?)\\\\s*(/?)>`, 'i'),\n  }\n}\nexport const getBlockMarkdownTransformers = ({\n  blocks,\n  inlineBlocks,\n}: {\n  blocks: ClientBlock[]\n  inlineBlocks: ClientBlock[]\n}): ((props: {\n  allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n  allTransformers: Transformer[]\n}) => MultilineElementTransformer | TextMatchTransformer)[] => {\n  if (!blocks?.length && !inlineBlocks?.length) {\n    return []\n  }\n  let transformers: ((props: {\n    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer)[] = []\n\n  if (blocks?.length) {\n    for (const block of blocks) {\n      const transformer = getMarkdownTransformerForBlock(block, false)\n\n      if (transformer) {\n        transformers = transformers.concat(transformer)\n      }\n    }\n  }\n\n  if (inlineBlocks?.length) {\n    for (const block of inlineBlocks) {\n      const transformer = getMarkdownTransformerForBlock(block, true)\n\n      if (transformer) {\n        transformers = transformers.concat(transformer)\n      }\n    }\n  }\n\n  return transformers\n}\n\nfunction getMarkdownTransformerForBlock(\n  block: ClientBlock,\n  isInlineBlock: boolean,\n): Array<\n  (props: {\n    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer\n> | null {\n  if (!block.jsx) {\n    return null\n  }\n  const regex = createTagRegexes(block.slug)\n  const toReturn: Array<\n    (props: {\n      allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n      allTransformers: Transformer[]\n    }) => MultilineElementTransformer | TextMatchTransformer\n  > = []\n\n  if (isInlineBlock) {\n    toReturn.push(({ allNodes, allTransformers }) => ({\n      type: 'text-match',\n      dependencies: [InlineBlockNode],\n      export: (node) => {\n        if (!$isInlineBlockNode(node)) {\n          return null\n        }\n\n        if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {\n          return null\n        }\n\n        const nodeFields = node.getFields()\n        const lexicalToMarkdown = getLexicalToMarkdown(allNodes, allTransformers)\n\n        const exportResult = block.jsx!.export({\n          fields: nodeFields,\n          lexicalToMarkdown,\n        })\n        if (exportResult === false) {\n          return null\n        }\n        if (typeof exportResult === 'string') {\n          return exportResult\n        }\n\n        const hasProps = exportResult.props && Object.keys(exportResult.props)?.length > 0\n        const props = exportResult.props ?? {}\n\n        if (exportResult?.children?.length) {\n          return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}>${exportResult.children}</${nodeFields.blockType}>`\n        }\n\n        return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}/>`\n      },\n      getEndIndex: (node, match) => {\n        const { endlineLastCharIndex } = linesFromStartToContentAndPropsString({\n          isEndOptional: false,\n          lines: [node.getTextContent()],\n          regexpEndRegex: regex.regExpEnd,\n          startLineIndex: 0,\n          startMatch: match,\n          trimChildren: false,\n        })\n\n        return endlineLastCharIndex\n      },\n      importRegExp: block.jsx?.customStartRegex ?? regex.regExpStart,\n      regExp: /___ignoreignoreignore___/g,\n      replace(node, match) {\n        const { content, propsString } = linesFromStartToContentAndPropsString({\n          isEndOptional: false,\n          lines: [node.getTextContent()],\n          regexpEndRegex: regex.regExpEnd,\n          startLineIndex: 0,\n          startMatch: {\n            ...match,\n            index: 0,\n          },\n          trimChildren: false,\n        })\n\n        if (!block?.jsx?.import) {\n          // No multiline transformer handled this line successfully\n          return\n        }\n\n        const markdownToLexical = getMarkdownToLexical(allNodes, allTransformers)\n\n        const blockFields = block.jsx.import({\n          children: content,\n          closeMatch: null,\n          htmlToLexical: null, // TODO\n          markdownToLexical,\n          openMatch: match,\n          props: propsString\n            ? extractPropsFromJSXPropsString({\n                propsString,\n              })\n            : {},\n        })\n        if (blockFields === false) {\n          return\n        }\n\n        const inlineBlockNode = $createInlineBlockNode({\n          blockType: block.slug,\n          ...(blockFields as any),\n        })\n\n        node.replace(inlineBlockNode)\n      },\n    }))\n\n    return toReturn\n  }\n\n  toReturn.push(({ allNodes, allTransformers }) => ({\n    dependencies: [BlockNode],\n    export: (node) => {\n      if (!$isBlockNode(node)) {\n        return null\n      }\n\n      if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {\n        return null\n      }\n\n      const nodeFields = node.getFields()\n      const lexicalToMarkdown = getLexicalToMarkdown(allNodes, allTransformers)\n\n      const exportResult = block.jsx!.export({\n        fields: nodeFields,\n        lexicalToMarkdown,\n      })\n      if (exportResult === false) {\n        return null\n      }\n      if (typeof exportResult === 'string') {\n        return exportResult\n      }\n\n      const hasProps = exportResult.props && Object.keys(exportResult.props)?.length > 0\n      const props = exportResult.props ?? {}\n\n      if (exportResult?.children?.length) {\n        const children = exportResult.children\n        let sanitizedChildren = ''\n\n        // Ensure it has a leftpad of at least 2 spaces. The data is saved without those spaces, so we can just blindly add it to every child\n        if (children.includes('\\n')) {\n          for (const child of children.split('\\n')) {\n            let sanitizedChild = ''\n            if (!block?.jsx?.doNotTrimChildren && child !== '') {\n              sanitizedChild = '  '\n            }\n            sanitizedChild += child + '\\n'\n\n            sanitizedChildren += sanitizedChild\n          }\n        } else {\n          sanitizedChildren = (block?.jsx?.doNotTrimChildren ? '' : '  ') + children + '\\n'\n        }\n\n        return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}>\\n${sanitizedChildren}</${nodeFields.blockType}>`\n      }\n\n      return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}/>`\n    },\n    handleImportAfterStartMatch: block.jsx?.customEndRegex\n      ? undefined\n      : ({ lines, rootNode, startLineIndex, startMatch, transformer }) => {\n          const regexpEndRegex: RegExp | undefined =\n            typeof transformer.regExpEnd === 'object' && 'regExp' in transformer.regExpEnd\n              ? transformer.regExpEnd.regExp\n              : transformer.regExpEnd\n\n          const isEndOptional =\n            transformer.regExpEnd &&\n            typeof transformer.regExpEnd === 'object' &&\n            'optional' in transformer.regExpEnd\n              ? transformer.regExpEnd.optional\n              : !transformer.regExpEnd\n\n          const {\n            afterEndLine,\n            beforeStartLine,\n            content: unsanitizedContent,\n            endLineIndex,\n            propsString,\n          } = linesFromStartToContentAndPropsString({\n            isEndOptional,\n            lines,\n            regexpEndRegex,\n            startLineIndex,\n            startMatch,\n            trimChildren: false,\n          })\n\n          let content = ''\n\n          if (block?.jsx?.doNotTrimChildren) {\n            content = unsanitizedContent.endsWith('\\n')\n              ? unsanitizedContent.slice(0, -1)\n              : unsanitizedContent\n          } else {\n            // Ensure it has a leftpad of at least 2 spaces. The data is saved without those spaces, so we can just blindly add it to every child\n            if (unsanitizedContent.includes('\\n')) {\n              const split = unsanitizedContent.split('\\n')\n              let index = 0\n              for (const child of split) {\n                index++\n\n                if (child.startsWith('  ')) {\n                  content += child.slice(2)\n                } else {\n                  // If one child is misaligned, skip aligning completely, unless it's just empty\n                  if (child === '') {\n                    content += child\n                  } else {\n                    content = unsanitizedContent.endsWith('\\n')\n                      ? unsanitizedContent.slice(0, -1)\n                      : unsanitizedContent\n                    break\n                  }\n                }\n\n                content += index === split.length ? '' : '\\n'\n              }\n            } else {\n              content =\n                (!unsanitizedContent.startsWith('  ')\n                  ? unsanitizedContent\n                  : unsanitizedContent.slice(2)) + '\\n'\n            }\n          }\n\n          if (!block?.jsx?.import) {\n            // No multiline transformer handled this line successfully\n            return [false, startLineIndex]\n          }\n\n          const markdownToLexical = getMarkdownToLexical(allNodes, allTransformers)\n\n          const blockFields = block.jsx.import({\n            children: content,\n            closeMatch: null,\n            htmlToLexical: null, // TODO\n            markdownToLexical,\n            openMatch: startMatch,\n            props: propsString\n              ? extractPropsFromJSXPropsString({\n                  propsString,\n                })\n              : {},\n          })\n          if (blockFields === false) {\n            return [false, startLineIndex]\n          }\n\n          const node = $createBlockNode({\n            blockType: block.slug,\n            ...blockFields,\n          } as any)\n\n          if (node) {\n            // Now handle beforeStartLine and afterEndLine. If those are not empty, we need to add them as text nodes before and after the block node.\n            // However, those themselves can contain other markdown matches, so we need to parse them as well.\n            // Example where this is needed: \"Hello <InlineCode>inline code</InlineCode> test.\"\n            let prevNodes: null | SerializedLexicalNode[] = null\n            let nextNodes: null | SerializedLexicalNode[] = null\n            // TODO: Might not need this prevNodes and nextNodes handling if inline nodes are handled by textmatch transformers\n\n            if (beforeStartLine?.length) {\n              prevNodes = markdownToLexical({ markdown: beforeStartLine })?.root?.children ?? []\n\n              const firstPrevNode = prevNodes?.[0]\n              if (firstPrevNode) {\n                rootNode.append($parseSerializedNode(firstPrevNode))\n              }\n            }\n\n            rootNode.append(node)\n\n            if (afterEndLine?.length) {\n              nextNodes = markdownToLexical({ markdown: afterEndLine })?.root?.children\n              const lastChild = rootNode.getChildren()[rootNode.getChildren().length - 1]\n\n              const children = ($parseSerializedNode(nextNodes[0]!) as ElementNode)?.getChildren()\n              if (children?.length) {\n                for (const child of children) {\n                  ;(lastChild as ElementNode).append(child)\n                }\n              }\n            }\n          }\n\n          return [true, endLineIndex]\n        },\n    regExpEnd: block.jsx?.customEndRegex ?? regex.regExpEnd,\n    regExpStart: block.jsx?.customStartRegex ?? regex.regExpStart,\n    // This replace is ONLY run for ``` code blocks (so any blocks with custom start and end regexes). For others, we use the special JSX handling above:\n    type: 'multiline-element',\n    replace: (rootNode, children, openMatch, closeMatch, linesInBetween) => {\n      if (block?.jsx?.import) {\n        if (!linesInBetween) {\n          // convert children to linesInBetween\n          let line = ''\n          if (children) {\n            for (const child of children) {\n              line += child.getTextContent()\n            }\n          }\n\n          linesInBetween = [line]\n        }\n\n        let childrenString = ''\n        if (block?.jsx?.doNotTrimChildren) {\n          childrenString = linesInBetween.join('\\n')\n        } else {\n          childrenString = linesInBetween.join('\\n').trim()\n        }\n\n        const propsString = openMatch[1]?.trim()\n\n        const markdownToLexical = getMarkdownToLexical(allNodes, allTransformers)\n\n        const blockFields = block.jsx.import({\n          children: childrenString,\n          closeMatch: closeMatch as RegExpMatchArray,\n          htmlToLexical: null, // TODO\n          markdownToLexical,\n          openMatch: openMatch as RegExpMatchArray,\n          props: propsString\n            ? extractPropsFromJSXPropsString({\n                propsString,\n              })\n            : {},\n        })\n        if (blockFields === false) {\n          return false\n        }\n\n        const node = $createBlockNode({\n          blockType: block.slug,\n          ...blockFields,\n        } as any)\n\n        if (node) {\n          rootNode.append(node)\n        }\n\n        return\n      }\n      return false // Run next transformer\n    },\n  }))\n\n  return toReturn\n}\n"],"names":["$parseSerializedNode","extractPropsFromJSXPropsString","propsToJSXString","linesFromStartToContentAndPropsString","$createBlockNode","$isBlockNode","BlockNode","$createInlineBlockNode","$isInlineBlockNode","InlineBlockNode","getLexicalToMarkdown","getMarkdownToLexical","createTagRegexes","tagName","escapedTagName","replace","regExpEnd","RegExp","regExpStart","getBlockMarkdownTransformers","blocks","inlineBlocks","length","transformers","block","transformer","getMarkdownTransformerForBlock","concat","isInlineBlock","jsx","regex","slug","toReturn","push","allNodes","allTransformers","type","dependencies","export","node","getFields","blockType","toLowerCase","nodeFields","lexicalToMarkdown","exportResult","fields","hasProps","props","Object","keys","children","getEndIndex","match","endlineLastCharIndex","isEndOptional","lines","getTextContent","regexpEndRegex","startLineIndex","startMatch","trimChildren","importRegExp","customStartRegex","regExp","content","propsString","index","import","markdownToLexical","blockFields","closeMatch","htmlToLexical","openMatch","inlineBlockNode","sanitizedChildren","includes","child","split","sanitizedChild","doNotTrimChildren","handleImportAfterStartMatch","customEndRegex","undefined","rootNode","optional","afterEndLine","beforeStartLine","unsanitizedContent","endLineIndex","endsWith","slice","startsWith","prevNodes","nextNodes","markdown","root","firstPrevNode","append","lastChild","getChildren","linesInBetween","line","childrenString","join","trim"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/features/blocks/client/markdown/markdownTransformer.ts"],"sourcesContent":["import type { ClientBlock } from 'payload'\n\nimport {\n  $parseSerializedNode,\n  type ElementNode,\n  type Klass,\n  type LexicalNode,\n  type LexicalNodeReplacement,\n  type SerializedLexicalNode,\n} from 'lexical'\n\nimport type { Transformer } from '../../../../packages/@lexical/markdown/index.js'\nimport type {\n  MultilineElementTransformer,\n  TextMatchTransformer,\n} from '../../../../packages/@lexical/markdown/MarkdownTransformers.js'\n\nimport { extractPropsFromJSXPropsString } from '../../../../utilities/jsx/extractPropsFromJSXPropsString.js'\nimport { propsToJSXString } from '../../../../utilities/jsx/jsx.js'\nimport { linesFromStartToContentAndPropsString } from '../../server/markdown/linesFromMatchToContentAndPropsString.js'\nimport { $createBlockNode, $isBlockNode, BlockNode } from '../nodes/BlocksNode.js'\nimport {\n  $createInlineBlockNode,\n  $isInlineBlockNode,\n  InlineBlockNode,\n} from '../nodes/InlineBlocksNode.js'\nimport { getLexicalToMarkdown } from './getLexicalToMarkdown.js'\nimport { getMarkdownToLexical } from './getMarkdownToLexical.js'\n\nfunction createTagRegexes(tagName: string) {\n  const escapedTagName = tagName.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n  return {\n    regExpEnd: new RegExp(`</(${escapedTagName})\\\\s*>|<${escapedTagName}[^>]*?/>`, 'i'),\n    regExpStart: new RegExp(`<(${escapedTagName})([^>]*?)\\\\s*(/?)>`, 'i'),\n  }\n}\nexport const getBlockMarkdownTransformers = ({\n  blocks,\n  inlineBlocks,\n}: {\n  blocks: ClientBlock[]\n  inlineBlocks: ClientBlock[]\n}): ((props: {\n  allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n  allTransformers: Transformer[]\n}) => MultilineElementTransformer | TextMatchTransformer)[] => {\n  if (!blocks?.length && !inlineBlocks?.length) {\n    return []\n  }\n  let transformers: ((props: {\n    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer)[] = []\n\n  if (blocks?.length) {\n    for (const block of blocks) {\n      const transformer = getMarkdownTransformerForBlock(block, false)\n\n      if (transformer) {\n        transformers = transformers.concat(transformer)\n      }\n    }\n  }\n\n  if (inlineBlocks?.length) {\n    for (const block of inlineBlocks) {\n      const transformer = getMarkdownTransformerForBlock(block, true)\n\n      if (transformer) {\n        transformers = transformers.concat(transformer)\n      }\n    }\n  }\n\n  return transformers\n}\n\nfunction getMarkdownTransformerForBlock(\n  block: ClientBlock,\n  isInlineBlock: boolean,\n): Array<\n  (props: {\n    allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n    allTransformers: Transformer[]\n  }) => MultilineElementTransformer | TextMatchTransformer\n> | null {\n  if (!block.jsx) {\n    return null\n  }\n  const regex = createTagRegexes(block.slug)\n  const toReturn: Array<\n    (props: {\n      allNodes: Array<Klass<LexicalNode> | LexicalNodeReplacement>\n      allTransformers: Transformer[]\n    }) => MultilineElementTransformer | TextMatchTransformer\n  > = []\n\n  if (isInlineBlock) {\n    toReturn.push(({ allNodes, allTransformers }) => ({\n      type: 'text-match',\n      dependencies: [InlineBlockNode],\n      export: (node) => {\n        if (!$isInlineBlockNode(node)) {\n          return null\n        }\n\n        if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {\n          return null\n        }\n\n        const nodeFields = node.getFields()\n        const lexicalToMarkdown = getLexicalToMarkdown(allNodes, allTransformers)\n\n        const exportResult = block.jsx!.export({\n          fields: nodeFields,\n          lexicalToMarkdown,\n        })\n        if (exportResult === false) {\n          return null\n        }\n        if (typeof exportResult === 'string') {\n          return exportResult\n        }\n\n        const hasProps = exportResult.props && Object.keys(exportResult.props)?.length > 0\n        const props = exportResult.props ?? {}\n\n        if (exportResult?.children?.length) {\n          return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}>${exportResult.children}</${nodeFields.blockType}>`\n        }\n\n        return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}/>`\n      },\n      getEndIndex: (node, match) => {\n        const { endlineLastCharIndex } = linesFromStartToContentAndPropsString({\n          isEndOptional: false,\n          lines: [node.getTextContent()],\n          regexpEndRegex: regex.regExpEnd,\n          startLineIndex: 0,\n          startMatch: match,\n          trimChildren: false,\n        })\n\n        return endlineLastCharIndex\n      },\n      importRegExp: block.jsx?.customStartRegex ?? regex.regExpStart,\n      regExp: /___ignoreignoreignore___/g,\n      replace(node, match) {\n        const { content, propsString } = linesFromStartToContentAndPropsString({\n          isEndOptional: false,\n          lines: [node.getTextContent()],\n          regexpEndRegex: regex.regExpEnd,\n          startLineIndex: 0,\n          startMatch: {\n            ...match,\n            index: 0,\n          },\n          trimChildren: false,\n        })\n\n        if (!block?.jsx?.import) {\n          // No multiline transformer handled this line successfully\n          return\n        }\n\n        const markdownToLexical = getMarkdownToLexical(allNodes, allTransformers)\n\n        const blockFields = block.jsx.import({\n          children: content,\n          closeMatch: null,\n          htmlToLexical: null, // TODO\n          markdownToLexical,\n          openMatch: match,\n          props: propsString\n            ? extractPropsFromJSXPropsString({\n                propsString,\n              })\n            : {},\n        })\n        if (blockFields === false) {\n          return\n        }\n\n        const inlineBlockNode = $createInlineBlockNode({\n          blockType: block.slug,\n          ...(blockFields as any),\n        })\n\n        node.replace(inlineBlockNode)\n      },\n    }))\n\n    return toReturn\n  }\n\n  toReturn.push(({ allNodes, allTransformers }) => ({\n    dependencies: [BlockNode],\n    export: (node) => {\n      if (!$isBlockNode(node)) {\n        return null\n      }\n\n      if (node.getFields()?.blockType?.toLowerCase() !== block.slug.toLowerCase()) {\n        return null\n      }\n\n      const nodeFields = node.getFields()\n      const lexicalToMarkdown = getLexicalToMarkdown(allNodes, allTransformers)\n\n      const exportResult = block.jsx!.export({\n        fields: nodeFields,\n        lexicalToMarkdown,\n      })\n      if (exportResult === false) {\n        return null\n      }\n      if (typeof exportResult === 'string') {\n        return exportResult\n      }\n\n      const hasProps = exportResult.props && Object.keys(exportResult.props)?.length > 0\n      const props = exportResult.props ?? {}\n\n      if (exportResult?.children?.length) {\n        const children = exportResult.children\n        let sanitizedChildren = ''\n\n        // Ensure it has a leftpad of at least 2 spaces. The data is saved without those spaces, so we can just blindly add it to every child\n        if (children.includes('\\n')) {\n          for (const child of children.split('\\n')) {\n            let sanitizedChild = ''\n            if (!block?.jsx?.doNotTrimChildren && child !== '') {\n              sanitizedChild = '  '\n            }\n            sanitizedChild += child + '\\n'\n\n            sanitizedChildren += sanitizedChild\n          }\n        } else {\n          sanitizedChildren = (block?.jsx?.doNotTrimChildren ? '' : '  ') + children + '\\n'\n        }\n\n        return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}>\\n${sanitizedChildren}</${nodeFields.blockType}>`\n      }\n\n      return `<${nodeFields.blockType}${hasProps ? ' ' + propsToJSXString({ props }) : ''}/>`\n    },\n    handleImportAfterStartMatch: block.jsx?.customEndRegex\n      ? undefined\n      : ({ lines, rootNode, startLineIndex, startMatch, transformer }) => {\n          const regexpEndRegex: RegExp | undefined =\n            typeof transformer.regExpEnd === 'object' && 'regExp' in transformer.regExpEnd\n              ? transformer.regExpEnd.regExp\n              : transformer.regExpEnd\n\n          const isEndOptional =\n            transformer.regExpEnd &&\n            typeof transformer.regExpEnd === 'object' &&\n            'optional' in transformer.regExpEnd\n              ? transformer.regExpEnd.optional\n              : !transformer.regExpEnd\n\n          const {\n            afterEndLine,\n            beforeStartLine,\n            content: unsanitizedContent,\n            endLineIndex,\n            propsString,\n          } = linesFromStartToContentAndPropsString({\n            isEndOptional,\n            lines,\n            regexpEndRegex,\n            startLineIndex,\n            startMatch,\n            trimChildren: false,\n          })\n\n          let content = ''\n\n          if (block?.jsx?.doNotTrimChildren) {\n            content = unsanitizedContent.endsWith('\\n')\n              ? unsanitizedContent.slice(0, -1)\n              : unsanitizedContent\n          } else {\n            // Ensure it has a leftpad of at least 2 spaces. The data is saved without those spaces, so we can just blindly add it to every child\n            if (unsanitizedContent.includes('\\n')) {\n              const split = unsanitizedContent.split('\\n')\n              let index = 0\n              for (const child of split) {\n                index++\n\n                if (child.startsWith('  ')) {\n                  content += child.slice(2)\n                } else {\n                  // If one child is misaligned, skip aligning completely, unless it's just empty\n                  if (child === '') {\n                    content += child\n                  } else {\n                    content = unsanitizedContent.endsWith('\\n')\n                      ? unsanitizedContent.slice(0, -1)\n                      : unsanitizedContent\n                    break\n                  }\n                }\n\n                content += index === split.length ? '' : '\\n'\n              }\n            } else {\n              content =\n                (!unsanitizedContent.startsWith('  ')\n                  ? unsanitizedContent\n                  : unsanitizedContent.slice(2)) + '\\n'\n            }\n          }\n\n          if (!block?.jsx?.import) {\n            // No multiline transformer handled this line successfully\n            return [false, startLineIndex]\n          }\n\n          const markdownToLexical = getMarkdownToLexical(allNodes, allTransformers)\n\n          const blockFields = block.jsx.import({\n            children: content,\n            closeMatch: null,\n            htmlToLexical: null, // TODO\n            markdownToLexical,\n            openMatch: startMatch,\n            props: propsString\n              ? extractPropsFromJSXPropsString({\n                  propsString,\n                })\n              : {},\n          })\n          if (blockFields === false) {\n            return [false, startLineIndex]\n          }\n\n          const node = $createBlockNode({\n            blockType: block.slug,\n            ...blockFields,\n          } as any)\n\n          if (node) {\n            // Now handle beforeStartLine and afterEndLine. If those are not empty, we need to add them as text nodes before and after the block node.\n            // However, those themselves can contain other markdown matches, so we need to parse them as well.\n            // Example where this is needed: \"Hello <InlineCode>inline code</InlineCode> test.\"\n            let prevNodes: null | SerializedLexicalNode[] = null\n            let nextNodes: null | SerializedLexicalNode[] = null\n            // TODO: Might not need this prevNodes and nextNodes handling if inline nodes are handled by textmatch transformers\n\n            if (beforeStartLine?.length) {\n              prevNodes = markdownToLexical({ markdown: beforeStartLine })?.root?.children ?? []\n\n              const firstPrevNode = prevNodes?.[0]\n              if (firstPrevNode) {\n                rootNode.append($parseSerializedNode(firstPrevNode))\n              }\n            }\n\n            rootNode.append(node)\n\n            if (afterEndLine?.length) {\n              nextNodes = markdownToLexical({ markdown: afterEndLine })?.root?.children\n              const lastChild = rootNode.getChildren()[rootNode.getChildren().length - 1]\n\n              const children = ($parseSerializedNode(nextNodes[0]!) as ElementNode)?.getChildren()\n              if (children?.length) {\n                for (const child of children) {\n                  ;(lastChild as ElementNode).append(child)\n                }\n              }\n            }\n          }\n\n          return [true, endLineIndex]\n        },\n    regExpEnd: block.jsx?.customEndRegex ?? regex.regExpEnd,\n    regExpStart: block.jsx?.customStartRegex ?? regex.regExpStart,\n    // This replace is ONLY run for ``` code blocks (so any blocks with custom start and end regexes). For others, we use the special JSX handling above:\n    type: 'multiline-element',\n    replace: (rootNode, children, openMatch, closeMatch, linesInBetween) => {\n      if (block?.jsx?.import) {\n        if (!linesInBetween) {\n          // convert children to linesInBetween\n          let line = ''\n          if (children) {\n            for (const child of children) {\n              line += child.getTextContent()\n            }\n          }\n\n          linesInBetween = [line]\n        }\n\n        let childrenString = ''\n        if (block?.jsx?.doNotTrimChildren) {\n          childrenString = linesInBetween.join('\\n')\n        } else {\n          childrenString = linesInBetween.join('\\n').trim()\n        }\n\n        const propsString = openMatch[1]?.trim()\n\n        const markdownToLexical = getMarkdownToLexical(allNodes, allTransformers)\n\n        const blockFields = block.jsx.import({\n          children: childrenString,\n          closeMatch: closeMatch as RegExpMatchArray,\n          htmlToLexical: null, // TODO\n          markdownToLexical,\n          openMatch: openMatch as RegExpMatchArray,\n          props: propsString\n            ? extractPropsFromJSXPropsString({\n                propsString,\n              })\n            : {},\n        })\n        if (blockFields === false) {\n          return false\n        }\n\n        const node = $createBlockNode({\n          blockType: block.slug,\n          ...blockFields,\n        } as any)\n\n        if (node) {\n          rootNode.append(node)\n        }\n\n        return\n      }\n      return false // Run next transformer\n    },\n  }))\n\n  return toReturn\n}\n"],"names":["$parseSerializedNode","extractPropsFromJSXPropsString","propsToJSXString","linesFromStartToContentAndPropsString","$createBlockNode","$isBlockNode","BlockNode","$createInlineBlockNode","$isInlineBlockNode","InlineBlockNode","getLexicalToMarkdown","getMarkdownToLexical","createTagRegexes","tagName","escapedTagName","replace","regExpEnd","RegExp","regExpStart","getBlockMarkdownTransformers","blocks","inlineBlocks","length","transformers","block","transformer","getMarkdownTransformerForBlock","concat","isInlineBlock","jsx","regex","slug","toReturn","push","allNodes","allTransformers","type","dependencies","export","node","getFields","blockType","toLowerCase","nodeFields","lexicalToMarkdown","exportResult","fields","hasProps","props","Object","keys","children","getEndIndex","match","endlineLastCharIndex","isEndOptional","lines","getTextContent","regexpEndRegex","startLineIndex","startMatch","trimChildren","importRegExp","customStartRegex","regExp","content","propsString","index","import","markdownToLexical","blockFields","closeMatch","htmlToLexical","openMatch","inlineBlockNode","sanitizedChildren","includes","child","split","sanitizedChild","doNotTrimChildren","handleImportAfterStartMatch","customEndRegex","undefined","rootNode","optional","afterEndLine","beforeStartLine","unsanitizedContent","endLineIndex","endsWith","slice","startsWith","prevNodes","nextNodes","markdown","root","firstPrevNode","append","lastChild","getChildren","linesInBetween","line","childrenString","join","trim"],"mappings":"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"}

package/dist/features/blocks/premade/CodeBlock/Component/Block.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './index.scss';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { ChevronIcon, Combobox, CopyToClipboard, PopupList, RenderFields, useForm, useFormFields, useTranslation } from '@payloadcms/ui';
 import React from 'react';

package/dist/features/blocks/premade/CodeBlock/Component/Block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Block.tsx"],"sourcesContent":["'use client'\nimport type { ComboboxEntry } from '@payloadcms/ui'\nimport type {} from 'payload'\n\nimport './index.scss'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  ChevronIcon,\n  Combobox,\n  CopyToClipboard,\n  PopupList,\n  RenderFields,\n  useForm,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { AdditionalCodeComponentProps } from './Code.js'\n\nimport { CodeBlockIcon } from '../../../../../lexical/ui/icons/CodeBlock/index.js'\nimport { useBlockComponentContext } from '../../../client/component/BlockContent.js'\nimport { Collapse } from './Collapse/index.js'\nimport { defaultLanguages } from './defaultLanguages.js'\nimport { FloatingCollapse } from './FloatingCollapse/index.js'\n\nconst baseClass = 'payload-richtext-code-block'\nexport const CodeBlockBlockComponent: React.FC<Pick<AdditionalCodeComponentProps, 'languages'>> = (\n  args,\n) => {\n  const { languages: languagesFromProps } = args\n  const languages = languagesFromProps || defaultLanguages\n\n  const { BlockCollapsible, formSchema, RemoveButton } = useBlockComponentContext()\n  const { setModified } = useForm()\n  const { t } = useTranslation()\n\n  const { codeField } = useFormFields(([fields]) => ({\n    codeField: fields?.code,\n  }))\n\n  const { selectedLanguageField, setSelectedLanguage } = useFormFields(([fields, dispatch]) => ({\n    selectedLanguageField: fields?.language,\n    setSelectedLanguage: (language: string) => {\n      dispatch({\n        type: 'UPDATE',\n        path: 'language',\n        value: language,\n      })\n      setModified(true)\n    },\n  }))\n\n  const selectedLanguageLabel = languages[selectedLanguageField?.value as keyof typeof languages]\n\n  const isEditable = useLexicalEditable()\n\n  const languageEntries = React.useMemo<ComboboxEntry[]>(() => {\n    return Object.entries(languages).map(([languageCode, languageLabel]) => ({\n      name: `${languageCode} ${languageLabel}`,\n      Component: (\n        <PopupList.Button\n          active={false}\n          disabled={false}\n          onClick={() => {\n            setSelectedLanguage(languageCode)\n          }}\n        >\n          <span className={`${baseClass}__language-code`} data-language={languageCode}>\n            {languageLabel}\n          </span>\n        </PopupList.Button>\n      ),\n    }))\n  }, [languages, setSelectedLanguage])\n\n  return (\n    <BlockCollapsible\n      Actions={\n        <div className={`${baseClass}__actions`}>\n          <Combobox\n            button={\n              <div\n                className={`${baseClass}__language-selector-button`}\n                data-selected-language={selectedLanguageField?.value}\n              >\n                <span>{selectedLanguageLabel}</span>\n                <ChevronIcon className={`${baseClass}__chevron`} />\n              </div>\n            }\n            buttonType=\"custom\"\n            className={`${baseClass}__language-selector`}\n            disabled={!isEditable}\n            entries={languageEntries}\n            horizontalAlign=\"right\"\n            minEntriesForSearch={8}\n            searchPlaceholder={t('fields:searchForLanguage')}\n            showScrollbar\n            size=\"large\"\n          />\n          <CopyToClipboard value={(codeField?.value as string) ?? ''} />\n\n          <Collapse />\n\n          {isEditable && <RemoveButton />}\n        </div>\n      }\n      className={baseClass}\n      collapsibleProps={{\n        AfterCollapsible: <FloatingCollapse />,\n        disableHeaderToggle: true,\n        disableToggleIndicator: true,\n      }}\n      Pill={\n        <div className={`${baseClass}__pill`}>\n          <CodeBlockIcon />\n        </div>\n      }\n    >\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n        readOnly={!isEditable}\n      />\n    </BlockCollapsible>\n  )\n}\n"],"names":["useLexicalEditable","ChevronIcon","Combobox","CopyToClipboard","PopupList","RenderFields","useForm","useFormFields","useTranslation","React","CodeBlockIcon","useBlockComponentContext","Collapse","defaultLanguages","FloatingCollapse","baseClass","CodeBlockBlockComponent","args","languages","languagesFromProps","BlockCollapsible","formSchema","RemoveButton","setModified","t","codeField","fields","code","selectedLanguageField","setSelectedLanguage","dispatch","language","type","path","value","selectedLanguageLabel","isEditable","languageEntries","useMemo","Object","entries","map","languageCode","languageLabel","name","Component","Button","active","disabled","onClick","span","className","data-language","Actions","div","button","data-selected-language","buttonType","horizontalAlign","minEntriesForSearch","searchPlaceholder","showScrollbar","size","collapsibleProps","AfterCollapsible","disableHeaderToggle","disableToggleIndicator","Pill","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/features/blocks/premade/CodeBlock/Component/Block.tsx"],"sourcesContent":["'use client'\nimport type { ComboboxEntry } from '@payloadcms/ui'\nimport type {} from 'payload'\n\nimport './index.scss'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  ChevronIcon,\n  Combobox,\n  CopyToClipboard,\n  PopupList,\n  RenderFields,\n  useForm,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { AdditionalCodeComponentProps } from './Code.js'\n\nimport { CodeBlockIcon } from '../../../../../lexical/ui/icons/CodeBlock/index.js'\nimport { useBlockComponentContext } from '../../../client/component/BlockContent.js'\nimport { Collapse } from './Collapse/index.js'\nimport { defaultLanguages } from './defaultLanguages.js'\nimport { FloatingCollapse } from './FloatingCollapse/index.js'\n\nconst baseClass = 'payload-richtext-code-block'\nexport const CodeBlockBlockComponent: React.FC<Pick<AdditionalCodeComponentProps, 'languages'>> = (\n  args,\n) => {\n  const { languages: languagesFromProps } = args\n  const languages = languagesFromProps || defaultLanguages\n\n  const { BlockCollapsible, formSchema, RemoveButton } = useBlockComponentContext()\n  const { setModified } = useForm()\n  const { t } = useTranslation()\n\n  const { codeField } = useFormFields(([fields]) => ({\n    codeField: fields?.code,\n  }))\n\n  const { selectedLanguageField, setSelectedLanguage } = useFormFields(([fields, dispatch]) => ({\n    selectedLanguageField: fields?.language,\n    setSelectedLanguage: (language: string) => {\n      dispatch({\n        type: 'UPDATE',\n        path: 'language',\n        value: language,\n      })\n      setModified(true)\n    },\n  }))\n\n  const selectedLanguageLabel = languages[selectedLanguageField?.value as keyof typeof languages]\n\n  const isEditable = useLexicalEditable()\n\n  const languageEntries = React.useMemo<ComboboxEntry[]>(() => {\n    return Object.entries(languages).map(([languageCode, languageLabel]) => ({\n      name: `${languageCode} ${languageLabel}`,\n      Component: (\n        <PopupList.Button\n          active={false}\n          disabled={false}\n          onClick={() => {\n            setSelectedLanguage(languageCode)\n          }}\n        >\n          <span className={`${baseClass}__language-code`} data-language={languageCode}>\n            {languageLabel}\n          </span>\n        </PopupList.Button>\n      ),\n    }))\n  }, [languages, setSelectedLanguage])\n\n  return (\n    <BlockCollapsible\n      Actions={\n        <div className={`${baseClass}__actions`}>\n          <Combobox\n            button={\n              <div\n                className={`${baseClass}__language-selector-button`}\n                data-selected-language={selectedLanguageField?.value}\n              >\n                <span>{selectedLanguageLabel}</span>\n                <ChevronIcon className={`${baseClass}__chevron`} />\n              </div>\n            }\n            buttonType=\"custom\"\n            className={`${baseClass}__language-selector`}\n            disabled={!isEditable}\n            entries={languageEntries}\n            horizontalAlign=\"right\"\n            minEntriesForSearch={8}\n            searchPlaceholder={t('fields:searchForLanguage')}\n            showScrollbar\n            size=\"large\"\n          />\n          <CopyToClipboard value={(codeField?.value as string) ?? ''} />\n\n          <Collapse />\n\n          {isEditable && <RemoveButton />}\n        </div>\n      }\n      className={baseClass}\n      collapsibleProps={{\n        AfterCollapsible: <FloatingCollapse />,\n        disableHeaderToggle: true,\n        disableToggleIndicator: true,\n      }}\n      Pill={\n        <div className={`${baseClass}__pill`}>\n          <CodeBlockIcon />\n        </div>\n      }\n    >\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n        readOnly={!isEditable}\n      />\n    </BlockCollapsible>\n  )\n}\n"],"names":["useLexicalEditable","ChevronIcon","Combobox","CopyToClipboard","PopupList","RenderFields","useForm","useFormFields","useTranslation","React","CodeBlockIcon","useBlockComponentContext","Collapse","defaultLanguages","FloatingCollapse","baseClass","CodeBlockBlockComponent","args","languages","languagesFromProps","BlockCollapsible","formSchema","RemoveButton","setModified","t","codeField","fields","code","selectedLanguageField","setSelectedLanguage","dispatch","language","type","path","value","selectedLanguageLabel","isEditable","languageEntries","useMemo","Object","entries","map","languageCode","languageLabel","name","Component","Button","active","disabled","onClick","span","className","data-language","Actions","div","button","data-selected-language","buttonType","horizontalAlign","minEntriesForSearch","searchPlaceholder","showScrollbar","size","collapsibleProps","AfterCollapsible","disableHeaderToggle","disableToggleIndicator","Pill","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"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"}

package/dist/features/blocks/premade/CodeBlock/Component/Collapse/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import './index.scss';
 const baseClass = 'code-block-collapse-button';
 import { useCollapsible } from '@payloadcms/ui';
 import { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js';

package/dist/features/blocks/premade/CodeBlock/Component/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-collapse-button'\nimport { useCollapsible } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const Collapse: React.FC = () => {\n  const { toggle } = useCollapsible()\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","CollapseIcon","Collapse","toggle","button","className","onClick","type"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAClB,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,WAAqB;IAChC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IACnB,qBACE,KAACI;QAAOC,WAAWN;QAAWO,SAASH;QAAQI,MAAK;kBAClD,cAAA,KAACN;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/Collapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-collapse-button'\nimport { useCollapsible } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const Collapse: React.FC = () => {\n  const { toggle } = useCollapsible()\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","CollapseIcon","Collapse","toggle","button","className","onClick","type"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,WAAqB;IAChC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IACnB,qBACE,KAACI;QAAOC,WAAWN;QAAWO,SAASH;QAAQI,MAAK;kBAClD,cAAA,KAACN;;AAGP,EAAC"}

package/dist/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import './index.scss';
 const baseClass = 'code-block-floating-collapse-button';
 import { useCollapsible, useTranslation } from '@payloadcms/ui';
 import { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js';

package/dist/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-floating-collapse-button'\nimport { useCollapsible, useTranslation } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const FloatingCollapse: React.FC = () => {\n  const { isCollapsed, toggle } = useCollapsible()\n  const { t } = useTranslation()\n\n  if (!isCollapsed) {\n    return null\n  }\n\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <span>{t('general:collapse')}</span>\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","useTranslation","CollapseIcon","FloatingCollapse","isCollapsed","toggle","t","button","className","onClick","type","span"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAClB,SAASC,cAAc,EAAEC,cAAc,QAAQ,iBAAgB;AAE/D,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGL;IAChC,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACG,aAAa;QAChB,OAAO;IACT;IAEA,qBACE,MAACG;QAAOC,WAAWT;QAAWU,SAASJ;QAAQK,MAAK;;0BAClD,KAACC;0BAAML,EAAE;;0BACT,KAACJ;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../../../src/features/blocks/premade/CodeBlock/Component/FloatingCollapse/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'code-block-floating-collapse-button'\nimport { useCollapsible, useTranslation } from '@payloadcms/ui'\n\nimport { CollapseIcon } from '../../../../../../lexical/ui/icons/Collapse/index.js'\n\nexport const FloatingCollapse: React.FC = () => {\n  const { isCollapsed, toggle } = useCollapsible()\n  const { t } = useTranslation()\n\n  if (!isCollapsed) {\n    return null\n  }\n\n  return (\n    <button className={baseClass} onClick={toggle} type=\"button\">\n      <span>{t('general:collapse')}</span>\n      <CollapseIcon />\n    </button>\n  )\n}\n"],"names":["React","baseClass","useCollapsible","useTranslation","CollapseIcon","FloatingCollapse","isCollapsed","toggle","t","button","className","onClick","type","span"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,SAASC,cAAc,EAAEC,cAAc,QAAQ,iBAAgB;AAE/D,SAASC,YAAY,QAAQ,uDAAsD;AAEnF,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGL;IAChC,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACG,aAAa;QAChB,OAAO;IACT;IAEA,qBACE,MAACG;QAAOC,WAAWT;QAAWU,SAASJ;QAAQK,MAAK;;0BAClD,KAACC;0BAAML,EAAE;;0BACT,KAACJ;;;AAGP,EAAC"}

package/dist/features/blocks/server/markdown/markdownTransformer.js

@@ -294,6 +294,7 @@ function getMarkdownTransformerForBlock(block, isInlineBlock) {
                         const children = $parseSerializedNode(nextNodes[0])?.getChildren();
                         if (children?.length) {
                             for (const child of children){
+                                ;
                                 lastChild.append(child);
                             }
                         }