@payloadcms/richtext-lexical 3.0.0-beta.13 → 3.0.0-beta.130

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;AAM9E,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;AA6KD,eAAO,MAAM,qBAAqB,UAAW,KAAK,KAAG,KAAK,CAAC,SAE1D,CAAA"}

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

@@ -0,0 +1,176 @@
+'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, 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 { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.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 {
+    fieldProps: {
+      readOnly
+    }
+  } = 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 {
+    closeDocumentDrawer,
+    DocumentDrawer,
+    DocumentDrawerToggler
+  } = useLexicalDocumentDrawer({
+    id: value,
+    collectionSlug: relatedCollection.slug
+  });
+  const removeRelationship = useCallback(() => {
+    editor.update(() => {
+      $getNodeByKey(nodeKey)?.remove();
+    });
+  }, [editor, nodeKey]);
+  const updateRelationship = React.useCallback(({
+    doc
+  }) => {
+    setParams({
+      ...initialParams,
+      cacheBust
+    });
+    closeDocumentDrawer();
+    dispatchCacheBust();
+  }, [cacheBust, setParams, closeDocumentDrawer]);
+  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: relatedCollection.labels?.singular ? getTranslation(relatedCollection.labels?.singular, i18n) : relatedCollection.slug
+        })
+      }), /*#__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: readOnly,
+        el: "button",
+        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: 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","usePayloadAPI","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","React","useCallback","useEffect","useReducer","useRef","useState","useEditorConfigContext","useLexicalDocumentDrawer","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","$isRelationshipNode","baseClass","initialParams","depth","Component","props","data","relationTo","value","nodeKey","Error","relationshipElemRef","editor","isSelected","setSelected","clearSelection","fieldProps","readOnly","config","collections","routes","api","serverURL","relatedCollection","setRelatedCollection","find","coll","slug","i18n","t","cacheBust","dispatchCacheBust","state","setParams","closeDocumentDrawer","DocumentDrawer","DocumentDrawerToggler","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","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, 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 { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.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 {\n    fieldProps: { readOnly },\n  } = 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 { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\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      closeDocumentDrawer()\n      dispatchCacheBust()\n    },\n    [cacheBust, setParams, closeDocumentDrawer],\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: relatedCollection.labels?.singular\n              ? getTranslation(relatedCollection.labels?.singular, i18n)\n              : relatedCollection.slug,\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={readOnly}\n            el=\"button\"\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={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":[]}

package/dist/features/relationship/client/drawer/commands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../../../../src/features/relationship/client/drawer/commands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,eAAO,MAAM,uCAAuC,EAAE,cAAc,CAAC;IACnE,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;CACrC,CAA4D,CAAA"}

package/dist/features/relationship/client/drawer/commands.js

@@ -0,0 +1,3 @@
+import { createCommand } from 'lexical';
+export const INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND = createCommand('INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND');
+//# sourceMappingURL=commands.js.map

package/dist/features/relationship/client/drawer/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","names":["createCommand","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND"],"sources":["../../../../../src/features/relationship/client/drawer/commands.ts"],"sourcesContent":["import type { LexicalCommand } from 'lexical'\n\nimport { createCommand } from 'lexical'\n\nexport const INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND: LexicalCommand<{\n  replace: { nodeKey: string } | false\n}> = createCommand('INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND')\n"],"mappings":"AAEA,SAASA,aAAa,QAAQ;AAE9B,OAAO,MAAMC,uCAAA,GAERD,aAAA,CAAc","ignoreList":[]}

package/dist/features/relationship/client/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/relationship/client/drawer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAkC/D,KAAK,KAAK,GAAG;IACX,sBAAsB,EAAE,IAAI,GAAG,MAAM,EAAE,CAAA;CACxC,CAAA;AAkDD,eAAO,MAAM,kBAAkB,UAAW,KAAK,KAAG,KAAK,CAAC,SAQvD,CAAA"}

package/dist/features/relationship/client/drawer/index.js

@@ -0,0 +1,155 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical';
+import React, { useCallback, useEffect, useState } from 'react';
+import { useLexicalListDrawer } from '../../../../utilities/fieldsDrawer/useLexicalListDrawer.js';
+import { $createRelationshipNode } from '../nodes/RelationshipNode.js';
+import { INSERT_RELATIONSHIP_COMMAND } from '../plugins/index.js';
+import { EnabledRelationshipsCondition } from '../utils/EnabledRelationshipsCondition.js';
+import { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from './commands.js';
+const insertRelationship = ({
+  editor,
+  relationTo,
+  replaceNodeKey,
+  value
+}) => {
+  if (!replaceNodeKey) {
+    editor.dispatchCommand(INSERT_RELATIONSHIP_COMMAND, {
+      relationTo,
+      value
+    });
+  } else {
+    editor.update(() => {
+      const node = $getNodeByKey(replaceNodeKey);
+      if (node) {
+        node.replace($createRelationshipNode({
+          relationTo,
+          value
+        }));
+      }
+    });
+  }
+};
+const RelationshipDrawerComponent = t0 => {
+  const $ = _c(21);
+  const {
+    enabledCollectionSlugs
+  } = t0;
+  const [editor] = useLexicalComposerContext();
+  let t1;
+  if ($[0] !== enabledCollectionSlugs) {
+    t1 = () => enabledCollectionSlugs?.[0];
+    $[0] = enabledCollectionSlugs;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [selectedCollectionSlug, setSelectedCollectionSlug] = useState(t1);
+  const [replaceNodeKey, setReplaceNodeKey] = useState(null);
+  const t2 = enabledCollectionSlugs ? enabledCollectionSlugs : undefined;
+  let t3;
+  if ($[2] !== t2 || $[3] !== selectedCollectionSlug) {
+    t3 = {
+      collectionSlugs: t2,
+      selectedCollection: selectedCollectionSlug
+    };
+    $[2] = t2;
+    $[3] = selectedCollectionSlug;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const {
+    closeListDrawer,
+    isListDrawerOpen,
+    ListDrawer,
+    openListDrawer
+  } = useLexicalListDrawer(t3);
+  let t4;
+  let t5;
+  if ($[5] !== editor || $[6] !== openListDrawer) {
+    t4 = () => editor.registerCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, payload => {
+      setReplaceNodeKey(payload?.replace ? payload?.replace.nodeKey : null);
+      openListDrawer();
+      return true;
+    }, COMMAND_PRIORITY_EDITOR);
+    t5 = [editor, openListDrawer];
+    $[5] = editor;
+    $[6] = openListDrawer;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t4 = $[7];
+    t5 = $[8];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[9] !== editor || $[10] !== replaceNodeKey || $[11] !== closeListDrawer) {
+    t6 = t7 => {
+      const {
+        collectionSlug,
+        docID
+      } = t7;
+      insertRelationship({
+        editor,
+        relationTo: collectionSlug,
+        replaceNodeKey,
+        value: docID
+      });
+      closeListDrawer();
+    };
+    $[9] = editor;
+    $[10] = replaceNodeKey;
+    $[11] = closeListDrawer;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  const onSelect = t6;
+  let t7;
+  if ($[13] !== enabledCollectionSlugs) {
+    t7 = () => {
+      setSelectedCollectionSlug(enabledCollectionSlugs?.[0]);
+    };
+    $[13] = enabledCollectionSlugs;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== isListDrawerOpen || $[16] !== enabledCollectionSlugs) {
+    t8 = [isListDrawerOpen, enabledCollectionSlugs];
+    $[15] = isListDrawerOpen;
+    $[16] = enabledCollectionSlugs;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  useEffect(t7, t8);
+  let t9;
+  if ($[18] !== onSelect || $[19] !== ListDrawer) {
+    t9 = _jsx(ListDrawer, {
+      onSelect
+    });
+    $[18] = onSelect;
+    $[19] = ListDrawer;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  return t9;
+};
+export const RelationshipDrawer = props => {
+  return (props?.enabledCollectionSlugs?.length ?? -1) > 0 ? /*#__PURE__*/_jsx(RelationshipDrawerComponent, {
+    ...props
+  }) : /*#__PURE__*/_jsx(EnabledRelationshipsCondition, {
+    ...props,
+    children: /*#__PURE__*/_jsx(RelationshipDrawerComponent, {
+      ...props
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/features/relationship/client/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$getNodeByKey","COMMAND_PRIORITY_EDITOR","React","useCallback","useEffect","useState","useLexicalListDrawer","$createRelationshipNode","INSERT_RELATIONSHIP_COMMAND","EnabledRelationshipsCondition","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","insertRelationship","editor","relationTo","replaceNodeKey","value","dispatchCommand","update","node","replace","RelationshipDrawerComponent","t0","$","enabledCollectionSlugs","t1","selectedCollectionSlug","setSelectedCollectionSlug","setReplaceNodeKey","t2","undefined","t3","collectionSlugs","selectedCollection","closeListDrawer","isListDrawerOpen","ListDrawer","openListDrawer","t4","t5","registerCommand","payload","nodeKey","t6","t7","collectionSlug","docID","onSelect","t8","t9","_jsx","RelationshipDrawer","props","length"],"sources":["../../../../../src/features/relationship/client/drawer/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useLexicalListDrawer } from '../../../../utilities/fieldsDrawer/useLexicalListDrawer.js'\nimport { $createRelationshipNode } from '../nodes/RelationshipNode.js'\nimport { INSERT_RELATIONSHIP_COMMAND } from '../plugins/index.js'\nimport { EnabledRelationshipsCondition } from '../utils/EnabledRelationshipsCondition.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from './commands.js'\n\nconst insertRelationship = ({\n  editor,\n  relationTo,\n  replaceNodeKey,\n  value,\n}: {\n  editor: LexicalEditor\n  relationTo: string\n  replaceNodeKey: null | string\n  value: number | string\n}) => {\n  if (!replaceNodeKey) {\n    editor.dispatchCommand(INSERT_RELATIONSHIP_COMMAND, {\n      relationTo,\n      value,\n    })\n  } else {\n    editor.update(() => {\n      const node = $getNodeByKey(replaceNodeKey)\n      if (node) {\n        node.replace($createRelationshipNode({ relationTo, value }))\n      }\n    })\n  }\n}\n\ntype Props = {\n  enabledCollectionSlugs: null | string[]\n}\n\nconst RelationshipDrawerComponent: React.FC<Props> = ({ enabledCollectionSlugs }) => {\n  const [editor] = useLexicalComposerContext()\n  const [selectedCollectionSlug, setSelectedCollectionSlug] = useState(\n    () => enabledCollectionSlugs?.[0],\n  )\n  const [replaceNodeKey, setReplaceNodeKey] = useState<null | string>(null)\n\n  const { closeListDrawer, isListDrawerOpen, ListDrawer, openListDrawer } = useLexicalListDrawer({\n    collectionSlugs: enabledCollectionSlugs ? enabledCollectionSlugs : undefined,\n    selectedCollection: selectedCollectionSlug,\n  })\n\n  useEffect(() => {\n    return editor.registerCommand<{\n      replace: { nodeKey: string } | false\n    }>(\n      INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND,\n      (payload) => {\n        setReplaceNodeKey(payload?.replace ? payload?.replace.nodeKey : null)\n        openListDrawer()\n        return true\n      },\n      COMMAND_PRIORITY_EDITOR,\n    )\n  }, [editor, openListDrawer])\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }) => {\n      insertRelationship({\n        editor,\n        relationTo: collectionSlug,\n        replaceNodeKey,\n        value: docID,\n      })\n      closeListDrawer()\n    },\n    [editor, closeListDrawer, replaceNodeKey],\n  )\n\n  useEffect(() => {\n    // always reset back to first option\n    // TODO: this is not working, see the ListDrawer component\n    setSelectedCollectionSlug(enabledCollectionSlugs?.[0])\n  }, [isListDrawerOpen, enabledCollectionSlugs])\n\n  return <ListDrawer onSelect={onSelect} />\n}\n\nexport const RelationshipDrawer = (props: Props): React.ReactNode => {\n  return (props?.enabledCollectionSlugs?.length ?? -1) > 0 ? ( // If enabledCollectionSlugs it overrides what EnabledRelationshipsCondition is doing\n    <RelationshipDrawerComponent {...props} />\n  ) : (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipDrawerComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import type { RelationshipFeatureProps } from '../server/index.js';
+export declare const RelationshipFeatureClient: import("../../typesClient.js").FeatureProviderProviderClient<RelationshipFeatureProps, RelationshipFeatureProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/relationship/client/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAUlE,eAAO,MAAM,yBAAyB,kHAuDpC,CAAA"}

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

@@ -0,0 +1,66 @@
+'use client';
+
+import { $isNodeSelection } from 'lexical';
+import { RelationshipIcon } from '../../../lexical/ui/icons/Relationship/index.js';
+import { createClientFeature } from '../../../utilities/createClientFeature.js';
+import { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js';
+import { toolbarAddDropdownGroupWithItems } from '../../shared/toolbar/addDropdownGroup.js';
+import { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from './drawer/commands.js';
+import { $isRelationshipNode, RelationshipNode } from './nodes/RelationshipNode.js';
+import { RelationshipPlugin } from './plugins/index.js';
+export const RelationshipFeatureClient = createClientFeature({
+  nodes: [RelationshipNode],
+  plugins: [{
+    Component: RelationshipPlugin,
+    position: 'normal'
+  }],
+  slashMenu: {
+    groups: [slashMenuBasicGroupWithItems([{
+      Icon: RelationshipIcon,
+      key: 'relationship',
+      keywords: ['relationship', 'relation', 'rel'],
+      label: ({
+        i18n
+      }) => {
+        return i18n.t('lexical:relationship:label');
+      },
+      onSelect: ({
+        editor
+      }) => {
+        // dispatch INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND
+        editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {
+          replace: false
+        });
+      }
+    }])]
+  },
+  toolbarFixed: {
+    groups: [toolbarAddDropdownGroupWithItems([{
+      ChildComponent: RelationshipIcon,
+      isActive: ({
+        selection
+      }) => {
+        if (!$isNodeSelection(selection) || !selection.getNodes().length) {
+          return false;
+        }
+        const firstNode = selection.getNodes()[0];
+        return $isRelationshipNode(firstNode);
+      },
+      key: 'relationship',
+      label: ({
+        i18n
+      }) => {
+        return i18n.t('lexical:relationship:label');
+      },
+      onSelect: ({
+        editor
+      }) => {
+        // dispatch INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND
+        editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {
+          replace: false
+        });
+      }
+    }])]
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["$isNodeSelection","RelationshipIcon","createClientFeature","slashMenuBasicGroupWithItems","toolbarAddDropdownGroupWithItems","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","$isRelationshipNode","RelationshipNode","RelationshipPlugin","RelationshipFeatureClient","nodes","plugins","Component","position","slashMenu","groups","Icon","key","keywords","label","i18n","t","onSelect","editor","dispatchCommand","replace","toolbarFixed","ChildComponent","isActive","selection","getNodes","length","firstNode"],"sources":["../../../../src/features/relationship/client/index.tsx"],"sourcesContent":["'use client'\n\nimport { $isNodeSelection } from 'lexical'\n\nimport type { RelationshipFeatureProps } from '../server/index.js'\n\nimport { RelationshipIcon } from '../../../lexical/ui/icons/Relationship/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js'\nimport { toolbarAddDropdownGroupWithItems } from '../../shared/toolbar/addDropdownGroup.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from './drawer/commands.js'\nimport { $isRelationshipNode, RelationshipNode } from './nodes/RelationshipNode.js'\nimport { RelationshipPlugin } from './plugins/index.js'\n\nexport const RelationshipFeatureClient = createClientFeature<RelationshipFeatureProps>({\n  nodes: [RelationshipNode],\n  plugins: [\n    {\n      Component: RelationshipPlugin,\n      position: 'normal',\n    },\n  ],\n  slashMenu: {\n    groups: [\n      slashMenuBasicGroupWithItems([\n        {\n          Icon: RelationshipIcon,\n          key: 'relationship',\n          keywords: ['relationship', 'relation', 'rel'],\n          label: ({ i18n }) => {\n            return i18n.t('lexical:relationship:label')\n          },\n          onSelect: ({ editor }) => {\n            // dispatch INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND\n            editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {\n              replace: false,\n            })\n          },\n        },\n      ]),\n    ],\n  },\n  toolbarFixed: {\n    groups: [\n      toolbarAddDropdownGroupWithItems([\n        {\n          ChildComponent: RelationshipIcon,\n          isActive: ({ selection }) => {\n            if (!$isNodeSelection(selection) || !selection.getNodes().length) {\n              return false\n            }\n\n            const firstNode = selection.getNodes()[0]\n            return $isRelationshipNode(firstNode)\n          },\n          key: 'relationship',\n          label: ({ i18n }) => {\n            return i18n.t('lexical:relationship:label')\n          },\n          onSelect: ({ editor }) => {\n            // dispatch INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND\n            editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {\n              replace: false,\n            })\n          },\n        },\n      ]),\n    ],\n  },\n})\n"],"mappings":"AAAA;;AAEA,SAASA,gBAAgB,QAAQ;AAIjC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,uCAAuC,QAAQ;AACxD,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ;AACtD,SAASC,kBAAkB,QAAQ;AAEnC,OAAO,MAAMC,yBAAA,GAA4BP,mBAAA,CAA8C;EACrFQ,KAAA,EAAO,CAACH,gBAAA,CAAiB;EACzBI,OAAA,EAAS,CACP;IACEC,SAAA,EAAWJ,kBAAA;IACXK,QAAA,EAAU;EACZ,EACD;EACDC,SAAA,EAAW;IACTC,MAAA,EAAQ,CACNZ,4BAAA,CAA6B,CAC3B;MACEa,IAAA,EAAMf,gBAAA;MACNgB,GAAA,EAAK;MACLC,QAAA,EAAU,CAAC,gBAAgB,YAAY,MAAM;MAC7CC,KAAA,EAAOA,CAAC;QAAEC;MAAI,CAAE;QACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;MAChB;MACAC,QAAA,EAAUA,CAAC;QAAEC;MAAM,CAAE;QACnB;QACAA,MAAA,CAAOC,eAAe,CAACnB,uCAAA,EAAyC;UAC9DoB,OAAA,EAAS;QACX;MACF;IACF,EACD;EAEL;EACAC,YAAA,EAAc;IACZX,MAAA,EAAQ,CACNX,gCAAA,CAAiC,CAC/B;MACEuB,cAAA,EAAgB1B,gBAAA;MAChB2B,QAAA,EAAUA,CAAC;QAAEC;MAAS,CAAE;QACtB,IAAI,CAAC7B,gBAAA,CAAiB6B,SAAA,KAAc,CAACA,SAAA,CAAUC,QAAQ,GAAGC,MAAM,EAAE;UAChE,OAAO;QACT;QAEA,MAAMC,SAAA,GAAYH,SAAA,CAAUC,QAAQ,EAAE,CAAC,EAAE;QACzC,OAAOxB,mBAAA,CAAoB0B,SAAA;MAC7B;MACAf,GAAA,EAAK;MACLE,KAAA,EAAOA,CAAC;QAAEC;MAAI,CAAE;QACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;MAChB;MACAC,QAAA,EAAUA,CAAC;QAAEC;MAAM,CAAE;QACnB;QACAA,MAAA,CAAOC,eAAe,CAACnB,uCAAA,EAAyC;UAC9DoB,OAAA,EAAS;QACX;MACF;IACF,EACD;EAEL;AACF","ignoreList":[]}

package/dist/features/relationship/client/nodes/RelationshipNode.d.ts

@@ -0,0 +1,15 @@
+import type { DOMConversionMap, EditorConfig, LexicalEditor, LexicalNode } from 'lexical';
+import type { JSX } from 'react';
+import type { RelationshipData, SerializedRelationshipNode } from '../../server/nodes/RelationshipNode.js';
+import { RelationshipServerNode } from '../../server/nodes/RelationshipNode.js';
+export declare class RelationshipNode extends RelationshipServerNode {
+    static clone(node: RelationshipServerNode): RelationshipServerNode;
+    static getType(): string;
+    static importDOM(): DOMConversionMap<HTMLDivElement> | null;
+    static importJSON(serializedNode: SerializedRelationshipNode): RelationshipNode;
+    decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element;
+    exportJSON(): SerializedRelationshipNode;
+}
+export declare function $createRelationshipNode(data: RelationshipData): RelationshipNode;
+export declare function $isRelationshipNode(node: LexicalNode | null | RelationshipNode | undefined): node is RelationshipNode;
+//# sourceMappingURL=RelationshipNode.d.ts.map

package/dist/features/relationship/client/nodes/RelationshipNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/relationship/client/nodes/RelationshipNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,EAEhB,YAAY,EACZ,aAAa,EACb,WAAW,EACZ,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAIhC,OAAO,KAAK,EACV,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,wCAAwC,CAAA;AAE/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAA;AAsB/E,qBAAa,gBAAiB,SAAQ,sBAAsB;IAC1D,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,sBAAsB,GAAG,sBAAsB;IAIlE,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,SAAS,IAAI,gBAAgB,CAAC,cAAc,CAAC,GAAG,IAAI;IAiB3D,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,0BAA0B,GAAG,gBAAgB;IAc/E,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO;IAWlE,UAAU,IAAI,0BAA0B;CAGzC;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB,CAIhF;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,gBAAgB,GAAG,SAAS,GACtD,IAAI,IAAI,gBAAgB,CAE1B"}

package/dist/features/relationship/client/nodes/RelationshipNode.js

@@ -0,0 +1,75 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { RelationshipServerNode } from '../../server/nodes/RelationshipNode.js';
+const RelationshipComponent = /*#__PURE__*/React.lazy(() => import('../components/RelationshipComponent.js').then(module => ({
+  default: module.RelationshipComponent
+})));
+function $relationshipElementToNode(domNode) {
+  const id = domNode.getAttribute('data-lexical-relationship-id');
+  const relationTo = domNode.getAttribute('data-lexical-relationship-relationTo');
+  if (id != null && relationTo != null) {
+    const node = $createRelationshipNode({
+      relationTo,
+      value: id
+    });
+    return {
+      node
+    };
+  }
+  return null;
+}
+export class RelationshipNode extends RelationshipServerNode {
+  static clone(node) {
+    return super.clone(node);
+  }
+  static getType() {
+    return super.getType();
+  }
+  static importDOM() {
+    return {
+      div: domNode => {
+        if (!domNode.hasAttribute('data-lexical-relationship-relationTo') || !domNode.hasAttribute('data-lexical-relationship-id')) {
+          return null;
+        }
+        return {
+          conversion: $relationshipElementToNode,
+          priority: 2
+        };
+      }
+    };
+  }
+  static importJSON(serializedNode) {
+    if (serializedNode.version === 1 && serializedNode?.value?.id) {
+      serializedNode.value = serializedNode.value.id;
+    }
+    const importedData = {
+      relationTo: serializedNode.relationTo,
+      value: serializedNode.value
+    };
+    const node = $createRelationshipNode(importedData);
+    node.setFormat(serializedNode.format);
+    return node;
+  }
+  decorate(editor, config) {
+    return /*#__PURE__*/_jsx(RelationshipComponent, {
+      className: config.theme.relationship ?? 'LexicalEditorTheme__relationship',
+      data: this.__data,
+      format: this.__format,
+      nodeKey: this.getKey()
+    });
+  }
+  exportJSON() {
+    return super.exportJSON();
+  }
+}
+export function $createRelationshipNode(data) {
+  return new RelationshipNode({
+    data
+  });
+}
+export function $isRelationshipNode(node) {
+  return node instanceof RelationshipNode;
+}
+//# sourceMappingURL=RelationshipNode.js.map