@payloadcms/richtext-lexical 3.0.0-beta.11 → 3.0.0-beta.111

package/dist/features/migrations/slateToLexical/feature.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.server.js","names":["createServerFeature","defaultSlateConverters","convertSlateToLexical","UnknownConvertedNode","SlateToLexicalFeature","feature","props","converters","defaultConverters","ClientFeature","hooks","disableHooks","undefined","afterRead","value","Array","isArray","slateData","nodes","node","sanitizedServerFeatureProps","key"],"sources":["../../../../src/features/migrations/slateToLexical/feature.server.ts"],"sourcesContent":["import type { SlateNodeConverter } from './converter/types.js'\n\nimport { createServerFeature } from '../../../utilities/createServerFeature.js'\nimport { defaultSlateConverters } from './converter/defaultConverters.js'\nimport { convertSlateToLexical } from './converter/index.js'\nimport { UnknownConvertedNode } from './nodes/unknownConvertedNode/index.js'\n\nexport type SlateToLexicalFeatureProps = {\n  converters?:\n    | (({ defaultConverters }: { defaultConverters: SlateNodeConverter[] }) => SlateNodeConverter[])\n    | SlateNodeConverter[]\n  disableHooks?: boolean\n}\n\nexport const SlateToLexicalFeature = createServerFeature<\n  SlateToLexicalFeatureProps,\n  {\n    converters?: SlateNodeConverter[]\n  }\n>({\n  feature: ({ props }) => {\n    if (!props) {\n      props = {}\n    }\n\n    let converters: SlateNodeConverter[] = []\n    if (props?.converters && typeof props?.converters === 'function') {\n      converters = props.converters({ defaultConverters: defaultSlateConverters })\n    } else if (props.converters && typeof props?.converters !== 'function') {\n      converters = props.converters\n    } else {\n      converters = defaultSlateConverters\n    }\n\n    props.converters = converters\n\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#SlateToLexicalFeatureClient',\n      hooks: props.disableHooks\n        ? undefined\n        : {\n            afterRead: [\n              ({ value }) => {\n                if (!value || !Array.isArray(value) || 'root' in value) {\n                  // incomingEditorState null or not from Slate\n                  return value\n                }\n\n                // Slate => convert to lexical\n                return convertSlateToLexical({\n                  converters: props.converters as SlateNodeConverter[],\n                  slateData: value,\n                })\n              },\n            ],\n          },\n      nodes: [\n        {\n          node: UnknownConvertedNode,\n        },\n      ],\n      sanitizedServerFeatureProps: {\n        converters,\n      },\n    }\n  },\n  key: 'slateToLexical',\n})\n"],"mappings":"AAEA,SAASA,mBAAmB,QAAQ;AACpC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,oBAAoB,QAAQ;AASrC,OAAO,MAAMC,qBAAA,GAAwBJ,mBAAA,CAKnC;EACAK,OAAA,EAASA,CAAC;IAAEC;EAAK,CAAE;IACjB,IAAI,CAACA,KAAA,EAAO;MACVA,KAAA,GAAQ,CAAC;IACX;IAEA,IAAIC,UAAA,GAAmC,EAAE;IACzC,IAAID,KAAA,EAAOC,UAAA,IAAc,OAAOD,KAAA,EAAOC,UAAA,KAAe,YAAY;MAChEA,UAAA,GAAaD,KAAA,CAAMC,UAAU,CAAC;QAAEC,iBAAA,EAAmBP;MAAuB;IAC5E,OAAO,IAAIK,KAAA,CAAMC,UAAU,IAAI,OAAOD,KAAA,EAAOC,UAAA,KAAe,YAAY;MACtEA,UAAA,GAAaD,KAAA,CAAMC,UAAU;IAC/B,OAAO;MACLA,UAAA,GAAaN,sBAAA;IACf;IAEAK,KAAA,CAAMC,UAAU,GAAGA,UAAA;IAEnB,OAAO;MACLE,aAAA,EAAe;MACfC,KAAA,EAAOJ,KAAA,CAAMK,YAAY,GACrBC,SAAA,GACA;QACEC,SAAA,EAAW,CACT,CAAC;UAAEC;QAAK,CAAE;UACR,IAAI,CAACA,KAAA,IAAS,CAACC,KAAA,CAAMC,OAAO,CAACF,KAAA,KAAU,UAAUA,KAAA,EAAO;YACtD;YACA,OAAOA,KAAA;UACT;UAEA;UACA,OAAOZ,qBAAA,CAAsB;YAC3BK,UAAA,EAAYD,KAAA,CAAMC,UAAU;YAC5BU,SAAA,EAAWH;UACb;QACF;MAEJ;MACJI,KAAA,EAAO,CACL;QACEC,IAAA,EAAMhB;MACR,EACD;MACDiB,2BAAA,EAA6B;QAC3Bb;MACF;IACF;EACF;EACAc,GAAA,EAAK;AACP","ignoreList":[]}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAE1D,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,wBAAwB,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQzD,CAAA"}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.js

@@ -0,0 +1,15 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const UnknownConvertedNodeComponent = props => {
+  const {
+    data
+  } = props;
+  return /*#__PURE__*/_jsxs("div", {
+    children: ["Unknown converted Slate node: ", /*#__PURE__*/_jsx("strong", {
+      children: data?.nodeType
+    })]
+  });
+};
+//# sourceMappingURL=Component.js.map

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","names":["React","UnknownConvertedNodeComponent","props","data","_jsxs","_jsx","nodeType"],"sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted Slate node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAUlB,OAAO,MAAMC,6BAAA,GAAkDC,KAAA;EAC7D,MAAM;IAAEC;EAAI,CAAE,GAAGD,KAAA;EAEjB,oBACEE,KAAA,CAAC;eAAI,kC,aAC2BC,IAAA,CAAC;gBAAQF,IAAA,EAAMG;;;AAGnD","ignoreList":[]}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.d.ts

@@ -0,0 +1,33 @@
+import type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import type { JSX } from 'react';
+import { DecoratorNode } from 'lexical';
+export type UnknownConvertedNodeData = {
+    nodeData: unknown;
+    nodeType: string;
+};
+export type SerializedUnknownConvertedNode = Spread<{
+    data: UnknownConvertedNodeData;
+}, SerializedLexicalNode>;
+/** @noInheritDoc */
+export declare class UnknownConvertedNode extends DecoratorNode<JSX.Element> {
+    __data: UnknownConvertedNodeData;
+    constructor({ data, key }: {
+        data: UnknownConvertedNodeData;
+        key?: NodeKey;
+    });
+    static clone(node: UnknownConvertedNode): UnknownConvertedNode;
+    static getType(): string;
+    static importJSON(serializedNode: SerializedUnknownConvertedNode): UnknownConvertedNode;
+    canInsertTextAfter(): true;
+    canInsertTextBefore(): true;
+    createDOM(config: EditorConfig): HTMLElement;
+    decorate(): JSX.Element;
+    exportJSON(): SerializedUnknownConvertedNode;
+    isInline(): boolean;
+    updateDOM(prevNode: UnknownConvertedNode, dom: HTMLElement): boolean;
+}
+export declare function $createUnknownConvertedNode({ data, }: {
+    data: UnknownConvertedNodeData;
+}): UnknownConvertedNode;
+export declare function $isUnknownConvertedNode(node: LexicalNode | null | undefined): node is UnknownConvertedNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAChG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGvC,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,CACjD;IACE,IAAI,EAAE,wBAAwB,CAAA;CAC/B,EACD,qBAAqB,CACtB,CAAA;AAQD,oBAAoB;AACpB,qBAAa,oBAAqB,SAAQ,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC;IAClE,MAAM,EAAE,wBAAwB,CAAA;gBAEpB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;QAAE,IAAI,EAAE,wBAAwB,CAAC;QAAC,GAAG,CAAC,EAAE,OAAO,CAAA;KAAE;IAK5E,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,oBAAoB,GAAG,oBAAoB;IAO9D,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,8BAA8B,GAAG,oBAAoB;IAKvF,kBAAkB,IAAI,IAAI;IAI1B,mBAAmB,IAAI,IAAI;IAI3B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,QAAQ,IAAI,GAAG,CAAC,OAAO;IAIvB,UAAU,IAAI,8BAA8B;IAU5C,QAAQ,IAAI,OAAO;IAInB,SAAS,CAAC,QAAQ,EAAE,oBAAoB,EAAE,GAAG,EAAE,WAAW,GAAG,OAAO;CAGrE;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,GACL,EAAE;IACD,IAAI,EAAE,wBAAwB,CAAA;CAC/B,GAAG,oBAAoB,CAIvB;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,oBAAoB,CAE9B"}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { addClassNamesToElement } from '@lexical/utils';
+import { DecoratorNode } from 'lexical';
+import * as React from 'react';
+const Component = /*#__PURE__*/React.lazy(() => import('./Component.js').then(module => ({
+  default: module.UnknownConvertedNodeComponent
+})));
+/** @noInheritDoc */
+export class UnknownConvertedNode extends DecoratorNode {
+  __data;
+  constructor({
+    data,
+    key
+  }) {
+    super(key);
+    this.__data = data;
+  }
+  static clone(node) {
+    return new UnknownConvertedNode({
+      data: node.__data,
+      key: node.__key
+    });
+  }
+  static getType() {
+    return 'unknownConverted';
+  }
+  static importJSON(serializedNode) {
+    const node = $createUnknownConvertedNode({
+      data: serializedNode.data
+    });
+    return node;
+  }
+  canInsertTextAfter() {
+    return true;
+  }
+  canInsertTextBefore() {
+    return true;
+  }
+  createDOM(config) {
+    const element = document.createElement('span');
+    addClassNamesToElement(element, 'unknownConverted');
+    return element;
+  }
+  decorate() {
+    return /*#__PURE__*/_jsx(Component, {
+      data: this.__data
+    });
+  }
+  exportJSON() {
+    return {
+      type: this.getType(),
+      data: this.__data,
+      version: 1
+    };
+  }
+  // Mutation
+  isInline() {
+    return true;
+  }
+  updateDOM(prevNode, dom) {
+    return false;
+  }
+}
+export function $createUnknownConvertedNode({
+  data
+}) {
+  return new UnknownConvertedNode({
+    data
+  });
+}
+export function $isUnknownConvertedNode(node) {
+  return node instanceof UnknownConvertedNode;
+}
+//# sourceMappingURL=index.js.map

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["addClassNamesToElement","DecoratorNode","React","Component","lazy","then","module","default","UnknownConvertedNodeComponent","UnknownConvertedNode","__data","constructor","data","key","clone","node","__key","getType","importJSON","serializedNode","$createUnknownConvertedNode","canInsertTextAfter","canInsertTextBefore","createDOM","config","element","document","createElement","decorate","_jsx","exportJSON","type","version","isInline","updateDOM","prevNode","dom","$isUnknownConvertedNode"],"sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.tsx"],"sourcesContent":["import type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { DecoratorNode } from 'lexical'\nimport * as React from 'react'\n\nexport type UnknownConvertedNodeData = {\n  nodeData: unknown\n  nodeType: string\n}\n\nexport type SerializedUnknownConvertedNode = Spread<\n  {\n    data: UnknownConvertedNodeData\n  },\n  SerializedLexicalNode\n>\n\nconst Component = React.lazy(() =>\n  import('./Component.js').then((module) => ({\n    default: module.UnknownConvertedNodeComponent,\n  })),\n)\n\n/** @noInheritDoc */\nexport class UnknownConvertedNode extends DecoratorNode<JSX.Element> {\n  __data: UnknownConvertedNodeData\n\n  constructor({ data, key }: { data: UnknownConvertedNodeData; key?: NodeKey }) {\n    super(key)\n    this.__data = data\n  }\n\n  static clone(node: UnknownConvertedNode): UnknownConvertedNode {\n    return new UnknownConvertedNode({\n      data: node.__data,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'unknownConverted'\n  }\n\n  static importJSON(serializedNode: SerializedUnknownConvertedNode): UnknownConvertedNode {\n    const node = $createUnknownConvertedNode({ data: serializedNode.data })\n    return node\n  }\n\n  canInsertTextAfter(): true {\n    return true\n  }\n\n  canInsertTextBefore(): true {\n    return true\n  }\n\n  createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('span')\n    addClassNamesToElement(element, 'unknownConverted')\n    return element\n  }\n\n  decorate(): JSX.Element {\n    return <Component data={this.__data} />\n  }\n\n  exportJSON(): SerializedUnknownConvertedNode {\n    return {\n      type: this.getType(),\n      data: this.__data,\n      version: 1,\n    }\n  }\n\n  // Mutation\n\n  isInline(): boolean {\n    return true\n  }\n\n  updateDOM(prevNode: UnknownConvertedNode, dom: HTMLElement): boolean {\n    return false\n  }\n}\n\nexport function $createUnknownConvertedNode({\n  data,\n}: {\n  data: UnknownConvertedNodeData\n}): UnknownConvertedNode {\n  return new UnknownConvertedNode({\n    data,\n  })\n}\n\nexport function $isUnknownConvertedNode(\n  node: LexicalNode | null | undefined,\n): node is UnknownConvertedNode {\n  return node instanceof UnknownConvertedNode\n}\n"],"mappings":";AAGA,SAASA,sBAAsB,QAAQ;AACvC,SAASC,aAAa,QAAQ;AAC9B,YAAYC,KAAA,MAAW;AAcvB,MAAMC,SAAA,gBAAYD,KAAA,CAAME,IAAI,CAAC,MAC3B,MAAM,CAAC,kBAAkBC,IAAI,CAAEC,MAAA,KAAY;EACzCC,OAAA,EAASD,MAAA,CAAOE;AAClB;AAGF;AACA,OAAO,MAAMC,oBAAA,SAA6BR,aAAA;EACxCS,MAAA;EAEAC,YAAY;IAAEC,IAAI;IAAEC;EAAG,CAAqD,EAAE;IAC5E,KAAK,CAACA,GAAA;IACN,IAAI,CAACH,MAAM,GAAGE,IAAA;EAChB;EAEA,OAAOE,MAAMC,IAA0B,EAAwB;IAC7D,OAAO,IAAIN,oBAAA,CAAqB;MAC9BG,IAAA,EAAMG,IAAA,CAAKL,MAAM;MACjBG,GAAA,EAAKE,IAAA,CAAKC;IACZ;EACF;EAEA,OAAOC,QAAA,EAAkB;IACvB,OAAO;EACT;EAEA,OAAOC,WAAWC,cAA8C,EAAwB;IACtF,MAAMJ,IAAA,GAAOK,2BAAA,CAA4B;MAAER,IAAA,EAAMO,cAAA,CAAeP;IAAK;IACrE,OAAOG,IAAA;EACT;EAEAM,mBAAA,EAA2B;IACzB,OAAO;EACT;EAEAC,oBAAA,EAA4B;IAC1B,OAAO;EACT;EAEAC,UAAUC,MAAoB,EAAe;IAC3C,MAAMC,OAAA,GAAUC,QAAA,CAASC,aAAa,CAAC;IACvC3B,sBAAA,CAAuByB,OAAA,EAAS;IAChC,OAAOA,OAAA;EACT;EAEAG,SAAA,EAAwB;IACtB,oBAAOC,IAAA,CAAC1B,SAAA;MAAUS,IAAA,EAAM,IAAI,CAACF;;EAC/B;EAEAoB,WAAA,EAA6C;IAC3C,OAAO;MACLC,IAAA,EAAM,IAAI,CAACd,OAAO;MAClBL,IAAA,EAAM,IAAI,CAACF,MAAM;MACjBsB,OAAA,EAAS;IACX;EACF;EAEA;EAEAC,SAAA,EAAoB;IAClB,OAAO;EACT;EAEAC,UAAUC,QAA8B,EAAEC,GAAgB,EAAW;IACnE,OAAO;EACT;AACF;AAEA,OAAO,SAAShB,4BAA4B;EAC1CR;AAAI,CAGL;EACC,OAAO,IAAIH,oBAAA,CAAqB;IAC9BG;EACF;AACF;AAEA,OAAO,SAASyB,wBACdtB,IAAoC;EAEpC,OAAOA,IAAA,YAAgBN,oBAAA;AACzB","ignoreList":[]}

package/dist/features/paragraph/client/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ParagraphFeatureClient: import("../../typesClient.js").FeatureProviderProviderClient<undefined, undefined>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/paragraph/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/paragraph/client/index.tsx"],"names":[],"mappings":"AA0CA,eAAO,MAAM,sBAAsB,oFA2BjC,CAAA"}

package/dist/features/paragraph/client/index.js

@@ -0,0 +1,68 @@
+'use client';
+
+import { $setBlocksType } from '@lexical/selection';
+import { $createParagraphNode, $getSelection, $isParagraphNode, $isRangeSelection } from 'lexical';
+import { TextIcon } from '../../../lexical/ui/icons/Text/index.js';
+import { createClientFeature } from '../../../utilities/createClientFeature.js';
+import { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js';
+import { toolbarTextDropdownGroupWithItems } from '../../shared/toolbar/textDropdownGroup.js';
+const toolbarGroups = [toolbarTextDropdownGroupWithItems([{
+  ChildComponent: TextIcon,
+  isActive: ({
+    selection
+  }) => {
+    if (!$isRangeSelection(selection)) {
+      return false;
+    }
+    for (const node of selection.getNodes()) {
+      if (!$isParagraphNode(node) && !$isParagraphNode(node.getParent())) {
+        return false;
+      }
+    }
+    return true;
+  },
+  key: 'paragraph',
+  label: ({
+    i18n
+  }) => {
+    return i18n.t('lexical:paragraph:label2');
+  },
+  onSelect: ({
+    editor
+  }) => {
+    editor.update(() => {
+      const selection = $getSelection();
+      $setBlocksType(selection, () => $createParagraphNode());
+    });
+  },
+  order: 1
+}])];
+export const ParagraphFeatureClient = createClientFeature({
+  slashMenu: {
+    groups: [slashMenuBasicGroupWithItems([{
+      Icon: TextIcon,
+      key: 'paragraph',
+      keywords: ['normal', 'paragraph', 'p', 'text'],
+      label: ({
+        i18n
+      }) => {
+        return i18n.t('lexical:paragraph:label');
+      },
+      onSelect: ({
+        editor
+      }) => {
+        editor.update(() => {
+          const selection = $getSelection();
+          $setBlocksType(selection, () => $createParagraphNode());
+        });
+      }
+    }])]
+  },
+  toolbarFixed: {
+    groups: toolbarGroups
+  },
+  toolbarInline: {
+    groups: toolbarGroups
+  }
+});
+//# sourceMappingURL=index.js.map

package/dist/features/paragraph/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["$setBlocksType","$createParagraphNode","$getSelection","$isParagraphNode","$isRangeSelection","TextIcon","createClientFeature","slashMenuBasicGroupWithItems","toolbarTextDropdownGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","node","getNodes","getParent","key","label","i18n","t","onSelect","editor","update","order","ParagraphFeatureClient","slashMenu","groups","Icon","keywords","toolbarFixed","toolbarInline"],"sources":["../../../../src/features/paragraph/client/index.tsx"],"sourcesContent":["'use client'\n\nimport { $setBlocksType } from '@lexical/selection'\nimport { $createParagraphNode, $getSelection, $isParagraphNode, $isRangeSelection } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { TextIcon } from '../../../lexical/ui/icons/Text/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js'\nimport { toolbarTextDropdownGroupWithItems } from '../../shared/toolbar/textDropdownGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarTextDropdownGroupWithItems([\n    {\n      ChildComponent: TextIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if (!$isParagraphNode(node) && !$isParagraphNode(node.getParent())) {\n            return false\n          }\n        }\n        return true\n      },\n      key: 'paragraph',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:paragraph:label2')\n      },\n      onSelect: ({ editor }) => {\n        editor.update(() => {\n          const selection = $getSelection()\n          $setBlocksType(selection, () => $createParagraphNode())\n        })\n      },\n      order: 1,\n    },\n  ]),\n]\n\nexport const ParagraphFeatureClient = createClientFeature({\n  slashMenu: {\n    groups: [\n      slashMenuBasicGroupWithItems([\n        {\n          Icon: TextIcon,\n          key: 'paragraph',\n          keywords: ['normal', 'paragraph', 'p', 'text'],\n          label: ({ i18n }) => {\n            return i18n.t('lexical:paragraph:label')\n          },\n          onSelect: ({ editor }) => {\n            editor.update(() => {\n              const selection = $getSelection()\n              $setBlocksType(selection, () => $createParagraphNode())\n            })\n          },\n        },\n      ]),\n    ],\n  },\n  toolbarFixed: {\n    groups: toolbarGroups,\n  },\n  toolbarInline: {\n    groups: toolbarGroups,\n  },\n})\n"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ;AAIzF,SAASC,QAAQ,QAAQ;AACzB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,iCAAiC,QAAQ;AAElD,MAAMC,aAAA,GAAgC,CACpCD,iCAAA,CAAkC,CAChC;EACEE,cAAA,EAAgBL,QAAA;EAChBM,QAAA,EAAUA,CAAC;IAAEC;EAAS,CAAE;IACtB,IAAI,CAACR,iBAAA,CAAkBQ,SAAA,GAAY;MACjC,OAAO;IACT;IACA,KAAK,MAAMC,IAAA,IAAQD,SAAA,CAAUE,QAAQ,IAAI;MACvC,IAAI,CAACX,gBAAA,CAAiBU,IAAA,KAAS,CAACV,gBAAA,CAAiBU,IAAA,CAAKE,SAAS,KAAK;QAClE,OAAO;MACT;IACF;IACA,OAAO;EACT;EACAC,GAAA,EAAK;EACLC,KAAA,EAAOA,CAAC;IAAEC;EAAI,CAAE;IACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;EAChB;EACAC,QAAA,EAAUA,CAAC;IAAEC;EAAM,CAAE;IACnBA,MAAA,CAAOC,MAAM,CAAC;MACZ,MAAMV,SAAA,GAAYV,aAAA;MAClBF,cAAA,CAAeY,SAAA,EAAW,MAAMX,oBAAA;IAClC;EACF;EACAsB,KAAA,EAAO;AACT,EACD,EACF;AAED,OAAO,MAAMC,sBAAA,GAAyBlB,mBAAA,CAAoB;EACxDmB,SAAA,EAAW;IACTC,MAAA,EAAQ,CACNnB,4BAAA,CAA6B,CAC3B;MACEoB,IAAA,EAAMtB,QAAA;MACNW,GAAA,EAAK;MACLY,QAAA,EAAU,CAAC,UAAU,aAAa,KAAK,OAAO;MAC9CX,KAAA,EAAOA,CAAC;QAAEC;MAAI,CAAE;QACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;MAChB;MACAC,QAAA,EAAUA,CAAC;QAAEC;MAAM,CAAE;QACnBA,MAAA,CAAOC,MAAM,CAAC;UACZ,MAAMV,SAAA,GAAYV,aAAA;UAClBF,cAAA,CAAeY,SAAA,EAAW,MAAMX,oBAAA;QAClC;MACF;IACF,EACD;EAEL;EACA4B,YAAA,EAAc;IACZH,MAAA,EAAQjB;EACV;EACAqB,aAAA,EAAe;IACbJ,MAAA,EAAQjB;EACV;AACF","ignoreList":[]}

package/dist/features/paragraph/server/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { GenericLanguages } from '@payloadcms/translations';
+export declare const i18n: Partial<GenericLanguages>;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/features/paragraph/server/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/features/paragraph/server/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAiI1C,CAAA"}

package/dist/features/paragraph/server/i18n.js

@@ -0,0 +1,131 @@
+export const i18n = {
+  ar: {
+    label: 'فقرة',
+    label2: 'نص عادي'
+  },
+  az: {
+    label: 'Paraqraf',
+    label2: 'Normal Mətn'
+  },
+  bg: {
+    label: 'Параграф',
+    label2: 'Нормален текст'
+  },
+  cs: {
+    label: 'Odstavec',
+    label2: 'Normální text'
+  },
+  de: {
+    label: 'Paragraph',
+    label2: 'Normaler Text'
+  },
+  en: {
+    label: 'Paragraph',
+    label2: 'Normal Text'
+  },
+  es: {
+    label: 'Párrafo',
+    label2: 'Texto normal'
+  },
+  fa: {
+    label: 'پاراگراف',
+    label2: 'متن عادی'
+  },
+  fr: {
+    label: 'Paragraphe',
+    label2: 'Texte normal'
+  },
+  he: {
+    label: 'פסקה',
+    label2: 'טקסט רגיל'
+  },
+  hr: {
+    label: 'Odlomak',
+    label2: 'Normalan tekst'
+  },
+  hu: {
+    label: 'Bekezdés',
+    label2: 'Normál szöveg'
+  },
+  it: {
+    label: 'Paragrafo',
+    label2: 'Testo normale'
+  },
+  ja: {
+    label: '段落',
+    label2: '通常のテキスト'
+  },
+  ko: {
+    label: '문단',
+    label2: '일반 텍스트'
+  },
+  my: {
+    label: 'Perenggan',
+    label2: 'ပုံမှန်စာသား'
+  },
+  nb: {
+    label: 'Avsnitt',
+    label2: 'Normal tekst'
+  },
+  nl: {
+    label: 'Paragraaf',
+    label2: 'Normale tekst'
+  },
+  pl: {
+    label: 'Akapit',
+    label2: 'Normalny tekst'
+  },
+  pt: {
+    label: 'Parágrafo',
+    label2: 'Texto Normal'
+  },
+  ro: {
+    label: 'Paragraf',
+    label2: 'Text normal'
+  },
+  rs: {
+    label: 'Paragraf',
+    label2: 'Normalan tekst'
+  },
+  'rs-latin': {
+    label: 'Paragraf',
+    label2: 'Normalan tekst'
+  },
+  ru: {
+    label: 'Параграф',
+    label2: 'Нормальный текст'
+  },
+  sk: {
+    label: 'Odsek',
+    label2: 'Normálny text'
+  },
+  sv: {
+    label: 'Stycke',
+    label2: 'Normal Text'
+  },
+  th: {
+    label: 'ย่อหน้า',
+    label2: 'ข้อความธรรมดา'
+  },
+  tr: {
+    label: 'Paragraf',
+    label2: 'Normal Metin'
+  },
+  uk: {
+    label: 'Абзац',
+    label2: 'Звичайний текст'
+  },
+  vi: {
+    label: 'Đoạn văn',
+    label2: 'Văn bản bình thường'
+  },
+  zh: {
+    label: '段落',
+    label2: '正常文本'
+  },
+  'zh-TW': {
+    label: '段落',
+    label2: '正常文本'
+  }
+};
+//# sourceMappingURL=i18n.js.map

package/dist/features/paragraph/server/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":["i18n","ar","label","label2","az","bg","cs","de","en","es","fa","fr","he","hr","hu","it","ja","ko","my","nb","nl","pl","pt","ro","rs","ru","sk","sv","th","tr","uk","vi","zh"],"sources":["../../../../src/features/paragraph/server/i18n.ts"],"sourcesContent":["import type { GenericLanguages } from '@payloadcms/translations'\n\nexport const i18n: Partial<GenericLanguages> = {\n  ar: {\n    label: 'فقرة',\n    label2: 'نص عادي',\n  },\n  az: {\n    label: 'Paraqraf',\n    label2: 'Normal Mətn',\n  },\n  bg: {\n    label: 'Параграф',\n    label2: 'Нормален текст',\n  },\n  cs: {\n    label: 'Odstavec',\n    label2: 'Normální text',\n  },\n  de: {\n    label: 'Paragraph',\n    label2: 'Normaler Text',\n  },\n  en: {\n    label: 'Paragraph',\n    label2: 'Normal Text',\n  },\n  es: {\n    label: 'Párrafo',\n    label2: 'Texto normal',\n  },\n  fa: {\n    label: 'پاراگراف',\n    label2: 'متن عادی',\n  },\n  fr: {\n    label: 'Paragraphe',\n    label2: 'Texte normal',\n  },\n  he: {\n    label: 'פסקה',\n    label2: 'טקסט רגיל',\n  },\n  hr: {\n    label: 'Odlomak',\n    label2: 'Normalan tekst',\n  },\n  hu: {\n    label: 'Bekezdés',\n    label2: 'Normál szöveg',\n  },\n  it: {\n    label: 'Paragrafo',\n    label2: 'Testo normale',\n  },\n  ja: {\n    label: '段落',\n    label2: '通常のテキスト',\n  },\n  ko: {\n    label: '문단',\n    label2: '일반 텍스트',\n  },\n  my: {\n    label: 'Perenggan',\n    label2: 'ပုံမှန်စာသား',\n  },\n  nb: {\n    label: 'Avsnitt',\n    label2: 'Normal tekst',\n  },\n  nl: {\n    label: 'Paragraaf',\n    label2: 'Normale tekst',\n  },\n  pl: {\n    label: 'Akapit',\n    label2: 'Normalny tekst',\n  },\n  pt: {\n    label: 'Parágrafo',\n    label2: 'Texto Normal',\n  },\n  ro: {\n    label: 'Paragraf',\n    label2: 'Text normal',\n  },\n  rs: {\n    label: 'Paragraf',\n    label2: 'Normalan tekst',\n  },\n  'rs-latin': {\n    label: 'Paragraf',\n    label2: 'Normalan tekst',\n  },\n  ru: {\n    label: 'Параграф',\n    label2: 'Нормальный текст',\n  },\n  sk: {\n    label: 'Odsek',\n    label2: 'Normálny text',\n  },\n  sv: {\n    label: 'Stycke',\n    label2: 'Normal Text',\n  },\n  th: {\n    label: 'ย่อหน้า',\n    label2: 'ข้อความธรรมดา',\n  },\n  tr: {\n    label: 'Paragraf',\n    label2: 'Normal Metin',\n  },\n  uk: {\n    label: 'Абзац',\n    label2: 'Звичайний текст',\n  },\n  vi: {\n    label: 'Đoạn văn',\n    label2: 'Văn bản bình thường',\n  },\n  zh: {\n    label: '段落',\n    label2: '正常文本',\n  },\n  'zh-TW': {\n    label: '段落',\n    label2: '正常文本',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,IAAA,GAAkC;EAC7CC,EAAA,EAAI;IACFC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAC,EAAA,EAAI;IACFF,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAE,EAAA,EAAI;IACFH,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAG,EAAA,EAAI;IACFJ,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAI,EAAA,EAAI;IACFL,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAK,EAAA,EAAI;IACFN,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAM,EAAA,EAAI;IACFP,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAO,EAAA,EAAI;IACFR,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAQ,EAAA,EAAI;IACFT,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAS,EAAA,EAAI;IACFV,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAU,EAAA,EAAI;IACFX,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAW,EAAA,EAAI;IACFZ,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAY,EAAA,EAAI;IACFb,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAa,EAAA,EAAI;IACFd,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAc,EAAA,EAAI;IACFf,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAe,EAAA,EAAI;IACFhB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAgB,EAAA,EAAI;IACFjB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAiB,EAAA,EAAI;IACFlB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAkB,EAAA,EAAI;IACFnB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAmB,EAAA,EAAI;IACFpB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAoB,EAAA,EAAI;IACFrB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAqB,EAAA,EAAI;IACFtB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACA,YAAY;IACVD,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAsB,EAAA,EAAI;IACFvB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAuB,EAAA,EAAI;IACFxB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAwB,EAAA,EAAI;IACFzB,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAyB,EAAA,EAAI;IACF1B,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACA0B,EAAA,EAAI;IACF3B,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACA2B,EAAA,EAAI;IACF5B,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACA4B,EAAA,EAAI;IACF7B,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACA6B,EAAA,EAAI;IACF9B,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACA,SAAS;IACPD,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;AACF","ignoreList":[]}

package/dist/features/paragraph/server/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ParagraphFeature: import("../../typesServer.js").FeatureProviderProviderServer<undefined, undefined, null>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/paragraph/server/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/paragraph/server/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,0FAO3B,CAAA"}

package/dist/features/paragraph/server/index.js

@@ -0,0 +1,11 @@
+import { createServerFeature } from '../../../utilities/createServerFeature.js';
+import { i18n } from './i18n.js';
+export const ParagraphFeature = createServerFeature({
+  feature: {
+    ClientFeature: '@payloadcms/richtext-lexical/client#ParagraphFeatureClient',
+    clientFeatureProps: null,
+    i18n
+  },
+  key: 'paragraph'
+});
+//# sourceMappingURL=index.js.map

package/dist/features/paragraph/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["createServerFeature","i18n","ParagraphFeature","feature","ClientFeature","clientFeatureProps","key"],"sources":["../../../../src/features/paragraph/server/index.ts"],"sourcesContent":["import { createServerFeature } from '../../../utilities/createServerFeature.js'\nimport { i18n } from './i18n.js'\n\nexport const ParagraphFeature = createServerFeature({\n  feature: {\n    ClientFeature: '@payloadcms/richtext-lexical/client#ParagraphFeatureClient',\n    clientFeatureProps: null,\n    i18n,\n  },\n  key: 'paragraph',\n})\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ;AACpC,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,gBAAA,GAAmBF,mBAAA,CAAoB;EAClDG,OAAA,EAAS;IACPC,aAAA,EAAe;IACfC,kBAAA,EAAoB;IACpBJ;EACF;EACAK,GAAA,EAAK;AACP","ignoreList":[]}

package/dist/features/relationship/client/components/RelationshipComponent.d.ts

@@ -0,0 +1,13 @@
+import type { ElementFormatType } from 'lexical';
+import React from 'react';
+import type { RelationshipData } from '../../server/nodes/RelationshipNode.js';
+import './index.scss';
+type Props = {
+    className?: string;
+    data: RelationshipData;
+    format?: ElementFormatType;
+    nodeKey?: string;
+};
+export declare const RelationshipComponent: (props: Props) => React.ReactNode;
+export {};
+//# sourceMappingURL=RelationshipComponent.d.ts.map

package/dist/features/relationship/client/components/RelationshipComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipComponent.d.ts","sourceRoot":"","sources":["../../../../../src/features/relationship/client/components/RelationshipComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAgBhD,OAAO,KAA+D,MAAM,OAAO,CAAA;AAEnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAK9E,OAAO,cAAc,CAAA;AAQrB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAyKD,eAAO,MAAM,qBAAqB,UAAW,KAAK,KAAG,KAAK,CAAC,SAE1D,CAAA"}

package/dist/features/relationship/client/components/RelationshipComponent.js

@@ -0,0 +1,171 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js';
+import { mergeRegister } from '@lexical/utils';
+import { getTranslation } from '@payloadcms/translations';
+import { Button, useConfig, useDocumentDrawer, usePayloadAPI, useTranslation } from '@payloadcms/ui';
+import { $getNodeByKey, $getSelection, $isNodeSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND } from 'lexical';
+import React, { useCallback, useEffect, useReducer, useRef, useState } from 'react';
+import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
+import { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from '../drawer/commands.js';
+import { $isRelationshipNode } from '../nodes/RelationshipNode.js';
+const baseClass = 'lexical-relationship';
+const initialParams = {
+  depth: 0
+};
+const Component = props => {
+  const {
+    data: {
+      relationTo,
+      value
+    },
+    nodeKey
+  } = props;
+  if (typeof value === 'object') {
+    throw new Error('Relationship value should be a string or number. The Lexical Relationship component should not receive the populated value object.');
+  }
+  const relationshipElemRef = useRef(null);
+  const [editor] = useLexicalComposerContext();
+  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+  const {
+    field
+  } = useEditorConfigContext();
+  const {
+    config: {
+      collections,
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const [relatedCollection, setRelatedCollection] = useState(() => collections.find(coll => coll.slug === relationTo));
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [cacheBust, dispatchCacheBust] = useReducer(state => state + 1, 0);
+  const [{
+    data
+  }, {
+    setParams
+  }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${value}`, {
+    initialParams
+  });
+  const [DocumentDrawer, DocumentDrawerToggler, {
+    closeDrawer
+  }] = useDocumentDrawer({
+    id: value,
+    collectionSlug: relatedCollection.slug
+  });
+  const removeRelationship = useCallback(() => {
+    editor.update(() => {
+      $getNodeByKey(nodeKey)?.remove();
+    });
+  }, [editor, nodeKey]);
+  const updateRelationship = React.useCallback(({
+    doc
+  }) => {
+    setParams({
+      ...initialParams,
+      cacheBust
+    });
+    closeDrawer();
+    dispatchCacheBust();
+  }, [cacheBust, setParams, closeDrawer]);
+  const $onDelete = useCallback(payload => {
+    const deleteSelection = $getSelection();
+    if (isSelected && $isNodeSelection(deleteSelection)) {
+      const event = payload;
+      event.preventDefault();
+      editor.update(() => {
+        deleteSelection.getNodes().forEach(node => {
+          if ($isRelationshipNode(node)) {
+            node.remove();
+          }
+        });
+      });
+    }
+    return false;
+  }, [editor, isSelected]);
+  const onClick = useCallback(payload_0 => {
+    const event_0 = payload_0;
+    // Check if relationshipElemRef.target or anything WITHIN relationshipElemRef.target was clicked
+    if (event_0.target === relationshipElemRef.current || relationshipElemRef.current?.contains(event_0.target)) {
+      if (event_0.shiftKey) {
+        setSelected(!isSelected);
+      } else {
+        if (!isSelected) {
+          clearSelection();
+          setSelected(true);
+        }
+      }
+      return true;
+    }
+    return false;
+  }, [isSelected, setSelected, clearSelection]);
+  useEffect(() => {
+    return mergeRegister(editor.registerCommand(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW));
+  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, isSelected && `${baseClass}--selected`].filter(Boolean).join(' '),
+    contentEditable: false,
+    ref: relationshipElemRef,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsx("p", {
+        className: `${baseClass}__label`,
+        children: t('fields:labelRelationship', {
+          label: getTranslation(relatedCollection.labels.singular, i18n)
+        })
+      }), /*#__PURE__*/_jsx(DocumentDrawerToggler, {
+        className: `${baseClass}__doc-drawer-toggler`,
+        children: /*#__PURE__*/_jsx("p", {
+          className: `${baseClass}__title`,
+          children: data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : value
+        })
+      })]
+    }), editor.isEditable() && /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__actions`,
+      children: [/*#__PURE__*/_jsx(Button, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__swapButton`,
+        disabled: field?.admin?.readOnly,
+        el: "div",
+        icon: "swap",
+        onClick: () => {
+          if (nodeKey) {
+            editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {
+              replace: {
+                nodeKey
+              }
+            });
+          }
+        },
+        round: true,
+        tooltip: t('fields:swapRelationship')
+      }), /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__removeButton`,
+        disabled: field?.admin?.readOnly,
+        icon: "x",
+        onClick: e => {
+          e.preventDefault();
+          removeRelationship();
+        },
+        round: true,
+        tooltip: t('fields:removeRelationship')
+      })]
+    }), !!value && /*#__PURE__*/_jsx(DocumentDrawer, {
+      onSave: updateRelationship
+    })]
+  });
+};
+export const RelationshipComponent = props => {
+  return /*#__PURE__*/_jsx(Component, {
+    ...props
+  });
+};
+//# sourceMappingURL=RelationshipComponent.js.map

package/dist/features/relationship/client/components/RelationshipComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipComponent.js","names":["useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","useConfig","useDocumentDrawer","usePayloadAPI","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","React","useCallback","useEffect","useReducer","useRef","useState","useEditorConfigContext","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","$isRelationshipNode","baseClass","initialParams","depth","Component","props","data","relationTo","value","nodeKey","Error","relationshipElemRef","editor","isSelected","setSelected","clearSelection","field","config","collections","routes","api","serverURL","relatedCollection","setRelatedCollection","find","coll","slug","i18n","t","cacheBust","dispatchCacheBust","state","setParams","DocumentDrawer","DocumentDrawerToggler","closeDrawer","id","collectionSlug","removeRelationship","update","remove","updateRelationship","doc","$onDelete","payload","deleteSelection","event","preventDefault","getNodes","forEach","node","onClick","target","current","contains","shiftKey","registerCommand","_jsxs","className","filter","Boolean","join","contentEditable","ref","_jsx","label","labels","singular","admin","useAsTitle","isEditable","buttonStyle","disabled","readOnly","el","icon","dispatchCommand","replace","round","tooltip","e","onSave","RelationshipComponent"],"sources":["../../../../../src/features/relationship/client/components/RelationshipComponent.tsx"],"sourcesContent":["'use client'\nimport type { ElementFormatType } from 'lexical'\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 { Button, useConfig, useDocumentDrawer, usePayloadAPI, 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'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { RelationshipData } from '../../server/nodes/RelationshipNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport { $isRelationshipNode } from '../nodes/RelationshipNode.js'\nimport './index.scss'\n\nconst baseClass = 'lexical-relationship'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = {\n  className?: string\n  data: RelationshipData\n  format?: ElementFormatType\n  nodeKey?: string\n}\n\nconst Component: React.FC<Props> = (props) => {\n  const {\n    data: { relationTo, value },\n    nodeKey,\n  } = props\n\n  if (typeof value === 'object') {\n    throw new Error(\n      'Relationship value should be a string or number. The Lexical Relationship component should not receive the populated value object.',\n    )\n  }\n\n  const relationshipElemRef = useRef<HTMLDivElement | null>(null)\n\n  const [editor] = useLexicalComposerContext()\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey!)\n  const { field } = useEditorConfigContext()\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const [relatedCollection, setRelatedCollection] = useState(\n    () => collections.find((coll) => coll.slug === relationTo)!,\n  )\n\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [{ data }, { setParams }] = usePayloadAPI(\n    `${serverURL}${api}/${relatedCollection.slug}/${value}`,\n    { initialParams },\n  )\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const removeRelationship = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey!)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const updateRelationship = React.useCallback(\n    ({ doc }) => {\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      closeDrawer()\n      dispatchCacheBust()\n    },\n    [cacheBust, setParams, closeDrawer],\n  )\n\n  const $onDelete = useCallback(\n    (payload: KeyboardEvent) => {\n      const deleteSelection = $getSelection()\n      if (isSelected && $isNodeSelection(deleteSelection)) {\n        const event: KeyboardEvent = payload\n        event.preventDefault()\n        editor.update(() => {\n          deleteSelection.getNodes().forEach((node) => {\n            if ($isRelationshipNode(node)) {\n              node.remove()\n            }\n          })\n        })\n      }\n      return false\n    },\n    [editor, isSelected],\n  )\n  const onClick = useCallback(\n    (payload: MouseEvent) => {\n      const event = payload\n      // Check if relationshipElemRef.target or anything WITHIN relationshipElemRef.target was clicked\n      if (\n        event.target === relationshipElemRef.current ||\n        relationshipElemRef.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  return (\n    <div\n      className={[baseClass, isSelected && `${baseClass}--selected`].filter(Boolean).join(' ')}\n      contentEditable={false}\n      ref={relationshipElemRef}\n    >\n      <div className={`${baseClass}__wrap`}>\n        <p className={`${baseClass}__label`}>\n          {t('fields:labelRelationship', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n        </p>\n        <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n          <p className={`${baseClass}__title`}>\n            {data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : value}\n          </p>\n        </DocumentDrawerToggler>\n      </div>\n      {editor.isEditable() && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__swapButton`}\n            disabled={field?.admin?.readOnly}\n            el=\"div\"\n            icon=\"swap\"\n            onClick={() => {\n              if (nodeKey) {\n                editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {\n                  replace: { nodeKey },\n                })\n              }\n            }}\n            round\n            tooltip={t('fields:swapRelationship')}\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              removeRelationship()\n            }}\n            round\n            tooltip={t('fields:removeRelationship')}\n          />\n        </div>\n      )}\n\n      {!!value && <DocumentDrawer onSave={updateRelationship} />}\n    </div>\n  )\n}\n\nexport const RelationshipComponent = (props: Props): React.ReactNode => {\n  return <Component {...props} />\n}\n"],"mappings":"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","ignoreList":[]}