@payloadcms/richtext-lexical 3.0.0-beta.7 → 3.0.0-beta.70

package/dist/features/upload/i18n.js

@@ -0,0 +1,100 @@
+export const i18n = {
+    ar: {
+        label: 'تحميل'
+    },
+    az: {
+        label: 'Yükləyin'
+    },
+    bg: {
+        label: 'Качване'
+    },
+    cs: {
+        label: 'Nahrát'
+    },
+    de: {
+        label: 'Datei'
+    },
+    en: {
+        label: 'Upload'
+    },
+    es: {
+        label: 'Subir'
+    },
+    fa: {
+        label: 'بارگذاری'
+    },
+    fr: {
+        label: 'Télécharger'
+    },
+    he: {
+        label: 'העלה'
+    },
+    hr: {
+        label: 'Prenesi'
+    },
+    hu: {
+        label: 'Feltöltés'
+    },
+    it: {
+        label: 'Carica'
+    },
+    ja: {
+        label: 'アップロード'
+    },
+    ko: {
+        label: '업로드'
+    },
+    my: {
+        label: 'တင်ပြီး'
+    },
+    nb: {
+        label: 'Last opp'
+    },
+    nl: {
+        label: 'Uploaden'
+    },
+    pl: {
+        label: 'Prześlij'
+    },
+    pt: {
+        label: 'Carregar'
+    },
+    ro: {
+        label: 'Încarcă'
+    },
+    rs: {
+        label: 'Otpremi'
+    },
+    'rs-latin': {
+        label: 'Otpremi'
+    },
+    ru: {
+        label: 'Загрузить'
+    },
+    sk: {
+        label: 'Nahrať'
+    },
+    sv: {
+        label: 'Ladda upp'
+    },
+    th: {
+        label: 'อัปโหลด'
+    },
+    tr: {
+        label: 'Yükle'
+    },
+    uk: {
+        label: 'Завантажити'
+    },
+    vi: {
+        label: 'Tải lên'
+    },
+    zh: {
+        label: '上传'
+    },
+    'zh-TW': {
+        label: '上傳'
+    }
+};
+
+//# sourceMappingURL=i18n.js.map

package/dist/features/upload/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/upload/i18n.ts"],"sourcesContent":["import type { GenericLanguages } from '@payloadcms/translations'\n\nexport const i18n: Partial<GenericLanguages> = {\n  ar: {\n    label: 'تحميل',\n  },\n  az: {\n    label: 'Yükləyin',\n  },\n  bg: {\n    label: 'Качване',\n  },\n  cs: {\n    label: 'Nahrát',\n  },\n  de: {\n    label: 'Datei',\n  },\n  en: {\n    label: 'Upload',\n  },\n  es: {\n    label: 'Subir',\n  },\n  fa: {\n    label: 'بارگذاری',\n  },\n  fr: {\n    label: 'Télécharger',\n  },\n  he: {\n    label: 'העלה',\n  },\n  hr: {\n    label: 'Prenesi',\n  },\n  hu: {\n    label: 'Feltöltés',\n  },\n  it: {\n    label: 'Carica',\n  },\n  ja: {\n    label: 'アップロード',\n  },\n  ko: {\n    label: '업로드',\n  },\n  my: {\n    label: 'တင်ပြီး',\n  },\n  nb: {\n    label: 'Last opp',\n  },\n  nl: {\n    label: 'Uploaden',\n  },\n  pl: {\n    label: 'Prześlij',\n  },\n  pt: {\n    label: 'Carregar',\n  },\n  ro: {\n    label: 'Încarcă',\n  },\n  rs: {\n    label: 'Otpremi',\n  },\n  'rs-latin': {\n    label: 'Otpremi',\n  },\n  ru: {\n    label: 'Загрузить',\n  },\n  sk: {\n    label: 'Nahrať',\n  },\n  sv: {\n    label: 'Ladda upp',\n  },\n  th: {\n    label: 'อัปโหลด',\n  },\n  tr: {\n    label: 'Yükle',\n  },\n  uk: {\n    label: 'Завантажити',\n  },\n  vi: {\n    label: 'Tải lên',\n  },\n  zh: {\n    label: '上传',\n  },\n  'zh-TW': {\n    label: '上傳',\n  },\n}\n"],"names":["i18n","ar","label","az","bg","cs","de","en","es","fa","fr","he","hr","hu","it","ja","ko","my","nb","nl","pl","pt","ro","rs","ru","sk","sv","th","tr","uk","vi","zh"],"mappings":"AAEA,OAAO,MAAMA,OAAkC;IAC7CC,IAAI;QACFC,OAAO;IACT;IACAC,IAAI;QACFD,OAAO;IACT;IACAE,IAAI;QACFF,OAAO;IACT;IACAG,IAAI;QACFH,OAAO;IACT;IACAI,IAAI;QACFJ,OAAO;IACT;IACAK,IAAI;QACFL,OAAO;IACT;IACAM,IAAI;QACFN,OAAO;IACT;IACAO,IAAI;QACFP,OAAO;IACT;IACAQ,IAAI;QACFR,OAAO;IACT;IACAS,IAAI;QACFT,OAAO;IACT;IACAU,IAAI;QACFV,OAAO;IACT;IACAW,IAAI;QACFX,OAAO;IACT;IACAY,IAAI;QACFZ,OAAO;IACT;IACAa,IAAI;QACFb,OAAO;IACT;IACAc,IAAI;QACFd,OAAO;IACT;IACAe,IAAI;QACFf,OAAO;IACT;IACAgB,IAAI;QACFhB,OAAO;IACT;IACAiB,IAAI;QACFjB,OAAO;IACT;IACAkB,IAAI;QACFlB,OAAO;IACT;IACAmB,IAAI;QACFnB,OAAO;IACT;IACAoB,IAAI;QACFpB,OAAO;IACT;IACAqB,IAAI;QACFrB,OAAO;IACT;IACA,YAAY;QACVA,OAAO;IACT;IACAsB,IAAI;QACFtB,OAAO;IACT;IACAuB,IAAI;QACFvB,OAAO;IACT;IACAwB,IAAI;QACFxB,OAAO;IACT;IACAyB,IAAI;QACFzB,OAAO;IACT;IACA0B,IAAI;QACF1B,OAAO;IACT;IACA2B,IAAI;QACF3B,OAAO;IACT;IACA4B,IAAI;QACF5B,OAAO;IACT;IACA6B,IAAI;QACF7B,OAAO;IACT;IACA,SAAS;QACPA,OAAO;IACT;AACF,EAAC"}

package/dist/features/upload/nodes/UploadNode.d.ts

@@ -0,0 +1,39 @@
+import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js';
+import type { DOMConversionMap, DOMExportOutput, ElementFormatType, LexicalNode, NodeKey, Spread } from 'lexical';
+import type { CollectionSlug, JsonObject } from 'payload';
+import type { JSX } from 'react';
+import { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js';
+export type UploadData = {
+    fields: JsonObject;
+    id: string;
+    relationTo: CollectionSlug;
+    value: number | string;
+};
+export type SerializedUploadNode = {
+    children?: never;
+    type: 'upload';
+} & Spread<UploadData, SerializedDecoratorBlockNode>;
+export declare class UploadNode extends DecoratorBlockNode {
+    __data: UploadData;
+    constructor({ data, format, key, }: {
+        data: UploadData;
+        format?: ElementFormatType;
+        key?: NodeKey;
+    });
+    static clone(node: UploadNode): UploadNode;
+    static getType(): string;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(serializedNode: SerializedUploadNode): UploadNode;
+    static isInline(): false;
+    decorate(): JSX.Element;
+    exportDOM(): DOMExportOutput;
+    exportJSON(): SerializedUploadNode;
+    getData(): UploadData;
+    setData(data: UploadData): void;
+    updateDOM(): false;
+}
+export declare function $createUploadNode({ data, }: {
+    data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>;
+}): UploadNode;
+export declare function $isUploadNode(node: LexicalNode | null | undefined): node is UploadNode;
+//# sourceMappingURL=UploadNode.d.ts.map

package/dist/features/upload/nodes/UploadNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadNode.d.ts","sourceRoot":"","sources":["../../../../src/features/upload/nodes/UploadNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAA;AAC/F,OAAO,KAAK,EACV,gBAAgB,EAEhB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAShF,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,UAAU,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,cAAc,CAAA;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAuCD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,IAAI,EAAE,QAAQ,CAAA;CACf,GAAG,MAAM,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAA;AAEpD,qBAAa,UAAW,SAAQ,kBAAkB;IAChD,MAAM,EAAE,UAAU,CAAA;gBAEN,EACV,IAAI,EACJ,MAAM,EACN,GAAG,GACJ,EAAE;QACD,IAAI,EAAE,UAAU,CAAA;QAChB,MAAM,CAAC,EAAE,iBAAiB,CAAA;QAC1B,GAAG,CAAC,EAAE,OAAO,CAAA;KACd;IAKD,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,GAAG,UAAU;IAQ1C,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAS3C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,oBAAoB,GAAG,UAAU;IAsBnE,MAAM,CAAC,QAAQ,IAAI,KAAK;IAIxB,QAAQ,IAAI,GAAG,CAAC,OAAO;IAKvB,SAAS,IAAI,eAAe;IAQ5B,UAAU,IAAI,oBAAoB;IASlC,OAAO,IAAI,UAAU;IAIrB,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAK/B,SAAS,IAAI,KAAK;CAGnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,GACL,EAAE;IACD,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAA;CAC/D,GAAG,UAAU,CAKb;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,UAAU,CAEtF"}

package/dist/features/upload/nodes/UploadNode.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js';
+import ObjectID from 'bson-objectid';
+import { $applyNodeReplacement } from 'lexical';
+import * as React from 'react';
+const RawUploadComponent = /*#__PURE__*/ React.lazy(()=>import('../component/index.js').then((module)=>({
+            default: module.UploadComponent
+        })));
+function isGoogleDocCheckboxImg(img) {
+    return img.parentElement != null && img.parentElement.tagName === 'LI' && img.previousSibling === null && img.getAttribute('aria-roledescription') === 'checkbox';
+}
+function $convertUploadElement(domNode) {
+    if (domNode.hasAttribute('data-lexical-upload-relation-to') && domNode.hasAttribute('data-lexical-upload-id')) {
+        const id = domNode.getAttribute('data-lexical-upload-id');
+        const relationTo = domNode.getAttribute('data-lexical-upload-relation-to');
+        if (id != null && relationTo != null) {
+            const node = $createUploadNode({
+                data: {
+                    fields: {},
+                    relationTo,
+                    value: id
+                }
+            });
+            return {
+                node
+            };
+        }
+    }
+    const img = domNode;
+    if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {
+        return null;
+    }
+    // TODO: Auto-upload functionality here!
+    //}
+    return null;
+}
+export class UploadNode extends DecoratorBlockNode {
+    __data;
+    constructor({ data, format, key }){
+        super(format, key);
+        this.__data = data;
+    }
+    static clone(node) {
+        return new UploadNode({
+            data: node.__data,
+            format: node.__format,
+            key: node.__key
+        });
+    }
+    static getType() {
+        return 'upload';
+    }
+    static importDOM() {
+        return {
+            img: (node)=>({
+                    conversion: $convertUploadElement,
+                    priority: 0
+                })
+        };
+    }
+    static importJSON(serializedNode) {
+        if (serializedNode.version === 1 && serializedNode?.value?.id) {
+            serializedNode.value = serializedNode.value.id;
+        }
+        if (serializedNode.version === 2 && !serializedNode?.id) {
+            serializedNode.id = new ObjectID.default().toHexString();
+            serializedNode.version = 3;
+        }
+        const importedData = {
+            id: serializedNode.id,
+            fields: serializedNode.fields,
+            relationTo: serializedNode.relationTo,
+            value: serializedNode.value
+        };
+        const node = $createUploadNode({
+            data: importedData
+        });
+        node.setFormat(serializedNode.format);
+        return node;
+    }
+    static isInline() {
+        return false;
+    }
+    decorate() {
+        // @ts-expect-error
+        return /*#__PURE__*/ _jsx(RawUploadComponent, {
+            data: this.__data,
+            format: this.__format,
+            nodeKey: this.getKey()
+        });
+    }
+    exportDOM() {
+        const element = document.createElement('img');
+        element.setAttribute('data-lexical-upload-id', String(this.__data?.value));
+        element.setAttribute('data-lexical-upload-relation-to', this.__data?.relationTo);
+        return {
+            element
+        };
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            ...this.getData(),
+            type: 'upload',
+            version: 3
+        };
+    }
+    getData() {
+        return this.getLatest().__data;
+    }
+    setData(data) {
+        const writable = this.getWritable();
+        writable.__data = data;
+    }
+    updateDOM() {
+        return false;
+    }
+}
+export function $createUploadNode({ data }) {
+    if (!data?.id) {
+        data.id = new ObjectID.default().toHexString();
+    }
+    return $applyNodeReplacement(new UploadNode({
+        data: data
+    }));
+}
+export function $isUploadNode(node) {
+    return node instanceof UploadNode;
+}
+
+//# sourceMappingURL=UploadNode.js.map

package/dist/features/upload/nodes/UploadNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/upload/nodes/UploadNode.tsx"],"sourcesContent":["import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  ElementFormatType,\n  LexicalNode,\n  NodeKey,\n  Spread,\n} from 'lexical'\nimport type { CollectionSlug, JsonObject } from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nconst RawUploadComponent = React.lazy(() =>\n  import('../component/index.js').then((module) => ({ default: module.UploadComponent })),\n)\n\nexport type UploadData = {\n  fields: JsonObject\n  id: string\n  relationTo: CollectionSlug\n  value: number | string\n}\n\nfunction isGoogleDocCheckboxImg(img: HTMLImageElement): boolean {\n  return (\n    img.parentElement != null &&\n    img.parentElement.tagName === 'LI' &&\n    img.previousSibling === null &&\n    img.getAttribute('aria-roledescription') === 'checkbox'\n  )\n}\n\nfunction $convertUploadElement(domNode: HTMLImageElement): DOMConversionOutput | null {\n  if (\n    domNode.hasAttribute('data-lexical-upload-relation-to') &&\n    domNode.hasAttribute('data-lexical-upload-id')\n  ) {\n    const id = domNode.getAttribute('data-lexical-upload-id')\n    const relationTo = domNode.getAttribute('data-lexical-upload-relation-to')\n\n    if (id != null && relationTo != null) {\n      const node = $createUploadNode({\n        data: {\n          fields: {},\n          relationTo,\n          value: id,\n        },\n      })\n      return { node }\n    }\n  }\n  const img = domNode\n  if (img.src.startsWith('file:///') || isGoogleDocCheckboxImg(img)) {\n    return null\n  }\n  // TODO: Auto-upload functionality here!\n  //}\n  return null\n}\n\nexport type SerializedUploadNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'upload'\n} & Spread<UploadData, SerializedDecoratorBlockNode>\n\nexport class UploadNode extends DecoratorBlockNode {\n  __data: UploadData\n\n  constructor({\n    data,\n    format,\n    key,\n  }: {\n    data: UploadData\n    format?: ElementFormatType\n    key?: NodeKey\n  }) {\n    super(format, key)\n    this.__data = data\n  }\n\n  static clone(node: UploadNode): UploadNode {\n    return new UploadNode({\n      data: node.__data,\n      format: node.__format,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'upload'\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      img: (node: HTMLImageElement) => ({\n        conversion: $convertUploadElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  static importJSON(serializedNode: SerializedUploadNode): UploadNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n    if (serializedNode.version === 2 && !serializedNode?.id) {\n      serializedNode.id = new ObjectID.default().toHexString()\n      serializedNode.version = 3\n    }\n\n    const importedData: UploadData = {\n      id: serializedNode.id,\n      fields: serializedNode.fields,\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n\n    const node = $createUploadNode({ data: importedData })\n    node.setFormat(serializedNode.format)\n\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  decorate(): JSX.Element {\n    // @ts-expect-error\n    return <RawUploadComponent data={this.__data} format={this.__format} nodeKey={this.getKey()} />\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('img')\n    element.setAttribute('data-lexical-upload-id', String(this.__data?.value))\n    element.setAttribute('data-lexical-upload-relation-to', this.__data?.relationTo)\n\n    return { element }\n  }\n\n  exportJSON(): SerializedUploadNode {\n    return {\n      ...super.exportJSON(),\n      ...this.getData(),\n      type: 'upload',\n      version: 3,\n    }\n  }\n\n  getData(): UploadData {\n    return this.getLatest().__data\n  }\n\n  setData(data: UploadData): void {\n    const writable = this.getWritable()\n    writable.__data = data\n  }\n\n  updateDOM(): false {\n    return false\n  }\n}\n\nexport function $createUploadNode({\n  data,\n}: {\n  data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadNode {\n  if (!data?.id) {\n    data.id = new ObjectID.default().toHexString()\n  }\n  return $applyNodeReplacement(new UploadNode({ data: data as UploadData }))\n}\n\nexport function $isUploadNode(node: LexicalNode | null | undefined): node is UploadNode {\n  return node instanceof UploadNode\n}\n"],"names":["DecoratorBlockNode","ObjectID","$applyNodeReplacement","React","RawUploadComponent","lazy","then","module","default","UploadComponent","isGoogleDocCheckboxImg","img","parentElement","tagName","previousSibling","getAttribute","$convertUploadElement","domNode","hasAttribute","id","relationTo","node","$createUploadNode","data","fields","value","src","startsWith","UploadNode","__data","constructor","format","key","clone","__format","__key","getType","importDOM","conversion","priority","importJSON","serializedNode","version","toHexString","importedData","setFormat","isInline","decorate","nodeKey","getKey","exportDOM","element","document","createElement","setAttribute","String","exportJSON","getData","type","getLatest","setData","writable","getWritable","updateDOM","$isUploadNode"],"mappings":"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"}

package/dist/features/upload/plugin/index.d.ts

@@ -0,0 +1,8 @@
+import type { LexicalCommand } from 'lexical';
+import type { PluginComponentWithAnchor } from '../../typesClient.js';
+import type { UploadFeaturePropsClient } from '../feature.client.js';
+import type { UploadData } from '../nodes/UploadNode.js';
+export type InsertUploadPayload = Readonly<Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>>;
+export declare const INSERT_UPLOAD_COMMAND: LexicalCommand<InsertUploadPayload>;
+export declare const UploadPlugin: PluginComponentWithAnchor<UploadFeaturePropsClient>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/upload/plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/upload/plugin/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAe7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAKxD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;AAEpG,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,mBAAmB,CAC9B,CAAA;AAExC,eAAO,MAAM,YAAY,EAAE,yBAAyB,CAAC,wBAAwB,CAwD5E,CAAA"}

package/dist/features/upload/plugin/index.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils';
+import { useConfig } from '@payloadcms/ui';
+import { $getPreviousSelection, $getSelection, $isParagraphNode, $isRangeSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import React, { useEffect } from 'react';
+import { UploadDrawer } from '../drawer/index.js';
+import { $createUploadNode, UploadNode } from '../nodes/UploadNode.js';
+export const INSERT_UPLOAD_COMMAND = createCommand('INSERT_UPLOAD_COMMAND');
+export const UploadPlugin = ({ clientProps })=>{
+    const [editor] = useLexicalComposerContext();
+    const { collections } = useConfig();
+    useEffect(()=>{
+        if (!editor.hasNodes([
+            UploadNode
+        ])) {
+            throw new Error('UploadPlugin: UploadNode not registered on editor');
+        }
+        return mergeRegister(editor.registerCommand(INSERT_UPLOAD_COMMAND, (payload)=>{
+            editor.update(()=>{
+                const selection = $getSelection() || $getPreviousSelection();
+                if ($isRangeSelection(selection)) {
+                    const uploadNode = $createUploadNode({
+                        data: {
+                            id: payload.id,
+                            fields: payload.fields,
+                            relationTo: payload.relationTo,
+                            value: payload.value
+                        }
+                    });
+                    // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist
+                    $insertNodeToNearestRoot(uploadNode);
+                    const { focus } = selection;
+                    const focusNode = focus.getNode();
+                    // First, delete currently selected node if it's an empty paragraph and if there are sufficient
+                    // paragraph nodes (more than 1) left in the parent node, so that we don't "trap" the user
+                    if ($isParagraphNode(focusNode) && focusNode.getTextContentSize() === 0 && focusNode.getParent().getChildren().filter((node)=>$isParagraphNode(node)).length > 1) {
+                        focusNode.remove();
+                    }
+                }
+            });
+            return true;
+        }, COMMAND_PRIORITY_EDITOR));
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ _jsx(UploadDrawer, {
+        enabledCollectionSlugs: collections.map(({ slug })=>slug)
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/features/upload/plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/upload/plugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils'\nimport { useConfig } from '@payloadcms/ui'\nimport {\n  $getPreviousSelection,\n  $getSelection,\n  $isParagraphNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_EDITOR,\n  createCommand,\n} from 'lexical'\nimport React, { useEffect } from 'react'\n\nimport type { PluginComponentWithAnchor } from '../../typesClient.js'\nimport type { UploadFeaturePropsClient } from '../feature.client.js'\nimport type { UploadData } from '../nodes/UploadNode.js'\n\nimport { UploadDrawer } from '../drawer/index.js'\nimport { $createUploadNode, UploadNode } from '../nodes/UploadNode.js'\n\nexport type InsertUploadPayload = Readonly<Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>>\n\nexport const INSERT_UPLOAD_COMMAND: LexicalCommand<InsertUploadPayload> =\n  createCommand('INSERT_UPLOAD_COMMAND')\n\nexport const UploadPlugin: PluginComponentWithAnchor<UploadFeaturePropsClient> = ({\n  clientProps,\n}) => {\n  const [editor] = useLexicalComposerContext()\n  const { collections } = useConfig()\n\n  useEffect(() => {\n    if (!editor.hasNodes([UploadNode])) {\n      throw new Error('UploadPlugin: UploadNode not registered on editor')\n    }\n\n    return mergeRegister(\n      editor.registerCommand<InsertUploadPayload>(\n        INSERT_UPLOAD_COMMAND,\n        (payload: InsertUploadPayload) => {\n          editor.update(() => {\n            const selection = $getSelection() || $getPreviousSelection()\n\n            if ($isRangeSelection(selection)) {\n              const uploadNode = $createUploadNode({\n                data: {\n                  id: payload.id,\n                  fields: payload.fields,\n                  relationTo: payload.relationTo,\n                  value: payload.value,\n                },\n              })\n              // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n              $insertNodeToNearestRoot(uploadNode)\n\n              const { focus } = selection\n              const focusNode = focus.getNode()\n\n              // First, delete currently selected node if it's an empty paragraph and if there are sufficient\n              // paragraph nodes (more than 1) left in the parent node, so that we don't \"trap\" the user\n              if (\n                $isParagraphNode(focusNode) &&\n                focusNode.getTextContentSize() === 0 &&\n                focusNode\n                  .getParent()\n                  .getChildren()\n                  .filter((node) => $isParagraphNode(node)).length > 1\n              ) {\n                focusNode.remove()\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [editor])\n\n  return <UploadDrawer enabledCollectionSlugs={collections.map(({ slug }) => slug)} />\n}\n"],"names":["useLexicalComposerContext","$insertNodeToNearestRoot","mergeRegister","useConfig","$getPreviousSelection","$getSelection","$isParagraphNode","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","React","useEffect","UploadDrawer","$createUploadNode","UploadNode","INSERT_UPLOAD_COMMAND","UploadPlugin","clientProps","editor","collections","hasNodes","Error","registerCommand","payload","update","selection","uploadNode","data","id","fields","relationTo","value","focus","focusNode","getNode","getTextContentSize","getParent","getChildren","filter","node","length","remove","enabledCollectionSlugs","map","slug"],"mappings":"AAAA;;AAGA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,wBAAwB,EAAEC,aAAa,QAAQ,iBAAgB;AACxE,SAASC,SAAS,QAAQ,iBAAgB;AAC1C,SACEC,qBAAqB,EACrBC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,aAAa,QACR,UAAS;AAChB,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAMxC,SAASC,YAAY,QAAQ,qBAAoB;AACjD,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,yBAAwB;AAItE,OAAO,MAAMC,wBACXN,cAAc,yBAAwB;AAExC,OAAO,MAAMO,eAAoE,CAAC,EAChFC,WAAW,EACZ;IACC,MAAM,CAACC,OAAO,GAAGlB;IACjB,MAAM,EAAEmB,WAAW,EAAE,GAAGhB;IAExBQ,UAAU;QACR,IAAI,CAACO,OAAOE,QAAQ,CAAC;YAACN;SAAW,GAAG;YAClC,MAAM,IAAIO,MAAM;QAClB;QAEA,OAAOnB,cACLgB,OAAOI,eAAe,CACpBP,uBACA,CAACQ;YACCL,OAAOM,MAAM,CAAC;gBACZ,MAAMC,YAAYpB,mBAAmBD;gBAErC,IAAIG,kBAAkBkB,YAAY;oBAChC,MAAMC,aAAab,kBAAkB;wBACnCc,MAAM;4BACJC,IAAIL,QAAQK,EAAE;4BACdC,QAAQN,QAAQM,MAAM;4BACtBC,YAAYP,QAAQO,UAAU;4BAC9BC,OAAOR,QAAQQ,KAAK;wBACtB;oBACF;oBACA,8HAA8H;oBAC9H9B,yBAAyByB;oBAEzB,MAAM,EAAEM,KAAK,EAAE,GAAGP;oBAClB,MAAMQ,YAAYD,MAAME,OAAO;oBAE/B,+FAA+F;oBAC/F,0FAA0F;oBAC1F,IACE5B,iBAAiB2B,cACjBA,UAAUE,kBAAkB,OAAO,KACnCF,UACGG,SAAS,GACTC,WAAW,GACXC,MAAM,CAAC,CAACC,OAASjC,iBAAiBiC,OAAOC,MAAM,GAAG,GACrD;wBACAP,UAAUQ,MAAM;oBAClB;gBACF;YACF;YAEA,OAAO;QACT,GACAjC;IAGN,GAAG;QAACU;KAAO;IAEX,qBAAO,KAACN;QAAa8B,wBAAwBvB,YAAYwB,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA;;AAC7E,EAAC"}

package/dist/features/upload/validate.d.ts

@@ -0,0 +1,5 @@
+import type { NodeValidation } from '../typesServer.js';
+import type { UploadFeatureProps } from './feature.server.js';
+import type { SerializedUploadNode } from './nodes/UploadNode.js';
+export declare const uploadValidation: (props: UploadFeatureProps) => NodeValidation<SerializedUploadNode>;
+//# sourceMappingURL=validate.d.ts.map

package/dist/features/upload/validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../../src/features/upload/validate.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAEjE,eAAO,MAAM,gBAAgB,UACpB,kBAAkB,KACxB,cAAc,CAAC,oBAAoB,CA0DrC,CAAA"}

package/dist/features/upload/validate.js

@@ -0,0 +1,44 @@
+import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema';
+import { isValidID } from 'payload';
+export const uploadValidation = (props)=>{
+    return async ({ node, validation: { options: { id, operation, preferences, req, req: { payload, t } } } })=>{
+        const idType = payload.collections[node.relationTo].customIDType || payload.db.defaultIDType;
+        // @ts-expect-error
+        const nodeID = node?.value?.id || node?.value // for backwards-compatibility
+        ;
+        if (!isValidID(nodeID, idType)) {
+            return t('validation:validUploadID');
+        }
+        if (!props?.collections) {
+            return true;
+        }
+        if (Object.keys(props?.collections).length === 0) {
+            return true;
+        }
+        const collection = props?.collections[node.relationTo];
+        if (!collection?.fields?.length) {
+            return true;
+        }
+        const result = await buildStateFromSchema({
+            id,
+            data: node?.fields ?? {},
+            fieldSchema: collection.fields,
+            operation: operation === 'create' || operation === 'update' ? operation : 'update',
+            preferences,
+            req,
+            siblingData: node?.fields ?? {}
+        });
+        let errorPaths = [];
+        for(const fieldKey in result){
+            if (result[fieldKey].errorPaths) {
+                errorPaths = errorPaths.concat(result[fieldKey].errorPaths);
+            }
+        }
+        if (errorPaths.length) {
+            return 'The following fields are invalid: ' + errorPaths.join(', ');
+        }
+        return true;
+    };
+};
+
+//# sourceMappingURL=validate.js.map

package/dist/features/upload/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/upload/validate.ts"],"sourcesContent":["import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport { isValidID } from 'payload'\n\nimport type { NodeValidation } from '../typesServer.js'\nimport type { UploadFeatureProps } from './feature.server.js'\nimport type { SerializedUploadNode } from './nodes/UploadNode.js'\n\nexport const uploadValidation = (\n  props: UploadFeatureProps,\n): NodeValidation<SerializedUploadNode> => {\n  return async ({\n    node,\n    validation: {\n      options: {\n        id,\n        operation,\n        preferences,\n        req,\n        req: { payload, t },\n      },\n    },\n  }) => {\n    const idType = payload.collections[node.relationTo].customIDType || payload.db.defaultIDType\n    // @ts-expect-error\n    const nodeID = node?.value?.id || node?.value // for backwards-compatibility\n\n    if (!isValidID(nodeID, idType)) {\n      return t('validation:validUploadID')\n    }\n\n    if (!props?.collections) {\n      return true\n    }\n\n    if (Object.keys(props?.collections).length === 0) {\n      return true\n    }\n\n    const collection = props?.collections[node.relationTo]\n\n    if (!collection?.fields?.length) {\n      return true\n    }\n\n    const result = await buildStateFromSchema({\n      id,\n      data: node?.fields ?? {},\n      fieldSchema: collection.fields,\n      operation: operation === 'create' || operation === 'update' ? operation : 'update',\n      preferences,\n      req,\n      siblingData: node?.fields ?? {},\n    })\n\n    let errorPaths = []\n    for (const fieldKey in result) {\n      if (result[fieldKey].errorPaths) {\n        errorPaths = errorPaths.concat(result[fieldKey].errorPaths)\n      }\n    }\n\n    if (errorPaths.length) {\n      return 'The following fields are invalid: ' + errorPaths.join(', ')\n    }\n\n    return true\n  }\n}\n"],"names":["buildStateFromSchema","isValidID","uploadValidation","props","node","validation","options","id","operation","preferences","req","payload","t","idType","collections","relationTo","customIDType","db","defaultIDType","nodeID","value","Object","keys","length","collection","fields","result","data","fieldSchema","siblingData","errorPaths","fieldKey","concat","join"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,4CAA2C;AAChF,SAASC,SAAS,QAAQ,UAAS;AAMnC,OAAO,MAAMC,mBAAmB,CAC9BC;IAEA,OAAO,OAAO,EACZC,IAAI,EACJC,YAAY,EACVC,SAAS,EACPC,EAAE,EACFC,SAAS,EACTC,WAAW,EACXC,GAAG,EACHA,KAAK,EAAEC,OAAO,EAAEC,CAAC,EAAE,EACpB,EACF,EACF;QACC,MAAMC,SAASF,QAAQG,WAAW,CAACV,KAAKW,UAAU,CAAC,CAACC,YAAY,IAAIL,QAAQM,EAAE,CAACC,aAAa;QAC5F,mBAAmB;QACnB,MAAMC,SAASf,MAAMgB,OAAOb,MAAMH,MAAMgB,MAAM,8BAA8B;;QAE5E,IAAI,CAACnB,UAAUkB,QAAQN,SAAS;YAC9B,OAAOD,EAAE;QACX;QAEA,IAAI,CAACT,OAAOW,aAAa;YACvB,OAAO;QACT;QAEA,IAAIO,OAAOC,IAAI,CAACnB,OAAOW,aAAaS,MAAM,KAAK,GAAG;YAChD,OAAO;QACT;QAEA,MAAMC,aAAarB,OAAOW,WAAW,CAACV,KAAKW,UAAU,CAAC;QAEtD,IAAI,CAACS,YAAYC,QAAQF,QAAQ;YAC/B,OAAO;QACT;QAEA,MAAMG,SAAS,MAAM1B,qBAAqB;YACxCO;YACAoB,MAAMvB,MAAMqB,UAAU,CAAC;YACvBG,aAAaJ,WAAWC,MAAM;YAC9BjB,WAAWA,cAAc,YAAYA,cAAc,WAAWA,YAAY;YAC1EC;YACAC;YACAmB,aAAazB,MAAMqB,UAAU,CAAC;QAChC;QAEA,IAAIK,aAAa,EAAE;QACnB,IAAK,MAAMC,YAAYL,OAAQ;YAC7B,IAAIA,MAAM,CAACK,SAAS,CAACD,UAAU,EAAE;gBAC/BA,aAAaA,WAAWE,MAAM,CAACN,MAAM,CAACK,SAAS,CAACD,UAAU;YAC5D;QACF;QAEA,IAAIA,WAAWP,MAAM,EAAE;YACrB,OAAO,uCAAuCO,WAAWG,IAAI,CAAC;QAChE;QAEA,OAAO;IACT;AACF,EAAC"}

package/dist/field/Field.d.ts

@@ -1,13 +1,12 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
-import type { FieldBase } from 'payload/types';
+import type { FormFieldBase } from '@payloadcms/ui';
 import React from 'react';
-import type { SanitizedClientEditorConfig } from './lexical/config/types.js';
+import type { SanitizedClientEditorConfig } from '../lexical/config/types.js';
+import './bundled.css';
 import './index.scss';
-export declare const RichText: React.FC<FormFieldBase & {
+export declare const RichText: React.FC<{
     editorConfig: SanitizedClientEditorConfig;
-    label?: FieldBase['label'];
     name: string;
     richTextComponentMap: Map<string, React.ReactNode>;
     width?: string;
-}>;
+} & FormFieldBase>;
 //# sourceMappingURL=Field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAEjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ9C,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAA;AAE5E,OAAO,cAAc,CAAA;AA2HrB,eAAO,MAAM,QAAQ;kBApHH,2BAA2B;YACjC,SAAS,CAAC,OAAO,CAAC;UACpB,MAAM;0BACU,IAAI,MAAM,EAAE,MAAM,SAAS,CAAC;YAC1C,MAAM;EAgH8B,CAAA"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAWnD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAG7E,OAAO,eAAe,CAAA;AACtB,OAAO,cAAc,CAAA;AA0HrB,eAAO,MAAM,QAAQ;kBApHH,2BAA2B;UACnC,MAAM;0BACU,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;YAC1C,MAAM;kBAiH8B,CAAA"}

package/dist/field/Field.js

@@ -1,14 +1,10 @@
 'use client';
-import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
-import { FieldError } from '@payloadcms/ui/forms/FieldError';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { useField } from '@payloadcms/ui/forms/useField';
-import { withCondition } from '@payloadcms/ui/forms/withCondition';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldDescription, FieldError, FieldLabel, useField, useFieldProps, withCondition } from '@payloadcms/ui';
 import React, { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-import './index.scss';
-import { LexicalProvider } from './lexical/LexicalProvider.js';
+import { LexicalProvider } from '../lexical/LexicalProvider.js';
+import './bundled.css';
 const baseClass = 'rich-text-lexical';
 const _RichText = (props)=>{
     const { name, CustomDescription, CustomError, CustomLabel, className, descriptionProps, editorConfig, errorProps, label, labelProps, path: pathFromProps, readOnly, required, style, validate, width } = props;
@@ -29,7 +25,7 @@ const _RichText = (props)=>{
     ]);
     const { path: pathFromContext } = useFieldProps();
     const fieldType = useField({
-        path: pathFromContext || pathFromProps || name,
+        path: pathFromContext ?? pathFromProps ?? name,
         validate: memoizedValidate
     });
     const { errorMessage, initialValue, path, schemaPath, setValue, showError, value } = fieldType;
@@ -38,63 +34,82 @@ const _RichText = (props)=>{
         'field-type',
         className,
         showError && 'error',
-        readOnly && `${baseClass}--read-only`
+        readOnly && `${baseClass}--read-only`,
+        editorConfig?.admin?.hideGutter !== true ? `${baseClass}--show-gutter` : null
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: classes,
-        key: path,
         style: {
             ...style,
             width
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement(FieldError, {
-        CustomError: CustomError,
-        path: path,
-        ...errorProps || {}
-    }), /*#__PURE__*/ React.createElement(FieldLabel, {
-        CustomLabel: CustomLabel,
-        label: label,
-        required: required,
-        ...labelProps || {}
-    }), /*#__PURE__*/ React.createElement(ErrorBoundary, {
-        fallbackRender: fallbackRender,
-        onReset: ()=>{}
-    }, /*#__PURE__*/ React.createElement(LexicalProvider, {
-        editorConfig: editorConfig,
-        fieldProps: props,
-        key: JSON.stringify({
-            initialValue,
-            path
-        }),
-        onChange: (editorState)=>{
-            let serializedEditorState = editorState.toJSON();
-            // Transform state through save hooks
-            if (editorConfig?.features?.hooks?.save?.length) {
-                editorConfig.features.hooks.save.forEach((hook)=>{
-                    serializedEditorState = hook({
-                        incomingEditorState: serializedEditorState
-                    });
-                });
-            }
-            setValue(serializedEditorState);
         },
-        path: path,
-        readOnly: readOnly,
-        value: value
-    })), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {})));
+        children: [
+            /*#__PURE__*/ _jsx(FieldError, {
+                CustomError: CustomError,
+                path: path,
+                ...errorProps || {},
+                alignCaret: "left"
+            }),
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                CustomLabel: CustomLabel,
+                label: label,
+                required: required,
+                ...labelProps || {}
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsx(ErrorBoundary, {
+                        fallbackRender: fallbackRender,
+                        onReset: ()=>{},
+                        children: /*#__PURE__*/ _jsx(LexicalProvider, {
+                            editorConfig: editorConfig,
+                            fieldProps: props,
+                            onChange: (editorState)=>{
+                                let serializedEditorState = editorState.toJSON();
+                                // Transform state through save hooks
+                                if (editorConfig?.features?.hooks?.save?.length) {
+                                    editorConfig.features.hooks.save.forEach((hook)=>{
+                                        serializedEditorState = hook({
+                                            incomingEditorState: serializedEditorState
+                                        });
+                                    });
+                                }
+                                setValue(serializedEditorState);
+                            },
+                            path: path,
+                            readOnly: readOnly,
+                            value: value
+                        }, JSON.stringify({
+                            initialValue,
+                            path
+                        }))
+                    }),
+                    CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
+                        ...descriptionProps || {}
+                    })
+                ]
+            })
+        ]
+    }, path);
 };
 function fallbackRender({ error }) {
     // Call resetErrorBoundary() to reset the error boundary and retry the render.
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: "errorBoundary",
-        role: "alert"
-    }, /*#__PURE__*/ React.createElement("p", null, "Something went wrong:"), /*#__PURE__*/ React.createElement("pre", {
-        style: {
-            color: 'red'
-        }
-    }, error.message));
+        role: "alert",
+        children: [
+            /*#__PURE__*/ _jsx("p", {
+                children: "Something went wrong:"
+            }),
+            /*#__PURE__*/ _jsx("pre", {
+                style: {
+                    color: 'red'
+                },
+                children: error.message
+            })
+        ]
+    });
 }
 export const RichText = withCondition(_RichText);