@payloadcms/richtext-lexical 3.0.0-beta.7 → 3.0.0-beta.71

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/upload/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  useConfig,\n  useDocumentDrawer,\n  useDrawerSlug,\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, useReducer, useRef, useState } from 'react'\n\nimport type { ClientComponentProps } from '../../typesClient.js'\nimport type { UploadFeaturePropsClient } from '../feature.client.js'\nimport type { UploadData, 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/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  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { closeModal } = useModal()\n\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 drawerSlug = useDrawerSlug('upload-drawer')\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  const onClick = useCallback(\n    (event: MouseEvent) => {\n      // Check if uploadRef.target or anything WITHIN uploadRef.target was clicked\n      if (event.target === uploadRef.current || uploadRef.current?.contains(event.target as Node)) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const hasExtraFields = (\n    editorConfig?.resolvedFeatureMap?.get('upload')\n      ?.sanitizedClientFeatureProps as ClientComponentProps<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: UploadNode | null = $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?.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?.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?.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} />}\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"],"names":["useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","DrawerToggler","File","useConfig","useDocumentDrawer","useDrawerSlug","useModal","usePayloadAPI","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","React","useCallback","useEffect","useReducer","useRef","useState","useEditorConfigContext","FieldsDrawer","EnabledRelationshipsCondition","INSERT_UPLOAD_WITH_DRAWER_COMMAND","$isUploadNode","baseClass","initialParams","depth","Component","props","data","fields","relationTo","value","nodeKey","collections","routes","api","serverURL","uploadRef","closeModal","editor","isSelected","setSelected","clearSelection","editorConfig","field","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","find","coll","slug","drawerSlug","DocumentDrawer","DocumentDrawerToggler","closeDrawer","id","collectionSlug","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","update","remove","updateUpload","$onDelete","event","preventDefault","node","onClick","target","current","contains","shiftKey","registerCommand","hasExtraFields","resolvedFeatureMap","get","sanitizedClientFeatureProps","onExtraFieldsDrawerSubmit","_","uploadNode","newData","getData","setData","div","className","filter","Boolean","join","contentEditable","ref","img","alt","filename","data-lexical-upload-id","data-lexical-upload-relation-to","src","labels","singular","isEditable","disabled","readOnly","buttonStyle","el","icon","e","round","tooltip","dispatchCommand","replace","strong","onSave","drawerTitle","label","featureKey","handleDrawerSubmit","schemaPathSuffix","UploadComponent","uploads"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../../../src/features/upload/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/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/drawer/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/upload/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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/upload/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/drawer/index.js

@@ -0,0 +1,77 @@
+'use client';
+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/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 = ({ 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();
+    }, [
+        editor,
+        closeDrawer,
+        replaceNodeKey
+    ]);
+    return /*#__PURE__*/ _jsx(ListDrawer, {
+        onSelect: onSelect
+    });
+};
+export const UploadDrawer = (props)=>{
+    return /*#__PURE__*/ _jsx(EnabledRelationshipsCondition, {
+        ...props,
+        uploads: true,
+        children: /*#__PURE__*/ _jsx(UploadDrawerComponent, {
+            ...props
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/upload/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/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,4DAA2D;AACzG,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"}

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

@@ -0,0 +1,12 @@
+export type UploadFeaturePropsClient = {
+    collections: {
+        [collection: string]: {
+            hasExtraFields: boolean;
+        };
+    };
+};
+export declare const UploadFeatureClient: import("react").FC<{
+    featureKey: string;
+    order: number;
+} & UploadFeaturePropsClient>;
+//# sourceMappingURL=feature.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../src/features/upload/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;;;6BAqD9B,CAAA"}

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

@@ -0,0 +1,74 @@
+'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/feature.client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/upload/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,yCAAwC;AACnE,SAASC,mBAAmB,QAAQ,yCAAwC;AAC5E,SAASC,4BAA4B,QAAQ,oCAAmC;AAChF,SAASC,gCAAgC,QAAQ,wCAAuC;AACxF,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"}

package/dist/features/upload/feature.server.d.ts

@@ -0,0 +1,18 @@
+import type { CollectionSlug, Field } from 'payload';
+import type { UploadFeaturePropsClient } from './feature.client.js';
+export type UploadFeatureProps = {
+    collections?: {
+        [collection: CollectionSlug]: {
+            fields: Field[];
+        };
+    };
+    /**
+     * Sets a maximum population depth for this upload (not the fields for this upload), regardless of the remaining depth when the respective field is reached.
+     * This behaves exactly like the maxDepth properties of relationship and upload fields.
+     *
+     * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}
+     */
+    maxDepth?: number;
+};
+export declare const UploadFeature: import("../typesServer.js").FeatureProviderProviderServer<UploadFeatureProps, UploadFeatureProps, UploadFeaturePropsClient>;
+//# sourceMappingURL=feature.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../src/features/upload/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAEd,KAAK,EAKN,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAYnE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE;QACZ,CAAC,UAAU,EAAE,cAAc,GAAG;YAC5B,MAAM,EAAE,KAAK,EAAE,CAAA;SAChB,CAAA;KACF,CAAA;IACD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AASD,eAAO,MAAM,aAAa,6HAyNxB,CAAA"}

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

@@ -0,0 +1,184 @@
+import { sanitizeFields } from 'payload';
+// eslint-disable-next-line payload/no-imports-from-exports-dir
+import { UploadFeatureClient } from '../../exports/client/index.js';
+import { populate } from '../../populateGraphQL/populate.js';
+import { createServerFeature } from '../../utilities/createServerFeature.js';
+import { createNode } from '../typeUtilities.js';
+import { uploadPopulationPromiseHOC } from './graphQLPopulationPromise.js';
+import { i18n } from './i18n.js';
+import { UploadNode } from './nodes/UploadNode.js';
+import { uploadValidation } from './validate.js';
+/**
+ * Get the absolute URL for an upload URL by potentially prepending the serverURL
+ */ function getAbsoluteURL(url, payload) {
+    return url?.startsWith('http') ? url : (payload?.config?.serverURL || '') + url;
+}
+export const UploadFeature = createServerFeature({
+    feature: async ({ config: _config, isRoot, props })=>{
+        if (!props) {
+            props = {
+                collections: {}
+            };
+        }
+        const clientProps = {
+            collections: {}
+        };
+        if (props.collections) {
+            for(const collection in props.collections){
+                clientProps.collections[collection] = {
+                    hasExtraFields: props.collections[collection].fields.length >= 1
+                };
+            }
+        }
+        const validRelationships = _config.collections.map((c)=>c.slug) || [];
+        for(const collection in props.collections){
+            if (props.collections[collection].fields?.length) {
+                props.collections[collection].fields = await sanitizeFields({
+                    config: _config,
+                    fields: props.collections[collection].fields,
+                    requireFieldLevelRichTextEditor: isRoot,
+                    validRelationships
+                });
+            }
+        }
+        return {
+            ClientFeature: UploadFeatureClient,
+            clientFeatureProps: clientProps,
+            generateSchemaMap: ({ props })=>{
+                if (!props?.collections) return null;
+                const schemaMap = new Map();
+                for(const collection in props.collections){
+                    if (props.collections[collection].fields?.length) {
+                        schemaMap.set(collection, props.collections[collection].fields);
+                    }
+                }
+                return schemaMap;
+            },
+            i18n,
+            nodes: [
+                createNode({
+                    converters: {
+                        html: {
+                            converter: async ({ node, req })=>{
+                                // @ts-expect-error
+                                const id = node?.value?.id || node?.value // for backwards-compatibility
+                                ;
+                                if (req?.payload) {
+                                    const uploadDocument = {};
+                                    try {
+                                        await populate({
+                                            id,
+                                            collectionSlug: node.relationTo,
+                                            currentDepth: 0,
+                                            data: uploadDocument,
+                                            depth: 1,
+                                            draft: false,
+                                            key: 'value',
+                                            overrideAccess: false,
+                                            req,
+                                            showHiddenFields: false
+                                        });
+                                    } catch (ignored) {
+                                        // eslint-disable-next-line no-console
+                                        console.error('Lexical upload node HTML converter: error fetching upload file', ignored, 'Node:', node);
+                                        return `<img />`;
+                                    }
+                                    const url = getAbsoluteURL(uploadDocument?.value?.url, req?.payload);
+                                    /**
+                   * If the upload is not an image, return a link to the upload
+                   */ if (!uploadDocument?.value?.mimeType?.startsWith('image')) {
+                                        return `<a href="${url}" rel="noopener noreferrer">${uploadDocument.value?.filename}</a>`;
+                                    }
+                                    /**
+                   * If the upload is a simple image with no different sizes, return a simple img tag
+                   */ if (!uploadDocument?.value?.sizes || !Object.keys(uploadDocument?.value?.sizes).length) {
+                                        return `<img src="${url}" alt="${uploadDocument?.value?.filename}" width="${uploadDocument?.value?.width}"  height="${uploadDocument?.value?.height}"/>`;
+                                    }
+                                    /**
+                   * If the upload is an image with different sizes, return a picture element
+                   */ let pictureHTML = '<picture>';
+                                    // Iterate through each size in the data.sizes object
+                                    for(const size in uploadDocument.value?.sizes){
+                                        const imageSize = uploadDocument.value?.sizes[size];
+                                        // Skip if any property of the size object is null
+                                        if (!imageSize.width || !imageSize.height || !imageSize.mimeType || !imageSize.filesize || !imageSize.filename || !imageSize.url) {
+                                            continue;
+                                        }
+                                        const imageSizeURL = getAbsoluteURL(imageSize?.url, req?.payload);
+                                        pictureHTML += `<source srcset="${imageSizeURL}" media="(max-width: ${imageSize.width}px)" type="${imageSize.mimeType}">`;
+                                    }
+                                    // Add the default img tag
+                                    pictureHTML += `<img src="${url}" alt="Image" width="${uploadDocument.value?.width}" height="${uploadDocument.value?.height}">`;
+                                    pictureHTML += '</picture>';
+                                    return pictureHTML;
+                                } else {
+                                    return `<img src="${id}" />`;
+                                }
+                            },
+                            nodeTypes: [
+                                UploadNode.getType()
+                            ]
+                        }
+                    },
+                    getSubFields: ({ node, req })=>{
+                        const collection = req.payload.collections[node?.relationTo];
+                        if (collection) {
+                            const collectionFieldSchema = props?.collections?.[node?.relationTo]?.fields;
+                            if (Array.isArray(collectionFieldSchema)) {
+                                if (!collectionFieldSchema?.length) {
+                                    return null;
+                                }
+                                return collectionFieldSchema;
+                            }
+                        }
+                        return null;
+                    },
+                    getSubFieldsData: ({ node })=>{
+                        return node?.fields;
+                    },
+                    graphQLPopulationPromises: [
+                        uploadPopulationPromiseHOC(props)
+                    ],
+                    hooks: {
+                        afterRead: [
+                            ({ currentDepth, depth, draft, node, overrideAccess, populationPromises, req, showHiddenFields })=>{
+                                if (!node?.value) {
+                                    return node;
+                                }
+                                const collection = req.payload.collections[node?.relationTo];
+                                if (!collection) {
+                                    return node;
+                                }
+                                // @ts-expect-error
+                                const id = node?.value?.id || node?.value // for backwards-compatibility
+                                ;
+                                const populateDepth = props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth;
+                                populationPromises.push(populate({
+                                    id,
+                                    collectionSlug: collection.config.slug,
+                                    currentDepth,
+                                    data: node,
+                                    depth: populateDepth,
+                                    draft,
+                                    key: 'value',
+                                    overrideAccess,
+                                    req,
+                                    showHiddenFields
+                                }));
+                                return node;
+                            }
+                        ]
+                    },
+                    node: UploadNode,
+                    validations: [
+                        uploadValidation(props)
+                    ]
+                })
+            ],
+            sanitizedServerFeatureProps: props
+        };
+    },
+    key: 'upload'
+});
+
+//# sourceMappingURL=feature.server.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/upload/feature.server.ts"],"sourcesContent":["import type {\n  CollectionSlug,\n  Config,\n  Field,\n  FileData,\n  FileSize,\n  Payload,\n  TypeWithID,\n} from 'payload'\n\nimport { sanitizeFields } from 'payload'\n\nimport type { UploadFeaturePropsClient } from './feature.client.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { UploadFeatureClient } from '../../exports/client/index.js'\nimport { populate } from '../../populateGraphQL/populate.js'\nimport { createServerFeature } from '../../utilities/createServerFeature.js'\nimport { createNode } from '../typeUtilities.js'\nimport { uploadPopulationPromiseHOC } from './graphQLPopulationPromise.js'\nimport { i18n } from './i18n.js'\nimport { UploadNode } from './nodes/UploadNode.js'\nimport { uploadValidation } from './validate.js'\n\nexport type UploadFeatureProps = {\n  collections?: {\n    [collection: CollectionSlug]: {\n      fields: Field[]\n    }\n  }\n  /**\n   * Sets a maximum population depth for this upload (not the fields for this upload), regardless of the remaining depth when the respective field is reached.\n   * This behaves exactly like the maxDepth properties of relationship and upload fields.\n   *\n   * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}\n   */\n  maxDepth?: number\n}\n\n/**\n * Get the absolute URL for an upload URL by potentially prepending the serverURL\n */\nfunction getAbsoluteURL(url: string, payload: Payload): string {\n  return url?.startsWith('http') ? url : (payload?.config?.serverURL || '') + url\n}\n\nexport const UploadFeature = createServerFeature<\n  UploadFeatureProps,\n  UploadFeatureProps,\n  UploadFeaturePropsClient\n>({\n  feature: async ({ config: _config, isRoot, props }) => {\n    if (!props) {\n      props = { collections: {} }\n    }\n\n    const clientProps: UploadFeaturePropsClient = {\n      collections: {},\n    }\n    if (props.collections) {\n      for (const collection in props.collections) {\n        clientProps.collections[collection] = {\n          hasExtraFields: props.collections[collection].fields.length >= 1,\n        }\n      }\n    }\n\n    const validRelationships = _config.collections.map((c) => c.slug) || []\n\n    for (const collection in props.collections) {\n      if (props.collections[collection].fields?.length) {\n        props.collections[collection].fields = await sanitizeFields({\n          config: _config as unknown as Config,\n          fields: props.collections[collection].fields,\n          requireFieldLevelRichTextEditor: isRoot,\n          validRelationships,\n        })\n      }\n    }\n\n    return {\n      ClientFeature: UploadFeatureClient,\n      clientFeatureProps: clientProps,\n      generateSchemaMap: ({ props }) => {\n        if (!props?.collections) return null\n\n        const schemaMap = new Map<string, Field[]>()\n\n        for (const collection in props.collections) {\n          if (props.collections[collection].fields?.length) {\n            schemaMap.set(collection, props.collections[collection].fields)\n          }\n        }\n\n        return schemaMap\n      },\n      i18n,\n      nodes: [\n        createNode({\n          converters: {\n            html: {\n              converter: async ({ node, req }) => {\n                // @ts-expect-error\n                const id = node?.value?.id || node?.value // for backwards-compatibility\n\n                if (req?.payload) {\n                  const uploadDocument: {\n                    value?: FileData & TypeWithID\n                  } = {}\n\n                  try {\n                    await populate({\n                      id,\n                      collectionSlug: node.relationTo,\n                      currentDepth: 0,\n                      data: uploadDocument,\n                      depth: 1,\n                      draft: false,\n                      key: 'value',\n                      overrideAccess: false,\n                      req,\n                      showHiddenFields: false,\n                    })\n                  } catch (ignored) {\n                    // eslint-disable-next-line no-console\n                    console.error(\n                      'Lexical upload node HTML converter: error fetching upload file',\n                      ignored,\n                      'Node:',\n                      node,\n                    )\n                    return `<img />`\n                  }\n\n                  const url = getAbsoluteURL(uploadDocument?.value?.url, req?.payload)\n\n                  /**\n                   * If the upload is not an image, return a link to the upload\n                   */\n                  if (!uploadDocument?.value?.mimeType?.startsWith('image')) {\n                    return `<a href=\"${url}\" rel=\"noopener noreferrer\">${uploadDocument.value?.filename}</a>`\n                  }\n\n                  /**\n                   * If the upload is a simple image with no different sizes, return a simple img tag\n                   */\n                  if (\n                    !uploadDocument?.value?.sizes ||\n                    !Object.keys(uploadDocument?.value?.sizes).length\n                  ) {\n                    return `<img src=\"${url}\" alt=\"${uploadDocument?.value?.filename}\" width=\"${uploadDocument?.value?.width}\"  height=\"${uploadDocument?.value?.height}\"/>`\n                  }\n\n                  /**\n                   * If the upload is an image with different sizes, return a picture element\n                   */\n                  let pictureHTML = '<picture>'\n\n                  // Iterate through each size in the data.sizes object\n                  for (const size in uploadDocument.value?.sizes) {\n                    const imageSize: {\n                      url?: string\n                    } & FileSize = uploadDocument.value?.sizes[size]\n\n                    // Skip if any property of the size object is null\n                    if (\n                      !imageSize.width ||\n                      !imageSize.height ||\n                      !imageSize.mimeType ||\n                      !imageSize.filesize ||\n                      !imageSize.filename ||\n                      !imageSize.url\n                    ) {\n                      continue\n                    }\n                    const imageSizeURL = getAbsoluteURL(imageSize?.url, req?.payload)\n\n                    pictureHTML += `<source srcset=\"${imageSizeURL}\" media=\"(max-width: ${imageSize.width}px)\" type=\"${imageSize.mimeType}\">`\n                  }\n\n                  // Add the default img tag\n                  pictureHTML += `<img src=\"${url}\" alt=\"Image\" width=\"${uploadDocument.value?.width}\" height=\"${uploadDocument.value?.height}\">`\n                  pictureHTML += '</picture>'\n                  return pictureHTML\n                } else {\n                  return `<img src=\"${id}\" />`\n                }\n              },\n              nodeTypes: [UploadNode.getType()],\n            },\n          },\n          getSubFields: ({ node, req }) => {\n            const collection = req.payload.collections[node?.relationTo]\n\n            if (collection) {\n              const collectionFieldSchema = props?.collections?.[node?.relationTo]?.fields\n\n              if (Array.isArray(collectionFieldSchema)) {\n                if (!collectionFieldSchema?.length) {\n                  return null\n                }\n                return collectionFieldSchema\n              }\n            }\n            return null\n          },\n          getSubFieldsData: ({ node }) => {\n            return node?.fields\n          },\n          graphQLPopulationPromises: [uploadPopulationPromiseHOC(props)],\n          hooks: {\n            afterRead: [\n              ({\n                currentDepth,\n                depth,\n                draft,\n                node,\n                overrideAccess,\n                populationPromises,\n                req,\n                showHiddenFields,\n              }) => {\n                if (!node?.value) {\n                  return node\n                }\n                const collection = req.payload.collections[node?.relationTo]\n\n                if (!collection) {\n                  return node\n                }\n                // @ts-expect-error\n                const id = node?.value?.id || node?.value // for backwards-compatibility\n\n                const populateDepth =\n                  props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth\n\n                populationPromises.push(\n                  populate({\n                    id,\n                    collectionSlug: collection.config.slug,\n                    currentDepth,\n                    data: node,\n                    depth: populateDepth,\n                    draft,\n                    key: 'value',\n                    overrideAccess,\n                    req,\n                    showHiddenFields,\n                  }),\n                )\n\n                return node\n              },\n            ],\n          },\n          node: UploadNode,\n          validations: [uploadValidation(props)],\n        }),\n      ],\n      sanitizedServerFeatureProps: props,\n    }\n  },\n  key: 'upload',\n})\n"],"names":["sanitizeFields","UploadFeatureClient","populate","createServerFeature","createNode","uploadPopulationPromiseHOC","i18n","UploadNode","uploadValidation","getAbsoluteURL","url","payload","startsWith","config","serverURL","UploadFeature","feature","_config","isRoot","props","collections","clientProps","collection","hasExtraFields","fields","length","validRelationships","map","c","slug","requireFieldLevelRichTextEditor","ClientFeature","clientFeatureProps","generateSchemaMap","schemaMap","Map","set","nodes","converters","html","converter","node","req","id","value","uploadDocument","collectionSlug","relationTo","currentDepth","data","depth","draft","key","overrideAccess","showHiddenFields","ignored","console","error","mimeType","filename","sizes","Object","keys","width","height","pictureHTML","size","imageSize","filesize","imageSizeURL","nodeTypes","getType","getSubFields","collectionFieldSchema","Array","isArray","getSubFieldsData","graphQLPopulationPromises","hooks","afterRead","populationPromises","populateDepth","maxDepth","undefined","push","validations","sanitizedServerFeatureProps"],"mappings":"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"}

package/dist/features/upload/graphQLPopulationPromise.d.ts

@@ -0,0 +1,5 @@
+import type { PopulationPromise } from '../typesServer.js';
+import type { UploadFeatureProps } from './feature.server.js';
+import type { SerializedUploadNode } from './nodes/UploadNode.js';
+export declare const uploadPopulationPromiseHOC: (props?: UploadFeatureProps) => PopulationPromise<SerializedUploadNode>;
+//# sourceMappingURL=graphQLPopulationPromise.d.ts.map

package/dist/features/upload/graphQLPopulationPromise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphQLPopulationPromise.d.ts","sourceRoot":"","sources":["../../../src/features/upload/graphQLPopulationPromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAKjE,eAAO,MAAM,0BAA0B,WAC7B,kBAAkB,KACzB,iBAAiB,CAAC,oBAAoB,CAoExC,CAAA"}

package/dist/features/upload/graphQLPopulationPromise.js

@@ -0,0 +1,52 @@
+import { populate } from '../../populateGraphQL/populate.js';
+import { recursivelyPopulateFieldsForGraphQL } from '../../populateGraphQL/recursivelyPopulateFieldsForGraphQL.js';
+export const uploadPopulationPromiseHOC = (props)=>{
+    return ({ context, currentDepth, depth, draft, editorPopulationPromises, fieldPromises, findMany, flattenLocales, node, overrideAccess, populationPromises, req, showHiddenFields })=>{
+        if (node?.value) {
+            const collection = req.payload.collections[node?.relationTo];
+            if (collection) {
+                // @ts-expect-error
+                const id = node?.value?.id || node?.value // for backwards-compatibility
+                ;
+                const populateDepth = props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth;
+                populationPromises.push(populate({
+                    id,
+                    collectionSlug: collection.config.slug,
+                    currentDepth,
+                    data: node,
+                    depth: populateDepth,
+                    draft,
+                    key: 'value',
+                    overrideAccess,
+                    req,
+                    showHiddenFields
+                }));
+                const collectionFieldSchema = props?.collections?.[node?.relationTo]?.fields;
+                if (Array.isArray(collectionFieldSchema)) {
+                    if (!collectionFieldSchema?.length) {
+                        return;
+                    }
+                    recursivelyPopulateFieldsForGraphQL({
+                        context,
+                        currentDepth,
+                        data: node.fields || {},
+                        depth,
+                        draft,
+                        editorPopulationPromises,
+                        fieldPromises,
+                        fields: collectionFieldSchema,
+                        findMany,
+                        flattenLocales,
+                        overrideAccess,
+                        populationPromises,
+                        req,
+                        showHiddenFields,
+                        siblingDoc: node.fields || {}
+                    });
+                }
+            }
+        }
+    };
+};
+
+//# sourceMappingURL=graphQLPopulationPromise.js.map

package/dist/features/upload/graphQLPopulationPromise.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/upload/graphQLPopulationPromise.ts"],"sourcesContent":["import type { PopulationPromise } from '../typesServer.js'\nimport type { UploadFeatureProps } from './feature.server.js'\nimport type { SerializedUploadNode } from './nodes/UploadNode.js'\n\nimport { populate } from '../../populateGraphQL/populate.js'\nimport { recursivelyPopulateFieldsForGraphQL } from '../../populateGraphQL/recursivelyPopulateFieldsForGraphQL.js'\n\nexport const uploadPopulationPromiseHOC = (\n  props?: UploadFeatureProps,\n): PopulationPromise<SerializedUploadNode> => {\n  return ({\n    context,\n    currentDepth,\n    depth,\n    draft,\n    editorPopulationPromises,\n    fieldPromises,\n    findMany,\n    flattenLocales,\n    node,\n    overrideAccess,\n    populationPromises,\n    req,\n    showHiddenFields,\n  }) => {\n    if (node?.value) {\n      const collection = req.payload.collections[node?.relationTo]\n\n      if (collection) {\n        // @ts-expect-error\n        const id = node?.value?.id || node?.value // for backwards-compatibility\n\n        const populateDepth =\n          props?.maxDepth !== undefined && props?.maxDepth < depth ? props?.maxDepth : depth\n\n        populationPromises.push(\n          populate({\n            id,\n            collectionSlug: collection.config.slug,\n            currentDepth,\n            data: node,\n            depth: populateDepth,\n            draft,\n            key: 'value',\n            overrideAccess,\n            req,\n            showHiddenFields,\n          }),\n        )\n\n        const collectionFieldSchema = props?.collections?.[node?.relationTo]?.fields\n\n        if (Array.isArray(collectionFieldSchema)) {\n          if (!collectionFieldSchema?.length) {\n            return\n          }\n          recursivelyPopulateFieldsForGraphQL({\n            context,\n            currentDepth,\n            data: node.fields || {},\n            depth,\n            draft,\n            editorPopulationPromises,\n            fieldPromises,\n            fields: collectionFieldSchema,\n            findMany,\n            flattenLocales,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n            siblingDoc: node.fields || {},\n          })\n        }\n      }\n    }\n  }\n}\n"],"names":["populate","recursivelyPopulateFieldsForGraphQL","uploadPopulationPromiseHOC","props","context","currentDepth","depth","draft","editorPopulationPromises","fieldPromises","findMany","flattenLocales","node","overrideAccess","populationPromises","req","showHiddenFields","value","collection","payload","collections","relationTo","id","populateDepth","maxDepth","undefined","push","collectionSlug","config","slug","data","key","collectionFieldSchema","fields","Array","isArray","length","siblingDoc"],"mappings":"AAIA,SAASA,QAAQ,QAAQ,oCAAmC;AAC5D,SAASC,mCAAmC,QAAQ,+DAA8D;AAElH,OAAO,MAAMC,6BAA6B,CACxCC;IAEA,OAAO,CAAC,EACNC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,wBAAwB,EACxBC,aAAa,EACbC,QAAQ,EACRC,cAAc,EACdC,IAAI,EACJC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EACjB;QACC,IAAIJ,MAAMK,OAAO;YACf,MAAMC,aAAaH,IAAII,OAAO,CAACC,WAAW,CAACR,MAAMS,WAAW;YAE5D,IAAIH,YAAY;gBACd,mBAAmB;gBACnB,MAAMI,KAAKV,MAAMK,OAAOK,MAAMV,MAAMK,MAAM,8BAA8B;;gBAExE,MAAMM,gBACJpB,OAAOqB,aAAaC,aAAatB,OAAOqB,WAAWlB,QAAQH,OAAOqB,WAAWlB;gBAE/EQ,mBAAmBY,IAAI,CACrB1B,SAAS;oBACPsB;oBACAK,gBAAgBT,WAAWU,MAAM,CAACC,IAAI;oBACtCxB;oBACAyB,MAAMlB;oBACNN,OAAOiB;oBACPhB;oBACAwB,KAAK;oBACLlB;oBACAE;oBACAC;gBACF;gBAGF,MAAMgB,wBAAwB7B,OAAOiB,aAAa,CAACR,MAAMS,WAAW,EAAEY;gBAEtE,IAAIC,MAAMC,OAAO,CAACH,wBAAwB;oBACxC,IAAI,CAACA,uBAAuBI,QAAQ;wBAClC;oBACF;oBACAnC,oCAAoC;wBAClCG;wBACAC;wBACAyB,MAAMlB,KAAKqB,MAAM,IAAI,CAAC;wBACtB3B;wBACAC;wBACAC;wBACAC;wBACAwB,QAAQD;wBACRtB;wBACAC;wBACAE;wBACAC;wBACAC;wBACAC;wBACAqB,YAAYzB,KAAKqB,MAAM,IAAI,CAAC;oBAC9B;gBACF;YACF;QACF;IACF;AACF,EAAC"}

package/dist/features/upload/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { GenericLanguages } from '@payloadcms/translations';
+export declare const i18n: Partial<GenericLanguages>;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/features/upload/i18n.d.ts.map

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