@payloadcms/richtext-lexical 3.84.1 → 3.85.0

package/dist/exports/client/chunk-XFA5M7FY.js

@@ -0,0 +1,2 @@
+import{a as me}from"./chunk-INBEEENE.js";import{b as ue}from"./chunk-BZZVLW4U.js";import{jsx as s,jsxs as h,Fragment as Re}from"react/jsx-runtime";import{useLexicalComposerContext as je}from"@lexical/react/LexicalComposerContext";import{useLexicalEditable as Me}from"@lexical/react/useLexicalEditable";import{getTranslation as de}from"@payloadcms/translations";import{Button as fe,Drawer as Ae,EditDepthProvider as Ke,Form as Je,formatDrawerSlug as ze,FormSubmit as Ve,RenderFields as He,ShimmerEffect as We,useConfig as Xe,useDocumentForm as Ge,useDocumentInfo as Ue,useEditDepth as qe,useServerFunctions as Qe,useTranslation as Ye}from"@payloadcms/ui";import{abortAndIgnore as J}from"@payloadcms/ui/shared";import{$getNodeByKey as z,SKIP_DOM_SELECTION_TAG as pe}from"lexical";import{deepCopyObjectSimpleWithoutReactComponents as V,reduceFieldsToValues as Ze}from"payload/shared";import F,{createContext as et,useCallback as H,useEffect as $,useMemo as B,useRef as y}from"react";import{v4 as tt}from"uuid";import{jsx as Oe}from"react/jsx-runtime";import Te from"bson-objectid";import{$applyNodeReplacement as $e}from"lexical";import Ee from"react";import{addClassNamesToElement as De}from"@lexical/utils";import Ie from"bson-objectid";import{$applyNodeReplacement as ve,DecoratorNode as Ne}from"lexical";var S=class extends Ne{__cacheBuster;__fields;constructor({cacheBuster:t,fields:e,key:i}){super(i),this.__fields=e,this.__cacheBuster=t||0}static clone(t){return new this({cacheBuster:t.__cacheBuster,fields:t.__fields,key:t.__key})}static getType(){return"inlineBlock"}static importDOM(){return{}}static importJSON(t){return we(t.fields)}static isInline(){return!1}canIndent(){return!0}createDOM(t){let e=document.createElement("span");return De(e,t?.theme?.inlineBlock),e}decorate(t,e){return null}exportDOM(){let t=document.createElement("span");t.classList.add("inline-block-container");let e=document.createTextNode(this.getTextContent());return t.append(e),{element:t}}exportJSON(){return{type:"inlineBlock",fields:this.getFields(),version:1}}getCacheBuster(){return this.getLatest().__cacheBuster}getFields(){return this.getLatest().__fields}getTextContent(){return"Block Field"}isInline(){return!0}setFields(t,e){let i=this.getWritable();i.__fields=t,e||i.__cacheBuster++}updateDOM(){return!1}};function we(c){return ve(new S({fields:{...c,id:c?.id||new Ie.default().toHexString()}}))}var Le=Ee.lazy(()=>import("./componentInline-A4H3EY3L.js").then(c=>({default:c.InlineBlockComponent}))),T=class extends S{static clone(t){return super.clone(t)}static getType(){return super.getType()}static importJSON(t){return Pe(t.fields)}decorate(...[t,e,i,f]){return Oe(Le,{cacheBuster:this.getCacheBuster(),className:e.theme.inlineBlock??"LexicalEditorTheme__inlineBlock",CustomBlock:i,CustomLabel:f,formData:this.getFields(),nodeKey:this.getKey()})}exportJSON(){return super.exportJSON()}};function Pe(c){return $e(new T({fields:{...c,id:c?.id||new Te.default().toHexString()}}))}function K(c){return c instanceof T}var ke=et({initialState:!1}),be=()=>F.use(ke),Dt=c=>{let{cacheBuster:t,className:e,CustomBlock:i,CustomLabel:f,formData:n,nodeKey:a}=c,[k]=je(),u=Me(),{i18n:E,t:b}=Ye(),{createdInlineBlock:W,fieldProps:{featureClientSchemaMap:he,initialLexicalFormState:Be,schemaPath:X},setCreatedInlineBlock:G,uuid:Ce}=ue(),{fields:D}=Ge(),{getFormState:I}=Qe(),ge=qe(),U=y(!1),[m,L]=F.useState(()=>{let o=Be?.[n.id]?.formState;return o?Object.fromEntries(Object.entries(o).map(([l,r])=>[l,l in n?{...r,initialValue:n[l],value:n[l]}:r])):!1}),q=y(!1),Q=y(t);$(()=>{q.current?(Q.current!==t&&L(!1),Q.current=t):q.current=!0},[t]);let[xe]=F.useState(()=>tt()),[Y,Z]=F.useState(()=>{if(!f)return m?._components?.customComponents?.BlockLabel??void 0}),[ee,te]=F.useState(()=>{if(!i)return m?._components?.customComponents?.Block??void 0}),ne=B(()=>i?s(i,{className:e,formData:n,isEditor:!0,isJSXConverter:!1,nodeKey:a,useInlineBlockComponentContext:be}):ee,[i,e,n,a,ee]),P=B(()=>f?s(f,{className:e,formData:n,isEditor:!0,isJSXConverter:!1,nodeKey:a,useInlineBlockComponentContext:be}):Y,[f,e,n,a,Y]),oe=ze({slug:`lexical-inlineBlocks-create-${Ce}-${n.id}`,depth:ge}),{toggleDrawer:C}=me(oe,!0),_e=y(null),{id:v,collectionSlug:N,getDocPreferences:w,globalSlug:O}=Ue(),{config:Se}=Xe(),ye=`${X}.lexical_internal_feature.blocks.lexical_inline_blocks.${n.blockType}`,g=he.blocks?.[ye]?.[0],d=g.blockReferences?typeof g?.blockReferences?.[0]=="string"?Se.blocksMap[g?.blockReferences?.[0]]:g?.blockReferences?.[0]:g?.blocks?.[0],re=d?.fields??[];$(()=>{!U.current&&W?.getKey()===a&&(re.length>2&&C(),G?.(void 0),U.current=!0)},[re.length,W,a,G,C]);let le=H(()=>{k.update(()=>{z(a)?.remove()})},[k,a]),x=d?.labels?.singular?de(d?.labels.singular,E):d?.slug,R=y(new AbortController),_=`${X}.lexical_internal_feature.blocks.lexical_inline_blocks.${d?.slug}.fields`;$(()=>{let o=new AbortController;return n&&!m&&(async()=>{let{state:r}=await I({id:v,collectionSlug:N,data:n,docPermissions:{fields:!0},docPreferences:await w(),documentFormState:V(D,{excludeFiles:!0}),globalSlug:O,initialBlockData:n,initialBlockFormState:n,operation:"update",readOnly:!u,renderAllFields:!0,schemaPath:_,signal:o.signal});if(r){let p=Ze(V(r,{excludeFiles:!0}),!0);k.update(()=>{let A=z(a);if(A&&K(A)){let ae=p;ae.blockType=n.blockType,A.setFields(ae,!0)}},{tag:pe}),L(r),f||Z(r._components?.customComponents?.BlockLabel),i||te(r._components?.customComponents?.Block)}})(),()=>{J(o)}},[I,k,a,u,f,i,_,v,n,m,N,O,w,D]);let se=H(async({formState:o,submit:l})=>{J(R.current);let r=new AbortController;R.current=r;let{state:p}=await I({id:v,collectionSlug:N,docPermissions:{fields:!0},docPreferences:await w(),documentFormState:V(D,{excludeFiles:!0}),formState:o,globalSlug:O,initialBlockFormState:o,operation:"update",readOnly:!u,renderAllFields:!!l,schemaPath:_,signal:r.signal});return p?(l&&(f||Z(p._components?.customComponents?.BlockLabel),i||te(p._components?.customComponents?.Block)),p):o},[I,v,N,w,D,O,u,_,i,f]);$(()=>{let o=(l,r)=>Object.keys(r).some(p=>r[p]&&l[p]!==r[p].value);return()=>{m&&o(n,m)&&L(!1),J(R.current)}},[n,m]);let Fe=H((o,l)=>{l.blockType=n.blockType,k.update(()=>{let r=z(a);r&&K(r)&&r.setFields(l,!0)},{tag:pe})},[k,a,n]),j=B(()=>()=>s(fe,{buttonStyle:"icon-label",className:`${e}__removeButton`,disabled:!u,icon:"x",onClick:o=>{o.preventDefault(),le()},round:!0,size:"small",tooltip:b("lexical:blocks:inlineBlocks:remove",{label:x})}),[e,x,u,le,b]),ie=B(()=>()=>s(fe,{buttonStyle:"icon-label",className:`${e}__editButton`,disabled:!u,el:"button",icon:"edit",onClick:()=>{C()},round:!0,size:"small",tooltip:b("lexical:blocks:inlineBlocks:edit",{label:x})}),[e,x,u,b,C]),M=B(()=>({children:o,className:l})=>s("div",{className:[`${e}__container`,e+"-"+n.blockType,l].filter(Boolean).join(" "),ref:_e,children:o}),[e,n.blockType]),ce=B(()=>P?()=>P:()=>s("div",{children:d?.labels?de(d?.labels.singular,E):""}),[P,d?.labels,E]);return d?h(Je,{beforeSubmit:[async({formState:o})=>await se({formState:o,submit:!0})],disableValidationOnSubmit:!0,el:"div",fields:d?.fields,initialState:m||{},onChange:[se],onSubmit:(o,l)=>{Fe(o,l),C()},uuid:xe,children:[s(Ke,{children:s(Ae,{className:"",slug:oe,title:b(`lexical:blocks:inlineBlocks:${n?.id?"edit":"create"}`,{label:x??b("lexical:blocks:inlineBlocks:label")}),children:m?h(Re,{children:[s(He,{fields:d?.fields,forceRender:!0,parentIndexPath:"",parentPath:"",parentSchemaPath:_,permissions:!0,readOnly:!u}),s(Ve,{programmaticSubmit:!0,children:b("fields:saveChanges")})]}):null})}),ne?s(ke,{value:{EditButton:ie,initialState:m,InlineBlockContainer:M,Label:ce,nodeKey:a,RemoveButton:j},children:ne}):h(M,{children:[m?s(ce,{}):s(We,{height:"15px",width:"40px"}),u?h("div",{className:`${e}__actions`,children:[s(ie,{}),s(j,{})]}):null]})]}):h(M,{className:`${e}-not-found`,children:[h("span",{children:["Error: Block '",n.blockType,"' not found"]}),u?s("div",{className:`${e}__actions`,children:s(j,{})}):null]})};export{be as a,Dt as b,T as c,Pe as d,K as e};
+//# sourceMappingURL=chunk-XFA5M7FY.js.map

package/dist/exports/client/chunk-XFA5M7FY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/blocks/client/componentInline/index.tsx", "../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx", "../../../src/features/blocks/server/nodes/InlineBlocksNode.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, SKIP_DOM_SELECTION_TAG } 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 { ViewMapInlineBlockComponentProps } from '../../../../types.js'\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\nimport type { BlockComponentProps } from '../component/index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\nexport type InlineBlockComponentProps<\n  TFormData extends Record<string, unknown> = InlineBlockFields,\n> = {\n  readonly CustomBlock?: React.FC<ViewMapInlineBlockComponentProps>\n  readonly CustomLabel?: React.FC<ViewMapInlineBlockComponentProps>\n} & Pick<BlockComponentProps<TFormData>, 'cacheBuster' | 'className' | 'formData' | 'nodeKey'>\n\nexport type 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<InlineBlockComponentProps<InlineBlockFields>> = (\n  props,\n) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = 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 [formUuid] = React.useState(() => uuid())\n\n  // Server-rendered custom components (from admin.components, NOT viewMap).\n  // When viewMap components exist, we render them directly with formData instead.\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return undefined\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n  })\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomBlockFromProps) {\n      return undefined\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.Block ?? undefined\n  })\n\n  const resolvedCustomBlock = useMemo(() => {\n    if (CustomBlockFromProps) {\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    return CustomBlock\n  }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n  const resolvedCustomLabel = useMemo(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    return CustomLabel\n  }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\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          excludeFiles: true,\n        }),\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, { excludeFiles: true }),\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          () => {\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          // Without this, the outer editor's reconciler resets DOM selection\n          // back into its own root, kicking focus out of any nested richText.\n          { tag: SKIP_DOM_SELECTION_TAG },\n        )\n\n        setInitialState(state)\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state['_components']?.customComponents?.Block)\n        }\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    CustomLabelFromProps,\n    CustomBlockFromProps,\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          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      if (submit) {\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state['_components']?.customComponents?.Block)\n        }\n      }\n\n      return state\n    },\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      isEditable,\n      schemaFieldsPath,\n      CustomBlockFromProps,\n      CustomLabelFromProps,\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        () => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isInlineBlockNode(node)) {\n            node.setFields(newData as InlineBlockFields, true)\n          }\n        },\n        // Without this, the outer editor's reconciler resets DOM selection\n        // back into its own root, kicking focus out of any nested richText.\n        { tag: SKIP_DOM_SELECTION_TAG },\n      )\n    },\n    [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 (resolvedCustomLabel) {\n      return () => resolvedCustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [resolvedCustomLabel, 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={formUuid}\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      {resolvedCustomBlock ? (\n        <InlineBlockComponentContext\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {resolvedCustomBlock}\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", "'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type { ViewMapInlineBlockComponentProps } from '../../../../types.js'\nimport type {\n  InlineBlockFields,\n  SerializedInlineBlockNode,\n} from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nconst InlineBlockComponent = React.lazy(() =>\n  import('../componentInline/index.js').then((module) => ({\n    default: module.InlineBlockComponent,\n  })),\n)\n\nexport type InlineBlockDecorateFunction = (\n  editor: LexicalEditor,\n  config: EditorConfig,\n  CustomBlock?: React.FC<ViewMapInlineBlockComponentProps>,\n  CustomLabel?: React.FC<ViewMapInlineBlockComponentProps>,\n) => JSX.Element\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n  static override clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n    const node = $createInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  override decorate(\n    ...[_editor, config, CustomBlock, CustomLabel]: Parameters<InlineBlockDecorateFunction>\n  ): ReturnType<InlineBlockDecorateFunction> {\n    return (\n      <InlineBlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.inlineBlock ?? 'LexicalEditorTheme__inlineBlock'}\n        CustomBlock={CustomBlock}\n        CustomLabel={CustomLabel}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedInlineBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createInlineBlockNode(fields: Exclude<InlineBlockFields, 'id'>): InlineBlockNode {\n  return $applyNodeReplacement(\n    new InlineBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isInlineBlockNode(\n  node: InlineBlockNode | LexicalNode | null | undefined,\n): node is InlineBlockNode {\n  return node instanceof InlineBlockNode\n}\n", "import type {\n  DOMConversionMap,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  SerializedLexicalNode,\n} from 'lexical'\nimport type { JsonObject } from 'payload'\nimport type React from 'react'\nimport type { JSX } from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement, DecoratorNode } from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\nexport type InlineBlockFields<TInlineBlockFields extends JsonObject = JsonObject> = {\n  blockType: string\n  id: string\n} & TInlineBlockFields\n\nexport type SerializedInlineBlockNode<TBlockFields extends JsonObject = JsonObject> = {\n  fields: InlineBlockFields<TBlockFields>\n} & StronglyTypedLeafNode<SerializedLexicalNode, 'inlineBlock'>\n\nexport class ServerInlineBlockNode extends DecoratorNode<null | React.ReactElement> {\n  __cacheBuster: number\n  __fields: InlineBlockFields\n\n  constructor({\n    cacheBuster,\n    fields,\n    key,\n  }: {\n    cacheBuster?: number\n    fields: InlineBlockFields\n    key?: NodeKey\n  }) {\n    super(key)\n    this.__fields = fields\n    this.__cacheBuster = cacheBuster || 0\n  }\n\n  static override clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return new this({\n      cacheBuster: node.__cacheBuster,\n      fields: node.__fields,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'inlineBlock'\n  }\n\n  static override importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {}\n  }\n\n  static override importJSON(serializedNode: SerializedInlineBlockNode): ServerInlineBlockNode {\n    const node = $createServerInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  canIndent() {\n    return true\n  }\n\n  override createDOM(config?: EditorConfig): HTMLElement {\n    const element = document.createElement('span')\n    addClassNamesToElement(element, config?.theme?.inlineBlock)\n    return element\n  }\n\n  override decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element | null {\n    return null\n  }\n\n  override exportDOM(): DOMExportOutput {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  override exportJSON(): SerializedInlineBlockNode {\n    return {\n      type: 'inlineBlock',\n      fields: this.getFields(),\n      version: 1,\n    }\n  }\n\n  getCacheBuster(): number {\n    return this.getLatest().__cacheBuster\n  }\n\n  getFields(): InlineBlockFields {\n    return this.getLatest().__fields\n  }\n\n  override getTextContent(): string {\n    return `Block Field`\n  }\n\n  override isInline() {\n    return true\n  }\n\n  setFields(fields: InlineBlockFields, preventFormStateUpdate?: boolean): void {\n    const writable = this.getWritable()\n    writable.__fields = fields\n    if (!preventFormStateUpdate) {\n      writable.__cacheBuster++\n    }\n  }\n\n  override updateDOM(): boolean {\n    return false\n  }\n}\n\nexport function $createServerInlineBlockNode(\n  fields: Exclude<InlineBlockFields, 'id'>,\n): ServerInlineBlockNode {\n  return $applyNodeReplacement(\n    new ServerInlineBlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isServerInlineBlockNode(\n  node: LexicalNode | null | ServerInlineBlockNode | undefined,\n): node is ServerInlineBlockNode {\n  return node instanceof ServerInlineBlockNode\n}\n"],
+  "mappings": "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",
+  "names": ["useLexicalComposerContext", "useLexicalEditable", "getTranslation", "Button", "Drawer", "EditDepthProvider", "Form", "formatDrawerSlug", "FormSubmit", "RenderFields", "ShimmerEffect", "useConfig", "useDocumentForm", "useDocumentInfo", "useEditDepth", "useServerFunctions", "useTranslation", "abortAndIgnore", "$getNodeByKey", "SKIP_DOM_SELECTION_TAG", "deepCopyObjectSimpleWithoutReactComponents", "reduceFieldsToValues", "React", "createContext", "useCallback", "useEffect", "useMemo", "useRef", "v4", "uuid", "ObjectID", "$applyNodeReplacement", "React", "addClassNamesToElement", "ObjectID", "$applyNodeReplacement", "DecoratorNode", "ServerInlineBlockNode", "__cacheBuster", "__fields", "constructor", "cacheBuster", "fields", "key", "clone", "node", "__key", "getType", "importDOM", "importJSON", "serializedNode", "$createServerInlineBlockNode", "isInline", "canIndent", "createDOM", "config", "element", "document", "createElement", "theme", "inlineBlock", "decorate", "editor", "exportDOM", "classList", "add", "text", "createTextNode", "getTextContent", "append", "exportJSON", "type", "getFields", "version", "getCacheBuster", "getLatest", "setFields", "preventFormStateUpdate", "writable", "getWritable", "updateDOM", "id", "default", "toHexString", "InlineBlockComponent", "React", "lazy", "then", "module", "default", "InlineBlockNode", "ServerInlineBlockNode", "clone", "node", "getType", "importJSON", "serializedNode", "$createInlineBlockNode", "fields", "decorate", "_editor", "config", "CustomBlock", "CustomLabel", "_jsx", "cacheBuster", "getCacheBuster", "className", "theme", "inlineBlock", "formData", "getFields", "nodeKey", "getKey", "exportJSON", "$applyNodeReplacement", "id", "ObjectID", "toHexString", "$isInlineBlockNode", "InlineBlockComponentContext", "createContext", "initialState", "useInlineBlockComponentContext", "React", "use", "InlineBlockComponent", "props", "cacheBuster", "className", "baseClass", "CustomBlock", "CustomBlockFromProps", "CustomLabel", "CustomLabelFromProps", "formData", "nodeKey", "editor", "useLexicalComposerContext", "isEditable", "useLexicalEditable", "i18n", "t", "useTranslation", "createdInlineBlock", "fieldProps", "featureClientSchemaMap", "initialLexicalFormState", "schemaPath", "setCreatedInlineBlock", "uuid", "uuidFromContext", "useEditorConfigContext", "fields", "parentDocumentFields", "useDocumentForm", "getFormState", "useServerFunctions", "editDepth", "useEditDepth", "firstTimeDrawer", "useRef", "setInitialState", "useState", "cachedFormState", "id", "formState", "Object", "fromEntries", "entries", "map", "fieldName", "fieldState", "initialValue", "value", "hasMounted", "prevCacheBuster", "useEffect", "current", "formUuid", "setCustomLabel", "customComponents", "BlockLabel", "undefined", "setCustomBlock", "Block", "resolvedCustomBlock", "useMemo", "_jsx", "isEditor", "isJSXConverter", "resolvedCustomLabel", "drawerSlug", "formatDrawerSlug", "slug", "depth", "toggleDrawer", "useLexicalDrawer", "inlineBlockElemElemRef", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "config", "useConfig", "componentMapRenderedBlockPath", "blockType", "blocksField", "clientBlock", "blockReferences", "blocksMap", "blocks", "clientBlockFields", "getKey", "length", "removeInlineBlock", "useCallback", "update", "$getNodeByKey", "remove", "blockDisplayName", "labels", "singular", "getTranslation", "onChangeAbortControllerRef", "AbortController", "schemaFieldsPath", "abortController", "state", "data", "docPermissions", "docPreferences", "documentFormState", "deepCopyObjectSimpleWithoutReactComponents", "excludeFiles", "initialBlockData", "initialBlockFormState", "operation", "readOnly", "renderAllFields", "signal", "newFormStateData", "reduceFieldsToValues", "node", "$isInlineBlockNode", "newData", "setFields", "tag", "SKIP_DOM_SELECTION_TAG", "abortAndIgnore", "onChange", "prevFormState", "submit", "controller", "isStateOutOfSync", "keys", "some", "key", "onFormSubmit", "RemoveButton", "Button", "buttonStyle", "disabled", "icon", "onClick", "e", "preventDefault", "round", "size", "tooltip", "label", "EditButton", "el", "InlineBlockContainer", "children", "filter", "Boolean", "join", "ref", "Label", "_jsxs", "Form", "beforeSubmit", "disableValidationOnSubmit", "onSubmit", "EditDepthProvider", "Drawer", "title", "_Fragment", "RenderFields", "forceRender", "parentIndexPath", "parentPath", "parentSchemaPath", "permissions", "FormSubmit", "programmaticSubmit", "ShimmerEffect", "height", "width"]
+}

package/dist/exports/client/componentInline-A4H3EY3L.js

@@ -0,0 +1,2 @@
+"use client";import{a,b}from"./chunk-XFA5M7FY.js";import"./chunk-INBEEENE.js";import"./chunk-BZZVLW4U.js";export{b as InlineBlockComponent,a as useInlineBlockComponentContext};
+//# sourceMappingURL=componentInline-A4H3EY3L.js.map