@payloadcms/richtext-lexical 3.81.0-internal-debug.1a0f4d0 → 3.81.0

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

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
@@ -12,252 +13,198 @@ import { FieldsDrawer } from '../../../../utilities/fieldsDrawer/Drawer.js';
 import { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js';
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
 import { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js';
-import './index.scss';
 const initialParams = {
-    depth: 0
+  depth: 0
 };
-export const UploadComponent = (props)=>{
-    const { className: baseClass, data: { fields, relationTo, value }, format, 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.');
+export const UploadComponent = props => {
+  const {
+    className: baseClass,
+    data: {
+      fields,
+      relationTo,
+      value
+    },
+    format,
+    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: {
+      routes: {
+        api
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const uploadRef = useRef(null);
+  const {
+    uuid
+  } = useEditorConfigContext();
+  const editDepth = useEditDepth();
+  const [editor] = useLexicalComposerContext();
+  const {
+    editorConfig,
+    fieldProps: {
+      schemaPath
     }
-    const { config: { routes: { api }, serverURL }, getEntityConfig } = useConfig();
-    const uploadRef = useRef(null);
-    const { uuid } = useEditorConfigContext();
-    const editDepth = useEditDepth();
-    const [editor] = useLexicalComposerContext();
-    const { editorConfig, fieldProps: { schemaPath } } = useEditorConfigContext();
-    const isEditable = useLexicalEditable();
-    const { i18n, t } = useTranslation();
-    const [cacheBust, dispatchCacheBust] = useReducer((state)=>state + 1, 0);
-    const [relatedCollection] = useState(()=>getEntityConfig({
-            collectionSlug: relationTo
-        }));
-    const componentID = useId();
-    const extraFieldsDrawerSlug = formatDrawerSlug({
-        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
-        depth: editDepth
+  } = useEditorConfigContext();
+  const isEditable = useLexicalEditable();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [cacheBust, dispatchCacheBust] = useReducer(state => state + 1, 0);
+  const [relatedCollection] = useState(() => getEntityConfig({
+    collectionSlug: relationTo
+  }));
+  const componentID = useId();
+  const extraFieldsDrawerSlug = formatDrawerSlug({
+    slug: `lexical-upload-drawer-` + uuid + componentID,
+    depth: editDepth
+  });
+  // Need to use hook to initialize useEffect that restores cursor position
+  const {
+    toggleDrawer
+  } = useLexicalDrawer(extraFieldsDrawerSlug, true);
+  const {
+    closeDocumentDrawer,
+    DocumentDrawer,
+    DocumentDrawerToggler
+  } = useLexicalDocumentDrawer({
+    id: value,
+    collectionSlug: relatedCollection.slug
+  });
+  // Get the referenced document
+  const [{
+    data
+  }, {
+    setParams
+  }] = usePayloadAPI(formatAdminURL({
+    apiRoute: api,
+    path: `/${relatedCollection.slug}/${value}`,
+    serverURL
+  }), {
+    initialParams
+  });
+  const thumbnailSRC = data?.thumbnailURL || data?.url;
+  const removeUpload = useCallback(() => {
+    editor.update(() => {
+      $getNodeByKey(nodeKey)?.remove();
     });
-    // Need to use hook to initialize useEffect that restores cursor position
-    const { toggleDrawer } = useLexicalDrawer(extraFieldsDrawerSlug, true);
-    const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({
-        id: value,
-        collectionSlug: relatedCollection.slug
+  }, [editor, nodeKey]);
+  const updateUpload = useCallback(_data => {
+    setParams({
+      ...initialParams,
+      cacheBust
     });
-    // Get the referenced document
-    const [{ data }, { setParams }] = usePayloadAPI(formatAdminURL({
-        apiRoute: api,
-        path: `/${relatedCollection.slug}/${value}`,
-        serverURL
-    }), {
-        initialParams
+    dispatchCacheBust();
+    closeDocumentDrawer();
+  }, [setParams, cacheBust, closeDocumentDrawer]);
+  const hasExtraFields = editorConfig?.resolvedFeatureMap?.get('upload')?.sanitizedClientFeatureProps.collections?.[relatedCollection.slug]?.hasExtraFields;
+  const onExtraFieldsDrawerSubmit = useCallback((_, data_0) => {
+    // Update lexical node (with key nodeKey) with new data
+    editor.update(() => {
+      const uploadNode = $getNodeByKey(nodeKey);
+      if (uploadNode) {
+        const newData = {
+          ...uploadNode.getData(),
+          fields: data_0
+        };
+        uploadNode.setData(newData);
+      }
     });
-    const thumbnailSRC = data?.thumbnailURL || data?.url;
-    const removeUpload = useCallback(()=>{
-        editor.update(()=>{
-            $getNodeByKey(nodeKey)?.remove();
-        });
-    }, [
-        editor,
-        nodeKey
-    ]);
-    const updateUpload = useCallback((_data)=>{
-        setParams({
-            ...initialParams,
-            cacheBust
-        });
-        // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed
-        dispatchCacheBust();
-        closeDocumentDrawer();
-    }, [
-        setParams,
-        cacheBust,
-        closeDocumentDrawer
-    ]);
-    const hasExtraFields = editorConfig?.resolvedFeatureMap?.get('upload')?.sanitizedClientFeatureProps.collections?.[relatedCollection.slug]?.hasExtraFields;
-    const onExtraFieldsDrawerSubmit = useCallback((_, data)=>{
-        // Update lexical node (with key nodeKey) with new data
-        editor.update(()=>{
-            const uploadNode = $getNodeByKey(nodeKey);
-            if (uploadNode) {
-                const newData = {
-                    ...uploadNode.getData(),
-                    fields: data
-                };
-                uploadNode.setData(newData);
-            }
-        });
-    }, [
-        editor,
-        nodeKey
-    ]);
-    const aspectRatio = thumbnailSRC && data?.width && data?.height ? data.width > data.height ? 'landscape' : 'portrait' : 'landscape';
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: `${baseClass}__contents ${baseClass}__contents--${aspectRatio}`,
-        "data-align": format || undefined,
-        "data-filename": data?.filename,
-        ref: uploadRef,
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__card`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__media`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(Thumbnail, {
-                                collectionSlug: relationTo,
-                                fileSrc: isImage(data?.mimeType) ? thumbnailSRC : null,
-                                height: data?.height,
-                                size: "none",
-                                width: data?.width
-                            }, void 0, false, {
-                                fileName: "src/features/upload/client/component/index.tsx",
-                                lineNumber: 160,
-                                columnNumber: 11
-                            }, this),
-                            isEditable && /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__overlay ${baseClass}__floater`,
-                                children: /*#__PURE__*/ _jsxDEV("div", {
-                                    className: `${baseClass}__actions`,
-                                    role: "toolbar",
-                                    children: [
-                                        hasExtraFields ? /*#__PURE__*/ _jsxDEV(Button, {
-                                            buttonStyle: "icon-label",
-                                            className: `${baseClass}__upload-drawer-toggler`,
-                                            disabled: !isEditable,
-                                            el: "button",
-                                            icon: "edit",
-                                            onClick: toggleDrawer,
-                                            round: true,
-                                            size: "medium",
-                                            tooltip: t('fields:editRelationship')
-                                        }, void 0, false, {
-                                            fileName: "src/features/upload/client/component/index.tsx",
-                                            lineNumber: 172,
-                                            columnNumber: 19
-                                        }, this) : null,
-                                        /*#__PURE__*/ _jsxDEV(Button, {
-                                            buttonStyle: "icon-label",
-                                            className: `${baseClass}__swap-drawer-toggler`,
-                                            disabled: !isEditable,
-                                            el: "button",
-                                            icon: "swap",
-                                            onClick: ()=>{
-                                                editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
-                                                    replace: {
-                                                        nodeKey
-                                                    }
-                                                });
-                                            },
-                                            round: true,
-                                            size: "medium",
-                                            tooltip: t('fields:swapUpload')
-                                        }, void 0, false, {
-                                            fileName: "src/features/upload/client/component/index.tsx",
-                                            lineNumber: 185,
-                                            columnNumber: 17
-                                        }, this),
-                                        /*#__PURE__*/ _jsxDEV(Button, {
-                                            buttonStyle: "icon-label",
-                                            className: `${baseClass}__removeButton`,
-                                            disabled: !isEditable,
-                                            icon: "x",
-                                            onClick: (e)=>{
-                                                e.preventDefault();
-                                                removeUpload();
-                                            },
-                                            round: true,
-                                            size: "medium",
-                                            tooltip: t('fields:removeUpload')
-                                        }, void 0, false, {
-                                            fileName: "src/features/upload/client/component/index.tsx",
-                                            lineNumber: 201,
-                                            columnNumber: 17
-                                        }, this)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/features/upload/client/component/index.tsx",
-                                    lineNumber: 170,
-                                    columnNumber: 15
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/features/upload/client/component/index.tsx",
-                                lineNumber: 169,
-                                columnNumber: 13
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/features/upload/client/component/index.tsx",
-                        lineNumber: 159,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__metaOverlay ${baseClass}__floater`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(DocumentDrawerToggler, {
-                                className: `${baseClass}__doc-drawer-toggler`,
-                                children: /*#__PURE__*/ _jsxDEV("strong", {
-                                    className: `${baseClass}__filename`,
-                                    children: data?.filename || t('general:untitled')
-                                }, void 0, false, {
-                                    fileName: "src/features/upload/client/component/index.tsx",
-                                    lineNumber: 221,
-                                    columnNumber: 13
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/features/upload/client/component/index.tsx",
-                                lineNumber: 220,
-                                columnNumber: 11
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__collectionLabel`,
-                                children: getTranslation(relatedCollection.labels.singular, i18n)
-                            }, void 0, false, {
-                                fileName: "src/features/upload/client/component/index.tsx",
-                                lineNumber: 225,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/features/upload/client/component/index.tsx",
-                        lineNumber: 219,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/features/upload/client/component/index.tsx",
-                lineNumber: 158,
-                columnNumber: 7
-            }, this),
-            value ? /*#__PURE__*/ _jsxDEV(DocumentDrawer, {
-                onSave: updateUpload
-            }, void 0, false, {
-                fileName: "src/features/upload/client/component/index.tsx",
-                lineNumber: 231,
-                columnNumber: 16
-            }, this) : null,
-            hasExtraFields ? /*#__PURE__*/ _jsxDEV(FieldsDrawer, {
-                data: fields,
-                drawerSlug: extraFieldsDrawerSlug,
-                drawerTitle: t('general:editLabel', {
-                    label: getTranslation(relatedCollection.labels.singular, i18n)
-                }),
-                featureKey: "upload",
-                handleDrawerSubmit: onExtraFieldsDrawerSubmit,
-                schemaPath: schemaPath,
-                schemaPathSuffix: relatedCollection.slug
-            }, void 0, false, {
-                fileName: "src/features/upload/client/component/index.tsx",
-                lineNumber: 233,
-                columnNumber: 9
-            }, this) : null
-        ]
-    }, void 0, true, {
-        fileName: "src/features/upload/client/component/index.tsx",
-        lineNumber: 152,
-        columnNumber: 5
-    }, this);
+  }, [editor, nodeKey]);
+  const aspectRatio = thumbnailSRC && data?.width && data?.height ? data.width > data.height ? 'landscape' : 'portrait' : 'landscape';
+  return /*#__PURE__*/_jsxs("div", {
+    className: `${baseClass}__contents ${baseClass}__contents--${aspectRatio}`,
+    "data-align": format || undefined,
+    "data-filename": data?.filename,
+    ref: uploadRef,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__card`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__media`,
+        children: [/*#__PURE__*/_jsx(Thumbnail, {
+          collectionSlug: relationTo,
+          fileSrc: isImage(data?.mimeType) ? thumbnailSRC : null,
+          height: data?.height,
+          size: "none",
+          width: data?.width
+        }), isEditable && /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__overlay ${baseClass}__floater`,
+          children: /*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__actions`,
+            role: "toolbar",
+            children: [hasExtraFields ? /*#__PURE__*/_jsx(Button, {
+              buttonStyle: "icon-label",
+              className: `${baseClass}__upload-drawer-toggler`,
+              disabled: !isEditable,
+              el: "button",
+              icon: "edit",
+              onClick: toggleDrawer,
+              round: true,
+              size: "medium",
+              tooltip: t('fields:editRelationship')
+            }) : null, /*#__PURE__*/_jsx(Button, {
+              buttonStyle: "icon-label",
+              className: `${baseClass}__swap-drawer-toggler`,
+              disabled: !isEditable,
+              el: "button",
+              icon: "swap",
+              onClick: () => {
+                editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
+                  replace: {
+                    nodeKey
+                  }
+                });
+              },
+              round: true,
+              size: "medium",
+              tooltip: t('fields:swapUpload')
+            }), /*#__PURE__*/_jsx(Button, {
+              buttonStyle: "icon-label",
+              className: `${baseClass}__removeButton`,
+              disabled: !isEditable,
+              icon: "x",
+              onClick: e => {
+                e.preventDefault();
+                removeUpload();
+              },
+              round: true,
+              size: "medium",
+              tooltip: t('fields:removeUpload')
+            })]
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__metaOverlay ${baseClass}__floater`,
+        children: [/*#__PURE__*/_jsx(DocumentDrawerToggler, {
+          className: `${baseClass}__doc-drawer-toggler`,
+          children: /*#__PURE__*/_jsx("strong", {
+            className: `${baseClass}__filename`,
+            children: data?.filename || t('general:untitled')
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__collectionLabel`,
+          children: getTranslation(relatedCollection.labels.singular, i18n)
+        })]
+      })]
+    }), value ? /*#__PURE__*/_jsx(DocumentDrawer, {
+      onSave: updateUpload
+    }) : null, hasExtraFields ? /*#__PURE__*/_jsx(FieldsDrawer, {
+      data: fields,
+      drawerSlug: extraFieldsDrawerSlug,
+      drawerTitle: t('general:editLabel', {
+        label: getTranslation(relatedCollection.labels.singular, i18n)
+      }),
+      featureKey: "upload",
+      handleDrawerSubmit: onExtraFieldsDrawerSubmit,
+      schemaPath: schemaPath,
+      schemaPathSuffix: relatedCollection.slug
+    }) : null]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/upload/client/component/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Data, FormState, JsonObject } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  formatDrawerSlug,\n  Thumbnail,\n  useConfig,\n  useEditDepth,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { $getNodeByKey, type ElementFormatType } from 'lexical'\nimport { formatAdminURL, isImage } from 'payload/shared'\nimport React, { useCallback, 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 '../index.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 { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport './index.scss'\n\nconst initialParams = {\n  depth: 0,\n}\n\nexport type ElementProps = {\n  className: string\n  data: UploadData\n  format?: ElementFormatType\n  nodeKey: string\n}\n\nexport const UploadComponent: React.FC<ElementProps> = (props) => {\n  const {\n    className: baseClass,\n    data: { fields, relationTo, value },\n    format,\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      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n  const [editor] = useLexicalComposerContext()\n\n  const {\n    editorConfig,\n    fieldProps: { schemaPath },\n  } = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection] = useState<ClientCollectionConfig>(() =>\n    getEntityConfig({ collectionSlug: relationTo }),\n  )\n\n  const componentID = useId()\n\n  const extraFieldsDrawerSlug = 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  // Need to use hook to initialize useEffect that restores cursor position\n  const { toggleDrawer } = useLexicalDrawer(extraFieldsDrawerSlug, true)\n\n  const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\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      closeDocumentDrawer()\n    },\n    [setParams, cacheBust, closeDocumentDrawer],\n  )\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    (_: FormState, data: JsonObject) => {\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    [editor, nodeKey],\n  )\n\n  const aspectRatio =\n    thumbnailSRC && data?.width && data?.height\n      ? data.width > data.height\n        ? 'landscape'\n        : 'portrait'\n      : 'landscape'\n\n  return (\n    <div\n      className={`${baseClass}__contents ${baseClass}__contents--${aspectRatio}`}\n      data-align={format || undefined}\n      data-filename={data?.filename}\n      ref={uploadRef}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__media`}>\n          <Thumbnail\n            collectionSlug={relationTo}\n            fileSrc={isImage(data?.mimeType) ? thumbnailSRC : null}\n            height={data?.height}\n            size=\"none\"\n            width={data?.width}\n          />\n\n          {isEditable && (\n            <div className={`${baseClass}__overlay ${baseClass}__floater`}>\n              <div className={`${baseClass}__actions`} role=\"toolbar\">\n                {hasExtraFields ? (\n                  <Button\n                    buttonStyle=\"icon-label\"\n                    className={`${baseClass}__upload-drawer-toggler`}\n                    disabled={!isEditable}\n                    el=\"button\"\n                    icon=\"edit\"\n                    onClick={toggleDrawer}\n                    round\n                    size=\"medium\"\n                    tooltip={t('fields:editRelationship')}\n                  />\n                ) : null}\n\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__swap-drawer-toggler`}\n                  disabled={!isEditable}\n                  el=\"button\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                      replace: { nodeKey },\n                    })\n                  }}\n                  round\n                  size=\"medium\"\n                  tooltip={t('fields:swapUpload')}\n                />\n\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__removeButton`}\n                  disabled={!isEditable}\n                  icon=\"x\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    removeUpload()\n                  }}\n                  round\n                  size=\"medium\"\n                  tooltip={t('fields:removeUpload')}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        <div className={`${baseClass}__metaOverlay ${baseClass}__floater`}>\n          <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n            <strong className={`${baseClass}__filename`}>\n              {data?.filename || t('general:untitled')}\n            </strong>\n          </DocumentDrawerToggler>\n          <div className={`${baseClass}__collectionLabel`}>\n            {getTranslation(relatedCollection.labels.singular, i18n)}\n          </div>\n        </div>\n      </div>\n\n      {value ? <DocumentDrawer onSave={updateUpload} /> : null}\n      {hasExtraFields ? (\n        <FieldsDrawer\n          data={fields}\n          drawerSlug={extraFieldsDrawerSlug}\n          drawerTitle={t('general:editLabel', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n          featureKey=\"upload\"\n          handleDrawerSubmit={onExtraFieldsDrawerSubmit}\n          schemaPath={schemaPath}\n          schemaPathSuffix={relatedCollection.slug}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","formatDrawerSlug","Thumbnail","useConfig","useEditDepth","usePayloadAPI","useTranslation","$getNodeByKey","formatAdminURL","isImage","React","useCallback","useId","useReducer","useRef","useState","useEditorConfigContext","FieldsDrawer","useLexicalDocumentDrawer","useLexicalDrawer","INSERT_UPLOAD_WITH_DRAWER_COMMAND","initialParams","depth","UploadComponent","props","className","baseClass","data","fields","relationTo","value","format","nodeKey","Error","config","routes","api","serverURL","getEntityConfig","uploadRef","uuid","editDepth","editor","editorConfig","fieldProps","schemaPath","isEditable","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","collectionSlug","componentID","extraFieldsDrawerSlug","slug","toggleDrawer","closeDocumentDrawer","DocumentDrawer","DocumentDrawerToggler","id","setParams","apiRoute","path","thumbnailSRC","thumbnailURL","url","removeUpload","update","remove","updateUpload","_data","hasExtraFields","resolvedFeatureMap","get","sanitizedClientFeatureProps","collections","onExtraFieldsDrawerSubmit","_","uploadNode","newData","getData","setData","aspectRatio","width","height","div","data-align","undefined","data-filename","filename","ref","fileSrc","mimeType","size","role","buttonStyle","disabled","el","icon","onClick","round","tooltip","dispatchCommand","replace","e","preventDefault","strong","labels","singular","onSave","drawerSlug","drawerTitle","label","featureKey","handleDrawerSubmit","schemaPathSuffix"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","formatDrawerSlug","Thumbnail","useConfig","useEditDepth","usePayloadAPI","useTranslation","$getNodeByKey","formatAdminURL","isImage","React","useCallback","useId","useReducer","useRef","useState","useEditorConfigContext","FieldsDrawer","useLexicalDocumentDrawer","useLexicalDrawer","INSERT_UPLOAD_WITH_DRAWER_COMMAND","initialParams","depth","UploadComponent","props","className","baseClass","data","fields","relationTo","value","format","nodeKey","Error","config","routes","api","serverURL","getEntityConfig","uploadRef","uuid","editDepth","editor","editorConfig","fieldProps","schemaPath","isEditable","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","collectionSlug","componentID","extraFieldsDrawerSlug","slug","toggleDrawer","closeDocumentDrawer","DocumentDrawer","DocumentDrawerToggler","id","setParams","apiRoute","path","thumbnailSRC","thumbnailURL","url","removeUpload","update","remove","updateUpload","_data","hasExtraFields","resolvedFeatureMap","get","sanitizedClientFeatureProps","collections","onExtraFieldsDrawerSubmit","_","uploadNode","newData","getData","setData","aspectRatio","width","height","_jsxs","undefined","filename","ref","_jsx","fileSrc","mimeType","size","role","buttonStyle","disabled","el","icon","onClick","round","tooltip","dispatchCommand","replace","e","preventDefault","labels","singular","onSave","drawerSlug","drawerTitle","label","featureKey","handleDrawerSubmit","schemaPathSuffix"],"sources":["../../../../../src/features/upload/client/component/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Data, FormState, JsonObject } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  formatDrawerSlug,\n  Thumbnail,\n  useConfig,\n  useEditDepth,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { $getNodeByKey, type ElementFormatType } from 'lexical'\nimport { formatAdminURL, isImage } from 'payload/shared'\nimport React, { useCallback, 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 '../index.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 { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport './index.scss'\n\nconst initialParams = {\n  depth: 0,\n}\n\nexport type ElementProps = {\n  className: string\n  data: UploadData\n  format?: ElementFormatType\n  nodeKey: string\n}\n\nexport const UploadComponent: React.FC<ElementProps> = (props) => {\n  const {\n    className: baseClass,\n    data: { fields, relationTo, value },\n    format,\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      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n  const [editor] = useLexicalComposerContext()\n\n  const {\n    editorConfig,\n    fieldProps: { schemaPath },\n  } = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection] = useState<ClientCollectionConfig>(() =>\n    getEntityConfig({ collectionSlug: relationTo }),\n  )\n\n  const componentID = useId()\n\n  const extraFieldsDrawerSlug = 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  // Need to use hook to initialize useEffect that restores cursor position\n  const { toggleDrawer } = useLexicalDrawer(extraFieldsDrawerSlug, true)\n\n  const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\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      closeDocumentDrawer()\n    },\n    [setParams, cacheBust, closeDocumentDrawer],\n  )\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    (_: FormState, data: JsonObject) => {\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    [editor, nodeKey],\n  )\n\n  const aspectRatio =\n    thumbnailSRC && data?.width && data?.height\n      ? data.width > data.height\n        ? 'landscape'\n        : 'portrait'\n      : 'landscape'\n\n  return (\n    <div\n      className={`${baseClass}__contents ${baseClass}__contents--${aspectRatio}`}\n      data-align={format || undefined}\n      data-filename={data?.filename}\n      ref={uploadRef}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__media`}>\n          <Thumbnail\n            collectionSlug={relationTo}\n            fileSrc={isImage(data?.mimeType) ? thumbnailSRC : null}\n            height={data?.height}\n            size=\"none\"\n            width={data?.width}\n          />\n\n          {isEditable && (\n            <div className={`${baseClass}__overlay ${baseClass}__floater`}>\n              <div className={`${baseClass}__actions`} role=\"toolbar\">\n                {hasExtraFields ? (\n                  <Button\n                    buttonStyle=\"icon-label\"\n                    className={`${baseClass}__upload-drawer-toggler`}\n                    disabled={!isEditable}\n                    el=\"button\"\n                    icon=\"edit\"\n                    onClick={toggleDrawer}\n                    round\n                    size=\"medium\"\n                    tooltip={t('fields:editRelationship')}\n                  />\n                ) : null}\n\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__swap-drawer-toggler`}\n                  disabled={!isEditable}\n                  el=\"button\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                      replace: { nodeKey },\n                    })\n                  }}\n                  round\n                  size=\"medium\"\n                  tooltip={t('fields:swapUpload')}\n                />\n\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__removeButton`}\n                  disabled={!isEditable}\n                  icon=\"x\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    removeUpload()\n                  }}\n                  round\n                  size=\"medium\"\n                  tooltip={t('fields:removeUpload')}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        <div className={`${baseClass}__metaOverlay ${baseClass}__floater`}>\n          <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n            <strong className={`${baseClass}__filename`}>\n              {data?.filename || t('general:untitled')}\n            </strong>\n          </DocumentDrawerToggler>\n          <div className={`${baseClass}__collectionLabel`}>\n            {getTranslation(relatedCollection.labels.singular, i18n)}\n          </div>\n        </div>\n      </div>\n\n      {value ? <DocumentDrawer onSave={updateUpload} /> : null}\n      {hasExtraFields ? (\n        <FieldsDrawer\n          data={fields}\n          drawerSlug={extraFieldsDrawerSlug}\n          drawerTitle={t('general:editLabel', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n          featureKey=\"upload\"\n          handleDrawerSubmit={onExtraFieldsDrawerSubmit}\n          schemaPath={schemaPath}\n          schemaPathSuffix={relatedCollection.slug}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,23 +1,14 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ShimmerEffect } from '@payloadcms/ui';
-import '../index.scss';
-export const PendingUploadComponent = ()=>{
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: 'lexical-upload',
-        children: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
-            height: '95px',
-            width: '203px'
-        }, void 0, false, {
-            fileName: "src/features/upload/client/component/pending/index.tsx",
-            lineNumber: 10,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/features/upload/client/component/pending/index.tsx",
-        lineNumber: 9,
-        columnNumber: 5
-    }, this);
+export const PendingUploadComponent = () => {
+  return /*#__PURE__*/_jsx("div", {
+    className: 'lexical-upload',
+    children: /*#__PURE__*/_jsx(ShimmerEffect, {
+      height: '95px',
+      width: '203px'
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/upload/client/component/pending/index.tsx"],"sourcesContent":["'use client'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\n\nimport '../index.scss'\n\nexport const PendingUploadComponent = (): React.ReactNode => {\n  return (\n    <div className={'lexical-upload'}>\n      <ShimmerEffect height={'95px'} width={'203px'} />\n    </div>\n  )\n}\n"],"names":["ShimmerEffect","PendingUploadComponent","div","className","height","width"],"mappings":"AAAA;;AAEA,SAASA,aAAa,QAAQ,iBAAgB;AAE9C,OAAO,gBAAe;AAEtB,OAAO,MAAMC,yBAAyB;IACpC,qBACE,QAACC;QAAIC,WAAW;kBACd,cAAA,QAACH;YAAcI,QAAQ;YAAQC,OAAO;;;;;;;;;;;AAG5C,EAAC"}
+{"version":3,"file":"index.js","names":["ShimmerEffect","PendingUploadComponent","_jsx","className","height","width"],"sources":["../../../../../../src/features/upload/client/component/pending/index.tsx"],"sourcesContent":["'use client'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\n\nimport '../index.scss'\n\nexport const PendingUploadComponent = (): React.ReactNode => {\n  return (\n    <div className={'lexical-upload'}>\n      <ShimmerEffect height={'95px'} width={'203px'} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,aAAa,QAAQ;AAI9B,OAAO,MAAMC,sBAAA,GAAyBA,CAAA;EACpC,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAW;cACd,aAAAD,IAAA,CAACF,aAAA;MAAcI,MAAA,EAAQ;MAAQC,KAAA,EAAO;;;AAG5C","ignoreList":[]}

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

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["createCommand","INSERT_UPLOAD_WITH_DRAWER_COMMAND"],"mappings":"AAAA;AAGA,SAASA,aAAa,QAAQ,UAAS;AAEvC,OAAO,MAAMC,oCAERD,cAAc,qCAAoC"}
+{"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":[]}