@payloadcms/richtext-lexical 3.0.0-beta.9 → 3.0.0-beta.91

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/relationship/client/drawer/commands.ts", "../../../src/features/relationship/client/nodes/RelationshipNode.tsx", "../../../src/features/relationship/server/nodes/RelationshipNode.tsx"],
+  "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", "'use client'\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport * as React from 'react'\n\nimport type {\n  RelationshipData,\n  SerializedRelationshipNode,\n} from '../../server/nodes/RelationshipNode.js'\n\nimport { RelationshipServerNode } from '../../server/nodes/RelationshipNode.js'\n\nconst RelationshipComponent = React.lazy(() =>\n  import('../components/RelationshipComponent.js').then((module) => ({\n    default: module.RelationshipComponent,\n  })),\n)\n\nfunction $relationshipElementToNode(domNode: HTMLDivElement): DOMConversionOutput | null {\n  const id = domNode.getAttribute('data-lexical-relationship-id')\n  const relationTo = domNode.getAttribute('data-lexical-relationship-relationTo')\n\n  if (id != null && relationTo != null) {\n    const node = $createRelationshipNode({\n      relationTo,\n      value: id,\n    })\n    return { node }\n  }\n  return null\n}\n\nexport class RelationshipNode extends RelationshipServerNode {\n  static clone(node: RelationshipServerNode): RelationshipServerNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {\n      div: (domNode: HTMLDivElement) => {\n        if (\n          !domNode.hasAttribute('data-lexical-relationship-relationTo') ||\n          !domNode.hasAttribute('data-lexical-relationship-id')\n        ) {\n          return null\n        }\n        return {\n          conversion: $relationshipElementToNode,\n          priority: 2,\n        }\n      },\n    }\n  }\n\n  static importJSON(serializedNode: SerializedRelationshipNode): RelationshipNode {\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\n    const importedData: RelationshipData = {\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n    const node = $createRelationshipNode(importedData)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return (\n      <RelationshipComponent\n        className={config.theme.relationship ?? 'LexicalEditorTheme__relationship'}\n        data={this.__data}\n        format={this.__format}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  exportJSON(): SerializedRelationshipNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createRelationshipNode(data: RelationshipData): RelationshipNode {\n  return new RelationshipNode({\n    data,\n  })\n}\n\nexport function $isRelationshipNode(\n  node: LexicalNode | RelationshipNode | null | undefined,\n): node is RelationshipNode {\n  return node instanceof RelationshipNode\n}\n", "import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  EditorConfig,\n  ElementFormatType,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  Spread,\n} from 'lexical'\nimport type { CollectionSlug, DataFromCollectionSlug } from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\n\nexport type RelationshipData = {\n  [TCollectionSlug in CollectionSlug]: {\n    relationTo: TCollectionSlug\n    value: DataFromCollectionSlug<TCollectionSlug> | number | string\n  }\n}[CollectionSlug]\n\nexport type SerializedRelationshipNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'relationship'\n} & Spread<RelationshipData, SerializedDecoratorBlockNode>\n\nfunction $relationshipElementToServerNode(domNode: HTMLDivElement): DOMConversionOutput | null {\n  const id = domNode.getAttribute('data-lexical-relationship-id')\n  const relationTo = domNode.getAttribute('data-lexical-relationship-relationTo')\n\n  if (id != null && relationTo != null) {\n    const node = $createServerRelationshipNode({\n      relationTo,\n      value: id,\n    })\n    return { node }\n  }\n  return null\n}\n\nexport class RelationshipServerNode extends DecoratorBlockNode {\n  __data: RelationshipData\n\n  constructor({\n    data,\n    format,\n    key,\n  }: {\n    data: RelationshipData\n    format?: ElementFormatType\n    key?: NodeKey\n  }) {\n    super(format, key)\n    this.__data = data\n  }\n\n  static clone(node: RelationshipServerNode): RelationshipServerNode {\n    return new this({\n      data: node.__data,\n      format: node.__format,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'relationship'\n  }\n\n  static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {\n      div: (domNode: HTMLDivElement) => {\n        if (\n          !domNode.hasAttribute('data-lexical-relationship-relationTo') ||\n          !domNode.hasAttribute('data-lexical-relationship-id')\n        ) {\n          return null\n        }\n        return {\n          conversion: $relationshipElementToServerNode,\n          priority: 2,\n        }\n      },\n    }\n  }\n\n  static importJSON(serializedNode: SerializedRelationshipNode): RelationshipServerNode {\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\n    const importedData: RelationshipData = {\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n    const node = $createServerRelationshipNode(importedData)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return null\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('div')\n    element.setAttribute('data-lexical-relationship-id', String(this.__data?.value))\n    element.setAttribute('data-lexical-relationship-relationTo', this.__data?.relationTo)\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  exportJSON(): SerializedRelationshipNode {\n    return {\n      ...super.exportJSON(),\n      ...this.getData(),\n      type: 'relationship',\n      version: 2,\n    }\n  }\n\n  getData(): RelationshipData {\n    return this.getLatest().__data\n  }\n\n  getTextContent(): string {\n    return `${this.__data?.relationTo} relation to ${this.__data?.value}`\n  }\n\n  setData(data: RelationshipData): void {\n    const writable = this.getWritable()\n    writable.__data = data\n  }\n}\n\nexport function $createServerRelationshipNode(data: RelationshipData): RelationshipServerNode {\n  return new RelationshipServerNode({\n    data,\n  })\n}\n\nexport function $isServerRelationshipNode(\n  node: LexicalNode | RelationshipServerNode | null | undefined,\n): node is RelationshipServerNode {\n  return node instanceof RelationshipServerNode\n}\n"],
+  "mappings": "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",
+  "names": ["createCommand", "INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND", "React", "DecoratorBlockNode", "$relationshipElementToServerNode", "domNode", "id", "getAttribute", "relationTo", "node", "$createServerRelationshipNode", "value", "RelationshipServerNode", "__data", "constructor", "data", "format", "key", "clone", "__format", "__key", "getType", "importDOM", "div", "hasAttribute", "conversion", "priority", "importJSON", "serializedNode", "version", "importedData", "setFormat", "isInline", "decorate", "editor", "config", "exportDOM", "element", "document", "createElement", "setAttribute", "String", "text", "createTextNode", "getTextContent", "append", "exportJSON", "getData", "type", "getLatest", "setData", "writable", "getWritable", "RelationshipComponent", "lazy", "then", "module", "default", "$relationshipElementToNode", "domNode", "id", "getAttribute", "relationTo", "node", "$createRelationshipNode", "value", "RelationshipNode", "RelationshipServerNode", "clone", "getType", "importDOM", "div", "hasAttribute", "conversion", "priority", "importJSON", "serializedNode", "version", "importedData", "setFormat", "format", "decorate", "editor", "config", "_jsx", "className", "theme", "relationship", "data", "__data", "__format", "nodeKey", "getKey", "exportJSON", "$isRelationshipNode"]
+}

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

@@ -0,0 +1,3 @@
+import{jsx as m}from"react/jsx-runtime";import{$applyNodeReplacement as d}from"lexical";import*as a from"react";import{addClassNamesToElement as u}from"@lexical/utils";import{$applyNodeReplacement as l,DecoratorNode as c,createCommand as s}from"lexical";var O=s("INSERT_HORIZONTAL_RULE_COMMAND"),r=class extends c{static clone(e){return new this(e.__key)}static getType(){return"horizontalrule"}static importDOM(){return{hr:()=>({conversion:p,priority:0})}}static importJSON(e){return i()}createDOM(e){let o=document.createElement("hr");return u(o,e.theme.hr),o}decorate(){return null}exportDOM(){return{element:document.createElement("hr")}}exportJSON(){return{type:"horizontalrule",version:1}}getTextContent(){return`
+`}isInline(){return!1}updateDOM(){return!1}};function p(){return{node:i()}}function i(){return l(new r)}var N=a.lazy(()=>import("./component-LLWMZU6K.js").then(t=>({default:t.HorizontalRuleComponent}))),n=class extends r{static clone(e){return super.clone(e)}static getType(){return super.getType()}static importJSON(e){return f()}decorate(){return m(N,{nodeKey:this.__key})}exportJSON(){return super.exportJSON()}};function f(){return d(new n)}function E(t){return t instanceof n}export{O as a,n as b,f as c,E as d};
+//# sourceMappingURL=chunk-V2LKLT2F.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/horizontalRule/client/nodes/HorizontalRuleNode.tsx", "../../../src/features/horizontalRule/server/nodes/HorizontalRuleNode.tsx"],
+  "sourcesContent": ["'use client'\nimport type { DOMConversionOutput, LexicalNode, SerializedLexicalNode } from 'lexical'\n\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nimport type { SerializedHorizontalRuleNode } from '../../server/nodes/HorizontalRuleNode.js'\n\nimport { HorizontalRuleServerNode } from '../../server/nodes/HorizontalRuleNode.js'\n\nconst HorizontalRuleComponent = React.lazy(() =>\n  import('../../client/component/index.js').then((module) => ({\n    default: module.HorizontalRuleComponent,\n  })),\n)\n\nexport class HorizontalRuleNode extends HorizontalRuleServerNode {\n  static clone(node: HorizontalRuleServerNode): HorizontalRuleServerNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  /**\n   * The data for this node is stored serialized as JSON. This is the \"load function\" of that node: it takes the saved data and converts it into a node.\n   */\n  static importJSON(serializedNode: SerializedHorizontalRuleNode): HorizontalRuleNode {\n    return $createHorizontalRuleNode()\n  }\n\n  /**\n   * Allows you to render a React component within whatever createDOM returns.\n   */\n  decorate(): React.ReactElement {\n    return <HorizontalRuleComponent nodeKey={this.__key} />\n  }\n\n  exportJSON(): SerializedLexicalNode {\n    return super.exportJSON()\n  }\n}\n\nfunction $convertHorizontalRuleElement(): DOMConversionOutput {\n  return { node: $createHorizontalRuleNode() }\n}\n\nexport function $createHorizontalRuleNode(): HorizontalRuleNode {\n  return $applyNodeReplacement(new HorizontalRuleNode())\n}\n\nexport function $isHorizontalRuleNode(\n  node: LexicalNode | null | undefined,\n): node is HorizontalRuleNode {\n  return node instanceof HorizontalRuleNode\n}\n", "import type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalCommand,\n  LexicalNode,\n  SerializedLexicalNode,\n  Spread,\n} from 'lexical'\nimport type * as React from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { $applyNodeReplacement, DecoratorNode, createCommand } from 'lexical'\n\n/**\n * Serialized representation of a horizontal rule node. Serialized = converted to JSON. This is what is stored in the database / in the lexical editor state.\n */\nexport type SerializedHorizontalRuleNode = Spread<\n  {\n    children?: never // required so that our typed editor state doesn't automatically add children\n    type: 'horizontalrule'\n  },\n  SerializedLexicalNode\n>\n\nexport const INSERT_HORIZONTAL_RULE_COMMAND: LexicalCommand<void> = createCommand(\n  'INSERT_HORIZONTAL_RULE_COMMAND',\n)\n\n/**\n * This node is a DecoratorNode. DecoratorNodes allow you to render React components in the editor.\n *\n * They need both createDom and decorate functions. createDom => outside of the html. decorate => React Component inside of the html.\n *\n * If we used DecoratorBlockNode instead, we would only need a decorate method\n */\nexport class HorizontalRuleServerNode extends DecoratorNode<React.ReactElement> {\n  static clone(node: HorizontalRuleServerNode): HorizontalRuleServerNode {\n    return new this(node.__key)\n  }\n\n  static getType(): string {\n    return 'horizontalrule'\n  }\n\n  /**\n   * Defines what happens if you copy an hr element from another page and paste it into the lexical editor\n   *\n   * This also determines the behavior of lexical's internal HTML -> Lexical converter\n   */\n  static importDOM(): DOMConversionMap | null {\n    return {\n      hr: () => ({\n        conversion: $convertHorizontalRuleElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  /**\n   * The data for this node is stored serialized as JSON. This is the \"load function\" of that node: it takes the saved data and converts it into a node.\n   */\n  static importJSON(serializedNode: SerializedHorizontalRuleNode): HorizontalRuleServerNode {\n    return $createHorizontalRuleServerNode()\n  }\n\n  /**\n   * Determines how the hr element is rendered in the lexical editor. This is only the \"initial\" / \"outer\" HTML element.\n   */\n  createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('hr')\n    addClassNamesToElement(element, config.theme.hr)\n    return element\n  }\n\n  decorate() {\n    return null\n  }\n\n  /**\n   * Opposite of importDOM, this function defines what happens when you copy an hr element from the lexical editor and paste it into another page.\n   *\n   * This also determines the behavior of lexical's internal Lexical -> HTML converter\n   */\n  exportDOM(): DOMExportOutput {\n    return { element: document.createElement('hr') }\n  }\n  /**\n   * Opposite of importJSON. This determines what data is saved in the database / in the lexical editor state.\n   */\n  exportJSON(): SerializedLexicalNode {\n    return {\n      type: 'horizontalrule',\n      version: 1,\n    }\n  }\n\n  getTextContent(): string {\n    return '\\n'\n  }\n\n  isInline(): false {\n    return false\n  }\n\n  updateDOM(): boolean {\n    return false\n  }\n}\n\nfunction $convertHorizontalRuleElement(): DOMConversionOutput {\n  return { node: $createHorizontalRuleServerNode() }\n}\n\nexport function $createHorizontalRuleServerNode(): HorizontalRuleServerNode {\n  return $applyNodeReplacement(new HorizontalRuleServerNode())\n}\n\nexport function $isHorizontalRuleServerNode(\n  node: LexicalNode | null | undefined,\n): node is HorizontalRuleServerNode {\n  return node instanceof HorizontalRuleServerNode\n}\n"],
+  "mappings": "wCAGA,OAASA,yBAAAA,MAA6B,UACtC,UAAYC,MAAW,QCQvB,OAASC,0BAAAA,MAA8B,iBACvC,OAASC,yBAAAA,EAAuBC,iBAAAA,EAAeC,iBAAAA,MAAqB,UAa7D,IAAMC,EAAuDD,EAClE,gCAAA,EAUWE,EAAN,cAAuCH,CAAA,CAC5C,OAAOI,MAAMC,EAA0D,CACrE,OAAO,IAAI,KAAKA,EAAKC,KAAK,CAC5B,CAEA,OAAOC,SAAkB,CACvB,MAAO,gBACT,CAOA,OAAOC,WAAqC,CAC1C,MAAO,CACLC,GAAIA,KAAO,CACTC,WAAYC,EACZC,SAAU,CACZ,EACF,CACF,CAKA,OAAOC,WAAWC,EAAwE,CACxF,OAAOC,EAAA,CACT,CAKAC,UAAUC,EAAmC,CAC3C,IAAMC,EAAUC,SAASC,cAAc,IAAA,EACvCtB,OAAAA,EAAuBoB,EAASD,EAAOI,MAAMZ,EAAE,EACxCS,CACT,CAEAI,UAAW,CACT,OAAO,IACT,CAOAC,WAA6B,CAC3B,MAAO,CAAEL,QAASC,SAASC,cAAc,IAAA,CAAM,CACjD,CAIAI,YAAoC,CAClC,MAAO,CACLC,KAAM,iBACNC,QAAS,CACX,CACF,CAEAC,gBAAyB,CACvB,MAAO;CACT,CAEAC,UAAkB,CAChB,MAAO,EACT,CAEAC,WAAqB,CACnB,MAAO,EACT,CACF,EAEA,SAASlB,GAAA,CACP,MAAO,CAAEN,KAAMU,EAAA,CAAkC,CACnD,CAEO,SAASA,GAAA,CACd,OAAOhB,EAAsB,IAAII,CAAA,CACnC,CD3GA,IAAM2B,EAAgCC,OAAK,IACzC,OAAO,yBAAA,EAAmCC,KAAMC,IAAY,CAC1DC,QAASD,EAAOH,uBAClB,EAAA,CAAA,EAGWK,EAAN,cAAiCC,CAAA,CACtC,OAAOC,MAAMC,EAA0D,CACrE,OAAO,MAAMD,MAAMC,CAAA,CACrB,CAEA,OAAOC,SAAkB,CACvB,OAAO,MAAMA,QAAA,CACf,CAKA,OAAOC,WAAWC,EAAkE,CAClF,OAAOC,EAAA,CACT,CAKAC,UAA+B,CAC7B,OAAOC,EAACd,EAAA,CAAwBe,QAAS,KAAKC,OAChD,CAEAC,YAAoC,CAClC,OAAO,MAAMA,WAAA,CACf,CACF,EAMO,SAASC,GAAA,CACd,OAAOC,EAAsB,IAAIC,CAAA,CACnC,CAEO,SAASC,EACdC,EAAoC,CAEpC,OAAOA,aAAgBF,CACzB",
+  "names": ["$applyNodeReplacement", "React", "addClassNamesToElement", "$applyNodeReplacement", "DecoratorNode", "createCommand", "INSERT_HORIZONTAL_RULE_COMMAND", "HorizontalRuleServerNode", "clone", "node", "__key", "getType", "importDOM", "hr", "conversion", "$convertHorizontalRuleElement", "priority", "importJSON", "serializedNode", "$createHorizontalRuleServerNode", "createDOM", "config", "element", "document", "createElement", "theme", "decorate", "exportDOM", "exportJSON", "type", "version", "getTextContent", "isInline", "updateDOM", "HorizontalRuleComponent", "lazy", "then", "module", "default", "HorizontalRuleNode", "HorizontalRuleServerNode", "clone", "node", "getType", "importJSON", "serializedNode", "$createHorizontalRuleNode", "decorate", "_jsx", "nodeKey", "__key", "exportJSON", "$createHorizontalRuleNode", "$applyNodeReplacement", "HorizontalRuleNode", "$isHorizontalRuleNode", "node"]
+}

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

@@ -0,0 +1,2 @@
+import{createCommand as i}from"lexical";var O=i("INSERT_BLOCK_COMMAND"),x=i("INSERT_INLINE_BLOCK_COMMAND"),I=i("OPEN_INLINE_BLOCK_DRAWER_COMMAND");import{jsx as p}from"react/jsx-runtime";import u from"bson-objectid";import m from"react";import c from"bson-objectid";import{DecoratorNode as l}from"lexical";import{deepCopyObjectSimple as d}from"payload/shared";var r=class extends l{__fields;constructor({fields:e,key:n}){super(n),this.__fields=e}static clone(e){return new this({fields:e.__fields,key:e.__key})}static getType(){return"inlineBlock"}static importDOM(){return{}}static importJSON(e){return a(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,n){return null}exportDOM(){let e=document.createElement("span");e.classList.add("inline-block-container");let n=document.createTextNode(this.getTextContent());return e.append(n),{element:e}}exportJSON(){return{type:"inlineBlock",fields:this.getFields(),version:1}}getFields(){return this.getLatest().__fields}getTextContent(){return"Block Field"}isInline(){return!0}setFields(e){let n=d(e),s=this.getWritable();s.__fields=n}updateDOM(){return!1}};function a(t){return new r({fields:{...t,id:t?.id||new c.default().toHexString()}})}var f=m.lazy(()=>import("./componentInline-YSHGRL2J.js").then(t=>({default:t.InlineBlockComponent}))),o=class extends r{static clone(e){return super.clone(e)}static getType(){return super.getType()}static importJSON(e){return _(e.fields)}decorate(e,n){return p(f,{formData:this.getFields(),nodeKey:this.getKey()})}exportJSON(){return super.exportJSON()}};function _(t){return new o({fields:{...t,id:t?.id||new u.default().toHexString()}})}function y(t){return t instanceof o}export{O as a,x as b,I as c,o as d,_ as e,y as f};
+//# sourceMappingURL=chunk-YL453UOS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/blocks/client/plugin/commands.ts", "../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx", "../../../src/features/blocks/server/nodes/InlineBlocksNode.tsx"],
+  "sourcesContent": ["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { createCommand } from 'lexical'\n\nimport type { InsertBlockPayload } from './index.js'\n\nexport const INSERT_BLOCK_COMMAND: LexicalCommand<InsertBlockPayload> =\n  createCommand('INSERT_BLOCK_COMMAND')\n\nexport const INSERT_INLINE_BLOCK_COMMAND: LexicalCommand<Partial<InsertBlockPayload>> =\n  createCommand('INSERT_INLINE_BLOCK_COMMAND')\n\nexport const OPEN_INLINE_BLOCK_DRAWER_COMMAND: LexicalCommand<{\n  fields: Partial<InsertBlockPayload>\n  nodeKey?: string\n}> = createCommand('OPEN_INLINE_BLOCK_DRAWER_COMMAND')\n", "'use client'\nimport type {\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  SerializedLexicalNode,\n  Spread,\n} from 'lexical'\n\nimport ObjectID from 'bson-objectid'\nimport React, { type JSX } from 'react'\n\nimport type { SerializedServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nexport type InlineBlockFields = {\n  /** Block form data */\n  [key: string]: any\n  //blockName: string\n  blockType: string\n  id: string\n}\n\nconst InlineBlockComponent = React.lazy(() =>\n  import('../componentInline/index.js').then((module) => ({\n    default: module.InlineBlockComponent,\n  })),\n)\n\nexport type SerializedInlineBlockNode = Spread<\n  {\n    children?: never // required so that our typed editor state doesn't automatically add children\n    fields: InlineBlockFields\n    type: 'inlineBlock'\n  },\n  SerializedLexicalNode\n>\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n  static clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n    const node = $createInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return <InlineBlockComponent formData={this.getFields()} nodeKey={this.getKey()} />\n  }\n\n  exportJSON(): SerializedServerInlineBlockNode {\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 React from 'react'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { DecoratorNode } from 'lexical'\nimport { deepCopyObjectSimple } from 'payload/shared'\n\nexport type InlineBlockFields = {\n  /** Block form data */\n  [key: string]: any\n  //blockName: string\n  blockType: string\n  id: string\n}\n\nexport type SerializedServerInlineBlockNode = Spread<\n  {\n    children?: never // required so that our typed editor state doesn't automatically add children\n    fields: InlineBlockFields\n    type: 'inlineBlock'\n  },\n  SerializedLexicalNode\n>\n\nexport class ServerInlineBlockNode extends DecoratorNode<React.ReactElement> {\n  __fields: InlineBlockFields\n\n  constructor({ fields, key }: { fields: InlineBlockFields; key?: NodeKey }) {\n    super(key)\n    this.__fields = fields\n  }\n\n  static clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return new this({\n      fields: node.__fields,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'inlineBlock'\n  }\n\n  static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {}\n  }\n\n  static importJSON(serializedNode: SerializedServerInlineBlockNode): 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  createDOM() {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\n    return element\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return null\n  }\n\n  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  exportJSON(): SerializedServerInlineBlockNode {\n    return {\n      type: 'inlineBlock',\n      fields: this.getFields(),\n      version: 1,\n    }\n  }\n\n  getFields(): InlineBlockFields {\n    return this.getLatest().__fields\n  }\n\n  getTextContent(): string {\n    return `Block Field`\n  }\n\n  isInline() {\n    return true\n  }\n\n  setFields(fields: InlineBlockFields): void {\n    const fieldsCopy = deepCopyObjectSimple(fields)\n\n    const writable = this.getWritable()\n    writable.__fields = fieldsCopy\n  }\n\n  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 | ServerInlineBlockNode | null | undefined,\n): node is ServerInlineBlockNode {\n  return node instanceof ServerInlineBlockNode\n}\n"],
+  "mappings": "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",
+  "names": ["createCommand", "INSERT_BLOCK_COMMAND", "INSERT_INLINE_BLOCK_COMMAND", "OPEN_INLINE_BLOCK_DRAWER_COMMAND", "ObjectID", "React", "ObjectID", "DecoratorNode", "deepCopyObjectSimple", "ServerInlineBlockNode", "__fields", "constructor", "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", "getLatest", "setFields", "fieldsCopy", "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", "formData", "getFields", "nodeKey", "getKey", "exportJSON", "id", "ObjectID", "toHexString", "$isInlineBlockNode"]
+}

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

@@ -0,0 +1,2 @@
+function Mt({editorConfig:i}){return i.features.nodes.map(t=>"node"in t?t.node:t)}import{c as gt}from"react/compiler-runtime";import{jsx as pt}from"react/jsx-runtime";import{useLexicalComposerContext as _t}from"@lexical/react/LexicalComposerContext.js";import{mergeRegister as xt}from"@lexical/utils";import{$getSelection as P,$isRangeSelection as B,$isTextNode as Ot,COMMAND_PRIORITY_LOW as St,createCommand as wt}from"lexical";import{useEffect as K,useState as yt}from"react";import*as D from"react";import{c as G}from"react/compiler-runtime";import{useLexicalComposerContext as F}from"@lexical/react/LexicalComposerContext.js";import{mergeRegister as $}from"@lexical/utils";import{$getSelection as J,$isRangeSelection as Z,COMMAND_PRIORITY_LOW as M,KEY_ARROW_DOWN_COMMAND as tt,KEY_ARROW_UP_COMMAND as et,KEY_ENTER_COMMAND as nt,KEY_ESCAPE_COMMAND as ot,KEY_TAB_COMMAND as it,createCommand as st}from"lexical";import{useCallback as A,useEffect as E,useLayoutEffect as rt,useMemo as lt,useRef as ct,useState as at}from"react";var ut="slash-menu-popup",W=i=>{let t=document.getElementById("slash-menu");if(!t)return;let e=t.getBoundingClientRect();e.top+e.height>window.innerHeight&&t.scrollIntoView({block:"center"}),e.top<0&&t.scrollIntoView({block:"center"}),i.scrollIntoView({block:"nearest"})};function ft(i,t,e){let n=e;for(let o=n;o<=t.length;o++)i.substring(i.length-o)===t.substring(0,o)&&(n=o);return n}function ht(i){let t=J();if(!Z(t)||!t.isCollapsed())return null;let e=t.anchor;if(e.type!=="text")return null;let n=e.getNode();if(!n.isSimpleText())return null;let o=e.offset,r=n.getTextContent().slice(0,o),a=i.replaceableString.length,m=ft(r,i.matchingString,a),s=o-m;if(s<0)return null;let l;return s===0?[l]=n.splitText(o):[,l]=n.splitText(s,o),l}function mt(i,t){let e=getComputedStyle(i),n=e.position==="absolute",o=t?/(auto|scroll|hidden)/:/(auto|scroll)/;if(e.position==="fixed")return document.body;for(let r=i;r=r.parentElement;)if(e=getComputedStyle(r),!(n&&e.position==="static")&&o.test(e.overflow+e.overflowY+e.overflowX))return r;return document.body}function H(i,t){let e=i.getBoundingClientRect(),n=t.getBoundingClientRect();return e.top>n.top&&e.top<n.bottom}function dt(i,t,e,n){let o=G(7),[r]=F(),a,m;o[0]!==t||o[1]!==i||o[2]!==r||o[3]!==e||o[4]!==n?(a=()=>{if(t!=null&&i!=null){let s=r.getRootElement(),l=s!=null?mt(s,!1):document.body,g;g=!1;let c;c=H(t,l);let h=function(){g||(window.requestAnimationFrame(function(){e(),g=!1}),g=!0);let w=H(t,l);w!==c&&(c=w,n?.(w))},x=new ResizeObserver(e);return window.addEventListener("resize",e),document.addEventListener("scroll",h,{capture:!0,passive:!0}),x.observe(t),()=>{x.unobserve(t),window.removeEventListener("resize",e),document.removeEventListener("scroll",h,!0)}}},m=[t,r,n,e,i],o[0]=t,o[1]=i,o[2]=r,o[3]=e,o[4]=n,o[5]=a,o[6]=m):(a=o[5],m=o[6]),E(a,m)}var k=st("SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND");function U({anchorElementRef:i,close:t,editor:e,groups:n,menuRenderFn:o,onSelectItem:r,resolution:a,shouldSplitNodeWithQuery:m=!1}){let[s,l]=at(null),g=a.match&&a.match.matchingString||"",c=A(u=>{let f=e.getRootElement();f!==null&&(f.setAttribute("aria-activedescendant",`${ut}__item-${u.key}`),l(u.key))},[e]),h=A(()=>{if(n!==null&&g!=null){let u=n.flatMap(f=>f.items);if(u.length){let f=u[0];c(f)}}},[n,c,g]);E(()=>{h()},[g,h]);let x=A(u=>{e.update(()=>{let f=a.match!=null&&m?ht(a.match):null;r(u,f,t,a.match?a.match.matchingString:"")})},[e,m,a.match,r,t]);E(()=>()=>{let u=e.getRootElement();u!==null&&u.removeAttribute("aria-activedescendant")},[e]),rt(()=>{n===null?l(null):s===null&&h()},[n,s,c,h]),E(()=>$(e.registerCommand(k,({item:u})=>u.ref&&u.ref.current!=null?(W(u.ref.current),!0):!1,M)),[e,c]),E(()=>$(e.registerCommand(tt,u=>{let f=u;if(n!==null&&n.length&&s!==null){let p=n.flatMap(S=>S.items),d=p.findIndex(S=>S.key===s),O=d!==p.length-1?d+1:0,_=p[O];c(_),_.ref!=null&&_.ref.current&&e.dispatchCommand(k,{index:O,item:_}),f.preventDefault(),f.stopImmediatePropagation()}return!0},M),e.registerCommand(et,u=>{let f=u;if(n!==null&&n.length&&s!==null){let p=n.flatMap(S=>S.items),d=p.findIndex(S=>S.key===s),O=d!==0?d-1:p.length-1,_=p[O];c(_),_.ref!=null&&_.ref.current&&W(_.ref.current),f.preventDefault(),f.stopImmediatePropagation()}return!0},M),e.registerCommand(ot,u=>{let f=u;return f.preventDefault(),f.stopImmediatePropagation(),t(),!0},M),e.registerCommand(it,u=>{let f=u;if(n===null||s===null)return!1;let d=n.flatMap(O=>O.items).find(O=>O.key===s);return d?(f.preventDefault(),f.stopImmediatePropagation(),x(d),!0):!1},M),e.registerCommand(nt,u=>{if(n===null||s===null)return!1;let p=n.flatMap(d=>d.items).find(d=>d.key===s);return p?(u!==null&&(u.preventDefault(),u.stopImmediatePropagation()),x(p),!0):!1},M)),[x,t,e,n,s,c]);let w=lt(()=>({groups:n,selectItemAndCleanUp:x,selectedItemKey:s,setSelectedItemKey:l}),[x,s,n]);return o(i,w,a.match?a.match.matchingString:"")}function X(i,t,e,n){let[o]=F(),r=ct(document.createElement("div")),a=A(()=>{let s=o.getRootElement(),l=r.current,g=32,c=l.firstChild;if(s!==null&&t!==null){let{height:h,width:x}=t.getRect(),{left:w,top:u}=t.getRect(),f=u;if(u-=i.getBoundingClientRect().top+window.scrollY,w-=i.getBoundingClientRect().left+window.scrollX,l.style.left=`${w+window.scrollX}px`,l.style.height=`${h}px`,l.style.width=`${x}px`,c!==null){let p=c.getBoundingClientRect(),d=p.height,O=p.width,_=s.getBoundingClientRect();w+O>_.right&&(l.style.left=`${_.right-O+window.scrollX}px`);let S=f+d+g>window.innerHeight,y=f<0;S&&!y?l.style.top=`${u+g-d+window.scrollY-(h+24)}px`:l.style.top=`${u+window.scrollY+g}px`}l.isConnected||(n!=null&&(l.className=n),l.setAttribute("aria-label","Slash menu"),l.setAttribute("id","slash-menu"),l.setAttribute("role","listbox"),l.style.display="block",l.style.position="absolute",i.append(l)),r.current=l,s.setAttribute("aria-controls","slash-menu")}},[o,t,n,i]);E(()=>{let s=o.getRootElement();if(t!==null)return a(),()=>{s!==null&&s.removeAttribute("aria-controls");let l=r.current;l!==null&&l.isConnected&&l.remove()}},[o,a,t]);let m=A(s=>{t!==null&&(s||e(null))},[t,e]);return dt(t,r.current,a,m),r}var Ut=`\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>_:;`;function Rt(i){let t=i.anchor;if(t.type!=="text")return null;let e=t.getNode();if(!e.isSimpleText())return null;let n=t.offset;return e.getTextContent().slice(0,n)}function V(i,t,e){let n=e.getSelection();if(n===null||!n.isCollapsed)return!1;let o=n.anchorNode,r=i,a=n.anchorOffset;if(o==null||a==null)return!1;try{t.setStart(o,r),t.setEnd(o,a>1?a:1)}catch{return!1}return!0}function Ct(i){let t=null;return i.getEditorState().read(()=>{let e=P();B(e)&&(t=Rt(e))}),t}function q(i,t){return t!==0?!1:i.getEditorState().read(()=>{let e=P();if(B(e)){let r=e.anchor.getNode().getPreviousSibling();return Ot(r)&&r.isTextEntity()}return!1})}function z(i){D.startTransition?D.startTransition(i):i()}var Tt=wt("ENABLE_SLASH_MENU_COMMAND");function Xt(i){let t=gt(31),{anchorClassName:e,anchorElem:n,groups:o,menuRenderFn:r,onClose:a,onOpen:m,onQueryChange:s,onSelectItem:l,triggerFn:g}=i,[c]=_t(),[h,x]=yt(null),w=X(n,h,x,e),u;t[0]!==a||t[1]!==h?(u=()=>{x(null),a!=null&&h!==null&&a()},t[0]=a,t[1]=h,t[2]=u):u=t[2];let f=u,p;t[3]!==m||t[4]!==h?(p=R=>{x(R),m!=null&&h===null&&m(R)},t[3]=m,t[4]=h,t[5]=p):p=t[5];let d=p,O,_;t[6]!==c||t[7]!==d?(O=()=>xt(c.registerCommand(Tt,R=>{let{node:L}=R;return c.getEditorState().read(()=>{let C={leadOffset:0,matchingString:"",replaceableString:""};if(!q(c,C.leadOffset)&&L!==null){let T=c._window??window,N=T.document.createRange();V(C.leadOffset,N,T)!==null&&z(()=>d({getRect:()=>N.getBoundingClientRect(),match:C}));return}}),!0},St)),_=[c,d],t[6]=c,t[7]=d,t[8]=O,t[9]=_):(O=t[8],_=t[9]),K(O,_);let S;t[10]!==c||t[11]!==f||t[12]!==g||t[13]!==s||t[14]!==d?(S=()=>{let R=()=>{c.getEditorState().read(()=>{let C=c._window??window,T=C.document.createRange(),N=P(),v=Ct(c);if(!B(N)||!N.isCollapsed()||v===null||T===null){f();return}let I=g({editor:c,query:v});if(s(I?I.matchingString:null),I!==null&&!q(c,I.leadOffset)&&V(I.leadOffset,T,C)!==null){z(()=>d({getRect:()=>T.getBoundingClientRect(),match:I}));return}f()})},L=c.registerUpdateListener(R);return()=>{L()}},t[10]=c,t[11]=f,t[12]=g,t[13]=s,t[14]=d,t[15]=S):S=t[15];let y;t[16]!==c||t[17]!==g||t[18]!==s||t[19]!==h||t[20]!==f||t[21]!==d?(y=[c,g,s,h,f,d],t[16]=c,t[17]=g,t[18]=s,t[19]=h,t[20]=f,t[21]=d,t[22]=y):y=t[22],K(S,y);let b;return t[23]!==h||t[24]!==c||t[25]!==w||t[26]!==f||t[27]!==o||t[28]!==r||t[29]!==l?(b=h===null||c===null?null:pt(U,{anchorElementRef:w,close:f,editor:c,groups:o,menuRenderFn:r,onSelectItem:l,resolution:h,shouldSplitNodeWithQuery:!0}),t[23]=h,t[24]=c,t[25]=w,t[26]=f,t[27]=o,t[28]=r,t[29]=l,t[30]=b):b=t[30],b}function Vt(i){return i instanceof HTMLElement}var Y=class{_x;_y;constructor(t,e){this._x=t,this._y=e}calcDeltaXTo({x:t}){return this.x-t}calcDeltaYTo({y:t}){return this.y-t}calcDistanceTo(t){return Math.sqrt(Math.pow(this.calcDeltaXTo(t),2)+Math.pow(this.calcDeltaYTo(t),2))}calcHorizontalDistanceTo(t){return Math.abs(this.calcDeltaXTo(t))}calcVerticalDistance(t){return Math.abs(this.calcDeltaYTo(t))}equals({x:t,y:e}){return this.x===t&&this.y===e}get x(){return this._x}get y(){return this._y}};function Q(i){return i instanceof Y}var j=class i{_bottom;_left;_right;_top;constructor(t,e,n,o){let[r,a]=e<=o?[e,o]:[o,e],[m,s]=t<=n?[t,n]:[n,t];this._top=r,this._right=s,this._left=m,this._bottom=a}static fromDOM(t){let{height:e,left:n,top:o,width:r}=t.getBoundingClientRect();return i.fromLWTH(n,r,o,e)}static fromDOMRect(t){let{height:e,left:n,top:o,width:r}=t;return i.fromLWTH(n,r,o,e)}static fromLTRB(t,e,n,o){return new i(t,e,n,o)}static fromLWTH(t,e,n,o){return new i(t,n,t+e,n+o)}static fromPoints(t,e){let{x:n,y:o}=t,{x:r,y:a}=e;return i.fromLTRB(n,o,r,a)}contains(t){if(Q(t)){let{x:a,y:m}=t,s=m<this._top,l=m>this._bottom,g=a<this._left,c=a>this._right;return{reason:{isOnBottomSide:l,isOnLeftSide:g,isOnRightSide:c,isOnTopSide:s},result:!s&&!l&&!g&&!c}}let{bottom:e,left:n,right:o,top:r}=t;return r>=this._top&&r<=this._bottom&&e>=this._top&&e<=this._bottom&&n>=this._left&&n<=this._right&&o>=this._left&&o<=this._right}distanceFromPoint(t){let e=this.contains(t);if(e.result)return{distance:0,isOnBottomSide:e.reason.isOnBottomSide,isOnLeftSide:e.reason.isOnLeftSide,isOnRightSide:e.reason.isOnRightSide,isOnTopSide:e.reason.isOnTopSide};let n=0,o=0;return t.x<this._left?n=this._left-t.x:t.x>this._right&&(n=t.x-this._right),t.y<this._top?o=this._top-t.y:t.y>this._bottom&&(o=t.y-this._bottom),{distance:Math.sqrt(n*n+o*o),isOnBottomSide:t.y>this._bottom,isOnLeftSide:t.x<this._left,isOnRightSide:t.x>this._right,isOnTopSide:t.y<this._top}}equals({bottom:t,left:e,right:n,top:o}){return o===this._top&&t===this._bottom&&e===this._left&&n===this._right}generateNewRect({bottom:t=this.bottom,left:e=this.left,right:n=this.right,top:o=this.top}){return new i(e,o,n,t)}intersectsWith(t){let{height:e,left:n,top:o,width:r}=t,{height:a,left:m,top:s,width:l}=this,g=n+r>=m+l?n+r:m+l,c=o+e>=s+a?o+e:s+a,h=n<=m?n:m,x=o<=s?o:s;return g-h<=r+l&&c-x<=e+a}get bottom(){return this._bottom}get height(){return Math.abs(this._bottom-this._top)}get left(){return this._left}get right(){return this._right}get top(){return this._top}get width(){return Math.abs(this._left-this._right)}};export{Mt as a,Ut as b,Tt as c,Xt as d,Vt as e,Y as f,Q as g,j as h};
+//# sourceMappingURL=chunk-YSI2QILQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lexical/nodes/index.ts", "../../../src/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/index.tsx", "../../../src/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/LexicalMenu.tsx", "../../../src/lexical/utils/guard.ts", "../../../src/lexical/utils/point.ts", "../../../src/lexical/utils/rect.ts"],
+  "sourcesContent": ["import type { Klass, LexicalNode, LexicalNodeReplacement } from 'lexical'\n\nimport type { SanitizedClientEditorConfig, SanitizedServerEditorConfig } from '../config/types.js'\n\nexport function getEnabledNodes({\n  editorConfig,\n}: {\n  editorConfig: SanitizedClientEditorConfig | SanitizedServerEditorConfig\n}): Array<Klass<LexicalNode> | LexicalNodeReplacement> {\n  return editorConfig.features.nodes.map((node) => {\n    if ('node' in node) {\n      return node.node\n    }\n    return node\n  })\n}\n", "'use client'\nimport type {\n  LexicalCommand,\n  LexicalEditor,\n  ParagraphNode,\n  RangeSelection,\n  TextNode,\n} from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  $isTextNode,\n  COMMAND_PRIORITY_LOW,\n  createCommand,\n} from 'lexical'\nimport { type JSX, useCallback, useEffect, useState } from 'react'\nimport * as React from 'react'\n\nimport type { MenuTextMatch, TriggerFn } from '../useMenuTriggerMatch.js'\nimport type { MenuRenderFn, MenuResolution } from './LexicalMenu.js'\nimport type { SlashMenuGroupInternal, SlashMenuItem } from './types.js'\n\nimport { LexicalMenu, useMenuAnchorRef } from './LexicalMenu.js'\n\nexport const PUNCTUATION = '\\\\.,\\\\+\\\\*\\\\?\\\\$\\\\@\\\\|#{}\\\\(\\\\)\\\\^\\\\-\\\\[\\\\]\\\\\\\\/!%\\'\"~=<>_:;'\n\nfunction getTextUpToAnchor(selection: RangeSelection): null | string {\n  const anchor = selection.anchor\n  if (anchor.type !== 'text') {\n    return null\n  }\n  const anchorNode = anchor.getNode()\n  if (!anchorNode.isSimpleText()) {\n    return null\n  }\n  const anchorOffset = anchor.offset\n  return anchorNode.getTextContent().slice(0, anchorOffset)\n}\n\nfunction tryToPositionRange(leadOffset: number, range: Range, editorWindow: Window): boolean {\n  const domSelection = editorWindow.getSelection()\n  if (domSelection === null || !domSelection.isCollapsed) {\n    return false\n  }\n  const anchorNode = domSelection.anchorNode\n  const startOffset = leadOffset\n  const endOffset = domSelection.anchorOffset\n\n  if (anchorNode == null || endOffset == null) {\n    return false\n  }\n\n  try {\n    range.setStart(anchorNode, startOffset)\n    // if endOffset is 0, positioning the range for when you click the plus button to open the slash menu will fial\n    range.setEnd(anchorNode, endOffset > 1 ? endOffset : 1)\n  } catch (error) {\n    return false\n  }\n\n  return true\n}\n\nfunction getQueryTextForSearch(editor: LexicalEditor): null | string {\n  let text = null\n  editor.getEditorState().read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) {\n      return\n    }\n    text = getTextUpToAnchor(selection)\n  })\n  return text\n}\n\nfunction isSelectionOnEntityBoundary(editor: LexicalEditor, offset: number): boolean {\n  if (offset !== 0) {\n    return false\n  }\n  return editor.getEditorState().read(() => {\n    const selection = $getSelection()\n    if ($isRangeSelection(selection)) {\n      const anchor = selection.anchor\n      const anchorNode = anchor.getNode()\n      const prevSibling = anchorNode.getPreviousSibling()\n      return $isTextNode(prevSibling) && prevSibling.isTextEntity()\n    }\n    return false\n  })\n}\n\nfunction startTransition(callback: () => void) {\n  if (React.startTransition) {\n    React.startTransition(callback)\n  } else {\n    callback()\n  }\n}\n\nexport { useDynamicPositioning } from './LexicalMenu.js'\n\nexport type TypeaheadMenuPluginProps = {\n  anchorClassName?: string\n  anchorElem: HTMLElement\n  groups: Array<SlashMenuGroupInternal>\n  menuRenderFn: MenuRenderFn\n  onClose?: () => void\n  onOpen?: (resolution: MenuResolution) => void\n  onQueryChange: (matchingString: null | string) => void\n  onSelectItem: (\n    item: SlashMenuItem,\n    textNodeContainingQuery: TextNode | null,\n    closeMenu: () => void,\n    matchingString: string,\n  ) => void\n  triggerFn: TriggerFn\n}\n\nexport const ENABLE_SLASH_MENU_COMMAND: LexicalCommand<{\n  node: ParagraphNode\n}> = createCommand('ENABLE_SLASH_MENU_COMMAND')\n\nexport function LexicalTypeaheadMenuPlugin({\n  anchorClassName,\n  anchorElem,\n  groups,\n  menuRenderFn,\n  onClose,\n  onOpen,\n  onQueryChange,\n  onSelectItem,\n  triggerFn,\n}: TypeaheadMenuPluginProps): JSX.Element | null {\n  const [editor] = useLexicalComposerContext()\n  const [resolution, setResolution] = useState<MenuResolution | null>(null)\n  const anchorElementRef = useMenuAnchorRef(anchorElem, resolution, setResolution, anchorClassName)\n\n  const closeTypeahead = useCallback(() => {\n    setResolution(null)\n    if (onClose != null && resolution !== null) {\n      onClose()\n    }\n  }, [onClose, resolution])\n\n  const openTypeahead = useCallback(\n    (res: MenuResolution) => {\n      setResolution(res)\n      if (onOpen != null && resolution === null) {\n        onOpen(res)\n      }\n    },\n    [onOpen, resolution],\n  )\n\n  // This is mainly used for the AddBlockHandlePlugin, so that the slash menu can be opened from there\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        ENABLE_SLASH_MENU_COMMAND,\n        ({ node }) => {\n          editor.getEditorState().read(() => {\n            const match: MenuTextMatch = {\n              leadOffset: 0,\n              matchingString: '',\n              replaceableString: '',\n            }\n            if (!isSelectionOnEntityBoundary(editor, match.leadOffset)) {\n              if (node !== null) {\n                const editorWindow = editor._window ?? window\n                const range = editorWindow.document.createRange()\n\n                const isRangePositioned = tryToPositionRange(match.leadOffset, range, editorWindow)\n                if (isRangePositioned !== null) {\n                  startTransition(() =>\n                    openTypeahead({\n                      getRect: () => {\n                        return range.getBoundingClientRect()\n                      },\n                      match,\n                    }),\n                  )\n                }\n\n                return\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, openTypeahead])\n\n  useEffect(() => {\n    const updateListener = () => {\n      editor.getEditorState().read(() => {\n        const editorWindow = editor._window ?? window\n        const range = editorWindow.document.createRange()\n        const selection = $getSelection()\n        const text = getQueryTextForSearch(editor)\n\n        if (\n          !$isRangeSelection(selection) ||\n          !selection.isCollapsed() ||\n          text === null ||\n          range === null\n        ) {\n          closeTypeahead()\n          return\n        }\n\n        const match = triggerFn({ editor, query: text })\n        onQueryChange(match ? match.matchingString : null)\n\n        if (match !== null && !isSelectionOnEntityBoundary(editor, match.leadOffset)) {\n          const isRangePositioned = tryToPositionRange(match.leadOffset, range, editorWindow)\n          if (isRangePositioned !== null) {\n            startTransition(() =>\n              openTypeahead({\n                getRect: () => {\n                  return range.getBoundingClientRect()\n                },\n                match,\n              }),\n            )\n            return\n          }\n        }\n        closeTypeahead()\n      })\n    }\n\n    const removeUpdateListener = editor.registerUpdateListener(updateListener)\n\n    return () => {\n      removeUpdateListener()\n    }\n  }, [editor, triggerFn, onQueryChange, resolution, closeTypeahead, openTypeahead])\n\n  return resolution === null || editor === null ? null : (\n    <LexicalMenu\n      anchorElementRef={anchorElementRef}\n      close={closeTypeahead}\n      editor={editor}\n      groups={groups}\n      menuRenderFn={menuRenderFn}\n      onSelectItem={onSelectItem}\n      resolution={resolution}\n      shouldSplitNodeWithQuery\n    />\n  )\n}\n\nexport type { MenuRenderFn, MenuResolution, MenuTextMatch, TriggerFn }\n", "'use client'\nimport type { LexicalCommand, LexicalEditor, TextNode } from 'lexical'\nimport type { JSX, ReactPortal, RefObject } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  KEY_ENTER_COMMAND,\n  KEY_ESCAPE_COMMAND,\n  KEY_TAB_COMMAND,\n  createCommand,\n} from 'lexical'\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'\n\nimport type { MenuTextMatch } from '../useMenuTriggerMatch.js'\nimport type { SlashMenuGroupInternal, SlashMenuItem, SlashMenuItemInternal } from './types.js'\n\nexport type MenuResolution = {\n  getRect: () => DOMRect\n  match?: MenuTextMatch\n}\n\nconst baseClass = 'slash-menu-popup'\n\nexport type MenuRenderFn = (\n  anchorElementRef: RefObject<HTMLElement | null>,\n  itemProps: {\n    groups: Array<SlashMenuGroupInternal>\n    selectItemAndCleanUp: (selectedItem: SlashMenuItem) => void\n    selectedItemKey: null | string\n    setSelectedItemKey: (itemKey: string) => void\n  },\n  matchingString: null | string,\n) => JSX.Element | ReactPortal | null\n\nconst scrollIntoViewIfNeeded = (target: HTMLElement) => {\n  const typeaheadContainerNode = document.getElementById('slash-menu')\n  if (!typeaheadContainerNode) return\n\n  const typeaheadRect = typeaheadContainerNode.getBoundingClientRect()\n\n  if (typeaheadRect.top + typeaheadRect.height > window.innerHeight) {\n    typeaheadContainerNode.scrollIntoView({\n      block: 'center',\n    })\n  }\n\n  if (typeaheadRect.top < 0) {\n    typeaheadContainerNode.scrollIntoView({\n      block: 'center',\n    })\n  }\n\n  target.scrollIntoView({ block: 'nearest' })\n}\n\n/**\n * Walk backwards along user input and forward through entity title to try\n * and replace more of the user's text with entity.\n */\nfunction getFullMatchOffset(documentText: string, entryText: string, offset: number) {\n  let triggerOffset = offset\n  for (let i = triggerOffset; i <= entryText.length; i++) {\n    if (documentText.substring(documentText.length - i) === entryText.substring(0, i)) {\n      triggerOffset = i\n    }\n  }\n  return triggerOffset\n}\n\n/**\n * Split Lexical TextNode and return a new TextNode only containing matched text.\n * Common use cases include: removing the node, replacing with a new node.\n */\nfunction $splitNodeContainingQuery(match: MenuTextMatch): TextNode | null {\n  const selection = $getSelection()\n  if (!$isRangeSelection(selection) || !selection.isCollapsed()) {\n    return null\n  }\n  const anchor = selection.anchor\n  if (anchor.type !== 'text') {\n    return null\n  }\n  const anchorNode = anchor.getNode()\n  if (!anchorNode.isSimpleText()) {\n    return null\n  }\n  const selectionOffset = anchor.offset\n  const textContent = anchorNode.getTextContent().slice(0, selectionOffset)\n  const characterOffset = match.replaceableString.length\n  const queryOffset = getFullMatchOffset(textContent, match.matchingString, characterOffset)\n  const startOffset = selectionOffset - queryOffset\n  if (startOffset < 0) {\n    return null\n  }\n  let newNode\n  if (startOffset === 0) {\n    ;[newNode] = anchorNode.splitText(selectionOffset)\n  } else {\n    ;[, newNode] = anchorNode.splitText(startOffset, selectionOffset)\n  }\n\n  return newNode\n}\n\n// Got from https://stackoverflow.com/a/42543908/2013580\nexport function getScrollParent(\n  element: HTMLElement,\n  includeHidden: boolean,\n): HTMLBodyElement | HTMLElement {\n  let style = getComputedStyle(element)\n  const excludeStaticParent = style.position === 'absolute'\n  const overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/\n  if (style.position === 'fixed') {\n    return document.body\n  }\n  for (let parent: HTMLElement | null = element; (parent = parent.parentElement); ) {\n    style = getComputedStyle(parent)\n    if (excludeStaticParent && style.position === 'static') {\n      continue\n    }\n    if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) {\n      return parent\n    }\n  }\n  return document.body\n}\n\nfunction isTriggerVisibleInNearestScrollContainer(\n  targetElement: HTMLElement,\n  containerElement: HTMLElement,\n): boolean {\n  const tRect = targetElement.getBoundingClientRect()\n  const cRect = containerElement.getBoundingClientRect()\n  return tRect.top > cRect.top && tRect.top < cRect.bottom\n}\n\n// Reposition the menu on scroll, window resize, and element resize.\nexport function useDynamicPositioning(\n  resolution: MenuResolution | null,\n  targetElement: HTMLElement | null,\n  onReposition: () => void,\n  onVisibilityChange?: (isInView: boolean) => void,\n) {\n  const [editor] = useLexicalComposerContext()\n  useEffect(() => {\n    if (targetElement != null && resolution != null) {\n      const rootElement = editor.getRootElement()\n      const rootScrollParent =\n        rootElement != null ? getScrollParent(rootElement, false) : document.body\n      let ticking = false\n      let previousIsInView = isTriggerVisibleInNearestScrollContainer(\n        targetElement,\n        rootScrollParent,\n      )\n      const handleScroll = function () {\n        if (!ticking) {\n          window.requestAnimationFrame(function () {\n            onReposition()\n            ticking = false\n          })\n          ticking = true\n        }\n        const isInView = isTriggerVisibleInNearestScrollContainer(targetElement, rootScrollParent)\n        if (isInView !== previousIsInView) {\n          previousIsInView = isInView\n          if (onVisibilityChange != null) {\n            onVisibilityChange(isInView)\n          }\n        }\n      }\n      const resizeObserver = new ResizeObserver(onReposition)\n      window.addEventListener('resize', onReposition)\n      document.addEventListener('scroll', handleScroll, {\n        capture: true,\n        passive: true,\n      })\n      resizeObserver.observe(targetElement)\n      return () => {\n        resizeObserver.unobserve(targetElement)\n        window.removeEventListener('resize', onReposition)\n        document.removeEventListener('scroll', handleScroll, true)\n      }\n    }\n  }, [targetElement, editor, onVisibilityChange, onReposition, resolution])\n}\n\nexport const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND: LexicalCommand<{\n  index: number\n  item: SlashMenuItemInternal\n}> = createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND')\n\nexport function LexicalMenu({\n  anchorElementRef,\n  close,\n  editor,\n  // groups filtering is already handled in SlashMenu/index.tsx. Thus, groups always contains the matching items.\n  groups,\n  menuRenderFn,\n  onSelectItem,\n  resolution,\n  shouldSplitNodeWithQuery = false,\n}: {\n  anchorElementRef: RefObject<HTMLElement>\n  close: () => void\n  editor: LexicalEditor\n  groups: Array<SlashMenuGroupInternal>\n  menuRenderFn: MenuRenderFn\n  onSelectItem: (\n    item: SlashMenuItem,\n    textNodeContainingQuery: TextNode | null,\n    closeMenu: () => void,\n    matchingString: string,\n  ) => void\n  resolution: MenuResolution\n  shouldSplitNodeWithQuery?: boolean\n}): JSX.Element | null {\n  const [selectedItemKey, setSelectedItemKey] = useState<null | string>(null)\n\n  const matchingString = (resolution.match && resolution.match.matchingString) || ''\n\n  const updateSelectedItem = useCallback(\n    (item: SlashMenuItem) => {\n      const rootElem = editor.getRootElement()\n      if (rootElem !== null) {\n        rootElem.setAttribute('aria-activedescendant', `${baseClass}__item-${item.key}`)\n        setSelectedItemKey(item.key)\n      }\n    },\n    [editor],\n  )\n\n  const setSelectedItemKeyToFirstMatchingItem = useCallback(() => {\n    // set selected item to the first of the matching ones\n    if (groups !== null && matchingString != null) {\n      // groups filtering is already handled in SlashMenu/index.tsx. Thus, groups always contains the matching items.\n      const allItems = groups.flatMap((group) => group.items)\n\n      if (allItems.length) {\n        const firstMatchingItem = allItems[0]\n        updateSelectedItem(firstMatchingItem)\n      }\n    }\n  }, [groups, updateSelectedItem, matchingString])\n\n  useEffect(() => {\n    setSelectedItemKeyToFirstMatchingItem()\n  }, [matchingString, setSelectedItemKeyToFirstMatchingItem])\n\n  const selectItemAndCleanUp = useCallback(\n    (selectedItem: SlashMenuItem) => {\n      editor.update(() => {\n        const textNodeContainingQuery =\n          resolution.match != null && shouldSplitNodeWithQuery\n            ? $splitNodeContainingQuery(resolution.match)\n            : null\n\n        onSelectItem(\n          selectedItem,\n          textNodeContainingQuery,\n          close,\n          resolution.match ? resolution.match.matchingString : '',\n        )\n      })\n    },\n    [editor, shouldSplitNodeWithQuery, resolution.match, onSelectItem, close],\n  )\n\n  useEffect(() => {\n    return () => {\n      const rootElem = editor.getRootElement()\n      if (rootElem !== null) {\n        rootElem.removeAttribute('aria-activedescendant')\n      }\n    }\n  }, [editor])\n\n  useLayoutEffect(() => {\n    if (groups === null) {\n      setSelectedItemKey(null)\n    } else if (selectedItemKey === null) {\n      setSelectedItemKeyToFirstMatchingItem()\n    }\n  }, [groups, selectedItemKey, updateSelectedItem, setSelectedItemKeyToFirstMatchingItem])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND,\n        ({ item }) => {\n          if (item.ref && item.ref.current != null) {\n            scrollIntoViewIfNeeded(item.ref.current)\n            return true\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, updateSelectedItem])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<KeyboardEvent>(\n        KEY_ARROW_DOWN_COMMAND,\n        (payload) => {\n          const event = payload\n          if (groups !== null && groups.length && selectedItemKey !== null) {\n            const allItems = groups.flatMap((group) => group.items)\n            const selectedIndex = allItems.findIndex((item) => item.key === selectedItemKey)\n\n            const newSelectedIndex = selectedIndex !== allItems.length - 1 ? selectedIndex + 1 : 0\n\n            const newSelectedItem = allItems[newSelectedIndex]\n\n            updateSelectedItem(newSelectedItem)\n            if (newSelectedItem.ref != null && newSelectedItem.ref.current) {\n              editor.dispatchCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, {\n                index: newSelectedIndex,\n                item: newSelectedItem,\n              })\n            }\n            event.preventDefault()\n            event.stopImmediatePropagation()\n          }\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand<KeyboardEvent>(\n        KEY_ARROW_UP_COMMAND,\n        (payload) => {\n          const event = payload\n          if (groups !== null && groups.length && selectedItemKey !== null) {\n            const allItems = groups.flatMap((group) => group.items)\n            const selectedIndex = allItems.findIndex((item) => item.key === selectedItemKey)\n\n            const newSelectedIndex = selectedIndex !== 0 ? selectedIndex - 1 : allItems.length - 1\n\n            const newSelectedItem = allItems[newSelectedIndex]\n\n            updateSelectedItem(newSelectedItem)\n            if (newSelectedItem.ref != null && newSelectedItem.ref.current) {\n              scrollIntoViewIfNeeded(newSelectedItem.ref.current)\n            }\n            event.preventDefault()\n            event.stopImmediatePropagation()\n          }\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand<KeyboardEvent>(\n        KEY_ESCAPE_COMMAND,\n        (payload) => {\n          const event = payload\n          event.preventDefault()\n          event.stopImmediatePropagation()\n          close()\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand<KeyboardEvent>(\n        KEY_TAB_COMMAND,\n        (payload) => {\n          const event = payload\n\n          if (groups === null || selectedItemKey === null) {\n            return false\n          }\n          const allItems = groups.flatMap((group) => group.items)\n          const selectedItem = allItems.find((item) => item.key === selectedItemKey)\n          if (!selectedItem) {\n            return false\n          }\n\n          event.preventDefault()\n          event.stopImmediatePropagation()\n          selectItemAndCleanUp(selectedItem)\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ENTER_COMMAND,\n        (event: KeyboardEvent | null) => {\n          if (groups === null || selectedItemKey === null) {\n            return false\n          }\n          const allItems = groups.flatMap((group) => group.items)\n          const selectedItem = allItems.find((item) => item.key === selectedItemKey)\n          if (!selectedItem) {\n            return false\n          }\n\n          if (event !== null) {\n            event.preventDefault()\n            event.stopImmediatePropagation()\n          }\n          selectItemAndCleanUp(selectedItem)\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [selectItemAndCleanUp, close, editor, groups, selectedItemKey, updateSelectedItem])\n\n  const listItemProps = useMemo(\n    () => ({\n      groups,\n      selectItemAndCleanUp,\n      selectedItemKey,\n      setSelectedItemKey,\n    }),\n    [selectItemAndCleanUp, selectedItemKey, groups],\n  )\n\n  return menuRenderFn(\n    anchorElementRef,\n    listItemProps,\n    resolution.match ? resolution.match.matchingString : '',\n  )\n}\n\nexport function useMenuAnchorRef(\n  anchorElem: HTMLElement,\n  resolution: MenuResolution | null,\n  setResolution: (r: MenuResolution | null) => void,\n  className?: string,\n): RefObject<HTMLElement> {\n  const [editor] = useLexicalComposerContext()\n  const anchorElementRef = useRef<HTMLElement>(document.createElement('div'))\n  const positionMenu = useCallback(() => {\n    const rootElement = editor.getRootElement()\n    const containerDiv = anchorElementRef.current\n\n    const VERTICAL_OFFSET = 32\n\n    const menuEle = containerDiv.firstChild as Element\n    if (rootElement !== null && resolution !== null) {\n      const { height, width } = resolution.getRect()\n      let { left, top } = resolution.getRect()\n\n      const rawTop = top\n      top -= anchorElem.getBoundingClientRect().top + window.scrollY\n      left -= anchorElem.getBoundingClientRect().left + window.scrollX\n      containerDiv.style.left = `${left + window.scrollX}px`\n      containerDiv.style.height = `${height}px`\n      containerDiv.style.width = `${width}px`\n      if (menuEle !== null) {\n        const menuRect = menuEle.getBoundingClientRect()\n        const menuHeight = menuRect.height\n        const menuWidth = menuRect.width\n\n        const rootElementRect = rootElement.getBoundingClientRect()\n\n        if (left + menuWidth > rootElementRect.right) {\n          containerDiv.style.left = `${rootElementRect.right - menuWidth + window.scrollX}px`\n        }\n\n        const wouldGoOffBottomOfScreen = rawTop + menuHeight + VERTICAL_OFFSET > window.innerHeight\n        //const wouldGoOffBottomOfContainer = top + menuHeight > rootElementRect.bottom\n        const wouldGoOffTopOfScreen = rawTop < 0\n\n        // Position slash menu above the cursor instead of below (default) if it would otherwise go off the bottom of the screen.\n        if (wouldGoOffBottomOfScreen && !wouldGoOffTopOfScreen) {\n          const margin = 24\n          containerDiv.style.top = `${\n            top + VERTICAL_OFFSET - menuHeight + window.scrollY - (height + margin)\n          }px`\n        } else {\n          containerDiv.style.top = `${top + window.scrollY + VERTICAL_OFFSET}px`\n        }\n      }\n\n      if (!containerDiv.isConnected) {\n        if (className != null) {\n          containerDiv.className = className\n        }\n        containerDiv.setAttribute('aria-label', 'Slash menu')\n        containerDiv.setAttribute('id', 'slash-menu')\n        containerDiv.setAttribute('role', 'listbox')\n        containerDiv.style.display = 'block'\n        containerDiv.style.position = 'absolute'\n        anchorElem.append(containerDiv)\n      }\n      anchorElementRef.current = containerDiv\n      rootElement.setAttribute('aria-controls', 'slash-menu')\n    }\n  }, [editor, resolution, className, anchorElem])\n\n  useEffect(() => {\n    const rootElement = editor.getRootElement()\n    if (resolution !== null) {\n      positionMenu()\n      return () => {\n        if (rootElement !== null) {\n          rootElement.removeAttribute('aria-controls')\n        }\n\n        const containerDiv = anchorElementRef.current\n        if (containerDiv !== null && containerDiv.isConnected) {\n          containerDiv.remove()\n        }\n      }\n    }\n  }, [editor, positionMenu, resolution])\n\n  const onVisibilityChange = useCallback(\n    (isInView: boolean) => {\n      if (resolution !== null) {\n        if (!isInView) {\n          setResolution(null)\n        }\n      }\n    },\n    [resolution, setResolution],\n  )\n\n  useDynamicPositioning(resolution, anchorElementRef.current, positionMenu, onVisibilityChange)\n\n  return anchorElementRef\n}\n", "'use client'\nexport function isHTMLElement(x: unknown): x is HTMLElement {\n  return x instanceof HTMLElement\n}\n", "'use client'\nexport class Point {\n  private readonly _x: number\n\n  private readonly _y: number\n\n  constructor(x: number, y: number) {\n    this._x = x\n    this._y = y\n  }\n\n  public calcDeltaXTo({ x }: Point): number {\n    return this.x - x\n  }\n\n  public calcDeltaYTo({ y }: Point): number {\n    return this.y - y\n  }\n\n  public calcDistanceTo(point: Point): number {\n    return Math.sqrt(Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2))\n  }\n\n  public calcHorizontalDistanceTo(point: Point): number {\n    return Math.abs(this.calcDeltaXTo(point))\n  }\n\n  public calcVerticalDistance(point: Point): number {\n    return Math.abs(this.calcDeltaYTo(point))\n  }\n\n  public equals({ x, y }: Point): boolean {\n    return this.x === x && this.y === y\n  }\n\n  get x(): number {\n    return this._x\n  }\n\n  get y(): number {\n    return this._y\n  }\n}\n\nexport function isPoint(x: unknown): x is Point {\n  return x instanceof Point\n}\n", "'use client'\nimport { type Point, isPoint } from './point.js'\n\ninterface ContainsPointReturn {\n  reason: {\n    isOnBottomSide: boolean\n    isOnLeftSide: boolean\n    isOnRightSide: boolean\n    isOnTopSide: boolean\n  }\n  result: boolean\n}\n\nexport class Rect {\n  private readonly _bottom: number\n\n  private readonly _left: number\n\n  private readonly _right: number\n\n  private readonly _top: number\n\n  constructor(left: number, top: number, right: number, bottom: number) {\n    const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top]\n\n    const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left]\n\n    this._top = physicTop\n    this._right = physicRight\n    this._left = physicLeft\n    this._bottom = physicBottom\n  }\n\n  static fromDOM(dom: HTMLElement): Rect {\n    const { height, left, top, width } = dom.getBoundingClientRect()\n    return Rect.fromLWTH(left, width, top, height)\n  }\n\n  static fromDOMRect(domRect: DOMRect): Rect {\n    const { height, left, top, width } = domRect\n    return Rect.fromLWTH(left, width, top, height)\n  }\n\n  static fromLTRB(left: number, top: number, right: number, bottom: number): Rect {\n    return new Rect(left, top, right, bottom)\n  }\n\n  static fromLWTH(left: number, width: number, top: number, height: number): Rect {\n    return new Rect(left, top, left + width, top + height)\n  }\n\n  static fromPoints(startPoint: Point, endPoint: Point): Rect {\n    const { x: left, y: top } = startPoint\n    const { x: right, y: bottom } = endPoint\n    return Rect.fromLTRB(left, top, right, bottom)\n  }\n\n  public contains({ x, y }: Point): ContainsPointReturn\n\n  public contains({ bottom, left, right, top }: Rect): boolean\n\n  public contains(target: Point | Rect): ContainsPointReturn | boolean {\n    if (isPoint(target)) {\n      const { x, y } = target\n\n      const isOnTopSide = y < this._top\n      const isOnBottomSide = y > this._bottom\n      const isOnLeftSide = x < this._left\n      const isOnRightSide = x > this._right\n\n      const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide\n\n      return {\n        reason: {\n          isOnBottomSide,\n          isOnLeftSide,\n          isOnRightSide,\n          isOnTopSide,\n        },\n        result,\n      }\n    }\n    const { bottom, left, right, top } = target\n\n    return (\n      top >= this._top &&\n      top <= this._bottom &&\n      bottom >= this._top &&\n      bottom <= this._bottom &&\n      left >= this._left &&\n      left <= this._right &&\n      right >= this._left &&\n      right <= this._right\n    )\n  }\n\n  public distanceFromPoint(point: Point): {\n    distance: number\n    isOnBottomSide: boolean\n    isOnLeftSide: boolean\n    isOnRightSide: boolean\n    isOnTopSide: boolean\n  } {\n    const containsResult = this.contains(point)\n    if (containsResult.result) {\n      return {\n        distance: 0,\n        isOnBottomSide: containsResult.reason.isOnBottomSide,\n        isOnLeftSide: containsResult.reason.isOnLeftSide,\n        isOnRightSide: containsResult.reason.isOnRightSide,\n        isOnTopSide: containsResult.reason.isOnTopSide,\n      }\n    }\n\n    let dx = 0 // Horizontal distance to the closest edge\n    let dy = 0 // Vertical distance to the closest edge\n\n    // If the point is to the left of the rectangle\n    if (point.x < this._left) {\n      dx = this._left - point.x\n    }\n    // If the point is to the right of the rectangle\n    else if (point.x > this._right) {\n      dx = point.x - this._right\n    }\n\n    // If the point is above the rectangle\n    if (point.y < this._top) {\n      dy = this._top - point.y\n    }\n    // If the point is below the rectangle\n    else if (point.y > this._bottom) {\n      dy = point.y - this._bottom\n    }\n\n    // Use the Pythagorean theorem to calculate the distance\n    return {\n      distance: Math.sqrt(dx * dx + dy * dy),\n      isOnBottomSide: point.y > this._bottom,\n      isOnLeftSide: point.x < this._left,\n      isOnRightSide: point.x > this._right,\n      isOnTopSide: point.y < this._top,\n    }\n  }\n\n  public equals({ bottom, left, right, top }: Rect): boolean {\n    return (\n      top === this._top && bottom === this._bottom && left === this._left && right === this._right\n    )\n  }\n\n  public generateNewRect({\n    bottom = this.bottom,\n    left = this.left,\n    right = this.right,\n    top = this.top,\n  }): Rect {\n    return new Rect(left, top, right, bottom)\n  }\n\n  public intersectsWith(rect: Rect): boolean {\n    const { height: h1, left: x1, top: y1, width: w1 } = rect\n    const { height: h2, left: x2, top: y2, width: w2 } = this\n    const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2\n    const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2\n    const minX = x1 <= x2 ? x1 : x2\n    const minY = y1 <= y2 ? y1 : y2\n    return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2\n  }\n\n  get bottom(): number {\n    return this._bottom\n  }\n\n  get height(): number {\n    return Math.abs(this._bottom - this._top)\n  }\n\n  get left(): number {\n    return this._left\n  }\n\n  get right(): number {\n    return this._right\n  }\n\n  get top(): number {\n    return this._top\n  }\n\n  get width(): number {\n    return Math.abs(this._left - this._right)\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["getEnabledNodes", "editorConfig", "features", "nodes", "map", "node", "c", "_c", "useLexicalComposerContext", "mergeRegister", "$getSelection", "$isRangeSelection", "$isTextNode", "COMMAND_PRIORITY_LOW", "createCommand", "useEffect", "useState", "React", "c", "_c", "useLexicalComposerContext", "mergeRegister", "$getSelection", "$isRangeSelection", "COMMAND_PRIORITY_LOW", "KEY_ARROW_DOWN_COMMAND", "KEY_ARROW_UP_COMMAND", "KEY_ENTER_COMMAND", "KEY_ESCAPE_COMMAND", "KEY_TAB_COMMAND", "createCommand", "useCallback", "useEffect", "useLayoutEffect", "useMemo", "useRef", "useState", "baseClass", "scrollIntoViewIfNeeded", "target", "typeaheadContainerNode", "document", "getElementById", "typeaheadRect", "getBoundingClientRect", "top", "height", "window", "innerHeight", "scrollIntoView", "block", "getFullMatchOffset", "documentText", "entryText", "offset", "triggerOffset", "i", "length", "substring", "$splitNodeContainingQuery", "match", "selection", "isCollapsed", "anchor", "type", "anchorNode", "getNode", "isSimpleText", "selectionOffset", "textContent", "getTextContent", "slice", "characterOffset", "replaceableString", "queryOffset", "matchingString", "startOffset", "newNode", "splitText", "getScrollParent", "element", "includeHidden", "style", "getComputedStyle", "excludeStaticParent", "position", "overflowRegex", "body", "parent", "parentElement", "test", "overflow", "overflowY", "overflowX", "isTriggerVisibleInNearestScrollContainer", "targetElement", "containerElement", "tRect", "cRect", "bottom", "useDynamicPositioning", "resolution", "onReposition", "onVisibilityChange", "$", "editor", "t0", "t1", "rootElement", "getRootElement", "rootScrollParent", "ticking", "previousIsInView", "handleScroll", "requestAnimationFrame", "isInView", "resizeObserver", "ResizeObserver", "addEventListener", "capture", "passive", "observe", "unobserve", "removeEventListener", "SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND", "LexicalMenu", "anchorElementRef", "close", "groups", "menuRenderFn", "onSelectItem", "shouldSplitNodeWithQuery", "selectedItemKey", "setSelectedItemKey", "updateSelectedItem", "item", "rootElem", "setAttribute", "key", "setSelectedItemKeyToFirstMatchingItem", "allItems", "flatMap", "group", "items", "firstMatchingItem", "selectItemAndCleanUp", "selectedItem", "update", "textNodeContainingQuery", "removeAttribute", "registerCommand", "ref", "current", "payload", "event", "selectedIndex", "findIndex", "newSelectedIndex", "newSelectedItem", "dispatchCommand", "index", "preventDefault", "stopImmediatePropagation", "find", "listItemProps", "useMenuAnchorRef", "anchorElem", "setResolution", "className", "createElement", "positionMenu", "containerDiv", "VERTICAL_OFFSET", "menuEle", "firstChild", "width", "getRect", "left", "rawTop", "scrollY", "scrollX", "menuRect", "menuHeight", "menuWidth", "rootElementRect", "right", "wouldGoOffBottomOfScreen", "wouldGoOffTopOfScreen", "margin", "isConnected", "display", "append", "remove", "PUNCTUATION", "getTextUpToAnchor", "selection", "anchor", "type", "anchorNode", "getNode", "isSimpleText", "anchorOffset", "offset", "getTextContent", "slice", "tryToPositionRange", "leadOffset", "range", "editorWindow", "domSelection", "getSelection", "isCollapsed", "startOffset", "endOffset", "setStart", "setEnd", "getQueryTextForSearch", "editor", "text", "getEditorState", "read", "$getSelection", "$isRangeSelection", "isSelectionOnEntityBoundary", "prevSibling", "getPreviousSibling", "$isTextNode", "isTextEntity", "startTransition", "callback", "ENABLE_SLASH_MENU_COMMAND", "createCommand", "LexicalTypeaheadMenuPlugin", "t0", "$", "_c", "anchorClassName", "anchorElem", "groups", "menuRenderFn", "onClose", "onOpen", "onQueryChange", "onSelectItem", "triggerFn", "useLexicalComposerContext", "resolution", "setResolution", "useState", "anchorElementRef", "useMenuAnchorRef", "t1", "closeTypeahead", "t2", "res", "openTypeahead", "t3", "t4", "mergeRegister", "registerCommand", "t5", "node", "match", "matchingString", "replaceableString", "_window", "window", "document", "createRange", "getRect", "getBoundingClientRect", "COMMAND_PRIORITY_LOW", "useEffect", "updateListener", "editorWindow_0", "range_0", "match_0", "query", "removeUpdateListener", "registerUpdateListener", "t6", "t7", "_jsx", "LexicalMenu", "close", "shouldSplitNodeWithQuery", "isHTMLElement", "x", "HTMLElement", "Point", "_x", "_y", "constructor", "x", "y", "calcDeltaXTo", "calcDeltaYTo", "calcDistanceTo", "point", "Math", "sqrt", "pow", "calcHorizontalDistanceTo", "abs", "calcVerticalDistance", "equals", "isPoint", "Rect", "_bottom", "_left", "_right", "_top", "constructor", "left", "top", "right", "bottom", "physicTop", "physicBottom", "physicLeft", "physicRight", "fromDOM", "dom", "height", "width", "getBoundingClientRect", "fromLWTH", "fromDOMRect", "domRect", "fromLTRB", "fromPoints", "startPoint", "endPoint", "x", "y", "contains", "target", "isPoint", "isOnTopSide", "isOnBottomSide", "isOnLeftSide", "isOnRightSide", "reason", "result", "distanceFromPoint", "point", "containsResult", "distance", "dx", "dy", "Math", "sqrt", "equals", "generateNewRect", "intersectsWith", "rect", "h1", "x1", "y1", "w1", "h2", "x2", "y2", "w2", "maxX", "maxY", "minX", "minY", "abs"]
+}

package/dist/exports/client/component-2YLEVOFH.js

@@ -0,0 +1,2 @@
+"use client";import{a as U,b as A,c as P,f as I}from"./chunk-TD7O23AB.js";import{b as v}from"./chunk-OLSILJA6.js";import{jsx as t,jsxs as s}from"react/jsx-runtime";import{useLexicalComposerContext as te}from"@lexical/react/LexicalComposerContext.js";import{useLexicalNodeSelection as oe}from"@lexical/react/useLexicalNodeSelection.js";import{mergeRegister as le}from"@lexical/utils";import{getTranslation as K}from"@payloadcms/translations";import{Button as w,DrawerToggler as ae,File as re,formatDrawerSlug as ie,useConfig as ne,useDocumentDrawer as se,useEditDepth as de,useModal as ce,usePayloadAPI as ue,useTranslation as me}from"@payloadcms/ui";import{$getNodeByKey as N,$getSelection as pe,$isNodeSelection as fe,CLICK_COMMAND as ge,COMMAND_PRIORITY_LOW as S,KEY_BACKSPACE_COMMAND as he,KEY_DELETE_COMMAND as _e}from"lexical";import{useCallback as d,useEffect as Ce,useId as De,useReducer as be,useRef as ve,useState as we}from"react";var o="lexical-upload",j={depth:0},Ne=c=>{let{data:{fields:B,relationTo:$,value:n},nodeKey:a}=c;if(typeof n=="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:{collections:F,routes:{api:k},serverURL:W}}=ne(),h=ve(null),{closeModal:x}=ce(),{uuid:Y}=v(),z=de(),[l]=te(),[r,u,_]=oe(a),{editorConfig:H,field:C}=v(),{i18n:R,t:m}=me(),[E,q]=be(e=>e+1,0),[i]=we(()=>F.find(e=>e.slug===$)),G=De(),p=ie({slug:"lexical-upload-drawer-"+Y+G,depth:z}),[J,Q,{closeDrawer:y}]=se({id:n,collectionSlug:i.slug}),[{data:f},{setParams:M}]=ue(`${W}${k}/${i.slug}/${n}`,{initialParams:j}),L=f?.thumbnailURL||f?.url,V=d(()=>{l.update(()=>{N(a).remove()})},[l,a]),X=d(e=>{M({...j,cacheBust:E}),q(),y()},[M,E,y]),D=d(e=>{if(r&&fe(pe())){e.preventDefault();let g=N(a);if(I(g))return g.remove(),!0}return!1},[r,a]),O=d(e=>e.target===h.current||h.current?.contains(e.target)?(e.shiftKey?u(!r):r||(_(),u(!0)),!0):!1,[r,u,_]);Ce(()=>le(l.registerCommand(ge,O,S),l.registerCommand(_e,D,S),l.registerCommand(he,D,S)),[_,l,r,a,D,u,O]);let T=H?.resolvedFeatureMap?.get("upload")?.sanitizedClientFeatureProps.collections?.[i.slug]?.hasExtraFields,Z=d((e,g)=>{l.update(()=>{let b=N(a);if(b){let ee={...b.getData(),fields:g};b.setData(ee)}}),x(p)},[x,l,p,a]);return s("div",{className:[o,r&&`${o}--selected`].filter(Boolean).join(" "),contentEditable:!1,ref:h,children:[s("div",{className:`${o}__card`,children:[s("div",{className:`${o}__topRow`,children:[t("div",{className:`${o}__thumbnail`,children:L?t("img",{alt:f?.filename,"data-lexical-upload-id":n,"data-lexical-upload-relation-to":$,src:L}):t(re,{})}),s("div",{className:`${o}__topRowRightPanel`,children:[t("div",{className:`${o}__collectionLabel`,children:K(i.labels.singular,R)}),l.isEditable()&&s("div",{className:`${o}__actions`,children:[T?t(ae,{className:`${o}__upload-drawer-toggler`,disabled:C?.admin?.readOnly,slug:p,children:t(w,{buttonStyle:"icon-label",el:"div",icon:"edit",onClick:e=>{e.preventDefault()},round:!0,tooltip:m("fields:editRelationship")})}):null,t(w,{buttonStyle:"icon-label",disabled:C?.admin?.readOnly,el:"div",icon:"swap",onClick:()=>{l.dispatchCommand(P,{replace:{nodeKey:a}})},round:!0,tooltip:m("fields:swapUpload")}),t(w,{buttonStyle:"icon-label",className:`${o}__removeButton`,disabled:C?.admin?.readOnly,icon:"x",onClick:e=>{e.preventDefault(),V()},round:!0,tooltip:m("fields:removeUpload")})]})]})]}),t("div",{className:`${o}__bottomRow`,children:t(Q,{className:`${o}__doc-drawer-toggler`,children:t("strong",{children:f?.filename})})})]}),n&&t(J,{onSave:X}),T?t(U,{data:B,drawerSlug:p,drawerTitle:m("general:editLabel",{label:K(i.labels.singular,R)}),featureKey:"upload",handleDrawerSubmit:Z,schemaPathSuffix:i.slug}):null]})},Ke=c=>t(A,{...c,uploads:!0,children:t(Ne,{...c})});export{Ke as UploadComponent};
+//# sourceMappingURL=component-2YLEVOFH.js.map

package/dist/exports/client/component-2YLEVOFH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/upload/client/component/index.tsx"],
+  "sourcesContent": ["'use client'\nimport type { ClientCollectionConfig, Data } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DrawerToggler,\n  File,\n  formatDrawerSlug,\n  useConfig,\n  useDocumentDrawer,\n  useEditDepth,\n  useModal,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\nimport React, { useCallback, useEffect, useId, useReducer, useRef, useState } from 'react'\n\nimport type { ClientComponentProps } 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 { EnabledRelationshipsCondition } from '../../../relationship/client/utils/EnabledRelationshipsCondition.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport { $isUploadNode } from '../nodes/UploadNode.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      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { closeModal } = useModal()\n  const { uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n  const [editor] = useLexicalComposerContext()\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const { editorConfig, field } = useEditorConfigContext()\n\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection] = useState<ClientCollectionConfig>(() =>\n    collections.find((coll) => coll.slug === relationTo),\n  )\n\n  const componentID = useId()\n\n  const drawerSlug = 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  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\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      closeDrawer()\n    },\n    [setParams, cacheBust, closeDrawer],\n  )\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isUploadNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      // Check if uploadRef.target or anything WITHIN uploadRef.target was clicked\n      if (event.target === uploadRef.current || uploadRef.current?.contains(event.target as Node)) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const hasExtraFields = (\n    editorConfig?.resolvedFeatureMap?.get('upload')\n      ?.sanitizedClientFeatureProps as ClientComponentProps<UploadFeaturePropsClient>\n  ).collections?.[relatedCollection.slug]?.hasExtraFields\n\n  const onExtraFieldsDrawerSubmit = useCallback(\n    (_, data) => {\n      // Update lexical node (with key nodeKey) with new data\n      editor.update(() => {\n        const uploadNode: UploadNode | null = $getNodeByKey(nodeKey)\n        if (uploadNode) {\n          const newData: UploadData = {\n            ...uploadNode.getData(),\n            fields: data,\n          }\n          uploadNode.setData(newData)\n        }\n      })\n\n      closeModal(drawerSlug)\n    },\n    [closeModal, editor, drawerSlug, nodeKey],\n  )\n\n  return (\n    <div\n      className={[baseClass, isSelected && `${baseClass}--selected`].filter(Boolean).join(' ')}\n      contentEditable={false}\n      ref={uploadRef}\n    >\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                  <DrawerToggler\n                    className={`${baseClass}__upload-drawer-toggler`}\n                    disabled={field?.admin?.readOnly}\n                    slug={drawerSlug}\n                  >\n                    <Button\n                      buttonStyle=\"icon-label\"\n                      el=\"div\"\n                      icon=\"edit\"\n                      onClick={(e) => {\n                        e.preventDefault()\n                      }}\n                      round\n                      tooltip={t('fields:editRelationship')}\n                    />\n                  </DrawerToggler>\n                ) : null}\n\n                <Button\n                  buttonStyle=\"icon-label\"\n                  disabled={field?.admin?.readOnly}\n                  el=\"div\"\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={field?.admin?.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} />}\n      {hasExtraFields ? (\n        <FieldsDrawer\n          data={fields}\n          drawerSlug={drawerSlug}\n          drawerTitle={t('general:editLabel', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n          featureKey=\"upload\"\n          handleDrawerSubmit={onExtraFieldsDrawerSubmit}\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": "oKAGA,OAASA,6BAAAA,OAAiC,2CAC1C,OAASC,2BAAAA,OAA+B,4CACxC,OAASC,iBAAAA,OAAqB,iBAC9B,OAASC,kBAAAA,MAAsB,2BAC/B,OACEC,UAAAA,EACAC,iBAAAA,GACAC,QAAAA,GACAC,oBAAAA,GACAC,aAAAA,GACAC,qBAAAA,GACAC,gBAAAA,GACAC,YAAAA,GACAC,iBAAAA,GACAC,kBAAAA,OACK,iBACP,OACEC,iBAAAA,EACAC,iBAAAA,GACAC,oBAAAA,GACAC,iBAAAA,GACAC,wBAAAA,EACAC,yBAAAA,GACAC,sBAAAA,OACK,UACP,OAAgBC,eAAAA,EAAaC,aAAAA,GAAWC,SAAAA,GAAOC,cAAAA,GAAYC,UAAAA,GAAQC,YAAAA,OAAgB,QAcnF,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,YAAAA,EACAC,OAAQ,CAAEC,IAAAA,CAAG,EACbC,UAAAA,CAAS,CACV,EACCC,GAAA,EACEC,EAAYC,GAA8B,IAAA,EAC1C,CAAEC,WAAAA,CAAU,EAAKC,GAAA,EACjB,CAAEC,KAAAA,CAAI,EAAKC,EAAA,EACXC,EAAYC,GAAA,EACZ,CAACC,CAAA,EAAUC,GAAA,EACX,CAACC,EAAYC,EAAaC,CAAA,EAAkBC,GAAwBrB,CAAA,EAEpE,CAAEsB,aAAAA,EAAcC,MAAAA,CAAK,EAAKV,EAAA,EAE1B,CAAEW,KAAAA,EAAMC,EAAAA,CAAC,EAAKC,GAAA,EACd,CAACC,EAAWC,CAAA,EAAqBC,GAAYC,GAAUA,EAAQ,EAAG,CAAA,EAClE,CAACC,CAAA,EAAqBC,GAAiC,IAC3D7B,EAAY8B,KAAMC,GAASA,EAAKC,OAASrC,CAAA,CAAA,EAGrCsC,EAAcC,GAAA,EAEdC,EAAaC,GAAiB,CAClCJ,KAAM,yBAA2BvB,EAAOwB,EACxC3C,MAAOqB,CACT,CAAA,EAEM,CAAC0B,EAAgBC,EAAuB,CAAEC,YAAAA,CAAW,CAAE,EAAIC,GAAkB,CACjFC,GAAI7C,EACJ8C,eAAgBd,EAAkBI,IACpC,CAAA,EAGM,CAAC,CAAEvC,KAAAA,CAAI,EAAI,CAAEkD,UAAAA,CAAS,CAAE,EAAIC,GAChC,GAAGzC,CAAA,GAAYD,CAAA,IAAO0B,EAAkBI,IAAI,IAAIpC,CAAA,GAChD,CAAEP,cAAAA,CAAc,CAAA,EAGZwD,EAAepD,GAAMqD,cAAgBrD,GAAMsD,IAE3CC,EAAeC,EAAY,IAAA,CAC/BpC,EAAOqC,OAAO,IAAA,CACZC,EAActD,CAAA,EAASuD,OAAM,CAC/B,CAAA,CACF,EAAG,CAACvC,EAAQhB,CAAA,CAAQ,EAEdwD,EAAeJ,EAClBxD,GAAA,CACCkD,EAAU,CACR,GAAGtD,EACHmC,UAAAA,CACF,CAAA,EAEAC,EAAA,EACAc,EAAA,CACF,EACA,CAACI,EAAWnB,EAAWe,CAAA,CAAY,EAG/Be,EAAYL,EACfM,GAAA,CACC,GAAIxC,GAAcyC,GAAiBC,GAAA,CAAA,EAAkB,CACnDF,EAAMG,eAAc,EACpB,IAAMC,EAAOR,EAActD,CAAA,EAC3B,GAAI+D,EAAcD,CAAA,EAChBA,OAAAA,EAAKP,OAAM,EACJ,EAEX,CACA,MAAO,EACT,EACA,CAACrC,EAAYlB,CAAA,CAAQ,EAEjBgE,EAAUZ,EACbM,GAEKA,EAAMO,SAAWzD,EAAU0D,SAAW1D,EAAU0D,SAASC,SAAST,EAAMO,MAAM,GAC5EP,EAAMU,SACRjD,EAAY,CAACD,CAAA,EAERA,IACHE,EAAA,EACAD,EAAY,EAAA,GAGT,IAGF,GAET,CAACD,EAAYC,EAAaC,CAAA,CAAe,EAG3CiD,GAAU,IACDC,GACLtD,EAAOuD,gBAA4BC,GAAeR,EAASS,CAAA,EAE3DzD,EAAOuD,gBAAgBG,GAAoBjB,EAAWgB,CAAA,EACtDzD,EAAOuD,gBAAgBI,GAAuBlB,EAAWgB,CAAA,CAAA,EAE1D,CAACrD,EAAgBJ,EAAQE,EAAYlB,EAASyD,EAAWtC,EAAa6C,CAAA,CAAQ,EAEjF,IAAMY,EAAiBtD,GACPuD,oBAAoBC,IAAI,QAAA,GAClCC,4BACJ5E,cAAc4B,EAAkBI,IAAI,GAAGyC,eAEnCI,EAA4B5B,EAChC,CAAC6B,EAAGrF,IAAA,CAEFoB,EAAOqC,OAAO,IAAA,CACZ,IAAM6B,EAAgC5B,EAActD,CAAA,EACpD,GAAIkF,EAAY,CACd,IAAMC,GAAsB,CAC1B,GAAGD,EAAWE,QAAO,EACrBvF,OAAQD,CACV,EACAsF,EAAWG,QAAQF,EAAA,CACrB,CACF,CAAA,EAEAzE,EAAW4B,CAAA,CACb,EACA,CAAC5B,EAAYM,EAAQsB,EAAYtC,CAAA,CAAQ,EAG3C,OACEsF,EAAC,MAAA,CACCC,UAAW,CAAChG,EAAW2B,GAAc,GAAG3B,CAAA,YAAqB,EAAEiG,OAAOC,OAAA,EAASC,KAAK,GAAA,EACpFC,gBAAiB,GACjBC,IAAKpF,YAEL8E,EAAC,MAAA,CAAIC,UAAW,GAAGhG,CAAA,mBACjB+F,EAAC,MAAA,CAAIC,UAAW,GAAGhG,CAAA,qBAEjBsG,EAAC,MAAA,CAAIN,UAAW,GAAGhG,CAAA,uBAChByD,EACC6C,EAAC,MAAA,CACCC,IAAKlG,GAAMmG,SACX,yBAAwBhG,EACxB,kCAAiCD,EACjCkG,IAAKhD,IAGP6C,EAACI,GAAA,CAAA,CAAA,IAGLX,EAAC,MAAA,CAAIC,UAAW,GAAGhG,CAAA,+BACjBsG,EAAC,MAAA,CAAIN,UAAW,GAAGhG,CAAA,6BAChB2G,EAAenE,EAAkBoE,OAAOC,SAAU5E,CAAA,IAEpDR,EAAOqF,WAAU,GAChBf,EAAC,MAAA,CAAIC,UAAW,GAAGhG,CAAA,sBAChBqF,EACCiB,EAACS,GAAA,CACCf,UAAW,GAAGhG,CAAA,0BACdgH,SAAUhF,GAAOiF,OAAOC,SACxBtE,KAAMG,WAENuD,EAACa,EAAA,CACCC,YAAY,aACZC,GAAG,MACHC,KAAK,OACL7C,QAAU8C,GAAA,CACRA,EAAEjD,eAAc,CAClB,EACAkD,MAAK,GACLC,QAASvF,EAAE,yBAAA,MAGb,KAEJoE,EAACa,EAAA,CACCC,YAAY,aACZJ,SAAUhF,GAAOiF,OAAOC,SACxBG,GAAG,MACHC,KAAK,OACL7C,QAASA,IAAA,CACPhD,EAAOiG,gBAAgBC,EAAmC,CACxDC,QAAS,CAAEnH,QAAAA,CAAQ,CACrB,CAAA,CACF,EACA+G,MAAK,GACLC,QAASvF,EAAE,mBAAA,IAEboE,EAACa,EAAA,CACCC,YAAY,aACZpB,UAAW,GAAGhG,CAAA,iBACdgH,SAAUhF,GAAOiF,OAAOC,SACxBI,KAAK,IACL7C,QAAU8C,GAAA,CACRA,EAAEjD,eAAc,EAChBV,EAAA,CACF,EACA4D,MAAK,GACLC,QAASvF,EAAE,qBAAA,aAMrBoE,EAAC,MAAA,CAAIN,UAAW,GAAGhG,CAAA,uBACjBsG,EAACpD,EAAA,CAAsB8C,UAAW,GAAGhG,CAAA,gCACnCsG,EAAC,SAAA,UAAQjG,GAAMmG,kBAIpBhG,GAAS8F,EAACrD,EAAA,CAAe4E,OAAQ5D,IACjCoB,EACCiB,EAACwB,EAAA,CACCzH,KAAMC,EACNyC,WAAYA,EACZgF,YAAa7F,EAAE,oBAAqB,CAClC8F,MAAOrB,EAAenE,EAAkBoE,OAAOC,SAAU5E,CAAA,CAC3D,CAAA,EACAgG,WAAW,SACXC,mBAAoBzC,EACpB0C,iBAAkB3F,EAAkBI,OAEpC,IAAA,GAGV,EAEawF,GAAmBhI,GAE5BkG,EAAC+B,EAAA,CAA+B,GAAGjI,EAAOkI,QAAO,YAC/ChC,EAACnG,GAAA,CAAW,GAAGC",
+  "names": ["useLexicalComposerContext", "useLexicalNodeSelection", "mergeRegister", "getTranslation", "Button", "DrawerToggler", "File", "formatDrawerSlug", "useConfig", "useDocumentDrawer", "useEditDepth", "useModal", "usePayloadAPI", "useTranslation", "$getNodeByKey", "$getSelection", "$isNodeSelection", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_BACKSPACE_COMMAND", "KEY_DELETE_COMMAND", "useCallback", "useEffect", "useId", "useReducer", "useRef", "useState", "baseClass", "initialParams", "depth", "Component", "props", "data", "fields", "relationTo", "value", "nodeKey", "Error", "config", "collections", "routes", "api", "serverURL", "useConfig", "uploadRef", "useRef", "closeModal", "useModal", "uuid", "useEditorConfigContext", "editDepth", "useEditDepth", "editor", "useLexicalComposerContext", "isSelected", "setSelected", "clearSelection", "useLexicalNodeSelection", "editorConfig", "field", "i18n", "t", "useTranslation", "cacheBust", "dispatchCacheBust", "useReducer", "state", "relatedCollection", "useState", "find", "coll", "slug", "componentID", "useId", "drawerSlug", "formatDrawerSlug", "DocumentDrawer", "DocumentDrawerToggler", "closeDrawer", "useDocumentDrawer", "id", "collectionSlug", "setParams", "usePayloadAPI", "thumbnailSRC", "thumbnailURL", "url", "removeUpload", "useCallback", "update", "$getNodeByKey", "remove", "updateUpload", "$onDelete", "event", "$isNodeSelection", "$getSelection", "preventDefault", "node", "$isUploadNode", "onClick", "target", "current", "contains", "shiftKey", "useEffect", "mergeRegister", "registerCommand", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_DELETE_COMMAND", "KEY_BACKSPACE_COMMAND", "hasExtraFields", "resolvedFeatureMap", "get", "sanitizedClientFeatureProps", "onExtraFieldsDrawerSubmit", "_", "uploadNode", "newData", "getData", "setData", "_jsxs", "className", "filter", "Boolean", "join", "contentEditable", "ref", "_jsx", "alt", "filename", "src", "File", "getTranslation", "labels", "singular", "isEditable", "DrawerToggler", "disabled", "admin", "readOnly", "Button", "buttonStyle", "el", "icon", "e", "round", "tooltip", "dispatchCommand", "INSERT_UPLOAD_WITH_DRAWER_COMMAND", "replace", "onSave", "FieldsDrawer", "drawerTitle", "label", "featureKey", "handleDrawerSubmit", "schemaPathSuffix", "UploadComponent", "EnabledRelationshipsCondition", "uploads"]
+}

package/dist/exports/client/component-7RAP75FW.js

@@ -0,0 +1,2 @@
+"use client";import{b as T}from"./chunk-OLSILJA6.js";import{jsx as f,jsxs as le}from"react/jsx-runtime";import{Collapsible as se,Form as ie,Pill as ne,RenderComponent as ae,SectionTitle as re,ShimmerEffect as ce,useConfig as de,useDocumentInfo as me,useFieldProps as ue,useFormSubmitted as fe,useTranslation as pe}from"@payloadcms/ui";import{useCallback as be,useEffect as he,useMemo as ke,useState as ye}from"react";import{getTranslation as _e}from"@payloadcms/translations";import{getFormState as I}from"@payloadcms/ui/shared";import{v4 as Ce}from"uuid";import{jsx as k,jsxs as B}from"react/jsx-runtime";import{useLexicalComposerContext as q}from"@lexical/react/LexicalComposerContext.js";import{getTranslation as H}from"@payloadcms/translations";import{Button as W,Collapsible as z,ErrorPill as G,Pill as J,RenderComponent as Q,RenderFields as X,SectionTitle as Y,useDocumentInfo as Z,useFormSubmitted as ee,useTranslation as oe}from"@payloadcms/ui";import{dequal as te}from"dequal/lite";import{$getNodeByKey as O}from"lexical";import A,{useCallback as E}from"react";import{c as K}from"react/compiler-runtime";import{useAllFormFields as V}from"@payloadcms/ui";import{reduceFieldsToValues as D}from"payload/shared";import{useEffect as M}from"react";function w({fields:i}){for(let e in i){let o=i[e];Array.isArray(o.rows)&&"value"in o&&(o.disableFormData=!0)}return i}var j=i=>{let e=K(8),{onChange:o}=i,[l]=V(),d,s;e[0]!==l?(s=w({fields:l}),d=D(s,!0),e[0]=l,e[1]=d,e[2]=s):(d=e[1],s=e[2]);let m=d,t,a;return e[3]!==o||e[4]!==s||e[5]!==m?(t=()=>{o&&o({fullFieldsWithValues:s,newFormData:m})},a=[m,o,s],e[3]=o,e[4]=s,e[5]=m,e[6]=t,e[7]=a):(t=e[6],a=e[7]),M(t,a),null};function L(i){for(let e in i){let o=i[e];Array.isArray(o)&&!o?.length?delete i[e]:o&&typeof o=="object"?L(o):o==null&&delete i[e]}}var U=i=>{let{baseClass:e,clientBlock:o,field:l,formSchema:d,nodeKey:s,schemaPath:m}=i,{formData:t}=i,{i18n:a}=oe(),[u]=q(),{getDocPreferences:x,setDocFieldPreferences:P}=Z(),[p,N]=A.useState(()=>{let r=!1;return x().then(c=>{let h=c?.fields[l.name]?.collapsed;h&&h.includes(t.id)&&(r=!0,N(!0))}),r}),F=ee(),[n,S]=A.useState(0),C=F&&n>0,$=[`${e}__row`,C?`${e}__row--has-errors`:`${e}__row--no-errors`].filter(Boolean).join(" "),R=E(({fullFieldsWithValues:r,newFormData:c})=>{if(c.id=t.id,c.blockType=t.blockType,L(c),L(t),te(t,c)||setTimeout(()=>{u.update(()=>{let _=O(s);_&&(t=c,_.setFields(c))})},0),F){let _=0;for(let h of Object.values(r))h?.valid===!1&&_++;S(_)}},[u,s,F,t]),v=E(r=>{x().then(c=>{let h=c?.fields[l.name]?.collapsed,g=h&&h?.length?h:[];r?g.includes(t.id)||g.push(t.id):g.includes(t.id)&&g.splice(g.indexOf(t.id),1),P(l.name,{collapsed:g,hello:"hi"})})},[x,l.name,P,t.id]),b=E(()=>{u.update(()=>{O(s).remove()})},[u,s]);return B(A.Fragment,{children:[k(z,{className:$,collapsibleStyle:C?"error":"default",header:o?.admin?.components?.Label?k(Q,{clientProps:{blockKind:"lexicalBlock",formData:t},mappedComponent:o.admin.components.Label}):B("div",{className:`${e}__block-header`,children:[B("div",{children:[k(J,{className:`${e}__block-pill ${e}__block-pill-${t?.blockType}`,pillStyle:"white",children:typeof o?.labels.singular=="string"?H(o?.labels.singular,a):o.slug}),k(Y,{path:"blockName",readOnly:l?.admin?.readOnly}),C&&k(G,{count:n,i18n:a,withMessage:!0})]}),u.isEditable()&&k(W,{buttonStyle:"icon-label",className:`${e}__removeButton`,disabled:l?.admin?.readOnly,icon:"x",onClick:r=>{r.preventDefault(),b()},round:!0,tooltip:"Remove Block"})]}),isCollapsed:p,onToggle:r=>{v(r),N(r)},children:k(X,{className:`${e}__fields`,fields:d,forceRender:!0,margins:"small",path:"",readOnly:!1,schemaPath:m})},0),k(j,{onChange:R})]})};var y="lexical-block",We=i=>{let{formData:e,nodeKey:o}=i,{config:l}=de(),d=fe(),{id:s}=me(),{path:m,schemaPath:t}=ue(),{field:a}=T(),[u,x]=ye(!1),{field:{richTextComponentMap:P}}=T(),p=`${t}.lexical_internal_feature.blocks.lexical_blocks.lexical_blocks.${e.blockType}`,n=P.get("lexical_internal_feature.blocks.fields.lexical_blocks")[0].blocks.find(v=>v.slug===e.blockType);he(()=>{e&&(async()=>{let b=await I({apiRoute:l.routes.api,body:{id:s,data:e,operation:"update",schemaPath:p},serverURL:l.serverURL});b&&(b.blockName={initialValue:"",passesCondition:!0,valid:!0,value:e.blockName},x(b))})()},[l.routes.api,l.serverURL,p,s]);let S=be(async({formState:v})=>{let b=await I({apiRoute:l.routes.api,body:{id:s,formState:v,operation:"update",schemaPath:p},serverURL:l.serverURL});return b.blockName={initialValue:"",passesCondition:!0,valid:!0,value:e.blockName},b},[l.routes.api,l.serverURL,s,p,e.blockName]),{i18n:C}=pe(),$=[`${y}__row`,`${y}__row--no-errors`].filter(Boolean).join(" "),R=ke(()=>n&&u!==!1?f(ie,{beforeSubmit:[S],fields:n.fields,initialState:u,onChange:[S],submitted:d,uuid:Ce(),children:f(U,{baseClass:y,clientBlock:n,field:a,formData:e,formSchema:n.fields,nodeKey:o,path:`${m}.lexical_internal_feature.blocks.${e.blockType}`,schemaPath:p})}):f(se,{className:$,collapsibleStyle:"default",header:n?.admin?.components?.Label?f(ae,{clientProps:{blockKind:"lexicalBlock",formData:e},mappedComponent:n.admin.components.Label}):f("div",{className:`${y}__block-header`,children:le("div",{children:[f(ne,{className:`${y}__block-pill ${y}__block-pill-${e?.blockType}`,pillStyle:"white",children:n&&typeof n.labels.singular=="string"?_e(n.labels.singular,C):n.slug}),f(re,{path:"blockName",readOnly:a?.admin?.readOnly})]})}),children:f(ce,{height:"35vh"})},0),[n,u,S,d,a,o,m,p,$,C]);return f("div",{className:y+" "+y+"-"+e.blockType,children:R})};export{We as BlockComponent};
+//# sourceMappingURL=component-7RAP75FW.js.map

package/dist/exports/client/component-7RAP75FW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/blocks/client/component/index.tsx", "../../../src/features/blocks/client/component/BlockContent.tsx", "../../../src/features/blocks/client/component/FormSavePlugin.tsx", "../../../src/features/blocks/client/component/removeEmptyArrayValues.ts"],
+  "sourcesContent": ["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\n\nimport {\n  Collapsible,\n  Form,\n  Pill,\n  RenderComponent,\n  SectionTitle,\n  ShimmerEffect,\n  useConfig,\n  useDocumentInfo,\n  useFieldProps,\n  useFormSubmitted,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nconst baseClass = 'lexical-block'\nimport type { BlockFieldClient, FormState } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { v4 as uuid } from 'uuid'\n\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { BlockContent } from './BlockContent.js'\nimport './index.scss'\n\ntype Props = {\n  readonly children?: React.ReactNode\n  readonly formData: BlockFields\n  readonly nodeKey?: string\n}\n\nexport const BlockComponent: React.FC<Props> = (props) => {\n  const { formData, nodeKey } = props\n  const { config } = useConfig()\n  const submitted = useFormSubmitted()\n  const { id } = useDocumentInfo()\n  const { path, schemaPath } = useFieldProps()\n  const { field: parentLexicalRichTextField } = useEditorConfigContext()\n\n  const [initialState, setInitialState] = useState<FormState | false>(false)\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.lexical_blocks.${formData.blockType}`\n\n  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`\n  const blocksField: BlockFieldClient = richTextComponentMap.get(componentMapRenderedBlockPath)[0]\n\n  const clientBlock = blocksField.blocks.find((block) => block.slug === formData.blockType)\n\n  // Field Schema\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const state = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          data: formData,\n          operation: 'update',\n          schemaPath: schemaFieldsPath,\n        },\n        serverURL: config.serverURL,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: '',\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        setInitialState(state)\n      }\n    }\n\n    if (formData) {\n      void awaitInitialState()\n    }\n  }, [config.routes.api, config.serverURL, schemaFieldsPath, id]) // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const formState = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: schemaFieldsPath,\n        },\n        serverURL: config.serverURL,\n      })\n\n      formState.blockName = {\n        initialValue: '',\n        passesCondition: true,\n        valid: true,\n        value: formData.blockName,\n      }\n\n      return formState\n    },\n\n    [config.routes.api, config.serverURL, id, schemaFieldsPath, formData.blockName],\n  )\n  const { i18n } = useTranslation()\n\n  const classNames = [`${baseClass}__row`, `${baseClass}__row--no-errors`].filter(Boolean).join(' ')\n\n  // Memoized Form JSX\n  const formContent = useMemo(() => {\n    return clientBlock && initialState !== false ? (\n      <Form\n        beforeSubmit={[onChange]}\n        fields={clientBlock.fields}\n        initialState={initialState}\n        onChange={[onChange]}\n        submitted={submitted}\n        uuid={uuid()}\n      >\n        <BlockContent\n          baseClass={baseClass}\n          clientBlock={clientBlock}\n          field={parentLexicalRichTextField}\n          formData={formData}\n          formSchema={clientBlock.fields}\n          nodeKey={nodeKey}\n          path={`${path}.lexical_internal_feature.blocks.${formData.blockType}`}\n          schemaPath={schemaFieldsPath}\n        />\n      </Form>\n    ) : (\n      <Collapsible\n        className={classNames}\n        collapsibleStyle=\"default\"\n        header={\n          clientBlock?.admin?.components?.Label ? (\n            <RenderComponent\n              clientProps={{ blockKind: 'lexicalBlock', formData }}\n              mappedComponent={clientBlock.admin.components.Label}\n            />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <div>\n                <Pill\n                  className={`${baseClass}__block-pill ${baseClass}__block-pill-${formData?.blockType}`}\n                  pillStyle=\"white\"\n                >\n                  {clientBlock && typeof clientBlock.labels.singular === 'string'\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug}\n                </Pill>\n                <SectionTitle\n                  path=\"blockName\"\n                  readOnly={parentLexicalRichTextField?.admin?.readOnly}\n                />\n              </div>\n            </div>\n          )\n        }\n        key={0}\n      >\n        <ShimmerEffect height=\"35vh\" />\n      </Collapsible>\n    )\n  }, [\n    clientBlock,\n    initialState,\n    onChange,\n    submitted,\n    parentLexicalRichTextField,\n    nodeKey,\n    path,\n    schemaFieldsPath,\n    classNames,\n    i18n,\n  ])\n\n  return <div className={baseClass + ' ' + baseClass + '-' + formData.blockType}>{formContent}</div>\n}\n", "'use client'\nimport type { ClientBlock, ClientField, CollapsedPreferences, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Collapsible,\n  ErrorPill,\n  Pill,\n  RenderComponent,\n  RenderFields,\n  SectionTitle,\n  useDocumentInfo,\n  useFormSubmitted,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { dequal } from 'dequal/lite'\nimport { $getNodeByKey } from 'lexical'\nimport React, { useCallback } from 'react'\n\nimport type { LexicalRichTextFieldProps } from '../../../../types.js'\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\nimport type { BlockNode } from '../nodes/BlocksNode.js'\n\nimport { FormSavePlugin } from './FormSavePlugin.js'\n\ntype Props = {\n  baseClass: string\n  clientBlock: ClientBlock\n  field: LexicalRichTextFieldProps['field']\n  formData: BlockFields\n  formSchema: ClientField[]\n  nodeKey: string\n  path: string\n  schemaPath: string\n}\n\n// Recursively remove all undefined values from even being present in formData, as they will\n// cause isDeepEqual to return false if, for example, formData has a key that fields.data\n// does not have, even if it's undefined.\n// Currently, this happens if a block has another sub-blocks field. Inside formData, that sub-blocks field has an undefined blockName property.\n// Inside of fields.data however, that sub-blocks blockName property does not exist at all.\nfunction removeUndefinedAndNullAndEmptyArraysRecursively(obj: object) {\n  for (const key in obj) {\n    const value = obj[key]\n    if (Array.isArray(value) && !value?.length) {\n      delete obj[key]\n    } else if (value && typeof value === 'object') {\n      removeUndefinedAndNullAndEmptyArraysRecursively(value)\n    } else if (value === undefined || value === null) {\n      delete obj[key]\n    }\n  }\n}\n\n/**\n * The actual content of the Block. This should be INSIDE a Form component,\n * scoped to the block. All format operations in here are thus scoped to the block's form, and\n * not the whole document.\n */\nexport const BlockContent: React.FC<Props> = (props) => {\n  const { baseClass, clientBlock, field, formSchema, nodeKey, schemaPath } = props\n  let { formData } = props\n\n  const { i18n } = useTranslation()\n  const [editor] = useLexicalComposerContext()\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(() => {\n    let initialState = false\n\n    void getDocPreferences().then((currentDocPreferences) => {\n      const currentFieldPreferences = currentDocPreferences?.fields[field.name]\n\n      const collapsedArray = currentFieldPreferences?.collapsed\n\n      if (collapsedArray && collapsedArray.includes(formData.id)) {\n        initialState = true\n        setIsCollapsed(true)\n      }\n    })\n    return initialState\n  })\n\n  const hasSubmitted = useFormSubmitted()\n\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const onFormChange = useCallback(\n    ({\n      fullFieldsWithValues,\n      newFormData,\n    }: {\n      fullFieldsWithValues: FormState\n      newFormData: BlockFields\n    }) => {\n      newFormData.id = formData.id\n      newFormData.blockType = formData.blockType\n\n      removeUndefinedAndNullAndEmptyArraysRecursively(newFormData)\n      removeUndefinedAndNullAndEmptyArraysRecursively(formData)\n\n      // Only update if the data has actually changed. Otherwise, we may be triggering an unnecessary value change,\n      // which would trigger the \"Leave without saving\" dialog unnecessarily\n      if (!dequal(formData, newFormData)) {\n        // Running this in the next tick in the meantime fixes this issue: https://github.com/payloadcms/payload/issues/4108\n        // I don't know why. When this is called immediately, it might focus out of a nested lexical editor field if an update is made there.\n        // My hypothesis is that the nested editor might not have fully finished its update cycle yet. By updating in the next tick, we\n        // ensure that the nested editor has finished its update cycle before we update the block node.\n        setTimeout(() => {\n          editor.update(() => {\n            const node: BlockNode = $getNodeByKey(nodeKey)\n            if (node) {\n              formData = newFormData\n              node.setFields(newFormData)\n            }\n          })\n        }, 0)\n      }\n\n      // update error count\n      if (hasSubmitted) {\n        let rowErrorCount = 0\n        for (const formField of Object.values(fullFieldsWithValues)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n    },\n    [editor, nodeKey, hasSubmitted, formData],\n  )\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences = currentDocPreferences?.fields[field.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(field.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, field.name, setDocFieldPreferences, formData.id],\n  )\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  return (\n    <React.Fragment>\n      <Collapsible\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        header={\n          clientBlock?.admin?.components?.Label ? (\n            <RenderComponent\n              clientProps={{ blockKind: 'lexicalBlock', formData }}\n              mappedComponent={clientBlock.admin.components.Label}\n            />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <div>\n                <Pill\n                  className={`${baseClass}__block-pill ${baseClass}__block-pill-${formData?.blockType}`}\n                  pillStyle=\"white\"\n                >\n                  {typeof clientBlock?.labels.singular === 'string'\n                    ? getTranslation(clientBlock?.labels.singular, i18n)\n                    : clientBlock.slug}\n                </Pill>\n                <SectionTitle path=\"blockName\" readOnly={field?.admin?.readOnly} />\n                {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n              </div>\n              {editor.isEditable() && (\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__removeButton`}\n                  disabled={field?.admin?.readOnly}\n                  icon=\"x\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    removeBlock()\n                  }}\n                  round\n                  tooltip=\"Remove Block\"\n                />\n              )}\n            </div>\n          )\n        }\n        isCollapsed={isCollapsed}\n        key={0}\n        onToggle={(incomingCollapsedState) => {\n          onCollapsedChange(incomingCollapsedState)\n          setIsCollapsed(incomingCollapsedState)\n        }}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={formSchema}\n          forceRender\n          margins=\"small\"\n          path=\"\" // Leaving path empty makes it so field values are not prefixed / scoped by the entire schemaPath. e.g. we can access \"myField\" instead of \"someLexicalField.feature.blocks.someArrayB\" // TODO: Could there be any implications leaving path different than schemaPath?\n          readOnly={false}\n          schemaPath={schemaPath} // Having the correct schemaPath here allows sub-fields (like array > addRow) to run correct form-state calls and retrieve their needed form state from the server\n        />\n      </Collapsible>\n\n      <FormSavePlugin onChange={onFormChange} />\n    </React.Fragment>\n  )\n}\n", "'use client'\nimport type { Data, FormState } from 'payload'\nimport type React from 'react'\n\nimport { useAllFormFields } from '@payloadcms/ui'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport { useEffect } from 'react'\n\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\ntype Props = {\n  onChange?: ({\n    fullFieldsWithValues,\n    newFormData,\n  }: {\n    fullFieldsWithValues: FormState\n    newFormData: Data\n  }) => void\n}\n\nexport const FormSavePlugin: React.FC<Props> = (props) => {\n  const { onChange } = props\n\n  const [_fields] = useAllFormFields()\n\n  const fields = removeEmptyArrayValues({ fields: _fields })\n\n  // Pass in fields, and indicate if you'd like to \"unflatten\" field data.\n  // The result below will reflect the data stored in the form at the given time\n  const newFormData = reduceFieldsToValues(fields, true)\n\n  useEffect(() => {\n    if (onChange) {\n      onChange({ fullFieldsWithValues: fields, newFormData })\n    }\n  }, [newFormData, onChange, fields])\n\n  return null\n}\n", "'use client'\nimport type { FormState } from 'payload'\n\n/**\n * By default, if an array field is empty, it will be included in the form state with a value of 0.\n * We do not need this behavior here, By setting `disableFormData` to true, we can prevent the field from being included in the form state\n * like that.\n * @param fields form state\n */\nexport function removeEmptyArrayValues({ fields }: { fields: FormState }): FormState {\n  for (const key in fields) {\n    const field = fields[key]\n    if (Array.isArray(field.rows) && 'value' in field) {\n      field.disableFormData = true\n    }\n  }\n  return fields\n}\n"],
+  "mappings": "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",
+  "names": ["Collapsible", "Form", "Pill", "RenderComponent", "SectionTitle", "ShimmerEffect", "useConfig", "useDocumentInfo", "useFieldProps", "useFormSubmitted", "useTranslation", "useCallback", "useEffect", "useMemo", "useState", "getTranslation", "getFormState", "v4", "uuid", "useLexicalComposerContext", "getTranslation", "Button", "Collapsible", "ErrorPill", "Pill", "RenderComponent", "RenderFields", "SectionTitle", "useDocumentInfo", "useFormSubmitted", "useTranslation", "dequal", "$getNodeByKey", "React", "useCallback", "c", "_c", "useAllFormFields", "reduceFieldsToValues", "useEffect", "removeEmptyArrayValues", "fields", "key", "field", "Array", "isArray", "rows", "disableFormData", "FormSavePlugin", "props", "$", "_c", "onChange", "_fields", "useAllFormFields", "t0", "fields", "removeEmptyArrayValues", "reduceFieldsToValues", "newFormData", "t1", "t2", "fullFieldsWithValues", "useEffect", "removeUndefinedAndNullAndEmptyArraysRecursively", "obj", "key", "value", "Array", "isArray", "length", "BlockContent", "props", "baseClass", "clientBlock", "field", "formSchema", "nodeKey", "schemaPath", "formData", "i18n", "useTranslation", "editor", "useLexicalComposerContext", "getDocPreferences", "setDocFieldPreferences", "useDocumentInfo", "isCollapsed", "setIsCollapsed", "React", "useState", "initialState", "then", "currentDocPreferences", "collapsedArray", "fields", "name", "collapsed", "includes", "id", "hasSubmitted", "useFormSubmitted", "errorCount", "setErrorCount", "fieldHasErrors", "classNames", "filter", "Boolean", "join", "onFormChange", "useCallback", "fullFieldsWithValues", "newFormData", "blockType", "dequal", "setTimeout", "update", "node", "$getNodeByKey", "setFields", "rowErrorCount", "formField", "Object", "values", "valid", "onCollapsedChange", "changedCollapsed", "newCollapsed", "push", "splice", "indexOf", "hello", "removeBlock", "remove", "_jsxs", "Fragment", "_jsx", "Collapsible", "className", "collapsibleStyle", "header", "admin", "components", "Label", "RenderComponent", "clientProps", "blockKind", "mappedComponent", "Pill", "pillStyle", "labels", "singular", "getTranslation", "slug", "SectionTitle", "path", "readOnly", "ErrorPill", "count", "withMessage", "isEditable", "Button", "buttonStyle", "disabled", "icon", "onClick", "e", "preventDefault", "round", "tooltip", "onToggle", "incomingCollapsedState", "RenderFields", "forceRender", "margins", "FormSavePlugin", "onChange", "baseClass", "BlockComponent", "props", "formData", "nodeKey", "config", "useConfig", "submitted", "useFormSubmitted", "id", "useDocumentInfo", "path", "schemaPath", "useFieldProps", "field", "parentLexicalRichTextField", "useEditorConfigContext", "initialState", "setInitialState", "useState", "richTextComponentMap", "schemaFieldsPath", "blockType", "clientBlock", "get", "blocks", "find", "block", "slug", "useEffect", "state", "getFormState", "apiRoute", "routes", "api", "body", "data", "operation", "serverURL", "blockName", "initialValue", "passesCondition", "valid", "value", "onChange", "useCallback", "formState", "prevFormState", "i18n", "useTranslation", "classNames", "filter", "Boolean", "join", "formContent", "useMemo", "_jsx", "Form", "beforeSubmit", "fields", "uuid", "BlockContent", "formSchema", "Collapsible", "className", "collapsibleStyle", "header", "admin", "components", "Label", "RenderComponent", "clientProps", "blockKind", "mappedComponent", "_jsxs", "Pill", "pillStyle", "labels", "singular", "getTranslation", "SectionTitle", "readOnly", "ShimmerEffect", "height"]
+}

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

@@ -0,0 +1,2 @@
+"use client";import{d as E}from"./chunk-V2LKLT2F.js";import{c as K}from"react/compiler-runtime";import{useLexicalComposerContext as y}from"@lexical/react/LexicalComposerContext.js";import{useLexicalNodeSelection as M}from"@lexical/react/useLexicalNodeSelection.js";import{addClassNamesToElement as S,mergeRegister as _,removeClassNamesFromElement as D}from"@lexical/utils";import{$getNodeByKey as A,$getSelection as O,$isNodeSelection as $,CLICK_COMMAND as L,COMMAND_PRIORITY_LOW as d,KEY_BACKSPACE_COMMAND as R,KEY_DELETE_COMMAND as x}from"lexical";import{useEffect as p}from"react";var N="selected";function P(g){let e=K(16),{nodeKey:t}=g,[o]=y(),[r,n,i]=M(t),m;e[0]!==r||e[1]!==t?(m=l=>{if(r&&$(O())){l.preventDefault();let C=A(t);if(E(C))return C.remove(),!0}return!1},e[0]=r,e[1]=t,e[2]=m):m=e[2];let s=m,c,f;e[3]!==o||e[4]!==t||e[5]!==i||e[6]!==n||e[7]!==r||e[8]!==s?(c=()=>_(o.registerCommand(L,l=>{let C=o.getElementByKey(t);return l.target===C?(l.shiftKey||i(),n(!r),!0):!1},d),o.registerCommand(x,s,d),o.registerCommand(R,s,d)),f=[i,o,r,t,s,n],e[3]=o,e[4]=t,e[5]=i,e[6]=n,e[7]=r,e[8]=s,e[9]=c,e[10]=f):(c=e[9],f=e[10]),p(c,f);let a,u;return e[11]!==o||e[12]!==t||e[13]!==r?(a=()=>{let l=o.getElementByKey(t);l!==null&&(r?S(l,N):D(l,N))},u=[o,r,t],e[11]=o,e[12]=t,e[13]=r,e[14]=a,e[15]=u):(a=e[14],u=e[15]),p(a,u),null}export{P as HorizontalRuleComponent};
+//# sourceMappingURL=component-LLWMZU6K.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/horizontalRule/client/component/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { NodeKey } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js'\nimport { addClassNamesToElement, mergeRegister, removeClassNamesFromElement } from '@lexical/utils'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\nimport { useCallback, useEffect } from 'react'\n\nimport { $isHorizontalRuleNode } from '../nodes/HorizontalRuleNode.js'\n\nconst isSelectedClassName = 'selected'\n\n/**\n * React component rendered in the lexical editor, WITHIN the hr element created by createDOM of the HorizontalRuleNode.\n *\n * @param nodeKey every node has a unique key (this key is not saved to the database and thus may differ between sessions). It's useful for working with the CURRENT lexical editor state\n */\nexport function HorizontalRuleComponent({ nodeKey }: { nodeKey: NodeKey }) {\n  const [editor] = useLexicalComposerContext()\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isHorizontalRuleNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        CLICK_COMMAND,\n        (event: MouseEvent) => {\n          const hrElem = editor.getElementByKey(nodeKey)\n\n          if (event.target === hrElem) {\n            if (!event.shiftKey) {\n              clearSelection()\n            }\n            setSelected(!isSelected)\n            return true\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected])\n\n  useEffect(() => {\n    const hrElem = editor.getElementByKey(nodeKey)\n    if (hrElem !== null) {\n      if (isSelected) {\n        addClassNamesToElement(hrElem, isSelectedClassName)\n      } else {\n        removeClassNamesFromElement(hrElem, isSelectedClassName)\n      }\n    }\n  }, [editor, isSelected, nodeKey])\n\n  return null\n}\n"],
+  "mappings": "qDAAA,OAAAA,KAAAC,MAAA,yBAIA,OAASC,6BAAAA,MAAiC,2CAC1C,OAASC,2BAAAA,MAA+B,4CACxC,OAASC,0BAAAA,EAAwBC,iBAAAA,EAAeC,+BAAAA,MAAmC,iBACnF,OACEC,iBAAAA,EACAC,iBAAAA,EACAC,oBAAAA,EACAC,iBAAAA,EACAC,wBAAAA,EACAC,yBAAAA,EACAC,sBAAAA,MACK,UACP,OAAsBC,aAAAA,MAAiB,QAIvC,IAAMC,EAAsB,WAOrB,SAAAC,EAAAC,EAAA,CAAA,IAAAC,EAAAC,EAAA,EAAA,EAAiC,CAAAC,QAAAA,CAAA,EAAAH,EACtC,CAAAI,CAAA,EAAiBC,EAAA,EACjB,CAAAC,EAAAC,EAAAC,CAAA,EAAkDC,EAAwBN,CAAA,EAAAO,EAAAT,EAAA,CAAA,IAAAK,GAAAL,EAAA,CAAA,IAAAE,GAGxEO,EAAAC,GAAA,CAAA,GACML,GAAcM,EAAiBC,EAAA,CAAA,EAAA,CACjCF,EAAAG,eAAoB,EACpB,IAAAC,EAAaC,EAAcb,CAAA,EAAA,GACvBc,EAAsBF,CAAA,EACxBA,OAAAA,EAAAG,OAAW,EAAA,EAAA,CAAA,MAAA,EAAA,EAKjBjB,EAAA,CAAA,EAAAK,EAAAL,EAAA,CAAA,EAAAE,EAAAF,EAAA,CAAA,EAAAS,GAAAA,EAAAT,EAAA,CAAA,EAXF,IAAAkB,EAAkBT,EAYKU,EAAAC,EAAApB,EAAA,CAAA,IAAAG,GAAAH,EAAA,CAAA,IAAAE,GAAAF,EAAA,CAAA,IAAAO,GAAAP,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAK,GAAAL,EAAA,CAAA,IAAAkB,GAGbC,EAAAA,IACDE,EACLlB,EAAAmB,gBAAAC,EAAAC,GAAA,CAGI,IAAAC,EAAetB,EAAAuB,gBAAuBxB,CAAA,EAAA,OAElCQ,EAAAiB,SAAiBF,GACdf,EAAAkB,UACHrB,EAAA,EAEFD,EAAA,CAAaD,CAAA,EAAA,IAAA,EAAA,EAAAwB,CAMjB,EAEF1B,EAAAmB,gBAAAQ,EAA2CZ,EAAAW,CAAW,EACtD1B,EAAAmB,gBAAAS,EAA8Cb,EAAAW,CAAW,CAAA,EAE1DT,EAAA,CAACb,EAAgBJ,EAAQE,EAAYH,EAASgB,EAAWZ,CAAA,EAAYN,EAAA,CAAA,EAAAG,EAAAH,EAAA,CAAA,EAAAE,EAAAF,EAAA,CAAA,EAAAO,EAAAP,EAAA,CAAA,EAAAM,EAAAN,EAAA,CAAA,EAAAK,EAAAL,EAAA,CAAA,EAAAkB,EAAAlB,EAAA,CAAA,EAAAmB,EAAAnB,EAAA,EAAA,EAAAoB,IAAAD,EAAAnB,EAAA,CAAA,EAAAoB,EAAApB,EAAA,EAAA,GAtBxEgC,EAAUb,EAsBPC,CAAqE,EAAA,IAAAa,EAAAC,EAAA,OAAAlC,EAAA,EAAA,IAAAG,GAAAH,EAAA,EAAA,IAAAE,GAAAF,EAAA,EAAA,IAAAK,GAE9D4B,EAAAA,IAAA,CACR,IAAAE,EAAehC,EAAAuB,gBAAuBxB,CAAA,EAClCuB,IAAA,OACEpB,EACF+B,EAAuBX,EAAA5B,CAAQ,EAE/BwC,EAA4BZ,EAAA5B,CAAQ,EAAA,EAGvCqC,EAAA,CAAC/B,EAAQE,EAAYH,CAAA,EAAQF,EAAA,EAAA,EAAAG,EAAAH,EAAA,EAAA,EAAAE,EAAAF,EAAA,EAAA,EAAAK,EAAAL,EAAA,EAAA,EAAAiC,EAAAjC,EAAA,EAAA,EAAAkC,IAAAD,EAAAjC,EAAA,EAAA,EAAAkC,EAAAlC,EAAA,EAAA,GAThCgC,EAAUC,EASPC,CAA6B,EAAA,IAAA",
+  "names": ["c", "_c", "useLexicalComposerContext", "useLexicalNodeSelection", "addClassNamesToElement", "mergeRegister", "removeClassNamesFromElement", "$getNodeByKey", "$getSelection", "$isNodeSelection", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_BACKSPACE_COMMAND", "KEY_DELETE_COMMAND", "useEffect", "isSelectedClassName", "HorizontalRuleComponent", "t0", "$", "_c", "nodeKey", "editor", "useLexicalComposerContext", "isSelected", "setSelected", "clearSelection", "useLexicalNodeSelection", "t1", "event", "$isNodeSelection", "$getSelection", "preventDefault", "node", "$getNodeByKey", "$isHorizontalRuleNode", "remove", "$onDelete", "t2", "t3", "mergeRegister", "registerCommand", "CLICK_COMMAND", "event_0", "hrElem", "getElementByKey", "target", "shiftKey", "COMMAND_PRIORITY_LOW", "KEY_DELETE_COMMAND", "KEY_BACKSPACE_COMMAND", "useEffect", "t4", "t5", "hrElem_0", "addClassNamesToElement", "removeClassNamesFromElement"]
+}

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

@@ -0,0 +1,2 @@
+"use client";import{c as N,f as x}from"./chunk-YL453UOS.js";import{b as p}from"./chunk-OLSILJA6.js";import{jsx as a,jsxs as E}from"react/jsx-runtime";import{useCallback as f,useEffect as I,useRef as K}from"react";import{useLexicalComposerContext as L}from"@lexical/react/LexicalComposerContext";import{useLexicalNodeSelection as S}from"@lexical/react/useLexicalNodeSelection";import{mergeRegister as $}from"@lexical/utils";import{getTranslation as M}from"@payloadcms/translations";import{Button as v,RenderComponent as h,useTranslation as A}from"@payloadcms/ui";import{$getNodeByKey as D,$getSelection as T,$isNodeSelection as P,CLICK_COMMAND as j,COMMAND_PRIORITY_LOW as b,KEY_BACKSPACE_COMMAND as Y,KEY_DELETE_COMMAND as z}from"lexical";var s="inline-block",le=y=>{let{formData:r,nodeKey:o}=y,[e]=L(),{i18n:C,t:k}=A(),{field:_}=p(),m=K(null),[l,c,d]=S(o),{field:{richTextComponentMap:O}}=p(),t=O.get("lexical_internal_feature.blocks.fields.lexical_inline_blocks")[0].blocks.find(n=>n.slug===r.blockType),R=f(()=>{e.update(()=>{D(o).remove()})},[e,o]),u=f(n=>{if(l&&P(T())){n.preventDefault();let i=D(o);if(x(i))return i.remove(),!0}return!1},[l,o]),g=f(n=>{let i=n;return i.target===m.current||m.current?.contains(i.target)?(i.shiftKey?c(!l):l||(d(),c(!0)),!0):!1},[l,c,d]);I(()=>$(e.registerCommand(j,g,b),e.registerCommand(z,u,b),e.registerCommand(Y,u,b)),[d,e,l,o,u,c,g]);let B=t?.labels?.singular?M(t.labels.singular,C):t.slug;return E("div",{className:[s,s+"-"+r.blockType,l&&`${s}--selected`].filter(Boolean).join(" "),ref:m,children:[t?.admin?.components?.Label?a(h,{clientProps:{blockKind:"lexicalInlineBlock",formData:r},mappedComponent:t.admin.components.Label}):a("div",{children:M(t.labels?.singular,C)}),e.isEditable()&&E("div",{className:`${s}__actions`,children:[a(v,{buttonStyle:"icon-label",className:`${s}__editButton`,disabled:_?.admin?.readOnly,el:"div",icon:"edit",onClick:()=>{e.dispatchCommand(N,{fields:r,nodeKey:o})},round:!0,size:"small",tooltip:k("lexical:blocks:inlineBlocks:edit",{label:B})}),a(v,{buttonStyle:"icon-label",className:`${s}__removeButton`,disabled:_?.admin?.readOnly,icon:"x",onClick:n=>{n.preventDefault(),R()},round:!0,size:"small",tooltip:k("lexical:blocks:inlineBlocks:remove",{label:B})})]})]})};export{le as InlineBlockComponent};
+//# sourceMappingURL=componentInline-YSHGRL2J.js.map

package/dist/exports/client/componentInline-YSHGRL2J.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/blocks/client/componentInline/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlockFieldClient } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, RenderComponent, useTranslation } from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\n\nimport type { InlineBlockFields } from '../nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\nimport { OPEN_INLINE_BLOCK_DRAWER_COMMAND } from '../plugin/commands.js'\nimport './index.scss'\n\ntype Props = {\n  readonly formData: InlineBlockFields\n  readonly nodeKey?: string\n}\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { formData, nodeKey } = props\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const { field } = useEditorConfigContext()\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n  const blocksField: BlockFieldClient = richTextComponentMap.get(componentMapRenderedBlockPath)[0]\n  const clientBlock = blocksField.blocks.find((block) => block.slug === formData.blockType)\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isInlineBlockNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n  const onClick = useCallback(\n    (payload: MouseEvent) => {\n      const event = payload\n      // Check if inlineBlockElemElemRef.target or anything WITHIN inlineBlockElemElemRef.target was clicked\n      if (\n        event.target === inlineBlockElemElemRef.current ||\n        inlineBlockElemElemRef.current?.contains(event.target as Node)\n      ) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock.slug\n\n  return (\n    <div\n      className={[\n        baseClass,\n        baseClass + '-' + formData.blockType,\n        isSelected && `${baseClass}--selected`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={inlineBlockElemElemRef}\n    >\n      {clientBlock?.admin?.components?.Label ? (\n        <RenderComponent\n          clientProps={{ blockKind: 'lexicalInlineBlock', formData }}\n          mappedComponent={clientBlock.admin.components.Label}\n        />\n      ) : (\n        <div>{getTranslation(clientBlock.labels?.singular, i18n)}</div>\n      )}\n      {editor.isEditable() && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__editButton`}\n            disabled={field?.admin?.readOnly}\n            el=\"div\"\n            icon=\"edit\"\n            onClick={() => {\n              editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                fields: formData,\n                nodeKey,\n              })\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__removeButton`}\n            disabled={field?.admin?.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        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["useCallback", "useEffect", "useRef", "useLexicalComposerContext", "useLexicalNodeSelection", "mergeRegister", "getTranslation", "Button", "RenderComponent", "useTranslation", "$getNodeByKey", "$getSelection", "$isNodeSelection", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_BACKSPACE_COMMAND", "KEY_DELETE_COMMAND", "baseClass", "InlineBlockComponent", "props", "formData", "nodeKey", "editor", "useLexicalComposerContext", "i18n", "t", "useTranslation", "field", "useEditorConfigContext", "inlineBlockElemElemRef", "useRef", "isSelected", "setSelected", "clearSelection", "useLexicalNodeSelection", "richTextComponentMap", "clientBlock", "get", "blocks", "find", "block", "slug", "blockType", "removeInlineBlock", "useCallback", "update", "$getNodeByKey", "remove", "$onDelete", "event", "$isNodeSelection", "$getSelection", "preventDefault", "node", "$isInlineBlockNode", "onClick", "payload", "target", "current", "contains", "shiftKey", "useEffect", "mergeRegister", "registerCommand", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_DELETE_COMMAND", "KEY_BACKSPACE_COMMAND", "blockDisplayName", "labels", "singular", "getTranslation", "_jsxs", "className", "filter", "Boolean", "join", "ref", "admin", "components", "Label", "_jsx", "RenderComponent", "clientProps", "blockKind", "mappedComponent", "isEditable", "Button", "buttonStyle", "disabled", "readOnly", "el", "icon", "dispatchCommand", "OPEN_INLINE_BLOCK_DRAWER_COMMAND", "fields", "round", "size", "tooltip", "label", "e"]
+}