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

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

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { useListDrawer } from '@payloadcms/ui';
@@ -8,70 +10,117 @@ import { EnabledRelationshipsCondition } from '../../../relationship/client/util
 import { $createUploadNode } from '../nodes/UploadNode.js';
 import { INSERT_UPLOAD_COMMAND } from '../plugin/index.js';
 import { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from './commands.js';
-const insertUpload = ({ editor, relationTo, replaceNodeKey, value })=>{
-    if (!replaceNodeKey) {
-        editor.dispatchCommand(INSERT_UPLOAD_COMMAND, {
+const insertUpload = ({
+  editor,
+  relationTo,
+  replaceNodeKey,
+  value
+}) => {
+  if (!replaceNodeKey) {
+    editor.dispatchCommand(INSERT_UPLOAD_COMMAND, {
+      fields: null,
+      relationTo,
+      value
+    });
+  } else {
+    editor.update(() => {
+      const node = $getNodeByKey(replaceNodeKey);
+      if (node) {
+        node.replace($createUploadNode({
+          data: {
             fields: null,
             relationTo,
             value
-        });
-    } else {
-        editor.update(()=>{
-            const node = $getNodeByKey(replaceNodeKey);
-            if (node) {
-                node.replace($createUploadNode({
-                    data: {
-                        fields: null,
-                        relationTo,
-                        value
-                    }
-                }));
-            }
-        });
-    }
-};
-const UploadDrawerComponent = ({ enabledCollectionSlugs })=>{
-    const [editor] = useLexicalComposerContext();
-    const [replaceNodeKey, setReplaceNodeKey] = useState(null);
-    const [ListDrawer, ListDrawerToggler, { closeDrawer, openDrawer }] = useListDrawer({
-        collectionSlugs: enabledCollectionSlugs,
-        uploads: true
+          }
+        }));
+      }
     });
-    useEffect(()=>{
-        return editor.registerCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, (payload)=>{
-            setReplaceNodeKey(payload?.replace ? payload?.replace.nodeKey : null);
-            openDrawer();
-            return true;
-        }, COMMAND_PRIORITY_EDITOR);
-    }, [
-        editor,
-        openDrawer
-    ]);
-    const onSelect = useCallback(({ collectionSlug, docID })=>{
-        insertUpload({
-            editor,
-            relationTo: collectionSlug,
-            replaceNodeKey,
-            value: docID
-        });
-        closeDrawer();
-    }, [
+  }
+};
+const UploadDrawerComponent = t0 => {
+  const $ = _c(13);
+  const {
+    enabledCollectionSlugs
+  } = t0;
+  const [editor] = useLexicalComposerContext();
+  const [replaceNodeKey, setReplaceNodeKey] = useState(null);
+  let t1;
+  if ($[0] !== enabledCollectionSlugs) {
+    t1 = {
+      collectionSlugs: enabledCollectionSlugs,
+      uploads: true
+    };
+    $[0] = enabledCollectionSlugs;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [ListDrawer, ListDrawerToggler, t2] = useListDrawer(t1);
+  const {
+    closeDrawer,
+    openDrawer
+  } = t2;
+  let t3;
+  let t4;
+  if ($[2] !== editor || $[3] !== openDrawer) {
+    t3 = () => editor.registerCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, payload => {
+      setReplaceNodeKey(payload?.replace ? payload?.replace.nodeKey : null);
+      openDrawer();
+      return true;
+    }, COMMAND_PRIORITY_EDITOR);
+    t4 = [editor, openDrawer];
+    $[2] = editor;
+    $[3] = openDrawer;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t3 = $[4];
+    t4 = $[5];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[6] !== editor || $[7] !== replaceNodeKey || $[8] !== closeDrawer) {
+    t5 = t6 => {
+      const {
+        collectionSlug,
+        docID
+      } = t6;
+      insertUpload({
         editor,
-        closeDrawer,
-        replaceNodeKey
-    ]);
-    return /*#__PURE__*/ _jsx(ListDrawer, {
-        onSelect: onSelect
+        relationTo: collectionSlug,
+        replaceNodeKey,
+        value: docID
+      });
+      closeDrawer();
+    };
+    $[6] = editor;
+    $[7] = replaceNodeKey;
+    $[8] = closeDrawer;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const onSelect = t5;
+  let t6;
+  if ($[10] !== onSelect || $[11] !== ListDrawer) {
+    t6 = _jsx(ListDrawer, {
+      onSelect
     });
+    $[10] = onSelect;
+    $[11] = ListDrawer;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
 };
-export const UploadDrawer = (props)=>{
-    return /*#__PURE__*/ _jsx(EnabledRelationshipsCondition, {
-        ...props,
-        uploads: true,
-        children: /*#__PURE__*/ _jsx(UploadDrawerComponent, {
-            ...props
-        })
-    });
+export const UploadDrawer = props => {
+  return /*#__PURE__*/_jsx(EnabledRelationshipsCondition, {
+    ...props,
+    uploads: true,
+    children: /*#__PURE__*/_jsx(UploadDrawerComponent, {
+      ...props
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/upload/client/drawer/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useListDrawer } from '@payloadcms/ui'\nimport { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { EnabledRelationshipsCondition } from '../../../relationship/client/utils/EnabledRelationshipsCondition.js'\nimport { $createUploadNode } from '../nodes/UploadNode.js'\nimport { INSERT_UPLOAD_COMMAND } from '../plugin/index.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from './commands.js'\n\nconst insertUpload = ({\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_UPLOAD_COMMAND, {\n      fields: null,\n      relationTo,\n      value,\n    })\n  } else {\n    editor.update(() => {\n      const node = $getNodeByKey(replaceNodeKey)\n      if (node) {\n        node.replace(\n          $createUploadNode({\n            data: {\n              fields: null,\n              relationTo,\n              value,\n            },\n          }),\n        )\n      }\n    })\n  }\n}\n\ntype Props = {\n  enabledCollectionSlugs: string[]\n}\n\nconst UploadDrawerComponent: React.FC<Props> = ({ enabledCollectionSlugs }) => {\n  const [editor] = useLexicalComposerContext()\n\n  const [replaceNodeKey, setReplaceNodeKey] = useState<null | string>(null)\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer, openDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    uploads: true,\n  })\n\n  useEffect(() => {\n    return editor.registerCommand<{\n      replace: { nodeKey: string } | false\n    }>(\n      INSERT_UPLOAD_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      insertUpload({\n        editor,\n        relationTo: collectionSlug,\n        replaceNodeKey,\n        value: docID,\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer, replaceNodeKey],\n  )\n\n  return <ListDrawer onSelect={onSelect} />\n}\n\nexport const UploadDrawer = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadDrawerComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["useLexicalComposerContext","useListDrawer","$getNodeByKey","COMMAND_PRIORITY_EDITOR","React","useCallback","useEffect","useState","EnabledRelationshipsCondition","$createUploadNode","INSERT_UPLOAD_COMMAND","INSERT_UPLOAD_WITH_DRAWER_COMMAND","insertUpload","editor","relationTo","replaceNodeKey","value","dispatchCommand","fields","update","node","replace","data","UploadDrawerComponent","enabledCollectionSlugs","setReplaceNodeKey","ListDrawer","ListDrawerToggler","closeDrawer","openDrawer","collectionSlugs","uploads","registerCommand","payload","nodeKey","onSelect","collectionSlug","docID","UploadDrawer","props"],"mappings":"AAAA;;AAGA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,aAAa,QAAQ,iBAAgB;AAC9C,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,UAAS;AAChE,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,6BAA6B,QAAQ,sEAAqE;AACnH,SAASC,iBAAiB,QAAQ,yBAAwB;AAC1D,SAASC,qBAAqB,QAAQ,qBAAoB;AAC1D,SAASC,iCAAiC,QAAQ,gBAAe;AAEjE,MAAMC,eAAe,CAAC,EACpBC,MAAM,EACNC,UAAU,EACVC,cAAc,EACdC,KAAK,EAMN;IACC,IAAI,CAACD,gBAAgB;QACnBF,OAAOI,eAAe,CAACP,uBAAuB;YAC5CQ,QAAQ;YACRJ;YACAE;QACF;IACF,OAAO;QACLH,OAAOM,MAAM,CAAC;YACZ,MAAMC,OAAOlB,cAAca;YAC3B,IAAIK,MAAM;gBACRA,KAAKC,OAAO,CACVZ,kBAAkB;oBAChBa,MAAM;wBACJJ,QAAQ;wBACRJ;wBACAE;oBACF;gBACF;YAEJ;QACF;IACF;AACF;AAMA,MAAMO,wBAAyC,CAAC,EAAEC,sBAAsB,EAAE;IACxE,MAAM,CAACX,OAAO,GAAGb;IAEjB,MAAM,CAACe,gBAAgBU,kBAAkB,GAAGlB,SAAwB;IAEpE,MAAM,CAACmB,YAAYC,mBAAmB,EAAEC,WAAW,EAAEC,UAAU,EAAE,CAAC,GAAG5B,cAAc;QACjF6B,iBAAiBN;QACjBO,SAAS;IACX;IAEAzB,UAAU;QACR,OAAOO,OAAOmB,eAAe,CAG3BrB,mCACA,CAACsB;YACCR,kBAAkBQ,SAASZ,UAAUY,SAASZ,QAAQa,UAAU;YAChEL;YACA,OAAO;QACT,GACA1B;IAEJ,GAAG;QAACU;QAAQgB;KAAW;IAEvB,MAAMM,WAAW9B,YACf,CAAC,EAAE+B,cAAc,EAAEC,KAAK,EAAE;QACxBzB,aAAa;YACXC;YACAC,YAAYsB;YACZrB;YACAC,OAAOqB;QACT;QACAT;IACF,GACA;QAACf;QAAQe;QAAab;KAAe;IAGvC,qBAAO,KAACW;QAAWS,UAAUA;;AAC/B;AAEA,OAAO,MAAMG,eAAe,CAACC;IAC3B,qBACE,KAAC/B;QAA+B,GAAG+B,KAAK;QAAER,OAAO;kBAC/C,cAAA,KAACR;YAAuB,GAAGgB,KAAK;;;AAGtC,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useListDrawer","$getNodeByKey","COMMAND_PRIORITY_EDITOR","React","useCallback","useEffect","useState","EnabledRelationshipsCondition","$createUploadNode","INSERT_UPLOAD_COMMAND","INSERT_UPLOAD_WITH_DRAWER_COMMAND","insertUpload","editor","relationTo","replaceNodeKey","value","dispatchCommand","fields","update","node","replace","data","UploadDrawerComponent","t0","$","enabledCollectionSlugs","setReplaceNodeKey","t1","collectionSlugs","uploads","ListDrawer","ListDrawerToggler","t2","closeDrawer","openDrawer","t3","t4","registerCommand","payload","nodeKey","t5","t6","collectionSlug","docID","onSelect","_jsx","UploadDrawer","props"],"sources":["../../../../../src/features/upload/client/drawer/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useListDrawer } from '@payloadcms/ui'\nimport { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { EnabledRelationshipsCondition } from '../../../relationship/client/utils/EnabledRelationshipsCondition.js'\nimport { $createUploadNode } from '../nodes/UploadNode.js'\nimport { INSERT_UPLOAD_COMMAND } from '../plugin/index.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from './commands.js'\n\nconst insertUpload = ({\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_UPLOAD_COMMAND, {\n      fields: null,\n      relationTo,\n      value,\n    })\n  } else {\n    editor.update(() => {\n      const node = $getNodeByKey(replaceNodeKey)\n      if (node) {\n        node.replace(\n          $createUploadNode({\n            data: {\n              fields: null,\n              relationTo,\n              value,\n            },\n          }),\n        )\n      }\n    })\n  }\n}\n\ntype Props = {\n  enabledCollectionSlugs: string[]\n}\n\nconst UploadDrawerComponent: React.FC<Props> = ({ enabledCollectionSlugs }) => {\n  const [editor] = useLexicalComposerContext()\n\n  const [replaceNodeKey, setReplaceNodeKey] = useState<null | string>(null)\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer, openDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    uploads: true,\n  })\n\n  useEffect(() => {\n    return editor.registerCommand<{\n      replace: { nodeKey: string } | false\n    }>(\n      INSERT_UPLOAD_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      insertUpload({\n        editor,\n        relationTo: collectionSlug,\n        replaceNodeKey,\n        value: docID,\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer, replaceNodeKey],\n  )\n\n  return <ListDrawer onSelect={onSelect} />\n}\n\nexport const UploadDrawer = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadDrawerComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/upload/client/feature.client.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { $isNodeSelection } from 'lexical';
 import { UploadIcon } from '../../../lexical/ui/icons/Upload/index.js';
 import { createClientFeature } from '../../../utilities/createClientFeature.js';
@@ -8,67 +9,56 @@ import { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from './drawer/commands.js';
 import { $isUploadNode, UploadNode } from './nodes/UploadNode.js';
 import { UploadPlugin } from './plugin/index.js';
 export const UploadFeatureClient = createClientFeature({
-    nodes: [
-        UploadNode
-    ],
-    plugins: [
-        {
-            Component: UploadPlugin,
-            position: 'normal'
+  nodes: [UploadNode],
+  plugins: [{
+    Component: UploadPlugin,
+    position: 'normal'
+  }],
+  slashMenu: {
+    groups: [slashMenuBasicGroupWithItems([{
+      Icon: UploadIcon,
+      key: 'upload',
+      keywords: ['upload', 'image', 'file', 'img', 'picture', 'photo', 'media'],
+      label: ({
+        i18n
+      }) => {
+        return i18n.t('lexical:upload:label');
+      },
+      onSelect: ({
+        editor
+      }) => {
+        editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
+          replace: false
+        });
+      }
+    }])]
+  },
+  toolbarFixed: {
+    groups: [toolbarAddDropdownGroupWithItems([{
+      ChildComponent: UploadIcon,
+      isActive: ({
+        selection
+      }) => {
+        if (!$isNodeSelection(selection) || !selection.getNodes().length) {
+          return false;
         }
-    ],
-    slashMenu: {
-        groups: [
-            slashMenuBasicGroupWithItems([
-                {
-                    Icon: UploadIcon,
-                    key: 'upload',
-                    keywords: [
-                        'upload',
-                        'image',
-                        'file',
-                        'img',
-                        'picture',
-                        'photo',
-                        'media'
-                    ],
-                    label: ({ i18n })=>{
-                        return i18n.t('lexical:upload:label');
-                    },
-                    onSelect: ({ editor })=>{
-                        editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
-                            replace: false
-                        });
-                    }
-                }
-            ])
-        ]
-    },
-    toolbarFixed: {
-        groups: [
-            toolbarAddDropdownGroupWithItems([
-                {
-                    ChildComponent: UploadIcon,
-                    isActive: ({ selection })=>{
-                        if (!$isNodeSelection(selection) || !selection.getNodes().length) {
-                            return false;
-                        }
-                        const firstNode = selection.getNodes()[0];
-                        return $isUploadNode(firstNode);
-                    },
-                    key: 'upload',
-                    label: ({ i18n })=>{
-                        return i18n.t('lexical:upload:label');
-                    },
-                    onSelect: ({ editor })=>{
-                        editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
-                            replace: false
-                        });
-                    }
-                }
-            ])
-        ]
-    }
+        const firstNode = selection.getNodes()[0];
+        return $isUploadNode(firstNode);
+      },
+      key: 'upload',
+      label: ({
+        i18n
+      }) => {
+        return i18n.t('lexical:upload:label');
+      },
+      onSelect: ({
+        editor
+      }) => {
+        editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
+          replace: false
+        });
+      }
+    }])]
+  }
 });
-
 //# sourceMappingURL=feature.client.js.map

package/dist/features/upload/client/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/upload/client/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isNodeSelection } from 'lexical'\n\nimport { UploadIcon } from '../../../lexical/ui/icons/Upload/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js'\nimport { toolbarAddDropdownGroupWithItems } from '../../shared/toolbar/addDropdownGroup.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from './drawer/commands.js'\nimport { $isUploadNode, UploadNode } from './nodes/UploadNode.js'\nimport { UploadPlugin } from './plugin/index.js'\n\nexport type UploadFeaturePropsClient = {\n  collections: {\n    [collection: string]: {\n      hasExtraFields: boolean\n    }\n  }\n}\n\nexport const UploadFeatureClient = createClientFeature<UploadFeaturePropsClient>({\n  nodes: [UploadNode],\n  plugins: [\n    {\n      Component: UploadPlugin,\n      position: 'normal',\n    },\n  ],\n  slashMenu: {\n    groups: [\n      slashMenuBasicGroupWithItems([\n        {\n          Icon: UploadIcon,\n          key: 'upload',\n          keywords: ['upload', 'image', 'file', 'img', 'picture', 'photo', 'media'],\n          label: ({ i18n }) => {\n            return i18n.t('lexical:upload:label')\n          },\n          onSelect: ({ editor }) => {\n            editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n              replace: false,\n            })\n          },\n        },\n      ]),\n    ],\n  },\n  toolbarFixed: {\n    groups: [\n      toolbarAddDropdownGroupWithItems([\n        {\n          ChildComponent: UploadIcon,\n          isActive: ({ selection }) => {\n            if (!$isNodeSelection(selection) || !selection.getNodes().length) {\n              return false\n            }\n\n            const firstNode = selection.getNodes()[0]\n            return $isUploadNode(firstNode)\n          },\n          key: 'upload',\n          label: ({ i18n }) => {\n            return i18n.t('lexical:upload:label')\n          },\n          onSelect: ({ editor }) => {\n            editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n              replace: false,\n            })\n          },\n        },\n      ]),\n    ],\n  },\n})\n"],"names":["$isNodeSelection","UploadIcon","createClientFeature","slashMenuBasicGroupWithItems","toolbarAddDropdownGroupWithItems","INSERT_UPLOAD_WITH_DRAWER_COMMAND","$isUploadNode","UploadNode","UploadPlugin","UploadFeatureClient","nodes","plugins","Component","position","slashMenu","groups","Icon","key","keywords","label","i18n","t","onSelect","editor","dispatchCommand","replace","toolbarFixed","ChildComponent","isActive","selection","getNodes","length","firstNode"],"mappings":"AAAA;AAEA,SAASA,gBAAgB,QAAQ,UAAS;AAE1C,SAASC,UAAU,QAAQ,4CAA2C;AACtE,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,SAASC,4BAA4B,QAAQ,uCAAsC;AACnF,SAASC,gCAAgC,QAAQ,2CAA0C;AAC3F,SAASC,iCAAiC,QAAQ,uBAAsB;AACxE,SAASC,aAAa,EAAEC,UAAU,QAAQ,wBAAuB;AACjE,SAASC,YAAY,QAAQ,oBAAmB;AAUhD,OAAO,MAAMC,sBAAsBP,oBAA8C;IAC/EQ,OAAO;QAACH;KAAW;IACnBI,SAAS;QACP;YACEC,WAAWJ;YACXK,UAAU;QACZ;KACD;IACDC,WAAW;QACTC,QAAQ;YACNZ,6BAA6B;gBAC3B;oBACEa,MAAMf;oBACNgB,KAAK;oBACLC,UAAU;wBAAC;wBAAU;wBAAS;wBAAQ;wBAAO;wBAAW;wBAAS;qBAAQ;oBACzEC,OAAO,CAAC,EAAEC,IAAI,EAAE;wBACd,OAAOA,KAAKC,CAAC,CAAC;oBAChB;oBACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;wBACnBA,OAAOC,eAAe,CAACnB,mCAAmC;4BACxDoB,SAAS;wBACX;oBACF;gBACF;aACD;SACF;IACH;IACAC,cAAc;QACZX,QAAQ;YACNX,iCAAiC;gBAC/B;oBACEuB,gBAAgB1B;oBAChB2B,UAAU,CAAC,EAAEC,SAAS,EAAE;wBACtB,IAAI,CAAC7B,iBAAiB6B,cAAc,CAACA,UAAUC,QAAQ,GAAGC,MAAM,EAAE;4BAChE,OAAO;wBACT;wBAEA,MAAMC,YAAYH,UAAUC,QAAQ,EAAE,CAAC,EAAE;wBACzC,OAAOxB,cAAc0B;oBACvB;oBACAf,KAAK;oBACLE,OAAO,CAAC,EAAEC,IAAI,EAAE;wBACd,OAAOA,KAAKC,CAAC,CAAC;oBAChB;oBACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;wBACnBA,OAAOC,eAAe,CAACnB,mCAAmC;4BACxDoB,SAAS;wBACX;oBACF;gBACF;aACD;SACF;IACH;AACF,GAAE"}
+{"version":3,"file":"feature.client.js","names":["$isNodeSelection","UploadIcon","createClientFeature","slashMenuBasicGroupWithItems","toolbarAddDropdownGroupWithItems","INSERT_UPLOAD_WITH_DRAWER_COMMAND","$isUploadNode","UploadNode","UploadPlugin","UploadFeatureClient","nodes","plugins","Component","position","slashMenu","groups","Icon","key","keywords","label","i18n","t","onSelect","editor","dispatchCommand","replace","toolbarFixed","ChildComponent","isActive","selection","getNodes","length","firstNode"],"sources":["../../../../src/features/upload/client/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isNodeSelection } from 'lexical'\n\nimport { UploadIcon } from '../../../lexical/ui/icons/Upload/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js'\nimport { toolbarAddDropdownGroupWithItems } from '../../shared/toolbar/addDropdownGroup.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from './drawer/commands.js'\nimport { $isUploadNode, UploadNode } from './nodes/UploadNode.js'\nimport { UploadPlugin } from './plugin/index.js'\n\nexport type UploadFeaturePropsClient = {\n  collections: {\n    [collection: string]: {\n      hasExtraFields: boolean\n    }\n  }\n}\n\nexport const UploadFeatureClient = createClientFeature<UploadFeaturePropsClient>({\n  nodes: [UploadNode],\n  plugins: [\n    {\n      Component: UploadPlugin,\n      position: 'normal',\n    },\n  ],\n  slashMenu: {\n    groups: [\n      slashMenuBasicGroupWithItems([\n        {\n          Icon: UploadIcon,\n          key: 'upload',\n          keywords: ['upload', 'image', 'file', 'img', 'picture', 'photo', 'media'],\n          label: ({ i18n }) => {\n            return i18n.t('lexical:upload:label')\n          },\n          onSelect: ({ editor }) => {\n            editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n              replace: false,\n            })\n          },\n        },\n      ]),\n    ],\n  },\n  toolbarFixed: {\n    groups: [\n      toolbarAddDropdownGroupWithItems([\n        {\n          ChildComponent: UploadIcon,\n          isActive: ({ selection }) => {\n            if (!$isNodeSelection(selection) || !selection.getNodes().length) {\n              return false\n            }\n\n            const firstNode = selection.getNodes()[0]\n            return $isUploadNode(firstNode)\n          },\n          key: 'upload',\n          label: ({ i18n }) => {\n            return i18n.t('lexical:upload:label')\n          },\n          onSelect: ({ editor }) => {\n            editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n              replace: false,\n            })\n          },\n        },\n      ]),\n    ],\n  },\n})\n"],"mappings":"AAAA;;AAEA,SAASA,gBAAgB,QAAQ;AAEjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,iCAAiC,QAAQ;AAClD,SAASC,aAAa,EAAEC,UAAU,QAAQ;AAC1C,SAASC,YAAY,QAAQ;AAU7B,OAAO,MAAMC,mBAAA,GAAsBP,mBAAA,CAA8C;EAC/EQ,KAAA,EAAO,CAACH,UAAA,CAAW;EACnBI,OAAA,EAAS,CACP;IACEC,SAAA,EAAWJ,YAAA;IACXK,QAAA,EAAU;EACZ,EACD;EACDC,SAAA,EAAW;IACTC,MAAA,EAAQ,CACNZ,4BAAA,CAA6B,CAC3B;MACEa,IAAA,EAAMf,UAAA;MACNgB,GAAA,EAAK;MACLC,QAAA,EAAU,CAAC,UAAU,SAAS,QAAQ,OAAO,WAAW,SAAS,QAAQ;MACzEC,KAAA,EAAOA,CAAC;QAAEC;MAAI,CAAE;QACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;MAChB;MACAC,QAAA,EAAUA,CAAC;QAAEC;MAAM,CAAE;QACnBA,MAAA,CAAOC,eAAe,CAACnB,iCAAA,EAAmC;UACxDoB,OAAA,EAAS;QACX;MACF;IACF,EACD;EAEL;EACAC,YAAA,EAAc;IACZX,MAAA,EAAQ,CACNX,gCAAA,CAAiC,CAC/B;MACEuB,cAAA,EAAgB1B,UAAA;MAChB2B,QAAA,EAAUA,CAAC;QAAEC;MAAS,CAAE;QACtB,IAAI,CAAC7B,gBAAA,CAAiB6B,SAAA,KAAc,CAACA,SAAA,CAAUC,QAAQ,GAAGC,MAAM,EAAE;UAChE,OAAO;QACT;QAEA,MAAMC,SAAA,GAAYH,SAAA,CAAUC,QAAQ,EAAE,CAAC,EAAE;QACzC,OAAOxB,aAAA,CAAc0B,SAAA;MACvB;MACAf,GAAA,EAAK;MACLE,KAAA,EAAOA,CAAC;QAAEC;MAAI,CAAE;QACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;MAChB;MACAC,QAAA,EAAUA,CAAC;QAAEC;MAAM,CAAE;QACnBA,MAAA,CAAOC,eAAe,CAACnB,iCAAA,EAAmC;UACxDoB,OAAA,EAAS;QACX;MACF;IACF,EACD;EAEL;AACF","ignoreList":[]}

package/dist/features/upload/client/nodes/UploadNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/upload/client/nodes/UploadNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAA;AAC/F,OAAO,KAAK,EAAE,gBAAgB,EAAuB,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACzF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAMhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,EAAE,gBAAgB,EAA0B,MAAM,kCAAkC,CAAA;AAkC3F,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,IAAI,EAAE,QAAQ,CAAA;CACf,GAAG,MAAM,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAA;AAEpD,qBAAa,UAAW,SAAQ,gBAAgB;IAC9C,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAItD,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAS3C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,oBAAoB,GAAG,UAAU;IAsBnE,QAAQ,IAAI,GAAG,CAAC,OAAO;IAIvB,UAAU,IAAI,oBAAoB;CAGnC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,GACL,EAAE;IACD,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAA;CAC/D,GAAG,UAAU,CAKb;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,UAAU,CAEtF"}
+{"version":3,"file":"UploadNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/upload/client/nodes/UploadNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAA;AAC/F,OAAO,KAAK,EAAE,gBAAgB,EAAuB,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACzF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAMhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,EAAE,gBAAgB,EAA0B,MAAM,kCAAkC,CAAA;AAkC3F,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,IAAI,EAAE,QAAQ,CAAA;CACf,GAAG,MAAM,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAA;AAEpD,qBAAa,UAAW,SAAQ,gBAAgB;IAC9C,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAItD,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAS3C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,oBAAoB,GAAG,UAAU;IAsBnE,QAAQ,IAAI,GAAG,CAAC,OAAO;IAIvB,UAAU,IAAI,oBAAoB;CAGnC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,GACL,EAAE;IACD,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAA;CAC/D,GAAG,UAAU,CAKb;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,UAAU,CAEtF"}

package/dist/features/upload/client/nodes/UploadNode.js

@@ -1,91 +1,94 @@
+'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import ObjectID from 'bson-objectid';
 import { $applyNodeReplacement } from 'lexical';
 import * as React from 'react';
 import { UploadServerNode, isGoogleDocCheckboxImg } from '../../server/nodes/UploadNode.js';
-const RawUploadComponent = /*#__PURE__*/ React.lazy(()=>import('../../client/component/index.js').then((module)=>({
-            default: module.UploadComponent
-        })));
+const RawUploadComponent = /*#__PURE__*/React.lazy(() => import('../../client/component/index.js').then(module => ({
+  default: module.UploadComponent
+})));
 function $convertUploadElement(domNode) {
-    if (domNode.hasAttribute('data-lexical-upload-relation-to') && domNode.hasAttribute('data-lexical-upload-id')) {
-        const id = domNode.getAttribute('data-lexical-upload-id');
-        const relationTo = domNode.getAttribute('data-lexical-upload-relation-to');
-        if (id != null && relationTo != null) {
-            const node = $createUploadNode({
-                data: {
-                    fields: {},
-                    relationTo,
-                    value: id
-                }
-            });
-            return {
-                node
-            };
+  if (domNode.hasAttribute('data-lexical-upload-relation-to') && domNode.hasAttribute('data-lexical-upload-id')) {
+    const id = domNode.getAttribute('data-lexical-upload-id');
+    const relationTo = domNode.getAttribute('data-lexical-upload-relation-to');
+    if (id != null && relationTo != null) {
+      const node = $createUploadNode({
+        data: {
+          fields: {},
+          relationTo,
+          value: id
         }
+      });
+      return {
+        node
+      };
     }
-    const img = domNode;
-    if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {
-        return null;
-    }
-    // TODO: Auto-upload functionality here!
-    //}
+  }
+  const img = domNode;
+  if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {
     return null;
+  }
+  // TODO: Auto-upload functionality here!
+  //}
+  return null;
 }
 export class UploadNode extends UploadServerNode {
-    static clone(node) {
-        return super.clone(node);
-    }
-    static getType() {
-        return super.getType();
-    }
-    static importDOM() {
-        return {
-            img: (node)=>({
-                    conversion: $convertUploadElement,
-                    priority: 0
-                })
-        };
-    }
-    static importJSON(serializedNode) {
-        if (serializedNode.version === 1 && serializedNode?.value?.id) {
-            serializedNode.value = serializedNode.value.id;
-        }
-        if (serializedNode.version === 2 && !serializedNode?.id) {
-            serializedNode.id = new ObjectID.default().toHexString();
-            serializedNode.version = 3;
-        }
-        const importedData = {
-            id: serializedNode.id,
-            fields: serializedNode.fields,
-            relationTo: serializedNode.relationTo,
-            value: serializedNode.value
-        };
-        const node = $createUploadNode({
-            data: importedData
-        });
-        node.setFormat(serializedNode.format);
-        return node;
-    }
-    decorate() {
-        return /*#__PURE__*/ _jsx(RawUploadComponent, {
-            data: this.__data,
-            nodeKey: this.getKey()
-        });
+  static clone(node) {
+    return super.clone(node);
+  }
+  static getType() {
+    return super.getType();
+  }
+  static importDOM() {
+    return {
+      img: node => ({
+        conversion: $convertUploadElement,
+        priority: 0
+      })
+    };
+  }
+  static importJSON(serializedNode) {
+    if (serializedNode.version === 1 && serializedNode?.value?.id) {
+      serializedNode.value = serializedNode.value.id;
     }
-    exportJSON() {
-        return super.exportJSON();
+    if (serializedNode.version === 2 && !serializedNode?.id) {
+      serializedNode.id = new ObjectID.default().toHexString();
+      serializedNode.version = 3;
     }
+    const importedData = {
+      id: serializedNode.id,
+      fields: serializedNode.fields,
+      relationTo: serializedNode.relationTo,
+      value: serializedNode.value
+    };
+    const node = $createUploadNode({
+      data: importedData
+    });
+    node.setFormat(serializedNode.format);
+    return node;
+  }
+  decorate() {
+    return /*#__PURE__*/_jsx(RawUploadComponent, {
+      data: this.__data,
+      nodeKey: this.getKey()
+    });
+  }
+  exportJSON() {
+    return super.exportJSON();
+  }
 }
-export function $createUploadNode({ data }) {
-    if (!data?.id) {
-        data.id = new ObjectID.default().toHexString();
-    }
-    return $applyNodeReplacement(new UploadNode({
-        data: data
-    }));
+export function $createUploadNode({
+  data
+}) {
+  if (!data?.id) {
+    data.id = new ObjectID.default().toHexString();
+  }
+  return $applyNodeReplacement(new UploadNode({
+    data: data
+  }));
 }
 export function $isUploadNode(node) {
-    return node instanceof UploadNode;
+  return node instanceof UploadNode;
 }
-
 //# sourceMappingURL=UploadNode.js.map

package/dist/features/upload/client/nodes/UploadNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/upload/client/nodes/UploadNode.tsx"],"sourcesContent":["import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type { DOMConversionMap, DOMConversionOutput, LexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\n\nimport { UploadServerNode, isGoogleDocCheckboxImg } from '../../server/nodes/UploadNode.js'\n\nconst RawUploadComponent = React.lazy(() =>\n  import('../../client/component/index.js').then((module) => ({ default: module.UploadComponent })),\n)\n\nfunction $convertUploadElement(domNode: HTMLImageElement): DOMConversionOutput | null {\n  if (\n    domNode.hasAttribute('data-lexical-upload-relation-to') &&\n    domNode.hasAttribute('data-lexical-upload-id')\n  ) {\n    const id = domNode.getAttribute('data-lexical-upload-id')\n    const relationTo = domNode.getAttribute('data-lexical-upload-relation-to')\n\n    if (id != null && relationTo != null) {\n      const node = $createUploadNode({\n        data: {\n          fields: {},\n          relationTo,\n          value: id,\n        },\n      })\n      return { node }\n    }\n  }\n  const img = domNode\n  if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {\n    return null\n  }\n  // TODO: Auto-upload functionality here!\n  //}\n  return null\n}\n\nexport type SerializedUploadNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'upload'\n} & Spread<UploadData, SerializedDecoratorBlockNode>\n\nexport class UploadNode extends UploadServerNode {\n  static clone(node: UploadServerNode): UploadServerNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      img: (node: HTMLImageElement) => ({\n        conversion: $convertUploadElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  static importJSON(serializedNode: SerializedUploadNode): UploadNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n    if (serializedNode.version === 2 && !serializedNode?.id) {\n      serializedNode.id = new ObjectID.default().toHexString()\n      serializedNode.version = 3\n    }\n\n    const importedData: UploadData = {\n      id: serializedNode.id,\n      fields: serializedNode.fields,\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n\n    const node = $createUploadNode({ data: importedData })\n    node.setFormat(serializedNode.format)\n\n    return node\n  }\n\n  decorate(): JSX.Element {\n    return <RawUploadComponent data={this.__data} nodeKey={this.getKey()} />\n  }\n\n  exportJSON(): SerializedUploadNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createUploadNode({\n  data,\n}: {\n  data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadNode {\n  if (!data?.id) {\n    data.id = new ObjectID.default().toHexString()\n  }\n  return $applyNodeReplacement(new UploadNode({ data: data as UploadData }))\n}\n\nexport function $isUploadNode(node: LexicalNode | null | undefined): node is UploadNode {\n  return node instanceof UploadNode\n}\n"],"names":["ObjectID","$applyNodeReplacement","React","UploadServerNode","isGoogleDocCheckboxImg","RawUploadComponent","lazy","then","module","default","UploadComponent","$convertUploadElement","domNode","hasAttribute","id","getAttribute","relationTo","node","$createUploadNode","data","fields","value","img","src","startsWith","UploadNode","clone","getType","importDOM","conversion","priority","importJSON","serializedNode","version","toHexString","importedData","setFormat","format","decorate","__data","nodeKey","getKey","exportJSON","$isUploadNode"],"mappings":";AAIA,OAAOA,cAAc,gBAAe;AACpC,SAASC,qBAAqB,QAAQ,UAAS;AAC/C,YAAYC,WAAW,QAAO;AAI9B,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,mCAAkC;AAE3F,MAAMC,mCAAqBH,MAAMI,IAAI,CAAC,IACpC,MAAM,CAAC,mCAAmCC,IAAI,CAAC,CAACC,SAAY,CAAA;YAAEC,SAASD,OAAOE,eAAe;QAAC,CAAA;AAGhG,SAASC,sBAAsBC,OAAyB;IACtD,IACEA,QAAQC,YAAY,CAAC,sCACrBD,QAAQC,YAAY,CAAC,2BACrB;QACA,MAAMC,KAAKF,QAAQG,YAAY,CAAC;QAChC,MAAMC,aAAaJ,QAAQG,YAAY,CAAC;QAExC,IAAID,MAAM,QAAQE,cAAc,MAAM;YACpC,MAAMC,OAAOC,kBAAkB;gBAC7BC,MAAM;oBACJC,QAAQ,CAAC;oBACTJ;oBACAK,OAAOP;gBACT;YACF;YACA,OAAO;gBAAEG;YAAK;QAChB;IACF;IACA,MAAMK,MAAMV;IACZ,IAAIU,IAAIC,GAAG,CAACC,UAAU,CAAC,eAAepB,uBAAuBkB,MAAM;QACjE,OAAO;IACT;IACA,wCAAwC;IACxC,GAAG;IACH,OAAO;AACT;AAOA,OAAO,MAAMG,mBAAmBtB;IAC9B,OAAOuB,MAAMT,IAAsB,EAAoB;QACrD,OAAO,KAAK,CAACS,MAAMT;IACrB;IAEA,OAAOU,UAAkB;QACvB,OAAO,KAAK,CAACA;IACf;IAEA,OAAOC,YAAqC;QAC1C,OAAO;YACLN,KAAK,CAACL,OAA4B,CAAA;oBAChCY,YAAYlB;oBACZmB,UAAU;gBACZ,CAAA;QACF;IACF;IAEA,OAAOC,WAAWC,cAAoC,EAAc;QAClE,IAAIA,eAAeC,OAAO,KAAK,KAAMD,gBAAgBX,OAAqCP,IAAI;YAC5FkB,eAAeX,KAAK,GAAG,AAACW,eAAeX,KAAK,CAA+BP,EAAE;QAC/E;QACA,IAAIkB,eAAeC,OAAO,KAAK,KAAK,CAACD,gBAAgBlB,IAAI;YACvDkB,eAAelB,EAAE,GAAG,IAAId,SAASS,OAAO,GAAGyB,WAAW;YACtDF,eAAeC,OAAO,GAAG;QAC3B;QAEA,MAAME,eAA2B;YAC/BrB,IAAIkB,eAAelB,EAAE;YACrBM,QAAQY,eAAeZ,MAAM;YAC7BJ,YAAYgB,eAAehB,UAAU;YACrCK,OAAOW,eAAeX,KAAK;QAC7B;QAEA,MAAMJ,OAAOC,kBAAkB;YAAEC,MAAMgB;QAAa;QACpDlB,KAAKmB,SAAS,CAACJ,eAAeK,MAAM;QAEpC,OAAOpB;IACT;IAEAqB,WAAwB;QACtB,qBAAO,KAACjC;YAAmBc,MAAM,IAAI,CAACoB,MAAM;YAAEC,SAAS,IAAI,CAACC,MAAM;;IACpE;IAEAC,aAAmC;QACjC,OAAO,KAAK,CAACA;IACf;AACF;AAEA,OAAO,SAASxB,kBAAkB,EAChCC,IAAI,EAGL;IACC,IAAI,CAACA,MAAML,IAAI;QACbK,KAAKL,EAAE,GAAG,IAAId,SAASS,OAAO,GAAGyB,WAAW;IAC9C;IACA,OAAOjC,sBAAsB,IAAIwB,WAAW;QAAEN,MAAMA;IAAmB;AACzE;AAEA,OAAO,SAASwB,cAAc1B,IAAoC;IAChE,OAAOA,gBAAgBQ;AACzB"}
+{"version":3,"file":"UploadNode.js","names":["ObjectID","$applyNodeReplacement","React","UploadServerNode","isGoogleDocCheckboxImg","RawUploadComponent","lazy","then","module","default","UploadComponent","$convertUploadElement","domNode","hasAttribute","id","getAttribute","relationTo","node","$createUploadNode","data","fields","value","img","src","startsWith","UploadNode","clone","getType","importDOM","conversion","priority","importJSON","serializedNode","version","toHexString","importedData","setFormat","format","decorate","_jsx","__data","nodeKey","getKey","exportJSON","$isUploadNode"],"sources":["../../../../../src/features/upload/client/nodes/UploadNode.tsx"],"sourcesContent":["'use client'\nimport type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type { DOMConversionMap, DOMConversionOutput, LexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\n\nimport { UploadServerNode, isGoogleDocCheckboxImg } from '../../server/nodes/UploadNode.js'\n\nconst RawUploadComponent = React.lazy(() =>\n  import('../../client/component/index.js').then((module) => ({ default: module.UploadComponent })),\n)\n\nfunction $convertUploadElement(domNode: HTMLImageElement): DOMConversionOutput | null {\n  if (\n    domNode.hasAttribute('data-lexical-upload-relation-to') &&\n    domNode.hasAttribute('data-lexical-upload-id')\n  ) {\n    const id = domNode.getAttribute('data-lexical-upload-id')\n    const relationTo = domNode.getAttribute('data-lexical-upload-relation-to')\n\n    if (id != null && relationTo != null) {\n      const node = $createUploadNode({\n        data: {\n          fields: {},\n          relationTo,\n          value: id,\n        },\n      })\n      return { node }\n    }\n  }\n  const img = domNode\n  if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {\n    return null\n  }\n  // TODO: Auto-upload functionality here!\n  //}\n  return null\n}\n\nexport type SerializedUploadNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'upload'\n} & Spread<UploadData, SerializedDecoratorBlockNode>\n\nexport class UploadNode extends UploadServerNode {\n  static clone(node: UploadServerNode): UploadServerNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      img: (node: HTMLImageElement) => ({\n        conversion: $convertUploadElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  static importJSON(serializedNode: SerializedUploadNode): UploadNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n    if (serializedNode.version === 2 && !serializedNode?.id) {\n      serializedNode.id = new ObjectID.default().toHexString()\n      serializedNode.version = 3\n    }\n\n    const importedData: UploadData = {\n      id: serializedNode.id,\n      fields: serializedNode.fields,\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n\n    const node = $createUploadNode({ data: importedData })\n    node.setFormat(serializedNode.format)\n\n    return node\n  }\n\n  decorate(): JSX.Element {\n    return <RawUploadComponent data={this.__data} nodeKey={this.getKey()} />\n  }\n\n  exportJSON(): SerializedUploadNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createUploadNode({\n  data,\n}: {\n  data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadNode {\n  if (!data?.id) {\n    data.id = new ObjectID.default().toHexString()\n  }\n  return $applyNodeReplacement(new UploadNode({ data: data as UploadData }))\n}\n\nexport function $isUploadNode(node: LexicalNode | null | undefined): node is UploadNode {\n  return node instanceof UploadNode\n}\n"],"mappings":"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","ignoreList":[]}