@payloadcms/richtext-lexical 4.0.0-internal.1f9ae9a → 4.0.0-internal.293e026

package/dist/exports/client/chunk-6QWQ7JV4.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utilities/fieldsDrawer/Drawer.tsx", "../../../src/utilities/fieldsDrawer/DrawerContent.tsx", "../../../src/features/upload/client/drawer/commands.ts"],
-  "sourcesContent": ["'use client'\nimport type { ClientField, Data, FormState, JsonObject } from 'payload'\n\nimport { Drawer, EditDepthProvider, useModal } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { DrawerContent } from './DrawerContent.js'\n\nexport type FieldsDrawerProps = {\n  readonly className?: string\n  readonly data?: Data\n  readonly drawerSlug: string\n  readonly drawerTitle?: string\n  readonly featureKey: string\n  readonly fieldMapOverride?: ClientField[]\n  readonly handleDrawerSubmit: (fields: FormState, data: JsonObject) => void\n  readonly schemaFieldsPathOverride?: string\n  readonly schemaPath: string\n  readonly schemaPathSuffix?: string\n}\n\n/**\n * This FieldsDrawer component can be used to easily create a Drawer that contains a form with fields within your feature.\n * The fields are taken directly from the schema map based on your `featureKey` and `schemaPathSuffix`. Thus, this can only\n * be used if you provide your field schema inside the `generateSchemaMap` prop of your feature.server.ts.\n */\nexport const FieldsDrawer: React.FC<FieldsDrawerProps> = ({\n  className,\n  data,\n  drawerSlug,\n  drawerTitle,\n  featureKey,\n  fieldMapOverride,\n  handleDrawerSubmit,\n  schemaFieldsPathOverride,\n  schemaPath,\n  schemaPathSuffix,\n}) => {\n  const { closeModal } = useModal()\n  // The Drawer only renders its children (and itself) if it's open. Thus, by extracting the main content\n  // to DrawerContent, this should be faster\n  return (\n    <EditDepthProvider>\n      <Drawer className={className} slug={drawerSlug} title={drawerTitle ?? ''}>\n        <DrawerContent\n          data={data}\n          featureKey={featureKey}\n          fieldMapOverride={fieldMapOverride}\n          handleDrawerSubmit={(args, args2) => {\n            // Simply close drawer - no need for useLexicalDrawer here as at this point,\n            // we don't need to restore the cursor position. This is handled by the useEffect in useLexicalDrawer.\n            closeModal(drawerSlug)\n\n            // Actual drawer submit logic needs to be triggered after the drawer is closed.\n            // That's because the lexical selection / cursor restore logic that is striggerer by\n            // `useLexicalDrawer` neeeds to be triggered before any editor.update calls that may happen\n            // in the `handleDrawerSubmit` function.\n            setTimeout(() => {\n              handleDrawerSubmit(args, args2)\n            }, 1)\n          }}\n          schemaFieldsPathOverride={schemaFieldsPathOverride}\n          schemaPath={schemaPath}\n          schemaPathSuffix={schemaPathSuffix}\n        />\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n", "'use client'\nimport type { FormState } from 'payload'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  Form,\n  FormSubmit,\n  RenderFields,\n  useDocumentForm,\n  useDocumentInfo,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { deepCopyObjectSimpleWithoutReactComponents } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { FieldsDrawerProps } from './Drawer.js'\n\nimport { useEditorConfigContext } from '../../lexical/config/client/EditorConfigProvider.js'\n\nexport const DrawerContent: React.FC<Omit<FieldsDrawerProps, 'drawerSlug' | 'drawerTitle'>> = ({\n  data,\n  featureKey,\n  fieldMapOverride,\n  handleDrawerSubmit,\n  schemaFieldsPathOverride,\n  schemaPath,\n  schemaPathSuffix,\n}) => {\n  const { t } = useTranslation()\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const isEditable = useLexicalEditable()\n\n  const onChangeAbortControllerRef = useRef(new AbortController())\n\n  const [initialState, setInitialState] = useState<false | FormState | undefined>(false)\n\n  const {\n    fieldProps: { featureClientSchemaMap },\n  } = useEditorConfigContext()\n\n  const { getFormState } = useServerFunctions()\n\n  const schemaFieldsPath =\n    schemaFieldsPathOverride ??\n    `${schemaPath}.lexical_internal_feature.${featureKey}${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`\n\n  const fields: any = fieldMapOverride ?? featureClientSchemaMap[featureKey]?.[schemaFieldsPath] // Field Schema\n\n  useEffect(() => {\n    const controller = new AbortController()\n\n    const awaitInitialState = async () => {\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: data ?? {},\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: data,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n\n    return () => {\n      abortAndIgnore(controller)\n    }\n  }, [\n    schemaFieldsPath,\n    id,\n    data,\n    getFormState,\n    collectionSlug,\n    isEditable,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n  ])\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState }: { formState: FormState }) => {\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        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [\n      getFormState,\n      id,\n      isEditable,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      schemaFieldsPath,\n    ],\n  )\n\n  // cleanup effect\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  if (initialState === false) {\n    return null\n  }\n\n  return (\n    <Form\n      beforeSubmit={[onChange]}\n      disableValidationOnSubmit\n      fields={Array.isArray(fields) ? fields : []}\n      initialState={initialState}\n      onChange={[onChange]}\n      onSubmit={handleDrawerSubmit}\n      uuid={uuid()}\n    >\n      <RenderFields\n        fields={Array.isArray(fields) ? 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>{t('fields:saveChanges')}</FormSubmit>\n    </Form>\n  )\n}\n", "'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { createCommand } from 'lexical'\n\nexport const INSERT_UPLOAD_WITH_DRAWER_COMMAND: LexicalCommand<{\n  replace: { nodeKey: string } | false\n}> = createCommand('INSERT_UPLOAD_WITH_DRAWER_COMMAND')\n"],
-  "mappings": "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",
-  "names": ["c", "_c", "Drawer", "EditDepthProvider", "useModal", "useLexicalEditable", "Form", "FormSubmit", "RenderFields", "useDocumentForm", "useDocumentInfo", "useServerFunctions", "useTranslation", "abortAndIgnore", "deepCopyObjectSimpleWithoutReactComponents", "useCallback", "useEffect", "useRef", "useState", "v4", "uuid", "DrawerContent", "data", "featureKey", "fieldMapOverride", "handleDrawerSubmit", "schemaFieldsPathOverride", "schemaPath", "schemaPathSuffix", "t", "useTranslation", "id", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "fields", "parentDocumentFields", "useDocumentForm", "isEditable", "useLexicalEditable", "onChangeAbortControllerRef", "useRef", "AbortController", "initialState", "setInitialState", "useState", "fieldProps", "featureClientSchemaMap", "useEditorConfigContext", "getFormState", "useServerFunctions", "schemaFieldsPath", "useEffect", "controller", "state", "docPermissions", "docPreferences", "documentFormState", "deepCopyObjectSimpleWithoutReactComponents", "excludeFiles", "initialBlockData", "operation", "readOnly", "renderAllFields", "signal", "abortAndIgnore", "onChange", "useCallback", "formState", "prevFormState", "current", "initialBlockFormState", "_jsxs", "Form", "beforeSubmit", "disableValidationOnSubmit", "Array", "isArray", "onSubmit", "uuid", "_jsx", "RenderFields", "forceRender", "parentIndexPath", "parentPath", "parentSchemaPath", "permissions", "FormSubmit", "FieldsDrawer", "t0", "$", "_c", "className", "data", "drawerSlug", "drawerTitle", "featureKey", "fieldMapOverride", "handleDrawerSubmit", "schemaFieldsPathOverride", "schemaPath", "schemaPathSuffix", "closeModal", "useModal", "t1", "t2", "args", "args2", "setTimeout", "t3", "_jsx", "EditDepthProvider", "children", "Drawer", "slug", "title", "DrawerContent", "createCommand", "INSERT_UPLOAD_WITH_DRAWER_COMMAND"]
-}

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

@@ -1,2 +0,0 @@
-import{a as ue}from"./chunk-INBEEENE.js";import{b as ae}from"./chunk-RJ5MAOKZ.js";import{jsx as l,jsxs as _,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 me}from"@payloadcms/translations";import{Button as de,Drawer as Ke,EditDepthProvider as Ae,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 fe}from"lexical";import{deepCopyObjectSimpleWithoutReactComponents as V,reduceFieldsToValues as Ze}from"payload/shared";import F,{createContext as et,useCallback as H,useEffect as E,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 Ee}from"lexical";import $e from"react";import{addClassNamesToElement as De}from"@lexical/utils";import Ie from"bson-objectid";import{$applyNodeReplacement as ve,DecoratorNode as we}from"lexical";var S=class extends we{__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 Ne(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 Ne(c){return ve(new S({fields:{...c,id:c?.id||new Ie.default().toHexString()}}))}var Le=$e.lazy(()=>import("./componentInline-JJZ2NKW2.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 Ee(new T({fields:{...c,id:c?.id||new Te.default().toHexString()}}))}function A(c){return c instanceof T}var be=et({initialState:!1}),pe=()=>F.use(be),Dt=c=>{let{cacheBuster:t,className:e,CustomBlock:i,CustomLabel:f,formData:n,nodeKey:a}=c,[h]=je(),u=Me(),{i18n:$,t:k}=Ye(),{createdInlineBlock:W,fieldProps:{featureClientSchemaMap:ke,initialLexicalFormState:he,schemaPath:X},setCreatedInlineBlock:G,uuid:Be}=ae(),{fields:D}=Ge(),{getFormState:I}=Qe(),Ce=qe(),U=y(!1),[m,L]=F.useState(()=>{let r=he?.[n.id]?.formState;return r?Object.fromEntries(Object.entries(r).map(([s,o])=>[s,s in n?{...o,initialValue:n[s],value:n[s]}:o])):!1}),q=y(!1),Q=y(t);E(()=>{q.current?(Q.current!==t&&L(!1),Q.current=t):q.current=!0},[t]);let[ge]=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?l(i,{className:e,formData:n,isEditor:!0,isJSXConverter:!1,nodeKey:a,useInlineBlockComponentContext:pe}):ee,[i,e,n,a,ee]),P=B(()=>f?l(f,{className:e,formData:n,isEditor:!0,isJSXConverter:!1,nodeKey:a,useInlineBlockComponentContext:pe}):Y,[f,e,n,a,Y]),oe=ze({slug:`lexical-inlineBlocks-create-${Be}-${n.id}`,depth:Ce}),{toggleDrawer:b}=ue(oe,!0),xe=y(null),{id:v,collectionSlug:w,getDocPreferences:N,globalSlug:O}=Ue(),{config:Se}=Xe(),_e=`${X}.lexical_internal_feature.blocks.lexical_inline_blocks.${n.blockType}`,C=ke.blocks?.[_e]?.[0],d=C.blockReferences?typeof C?.blockReferences?.[0]=="string"?Se.blocksMap[C?.blockReferences?.[0]]:C?.blockReferences?.[0]:C?.blocks?.[0],re=d?.fields??[];E(()=>{!U.current&&W?.getKey()===a&&(re.length>2&&b(),G?.(void 0),U.current=!0)},[re.length,W,a,G,b]);let se=H(()=>{h.update(()=>{z(a)?.remove()})},[h,a]),g=d?.labels?.singular?me(d?.labels.singular,$):d?.slug,R=y(new AbortController),x=`${X}.lexical_internal_feature.blocks.lexical_inline_blocks.${d?.slug}.fields`;E(()=>{let r=new AbortController;return n&&!m&&(async()=>{let{state:o}=await I({id:v,collectionSlug:w,data:n,docPermissions:{fields:!0},docPreferences:await N(),documentFormState:V(D,{excludeFiles:!0}),globalSlug:O,initialBlockData:n,initialBlockFormState:n,operation:"update",readOnly:!u,renderAllFields:!0,schemaPath:x,signal:r.signal});if(o){let p=Ze(V(o,{excludeFiles:!0}),!0);h.update(()=>{let K=z(a);if(K&&A(K)){let ce=p;ce.blockType=n.blockType,K.setFields(ce,!0)}},{tag:fe}),L(o),f||Z(o._components?.customComponents?.BlockLabel),i||te(o._components?.customComponents?.Block)}})(),()=>{J(r)}},[I,h,a,u,f,i,x,v,n,m,w,O,N,D]);let le=H(async({formState:r,submit:s})=>{J(R.current);let o=new AbortController;R.current=o;let{state:p}=await I({id:v,collectionSlug:w,docPermissions:{fields:!0},docPreferences:await N(),documentFormState:V(D,{excludeFiles:!0}),formState:r,globalSlug:O,initialBlockFormState:r,operation:"update",readOnly:!u,renderAllFields:!!s,schemaPath:x,signal:o.signal});return p?(s&&(f||Z(p._components?.customComponents?.BlockLabel),i||te(p._components?.customComponents?.Block)),p):r},[I,v,w,N,D,O,u,x,i,f]);E(()=>{let r=(s,o)=>Object.keys(o).some(p=>o[p]&&s[p]!==o[p].value);return()=>{m&&r(n,m)&&L(!1),J(R.current)}},[n,m]);let ye=H((r,s)=>{s.blockType=n.blockType,h.update(()=>{let o=z(a);o&&A(o)&&o.setFields(s,!0)},{tag:fe})},[h,a,n]),j=B(()=>()=>l(de,{buttonStyle:"ghost",className:`${e}__removeButton`,disabled:!u,icon:"x",onClick:r=>{r.preventDefault(),r.stopPropagation(),se()},round:!0,size:"medium",tooltip:k("lexical:blocks:inlineBlocks:remove",{label:g})}),[e,g,u,se,k]),Fe=B(()=>()=>l(de,{buttonStyle:"ghost",className:`${e}__editButton`,disabled:!u,el:"button",icon:"edit",onClick:()=>{b()},round:!0,size:"medium",tooltip:k("lexical:blocks:inlineBlocks:edit",{label:g})}),[e,g,u,k,b]),M=B(()=>({children:r,className:s})=>l("div",{className:[`${e}__container`,e+"-"+n.blockType,s].filter(Boolean).join(" "),...u?{onClick:()=>b(),onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),b())},role:"button",tabIndex:0}:{},ref:xe,children:r}),[e,n.blockType,u,b]),ie=B(()=>P?()=>P:()=>l("div",{children:d?.labels?me(d?.labels.singular,$):""}),[P,d?.labels,$]);return d?_(Je,{beforeSubmit:[async({formState:r})=>await le({formState:r,submit:!0})],disableValidationOnSubmit:!0,el:"div",fields:d?.fields,initialState:m||{},onChange:[le],onSubmit:(r,s)=>{ye(r,s),b()},uuid:ge,children:[l(Ae,{children:l(Ke,{className:"",slug:oe,title:k(`lexical:blocks:inlineBlocks:${n?.id?"edit":"create"}`,{label:g??k("lexical:blocks:inlineBlocks:label")}),children:m?_(Re,{children:[l(He,{fields:d?.fields,forceRender:!0,parentIndexPath:"",parentPath:"",parentSchemaPath:x,permissions:!0,readOnly:!u}),l(Ve,{programmaticSubmit:!0,children:k("fields:saveChanges")})]}):null})}),ne?l(be,{value:{EditButton:Fe,initialState:m,InlineBlockContainer:M,Label:ie,nodeKey:a,RemoveButton:j},children:ne}):_(M,{children:[m?l(ie,{}):l(We,{height:"15px",width:"40px"}),u?l("div",{className:`${e}__actions`,children:l(j,{})}):null]})]}):_(M,{className:`${e}-not-found`,children:[_("span",{children:["Error: Block '",n.blockType,"' not found"]}),u?l("div",{className:`${e}__actions`,children:l(j,{})}):null]})};export{pe as a,Dt as b,T as c,Pe as d,A as e};
-//# sourceMappingURL=chunk-FEJXFRL7.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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.css'\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/index.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=\"ghost\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          removeInlineBlock()\n        }}\n        round\n        size=\"medium\"\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=\"ghost\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"medium\"\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          {...(isEditable\n            ? {\n                onClick: () => toggleDrawer(),\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault()\n                    toggleDrawer()\n                  }\n                },\n                role: 'button',\n                tabIndex: 0,\n              }\n            : {})}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [baseClass, formData.blockType, isEditable, toggleDrawer],\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              <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/index.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 '../../../../types/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", "uuid", "createContext", "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", "useInlineBlockComponentContext", "React", "cacheBuster", "baseClass", "className", "CustomBlock", "CustomBlockFromProps", "CustomLabel", "formData", "nodeKey", "props", "useLexicalComposerContext", "isEditable", "i18n", "t", "useTranslation", "createdInlineBlock", "fieldProps", "featureClientSchemaMap", "initialLexicalFormState", "setCreatedInlineBlock", "uuid", "uuidFromContext", "useEditorConfigContext", "parentDocumentFields", "fields", "useDocumentForm", "getFormState", "useServerFunctions", "editDepth", "useEditDepth", "firstTimeDrawer", "setInitialState", "cachedFormState", "fieldName", "fieldState", "initialValue", "value", "hasMounted", "useRef", "useEffect", "prevCacheBuster", "current", "setCustomLabel", "CustomLabelFromProps", "initialState", "setCustomBlock", "resolvedCustomBlock", "useMemo", "isEditor", "isJSXConverter", "resolvedCustomLabel", "drawerSlug", "slug", "toggleDrawer", "useLexicalDrawer", "inlineBlockElemElemRef", "id", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "config", "useConfig", "schemaPath", "clientSchemaMap", "componentMapRenderedBlockPath", "blocksField", "clientBlock", "blockReferences", "clientBlockFields", "undefined", "length", "editor", "removeInlineBlock", "getTranslation", "blockDisplayName", "labels", "singular", "onChangeAbortControllerRef", "AbortController", "state", "data", "docPermissions", "docPreferences", "deepCopyObjectSimpleWithoutReactComponents", "documentFormState", "initialBlockData", "initialBlockFormState", "operation", "readOnly", "renderAllFields", "schemaFieldsPath", "reduceFieldsToValues", "newFormStateData", "excludeFiles", "update", "$getNodeByKey", "node", "$isInlineBlockNode", "newData", "blockType", "SKIP_DOM_SELECTION_TAG", "abortAndIgnore", "abortController", "onChange", "formState", "submit", "state_0", "prevFormState", "formData_0", "initialState_0", "isStateOutOfSync", "key", "newData_0", "onFormSubmit", "useCallback", "node_0", "_jsx", "Button", "RemoveButton", "buttonStyle", "disabled", "icon", "e", "onClick", "preventDefault", "round", "size", "tooltip", "EditButton", "el", "children", "e_0", "onKeyDown", "role", "tabIndex", "ref", "Label", "_jsxs", "Form", "beforeSubmit", "formState_0", "disableValidationOnSubmit", "onSubmit", "formUuid", "EditDepthProvider", "title", "_Fragment", "RenderFields", "forceRender", "parentIndexPath", "parentPath", "parentSchemaPath", "permissions", "FormSubmit", "programmaticSubmit", "InlineBlockContainer", "ShimmerEffect", "height", "width"]
-}

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

@@ -1,2 +0,0 @@
-import{c as T}from"react/compiler-runtime";import{useLexicalComposerContext as b}from"@lexical/react/LexicalComposerContext";import{useModal as h}from"@payloadcms/ui";import{$getPreviousSelection as v,$getSelection as E,$setSelection as P}from"lexical";import{useEffect as W,useState as k}from"react";var F=(t,i)=>{let e=T(24),[s]=b(),[c,B]=k(null),[n,D]=k(!1),{closeModal:u,modalState:l,toggleModal:O}=h(),r;e[0]!==s?(r=()=>{s.read(()=>{let M=E()??v();B(M)})},e[0]=s,e[1]=r):r=e[1];let w=r,a;e[2]!==s||e[3]!==c?(a=()=>{c&&s.update(()=>{P(c.clone())},{discrete:!0,skipTransforms:!0})},e[2]=s,e[3]=c,e[4]=a):a=e[4];let o=a,f;e[5]!==u||e[6]!==t?(f=()=>{u(t)},e[5]=u,e[6]=t,e[7]=f):f=e[7];let x=f,$=l?.[t]?.isOpen,m;e[8]!==$||e[9]!==o||e[10]!==t||e[11]!==w||e[12]!==O?(m=()=>{$?o():w(),D(!0),O(t)},e[8]=$,e[9]=o,e[10]=t,e[11]=w,e[12]=O,e[13]=m):m=e[13];let C=m,p,d;e[14]!==l||e[15]!==i||e[16]!==o||e[17]!==t||e[18]!==n?(p=()=>{if(!n)return;let M=l[t];M&&!M?.isOpen&&(D(!1),i?setTimeout(()=>{o()},0):o())},d=[l,t,o,n,i],e[14]=l,e[15]=i,e[16]=o,e[17]=t,e[18]=n,e[19]=p,e[20]=d):(p=e[19],d=e[20]),W(p,d);let S;return e[21]!==x||e[22]!==C?(S={closeDrawer:x,toggleDrawer:C},e[21]=x,e[22]=C,e[23]=S):S=e[23],S};export{F as a};
-//# sourceMappingURL=chunk-INBEEENE.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utilities/fieldsDrawer/useLexicalDrawer.tsx"],
-  "sourcesContent": ["'use client'\nimport type { BaseSelection } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useModal } from '@payloadcms/ui'\nimport { $getPreviousSelection, $getSelection, $setSelection } from 'lexical'\nimport { useCallback, useEffect, useState } from 'react'\n\n/**\n *\n * Wrapper around useModal that restores and saves selection state (cursor position) when opening and closing the drawer.\n * By default, the lexical cursor position may be lost when opening a drawer and clicking somewhere on that drawer.\n */\nexport const useLexicalDrawer = (slug: string, restoreLate?: boolean) => {\n  const [editor] = useLexicalComposerContext()\n  const [selectionState, setSelectionState] = useState<BaseSelection | null>(null)\n  const [wasOpen, setWasOpen] = useState<boolean>(false)\n\n  const { closeModal: closeBaseModal, modalState, toggleModal: toggleBaseModal } = useModal()\n\n  const storeSelection = useCallback(() => {\n    editor.read(() => {\n      const selection = $getSelection() ?? $getPreviousSelection()\n      setSelectionState(selection)\n    })\n  }, [editor])\n\n  const restoreSelection = useCallback(() => {\n    if (selectionState) {\n      editor.update(\n        () => {\n          $setSelection(selectionState.clone())\n        },\n        { discrete: true, skipTransforms: true },\n      )\n    }\n  }, [editor, selectionState])\n\n  const closeDrawer = useCallback(() => {\n    //restoreSelection() // Should already be stored by the useEffect below\n    closeBaseModal(slug)\n  }, [closeBaseModal, slug])\n  const isModalOpen = modalState?.[slug]?.isOpen\n\n  const toggleDrawer = useCallback(() => {\n    if (!isModalOpen) {\n      storeSelection()\n    } else {\n      restoreSelection()\n    }\n    setWasOpen(true)\n    toggleBaseModal(slug)\n  }, [slug, storeSelection, toggleBaseModal, restoreSelection, isModalOpen])\n\n  // We need to handle drawer closing via a useEffect, as toggleDrawer / closeDrawer will not be triggered if the drawer\n  // is closed by clicking outside of the drawer. This useEffect will handle everything.\n  useEffect(() => {\n    if (!wasOpen) {\n      return\n    }\n\n    const thisModalState = modalState[slug]\n    // Exists in modalState (thus has opened at least once before) and is closed\n    if (thisModalState && !thisModalState?.isOpen) {\n      setWasOpen(false)\n\n      if (restoreLate) {\n        // restoreLate is used for upload extra field drawers. For some reason, the selection is not restored if we call restoreSelection immediately.\n        setTimeout(() => {\n          restoreSelection()\n        }, 0)\n      } else {\n        restoreSelection()\n      }\n    }\n  }, [modalState, slug, restoreSelection, wasOpen, restoreLate])\n\n  return {\n    closeDrawer,\n    toggleDrawer,\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["c", "_c", "useLexicalComposerContext", "useModal", "$getPreviousSelection", "$getSelection", "$setSelection", "useEffect", "useState", "useLexicalDrawer", "slug", "restoreLate", "$", "editor", "selectionState", "setSelectionState", "wasOpen", "setWasOpen", "closeModal", "closeBaseModal", "modalState", "toggleModal", "toggleBaseModal", "t0", "read", "selection", "storeSelection", "t1", "update", "clone", "discrete", "skipTransforms", "restoreSelection", "t2", "closeDrawer", "isModalOpen", "isOpen", "t3", "toggleDrawer", "t4", "t5", "thisModalState", "setTimeout", "t6"]
-}

package/dist/exports/client/component-CVM4OESA.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/features/upload/client/component/index.tsx"],
-  "sourcesContent": ["'use client'\nimport type { ClientCollectionConfig, Data, FormState, JsonObject } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  formatDrawerSlug,\n  Pill,\n  Thumbnail,\n  useConfig,\n  useEditDepth,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  $isRangeSelection,\n  type ElementFormatType,\n} from 'lexical'\nimport { formatAdminURL, isImage } from 'payload/shared'\nimport React, { useCallback, useEffect, useId, useReducer, useRef, useState } from 'react'\n\nimport type { BaseClientFeatureProps } from '../../../typesClient.js'\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\nimport type { UploadFeaturePropsClient } from '../index.js'\nimport type { UploadNode } from '../nodes/UploadNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../utilities/fieldsDrawer/Drawer.js'\nimport { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport './index.css'\n\nconst initialParams = {\n  depth: 0,\n}\n\nexport type ElementProps = {\n  className: string\n  data: UploadData\n  format?: ElementFormatType\n  nodeKey: string\n}\n\nexport const UploadComponent: React.FC<ElementProps> = (props) => {\n  const {\n    className: baseClass,\n    data: { fields, relationTo, value },\n    format,\n    nodeKey,\n  } = props\n\n  if (typeof value === 'object') {\n    throw new Error(\n      'Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.',\n    )\n  }\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n  const [editor] = useLexicalComposerContext()\n\n  const {\n    editorConfig,\n    fieldProps: { schemaPath },\n  } = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation()\n  const [isSelected, setIsSelected] = useState(false)\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection] = useState<ClientCollectionConfig>(() =>\n    getEntityConfig({ collectionSlug: relationTo }),\n  )\n\n  const componentID = useId()\n\n  const extraFieldsDrawerSlug = formatDrawerSlug({\n    slug: `lexical-upload-drawer-` + uuid + componentID, // There can be multiple upload components, each with their own drawer, in one single editor => separate them by componentID\n    depth: editDepth,\n  })\n\n  // Need to use hook to initialize useEffect that restores cursor position\n  const { toggleDrawer } = useLexicalDrawer(extraFieldsDrawerSlug, true)\n\n  const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection()\n\n        if ($isNodeSelection(selection)) {\n          setIsSelected(selection.has(nodeKey))\n        } else if ($isRangeSelection(selection)) {\n          const nodes = selection.getNodes()\n          setIsSelected(nodes.some((node) => node.getKey() === nodeKey))\n        } else {\n          setIsSelected(false)\n        }\n      })\n    })\n  }, [editor, nodeKey])\n\n  useEffect(() => {\n    const outerEl = uploadRef.current?.closest(`.${baseClass}`)\n\n    if (outerEl) {\n      outerEl.classList.toggle(`${baseClass}--selected`, isSelected)\n    }\n  }, [isSelected, baseClass])\n\n  const removeUpload = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const updateUpload = useCallback(\n    (_data: Data) => {\n      setParams({\n        ...initialParams,\n        cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n      })\n\n      dispatchCacheBust()\n      closeDocumentDrawer()\n    },\n    [setParams, cacheBust, closeDocumentDrawer],\n  )\n\n  const hasExtraFields = (\n    editorConfig?.resolvedFeatureMap?.get('upload')\n      ?.sanitizedClientFeatureProps as BaseClientFeatureProps<UploadFeaturePropsClient>\n  ).collections?.[relatedCollection.slug]?.hasExtraFields\n\n  const onExtraFieldsDrawerSubmit = useCallback(\n    (_: FormState, data: JsonObject) => {\n      // Update lexical node (with key nodeKey) with new data\n      editor.update(() => {\n        const uploadNode: null | UploadNode = $getNodeByKey(nodeKey)\n        if (uploadNode) {\n          const newData: UploadData = {\n            ...uploadNode.getData(),\n            fields: data,\n          }\n          uploadNode.setData(newData)\n        }\n      })\n    },\n    [editor, nodeKey],\n  )\n\n  const aspectRatio =\n    thumbnailSRC && data?.width && data?.height\n      ? data.width > data.height\n        ? 'landscape'\n        : 'portrait'\n      : 'landscape'\n\n  return (\n    <div\n      className={`${baseClass}__contents ${baseClass}__contents--${aspectRatio}`}\n      data-align={format || undefined}\n      data-filename={data?.filename}\n      ref={uploadRef}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__media`}>\n          <Thumbnail\n            collectionSlug={relationTo}\n            fileSrc={isImage(data?.mimeType) ? thumbnailSRC : null}\n            height={data?.height}\n            size=\"none\"\n            width={data?.width}\n          />\n\n          {isEditable && (\n            <div className={`${baseClass}__floater`} data-theme=\"dark\">\n              <Pill className={`${baseClass}__collectionLabel`} pillStyle=\"dark\" size=\"small\">\n                {getTranslation(relatedCollection.labels.singular, i18n)}\n              </Pill>\n\n              <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n                <span className={`${baseClass}__filename`}>\n                  {data?.filename || t('general:untitled')}\n                </span>\n              </DocumentDrawerToggler>\n\n              {hasExtraFields ? (\n                <Button\n                  buttonStyle=\"ghost\"\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={!isEditable}\n                  el=\"button\"\n                  icon=\"write\"\n                  onClick={toggleDrawer}\n                  round\n                  size=\"medium\"\n                  tooltip={t('fields:editRelationship')}\n                />\n              ) : null}\n\n              <div className={`${baseClass}__divider`} />\n\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__swap-drawer-toggler`}\n                disabled={!isEditable}\n                el=\"button\"\n                icon=\"swap\"\n                onClick={() => {\n                  editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                    replace: { nodeKey },\n                  })\n                }}\n                round\n                size=\"medium\"\n                tooltip={t('fields:swapUpload')}\n              />\n\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__removeButton`}\n                disabled={!isEditable}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  removeUpload()\n                }}\n                round\n                size=\"medium\"\n                tooltip={t('fields:removeUpload')}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n\n      {value ? <DocumentDrawer onSave={updateUpload} /> : null}\n      {hasExtraFields ? (\n        <FieldsDrawer\n          data={fields}\n          drawerSlug={extraFieldsDrawerSlug}\n          drawerTitle={t('general:editLabel', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n          featureKey=\"upload\"\n          handleDrawerSubmit={onExtraFieldsDrawerSubmit}\n          schemaPath={schemaPath}\n          schemaPathSuffix={relatedCollection.slug}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["useLexicalComposerContext", "useLexicalEditable", "getTranslation", "Button", "formatDrawerSlug", "Pill", "Thumbnail", "useConfig", "useEditDepth", "usePayloadAPI", "useTranslation", "$getNodeByKey", "$getSelection", "$isNodeSelection", "$isRangeSelection", "formatAdminURL", "isImage", "useCallback", "useEffect", "useId", "useReducer", "useRef", "useState", "initialParams", "UploadComponent", "props", "baseClass", "className", "data", "fields", "relationTo", "format", "nodeKey", "value", "config", "routes", "serverURL", "getEntityConfig", "useConfig", "useRef", "uploadRef", "uuid", "useEditorConfigContext", "editDepth", "useLexicalComposerContext", "editorConfig", "fieldProps", "isEditable", "i18n", "t", "useTranslation", "setIsSelected", "useState", "isSelected", "dispatchCacheBust", "state", "cacheBust", "useReducer", "relatedCollection", "collectionSlug", "componentID", "useId", "formatDrawerSlug", "extraFieldsDrawerSlug", "slug", "toggleDrawer", "useLexicalDrawer", "closeDocumentDrawer", "DocumentDrawer", "DocumentDrawerToggler", "useLexicalDocumentDrawer", "id", "setParams", "usePayloadAPI", "apiRoute", "api", "path", "thumbnailSRC", "useEffect", "editor", "editorState", "$getSelection", "$isNodeSelection", "selection", "nodes", "$isRangeSelection", "getNodes", "node", "outerEl", "removeUpload", "useCallback", "_data", "updateUpload", "hasExtraFields", "resolvedFeatureMap", "update", "$getNodeByKey", "uploadNode", "newData", "aspectRatio", "ref", "_jsx", "_jsxs", "Thumbnail", "fileSrc", "isImage", "height", "size", "width", "Pill", "pillStyle", "getTranslation", "labels", "buttonStyle", "disabled", "el", "icon", "onClick", "round", "tooltip", "INSERT_UPLOAD_WITH_DRAWER_COMMAND", "dispatchCommand", "replace", "Button", "e", "preventDefault", "onSave", "drawerSlug", "drawerTitle", "featureKey", "onExtraFieldsDrawerSubmit", "handleDrawerSubmit", "schemaPath", "schemaPathSuffix"]
-}

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

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

package/dist/features/link/nodes/types.d.ts

@@ -1,27 +0,0 @@
-import type { SerializedElementNode, SerializedLexicalNode } from 'lexical';
-import type { DefaultDocumentIDType, JsonValue } from 'payload';
-import type { StronglyTypedElementNode } from '../../../types/nodeTypes.js';
-export type LinkFields = {
-    [key: string]: JsonValue;
-    doc?: {
-        relationTo: string;
-        value: {
-            [key: string]: JsonValue;
-            id: DefaultDocumentIDType;
-        } | DefaultDocumentIDType;
-    } | null;
-    linkType: 'custom' | 'internal';
-    newTab: boolean;
-    url?: string;
-};
-export type SerializedLinkNode<T extends SerializedLexicalNode = SerializedLexicalNode> = {
-    fields: LinkFields;
-    /**
-     * @todo make required in 4.0 and type AutoLinkNode differently
-     */
-    id?: string;
-} & StronglyTypedElementNode<SerializedElementNode, 'link', T>;
-export type SerializedAutoLinkNode<T extends SerializedLexicalNode = SerializedLexicalNode> = {
-    fields: LinkFields;
-} & StronglyTypedElementNode<SerializedElementNode, 'autolink', T>;
-//# sourceMappingURL=types.d.ts.map

package/dist/features/link/nodes/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/features/link/nodes/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAE/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,MAAM,MAAM,UAAU,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,GAAG,CAAC,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EACD;YAEE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;YACxB,EAAE,EAAE,qBAAqB,CAAA;SAC1B,GACD,qBAAqB,CAAA;KAC1B,GAAG,IAAI,CAAA;IACR,QAAQ,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IAAI;IACxF,MAAM,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GAAG,wBAAwB,CAAC,qBAAqB,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AAE9D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IAAI;IAC5F,MAAM,EAAE,UAAU,CAAA;CACnB,GAAG,wBAAwB,CAAC,qBAAqB,EAAE,UAAU,EAAE,CAAC,CAAC,CAAA"}

package/dist/features/link/nodes/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/features/link/nodes/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/features/link/nodes/types.ts"],"sourcesContent":["import type { SerializedElementNode, SerializedLexicalNode } from 'lexical'\nimport type { DefaultDocumentIDType, JsonValue } from 'payload'\n\nimport type { StronglyTypedElementNode } from '../../../types/nodeTypes.js'\n\nexport type LinkFields = {\n  [key: string]: JsonValue\n  doc?: {\n    relationTo: string\n    value:\n      | {\n          // Actual doc data, populated in afterRead hook\n          [key: string]: JsonValue\n          id: DefaultDocumentIDType\n        }\n      | DefaultDocumentIDType\n  } | null\n  linkType: 'custom' | 'internal'\n  newTab: boolean\n  url?: string\n}\n\nexport type SerializedLinkNode<T extends SerializedLexicalNode = SerializedLexicalNode> = {\n  fields: LinkFields\n  /**\n   * @todo make required in 4.0 and type AutoLinkNode differently\n   */\n  id?: string // optional if AutoLinkNode\n} & StronglyTypedElementNode<SerializedElementNode, 'link', T>\n\nexport type SerializedAutoLinkNode<T extends SerializedLexicalNode = SerializedLexicalNode> = {\n  fields: LinkFields\n} & StronglyTypedElementNode<SerializedElementNode, 'autolink', T>\n"],"mappings":"AA8BA","ignoreList":[]}