@payloadcms/richtext-slate 3.0.0-beta.96 → 3.0.0-beta.97

package/dist/exports/client/index.d.ts

@@ -1,7 +1,7 @@
 export { RichTextCell } from '../../cell/index.js';
-export { ElementButton } from '../../field/elements/Button.js';
 export { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js';
 export { BlockquoteElement } from '../../field/elements/blockquote/Element.js';
+export { ElementButton } from '../../field/elements/Button.js';
 export { H1ElementButton } from '../../field/elements/h1/Button.js';
 export { Heading1Element } from '../../field/elements/h1/Heading1.js';
 export { H2ElementButton } from '../../field/elements/h2/Button.js';
@@ -33,9 +33,9 @@ export { UploadElementButton } from '../../field/elements/upload/Button/index.js
 export { UploadElement } from '../../field/elements/upload/Element/index.js';
 export { WithUpload } from '../../field/elements/upload/plugin.js';
 export { RichTextField } from '../../field/index.js';
-export { LeafButton } from '../../field/leaves/Button.js';
 export { BoldLeaf } from '../../field/leaves/bold/Bold/index.js';
 export { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js';
+export { LeafButton } from '../../field/leaves/Button.js';
 export { CodeLeaf } from '../../field/leaves/code/Code/index.js';
 export { CodeLeafButton } from '../../field/leaves/code/LeafButton.js';
 export { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js';

package/dist/exports/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/client/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/client/index.ts"],"names":[],"mappings":"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"}

package/dist/exports/client/index.js

@@ -1,8 +1,8 @@
 'use client';
 export { RichTextCell } from '../../cell/index.js';
-export { ElementButton } from '../../field/elements/Button.js';
 export { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js';
 export { BlockquoteElement } from '../../field/elements/blockquote/Element.js';
+export { ElementButton } from '../../field/elements/Button.js';
 export { H1ElementButton } from '../../field/elements/h1/Button.js';
 export { Heading1Element } from '../../field/elements/h1/Heading1.js';
 export { H2ElementButton } from '../../field/elements/h2/Button.js';
@@ -34,9 +34,9 @@ export { UploadElementButton } from '../../field/elements/upload/Button/index.js
 export { UploadElement } from '../../field/elements/upload/Element/index.js';
 export { WithUpload } from '../../field/elements/upload/plugin.js';
 export { RichTextField } from '../../field/index.js';
-export { LeafButton } from '../../field/leaves/Button.js';
 export { BoldLeaf } from '../../field/leaves/bold/Bold/index.js';
 export { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js';
+export { LeafButton } from '../../field/leaves/Button.js';
 export { CodeLeaf } from '../../field/leaves/code/Code/index.js';
 export { CodeLeafButton } from '../../field/leaves/code/LeafButton.js';
 export { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js';

package/dist/exports/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/exports/client/index.ts"],"sourcesContent":["'use client'\n\nexport { RichTextCell } from '../../cell/index.js'\nexport { ElementButton } from '../../field/elements/Button.js'\nexport { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js'\nexport { BlockquoteElement } from '../../field/elements/blockquote/Element.js'\nexport { H1ElementButton } from '../../field/elements/h1/Button.js'\nexport { Heading1Element } from '../../field/elements/h1/Heading1.js'\nexport { H2ElementButton } from '../../field/elements/h2/Button.js'\nexport { Heading2Element } from '../../field/elements/h2/Heading2.js'\nexport { H3ElementButton } from '../../field/elements/h3/Button.js'\nexport { Heading3Element } from '../../field/elements/h3/Heading3.js'\nexport { H4ElementButton } from '../../field/elements/h4/Button.js'\nexport { Heading4Element } from '../../field/elements/h4/Heading4.js'\nexport { H5ElementButton } from '../../field/elements/h5/Button.js'\n\nexport { Heading5Element } from '../../field/elements/h5/Heading5.js'\nexport { H6ElementButton } from '../../field/elements/h6/Button.js'\n\nexport { Heading6Element } from '../../field/elements/h6/Heading6.js'\n\nexport { IndentButton } from '../../field/elements/indent/Button.js'\nexport { IndentElement } from '../../field/elements/indent/Element.js'\nexport { ListItemElement } from '../../field/elements/li/ListItem.js'\n\nexport { LinkButton } from '../../field/elements/link/Button/index.js'\n\nexport { LinkElement } from '../../field/elements/link/Element/index.js'\n\nexport { WithLinks } from '../../field/elements/link/WithLinks.js'\nexport { OLElementButton } from '../../field/elements/ol/Button.js'\nexport { OrderedListElement } from '../../field/elements/ol/OrderedList.js'\n\nexport { RelationshipButton } from '../../field/elements/relationship/Button/index.js'\n\nexport { RelationshipElement } from '../../field/elements/relationship/Element/index.js'\nexport { WithRelationship } from '../../field/elements/relationship/plugin.js'\n\nexport { TextAlignElementButton } from '../../field/elements/textAlign/Button.js'\nexport { toggleElement } from '../../field/elements/toggle.js'\nexport { ULElementButton } from '../../field/elements/ul/Button.js'\nexport { UnorderedListElement } from '../../field/elements/ul/UnorderedList.js'\nexport { UploadElementButton } from '../../field/elements/upload/Button/index.js'\nexport { UploadElement } from '../../field/elements/upload/Element/index.js'\nexport { WithUpload } from '../../field/elements/upload/plugin.js'\nexport { RichTextField } from '../../field/index.js'\nexport { LeafButton } from '../../field/leaves/Button.js'\nexport { BoldLeaf } from '../../field/leaves/bold/Bold/index.js'\n\nexport { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js'\n\nexport { CodeLeaf } from '../../field/leaves/code/Code/index.js'\n\nexport { CodeLeafButton } from '../../field/leaves/code/LeafButton.js'\n\nexport { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js'\nexport { ItalicLeafButton } from '../../field/leaves/italic/LeafButton.js'\nexport { StrikethroughLeafButton } from '../../field/leaves/strikethrough/LeafButton.js'\n\nexport { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethrough/index.js'\nexport { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js'\n\nexport { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js'\n\nexport { useLeaf } from '../../field/providers/LeafProvider.js'\nexport { useSlatePlugin } from '../../utilities/useSlatePlugin.js'\n"],"names":["RichTextCell","ElementButton","BlockquoteElementButton","BlockquoteElement","H1ElementButton","Heading1Element","H2ElementButton","Heading2Element","H3ElementButton","Heading3Element","H4ElementButton","Heading4Element","H5ElementButton","Heading5Element","H6ElementButton","Heading6Element","IndentButton","IndentElement","ListItemElement","LinkButton","LinkElement","WithLinks","OLElementButton","OrderedListElement","RelationshipButton","RelationshipElement","WithRelationship","TextAlignElementButton","toggleElement","ULElementButton","UnorderedListElement","UploadElementButton","UploadElement","WithUpload","RichTextField","LeafButton","BoldLeaf","BoldLeafButton","CodeLeaf","CodeLeafButton","ItalicLeaf","ItalicLeafButton","StrikethroughLeafButton","StrikethroughLeaf","UnderlineLeafButton","UnderlineLeaf","useLeaf","useSlatePlugin"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,sBAAqB;AAClD,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,uBAAuB,QAAQ,4CAA2C;AACnF,SAASC,iBAAiB,QAAQ,6CAA4C;AAC9E,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,UAAU,QAAQ,4CAA2C;AAEtE,SAASC,WAAW,QAAQ,6CAA4C;AAExE,SAASC,SAAS,QAAQ,yCAAwC;AAClE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,kBAAkB,QAAQ,yCAAwC;AAE3E,SAASC,kBAAkB,QAAQ,oDAAmD;AAEtF,SAASC,mBAAmB,QAAQ,qDAAoD;AACxF,SAASC,gBAAgB,QAAQ,8CAA6C;AAE9E,SAASC,sBAAsB,QAAQ,2CAA0C;AACjF,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,oBAAoB,QAAQ,2CAA0C;AAC/E,SAASC,mBAAmB,QAAQ,8CAA6C;AACjF,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,aAAa,QAAQ,uBAAsB;AACpD,SAASC,UAAU,QAAQ,+BAA8B;AACzD,SAASC,QAAQ,QAAQ,wCAAuC;AAEhE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,QAAQ,QAAQ,wCAAuC;AAEhE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,UAAU,QAAQ,4CAA2C;AACtE,SAASC,gBAAgB,QAAQ,0CAAyC;AAC1E,SAASC,uBAAuB,QAAQ,iDAAgD;AAExF,SAASC,iBAAiB,QAAQ,0DAAyD;AAC3F,SAASC,mBAAmB,QAAQ,6CAA4C;AAEhF,SAASC,aAAa,QAAQ,kDAAiD;AAE/E,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,cAAc,QAAQ,oCAAmC"}
+{"version":3,"sources":["../../../src/exports/client/index.ts"],"sourcesContent":["'use client'\n\nexport { RichTextCell } from '../../cell/index.js'\nexport { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js'\nexport { BlockquoteElement } from '../../field/elements/blockquote/Element.js'\nexport { ElementButton } from '../../field/elements/Button.js'\nexport { H1ElementButton } from '../../field/elements/h1/Button.js'\nexport { Heading1Element } from '../../field/elements/h1/Heading1.js'\nexport { H2ElementButton } from '../../field/elements/h2/Button.js'\nexport { Heading2Element } from '../../field/elements/h2/Heading2.js'\nexport { H3ElementButton } from '../../field/elements/h3/Button.js'\nexport { Heading3Element } from '../../field/elements/h3/Heading3.js'\nexport { H4ElementButton } from '../../field/elements/h4/Button.js'\nexport { Heading4Element } from '../../field/elements/h4/Heading4.js'\nexport { H5ElementButton } from '../../field/elements/h5/Button.js'\n\nexport { Heading5Element } from '../../field/elements/h5/Heading5.js'\nexport { H6ElementButton } from '../../field/elements/h6/Button.js'\n\nexport { Heading6Element } from '../../field/elements/h6/Heading6.js'\n\nexport { IndentButton } from '../../field/elements/indent/Button.js'\nexport { IndentElement } from '../../field/elements/indent/Element.js'\nexport { ListItemElement } from '../../field/elements/li/ListItem.js'\n\nexport { LinkButton } from '../../field/elements/link/Button/index.js'\n\nexport { LinkElement } from '../../field/elements/link/Element/index.js'\n\nexport { WithLinks } from '../../field/elements/link/WithLinks.js'\nexport { OLElementButton } from '../../field/elements/ol/Button.js'\nexport { OrderedListElement } from '../../field/elements/ol/OrderedList.js'\n\nexport { RelationshipButton } from '../../field/elements/relationship/Button/index.js'\n\nexport { RelationshipElement } from '../../field/elements/relationship/Element/index.js'\nexport { WithRelationship } from '../../field/elements/relationship/plugin.js'\n\nexport { TextAlignElementButton } from '../../field/elements/textAlign/Button.js'\nexport { toggleElement } from '../../field/elements/toggle.js'\nexport { ULElementButton } from '../../field/elements/ul/Button.js'\nexport { UnorderedListElement } from '../../field/elements/ul/UnorderedList.js'\nexport { UploadElementButton } from '../../field/elements/upload/Button/index.js'\nexport { UploadElement } from '../../field/elements/upload/Element/index.js'\nexport { WithUpload } from '../../field/elements/upload/plugin.js'\nexport { RichTextField } from '../../field/index.js'\nexport { BoldLeaf } from '../../field/leaves/bold/Bold/index.js'\nexport { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js'\n\nexport { LeafButton } from '../../field/leaves/Button.js'\n\nexport { CodeLeaf } from '../../field/leaves/code/Code/index.js'\n\nexport { CodeLeafButton } from '../../field/leaves/code/LeafButton.js'\n\nexport { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js'\nexport { ItalicLeafButton } from '../../field/leaves/italic/LeafButton.js'\nexport { StrikethroughLeafButton } from '../../field/leaves/strikethrough/LeafButton.js'\n\nexport { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethrough/index.js'\nexport { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js'\n\nexport { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js'\n\nexport { useLeaf } from '../../field/providers/LeafProvider.js'\nexport { useSlatePlugin } from '../../utilities/useSlatePlugin.js'\n"],"names":["RichTextCell","BlockquoteElementButton","BlockquoteElement","ElementButton","H1ElementButton","Heading1Element","H2ElementButton","Heading2Element","H3ElementButton","Heading3Element","H4ElementButton","Heading4Element","H5ElementButton","Heading5Element","H6ElementButton","Heading6Element","IndentButton","IndentElement","ListItemElement","LinkButton","LinkElement","WithLinks","OLElementButton","OrderedListElement","RelationshipButton","RelationshipElement","WithRelationship","TextAlignElementButton","toggleElement","ULElementButton","UnorderedListElement","UploadElementButton","UploadElement","WithUpload","RichTextField","BoldLeaf","BoldLeafButton","LeafButton","CodeLeaf","CodeLeafButton","ItalicLeaf","ItalicLeafButton","StrikethroughLeafButton","StrikethroughLeaf","UnderlineLeafButton","UnderlineLeaf","useLeaf","useSlatePlugin"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,sBAAqB;AAClD,SAASC,uBAAuB,QAAQ,4CAA2C;AACnF,SAASC,iBAAiB,QAAQ,6CAA4C;AAC9E,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,UAAU,QAAQ,4CAA2C;AAEtE,SAASC,WAAW,QAAQ,6CAA4C;AAExE,SAASC,SAAS,QAAQ,yCAAwC;AAClE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,kBAAkB,QAAQ,yCAAwC;AAE3E,SAASC,kBAAkB,QAAQ,oDAAmD;AAEtF,SAASC,mBAAmB,QAAQ,qDAAoD;AACxF,SAASC,gBAAgB,QAAQ,8CAA6C;AAE9E,SAASC,sBAAsB,QAAQ,2CAA0C;AACjF,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,oBAAoB,QAAQ,2CAA0C;AAC/E,SAASC,mBAAmB,QAAQ,8CAA6C;AACjF,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,aAAa,QAAQ,uBAAsB;AACpD,SAASC,QAAQ,QAAQ,wCAAuC;AAChE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,UAAU,QAAQ,+BAA8B;AAEzD,SAASC,QAAQ,QAAQ,wCAAuC;AAEhE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,UAAU,QAAQ,4CAA2C;AACtE,SAASC,gBAAgB,QAAQ,0CAAyC;AAC1E,SAASC,uBAAuB,QAAQ,iDAAgD;AAExF,SAASC,iBAAiB,QAAQ,0DAAyD;AAC3F,SAASC,mBAAmB,QAAQ,6CAA4C;AAEhF,SAASC,aAAa,QAAQ,kDAAiD;AAE/E,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,cAAc,QAAQ,oCAAmC"}

package/dist/field/RichText.js

@@ -4,7 +4,7 @@ import { getTranslation } from '@payloadcms/translations';
 import { FieldDescription, FieldError, FieldLabel, RenderComponent, useEditDepth, useField, useFieldProps, useTranslation, withCondition } from '@payloadcms/ui';
 import { isHotkey } from 'is-hotkey';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { Node, Element as SlateElement, Text, Transforms, createEditor } from 'slate';
+import { createEditor, Node, Element as SlateElement, Text, Transforms } from 'slate';
 import { withHistory } from 'slate-history';
 import { Editable, Slate, withReact } from 'slate-react';
 import { defaultRichTextValue } from '../data/defaultValue.js';

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 {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  RenderComponent,\n  useEditDepth,\n  useField,\n  useFieldProps,\n  useTranslation,\n  withCondition,\n} from '@payloadcms/ui'\nimport { isHotkey } from 'is-hotkey'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { Node, Element as SlateElement, Text, Transforms, createEditor } 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    descriptionProps,\n    elements,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        components: { Description, Error, Label },\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {},\n      label,\n      required,\n    },\n    labelProps,\n    leaves,\n    plugins,\n    readOnly: readOnlyFromTopLevelProps,\n    validate = richTextValidate,\n  } = props\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 { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, initialValue, path, schemaPath, setValue, showError, value } = useField(\n    {\n      path: pathFromContext ?? pathFromProps ?? name,\n      validate: memoizedValidate,\n    },\n  )\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || 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            <RenderComponent mappedComponent={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                  <RenderComponent mappedComponent={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      <FieldLabel\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n        field={field}\n      />\n      <div className={`${baseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\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                          <RenderComponent mappedComponent={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                          <RenderComponent mappedComponent={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        <FieldDescription Description={Description} field={field} {...(descriptionProps || {})} />\n      </div>\n    </div>\n  )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","RenderComponent","useEditDepth","useField","useFieldProps","useTranslation","withCondition","isHotkey","React","useCallback","useEffect","useMemo","useRef","Node","Element","SlateElement","Text","Transforms","createEditor","withHistory","Editable","Slate","withReact","defaultRichTextValue","richTextValidate","listTypes","hotkeys","toggleLeaf","withEnterBreakOut","withHTML","ElementButtonProvider","ElementProvider","LeafButtonProvider","LeafProvider","baseClass","RichTextField","props","descriptionProps","elements","errorProps","field","name","_path","pathFromProps","admin","className","components","Description","Error","Label","placeholder","readOnly","readOnlyFromAdmin","style","width","label","required","labelProps","leaves","plugins","readOnlyFromTopLevelProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","path","pathFromContext","readOnlyFromContext","formInitializing","initialValue","schemaPath","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","marginRight","marginLeft","listStylePosition","el","childNodes","fieldProps","mappedComponent","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","CustomError","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 {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  RenderComponent,\n  useEditDepth,\n  useField,\n  useFieldProps,\n  useTranslation,\n  withCondition,\n} 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    descriptionProps,\n    elements,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        components: { Description, Error, Label },\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {},\n      label,\n      required,\n    },\n    labelProps,\n    leaves,\n    plugins,\n    readOnly: readOnlyFromTopLevelProps,\n    validate = richTextValidate,\n  } = props\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 { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, initialValue, path, schemaPath, setValue, showError, value } = useField(\n    {\n      path: pathFromContext ?? pathFromProps ?? name,\n      validate: memoizedValidate,\n    },\n  )\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || 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            <RenderComponent mappedComponent={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                  <RenderComponent mappedComponent={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      <FieldLabel\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n        field={field}\n      />\n      <div className={`${baseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\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                          <RenderComponent mappedComponent={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                          <RenderComponent mappedComponent={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        <FieldDescription Description={Description} field={field} {...(descriptionProps || {})} />\n      </div>\n    </div>\n  )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","RenderComponent","useEditDepth","useField","useFieldProps","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","descriptionProps","elements","errorProps","field","name","_path","pathFromProps","admin","className","components","Description","Error","Label","placeholder","readOnly","readOnlyFromAdmin","style","width","label","required","labelProps","leaves","plugins","readOnlyFromTopLevelProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","path","pathFromContext","readOnlyFromContext","formInitializing","initialValue","schemaPath","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","marginRight","marginLeft","listStylePosition","el","childNodes","fieldProps","mappedComponent","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","CustomError","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/upload/Element/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,aAAa,EAAE,MAAM,SAAS,CAAA;AAcpE,OAAO,KAA4C,MAAM,OAAO,CAAA;AAUhE,OAAO,cAAc,CAAA;AAQrB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACnD,GAAG,aAAa,CAAA;AA0LjB,eAAO,MAAM,aAAa,UAAW,KAAK,KAAG,KAAK,CAAC,SAMlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,aAAa,EAAE,MAAM,SAAS,CAAA;AAcpE,OAAO,KAA4C,MAAM,OAAO,CAAA;AAShE,OAAO,cAAc,CAAA;AASrB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACnD,GAAG,aAAa,CAAA;AA0LjB,eAAO,MAAM,aAAa,UAAW,KAAK,KAAG,KAAK,CAAC,SAMlD,CAAA"}

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

@@ -8,8 +8,8 @@ import { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-reac
 import { useElement } from '../../../providers/ElementProvider.js';
 import { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js';
 import { uploadFieldsSchemaPath, uploadName } from '../shared.js';
-import { UploadDrawer } from './UploadDrawer/index.js';
 import './index.scss';
+import { UploadDrawer } from './UploadDrawer/index.js';
 const baseClass = 'rich-text-upload';
 const initialParams = {
     depth: 0

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, FormFieldBase } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DrawerToggler,\n  File,\n  useConfig,\n  useDocumentDrawer,\n  useDrawerSlug,\n  useListDrawer,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { uploadFieldsSchemaPath, uploadName } from '../shared.js'\nimport { UploadDrawer } from './UploadDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n} & FormFieldBase\n\nconst UploadElementComponent: React.FC<{ enabledCollectionSlugs?: string[] } & Props> = ({\n  enabledCollectionSlugs,\n}) => {\n  const {\n    attributes,\n    children,\n    element: { relationTo, value },\n    element,\n    fieldProps,\n    schemaPath,\n  } = useElement<UploadElementType>()\n\n  const {\n    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.field.richTextComponentMap.get(relatedFieldSchemaPath)\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use Thumbnail component */}\n          <div className={`${baseClass}__thumbnail`}>\n            {thumbnailSRC ? <img alt={data?.filename} src={thumbnailSRC} /> : <File />}\n          </div>\n          <div className={`${baseClass}__topRowRightPanel`}>\n            <div className={`${baseClass}__collectionLabel`}>\n              {getTranslation(relatedCollection.labels.singular, i18n)}\n            </div>\n            <div className={`${baseClass}__actions`}>\n              {Boolean(customFieldsMap) && (\n                <DrawerToggler\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={fieldProps?.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: Props): 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","field","richTextComponentMap","get","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","disabled","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, FormFieldBase } 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\ntype Props = {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n} & FormFieldBase\n\nconst UploadElementComponent: React.FC<{ enabledCollectionSlugs?: string[] } & Props> = ({\n  enabledCollectionSlugs,\n}) => {\n  const {\n    attributes,\n    children,\n    element: { relationTo, value },\n    element,\n    fieldProps,\n    schemaPath,\n  } = useElement<UploadElementType>()\n\n  const {\n    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.field.richTextComponentMap.get(relatedFieldSchemaPath)\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use Thumbnail component */}\n          <div className={`${baseClass}__thumbnail`}>\n            {thumbnailSRC ? <img alt={data?.filename} src={thumbnailSRC} /> : <File />}\n          </div>\n          <div className={`${baseClass}__topRowRightPanel`}>\n            <div className={`${baseClass}__collectionLabel`}>\n              {getTranslation(relatedCollection.labels.singular, i18n)}\n            </div>\n            <div className={`${baseClass}__actions`}>\n              {Boolean(customFieldsMap) && (\n                <DrawerToggler\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={fieldProps?.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: Props): 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","field","richTextComponentMap","get","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","disabled","admin","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","strong","onSave","onSelect","UploadElement","props","uploads"],"mappings":"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"}

package/dist/field/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { RenderComponent, ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui';
-import React, { Suspense, lazy, useEffect, useState } from 'react';
+import React, { lazy, Suspense, useEffect, useState } from 'react';
 import { createFeatureMap } from './createFeatureMap.js';
 const RichTextEditor = /*#__PURE__*/ lazy(()=>import('./RichText.js').then((module)=>({
             default: module.RichText

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport { RenderComponent, ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui'\nimport React, { Suspense, lazy, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin, SlateFieldProps } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<SlateFieldProps> = (props) => {\n  const {\n    field: { richTextComponentMap },\n  } = props\n\n  const { schemaPath } = useFieldProps()\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(richTextComponentMap as any)\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <React.Fragment>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return (\n              <React.Fragment key={i}>\n                <RenderComponent mappedComponent={Plugin} />\n              </React.Fragment>\n            )\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <RichTextEditor\n        {...props}\n        elements={features.elements}\n        leaves={features.leaves}\n        plugins={plugins}\n      />\n    </Suspense>\n  )\n}\n"],"names":["RenderComponent","ShimmerEffect","useClientFunctions","useFieldProps","React","Suspense","lazy","useEffect","useState","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","field","richTextComponentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","plugins","setPlugins","Object","entries","forEach","key","plugin","startsWith","push","length","Fragment","Array","isArray","map","Plugin","i","mappedComponent","fallback","height","elements","leaves"],"mappings":"AAAA;;AAEA,SAASA,eAAe,EAAEC,aAAa,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,iBAAgB;AAClG,OAAOC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBJ,KAAK,IAC1B,MAAM,CAAC,iBAAiBK,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAA2C,CAACC;IACvD,MAAM,EACJC,OAAO,EAAEC,oBAAoB,EAAE,EAChC,GAAGF;IAEJ,MAAM,EAAEG,UAAU,EAAE,GAAGhB;IACvB,MAAMiB,kBAAkBlB;IACxB,MAAM,CAACmB,kBAAkBC,oBAAoB,GAAGd,SAAS;IAEzD,MAAM,CAACe,SAAS,GAAGf,SAA0B;QAC3C,OAAOC,iBAAiBS;IAC1B;IAEA,MAAM,CAACM,SAASC,WAAW,GAAGjB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACc,kBAAkB;YACrB,MAAMG,UAA4B,EAAE;YAEpCE,OAAOC,OAAO,CAACP,iBAAiBQ,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEZ,WAAW,CAAC,CAAC,GAAG;oBAChDK,QAAQQ,IAAI,CAACF;gBACf;YACF;YAEA,IAAIN,QAAQS,MAAM,KAAKV,SAASC,OAAO,CAACS,MAAM,EAAE;gBAC9CR,WAAWD;gBACXF,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASC,OAAO,CAACS,MAAM;KAAC;IAE3E,IAAI,CAACZ,kBAAkB;QACrB,qBACE,KAACjB,MAAM8B,QAAQ;sBACZC,MAAMC,OAAO,CAACb,SAASC,OAAO,KAC7BD,SAASC,OAAO,CAACa,GAAG,CAAC,CAACC,QAAQC;gBAC5B,qBACE,KAACnC,MAAM8B,QAAQ;8BACb,cAAA,KAAClC;wBAAgBwC,iBAAiBF;;mBADfC;YAIzB;;IAGR;IAEA,qBACE,KAAClC;QAASoC,wBAAU,KAACxC;YAAcyC,QAAO;;kBACxC,cAAA,KAAChC;YACE,GAAGM,KAAK;YACT2B,UAAUpB,SAASoB,QAAQ;YAC3BC,QAAQrB,SAASqB,MAAM;YACvBpB,SAASA;;;AAIjB,EAAC"}
+{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport { RenderComponent, ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui'\nimport React, { lazy, Suspense, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin, SlateFieldProps } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<SlateFieldProps> = (props) => {\n  const {\n    field: { richTextComponentMap },\n  } = props\n\n  const { schemaPath } = useFieldProps()\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(richTextComponentMap as any)\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <React.Fragment>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return (\n              <React.Fragment key={i}>\n                <RenderComponent mappedComponent={Plugin} />\n              </React.Fragment>\n            )\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <RichTextEditor\n        {...props}\n        elements={features.elements}\n        leaves={features.leaves}\n        plugins={plugins}\n      />\n    </Suspense>\n  )\n}\n"],"names":["RenderComponent","ShimmerEffect","useClientFunctions","useFieldProps","React","lazy","Suspense","useEffect","useState","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","field","richTextComponentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","plugins","setPlugins","Object","entries","forEach","key","plugin","startsWith","push","length","Fragment","Array","isArray","map","Plugin","i","mappedComponent","fallback","height","elements","leaves"],"mappings":"AAAA;;AAEA,SAASA,eAAe,EAAEC,aAAa,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,iBAAgB;AAClG,OAAOC,SAASC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBL,KAAK,IAC1B,MAAM,CAAC,iBAAiBM,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAA2C,CAACC;IACvD,MAAM,EACJC,OAAO,EAAEC,oBAAoB,EAAE,EAChC,GAAGF;IAEJ,MAAM,EAAEG,UAAU,EAAE,GAAGhB;IACvB,MAAMiB,kBAAkBlB;IACxB,MAAM,CAACmB,kBAAkBC,oBAAoB,GAAGd,SAAS;IAEzD,MAAM,CAACe,SAAS,GAAGf,SAA0B;QAC3C,OAAOC,iBAAiBS;IAC1B;IAEA,MAAM,CAACM,SAASC,WAAW,GAAGjB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACc,kBAAkB;YACrB,MAAMG,UAA4B,EAAE;YAEpCE,OAAOC,OAAO,CAACP,iBAAiBQ,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEZ,WAAW,CAAC,CAAC,GAAG;oBAChDK,QAAQQ,IAAI,CAACF;gBACf;YACF;YAEA,IAAIN,QAAQS,MAAM,KAAKV,SAASC,OAAO,CAACS,MAAM,EAAE;gBAC9CR,WAAWD;gBACXF,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASC,OAAO,CAACS,MAAM;KAAC;IAE3E,IAAI,CAACZ,kBAAkB;QACrB,qBACE,KAACjB,MAAM8B,QAAQ;sBACZC,MAAMC,OAAO,CAACb,SAASC,OAAO,KAC7BD,SAASC,OAAO,CAACa,GAAG,CAAC,CAACC,QAAQC;gBAC5B,qBACE,KAACnC,MAAM8B,QAAQ;8BACb,cAAA,KAAClC;wBAAgBwC,iBAAiBF;;mBADfC;YAIzB;;IAGR;IAEA,qBACE,KAACjC;QAASmC,wBAAU,KAACxC;YAAcyC,QAAO;;kBACxC,cAAA,KAAChC;YACE,GAAGM,KAAK;YACT2B,UAAUpB,SAASoB,QAAQ;YAC3BC,QAAQrB,SAASqB,MAAM;YACvBpB,SAASA;;;AAIjB,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-slate",
-  "version": "3.0.0-beta.96",
+  "version": "3.0.0-beta.97",
   "description": "The officially supported Slate richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -39,8 +39,8 @@
     "slate-history": "0.86.0",
     "slate-hyperscript": "0.81.3",
     "slate-react": "0.92.0",
-    "@payloadcms/translations": "3.0.0-beta.96",
-    "@payloadcms/ui": "3.0.0-beta.96"
+    "@payloadcms/translations": "3.0.0-beta.97",
+    "@payloadcms/ui": "3.0.0-beta.97"
   },
   "devDependencies": {
     "@types/is-hotkey": "^0.1.10",
@@ -48,11 +48,11 @@
     "@types/react": "npm:types-react@19.0.0-rc.0",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
     "@payloadcms/eslint-config": "3.0.0-beta.59",
-    "payload": "3.0.0-beta.96"
+    "payload": "3.0.0-beta.97"
   },
   "peerDependencies": {
     "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "payload": "3.0.0-beta.96"
+    "payload": "3.0.0-beta.97"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"