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

package/dist/field/RichText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/RichText.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\nimport type { FieldBase } from 'payload/types'\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 { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { useField } from '@payloadcms/ui/forms/useField'\nimport { withCondition } from '@payloadcms/ui/forms/withCondition'\nimport { useEditDepth } from '@payloadcms/ui/providers/EditDepth'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\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, RichTextPlugin, TextNode } from '../types.js'\nimport type { EnabledFeatures } 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 & ReactEditor & HistoryEditor\n    Element: ElementNode\n    Text: TextNode\n  }\n}\n\nconst RichTextField: React.FC<\n  FormFieldBase & {\n    elements: EnabledFeatures['elements']\n    label?: FieldBase['label']\n    leaves: EnabledFeatures['leaves']\n    name: string\n    placeholder?: string\n    plugins: RichTextPlugin[]\n    richTextComponentMap: Map<string, React.ReactNode>\n    width?: string\n  }\n> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    elements,\n    errorProps,\n    label,\n    labelProps,\n    leaves,\n    path: pathFromProps,\n    placeholder,\n    plugins,\n    readOnly,\n    required,\n    style,\n    validate = richTextValidate,\n    width,\n  } = props\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, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext } = useFieldProps()\n\n  const { initialValue, path, schemaPath, setValue, showError, value } = useField({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\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 (!readOnly && val !== defaultRichTextValue && val !== value) {\n          setValue(val)\n        }\n      }\n    },\n    [editor?.operations, readOnly, 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) child.setAttribute('disabled', isDisabling ? 'disabled' : null)\n      })\n    }\n\n    if (readOnly) {\n      setClickableState('disabled')\n    }\n\n    return () => {\n      if (readOnly) {\n        setClickableState('enabled')\n      }\n    }\n  }, [readOnly])\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    readOnly && `${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) valueToRender = defaultRichTextValue\n\n  return (\n    <div\n      className={classes}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <div className={`${baseClass}__wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        <FieldLabel\n          CustomLabel={CustomLabel}\n          label={label}\n          required={required}\n          {...(labelProps || {})}\n        />\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                          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={readOnly}\n                renderElement={renderElement}\n                renderLeaf={renderLeaf}\n                spellCheck\n              />\n            </div>\n          </div>\n        </Slate>\n        {CustomDescription !== undefined ? (\n          CustomDescription\n        ) : (\n          <FieldDescription {...(descriptionProps || {})} />\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","useFieldProps","useField","withCondition","useEditDepth","useTranslation","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","name","CustomDescription","CustomError","CustomLabel","className","descriptionProps","elements","errorProps","label","labelProps","leaves","path","pathFromProps","placeholder","plugins","readOnly","required","style","validate","width","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","pathFromContext","initialValue","schemaPath","setValue","showError","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","key","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","stringify","onChange","keys","ref","values","map","Button","id","replace","onKeyDown","event","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","RichText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAQA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,cAAc,YAAW;AAChC,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAO;AACtE,SAASC,IAAI,EAAEC,WAAWC,YAAY,EAAEC,IAAI,EAAEC,UAAU,EAAEC,YAAY,QAAQ,QAAO;AACrF,SAASC,WAAW,QAAQ,gBAAe;AAC3C,SAASC,QAAQ,EAAEC,KAAK,EAAEC,SAAS,QAAQ,cAAa;AAKxD,SAASC,oBAAoB,QAAQ,0BAAyB;AAC9D,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,SAAS,QAAQ,0BAAyB;AACnD,SAASC,OAAO,QAAQ,eAAc;AACtC,OAAO,eAAc;AACrB,SAASC,UAAU,QAAQ,qBAAoB;AAC/C,SAASC,iBAAiB,QAAQ,iCAAgC;AAClE,SAASC,QAAQ,QAAQ,wBAAuB;AAChD,SAASC,qBAAqB,QAAQ,uCAAsC;AAC5E,SAASC,eAAe,QAAQ,iCAAgC;AAChE,SAASC,kBAAkB,QAAQ,oCAAmC;AACtE,SAASC,YAAY,QAAQ,8BAA6B;AAE1D,MAAMC,YAAY;AAUlB,MAAMC,gBAWF,CAACC;IACH,MAAM,EACJC,IAAI,EACJC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,QAAQ,EACRC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,MAAMC,aAAa,EACnBC,WAAW,EACXC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,WAAW/B,gBAAgB,EAC3BgC,KAAK,EACN,GAAGpB;IAEJ,MAAM,EAAEqB,IAAI,EAAE,GAAGnD;IACjB,MAAMoD,YAAY9C,OAAO;IACzB,MAAM+C,aAAa/C,OAAO;IAE1B,MAAMgD,cAAcvD;IACpB,MAAMwD,eAAeD,cAAc;IAEnC,MAAME,mBAAmBrD,YACvB,CAACsD,OAAOC;QACN,IAAI,OAAOT,aAAa,YAAY;YAClC,OAAOA,SAASQ,OAAO;gBAAE,GAAGC,iBAAiB;gBAAEX;YAAS;QAC1D;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMiB,eAAe,EAAE,GAAG/D;IAElC,MAAM,EAAEgE,YAAY,EAAElB,IAAI,EAAEmB,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEN,KAAK,EAAE,GAAG5D,SAAS;QAC9E6C,MAAMiB,mBAAmBhB,iBAAiBZ;QAC1CkB,UAAUO;IACZ;IAEA,MAAMQ,SAAS3D,QAAQ;QACrB,IAAI4D,gBAAgB3C,kBAAkBT,YAAYG,UAAUJ;QAE5DqD,gBAAgB1C,SAAS0C;QAEzB,IAAIpB,QAAQqB,MAAM,EAAE;YAClBD,gBAAgBpB,QAAQsB,MAAM,CAAC,CAACC,mBAAmBC;gBACjD,OAAOA,OAAOD;YAChB,GAAGH;QACL;QAEA,OAAOA;IACT,GAAG;QAACpB;KAAQ;IAEZ,MAAMyB,gBAAgBnE,YACpB,CAAC,EAAEoE,UAAU,EAAEC,QAAQ,EAAEC,OAAO,EAAE;QAChC,+CAA+C;QAE/C,MAAMC,iBAAiBrC,QAAQ,CAACoC,QAAQE,IAAI,CAAC;QAC7C,MAAMnE,UAAUkE,gBAAgBlE;QAEhC,IAAIoE,OAAO;YAAE,GAAGL,UAAU;QAAC;QAE3B,yEAAyE;QACzE,IAAIE,QAAQI,SAAS,EAAE;YACrB,IAAIJ,QAAQE,IAAI,KAAK,kBAAkBF,QAAQE,IAAI,KAAK,UAAU;gBAChE,OAAQF,QAAQI,SAAS;oBACvB,KAAK;wBACHD,OAAO;4BAAE,GAAGA,IAAI;4BAAE5B,OAAO;gCAAE8B,aAAa;4BAAO;wBAAE;wBACjD;oBACF,KAAK;wBACHF,OAAO;4BAAE,GAAGA,IAAI;4BAAE5B,OAAO;gCAAE+B,YAAY;4BAAO;wBAAE;wBAChD;oBACF,KAAK;wBACHH,OAAO;4BAAE,GAAGA,IAAI;4BAAE5B,OAAO;gCAAE+B,YAAY;gCAAQD,aAAa;4BAAO;wBAAE;wBACrE;oBACF;wBACEF,OAAO;4BAAE,GAAGA,IAAI;4BAAE5B,OAAO;gCAAE6B,WAAWJ,QAAQI,SAAS;4BAAC;wBAAE;wBAC1D;gBACJ;YACF,OAAO,IAAIJ,QAAQE,IAAI,KAAK,MAAM;gBAChC,OAAQF,QAAQI,SAAS;oBACvB,KAAK;wBACHD,OAAO;4BAAE,GAAGA,IAAI;4BAAE5B,OAAO;gCAAEgC,mBAAmB;gCAAUH,WAAW;4BAAQ;wBAAE;wBAC7E;oBACF,KAAK;wBACHD,OAAO;4BAAE,GAAGA,IAAI;4BAAE5B,OAAO;gCAAEgC,mBAAmB;gCAAUH,WAAW;4BAAS;wBAAE;wBAC9E;oBACF,KAAK;oBACL;wBACED,OAAO;4BAAE,GAAGA,IAAI;4BAAE5B,OAAO;gCAAEgC,mBAAmB;gCAAWH,WAAW;4BAAO;wBAAE;wBAC7E;gBACJ;YACF,OAAO;gBACLD,OAAO;oBAAE,GAAGA,IAAI;oBAAE5B,OAAO;wBAAE6B,WAAWJ,QAAQI,SAAS;oBAAC;gBAAE;YAC5D;QACF;QAEA,IAAIrE,SAAS;YACX,MAAMyE,mBACJ,oBAACxD;gBACC8C,YAAYK;gBACZM,YAAYV;gBACZpB,WAAWA;gBACXqB,SAASA;gBACTU,YAAYrD;gBACZY,MAAMA;gBACNmB,YAAYA;eAEXrD;YAIL,OAAOyE;QACT;QAEA,qBAAO,oBAACG,OAAQR,MAAOJ;IACzB,GACA;QAACnC;QAAUK;QAAMZ;QAAO+B;KAAW;IAGrC,MAAMwB,aAAalF,YACjB,CAAC,EAAEoE,UAAU,EAAEC,QAAQ,EAAEc,IAAI,EAAE;QAC7B,MAAMC,gBAAgBC,OAAOC,OAAO,CAAChD,QAAQiD,MAAM,CAAC,CAAC,CAACC,SAAS,GAAKL,IAAI,CAACK,SAAS;QAElF,IAAIJ,cAAcrB,MAAM,GAAG,GAAG;YAC5B,OAAOqB,cAAcpB,MAAM,CACzB,CAACyB,QAAQ,GAAGC,WAAW,EAAEC;gBACvB,IAAID,YAAYE,MAAM;oBACpB,MAAMA,OAAOF,WAAWE,IAAI;oBAE5B,qBACE,oBAACpE;wBACC4C,YAAYA;wBACZnB,WAAWA;wBACX+B,YAAYrD;wBACZkE,KAAKF;wBACLR,MAAMA;wBACN5C,MAAMA;wBACNkD,QAAQA;wBACR/B,YAAYA;uBAEXkC;gBAGP;gBAEA,OAAOH;YACT,iBACA,oBAACK,QAAS1B,YAAaC;QAE3B;QAEA,qBAAO,oBAACyB,QAAS1B,YAAaC;IAChC,GACA;QAAC9B;QAAMZ;QAAO+B;QAAYpB;KAAO;IAGnC,4CAA4C;IAC5C,8BAA8B;IAC9B,qDAAqD;IACrD,2DAA2D;IAC3D,MAAMyD,eAAe/F,YACnB,CAACgG;QACC,MAAMC,MAAMpC,QAAQqC,WAAWX,OAAO,CAACY;YACrC,IAAIA,GAAG;gBACL,OAAOA,EAAE3B,IAAI,KAAK;YACpB;YACA,OAAO;QACT;QAEA,IAAIyB,OAAOG,MAAMC,OAAO,CAACJ,QAAQA,IAAIlC,MAAM,GAAG,GAAG;YAC/C,IAAI,CAACpB,YAAYqD,QAAQlF,wBAAwBkF,QAAQ1C,OAAO;gBAC9DK,SAASqC;YACX;QACF;IACF,GACA;QAACnC,QAAQqC;QAAYvD;QAAUgB;QAAUL;KAAM;IAGjDrD,UAAU;QACR,SAASqG,kBAAkBC,UAAkC;YAC3D,MAAMC,YAAY;YAClB,MAAMC,iBACJvD,WAAWwD,OAAO,EAAEC,iBAAiBH;YAErCC,CAAAA,kBAAkB,EAAE,AAAD,EAAGG,OAAO,CAAC,CAACC;gBAC/B,MAAMC,WAAWD,MAAME,OAAO,KAAK;gBACnC,MAAMC,cAAcT,eAAe;gBACnCM,MAAMI,YAAY,CAAC,YAAYD,cAAc,OAAO;gBACpD,IAAIF,UAAUD,MAAMI,YAAY,CAAC,YAAYD,cAAc,aAAa;YAC1E;QACF;QAEA,IAAIrE,UAAU;YACZ2D,kBAAkB;QACpB;QAEA,OAAO;YACL,IAAI3D,UAAU;gBACZ2D,kBAAkB;YACpB;QACF;IACF,GAAG;QAAC3D;KAAS;IAEb,oBAAoB;IACpB,iFAAiF;IACjF,4EAA4E;IAC5E,4EAA4E;IAC5E,4BAA4B;IAC5B,kCAAkC;IAClC,oCAAoC;IACpC,MAAM;IACN,sBAAsB;IAEtB,MAAMuE,UAAU;QACdzF;QACA;QACAO;QACA4B,aAAa;QACbjB,YAAY,CAAC,EAAElB,UAAU,WAAW,CAAC;KACtC,CACE8D,MAAM,CAAC4B,SACPC,IAAI,CAAC;IAER,IAAIC,gBAAgB/D;IAEpB,IAAI,OAAO+D,kBAAkB,UAAU;QACrC,IAAI;YACF,MAAMC,aAAaC,KAAKC,KAAK,CAACH;YAC9BA,gBAAgBC;QAClB,EAAE,OAAOG,KAAK;YACZJ,gBAAgB;QAClB;IACF;IAEA,IAAI,CAACA,eAAeA,gBAAgBvG;IAEpC,qBACE,oBAACmE;QACCjD,WAAWkF;QACXrE,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACkC;QAAIjD,WAAW,CAAC,EAAEP,UAAU,MAAM,CAAC;qBAClC,oBAAClC;QAAWuC,aAAaA;QAAaS,MAAMA;QAAO,GAAIJ,cAAc,CAAC,CAAC;sBACvE,oBAAC3C;QACCuC,aAAaA;QACbK,OAAOA;QACPQ,UAAUA;QACT,GAAIP,cAAc,CAAC,CAAC;sBAEvB,oBAACzB;QACCiD,QAAQA;QACRgC,KAAK0B,KAAKG,SAAS,CAAC;YAAEjE;YAAclB;QAAK;QACzCoF,UAAU5B;QACVzC,OAAO+D;qBAEP,oBAACpC;QAAIjD,WAAW,CAAC,EAAEP,UAAU,SAAS,CAAC;OACpC4D,OAAOuC,IAAI,CAAC1F,WAAW6B,SAASsB,OAAOuC,IAAI,CAACtF,SAASyB,SAAS,mBAC7D,oBAACkB;QACCjD,WAAW;YAAC,CAAC,EAAEP,UAAU,SAAS,CAAC;YAAE2B,gBAAgB,CAAC,EAAE3B,UAAU,cAAc,CAAC;SAAC,CAC/E8D,MAAM,CAAC4B,SACPC,IAAI,CAAC;QACRS,KAAK3E;qBAEL,oBAAC+B;QAAIjD,WAAW,CAAC,EAAEP,UAAU,cAAc,CAAC;OACzC4D,OAAOyC,MAAM,CAAC5F,UAAU6F,GAAG,CAAC,CAACzD;QAC5B,MAAM0D,SAAS1D,SAAS0D;QAExB,IAAIA,QAAQ;YACV,qBACE,oBAAC3G;gBACC2D,YAAYrD;gBACZkE,KAAKvB,QAAQ1C,IAAI;gBACjBW,MAAMA;gBACNmB,YAAYA;eAEXsE;QAGP;QAEA,OAAO;IACT,IACC3C,OAAOyC,MAAM,CAACxF,QAAQyF,GAAG,CAAC,CAAC5C;QAC1B,MAAM6C,SAAS7C,MAAM6C;QAErB,IAAIA,QAAQ;YACV,qBACE,oBAACzG;gBACCyD,YAAYrD;gBACZkE,KAAKV,KAAKvD,IAAI;gBACdW,MAAMA;gBACNmB,YAAYA;eAEXsE;QAGP;QAEA,OAAO;IACT,oBAIN,oBAAC/C;QAAIjD,WAAW,CAAC,EAAEP,UAAU,QAAQ,CAAC;QAAEoG,KAAK5E;qBAC3C,oBAACtC;QACCqB,WAAW,CAAC,EAAEP,UAAU,OAAO,CAAC;QAChCwG,IAAI,CAAC,MAAM,EAAE1F,KAAK2F,OAAO,CAAC,OAAO,MAAM,CAAC;QACxCC,WAAW,CAACC;YACV,IAAIA,MAAMvC,GAAG,KAAK,SAAS;gBACzB,IAAIuC,MAAMC,QAAQ,EAAE;oBAClBD,MAAME,cAAc;oBACpBzE,OAAO0E,UAAU,CAAC;gBACpB,OAAO;oBACL,MAAMC,kBAAkBpI,KAAKqI,UAAU,CACrC5E,QACAA,OAAO6E,SAAS,CAACC,MAAM,CAACpG,IAAI,CAACqG,KAAK,CAAC,GAAG,CAAC;oBAGzC,IAAItI,aAAauI,SAAS,CAACL,kBAAkB;wBAC3C,sDAAsD;wBACtD,IAAI3E,OAAOiF,qBAAqB,CAACN,kBAAkB;4BACjDJ,MAAME,cAAc;4BACpB,MAAMS,eAAe3I,KAAKqI,UAAU,CAAC5E,QAAQA,OAAO6E,SAAS,CAACC,MAAM,CAACpG,IAAI;4BAEzE,IACEhC,KAAKyI,MAAM,CAACD,iBACZE,OAAOF,aAAaG,IAAI,EAAEnF,MAAM,KAAKF,OAAO6E,SAAS,CAACC,MAAM,CAACQ,MAAM,EACnE;gCACA3I,WAAW4I,WAAW,CAACvF,QAAQ;oCAAEQ,UAAU;wCAAC;4CAAE6E,MAAM;wCAAG;qCAAE;gCAAC;4BAC5D,OAAO;gCACL1I,WAAW6I,UAAU,CAACxF;gCACtBrD,WAAW8I,QAAQ,CAACzF,QAAQ,CAAC;4BAC/B;wBACF;oBACF;gBACF;YACF;YAEA,IAAIuE,MAAMvC,GAAG,KAAK,aAAa;gBAC7B,MAAM2C,kBAAkBpI,KAAKqI,UAAU,CACrC5E,QACAA,OAAO6E,SAAS,CAACC,MAAM,CAACpG,IAAI,CAACqG,KAAK,CAAC,GAAG,CAAC;gBAGzC,IAAItI,aAAauI,SAAS,CAACL,oBAAoBA,gBAAgBhE,IAAI,KAAK,MAAM;oBAC5E,MAAMuE,eAAe3I,KAAKqI,UAAU,CAAC5E,QAAQA,OAAO6E,SAAS,CAACC,MAAM,CAACpG,IAAI;oBACzE,IAAIhC,KAAKyI,MAAM,CAACD,iBAAiBE,OAAOF,aAAaG,IAAI,EAAEnF,MAAM,KAAK,GAAG;wBACvEqE,MAAME,cAAc;wBACpB9H,WAAW+I,WAAW,CAAC1F,QAAQ;4BAC7B2F,OAAO,CAACC,IAAMnJ,aAAauI,SAAS,CAACY,MAAMzI,UAAU0I,QAAQ,CAACD,EAAEjF,IAAI;4BACpEmF,MAAM;4BACNC,OAAO;wBACT;wBAEApJ,WAAW8I,QAAQ,CAACzF,QAAQ;4BAAEW,MAAMqF;wBAAU;oBAChD;gBACF,OAAO,IAAIhG,OAAOiG,MAAM,CAACtB,kBAAkB;oBACzChI,WAAWuJ,WAAW,CAAClG;gBACzB;YACF;YAEAwB,OAAOuC,IAAI,CAAC3G,SAAS2F,OAAO,CAAC,CAACoD;gBAC5B,IAAIlK,SAASkK,QAAQ5B,QAAe;oBAClCA,MAAME,cAAc;oBACpB,MAAM2B,OAAOhJ,OAAO,CAAC+I,OAAO;oBAC5B9I,WAAW2C,QAAQoG;gBACrB;YACF;QACF;QACAxH,aAAapD,eAAeoD,aAAaO;QACzCL,UAAUA;QACVwB,eAAeA;QACfe,YAAYA;QACZgF,YAAAA;WAKPrI,sBAAsBgI,YACrBhI,kCAEA,oBAACvC,kBAAsB2C,oBAAoB,CAAC;AAKtD;AAEA,OAAO,MAAMkI,WAAWxK,cAAc+B,eAAc"}
+{"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) child.setAttribute('disabled', isDisabling ? 'disabled' : null)\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) valueToRender = defaultRichTextValue\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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"}

package/dist/field/createFeatureMap.d.ts

@@ -1,3 +1,4 @@
+import type { MappedComponent } from 'payload';
 import type { EnabledFeatures } from './types.js';
-export declare const createFeatureMap: (richTextComponentMap: Map<string, React.ReactNode>) => EnabledFeatures;
+export declare const createFeatureMap: (richTextComponentMap: Map<string, MappedComponent>) => EnabledFeatures;
 //# sourceMappingURL=createFeatureMap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createFeatureMap.d.ts","sourceRoot":"","sources":["../../src/field/createFeatureMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEjD,eAAO,MAAM,gBAAgB,yBACL,IAAI,MAAM,EAAE,MAAM,SAAS,CAAC,KACjD,eA4CF,CAAA"}
+{"version":3,"file":"createFeatureMap.d.ts","sourceRoot":"","sources":["../../src/field/createFeatureMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEjD,eAAO,MAAM,gBAAgB,yBACL,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,KACjD,eA4CF,CAAA"}

package/dist/field/createFeatureMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/createFeatureMap.ts"],"sourcesContent":["import type { EnabledFeatures } from './types.js'\n\nexport const createFeatureMap = (\n  richTextComponentMap: Map<string, React.ReactNode>,\n): EnabledFeatures => {\n  const features: EnabledFeatures = {\n    elements: {},\n    leaves: {},\n    plugins: [],\n  }\n\n  for (const [key, value] of richTextComponentMap) {\n    if (key.startsWith('leaf.button') || key.startsWith('leaf.component.')) {\n      const leafName = key.replace('leaf.button.', '').replace('leaf.component.', '')\n\n      if (!features.leaves[leafName]) {\n        features.leaves[leafName] = {\n          name: leafName,\n          Button: null,\n          Leaf: null,\n        }\n      }\n\n      if (key.startsWith('leaf.button.')) features.leaves[leafName].Button = value\n      if (key.startsWith('leaf.component.')) features.leaves[leafName].Leaf = value\n    }\n\n    if (key.startsWith('element.button.') || key.startsWith('element.component.')) {\n      const elementName = key.replace('element.button.', '').replace('element.component.', '')\n\n      if (!features.elements[elementName]) {\n        features.elements[elementName] = {\n          name: elementName,\n          Button: null,\n          Element: null,\n        }\n      }\n\n      if (key.startsWith('element.button.')) features.elements[elementName].Button = value\n      if (key.startsWith('element.component.')) features.elements[elementName].Element = value\n    }\n\n    if (key.startsWith('leaf.plugin.') || key.startsWith('element.plugin.')) {\n      features.plugins.push(value)\n    }\n  }\n\n  return features\n}\n"],"names":["createFeatureMap","richTextComponentMap","features","elements","leaves","plugins","key","value","startsWith","leafName","replace","name","Button","Leaf","elementName","Element","push"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAO,MAAMA,mBAAmB,CAC9BC;IAEA,MAAMC,WAA4B;QAChCC,UAAU,CAAC;QACXC,QAAQ,CAAC;QACTC,SAAS,EAAE;IACb;IAEA,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIN,qBAAsB;QAC/C,IAAIK,IAAIE,UAAU,CAAC,kBAAkBF,IAAIE,UAAU,CAAC,oBAAoB;YACtE,MAAMC,WAAWH,IAAII,OAAO,CAAC,gBAAgB,IAAIA,OAAO,CAAC,mBAAmB;YAE5E,IAAI,CAACR,SAASE,MAAM,CAACK,SAAS,EAAE;gBAC9BP,SAASE,MAAM,CAACK,SAAS,GAAG;oBAC1BE,MAAMF;oBACNG,QAAQ;oBACRC,MAAM;gBACR;YACF;YAEA,IAAIP,IAAIE,UAAU,CAAC,iBAAiBN,SAASE,MAAM,CAACK,SAAS,CAACG,MAAM,GAAGL;YACvE,IAAID,IAAIE,UAAU,CAAC,oBAAoBN,SAASE,MAAM,CAACK,SAAS,CAACI,IAAI,GAAGN;QAC1E;QAEA,IAAID,IAAIE,UAAU,CAAC,sBAAsBF,IAAIE,UAAU,CAAC,uBAAuB;YAC7E,MAAMM,cAAcR,IAAII,OAAO,CAAC,mBAAmB,IAAIA,OAAO,CAAC,sBAAsB;YAErF,IAAI,CAACR,SAASC,QAAQ,CAACW,YAAY,EAAE;gBACnCZ,SAASC,QAAQ,CAACW,YAAY,GAAG;oBAC/BH,MAAMG;oBACNF,QAAQ;oBACRG,SAAS;gBACX;YACF;YAEA,IAAIT,IAAIE,UAAU,CAAC,oBAAoBN,SAASC,QAAQ,CAACW,YAAY,CAACF,MAAM,GAAGL;YAC/E,IAAID,IAAIE,UAAU,CAAC,uBAAuBN,SAASC,QAAQ,CAACW,YAAY,CAACC,OAAO,GAAGR;QACrF;QAEA,IAAID,IAAIE,UAAU,CAAC,mBAAmBF,IAAIE,UAAU,CAAC,oBAAoB;YACvEN,SAASG,OAAO,CAACW,IAAI,CAACT;QACxB;IACF;IAEA,OAAOL;AACT,EAAC"}
+{"version":3,"sources":["../../src/field/createFeatureMap.ts"],"sourcesContent":["import type { MappedComponent } from 'payload'\n\nimport type { EnabledFeatures } from './types.js'\n\nexport const createFeatureMap = (\n  richTextComponentMap: Map<string, MappedComponent>,\n): EnabledFeatures => {\n  const features: EnabledFeatures = {\n    elements: {},\n    leaves: {},\n    plugins: [],\n  }\n\n  for (const [key, value] of richTextComponentMap) {\n    if (key.startsWith('leaf.button') || key.startsWith('leaf.component.')) {\n      const leafName = key.replace('leaf.button.', '').replace('leaf.component.', '')\n\n      if (!features.leaves[leafName]) {\n        features.leaves[leafName] = {\n          name: leafName,\n          Button: null,\n          Leaf: null,\n        }\n      }\n\n      if (key.startsWith('leaf.button.')) features.leaves[leafName].Button = value\n      if (key.startsWith('leaf.component.')) features.leaves[leafName].Leaf = value\n    }\n\n    if (key.startsWith('element.button.') || key.startsWith('element.component.')) {\n      const elementName = key.replace('element.button.', '').replace('element.component.', '')\n\n      if (!features.elements[elementName]) {\n        features.elements[elementName] = {\n          name: elementName,\n          Button: null,\n          Element: null,\n        }\n      }\n\n      if (key.startsWith('element.button.')) features.elements[elementName].Button = value\n      if (key.startsWith('element.component.')) features.elements[elementName].Element = value\n    }\n\n    if (key.startsWith('leaf.plugin.') || key.startsWith('element.plugin.')) {\n      features.plugins.push(value)\n    }\n  }\n\n  return features\n}\n"],"names":["createFeatureMap","richTextComponentMap","features","elements","leaves","plugins","key","value","startsWith","leafName","replace","name","Button","Leaf","elementName","Element","push"],"mappings":"AAIA,OAAO,MAAMA,mBAAmB,CAC9BC;IAEA,MAAMC,WAA4B;QAChCC,UAAU,CAAC;QACXC,QAAQ,CAAC;QACTC,SAAS,EAAE;IACb;IAEA,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIN,qBAAsB;QAC/C,IAAIK,IAAIE,UAAU,CAAC,kBAAkBF,IAAIE,UAAU,CAAC,oBAAoB;YACtE,MAAMC,WAAWH,IAAII,OAAO,CAAC,gBAAgB,IAAIA,OAAO,CAAC,mBAAmB;YAE5E,IAAI,CAACR,SAASE,MAAM,CAACK,SAAS,EAAE;gBAC9BP,SAASE,MAAM,CAACK,SAAS,GAAG;oBAC1BE,MAAMF;oBACNG,QAAQ;oBACRC,MAAM;gBACR;YACF;YAEA,IAAIP,IAAIE,UAAU,CAAC,iBAAiBN,SAASE,MAAM,CAACK,SAAS,CAACG,MAAM,GAAGL;YACvE,IAAID,IAAIE,UAAU,CAAC,oBAAoBN,SAASE,MAAM,CAACK,SAAS,CAACI,IAAI,GAAGN;QAC1E;QAEA,IAAID,IAAIE,UAAU,CAAC,sBAAsBF,IAAIE,UAAU,CAAC,uBAAuB;YAC7E,MAAMM,cAAcR,IAAII,OAAO,CAAC,mBAAmB,IAAIA,OAAO,CAAC,sBAAsB;YAErF,IAAI,CAACR,SAASC,QAAQ,CAACW,YAAY,EAAE;gBACnCZ,SAASC,QAAQ,CAACW,YAAY,GAAG;oBAC/BH,MAAMG;oBACNF,QAAQ;oBACRG,SAAS;gBACX;YACF;YAEA,IAAIT,IAAIE,UAAU,CAAC,oBAAoBN,SAASC,QAAQ,CAACW,YAAY,CAACF,MAAM,GAAGL;YAC/E,IAAID,IAAIE,UAAU,CAAC,uBAAuBN,SAASC,QAAQ,CAACW,YAAY,CAACC,OAAO,GAAGR;QACrF;QAEA,IAAID,IAAIE,UAAU,CAAC,mBAAmBF,IAAIE,UAAU,CAAC,oBAAoB;YACvEN,SAASG,OAAO,CAACW,IAAI,CAACT;QACxB;IACF;IAEA,OAAOL;AACT,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/field/elements/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,OAAO,iBAAiB,CAAA;AAIxB,eAAO,MAAM,SAAS,sBAAsB,CAAA;AAE5C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmC/C,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/field/elements/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,OAAO,iBAAiB,CAAA;AAKxB,eAAO,MAAM,SAAS,sBAAsB,CAAA;AAE5C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+C/C,CAAA"}

package/dist/field/elements/Button.js

@@ -1,14 +1,17 @@
 'use client';
-import { Tooltip } from '@payloadcms/ui/elements/Tooltip';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip } from '@payloadcms/ui';
 import React, { useCallback, useState } from 'react';
 import { useSlate } from 'slate-react';
 import '../buttons.scss';
+import { useElementButton } from '../providers/ElementButtonProvider.js';
 import { isElementActive } from './isActive.js';
 import { toggleElement } from './toggle.js';
 export const baseClass = 'rich-text__button';
 export const ElementButton = (props)=>{
-    const { type = 'type', children, className, el = 'button', format, onClick, tooltip } = props;
+    const { type = 'type', children, className, disabled: disabledFromProps, el = 'button', format, onClick, tooltip } = props;
     const editor = useSlate();
+    const { disabled: disabledFromContext } = useElementButton();
     const [showTooltip, setShowTooltip] = useState(false);
     const defaultOnClick = useCallback((event)=>{
         event.preventDefault();
@@ -20,9 +23,11 @@ export const ElementButton = (props)=>{
         type
     ]);
     const Tag = el;
-    return /*#__PURE__*/ React.createElement(Tag, {
+    const disabled = disabledFromProps || disabledFromContext;
+    return /*#__PURE__*/ _jsxs(Tag, {
         ...el === 'button' && {
-            type: 'button'
+            type: 'button',
+            disabled
         },
         className: [
             baseClass,
@@ -31,10 +36,15 @@ export const ElementButton = (props)=>{
         ].filter(Boolean).join(' '),
         onClick: onClick || defaultOnClick,
         onMouseEnter: ()=>setShowTooltip(true),
-        onMouseLeave: ()=>setShowTooltip(false)
-    }, tooltip && /*#__PURE__*/ React.createElement(Tooltip, {
-        show: showTooltip
-    }, tooltip), children);
+        onMouseLeave: ()=>setShowTooltip(false),
+        children: [
+            tooltip && /*#__PURE__*/ _jsx(Tooltip, {
+                show: showTooltip,
+                children: tooltip
+            }),
+            children
+        ]
+    });
 };
 
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/Button.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport { Tooltip } from '@payloadcms/ui/elements/Tooltip'\nimport React, { useCallback, useState } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { isElementActive } from './isActive.js'\nimport { toggleElement } from './toggle.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ElementButton: React.FC<ButtonProps> = (props) => {\n  const { type = 'type', children, className, el = 'button', format, onClick, tooltip } = props\n\n  const editor = useSlate()\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const defaultOnClick = useCallback(\n    (event) => {\n      event.preventDefault()\n      setShowTooltip(false)\n      toggleElement(editor, format, type)\n    },\n    [editor, format, type],\n  )\n\n  const Tag: ElementType = el\n\n  return (\n    <Tag\n      {...(el === 'button' && { type: 'button' })}\n      className={[\n        baseClass,\n        className,\n        isElementActive(editor, format, type) && `${baseClass}__button--active`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick || defaultOnClick}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n    >\n      {tooltip && <Tooltip show={showTooltip}>{tooltip}</Tooltip>}\n      {children}\n    </Tag>\n  )\n}\n"],"names":["Tooltip","React","useCallback","useState","useSlate","isElementActive","toggleElement","baseClass","ElementButton","props","type","children","className","el","format","onClick","tooltip","editor","showTooltip","setShowTooltip","defaultOnClick","event","preventDefault","Tag","filter","Boolean","join","onMouseEnter","onMouseLeave","show"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,OAAO,QAAQ,kCAAiC;AACzD,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,aAAa,QAAQ,cAAa;AAE3C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,gBAAuC,CAACC;IACnD,MAAM,EAAEC,OAAO,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGP;IAExF,MAAMQ,SAASb;IACf,MAAM,CAACc,aAAaC,eAAe,GAAGhB,SAAS;IAE/C,MAAMiB,iBAAiBlB,YACrB,CAACmB;QACCA,MAAMC,cAAc;QACpBH,eAAe;QACfb,cAAcW,QAAQH,QAAQJ;IAChC,GACA;QAACO;QAAQH;QAAQJ;KAAK;IAGxB,MAAMa,MAAmBV;IAEzB,qBACE,oBAACU;QACE,GAAIV,OAAO,YAAY;YAAEH,MAAM;QAAS,CAAC;QAC1CE,WAAW;YACTL;YACAK;YACAP,gBAAgBY,QAAQH,QAAQJ,SAAS,CAAC,EAAEH,UAAU,gBAAgB,CAAC;SACxE,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;QACRX,SAASA,WAAWK;QACpBO,cAAc,IAAMR,eAAe;QACnCS,cAAc,IAAMT,eAAe;OAElCH,yBAAW,oBAAChB;QAAQ6B,MAAMX;OAAcF,UACxCL;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/Button.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport { Tooltip } from '@payloadcms/ui'\nimport React, { useCallback, useState } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { useElementButton } from '../providers/ElementButtonProvider.js'\nimport { isElementActive } from './isActive.js'\nimport { toggleElement } from './toggle.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ElementButton: React.FC<ButtonProps> = (props) => {\n  const {\n    type = 'type',\n    children,\n    className,\n    disabled: disabledFromProps,\n    el = 'button',\n    format,\n    onClick,\n    tooltip,\n  } = props\n\n  const editor = useSlate()\n  const { disabled: disabledFromContext } = useElementButton()\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const defaultOnClick = useCallback(\n    (event) => {\n      event.preventDefault()\n      setShowTooltip(false)\n      toggleElement(editor, format, type)\n    },\n    [editor, format, type],\n  )\n\n  const Tag: ElementType = el\n\n  const disabled = disabledFromProps || disabledFromContext\n\n  return (\n    <Tag\n      {...(el === 'button' && { type: 'button', disabled })}\n      className={[\n        baseClass,\n        className,\n        isElementActive(editor, format, type) && `${baseClass}__button--active`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick || defaultOnClick}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n    >\n      {tooltip && <Tooltip show={showTooltip}>{tooltip}</Tooltip>}\n      {children}\n    </Tag>\n  )\n}\n"],"names":["Tooltip","React","useCallback","useState","useSlate","useElementButton","isElementActive","toggleElement","baseClass","ElementButton","props","type","children","className","disabled","disabledFromProps","el","format","onClick","tooltip","editor","disabledFromContext","showTooltip","setShowTooltip","defaultOnClick","event","preventDefault","Tag","filter","Boolean","join","onMouseEnter","onMouseLeave","show"],"mappings":"AAAA;;AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,aAAa,QAAQ,cAAa;AAE3C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,gBAAuC,CAACC;IACnD,MAAM,EACJC,OAAO,MAAM,EACbC,QAAQ,EACRC,SAAS,EACTC,UAAUC,iBAAiB,EAC3BC,KAAK,QAAQ,EACbC,MAAM,EACNC,OAAO,EACPC,OAAO,EACR,GAAGT;IAEJ,MAAMU,SAAShB;IACf,MAAM,EAAEU,UAAUO,mBAAmB,EAAE,GAAGhB;IAC1C,MAAM,CAACiB,aAAaC,eAAe,GAAGpB,SAAS;IAE/C,MAAMqB,iBAAiBtB,YACrB,CAACuB;QACCA,MAAMC,cAAc;QACpBH,eAAe;QACfhB,cAAca,QAAQH,QAAQN;IAChC,GACA;QAACS;QAAQH;QAAQN;KAAK;IAGxB,MAAMgB,MAAmBX;IAEzB,MAAMF,WAAWC,qBAAqBM;IAEtC,qBACE,MAACM;QACE,GAAIX,OAAO,YAAY;YAAEL,MAAM;YAAUG;QAAS,CAAC;QACpDD,WAAW;YACTL;YACAK;YACAP,gBAAgBc,QAAQH,QAAQN,SAAS,CAAC,EAAEH,UAAU,gBAAgB,CAAC;SACxE,CACEoB,MAAM,CAACC,SACPC,IAAI,CAAC;QACRZ,SAASA,WAAWM;QACpBO,cAAc,IAAMR,eAAe;QACnCS,cAAc,IAAMT,eAAe;;YAElCJ,yBAAW,KAACnB;gBAAQiC,MAAMX;0BAAcH;;YACxCP;;;AAGP,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"EnabledRelationshipsCondition.d.ts","sourceRoot":"","sources":["../../../src/field/elements/EnabledRelationshipsCondition.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAiBvD,CAAA"}
+{"version":3,"file":"EnabledRelationshipsCondition.d.ts","sourceRoot":"","sources":["../../../src/field/elements/EnabledRelationshipsCondition.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAmBvD,CAAA"}

package/dist/field/elements/EnabledRelationshipsCondition.js

@@ -1,7 +1,5 @@
 'use client';
-import { useAuth } from '@payloadcms/ui/providers/Auth';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility';
+import { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui';
 import * as React from 'react';
 const filterRichTextCollections = (collections, options)=>{
     return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload })=>{
@@ -16,7 +14,7 @@ const filterRichTextCollections = (collections, options)=>{
 };
 export const EnabledRelationshipsCondition = (props)=>{
     const { children, uploads = false, ...rest } = props;
-    const { collections } = useConfig();
+    const { config: { collections } } = useConfig();
     const { user } = useAuth();
     const { visibleEntities } = useEntityVisibility();
     const [enabledCollectionSlugs] = React.useState(()=>filterRichTextCollections(collections, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/EnabledRelationshipsCondition.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientUser } from 'payload/auth'\nimport type { ClientCollectionConfig, VisibleEntities } from 'payload/types'\n\nimport { useAuth } from '@payloadcms/ui/providers/Auth'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options.visibleEntities.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<any> = (props) => {\n  const { children, uploads = false, ...rest } = props\n  const { collections } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\n}\n"],"names":["useAuth","useConfig","useEntityVisibility","React","filterRichTextCollections","collections","options","filter","slug","admin","enableRichTextRelationship","upload","visibleEntities","includes","uploads","Boolean","EnabledRelationshipsCondition","props","children","rest","user","enabledCollectionSlugs","useState","map","length","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAKA,SAASA,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,YAAYC,WAAW,QAAO;AAa9B,MAAMC,4BAAkD,CAACC,aAAaC;IACpE,OAAOD,YAAYE,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,0BAA0B,EAAE,EAAEC,MAAM,EAAE;QAChF,IAAI,CAACL,QAAQM,eAAe,CAACP,WAAW,CAACQ,QAAQ,CAACL,OAAO;YACvD,OAAO;QACT;QAEA,IAAIF,SAASQ,SAAS;YACpB,OAAOJ,8BAA8BK,QAAQJ,YAAY;QAC3D;QAEA,OAAOA,SAAS,QAAQD;IAC1B;AACF;AAEA,OAAO,MAAMM,gCAA+C,CAACC;IAC3D,MAAM,EAAEC,QAAQ,EAAEJ,UAAU,KAAK,EAAE,GAAGK,MAAM,GAAGF;IAC/C,MAAM,EAAEZ,WAAW,EAAE,GAAGJ;IACxB,MAAM,EAAEmB,IAAI,EAAE,GAAGpB;IACjB,MAAM,EAAEY,eAAe,EAAE,GAAGV;IAE5B,MAAM,CAACmB,uBAAuB,GAAGlB,MAAMmB,QAAQ,CAAC,IAC9ClB,0BAA0BC,aAAa;YAAES;YAASM;YAAMR;QAAgB,GAAGW,GAAG,CAC5E,CAAC,EAAEf,IAAI,EAAE,GAAKA;IAIlB,IAAI,CAACa,uBAAuBG,MAAM,EAAE;QAClC,OAAO;IACT;IAEA,qBAAOrB,MAAMsB,YAAY,CAACP,UAAU;QAAE,GAAGC,IAAI;QAAEE;IAAuB;AACxE,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/EnabledRelationshipsCondition.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'\n\nimport { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options.visibleEntities.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<any> = (props) => {\n  const { children, uploads = false, ...rest } = props\n  const {\n    config: { collections },\n  } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\n}\n"],"names":["useAuth","useConfig","useEntityVisibility","React","filterRichTextCollections","collections","options","filter","slug","admin","enableRichTextRelationship","upload","visibleEntities","includes","uploads","Boolean","EnabledRelationshipsCondition","props","children","rest","config","user","enabledCollectionSlugs","useState","map","length","cloneElement"],"mappings":"AAAA;AAIA,SAASA,OAAO,EAAEC,SAAS,EAAEC,mBAAmB,QAAQ,iBAAgB;AACxE,YAAYC,WAAW,QAAO;AAa9B,MAAMC,4BAAkD,CAACC,aAAaC;IACpE,OAAOD,YAAYE,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,0BAA0B,EAAE,EAAEC,MAAM,EAAE;QAChF,IAAI,CAACL,QAAQM,eAAe,CAACP,WAAW,CAACQ,QAAQ,CAACL,OAAO;YACvD,OAAO;QACT;QAEA,IAAIF,SAASQ,SAAS;YACpB,OAAOJ,8BAA8BK,QAAQJ,YAAY;QAC3D;QAEA,OAAOA,SAAS,QAAQD;IAC1B;AACF;AAEA,OAAO,MAAMM,gCAA+C,CAACC;IAC3D,MAAM,EAAEC,QAAQ,EAAEJ,UAAU,KAAK,EAAE,GAAGK,MAAM,GAAGF;IAC/C,MAAM,EACJG,QAAQ,EAAEf,WAAW,EAAE,EACxB,GAAGJ;IACJ,MAAM,EAAEoB,IAAI,EAAE,GAAGrB;IACjB,MAAM,EAAEY,eAAe,EAAE,GAAGV;IAE5B,MAAM,CAACoB,uBAAuB,GAAGnB,MAAMoB,QAAQ,CAAC,IAC9CnB,0BAA0BC,aAAa;YAAES;YAASO;YAAMT;QAAgB,GAAGY,GAAG,CAC5E,CAAC,EAAEhB,IAAI,EAAE,GAAKA;IAIlB,IAAI,CAACc,uBAAuBG,MAAM,EAAE;QAClC,OAAO;IACT;IAEA,qBAAOtB,MAAMuB,YAAY,CAACR,UAAU;QAAE,GAAGC,IAAI;QAAEG;IAAuB;AACxE,EAAC"}

package/dist/field/elements/ListButton.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
 import { useSlate } from 'slate-react';
 import '../buttons.scss';
@@ -14,15 +15,16 @@ export const ListButton = ({ children, className, format, onClick })=>{
         editor,
         format
     ]);
-    return /*#__PURE__*/ React.createElement("button", {
+    return /*#__PURE__*/ _jsx("button", {
         className: [
             baseClass,
             className,
             isListActive(editor, format) && `${baseClass}__button--active`
         ].filter(Boolean).join(' '),
         onClick: onClick || defaultOnClick,
-        type: "button"
-    }, children);
+        type: "button",
+        children: children
+    });
 };
 
 //# sourceMappingURL=ListButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/ListButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { isListActive } from './isListActive.js'\nimport { toggleList } from './toggleList.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ListButton: React.FC<ButtonProps> = ({ children, className, format, onClick }) => {\n  const editor = useSlate()\n\n  const defaultOnClick = useCallback(\n    (event) => {\n      event.preventDefault()\n      toggleList(editor, format)\n    },\n    [editor, format],\n  )\n\n  return (\n    <button\n      className={[\n        baseClass,\n        className,\n        isListActive(editor, format) && `${baseClass}__button--active`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick || defaultOnClick}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["React","useCallback","useSlate","isListActive","toggleList","baseClass","ListButton","children","className","format","onClick","editor","defaultOnClick","event","preventDefault","button","filter","Boolean","join","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,aAAoC,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAE;IACxF,MAAMC,SAAST;IAEf,MAAMU,iBAAiBX,YACrB,CAACY;QACCA,MAAMC,cAAc;QACpBV,WAAWO,QAAQF;IACrB,GACA;QAACE;QAAQF;KAAO;IAGlB,qBACE,oBAACM;QACCP,WAAW;YACTH;YACAG;YACAL,aAAaQ,QAAQF,WAAW,CAAC,EAAEJ,UAAU,gBAAgB,CAAC;SAC/D,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;QACRR,SAASA,WAAWE;QACpBO,MAAK;OAEJZ;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/ListButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { isListActive } from './isListActive.js'\nimport { toggleList } from './toggleList.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ListButton: React.FC<ButtonProps> = ({ children, className, format, onClick }) => {\n  const editor = useSlate()\n\n  const defaultOnClick = useCallback(\n    (event) => {\n      event.preventDefault()\n      toggleList(editor, format)\n    },\n    [editor, format],\n  )\n\n  return (\n    <button\n      className={[\n        baseClass,\n        className,\n        isListActive(editor, format) && `${baseClass}__button--active`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick || defaultOnClick}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["React","useCallback","useSlate","isListActive","toggleList","baseClass","ListButton","children","className","format","onClick","editor","defaultOnClick","event","preventDefault","button","filter","Boolean","join","type"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,aAAoC,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAE;IACxF,MAAMC,SAAST;IAEf,MAAMU,iBAAiBX,YACrB,CAACY;QACCA,MAAMC,cAAc;QACpBV,WAAWO,QAAQF;IACrB,GACA;QAACE;QAAQF;KAAO;IAGlB,qBACE,KAACM;QACCP,WAAW;YACTH;YACAG;YACAL,aAAaQ,QAAQF,WAAW,CAAC,EAAEJ,UAAU,gBAAgB,CAAC;SAC/D,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;QACRR,SAASA,WAAWE;QACpBO,MAAK;kBAEJZ;;AAGP,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/areAllChildrenElements.ts"],"sourcesContent":["import type { Node } from 'slate'\n\nimport { Element } from 'slate'\n\nexport const areAllChildrenElements = (node: Node): boolean => {\n  return Array.isArray(node.children) && node.children.every((child) => Element.isElement(child))\n}\n"],"names":["Element","areAllChildrenElements","node","Array","isArray","children","every","child","isElement"],"rangeMappings":";;;","mappings":"AAEA,SAASA,OAAO,QAAQ,QAAO;AAE/B,OAAO,MAAMC,yBAAyB,CAACC;IACrC,OAAOC,MAAMC,OAAO,CAACF,KAAKG,QAAQ,KAAKH,KAAKG,QAAQ,CAACC,KAAK,CAAC,CAACC,QAAUP,QAAQQ,SAAS,CAACD;AAC1F,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/areAllChildrenElements.ts"],"sourcesContent":["import type { Node } from 'slate'\n\nimport { Element } from 'slate'\n\nexport const areAllChildrenElements = (node: Node): boolean => {\n  return Array.isArray(node.children) && node.children.every((child) => Element.isElement(child))\n}\n"],"names":["Element","areAllChildrenElements","node","Array","isArray","children","every","child","isElement"],"mappings":"AAEA,SAASA,OAAO,QAAQ,QAAO;AAE/B,OAAO,MAAMC,yBAAyB,CAACC;IACrC,OAAOC,MAAMC,OAAO,CAACF,KAAKG,QAAQ,KAAKH,KAAKG,QAAQ,CAACC,KAAK,CAAC,CAACC,QAAUP,QAAQQ,SAAS,CAACD;AAC1F,EAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/blockquote/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { BlockquoteIcon } from '../../icons/Blockquote/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const BlockquoteElementButton = ({ format }: { format: string }) => (\n  <ElementButton format={format}>\n    <BlockquoteIcon />\n  </ElementButton>\n)\n"],"names":["React","BlockquoteIcon","ElementButton","BlockquoteElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,0BAA0B,CAAC,EAAEC,MAAM,EAAsB,iBACpE,KAACF;QAAcE,QAAQA;kBACrB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/blockquote/Element.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+export declare const BlockquoteElement: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Element.d.ts.map

package/dist/field/elements/blockquote/Element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Element.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/blockquote/Element.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,iBAAiB,+CAQ7B,CAAA"}

package/dist/field/elements/blockquote/{Blockquote.js → Element.js}

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

package/dist/field/elements/blockquote/Element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/blockquote/Element.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const BlockquoteElement = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <blockquote className=\"rich-text-blockquote\" {...attributes}>\n      {children}\n    </blockquote>\n  )\n}\n"],"names":["React","useElement","BlockquoteElement","attributes","children","blockquote","className"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAWC,WAAU;QAAwB,GAAGH,UAAU;kBACxDC;;AAGP,EAAC"}

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

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

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

@@ -1,14 +1,13 @@
-import React from 'react';
-import { BlockquoteIcon } from '../../icons/Blockquote/index.js';
-import { ElementButton } from '../Button.js';
-import { Blockquote } from './Blockquote.js';
 const name = 'blockquote';
 export const blockquote = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(BlockquoteIcon, null)),
-    Element: Blockquote
+        },
+        path: '@payloadcms/richtext-slate/client#BlockquoteElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#BlockquoteElement'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/blockquote/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { BlockquoteIcon } from '../../icons/Blockquote/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Blockquote } from './Blockquote.js'\n\nconst name = 'blockquote'\n\nexport const blockquote: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <BlockquoteIcon />\n    </ElementButton>\n  ),\n  Element: Blockquote,\n}\n"],"names":["React","BlockquoteIcon","ElementButton","Blockquote","name","blockquote","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,OAAO;AAEb,OAAO,MAAMC,aAAoC;IAC/CD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/blockquote/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'blockquote'\n\nexport const blockquote: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#BlockquoteElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#BlockquoteElement',\n}\n"],"names":["name","blockquote","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,aAAoC;IAC/CD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"getCommonBlock.d.ts","sourceRoot":"","sources":["../../../src/field/elements/getCommonBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAMpC,eAAO,MAAM,cAAc,WAAY,MAAM,UAAU,UAAU,IAAI,CAAC,oBAarE,CAAA"}
+{"version":3,"file":"getCommonBlock.d.ts","sourceRoot":"","sources":["../../../src/field/elements/getCommonBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAMpC,eAAO,MAAM,cAAc,WAAY,MAAM,UAAU,SAAS,CAAC,IAAI,CAAC,KAAG,SAAS,CAAC,IAAI,CAatF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/getCommonBlock.tsx"],"sourcesContent":["import type { NodeEntry, NodeMatch } from 'slate'\n\nimport { Editor, Node } from 'slate'\n\nimport type { ElementNode } from '../../types.js'\n\nimport { isBlockElement } from './isBlockElement.js'\n\nexport const getCommonBlock = (editor: Editor, match?: NodeMatch<Node>): NodeEntry<Node> => {\n  const range = Editor.unhangRange(editor, editor.selection, { voids: true })\n\n  const [common, path] = Node.common(editor, range.anchor.path, range.focus.path)\n\n  if (isBlockElement(editor, common) || Editor.isEditor(common)) {\n    return [common, path]\n  }\n\n  return Editor.above(editor, {\n    at: path,\n    match: match || ((n: ElementNode) => isBlockElement(editor, n) || Editor.isEditor(n)),\n  })\n}\n"],"names":["Editor","Node","isBlockElement","getCommonBlock","editor","match","range","unhangRange","selection","voids","common","path","anchor","focus","isEditor","above","at","n"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,MAAM,EAAEC,IAAI,QAAQ,QAAO;AAIpC,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,QAAQN,OAAOO,WAAW,CAACH,QAAQA,OAAOI,SAAS,EAAE;QAAEC,OAAO;IAAK;IAEzE,MAAM,CAACC,QAAQC,KAAK,GAAGV,KAAKS,MAAM,CAACN,QAAQE,MAAMM,MAAM,CAACD,IAAI,EAAEL,MAAMO,KAAK,CAACF,IAAI;IAE9E,IAAIT,eAAeE,QAAQM,WAAWV,OAAOc,QAAQ,CAACJ,SAAS;QAC7D,OAAO;YAACA;YAAQC;SAAK;IACvB;IAEA,OAAOX,OAAOe,KAAK,CAACX,QAAQ;QAC1BY,IAAIL;QACJN,OAAOA,SAAU,CAAA,CAACY,IAAmBf,eAAeE,QAAQa,MAAMjB,OAAOc,QAAQ,CAACG,EAAC;IACrF;AACF,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/getCommonBlock.tsx"],"sourcesContent":["import type { NodeEntry, NodeMatch } from 'slate'\n\nimport { Editor, Node } from 'slate'\n\nimport type { ElementNode } from '../../types.js'\n\nimport { isBlockElement } from './isBlockElement.js'\n\nexport const getCommonBlock = (editor: Editor, match?: NodeMatch<Node>): NodeEntry<Node> => {\n  const range = Editor.unhangRange(editor, editor.selection, { voids: true })\n\n  const [common, path] = Node.common(editor, range.anchor.path, range.focus.path)\n\n  if (isBlockElement(editor, common) || Editor.isEditor(common)) {\n    return [common, path]\n  }\n\n  return Editor.above(editor, {\n    at: path,\n    match: match || ((n: ElementNode) => isBlockElement(editor, n) || Editor.isEditor(n)),\n  })\n}\n"],"names":["Editor","Node","isBlockElement","getCommonBlock","editor","match","range","unhangRange","selection","voids","common","path","anchor","focus","isEditor","above","at","n"],"mappings":"AAEA,SAASA,MAAM,EAAEC,IAAI,QAAQ,QAAO;AAIpC,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,QAAQN,OAAOO,WAAW,CAACH,QAAQA,OAAOI,SAAS,EAAE;QAAEC,OAAO;IAAK;IAEzE,MAAM,CAACC,QAAQC,KAAK,GAAGV,KAAKS,MAAM,CAACN,QAAQE,MAAMM,MAAM,CAACD,IAAI,EAAEL,MAAMO,KAAK,CAACF,IAAI;IAE9E,IAAIT,eAAeE,QAAQM,WAAWV,OAAOc,QAAQ,CAACJ,SAAS;QAC7D,OAAO;YAACA;YAAQC;SAAK;IACvB;IAEA,OAAOX,OAAOe,KAAK,CAACX,QAAQ;QAC1BY,IAAIL;QACJN,OAAOA,SAAU,CAAA,CAACY,IAAmBf,eAAeE,QAAQa,MAAMjB,OAAOc,QAAQ,CAACG,EAAC;IACrF;AACF,EAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/h1/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { H1Icon } from '../../icons/headings/H1/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const H1ElementButton = ({ format }: { format: string }) => (\n  <ElementButton format={format}>\n    <H1Icon />\n  </ElementButton>\n)\n"],"names":["React","H1Icon","ElementButton","H1ElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAcE,QAAQA;kBACrB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/h1/Heading1.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const Heading1: () => React.JSX.Element;
+export declare const Heading1Element: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Heading1.d.ts.map

package/dist/field/elements/h1/Heading1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading1.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h1/Heading1.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,QAAQ,yBAIpB,CAAA"}
+{"version":3,"file":"Heading1.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h1/Heading1.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,+CAI3B,CAAA"}

package/dist/field/elements/h1/Heading1.js

@@ -1,9 +1,13 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading1 = ()=>{
+export const Heading1Element = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("h1", attributes, children);
+    return /*#__PURE__*/ _jsx("h1", {
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Heading1.js.map

package/dist/field/elements/h1/Heading1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h1/Heading1.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading1 = () => {\n  const { attributes, children } = useElement()\n\n  return <h1 {...attributes}>{children}</h1>\n}\n"],"names":["React","useElement","Heading1","attributes","children","h1"],"rangeMappings":";;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,WAAW;IACtB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,oBAACI,MAAOF,YAAaC;AAC9B,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h1/Heading1.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading1Element = () => {\n  const { attributes, children } = useElement()\n\n  return <h1 {...attributes}>{children}</h1>\n}\n"],"names":["React","useElement","Heading1Element","attributes","children","h1"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

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

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

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

@@ -1,14 +1,13 @@
-import React from 'react';
-import { H1Icon } from '../../icons/headings/H1/index.js';
-import { ElementButton } from '../Button.js';
-import { Heading1 } from './Heading1.js';
 const name = 'h1';
 export const h1 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(H1Icon, null)),
-    Element: Heading1
+        },
+        path: '@payloadcms/richtext-slate/client#H1ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading1Element'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h1/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H1Icon } from '../../icons/headings/H1/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading1 } from './Heading1.js'\n\nconst name = 'h1'\n\nexport const h1: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H1Icon />\n    </ElementButton>\n  ),\n  Element: Heading1,\n}\n"],"names":["React","H1Icon","ElementButton","Heading1","name","h1","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h1/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h1'\n\nexport const h1: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H1ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading1Element',\n}\n"],"names":["name","h1","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/h2/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { H2Icon } from '../../icons/headings/H2/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const H2ElementButton = ({ format }: { format: string }) => (\n  <ElementButton format={format}>\n    <H2Icon />\n  </ElementButton>\n)\n"],"names":["React","H2Icon","ElementButton","H2ElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAcE,QAAQA;kBACrB,cAAA,KAACH;OAEJ"}