@payloadcms/richtext-slate 3.0.0-canary.67aae47 → 3.0.0-canary.6b9e4be

package/dist/field/RichText.js

@@ -73,28 +73,28 @@ const RichTextField = (props)=>{
         if (element.textAlign) {
             if (element.type === 'relationship' || element.type === 'upload') {
                 switch(element.textAlign){
-                    case 'left':
+                    case 'center':
                         attr = {
                             ...attr,
                             style: {
+                                marginLeft: 'auto',
                                 marginRight: 'auto'
                             }
                         };
                         break;
-                    case 'right':
+                    case 'left':
                         attr = {
                             ...attr,
                             style: {
-                                marginLeft: 'auto'
+                                marginRight: 'auto'
                             }
                         };
                         break;
-                    case 'center':
+                    case 'right':
                         attr = {
                             ...attr,
                             style: {
-                                marginLeft: 'auto',
-                                marginRight: 'auto'
+                                marginLeft: 'auto'
                             }
                         };
                         break;
@@ -109,21 +109,21 @@ const RichTextField = (props)=>{
                 }
             } else if (element.type === 'li') {
                 switch(element.textAlign){
-                    case 'right':
+                    case 'center':
                         attr = {
                             ...attr,
                             style: {
                                 listStylePosition: 'inside',
-                                textAlign: 'right'
+                                textAlign: 'center'
                             }
                         };
                         break;
-                    case 'center':
+                    case 'right':
                         attr = {
                             ...attr,
                             style: {
                                 listStylePosition: 'inside',
-                                textAlign: 'center'
+                                textAlign: 'right'
                             }
                         };
                         break;

package/dist/field/RichText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/RichText.tsx"],"sourcesContent":["'use client'\n\nimport type { PayloadRequest } from 'payload'\nimport type { BaseEditor, BaseOperation } from 'slate'\nimport type { HistoryEditor } from 'slate-history'\nimport type { ReactEditor } from 'slate-react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldLabel, useEditDepth, useField, useTranslation, withCondition } from '@payloadcms/ui'\nimport { isHotkey } from 'is-hotkey'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { createEditor, Node, Element as SlateElement, Text, Transforms } from 'slate'\nimport { withHistory } from 'slate-history'\nimport { Editable, Slate, withReact } from 'slate-react'\n\nimport type { ElementNode, TextNode } from '../types.js'\nimport type { LoadedSlateFieldProps } from './types.js'\n\nimport { defaultRichTextValue } from '../data/defaultValue.js'\nimport { richTextValidate } from '../data/validation.js'\nimport { listTypes } from './elements/listTypes.js'\nimport { hotkeys } from './hotkeys.js'\nimport './index.scss'\nimport { toggleLeaf } from './leaves/toggle.js'\nimport { withEnterBreakOut } from './plugins/withEnterBreakOut.js'\nimport { withHTML } from './plugins/withHTML.js'\nimport { ElementButtonProvider } from './providers/ElementButtonProvider.js'\nimport { ElementProvider } from './providers/ElementProvider.js'\nimport { LeafButtonProvider } from './providers/LeafButtonProvider.js'\nimport { LeafProvider } from './providers/LeafProvider.js'\n\nconst baseClass = 'rich-text'\n\ndeclare module 'slate' {\n  interface CustomTypes {\n    Editor: BaseEditor & HistoryEditor & ReactEditor\n    Element: ElementNode\n    Text: TextNode\n  }\n}\n\nconst RichTextField: React.FC<LoadedSlateFieldProps> = (props) => {\n  const {\n    elements,\n    field: {\n      name,\n      admin: { className, placeholder, readOnly: readOnlyFromAdmin, style, width } = {},\n      label,\n      required,\n    },\n    leaves,\n    path: pathFromProps,\n    plugins,\n    readOnly: readOnlyFromTopLevelProps,\n    schemaPath: schemaPathFromProps,\n    validate = richTextValidate,\n  } = props\n\n  const path = pathFromProps ?? name\n  const schemaPath = schemaPathFromProps ?? name\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n } = useTranslation()\n  const editorRef = useRef(null)\n  const toolbarRef = useRef(null)\n\n  const drawerDepth = useEditDepth()\n  const drawerIsOpen = drawerDepth > 1\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, {\n          ...validationOptions,\n          req: {\n            t: i18n.t,\n          } as PayloadRequest,\n          required,\n        })\n      }\n    },\n    [validate, required, i18n],\n  )\n\n  const {\n    customComponents: { Description, Error, Label } = {},\n    formInitializing,\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || formInitializing\n\n  const editor = useMemo(() => {\n    let CreatedEditor = withEnterBreakOut(withHistory(withReact(createEditor())))\n\n    CreatedEditor = withHTML(CreatedEditor)\n\n    if (plugins.length) {\n      CreatedEditor = plugins.reduce((editorWithPlugins, plugin) => {\n        return plugin(editorWithPlugins)\n      }, CreatedEditor)\n    }\n\n    return CreatedEditor\n  }, [plugins])\n\n  const renderElement = useCallback(\n    ({ attributes, children, element }) => {\n      // return <div {...attributes}>{children}</div>\n\n      const matchedElement = elements[element.type]\n      const Element = matchedElement?.Element\n\n      let attr = { ...attributes }\n\n      // this converts text alignment to margin when dealing with void elements\n      if (element.textAlign) {\n        if (element.type === 'relationship' || element.type === 'upload') {\n          switch (element.textAlign) {\n            case 'left':\n              attr = { ...attr, style: { marginRight: 'auto' } }\n              break\n            case 'right':\n              attr = { ...attr, style: { marginLeft: 'auto' } }\n              break\n            case 'center':\n              attr = { ...attr, style: { marginLeft: 'auto', marginRight: 'auto' } }\n              break\n            default:\n              attr = { ...attr, style: { textAlign: element.textAlign } }\n              break\n          }\n        } else if (element.type === 'li') {\n          switch (element.textAlign) {\n            case 'right':\n              attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'right' } }\n              break\n            case 'center':\n              attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'center' } }\n              break\n            case 'left':\n            default:\n              attr = { ...attr, style: { listStylePosition: 'outside', textAlign: 'left' } }\n              break\n          }\n        } else {\n          attr = { ...attr, style: { textAlign: element.textAlign } }\n        }\n      }\n\n      if (Element) {\n        const el = (\n          <ElementProvider\n            attributes={attr}\n            childNodes={children}\n            editorRef={editorRef}\n            element={element}\n            fieldProps={props}\n            path={path}\n            schemaPath={schemaPath}\n          >\n            {Element}\n          </ElementProvider>\n        )\n\n        return el\n      }\n\n      return <div {...attr}>{children}</div>\n    },\n    [elements, path, props, schemaPath],\n  )\n\n  const renderLeaf = useCallback(\n    ({ attributes, children, leaf }) => {\n      const matchedLeaves = Object.entries(leaves).filter(([leafName]) => leaf[leafName])\n\n      if (matchedLeaves.length > 0) {\n        return matchedLeaves.reduce(\n          (result, [, leafConfig], i) => {\n            if (leafConfig?.Leaf) {\n              const Leaf = leafConfig.Leaf\n\n              return (\n                <LeafProvider\n                  attributes={attributes}\n                  editorRef={editorRef}\n                  fieldProps={props}\n                  key={i}\n                  leaf={leaf}\n                  path={path}\n                  result={result}\n                  schemaPath={schemaPath}\n                >\n                  {Leaf}\n                </LeafProvider>\n              )\n            }\n\n            return result\n          },\n          <span {...attributes}>{children}</span>,\n        )\n      }\n\n      return <span {...attributes}>{children}</span>\n    },\n    [path, props, schemaPath, leaves],\n  )\n\n  // All slate changes fire the onChange event\n  // including selection changes\n  // so we will filter the set_selection operations out\n  // and only fire setValue when onChange is because of value\n  const handleChange = useCallback(\n    (val: unknown) => {\n      const ops = editor?.operations.filter((o: BaseOperation) => {\n        if (o) {\n          return o.type !== 'set_selection'\n        }\n        return false\n      })\n\n      if (ops && Array.isArray(ops) && ops.length > 0) {\n        if (!disabled && val !== defaultRichTextValue && val !== value) {\n          setValue(val)\n        }\n      }\n    },\n    [editor?.operations, disabled, setValue, value],\n  )\n\n  useEffect(() => {\n    function setClickableState(clickState: 'disabled' | 'enabled') {\n      const selectors = 'button, a, [role=\"button\"]'\n      const toolbarButtons: (HTMLAnchorElement | HTMLButtonElement)[] =\n        toolbarRef.current?.querySelectorAll(selectors)\n\n      ;(toolbarButtons || []).forEach((child) => {\n        const isButton = child.tagName === 'BUTTON'\n        const isDisabling = clickState === 'disabled'\n        child.setAttribute('tabIndex', isDisabling ? '-1' : '0')\n        if (isButton) {\n          child.setAttribute('disabled', isDisabling ? 'disabled' : null)\n        }\n      })\n    }\n\n    if (disabled) {\n      setClickableState('disabled')\n    }\n\n    return () => {\n      if (disabled) {\n        setClickableState('enabled')\n      }\n    }\n  }, [disabled])\n\n  // useEffect(() => {\n  //   // If there is a change to the initial value, we need to reset Slate history\n  //   // and clear selection because the old selection may no longer be valid\n  //   // as returned JSON may be modified in hooks and have a different shape\n  //   if (editor.selection) {\n  //     console.log('deselecting');\n  //     ReactEditor.deselect(editor);\n  //   }\n  // }, [path, editor]);\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let valueToRender = value\n\n  if (typeof valueToRender === 'string') {\n    try {\n      const parsedJSON = JSON.parse(valueToRender)\n      valueToRender = parsedJSON\n    } catch (err) {\n      valueToRender = null\n    }\n  }\n\n  if (!valueToRender) {\n    valueToRender = defaultRichTextValue\n  }\n\n  return (\n    <div\n      className={classes}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      {Label || <FieldLabel label={label} required={required} />}\n      <div className={`${baseClass}__wrap`}>\n        {Error}\n        <Slate\n          editor={editor}\n          key={JSON.stringify({ initialValue, path })} // makes sure slate is completely re-rendered when initialValue changes, bypassing the slate-internal value memoization. That way, external changes to the form will update the editor\n          onChange={handleChange}\n          value={valueToRender as any[]}\n        >\n          <div className={`${baseClass}__wrapper`}>\n            {Object.keys(elements)?.length + Object.keys(leaves)?.length > 0 && (\n              <div\n                className={[`${baseClass}__toolbar`, drawerIsOpen && `${baseClass}__drawerIsOpen`]\n                  .filter(Boolean)\n                  .join(' ')}\n                ref={toolbarRef}\n              >\n                <div className={`${baseClass}__toolbar-wrap`}>\n                  {Object.values(elements).map((element) => {\n                    const Button = element?.Button\n\n                    if (Button) {\n                      return (\n                        <ElementButtonProvider\n                          disabled={disabled}\n                          fieldProps={props}\n                          key={element.name}\n                          path={path}\n                          schemaPath={schemaPath}\n                        >\n                          {Button}\n                        </ElementButtonProvider>\n                      )\n                    }\n\n                    return null\n                  })}\n                  {Object.values(leaves).map((leaf) => {\n                    const Button = leaf?.Button\n\n                    if (Button) {\n                      return (\n                        <LeafButtonProvider\n                          fieldProps={props}\n                          key={leaf.name}\n                          path={path}\n                          schemaPath={schemaPath}\n                        >\n                          {Button}\n                        </LeafButtonProvider>\n                      )\n                    }\n\n                    return null\n                  })}\n                </div>\n              </div>\n            )}\n            <div className={`${baseClass}__editor`} ref={editorRef}>\n              <Editable\n                className={`${baseClass}__input`}\n                id={`field-${path.replace(/\\./g, '__')}`}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter') {\n                    if (event.shiftKey) {\n                      event.preventDefault()\n                      editor.insertText('\\n')\n                    } else {\n                      const selectedElement = Node.descendant(\n                        editor,\n                        editor.selection.anchor.path.slice(0, -1),\n                      )\n\n                      if (SlateElement.isElement(selectedElement)) {\n                        // Allow hard enter to \"break out\" of certain elements\n                        if (editor.shouldBreakOutOnEnter(selectedElement)) {\n                          event.preventDefault()\n                          const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n                          if (\n                            Text.isText(selectedLeaf) &&\n                            String(selectedLeaf.text).length === editor.selection.anchor.offset\n                          ) {\n                            Transforms.insertNodes(editor, { children: [{ text: '' }] })\n                          } else {\n                            Transforms.splitNodes(editor)\n                            Transforms.setNodes(editor, {})\n                          }\n                        }\n                      }\n                    }\n                  }\n\n                  if (event.key === 'Backspace') {\n                    const selectedElement = Node.descendant(\n                      editor,\n                      editor.selection.anchor.path.slice(0, -1),\n                    )\n\n                    if (SlateElement.isElement(selectedElement) && selectedElement.type === 'li') {\n                      const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n                      if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n                        event.preventDefault()\n                        Transforms.unwrapNodes(editor, {\n                          match: (n) => SlateElement.isElement(n) && listTypes.includes(n.type),\n                          mode: 'lowest',\n                          split: true,\n                        })\n\n                        Transforms.setNodes(editor, { type: undefined })\n                      }\n                    } else if (editor.isVoid(selectedElement)) {\n                      Transforms.removeNodes(editor)\n                    }\n                  }\n\n                  Object.keys(hotkeys).forEach((hotkey) => {\n                    if (isHotkey(hotkey, event as any)) {\n                      event.preventDefault()\n                      const mark = hotkeys[hotkey]\n                      toggleLeaf(editor, mark)\n                    }\n                  })\n                }}\n                placeholder={getTranslation(placeholder, i18n)}\n                readOnly={disabled}\n                renderElement={renderElement}\n                renderLeaf={renderLeaf}\n                spellCheck\n              />\n            </div>\n          </div>\n        </Slate>\n        {Description}\n      </div>\n    </div>\n  )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldLabel","useEditDepth","useField","useTranslation","withCondition","isHotkey","React","useCallback","useEffect","useMemo","useRef","createEditor","Node","Element","SlateElement","Text","Transforms","withHistory","Editable","Slate","withReact","defaultRichTextValue","richTextValidate","listTypes","hotkeys","toggleLeaf","withEnterBreakOut","withHTML","ElementButtonProvider","ElementProvider","LeafButtonProvider","LeafProvider","baseClass","RichTextField","props","elements","field","name","admin","className","placeholder","readOnly","readOnlyFromAdmin","style","width","label","required","leaves","path","pathFromProps","plugins","readOnlyFromTopLevelProps","schemaPath","schemaPathFromProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","customComponents","Description","Error","Label","formInitializing","initialValue","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","marginRight","marginLeft","listStylePosition","el","childNodes","fieldProps","div","renderLeaf","leaf","matchedLeaves","Object","entries","filter","leafName","result","leafConfig","i","Leaf","span","handleChange","val","ops","operations","o","Array","isArray","setClickableState","clickState","selectors","toolbarButtons","current","querySelectorAll","forEach","child","isButton","tagName","isDisabling","setAttribute","classes","Boolean","join","valueToRender","parsedJSON","JSON","parse","err","onChange","keys","ref","values","map","Button","id","replace","onKeyDown","event","key","shiftKey","preventDefault","insertText","selectedElement","descendant","selection","anchor","slice","isElement","shouldBreakOutOnEnter","selectedLeaf","isText","String","text","offset","insertNodes","splitNodes","setNodes","unwrapNodes","match","n","includes","mode","split","undefined","isVoid","removeNodes","hotkey","mark","spellCheck","stringify","RichText"],"mappings":"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"}
+{"version":3,"sources":["../../src/field/RichText.tsx"],"sourcesContent":["'use client'\n\nimport type { PayloadRequest } from 'payload'\nimport type { BaseEditor, BaseOperation } from 'slate'\nimport type { HistoryEditor } from 'slate-history'\nimport type { ReactEditor } from 'slate-react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldLabel, useEditDepth, useField, useTranslation, withCondition } from '@payloadcms/ui'\nimport { isHotkey } from 'is-hotkey'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { createEditor, Node, Element as SlateElement, Text, Transforms } from 'slate'\nimport { withHistory } from 'slate-history'\nimport { Editable, Slate, withReact } from 'slate-react'\n\nimport type { ElementNode, TextNode } from '../types.js'\nimport type { LoadedSlateFieldProps } from './types.js'\n\nimport { defaultRichTextValue } from '../data/defaultValue.js'\nimport { richTextValidate } from '../data/validation.js'\nimport { listTypes } from './elements/listTypes.js'\nimport { hotkeys } from './hotkeys.js'\nimport './index.scss'\nimport { toggleLeaf } from './leaves/toggle.js'\nimport { withEnterBreakOut } from './plugins/withEnterBreakOut.js'\nimport { withHTML } from './plugins/withHTML.js'\nimport { ElementButtonProvider } from './providers/ElementButtonProvider.js'\nimport { ElementProvider } from './providers/ElementProvider.js'\nimport { LeafButtonProvider } from './providers/LeafButtonProvider.js'\nimport { LeafProvider } from './providers/LeafProvider.js'\n\nconst baseClass = 'rich-text'\n\ndeclare module 'slate' {\n  interface CustomTypes {\n    Editor: BaseEditor & HistoryEditor & ReactEditor\n    Element: ElementNode\n    Text: TextNode\n  }\n}\n\nconst RichTextField: React.FC<LoadedSlateFieldProps> = (props) => {\n  const {\n    elements,\n    field: {\n      name,\n      admin: { className, placeholder, readOnly: readOnlyFromAdmin, style, width } = {},\n      label,\n      required,\n    },\n    leaves,\n    path: pathFromProps,\n    plugins,\n    readOnly: readOnlyFromTopLevelProps,\n    schemaPath: schemaPathFromProps,\n    validate = richTextValidate,\n  } = props\n\n  const path = pathFromProps ?? name\n  const schemaPath = schemaPathFromProps ?? name\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n } = useTranslation()\n  const editorRef = useRef(null)\n  const toolbarRef = useRef(null)\n\n  const drawerDepth = useEditDepth()\n  const drawerIsOpen = drawerDepth > 1\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, {\n          ...validationOptions,\n          req: {\n            t: i18n.t,\n          } as PayloadRequest,\n          required,\n        })\n      }\n    },\n    [validate, required, i18n],\n  )\n\n  const {\n    customComponents: { Description, Error, Label } = {},\n    formInitializing,\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || formInitializing\n\n  const editor = useMemo(() => {\n    let CreatedEditor = withEnterBreakOut(withHistory(withReact(createEditor())))\n\n    CreatedEditor = withHTML(CreatedEditor)\n\n    if (plugins.length) {\n      CreatedEditor = plugins.reduce((editorWithPlugins, plugin) => {\n        return plugin(editorWithPlugins)\n      }, CreatedEditor)\n    }\n\n    return CreatedEditor\n  }, [plugins])\n\n  const renderElement = useCallback(\n    ({ attributes, children, element }) => {\n      // return <div {...attributes}>{children}</div>\n\n      const matchedElement = elements[element.type]\n      const Element = matchedElement?.Element\n\n      let attr = { ...attributes }\n\n      // this converts text alignment to margin when dealing with void elements\n      if (element.textAlign) {\n        if (element.type === 'relationship' || element.type === 'upload') {\n          switch (element.textAlign) {\n            case 'center':\n              attr = { ...attr, style: { marginLeft: 'auto', marginRight: 'auto' } }\n              break\n            case 'left':\n              attr = { ...attr, style: { marginRight: 'auto' } }\n              break\n            case 'right':\n              attr = { ...attr, style: { marginLeft: 'auto' } }\n              break\n            default:\n              attr = { ...attr, style: { textAlign: element.textAlign } }\n              break\n          }\n        } else if (element.type === 'li') {\n          switch (element.textAlign) {\n            case 'center':\n              attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'center' } }\n              break\n            case 'right':\n              attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'right' } }\n              break\n            case 'left':\n            default:\n              attr = { ...attr, style: { listStylePosition: 'outside', textAlign: 'left' } }\n              break\n          }\n        } else {\n          attr = { ...attr, style: { textAlign: element.textAlign } }\n        }\n      }\n\n      if (Element) {\n        const el = (\n          <ElementProvider\n            attributes={attr}\n            childNodes={children}\n            editorRef={editorRef}\n            element={element}\n            fieldProps={props}\n            path={path}\n            schemaPath={schemaPath}\n          >\n            {Element}\n          </ElementProvider>\n        )\n\n        return el\n      }\n\n      return <div {...attr}>{children}</div>\n    },\n    [elements, path, props, schemaPath],\n  )\n\n  const renderLeaf = useCallback(\n    ({ attributes, children, leaf }) => {\n      const matchedLeaves = Object.entries(leaves).filter(([leafName]) => leaf[leafName])\n\n      if (matchedLeaves.length > 0) {\n        return matchedLeaves.reduce(\n          (result, [, leafConfig], i) => {\n            if (leafConfig?.Leaf) {\n              const Leaf = leafConfig.Leaf\n\n              return (\n                <LeafProvider\n                  attributes={attributes}\n                  editorRef={editorRef}\n                  fieldProps={props}\n                  key={i}\n                  leaf={leaf}\n                  path={path}\n                  result={result}\n                  schemaPath={schemaPath}\n                >\n                  {Leaf}\n                </LeafProvider>\n              )\n            }\n\n            return result\n          },\n          <span {...attributes}>{children}</span>,\n        )\n      }\n\n      return <span {...attributes}>{children}</span>\n    },\n    [path, props, schemaPath, leaves],\n  )\n\n  // All slate changes fire the onChange event\n  // including selection changes\n  // so we will filter the set_selection operations out\n  // and only fire setValue when onChange is because of value\n  const handleChange = useCallback(\n    (val: unknown) => {\n      const ops = editor?.operations.filter((o: BaseOperation) => {\n        if (o) {\n          return o.type !== 'set_selection'\n        }\n        return false\n      })\n\n      if (ops && Array.isArray(ops) && ops.length > 0) {\n        if (!disabled && val !== defaultRichTextValue && val !== value) {\n          setValue(val)\n        }\n      }\n    },\n    [editor?.operations, disabled, setValue, value],\n  )\n\n  useEffect(() => {\n    function setClickableState(clickState: 'disabled' | 'enabled') {\n      const selectors = 'button, a, [role=\"button\"]'\n      const toolbarButtons: (HTMLAnchorElement | HTMLButtonElement)[] =\n        toolbarRef.current?.querySelectorAll(selectors)\n\n      ;(toolbarButtons || []).forEach((child) => {\n        const isButton = child.tagName === 'BUTTON'\n        const isDisabling = clickState === 'disabled'\n        child.setAttribute('tabIndex', isDisabling ? '-1' : '0')\n        if (isButton) {\n          child.setAttribute('disabled', isDisabling ? 'disabled' : null)\n        }\n      })\n    }\n\n    if (disabled) {\n      setClickableState('disabled')\n    }\n\n    return () => {\n      if (disabled) {\n        setClickableState('enabled')\n      }\n    }\n  }, [disabled])\n\n  // useEffect(() => {\n  //   // If there is a change to the initial value, we need to reset Slate history\n  //   // and clear selection because the old selection may no longer be valid\n  //   // as returned JSON may be modified in hooks and have a different shape\n  //   if (editor.selection) {\n  //     console.log('deselecting');\n  //     ReactEditor.deselect(editor);\n  //   }\n  // }, [path, editor]);\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let valueToRender = value\n\n  if (typeof valueToRender === 'string') {\n    try {\n      const parsedJSON = JSON.parse(valueToRender)\n      valueToRender = parsedJSON\n    } catch (err) {\n      valueToRender = null\n    }\n  }\n\n  if (!valueToRender) {\n    valueToRender = defaultRichTextValue\n  }\n\n  return (\n    <div\n      className={classes}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      {Label || <FieldLabel label={label} required={required} />}\n      <div className={`${baseClass}__wrap`}>\n        {Error}\n        <Slate\n          editor={editor}\n          key={JSON.stringify({ initialValue, path })} // makes sure slate is completely re-rendered when initialValue changes, bypassing the slate-internal value memoization. That way, external changes to the form will update the editor\n          onChange={handleChange}\n          value={valueToRender as any[]}\n        >\n          <div className={`${baseClass}__wrapper`}>\n            {Object.keys(elements)?.length + Object.keys(leaves)?.length > 0 && (\n              <div\n                className={[`${baseClass}__toolbar`, drawerIsOpen && `${baseClass}__drawerIsOpen`]\n                  .filter(Boolean)\n                  .join(' ')}\n                ref={toolbarRef}\n              >\n                <div className={`${baseClass}__toolbar-wrap`}>\n                  {Object.values(elements).map((element) => {\n                    const Button = element?.Button\n\n                    if (Button) {\n                      return (\n                        <ElementButtonProvider\n                          disabled={disabled}\n                          fieldProps={props}\n                          key={element.name}\n                          path={path}\n                          schemaPath={schemaPath}\n                        >\n                          {Button}\n                        </ElementButtonProvider>\n                      )\n                    }\n\n                    return null\n                  })}\n                  {Object.values(leaves).map((leaf) => {\n                    const Button = leaf?.Button\n\n                    if (Button) {\n                      return (\n                        <LeafButtonProvider\n                          fieldProps={props}\n                          key={leaf.name}\n                          path={path}\n                          schemaPath={schemaPath}\n                        >\n                          {Button}\n                        </LeafButtonProvider>\n                      )\n                    }\n\n                    return null\n                  })}\n                </div>\n              </div>\n            )}\n            <div className={`${baseClass}__editor`} ref={editorRef}>\n              <Editable\n                className={`${baseClass}__input`}\n                id={`field-${path.replace(/\\./g, '__')}`}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter') {\n                    if (event.shiftKey) {\n                      event.preventDefault()\n                      editor.insertText('\\n')\n                    } else {\n                      const selectedElement = Node.descendant(\n                        editor,\n                        editor.selection.anchor.path.slice(0, -1),\n                      )\n\n                      if (SlateElement.isElement(selectedElement)) {\n                        // Allow hard enter to \"break out\" of certain elements\n                        if (editor.shouldBreakOutOnEnter(selectedElement)) {\n                          event.preventDefault()\n                          const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n                          if (\n                            Text.isText(selectedLeaf) &&\n                            String(selectedLeaf.text).length === editor.selection.anchor.offset\n                          ) {\n                            Transforms.insertNodes(editor, { children: [{ text: '' }] })\n                          } else {\n                            Transforms.splitNodes(editor)\n                            Transforms.setNodes(editor, {})\n                          }\n                        }\n                      }\n                    }\n                  }\n\n                  if (event.key === 'Backspace') {\n                    const selectedElement = Node.descendant(\n                      editor,\n                      editor.selection.anchor.path.slice(0, -1),\n                    )\n\n                    if (SlateElement.isElement(selectedElement) && selectedElement.type === 'li') {\n                      const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n                      if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n                        event.preventDefault()\n                        Transforms.unwrapNodes(editor, {\n                          match: (n) => SlateElement.isElement(n) && listTypes.includes(n.type),\n                          mode: 'lowest',\n                          split: true,\n                        })\n\n                        Transforms.setNodes(editor, { type: undefined })\n                      }\n                    } else if (editor.isVoid(selectedElement)) {\n                      Transforms.removeNodes(editor)\n                    }\n                  }\n\n                  Object.keys(hotkeys).forEach((hotkey) => {\n                    if (isHotkey(hotkey, event as any)) {\n                      event.preventDefault()\n                      const mark = hotkeys[hotkey]\n                      toggleLeaf(editor, mark)\n                    }\n                  })\n                }}\n                placeholder={getTranslation(placeholder, i18n)}\n                readOnly={disabled}\n                renderElement={renderElement}\n                renderLeaf={renderLeaf}\n                spellCheck\n              />\n            </div>\n          </div>\n        </Slate>\n        {Description}\n      </div>\n    </div>\n  )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldLabel","useEditDepth","useField","useTranslation","withCondition","isHotkey","React","useCallback","useEffect","useMemo","useRef","createEditor","Node","Element","SlateElement","Text","Transforms","withHistory","Editable","Slate","withReact","defaultRichTextValue","richTextValidate","listTypes","hotkeys","toggleLeaf","withEnterBreakOut","withHTML","ElementButtonProvider","ElementProvider","LeafButtonProvider","LeafProvider","baseClass","RichTextField","props","elements","field","name","admin","className","placeholder","readOnly","readOnlyFromAdmin","style","width","label","required","leaves","path","pathFromProps","plugins","readOnlyFromTopLevelProps","schemaPath","schemaPathFromProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","customComponents","Description","Error","Label","formInitializing","initialValue","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","marginLeft","marginRight","listStylePosition","el","childNodes","fieldProps","div","renderLeaf","leaf","matchedLeaves","Object","entries","filter","leafName","result","leafConfig","i","Leaf","span","handleChange","val","ops","operations","o","Array","isArray","setClickableState","clickState","selectors","toolbarButtons","current","querySelectorAll","forEach","child","isButton","tagName","isDisabling","setAttribute","classes","Boolean","join","valueToRender","parsedJSON","JSON","parse","err","onChange","keys","ref","values","map","Button","id","replace","onKeyDown","event","key","shiftKey","preventDefault","insertText","selectedElement","descendant","selection","anchor","slice","isElement","shouldBreakOutOnEnter","selectedLeaf","isText","String","text","offset","insertNodes","splitNodes","setNodes","unwrapNodes","match","n","includes","mode","split","undefined","isVoid","removeNodes","hotkey","mark","spellCheck","stringify","RichText"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Button/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAkDjD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,UAAU,EAAE,MAAM,CAAA;CACnB,CAsEA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Button/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAkDjD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,UAAU,EAAE,MAAM,CAAA;CACnB,CAqEA,CAAA"}

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

@@ -90,7 +90,6 @@ export const LinkButton = ({ schemaPath })=>{
                                 data,
                                 docPermissions,
                                 docPreferences: await getDocPreferences(),
-                                doNotAbort: true,
                                 globalSlug,
                                 operation: 'update',
                                 renderAllFields: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/link/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState } from 'payload'\n\nimport {\n  useDocumentInfo,\n  useDrawerSlug,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { Fragment, useState } from 'react'\nimport { Editor, Range, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { LinkIcon } from '../../../icons/Link/index.js'\nimport { useElementButton } from '../../../providers/ElementButtonProvider.js'\nimport { ElementButton } from '../../Button.js'\nimport { isElementActive } from '../../isActive.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\n\n/**\n * This function is called when a new link is created - not when an existing link is edited.\n */\nconst insertLink = (editor, fields) => {\n  const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n  const data = reduceFieldsToValues(fields, true)\n\n  const newLink = {\n    type: 'link',\n    children: [],\n    doc: data.doc,\n    fields: data.fields, // Any custom user-added fields are part of data.fields\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (isCollapsed || !editor.selection) {\n    // If selection anchor and focus are the same,\n    // Just inject a new node with children already set\n    Transforms.insertNodes(editor, {\n      ...newLink,\n      children: [{ text: String(data.text) }],\n    })\n  } else if (editor.selection) {\n    // Otherwise we need to wrap the selected node in a link,\n    // Delete its old text,\n    // Move the selection one position forward into the link,\n    // And insert the text back into the new link\n    Transforms.wrapNodes(editor, newLink, { split: true })\n    Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'word' })\n    Transforms.move(editor, { distance: 1, unit: 'offset' })\n    Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n  }\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkButton: React.FC<{\n  schemaPath: string\n}> = ({ schemaPath }) => {\n  const { fieldProps } = useElementButton()\n  const [initialState, setInitialState] = useState<FormState>({})\n\n  const { t } = useTranslation()\n  const editor = useSlate()\n  const { getFormState } = useServerFunctions()\n  const { collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('rich-text-link')\n\n  const { componentMap } = fieldProps\n\n  const fields = componentMap[linkFieldsSchemaPath]\n\n  return (\n    <Fragment>\n      <ElementButton\n        className=\"link\"\n        format=\"link\"\n        onClick={async () => {\n          if (isElementActive(editor, 'link')) {\n            unwrapLink(editor)\n          } else {\n            openModal(drawerSlug)\n            const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n\n            if (!isCollapsed) {\n              const data = {\n                text: editor.selection ? Editor.string(editor, editor.selection) : '',\n              }\n\n              const { state } = await getFormState({\n                collectionSlug,\n                data,\n                docPermissions,\n                docPreferences: await getDocPreferences(),\n                doNotAbort: true,\n                globalSlug,\n                operation: 'update',\n                renderAllFields: true,\n                schemaPath: [...schemaPath.split('.'), ...linkFieldsSchemaPath.split('.')].join(\n                  '.',\n                ),\n              })\n\n              setInitialState(state)\n            }\n          }\n        }}\n        tooltip={t('fields:addLink')}\n      >\n        <LinkIcon />\n      </ElementButton>\n      <LinkDrawer\n        drawerSlug={drawerSlug}\n        fields={Array.isArray(fields) ? fields : []}\n        handleClose={() => {\n          closeModal(drawerSlug)\n        }}\n        handleModalSubmit={(fields) => {\n          insertLink(editor, fields)\n          closeModal(drawerSlug)\n        }}\n        initialState={initialState}\n        schemaPath={schemaPath}\n      />\n    </Fragment>\n  )\n}\n"],"names":["useDocumentInfo","useDrawerSlug","useModal","useServerFunctions","useTranslation","reduceFieldsToValues","React","Fragment","useState","Editor","Range","Transforms","ReactEditor","useSlate","LinkIcon","useElementButton","ElementButton","isElementActive","LinkDrawer","linkFieldsSchemaPath","unwrapLink","insertLink","editor","fields","isCollapsed","selection","data","newLink","type","children","doc","linkType","newTab","url","insertNodes","text","String","wrapNodes","split","delete","at","focus","path","unit","move","distance","insertText","LinkButton","schemaPath","fieldProps","initialState","setInitialState","t","getFormState","collectionSlug","docPermissions","getDocPreferences","globalSlug","closeModal","openModal","drawerSlug","componentMap","className","format","onClick","string","state","docPreferences","doNotAbort","operation","renderAllFields","join","tooltip","Array","isArray","handleClose","handleModalSubmit"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/field/elements/link/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState } from 'payload'\n\nimport {\n  useDocumentInfo,\n  useDrawerSlug,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { Fragment, useState } from 'react'\nimport { Editor, Range, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { LinkIcon } from '../../../icons/Link/index.js'\nimport { useElementButton } from '../../../providers/ElementButtonProvider.js'\nimport { ElementButton } from '../../Button.js'\nimport { isElementActive } from '../../isActive.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\n\n/**\n * This function is called when a new link is created - not when an existing link is edited.\n */\nconst insertLink = (editor, fields) => {\n  const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n  const data = reduceFieldsToValues(fields, true)\n\n  const newLink = {\n    type: 'link',\n    children: [],\n    doc: data.doc,\n    fields: data.fields, // Any custom user-added fields are part of data.fields\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (isCollapsed || !editor.selection) {\n    // If selection anchor and focus are the same,\n    // Just inject a new node with children already set\n    Transforms.insertNodes(editor, {\n      ...newLink,\n      children: [{ text: String(data.text) }],\n    })\n  } else if (editor.selection) {\n    // Otherwise we need to wrap the selected node in a link,\n    // Delete its old text,\n    // Move the selection one position forward into the link,\n    // And insert the text back into the new link\n    Transforms.wrapNodes(editor, newLink, { split: true })\n    Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'word' })\n    Transforms.move(editor, { distance: 1, unit: 'offset' })\n    Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n  }\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkButton: React.FC<{\n  schemaPath: string\n}> = ({ schemaPath }) => {\n  const { fieldProps } = useElementButton()\n  const [initialState, setInitialState] = useState<FormState>({})\n\n  const { t } = useTranslation()\n  const editor = useSlate()\n  const { getFormState } = useServerFunctions()\n  const { collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('rich-text-link')\n\n  const { componentMap } = fieldProps\n\n  const fields = componentMap[linkFieldsSchemaPath]\n\n  return (\n    <Fragment>\n      <ElementButton\n        className=\"link\"\n        format=\"link\"\n        onClick={async () => {\n          if (isElementActive(editor, 'link')) {\n            unwrapLink(editor)\n          } else {\n            openModal(drawerSlug)\n            const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n\n            if (!isCollapsed) {\n              const data = {\n                text: editor.selection ? Editor.string(editor, editor.selection) : '',\n              }\n\n              const { state } = await getFormState({\n                collectionSlug,\n                data,\n                docPermissions,\n                docPreferences: await getDocPreferences(),\n                globalSlug,\n                operation: 'update',\n                renderAllFields: true,\n                schemaPath: [...schemaPath.split('.'), ...linkFieldsSchemaPath.split('.')].join(\n                  '.',\n                ),\n              })\n\n              setInitialState(state)\n            }\n          }\n        }}\n        tooltip={t('fields:addLink')}\n      >\n        <LinkIcon />\n      </ElementButton>\n      <LinkDrawer\n        drawerSlug={drawerSlug}\n        fields={Array.isArray(fields) ? fields : []}\n        handleClose={() => {\n          closeModal(drawerSlug)\n        }}\n        handleModalSubmit={(fields) => {\n          insertLink(editor, fields)\n          closeModal(drawerSlug)\n        }}\n        initialState={initialState}\n        schemaPath={schemaPath}\n      />\n    </Fragment>\n  )\n}\n"],"names":["useDocumentInfo","useDrawerSlug","useModal","useServerFunctions","useTranslation","reduceFieldsToValues","React","Fragment","useState","Editor","Range","Transforms","ReactEditor","useSlate","LinkIcon","useElementButton","ElementButton","isElementActive","LinkDrawer","linkFieldsSchemaPath","unwrapLink","insertLink","editor","fields","isCollapsed","selection","data","newLink","type","children","doc","linkType","newTab","url","insertNodes","text","String","wrapNodes","split","delete","at","focus","path","unit","move","distance","insertText","LinkButton","schemaPath","fieldProps","initialState","setInitialState","t","getFormState","collectionSlug","docPermissions","getDocPreferences","globalSlug","closeModal","openModal","drawerSlug","componentMap","className","format","onClick","string","state","docPreferences","operation","renderAllFields","join","tooltip","Array","isArray","handleClose","handleModalSubmit"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Element/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,cAAc,CAAA;AAiCrB,eAAO,MAAM,WAAW,+CAuLvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Element/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,cAAc,CAAA;AAiCrB,eAAO,MAAM,WAAW,+CAsLvB,CAAA"}

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

@@ -79,7 +79,6 @@ export const LinkElement = ()=>{
                 data,
                 docPermissions,
                 docPreferences: await getDocPreferences(),
-                doNotAbort: true,
                 globalSlug,
                 operation: 'update',
                 renderAllFields: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Popup,\n  Translation,\n  useConfig,\n  useDocumentInfo,\n  useDrawerSlug,\n  useLocale,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { deepCopyObject, reduceFieldsToValues } from 'payload/shared'\nimport { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/**\n * This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n  const data = reduceFieldsToValues(fields, true)\n\n  const [, parentPath] = Editor.above(editor)\n\n  const newNode: Record<string, unknown> = {\n    doc: data.doc,\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (data.fields) {\n    newNode.fields = data.fields\n  }\n\n  Transforms.setNodes(editor, newNode, { at: parentPath })\n\n  Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n  Transforms.move(editor, { distance: 1, unit: 'offset' })\n  Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n  const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n    useElement<LinkElementType>()\n\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n  const { componentMap } = fieldProps\n  const fields = componentMap[linkFieldsSchemaPath]\n  const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const editor = useSlate()\n  const { config } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal, toggleModal } = useModal()\n  const [renderModal, setRenderModal] = useState(false)\n  const [renderPopup, setRenderPopup] = useState(false)\n  const [initialState, setInitialState] = useState<FormState>({})\n\n  const { getFormState } = useServerFunctions()\n\n  const drawerSlug = useDrawerSlug('rich-text-link')\n\n  const handleTogglePopup = useCallback((render) => {\n    if (!render) {\n      setRenderPopup(render)\n    }\n  }, [])\n\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const data = {\n        doc: element.doc,\n        fields: deepCopyObject(element.fields),\n        linkType: element.linkType,\n        newTab: element.newTab,\n        text: Node.string(element),\n        url: element.url,\n      }\n\n      const { state } = await getFormState({\n        collectionSlug,\n        data,\n        docPermissions,\n        docPreferences: await getDocPreferences(),\n        doNotAbort: true,\n        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: fieldMapPath ?? '',\n      })\n\n      setInitialState(state)\n    }\n\n    if (renderModal) {\n      void awaitInitialState()\n    }\n  }, [\n    renderModal,\n    element,\n    locale,\n    t,\n    collectionSlug,\n    config,\n    id,\n    fieldMapPath,\n    getFormState,\n    globalSlug,\n    getDocPreferences,\n    docPermissions,\n  ])\n\n  return (\n    <span className={baseClass} {...attributes}>\n      <span contentEditable={false} style={{ userSelect: 'none' }}>\n        {renderModal && (\n          <LinkDrawer\n            drawerSlug={drawerSlug}\n            fields={Array.isArray(fields) ? fields : []}\n            handleClose={() => {\n              toggleModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            handleModalSubmit={(fields) => {\n              insertChange(editor, fields)\n              closeModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            initialState={initialState}\n            schemaPath={schemaPath}\n          />\n        )}\n        <Popup\n          boundingRef={editorRef}\n          buttonType=\"none\"\n          forceOpen={renderPopup}\n          horizontalAlign=\"left\"\n          onToggleOpen={handleTogglePopup}\n          render={() => (\n            <div className={`${baseClass}__popup`}>\n              {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n                <Translation\n                  elements={{\n                    '0': ({ children }) => (\n                      <a\n                        className={`${baseClass}__link-label`}\n                        href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                        title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                      >\n                        {children}\n                      </a>\n                    ),\n                  }}\n                  i18nKey=\"fields:linkedTo\"\n                  t={t}\n                  variables={{\n                    label: getTranslation(\n                      config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels\n                        ?.singular,\n                      i18n,\n                    ),\n                  }}\n                />\n              )}\n              {(element.linkType === 'custom' || !element.linkType) && (\n                <a\n                  className={`${baseClass}__link-label`}\n                  href={element.url}\n                  rel=\"noreferrer\"\n                  target=\"_blank\"\n                  title={element.url}\n                >\n                  {element.url}\n                </a>\n              )}\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-edit`}\n                icon=\"edit\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  setRenderPopup(false)\n                  openModal(drawerSlug)\n                  setRenderModal(true)\n                }}\n                round\n                tooltip={t('general:edit')}\n              />\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-close`}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  unwrapLink(editor)\n                }}\n                round\n                tooltip={t('general:remove')}\n              />\n            </div>\n          )}\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      </span>\n      <span\n        className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n        onClick={() => setRenderPopup(true)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            setRenderPopup(true)\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"names":["getTranslation","Button","Popup","Translation","useConfig","useDocumentInfo","useDrawerSlug","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","reduceFieldsToValues","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","fieldMapPath","componentMap","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","config","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","getFormState","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","docPreferences","doNotAbort","operation","renderAllFields","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","routes","admin","rel","target","title","i18nKey","variables","label","collections","find","slug","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Popup,\n  Translation,\n  useConfig,\n  useDocumentInfo,\n  useDrawerSlug,\n  useLocale,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { deepCopyObject, reduceFieldsToValues } from 'payload/shared'\nimport { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/**\n * This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n  const data = reduceFieldsToValues(fields, true)\n\n  const [, parentPath] = Editor.above(editor)\n\n  const newNode: Record<string, unknown> = {\n    doc: data.doc,\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (data.fields) {\n    newNode.fields = data.fields\n  }\n\n  Transforms.setNodes(editor, newNode, { at: parentPath })\n\n  Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n  Transforms.move(editor, { distance: 1, unit: 'offset' })\n  Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n  const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n    useElement<LinkElementType>()\n\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n  const { componentMap } = fieldProps\n  const fields = componentMap[linkFieldsSchemaPath]\n  const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const editor = useSlate()\n  const { config } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal, toggleModal } = useModal()\n  const [renderModal, setRenderModal] = useState(false)\n  const [renderPopup, setRenderPopup] = useState(false)\n  const [initialState, setInitialState] = useState<FormState>({})\n\n  const { getFormState } = useServerFunctions()\n\n  const drawerSlug = useDrawerSlug('rich-text-link')\n\n  const handleTogglePopup = useCallback((render) => {\n    if (!render) {\n      setRenderPopup(render)\n    }\n  }, [])\n\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const data = {\n        doc: element.doc,\n        fields: deepCopyObject(element.fields),\n        linkType: element.linkType,\n        newTab: element.newTab,\n        text: Node.string(element),\n        url: element.url,\n      }\n\n      const { state } = await getFormState({\n        collectionSlug,\n        data,\n        docPermissions,\n        docPreferences: await getDocPreferences(),\n        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: fieldMapPath ?? '',\n      })\n\n      setInitialState(state)\n    }\n\n    if (renderModal) {\n      void awaitInitialState()\n    }\n  }, [\n    renderModal,\n    element,\n    locale,\n    t,\n    collectionSlug,\n    config,\n    id,\n    fieldMapPath,\n    getFormState,\n    globalSlug,\n    getDocPreferences,\n    docPermissions,\n  ])\n\n  return (\n    <span className={baseClass} {...attributes}>\n      <span contentEditable={false} style={{ userSelect: 'none' }}>\n        {renderModal && (\n          <LinkDrawer\n            drawerSlug={drawerSlug}\n            fields={Array.isArray(fields) ? fields : []}\n            handleClose={() => {\n              toggleModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            handleModalSubmit={(fields) => {\n              insertChange(editor, fields)\n              closeModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            initialState={initialState}\n            schemaPath={schemaPath}\n          />\n        )}\n        <Popup\n          boundingRef={editorRef}\n          buttonType=\"none\"\n          forceOpen={renderPopup}\n          horizontalAlign=\"left\"\n          onToggleOpen={handleTogglePopup}\n          render={() => (\n            <div className={`${baseClass}__popup`}>\n              {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n                <Translation\n                  elements={{\n                    '0': ({ children }) => (\n                      <a\n                        className={`${baseClass}__link-label`}\n                        href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                        title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                      >\n                        {children}\n                      </a>\n                    ),\n                  }}\n                  i18nKey=\"fields:linkedTo\"\n                  t={t}\n                  variables={{\n                    label: getTranslation(\n                      config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels\n                        ?.singular,\n                      i18n,\n                    ),\n                  }}\n                />\n              )}\n              {(element.linkType === 'custom' || !element.linkType) && (\n                <a\n                  className={`${baseClass}__link-label`}\n                  href={element.url}\n                  rel=\"noreferrer\"\n                  target=\"_blank\"\n                  title={element.url}\n                >\n                  {element.url}\n                </a>\n              )}\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-edit`}\n                icon=\"edit\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  setRenderPopup(false)\n                  openModal(drawerSlug)\n                  setRenderModal(true)\n                }}\n                round\n                tooltip={t('general:edit')}\n              />\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-close`}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  unwrapLink(editor)\n                }}\n                round\n                tooltip={t('general:remove')}\n              />\n            </div>\n          )}\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      </span>\n      <span\n        className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n        onClick={() => setRenderPopup(true)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            setRenderPopup(true)\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"names":["getTranslation","Button","Popup","Translation","useConfig","useDocumentInfo","useDrawerSlug","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","reduceFieldsToValues","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","fieldMapPath","componentMap","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","config","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","getFormState","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","docPreferences","operation","renderAllFields","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","routes","admin","rel","target","title","i18nKey","variables","label","collections","find","slug","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"mappings":"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"}

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":"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,CA8HA,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,CA6HA,CAAA"}

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

@@ -44,7 +44,6 @@ export const UploadDrawer = (props)=>{
                 data,
                 docPermissions,
                 docPreferences: await getDocPreferences(),
-                doNotAbort: true,
                 globalSlug,
                 operation: 'update',
                 renderAllFields: true,

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 { FormProps } from '@payloadcms/ui'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Drawer,\n  EditDepthProvider,\n  Form,\n  FormSubmit,\n  RenderFields,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\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 { closeModal } = useModal()\n  const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const { getFormState } = useServerFunctions()\n\n  const [initialState, setInitialState] = useState({})\n  const { componentMap } = fieldProps\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const fields = componentMap[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        id,\n        collectionSlug,\n        data,\n        docPermissions,\n        docPreferences: await getDocPreferences(),\n        doNotAbort: true,\n        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n      })\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n  }, [\n    config,\n    element?.fields,\n    locale,\n    t,\n    collectionSlug,\n    id,\n    schemaPath,\n    relatedCollection.slug,\n    getFormState,\n    globalSlug,\n    getDocPreferences,\n    docPermissions,\n  ])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions,\n        docPreferences: await getDocPreferences(),\n        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n      })\n\n      return state\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      docPermissions,\n      getDocPreferences,\n      globalSlug,\n      schemaPath,\n      relatedCollection.slug,\n    ],\n  )\n\n  return (\n    <EditDepthProvider>\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            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath=\"\"\n            permissions={{}}\n            readOnly={false}\n          />\n          <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n        </Form>\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n"],"names":["getTranslation","Drawer","EditDepthProvider","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","React","useCallback","useEffect","useState","Transforms","ReactEditor","useSlateStatic","uploadFieldsSchemaPath","UploadDrawer","props","editor","drawerSlug","element","fieldProps","relatedCollection","schemaPath","i18n","t","code","locale","closeModal","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","getFormState","initialState","setInitialState","componentMap","relatedFieldSchemaPath","slug","fields","config","handleUpdateEditData","_","data","newNode","elementPath","findPath","setNodes","at","awaitInitialState","state","docPreferences","doNotAbort","operation","renderAllFields","onChange","formState","prevFormState","title","label","labels","singular","beforeSubmit","disableValidationOnSubmit","onSubmit","Array","isArray","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"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  EditDepthProvider,\n  Form,\n  FormSubmit,\n  RenderFields,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\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 { closeModal } = useModal()\n  const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const { getFormState } = useServerFunctions()\n\n  const [initialState, setInitialState] = useState({})\n  const { componentMap } = fieldProps\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const fields = componentMap[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        id,\n        collectionSlug,\n        data,\n        docPermissions,\n        docPreferences: await getDocPreferences(),\n        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n      })\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n  }, [\n    config,\n    element?.fields,\n    locale,\n    t,\n    collectionSlug,\n    id,\n    schemaPath,\n    relatedCollection.slug,\n    getFormState,\n    globalSlug,\n    getDocPreferences,\n    docPermissions,\n  ])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions,\n        docPreferences: await getDocPreferences(),\n        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n      })\n\n      return state\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      docPermissions,\n      getDocPreferences,\n      globalSlug,\n      schemaPath,\n      relatedCollection.slug,\n    ],\n  )\n\n  return (\n    <EditDepthProvider>\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            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath=\"\"\n            permissions={{}}\n            readOnly={false}\n          />\n          <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n        </Form>\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n"],"names":["getTranslation","Drawer","EditDepthProvider","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","React","useCallback","useEffect","useState","Transforms","ReactEditor","useSlateStatic","uploadFieldsSchemaPath","UploadDrawer","props","editor","drawerSlug","element","fieldProps","relatedCollection","schemaPath","i18n","t","code","locale","closeModal","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","getFormState","initialState","setInitialState","componentMap","relatedFieldSchemaPath","slug","fields","config","handleUpdateEditData","_","data","newNode","elementPath","findPath","setNodes","at","awaitInitialState","state","docPreferences","operation","renderAllFields","onChange","formState","prevFormState","title","label","labels","singular","beforeSubmit","disableValidationOnSubmit","onSubmit","Array","isArray","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"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"}

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":"AAgBA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAShE,OAAO,cAAc,CAAA;AAiMrB,eAAO,MAAM,aAAa,UAAW,GAAG,KAAG,KAAK,CAAC,SAMhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAShE,OAAO,cAAc,CAAA;AAqMrB,eAAO,MAAM,aAAa,UAAW,GAAG,KAAG,KAAK,CAAC,SAMhD,CAAA"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button, DrawerToggler, File, useConfig, useDocumentDrawer, useDrawerSlug, useListDrawer, usePayloadAPI, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useReducer, useState } from 'react';
@@ -127,20 +127,31 @@ const UploadElementComponent = ({ enabledCollectionSlugs })=>{
                                     /*#__PURE__*/ _jsxs("div", {
                                         className: `${baseClass}__actions`,
                                         children: [
-                                            Boolean(customFieldsMap) && /*#__PURE__*/ _jsx(DrawerToggler, {
-                                                className: `${baseClass}__upload-drawer-toggler`,
-                                                disabled: fieldProps?.field?.admin?.readOnly,
-                                                slug: drawerSlug,
-                                                children: /*#__PURE__*/ _jsx(Button, {
-                                                    buttonStyle: "icon-label",
-                                                    el: "div",
-                                                    icon: "edit",
-                                                    onClick: (e)=>{
-                                                        e.preventDefault();
-                                                    },
-                                                    round: true,
-                                                    tooltip: t('fields:editRelationship')
-                                                })
+                                            Boolean(customFieldsMap) && /*#__PURE__*/ _jsxs(_Fragment, {
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(DrawerToggler, {
+                                                        className: `${baseClass}__upload-drawer-toggler`,
+                                                        disabled: fieldProps?.field?.admin?.readOnly,
+                                                        slug: drawerSlug,
+                                                        children: /*#__PURE__*/ _jsx(Button, {
+                                                            buttonStyle: "icon-label",
+                                                            el: "div",
+                                                            icon: "edit",
+                                                            onClick: (e)=>{
+                                                                e.preventDefault();
+                                                            },
+                                                            round: true,
+                                                            tooltip: t('fields:editRelationship')
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(UploadDrawer, {
+                                                        drawerSlug,
+                                                        element,
+                                                        fieldProps,
+                                                        relatedCollection,
+                                                        schemaPath
+                                                    })
+                                                ]
                                             }),
                                             /*#__PURE__*/ _jsx(ListDrawerToggler, {
                                                 className: `${baseClass}__list-drawer-toggler`,
@@ -192,13 +203,6 @@ const UploadElementComponent = ({ enabledCollectionSlugs })=>{
             }),
             /*#__PURE__*/ _jsx(ListDrawer, {
                 onSelect: swapUpload
-            }),
-            /*#__PURE__*/ _jsx(UploadDrawer, {
-                drawerSlug,
-                element,
-                fieldProps,
-                relatedCollection,
-                schemaPath
             })
         ]
     });

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

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

package/dist/field/rscEntry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rscEntry.d.ts","sourceRoot":"","sources":["../../src/field/rscEntry.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,oBAAoB,EAMzB,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAA6C,MAAM,aAAa,CAAA;AAQ9F,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC;IACE,IAAI,EAAE,gBAAgB,CAAA;CACvB,GAAG,oBAAoB,GACtB,oBAAoB,CAkLvB,CAAA"}
+{"version":3,"file":"rscEntry.d.ts","sourceRoot":"","sources":["../../src/field/rscEntry.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,oBAAoB,EAMzB,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAA6C,MAAM,aAAa,CAAA;AAQ9F,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC;IACE,IAAI,EAAE,gBAAgB,CAAA;CACvB,GAAG,oBAAoB,GACtB,oBAAoB,CAoLvB,CAAA"}

package/dist/field/rscEntry.js

@@ -83,11 +83,14 @@ export const RscEntrySlateField = ({ args, clientField, forceRender, i18n, index
                             clientFields,
                             defaultIDType: payload.config.db.defaultIDType,
                             fields: args.admin?.link?.fields,
-                            i18n
+                            i18n,
+                            importMap: payload.importMap
                         });
                         componentMap.set(linkFieldsSchemaPath, clientFields);
                         break;
                     }
+                case 'relationship':
+                    break;
                 case 'upload':
                     {
                         const uploadEnabledCollections = payload.config.collections.filter(({ admin: { enableRichTextRelationship, hidden }, upload })=>{
@@ -103,15 +106,14 @@ export const RscEntrySlateField = ({ args, clientField, forceRender, i18n, index
                                     clientFields,
                                     defaultIDType: payload.config.db.defaultIDType,
                                     fields: args?.admin?.upload?.collections[collection.slug]?.fields,
-                                    i18n
+                                    i18n,
+                                    importMap: payload.importMap
                                 });
                                 componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields);
                             }
                         });
                         break;
                     }
-                case 'relationship':
-                    break;
             }
         }
     });

package/dist/field/rscEntry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/rscEntry.tsx"],"sourcesContent":["import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport {\n  type ClientComponentProps,\n  type ClientField,\n  createClientFields,\n  deepCopyObjectSimple,\n  type Field,\n  type RichTextFieldClient,\n  type ServerComponentProps,\n} from 'payload'\nimport React from 'react'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from '../types.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { RichTextField } from '../exports/client/index.js'\nimport { elements as elementTypes } from '../field/elements/index.js'\nimport { defaultLeaves as leafTypes } from '../field/leaves/index.js'\nimport { linkFieldsSchemaPath } from './elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './elements/upload/shared.js'\nexport const RscEntrySlateField: React.FC<\n  {\n    args: AdapterArguments\n  } & ClientComponentProps &\n    ServerComponentProps\n> = ({\n  args,\n  clientField,\n  forceRender,\n  i18n,\n  indexPath,\n  parentPath,\n  parentSchemaPath,\n  path,\n  payload,\n  readOnly,\n  renderedBlocks,\n  schemaPath,\n}) => {\n  const componentMap: Map<string, ClientField[] | React.ReactNode> = new Map()\n\n  const clientProps = {\n    schemaPath,\n  }\n\n  ;(args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf) => {\n    let leafObject: RichTextCustomLeaf\n\n    if (typeof leaf === 'object' && leaf !== null) {\n      leafObject = leaf\n    } else if (typeof leaf === 'string' && leafTypes[leaf]) {\n      leafObject = leafTypes[leaf]\n    }\n\n    if (leafObject) {\n      const LeafButton = leafObject.Button\n      const LeafComponent = leafObject.Leaf\n\n      componentMap.set(\n        `leaf.button.${leafObject.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={LeafButton}\n          importMap={payload.importMap}\n        />,\n      )\n\n      componentMap.set(\n        `leaf.component.${leafObject.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={LeafComponent}\n          importMap={payload.importMap}\n        />,\n      )\n\n      if (Array.isArray(leafObject.plugins)) {\n        leafObject.plugins.forEach((Plugin, i) => {\n          componentMap.set(\n            `leaf.plugin.${leafObject.name}.${i}`,\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={Plugin}\n              importMap={payload.importMap}\n            />,\n          )\n        })\n      }\n    }\n  })\n  ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n    let element: RichTextCustomElement\n\n    if (typeof el === 'object' && el !== null) {\n      element = el\n    } else if (typeof el === 'string' && elementTypes[el]) {\n      element = elementTypes[el]\n    }\n\n    if (element) {\n      const ElementButton = element.Button\n      const ElementComponent = element.Element\n\n      if (ElementButton) {\n        componentMap.set(\n          `element.button.${element.name}`,\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={ElementButton}\n            importMap={payload.importMap}\n          />,\n        )\n      }\n      componentMap.set(\n        `element.component.${element.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={ElementComponent}\n          importMap={payload.importMap}\n        />,\n      )\n\n      if (Array.isArray(element.plugins)) {\n        element.plugins.forEach((Plugin, i) => {\n          componentMap.set(\n            `element.plugin.${element.name}.${i}`,\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={Plugin}\n              importMap={payload.importMap}\n            />,\n          )\n        })\n      }\n\n      switch (element.name) {\n        case 'link': {\n          let clientFields = deepCopyObjectSimple(\n            args.admin?.link?.fields,\n          ) as unknown as ClientField[]\n          clientFields = createClientFields({\n            clientFields,\n            defaultIDType: payload.config.db.defaultIDType,\n            fields: args.admin?.link?.fields as Field[],\n            i18n,\n          })\n\n          componentMap.set(linkFieldsSchemaPath, clientFields)\n\n          break\n        }\n\n        case 'upload': {\n          const uploadEnabledCollections = payload.config.collections.filter(\n            ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n              if (hidden === true) {\n                return false\n              }\n\n              return enableRichTextRelationship && Boolean(upload) === true\n            },\n          )\n\n          uploadEnabledCollections.forEach((collection) => {\n            if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n              let clientFields = deepCopyObjectSimple(\n                args?.admin?.upload?.collections[collection.slug]?.fields,\n              ) as unknown as ClientField[]\n              clientFields = createClientFields({\n                clientFields,\n                defaultIDType: payload.config.db.defaultIDType,\n                fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n                i18n,\n              })\n\n              componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields)\n            }\n          })\n\n          break\n        }\n\n        case 'relationship':\n          break\n      }\n    }\n  })\n\n  return (\n    <RichTextField\n      componentMap={Object.fromEntries(componentMap)}\n      field={clientField as RichTextFieldClient}\n      forceRender={forceRender}\n      indexPath={indexPath}\n      parentPath={parentPath}\n      parentSchemaPath={parentSchemaPath}\n      path={path}\n      readOnly={readOnly}\n      renderedBlocks={renderedBlocks}\n      schemaPath={schemaPath}\n    />\n  )\n}\n"],"names":["RenderServerComponent","createClientFields","deepCopyObjectSimple","React","RichTextField","elements","elementTypes","defaultLeaves","leafTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","RscEntrySlateField","args","clientField","forceRender","i18n","indexPath","parentPath","parentSchemaPath","path","payload","readOnly","renderedBlocks","schemaPath","componentMap","Map","clientProps","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","Component","importMap","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","clientFields","link","fields","defaultIDType","config","db","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug","fromEntries","field"],"mappings":"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"}
+{"version":3,"sources":["../../src/field/rscEntry.tsx"],"sourcesContent":["import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport {\n  type ClientComponentProps,\n  type ClientField,\n  createClientFields,\n  deepCopyObjectSimple,\n  type Field,\n  type RichTextFieldClient,\n  type ServerComponentProps,\n} from 'payload'\nimport React from 'react'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from '../types.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { RichTextField } from '../exports/client/index.js'\nimport { elements as elementTypes } from '../field/elements/index.js'\nimport { defaultLeaves as leafTypes } from '../field/leaves/index.js'\nimport { linkFieldsSchemaPath } from './elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './elements/upload/shared.js'\nexport const RscEntrySlateField: React.FC<\n  {\n    args: AdapterArguments\n  } & ClientComponentProps &\n    ServerComponentProps\n> = ({\n  args,\n  clientField,\n  forceRender,\n  i18n,\n  indexPath,\n  parentPath,\n  parentSchemaPath,\n  path,\n  payload,\n  readOnly,\n  renderedBlocks,\n  schemaPath,\n}) => {\n  const componentMap: Map<string, ClientField[] | React.ReactNode> = new Map()\n\n  const clientProps = {\n    schemaPath,\n  }\n\n  ;(args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf) => {\n    let leafObject: RichTextCustomLeaf\n\n    if (typeof leaf === 'object' && leaf !== null) {\n      leafObject = leaf\n    } else if (typeof leaf === 'string' && leafTypes[leaf]) {\n      leafObject = leafTypes[leaf]\n    }\n\n    if (leafObject) {\n      const LeafButton = leafObject.Button\n      const LeafComponent = leafObject.Leaf\n\n      componentMap.set(\n        `leaf.button.${leafObject.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={LeafButton}\n          importMap={payload.importMap}\n        />,\n      )\n\n      componentMap.set(\n        `leaf.component.${leafObject.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={LeafComponent}\n          importMap={payload.importMap}\n        />,\n      )\n\n      if (Array.isArray(leafObject.plugins)) {\n        leafObject.plugins.forEach((Plugin, i) => {\n          componentMap.set(\n            `leaf.plugin.${leafObject.name}.${i}`,\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={Plugin}\n              importMap={payload.importMap}\n            />,\n          )\n        })\n      }\n    }\n  })\n  ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n    let element: RichTextCustomElement\n\n    if (typeof el === 'object' && el !== null) {\n      element = el\n    } else if (typeof el === 'string' && elementTypes[el]) {\n      element = elementTypes[el]\n    }\n\n    if (element) {\n      const ElementButton = element.Button\n      const ElementComponent = element.Element\n\n      if (ElementButton) {\n        componentMap.set(\n          `element.button.${element.name}`,\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={ElementButton}\n            importMap={payload.importMap}\n          />,\n        )\n      }\n      componentMap.set(\n        `element.component.${element.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={ElementComponent}\n          importMap={payload.importMap}\n        />,\n      )\n\n      if (Array.isArray(element.plugins)) {\n        element.plugins.forEach((Plugin, i) => {\n          componentMap.set(\n            `element.plugin.${element.name}.${i}`,\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={Plugin}\n              importMap={payload.importMap}\n            />,\n          )\n        })\n      }\n\n      switch (element.name) {\n        case 'link': {\n          let clientFields = deepCopyObjectSimple(\n            args.admin?.link?.fields,\n          ) as unknown as ClientField[]\n          clientFields = createClientFields({\n            clientFields,\n            defaultIDType: payload.config.db.defaultIDType,\n            fields: args.admin?.link?.fields as Field[],\n            i18n,\n            importMap: payload.importMap,\n          })\n\n          componentMap.set(linkFieldsSchemaPath, clientFields)\n\n          break\n        }\n\n        case 'relationship':\n          break\n\n        case 'upload': {\n          const uploadEnabledCollections = payload.config.collections.filter(\n            ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n              if (hidden === true) {\n                return false\n              }\n\n              return enableRichTextRelationship && Boolean(upload) === true\n            },\n          )\n\n          uploadEnabledCollections.forEach((collection) => {\n            if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n              let clientFields = deepCopyObjectSimple(\n                args?.admin?.upload?.collections[collection.slug]?.fields,\n              ) as unknown as ClientField[]\n              clientFields = createClientFields({\n                clientFields,\n                defaultIDType: payload.config.db.defaultIDType,\n                fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n                i18n,\n                importMap: payload.importMap,\n              })\n\n              componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields)\n            }\n          })\n\n          break\n        }\n      }\n    }\n  })\n\n  return (\n    <RichTextField\n      componentMap={Object.fromEntries(componentMap)}\n      field={clientField as RichTextFieldClient}\n      forceRender={forceRender}\n      indexPath={indexPath}\n      parentPath={parentPath}\n      parentSchemaPath={parentSchemaPath}\n      path={path}\n      readOnly={readOnly}\n      renderedBlocks={renderedBlocks}\n      schemaPath={schemaPath}\n    />\n  )\n}\n"],"names":["RenderServerComponent","createClientFields","deepCopyObjectSimple","React","RichTextField","elements","elementTypes","defaultLeaves","leafTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","RscEntrySlateField","args","clientField","forceRender","i18n","indexPath","parentPath","parentSchemaPath","path","payload","readOnly","renderedBlocks","schemaPath","componentMap","Map","clientProps","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","Component","importMap","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","clientFields","link","fields","defaultIDType","config","db","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug","fromEntries","field"],"mappings":"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"}

package/dist/generateSchemaMap.js

@@ -30,6 +30,8 @@ export const getGenerateSchemaMap = (args)=>({ config, i18n, schemaMap, schemaPa
                             }
                             break;
                         }
+                    case 'relationship':
+                        break;
                     case 'upload':
                         {
                             const uploadEnabledCollections = config.collections.filter(({ admin: { enableRichTextRelationship, hidden }, upload })=>{
@@ -56,8 +58,6 @@ export const getGenerateSchemaMap = (args)=>({ config, i18n, schemaMap, schemaPa
                             });
                             break;
                         }
-                    case 'relationship':
-                        break;
                 }
             }
         });

package/dist/generateSchemaMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/generateSchemaMap.ts"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport { traverseFields } from '@payloadcms/ui/utilities/buildFieldSchemaMap/traverseFields'\n\nimport type { AdapterArguments, RichTextCustomElement } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\n\nexport const getGenerateSchemaMap =\n  (args: AdapterArguments): RichTextAdapter['generateSchemaMap'] =>\n  ({ config, i18n, schemaMap, schemaPath }) => {\n    ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n      let element: RichTextCustomElement\n\n      if (typeof el === 'object' && el !== null) {\n        element = el\n      } else if (typeof el === 'string' && elementTypes[el]) {\n        element = elementTypes[el]\n      }\n\n      if (element) {\n        switch (element.name) {\n          case 'link': {\n            if (args.admin?.link?.fields) {\n              schemaMap.set(`${schemaPath}.${linkFieldsSchemaPath}`, {\n                fields: args.admin?.link?.fields as Field[],\n              })\n\n              // generate schema map entries for sub-fields using traverseFields\n              traverseFields({\n                config,\n                fields: args.admin?.link?.fields as Field[],\n                i18n,\n                parentIndexPath: '',\n                parentSchemaPath: `${schemaPath}.${linkFieldsSchemaPath}`,\n                schemaMap,\n              })\n            }\n\n            break\n          }\n\n          case 'upload': {\n            const uploadEnabledCollections = config.collections.filter(\n              ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n                if (hidden === true) {\n                  return false\n                }\n\n                return enableRichTextRelationship && Boolean(upload) === true\n              },\n            )\n\n            uploadEnabledCollections.forEach((collection) => {\n              if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n                schemaMap.set(`${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`, {\n                  fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n                })\n\n                // generate schema map entries for sub-fields using traverseFields\n                traverseFields({\n                  config,\n                  fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n                  i18n,\n                  parentIndexPath: '',\n                  parentSchemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`,\n                  schemaMap,\n                })\n              }\n            })\n\n            break\n          }\n\n          case 'relationship':\n            break\n        }\n      }\n    })\n\n    return schemaMap\n  }\n"],"names":["traverseFields","elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","getGenerateSchemaMap","args","config","i18n","schemaMap","schemaPath","admin","Object","values","forEach","el","element","name","link","fields","set","parentIndexPath","parentSchemaPath","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"mappings":"AAEA,SAASA,cAAc,QAAQ,8DAA6D;AAI5F,SAASC,YAAYC,YAAY,QAAQ,4BAA2B;AACpE,SAASC,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,sBAAsB,QAAQ,oCAAmC;AAE1E,OAAO,MAAMC,uBACX,CAACC,OACD,CAAC,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAE;QACpCJ,CAAAA,MAAMK,OAAOV,YAAYW,OAAOC,MAAM,CAACX,aAAY,EAAGY,OAAO,CAAC,CAACC;YAC/D,IAAIC;YAEJ,IAAI,OAAOD,OAAO,YAAYA,OAAO,MAAM;gBACzCC,UAAUD;YACZ,OAAO,IAAI,OAAOA,OAAO,YAAYb,YAAY,CAACa,GAAG,EAAE;gBACrDC,UAAUd,YAAY,CAACa,GAAG;YAC5B;YAEA,IAAIC,SAAS;gBACX,OAAQA,QAAQC,IAAI;oBAClB,KAAK;wBAAQ;4BACX,IAAIX,KAAKK,KAAK,EAAEO,MAAMC,QAAQ;gCAC5BV,UAAUW,GAAG,CAAC,CAAC,EAAEV,WAAW,CAAC,EAAEP,qBAAqB,CAAC,EAAE;oCACrDgB,QAAQb,KAAKK,KAAK,EAAEO,MAAMC;gCAC5B;gCAEA,kEAAkE;gCAClEnB,eAAe;oCACbO;oCACAY,QAAQb,KAAKK,KAAK,EAAEO,MAAMC;oCAC1BX;oCACAa,iBAAiB;oCACjBC,kBAAkB,CAAC,EAAEZ,WAAW,CAAC,EAAEP,qBAAqB,CAAC;oCACzDM;gCACF;4BACF;4BAEA;wBACF;oBAEA,KAAK;wBAAU;4BACb,MAAMc,2BAA2BhB,OAAOiB,WAAW,CAACC,MAAM,CACxD,CAAC,EAAEd,OAAO,EAAEe,0BAA0B,EAAEC,MAAM,EAAE,EAAEC,MAAM,EAAE;gCACxD,IAAID,WAAW,MAAM;oCACnB,OAAO;gCACT;gCAEA,OAAOD,8BAA8BG,QAAQD,YAAY;4BAC3D;4BAGFL,yBAAyBT,OAAO,CAAC,CAACgB;gCAChC,IAAIxB,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ,QAAQ;oCAC7DV,UAAUW,GAAG,CAAC,CAAC,EAAEV,WAAW,CAAC,EAAEN,uBAAuB,CAAC,EAAE0B,WAAWC,IAAI,CAAC,CAAC,EAAE;wCAC1EZ,QAAQb,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ;oCAC7D;oCAEA,kEAAkE;oCAClEnB,eAAe;wCACbO;wCACAY,QAAQb,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ;wCAC3DX;wCACAa,iBAAiB;wCACjBC,kBAAkB,CAAC,EAAEZ,WAAW,CAAC,EAAEN,uBAAuB,CAAC,EAAE0B,WAAWC,IAAI,CAAC,CAAC;wCAC9EtB;oCACF;gCACF;4BACF;4BAEA;wBACF;oBAEA,KAAK;wBACH;gBACJ;YACF;QACF;QAEA,OAAOA;IACT,EAAC"}
+{"version":3,"sources":["../src/generateSchemaMap.ts"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport { traverseFields } from '@payloadcms/ui/utilities/buildFieldSchemaMap/traverseFields'\n\nimport type { AdapterArguments, RichTextCustomElement } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\n\nexport const getGenerateSchemaMap =\n  (args: AdapterArguments): RichTextAdapter['generateSchemaMap'] =>\n  ({ config, i18n, schemaMap, schemaPath }) => {\n    ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n      let element: RichTextCustomElement\n\n      if (typeof el === 'object' && el !== null) {\n        element = el\n      } else if (typeof el === 'string' && elementTypes[el]) {\n        element = elementTypes[el]\n      }\n\n      if (element) {\n        switch (element.name) {\n          case 'link': {\n            if (args.admin?.link?.fields) {\n              schemaMap.set(`${schemaPath}.${linkFieldsSchemaPath}`, {\n                fields: args.admin?.link?.fields as Field[],\n              })\n\n              // generate schema map entries for sub-fields using traverseFields\n              traverseFields({\n                config,\n                fields: args.admin?.link?.fields as Field[],\n                i18n,\n                parentIndexPath: '',\n                parentSchemaPath: `${schemaPath}.${linkFieldsSchemaPath}`,\n                schemaMap,\n              })\n            }\n\n            break\n          }\n\n          case 'relationship':\n            break\n\n          case 'upload': {\n            const uploadEnabledCollections = config.collections.filter(\n              ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n                if (hidden === true) {\n                  return false\n                }\n\n                return enableRichTextRelationship && Boolean(upload) === true\n              },\n            )\n\n            uploadEnabledCollections.forEach((collection) => {\n              if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n                schemaMap.set(`${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`, {\n                  fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n                })\n\n                // generate schema map entries for sub-fields using traverseFields\n                traverseFields({\n                  config,\n                  fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n                  i18n,\n                  parentIndexPath: '',\n                  parentSchemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`,\n                  schemaMap,\n                })\n              }\n            })\n\n            break\n          }\n        }\n      }\n    })\n\n    return schemaMap\n  }\n"],"names":["traverseFields","elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","getGenerateSchemaMap","args","config","i18n","schemaMap","schemaPath","admin","Object","values","forEach","el","element","name","link","fields","set","parentIndexPath","parentSchemaPath","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"mappings":"AAEA,SAASA,cAAc,QAAQ,8DAA6D;AAI5F,SAASC,YAAYC,YAAY,QAAQ,4BAA2B;AACpE,SAASC,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,sBAAsB,QAAQ,oCAAmC;AAE1E,OAAO,MAAMC,uBACX,CAACC,OACD,CAAC,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAE;QACpCJ,CAAAA,MAAMK,OAAOV,YAAYW,OAAOC,MAAM,CAACX,aAAY,EAAGY,OAAO,CAAC,CAACC;YAC/D,IAAIC;YAEJ,IAAI,OAAOD,OAAO,YAAYA,OAAO,MAAM;gBACzCC,UAAUD;YACZ,OAAO,IAAI,OAAOA,OAAO,YAAYb,YAAY,CAACa,GAAG,EAAE;gBACrDC,UAAUd,YAAY,CAACa,GAAG;YAC5B;YAEA,IAAIC,SAAS;gBACX,OAAQA,QAAQC,IAAI;oBAClB,KAAK;wBAAQ;4BACX,IAAIX,KAAKK,KAAK,EAAEO,MAAMC,QAAQ;gCAC5BV,UAAUW,GAAG,CAAC,CAAC,EAAEV,WAAW,CAAC,EAAEP,qBAAqB,CAAC,EAAE;oCACrDgB,QAAQb,KAAKK,KAAK,EAAEO,MAAMC;gCAC5B;gCAEA,kEAAkE;gCAClEnB,eAAe;oCACbO;oCACAY,QAAQb,KAAKK,KAAK,EAAEO,MAAMC;oCAC1BX;oCACAa,iBAAiB;oCACjBC,kBAAkB,CAAC,EAAEZ,WAAW,CAAC,EAAEP,qBAAqB,CAAC;oCACzDM;gCACF;4BACF;4BAEA;wBACF;oBAEA,KAAK;wBACH;oBAEF,KAAK;wBAAU;4BACb,MAAMc,2BAA2BhB,OAAOiB,WAAW,CAACC,MAAM,CACxD,CAAC,EAAEd,OAAO,EAAEe,0BAA0B,EAAEC,MAAM,EAAE,EAAEC,MAAM,EAAE;gCACxD,IAAID,WAAW,MAAM;oCACnB,OAAO;gCACT;gCAEA,OAAOD,8BAA8BG,QAAQD,YAAY;4BAC3D;4BAGFL,yBAAyBT,OAAO,CAAC,CAACgB;gCAChC,IAAIxB,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ,QAAQ;oCAC7DV,UAAUW,GAAG,CAAC,CAAC,EAAEV,WAAW,CAAC,EAAEN,uBAAuB,CAAC,EAAE0B,WAAWC,IAAI,CAAC,CAAC,EAAE;wCAC1EZ,QAAQb,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ;oCAC7D;oCAEA,kEAAkE;oCAClEnB,eAAe;wCACbO;wCACAY,QAAQb,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ;wCAC3DX;wCACAa,iBAAiB;wCACjBC,kBAAkB,CAAC,EAAEZ,WAAW,CAAC,EAAEN,uBAAuB,CAAC,EAAE0B,WAAWC,IAAI,CAAC,CAAC;wCAC9EtB;oCACF;gCACF;4BACF;4BAEA;wBACF;gBACF;YACF;QACF;QAEA,OAAOA;IACT,EAAC"}

package/license.md

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2018-2024 Payload CMS, Inc. <info@payloadcms.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-slate",
-  "version": "3.0.0-canary.67aae47",
+  "version": "3.0.0-canary.6b9e4be",
   "description": "The officially supported Slate richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -10,6 +10,13 @@
   },
   "license": "MIT",
   "author": "Payload <dev@payloadcms.com> (https://payloadcms.com)",
+  "maintainers": [
+    {
+      "name": "Payload",
+      "email": "info@payloadcms.com",
+      "url": "https://payloadcms.com"
+    }
+  ],
   "type": "module",
   "exports": {
     ".": {
@@ -39,20 +46,20 @@
     "slate-history": "0.86.0",
     "slate-hyperscript": "0.81.3",
     "slate-react": "0.92.0",
-    "@payloadcms/translations": "3.0.0-canary.67aae47",
-    "@payloadcms/ui": "3.0.0-canary.67aae47"
+    "@payloadcms/ui": "3.0.0-canary.6b9e4be",
+    "@payloadcms/translations": "3.0.0-canary.6b9e4be"
   },
   "devDependencies": {
     "@types/is-hotkey": "^0.1.10",
     "@types/node": "22.5.4",
     "@types/react": "npm:types-react@19.0.0-rc.1",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
-    "payload": "3.0.0-canary.67aae47",
+    "payload": "3.0.0-canary.6b9e4be",
     "@payloadcms/eslint-config": "3.0.0-beta.112"
   },
   "peerDependencies": {
     "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
-    "payload": "3.0.0-canary.67aae47"
+    "payload": "3.0.0-canary.6b9e4be"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"