@payloadcms/richtext-slate 3.0.0-beta.9 → 3.0.0-beta.90

package/dist/field/elements/textAlign/Button.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { AlignCenterIcon } from '../../icons/AlignCenter/index.js';
+import { AlignLeftIcon } from '../../icons/AlignLeft/index.js';
+import { AlignRightIcon } from '../../icons/AlignRight/index.js';
+import { ElementButton } from '../Button.js';
+export const TextAlignElementButton = ()=>/*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ElementButton, {
+                format: "left",
+                type: "textAlign",
+                children: /*#__PURE__*/ _jsx(AlignLeftIcon, {})
+            }),
+            /*#__PURE__*/ _jsx(ElementButton, {
+                format: "center",
+                type: "textAlign",
+                children: /*#__PURE__*/ _jsx(AlignCenterIcon, {})
+            }),
+            /*#__PURE__*/ _jsx(ElementButton, {
+                format: "right",
+                type: "textAlign",
+                children: /*#__PURE__*/ _jsx(AlignRightIcon, {})
+            })
+        ]
+    });
+
+//# sourceMappingURL=Button.js.map

package/dist/field/elements/textAlign/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/textAlign/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { AlignCenterIcon } from '../../icons/AlignCenter/index.js'\nimport { AlignLeftIcon } from '../../icons/AlignLeft/index.js'\nimport { AlignRightIcon } from '../../icons/AlignRight/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const TextAlignElementButton = () => (\n  <React.Fragment>\n    <ElementButton format=\"left\" type=\"textAlign\">\n      <AlignLeftIcon />\n    </ElementButton>\n    <ElementButton format=\"center\" type=\"textAlign\">\n      <AlignCenterIcon />\n    </ElementButton>\n    <ElementButton format=\"right\" type=\"textAlign\">\n      <AlignRightIcon />\n    </ElementButton>\n  </React.Fragment>\n)\n"],"names":["React","AlignCenterIcon","AlignLeftIcon","AlignRightIcon","ElementButton","TextAlignElementButton","Fragment","format","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,yBAAyB,kBACpC,MAACL,MAAMM,QAAQ;;0BACb,KAACF;gBAAcG,QAAO;gBAAOC,MAAK;0BAChC,cAAA,KAACN;;0BAEH,KAACE;gBAAcG,QAAO;gBAASC,MAAK;0BAClC,cAAA,KAACP;;0BAEH,KAACG;gBAAcG,QAAO;gBAAQC,MAAK;0BACjC,cAAA,KAACL;;;OAGN"}

package/dist/field/elements/textAlign/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/textAlign/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAO9D,eAAO,MAAM,SAAS,EAAE,qBAkBvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/textAlign/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAE9D,eAAO,MAAM,SAAS,EAAE,qBAIvB,CAAA"}

package/dist/field/elements/textAlign/index.js

@@ -1,23 +1,7 @@
-import React from 'react';
-import { AlignCenterIcon } from '../../icons/AlignCenter/index.js';
-import { AlignLeftIcon } from '../../icons/AlignLeft/index.js';
-import { AlignRightIcon } from '../../icons/AlignRight/index.js';
-import { ElementButton } from '../Button.js';
 export const textAlign = {
     name: 'alignment',
-    Button: ()=>{
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ElementButton, {
-            format: "left",
-            type: "textAlign"
-        }, /*#__PURE__*/ React.createElement(AlignLeftIcon, null)), /*#__PURE__*/ React.createElement(ElementButton, {
-            format: "center",
-            type: "textAlign"
-        }, /*#__PURE__*/ React.createElement(AlignCenterIcon, null)), /*#__PURE__*/ React.createElement(ElementButton, {
-            format: "right",
-            type: "textAlign"
-        }, /*#__PURE__*/ React.createElement(AlignRightIcon, null)));
-    },
-    Element: ()=>null
+    Button: '@payloadcms/richtext-slate/client#TextAlignElementButton',
+    Element: false
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/textAlign/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { AlignCenterIcon } from '../../icons/AlignCenter/index.js'\nimport { AlignLeftIcon } from '../../icons/AlignLeft/index.js'\nimport { AlignRightIcon } from '../../icons/AlignRight/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const textAlign: RichTextCustomElement = {\n  name: 'alignment',\n  Button: () => {\n    return (\n      <React.Fragment>\n        <ElementButton format=\"left\" type=\"textAlign\">\n          <AlignLeftIcon />\n        </ElementButton>\n        <ElementButton format=\"center\" type=\"textAlign\">\n          <AlignCenterIcon />\n        </ElementButton>\n        <ElementButton format=\"right\" type=\"textAlign\">\n          <AlignRightIcon />\n        </ElementButton>\n      </React.Fragment>\n    )\n  },\n  Element: () => null,\n}\n"],"names":["React","AlignCenterIcon","AlignLeftIcon","AlignRightIcon","ElementButton","textAlign","name","Button","Fragment","format","type","Element"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,YAAmC;IAC9CC,MAAM;IACNC,QAAQ;QACN,qBACE,oBAACP,MAAMQ,QAAQ,sBACb,oBAACJ;YAAcK,QAAO;YAAOC,MAAK;yBAChC,oBAACR,qCAEH,oBAACE;YAAcK,QAAO;YAASC,MAAK;yBAClC,oBAACT,uCAEH,oBAACG;YAAcK,QAAO;YAAQC,MAAK;yBACjC,oBAACP;IAIT;IACAQ,SAAS,IAAM;AACjB,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/textAlign/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nexport const textAlign: RichTextCustomElement = {\n  name: 'alignment',\n  Button: '@payloadcms/richtext-slate/client#TextAlignElementButton',\n  Element: false,\n}\n"],"names":["textAlign","name","Button","Element"],"mappings":"AAEA,OAAO,MAAMA,YAAmC;IAC9CC,MAAM;IACNC,QAAQ;IACRC,SAAS;AACX,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/toggle.tsx"],"sourcesContent":["'use client'\nimport { Editor, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nimport { isElementActive } from './isActive.js'\nimport { isWithinListItem } from './isWithinListItem.js'\n\nexport const toggleElement = (editor: Editor, format: string, blockType = 'type'): void => {\n  const isActive = isElementActive(editor, format, blockType)\n\n  const formatByBlockType = {\n    [blockType]: format,\n  }\n\n  const isWithinLI = isWithinListItem(editor)\n\n  if (isActive) {\n    formatByBlockType[blockType] = undefined\n  }\n\n  if (!isActive && isWithinLI && blockType !== 'textAlign') {\n    const block = { type: 'li', children: [] }\n    Transforms.wrapNodes(editor, block, {\n      at: Editor.unhangRange(editor, editor.selection),\n    })\n  }\n\n  Transforms.setNodes(\n    editor,\n    { [blockType]: formatByBlockType[blockType] },\n    {\n      at: Editor.unhangRange(editor, editor.selection),\n    },\n  )\n\n  ReactEditor.focus(editor)\n}\n"],"names":["Editor","Transforms","ReactEditor","isElementActive","isWithinListItem","toggleElement","editor","format","blockType","isActive","formatByBlockType","isWithinLI","undefined","block","type","children","wrapNodes","at","unhangRange","selection","setNodes","focus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,MAAM,EAAEC,UAAU,QAAQ,QAAO;AAC1C,SAASC,WAAW,QAAQ,cAAa;AAEzC,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,OAAO,MAAMC,gBAAgB,CAACC,QAAgBC,QAAgBC,YAAY,MAAM;IAC9E,MAAMC,WAAWN,gBAAgBG,QAAQC,QAAQC;IAEjD,MAAME,oBAAoB;QACxB,CAACF,UAAU,EAAED;IACf;IAEA,MAAMI,aAAaP,iBAAiBE;IAEpC,IAAIG,UAAU;QACZC,iBAAiB,CAACF,UAAU,GAAGI;IACjC;IAEA,IAAI,CAACH,YAAYE,cAAcH,cAAc,aAAa;QACxD,MAAMK,QAAQ;YAAEC,MAAM;YAAMC,UAAU,EAAE;QAAC;QACzCd,WAAWe,SAAS,CAACV,QAAQO,OAAO;YAClCI,IAAIjB,OAAOkB,WAAW,CAACZ,QAAQA,OAAOa,SAAS;QACjD;IACF;IAEAlB,WAAWmB,QAAQ,CACjBd,QACA;QAAE,CAACE,UAAU,EAAEE,iBAAiB,CAACF,UAAU;IAAC,GAC5C;QACES,IAAIjB,OAAOkB,WAAW,CAACZ,QAAQA,OAAOa,SAAS;IACjD;IAGFjB,YAAYmB,KAAK,CAACf;AACpB,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/toggle.tsx"],"sourcesContent":["'use client'\nimport { Editor, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nimport { isElementActive } from './isActive.js'\nimport { isWithinListItem } from './isWithinListItem.js'\n\nexport const toggleElement = (editor: Editor, format: string, blockType = 'type'): void => {\n  const isActive = isElementActive(editor, format, blockType)\n\n  const formatByBlockType = {\n    [blockType]: format,\n  }\n\n  const isWithinLI = isWithinListItem(editor)\n\n  if (isActive) {\n    formatByBlockType[blockType] = undefined\n  }\n\n  if (!isActive && isWithinLI && blockType !== 'textAlign') {\n    const block = { type: 'li', children: [] }\n    Transforms.wrapNodes(editor, block, {\n      at: Editor.unhangRange(editor, editor.selection),\n    })\n  }\n\n  Transforms.setNodes(\n    editor,\n    { [blockType]: formatByBlockType[blockType] },\n    {\n      at: Editor.unhangRange(editor, editor.selection),\n    },\n  )\n\n  ReactEditor.focus(editor)\n}\n"],"names":["Editor","Transforms","ReactEditor","isElementActive","isWithinListItem","toggleElement","editor","format","blockType","isActive","formatByBlockType","isWithinLI","undefined","block","type","children","wrapNodes","at","unhangRange","selection","setNodes","focus"],"mappings":"AAAA;AACA,SAASA,MAAM,EAAEC,UAAU,QAAQ,QAAO;AAC1C,SAASC,WAAW,QAAQ,cAAa;AAEzC,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,OAAO,MAAMC,gBAAgB,CAACC,QAAgBC,QAAgBC,YAAY,MAAM;IAC9E,MAAMC,WAAWN,gBAAgBG,QAAQC,QAAQC;IAEjD,MAAME,oBAAoB;QACxB,CAACF,UAAU,EAAED;IACf;IAEA,MAAMI,aAAaP,iBAAiBE;IAEpC,IAAIG,UAAU;QACZC,iBAAiB,CAACF,UAAU,GAAGI;IACjC;IAEA,IAAI,CAACH,YAAYE,cAAcH,cAAc,aAAa;QACxD,MAAMK,QAAQ;YAAEC,MAAM;YAAMC,UAAU,EAAE;QAAC;QACzCd,WAAWe,SAAS,CAACV,QAAQO,OAAO;YAClCI,IAAIjB,OAAOkB,WAAW,CAACZ,QAAQA,OAAOa,SAAS;QACjD;IACF;IAEAlB,WAAWmB,QAAQ,CACjBd,QACA;QAAE,CAACE,UAAU,EAAEE,iBAAiB,CAACF,UAAU;IAAC,GAC5C;QACES,IAAIjB,OAAOkB,WAAW,CAACZ,QAAQA,OAAOa,SAAS;IACjD;IAGFjB,YAAYmB,KAAK,CAACf;AACpB,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/toggleList.tsx"],"sourcesContent":["import { Editor, Element, Node, Text, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nimport { getCommonBlock } from './getCommonBlock.js'\nimport { isListActive } from './isListActive.js'\nimport { listTypes } from './listTypes.js'\nimport { unwrapList } from './unwrapList.js'\n\nexport const toggleList = (editor: Editor, format: string): void => {\n  let currentListFormat: string\n\n  if (isListActive(editor, 'ol')) currentListFormat = 'ol'\n  if (isListActive(editor, 'ul')) currentListFormat = 'ul'\n\n  // If the format is currently active,\n  // remove the list\n  if (currentListFormat === format) {\n    const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n    // If on an empty bullet, leave the above list alone\n    // and unwrap only the active bullet\n    if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n      Transforms.unwrapNodes(editor, {\n        match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n        mode: 'lowest',\n        split: true,\n      })\n\n      Transforms.setNodes(editor, { type: undefined })\n    } else {\n      // Otherwise, we need to unset li on all lis in the parent list\n      // and unwrap the parent list itself\n      const [, listPath] = getCommonBlock(editor, (n) => Element.isElement(n) && n.type === format)\n      unwrapList(editor, listPath)\n    }\n\n    // Otherwise, if a list is active and we are changing it,\n    // change it\n  } else if (currentListFormat && currentListFormat !== format) {\n    Transforms.setNodes(\n      editor,\n      {\n        type: format,\n      },\n      {\n        match: (node) => Element.isElement(node) && listTypes.includes(node.type),\n        mode: 'lowest',\n      },\n    )\n    // Otherwise we can assume that we should just activate the list\n  } else {\n    Transforms.wrapNodes(editor, { type: format, children: [] })\n\n    const [, parentNodePath] = getCommonBlock(\n      editor,\n      (node) => Element.isElement(node) && node.type === format,\n    )\n\n    // Only set li on nodes that don't have type\n    Transforms.setNodes(\n      editor,\n      { type: 'li' },\n      {\n        match: (node, path) => {\n          const match =\n            Element.isElement(node) &&\n            typeof node.type === 'undefined' &&\n            path.length === parentNodePath.length + 1\n\n          return match\n        },\n        voids: true,\n      },\n    )\n\n    // Wrap nodes that do have a type with an li\n    // so as to not lose their existing formatting\n    const nodesToWrap = Array.from(\n      Editor.nodes(editor, {\n        match: (node, path) => {\n          const match =\n            Element.isElement(node) &&\n            typeof node.type !== 'undefined' &&\n            node.type !== 'li' &&\n            path.length === parentNodePath.length + 1\n\n          return match\n        },\n      }),\n    )\n\n    nodesToWrap.forEach(([, path]) => {\n      Transforms.wrapNodes(editor, { type: 'li', children: [] }, { at: path })\n    })\n  }\n\n  ReactEditor.focus(editor)\n}\n"],"names":["Editor","Element","Node","Text","Transforms","ReactEditor","getCommonBlock","isListActive","listTypes","unwrapList","toggleList","editor","format","currentListFormat","selectedLeaf","descendant","selection","anchor","path","isText","String","text","length","unwrapNodes","match","n","isElement","includes","type","mode","split","setNodes","undefined","listPath","node","wrapNodes","children","parentNodePath","voids","nodesToWrap","Array","from","nodes","forEach","at","focus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,QAAO;AAC/D,SAASC,WAAW,QAAQ,cAAa;AAEzC,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,SAAS,QAAQ,iBAAgB;AAC1C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,aAAa,CAACC,QAAgBC;IACzC,IAAIC;IAEJ,IAAIN,aAAaI,QAAQ,OAAOE,oBAAoB;IACpD,IAAIN,aAAaI,QAAQ,OAAOE,oBAAoB;IAEpD,qCAAqC;IACrC,kBAAkB;IAClB,IAAIA,sBAAsBD,QAAQ;QAChC,MAAME,eAAeZ,KAAKa,UAAU,CAACJ,QAAQA,OAAOK,SAAS,CAACC,MAAM,CAACC,IAAI;QAEzE,oDAAoD;QACpD,oCAAoC;QACpC,IAAIf,KAAKgB,MAAM,CAACL,iBAAiBM,OAAON,aAAaO,IAAI,EAAEC,MAAM,KAAK,GAAG;YACvElB,WAAWmB,WAAW,CAACZ,QAAQ;gBAC7Ba,OAAO,CAACC,IAAMxB,QAAQyB,SAAS,CAACD,MAAMjB,UAAUmB,QAAQ,CAACF,EAAEG,IAAI;gBAC/DC,MAAM;gBACNC,OAAO;YACT;YAEA1B,WAAW2B,QAAQ,CAACpB,QAAQ;gBAAEiB,MAAMI;YAAU;QAChD,OAAO;YACL,+DAA+D;YAC/D,oCAAoC;YACpC,MAAM,GAAGC,SAAS,GAAG3B,eAAeK,QAAQ,CAACc,IAAMxB,QAAQyB,SAAS,CAACD,MAAMA,EAAEG,IAAI,KAAKhB;YACtFH,WAAWE,QAAQsB;QACrB;IAEA,yDAAyD;IACzD,YAAY;IACd,OAAO,IAAIpB,qBAAqBA,sBAAsBD,QAAQ;QAC5DR,WAAW2B,QAAQ,CACjBpB,QACA;YACEiB,MAAMhB;QACR,GACA;YACEY,OAAO,CAACU,OAASjC,QAAQyB,SAAS,CAACQ,SAAS1B,UAAUmB,QAAQ,CAACO,KAAKN,IAAI;YACxEC,MAAM;QACR;IAEF,gEAAgE;IAClE,OAAO;QACLzB,WAAW+B,SAAS,CAACxB,QAAQ;YAAEiB,MAAMhB;YAAQwB,UAAU,EAAE;QAAC;QAE1D,MAAM,GAAGC,eAAe,GAAG/B,eACzBK,QACA,CAACuB,OAASjC,QAAQyB,SAAS,CAACQ,SAASA,KAAKN,IAAI,KAAKhB;QAGrD,4CAA4C;QAC5CR,WAAW2B,QAAQ,CACjBpB,QACA;YAAEiB,MAAM;QAAK,GACb;YACEJ,OAAO,CAACU,MAAMhB;gBACZ,MAAMM,QACJvB,QAAQyB,SAAS,CAACQ,SAClB,OAAOA,KAAKN,IAAI,KAAK,eACrBV,KAAKI,MAAM,KAAKe,eAAef,MAAM,GAAG;gBAE1C,OAAOE;YACT;YACAc,OAAO;QACT;QAGF,4CAA4C;QAC5C,8CAA8C;QAC9C,MAAMC,cAAcC,MAAMC,IAAI,CAC5BzC,OAAO0C,KAAK,CAAC/B,QAAQ;YACnBa,OAAO,CAACU,MAAMhB;gBACZ,MAAMM,QACJvB,QAAQyB,SAAS,CAACQ,SAClB,OAAOA,KAAKN,IAAI,KAAK,eACrBM,KAAKN,IAAI,KAAK,QACdV,KAAKI,MAAM,KAAKe,eAAef,MAAM,GAAG;gBAE1C,OAAOE;YACT;QACF;QAGFe,YAAYI,OAAO,CAAC,CAAC,GAAGzB,KAAK;YAC3Bd,WAAW+B,SAAS,CAACxB,QAAQ;gBAAEiB,MAAM;gBAAMQ,UAAU,EAAE;YAAC,GAAG;gBAAEQ,IAAI1B;YAAK;QACxE;IACF;IAEAb,YAAYwC,KAAK,CAAClC;AACpB,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/toggleList.tsx"],"sourcesContent":["import { Editor, Element, Node, Text, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nimport { getCommonBlock } from './getCommonBlock.js'\nimport { isListActive } from './isListActive.js'\nimport { listTypes } from './listTypes.js'\nimport { unwrapList } from './unwrapList.js'\n\nexport const toggleList = (editor: Editor, format: string): void => {\n  let currentListFormat: string\n\n  if (isListActive(editor, 'ol')) currentListFormat = 'ol'\n  if (isListActive(editor, 'ul')) currentListFormat = 'ul'\n\n  // If the format is currently active,\n  // remove the list\n  if (currentListFormat === format) {\n    const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n    // If on an empty bullet, leave the above list alone\n    // and unwrap only the active bullet\n    if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n      Transforms.unwrapNodes(editor, {\n        match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n        mode: 'lowest',\n        split: true,\n      })\n\n      Transforms.setNodes(editor, { type: undefined })\n    } else {\n      // Otherwise, we need to unset li on all lis in the parent list\n      // and unwrap the parent list itself\n      const [, listPath] = getCommonBlock(editor, (n) => Element.isElement(n) && n.type === format)\n      unwrapList(editor, listPath)\n    }\n\n    // Otherwise, if a list is active and we are changing it,\n    // change it\n  } else if (currentListFormat && currentListFormat !== format) {\n    Transforms.setNodes(\n      editor,\n      {\n        type: format,\n      },\n      {\n        match: (node) => Element.isElement(node) && listTypes.includes(node.type),\n        mode: 'lowest',\n      },\n    )\n    // Otherwise we can assume that we should just activate the list\n  } else {\n    Transforms.wrapNodes(editor, { type: format, children: [] })\n\n    const [, parentNodePath] = getCommonBlock(\n      editor,\n      (node) => Element.isElement(node) && node.type === format,\n    )\n\n    // Only set li on nodes that don't have type\n    Transforms.setNodes(\n      editor,\n      { type: 'li' },\n      {\n        match: (node, path) => {\n          const match =\n            Element.isElement(node) &&\n            typeof node.type === 'undefined' &&\n            path.length === parentNodePath.length + 1\n\n          return match\n        },\n        voids: true,\n      },\n    )\n\n    // Wrap nodes that do have a type with an li\n    // so as to not lose their existing formatting\n    const nodesToWrap = Array.from(\n      Editor.nodes(editor, {\n        match: (node, path) => {\n          const match =\n            Element.isElement(node) &&\n            typeof node.type !== 'undefined' &&\n            node.type !== 'li' &&\n            path.length === parentNodePath.length + 1\n\n          return match\n        },\n      }),\n    )\n\n    nodesToWrap.forEach(([, path]) => {\n      Transforms.wrapNodes(editor, { type: 'li', children: [] }, { at: path })\n    })\n  }\n\n  ReactEditor.focus(editor)\n}\n"],"names":["Editor","Element","Node","Text","Transforms","ReactEditor","getCommonBlock","isListActive","listTypes","unwrapList","toggleList","editor","format","currentListFormat","selectedLeaf","descendant","selection","anchor","path","isText","String","text","length","unwrapNodes","match","n","isElement","includes","type","mode","split","setNodes","undefined","listPath","node","wrapNodes","children","parentNodePath","voids","nodesToWrap","Array","from","nodes","forEach","at","focus"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,QAAO;AAC/D,SAASC,WAAW,QAAQ,cAAa;AAEzC,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,SAAS,QAAQ,iBAAgB;AAC1C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,aAAa,CAACC,QAAgBC;IACzC,IAAIC;IAEJ,IAAIN,aAAaI,QAAQ,OAAOE,oBAAoB;IACpD,IAAIN,aAAaI,QAAQ,OAAOE,oBAAoB;IAEpD,qCAAqC;IACrC,kBAAkB;IAClB,IAAIA,sBAAsBD,QAAQ;QAChC,MAAME,eAAeZ,KAAKa,UAAU,CAACJ,QAAQA,OAAOK,SAAS,CAACC,MAAM,CAACC,IAAI;QAEzE,oDAAoD;QACpD,oCAAoC;QACpC,IAAIf,KAAKgB,MAAM,CAACL,iBAAiBM,OAAON,aAAaO,IAAI,EAAEC,MAAM,KAAK,GAAG;YACvElB,WAAWmB,WAAW,CAACZ,QAAQ;gBAC7Ba,OAAO,CAACC,IAAMxB,QAAQyB,SAAS,CAACD,MAAMjB,UAAUmB,QAAQ,CAACF,EAAEG,IAAI;gBAC/DC,MAAM;gBACNC,OAAO;YACT;YAEA1B,WAAW2B,QAAQ,CAACpB,QAAQ;gBAAEiB,MAAMI;YAAU;QAChD,OAAO;YACL,+DAA+D;YAC/D,oCAAoC;YACpC,MAAM,GAAGC,SAAS,GAAG3B,eAAeK,QAAQ,CAACc,IAAMxB,QAAQyB,SAAS,CAACD,MAAMA,EAAEG,IAAI,KAAKhB;YACtFH,WAAWE,QAAQsB;QACrB;IAEA,yDAAyD;IACzD,YAAY;IACd,OAAO,IAAIpB,qBAAqBA,sBAAsBD,QAAQ;QAC5DR,WAAW2B,QAAQ,CACjBpB,QACA;YACEiB,MAAMhB;QACR,GACA;YACEY,OAAO,CAACU,OAASjC,QAAQyB,SAAS,CAACQ,SAAS1B,UAAUmB,QAAQ,CAACO,KAAKN,IAAI;YACxEC,MAAM;QACR;IAEF,gEAAgE;IAClE,OAAO;QACLzB,WAAW+B,SAAS,CAACxB,QAAQ;YAAEiB,MAAMhB;YAAQwB,UAAU,EAAE;QAAC;QAE1D,MAAM,GAAGC,eAAe,GAAG/B,eACzBK,QACA,CAACuB,OAASjC,QAAQyB,SAAS,CAACQ,SAASA,KAAKN,IAAI,KAAKhB;QAGrD,4CAA4C;QAC5CR,WAAW2B,QAAQ,CACjBpB,QACA;YAAEiB,MAAM;QAAK,GACb;YACEJ,OAAO,CAACU,MAAMhB;gBACZ,MAAMM,QACJvB,QAAQyB,SAAS,CAACQ,SAClB,OAAOA,KAAKN,IAAI,KAAK,eACrBV,KAAKI,MAAM,KAAKe,eAAef,MAAM,GAAG;gBAE1C,OAAOE;YACT;YACAc,OAAO;QACT;QAGF,4CAA4C;QAC5C,8CAA8C;QAC9C,MAAMC,cAAcC,MAAMC,IAAI,CAC5BzC,OAAO0C,KAAK,CAAC/B,QAAQ;YACnBa,OAAO,CAACU,MAAMhB;gBACZ,MAAMM,QACJvB,QAAQyB,SAAS,CAACQ,SAClB,OAAOA,KAAKN,IAAI,KAAK,eACrBM,KAAKN,IAAI,KAAK,QACdV,KAAKI,MAAM,KAAKe,eAAef,MAAM,GAAG;gBAE1C,OAAOE;YACT;QACF;QAGFe,YAAYI,OAAO,CAAC,CAAC,GAAGzB,KAAK;YAC3Bd,WAAW+B,SAAS,CAACxB,QAAQ;gBAAEiB,MAAM;gBAAMQ,UAAU,EAAE;YAAC,GAAG;gBAAEQ,IAAI1B;YAAK;QACxE;IACF;IAEAb,YAAYwC,KAAK,CAAClC;AACpB,EAAC"}

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

@@ -2,6 +2,7 @@ import type { ElementType } from 'react';
 export type ButtonProps = {
     children?: React.ReactNode;
     className?: string;
+    disabled?: boolean;
     el?: ElementType;
     format: string;
     onClick?: (e: React.MouseEvent) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/field/elements/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/field/elements/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/types.ts"],"sourcesContent":["import type { ElementType } from 'react'\n\nexport type ButtonProps = {\n  children?: React.ReactNode\n  className?: string\n  el?: ElementType\n  format: string\n  onClick?: (e: React.MouseEvent) => void\n  tooltip?: string\n  type?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAQC"}
+{"version":3,"sources":["../../../src/field/elements/types.ts"],"sourcesContent":["import type { ElementType } from 'react'\n\nexport type ButtonProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: ElementType\n  format: string\n  onClick?: (e: React.MouseEvent) => void\n  tooltip?: string\n  type?: string\n}\n"],"names":[],"mappings":"AAEA,WASC"}

package/dist/field/elements/ul/Button.d.ts

@@ -0,0 +1,4 @@
+export declare const ULElementButton: ({ format }: {
+    format: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/field/elements/ul/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ul/Button.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,eAAgB;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAI7D,CAAA"}

package/dist/field/elements/ul/Button.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ULIcon } from '../../icons/UnorderedList/index.js';
+import { ListButton } from '../ListButton.js';
+export const ULElementButton = ({ format })=>/*#__PURE__*/ _jsx(ListButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(ULIcon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

package/dist/field/elements/ul/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/ul/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ULIcon } from '../../icons/UnorderedList/index.js'\nimport { ListButton } from '../ListButton.js'\n\nexport const ULElementButton = ({ format }: { format: string }) => (\n  <ListButton format={format}>\n    <ULIcon />\n  </ListButton>\n)\n"],"names":["React","ULIcon","ListButton","ULElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,UAAU,QAAQ,mBAAkB;AAE7C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAWE,QAAQA;kBAClB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/ul/UnorderedList.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.scss';
-export declare const UnorderedList: React.FC;
+export declare const UnorderedListElement: React.FC;
 //# sourceMappingURL=UnorderedList.d.ts.map

package/dist/field/elements/ul/UnorderedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ul/UnorderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAQjC,CAAA"}
+{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ul/UnorderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAQxC,CAAA"}

package/dist/field/elements/ul/UnorderedList.js

@@ -1,13 +1,15 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
 import './index.scss';
-export const UnorderedList = ()=>{
+export const UnorderedListElement = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("ul", {
+    return /*#__PURE__*/ _jsx("ul", {
         className: "rich-text-ul",
-        ...attributes
-    }, children);
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=UnorderedList.js.map

package/dist/field/elements/ul/UnorderedList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/ul/UnorderedList.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const UnorderedList: React.FC = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <ul className=\"rich-text-ul\" {...attributes}>\n      {children}\n    </ul>\n  )\n}\n"],"names":["React","useElement","UnorderedList","attributes","children","ul","className"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA0B;IACrC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,oBAACI;QAAGC,WAAU;QAAgB,GAAGH,UAAU;OACxCC;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/ul/UnorderedList.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const UnorderedListElement: React.FC = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <ul className=\"rich-text-ul\" {...attributes}>\n      {children}\n    </ul>\n  )\n}\n"],"names":["React","useElement","UnorderedListElement","attributes","children","ul","className"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,uBAAiC;IAC5C,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAGC,WAAU;QAAgB,GAAGH,UAAU;kBACxCC;;AAGP,EAAC"}

package/dist/field/elements/ul/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ul/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAQ9D,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ul/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,EAAE,EAAE,qBAShB,CAAA"}

package/dist/field/elements/ul/index.js

@@ -1,14 +1,13 @@
-import React from 'react';
-import { ULIcon } from '../../icons/UnorderedList/index.js';
-import { ListButton } from '../ListButton.js';
-import { UnorderedList } from './UnorderedList.js';
 const name = 'ul';
 export const ul = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ListButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(ULIcon, null)),
-    Element: UnorderedList
+        },
+        path: '@payloadcms/richtext-slate/client#ULElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#UnorderedListElement'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/ul/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { ULIcon } from '../../icons/UnorderedList/index.js'\nimport { ListButton } from '../ListButton.js'\nimport { UnorderedList } from './UnorderedList.js'\n\nconst name = 'ul'\n\nexport const ul: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ListButton format={name}>\n      <ULIcon />\n    </ListButton>\n  ),\n  Element: UnorderedList,\n}\n"],"names":["React","ULIcon","ListButton","UnorderedList","name","ul","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,aAAa,QAAQ,qBAAoB;AAElD,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAWK,QAAQH;yBAClB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/ul/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'ul'\n\nexport const ul: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#ULElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#UnorderedListElement',\n}\n"],"names":["name","ul","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

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

@@ -4,6 +4,6 @@ type ButtonProps = {
     enabledCollectionSlugs: string[];
     path: string;
 };
-export declare const Button: (props: ButtonProps) => React.ReactNode;
+export declare const UploadElementButton: (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":"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,mBAAmB,UAAW,WAAW,KAAG,KAAK,CAAC,SAM9D,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, {
+export const UploadElementButton = (props)=>{
+    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 UploadElementButton = (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","UploadElementButton","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,sBAAsB,CAACC;IAClC,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,15 +1,12 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
-import type { ClientCollectionConfig } from 'payload/types';
+import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
+import type { LoadedSlateFieldProps } from '../../../../types.js';
 import type { UploadElementType } from '../../types.js';
 export declare const UploadDrawer: React.FC<{
-    drawerSlug: string;
-    element: UploadElementType;
-    fieldProps: FormFieldBase & {
-        name: string;
-        richTextComponentMap: Map<string, React.ReactNode>;
-    };
-    relatedCollection: ClientCollectionConfig;
-    schemaPath: string;
+    readonly drawerSlug: string;
+    readonly element: UploadElementType;
+    readonly fieldProps: LoadedSlateFieldProps;
+    readonly relatedCollection: ClientCollectionConfig;
+    readonly 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,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,MAAM,SAAS,CAAA;AAiBrD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAA;IACnC,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAA;IAC1C,QAAQ,CAAC,iBAAiB,EAAE,sBAAsB,CAAA;IAClD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CA2GA,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();
@@ -26,10 +17,10 @@ export const UploadDrawer = (props)=>{
     const { closeModal } = useModal();
     const { id, collectionSlug } = useDocumentInfo();
     const [initialState, setInitialState] = useState({});
-    const { richTextComponentMap } = fieldProps;
+    const { field: { richTextComponentMap } } = fieldProps;
     const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`;
-    const fieldMap = richTextComponentMap.get(relatedFieldSchemaPath);
-    const config = useConfig();
+    const fields = richTextComponentMap.get(relatedFieldSchemaPath);
+    const { config } = useConfig();
     const handleUpdateEditData = useCallback((_, data)=>{
         const newNode = {
             fields: data
@@ -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, {
+                    fields: Array.isArray(fields) ? fields : [],
+                    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 } 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 { LoadedSlateFieldProps } from '../../../../types.js'\nimport type { UploadElementType } from '../../types.js'\n\nimport { uploadFieldsSchemaPath } from '../../shared.js'\n\nexport const UploadDrawer: React.FC<{\n  readonly drawerSlug: string\n  readonly element: UploadElementType\n  readonly fieldProps: LoadedSlateFieldProps\n  readonly relatedCollection: ClientCollectionConfig\n  readonly 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 {\n    field: { richTextComponentMap },\n  } = fieldProps\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const fields = 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          fields={Array.isArray(fields) ? fields : []}\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","field","richTextComponentMap","relatedFieldSchemaPath","slug","fields","get","config","handleUpdateEditData","_","data","newNode","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>;
-};
-export declare const Element: (props: Props) => React.ReactNode;
+} & FormFieldBase;
+export declare const UploadElement: (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,EAA0B,aAAa,EAAE,MAAM,SAAS,CAAA;AAcpE,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;AA0LjB,eAAO,MAAM,aAAa,UAAW,KAAK,KAAG,KAAK,CAAC,SAMlD,CAAA"}