@payloadcms/richtext-lexical 3.0.0-beta.13 → 3.0.0-beta.130

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

@@ -1,144 +0,0 @@
-'use client';
-import lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js';
-const { useLexicalComposerContext } = lexicalComposerContextImport;
-import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js';
-import { getTranslation } from '@payloadcms/translations';
-import lexicalImport from 'lexical';
-const { $getNodeByKey } = lexicalImport;
-import { Button } from '@payloadcms/ui/elements/Button';
-import { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer';
-import { DrawerToggler } from '@payloadcms/ui/elements/Drawer';
-import { useDrawerSlug } from '@payloadcms/ui/elements/Drawer';
-import { File } from '@payloadcms/ui/graphics/File';
-import usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import React, { useCallback, useReducer, useState } from 'react';
-import { useEditorConfigContext } from '../../../lexical/config/client/EditorConfigProvider.js';
-import { EnabledRelationshipsCondition } from '../../relationship/utils/EnabledRelationshipsCondition.js';
-import { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js';
-import { ExtraFieldsUploadDrawer } from './ExtraFieldsDrawer/index.js';
-import './index.scss';
-const baseClass = 'lexical-upload';
-const initialParams = {
-    depth: 0
-};
-const Component = (props)=>{
-    const { data: { fields, relationTo, value }, nodeKey } = props;
-    const { collections, routes: { api }, serverURL } = useConfig();
-    const [editor] = useLexicalComposerContext();
-    const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
-    const { editorConfig, field } = useEditorConfigContext();
-    const { i18n, t } = useTranslation();
-    const [cacheBust, dispatchCacheBust] = useReducer((state)=>state + 1, 0);
-    const [relatedCollection, setRelatedCollection] = useState(()=>collections.find((coll)=>coll.slug === relationTo));
-    const drawerSlug = useDrawerSlug('upload-drawer');
-    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({
-        id: value?.id,
-        collectionSlug: relatedCollection.slug
-    });
-    // Get the referenced document
-    const [{ data }, { setParams }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${value?.id}`, {
-        initialParams
-    });
-    const thumbnailSRC = data?.thumbnailURL || data?.url;
-    const removeUpload = useCallback(()=>{
-        editor.update(()=>{
-            $getNodeByKey(nodeKey).remove();
-        });
-    }, [
-        editor,
-        nodeKey
-    ]);
-    const updateUpload = useCallback((json)=>{
-        setParams({
-            ...initialParams,
-            cacheBust
-        });
-        dispatchCacheBust();
-        closeDrawer();
-    }, [
-        setParams,
-        cacheBust,
-        closeDrawer
-    ]);
-    const hasExtraFields = editorConfig?.resolvedFeatureMap?.get('upload')?.clientFeatureProps.collections?.[relatedCollection.slug]?.hasExtraFields;
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            baseClass,
-            isSelected && `${baseClass}--selected`
-        ].filter(Boolean).join(' '),
-        contentEditable: false
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__card`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__topRow`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__thumbnail`
-    }, thumbnailSRC ? /*#__PURE__*/ React.createElement("img", {
-        alt: data?.filename,
-        src: thumbnailSRC
-    }) : /*#__PURE__*/ React.createElement(File, null)), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__topRowRightPanel`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__collectionLabel`
-    }, getTranslation(relatedCollection.labels.singular, i18n)), editor.isEditable() && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__actions`
-    }, hasExtraFields ? /*#__PURE__*/ React.createElement(DrawerToggler, {
-        className: `${baseClass}__upload-drawer-toggler`,
-        disabled: field?.readOnly,
-        slug: drawerSlug
-    }, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        el: "div",
-        icon: "edit",
-        onClick: (e)=>{
-            e.preventDefault();
-        },
-        round: true,
-        tooltip: t('fields:editRelationship')
-    })) : null, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        disabled: field?.readOnly,
-        el: "div",
-        icon: "swap",
-        onClick: ()=>{
-            editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
-                replace: {
-                    nodeKey
-                }
-            });
-        },
-        round: true,
-        tooltip: t('fields:swapUpload')
-    }), /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__removeButton`,
-        disabled: field?.readOnly,
-        icon: "x",
-        onClick: (e)=>{
-            e.preventDefault();
-            removeUpload();
-        },
-        round: true,
-        tooltip: t('fields:removeUpload')
-    })))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__bottomRow`
-    }, /*#__PURE__*/ React.createElement(DocumentDrawerToggler, {
-        className: `${baseClass}__doc-drawer-toggler`
-    }, /*#__PURE__*/ React.createElement("strong", null, data?.filename)))), value?.id && /*#__PURE__*/ React.createElement(DocumentDrawer, {
-        onSave: updateUpload
-    }), hasExtraFields ? /*#__PURE__*/ React.createElement(ExtraFieldsUploadDrawer, {
-        drawerSlug: drawerSlug,
-        relatedCollection: relatedCollection,
-        ...props
-    }) : null);
-};
-export const UploadComponent = (props)=>{
-    return /*#__PURE__*/ React.createElement(EnabledRelationshipsCondition, {
-        ...props,
-        uploads: true
-    }, /*#__PURE__*/ React.createElement(Component, props));
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/features/upload/component/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js'\nconst { useLexicalComposerContext } = lexicalComposerContextImport\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js'\nimport { getTranslation } from '@payloadcms/translations'\nimport lexicalImport from 'lexical'\nconst { $getNodeByKey } = lexicalImport\n\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer'\nimport { DrawerToggler } from '@payloadcms/ui/elements/Drawer'\nimport { useDrawerSlug } from '@payloadcms/ui/elements/Drawer'\nimport { File } from '@payloadcms/ui/graphics/File'\nimport usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback, useReducer, useState } from 'react'\n\nimport type { ClientComponentProps } from '../../types.js'\nimport type { UploadFeaturePropsClient } from '../feature.client.js'\nimport type { UploadData } from '../nodes/UploadNode.js'\n\nimport { useEditorConfigContext } from '../../../lexical/config/client/EditorConfigProvider.js'\nimport { EnabledRelationshipsCondition } from '../../relationship/utils/EnabledRelationshipsCondition.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport { ExtraFieldsUploadDrawer } from './ExtraFieldsDrawer/index.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  //uploadProps: UploadFeatureProps\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\n  const [editor] = useLexicalComposerContext()\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n  const { editorConfig, field } = useEditorConfigContext()\n\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection, setRelatedCollection] = 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?.id,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\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    (json) => {\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 hasExtraFields = (\n    editorConfig?.resolvedFeatureMap?.get('upload')\n      ?.clientFeatureProps as ClientComponentProps<UploadFeaturePropsClient>\n  ).collections?.[relatedCollection.slug]?.hasExtraFields\n\n  return (\n    <div\n      className={[baseClass, isSelected && `${baseClass}--selected`].filter(Boolean).join(' ')}\n      contentEditable={false}\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 ? <img alt={data?.filename} src={thumbnailSRC} /> : <File />}\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?.id && <DocumentDrawer onSave={updateUpload} />}\n      {hasExtraFields ? (\n        <ExtraFieldsUploadDrawer\n          drawerSlug={drawerSlug}\n          relatedCollection={relatedCollection}\n          {...props}\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":["lexicalComposerContextImport","useLexicalComposerContext","useLexicalNodeSelection","getTranslation","lexicalImport","$getNodeByKey","Button","useDocumentDrawer","DrawerToggler","useDrawerSlug","File","usePayloadAPI","useConfig","useTranslation","React","useCallback","useReducer","useState","useEditorConfigContext","EnabledRelationshipsCondition","INSERT_UPLOAD_WITH_DRAWER_COMMAND","ExtraFieldsUploadDrawer","baseClass","initialParams","depth","Component","props","data","fields","relationTo","value","nodeKey","collections","routes","api","serverURL","editor","isSelected","setSelected","clearSelection","editorConfig","field","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","setRelatedCollection","find","coll","slug","drawerSlug","DocumentDrawer","DocumentDrawerToggler","closeDrawer","id","collectionSlug","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","update","remove","updateUpload","json","hasExtraFields","resolvedFeatureMap","get","clientFeatureProps","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","isEditable","disabled","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","dispatchCommand","replace","strong","onSave","UploadComponent","uploads"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,kCAAkC,2CAA0C;AACnF,MAAM,EAAEC,yBAAyB,EAAE,GAAGD;AACtC,SAASE,uBAAuB,QAAQ,4CAA2C;AACnF,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,mBAAmB,UAAS;AACnC,MAAM,EAAEC,aAAa,EAAE,GAAGD;AAE1B,SAASE,MAAM,QAAQ,iCAAgC;AACvD,SAASC,iBAAiB,QAAQ,yCAAwC;AAC1E,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,IAAI,QAAQ,+BAA8B;AACnD,OAAOC,mBAAmB,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAMhE,SAASC,sBAAsB,QAAQ,yDAAwD;AAC/F,SAASC,6BAA6B,QAAQ,4DAA2D;AACzG,SAASC,iCAAiC,QAAQ,wBAAuB;AACzE,SAASC,uBAAuB,QAAQ,+BAA8B;AACtE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgB;IACpBC,OAAO;AACT;AAQA,MAAMC,YAAoC,CAACC;IACzC,MAAM,EACJC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAE,EACnCC,OAAO,EACR,GAAGL;IAEJ,MAAM,EACJM,WAAW,EACXC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGvB;IAEJ,MAAM,CAACwB,OAAO,GAAGnC;IACjB,MAAM,CAACoC,YAAYC,aAAaC,eAAe,GAAGrC,wBAAwB6B;IAC1E,MAAM,EAAES,YAAY,EAAEC,KAAK,EAAE,GAAGvB;IAEhC,MAAM,EAAEwB,IAAI,EAAEC,CAAC,EAAE,GAAG9B;IACpB,MAAM,CAAC+B,WAAWC,kBAAkB,GAAG7B,WAAW,CAAC8B,QAAUA,QAAQ,GAAG;IACxE,MAAM,CAACC,mBAAmBC,qBAAqB,GAAG/B,SAAiC,IACjFe,YAAYiB,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKtB;IAG3C,MAAMuB,aAAa3C,cAAc;IAEjC,MAAM,CAAC4C,gBAAgBC,uBAAuB,EAAEC,WAAW,EAAE,CAAC,GAAGhD,kBAAkB;QACjFiD,IAAI1B,OAAO0B;QACXC,gBAAgBV,kBAAkBI,IAAI;IACxC;IAEA,8BAA8B;IAC9B,MAAM,CAAC,EAAExB,IAAI,EAAE,EAAE,EAAE+B,SAAS,EAAE,CAAC,GAAG/C,cAChC,CAAC,EAAEwB,UAAU,EAAED,IAAI,CAAC,EAAEa,kBAAkBI,IAAI,CAAC,CAAC,EAAErB,OAAO0B,GAAG,CAAC,EAC3D;QAAEjC;IAAc;IAGlB,MAAMoC,eAAehC,MAAMiC,gBAAgBjC,MAAMkC;IAEjD,MAAMC,eAAe/C,YAAY;QAC/BqB,OAAO2B,MAAM,CAAC;YACZ1D,cAAc0B,SAASiC,MAAM;QAC/B;IACF,GAAG;QAAC5B;QAAQL;KAAQ;IAEpB,MAAMkC,eAAelD,YACnB,CAACmD;QACCR,UAAU;YACR,GAAGnC,aAAa;YAChBqB;QACF;QAEAC;QACAU;IACF,GACA;QAACG;QAAWd;QAAWW;KAAY;IAGrC,MAAMY,iBAAiB,AACrB3B,cAAc4B,oBAAoBC,IAAI,WAClCC,mBACJtC,WAAW,EAAE,CAACe,kBAAkBI,IAAI,CAAC,EAAEgB;IAEzC,qBACE,oBAACI;QACCC,WAAW;YAAClD;YAAWe,cAAc,CAAC,EAAEf,UAAU,UAAU,CAAC;SAAC,CAACmD,MAAM,CAACC,SAASC,IAAI,CAAC;QACpFC,iBAAiB;qBAEjB,oBAACL;QAAIC,WAAW,CAAC,EAAElD,UAAU,MAAM,CAAC;qBAClC,oBAACiD;QAAIC,WAAW,CAAC,EAAElD,UAAU,QAAQ,CAAC;qBAEpC,oBAACiD;QAAIC,WAAW,CAAC,EAAElD,UAAU,WAAW,CAAC;OACtCqC,6BAAe,oBAACkB;QAAIC,KAAKnD,MAAMoD;QAAUC,KAAKrB;uBAAmB,oBAACjD,4BAErE,oBAAC6D;QAAIC,WAAW,CAAC,EAAElD,UAAU,kBAAkB,CAAC;qBAC9C,oBAACiD;QAAIC,WAAW,CAAC,EAAElD,UAAU,iBAAiB,CAAC;OAC5CnB,eAAe4C,kBAAkBkC,MAAM,CAACC,QAAQ,EAAExC,QAEpDN,OAAO+C,UAAU,oBAChB,oBAACZ;QAAIC,WAAW,CAAC,EAAElD,UAAU,SAAS,CAAC;OACpC6C,+BACC,oBAAC3D;QACCgE,WAAW,CAAC,EAAElD,UAAU,uBAAuB,CAAC;QAChD8D,UAAU3C,OAAO4C;QACjBlC,MAAMC;qBAEN,oBAAC9C;QACCgF,aAAY;QACZC,IAAG;QACHC,MAAK;QACLC,SAAS,CAACC;YACRA,EAAEC,cAAc;QAClB;QACAC,OAAAA;QACAC,SAASlD,EAAE;UAGb,oBAEJ,oBAACrC;QACCgF,aAAY;QACZF,UAAU3C,OAAO4C;QACjBE,IAAG;QACHC,MAAK;QACLC,SAAS;YACPrD,OAAO0D,eAAe,CAAC1E,mCAAmC;gBACxD2E,SAAS;oBAAEhE;gBAAQ;YACrB;QACF;QACA6D,OAAAA;QACAC,SAASlD,EAAE;sBAEb,oBAACrC;QACCgF,aAAY;QACZd,WAAW,CAAC,EAAElD,UAAU,cAAc,CAAC;QACvC8D,UAAU3C,OAAO4C;QACjBG,MAAK;QACLC,SAAS,CAACC;YACRA,EAAEC,cAAc;YAChB7B;QACF;QACA8B,OAAAA;QACAC,SAASlD,EAAE;yBAMrB,oBAAC4B;QAAIC,WAAW,CAAC,EAAElD,UAAU,WAAW,CAAC;qBACvC,oBAACgC;QAAsBkB,WAAW,CAAC,EAAElD,UAAU,oBAAoB,CAAC;qBAClE,oBAAC0E,gBAAQrE,MAAMoD,cAIpBjD,OAAO0B,oBAAM,oBAACH;QAAe4C,QAAQhC;QACrCE,+BACC,oBAAC9C;QACC+B,YAAYA;QACZL,mBAAmBA;QAClB,GAAGrB,KAAK;SAET;AAGV;AAEA,OAAO,MAAMwE,kBAAkB,CAACxE;IAC9B,qBACE,oBAACP;QAA+B,GAAGO,KAAK;QAAEyE,SAAAA;qBACxC,oBAAC1E,WAAcC;AAGrB,EAAC"}

package/dist/field/features/upload/component/index.scss

@@ -1,152 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.lexical-upload {
-  @extend %body;
-  @include shadow-sm;
-  max-width: calc(var(--base) * 15);
-  display: flex;
-  align-items: center;
-  background: var(--theme-input-bg);
-  border: 1px solid var(--theme-elevation-100);
-  position: relative;
-  font-family: var(--font-body);
-  margin: 0 0 1.5em;
-
-  .btn {
-    margin: 0;
-  }
-
-  &:hover {
-    border: 1px solid var(--theme-elevation-150);
-  }
-
-  &[data-slate-node='element'] {
-    margin: calc(var(--base) * 0.625) 0;
-  }
-
-  &__card {
-    @include soft-shadow-bottom;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-  }
-
-  &__topRow {
-    display: flex;
-  }
-
-  &__thumbnail {
-    width: calc(var(--base) * 3.25);
-    height: auto;
-    position: relative;
-    overflow: hidden;
-    flex-shrink: 0;
-
-    img,
-    svg {
-      position: absolute;
-      object-fit: cover;
-      width: 100%;
-      height: 100%;
-      background-color: var(--theme-elevation-800);
-    }
-  }
-
-  &__topRowRightPanel {
-    flex-grow: 1;
-    display: flex;
-    align-items: center;
-    padding: calc(var(--base) * 0.75);
-    justify-content: space-between;
-    max-width: calc(100% - #{calc(var(--base) * 3.25)});
-  }
-
-  &__actions {
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-    margin-left: calc(var(--base) * 0.5);
-
-    .lexical-upload__doc-drawer-toggler {
-      pointer-events: all;
-    }
-
-    & > *:not(:last-child) {
-      margin-right: calc(var(--base) * 0.25);
-    }
-  }
-
-  &__removeButton {
-    margin: 0;
-
-    line {
-      stroke-width: $style-stroke-width-m;
-    }
-
-    &:disabled {
-      color: var(--theme-elevation-300);
-      pointer-events: none;
-    }
-  }
-
-  &__upload-drawer-toggler {
-    background-color: transparent;
-    border: none;
-    padding: 0;
-    margin: 0;
-    outline: none;
-    line-height: inherit;
-  }
-
-  &__doc-drawer-toggler {
-    text-decoration: underline;
-  }
-
-  &__doc-drawer-toggler,
-  &__list-drawer-toggler,
-  &__upload-drawer-toggler {
-    & > * {
-      margin: 0;
-    }
-
-    &:disabled {
-      color: var(--theme-elevation-300);
-      pointer-events: none;
-    }
-  }
-
-  &__collectionLabel {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &__bottomRow {
-    padding: calc(var(--base) * 0.5);
-    border-top: 1px solid var(--theme-elevation-100);
-  }
-
-  h5 {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-
-  &__wrap {
-    padding: calc(var(--base) * 0.5) calc(var(--base) * 0.5) calc(var(--base) * 0.5) var(--base);
-    text-align: left;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  &--selected {
-    box-shadow: $focus-box-shadow;
-    outline: none;
-  }
-
-  @include small-break {
-    &__topRowRightPanel {
-      padding: calc(var(--base) * 0.75) calc(var(--base) * 0.5);
-    }
-  }
-}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/features/upload/drawer/commands.ts"],"sourcesContent":["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport lexicalImport from 'lexical'\nconst { createCommand } = lexicalImport\n\nexport const INSERT_UPLOAD_WITH_DRAWER_COMMAND: LexicalCommand<{\n  replace: { nodeKey: string } | false\n}> = createCommand('INSERT_UPLOAD_WITH_DRAWER_COMMAND')\n"],"names":["lexicalImport","createCommand","INSERT_UPLOAD_WITH_DRAWER_COMMAND"],"rangeMappings":";;;","mappings":"AAAA;AAGA,OAAOA,mBAAmB,UAAS;AACnC,MAAM,EAAEC,aAAa,EAAE,GAAGD;AAE1B,OAAO,MAAME,oCAERD,cAAc,qCAAoC"}

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

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

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

@@ -1,78 +0,0 @@
-'use client';
-import lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js';
-const { useLexicalComposerContext } = lexicalComposerContextImport;
-import lexicalImport from 'lexical';
-const { $getNodeByKey, COMMAND_PRIORITY_EDITOR } = lexicalImport;
-import { useListDrawer } from '@payloadcms/ui/elements/ListDrawer';
-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 baseClass = 'lexical-upload-drawer';
-const insertUpload = ({ id, editor, relationTo, replaceNodeKey })=>{
-    if (!replaceNodeKey) {
-        editor.dispatchCommand(INSERT_UPLOAD_COMMAND, {
-            id,
-            fields: null,
-            relationTo
-        });
-    } else {
-        editor.update(()=>{
-            const node = $getNodeByKey(replaceNodeKey);
-            if (node) {
-                node.replace($createUploadNode({
-                    data: {
-                        fields: null,
-                        relationTo,
-                        value: {
-                            id
-                        }
-                    }
-                }));
-            }
-        });
-    }
-};
-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({
-            id: docID,
-            editor,
-            relationTo: collectionSlug,
-            replaceNodeKey
-        });
-        closeDrawer();
-    }, [
-        editor,
-        closeDrawer,
-        replaceNodeKey
-    ]);
-    return /*#__PURE__*/ React.createElement(ListDrawer, {
-        onSelect: onSelect
-    });
-};
-export const UploadDrawer = (props)=>{
-    return /*#__PURE__*/ React.createElement(EnabledRelationshipsCondition, {
-        ...props,
-        uploads: true
-    }, /*#__PURE__*/ React.createElement(UploadDrawerComponent, props));
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/features/upload/drawer/index.tsx"],"sourcesContent":["'use client'\nimport lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js'\nconst { useLexicalComposerContext } = lexicalComposerContextImport\nimport lexicalImport from 'lexical'\nconst { $getNodeByKey, COMMAND_PRIORITY_EDITOR } = lexicalImport\n\nimport type { LexicalEditor } from 'lexical'\n\nimport { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'\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 baseClass = 'lexical-upload-drawer'\n\nconst insertUpload = ({\n  id,\n  editor,\n  relationTo,\n  replaceNodeKey,\n}: {\n  editor: LexicalEditor\n  id: string\n  relationTo: string\n  replaceNodeKey: null | string\n}) => {\n  if (!replaceNodeKey) {\n    editor.dispatchCommand(INSERT_UPLOAD_COMMAND, {\n      id,\n      fields: null,\n      relationTo,\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                id,\n              },\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        id: docID,\n        editor,\n        relationTo: collectionSlug,\n        replaceNodeKey,\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":["lexicalComposerContextImport","useLexicalComposerContext","lexicalImport","$getNodeByKey","COMMAND_PRIORITY_EDITOR","useListDrawer","React","useCallback","useEffect","useState","EnabledRelationshipsCondition","$createUploadNode","INSERT_UPLOAD_COMMAND","INSERT_UPLOAD_WITH_DRAWER_COMMAND","baseClass","insertUpload","id","editor","relationTo","replaceNodeKey","dispatchCommand","fields","update","node","replace","data","value","UploadDrawerComponent","enabledCollectionSlugs","setReplaceNodeKey","ListDrawer","ListDrawerToggler","closeDrawer","openDrawer","collectionSlugs","uploads","registerCommand","payload","nodeKey","onSelect","collectionSlug","docID","UploadDrawer","props"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,kCAAkC,2CAA0C;AACnF,MAAM,EAAEC,yBAAyB,EAAE,GAAGD;AACtC,OAAOE,mBAAmB,UAAS;AACnC,MAAM,EAAEC,aAAa,EAAEC,uBAAuB,EAAE,GAAGF;AAInD,SAASG,aAAa,QAAQ,qCAAoC;AAClE,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,YAAY;AAElB,MAAMC,eAAe,CAAC,EACpBC,EAAE,EACFC,MAAM,EACNC,UAAU,EACVC,cAAc,EAMf;IACC,IAAI,CAACA,gBAAgB;QACnBF,OAAOG,eAAe,CAACR,uBAAuB;YAC5CI;YACAK,QAAQ;YACRH;QACF;IACF,OAAO;QACLD,OAAOK,MAAM,CAAC;YACZ,MAAMC,OAAOpB,cAAcgB;YAC3B,IAAII,MAAM;gBACRA,KAAKC,OAAO,CACVb,kBAAkB;oBAChBc,MAAM;wBACJJ,QAAQ;wBACRH;wBACAQ,OAAO;4BACLV;wBACF;oBACF;gBACF;YAEJ;QACF;IACF;AACF;AAMA,MAAMW,wBAAyC,CAAC,EAAEC,sBAAsB,EAAE;IACxE,MAAM,CAACX,OAAO,GAAGhB;IAEjB,MAAM,CAACkB,gBAAgBU,kBAAkB,GAAGpB,SAAwB;IAEpE,MAAM,CAACqB,YAAYC,mBAAmB,EAAEC,WAAW,EAAEC,UAAU,EAAE,CAAC,GAAG5B,cAAc;QACjF6B,iBAAiBN;QACjBO,SAAS;IACX;IAEA3B,UAAU;QACR,OAAOS,OAAOmB,eAAe,CAG3BvB,mCACA,CAACwB;YACCR,kBAAkBQ,SAASb,UAAUa,SAASb,QAAQc,UAAU;YAChEL;YACA,OAAO;QACT,GACA7B;IAEJ,GAAG;QAACa;QAAQgB;KAAW;IAEvB,MAAMM,WAAWhC,YACf,CAAC,EAAEiC,cAAc,EAAEC,KAAK,EAAE;QACxB1B,aAAa;YACXC,IAAIyB;YACJxB;YACAC,YAAYsB;YACZrB;QACF;QACAa;IACF,GACA;QAACf;QAAQe;QAAab;KAAe;IAGvC,qBAAO,oBAACW;QAAWS,UAAUA;;AAC/B;AAEA,OAAO,MAAMG,eAAe,CAACC;IAC3B,qBACE,oBAACjC;QAA+B,GAAGiC,KAAK;QAAER,SAAAA;qBACxC,oBAACR,uBAA0BgB;AAGjC,EAAC"}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-export type UploadFeaturePropsClient = {
-    collections: {
-        [collection: string]: {
-            hasExtraFields: boolean;
-        };
-    };
-};
-export declare const UploadFeatureClientComponent: import("react").FC<import("../types.js").ClientComponentProps<UploadFeaturePropsClient>>;
-//# sourceMappingURL=feature.client.d.ts.map

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

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

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

@@ -1,55 +0,0 @@
-'use client';
-import { SlashMenuOption } from '../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js';
-import { UploadIcon } from '../../lexical/ui/icons/Upload/index.js';
-import { createClientComponent } from '../createClientComponent.js';
-import { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from './drawer/commands.js';
-import { UploadNode } from './nodes/UploadNode.js';
-import { UploadPlugin } from './plugin/index.js';
-const UploadFeatureClient = (props)=>{
-    return {
-        clientFeatureProps: props,
-        feature: ()=>({
-                clientFeatureProps: props,
-                nodes: [
-                    UploadNode
-                ],
-                plugins: [
-                    {
-                        Component: UploadPlugin,
-                        position: 'normal'
-                    }
-                ],
-                slashMenu: {
-                    options: [
-                        {
-                            displayName: 'Basic',
-                            key: 'basic',
-                            options: [
-                                new SlashMenuOption('upload', {
-                                    Icon: UploadIcon,
-                                    displayName: 'Upload',
-                                    keywords: [
-                                        'upload',
-                                        'image',
-                                        'file',
-                                        'img',
-                                        'picture',
-                                        'photo',
-                                        'media'
-                                    ],
-                                    onSelect: ({ editor })=>{
-                                        editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {
-                                            replace: false
-                                        });
-                                    }
-                                })
-                            ]
-                        }
-                    ]
-                }
-            })
-    };
-};
-export const UploadFeatureClientComponent = createClientComponent(UploadFeatureClient);
-
-//# sourceMappingURL=feature.client.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/field/features/upload/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { FeatureProviderProviderClient } from '../types.js'\n\nimport { SlashMenuOption } from '../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js'\nimport { UploadIcon } from '../../lexical/ui/icons/Upload/index.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from './drawer/commands.js'\nimport { 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\nconst UploadFeatureClient: FeatureProviderProviderClient<UploadFeaturePropsClient> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      nodes: [UploadNode],\n      plugins: [\n        {\n          Component: UploadPlugin,\n          position: 'normal',\n        },\n      ],\n      slashMenu: {\n        options: [\n          {\n            displayName: 'Basic',\n            key: 'basic',\n            options: [\n              new SlashMenuOption('upload', {\n                Icon: UploadIcon,\n                displayName: 'Upload',\n                keywords: ['upload', 'image', 'file', 'img', 'picture', 'photo', 'media'],\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                    replace: false,\n                  })\n                },\n              }),\n            ],\n          },\n        ],\n      },\n    }),\n  }\n}\n\nexport const UploadFeatureClientComponent = createClientComponent(UploadFeatureClient)\n"],"names":["SlashMenuOption","UploadIcon","createClientComponent","INSERT_UPLOAD_WITH_DRAWER_COMMAND","UploadNode","UploadPlugin","UploadFeatureClient","props","clientFeatureProps","feature","nodes","plugins","Component","position","slashMenu","options","displayName","key","Icon","keywords","onSelect","editor","dispatchCommand","replace","UploadFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,eAAe,QAAQ,sEAAqE;AACrG,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,iCAAiC,QAAQ,uBAAsB;AACxE,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,YAAY,QAAQ,oBAAmB;AAUhD,MAAMC,sBAA+E,CAACC;IACpF,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,OAAO;oBAACN;iBAAW;gBACnBO,SAAS;oBACP;wBACEC,WAAWP;wBACXQ,UAAU;oBACZ;iBACD;gBACDC,WAAW;oBACTC,SAAS;wBACP;4BACEC,aAAa;4BACbC,KAAK;4BACLF,SAAS;gCACP,IAAIf,gBAAgB,UAAU;oCAC5BkB,MAAMjB;oCACNe,aAAa;oCACbG,UAAU;wCAAC;wCAAU;wCAAS;wCAAQ;wCAAO;wCAAW;wCAAS;qCAAQ;oCACzEC,UAAU,CAAC,EAAEC,MAAM,EAAE;wCACnBA,OAAOC,eAAe,CAACnB,mCAAmC;4CACxDoB,SAAS;wCACX;oCACF;gCACF;6BACD;wBACH;qBACD;gBACH;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMC,+BAA+BtB,sBAAsBI,qBAAoB"}

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

@@ -1,12 +0,0 @@
-import type { FieldWithRichTextRequiredEditor } from 'payload/types';
-import type { FeatureProviderProviderServer } from '../types.js';
-import type { UploadFeaturePropsClient } from './feature.client.js';
-export type UploadFeatureProps = {
-    collections: {
-        [collection: string]: {
-            fields: FieldWithRichTextRequiredEditor[];
-        };
-    };
-};
-export declare const UploadFeature: FeatureProviderProviderServer<UploadFeatureProps, UploadFeaturePropsClient>;
-//# sourceMappingURL=feature.server.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../src/field/features/upload/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,+BAA+B,EAAW,MAAM,eAAe,CAAA;AAKpF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAChE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAOnE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE;QACX,CAAC,UAAU,EAAE,MAAM,GAAG;YACpB,MAAM,EAAE,+BAA+B,EAAE,CAAA;SAC1C,CAAA;KACF,CAAA;CACF,CAAA;AASD,eAAO,MAAM,aAAa,EAAE,6BAA6B,CACvD,kBAAkB,EAClB,wBAAwB,CAgIzB,CAAA"}

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

@@ -1,122 +0,0 @@
-import { traverseFields } from '@payloadcms/next/utilities';
-import { UploadFeatureClientComponent } from './feature.client.js';
-import { UploadNode } from './nodes/UploadNode.js';
-import { uploadPopulationPromiseHOC } from './populationPromise.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 = (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
-            };
-        }
-    }
-    return {
-        feature: ()=>{
-            return {
-                ClientComponent: UploadFeatureClientComponent,
-                clientFeatureProps: clientProps,
-                generateSchemaMap: ({ config, i18n, props })=>{
-                    if (!props?.collections) return null;
-                    const schemaMap = new Map();
-                    const validRelationships = config.collections.map((c)=>c.slug) || [];
-                    for(const collection in props.collections){
-                        if (props.collections[collection].fields?.length) {
-                            schemaMap.set(collection, props.collections[collection].fields);
-                            traverseFields({
-                                config,
-                                fields: props.collections[collection].fields,
-                                i18n,
-                                schemaMap,
-                                schemaPath: collection,
-                                validRelationships
-                            });
-                        }
-                    }
-                    return schemaMap;
-                },
-                nodes: [
-                    {
-                        converters: {
-                            html: {
-                                converter: async ({ node, payload })=>{
-                                    if (payload) {
-                                        let uploadDocument;
-                                        try {
-                                            uploadDocument = await payload.findByID({
-                                                id: node.value.id,
-                                                collection: node.relationTo
-                                            });
-                                        } 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?.url, payload);
-                                        /**
-                     * If the upload is not an image, return a link to the upload
-                     */ if (!uploadDocument?.mimeType?.startsWith('image')) {
-                                            return `<a href="${url}" rel="noopener noreferrer">${uploadDocument.filename}</a>`;
-                                        }
-                                        /**
-                     * If the upload is a simple image with no different sizes, return a simple img tag
-                     */ if (!uploadDocument?.sizes || !Object.keys(uploadDocument?.sizes).length) {
-                                            return `<img src="${url}" alt="${uploadDocument?.filename}" width="${uploadDocument?.width}"  height="${uploadDocument?.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.sizes){
-                                            const imageSize = uploadDocument.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, 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.width}" height="${uploadDocument.height}">`;
-                                        pictureHTML += '</picture>';
-                                        return pictureHTML;
-                                    } else {
-                                        return `<img src="${node.value.id}" />`;
-                                    }
-                                },
-                                nodeTypes: [
-                                    UploadNode.getType()
-                                ]
-                            }
-                        },
-                        node: UploadNode,
-                        populationPromises: [
-                            uploadPopulationPromiseHOC(props)
-                        ],
-                        validations: [
-                            uploadValidation()
-                        ]
-                    }
-                ],
-                serverFeatureProps: props
-            };
-        },
-        key: 'upload',
-        serverFeatureProps: props
-    };
-};
-
-//# sourceMappingURL=feature.server.js.map