@payloadcms/richtext-lexical 3.0.0-beta.85 → 3.0.0-beta.86

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

@@ -1 +1 @@
-{"version":3,"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"],"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"],"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"}
+{"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.js

@@ -1,12 +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'
+  feature: {
+    ClientFeature: '@payloadcms/richtext-lexical/client#ParagraphFeatureClient',
+    clientFeatureProps: null,
+    i18n
+  },
+  key: 'paragraph'
 });
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["createServerFeature","i18n","ParagraphFeature","feature","ClientFeature","clientFeatureProps","key"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,4CAA2C;AAC/E,SAASC,IAAI,QAAQ,YAAW;AAEhC,OAAO,MAAMC,mBAAmBF,oBAAoB;IAClDG,SAAS;QACPC,eAAe;QACfC,oBAAoB;QACpBJ;IACF;IACAK,KAAK;AACP,GAAE"}
+{"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.js

@@ -1,4 +1,5 @@
 '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';
@@ -12,160 +13,151 @@ import { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from '../drawer/commands.js';
 import { $isRelationshipNode } from '../nodes/RelationshipNode.js';
 const baseClass = 'lexical-relationship';
 const initialParams = {
-    depth: 0
+  depth: 0
 };
-const Component = (props)=>{
-    const { data: { relationTo, value: id }, nodeKey } = props;
-    const relationshipElemRef = useRef(null);
-    const [editor] = useLexicalComposerContext();
-    const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
-    const { field } = useEditorConfigContext();
-    const { config: { collections, routes: { api }, serverURL } } = useConfig();
-    const [relatedCollection, setRelatedCollection] = useState(()=>collections.find((coll)=>coll.slug === relationTo));
-    const { i18n, t } = useTranslation();
-    const [cacheBust, dispatchCacheBust] = useReducer((state)=>state + 1, 0);
-    const [{ data }, { setParams }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${id}`, {
-        initialParams
+const Component = props => {
+  const {
+    data: {
+      relationTo,
+      value: id
+    },
+    nodeKey
+  } = props;
+  const relationshipElemRef = useRef(null);
+  const [editor] = useLexicalComposerContext();
+  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+  const {
+    field
+  } = useEditorConfigContext();
+  const {
+    config: {
+      collections,
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const [relatedCollection, setRelatedCollection] = useState(() => collections.find(coll => coll.slug === relationTo));
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [cacheBust, dispatchCacheBust] = useReducer(state => state + 1, 0);
+  const [{
+    data
+  }, {
+    setParams
+  }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${id}`, {
+    initialParams
+  });
+  const [DocumentDrawer, DocumentDrawerToggler, {
+    closeDrawer
+  }] = useDocumentDrawer({
+    id,
+    collectionSlug: relatedCollection.slug
+  });
+  const removeRelationship = useCallback(() => {
+    editor.update(() => {
+      $getNodeByKey(nodeKey).remove();
     });
-    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({
-        id,
-        collectionSlug: relatedCollection.slug
+  }, [editor, nodeKey]);
+  const updateRelationship = React.useCallback(({
+    doc
+  }) => {
+    setParams({
+      ...initialParams,
+      cacheBust
     });
-    const removeRelationship = useCallback(()=>{
-        editor.update(()=>{
-            $getNodeByKey(nodeKey).remove();
-        });
-    }, [
-        editor,
-        nodeKey
-    ]);
-    const updateRelationship = React.useCallback(({ doc })=>{
-        setParams({
-            ...initialParams,
-            cacheBust
-        });
-        closeDrawer();
-        dispatchCacheBust();
-    }, [
-        cacheBust,
-        setParams,
-        closeDrawer
-    ]);
-    const $onDelete = useCallback((payload)=>{
-        if (isSelected && $isNodeSelection($getSelection())) {
-            const event = payload;
-            event.preventDefault();
-            const node = $getNodeByKey(nodeKey);
-            if ($isRelationshipNode(node)) {
-                node.remove();
-                return true;
-            }
+    closeDrawer();
+    dispatchCacheBust();
+  }, [cacheBust, setParams, closeDrawer]);
+  const $onDelete = useCallback(payload => {
+    if (isSelected && $isNodeSelection($getSelection())) {
+      const event = payload;
+      event.preventDefault();
+      const node = $getNodeByKey(nodeKey);
+      if ($isRelationshipNode(node)) {
+        node.remove();
+        return true;
+      }
+    }
+    return false;
+  }, [isSelected, nodeKey]);
+  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 false;
-    }, [
-        isSelected,
-        nodeKey
-    ]);
-    const onClick = useCallback((payload)=>{
-        const event = payload;
-        // Check if relationshipElemRef.target or anything WITHIN relationshipElemRef.target was clicked
-        if (event.target === relationshipElemRef.current || relationshipElemRef.current?.contains(event.target)) {
-            if (event.shiftKey) {
-                setSelected(!isSelected);
-            } else {
-                if (!isSelected) {
-                    clearSelection();
-                    setSelected(true);
-                }
+      }
+      return true;
+    }
+    return false;
+  }, [isSelected, setSelected, clearSelection]);
+  useEffect(() => {
+    return mergeRegister(editor.registerCommand(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW));
+  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, isSelected && `${baseClass}--selected`].filter(Boolean).join(' '),
+    contentEditable: false,
+    ref: relationshipElemRef,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsx("p", {
+        className: `${baseClass}__label`,
+        children: t('fields:labelRelationship', {
+          label: getTranslation(relatedCollection.labels.singular, i18n)
+        })
+      }), /*#__PURE__*/_jsx(DocumentDrawerToggler, {
+        className: `${baseClass}__doc-drawer-toggler`,
+        children: /*#__PURE__*/_jsx("p", {
+          className: `${baseClass}__title`,
+          children: data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : id
+        })
+      })]
+    }), editor.isEditable() && /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__actions`,
+      children: [/*#__PURE__*/_jsx(Button, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__swapButton`,
+        disabled: field?.admin?.readOnly,
+        el: "div",
+        icon: "swap",
+        onClick: () => {
+          editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {
+            replace: {
+              nodeKey
             }
-            return true;
-        }
-        return false;
-    }, [
-        isSelected,
-        setSelected,
-        clearSelection
-    ]);
-    useEffect(()=>{
-        return mergeRegister(editor.registerCommand(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW));
-    }, [
-        clearSelection,
-        editor,
-        isSelected,
-        nodeKey,
-        $onDelete,
-        setSelected,
-        onClick
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            baseClass,
-            isSelected && `${baseClass}--selected`
-        ].filter(Boolean).join(' '),
-        contentEditable: false,
-        ref: relationshipElemRef,
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsx("p", {
-                        className: `${baseClass}__label`,
-                        children: t('fields:labelRelationship', {
-                            label: getTranslation(relatedCollection.labels.singular, i18n)
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
-                        className: `${baseClass}__doc-drawer-toggler`,
-                        children: /*#__PURE__*/ _jsx("p", {
-                            className: `${baseClass}__title`,
-                            children: data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : id
-                        })
-                    })
-                ]
-            }),
-            editor.isEditable() && /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__actions`,
-                children: [
-                    /*#__PURE__*/ _jsx(Button, {
-                        buttonStyle: "icon-label",
-                        className: `${baseClass}__swapButton`,
-                        disabled: field?.admin?.readOnly,
-                        el: "div",
-                        icon: "swap",
-                        onClick: ()=>{
-                            editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {
-                                replace: {
-                                    nodeKey
-                                }
-                            });
-                        },
-                        round: true,
-                        tooltip: t('fields:swapRelationship')
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        buttonStyle: "icon-label",
-                        className: `${baseClass}__removeButton`,
-                        disabled: field?.admin?.readOnly,
-                        icon: "x",
-                        onClick: (e)=>{
-                            e.preventDefault();
-                            removeRelationship();
-                        },
-                        round: true,
-                        tooltip: t('fields:removeRelationship')
-                    })
-                ]
-            }),
-            id && /*#__PURE__*/ _jsx(DocumentDrawer, {
-                onSave: updateRelationship
-            })
-        ]
-    });
+          });
+        },
+        round: true,
+        tooltip: t('fields:swapRelationship')
+      }), /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__removeButton`,
+        disabled: field?.admin?.readOnly,
+        icon: "x",
+        onClick: e => {
+          e.preventDefault();
+          removeRelationship();
+        },
+        round: true,
+        tooltip: t('fields:removeRelationship')
+      })]
+    }), id && /*#__PURE__*/_jsx(DocumentDrawer, {
+      onSave: updateRelationship
+    })]
+  });
 };
-export const RelationshipComponent = (props)=>{
-    return /*#__PURE__*/ _jsx(Component, {
-        ...props
-    });
+export const RelationshipComponent = props => {
+  return /*#__PURE__*/_jsx(Component, {
+    ...props
+  });
 };
-
 //# sourceMappingURL=RelationshipComponent.js.map

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

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

@@ -1,4 +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

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