@payloadcms/richtext-lexical 3.0.0-beta.5 → 3.0.0-beta.51

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

@@ -0,0 +1,132 @@
+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/field/features/paragraph/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/features/paragraph/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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAO,MAAMA,OAAkC;IAC7CC,IAAI;QACFC,OAAO;QACPC,QAAQ;IACV;IACAC,IAAI;QACFF,OAAO;QACPC,QAAQ;IACV;IACAE,IAAI;QACFH,OAAO;QACPC,QAAQ;IACV;IACAG,IAAI;QACFJ,OAAO;QACPC,QAAQ;IACV;IACAI,IAAI;QACFL,OAAO;QACPC,QAAQ;IACV;IACAK,IAAI;QACFN,OAAO;QACPC,QAAQ;IACV;IACAM,IAAI;QACFP,OAAO;QACPC,QAAQ;IACV;IACAO,IAAI;QACFR,OAAO;QACPC,QAAQ;IACV;IACAQ,IAAI;QACFT,OAAO;QACPC,QAAQ;IACV;IACAS,IAAI;QACFV,OAAO;QACPC,QAAQ;IACV;IACAU,IAAI;QACFX,OAAO;QACPC,QAAQ;IACV;IACAW,IAAI;QACFZ,OAAO;QACPC,QAAQ;IACV;IACAY,IAAI;QACFb,OAAO;QACPC,QAAQ;IACV;IACAa,IAAI;QACFd,OAAO;QACPC,QAAQ;IACV;IACAc,IAAI;QACFf,OAAO;QACPC,QAAQ;IACV;IACAe,IAAI;QACFhB,OAAO;QACPC,QAAQ;IACV;IACAgB,IAAI;QACFjB,OAAO;QACPC,QAAQ;IACV;IACAiB,IAAI;QACFlB,OAAO;QACPC,QAAQ;IACV;IACAkB,IAAI;QACFnB,OAAO;QACPC,QAAQ;IACV;IACAmB,IAAI;QACFpB,OAAO;QACPC,QAAQ;IACV;IACAoB,IAAI;QACFrB,OAAO;QACPC,QAAQ;IACV;IACAqB,IAAI;QACFtB,OAAO;QACPC,QAAQ;IACV;IACA,YAAY;QACVD,OAAO;QACPC,QAAQ;IACV;IACAsB,IAAI;QACFvB,OAAO;QACPC,QAAQ;IACV;IACAuB,IAAI;QACFxB,OAAO;QACPC,QAAQ;IACV;IACAwB,IAAI;QACFzB,OAAO;QACPC,QAAQ;IACV;IACAyB,IAAI;QACF1B,OAAO;QACPC,QAAQ;IACV;IACA0B,IAAI;QACF3B,OAAO;QACPC,QAAQ;IACV;IACA2B,IAAI;QACF5B,OAAO;QACPC,QAAQ;IACV;IACA4B,IAAI;QACF7B,OAAO;QACPC,QAAQ;IACV;IACA6B,IAAI;QACF9B,OAAO;QACPC,QAAQ;IACV;IACA,SAAS;QACPD,OAAO;QACPC,QAAQ;IACV;AACF,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/relationship/drawer/commands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,eAAO,MAAM,uCAAuC,EAAE,cAAc,CAAC;IACnE,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;CACrC,CAA4D,CAAA"}
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/relationship/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/field/features/relationship/drawer/commands.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/relationship/drawer/commands.ts"],"sourcesContent":["import type { LexicalCommand } from 'lexical'\n\nimport lexicalImport from 'lexical'\nconst { createCommand } = lexicalImport\n\nexport const INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND: LexicalCommand<{\n  replace: { nodeKey: string } | false\n}> = createCommand('INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND')\n"],"names":["lexicalImport","createCommand","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND"],"rangeMappings":";;","mappings":"AAEA,OAAOA,mBAAmB,UAAS;AACnC,MAAM,EAAEC,aAAa,EAAE,GAAGD;AAE1B,OAAO,MAAME,0CAERD,cAAc,2CAA0C"}
+{"version":3,"sources":["../../../../../src/field/features/relationship/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"],"names":["createCommand","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND"],"rangeMappings":";","mappings":"AAEA,SAASA,aAAa,QAAQ,UAAS;AAEvC,OAAO,MAAMC,0CAERD,cAAc,2CAA0C"}

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

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

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

@@ -1,21 +1,18 @@
 'use client';
-import lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js';
-const { useLexicalComposerContext } = lexicalComposerContextImport;
-import lexicalImport from 'lexical';
-const { $getNodeByKey, COMMAND_PRIORITY_EDITOR } = lexicalImport;
-import { useListDrawer } from '@payloadcms/ui/elements/ListDrawer';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { useListDrawer } from '@payloadcms/ui/client';
+import { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical';
 import React, { useCallback, useEffect, useState } from 'react';
 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 = ({ id, editor, relationTo, replaceNodeKey })=>{
+const insertRelationship = ({ editor, relationTo, replaceNodeKey, value })=>{
     if (!replaceNodeKey) {
         editor.dispatchCommand(INSERT_RELATIONSHIP_COMMAND, {
             relationTo,
-            value: {
-                id
-            }
+            value
         });
     } else {
         editor.update(()=>{
@@ -23,9 +20,7 @@ const insertRelationship = ({ id, editor, relationTo, replaceNodeKey })=>{
             if (node) {
                 node.replace($createRelationshipNode({
                     relationTo,
-                    value: {
-                        id
-                    }
+                    value
                 }));
             }
         });
@@ -51,10 +46,10 @@ const RelationshipDrawerComponent = ({ enabledCollectionSlugs })=>{
     ]);
     const onSelect = useCallback(({ collectionSlug, docID })=>{
         insertRelationship({
-            id: docID,
             editor,
             relationTo: collectionSlug,
-            replaceNodeKey
+            replaceNodeKey,
+            value: docID
         });
         closeDrawer();
     }, [
@@ -70,12 +65,19 @@ const RelationshipDrawerComponent = ({ enabledCollectionSlugs })=>{
         isDrawerOpen,
         enabledCollectionSlugs
     ]);
-    return /*#__PURE__*/ React.createElement(ListDrawer, {
+    return /*#__PURE__*/ _jsx(ListDrawer, {
         onSelect: onSelect
     });
 };
 export const RelationshipDrawer = (props)=>{
-    return props?.enabledCollectionSlugs?.length > 0 ? /*#__PURE__*/ React.createElement(RelationshipDrawerComponent, props) : /*#__PURE__*/ React.createElement(EnabledRelationshipsCondition, props, /*#__PURE__*/ React.createElement(RelationshipDrawerComponent, props));
+    return props?.enabledCollectionSlugs?.length > 0 ? /*#__PURE__*/ _jsx(RelationshipDrawerComponent, {
+        ...props
+    }) : /*#__PURE__*/ _jsx(EnabledRelationshipsCondition, {
+        ...props,
+        children: /*#__PURE__*/ _jsx(RelationshipDrawerComponent, {
+            ...props
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/relationship/drawer/index.tsx"],"sourcesContent":["'use client'\nimport lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js'\nconst { useLexicalComposerContext } = lexicalComposerContextImport\nimport lexicalImport from 'lexical'\nconst { $getNodeByKey, COMMAND_PRIORITY_EDITOR } = lexicalImport\n\nimport type { LexicalEditor } from 'lexical'\n\nimport { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'\nimport React, { useCallback, useEffect, useState } from 'react'\n\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  id,\n  editor,\n  relationTo,\n  replaceNodeKey,\n}: {\n  editor: LexicalEditor\n  id: string\n  relationTo: string\n  replaceNodeKey: null | string\n}) => {\n  if (!replaceNodeKey) {\n    editor.dispatchCommand(INSERT_RELATIONSHIP_COMMAND, {\n      relationTo,\n      value: {\n        id,\n      },\n    })\n  } else {\n    editor.update(() => {\n      const node = $getNodeByKey(replaceNodeKey)\n      if (node) {\n        node.replace($createRelationshipNode({ relationTo, value: { id } }))\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 [ListDrawer, ListDrawerToggler, { closeDrawer, isDrawerOpen, openDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\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        openDrawer()\n        return true\n      },\n      COMMAND_PRIORITY_EDITOR,\n    )\n  }, [editor, openDrawer])\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }) => {\n      insertRelationship({\n        id: docID,\n        editor,\n        relationTo: collectionSlug,\n        replaceNodeKey,\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer, 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  }, [isDrawerOpen, enabledCollectionSlugs])\n\n  return <ListDrawer onSelect={onSelect} />\n}\n\nexport const RelationshipDrawer = (props: Props): React.ReactNode => {\n  return props?.enabledCollectionSlugs?.length > 0 ? ( // If enabledCollectionSlugs it overrides what EnabledRelationshipsCondition is doing\n    <RelationshipDrawerComponent {...props} />\n  ) : (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipDrawerComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["lexicalComposerContextImport","useLexicalComposerContext","lexicalImport","$getNodeByKey","COMMAND_PRIORITY_EDITOR","useListDrawer","React","useCallback","useEffect","useState","$createRelationshipNode","INSERT_RELATIONSHIP_COMMAND","EnabledRelationshipsCondition","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","insertRelationship","id","editor","relationTo","replaceNodeKey","dispatchCommand","value","update","node","replace","RelationshipDrawerComponent","enabledCollectionSlugs","selectedCollectionSlug","setSelectedCollectionSlug","setReplaceNodeKey","ListDrawer","ListDrawerToggler","closeDrawer","isDrawerOpen","openDrawer","collectionSlugs","selectedCollection","registerCommand","payload","nodeKey","onSelect","collectionSlug","docID","RelationshipDrawer","props","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,kCAAkC,2CAA0C;AACnF,MAAM,EAAEC,yBAAyB,EAAE,GAAGD;AACtC,OAAOE,mBAAmB,UAAS;AACnC,MAAM,EAAEC,aAAa,EAAEC,uBAAuB,EAAE,GAAGF;AAInD,SAASG,aAAa,QAAQ,qCAAoC;AAClE,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,uBAAuB,QAAQ,+BAA8B;AACtE,SAASC,2BAA2B,QAAQ,sBAAqB;AACjE,SAASC,6BAA6B,QAAQ,4CAA2C;AACzF,SAASC,uCAAuC,QAAQ,gBAAe;AAEvE,MAAMC,qBAAqB,CAAC,EAC1BC,EAAE,EACFC,MAAM,EACNC,UAAU,EACVC,cAAc,EAMf;IACC,IAAI,CAACA,gBAAgB;QACnBF,OAAOG,eAAe,CAACR,6BAA6B;YAClDM;YACAG,OAAO;gBACLL;YACF;QACF;IACF,OAAO;QACLC,OAAOK,MAAM,CAAC;YACZ,MAAMC,OAAOnB,cAAce;YAC3B,IAAII,MAAM;gBACRA,KAAKC,OAAO,CAACb,wBAAwB;oBAAEO;oBAAYG,OAAO;wBAAEL;oBAAG;gBAAE;YACnE;QACF;IACF;AACF;AAMA,MAAMS,8BAA+C,CAAC,EAAEC,sBAAsB,EAAE;IAC9E,MAAM,CAACT,OAAO,GAAGf;IACjB,MAAM,CAACyB,wBAAwBC,0BAA0B,GAAGlB,SAC1D,IAAMgB,sBAAsB,CAAC,EAAE;IAEjC,MAAM,CAACP,gBAAgBU,kBAAkB,GAAGnB,SAAwB;IAEpE,MAAM,CAACoB,YAAYC,mBAAmB,EAAEC,WAAW,EAAEC,YAAY,EAAEC,UAAU,EAAE,CAAC,GAAG5B,cAAc;QAC/F6B,iBAAiBT;QACjBU,oBAAoBT;IACtB;IAEAlB,UAAU;QACR,OAAOQ,OAAOoB,eAAe,CAG3BvB,yCACA,CAACwB;YACCT,kBAAkBS,SAASd,UAAUc,SAASd,QAAQe,UAAU;YAChEL;YACA,OAAO;QACT,GACA7B;IAEJ,GAAG;QAACY;QAAQiB;KAAW;IAEvB,MAAMM,WAAWhC,YACf,CAAC,EAAEiC,cAAc,EAAEC,KAAK,EAAE;QACxB3B,mBAAmB;YACjBC,IAAI0B;YACJzB;YACAC,YAAYuB;YACZtB;QACF;QACAa;IACF,GACA;QAACf;QAAQe;QAAab;KAAe;IAGvCV,UAAU;QACR,oCAAoC;QACpC,0DAA0D;QAC1DmB,0BAA0BF,sBAAsB,CAAC,EAAE;IACrD,GAAG;QAACO;QAAcP;KAAuB;IAEzC,qBAAO,oBAACI;QAAWU,UAAUA;;AAC/B;AAEA,OAAO,MAAMG,qBAAqB,CAACC;IACjC,OAAOA,OAAOlB,wBAAwBmB,SAAS,kBAC7C,oBAACpB,6BAAgCmB,uBAEjC,oBAAC/B,+BAAkC+B,qBACjC,oBAACnB,6BAAgCmB;AAGvC,EAAC"}
+{"version":3,"sources":["../../../../../src/field/features/relationship/drawer/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useListDrawer } from '@payloadcms/ui/client'\nimport { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical'\nimport React, { useCallback, useEffect, useState } from 'react'\n\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 [ListDrawer, ListDrawerToggler, { closeDrawer, isDrawerOpen, openDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\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        openDrawer()\n        return true\n      },\n      COMMAND_PRIORITY_EDITOR,\n    )\n  }, [editor, openDrawer])\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }) => {\n      insertRelationship({\n        editor,\n        relationTo: collectionSlug,\n        replaceNodeKey,\n        value: docID,\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer, 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  }, [isDrawerOpen, enabledCollectionSlugs])\n\n  return <ListDrawer onSelect={onSelect} />\n}\n\nexport const RelationshipDrawer = (props: Props): React.ReactNode => {\n  return props?.enabledCollectionSlugs?.length > 0 ? ( // If enabledCollectionSlugs it overrides what EnabledRelationshipsCondition is doing\n    <RelationshipDrawerComponent {...props} />\n  ) : (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipDrawerComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["useLexicalComposerContext","useListDrawer","$getNodeByKey","COMMAND_PRIORITY_EDITOR","React","useCallback","useEffect","useState","$createRelationshipNode","INSERT_RELATIONSHIP_COMMAND","EnabledRelationshipsCondition","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","insertRelationship","editor","relationTo","replaceNodeKey","value","dispatchCommand","update","node","replace","RelationshipDrawerComponent","enabledCollectionSlugs","selectedCollectionSlug","setSelectedCollectionSlug","setReplaceNodeKey","ListDrawer","ListDrawerToggler","closeDrawer","isDrawerOpen","openDrawer","collectionSlugs","selectedCollection","registerCommand","payload","nodeKey","onSelect","collectionSlug","docID","RelationshipDrawer","props","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,aAAa,QAAQ,wBAAuB;AACrD,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,UAAS;AAChE,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,uBAAuB,QAAQ,+BAA8B;AACtE,SAASC,2BAA2B,QAAQ,sBAAqB;AACjE,SAASC,6BAA6B,QAAQ,4CAA2C;AACzF,SAASC,uCAAuC,QAAQ,gBAAe;AAEvE,MAAMC,qBAAqB,CAAC,EAC1BC,MAAM,EACNC,UAAU,EACVC,cAAc,EACdC,KAAK,EAMN;IACC,IAAI,CAACD,gBAAgB;QACnBF,OAAOI,eAAe,CAACR,6BAA6B;YAClDK;YACAE;QACF;IACF,OAAO;QACLH,OAAOK,MAAM,CAAC;YACZ,MAAMC,OAAOjB,cAAca;YAC3B,IAAII,MAAM;gBACRA,KAAKC,OAAO,CAACZ,wBAAwB;oBAAEM;oBAAYE;gBAAM;YAC3D;QACF;IACF;AACF;AAMA,MAAMK,8BAA+C,CAAC,EAAEC,sBAAsB,EAAE;IAC9E,MAAM,CAACT,OAAO,GAAGb;IACjB,MAAM,CAACuB,wBAAwBC,0BAA0B,GAAGjB,SAC1D,IAAMe,sBAAsB,CAAC,EAAE;IAEjC,MAAM,CAACP,gBAAgBU,kBAAkB,GAAGlB,SAAwB;IAEpE,MAAM,CAACmB,YAAYC,mBAAmB,EAAEC,WAAW,EAAEC,YAAY,EAAEC,UAAU,EAAE,CAAC,GAAG7B,cAAc;QAC/F8B,iBAAiBT;QACjBU,oBAAoBT;IACtB;IAEAjB,UAAU;QACR,OAAOO,OAAOoB,eAAe,CAG3BtB,yCACA,CAACuB;YACCT,kBAAkBS,SAASd,UAAUc,SAASd,QAAQe,UAAU;YAChEL;YACA,OAAO;QACT,GACA3B;IAEJ,GAAG;QAACU;QAAQiB;KAAW;IAEvB,MAAMM,WAAW/B,YACf,CAAC,EAAEgC,cAAc,EAAEC,KAAK,EAAE;QACxB1B,mBAAmB;YACjBC;YACAC,YAAYuB;YACZtB;YACAC,OAAOsB;QACT;QACAV;IACF,GACA;QAACf;QAAQe;QAAab;KAAe;IAGvCT,UAAU;QACR,oCAAoC;QACpC,0DAA0D;QAC1DkB,0BAA0BF,sBAAsB,CAAC,EAAE;IACrD,GAAG;QAACO;QAAcP;KAAuB;IAEzC,qBAAO,KAACI;QAAWU,UAAUA;;AAC/B;AAEA,OAAO,MAAMG,qBAAqB,CAACC;IACjC,OAAOA,OAAOlB,wBAAwBmB,SAAS,kBAC7C,KAACpB;QAA6B,GAAGmB,KAAK;uBAEtC,KAAC9B;QAA+B,GAAG8B,KAAK;kBACtC,cAAA,KAACnB;YAA6B,GAAGmB,KAAK;;;AAG5C,EAAC"}

package/dist/field/features/relationship/feature.client.d.ts

@@ -1,4 +1,19 @@
 /// <reference types="react" resolution-mode="require"/>
-import type { RelationshipFeatureProps } from './feature.server.js';
-export declare const RelationshipFeatureClientComponent: import("react").FC<import("../types.js").ClientComponentProps<RelationshipFeatureProps>>;
+export declare const RelationshipFeatureClientComponent: import("react").FC<({
+    featureKey: string;
+    order: number;
+} & {
+    disabledCollections?: string[];
+    enabledCollections?: never;
+} & {
+    maxDepth?: number;
+}) | ({
+    featureKey: string;
+    order: number;
+} & {
+    disabledCollections?: never;
+    enabledCollections?: string[];
+} & {
+    maxDepth?: number;
+})>;
 //# sourceMappingURL=feature.client.d.ts.map

package/dist/field/features/relationship/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/relationship/feature.client.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAmDnE,eAAO,MAAM,kCAAkC,0FAAmD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/relationship/feature.client.tsx"],"names":[],"mappings":";AAgFA,eAAO,MAAM,kCAAkC;;;;;;;;;;;;;;;;GAAmD,CAAA"}

package/dist/field/features/relationship/feature.client.js

@@ -1,10 +1,11 @@
 'use client';
-import { withMergedProps } from '@payloadcms/ui/elements/withMergedProps';
-import { SlashMenuOption } from '../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js';
+import { $isNodeSelection } from 'lexical';
 import { RelationshipIcon } from '../../lexical/ui/icons/Relationship/index.js';
 import { createClientComponent } from '../createClientComponent.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 { RelationshipNode } from './nodes/RelationshipNode.js';
+import { $isRelationshipNode, RelationshipNode } from './nodes/RelationshipNode.js';
 import { RelationshipPlugin } from './plugins/index.js';
 const RelationshipFeatureClient = (props)=>{
     return {
@@ -16,36 +17,58 @@ const RelationshipFeatureClient = (props)=>{
                 ],
                 plugins: [
                     {
-                        Component: withMergedProps({
-                            Component: RelationshipPlugin,
-                            toMergeIntoProps: props
-                        }),
+                        Component: RelationshipPlugin,
                         position: 'normal'
                     }
                 ],
                 slashMenu: {
-                    options: [
-                        {
-                            displayName: 'Basic',
-                            key: 'basic',
-                            options: [
-                                new SlashMenuOption('relationship', {
-                                    Icon: RelationshipIcon,
-                                    displayName: 'Relationship',
-                                    keywords: [
-                                        'relationship',
-                                        'relation',
-                                        'rel'
-                                    ],
-                                    onSelect: ({ editor })=>{
-                                        // dispatch INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND
-                                        editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {
-                                            replace: false
-                                        });
+                    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
+                                    });
+                                }
+                            }
+                        ])
                     ]
                 }
             })

package/dist/field/features/relationship/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/features/relationship/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { withMergedProps } from '@payloadcms/ui/elements/withMergedProps'\n\nimport type { FeatureProviderProviderClient } from '../types.js'\nimport type { RelationshipFeatureProps } from './feature.server.js'\n\nimport { SlashMenuOption } from '../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js'\nimport { RelationshipIcon } from '../../lexical/ui/icons/Relationship/index.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from './drawer/commands.js'\nimport { RelationshipNode } from './nodes/RelationshipNode.js'\nimport { RelationshipPlugin } from './plugins/index.js'\n\nconst RelationshipFeatureClient: FeatureProviderProviderClient<RelationshipFeatureProps> = (\n  props,\n) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      nodes: [RelationshipNode],\n      plugins: [\n        {\n          Component: withMergedProps({\n            Component: RelationshipPlugin,\n            toMergeIntoProps: props,\n          }),\n          position: 'normal',\n        },\n      ],\n      slashMenu: {\n        options: [\n          {\n            displayName: 'Basic',\n            key: 'basic',\n            options: [\n              new SlashMenuOption('relationship', {\n                Icon: RelationshipIcon,\n                displayName: 'Relationship',\n                keywords: ['relationship', 'relation', 'rel'],\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    }),\n  }\n}\n\nexport const RelationshipFeatureClientComponent = createClientComponent(RelationshipFeatureClient)\n"],"names":["withMergedProps","SlashMenuOption","RelationshipIcon","createClientComponent","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","RelationshipNode","RelationshipPlugin","RelationshipFeatureClient","props","clientFeatureProps","feature","nodes","plugins","Component","toMergeIntoProps","position","slashMenu","options","displayName","key","Icon","keywords","onSelect","editor","dispatchCommand","replace","RelationshipFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,eAAe,QAAQ,0CAAyC;AAKzE,SAASC,eAAe,QAAQ,sEAAqE;AACrG,SAASC,gBAAgB,QAAQ,+CAA8C;AAC/E,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,uCAAuC,QAAQ,uBAAsB;AAC9E,SAASC,gBAAgB,QAAQ,8BAA6B;AAC9D,SAASC,kBAAkB,QAAQ,qBAAoB;AAEvD,MAAMC,4BAAqF,CACzFC;IAEA,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,OAAO;oBAACN;iBAAiB;gBACzBO,SAAS;oBACP;wBACEC,WAAWb,gBAAgB;4BACzBa,WAAWP;4BACXQ,kBAAkBN;wBACpB;wBACAO,UAAU;oBACZ;iBACD;gBACDC,WAAW;oBACTC,SAAS;wBACP;4BACEC,aAAa;4BACbC,KAAK;4BACLF,SAAS;gCACP,IAAIhB,gBAAgB,gBAAgB;oCAClCmB,MAAMlB;oCACNgB,aAAa;oCACbG,UAAU;wCAAC;wCAAgB;wCAAY;qCAAM;oCAC7CC,UAAU,CAAC,EAAEC,MAAM,EAAE;wCACnB,mDAAmD;wCACnDA,OAAOC,eAAe,CAACpB,yCAAyC;4CAC9DqB,SAAS;wCACX;oCACF;gCACF;6BACD;wBACH;qBACD;gBACH;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMC,qCAAqCvB,sBAAsBI,2BAA0B"}
+{"version":3,"sources":["../../../../src/field/features/relationship/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isNodeSelection } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../types.js'\nimport type { RelationshipFeatureProps } from './feature.server.js'\n\nimport { RelationshipIcon } from '../../lexical/ui/icons/Relationship/index.js'\nimport { createClientComponent } from '../createClientComponent.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\nconst RelationshipFeatureClient: FeatureProviderProviderClient<RelationshipFeatureProps> = (\n  props,\n) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\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  }\n}\n\nexport const RelationshipFeatureClientComponent = createClientComponent(RelationshipFeatureClient)\n"],"names":["$isNodeSelection","RelationshipIcon","createClientComponent","slashMenuBasicGroupWithItems","toolbarAddDropdownGroupWithItems","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","$isRelationshipNode","RelationshipNode","RelationshipPlugin","RelationshipFeatureClient","props","clientFeatureProps","feature","nodes","plugins","Component","position","slashMenu","groups","Icon","key","keywords","label","i18n","t","onSelect","editor","dispatchCommand","replace","toolbarFixed","ChildComponent","isActive","selection","getNodes","length","firstNode","RelationshipFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,gBAAgB,QAAQ,UAAS;AAK1C,SAASC,gBAAgB,QAAQ,+CAA8C;AAC/E,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,4BAA4B,QAAQ,oCAAmC;AAChF,SAASC,gCAAgC,QAAQ,wCAAuC;AACxF,SAASC,uCAAuC,QAAQ,uBAAsB;AAC9E,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ,8BAA6B;AACnF,SAASC,kBAAkB,QAAQ,qBAAoB;AAEvD,MAAMC,4BAAqF,CACzFC;IAEA,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,OAAO;oBAACN;iBAAiB;gBACzBO,SAAS;oBACP;wBACEC,WAAWP;wBACXQ,UAAU;oBACZ;iBACD;gBACDC,WAAW;oBACTC,QAAQ;wBACNf,6BAA6B;4BAC3B;gCACEgB,MAAMlB;gCACNmB,KAAK;gCACLC,UAAU;oCAAC;oCAAgB;oCAAY;iCAAM;gCAC7CC,OAAO,CAAC,EAAEC,IAAI,EAAE;oCACd,OAAOA,KAAKC,CAAC,CAAC;gCAChB;gCACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnB,mDAAmD;oCACnDA,OAAOC,eAAe,CAACtB,yCAAyC;wCAC9DuB,SAAS;oCACX;gCACF;4BACF;yBACD;qBACF;gBACH;gBACAC,cAAc;oBACZX,QAAQ;wBACNd,iCAAiC;4BAC/B;gCACE0B,gBAAgB7B;gCAChB8B,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAI,CAAChC,iBAAiBgC,cAAc,CAACA,UAAUC,QAAQ,GAAGC,MAAM,EAAE;wCAChE,OAAO;oCACT;oCAEA,MAAMC,YAAYH,UAAUC,QAAQ,EAAE,CAAC,EAAE;oCACzC,OAAO3B,oBAAoB6B;gCAC7B;gCACAf,KAAK;gCACLE,OAAO,CAAC,EAAEC,IAAI,EAAE;oCACd,OAAOA,KAAKC,CAAC,CAAC;gCAChB;gCACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnB,mDAAmD;oCACnDA,OAAOC,eAAe,CAACtB,yCAAyC;wCAC9DuB,SAAS;oCACX;gCACF;4BACF;yBACD;qBACF;gBACH;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMQ,qCAAqClC,sBAAsBO,2BAA0B"}

package/dist/field/features/relationship/feature.server.d.ts

@@ -1,5 +1,5 @@
 import type { FeatureProviderProviderServer } from '../types.js';
-export type RelationshipFeatureProps = {
+export type ExclusiveRelationshipFeatureProps = {
     /**
      * The collections that should be disabled. Overrides the `enableRichTextRelationship` property in the collection config.
      * When this property is set, `enabledCollections` will not be available.
@@ -14,5 +14,14 @@ export type RelationshipFeatureProps = {
      **/
     enabledCollections?: string[];
 };
+export type RelationshipFeatureProps = ExclusiveRelationshipFeatureProps & {
+    /**
+     * Sets a maximum population depth for this relationship, regardless of the remaining depth when the respective field is reached.
+     * This behaves exactly like the maxDepth properties of relationship and upload fields.
+     *
+     * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}
+     */
+    maxDepth?: number;
+};
 export declare const RelationshipFeature: FeatureProviderProviderServer<RelationshipFeatureProps, RelationshipFeatureProps>;
 //# sourceMappingURL=feature.server.d.ts.map

package/dist/field/features/relationship/feature.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../src/field/features/relationship/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAMhE,MAAM,MAAM,wBAAwB,GAChC;IACE;;;QAGI;IACJ,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAG9B,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAC3B,GACD;IAEE,mBAAmB,CAAC,EAAE,KAAK,CAAA;IAE3B;;;QAGI;IACJ,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAA;AAEL,eAAO,MAAM,mBAAmB,EAAE,6BAA6B,CAC7D,wBAAwB,EACxB,wBAAwB,CAoBzB,CAAA"}
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../src/field/features/relationship/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAUhE,MAAM,MAAM,iCAAiC,GACzC;IACE;;;QAGI;IACJ,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAG9B,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAC3B,GACD;IAEE,mBAAmB,CAAC,EAAE,KAAK,CAAA;IAE3B;;;QAGI;IACJ,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAA;AAEL,MAAM,MAAM,wBAAwB,GAAG,iCAAiC,GAAG;IACzE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,6BAA6B,CAC7D,wBAAwB,EACxB,wBAAwB,CAmEzB,CAAA"}

package/dist/field/features/relationship/feature.server.js

@@ -1,19 +1,54 @@
-import { RelationshipFeatureClientComponent } from './feature.client.js';
+// eslint-disable-next-line payload/no-imports-from-exports-dir
+import { RelationshipFeatureClientComponent } from '../../../exports/client/index.js';
+import { populate } from '../../../populateGraphQL/populate.js';
+import { createNode } from '../typeUtilities.js';
+import { relationshipPopulationPromiseHOC } from './graphQLPopulationPromise.js';
+import { i18n } from './i18n.js';
 import { RelationshipNode } from './nodes/RelationshipNode.js';
-import { relationshipPopulationPromise } from './populationPromise.js';
 export const RelationshipFeature = (props)=>{
     return {
         feature: ()=>{
             return {
                 ClientComponent: RelationshipFeatureClientComponent,
                 clientFeatureProps: props,
+                i18n,
                 nodes: [
-                    {
-                        node: RelationshipNode,
-                        populationPromises: [
-                            relationshipPopulationPromise
-                        ]
-                    }
+                    createNode({
+                        graphQLPopulationPromises: [
+                            relationshipPopulationPromiseHOC(props)
+                        ],
+                        hooks: {
+                            afterRead: [
+                                ({ currentDepth, depth, draft, node, overrideAccess, populationPromises, req, showHiddenFields })=>{
+                                    if (!node?.value) {
+                                        return node;
+                                    }
+                                    const collection = req.payload.collections[node?.relationTo];
+                                    if (!collection) {
+                                        return node;
+                                    }
+                                    // @ts-expect-error
+                                    const id = node?.value?.id || node?.value // for backwards-compatibility
+                                    ;
+                                    const populateDepth = props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth;
+                                    populationPromises.push(populate({
+                                        id,
+                                        collection,
+                                        currentDepth,
+                                        data: node,
+                                        depth: populateDepth,
+                                        draft,
+                                        key: 'value',
+                                        overrideAccess,
+                                        req,
+                                        showHiddenFields
+                                    }));
+                                    return node;
+                                }
+                            ]
+                        },
+                        node: RelationshipNode
+                    })
                 ],
                 serverFeatureProps: props
             };

package/dist/field/features/relationship/feature.server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/features/relationship/feature.server.ts"],"sourcesContent":["import type { FeatureProviderProviderServer } from '../types.js'\n\nimport { RelationshipFeatureClientComponent } from './feature.client.js'\nimport { RelationshipNode } from './nodes/RelationshipNode.js'\nimport { relationshipPopulationPromise } from './populationPromise.js'\n\nexport type RelationshipFeatureProps =\n  | {\n      /**\n       * The collections that should be disabled. Overrides the `enableRichTextRelationship` property in the collection config.\n       * When this property is set, `enabledCollections` will not be available.\n       **/\n      disabledCollections?: string[]\n\n      // Ensures that enabledCollections is not available when disabledCollections is set\n      enabledCollections?: never\n    }\n  | {\n      // Ensures that disabledCollections is not available when enabledCollections is set\n      disabledCollections?: never\n\n      /**\n       * The collections that should be enabled. Overrides the `enableRichTextRelationship` property in the collection config\n       * When this property is set, `disabledCollections` will not be available.\n       **/\n      enabledCollections?: string[]\n    }\n\nexport const RelationshipFeature: FeatureProviderProviderServer<\n  RelationshipFeatureProps,\n  RelationshipFeatureProps\n> = (props) => {\n  return {\n    feature: () => {\n      return {\n        ClientComponent: RelationshipFeatureClientComponent,\n        clientFeatureProps: props,\n        nodes: [\n          {\n            node: RelationshipNode,\n            populationPromises: [relationshipPopulationPromise],\n            // TODO: Add validation similar to upload\n          },\n        ],\n        serverFeatureProps: props,\n      }\n    },\n    key: 'relationship',\n    serverFeatureProps: props,\n  }\n}\n"],"names":["RelationshipFeatureClientComponent","RelationshipNode","relationshipPopulationPromise","RelationshipFeature","props","feature","ClientComponent","clientFeatureProps","nodes","node","populationPromises","serverFeatureProps","key"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,kCAAkC,QAAQ,sBAAqB;AACxE,SAASC,gBAAgB,QAAQ,8BAA6B;AAC9D,SAASC,6BAA6B,QAAQ,yBAAwB;AAwBtE,OAAO,MAAMC,sBAGT,CAACC;IACH,OAAO;QACLC,SAAS;YACP,OAAO;gBACLC,iBAAiBN;gBACjBO,oBAAoBH;gBACpBI,OAAO;oBACL;wBACEC,MAAMR;wBACNS,oBAAoB;4BAACR;yBAA8B;oBAErD;iBACD;gBACDS,oBAAoBP;YACtB;QACF;QACAQ,KAAK;QACLD,oBAAoBP;IACtB;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/field/features/relationship/feature.server.ts"],"sourcesContent":["import type { FeatureProviderProviderServer } from '../types.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { RelationshipFeatureClientComponent } from '../../../exports/client/index.js'\nimport { populate } from '../../../populateGraphQL/populate.js'\nimport { createNode } from '../typeUtilities.js'\nimport { relationshipPopulationPromiseHOC } from './graphQLPopulationPromise.js'\nimport { i18n } from './i18n.js'\nimport { RelationshipNode } from './nodes/RelationshipNode.js'\n\nexport type ExclusiveRelationshipFeatureProps =\n  | {\n      /**\n       * The collections that should be disabled. Overrides the `enableRichTextRelationship` property in the collection config.\n       * When this property is set, `enabledCollections` will not be available.\n       **/\n      disabledCollections?: string[]\n\n      // Ensures that enabledCollections is not available when disabledCollections is set\n      enabledCollections?: never\n    }\n  | {\n      // Ensures that disabledCollections is not available when enabledCollections is set\n      disabledCollections?: never\n\n      /**\n       * The collections that should be enabled. Overrides the `enableRichTextRelationship` property in the collection config\n       * When this property is set, `disabledCollections` will not be available.\n       **/\n      enabledCollections?: string[]\n    }\n\nexport type RelationshipFeatureProps = ExclusiveRelationshipFeatureProps & {\n  /**\n   * Sets a maximum population depth for this relationship, regardless of the remaining depth when the respective field is reached.\n   * This behaves exactly like the maxDepth properties of relationship and upload fields.\n   *\n   * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}\n   */\n  maxDepth?: number\n}\n\nexport const RelationshipFeature: FeatureProviderProviderServer<\n  RelationshipFeatureProps,\n  RelationshipFeatureProps\n> = (props) => {\n  return {\n    feature: () => {\n      return {\n        ClientComponent: RelationshipFeatureClientComponent,\n        clientFeatureProps: props,\n        i18n,\n        nodes: [\n          createNode({\n            graphQLPopulationPromises: [relationshipPopulationPromiseHOC(props)],\n            hooks: {\n              afterRead: [\n                ({\n                  currentDepth,\n                  depth,\n                  draft,\n                  node,\n                  overrideAccess,\n                  populationPromises,\n                  req,\n                  showHiddenFields,\n                }) => {\n                  if (!node?.value) {\n                    return node\n                  }\n                  const collection = req.payload.collections[node?.relationTo]\n\n                  if (!collection) {\n                    return node\n                  }\n                  // @ts-expect-error\n                  const id = node?.value?.id || node?.value // for backwards-compatibility\n\n                  const populateDepth =\n                    props?.maxDepth !== undefined && props?.maxDepth < depth\n                      ? props?.maxDepth\n                      : depth\n\n                  populationPromises.push(\n                    populate({\n                      id,\n                      collection,\n                      currentDepth,\n                      data: node,\n                      depth: populateDepth,\n                      draft,\n                      key: 'value',\n                      overrideAccess,\n                      req,\n                      showHiddenFields,\n                    }),\n                  )\n\n                  return node\n                },\n              ],\n            },\n            node: RelationshipNode,\n          }),\n        ],\n        serverFeatureProps: props,\n      }\n    },\n    key: 'relationship',\n    serverFeatureProps: props,\n  }\n}\n"],"names":["RelationshipFeatureClientComponent","populate","createNode","relationshipPopulationPromiseHOC","i18n","RelationshipNode","RelationshipFeature","props","feature","ClientComponent","clientFeatureProps","nodes","graphQLPopulationPromises","hooks","afterRead","currentDepth","depth","draft","node","overrideAccess","populationPromises","req","showHiddenFields","value","collection","payload","collections","relationTo","id","populateDepth","maxDepth","undefined","push","data","key","serverFeatureProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,+DAA+D;AAC/D,SAASA,kCAAkC,QAAQ,mCAAkC;AACrF,SAASC,QAAQ,QAAQ,uCAAsC;AAC/D,SAASC,UAAU,QAAQ,sBAAqB;AAChD,SAASC,gCAAgC,QAAQ,gCAA+B;AAChF,SAASC,IAAI,QAAQ,YAAW;AAChC,SAASC,gBAAgB,QAAQ,8BAA6B;AAkC9D,OAAO,MAAMC,sBAGT,CAACC;IACH,OAAO;QACLC,SAAS;YACP,OAAO;gBACLC,iBAAiBT;gBACjBU,oBAAoBH;gBACpBH;gBACAO,OAAO;oBACLT,WAAW;wBACTU,2BAA2B;4BAACT,iCAAiCI;yBAAO;wBACpEM,OAAO;4BACLC,WAAW;gCACT,CAAC,EACCC,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EACjB;oCACC,IAAI,CAACJ,MAAMK,OAAO;wCAChB,OAAOL;oCACT;oCACA,MAAMM,aAAaH,IAAII,OAAO,CAACC,WAAW,CAACR,MAAMS,WAAW;oCAE5D,IAAI,CAACH,YAAY;wCACf,OAAON;oCACT;oCACA,mBAAmB;oCACnB,MAAMU,KAAKV,MAAMK,OAAOK,MAAMV,MAAMK,MAAM,8BAA8B;;oCAExE,MAAMM,gBACJtB,OAAOuB,aAAaC,aAAaxB,OAAOuB,WAAWd,QAC/CT,OAAOuB,WACPd;oCAENI,mBAAmBY,IAAI,CACrB/B,SAAS;wCACP2B;wCACAJ;wCACAT;wCACAkB,MAAMf;wCACNF,OAAOa;wCACPZ;wCACAiB,KAAK;wCACLf;wCACAE;wCACAC;oCACF;oCAGF,OAAOJ;gCACT;6BACD;wBACH;wBACAA,MAAMb;oBACR;iBACD;gBACD8B,oBAAoB5B;YACtB;QACF;QACA2B,KAAK;QACLC,oBAAoB5B;IACtB;AACF,EAAC"}

package/dist/field/features/relationship/graphQLPopulationPromise.d.ts

@@ -0,0 +1,5 @@
+import type { PopulationPromise } from '../types.js';
+import type { RelationshipFeatureProps } from './feature.server.js';
+import type { SerializedRelationshipNode } from './nodes/RelationshipNode.js';
+export declare const relationshipPopulationPromiseHOC: (props: RelationshipFeatureProps) => PopulationPromise<SerializedRelationshipNode>;
+//# sourceMappingURL=graphQLPopulationPromise.d.ts.map

package/dist/field/features/relationship/graphQLPopulationPromise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphQLPopulationPromise.d.ts","sourceRoot":"","sources":["../../../../src/field/features/relationship/graphQLPopulationPromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAI7E,eAAO,MAAM,gCAAgC,UACpC,wBAAwB,KAC9B,kBAAkB,0BAA0B,CAwC9C,CAAA"}

package/dist/field/features/relationship/graphQLPopulationPromise.js

@@ -0,0 +1,29 @@
+import { populate } from '../../../populateGraphQL/populate.js';
+export const relationshipPopulationPromiseHOC = (props)=>{
+    const relationshipPopulationPromise = ({ currentDepth, depth, draft, node, overrideAccess, populationPromises, req, showHiddenFields })=>{
+        if (node?.value) {
+            // @ts-expect-error
+            const id = node?.value?.id || node?.value // for backwards-compatibility
+            ;
+            const collection = req.payload.collections[node?.relationTo];
+            if (collection) {
+                const populateDepth = props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth;
+                populationPromises.push(populate({
+                    id,
+                    collection,
+                    currentDepth,
+                    data: node,
+                    depth: populateDepth,
+                    draft,
+                    key: 'value',
+                    overrideAccess,
+                    req,
+                    showHiddenFields
+                }));
+            }
+        }
+    };
+    return relationshipPopulationPromise;
+};
+
+//# sourceMappingURL=graphQLPopulationPromise.js.map

package/dist/field/features/relationship/graphQLPopulationPromise.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/features/relationship/graphQLPopulationPromise.ts"],"sourcesContent":["import type { PopulationPromise } from '../types.js'\nimport type { RelationshipFeatureProps } from './feature.server.js'\nimport type { SerializedRelationshipNode } from './nodes/RelationshipNode.js'\n\nimport { populate } from '../../../populateGraphQL/populate.js'\n\nexport const relationshipPopulationPromiseHOC = (\n  props: RelationshipFeatureProps,\n): PopulationPromise<SerializedRelationshipNode> => {\n  const relationshipPopulationPromise: PopulationPromise<SerializedRelationshipNode> = ({\n    currentDepth,\n    depth,\n    draft,\n    node,\n    overrideAccess,\n    populationPromises,\n    req,\n    showHiddenFields,\n  }) => {\n    if (node?.value) {\n      // @ts-expect-error\n      const id = node?.value?.id || node?.value // for backwards-compatibility\n\n      const collection = req.payload.collections[node?.relationTo]\n\n      if (collection) {\n        const populateDepth =\n          props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth\n\n        populationPromises.push(\n          populate({\n            id,\n            collection,\n            currentDepth,\n            data: node,\n            depth: populateDepth,\n            draft,\n            key: 'value',\n            overrideAccess,\n            req,\n            showHiddenFields,\n          }),\n        )\n      }\n    }\n  }\n\n  return relationshipPopulationPromise\n}\n"],"names":["populate","relationshipPopulationPromiseHOC","props","relationshipPopulationPromise","currentDepth","depth","draft","node","overrideAccess","populationPromises","req","showHiddenFields","value","id","collection","payload","collections","relationTo","populateDepth","maxDepth","undefined","push","data","key"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,QAAQ,QAAQ,uCAAsC;AAE/D,OAAO,MAAMC,mCAAmC,CAC9CC;IAEA,MAAMC,gCAA+E,CAAC,EACpFC,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EACjB;QACC,IAAIJ,MAAMK,OAAO;YACf,mBAAmB;YACnB,MAAMC,KAAKN,MAAMK,OAAOC,MAAMN,MAAMK,MAAM,8BAA8B;;YAExE,MAAME,aAAaJ,IAAIK,OAAO,CAACC,WAAW,CAACT,MAAMU,WAAW;YAE5D,IAAIH,YAAY;gBACd,MAAMI,gBACJhB,OAAOiB,aAAaC,aAAalB,OAAOiB,WAAWd,QAAQH,OAAOiB,WAAWd;gBAE/EI,mBAAmBY,IAAI,CACrBrB,SAAS;oBACPa;oBACAC;oBACAV;oBACAkB,MAAMf;oBACNF,OAAOa;oBACPZ;oBACAiB,KAAK;oBACLf;oBACAE;oBACAC;gBACF;YAEJ;QACF;IACF;IAEA,OAAOR;AACT,EAAC"}

package/dist/field/features/relationship/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/field/features/relationship/i18n.d.ts.map

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