@webiny/lexical-editor 5.37.8 → 5.38.0-beta.0

package/nodes/link-node.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_link","require","_utils","_sanitizeUrl","LinkNode","_BaseLinkNode","_inherits2","default","_super","_createSuper2","url","attributes","arguments","length","undefined","key","_classCallCheck2","call","_createClass2","value","createDOM","config","element","document","createElement","href","sanitizeUrl","__url","__target","target","__rel","rel","__title","title","addClassNamesToElement","theme","link","exportJSON","_objectSpread2","_get2","_getPrototypeOf2","prototype","type","version","getType","clone","node","__key","importDOM","a","conversion","convertAnchorElement","priority","importJSON","serializedNode","$createLinkNode","setFormat","format","setIndent","indent","setDirection","direction","BaseLinkNode","exports","domNode","isHTMLAnchorElement","content","textContent","getAttribute","$isLinkNode"],"sources":["link-node.ts"],"sourcesContent":["import {\n    LinkAttributes,\n    LinkNode as BaseLinkNode,\n    SerializedAutoLinkNode,\n    SerializedLinkNode as BaseSerializedLinkNode\n} from \"@lexical/link\";\nimport { DOMConversionMap, DOMConversionOutput, EditorConfig, NodeKey, Spread } from \"lexical\";\nimport { addClassNamesToElement, isHTMLAnchorElement } from \"@lexical/utils\";\nimport { sanitizeUrl } from \"~/utils/sanitizeUrl\";\n\nexport type SerializedLinkNode = Spread<\n    {\n        type: \"link-node\";\n        version: 1;\n    },\n    Spread<LinkAttributes, BaseSerializedLinkNode>\n>;\n\nexport class LinkNode extends BaseLinkNode {\n    constructor(url: string, attributes: LinkAttributes = {}, key?: NodeKey) {\n        super(url, attributes, key);\n    }\n\n    static override getType(): string {\n        return \"link-node\";\n    }\n\n    static override clone(node: LinkNode): LinkNode {\n        return new LinkNode(\n            node.__url,\n            { rel: node.__rel, target: node.__target, title: node.__title },\n            node.__key\n        );\n    }\n\n    override createDOM(config: EditorConfig): HTMLAnchorElement {\n        const element = document.createElement(\"a\");\n        element.href = sanitizeUrl(this.__url);\n        if (this.__target !== null) {\n            element.target = this.__target;\n        }\n        if (this.__rel !== null) {\n            element.rel = this.__rel;\n        }\n        if (this.__title !== null) {\n            element.title = this.__title;\n        }\n        addClassNamesToElement(element, config.theme.link);\n        return element;\n    }\n\n    static override importDOM(): DOMConversionMap | null {\n        return {\n            a: () => ({\n                conversion: convertAnchorElement,\n                priority: 1\n            })\n        };\n    }\n\n    static override importJSON(\n        serializedNode: BaseSerializedLinkNode | SerializedLinkNode | SerializedAutoLinkNode\n    ): LinkNode {\n        const node = $createLinkNode(serializedNode.url, {\n            rel: serializedNode.rel,\n            target: serializedNode.target,\n            title: serializedNode.title\n        });\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        return node;\n    }\n\n    override exportJSON(): BaseSerializedLinkNode | SerializedLinkNode | SerializedAutoLinkNode {\n        return {\n            ...super.exportJSON(),\n            type: \"link-node\",\n            version: 1\n        };\n    }\n}\n\nfunction convertAnchorElement(domNode: Node): DOMConversionOutput {\n    let node = null;\n    if (isHTMLAnchorElement(domNode)) {\n        const content = domNode.textContent;\n        if (content !== null && content !== \"\") {\n            node = $createLinkNode(domNode.getAttribute(\"href\") || \"\", {\n                rel: domNode.getAttribute(\"rel\"),\n                target: domNode.getAttribute(\"target\"),\n                title: domNode.getAttribute(\"title\")\n            });\n        }\n    }\n    return { node };\n}\n\nexport const $isLinkNode = (node: any): node is LinkNode => {\n    return node instanceof LinkNode;\n};\n\nexport const $createLinkNode = (url: string, attributes: LinkAttributes = {}, key?: KeyType) => {\n    return new LinkNode(url, attributes, key);\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAkD,IAUrCG,QAAQ,0BAAAC,aAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,QAAA,EAAAC,aAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,QAAA;EACjB,SAAAA,SAAYM,GAAW,EAAkD;IAAA,IAAhDC,UAA0B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IAAA,IAAEG,GAAa,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;IAAA,IAAAE,gBAAA,CAAAT,OAAA,QAAAH,QAAA;IAAA,OAAAI,MAAA,CAAAS,IAAA,OAC7DP,GAAG,EAAEC,UAAU,EAAEI,GAAG;EAC9B;EAAC,IAAAG,aAAA,CAAAX,OAAA,EAAAH,QAAA;IAAAW,GAAA;IAAAI,KAAA,EAcD,SAAAC,UAAmBC,MAAoB,EAAqB;MACxD,IAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;MAC3CF,OAAO,CAACG,IAAI,GAAG,IAAAC,wBAAW,EAAC,IAAI,CAACC,KAAK,CAAC;MACtC,IAAI,IAAI,CAACC,QAAQ,KAAK,IAAI,EAAE;QACxBN,OAAO,CAACO,MAAM,GAAG,IAAI,CAACD,QAAQ;MAClC;MACA,IAAI,IAAI,CAACE,KAAK,KAAK,IAAI,EAAE;QACrBR,OAAO,CAACS,GAAG,GAAG,IAAI,CAACD,KAAK;MAC5B;MACA,IAAI,IAAI,CAACE,OAAO,KAAK,IAAI,EAAE;QACvBV,OAAO,CAACW,KAAK,GAAG,IAAI,CAACD,OAAO;MAChC;MACA,IAAAE,6BAAsB,EAACZ,OAAO,EAAED,MAAM,CAACc,KAAK,CAACC,IAAI,CAAC;MAClD,OAAOd,OAAO;IAClB;EAAC;IAAAP,GAAA;IAAAI,KAAA,EAyBD,SAAAkB,WAAA,EAA4F;MACxF,WAAAC,cAAA,CAAA/B,OAAA,MAAA+B,cAAA,CAAA/B,OAAA,UAAAgC,KAAA,CAAAhC,OAAA,MAAAiC,gBAAA,CAAAjC,OAAA,EAAAH,QAAA,CAAAqC,SAAA,uBAAAxB,IAAA;QAEIyB,IAAI,EAAE,WAAW;QACjBC,OAAO,EAAE;MAAC;IAElB;EAAC;IAAA5B,GAAA;IAAAI,KAAA,EAzDD,SAAAyB,QAAA,EAAkC;MAC9B,OAAO,WAAW;IACtB;EAAC;IAAA7B,GAAA;IAAAI,KAAA,EAED,SAAA0B,MAAsBC,IAAc,EAAY;MAC5C,OAAO,IAAI1C,QAAQ,CACf0C,IAAI,CAACnB,KAAK,EACV;QAAEI,GAAG,EAAEe,IAAI,CAAChB,KAAK;QAAED,MAAM,EAAEiB,IAAI,CAAClB,QAAQ;QAAEK,KAAK,EAAEa,IAAI,CAACd;MAAQ,CAAC,EAC/Dc,IAAI,CAACC,KACT,CAAC;IACL;EAAC;IAAAhC,GAAA;IAAAI,KAAA,EAkBD,SAAA6B,UAAA,EAAqD;MACjD,OAAO;QACHC,CAAC,EAAE,SAAAA,EAAA;UAAA,OAAO;YACNC,UAAU,EAAEC,oBAAoB;YAChCC,QAAQ,EAAE;UACd,CAAC;QAAA;MACL,CAAC;IACL;EAAC;IAAArC,GAAA;IAAAI,KAAA,EAED,SAAAkC,WACIC,cAAoF,EAC5E;MACR,IAAMR,IAAI,GAAGS,eAAe,CAACD,cAAc,CAAC5C,GAAG,EAAE;QAC7CqB,GAAG,EAAEuB,cAAc,CAACvB,GAAG;QACvBF,MAAM,EAAEyB,cAAc,CAACzB,MAAM;QAC7BI,KAAK,EAAEqB,cAAc,CAACrB;MAC1B,CAAC,CAAC;MACFa,IAAI,CAACU,SAAS,CAACF,cAAc,CAACG,MAAM,CAAC;MACrCX,IAAI,CAACY,SAAS,CAACJ,cAAc,CAACK,MAAM,CAAC;MACrCb,IAAI,CAACc,YAAY,CAACN,cAAc,CAACO,SAAS,CAAC;MAC3C,OAAOf,IAAI;IACf;EAAC;EAAA,OAAA1C,QAAA;AAAA,EAtDyB0D,cAAY;AAAAC,OAAA,CAAA3D,QAAA,GAAAA,QAAA;AAiE1C,SAAS+C,oBAAoBA,CAACa,OAAa,EAAuB;EAC9D,IAAIlB,IAAI,GAAG,IAAI;EACf,IAAI,IAAAmB,0BAAmB,EAACD,OAAO,CAAC,EAAE;IAC9B,IAAME,OAAO,GAAGF,OAAO,CAACG,WAAW;IACnC,IAAID,OAAO,KAAK,IAAI,IAAIA,OAAO,KAAK,EAAE,EAAE;MACpCpB,IAAI,GAAGS,eAAe,CAACS,OAAO,CAACI,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE;QACvDrC,GAAG,EAAEiC,OAAO,CAACI,YAAY,CAAC,KAAK,CAAC;QAChCvC,MAAM,EAAEmC,OAAO,CAACI,YAAY,CAAC,QAAQ,CAAC;QACtCnC,KAAK,EAAE+B,OAAO,CAACI,YAAY,CAAC,OAAO;MACvC,CAAC,CAAC;IACN;EACJ;EACA,OAAO;IAAEtB,IAAI,EAAJA;EAAK,CAAC;AACnB;AAEO,IAAMuB,WAAW,GAAG,SAAdA,WAAWA,CAAIvB,IAAS,EAAuB;EACxD,OAAOA,IAAI,YAAY1C,QAAQ;AACnC,CAAC;AAAC2D,OAAA,CAAAM,WAAA,GAAAA,WAAA;AAEK,IAAMd,eAAe,GAAG,SAAlBA,eAAeA,CAAI7C,GAAW,EAAqD;EAAA,IAAnDC,UAA0B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IAAEG,GAAa,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACvF,OAAO,IAAIV,QAAQ,CAACM,GAAG,EAAEC,UAAU,EAAEI,GAAG,CAAC;AAC7C,CAAC;AAACgD,OAAA,CAAAR,eAAA,GAAAA,eAAA"}

package/nodes/types.d.ts

@@ -1,15 +0,0 @@
-export declare type ThemeStyleType = "typography" | "colors" | "fonts";
-export interface ThemeStyleValue {
-    styleId: string;
-    type: ThemeStyleType;
-}
-export interface TextNodeThemeStyles {
-    getThemeStyles: () => ThemeStyleValue[];
-    setThemeStyles: (styles: ThemeStyleValue[]) => void;
-}
-export interface TypographyStylesNode {
-    setTypography: (typographyStyleId: string) => void;
-    getTypographyStyleId: () => string | undefined;
-    clearTypographyStyle: () => void;
-    hasTypographyStyle: () => boolean;
-}

package/nodes/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/nodes/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type ThemeStyleType = \"typography\" | \"colors\" | \"fonts\";\n\nexport interface ThemeStyleValue {\n    styleId: string;\n    type: ThemeStyleType;\n}\n\nexport interface TextNodeThemeStyles {\n    getThemeStyles: () => ThemeStyleValue[];\n    setThemeStyles: (styles: ThemeStyleValue[]) => void;\n}\n\n/*\n * Indicates that the node is implementing the typography styles\n */\nexport interface TypographyStylesNode {\n    setTypography: (typographyStyleId: string) => void;\n    getTypographyStyleId: () => string | undefined;\n    clearTypographyStyle: () => void;\n    hasTypographyStyle: () => boolean;\n}\n"],"mappings":""}

package/nodes/webinyNodes.d.ts

@@ -1,7 +0,0 @@
-import type { Klass, LexicalNode } from "lexical";
-export declare const WebinyNodes: ReadonlyArray<Klass<LexicalNode> | {
-    replace: Klass<LexicalNode>;
-    with: <T extends {
-        new (...args: any): any;
-    }>(node: InstanceType<T>) => LexicalNode;
-}>;

package/nodes/webinyNodes.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WebinyNodes = void 0;
-var _lexical = require("lexical");
-var _code = require("@lexical/code");
-var _hashtag = require("@lexical/hashtag");
-var _link = require("@lexical/link");
-var _mark = require("@lexical/mark");
-var _overflow = require("@lexical/overflow");
-var _FontColorNode = require("./FontColorNode");
-var _TypographyElementNode = require("./TypographyElementNode");
-var _ListNode = require("./ListNode");
-var _ListItemNode = require("./ListItemNode");
-var _HeadingNode = require("./HeadingNode");
-var _ParagraphNode = require("./ParagraphNode");
-var _richText = require("@lexical/rich-text");
-var _QuoteNode = require("./QuoteNode");
-var _ImageNode = require("./ImageNode");
-var _linkNode = require("./link-node");
-// This is a list of all the nodes that our Lexical implementation supports OOTB.
-var WebinyNodes = [
-// These nodes are copy-pasted from Lexical and modified to fit our needs.
-// https://github.com/facebook/lexical/tree/main/packages/lexical-playground/src/nodes
-// https://github.com/facebook/lexical/tree/main/packages
-_ImageNode.ImageNode, _ListNode.ListNode, _ListItemNode.ListItemNode,
-// These nodes are directly imported from Lexical.
-_code.CodeNode, _hashtag.HashtagNode, _code.CodeHighlightNode, _link.AutoLinkNode, _overflow.OverflowNode, _mark.MarkNode,
-// Our custom nodes.
-_FontColorNode.FontColorNode, _TypographyElementNode.TypographyElementNode,
-// The following code replaces the built-in Lexical nodes with our custom ones.
-// https://lexical.dev/docs/concepts/node-replacement
-_ParagraphNode.ParagraphNode, {
-  replace: _lexical.ParagraphNode,
-  with: function _with() {
-    return new _ParagraphNode.ParagraphNode();
-  }
-}, _HeadingNode.HeadingNode, {
-  replace: _richText.HeadingNode,
-  with: function _with(node) {
-    return new _HeadingNode.HeadingNode(node.getTag());
-  }
-}, _QuoteNode.QuoteNode, {
-  replace: _richText.QuoteNode,
-  with: function _with() {
-    return new _QuoteNode.QuoteNode();
-  }
-}, _linkNode.LinkNode, {
-  replace: _link.LinkNode,
-  with: function _with(node) {
-    return new _linkNode.LinkNode(node.getURL(), {
-      rel: node.getRel(),
-      title: node.getTitle(),
-      target: node.getTarget()
-    }, node.getKey());
-  }
-}];
-exports.WebinyNodes = WebinyNodes;

package/nodes/webinyNodes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_lexical","require","_code","_hashtag","_link","_mark","_overflow","_FontColorNode","_TypographyElementNode","_ListNode","_ListItemNode","_HeadingNode","_ParagraphNode","_richText","_QuoteNode","_ImageNode","_linkNode","WebinyNodes","ImageNode","ListNode","ListItemNode","CodeNode","HashtagNode","CodeHighlightNode","AutoLinkNode","OverflowNode","MarkNode","FontColorNode","TypographyElementNode","ParagraphNode","replace","BaseParagraphNode","with","_with","HeadingNode","BaseHeadingNode","node","getTag","QuoteNode","BaseQuoteNode","LinkNode","BaseLinkNode","getURL","rel","getRel","title","getTitle","target","getTarget","getKey","exports"],"sources":["webinyNodes.ts"],"sourcesContent":["import type { Klass, LexicalNode } from \"lexical\";\nimport { ParagraphNode as BaseParagraphNode } from \"lexical\";\nimport { CodeHighlightNode, CodeNode } from \"@lexical/code\";\nimport { HashtagNode } from \"@lexical/hashtag\";\nimport { AutoLinkNode, LinkNode as BaseLinkNode } from \"@lexical/link\";\nimport { MarkNode } from \"@lexical/mark\";\nimport { OverflowNode } from \"@lexical/overflow\";\nimport { FontColorNode } from \"~/nodes/FontColorNode\";\nimport { TypographyElementNode } from \"~/nodes/TypographyElementNode\";\nimport { ListNode } from \"~/nodes/ListNode\";\nimport { ListItemNode } from \"~/nodes/ListItemNode\";\nimport { HeadingNode } from \"~/nodes/HeadingNode\";\nimport { ParagraphNode } from \"~/nodes/ParagraphNode\";\nimport { HeadingNode as BaseHeadingNode, QuoteNode as BaseQuoteNode } from \"@lexical/rich-text\";\nimport { QuoteNode } from \"~/nodes/QuoteNode\";\nimport { ImageNode } from \"~/nodes/ImageNode\";\nimport { LinkNode } from \"~/nodes/link-node\";\n\n// This is a list of all the nodes that our Lexical implementation supports OOTB.\nexport const WebinyNodes: ReadonlyArray<\n    | Klass<LexicalNode>\n    | {\n          replace: Klass<LexicalNode>;\n          with: <T extends { new (...args: any): any }>(node: InstanceType<T>) => LexicalNode;\n      }\n> = [\n    // These nodes are copy-pasted from Lexical and modified to fit our needs.\n    // https://github.com/facebook/lexical/tree/main/packages/lexical-playground/src/nodes\n    // https://github.com/facebook/lexical/tree/main/packages\n    ImageNode,\n    ListNode,\n    ListItemNode,\n\n    // These nodes are directly imported from Lexical.\n    CodeNode,\n    HashtagNode,\n    CodeHighlightNode,\n    AutoLinkNode,\n    OverflowNode,\n    MarkNode,\n\n    // Our custom nodes.\n    FontColorNode,\n    TypographyElementNode,\n\n    // The following code replaces the built-in Lexical nodes with our custom ones.\n    // https://lexical.dev/docs/concepts/node-replacement\n    ParagraphNode,\n    {\n        replace: BaseParagraphNode,\n        with: () => {\n            return new ParagraphNode();\n        }\n    },\n    HeadingNode,\n    {\n        replace: BaseHeadingNode,\n        with: (node: BaseHeadingNode) => {\n            return new HeadingNode(node.getTag());\n        }\n    },\n    QuoteNode,\n    {\n        replace: BaseQuoteNode,\n        with: () => {\n            return new QuoteNode();\n        }\n    },\n    LinkNode,\n    {\n        replace: BaseLinkNode,\n        with: (node: BaseLinkNode) => {\n            return new LinkNode(\n                node.getURL(),\n                {\n                    rel: node.getRel(),\n                    title: node.getTitle(),\n                    target: node.getTarget()\n                },\n                node.getKey()\n            );\n        }\n    }\n];\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAX,OAAA;AACA,IAAAY,SAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,UAAA,GAAAd,OAAA;AACA,IAAAe,SAAA,GAAAf,OAAA;AAEA;AACO,IAAMgB,WAMZ,GAAG;AACA;AACA;AACA;AACAC,oBAAS,EACTC,kBAAQ,EACRC,0BAAY;AAEZ;AACAC,cAAQ,EACRC,oBAAW,EACXC,uBAAiB,EACjBC,kBAAY,EACZC,sBAAY,EACZC,cAAQ;AAER;AACAC,4BAAa,EACbC,4CAAqB;AAErB;AACA;AACAC,4BAAa,EACb;EACIC,OAAO,EAAEC,sBAAiB;EAC1BC,IAAI,EAAE,SAAAC,MAAA,EAAM;IACR,OAAO,IAAIJ,4BAAa,CAAC,CAAC;EAC9B;AACJ,CAAC,EACDK,wBAAW,EACX;EACIJ,OAAO,EAAEK,qBAAe;EACxBH,IAAI,EAAE,SAAAC,MAACG,IAAqB,EAAK;IAC7B,OAAO,IAAIF,wBAAW,CAACE,IAAI,CAACC,MAAM,CAAC,CAAC,CAAC;EACzC;AACJ,CAAC,EACDC,oBAAS,EACT;EACIR,OAAO,EAAES,mBAAa;EACtBP,IAAI,EAAE,SAAAC,MAAA,EAAM;IACR,OAAO,IAAIK,oBAAS,CAAC,CAAC;EAC1B;AACJ,CAAC,EACDE,kBAAQ,EACR;EACIV,OAAO,EAAEW,cAAY;EACrBT,IAAI,EAAE,SAAAC,MAACG,IAAkB,EAAK;IAC1B,OAAO,IAAII,kBAAQ,CACfJ,IAAI,CAACM,MAAM,CAAC,CAAC,EACb;MACIC,GAAG,EAAEP,IAAI,CAACQ,MAAM,CAAC,CAAC;MAClBC,KAAK,EAAET,IAAI,CAACU,QAAQ,CAAC,CAAC;MACtBC,MAAM,EAAEX,IAAI,CAACY,SAAS,CAAC;IAC3B,CAAC,EACDZ,IAAI,CAACa,MAAM,CAAC,CAChB,CAAC;EACL;AACJ,CAAC,CACJ;AAACC,OAAA,CAAAjC,WAAA,GAAAA,WAAA"}

package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-import { LexicalValue } from "../../types";
-interface LexicalUpdateStatePlugin {
-    value: LexicalValue | null;
-    readOnly?: boolean;
-}
-export declare const LexicalUpdateStatePlugin: FC<LexicalUpdateStatePlugin>;
-export {};

package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_LexicalComposerContext","require","_react","_interopRequireWildcard","_isValidLexicalData","_generateInitialLexicalValue","LexicalUpdateStatePlugin","_ref","value","_useLexicalComposerCo","useLexicalComposerContext","_useLexicalComposerCo2","_slicedToArray2","default","editor","useEffect","editorState","getEditorState","JSON","stringify","toJSON","initialEditorState","parseEditorState","isValidLexicalData","generateInitialLexicalValue","setEditorState","createElement","Fragment","exports"],"sources":["LexicalUpdateStatePlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport React, { FC, useEffect } from \"react\";\nimport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nimport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nimport { LexicalValue } from \"~/types\";\n\ninterface LexicalUpdateStatePlugin {\n    value: LexicalValue | null;\n    readOnly?: boolean;\n}\n\n/*\n * Updates the lexical state if new value is provided to the lexical editor trough props\n */\nexport const LexicalUpdateStatePlugin: FC<LexicalUpdateStatePlugin> = ({\n    value\n}): React.ReactElement => {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        if (value && editor) {\n            const editorState = editor.getEditorState();\n            if (JSON.stringify(editorState.toJSON()) === value) {\n                return;\n            }\n\n            const initialEditorState = editor.parseEditorState(\n                isValidLexicalData(value)\n                    ? (value as string)\n                    : (generateInitialLexicalValue() as string)\n            );\n            editor.setEditorState(initialEditorState);\n        }\n    }, [value, editor]);\n\n    return <></>;\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AAQA;AACA;AACA;AACO,IAAMK,wBAAsD,GAAG,SAAzDA,wBAAsDA,CAAAC,IAAA,EAEzC;EAAA,IADtBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAEL,IAAAC,qBAAA,GAAiB,IAAAC,iDAAyB,EAAC,CAAC;IAAAC,sBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,qBAAA;IAArCK,MAAM,GAAAH,sBAAA;EACb,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAIP,KAAK,IAAIM,MAAM,EAAE;MACjB,IAAME,WAAW,GAAGF,MAAM,CAACG,cAAc,CAAC,CAAC;MAC3C,IAAIC,IAAI,CAACC,SAAS,CAACH,WAAW,CAACI,MAAM,CAAC,CAAC,CAAC,KAAKZ,KAAK,EAAE;QAChD;MACJ;MAEA,IAAMa,kBAAkB,GAAGP,MAAM,CAACQ,gBAAgB,CAC9C,IAAAC,sCAAkB,EAACf,KAAK,CAAC,GAClBA,KAAK,GACL,IAAAgB,wDAA2B,EAAC,CACvC,CAAC;MACDV,MAAM,CAACW,cAAc,CAACJ,kBAAkB,CAAC;IAC7C;EACJ,CAAC,EAAE,CAACb,KAAK,EAAEM,MAAM,CAAC,CAAC;EAEnB,oBAAOZ,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAAAxB,MAAA,CAAAW,OAAA,CAAAc,QAAA,MAAI,CAAC;AAChB,CAAC;AAACC,OAAA,CAAAtB,wBAAA,GAAAA,wBAAA"}

package/themes/webinyLexicalTheme.css

@@ -1,423 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * This are fallback styles for Webiny.
- */
-.WebinyLexical__ltr {
-  text-align: inherit;
-}
-.WebinyLexical__rtl {
-  text-align: inherit;
-}
-.WebinyLexical__paragraph {
-  margin: 0;
-  position: relative;
-  text-align: inherit;
-  font-size: inherit;
-}
-.WebinyLexical__quote {
-  margin: 0;
-  margin-left: 20px;
-  margin-bottom: 10px;
-  font-size: 15px;
-  color: rgb(101, 103, 107);
-  border-left-color: rgb(206, 208, 212);
-  border-left-width: 4px;
-  border-left-style: solid;
-  padding-left: 16px;
-}
-.WebinyLexical__h1 {
-  font-size: 24px;
-  font-weight: inherit;
-  margin: inherit;
-}
-
-.WebinyLexical__h2 {
-  font-size: 15px;
-  font-weight: inherit;
-  margin: inherit;
-}
-
-.WebinyLexical__h3 {
-  font-size: 12px;
-  font-weight: inherit;
-  margin: inherit;
-}
-
-.WebinyLexical__textBold {
-  font-weight: bold;
-}
-
-.WebinyLexical__textItalic {
-  font-style: italic;
-}
-.WebinyLexical__textUnderline {
-  text-decoration: underline;
-}
-.WebinyLexical__textStrikethrough {
-  text-decoration: line-through;
-}
-.WebinyLexical__textUnderlineStrikethrough {
-  text-decoration: underline line-through;
-}
-
-.WebinyLexical__textSubscript {
-  font-size: 0.8em;
-  vertical-align: sub !important;
-}
-
-.WebinyLexical__textSuperscript {
-  font-size: 0.8em;
-  vertical-align: super;
-}
-
-.WebinyLexical__textCode {
-  background-color: rgb(240, 242, 245);
-  padding: 1px 0.25rem;
-  font-family: Menlo, Consolas, Monaco, monospace;
-  font-size: 94%;
-}
-.WebinyLexical__hashtag {
-  background-color: rgba(88, 144, 255, 0.15);
-  border-bottom: 1px solid rgba(88, 144, 255, 0.3);
-}
-.WebinyLexical__link {
-  color: rgb(33, 111, 219);
-  text-decoration: none;
-}
-.WebinyLexical__link:hover {
-  text-decoration: underline;
-}
-.WebinyLexical__code {
-  background-color: rgb(240, 242, 245);
-  font-family: Menlo, Consolas, Monaco, monospace;
-  display: block;
-  padding: 8px 8px 8px 52px;
-  line-height: 1.53;
-  font-size: 13px;
-  margin: 0;
-  margin-top: 8px;
-  margin-bottom: 8px;
-  tab-size: 2;
-  /* white-space: pre; */
-  overflow-x: auto;
-  position: relative;
-}
-.WebinyLexical__code:before {
-  content: attr(data-gutter);
-  position: absolute;
-  background-color: #eee;
-  left: 0;
-  top: 0;
-  border-right: 1px solid #ccc;
-  padding: 8px;
-  color: #777;
-  white-space: pre-wrap;
-  text-align: right;
-  min-width: 25px;
-}
-.WebinyLexical__table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  max-width: 100%;
-  overflow-y: scroll;
-  table-layout: fixed;
-  width: calc(100% - 25px);
-  margin: 30px 0;
-}
-.WebinyLexical__tableSelected {
-  outline: 2px solid rgb(60, 132, 244);
-}
-.WebinyLexical__tableCell {
-  border: 1px solid #bbb;
-  min-width: 75px;
-  vertical-align: top;
-  text-align: start;
-  padding: 6px 8px;
-  position: relative;
-  cursor: default;
-  outline: none;
-}
-.WebinyLexical__tableCellSortedIndicator {
-  display: block;
-  opacity: 0.5;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 4px;
-  background-color: #999;
-}
-.WebinyLexical__tableCellResizer {
-  position: absolute;
-  right: -4px;
-  height: 100%;
-  width: 8px;
-  cursor: ew-resize;
-  z-index: 10;
-  top: 0;
-}
-.WebinyLexical__tableCellHeader {
-  background-color: #f2f3f5;
-  text-align: start;
-}
-.WebinyLexical__tableCellSelected {
-  background-color: #c9dbf0;
-}
-.WebinyLexical__tableCellPrimarySelected {
-  border: 2px solid rgb(60, 132, 244);
-  display: block;
-  height: calc(100% - 2px);
-  position: absolute;
-  width: calc(100% - 2px);
-  left: -1px;
-  top: -1px;
-  z-index: 2;
-}
-.WebinyLexical__tableCellEditing {
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-  border-radius: 3px;
-}
-.WebinyLexical__tableAddColumns {
-  position: absolute;
-  top: 0;
-  width: 20px;
-  background-color: #eee;
-  height: 100%;
-  right: 0;
-  animation: table-controls 0.2s ease;
-  border: 0;
-  cursor: pointer;
-}
-
-.WebinyLexical__tableAddColumns:hover {
-  background-color: #c9dbf0;
-}
-.WebinyLexical__tableAddRows {
-  position: absolute;
-  bottom: -25px;
-  width: calc(100% - 25px);
-  background-color: #eee;
-  height: 20px;
-  left: 0;
-  animation: table-controls 0.2s ease;
-  border: 0;
-  cursor: pointer;
-}
-.WebinyLexical__tableAddRows:hover {
-  background-color: #c9dbf0;
-}
-@keyframes table-controls {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.WebinyLexical__tableCellResizeRuler {
-  display: block;
-  position: absolute;
-  width: 1px;
-  background-color: rgb(60, 132, 244);
-  height: 100%;
-  top: 0;
-}
-.WebinyLexical__tableCellActionButtonContainer {
-  display: block;
-  right: 5px;
-  top: 6px;
-  position: absolute;
-  z-index: 4;
-  width: 20px;
-  height: 20px;
-}
-.WebinyLexical__tableCellActionButton {
-  background-color: #eee;
-  display: block;
-  border: 0;
-  border-radius: 20px;
-  width: 20px;
-  height: 20px;
-  color: #222;
-  cursor: pointer;
-}
-.WebinyLexical__tableCellActionButton:hover {
-  background-color: #ddd;
-}
-.WebinyLexical__characterLimit {
-  display: inline;
-  background-color: #ffbbbb !important;
-}
-.WebinyLexical__ol1 {
-  list-style: auto;
-  padding: 0;
-  margin: 0;
-  margin-left: 16px;
-  list-style-position: inside;
-}
-.WebinyLexical__ol2 {
-  list-style: initial;
-  padding: 0;
-  margin: 0;
-  margin-left: 16px;
-  list-style-type: upper-alpha;
-  list-style-position: inside;
-}
-.WebinyLexical__ol3 {
-  list-style: initial;
-  list-style: auto;
-  padding: 0;
-  margin: 0;
-  margin-left: 16px;
-  list-style-type: lower-alpha;
-  list-style-position: inside;
-}
-.WebinyLexical__ol4 {
-  list-style: initial;
-  padding: 0;
-  margin: 0;
-  margin-left: 16px;
-  list-style-type: upper-roman;
-  list-style-position: inside;
-}
-.WebinyLexical__ol5 {
-  list-style: initial;
-  padding: 0;
-  margin: 0;
-  margin-left: 16px;
-  list-style-type: lower-roman;
-  list-style-position: inside;
-}
-.WebinyLexical__ul {
-  list-style: initial;
-  padding: 0;
-  margin: 0;
-  margin-left: 16px;
-  list-style-position: inside;
-}
-.WebinyLexical__listItem {
-  margin: 0 32px;
-}
-.WebinyLexical__listItemChecked,
-.WebinyLexical__listItemUnchecked {
-  position: relative;
-  margin-left: 8px;
-  margin-right: 8px;
-  padding-left: 24px;
-  padding-right: 24px;
-  list-style-type: none;
-  outline: none;
-}
-.WebinyLexical__listItemChecked {
-  text-decoration: line-through;
-}
-.WebinyLexical__listItemUnchecked:before,
-.WebinyLexical__listItemChecked:before {
-  content: '';
-  width: 16px;
-  height: 16px;
-  top: 2px;
-  left: 0;
-  cursor: pointer;
-  display: block;
-  background-size: cover;
-  position: absolute;
-}
-.WebinyLexical__listItemUnchecked[dir='rtl']:before,
-.WebinyLexical__listItemChecked[dir='rtl']:before {
-  left: auto;
-  right: 0;
-}
-.WebinyLexical__listItemUnchecked:focus:before,
-.WebinyLexical__listItemChecked:focus:before {
-  box-shadow: 0 0 0 2px #a6cdfe;
-  border-radius: 2px;
-}
-.WebinyLexical__listItemUnchecked:before {
-  border: 1px solid #999;
-  border-radius: 2px;
-}
-.WebinyLexical__listItemChecked:before {
-  border: 1px solid rgb(61, 135, 245);
-  border-radius: 2px;
-  background-color: #3d87f5;
-  background-repeat: no-repeat;
-}
-.WebinyLexical__listItemChecked:after {
-  content: '';
-  cursor: pointer;
-  border-color: #fff;
-  border-style: solid;
-  position: absolute;
-  display: block;
-  top: 6px;
-  width: 3px;
-  left: 7px;
-  height: 6px;
-  transform: rotate(45deg);
-  border-width: 0 2px 2px 0;
-}
-.WebinyLexical__nestedListItem {
-  list-style-type: none;
-}
-.WebinyLexical__nestedListItem:before,
-.WebinyLexical__nestedListItem:after {
-  display: none;
-}
-.WebinyLexical__tokenComment {
-  color: slategray;
-}
-.WebinyLexical__tokenPunctuation {
-  color: #999;
-}
-.WebinyLexical__tokenProperty {
-  color: #905;
-}
-.WebinyLexical__tokenSelector {
-  color: #690;
-}
-.WebinyLexical__tokenOperator {
-  color: #9a6e3a;
-}
-.WebinyLexical__tokenAttr {
-  color: #07a;
-}
-.WebinyLexical__tokenVariable {
-  color: #e90;
-}
-.WebinyLexical__tokenFunction {
-  color: #dd4a68;
-}
-.WebinyLexical__mark {
-  background: rgba(255, 212, 0, 0.14);
-  border-bottom: 2px solid rgba(255, 212, 0, 0.3);
-  padding-bottom: 2px;
-}
-.WebinyLexical__markOverlap {
-  background: rgba(255, 212, 0, 0.3);
-  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
-}
-.WebinyLexical__mark.selected {
-  background: rgba(255, 212, 0, 0.5);
-  border-bottom: 2px solid rgba(255, 212, 0, 1);
-}
-.WebinyLexical__markOverlap.selected {
-  background: rgba(255, 212, 0, 0.7);
-  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
-}
-.WebinyLexical__embedBlock {
-  user-select: none;
-}
-.WebinyLexical__embedBlockFocus {
-  outline: 2px solid rgb(60, 132, 244);
-}
-
-.WebinyLexical__placeholder {
-  text-align: left;
-}

package/themes/webinyLexicalTheme.d.ts

@@ -1,9 +0,0 @@
-import type { EditorThemeClasses } from "lexical";
-import "./webinyLexicalTheme.css";
-import { ThemeEmotionMap } from "../types";
-export declare type WebinyTheme = {
-    styles?: Record<string, any>;
-    emotionMap?: ThemeEmotionMap;
-};
-export declare type WebinyEditorTheme = WebinyTheme & EditorThemeClasses;
-export declare const webinyEditorTheme: WebinyEditorTheme;

package/themes/webinyLexicalTheme.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webinyEditorTheme = void 0;
-require("./webinyLexicalTheme.css");
-var webinyEditorTheme = {
-  styles: undefined,
-  emotionMap: undefined,
-  characterLimit: "WebinyLexical__characterLimit",
-  code: "WebinyLexical__code",
-  codeHighlight: {
-    atrule: "WebinyLexical__tokenAttr",
-    attr: "WebinyLexical__tokenAttr",
-    boolean: "WebinyLexical__tokenProperty",
-    builtin: "WebinyLexical__tokenSelector",
-    cdata: "WebinyLexical__tokenComment",
-    char: "WebinyLexical__tokenSelector",
-    class: "WebinyLexical__tokenFunction",
-    "class-name": "WebinyLexical__tokenFunction",
-    comment: "WebinyLexical__tokenComment",
-    constant: "WebinyLexical__tokenProperty",
-    deleted: "WebinyLexical__tokenProperty",
-    doctype: "WebinyLexical__tokenComment",
-    entity: "WebinyLexical__tokenOperator",
-    function: "WebinyLexical__tokenFunction",
-    important: "WebinyLexical__tokenVariable",
-    inserted: "WebinyLexical__tokenSelector",
-    keyword: "WebinyLexical__tokenAttr",
-    namespace: "WebinyLexical__tokenVariable",
-    number: "WebinyLexical__tokenProperty",
-    operator: "WebinyLexical__tokenOperator",
-    prolog: "WebinyLexical__tokenComment",
-    property: "WebinyLexical__tokenProperty",
-    punctuation: "WebinyLexical__tokenPunctuation",
-    regex: "WebinyLexical__tokenVariable",
-    selector: "WebinyLexical__tokenSelector",
-    string: "WebinyLexical__tokenSelector",
-    symbol: "WebinyLexical__tokenProperty",
-    tag: "WebinyLexical__tokenProperty",
-    url: "WebinyLexical__tokenOperator",
-    variable: "WebinyLexical__tokenVariable"
-  },
-  embedBlock: {
-    base: "WebinyLexical__embedBlock",
-    focus: "WebinyLexical__embedBlockFocus"
-  },
-  hashtag: "WebinyLexical__hashtag",
-  heading: {
-    h1: "WebinyLexical__h1",
-    h2: "WebinyLexical__h2",
-    h3: "WebinyLexical__h3",
-    h4: "WebinyLexical__h4",
-    h5: "WebinyLexical__h5",
-    h6: "WebinyLexical__h6"
-  },
-  link: "WebinyLexical__link",
-  list: {
-    listitem: "WebinyLexical__listItem",
-    listitemChecked: "WebinyLexical__listItemChecked",
-    listitemUnchecked: "WebinyLexical__listItemUnchecked",
-    nested: {
-      listitem: "WebinyLexical__nestedListItem"
-    },
-    olDepth: ["WebinyLexical__ol1", "WebinyLexical__ol2", "WebinyLexical__ol3", "WebinyLexical__ol4", "WebinyLexical__ol5"],
-    ul: "WebinyLexical__ul"
-  },
-  ltr: "WebinyLexical__ltr",
-  mark: "WebinyLexical__mark",
-  markOverlap: "WebinyLexical__markOverlap",
-  paragraph: "WebinyLexical__paragraph",
-  quote: "WebinyLexical__quote",
-  rtl: "WebinyLexical__rtl",
-  text: {
-    bold: "WebinyLexical__textBold",
-    code: "WebinyLexical__textCode",
-    italic: "WebinyLexical__textItalic",
-    strikethrough: "WebinyLexical__textStrikethrough",
-    subscript: "WebinyLexical__textSubscript",
-    superscript: "WebinyLexical__textSuperscript",
-    underline: "WebinyLexical__textUnderline",
-    underlineStrikethrough: "WebinyLexical__textUnderlineStrikethrough"
-  },
-  fontColorText: "WebinyLexical__fontColorText",
-  image: "editor-image",
-  indent: "PlaygroundEditorTheme__indent",
-  inlineImage: "inline-editor-image"
-};
-exports.webinyEditorTheme = webinyEditorTheme;