@payloadcms/richtext-slate 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/field/elements/unwrapList.js

@@ -1,49 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "unwrapList", {
-    enumerable: true,
-    get: function() {
-        return unwrapList;
-    }
-});
-const _slate = require("slate");
-const _areAllChildrenElements = require("./areAllChildrenElements");
-const _listTypes = /*#__PURE__*/ _interop_require_default(require("./listTypes"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const unwrapList = (editor, atPath)=>{
+import { Editor, Element, Transforms } from 'slate';
+import { areAllChildrenElements } from './areAllChildrenElements.js';
+import { listTypes } from './listTypes.js';
+export const unwrapList = (editor, atPath)=>{
     // Remove type for any nodes that have text children -
     // this means that the node should remain
-    _slate.Transforms.setNodes(editor, {
+    Transforms.setNodes(editor, {
         type: undefined
     }, {
         at: atPath,
         match: (node, path)=>{
-            const childrenAreAllElements = (0, _areAllChildrenElements.areAllChildrenElements)(node);
-            const matches = !_slate.Editor.isEditor(node) && _slate.Element.isElement(node) && !childrenAreAllElements && node.type === 'li' && path.length === atPath.length + 1;
+            const childrenAreAllElements = areAllChildrenElements(node);
+            const matches = !Editor.isEditor(node) && Element.isElement(node) && !childrenAreAllElements && node.type === 'li' && path.length === atPath.length + 1;
             return matches;
         }
     });
     // For nodes have all element children, unwrap it instead
     // because the li is a duplicative wrapper
-    _slate.Transforms.unwrapNodes(editor, {
+    Transforms.unwrapNodes(editor, {
         at: atPath,
         match: (node, path)=>{
-            const childrenAreAllElements = (0, _areAllChildrenElements.areAllChildrenElements)(node);
-            const matches = !_slate.Editor.isEditor(node) && _slate.Element.isElement(node) && childrenAreAllElements && node.type === 'li' && path.length === atPath.length + 1;
+            const childrenAreAllElements = areAllChildrenElements(node);
+            const matches = !Editor.isEditor(node) && Element.isElement(node) && childrenAreAllElements && node.type === 'li' && path.length === atPath.length + 1;
             return matches;
         }
     });
     // Finally, unwrap the UL itself
-    _slate.Transforms.unwrapNodes(editor, {
-        match: (n)=>_slate.Element.isElement(n) && _listTypes.default.includes(n.type),
+    Transforms.unwrapNodes(editor, {
+        match: (n)=>Element.isElement(n) && listTypes.includes(n.type),
         mode: 'lowest'
     });
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC9lbGVtZW50cy91bndyYXBMaXN0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUGF0aCB9IGZyb20gJ3NsYXRlJ1xuXG5pbXBvcnQgeyBFZGl0b3IsIEVsZW1lbnQsIFRyYW5zZm9ybXMgfSBmcm9tICdzbGF0ZSdcblxuaW1wb3J0IHsgYXJlQWxsQ2hpbGRyZW5FbGVtZW50cyB9IGZyb20gJy4vYXJlQWxsQ2hpbGRyZW5FbGVtZW50cydcbmltcG9ydCBsaXN0VHlwZXMgZnJvbSAnLi9saXN0VHlwZXMnXG5cbmV4cG9ydCBjb25zdCB1bndyYXBMaXN0ID0gKGVkaXRvcjogRWRpdG9yLCBhdFBhdGg6IFBhdGgpOiB2b2lkID0+IHtcbiAgLy8gUmVtb3ZlIHR5cGUgZm9yIGFueSBub2RlcyB0aGF0IGhhdmUgdGV4dCBjaGlsZHJlbiAtXG4gIC8vIHRoaXMgbWVhbnMgdGhhdCB0aGUgbm9kZSBzaG91bGQgcmVtYWluXG4gIFRyYW5zZm9ybXMuc2V0Tm9kZXMoXG4gICAgZWRpdG9yLFxuICAgIHsgdHlwZTogdW5kZWZpbmVkIH0sXG4gICAge1xuICAgICAgYXQ6IGF0UGF0aCxcbiAgICAgIG1hdGNoOiAobm9kZSwgcGF0aCkgPT4ge1xuICAgICAgICBjb25zdCBjaGlsZHJlbkFyZUFsbEVsZW1lbnRzID0gYXJlQWxsQ2hpbGRyZW5FbGVtZW50cyhub2RlKVxuXG4gICAgICAgIGNvbnN0IG1hdGNoZXMgPVxuICAgICAgICAgICFFZGl0b3IuaXNFZGl0b3Iobm9kZSkgJiZcbiAgICAgICAgICBFbGVtZW50LmlzRWxlbWVudChub2RlKSAmJlxuICAgICAgICAgICFjaGlsZHJlbkFyZUFsbEVsZW1lbnRzICYmXG4gICAgICAgICAgbm9kZS50eXBlID09PSAnbGknICYmXG4gICAgICAgICAgcGF0aC5sZW5ndGggPT09IGF0UGF0aC5sZW5ndGggKyAxXG5cbiAgICAgICAgcmV0dXJuIG1hdGNoZXNcbiAgICAgIH0sXG4gICAgfSxcbiAgKVxuXG4gIC8vIEZvciBub2RlcyBoYXZlIGFsbCBlbGVtZW50IGNoaWxkcmVuLCB1bndyYXAgaXQgaW5zdGVhZFxuICAvLyBiZWNhdXNlIHRoZSBsaSBpcyBhIGR1cGxpY2F0aXZlIHdyYXBwZXJcbiAgVHJhbnNmb3Jtcy51bndyYXBOb2RlcyhlZGl0b3IsIHtcbiAgICBhdDogYXRQYXRoLFxuICAgIG1hdGNoOiAobm9kZSwgcGF0aCkgPT4ge1xuICAgICAgY29uc3QgY2hpbGRyZW5BcmVBbGxFbGVtZW50cyA9IGFyZUFsbENoaWxkcmVuRWxlbWVudHMobm9kZSlcblxuICAgICAgY29uc3QgbWF0Y2hlcyA9XG4gICAgICAgICFFZGl0b3IuaXNFZGl0b3Iobm9kZSkgJiZcbiAgICAgICAgRWxlbWVudC5pc0VsZW1lbnQobm9kZSkgJiZcbiAgICAgICAgY2hpbGRyZW5BcmVBbGxFbGVtZW50cyAmJlxuICAgICAgICBub2RlLnR5cGUgPT09ICdsaScgJiZcbiAgICAgICAgcGF0aC5sZW5ndGggPT09IGF0UGF0aC5sZW5ndGggKyAxXG5cbiAgICAgIHJldHVybiBtYXRjaGVzXG4gICAgfSxcbiAgfSlcblxuICAvLyBGaW5hbGx5LCB1bndyYXAgdGhlIFVMIGl0c2VsZlxuICBUcmFuc2Zvcm1zLnVud3JhcE5vZGVzKGVkaXRvciwge1xuICAgIG1hdGNoOiAobikgPT4gRWxlbWVudC5pc0VsZW1lbnQobikgJiYgbGlzdFR5cGVzLmluY2x1ZGVzKG4udHlwZSksXG4gICAgbW9kZTogJ2xvd2VzdCcsXG4gIH0pXG59XG4iXSwibmFtZXMiOlsidW53cmFwTGlzdCIsImVkaXRvciIsImF0UGF0aCIsIlRyYW5zZm9ybXMiLCJzZXROb2RlcyIsInR5cGUiLCJ1bmRlZmluZWQiLCJhdCIsIm1hdGNoIiwibm9kZSIsInBhdGgiLCJjaGlsZHJlbkFyZUFsbEVsZW1lbnRzIiwiYXJlQWxsQ2hpbGRyZW5FbGVtZW50cyIsIm1hdGNoZXMiLCJFZGl0b3IiLCJpc0VkaXRvciIsIkVsZW1lbnQiLCJpc0VsZW1lbnQiLCJsZW5ndGgiLCJ1bndyYXBOb2RlcyIsIm4iLCJsaXN0VHlwZXMiLCJpbmNsdWRlcyIsIm1vZGUiXSwibWFwcGluZ3MiOiI7Ozs7K0JBT2FBOzs7ZUFBQUE7Ozt1QkFMK0I7d0NBRUw7a0VBQ2pCOzs7Ozs7QUFFZixNQUFNQSxhQUFhLENBQUNDLFFBQWdCQztJQUN6QyxzREFBc0Q7SUFDdEQseUNBQXlDO0lBQ3pDQyxpQkFBVSxDQUFDQyxRQUFRLENBQ2pCSCxRQUNBO1FBQUVJLE1BQU1DO0lBQVUsR0FDbEI7UUFDRUMsSUFBSUw7UUFDSk0sT0FBTyxDQUFDQyxNQUFNQztZQUNaLE1BQU1DLHlCQUF5QkMsSUFBQUEsOENBQXNCLEVBQUNIO1lBRXRELE1BQU1JLFVBQ0osQ0FBQ0MsYUFBTSxDQUFDQyxRQUFRLENBQUNOLFNBQ2pCTyxjQUFPLENBQUNDLFNBQVMsQ0FBQ1IsU0FDbEIsQ0FBQ0UsMEJBQ0RGLEtBQUtKLElBQUksS0FBSyxRQUNkSyxLQUFLUSxNQUFNLEtBQUtoQixPQUFPZ0IsTUFBTSxHQUFHO1lBRWxDLE9BQU9MO1FBQ1Q7SUFDRjtJQUdGLHlEQUF5RDtJQUN6RCwwQ0FBMEM7SUFDMUNWLGlCQUFVLENBQUNnQixXQUFXLENBQUNsQixRQUFRO1FBQzdCTSxJQUFJTDtRQUNKTSxPQUFPLENBQUNDLE1BQU1DO1lBQ1osTUFBTUMseUJBQXlCQyxJQUFBQSw4Q0FBc0IsRUFBQ0g7WUFFdEQsTUFBTUksVUFDSixDQUFDQyxhQUFNLENBQUNDLFFBQVEsQ0FBQ04sU0FDakJPLGNBQU8sQ0FBQ0MsU0FBUyxDQUFDUixTQUNsQkUsMEJBQ0FGLEtBQUtKLElBQUksS0FBSyxRQUNkSyxLQUFLUSxNQUFNLEtBQUtoQixPQUFPZ0IsTUFBTSxHQUFHO1lBRWxDLE9BQU9MO1FBQ1Q7SUFDRjtJQUVBLGdDQUFnQztJQUNoQ1YsaUJBQVUsQ0FBQ2dCLFdBQVcsQ0FBQ2xCLFFBQVE7UUFDN0JPLE9BQU8sQ0FBQ1ksSUFBTUosY0FBTyxDQUFDQyxTQUFTLENBQUNHLE1BQU1DLGtCQUFTLENBQUNDLFFBQVEsQ0FBQ0YsRUFBRWYsSUFBSTtRQUMvRGtCLE1BQU07SUFDUjtBQUNGIn0=
+//# sourceMappingURL=unwrapList.js.map

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

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

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

@@ -4,6 +4,6 @@ type ButtonProps = {
     enabledCollectionSlugs: string[];
     path: string;
 };
-declare const _default: (props: ButtonProps) => React.ReactNode;
-export default _default;
+export declare const Button: (props: ButtonProps) => React.ReactNode;
+export {};
 //# sourceMappingURL=index.d.ts.map

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":"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;gCA4CsB,WAAW,KAAG,MAAM,SAAS;AAApD,wBAMC"}
+{"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"}

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

@@ -1,68 +1,13 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _ui = require("@payloadcms/ui");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _slatereact = require("slate-react");
-const _Upload = /*#__PURE__*/ _interop_require_default(require("../../../icons/Upload"));
-const _Button = /*#__PURE__*/ _interop_require_default(require("../../Button"));
-const _EnabledRelationshipsCondition = require("../../EnabledRelationshipsCondition");
-const _injectVoid = require("../../injectVoid");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { useListDrawer } from '@payloadcms/ui/elements/ListDrawer';
+import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import React, { Fragment, useCallback } from 'react';
+import { ReactEditor, useSlate } from 'slate-react';
+import { UploadIcon } from '../../../icons/Upload/index.js';
+import { ElementButton } from '../../Button.js';
+import { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js';
+import { injectVoidElement } from '../../injectVoid.js';
+import './index.scss';
 const baseClass = 'upload-rich-text-button';
 const insertUpload = (editor, { relationTo, value })=>{
     const text = {
@@ -76,17 +21,17 @@ const insertUpload = (editor, { relationTo, value })=>{
         relationTo,
         value
     };
-    (0, _injectVoid.injectVoidElement)(editor, upload);
-    _slatereact.ReactEditor.focus(editor);
+    injectVoidElement(editor, upload);
+    ReactEditor.focus(editor);
 };
 const UploadButton = ({ enabledCollectionSlugs })=>{
-    const { t } = (0, _ui.useTranslation)();
-    const editor = (0, _slatereact.useSlate)();
-    const [ListDrawer, ListDrawerToggler, { closeDrawer }] = (0, _ui.useListDrawer)({
+    const { t } = useTranslation();
+    const editor = useSlate();
+    const [ListDrawer, ListDrawerToggler, { closeDrawer }] = useListDrawer({
         collectionSlugs: enabledCollectionSlugs,
         uploads: true
     });
-    const onSelect = (0, _react.useCallback)(({ collectionSlug, docID })=>{
+    const onSelect = useCallback(({ collectionSlug, docID })=>{
         insertUpload(editor, {
             relationTo: collectionSlug,
             value: {
@@ -98,7 +43,7 @@ const UploadButton = ({ enabledCollectionSlugs })=>{
         editor,
         closeDrawer
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, /*#__PURE__*/ _react.default.createElement(ListDrawerToggler, null, /*#__PURE__*/ _react.default.createElement(_Button.default, {
+    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(ListDrawerToggler, null, /*#__PURE__*/ React.createElement(ElementButton, {
         className: baseClass,
         el: "div",
         format: "upload",
@@ -106,15 +51,15 @@ const UploadButton = ({ enabledCollectionSlugs })=>{
         // do nothing
         },
         tooltip: t('fields:addUpload')
-    }, /*#__PURE__*/ _react.default.createElement(_Upload.default, null))), /*#__PURE__*/ _react.default.createElement(ListDrawer, {
+    }, /*#__PURE__*/ React.createElement(UploadIcon, null))), /*#__PURE__*/ React.createElement(ListDrawer, {
         onSelect: onSelect
     }));
 };
-const _default = (props)=>{
-    return /*#__PURE__*/ _react.default.createElement(_EnabledRelationshipsCondition.EnabledRelationshipsCondition, {
+export const Button = (props)=>{
+    return /*#__PURE__*/ React.createElement(EnabledRelationshipsCondition, {
         ...props,
         uploads: true
-    }, /*#__PURE__*/ _react.default.createElement(UploadButton, props));
+    }, /*#__PURE__*/ React.createElement(UploadButton, props));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9lbGVtZW50cy91cGxvYWQvQnV0dG9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgdXNlTGlzdERyYXdlciwgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFJlYWN0RWRpdG9yLCB1c2VTbGF0ZSB9IGZyb20gJ3NsYXRlLXJlYWN0J1xuXG5pbXBvcnQgVXBsb2FkSWNvbiBmcm9tICcuLi8uLi8uLi9pY29ucy9VcGxvYWQnXG5pbXBvcnQgRWxlbWVudEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5pbXBvcnQgeyBFbmFibGVkUmVsYXRpb25zaGlwc0NvbmRpdGlvbiB9IGZyb20gJy4uLy4uL0VuYWJsZWRSZWxhdGlvbnNoaXBzQ29uZGl0aW9uJ1xuaW1wb3J0IHsgaW5qZWN0Vm9pZEVsZW1lbnQgfSBmcm9tICcuLi8uLi9pbmplY3RWb2lkJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICd1cGxvYWQtcmljaC10ZXh0LWJ1dHRvbidcblxuY29uc3QgaW5zZXJ0VXBsb2FkID0gKGVkaXRvciwgeyByZWxhdGlvblRvLCB2YWx1ZSB9KSA9PiB7XG4gIGNvbnN0IHRleHQgPSB7IHRleHQ6ICcgJyB9XG5cbiAgY29uc3QgdXBsb2FkID0ge1xuICAgIHR5cGU6ICd1cGxvYWQnLFxuICAgIGNoaWxkcmVuOiBbdGV4dF0sXG4gICAgcmVsYXRpb25UbyxcbiAgICB2YWx1ZSxcbiAgfVxuXG4gIGluamVjdFZvaWRFbGVtZW50KGVkaXRvciwgdXBsb2FkKVxuXG4gIFJlYWN0RWRpdG9yLmZvY3VzKGVkaXRvcilcbn1cblxudHlwZSBCdXR0b25Qcm9wcyA9IHtcbiAgZW5hYmxlZENvbGxlY3Rpb25TbHVnczogc3RyaW5nW11cbiAgcGF0aDogc3RyaW5nXG59XG5cbmNvbnN0IFVwbG9hZEJ1dHRvbjogUmVhY3QuRkM8QnV0dG9uUHJvcHM+ID0gKHsgZW5hYmxlZENvbGxlY3Rpb25TbHVncyB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCBlZGl0b3IgPSB1c2VTbGF0ZSgpXG5cbiAgY29uc3QgW0xpc3REcmF3ZXIsIExpc3REcmF3ZXJUb2dnbGVyLCB7IGNsb3NlRHJhd2VyIH1dID0gdXNlTGlzdERyYXdlcih7XG4gICAgY29sbGVjdGlvblNsdWdzOiBlbmFibGVkQ29sbGVjdGlvblNsdWdzLFxuICAgIHVwbG9hZHM6IHRydWUsXG4gIH0pXG5cbiAgY29uc3Qgb25TZWxlY3QgPSB1c2VDYWxsYmFjayhcbiAgICAoeyBjb2xsZWN0aW9uU2x1ZywgZG9jSUQgfSkgPT4ge1xuICAgICAgaW5zZXJ0VXBsb2FkKGVkaXRvciwge1xuICAgICAgICByZWxhdGlvblRvOiBjb2xsZWN0aW9uU2x1ZyxcbiAgICAgICAgdmFsdWU6IHtcbiAgICAgICAgICBpZDogZG9jSUQsXG4gICAgICAgIH0sXG4gICAgICB9KVxuICAgICAgY2xvc2VEcmF3ZXIoKVxuICAgIH0sXG4gICAgW2VkaXRvciwgY2xvc2VEcmF3ZXJdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICA8TGlzdERyYXdlclRvZ2dsZXI+XG4gICAgICAgIDxFbGVtZW50QnV0dG9uXG4gICAgICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICAgICAgZWw9XCJkaXZcIlxuICAgICAgICAgIGZvcm1hdD1cInVwbG9hZFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgLy8gZG8gbm90aGluZ1xuICAgICAgICAgIH19XG4gICAgICAgICAgdG9vbHRpcD17dCgnZmllbGRzOmFkZFVwbG9hZCcpfVxuICAgICAgICA+XG4gICAgICAgICAgPFVwbG9hZEljb24gLz5cbiAgICAgICAgPC9FbGVtZW50QnV0dG9uPlxuICAgICAgPC9MaXN0RHJhd2VyVG9nZ2xlcj5cbiAgICAgIDxMaXN0RHJhd2VyIG9uU2VsZWN0PXtvblNlbGVjdH0gLz5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IChwcm9wczogQnV0dG9uUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICByZXR1cm4gKFxuICAgIDxFbmFibGVkUmVsYXRpb25zaGlwc0NvbmRpdGlvbiB7Li4ucHJvcHN9IHVwbG9hZHM+XG4gICAgICA8VXBsb2FkQnV0dG9uIHsuLi5wcm9wc30gLz5cbiAgICA8L0VuYWJsZWRSZWxhdGlvbnNoaXBzQ29uZGl0aW9uPlxuICApXG59XG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiaW5zZXJ0VXBsb2FkIiwiZWRpdG9yIiwicmVsYXRpb25UbyIsInZhbHVlIiwidGV4dCIsInVwbG9hZCIsInR5cGUiLCJjaGlsZHJlbiIsImluamVjdFZvaWRFbGVtZW50IiwiUmVhY3RFZGl0b3IiLCJmb2N1cyIsIlVwbG9hZEJ1dHRvbiIsImVuYWJsZWRDb2xsZWN0aW9uU2x1Z3MiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJ1c2VTbGF0ZSIsIkxpc3REcmF3ZXIiLCJMaXN0RHJhd2VyVG9nZ2xlciIsImNsb3NlRHJhd2VyIiwidXNlTGlzdERyYXdlciIsImNvbGxlY3Rpb25TbHVncyIsInVwbG9hZHMiLCJvblNlbGVjdCIsInVzZUNhbGxiYWNrIiwiY29sbGVjdGlvblNsdWciLCJkb2NJRCIsImlkIiwiRnJhZ21lbnQiLCJFbGVtZW50QnV0dG9uIiwiY2xhc3NOYW1lIiwiZWwiLCJmb3JtYXQiLCJvbkNsaWNrIiwidG9vbHRpcCIsIlVwbG9hZEljb24iLCJwcm9wcyIsIkVuYWJsZWRSZWxhdGlvbnNoaXBzQ29uZGl0aW9uIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBNEVBOzs7ZUFBQTs7O29CQTFFOEM7K0RBQ0Q7NEJBQ1A7K0RBRWY7K0RBQ0c7K0NBQ29COzRCQUNaO1FBQzNCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsZUFBZSxDQUFDQyxRQUFRLEVBQUVDLFVBQVUsRUFBRUMsS0FBSyxFQUFFO0lBQ2pELE1BQU1DLE9BQU87UUFBRUEsTUFBTTtJQUFJO0lBRXpCLE1BQU1DLFNBQVM7UUFDYkMsTUFBTTtRQUNOQyxVQUFVO1lBQUNIO1NBQUs7UUFDaEJGO1FBQ0FDO0lBQ0Y7SUFFQUssSUFBQUEsNkJBQWlCLEVBQUNQLFFBQVFJO0lBRTFCSSx1QkFBVyxDQUFDQyxLQUFLLENBQUNUO0FBQ3BCO0FBT0EsTUFBTVUsZUFBc0MsQ0FBQyxFQUFFQyxzQkFBc0IsRUFBRTtJQUNyRSxNQUFNLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSxrQkFBYztJQUM1QixNQUFNYixTQUFTYyxJQUFBQSxvQkFBUTtJQUV2QixNQUFNLENBQUNDLFlBQVlDLG1CQUFtQixFQUFFQyxXQUFXLEVBQUUsQ0FBQyxHQUFHQyxJQUFBQSxpQkFBYSxFQUFDO1FBQ3JFQyxpQkFBaUJSO1FBQ2pCUyxTQUFTO0lBQ1g7SUFFQSxNQUFNQyxXQUFXQyxJQUFBQSxrQkFBVyxFQUMxQixDQUFDLEVBQUVDLGNBQWMsRUFBRUMsS0FBSyxFQUFFO1FBQ3hCekIsYUFBYUMsUUFBUTtZQUNuQkMsWUFBWXNCO1lBQ1pyQixPQUFPO2dCQUNMdUIsSUFBSUQ7WUFDTjtRQUNGO1FBQ0FQO0lBQ0YsR0FDQTtRQUFDakI7UUFBUWlCO0tBQVk7SUFHdkIscUJBQ0UsNkJBQUNTLGVBQVEsc0JBQ1AsNkJBQUNWLHVDQUNDLDZCQUFDVyxlQUFhO1FBQ1pDLFdBQVc5QjtRQUNYK0IsSUFBRztRQUNIQyxRQUFPO1FBQ1BDLFNBQVM7UUFDUCxhQUFhO1FBQ2Y7UUFDQUMsU0FBU3BCLEVBQUU7cUJBRVgsNkJBQUNxQixlQUFVLHlCQUdmLDZCQUFDbEI7UUFBV00sVUFBVUE7O0FBRzVCO01BRUEsV0FBZSxDQUFDYTtJQUNkLHFCQUNFLDZCQUFDQyw0REFBNkI7UUFBRSxHQUFHRCxLQUFLO1FBQUVkLFNBQUFBO3FCQUN4Qyw2QkFBQ1YsY0FBaUJ3QjtBQUd4QiJ9
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,7 +1,7 @@
-import type { FormFieldBase } from '@payloadcms/ui/types';
-import type { SanitizedCollectionConfig } from 'payload/types';
+import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { ClientCollectionConfig } from 'payload/types';
 import React from 'react';
-import type { UploadElementType } from '../../types';
+import type { UploadElementType } from '../../types.js';
 export declare const UploadDrawer: React.FC<{
     drawerSlug: string;
     element: UploadElementType;
@@ -9,7 +9,7 @@ export declare const UploadDrawer: React.FC<{
         name: string;
         richTextComponentMap: Map<string, React.ReactNode>;
     };
-    relatedCollection: SanitizedCollectionConfig;
+    relatedCollection: ClientCollectionConfig;
     schemaPath: string;
 }>;
 //# sourceMappingURL=index.d.ts.map

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,sBAAsB,CAAA;AACzD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAkB9D,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAIpD,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,yBAAyB,CAAA;IAC5C,UAAU,EAAE,MAAM,CAAA;CACnB,CA+EA,CAAA"}
+{"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"}

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

@@ -1,83 +1,41 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "UploadDrawer", {
-    enumerable: true,
-    get: function() {
-        return UploadDrawer;
-    }
-});
-const _modal = require("@faceless-ui/modal");
-const _translations = require("@payloadcms/translations");
-const _ui = require("@payloadcms/ui");
-const _forms = require("@payloadcms/ui/forms");
-const _utilities = require("payload/utilities");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _slate = require("slate");
-const _slatereact = require("slate-react");
-const _shared = require("../../shared");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const UploadDrawer = (props)=>{
-    const editor = (0, _slatereact.useSlateStatic)();
+import * as facelessUIImport from '@faceless-ui/modal';
+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 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 } = (0, _ui.useTranslation)();
-    const { code: locale } = (0, _ui.useLocale)();
-    const { user } = (0, _ui.useAuth)();
-    const { closeModal } = (0, _modal.useModal)();
-    const { id, collectionSlug } = (0, _ui.useDocumentInfo)();
-    const [initialState, setInitialState] = (0, _react.useState)({});
+    const { i18n, t } = useTranslation();
+    const { code: locale } = useLocale();
+    const { user } = useAuth();
+    const { closeModal } = useModal();
+    const { id, collectionSlug } = useDocumentInfo();
+    const [initialState, setInitialState] = useState({});
     const { richTextComponentMap } = fieldProps;
-    const relatedFieldSchemaPath = `${_shared.uploadFieldsSchemaPath}.${relatedCollection.slug}`;
+    const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`;
     const fieldMap = richTextComponentMap.get(relatedFieldSchemaPath);
-    const config = (0, _ui.useConfig)();
-    const handleUpdateEditData = (0, _react.useCallback)((_, data)=>{
+    const config = useConfig();
+    const handleUpdateEditData = useCallback((_, data)=>{
         const newNode = {
             fields: data
         };
-        const elementPath = _slatereact.ReactEditor.findPath(editor, element);
-        _slate.Transforms.setNodes(editor, newNode, {
+        const elementPath = ReactEditor.findPath(editor, element);
+        Transforms.setNodes(editor, newNode, {
             at: elementPath
         });
         closeModal(drawerSlug);
@@ -87,17 +45,17 @@ const UploadDrawer = (props)=>{
         element,
         drawerSlug
     ]);
-    (0, _react.useEffect)(()=>{
-        const data = (0, _utilities.deepCopyObject)(element?.fields || {});
+    useEffect(()=>{
+        const data = deepCopyObject(element?.fields || {});
         const awaitInitialState = async ()=>{
-            const state = await (0, _ui.getFormState)({
+            const state = await getFormState({
                 apiRoute: config.routes.api,
                 body: {
                     id,
                     collectionSlug,
                     data,
                     operation: 'update',
-                    schemaPath: `${schemaPath}.${_shared.uploadFieldsSchemaPath}.${relatedCollection.slug}`
+                    schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`
                 },
                 serverURL: config.serverURL
             });
@@ -115,20 +73,45 @@ const UploadDrawer = (props)=>{
         schemaPath,
         relatedCollection.slug
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_ui.Drawer, {
+    const onChange = useCallback(async ({ formState: prevFormState })=>{
+        return await getFormState({
+            apiRoute: config.routes.api,
+            body: {
+                id,
+                formState: prevFormState,
+                operation: 'update',
+                schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`
+            },
+            serverURL: config.serverURL
+        });
+    }, [
+        config.routes.api,
+        config.serverURL,
+        relatedCollection.slug,
+        schemaPath,
+        id
+    ]);
+    return /*#__PURE__*/ React.createElement(Drawer, {
         slug: drawerSlug,
         title: t('general:editLabel', {
-            label: (0, _translations.getTranslation)(relatedCollection.labels.singular, i18n)
+            label: getTranslation(relatedCollection.labels.singular, i18n)
         })
-    }, /*#__PURE__*/ _react.default.createElement(_forms.FieldPathProvider, {
-        path: "",
-        schemaPath: ""
-    }, /*#__PURE__*/ _react.default.createElement(_ui.Form, {
+    }, /*#__PURE__*/ React.createElement(Form, {
+        beforeSubmit: [
+            onChange
+        ],
+        disableValidationOnSubmit: true,
         initialState: initialState,
+        onChange: [
+            onChange
+        ],
         onSubmit: handleUpdateEditData
-    }, /*#__PURE__*/ _react.default.createElement(_ui.RenderFields, {
-        fieldMap: Array.isArray(fieldMap) ? fieldMap : []
-    }), /*#__PURE__*/ _react.default.createElement(_ui.FormSubmit, null, t('fields:saveChanges')))));
+    }, /*#__PURE__*/ React.createElement(RenderFields, {
+        fieldMap: Array.isArray(fieldMap) ? fieldMap : [],
+        path: "",
+        readOnly: false,
+        schemaPath: ""
+    }), /*#__PURE__*/ React.createElement(FormSubmit, null, t('fields:saveChanges'))));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9lbGVtZW50cy91cGxvYWQvRWxlbWVudC9VcGxvYWREcmF3ZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgdHlwZSB7IEZvcm1GaWVsZEJhc2UgfSBmcm9tICdAcGF5bG9hZGNtcy91aS90eXBlcydcbmltcG9ydCB0eXBlIHsgU2FuaXRpemVkQ29sbGVjdGlvbkNvbmZpZyB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB7IHVzZU1vZGFsIH0gZnJvbSAnQGZhY2VsZXNzLXVpL21vZGFsJ1xuaW1wb3J0IHsgZ2V0VHJhbnNsYXRpb24gfSBmcm9tICdAcGF5bG9hZGNtcy90cmFuc2xhdGlvbnMnXG5pbXBvcnQge1xuICBEcmF3ZXIsXG4gIEZvcm0sXG4gIEZvcm1TdWJtaXQsXG4gIFJlbmRlckZpZWxkcyxcbiAgZ2V0Rm9ybVN0YXRlLFxuICB1c2VBdXRoLFxuICB1c2VDb25maWcsXG4gIHVzZURvY3VtZW50SW5mbyxcbiAgdXNlTG9jYWxlLFxuICB1c2VUcmFuc2xhdGlvbixcbn0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgeyBGaWVsZFBhdGhQcm92aWRlciB9IGZyb20gJ0BwYXlsb2FkY21zL3VpL2Zvcm1zJ1xuaW1wb3J0IHsgZGVlcENvcHlPYmplY3QgfSBmcm9tICdwYXlsb2FkL3V0aWxpdGllcydcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVHJhbnNmb3JtcyB9IGZyb20gJ3NsYXRlJ1xuaW1wb3J0IHsgUmVhY3RFZGl0b3IsIHVzZVNsYXRlU3RhdGljIH0gZnJvbSAnc2xhdGUtcmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgVXBsb2FkRWxlbWVudFR5cGUgfSBmcm9tICcuLi8uLi90eXBlcydcblxuaW1wb3J0IHsgdXBsb2FkRmllbGRzU2NoZW1hUGF0aCB9IGZyb20gJy4uLy4uL3NoYXJlZCdcblxuZXhwb3J0IGNvbnN0IFVwbG9hZERyYXdlcjogUmVhY3QuRkM8e1xuICBkcmF3ZXJTbHVnOiBzdHJpbmdcbiAgZWxlbWVudDogVXBsb2FkRWxlbWVudFR5cGVcbiAgZmllbGRQcm9wczogRm9ybUZpZWxkQmFzZSAmIHtcbiAgICBuYW1lOiBzdHJpbmdcbiAgICByaWNoVGV4dENvbXBvbmVudE1hcDogTWFwPHN0cmluZywgUmVhY3QuUmVhY3ROb2RlPlxuICB9XG4gIHJlbGF0ZWRDb2xsZWN0aW9uOiBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnXG4gIHNjaGVtYVBhdGg6IHN0cmluZ1xufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgZWRpdG9yID0gdXNlU2xhdGVTdGF0aWMoKVxuXG4gIGNvbnN0IHsgZHJhd2VyU2x1ZywgZWxlbWVudCwgZmllbGRQcm9wcywgcmVsYXRlZENvbGxlY3Rpb24sIHNjaGVtYVBhdGggfSA9IHByb3BzXG5cbiAgY29uc3QgeyBpMThuLCB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG4gIGNvbnN0IHsgY29kZTogbG9jYWxlIH0gPSB1c2VMb2NhbGUoKVxuICBjb25zdCB7IHVzZXIgfSA9IHVzZUF1dGgoKVxuICBjb25zdCB7IGNsb3NlTW9kYWwgfSA9IHVzZU1vZGFsKClcbiAgY29uc3QgeyBpZCwgY29sbGVjdGlvblNsdWcgfSA9IHVzZURvY3VtZW50SW5mbygpXG4gIGNvbnN0IFtpbml0aWFsU3RhdGUsIHNldEluaXRpYWxTdGF0ZV0gPSB1c2VTdGF0ZSh7fSlcbiAgY29uc3QgeyByaWNoVGV4dENvbXBvbmVudE1hcCB9ID0gZmllbGRQcm9wc1xuXG4gIGNvbnN0IHJlbGF0ZWRGaWVsZFNjaGVtYVBhdGggPSBgJHt1cGxvYWRGaWVsZHNTY2hlbWFQYXRofS4ke3JlbGF0ZWRDb2xsZWN0aW9uLnNsdWd9YFxuICBjb25zdCBmaWVsZE1hcCA9IHJpY2hUZXh0Q29tcG9uZW50TWFwLmdldChyZWxhdGVkRmllbGRTY2hlbWFQYXRoKVxuXG4gIGNvbnN0IGNvbmZpZyA9IHVzZUNvbmZpZygpXG5cbiAgY29uc3QgaGFuZGxlVXBkYXRlRWRpdERhdGEgPSB1c2VDYWxsYmFjayhcbiAgICAoXywgZGF0YSkgPT4ge1xuICAgICAgY29uc3QgbmV3Tm9kZSA9IHtcbiAgICAgICAgZmllbGRzOiBkYXRhLFxuICAgICAgfVxuXG4gICAgICBjb25zdCBlbGVtZW50UGF0aCA9IFJlYWN0RWRpdG9yLmZpbmRQYXRoKGVkaXRvciwgZWxlbWVudClcblxuICAgICAgVHJhbnNmb3Jtcy5zZXROb2RlcyhlZGl0b3IsIG5ld05vZGUsIHsgYXQ6IGVsZW1lbnRQYXRoIH0pXG4gICAgICBjbG9zZU1vZGFsKGRyYXdlclNsdWcpXG4gICAgfSxcbiAgICBbY2xvc2VNb2RhbCwgZWRpdG9yLCBlbGVtZW50LCBkcmF3ZXJTbHVnXSxcbiAgKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZGF0YSA9IGRlZXBDb3B5T2JqZWN0KGVsZW1lbnQ/LmZpZWxkcyB8fCB7fSlcblxuICAgIGNvbnN0IGF3YWl0SW5pdGlhbFN0YXRlID0gYXN5bmMgKCkgPT4ge1xuICAgICAgY29uc3Qgc3RhdGUgPSBhd2FpdCBnZXRGb3JtU3RhdGUoe1xuICAgICAgICBhcGlSb3V0ZTogY29uZmlnLnJvdXRlcy5hcGksXG4gICAgICAgIGJvZHk6IHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICBjb2xsZWN0aW9uU2x1ZyxcbiAgICAgICAgICBkYXRhLFxuICAgICAgICAgIG9wZXJhdGlvbjogJ3VwZGF0ZScsXG4gICAgICAgICAgc2NoZW1hUGF0aDogYCR7c2NoZW1hUGF0aH0uJHt1cGxvYWRGaWVsZHNTY2hlbWFQYXRofS4ke3JlbGF0ZWRDb2xsZWN0aW9uLnNsdWd9YCxcbiAgICAgICAgfSxcbiAgICAgICAgc2VydmVyVVJMOiBjb25maWcuc2VydmVyVVJMLFxuICAgICAgfSlcblxuICAgICAgc2V0SW5pdGlhbFN0YXRlKHN0YXRlKVxuICAgIH1cblxuICAgIHZvaWQgYXdhaXRJbml0aWFsU3RhdGUoKVxuICB9LCBbXG4gICAgY29uZmlnLFxuICAgIGVsZW1lbnQ/LmZpZWxkcyxcbiAgICB1c2VyLFxuICAgIGxvY2FsZSxcbiAgICB0LFxuICAgIGNvbGxlY3Rpb25TbHVnLFxuICAgIGlkLFxuICAgIHNjaGVtYVBhdGgsXG4gICAgcmVsYXRlZENvbGxlY3Rpb24uc2x1ZyxcbiAgXSlcblxuICByZXR1cm4gKFxuICAgIDxEcmF3ZXJcbiAgICAgIHNsdWc9e2RyYXdlclNsdWd9XG4gICAgICB0aXRsZT17dCgnZ2VuZXJhbDplZGl0TGFiZWwnLCB7XG4gICAgICAgIGxhYmVsOiBnZXRUcmFuc2xhdGlvbihyZWxhdGVkQ29sbGVjdGlvbi5sYWJlbHMuc2luZ3VsYXIsIGkxOG4pLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAgPEZpZWxkUGF0aFByb3ZpZGVyIHBhdGg9XCJcIiBzY2hlbWFQYXRoPVwiXCI+XG4gICAgICAgIDxGb3JtIGluaXRpYWxTdGF0ZT17aW5pdGlhbFN0YXRlfSBvblN1Ym1pdD17aGFuZGxlVXBkYXRlRWRpdERhdGF9PlxuICAgICAgICAgIDxSZW5kZXJGaWVsZHMgZmllbGRNYXA9e0FycmF5LmlzQXJyYXkoZmllbGRNYXApID8gZmllbGRNYXAgOiBbXX0gLz5cbiAgICAgICAgICA8Rm9ybVN1Ym1pdD57dCgnZmllbGRzOnNhdmVDaGFuZ2VzJyl9PC9Gb3JtU3VibWl0PlxuICAgICAgICA8L0Zvcm0+XG4gICAgICA8L0ZpZWxkUGF0aFByb3ZpZGVyPlxuICAgIDwvRHJhd2VyPlxuICApXG59XG4iXSwibmFtZXMiOlsiVXBsb2FkRHJhd2VyIiwicHJvcHMiLCJlZGl0b3IiLCJ1c2VTbGF0ZVN0YXRpYyIsImRyYXdlclNsdWciLCJlbGVtZW50IiwiZmllbGRQcm9wcyIsInJlbGF0ZWRDb2xsZWN0aW9uIiwic2NoZW1hUGF0aCIsImkxOG4iLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJjb2RlIiwibG9jYWxlIiwidXNlTG9jYWxlIiwidXNlciIsInVzZUF1dGgiLCJjbG9zZU1vZGFsIiwidXNlTW9kYWwiLCJpZCIsImNvbGxlY3Rpb25TbHVnIiwidXNlRG9jdW1lbnRJbmZvIiwiaW5pdGlhbFN0YXRlIiwic2V0SW5pdGlhbFN0YXRlIiwidXNlU3RhdGUiLCJyaWNoVGV4dENvbXBvbmVudE1hcCIsInJlbGF0ZWRGaWVsZFNjaGVtYVBhdGgiLCJ1cGxvYWRGaWVsZHNTY2hlbWFQYXRoIiwic2x1ZyIsImZpZWxkTWFwIiwiZ2V0IiwiY29uZmlnIiwidXNlQ29uZmlnIiwiaGFuZGxlVXBkYXRlRWRpdERhdGEiLCJ1c2VDYWxsYmFjayIsIl8iLCJkYXRhIiwibmV3Tm9kZSIsImZpZWxkcyIsImVsZW1lbnRQYXRoIiwiUmVhY3RFZGl0b3IiLCJmaW5kUGF0aCIsIlRyYW5zZm9ybXMiLCJzZXROb2RlcyIsImF0IiwidXNlRWZmZWN0IiwiZGVlcENvcHlPYmplY3QiLCJhd2FpdEluaXRpYWxTdGF0ZSIsInN0YXRlIiwiZ2V0Rm9ybVN0YXRlIiwiYXBpUm91dGUiLCJyb3V0ZXMiLCJhcGkiLCJib2R5Iiwib3BlcmF0aW9uIiwic2VydmVyVVJMIiwiRHJhd2VyIiwidGl0bGUiLCJsYWJlbCIsImdldFRyYW5zbGF0aW9uIiwibGFiZWxzIiwic2luZ3VsYXIiLCJGaWVsZFBhdGhQcm92aWRlciIsInBhdGgiLCJGb3JtIiwib25TdWJtaXQiLCJSZW5kZXJGaWVsZHMiLCJBcnJheSIsImlzQXJyYXkiLCJGb3JtU3VibWl0Il0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBNkJhQTs7O2VBQUFBOzs7dUJBeEJZOzhCQUNNO29CQVl4Qjt1QkFDMkI7MkJBQ0g7K0RBQ3lCO3VCQUM3Qjs0QkFDaUI7d0JBSUw7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVoQyxNQUFNQSxlQVNSLENBQUNDO0lBQ0osTUFBTUMsU0FBU0MsSUFBQUEsMEJBQWM7SUFFN0IsTUFBTSxFQUFFQyxVQUFVLEVBQUVDLE9BQU8sRUFBRUMsVUFBVSxFQUFFQyxpQkFB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
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,10 +1,10 @@
-import type { FormFieldBase } from '@payloadcms/ui/types';
+import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
 import React from 'react';
 import './index.scss';
 type Props = FormFieldBase & {
     name: string;
     richTextComponentMap: Map<string, React.ReactNode>;
 };
-declare const _default: (props: Props) => React.ReactNode;
-export default _default;
+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,sBAAsB,CAAA;AAgBzD,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;gCAuLsB,KAAK,KAAG,MAAM,SAAS;AAA9C,wBAMC"}
+{"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"}