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

package/dist/field/elements/unwrapList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unwrapList.d.ts","sourceRoot":"","sources":["../../../src/field/elements/unwrapList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,MAAM,EAAuB,MAAM,OAAO,CAAA;AAKnD,eAAO,MAAM,UAAU,WAAY,MAAM,mBAAiB,IA8CzD,CAAA"}
+{"version":3,"file":"unwrapList.d.ts","sourceRoot":"","sources":["../../../src/field/elements/unwrapList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,MAAM,EAAuB,MAAM,OAAO,CAAA;AAKnD,eAAO,MAAM,UAAU,WAAY,MAAM,UAAU,IAAI,KAAG,IA8CzD,CAAA"}

package/dist/field/elements/unwrapList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/unwrapList.ts"],"sourcesContent":["import type { Path } from 'slate'\n\nimport { Editor, Element, Transforms } from 'slate'\n\nimport { areAllChildrenElements } from './areAllChildrenElements.js'\nimport { listTypes } from './listTypes.js'\n\nexport const unwrapList = (editor: Editor, atPath: Path): void => {\n  // Remove type for any nodes that have text children -\n  // this means that the node should remain\n  Transforms.setNodes(\n    editor,\n    { type: undefined },\n    {\n      at: atPath,\n      match: (node, path) => {\n        const childrenAreAllElements = areAllChildrenElements(node)\n\n        const matches =\n          !Editor.isEditor(node) &&\n          Element.isElement(node) &&\n          !childrenAreAllElements &&\n          node.type === 'li' &&\n          path.length === atPath.length + 1\n\n        return matches\n      },\n    },\n  )\n\n  // For nodes have all element children, unwrap it instead\n  // because the li is a duplicative wrapper\n  Transforms.unwrapNodes(editor, {\n    at: atPath,\n    match: (node, path) => {\n      const childrenAreAllElements = areAllChildrenElements(node)\n\n      const matches =\n        !Editor.isEditor(node) &&\n        Element.isElement(node) &&\n        childrenAreAllElements &&\n        node.type === 'li' &&\n        path.length === atPath.length + 1\n\n      return matches\n    },\n  })\n\n  // Finally, unwrap the UL itself\n  Transforms.unwrapNodes(editor, {\n    match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n    mode: 'lowest',\n  })\n}\n"],"names":["Editor","Element","Transforms","areAllChildrenElements","listTypes","unwrapList","editor","atPath","setNodes","type","undefined","at","match","node","path","childrenAreAllElements","matches","isEditor","isElement","length","unwrapNodes","n","includes","mode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,QAAO;AAEnD,SAASC,sBAAsB,QAAQ,8BAA6B;AACpE,SAASC,SAAS,QAAQ,iBAAgB;AAE1C,OAAO,MAAMC,aAAa,CAACC,QAAgBC;IACzC,sDAAsD;IACtD,yCAAyC;IACzCL,WAAWM,QAAQ,CACjBF,QACA;QAAEG,MAAMC;IAAU,GAClB;QACEC,IAAIJ;QACJK,OAAO,CAACC,MAAMC;YACZ,MAAMC,yBAAyBZ,uBAAuBU;YAEtD,MAAMG,UACJ,CAAChB,OAAOiB,QAAQ,CAACJ,SACjBZ,QAAQiB,SAAS,CAACL,SAClB,CAACE,0BACDF,KAAKJ,IAAI,KAAK,QACdK,KAAKK,MAAM,KAAKZ,OAAOY,MAAM,GAAG;YAElC,OAAOH;QACT;IACF;IAGF,yDAAyD;IACzD,0CAA0C;IAC1Cd,WAAWkB,WAAW,CAACd,QAAQ;QAC7BK,IAAIJ;QACJK,OAAO,CAACC,MAAMC;YACZ,MAAMC,yBAAyBZ,uBAAuBU;YAEtD,MAAMG,UACJ,CAAChB,OAAOiB,QAAQ,CAACJ,SACjBZ,QAAQiB,SAAS,CAACL,SAClBE,0BACAF,KAAKJ,IAAI,KAAK,QACdK,KAAKK,MAAM,KAAKZ,OAAOY,MAAM,GAAG;YAElC,OAAOH;QACT;IACF;IAEA,gCAAgC;IAChCd,WAAWkB,WAAW,CAACd,QAAQ;QAC7BM,OAAO,CAACS,IAAMpB,QAAQiB,SAAS,CAACG,MAAMjB,UAAUkB,QAAQ,CAACD,EAAEZ,IAAI;QAC/Dc,MAAM;IACR;AACF,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/unwrapList.ts"],"sourcesContent":["import type { Path } from 'slate'\n\nimport { Editor, Element, Transforms } from 'slate'\n\nimport { areAllChildrenElements } from './areAllChildrenElements.js'\nimport { listTypes } from './listTypes.js'\n\nexport const unwrapList = (editor: Editor, atPath: Path): void => {\n  // Remove type for any nodes that have text children -\n  // this means that the node should remain\n  Transforms.setNodes(\n    editor,\n    { type: undefined },\n    {\n      at: atPath,\n      match: (node, path) => {\n        const childrenAreAllElements = areAllChildrenElements(node)\n\n        const matches =\n          !Editor.isEditor(node) &&\n          Element.isElement(node) &&\n          !childrenAreAllElements &&\n          node.type === 'li' &&\n          path.length === atPath.length + 1\n\n        return matches\n      },\n    },\n  )\n\n  // For nodes have all element children, unwrap it instead\n  // because the li is a duplicative wrapper\n  Transforms.unwrapNodes(editor, {\n    at: atPath,\n    match: (node, path) => {\n      const childrenAreAllElements = areAllChildrenElements(node)\n\n      const matches =\n        !Editor.isEditor(node) &&\n        Element.isElement(node) &&\n        childrenAreAllElements &&\n        node.type === 'li' &&\n        path.length === atPath.length + 1\n\n      return matches\n    },\n  })\n\n  // Finally, unwrap the UL itself\n  Transforms.unwrapNodes(editor, {\n    match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n    mode: 'lowest',\n  })\n}\n"],"names":["Editor","Element","Transforms","areAllChildrenElements","listTypes","unwrapList","editor","atPath","setNodes","type","undefined","at","match","node","path","childrenAreAllElements","matches","isEditor","isElement","length","unwrapNodes","n","includes","mode"],"mappings":"AAEA,SAASA,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,QAAO;AAEnD,SAASC,sBAAsB,QAAQ,8BAA6B;AACpE,SAASC,SAAS,QAAQ,iBAAgB;AAE1C,OAAO,MAAMC,aAAa,CAACC,QAAgBC;IACzC,sDAAsD;IACtD,yCAAyC;IACzCL,WAAWM,QAAQ,CACjBF,QACA;QAAEG,MAAMC;IAAU,GAClB;QACEC,IAAIJ;QACJK,OAAO,CAACC,MAAMC;YACZ,MAAMC,yBAAyBZ,uBAAuBU;YAEtD,MAAMG,UACJ,CAAChB,OAAOiB,QAAQ,CAACJ,SACjBZ,QAAQiB,SAAS,CAACL,SAClB,CAACE,0BACDF,KAAKJ,IAAI,KAAK,QACdK,KAAKK,MAAM,KAAKZ,OAAOY,MAAM,GAAG;YAElC,OAAOH;QACT;IACF;IAGF,yDAAyD;IACzD,0CAA0C;IAC1Cd,WAAWkB,WAAW,CAACd,QAAQ;QAC7BK,IAAIJ;QACJK,OAAO,CAACC,MAAMC;YACZ,MAAMC,yBAAyBZ,uBAAuBU;YAEtD,MAAMG,UACJ,CAAChB,OAAOiB,QAAQ,CAACJ,SACjBZ,QAAQiB,SAAS,CAACL,SAClBE,0BACAF,KAAKJ,IAAI,KAAK,QACdK,KAAKK,MAAM,KAAKZ,OAAOY,MAAM,GAAG;YAElC,OAAOH;QACT;IACF;IAEA,gCAAgC;IAChCd,WAAWkB,WAAW,CAACd,QAAQ;QAC7BM,OAAO,CAACS,IAAMpB,QAAQiB,SAAS,CAACG,MAAMjB,UAAUkB,QAAQ,CAACD,EAAEZ,IAAI;QAC/Dc,MAAM;IACR;AACF,EAAC"}

package/dist/field/elements/upload/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAOpD,OAAO,cAAc,CAAA;AAmBrB,KAAK,WAAW,GAAG;IACjB,sBAAsB,EAAE,MAAM,EAAE,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AA4CD,eAAO,MAAM,MAAM,UAAW,WAAW,KAAG,MAAM,SAMjD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAOpD,OAAO,cAAc,CAAA;AAmBrB,KAAK,WAAW,GAAG;IACjB,sBAAsB,EAAE,MAAM,EAAE,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AA4CD,eAAO,MAAM,MAAM,UAAW,WAAW,KAAG,KAAK,CAAC,SAMjD,CAAA"}

package/dist/field/elements/upload/Button/index.js

@@ -1,6 +1,6 @@
 'use client';
-import { useListDrawer } from '@payloadcms/ui/elements/ListDrawer';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useListDrawer, useTranslation } from '@payloadcms/ui';
 import React, { Fragment, useCallback } from 'react';
 import { ReactEditor, useSlate } from 'slate-react';
 import { UploadIcon } from '../../../icons/Upload/index.js';
@@ -43,23 +43,34 @@ const UploadButton = ({ enabledCollectionSlugs })=>{
         editor,
         closeDrawer
     ]);
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(ListDrawerToggler, null, /*#__PURE__*/ React.createElement(ElementButton, {
-        className: baseClass,
-        el: "div",
-        format: "upload",
-        onClick: ()=>{
-        // do nothing
-        },
-        tooltip: t('fields:addUpload')
-    }, /*#__PURE__*/ React.createElement(UploadIcon, null))), /*#__PURE__*/ React.createElement(ListDrawer, {
-        onSelect: onSelect
-    }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ListDrawerToggler, {
+                children: /*#__PURE__*/ _jsx(ElementButton, {
+                    className: baseClass,
+                    el: "div",
+                    format: "upload",
+                    onClick: ()=>{
+                    // do nothing
+                    },
+                    tooltip: t('fields:addUpload'),
+                    children: /*#__PURE__*/ _jsx(UploadIcon, {})
+                })
+            }),
+            /*#__PURE__*/ _jsx(ListDrawer, {
+                onSelect: onSelect
+            })
+        ]
+    });
 };
 export const Button = (props)=>{
-    return /*#__PURE__*/ React.createElement(EnabledRelationshipsCondition, {
+    return /*#__PURE__*/ _jsx(EnabledRelationshipsCondition, {
         ...props,
-        uploads: true
-    }, /*#__PURE__*/ React.createElement(UploadButton, props));
+        uploads: true,
+        children: /*#__PURE__*/ _jsx(UploadButton, {
+            ...props
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/elements/upload/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/upload/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { Fragment, useCallback } from 'react'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { UploadIcon } from '../../../icons/Upload/index.js'\nimport { ElementButton } from '../../Button.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { injectVoidElement } from '../../injectVoid.js'\nimport './index.scss'\n\nconst baseClass = 'upload-rich-text-button'\n\nconst insertUpload = (editor, { relationTo, value }) => {\n  const text = { text: ' ' }\n\n  const upload = {\n    type: 'upload',\n    children: [text],\n    relationTo,\n    value,\n  }\n\n  injectVoidElement(editor, upload)\n\n  ReactEditor.focus(editor)\n}\n\ntype ButtonProps = {\n  enabledCollectionSlugs: string[]\n  path: string\n}\n\nconst UploadButton: React.FC<ButtonProps> = ({ enabledCollectionSlugs }) => {\n  const { t } = useTranslation()\n  const editor = useSlate()\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    uploads: true,\n  })\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }) => {\n      insertUpload(editor, {\n        relationTo: collectionSlug,\n        value: {\n          id: docID,\n        },\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer],\n  )\n\n  return (\n    <Fragment>\n      <ListDrawerToggler>\n        <ElementButton\n          className={baseClass}\n          el=\"div\"\n          format=\"upload\"\n          onClick={() => {\n            // do nothing\n          }}\n          tooltip={t('fields:addUpload')}\n        >\n          <UploadIcon />\n        </ElementButton>\n      </ListDrawerToggler>\n      <ListDrawer onSelect={onSelect} />\n    </Fragment>\n  )\n}\n\nexport const Button = (props: ButtonProps): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadButton {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["useListDrawer","useTranslation","React","Fragment","useCallback","ReactEditor","useSlate","UploadIcon","ElementButton","EnabledRelationshipsCondition","injectVoidElement","baseClass","insertUpload","editor","relationTo","value","text","upload","type","children","focus","UploadButton","enabledCollectionSlugs","t","ListDrawer","ListDrawerToggler","closeDrawer","collectionSlugs","uploads","onSelect","collectionSlug","docID","id","className","el","format","onClick","tooltip","Button","props"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,QAAQ,EAAEC,WAAW,QAAQ,QAAO;AACpD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,cAAa;AAEnD,SAASC,UAAU,QAAQ,iCAAgC;AAC3D,SAASC,aAAa,QAAQ,kBAAiB;AAC/C,SAASC,6BAA6B,QAAQ,yCAAwC;AACtF,SAASC,iBAAiB,QAAQ,sBAAqB;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,eAAe,CAACC,QAAQ,EAAEC,UAAU,EAAEC,KAAK,EAAE;IACjD,MAAMC,OAAO;QAAEA,MAAM;IAAI;IAEzB,MAAMC,SAAS;QACbC,MAAM;QACNC,UAAU;YAACH;SAAK;QAChBF;QACAC;IACF;IAEAL,kBAAkBG,QAAQI;IAE1BZ,YAAYe,KAAK,CAACP;AACpB;AAOA,MAAMQ,eAAsC,CAAC,EAAEC,sBAAsB,EAAE;IACrE,MAAM,EAAEC,CAAC,EAAE,GAAGtB;IACd,MAAMY,SAASP;IAEf,MAAM,CAACkB,YAAYC,mBAAmB,EAAEC,WAAW,EAAE,CAAC,GAAG1B,cAAc;QACrE2B,iBAAiBL;QACjBM,SAAS;IACX;IAEA,MAAMC,WAAWzB,YACf,CAAC,EAAE0B,cAAc,EAAEC,KAAK,EAAE;QACxBnB,aAAaC,QAAQ;YACnBC,YAAYgB;YACZf,OAAO;gBACLiB,IAAID;YACN;QACF;QACAL;IACF,GACA;QAACb;QAAQa;KAAY;IAGvB,qBACE,oBAACvB,8BACC,oBAACsB,uCACC,oBAACjB;QACCyB,WAAWtB;QACXuB,IAAG;QACHC,QAAO;QACPC,SAAS;QACP,aAAa;QACf;QACAC,SAASd,EAAE;qBAEX,oBAAChB,mCAGL,oBAACiB;QAAWK,UAAUA;;AAG5B;AAEA,OAAO,MAAMS,SAAS,CAACC;IACrB,qBACE,oBAAC9B;QAA+B,GAAG8B,KAAK;QAAEX,SAAAA;qBACxC,oBAACP,cAAiBkB;AAGxB,EAAC"}
+{"version":3,"sources":["../../../../../src/field/elements/upload/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport { useListDrawer, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment, useCallback } from 'react'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { UploadIcon } from '../../../icons/Upload/index.js'\nimport { ElementButton } from '../../Button.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { injectVoidElement } from '../../injectVoid.js'\nimport './index.scss'\n\nconst baseClass = 'upload-rich-text-button'\n\nconst insertUpload = (editor, { relationTo, value }) => {\n  const text = { text: ' ' }\n\n  const upload = {\n    type: 'upload',\n    children: [text],\n    relationTo,\n    value,\n  }\n\n  injectVoidElement(editor, upload)\n\n  ReactEditor.focus(editor)\n}\n\ntype ButtonProps = {\n  enabledCollectionSlugs: string[]\n  path: string\n}\n\nconst UploadButton: React.FC<ButtonProps> = ({ enabledCollectionSlugs }) => {\n  const { t } = useTranslation()\n  const editor = useSlate()\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    uploads: true,\n  })\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }) => {\n      insertUpload(editor, {\n        relationTo: collectionSlug,\n        value: {\n          id: docID,\n        },\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer],\n  )\n\n  return (\n    <Fragment>\n      <ListDrawerToggler>\n        <ElementButton\n          className={baseClass}\n          el=\"div\"\n          format=\"upload\"\n          onClick={() => {\n            // do nothing\n          }}\n          tooltip={t('fields:addUpload')}\n        >\n          <UploadIcon />\n        </ElementButton>\n      </ListDrawerToggler>\n      <ListDrawer onSelect={onSelect} />\n    </Fragment>\n  )\n}\n\nexport const Button = (props: ButtonProps): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadButton {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["useListDrawer","useTranslation","React","Fragment","useCallback","ReactEditor","useSlate","UploadIcon","ElementButton","EnabledRelationshipsCondition","injectVoidElement","baseClass","insertUpload","editor","relationTo","value","text","upload","type","children","focus","UploadButton","enabledCollectionSlugs","t","ListDrawer","ListDrawerToggler","closeDrawer","collectionSlugs","uploads","onSelect","collectionSlug","docID","id","className","el","format","onClick","tooltip","Button","props"],"mappings":"AAAA;;AAEA,SAASA,aAAa,EAAEC,cAAc,QAAQ,iBAAgB;AAC9D,OAAOC,SAASC,QAAQ,EAAEC,WAAW,QAAQ,QAAO;AACpD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,cAAa;AAEnD,SAASC,UAAU,QAAQ,iCAAgC;AAC3D,SAASC,aAAa,QAAQ,kBAAiB;AAC/C,SAASC,6BAA6B,QAAQ,yCAAwC;AACtF,SAASC,iBAAiB,QAAQ,sBAAqB;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,eAAe,CAACC,QAAQ,EAAEC,UAAU,EAAEC,KAAK,EAAE;IACjD,MAAMC,OAAO;QAAEA,MAAM;IAAI;IAEzB,MAAMC,SAAS;QACbC,MAAM;QACNC,UAAU;YAACH;SAAK;QAChBF;QACAC;IACF;IAEAL,kBAAkBG,QAAQI;IAE1BZ,YAAYe,KAAK,CAACP;AACpB;AAOA,MAAMQ,eAAsC,CAAC,EAAEC,sBAAsB,EAAE;IACrE,MAAM,EAAEC,CAAC,EAAE,GAAGtB;IACd,MAAMY,SAASP;IAEf,MAAM,CAACkB,YAAYC,mBAAmB,EAAEC,WAAW,EAAE,CAAC,GAAG1B,cAAc;QACrE2B,iBAAiBL;QACjBM,SAAS;IACX;IAEA,MAAMC,WAAWzB,YACf,CAAC,EAAE0B,cAAc,EAAEC,KAAK,EAAE;QACxBnB,aAAaC,QAAQ;YACnBC,YAAYgB;YACZf,OAAO;gBACLiB,IAAID;YACN;QACF;QACAL;IACF,GACA;QAACb;QAAQa;KAAY;IAGvB,qBACE,MAACvB;;0BACC,KAACsB;0BACC,cAAA,KAACjB;oBACCyB,WAAWtB;oBACXuB,IAAG;oBACHC,QAAO;oBACPC,SAAS;oBACP,aAAa;oBACf;oBACAC,SAASd,EAAE;8BAEX,cAAA,KAAChB;;;0BAGL,KAACiB;gBAAWK,UAAUA;;;;AAG5B;AAEA,OAAO,MAAMS,SAAS,CAACC;IACrB,qBACE,KAAC9B;QAA+B,GAAG8B,KAAK;QAAEX,OAAO;kBAC/C,cAAA,KAACP;YAAc,GAAGkB,KAAK;;;AAG7B,EAAC"}

package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts

@@ -1,14 +1,13 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
-import type { ClientCollectionConfig } from 'payload/types';
+import type { ClientCollectionConfig, FormFieldBase } from 'payload';
 import React from 'react';
 import type { UploadElementType } from '../../types.js';
 export declare const UploadDrawer: React.FC<{
     drawerSlug: string;
     element: UploadElementType;
-    fieldProps: FormFieldBase & {
+    fieldProps: {
         name: string;
         richTextComponentMap: Map<string, React.ReactNode>;
-    };
+    } & FormFieldBase;
     relatedCollection: ClientCollectionConfig;
     schemaPath: string;
 }>;

package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/field/elements/upload/Element/UploadDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAe3D,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,UAAU,EAAE,aAAa,GAAG;QAC1B,IAAI,EAAE,MAAM,CAAA;QACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;KACnD,CAAA;IACD,iBAAiB,EAAE,sBAAsB,CAAA;IACzC,UAAU,EAAE,MAAM,CAAA;CACnB,CA2GA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/field/elements/upload/Element/UploadDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAiBpE,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;KACnD,GAAG,aAAa,CAAA;IACjB,iBAAiB,EAAE,sBAAsB,CAAA;IACzC,UAAU,EAAE,MAAM,CAAA;CACnB,CAyGA,CAAA"}

package/dist/field/elements/upload/Element/UploadDrawer/index.js

@@ -1,23 +1,14 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Drawer } from '@payloadcms/ui/elements/Drawer';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { RenderFields } from '@payloadcms/ui/forms/RenderFields';
-import { FormSubmit } from '@payloadcms/ui/forms/Submit';
-import { useAuth } from '@payloadcms/ui/providers/Auth';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { getFormState } from '@payloadcms/ui/utilities/getFormState';
-import { deepCopyObject } from 'payload/utilities';
+import { Drawer, Form, FormSubmit, RenderFields, useAuth, useConfig, useDocumentInfo, useLocale, useModal, useTranslation } from '@payloadcms/ui';
+import { getFormState } from '@payloadcms/ui/shared';
+import { deepCopyObject } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { Transforms } from 'slate';
 import { ReactEditor, useSlateStatic } from 'slate-react';
 import { uploadFieldsSchemaPath } from '../../shared.js';
 export const UploadDrawer = (props)=>{
-    const { useModal } = facelessUIImport;
     const editor = useSlateStatic();
     const { drawerSlug, element, fieldProps, relatedCollection, schemaPath } = props;
     const { i18n, t } = useTranslation();
@@ -91,27 +82,34 @@ export const UploadDrawer = (props)=>{
         schemaPath,
         id
     ]);
-    return /*#__PURE__*/ React.createElement(Drawer, {
+    return /*#__PURE__*/ _jsx(Drawer, {
         slug: drawerSlug,
         title: t('general:editLabel', {
             label: getTranslation(relatedCollection.labels.singular, i18n)
+        }),
+        children: /*#__PURE__*/ _jsxs(Form, {
+            beforeSubmit: [
+                onChange
+            ],
+            disableValidationOnSubmit: true,
+            initialState: initialState,
+            onChange: [
+                onChange
+            ],
+            onSubmit: handleUpdateEditData,
+            children: [
+                /*#__PURE__*/ _jsx(RenderFields, {
+                    fieldMap: Array.isArray(fieldMap) ? fieldMap : [],
+                    path: "",
+                    readOnly: false,
+                    schemaPath: ""
+                }),
+                /*#__PURE__*/ _jsx(FormSubmit, {
+                    children: t('fields:saveChanges')
+                })
+            ]
         })
-    }, /*#__PURE__*/ React.createElement(Form, {
-        beforeSubmit: [
-            onChange
-        ],
-        disableValidationOnSubmit: true,
-        initialState: initialState,
-        onChange: [
-            onChange
-        ],
-        onSubmit: handleUpdateEditData
-    }, /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: Array.isArray(fieldMap) ? fieldMap : [],
-        path: "",
-        readOnly: false,
-        schemaPath: ""
-    }), /*#__PURE__*/ React.createElement(FormSubmit, null, t('fields:saveChanges'))));
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/elements/upload/Element/UploadDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/field/elements/upload/Element/UploadDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Drawer } from '@payloadcms/ui/elements/Drawer'\nimport { Form, type FormProps } from '@payloadcms/ui/forms/Form'\nimport { RenderFields } from '@payloadcms/ui/forms/RenderFields'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { useAuth } from '@payloadcms/ui/providers/Auth'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { getFormState } from '@payloadcms/ui/utilities/getFormState'\nimport { deepCopyObject } from 'payload/utilities'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../../types.js'\n\nimport { uploadFieldsSchemaPath } from '../../shared.js'\n\nexport const UploadDrawer: React.FC<{\n  drawerSlug: string\n  element: UploadElementType\n  fieldProps: FormFieldBase & {\n    name: string\n    richTextComponentMap: Map<string, React.ReactNode>\n  }\n  relatedCollection: ClientCollectionConfig\n  schemaPath: string\n}> = (props) => {\n  const { useModal } = facelessUIImport\n\n  const editor = useSlateStatic()\n\n  const { drawerSlug, element, fieldProps, relatedCollection, schemaPath } = props\n\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { user } = useAuth()\n  const { closeModal } = useModal()\n  const { id, collectionSlug } = useDocumentInfo()\n  const [initialState, setInitialState] = useState({})\n  const { richTextComponentMap } = fieldProps\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const fieldMap = richTextComponentMap.get(relatedFieldSchemaPath)\n\n  const config = useConfig()\n\n  const handleUpdateEditData = useCallback(\n    (_, data) => {\n      const newNode = {\n        fields: data,\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n      closeModal(drawerSlug)\n    },\n    [closeModal, editor, element, drawerSlug],\n  )\n\n  useEffect(() => {\n    const data = deepCopyObject(element?.fields || {})\n\n    const awaitInitialState = async () => {\n      const state = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          collectionSlug,\n          data,\n          operation: 'update',\n          schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n        },\n        serverURL: config.serverURL,\n      })\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n  }, [\n    config,\n    element?.fields,\n    user,\n    locale,\n    t,\n    collectionSlug,\n    id,\n    schemaPath,\n    relatedCollection.slug,\n  ])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      return await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n        },\n        serverURL: config.serverURL,\n      })\n    },\n\n    [config.routes.api, config.serverURL, relatedCollection.slug, schemaPath, id],\n  )\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('general:editLabel', {\n        label: getTranslation(relatedCollection.labels.singular, i18n),\n      })}\n    >\n      <Form\n        beforeSubmit={[onChange]}\n        disableValidationOnSubmit\n        initialState={initialState}\n        onChange={[onChange]}\n        onSubmit={handleUpdateEditData}\n      >\n        <RenderFields\n          fieldMap={Array.isArray(fieldMap) ? fieldMap : []}\n          path=\"\"\n          readOnly={false}\n          schemaPath=\"\"\n        />\n        <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n      </Form>\n    </Drawer>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","Drawer","Form","RenderFields","FormSubmit","useAuth","useConfig","useDocumentInfo","useLocale","useTranslation","getFormState","deepCopyObject","React","useCallback","useEffect","useState","Transforms","ReactEditor","useSlateStatic","uploadFieldsSchemaPath","UploadDrawer","props","useModal","editor","drawerSlug","element","fieldProps","relatedCollection","schemaPath","i18n","t","code","locale","user","closeModal","id","collectionSlug","initialState","setInitialState","richTextComponentMap","relatedFieldSchemaPath","slug","fieldMap","get","config","handleUpdateEditData","_","data","newNode","fields","elementPath","findPath","setNodes","at","awaitInitialState","state","apiRoute","routes","api","body","operation","serverURL","onChange","formState","prevFormState","title","label","labels","singular","beforeSubmit","disableValidationOnSubmit","onSubmit","Array","isArray","path","readOnly"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../src/field/elements/upload/Element/UploadDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { ClientCollectionConfig, FormFieldBase } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Drawer,\n  Form,\n  FormSubmit,\n  RenderFields,\n  useAuth,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { deepCopyObject } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../../types.js'\n\nimport { uploadFieldsSchemaPath } from '../../shared.js'\n\nexport const UploadDrawer: React.FC<{\n  drawerSlug: string\n  element: UploadElementType\n  fieldProps: {\n    name: string\n    richTextComponentMap: Map<string, React.ReactNode>\n  } & FormFieldBase\n  relatedCollection: ClientCollectionConfig\n  schemaPath: string\n}> = (props) => {\n  const editor = useSlateStatic()\n\n  const { drawerSlug, element, fieldProps, relatedCollection, schemaPath } = props\n\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { user } = useAuth()\n  const { closeModal } = useModal()\n  const { id, collectionSlug } = useDocumentInfo()\n  const [initialState, setInitialState] = useState({})\n  const { richTextComponentMap } = fieldProps\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const fieldMap = richTextComponentMap.get(relatedFieldSchemaPath)\n\n  const config = useConfig()\n\n  const handleUpdateEditData = useCallback(\n    (_, data) => {\n      const newNode = {\n        fields: data,\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n      closeModal(drawerSlug)\n    },\n    [closeModal, editor, element, drawerSlug],\n  )\n\n  useEffect(() => {\n    const data = deepCopyObject(element?.fields || {})\n\n    const awaitInitialState = async () => {\n      const state = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          collectionSlug,\n          data,\n          operation: 'update',\n          schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n        },\n        serverURL: config.serverURL,\n      })\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n  }, [\n    config,\n    element?.fields,\n    user,\n    locale,\n    t,\n    collectionSlug,\n    id,\n    schemaPath,\n    relatedCollection.slug,\n  ])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      return await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n        },\n        serverURL: config.serverURL,\n      })\n    },\n\n    [config.routes.api, config.serverURL, relatedCollection.slug, schemaPath, id],\n  )\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('general:editLabel', {\n        label: getTranslation(relatedCollection.labels.singular, i18n),\n      })}\n    >\n      <Form\n        beforeSubmit={[onChange]}\n        disableValidationOnSubmit\n        initialState={initialState}\n        onChange={[onChange]}\n        onSubmit={handleUpdateEditData}\n      >\n        <RenderFields\n          fieldMap={Array.isArray(fieldMap) ? fieldMap : []}\n          path=\"\"\n          readOnly={false}\n          schemaPath=\"\"\n        />\n        <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n      </Form>\n    </Drawer>\n  )\n}\n"],"names":["getTranslation","Drawer","Form","FormSubmit","RenderFields","useAuth","useConfig","useDocumentInfo","useLocale","useModal","useTranslation","getFormState","deepCopyObject","React","useCallback","useEffect","useState","Transforms","ReactEditor","useSlateStatic","uploadFieldsSchemaPath","UploadDrawer","props","editor","drawerSlug","element","fieldProps","relatedCollection","schemaPath","i18n","t","code","locale","user","closeModal","id","collectionSlug","initialState","setInitialState","richTextComponentMap","relatedFieldSchemaPath","slug","fieldMap","get","config","handleUpdateEditData","_","data","newNode","fields","elementPath","findPath","setNodes","at","awaitInitialState","state","apiRoute","routes","api","body","operation","serverURL","onChange","formState","prevFormState","title","label","labels","singular","beforeSubmit","disableValidationOnSubmit","onSubmit","Array","isArray","path","readOnly"],"mappings":"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"}

package/dist/field/elements/upload/Element/index.d.ts

@@ -1,10 +1,10 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from 'payload';
 import React from 'react';
 import './index.scss';
-type Props = FormFieldBase & {
+type Props = {
     name: string;
     richTextComponentMap: Map<string, React.ReactNode>;
-};
+} & FormFieldBase;
 export declare const Element: (props: Props) => React.ReactNode;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/field/elements/upload/Element/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAYjE,OAAO,KAA4C,MAAM,OAAO,CAAA;AAUhE,OAAO,cAAc,CAAA;AAQrB,KAAK,KAAK,GAAG,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACnD,CAAA;AAwLD,eAAO,MAAM,OAAO,UAAW,KAAK,KAAG,MAAM,SAM5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAe5C,OAAO,KAA4C,MAAM,OAAO,CAAA;AAUhE,OAAO,cAAc,CAAA;AAQrB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACnD,GAAG,aAAa,CAAA;AAwLjB,eAAO,MAAM,OAAO,UAAW,KAAK,KAAG,KAAK,CAAC,SAM5C,CAAA"}

package/dist/field/elements/upload/Element/index.js

@@ -1,13 +1,7 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button } from '@payloadcms/ui/elements/Button';
-import { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer';
-import { DrawerToggler, useDrawerSlug } from '@payloadcms/ui/elements/Drawer';
-import { useListDrawer } from '@payloadcms/ui/elements/ListDrawer';
-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 { Button, DrawerToggler, File, useConfig, useDocumentDrawer, useDrawerSlug, useListDrawer, usePayloadAPI, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useReducer, useState } from 'react';
 import { Transforms } from 'slate';
 import { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react';
@@ -102,86 +96,121 @@ const UploadElement = ({ enabledCollectionSlugs })=>{
     ]);
     const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`;
     const customFieldsMap = fieldProps.richTextComponentMap.get(relatedFieldSchemaPath);
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: [
             baseClass,
             selected && focused && `${baseClass}--selected`
         ].filter(Boolean).join(' '),
         contentEditable: false,
-        ...attributes
-    }, /*#__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)), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__actions`
-    }, Boolean(customFieldsMap) && /*#__PURE__*/ React.createElement(DrawerToggler, {
-        className: `${baseClass}__upload-drawer-toggler`,
-        disabled: fieldProps?.readOnly,
-        slug: drawerSlug
-    }, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        el: "div",
-        icon: "edit",
-        onClick: (e)=>{
-            e.preventDefault();
-        },
-        round: true,
-        tooltip: t('fields:editRelationship')
-    })), /*#__PURE__*/ React.createElement(ListDrawerToggler, {
-        className: `${baseClass}__list-drawer-toggler`,
-        disabled: fieldProps?.readOnly
-    }, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        disabled: fieldProps?.readOnly,
-        el: "div",
-        icon: "swap",
-        onClick: ()=>{
-        // do nothing
-        },
-        round: true,
-        tooltip: t('fields:swapUpload')
-    })), /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__removeButton`,
-        disabled: fieldProps?.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)))), children, value?.id && /*#__PURE__*/ React.createElement(DocumentDrawer, {
-        onSave: updateUpload
-    }), /*#__PURE__*/ React.createElement(ListDrawer, {
-        onSelect: swapUpload
-    }), /*#__PURE__*/ React.createElement(UploadDrawer, {
-        drawerSlug,
-        element,
-        fieldProps,
-        relatedCollection,
-        schemaPath
-    }));
+        ...attributes,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__card`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__topRow`,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__thumbnail`,
+                                children: thumbnailSRC ? /*#__PURE__*/ _jsx("img", {
+                                    alt: data?.filename,
+                                    src: thumbnailSRC
+                                }) : /*#__PURE__*/ _jsx(File, {})
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${baseClass}__topRowRightPanel`,
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: `${baseClass}__collectionLabel`,
+                                        children: getTranslation(relatedCollection.labels.singular, i18n)
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: `${baseClass}__actions`,
+                                        children: [
+                                            Boolean(customFieldsMap) && /*#__PURE__*/ _jsx(DrawerToggler, {
+                                                className: `${baseClass}__upload-drawer-toggler`,
+                                                disabled: fieldProps?.readOnly,
+                                                slug: drawerSlug,
+                                                children: /*#__PURE__*/ _jsx(Button, {
+                                                    buttonStyle: "icon-label",
+                                                    el: "div",
+                                                    icon: "edit",
+                                                    onClick: (e)=>{
+                                                        e.preventDefault();
+                                                    },
+                                                    round: true,
+                                                    tooltip: t('fields:editRelationship')
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(ListDrawerToggler, {
+                                                className: `${baseClass}__list-drawer-toggler`,
+                                                disabled: fieldProps?.readOnly,
+                                                children: /*#__PURE__*/ _jsx(Button, {
+                                                    buttonStyle: "icon-label",
+                                                    disabled: fieldProps?.readOnly,
+                                                    el: "div",
+                                                    icon: "swap",
+                                                    onClick: ()=>{
+                                                    // do nothing
+                                                    },
+                                                    round: true,
+                                                    tooltip: t('fields:swapUpload')
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                buttonStyle: "icon-label",
+                                                className: `${baseClass}__removeButton`,
+                                                disabled: fieldProps?.readOnly,
+                                                icon: "x",
+                                                onClick: (e)=>{
+                                                    e.preventDefault();
+                                                    removeUpload();
+                                                },
+                                                round: true,
+                                                tooltip: t('fields:removeUpload')
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__bottomRow`,
+                        children: /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
+                            className: `${baseClass}__doc-drawer-toggler`,
+                            children: /*#__PURE__*/ _jsx("strong", {
+                                children: data?.filename
+                            })
+                        })
+                    })
+                ]
+            }),
+            children,
+            value?.id && /*#__PURE__*/ _jsx(DocumentDrawer, {
+                onSave: updateUpload
+            }),
+            /*#__PURE__*/ _jsx(ListDrawer, {
+                onSelect: swapUpload
+            }),
+            /*#__PURE__*/ _jsx(UploadDrawer, {
+                drawerSlug,
+                element,
+                fieldProps,
+                relatedCollection,
+                schemaPath
+            })
+        ]
+    });
 };
 export const Element = (props)=>{
-    return /*#__PURE__*/ React.createElement(EnabledRelationshipsCondition, {
+    return /*#__PURE__*/ _jsx(EnabledRelationshipsCondition, {
         ...props,
-        uploads: true
-    }, /*#__PURE__*/ React.createElement(UploadElement, props));
+        uploads: true,
+        children: /*#__PURE__*/ _jsx(UploadElement, {
+            ...props
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/elements/upload/Element/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer'\nimport { DrawerToggler, useDrawerSlug } from '@payloadcms/ui/elements/Drawer'\nimport { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'\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'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { uploadFieldsSchemaPath, uploadName } from '../shared.js'\nimport { UploadDrawer } from './UploadDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = FormFieldBase & {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n}\n\nconst UploadElement: React.FC<Props & { enabledCollectionSlugs?: string[] }> = ({\n  enabledCollectionSlugs,\n}) => {\n  const {\n    attributes,\n    children,\n    element: { relationTo, value },\n    element,\n    fieldProps,\n    schemaPath,\n  } = useElement<UploadElementType>()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = useConfig()\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 [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: relatedCollection.slug,\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value?.id,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const editor = useSlateStatic()\n  const selected = useSelected()\n  const focused = useFocused()\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    const elementPath = ReactEditor.findPath(editor, element)\n\n    Transforms.removeNodes(editor, { at: elementPath })\n  }, [editor, element])\n\n  const updateUpload = useCallback(\n    (json) => {\n      const { doc } = json\n\n      const newNode = {\n        fields: doc,\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\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    [editor, element, setParams, cacheBust, closeDrawer],\n  )\n\n  const swapUpload = React.useCallback(\n    ({ collectionSlug, docID }) => {\n      const newNode = {\n        type: uploadName,\n        children: [{ text: ' ' }],\n        relationTo: collectionSlug,\n        value: { id: docID },\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\n      dispatchCacheBust()\n      closeListDrawer()\n    },\n    [closeListDrawer, editor, element, collections],\n  )\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const customFieldsMap = fieldProps.richTextComponentMap.get(relatedFieldSchemaPath)\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use 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            <div className={`${baseClass}__actions`}>\n              {Boolean(customFieldsMap) && (\n                <DrawerToggler\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={fieldProps?.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              )}\n              <ListDrawerToggler\n                className={`${baseClass}__list-drawer-toggler`}\n                disabled={fieldProps?.readOnly}\n              >\n                <Button\n                  buttonStyle=\"icon-label\"\n                  disabled={fieldProps?.readOnly}\n                  el=\"div\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    // do nothing\n                  }}\n                  round\n                  tooltip={t('fields:swapUpload')}\n                />\n              </ListDrawerToggler>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__removeButton`}\n                disabled={fieldProps?.readOnly}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  removeUpload()\n                }}\n                round\n                tooltip={t('fields:removeUpload')}\n              />\n            </div>\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      {children}\n      {value?.id && <DocumentDrawer onSave={updateUpload} />}\n      <ListDrawer onSelect={swapUpload} />\n      <UploadDrawer {...{ drawerSlug, element, fieldProps, relatedCollection, schemaPath }} />\n    </div>\n  )\n}\n\nexport const Element = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadElement {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["getTranslation","Button","useDocumentDrawer","DrawerToggler","useDrawerSlug","useListDrawer","File","usePayloadAPI","useConfig","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","uploadFieldsSchemaPath","uploadName","UploadDrawer","baseClass","initialParams","depth","UploadElement","enabledCollectionSlugs","attributes","children","element","relationTo","value","fieldProps","schemaPath","collections","routes","api","serverURL","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","setRelatedCollection","find","coll","slug","drawerSlug","ListDrawer","ListDrawerToggler","closeDrawer","closeListDrawer","collectionSlugs","selectedCollection","DocumentDrawer","DocumentDrawerToggler","id","collectionSlug","editor","selected","focused","data","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","elementPath","findPath","removeNodes","at","updateUpload","json","doc","newNode","fields","setNodes","swapUpload","docID","type","text","relatedFieldSchemaPath","customFieldsMap","richTextComponentMap","get","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","disabled","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","strong","onSave","onSelect","Element","props","uploads"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from 'payload'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DrawerToggler,\n  File,\n  useConfig,\n  useDocumentDrawer,\n  useDrawerSlug,\n  useListDrawer,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { uploadFieldsSchemaPath, uploadName } from '../shared.js'\nimport { UploadDrawer } from './UploadDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n} & FormFieldBase\n\nconst UploadElement: React.FC<{ enabledCollectionSlugs?: string[] } & Props> = ({\n  enabledCollectionSlugs,\n}) => {\n  const {\n    attributes,\n    children,\n    element: { relationTo, value },\n    element,\n    fieldProps,\n    schemaPath,\n  } = useElement<UploadElementType>()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = useConfig()\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 [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: relatedCollection.slug,\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value?.id,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const editor = useSlateStatic()\n  const selected = useSelected()\n  const focused = useFocused()\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    const elementPath = ReactEditor.findPath(editor, element)\n\n    Transforms.removeNodes(editor, { at: elementPath })\n  }, [editor, element])\n\n  const updateUpload = useCallback(\n    (json) => {\n      const { doc } = json\n\n      const newNode = {\n        fields: doc,\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\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    [editor, element, setParams, cacheBust, closeDrawer],\n  )\n\n  const swapUpload = React.useCallback(\n    ({ collectionSlug, docID }) => {\n      const newNode = {\n        type: uploadName,\n        children: [{ text: ' ' }],\n        relationTo: collectionSlug,\n        value: { id: docID },\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\n      dispatchCacheBust()\n      closeListDrawer()\n    },\n    [closeListDrawer, editor, element, collections],\n  )\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const customFieldsMap = fieldProps.richTextComponentMap.get(relatedFieldSchemaPath)\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use 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            <div className={`${baseClass}__actions`}>\n              {Boolean(customFieldsMap) && (\n                <DrawerToggler\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={fieldProps?.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              )}\n              <ListDrawerToggler\n                className={`${baseClass}__list-drawer-toggler`}\n                disabled={fieldProps?.readOnly}\n              >\n                <Button\n                  buttonStyle=\"icon-label\"\n                  disabled={fieldProps?.readOnly}\n                  el=\"div\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    // do nothing\n                  }}\n                  round\n                  tooltip={t('fields:swapUpload')}\n                />\n              </ListDrawerToggler>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__removeButton`}\n                disabled={fieldProps?.readOnly}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  removeUpload()\n                }}\n                round\n                tooltip={t('fields:removeUpload')}\n              />\n            </div>\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      {children}\n      {value?.id && <DocumentDrawer onSave={updateUpload} />}\n      <ListDrawer onSelect={swapUpload} />\n      <UploadDrawer {...{ drawerSlug, element, fieldProps, relatedCollection, schemaPath }} />\n    </div>\n  )\n}\n\nexport const Element = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadElement {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["getTranslation","Button","DrawerToggler","File","useConfig","useDocumentDrawer","useDrawerSlug","useListDrawer","usePayloadAPI","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","uploadFieldsSchemaPath","uploadName","UploadDrawer","baseClass","initialParams","depth","UploadElement","enabledCollectionSlugs","attributes","children","element","relationTo","value","fieldProps","schemaPath","collections","routes","api","serverURL","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","setRelatedCollection","find","coll","slug","drawerSlug","ListDrawer","ListDrawerToggler","closeDrawer","closeListDrawer","collectionSlugs","selectedCollection","DocumentDrawer","DocumentDrawerToggler","id","collectionSlug","editor","selected","focused","data","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","elementPath","findPath","removeNodes","at","updateUpload","json","doc","newNode","fields","setNodes","swapUpload","docID","type","text","relatedFieldSchemaPath","customFieldsMap","richTextComponentMap","get","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","disabled","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","strong","onSave","onSelect","Element","props","uploads"],"mappings":"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"}

package/dist/field/elements/upload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/upload/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { Button } from './Button/index.js'\nimport { Element } from './Element/index.js'\nimport { WithUpload } from './plugin.js'\nimport { uploadName } from './shared.js'\n\nexport const upload: RichTextCustomElement = {\n  name: uploadName,\n  Button,\n  Element,\n  plugins: [WithUpload],\n}\n"],"names":["Button","Element","WithUpload","uploadName","upload","name","plugins"],"rangeMappings":";;;;;;;;;;;","mappings":"AAEA,SAASA,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,SAASC,UAAU,QAAQ,cAAa;AACxC,SAASC,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,SAAgC;IAC3CC,MAAMF;IACNH;IACAC;IACAK,SAAS;QAACJ;KAAW;AACvB,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/upload/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { Button } from './Button/index.js'\nimport { Element } from './Element/index.js'\nimport { WithUpload } from './plugin.js'\nimport { uploadName } from './shared.js'\n\nexport const upload: RichTextCustomElement = {\n  name: uploadName,\n  Button,\n  Element,\n  plugins: [WithUpload],\n}\n"],"names":["Button","Element","WithUpload","uploadName","upload","name","plugins"],"mappings":"AAEA,SAASA,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,SAASC,UAAU,QAAQ,cAAa;AACxC,SAASC,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,SAAgC;IAC3CC,MAAMF;IACNH;IACAC;IACAK,SAAS;QAACJ;KAAW;AACvB,EAAC"}

package/dist/field/elements/upload/plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/upload/plugin.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useSlatePlugin } from '../../../utilities/useSlatePlugin.js'\nimport { uploadName } from './shared.js'\n\nexport const WithUpload: React.FC = () => {\n  useSlatePlugin('withUpload', (incomingEditor) => {\n    const editor = incomingEditor\n    const { isVoid } = editor\n\n    editor.isVoid = (element) => (element.type === uploadName ? true : isVoid(element))\n\n    return editor\n  })\n  return null\n}\n"],"names":["useSlatePlugin","uploadName","WithUpload","incomingEditor","editor","isVoid","element","type"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,aAAuB;IAClCF,eAAe,cAAc,CAACG;QAC5B,MAAMC,SAASD;QACf,MAAM,EAAEE,MAAM,EAAE,GAAGD;QAEnBA,OAAOC,MAAM,GAAG,CAACC,UAAaA,QAAQC,IAAI,KAAKN,aAAa,OAAOI,OAAOC;QAE1E,OAAOF;IACT;IACA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/upload/plugin.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useSlatePlugin } from '../../../utilities/useSlatePlugin.js'\nimport { uploadName } from './shared.js'\n\nexport const WithUpload: React.FC = () => {\n  useSlatePlugin('withUpload', (incomingEditor) => {\n    const editor = incomingEditor\n    const { isVoid } = editor\n\n    editor.isVoid = (element) => (element.type === uploadName ? true : isVoid(element))\n\n    return editor\n  })\n  return null\n}\n"],"names":["useSlatePlugin","uploadName","WithUpload","incomingEditor","editor","isVoid","element","type"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,aAAuB;IAClCF,eAAe,cAAc,CAACG;QAC5B,MAAMC,SAASD;QACf,MAAM,EAAEE,MAAM,EAAE,GAAGD;QAEnBA,OAAOC,MAAM,GAAG,CAACC,UAAaA,QAAQC,IAAI,KAAKN,aAAa,OAAOI,OAAOC;QAE1E,OAAOF;IACT;IACA,OAAO;AACT,EAAC"}

package/dist/field/elements/upload/shared.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/upload/shared.ts"],"sourcesContent":["export const uploadName = 'upload'\nexport const uploadFieldsSchemaPath = 'upload.fields'\n"],"names":["uploadName","uploadFieldsSchemaPath"],"rangeMappings":";","mappings":"AAAA,OAAO,MAAMA,aAAa,SAAQ;AAClC,OAAO,MAAMC,yBAAyB,gBAAe"}
+{"version":3,"sources":["../../../../src/field/elements/upload/shared.ts"],"sourcesContent":["export const uploadName = 'upload'\nexport const uploadFieldsSchemaPath = 'upload.fields'\n"],"names":["uploadName","uploadFieldsSchemaPath"],"mappings":"AAAA,OAAO,MAAMA,aAAa,SAAQ;AAClC,OAAO,MAAMC,yBAAyB,gBAAe"}

package/dist/field/elements/upload/types.d.ts

@@ -1,9 +1,9 @@
 import type { Element } from 'slate';
-export type UploadElementType = Element & {
+export type UploadElementType = {
     fields: Record<string, unknown>;
     relationTo: string;
     value: {
         id: number | string;
     } | null;
-};
+} & Element;
 //# sourceMappingURL=types.d.ts.map