@payloadcms/richtext-lexical 3.18.0 → 3.19.0-canary.9b65c78

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

@@ -0,0 +1,2 @@
+import{createCommand as I}from"lexical";var _=I("INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND");export{_ as a};
+//# sourceMappingURL=chunk-DBWINSQN.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/relationship/client/drawer/commands.ts"],
+  "sourcesContent": ["import type { LexicalCommand } from 'lexical'\n\nimport { createCommand } from 'lexical'\n\nexport const INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND: LexicalCommand<{\n  replace: { nodeKey: string } | false\n}> = createCommand('INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND')\n"],
+  "mappings": "AAEA,OAASA,iBAAAA,MAAqB,UAEvB,IAAMC,EAERD,EAAc,yCAAA",
+  "names": ["createCommand", "INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND"]
+}

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

@@ -0,0 +1,2 @@
+import{a as X}from"./chunk-INBEEENE.js";import{b as U}from"./chunk-3LGFOM34.js";import{jsx as n,jsxs as f,Fragment as Be}from"react/jsx-runtime";import F,{createContext as xe,useCallback as O,useEffect as w,useMemo as D,useRef as E}from"react";import{useLexicalComposerContext as _e}from"@lexical/react/LexicalComposerContext";import{getTranslation as Z}from"@payloadcms/translations";import{Button as ee,Drawer as Ce,EditDepthProvider as Se,Form as ye,formatDrawerSlug as Ie,FormSubmit as we,RenderFields as De,ShimmerEffect as Fe,useDocumentInfo as Ne,useEditDepth as ve,useServerFunctions as $e,useTranslation as Pe}from"@payloadcms/ui";import{abortAndIgnore as L}from"@payloadcms/ui/shared";import{$getNodeByKey as te}from"lexical";import{v4 as Te}from"uuid";import{jsx as pe}from"react/jsx-runtime";import be from"bson-objectid";import he from"react";import de from"bson-objectid";import{DecoratorNode as me}from"lexical";var k=class extends me{__cacheBuster;__fields;constructor({cacheBuster:e,fields:t,key:l}){super(l),this.__fields=t,this.__cacheBuster=e||0}static clone(e){return new this({cacheBuster:e.__cacheBuster,fields:e.__fields,key:e.__key})}static getType(){return"inlineBlock"}static importDOM(){return{}}static importJSON(e){return fe(e.fields)}static isInline(){return!1}canIndent(){return!0}createDOM(){let e=document.createElement("span");return e.classList.add("inline-block-container"),e}decorate(e,t){return null}exportDOM(){let e=document.createElement("span");e.classList.add("inline-block-container");let t=document.createTextNode(this.getTextContent());return e.append(t),{element:e}}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(e,t){let l=this.getWritable();l.__fields=e,t||l.__cacheBuster++}updateDOM(){return!1}};function fe(r){return new k({fields:{...r,id:r?.id||new de.default().toHexString()}})}var ke=he.lazy(()=>import("./componentInline-DTNGYZCL.js").then(r=>({default:r.InlineBlockComponent}))),I=class extends k{static clone(e){return super.clone(e)}static getType(){return super.getType()}static importJSON(e){return ge(e.fields)}decorate(e,t){return pe(ke,{cacheBuster:this.getCacheBuster(),formData:this.getFields(),nodeKey:this.getKey()})}exportJSON(){return super.exportJSON()}};function ge(r){return new I({fields:{...r,id:r?.id||new be.default().toHexString()}})}function Y(r){return r instanceof I}var d="inline-block",ne=xe({initialState:!1}),tt=()=>F.useContext(ne),nt=r=>{let{cacheBuster:e,formData:t,nodeKey:l}=r,[m]=_e(),{i18n:N,t:u}=Pe(),{createdInlineBlock:j,fieldProps:{featureClientSchemaMap:oe,initialLexicalFormState:re,permissions:le,readOnly:g,schemaPath:M},setCreatedInlineBlock:R,uuid:ie}=U(),{getFormState:B}=$e(),se=ve(),A=E(!1),[a,J]=F.useState(re?.[t.id]?.formState);w(()=>{J(!1)},[e]);let[v,K]=F.useState(a?._components?.customComponents?.BlockLabel),[z,H]=F.useState(a?._components?.customComponents?.Block),V=Ie({slug:`lexical-inlineBlocks-create-${ie}-${t.id}`,depth:se}),{toggleDrawer:p}=X(V,!0),ce=E(null),{id:x,collectionSlug:_,getDocPreferences:C,globalSlug:S}=Ne(),ae=`${M}.lexical_internal_feature.blocks.lexical_inline_blocks.${t.blockType}`,i=oe.blocks[ae]?.[0]?.blocks?.[0];w(()=>{!A.current&&j?.getKey()===l&&(i?.fields?.length>2&&p(),R?.(void 0),A.current=!0)},[i?.fields?.length,j,l,R,p]);let W=O(()=>{m.update(()=>{te(l)?.remove()})},[m,l]),b=i?.labels?.singular?Z(i?.labels.singular,N):i?.slug,$=E(new AbortController),h=`${M}.lexical_internal_feature.blocks.lexical_inline_blocks.${i?.slug}.fields`;w(()=>{let o=new AbortController;return t&&!a&&(async()=>{let{state:s}=await B({id:x,collectionSlug:_,data:t,docPermissions:{fields:!0},docPreferences:await C(),globalSlug:S,operation:"update",renderAllFields:!0,schemaPath:h,signal:o.signal});s&&(J(s),K(s._components?.customComponents?.BlockLabel),H(s._components?.customComponents?.Block))})(),()=>{L(o)}},[B,h,x,t,a,_,S,C]);let q=O(async({formState:o,submit:c})=>{L($.current);let s=new AbortController;$.current=s;let{state:y}=await B({id:x,collectionSlug:_,docPermissions:{fields:!0},docPreferences:await C(),formState:o,globalSlug:S,operation:"update",renderAllFields:!!c,schemaPath:h,signal:s.signal});return y?(c&&(K(y._components?.customComponents?.BlockLabel),H(y._components?.customComponents?.Block)),y):o},[B,x,_,C,S,h]);w(()=>()=>{L($.current)},[]);let ue=O((o,c)=>{c.blockType=t.blockType,m.update(()=>{let s=te(l);s&&Y(s)&&s.setFields(c,!0)})},[m,l,t]),P=D(()=>()=>n(ee,{buttonStyle:"icon-label",className:`${d}__removeButton`,disabled:g,icon:"x",onClick:o=>{o.preventDefault(),W()},round:!0,size:"small",tooltip:u("lexical:blocks:inlineBlocks:remove",{label:b})}),[b,g,W,u]),G=D(()=>()=>n(ee,{buttonStyle:"icon-label",className:`${d}__editButton`,disabled:g,el:"button",icon:"edit",onClick:()=>{p()},round:!0,size:"small",tooltip:u("lexical:blocks:inlineBlocks:edit",{label:b})}),[b,g,u,p]),T=D(()=>({children:o,className:c})=>n("div",{className:[d,d+"-"+t.blockType,c].filter(Boolean).join(" "),ref:ce,children:o}),[t.blockType]),Q=D(()=>v?()=>v:()=>n("div",{children:i?.labels?Z(i?.labels.singular,N):""}),[v,i?.labels,N]);return i?f(ye,{beforeSubmit:[async({formState:o})=>await q({formState:o,submit:!0})],disableValidationOnSubmit:!0,fields:i?.fields,initialState:a||{},onChange:[q],onSubmit:(o,c)=>{ue(o,c),p()},uuid:Te(),children:[n(Se,{children:n(Ce,{className:"",slug:V,title:u(`lexical:blocks:inlineBlocks:${t?.id?"edit":"create"}`,{label:b??u("lexical:blocks:inlineBlocks:label")}),children:a?f(Be,{children:[n(De,{fields:i?.fields,forceRender:!0,parentIndexPath:"",parentPath:"",parentSchemaPath:h,permissions:le,readOnly:!1}),n(we,{programmaticSubmit:!0,children:u("fields:saveChanges")})]}):null})}),z?n(ne.Provider,{value:{EditButton:G,initialState:a,InlineBlockContainer:T,Label:Q,nodeKey:l,RemoveButton:P},children:z}):f(T,{children:[a?n(Q,{}):n(Fe,{height:"15px",width:"40px"}),m.isEditable()?f("div",{className:`${d}__actions`,children:[n(G,{}),n(P,{})]}):null]})]}):f(T,{className:`${d}-not-found`,children:[f("span",{children:["Error: Block '",t.blockType,"' not found"]}),m.isEditable()?n("div",{className:`${d}__actions`,children:n(P,{})}):null]})};export{tt as a,nt as b,I as c,ge as d,Y as e};
+//# sourceMappingURL=chunk-KDV47ZNZ.js.map

package/dist/exports/client/chunk-KDV47ZNZ.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 React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlocksFieldClient, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\n\nimport './index.scss'\n\nimport { v4 as uuid } from 'uuid'\n\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\ntype Props = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly formData: InlineBlockFields\n  readonly nodeKey: string\n}\n\ntype InlineBlockComponentContextType = {\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n  InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n  Label?: React.FC\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.useContext(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, formData, nodeKey } = props\n\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const {\n    createdInlineBlock,\n    fieldProps: {\n      featureClientSchemaMap,\n      initialLexicalFormState,\n      permissions,\n      readOnly,\n      schemaPath,\n    },\n    setCreatedInlineBlock,\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n  const firstTimeDrawer = useRef(false)\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(\n    initialLexicalFormState?.[formData.id]?.formState,\n  )\n\n  useEffect(() => {\n    setInitialState(false)\n  }, [cacheBuster])\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block,\n  )\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n\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 = blocksField?.blocks?.[0]\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 (clientBlock?.fields?.length > 2) {\n        toggleDrawer()\n      }\n      setCreatedInlineBlock?.(undefined)\n      firstTimeDrawer.current = true\n    }\n  }, [\n    clientBlock?.fields?.length,\n    createdInlineBlock,\n    nodeKey,\n    setCreatedInlineBlock,\n    toggleDrawer,\n  ])\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        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        setInitialState(state)\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\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        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      if (submit) {\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n\n      return state\n    },\n    [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath],\n  )\n  // cleanup effect\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  /**\n   * HANDLE FORM SUBMIT\n   */\n  const onFormSubmit = useCallback(\n    (formState: FormState, newData: Data) => {\n      newData.blockType = formData.blockType\n\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData as InlineBlockFields, true)\n        }\n      })\n    },\n    [editor, nodeKey, formData],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={readOnly}\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    [blockDisplayName, readOnly, removeInlineBlock, t],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={readOnly}\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    [blockDisplayName, readOnly, t, toggleDrawer],\n  )\n\n  const InlineBlockContainer = useMemo(\n    () =>\n      ({ children, className }: { children: React.ReactNode; className?: string }) => (\n        <div\n          className={[baseClass, baseClass + '-' + formData.blockType, className]\n            .filter(Boolean)\n            .join(' ')}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [formData.blockType],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [CustomLabel, clientBlock?.labels, i18n])\n\n  if (!clientBlock) {\n    return (\n      <InlineBlockContainer className={`${baseClass}-not-found`}>\n        <span>Error: Block '{formData.blockType}' not found</span>\n        {editor.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      fields={clientBlock?.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState, data) => {\n        onFormSubmit(formState, data)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${formData?.id ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock?.fields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={permissions}\n                readOnly={false}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n      {CustomBlock ? (\n        <InlineBlockComponentContext.Provider\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext.Provider>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {editor.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 type { EditorConfig, LexicalEditor, LexicalNode } from 'lexical'\n\nimport ObjectID from 'bson-objectid'\nimport React, { type JSX } from 'react'\n\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 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(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <InlineBlockComponent\n        cacheBuster={this.getCacheBuster()}\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 new InlineBlockNode({\n    fields: {\n      ...fields,\n      id: fields?.id || new ObjectID.default().toHexString(),\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  Spread,\n} from 'lexical'\nimport type { JsonObject } from 'payload'\nimport type React from 'react'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { DecoratorNode } from 'lexical'\n\nexport type InlineBlockFields<TInlineBlockFields extends JsonObject = JsonObject> = {\n  blockType: string\n  id: string\n} & TInlineBlockFields\n\nexport type SerializedInlineBlockNode<TBlockFields extends JsonObject = JsonObject> = Spread<\n  {\n    children?: never // required so that our typed editor state doesn't automatically add children\n    fields: InlineBlockFields<TBlockFields>\n    type: 'inlineBlock'\n  },\n  SerializedLexicalNode\n>\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  override createDOM() {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\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 new ServerInlineBlockNode({\n    fields: {\n      ...fields,\n      id: fields?.id || new ObjectID.default().toHexString(),\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": ["React", "createContext", "useCallback", "useEffect", "useMemo", "useRef", "useLexicalComposerContext", "getTranslation", "Button", "Drawer", "EditDepthProvider", "Form", "formatDrawerSlug", "FormSubmit", "RenderFields", "ShimmerEffect", "useDocumentInfo", "useEditDepth", "useServerFunctions", "useTranslation", "abortAndIgnore", "$getNodeByKey", "v4", "uuid", "ObjectID", "React", "ObjectID", "DecoratorNode", "ServerInlineBlockNode", "__cacheBuster", "__fields", "constructor", "cacheBuster", "fields", "key", "clone", "node", "__key", "getType", "importDOM", "importJSON", "serializedNode", "$createServerInlineBlockNode", "isInline", "canIndent", "createDOM", "element", "document", "createElement", "classList", "add", "decorate", "editor", "config", "exportDOM", "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", "_jsx", "cacheBuster", "getCacheBuster", "formData", "getFields", "nodeKey", "getKey", "exportJSON", "id", "ObjectID", "toHexString", "$isInlineBlockNode", "baseClass", "InlineBlockComponentContext", "createContext", "initialState", "useInlineBlockComponentContext", "React", "useContext", "InlineBlockComponent", "props", "cacheBuster", "formData", "nodeKey", "editor", "useLexicalComposerContext", "i18n", "t", "useTranslation", "createdInlineBlock", "fieldProps", "featureClientSchemaMap", "initialLexicalFormState", "permissions", "readOnly", "schemaPath", "setCreatedInlineBlock", "uuid", "uuidFromContext", "useEditorConfigContext", "getFormState", "useServerFunctions", "editDepth", "useEditDepth", "firstTimeDrawer", "useRef", "setInitialState", "useState", "id", "formState", "useEffect", "CustomLabel", "setCustomLabel", "customComponents", "BlockLabel", "CustomBlock", "setCustomBlock", "Block", "drawerSlug", "formatDrawerSlug", "slug", "depth", "toggleDrawer", "useLexicalDrawer", "inlineBlockElemElemRef", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "componentMapRenderedBlockPath", "blockType", "clientBlock", "blocks", "current", "getKey", "fields", "length", "undefined", "removeInlineBlock", "useCallback", "update", "$getNodeByKey", "remove", "blockDisplayName", "labels", "singular", "getTranslation", "onChangeAbortControllerRef", "AbortController", "schemaFieldsPath", "abortController", "state", "data", "docPermissions", "docPreferences", "operation", "renderAllFields", "signal", "abortAndIgnore", "onChange", "prevFormState", "submit", "controller", "onFormSubmit", "newData", "node", "$isInlineBlockNode", "setFields", "RemoveButton", "useMemo", "_jsx", "Button", "buttonStyle", "className", "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", "FormSubmit", "programmaticSubmit", "Provider", "value", "ShimmerEffect", "height", "width", "isEditable"]
+}

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

@@ -0,0 +1,2 @@
+import{b as E}from"./chunk-3LGFOM34.js";import{c as U}from"react/compiler-runtime";import{jsx as D}from"react/jsx-runtime";import{Drawer as V,EditDepthProvider as B,useModal as q}from"@payloadcms/ui";import"react";import{jsx as I,jsxs as j}from"react/jsx-runtime";import{Form as v,FormSubmit as M,RenderFields as O,useDocumentInfo as T,useServerFunctions as $,useTranslation as N}from"@payloadcms/ui";import{abortAndIgnore as x}from"@payloadcms/ui/shared";import{useCallback as W,useEffect as y,useRef as k,useState as H}from"react";import{v4 as L}from"uuid";var F=({data:a,featureKey:e,fieldMapOverride:n,handleDrawerSubmit:s,schemaFieldsPathOverride:t,schemaPath:d,schemaPathSuffix:m})=>{let{t:p}=N(),{id:l,collectionSlug:c,getDocPreferences:u,globalSlug:i}=T(),o=k(new AbortController),[f,r]=H(!1),{fieldProps:{featureClientSchemaMap:h,permissions:A}}=E(),{getFormState:S}=$(),g=t??`${d}.lexical_internal_feature.${e}${m?`.${m}`:""}`,b=n??h[e]?.[g];y(()=>{let C=new AbortController;return(async()=>{let{state:_}=await S({id:l,collectionSlug:c,data:a??{},docPermissions:{fields:!0},docPreferences:await u(),globalSlug:i,operation:"update",renderAllFields:!0,schemaPath:g,signal:C.signal});r(_)})(),()=>{x(C)}},[g,l,a,S,c,i,u]);let R=W(async({formState:C})=>{x(o.current);let P=new AbortController;o.current=P;let{state:_}=await S({id:l,collectionSlug:c,docPermissions:{fields:!0},docPreferences:await u(),formState:C,globalSlug:i,operation:"update",schemaPath:g,signal:P.signal});return _||C},[S,l,c,u,i,g]);return y(()=>()=>{x(o.current)},[]),f===!1?null:j(v,{beforeSubmit:[R],disableValidationOnSubmit:!0,fields:Array.isArray(b)?b:[],initialState:f,onChange:[R],onSubmit:s,uuid:L(),children:[I(O,{fields:Array.isArray(b)?b:[],forceRender:!0,parentIndexPath:"",parentPath:"",parentSchemaPath:g,permissions:A,readOnly:!1}),I(M,{children:p("fields:saveChanges")})]})};var pe=a=>{let e=U(15),{className:n,data:s,drawerSlug:t,drawerTitle:d,featureKey:m,fieldMapOverride:p,handleDrawerSubmit:l,schemaFieldsPathOverride:c,schemaPath:u,schemaPathSuffix:i}=a,{closeModal:o}=q(),f=d??"",r;e[0]!==o||e[1]!==t||e[2]!==l?(r=(A,S)=>{o(t),setTimeout(()=>{l(A,S)},1)},e[0]=o,e[1]=t,e[2]=l,e[3]=r):r=e[3];let h;return e[4]!==n||e[5]!==s||e[6]!==t||e[7]!==m||e[8]!==p||e[9]!==c||e[10]!==u||e[11]!==i||e[12]!==f||e[13]!==r?(h=D(B,{children:D(V,{className:n,slug:t,title:f,children:D(F,{data:s,featureKey:m,fieldMapOverride:p,handleDrawerSubmit:r,schemaFieldsPathOverride:c,schemaPath:u,schemaPathSuffix:i})})}),e[4]=n,e[5]=s,e[6]=t,e[7]=m,e[8]=p,e[9]=c,e[10]=u,e[11]=i,e[12]=f,e[13]=r,e[14]=h):h=e[14],h};import{c as z}from"react/compiler-runtime";import{jsx as G}from"react/jsx-runtime";import{useAuth as J,useConfig as K,useEntityVisibility as Q}from"@payloadcms/ui";import*as w from"react";var X=(a,e)=>a.filter(({slug:n,admin:{enableRichTextRelationship:s},upload:t})=>e?.visibleEntities.collections.includes(n)?e?.uploads?s&&!!t:t?!1:s:!1),be=a=>{let e=z(20),n,s,t,d;e[0]!==a?({children:s,FallbackComponent:n,uploads:d,...t}=a,e[0]=a,e[1]=n,e[2]=s,e[3]=t,e[4]=d):(n=e[1],s=e[2],t=e[3],d=e[4]);let m=d===void 0?!1:d,{config:p}=K(),{collections:l}=p,{user:c}=J(),{visibleEntities:u}=Q(),i;e[5]!==l||e[6]!==m||e[7]!==c||e[8]!==u?(i=()=>X(l,{uploads:m,user:c,visibleEntities:u}).map(Y),e[5]=l,e[6]=m,e[7]=c,e[8]=u,e[9]=i):i=e[9];let[o]=w.useState(i);if(!o.length){let r;return e[10]!==n||e[11]!==t?(r=n?G(n,{...t}):null,e[10]=n,e[11]=t,e[12]=r):r=e[12],r}let f;if(e[13]!==s||e[14]!==o||e[15]!==t){let r;e[17]!==o||e[18]!==t?(r={...t,enabledCollectionSlugs:o},e[17]=o,e[18]=t,e[19]=r):r=e[19],f=w.cloneElement(s,r),e[13]=s,e[14]=o,e[15]=t,e[16]=f}else f=e[16];return f};function Y(a){let{slug:e}=a;return e}import{createCommand as Z}from"lexical";var Ae=Z("INSERT_UPLOAD_WITH_DRAWER_COMMAND");export{pe as a,be as b,Ae as c};
+//# sourceMappingURL=chunk-QP2NYEWJ.js.map

package/dist/exports/client/{chunk-HMZK3GHC.js.map → chunk-QP2NYEWJ.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/utilities/fieldsDrawer/Drawer.tsx", "../../../src/utilities/fieldsDrawer/DrawerContent.tsx", "../../../src/features/relationship/client/utils/EnabledRelationshipsCondition.tsx", "../../../src/features/upload/client/drawer/commands.ts", "../../../src/features/upload/client/nodes/UploadNode.tsx", "../../../src/features/upload/server/nodes/UploadNode.tsx"],
-  "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 {\n  Form,\n  FormSubmit,\n  RenderFields,\n  useDocumentInfo,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/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\n  const onChangeAbortControllerRef = useRef(new AbortController())\n\n  const [initialState, setInitialState] = useState<false | FormState | undefined>(false)\n\n  const {\n    fieldProps: { featureClientSchemaMap, permissions },\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        globalSlug,\n        operation: 'update',\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  }, [schemaFieldsPath, id, data, getFormState, collectionSlug, globalSlug, getDocPreferences])\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        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath],\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={permissions}\n        readOnly={false}\n      />\n      <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n    </Form>\n  )\n}\n", "'use client'\nimport type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'\n\nimport { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options?.visibleEntities.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<{\n  children: any\n  FallbackComponent?: React.FC\n  uploads?: boolean\n}> = (props) => {\n  const { children, FallbackComponent, uploads = false, ...rest } = props\n  const {\n    config: { collections },\n  } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user: user!, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return FallbackComponent ? <FallbackComponent {...rest} /> : null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\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", "'use client'\nimport type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type { DOMConversionMap, DOMConversionOutput, LexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\n\nimport { isGoogleDocCheckboxImg, UploadServerNode } from '../../server/nodes/UploadNode.js'\n\nconst RawUploadComponent = React.lazy(() =>\n  import('../../client/component/index.js').then((module) => ({ default: module.UploadComponent })),\n)\n\nfunction $convertUploadElement(domNode: HTMLImageElement): DOMConversionOutput | null {\n  if (\n    domNode.hasAttribute('data-lexical-upload-relation-to') &&\n    domNode.hasAttribute('data-lexical-upload-id')\n  ) {\n    const id = domNode.getAttribute('data-lexical-upload-id')\n    const relationTo = domNode.getAttribute('data-lexical-upload-relation-to')\n\n    if (id != null && relationTo != null) {\n      const node = $createUploadNode({\n        data: {\n          fields: {},\n          relationTo,\n          value: id,\n        },\n      })\n      return { node }\n    }\n  }\n  const img = domNode\n  if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {\n    return null\n  }\n  // TODO: Auto-upload functionality here!\n  //}\n  return null\n}\n\nexport type SerializedUploadNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'upload'\n} & Spread<UploadData, SerializedDecoratorBlockNode>\n\nexport class UploadNode extends UploadServerNode {\n  static override clone(node: UploadServerNode): UploadServerNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importDOM(): DOMConversionMap<HTMLImageElement> {\n    return {\n      img: (node) => ({\n        conversion: $convertUploadElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  static override importJSON(serializedNode: SerializedUploadNode): UploadNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n    if (serializedNode.version === 2 && !serializedNode?.id) {\n      serializedNode.id = new ObjectID.default().toHexString()\n      serializedNode.version = 3\n    }\n\n    const importedData: UploadData = {\n      id: serializedNode.id,\n      fields: serializedNode.fields,\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n\n    const node = $createUploadNode({ data: importedData })\n    node.setFormat(serializedNode.format)\n\n    return node\n  }\n\n  override decorate(): JSX.Element {\n    return <RawUploadComponent data={this.__data} nodeKey={this.getKey()} />\n  }\n\n  override exportJSON(): SerializedUploadNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createUploadNode({\n  data,\n}: {\n  data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadNode {\n  if (!data?.id) {\n    data.id = new ObjectID.default().toHexString()\n  }\n  return $applyNodeReplacement(new UploadNode({ data: data as UploadData }))\n}\n\nexport function $isUploadNode(node: LexicalNode | null | undefined): node is UploadNode {\n  return node instanceof UploadNode\n}\n", "import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  ElementFormatType,\n  LexicalNode,\n  NodeKey,\n  Spread,\n} from 'lexical'\nimport type { CollectionSlug, DataFromCollectionSlug, JsonObject } from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nexport type UploadData<TUploadExtraFieldsData extends JsonObject = JsonObject> = {\n  [TCollectionSlug in CollectionSlug]: {\n    fields: TUploadExtraFieldsData\n    // Every lexical node that has sub-fields needs to have a unique ID. This is the ID of this upload node, not the ID of the linked upload document\n    id: string\n    relationTo: TCollectionSlug\n    // Value can be just the document ID, or the full, populated document\n    value: DataFromCollectionSlug<TCollectionSlug> | number | string\n  }\n}[CollectionSlug]\n\nexport function isGoogleDocCheckboxImg(img: HTMLImageElement): boolean {\n  return (\n    img.parentElement != null &&\n    img.parentElement.tagName === 'LI' &&\n    img.previousSibling === null &&\n    img.getAttribute('aria-roledescription') === 'checkbox'\n  )\n}\n\nfunction $convertUploadServerElement(domNode: HTMLImageElement): DOMConversionOutput | null {\n  if (\n    domNode.hasAttribute('data-lexical-upload-relation-to') &&\n    domNode.hasAttribute('data-lexical-upload-id')\n  ) {\n    const id = domNode.getAttribute('data-lexical-upload-id')\n    const relationTo = domNode.getAttribute('data-lexical-upload-relation-to')\n\n    if (id != null && relationTo != null) {\n      const node = $createUploadServerNode({\n        data: {\n          fields: {},\n          relationTo,\n          value: id,\n        },\n      })\n      return { node }\n    }\n  }\n  const img = domNode\n  if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {\n    return null\n  }\n  // TODO: Auto-upload functionality here!\n  //}\n  return null\n}\n\nexport type SerializedUploadNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'upload'\n} & Spread<UploadData, SerializedDecoratorBlockNode>\n\nexport class UploadServerNode extends DecoratorBlockNode {\n  __data: UploadData\n\n  constructor({\n    data,\n    format,\n    key,\n  }: {\n    data: UploadData\n    format?: ElementFormatType\n    key?: NodeKey\n  }) {\n    super(format, key)\n    this.__data = data\n  }\n\n  static override clone(node: UploadServerNode): UploadServerNode {\n    return new this({\n      data: node.__data,\n      format: node.__format,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'upload'\n  }\n\n  static override importDOM(): DOMConversionMap<HTMLImageElement> {\n    return {\n      img: (node) => ({\n        conversion: $convertUploadServerElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  static override importJSON(serializedNode: SerializedUploadNode): UploadServerNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n    if (serializedNode.version === 2 && !serializedNode?.id) {\n      serializedNode.id = new ObjectID.default().toHexString()\n      serializedNode.version = 3\n    }\n\n    const importedData: UploadData = {\n      id: serializedNode.id,\n      fields: serializedNode.fields,\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n\n    const node = $createUploadServerNode({ data: importedData })\n    node.setFormat(serializedNode.format)\n\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  override decorate(): JSX.Element {\n    // @ts-expect-error\n    return <RawUploadComponent data={this.__data} format={this.__format} nodeKey={this.getKey()} />\n  }\n\n  override exportDOM(): DOMExportOutput {\n    const element = document.createElement('img')\n    element.setAttribute('data-lexical-upload-id', String(this.__data?.value))\n    element.setAttribute('data-lexical-upload-relation-to', this.__data?.relationTo)\n\n    return { element }\n  }\n\n  override exportJSON(): SerializedUploadNode {\n    return {\n      ...super.exportJSON(),\n      ...this.getData(),\n      type: 'upload',\n      version: 3,\n    }\n  }\n\n  getData(): UploadData {\n    return this.getLatest().__data\n  }\n\n  setData(data: UploadData): void {\n    const writable = this.getWritable()\n    writable.__data = data\n  }\n\n  override updateDOM(): false {\n    return false\n  }\n}\n\nexport function $createUploadServerNode({\n  data,\n}: {\n  data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadServerNode {\n  if (!data?.id) {\n    data.id = new ObjectID.default().toHexString()\n  }\n  return $applyNodeReplacement(new UploadServerNode({ data: data as UploadData }))\n}\n\nexport function $isUploadServerNode(\n  node: LexicalNode | null | undefined,\n): node is UploadServerNode {\n  return node instanceof UploadServerNode\n}\n"],
-  "mappings": "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",
-  "names": ["c", "_c", "Drawer", "EditDepthProvider", "useModal", "Form", "FormSubmit", "RenderFields", "useDocumentInfo", "useServerFunctions", "useTranslation", "abortAndIgnore", "useCallback", "useEffect", "useRef", "useState", "v4", "uuid", "DrawerContent", "data", "featureKey", "fieldMapOverride", "handleDrawerSubmit", "schemaFieldsPathOverride", "schemaPath", "schemaPathSuffix", "t", "useTranslation", "id", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "onChangeAbortControllerRef", "useRef", "AbortController", "initialState", "setInitialState", "useState", "fieldProps", "featureClientSchemaMap", "permissions", "useEditorConfigContext", "getFormState", "useServerFunctions", "schemaFieldsPath", "fields", "useEffect", "controller", "state", "docPermissions", "docPreferences", "operation", "renderAllFields", "signal", "abortAndIgnore", "onChange", "useCallback", "formState", "prevFormState", "current", "_jsxs", "Form", "beforeSubmit", "disableValidationOnSubmit", "Array", "isArray", "onSubmit", "uuid", "_jsx", "RenderFields", "forceRender", "parentIndexPath", "parentPath", "parentSchemaPath", "readOnly", "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", "c", "_c", "useAuth", "useConfig", "useEntityVisibility", "React", "filterRichTextCollections", "collections", "options", "filter", "slug", "admin", "enableRichTextRelationship", "upload", "visibleEntities", "includes", "uploads", "Boolean", "EnabledRelationshipsCondition", "props", "$", "FallbackComponent", "children", "rest", "t0", "undefined", "config", "t1", "user", "t2", "map", "_temp", "enabledCollectionSlugs", "useState", "length", "t3", "_jsx", "t4", "cloneElement", "createCommand", "INSERT_UPLOAD_WITH_DRAWER_COMMAND", "ObjectID", "$applyNodeReplacement", "React", "DecoratorBlockNode", "ObjectID", "$applyNodeReplacement", "isGoogleDocCheckboxImg", "img", "parentElement", "tagName", "previousSibling", "getAttribute", "$convertUploadServerElement", "domNode", "hasAttribute", "id", "relationTo", "node", "$createUploadServerNode", "data", "fields", "value", "src", "startsWith", "UploadServerNode", "__data", "constructor", "format", "key", "clone", "__format", "__key", "getType", "importDOM", "conversion", "priority", "importJSON", "serializedNode", "version", "default", "toHexString", "importedData", "setFormat", "isInline", "decorate", "_jsx", "RawUploadComponent", "nodeKey", "getKey", "exportDOM", "element", "document", "createElement", "setAttribute", "String", "exportJSON", "getData", "type", "getLatest", "setData", "writable", "getWritable", "updateDOM", "RawUploadComponent", "lazy", "then", "module", "default", "UploadComponent", "$convertUploadElement", "domNode", "hasAttribute", "id", "getAttribute", "relationTo", "node", "$createUploadNode", "data", "fields", "value", "img", "src", "startsWith", "isGoogleDocCheckboxImg", "UploadNode", "UploadServerNode", "clone", "getType", "importDOM", "conversion", "priority", "importJSON", "serializedNode", "version", "ObjectID", "toHexString", "importedData", "setFormat", "format", "decorate", "_jsx", "__data", "nodeKey", "getKey", "exportJSON", "$applyNodeReplacement", "$isUploadNode"]
+  "sources": ["../../../src/utilities/fieldsDrawer/Drawer.tsx", "../../../src/utilities/fieldsDrawer/DrawerContent.tsx", "../../../src/features/relationship/client/utils/EnabledRelationshipsCondition.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 {\n  Form,\n  FormSubmit,\n  RenderFields,\n  useDocumentInfo,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/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\n  const onChangeAbortControllerRef = useRef(new AbortController())\n\n  const [initialState, setInitialState] = useState<false | FormState | undefined>(false)\n\n  const {\n    fieldProps: { featureClientSchemaMap, permissions },\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        globalSlug,\n        operation: 'update',\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  }, [schemaFieldsPath, id, data, getFormState, collectionSlug, globalSlug, getDocPreferences])\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        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath],\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={permissions}\n        readOnly={false}\n      />\n      <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n    </Form>\n  )\n}\n", "'use client'\nimport type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'\n\nimport { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options?.visibleEntities.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<{\n  children: any\n  FallbackComponent?: React.FC\n  uploads?: boolean\n}> = (props) => {\n  const { children, FallbackComponent, uploads = false, ...rest } = props\n  const {\n    config: { collections },\n  } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user: user!, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return FallbackComponent ? <FallbackComponent {...rest} /> : null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\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", "Form", "FormSubmit", "RenderFields", "useDocumentInfo", "useServerFunctions", "useTranslation", "abortAndIgnore", "useCallback", "useEffect", "useRef", "useState", "v4", "uuid", "DrawerContent", "data", "featureKey", "fieldMapOverride", "handleDrawerSubmit", "schemaFieldsPathOverride", "schemaPath", "schemaPathSuffix", "t", "useTranslation", "id", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "onChangeAbortControllerRef", "useRef", "AbortController", "initialState", "setInitialState", "useState", "fieldProps", "featureClientSchemaMap", "permissions", "useEditorConfigContext", "getFormState", "useServerFunctions", "schemaFieldsPath", "fields", "useEffect", "controller", "state", "docPermissions", "docPreferences", "operation", "renderAllFields", "signal", "abortAndIgnore", "onChange", "useCallback", "formState", "prevFormState", "current", "_jsxs", "Form", "beforeSubmit", "disableValidationOnSubmit", "Array", "isArray", "onSubmit", "uuid", "_jsx", "RenderFields", "forceRender", "parentIndexPath", "parentPath", "parentSchemaPath", "readOnly", "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", "c", "_c", "useAuth", "useConfig", "useEntityVisibility", "React", "filterRichTextCollections", "collections", "options", "filter", "slug", "admin", "enableRichTextRelationship", "upload", "visibleEntities", "includes", "uploads", "Boolean", "EnabledRelationshipsCondition", "props", "$", "FallbackComponent", "children", "rest", "t0", "undefined", "config", "t1", "user", "t2", "map", "_temp", "enabledCollectionSlugs", "useState", "length", "t3", "_jsx", "t4", "cloneElement", "createCommand", "INSERT_UPLOAD_WITH_DRAWER_COMMAND"]
 }

package/dist/exports/client/component-VJVZFYZJ.js

@@ -0,0 +1,2 @@
+"use client";import{a as R,b as S,c as E}from"./chunk-QP2NYEWJ.js";import{a as N}from"./chunk-INBEEENE.js";import{a as $}from"./chunk-F26IQ5RE.js";import{b as p}from"./chunk-3LGFOM34.js";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useLexicalComposerContext as X}from"@lexical/react/LexicalComposerContext.js";import{getTranslation as y}from"@payloadcms/translations";import{Button as h,File as Y,formatDrawerSlug as Z,useConfig as ee,useEditDepth as te,usePayloadAPI as oe,useTranslation as ae}from"@payloadcms/ui";import{$getNodeByKey as P}from"lexical";import{useCallback as f,useId as le,useReducer as se,useRef as re,useState as ie}from"react";var t="lexical-upload",U={depth:0},ne=n=>{let{data:{fields:L,relationTo:g,value:l},nodeKey:s}=n;if(typeof l=="object")throw new Error("Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.");let{config:{routes:{api:F},serverURL:T},getEntityConfig:j}=ee(),B=re(null),{uuid:I}=p(),k=te(),[o]=X(),{editorConfig:A,fieldProps:{readOnly:u,schemaPath:K}}=p(),{i18n:b,t:d}=ae(),[_,M]=se(r=>r+1,0),[a]=ie(()=>j({collectionSlug:g})),O=le(),w=Z({slug:"lexical-upload-drawer-"+I+O,depth:k}),{toggleDrawer:W}=N(w,!0),{closeDocumentDrawer:D,DocumentDrawer:z,DocumentDrawerToggler:H}=$({id:l,collectionSlug:a.slug}),[{data:c},{setParams:x}]=oe(`${T}${F}/${a.slug}/${l}`,{initialParams:U}),C=c?.thumbnailURL||c?.url,q=f(()=>{o.update(()=>{P(s)?.remove()})},[o,s]),G=f(r=>{x({...U,cacheBust:_}),M(),D()},[x,_,D]),v=A?.resolvedFeatureMap?.get("upload")?.sanitizedClientFeatureProps.collections?.[a.slug]?.hasExtraFields,J=f((r,Q)=>{o.update(()=>{let m=P(s);if(m){let V={...m.getData(),fields:Q};m.setData(V)}})},[o,s]);return i("div",{className:t,contentEditable:!1,ref:B,children:[i("div",{className:`${t}__card`,children:[i("div",{className:`${t}__topRow`,children:[e("div",{className:`${t}__thumbnail`,children:C?e("img",{alt:c?.filename,"data-lexical-upload-id":l,"data-lexical-upload-relation-to":g,src:C}):e(Y,{})}),i("div",{className:`${t}__topRowRightPanel`,children:[e("div",{className:`${t}__collectionLabel`,children:y(a.labels.singular,b)}),o.isEditable()&&i("div",{className:`${t}__actions`,children:[v?e(h,{buttonStyle:"icon-label",className:`${t}__upload-drawer-toggler`,disabled:u,el:"button",icon:"edit",onClick:()=>{W()},round:!0,tooltip:d("fields:editRelationship")}):null,e(h,{buttonStyle:"icon-label",className:`${t}__swap-drawer-toggler`,disabled:u,el:"button",icon:"swap",onClick:()=>{o.dispatchCommand(E,{replace:{nodeKey:s}})},round:!0,tooltip:d("fields:swapUpload")}),e(h,{buttonStyle:"icon-label",className:`${t}__removeButton`,disabled:u,icon:"x",onClick:r=>{r.preventDefault(),q()},round:!0,tooltip:d("fields:removeUpload")})]})]})]}),e("div",{className:`${t}__bottomRow`,children:e(H,{className:`${t}__doc-drawer-toggler`,children:e("strong",{children:c?.filename})})})]}),l?e(z,{onSave:G}):null,v?e(R,{data:L,drawerSlug:w,drawerTitle:d("general:editLabel",{label:y(a.labels.singular,b)}),featureKey:"upload",handleDrawerSubmit:J,schemaPath:K,schemaPathSuffix:a.slug}):null]})},Ce=n=>e(S,{...n,uploads:!0,children:e(ne,{...n})});export{Ce as UploadComponent};
+//# sourceMappingURL=component-VJVZFYZJ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  File,\n  formatDrawerSlug,\n  useConfig,\n  useEditDepth,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { $getNodeByKey } from 'lexical'\nimport React, { useCallback, 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 '../feature.client.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 { EnabledRelationshipsCondition } from '../../../relationship/client/utils/EnabledRelationshipsCondition.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport './index.scss'\n\nconst baseClass = 'lexical-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\nexport type ElementProps = {\n  data: UploadData\n  nodeKey: string\n}\n\nconst Component: React.FC<ElementProps> = (props) => {\n  const {\n    data: { fields, relationTo, value },\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: { readOnly, schemaPath },\n  } = useEditorConfigContext()\n\n  const { i18n, t } = useTranslation()\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    `${serverURL}${api}/${relatedCollection.slug}/${value}`,\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\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  return (\n    <div className={baseClass} contentEditable={false} ref={uploadRef}>\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use @payloadcms/ui/elements/Thumbnail component */}\n          <div className={`${baseClass}__thumbnail`}>\n            {thumbnailSRC ? (\n              <img\n                alt={data?.filename}\n                data-lexical-upload-id={value}\n                data-lexical-upload-relation-to={relationTo}\n                src={thumbnailSRC}\n              />\n            ) : (\n              <File />\n            )}\n          </div>\n          <div className={`${baseClass}__topRowRightPanel`}>\n            <div className={`${baseClass}__collectionLabel`}>\n              {getTranslation(relatedCollection.labels.singular, i18n)}\n            </div>\n            {editor.isEditable() && (\n              <div className={`${baseClass}__actions`}>\n                {hasExtraFields ? (\n                  <Button\n                    buttonStyle=\"icon-label\"\n                    className={`${baseClass}__upload-drawer-toggler`}\n                    disabled={readOnly}\n                    el=\"button\"\n                    icon=\"edit\"\n                    onClick={() => {\n                      toggleDrawer()\n                    }}\n                    round\n                    tooltip={t('fields:editRelationship')}\n                  />\n                ) : null}\n\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__swap-drawer-toggler`}\n                  disabled={readOnly}\n                  el=\"button\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                      replace: { nodeKey },\n                    })\n                  }}\n                  round\n                  tooltip={t('fields:swapUpload')}\n                />\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__removeButton`}\n                  disabled={readOnly}\n                  icon=\"x\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    removeUpload()\n                  }}\n                  round\n                  tooltip={t('fields:removeUpload')}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__bottomRow`}>\n          <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n            <strong>{data?.filename}</strong>\n          </DocumentDrawerToggler>\n        </div>\n      </div>\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\nexport const UploadComponent = (props: ElementProps): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <Component {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],
+  "mappings": "6OAGA,OAASA,6BAAAA,MAAiC,2CAC1C,OAASC,kBAAAA,MAAsB,2BAC/B,OACEC,UAAAA,EACAC,QAAAA,EACAC,oBAAAA,EACAC,aAAAA,GACAC,gBAAAA,GACAC,iBAAAA,GACAC,kBAAAA,OACK,iBACP,OAASC,iBAAAA,MAAqB,UAC9B,OAAgBC,eAAAA,EAAaC,SAAAA,GAAOC,cAAAA,GAAYC,UAAAA,GAAQC,YAAAA,OAAgB,QAexE,IAAMC,EAAY,iBAEZC,EAAgB,CACpBC,MAAO,CACT,EAOMC,GAAqCC,GAAA,CACzC,GAAM,CACJC,KAAM,CAAEC,OAAAA,EAAQC,WAAAA,EAAYC,MAAAA,CAAK,EACjCC,QAAAA,CAAO,EACLL,EAEJ,GAAI,OAAOI,GAAU,SACnB,MAAM,IAAIE,MACR,wHAAA,EAIJ,GAAM,CACJC,OAAQ,CACNC,OAAQ,CAAEC,IAAAA,CAAG,EACbC,UAAAA,CAAS,EAEXC,gBAAAA,CAAe,EACbC,GAAA,EACEC,EAAYC,GAA8B,IAAA,EAC1C,CAAEC,KAAAA,CAAI,EAAKC,EAAA,EACXC,EAAYC,GAAA,EACZ,CAACC,CAAA,EAAUC,EAAA,EAEX,CACJC,aAAAA,EACAC,WAAY,CAAEC,SAAAA,EAAUC,WAAAA,CAAU,CAAE,EAClCR,EAAA,EAEE,CAAES,KAAAA,EAAMC,EAAAA,CAAC,EAAKC,GAAA,EACd,CAACC,EAAWC,CAAA,EAAqBC,GAAYC,GAAUA,EAAQ,EAAG,CAAA,EAClE,CAACC,CAAA,EAAqBC,GAAiC,IAC3DtB,EAAgB,CAAEuB,eAAgB/B,CAAW,CAAA,CAAA,EAGzCgC,EAAcC,GAAA,EAEdC,EAAwBC,EAAiB,CAC7CC,KAAM,yBAA2BxB,EAAOoB,EACxCrC,MAAOmB,CACT,CAAA,EAGM,CAAEuB,aAAAA,CAAY,EAAKC,EAAiBJ,EAAuB,EAAA,EAE3D,CAAEK,oBAAAA,EAAqBC,eAAAA,EAAgBC,sBAAAA,CAAqB,EAAKC,EAAyB,CAC9FC,GAAI1C,EACJ8B,eAAgBF,EAAkBO,IACpC,CAAA,EAGM,CAAC,CAAEtC,KAAAA,CAAI,EAAI,CAAE8C,UAAAA,CAAS,CAAE,EAAIC,GAChC,GAAGtC,CAAA,GAAYD,CAAA,IAAOuB,EAAkBO,IAAI,IAAInC,CAAA,GAChD,CAAEP,cAAAA,CAAc,CAAA,EAGZoD,EAAehD,GAAMiD,cAAgBjD,GAAMkD,IAE3CC,EAAeC,EAAY,IAAA,CAC/BlC,EAAOmC,OAAO,IAAA,CACZC,EAAclD,CAAA,GAAUmD,OAAA,CAC1B,CAAA,CACF,EAAG,CAACrC,EAAQd,CAAA,CAAQ,EAEdoD,EAAeJ,EAClBpD,GAAA,CACC8C,EAAU,CACR,GAAGlD,EACH+B,UAAAA,CACF,CAAA,EAEAC,EAAA,EACAa,EAAA,CACF,EACA,CAACK,EAAWnB,EAAWc,CAAA,CAAoB,EAGvCgB,EAAiBrC,GACPsC,oBAAoBC,IAAI,QAAA,GAClCC,4BACJC,cAAc9B,EAAkBO,IAAI,GAAGmB,eAEnCK,EAA4BV,EAChC,CAACW,EAAc/D,IAAA,CAEbkB,EAAOmC,OAAO,IAAA,CACZ,IAAMW,EAAgCV,EAAclD,CAAA,EACpD,GAAI4D,EAAY,CACd,IAAMC,EAAsB,CAC1B,GAAGD,EAAWE,QAAO,EACrBjE,OAAQD,CACV,EACAgE,EAAWG,QAAQF,CAAA,CACrB,CACF,CAAA,CACF,EACA,CAAC/C,EAAQd,CAAA,CAAQ,EAGnB,OACEgE,EAAC,MAAA,CAAIC,UAAW1E,EAAW2E,gBAAiB,GAAOC,IAAK3D,YACtDwD,EAAC,MAAA,CAAIC,UAAW,GAAG1E,CAAA,mBACjByE,EAAC,MAAA,CAAIC,UAAW,GAAG1E,CAAA,qBAEjB6E,EAAC,MAAA,CAAIH,UAAW,GAAG1E,CAAA,uBAChBqD,EACCwB,EAAC,MAAA,CACCC,IAAKzE,GAAM0E,SACX,yBAAwBvE,EACxB,kCAAiCD,EACjCyE,IAAK3B,IAGPwB,EAACI,EAAA,CAAA,CAAA,IAGLR,EAAC,MAAA,CAAIC,UAAW,GAAG1E,CAAA,+BACjB6E,EAAC,MAAA,CAAIH,UAAW,GAAG1E,CAAA,6BAChBkF,EAAe9C,EAAkB+C,OAAOC,SAAUvD,CAAA,IAEpDN,EAAO8D,WAAU,GAChBZ,EAAC,MAAA,CAAIC,UAAW,GAAG1E,CAAA,sBAChB8D,EACCe,EAACS,EAAA,CACCC,YAAY,aACZb,UAAW,GAAG1E,CAAA,0BACdwF,SAAU7D,EACV8D,GAAG,SACHC,KAAK,OACLC,QAASA,IAAA,CACP/C,EAAA,CACF,EACAgD,MAAK,GACLC,QAAS/D,EAAE,yBAAA,IAEX,KAEJ+C,EAACS,EAAA,CACCC,YAAY,aACZb,UAAW,GAAG1E,CAAA,wBACdwF,SAAU7D,EACV8D,GAAG,SACHC,KAAK,OACLC,QAASA,IAAA,CACPpE,EAAOuE,gBAAgBC,EAAmC,CACxDC,QAAS,CAAEvF,QAAAA,CAAQ,CACrB,CAAA,CACF,EACAmF,MAAK,GACLC,QAAS/D,EAAE,mBAAA,IAEb+C,EAACS,EAAA,CACCC,YAAY,aACZb,UAAW,GAAG1E,CAAA,iBACdwF,SAAU7D,EACV+D,KAAK,IACLC,QAAUM,GAAA,CACRA,EAAEC,eAAc,EAChB1C,EAAA,CACF,EACAoC,MAAK,GACLC,QAAS/D,EAAE,qBAAA,aAMrB+C,EAAC,MAAA,CAAIH,UAAW,GAAG1E,CAAA,uBACjB6E,EAAC7B,EAAA,CAAsB0B,UAAW,GAAG1E,CAAA,gCACnC6E,EAAC,SAAA,UAAQxE,GAAM0E,kBAIpBvE,EAAQqE,EAAC9B,EAAA,CAAeoD,OAAQtC,IAAmB,KACnDC,EACCe,EAACuB,EAAA,CACC/F,KAAMC,EACN+F,WAAY5D,EACZ6D,YAAaxE,EAAE,oBAAqB,CAClCyE,MAAOrB,EAAe9C,EAAkB+C,OAAOC,SAAUvD,CAAA,CAC3D,CAAA,EACA2E,WAAW,SACXC,mBAAoBtC,EACpBvC,WAAYA,EACZ8E,iBAAkBtE,EAAkBO,OAEpC,IAAA,GAGV,EAEagE,GAAmBvG,GAE5ByE,EAAC+B,EAAA,CAA+B,GAAGxG,EAAOyG,QAAO,YAC/ChC,EAAC1E,GAAA,CAAW,GAAGC",
+  "names": ["useLexicalComposerContext", "getTranslation", "Button", "File", "formatDrawerSlug", "useConfig", "useEditDepth", "usePayloadAPI", "useTranslation", "$getNodeByKey", "useCallback", "useId", "useReducer", "useRef", "useState", "baseClass", "initialParams", "depth", "Component", "props", "data", "fields", "relationTo", "value", "nodeKey", "Error", "config", "routes", "api", "serverURL", "getEntityConfig", "useConfig", "uploadRef", "useRef", "uuid", "useEditorConfigContext", "editDepth", "useEditDepth", "editor", "useLexicalComposerContext", "editorConfig", "fieldProps", "readOnly", "schemaPath", "i18n", "t", "useTranslation", "cacheBust", "dispatchCacheBust", "useReducer", "state", "relatedCollection", "useState", "collectionSlug", "componentID", "useId", "extraFieldsDrawerSlug", "formatDrawerSlug", "slug", "toggleDrawer", "useLexicalDrawer", "closeDocumentDrawer", "DocumentDrawer", "DocumentDrawerToggler", "useLexicalDocumentDrawer", "id", "setParams", "usePayloadAPI", "thumbnailSRC", "thumbnailURL", "url", "removeUpload", "useCallback", "update", "$getNodeByKey", "remove", "updateUpload", "hasExtraFields", "resolvedFeatureMap", "get", "sanitizedClientFeatureProps", "collections", "onExtraFieldsDrawerSubmit", "_", "uploadNode", "newData", "getData", "setData", "_jsxs", "className", "contentEditable", "ref", "_jsx", "alt", "filename", "src", "File", "getTranslation", "labels", "singular", "isEditable", "Button", "buttonStyle", "disabled", "el", "icon", "onClick", "round", "tooltip", "dispatchCommand", "INSERT_UPLOAD_WITH_DRAWER_COMMAND", "replace", "e", "preventDefault", "onSave", "FieldsDrawer", "drawerSlug", "drawerTitle", "label", "featureKey", "handleDrawerSubmit", "schemaPathSuffix", "UploadComponent", "EnabledRelationshipsCondition", "uploads"]
+}

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

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