@payloadcms/richtext-lexical 3.0.0-canary.a0b06af → 3.0.0-canary.a5aaf21

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

@@ -0,0 +1,234 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js';
+import { mergeRegister } from '@lexical/utils';
+import { getTranslation } from '@payloadcms/translations';
+import { Button, DrawerToggler, File, formatDrawerSlug, useConfig, useDocumentDrawer, useEditDepth, useModal, usePayloadAPI, useTranslation } from '@payloadcms/ui';
+import { $getNodeByKey, $getSelection, $isNodeSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND } from 'lexical';
+import React, { useCallback, useEffect, useId, useReducer, useRef, useState } from 'react';
+import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
+import { FieldsDrawer } from '../../../../utilities/fieldsDrawer/Drawer.js';
+import { EnabledRelationshipsCondition } from '../../../relationship/client/utils/EnabledRelationshipsCondition.js';
+import { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js';
+import { $isUploadNode } from '../nodes/UploadNode.js';
+const baseClass = 'lexical-upload';
+const initialParams = {
+  depth: 0
+};
+const Component = props => {
+  const {
+    data: {
+      fields,
+      relationTo,
+      value
+    },
+    nodeKey
+  } = props;
+  if (typeof value === 'object') {
+    throw new Error('Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.');
+  }
+  const {
+    config: {
+      collections,
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const uploadRef = useRef(null);
+  const {
+    closeModal
+  } = useModal();
+  const {
+    uuid
+  } = useEditorConfigContext();
+  const editDepth = useEditDepth();
+  const [editor] = useLexicalComposerContext();
+  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+  const {
+    editorConfig,
+    field
+  } = useEditorConfigContext();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [cacheBust, dispatchCacheBust] = useReducer(state => state + 1, 0);
+  const [relatedCollection] = useState(() => collections.find(coll => coll.slug === relationTo));
+  const componentID = useId();
+  const drawerSlug = formatDrawerSlug({
+    slug: `lexical-upload-drawer-` + uuid + componentID,
+    depth: editDepth
+  });
+  const [DocumentDrawer, DocumentDrawerToggler, {
+    closeDrawer
+  }] = useDocumentDrawer({
+    id: value,
+    collectionSlug: relatedCollection.slug
+  });
+  // Get the referenced document
+  const [{
+    data
+  }, {
+    setParams
+  }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${value}`, {
+    initialParams
+  });
+  const thumbnailSRC = data?.thumbnailURL || data?.url;
+  const removeUpload = useCallback(() => {
+    editor.update(() => {
+      $getNodeByKey(nodeKey).remove();
+    });
+  }, [editor, nodeKey]);
+  const updateUpload = useCallback(data_0 => {
+    setParams({
+      ...initialParams,
+      cacheBust
+    });
+    dispatchCacheBust();
+    closeDrawer();
+  }, [setParams, cacheBust, closeDrawer]);
+  const $onDelete = useCallback(event => {
+    if (isSelected && $isNodeSelection($getSelection())) {
+      event.preventDefault();
+      const node = $getNodeByKey(nodeKey);
+      if ($isUploadNode(node)) {
+        node.remove();
+        return true;
+      }
+    }
+    return false;
+  }, [isSelected, nodeKey]);
+  useEffect(() => {
+    return mergeRegister(editor.registerCommand(CLICK_COMMAND, event_0 => {
+      // Check if uploadRef.target or anything WITHIN uploadRef.target was clicked
+      if (event_0.target === uploadRef.current || uploadRef.current?.contains(event_0.target)) {
+        if (event_0.shiftKey) {
+          setSelected(!isSelected);
+        } else {
+          if (!isSelected) {
+            clearSelection();
+            setSelected(true);
+          }
+        }
+        return true;
+      }
+      return false;
+    }, 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]);
+  const hasExtraFields = editorConfig?.resolvedFeatureMap?.get('upload')?.sanitizedClientFeatureProps.collections?.[relatedCollection.slug]?.hasExtraFields;
+  const onExtraFieldsDrawerSubmit = useCallback((_, data_1) => {
+    // Update lexical node (with key nodeKey) with new data
+    editor.update(() => {
+      const uploadNode = $getNodeByKey(nodeKey);
+      if (uploadNode) {
+        const newData = {
+          ...uploadNode.getData(),
+          fields: data_1
+        };
+        uploadNode.setData(newData);
+      }
+    });
+    closeModal(drawerSlug);
+  }, [closeModal, editor, drawerSlug, nodeKey]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, isSelected && `${baseClass}--selected`].filter(Boolean).join(' '),
+    contentEditable: false,
+    ref: uploadRef,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__card`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__topRow`,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__thumbnail`,
+          children: thumbnailSRC ? /*#__PURE__*/_jsx("img", {
+            alt: data?.filename,
+            "data-lexical-upload-id": value,
+            "data-lexical-upload-relation-to": relationTo,
+            src: thumbnailSRC
+          }) : /*#__PURE__*/_jsx(File, {})
+        }), /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__topRowRightPanel`,
+          children: [/*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__collectionLabel`,
+            children: getTranslation(relatedCollection.labels.singular, i18n)
+          }), editor.isEditable() && /*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__actions`,
+            children: [hasExtraFields ? /*#__PURE__*/_jsx(DrawerToggler, {
+              className: `${baseClass}__upload-drawer-toggler`,
+              disabled: field?.admin?.readOnly,
+              slug: drawerSlug,
+              children: /*#__PURE__*/_jsx(Button, {
+                buttonStyle: "icon-label",
+                el: "div",
+                icon: "edit",
+                onClick: e => {
+                  e.preventDefault();
+                },
+                round: true,
+                tooltip: t('fields:editRelationship')
+              })
+            }) : null, /*#__PURE__*/_jsx(Button, {
+              buttonStyle: "icon-label",
+              disabled: field?.admin?.readOnly,
+              el: "div",
+              icon: "swap",
+              onClick: () => {
+                editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
+                  replace: {
+                    nodeKey
+                  }
+                });
+              },
+              round: true,
+              tooltip: t('fields:swapUpload')
+            }), /*#__PURE__*/_jsx(Button, {
+              buttonStyle: "icon-label",
+              className: `${baseClass}__removeButton`,
+              disabled: field?.admin?.readOnly,
+              icon: "x",
+              onClick: e_0 => {
+                e_0.preventDefault();
+                removeUpload();
+              },
+              round: true,
+              tooltip: t('fields:removeUpload')
+            })]
+          })]
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__bottomRow`,
+        children: /*#__PURE__*/_jsx(DocumentDrawerToggler, {
+          className: `${baseClass}__doc-drawer-toggler`,
+          children: /*#__PURE__*/_jsx("strong", {
+            children: data?.filename
+          })
+        })
+      })]
+    }), value ? /*#__PURE__*/_jsx(DocumentDrawer, {
+      onSave: updateUpload
+    }) : null, hasExtraFields ? /*#__PURE__*/_jsx(FieldsDrawer, {
+      data: fields,
+      drawerSlug: drawerSlug,
+      drawerTitle: t('general:editLabel', {
+        label: getTranslation(relatedCollection.labels.singular, i18n)
+      }),
+      featureKey: "upload",
+      handleDrawerSubmit: onExtraFieldsDrawerSubmit,
+      schemaPathSuffix: relatedCollection.slug
+    }) : null]
+  });
+};
+export const UploadComponent = props => {
+  return /*#__PURE__*/_jsx(EnabledRelationshipsCondition, {
+    ...props,
+    uploads: true,
+    children: /*#__PURE__*/_jsx(Component, {
+      ...props
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","DrawerToggler","File","formatDrawerSlug","useConfig","useDocumentDrawer","useEditDepth","useModal","usePayloadAPI","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","React","useCallback","useEffect","useId","useReducer","useRef","useState","useEditorConfigContext","FieldsDrawer","EnabledRelationshipsCondition","INSERT_UPLOAD_WITH_DRAWER_COMMAND","$isUploadNode","baseClass","initialParams","depth","Component","props","data","fields","relationTo","value","nodeKey","Error","config","collections","routes","api","serverURL","uploadRef","closeModal","uuid","editDepth","editor","isSelected","setSelected","clearSelection","editorConfig","field","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","find","coll","slug","componentID","drawerSlug","DocumentDrawer","DocumentDrawerToggler","closeDrawer","id","collectionSlug","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","update","remove","updateUpload","$onDelete","event","preventDefault","node","registerCommand","target","current","contains","shiftKey","hasExtraFields","resolvedFeatureMap","get","sanitizedClientFeatureProps","onExtraFieldsDrawerSubmit","_","uploadNode","newData","getData","setData","_jsxs","className","filter","Boolean","join","contentEditable","ref","_jsx","alt","filename","src","labels","singular","isEditable","disabled","admin","readOnly","buttonStyle","el","icon","onClick","e","round","tooltip","dispatchCommand","replace","onSave","drawerTitle","label","featureKey","handleDrawerSubmit","schemaPathSuffix","UploadComponent","uploads"],"sources":["../../../../../src/features/upload/client/component/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Data } from 'payload'\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 {\n  Button,\n  DrawerToggler,\n  File,\n  formatDrawerSlug,\n  useConfig,\n  useDocumentDrawer,\n  useEditDepth,\n  useModal,\n  usePayloadAPI,\n  useTranslation,\n} 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, useId, useReducer, useRef, useState } from 'react'\n\nimport type { BaseClientFeatureProps } from '../../../typesClient.js'\nimport type { UploadData } from '../../server/nodes/UploadNode.js'\nimport type { UploadFeaturePropsClient } from '../feature.client.js'\nimport type { UploadNode } from '../nodes/UploadNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../utilities/fieldsDrawer/Drawer.js'\nimport { EnabledRelationshipsCondition } from '../../../relationship/client/utils/EnabledRelationshipsCondition.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport { $isUploadNode } from '../nodes/UploadNode.js'\nimport './index.scss'\n\nconst baseClass = 'lexical-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\nexport type ElementProps = {\n  data: UploadData\n  nodeKey: string\n}\n\nconst Component: React.FC<ElementProps> = (props) => {\n  const {\n    data: { fields, relationTo, value },\n    nodeKey,\n  } = props\n\n  if (typeof value === 'object') {\n    throw new Error(\n      'Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.',\n    )\n  }\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { closeModal } = useModal()\n  const { uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n  const [editor] = useLexicalComposerContext()\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const { editorConfig, field } = useEditorConfigContext()\n\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection] = useState<ClientCollectionConfig>(() =>\n    collections.find((coll) => coll.slug === relationTo),\n  )\n\n  const componentID = useId()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-upload-drawer-` + uuid + componentID, // There can be multiple upload components, each with their own drawer, in one single editor => separate them by componentID\n    depth: editDepth,\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    `${serverURL}${api}/${relatedCollection.slug}/${value}`,\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\n\n  const removeUpload = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  const updateUpload = useCallback(\n    (data: Data) => {\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      dispatchCacheBust()\n      closeDrawer()\n    },\n    [setParams, cacheBust, closeDrawer],\n  )\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isUploadNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(\n        CLICK_COMMAND,\n        (event: MouseEvent) => {\n          // Check if uploadRef.target or anything WITHIN uploadRef.target was clicked\n          if (\n            event.target === uploadRef.current ||\n            uploadRef.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        COMMAND_PRIORITY_LOW,\n      ),\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])\n\n  const hasExtraFields = (\n    editorConfig?.resolvedFeatureMap?.get('upload')\n      ?.sanitizedClientFeatureProps as BaseClientFeatureProps<UploadFeaturePropsClient>\n  ).collections?.[relatedCollection.slug]?.hasExtraFields\n\n  const onExtraFieldsDrawerSubmit = useCallback(\n    (_, data) => {\n      // Update lexical node (with key nodeKey) with new data\n      editor.update(() => {\n        const uploadNode: null | UploadNode = $getNodeByKey(nodeKey)\n        if (uploadNode) {\n          const newData: UploadData = {\n            ...uploadNode.getData(),\n            fields: data,\n          }\n          uploadNode.setData(newData)\n        }\n      })\n\n      closeModal(drawerSlug)\n    },\n    [closeModal, editor, drawerSlug, nodeKey],\n  )\n\n  return (\n    <div\n      className={[baseClass, isSelected && `${baseClass}--selected`].filter(Boolean).join(' ')}\n      contentEditable={false}\n      ref={uploadRef}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use @payloadcms/ui/elements/Thumbnail component */}\n          <div className={`${baseClass}__thumbnail`}>\n            {thumbnailSRC ? (\n              <img\n                alt={data?.filename}\n                data-lexical-upload-id={value}\n                data-lexical-upload-relation-to={relationTo}\n                src={thumbnailSRC}\n              />\n            ) : (\n              <File />\n            )}\n          </div>\n          <div className={`${baseClass}__topRowRightPanel`}>\n            <div className={`${baseClass}__collectionLabel`}>\n              {getTranslation(relatedCollection.labels.singular, i18n)}\n            </div>\n            {editor.isEditable() && (\n              <div className={`${baseClass}__actions`}>\n                {hasExtraFields ? (\n                  <DrawerToggler\n                    className={`${baseClass}__upload-drawer-toggler`}\n                    disabled={field?.admin?.readOnly}\n                    slug={drawerSlug}\n                  >\n                    <Button\n                      buttonStyle=\"icon-label\"\n                      el=\"div\"\n                      icon=\"edit\"\n                      onClick={(e) => {\n                        e.preventDefault()\n                      }}\n                      round\n                      tooltip={t('fields:editRelationship')}\n                    />\n                  </DrawerToggler>\n                ) : null}\n\n                <Button\n                  buttonStyle=\"icon-label\"\n                  disabled={field?.admin?.readOnly}\n                  el=\"div\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                      replace: { nodeKey },\n                    })\n                  }}\n                  round\n                  tooltip={t('fields:swapUpload')}\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                    removeUpload()\n                  }}\n                  round\n                  tooltip={t('fields:removeUpload')}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__bottomRow`}>\n          <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n            <strong>{data?.filename}</strong>\n          </DocumentDrawerToggler>\n        </div>\n      </div>\n      {value ? <DocumentDrawer onSave={updateUpload} /> : null}\n      {hasExtraFields ? (\n        <FieldsDrawer\n          data={fields}\n          drawerSlug={drawerSlug}\n          drawerTitle={t('general:editLabel', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n          featureKey=\"upload\"\n          handleDrawerSubmit={onExtraFieldsDrawerSubmit}\n          schemaPathSuffix={relatedCollection.slug}\n        />\n      ) : null}\n    </div>\n  )\n}\n\nexport const UploadComponent = (props: ElementProps): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <Component {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/upload/client/drawer/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2C,MAAM,OAAO,CAAA;AA0C/D,KAAK,KAAK,GAAG;IACX,sBAAsB,EAAE,MAAM,EAAE,CAAA;CACjC,CAAA;AA0CD,eAAO,MAAM,YAAY,UAAW,KAAK,KAAG,KAAK,CAAC,SAMjD,CAAA"}

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

@@ -0,0 +1,126 @@
+'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';
+import { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical';
+import React, { useCallback, useEffect, useState } from 'react';
+import { EnabledRelationshipsCondition } from '../../../relationship/client/utils/EnabledRelationshipsCondition.js';
+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, {
+      fields: null,
+      relationTo,
+      value
+    });
+  } else {
+    editor.update(() => {
+      const node = $getNodeByKey(replaceNodeKey);
+      if (node) {
+        node.replace($createUploadNode({
+          data: {
+            fields: null,
+            relationTo,
+            value
+          }
+        }));
+      }
+    });
+  }
+};
+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,
+        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
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,9 @@
+export type UploadFeaturePropsClient = {
+    collections: {
+        [collection: string]: {
+            hasExtraFields: boolean;
+        };
+    };
+};
+export declare const UploadFeatureClient: import("../../typesClient.js").FeatureProviderProviderClient<UploadFeaturePropsClient, UploadFeaturePropsClient>;
+//# sourceMappingURL=feature.client.d.ts.map

package/dist/features/upload/client/feature.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/features/upload/client/feature.client.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE;QACX,CAAC,UAAU,EAAE,MAAM,GAAG;YACpB,cAAc,EAAE,OAAO,CAAA;SACxB,CAAA;KACF,CAAA;CACF,CAAA;AAED,eAAO,MAAM,mBAAmB,kHAqD9B,CAAA"}

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

@@ -0,0 +1,64 @@
+'use client';
+
+import { $isNodeSelection } from 'lexical';
+import { UploadIcon } from '../../../lexical/ui/icons/Upload/index.js';
+import { createClientFeature } from '../../../utilities/createClientFeature.js';
+import { slashMenuBasicGroupWithItems } from '../../shared/slashMenu/basicGroup.js';
+import { toolbarAddDropdownGroupWithItems } from '../../shared/toolbar/addDropdownGroup.js';
+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'
+  }],
+  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
+        });
+      }
+    }])]
+  }
+});
+//# sourceMappingURL=feature.client.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,22 @@
+import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js';
+import type { DOMConversionMap, LexicalNode, Spread } from 'lexical';
+import type { JSX } from 'react';
+import type { UploadData } from '../../server/nodes/UploadNode.js';
+import { UploadServerNode } from '../../server/nodes/UploadNode.js';
+export type SerializedUploadNode = {
+    children?: never;
+    type: 'upload';
+} & Spread<UploadData, SerializedDecoratorBlockNode>;
+export declare class UploadNode extends UploadServerNode {
+    static clone(node: UploadServerNode): UploadServerNode;
+    static getType(): string;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(serializedNode: SerializedUploadNode): UploadNode;
+    decorate(): JSX.Element;
+    exportJSON(): SerializedUploadNode;
+}
+export declare function $createUploadNode({ data, }: {
+    data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>;
+}): UploadNode;
+export declare function $isUploadNode(node: LexicalNode | null | undefined): node is UploadNode;
+//# sourceMappingURL=UploadNode.d.ts.map

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

@@ -0,0 +1 @@
+{"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,EAA0B,gBAAgB,EAAE,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

@@ -0,0 +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 { isGoogleDocCheckboxImg, UploadServerNode } from '../../server/nodes/UploadNode.js';
+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
+      };
+    }
+  }
+  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()
+    });
+  }
+  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 $isUploadNode(node) {
+  return node instanceof UploadNode;
+}
+//# sourceMappingURL=UploadNode.js.map