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

package/commands/image.d.ts

@@ -0,0 +1,6 @@
+import { LexicalCommand, NodeKey } from "lexical";
+import { ImageNodeProps } from "@webiny/lexical-nodes";
+export interface ImagePayload extends ImageNodeProps {
+    key?: NodeKey;
+}
+export declare const INSERT_IMAGE_COMMAND: LexicalCommand<ImagePayload>;

package/commands/{insertFiles.js → image.js}

@@ -6,4 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.INSERT_IMAGE_COMMAND = void 0;
 var _lexical = require("lexical");
 var INSERT_IMAGE_COMMAND = (0, _lexical.createCommand)("INSERT_IMAGE_COMMAND");
-exports.INSERT_IMAGE_COMMAND = INSERT_IMAGE_COMMAND;
+exports.INSERT_IMAGE_COMMAND = INSERT_IMAGE_COMMAND;
+
+//# sourceMappingURL=image.js.map

package/commands/image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_lexical","require","INSERT_IMAGE_COMMAND","createCommand","exports"],"sources":["image.ts"],"sourcesContent":["import { createCommand, LexicalCommand, NodeKey } from \"lexical\";\nimport { ImageNodeProps } from \"@webiny/lexical-nodes\";\n\nexport interface ImagePayload extends ImageNodeProps {\n    key?: NodeKey;\n}\n\nexport const INSERT_IMAGE_COMMAND: LexicalCommand<ImagePayload> =\n    createCommand(\"INSERT_IMAGE_COMMAND\");\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOO,IAAMC,oBAAkD,GAC3D,IAAAC,sBAAa,EAAC,sBAAsB,CAAC;AAACC,OAAA,CAAAF,oBAAA,GAAAA,oBAAA"}

package/commands/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./image";
+export * from "./list";
+export * from "./quote";

package/commands/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _image = require("./image");
+Object.keys(_image).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _image[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _image[key];
+    }
+  });
+});
+var _list = require("./list");
+Object.keys(_list).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _list[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _list[key];
+    }
+  });
+});
+var _quote = require("./quote");
+Object.keys(_quote).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _quote[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _quote[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/commands/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_image","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_list","_quote"],"sources":["index.ts"],"sourcesContent":["export * from \"~/commands/image\";\nexport * from \"~/commands/list\";\nexport * from \"~/commands/quote\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,MAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,MAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/commands/list.d.ts

@@ -0,0 +1,7 @@
+import { LexicalCommand } from "lexical";
+export declare type ListCommandPayload = {
+    themeStyleId?: string;
+};
+export declare const INSERT_UNORDERED_LIST_COMMAND: LexicalCommand<ListCommandPayload>;
+export declare const INSERT_ORDERED_LIST_COMMAND: LexicalCommand<ListCommandPayload>;
+export declare const REMOVE_LIST_COMMAND: LexicalCommand<void>;

package/commands/list.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.REMOVE_LIST_COMMAND = exports.INSERT_UNORDERED_LIST_COMMAND = exports.INSERT_ORDERED_LIST_COMMAND = void 0;
+var _lexical = require("lexical");
+var INSERT_UNORDERED_LIST_COMMAND = (0, _lexical.createCommand)("INSERT_UNORDERED_LIST_COMMAND");
+exports.INSERT_UNORDERED_LIST_COMMAND = INSERT_UNORDERED_LIST_COMMAND;
+var INSERT_ORDERED_LIST_COMMAND = (0, _lexical.createCommand)("INSERT_ORDERED_LIST_COMMAND");
+exports.INSERT_ORDERED_LIST_COMMAND = INSERT_ORDERED_LIST_COMMAND;
+var REMOVE_LIST_COMMAND = (0, _lexical.createCommand)("REMOVE_LIST_COMMAND");
+exports.REMOVE_LIST_COMMAND = REMOVE_LIST_COMMAND;
+
+//# sourceMappingURL=list.js.map

package/commands/list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_lexical","require","INSERT_UNORDERED_LIST_COMMAND","createCommand","exports","INSERT_ORDERED_LIST_COMMAND","REMOVE_LIST_COMMAND"],"sources":["list.ts"],"sourcesContent":["import { createCommand, LexicalCommand } from \"lexical\";\n\nexport type ListCommandPayload = {\n    themeStyleId?: string;\n};\n\nexport const INSERT_UNORDERED_LIST_COMMAND: LexicalCommand<ListCommandPayload> = createCommand(\n    \"INSERT_UNORDERED_LIST_COMMAND\"\n);\n\nexport const INSERT_ORDERED_LIST_COMMAND: LexicalCommand<ListCommandPayload> = createCommand(\n    \"INSERT_ORDERED_LIST_COMMAND\"\n);\n\nexport const REMOVE_LIST_COMMAND: LexicalCommand<void> = createCommand(\"REMOVE_LIST_COMMAND\");\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMO,IAAMC,6BAAiE,GAAG,IAAAC,sBAAa,EAC1F,+BACJ,CAAC;AAACC,OAAA,CAAAF,6BAAA,GAAAA,6BAAA;AAEK,IAAMG,2BAA+D,GAAG,IAAAF,sBAAa,EACxF,6BACJ,CAAC;AAACC,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAEK,IAAMC,mBAAyC,GAAG,IAAAH,sBAAa,EAAC,qBAAqB,CAAC;AAACC,OAAA,CAAAE,mBAAA,GAAAA,mBAAA"}

package/commands/quote.d.ts

@@ -0,0 +1,5 @@
+import { LexicalCommand } from "lexical";
+export declare type QuoteCommandPayload = {
+    themeStyleId: string;
+};
+export declare const INSERT_QUOTE_COMMAND: LexicalCommand<QuoteCommandPayload>;

package/commands/quote.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INSERT_QUOTE_COMMAND = void 0;
+var _lexical = require("lexical");
+var INSERT_QUOTE_COMMAND = (0, _lexical.createCommand)("INSERT_QUOTE_COMMAND");
+exports.INSERT_QUOTE_COMMAND = INSERT_QUOTE_COMMAND;
+
+//# sourceMappingURL=quote.js.map

package/commands/quote.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_lexical","require","INSERT_QUOTE_COMMAND","createCommand","exports"],"sources":["quote.ts"],"sourcesContent":["import { createCommand, LexicalCommand } from \"lexical\";\n\nexport type QuoteCommandPayload = {\n    themeStyleId: string;\n};\n\nexport const INSERT_QUOTE_COMMAND: LexicalCommand<QuoteCommandPayload> =\n    createCommand(\"INSERT_QUOTE_COMMAND\");\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMO,IAAMC,oBAAyD,GAClE,IAAAC,sBAAa,EAAC,sBAAsB,CAAC;AAACC,OAAA,CAAAF,oBAAA,GAAAA,oBAAA"}

package/components/Editor/HeadingEditor.js

@@ -24,4 +24,6 @@ var HeadingEditor = function HeadingEditor(_ref) {
     }
   }), rest === null || rest === void 0 ? void 0 : rest.children);
 };
-exports.HeadingEditor = HeadingEditor;
+exports.HeadingEditor = HeadingEditor;
+
+//# sourceMappingURL=HeadingEditor.js.map

package/components/Editor/ParagraphEditor.js

@@ -24,4 +24,6 @@ var ParagraphEditor = function ParagraphEditor(_ref) {
     }
   }), rest === null || rest === void 0 ? void 0 : rest.children);
 };
-exports.ParagraphEditor = ParagraphEditor;
+exports.ParagraphEditor = ParagraphEditor;
+
+//# sourceMappingURL=ParagraphEditor.js.map

package/components/Editor/RichTextEditor.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { CSSObject } from "@emotion/react";
 import { Klass, LexicalNode } from "lexical";
-import { LexicalValue, ThemeEmotionMap, ToolbarActionPlugin } from "../../types";
-import { WebinyTheme } from "../../themes/webinyLexicalTheme";
+import { LexicalValue, ToolbarActionPlugin } from "../../types";
+import { WebinyTheme, ThemeEmotionMap } from "@webiny/lexical-theme";
 export interface RichTextEditorProps {
     children?: React.ReactNode | React.ReactNode[];
     classes?: string;

package/components/Editor/RichTextEditor.js

@@ -26,11 +26,10 @@ var _LexicalUpdateStatePlugin = require("../../plugins/LexicalUpdateStatePlugin"
 var _BlurEventPlugin = require("../../plugins/BlurEventPlugin/BlurEventPlugin");
 var _Placeholder = require("../../ui/Placeholder");
 var _generateInitialLexicalValue = require("../../utils/generateInitialLexicalValue");
-var _webinyLexicalTheme = require("../../themes/webinyLexicalTheme");
-var _webinyNodes = require("../../nodes/webinyNodes");
+var _lexicalTheme = require("@webiny/lexical-theme");
+var _lexicalNodes = require("@webiny/lexical-nodes");
 var _SharedHistoryContext = require("../../context/SharedHistoryContext");
 var _useRichTextEditor2 = require("../../hooks/useRichTextEditor");
-var _toTypographyEmotionMap = require("../../utils/toTypographyEmotionMap");
 var _LexicalEditorConfig = require("../LexicalEditorConfig/LexicalEditorConfig");
 var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
   var toolbar = _ref.toolbar,
@@ -50,6 +49,7 @@ var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
     toolbarActionPlugins = _ref.toolbarActionPlugins,
     contentEditableStyles = _ref.contentEditableStyles,
     placeholderStyles = _ref.placeholderStyles;
+  var editorTheme = (0, _react.useRef)((0, _lexicalTheme.createTheme)());
   var config = (0, _LexicalEditorConfig.useLexicalEditorConfig)();
   var _useSharedHistoryCont = (0, _SharedHistoryContext.useSharedHistoryContext)(),
     historyState = _useSharedHistoryCont.historyState;
@@ -91,14 +91,17 @@ var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
       key: plugin.name
     }, plugin.element);
   });
+  var editorValue = (0, _isValidLexicalData.isValidLexicalData)(value) ? value : (0, _generateInitialLexicalValue.generateInitialLexicalValue)();
   var initialConfig = {
-    editorState: (0, _isValidLexicalData.isValidLexicalData)(value) ? value : (0, _generateInitialLexicalValue.generateInitialLexicalValue)(),
+    // We update the state via the `<LexicalUpdateStatePlugin/>`.
+    editorState: null,
     namespace: "webiny",
-    onError: function onError(error) {
-      throw error;
+    onError: function onError() {
+      // Ignore errors. We don't want to break the app because of errors caused by config/value updates.
+      // These are usually resolved in the next component render cycle.
     },
-    nodes: [].concat((0, _toConsumableArray2.default)(_webinyNodes.WebinyNodes), (0, _toConsumableArray2.default)(configNodes), (0, _toConsumableArray2.default)(nodes || [])),
-    theme: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _webinyLexicalTheme.webinyEditorTheme), {}, {
+    nodes: [].concat((0, _toConsumableArray2.default)(_lexicalNodes.allNodes), (0, _toConsumableArray2.default)(configNodes), (0, _toConsumableArray2.default)(nodes || [])),
+    theme: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, editorTheme.current), {}, {
       emotionMap: themeEmotionMap
     })
   };
@@ -123,6 +126,8 @@ var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
       initialConfig: initialConfig,
       key: initialConfig.nodes.length
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, staticToolbar && staticToolbar, /*#__PURE__*/_react.default.createElement("div", {
+      /* This className is necessary for targeting of editor container from CSS files. */
+      className: "editor-shell",
       ref: scrollRef,
       style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), sizeStyle), {}, {
         overflow: "auto",
@@ -130,8 +135,8 @@ var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
       })
     }, /*#__PURE__*/_react.default.createElement(_LexicalOnChangePlugin.OnChangePlugin, {
       onChange: handleOnChange
-    }), value && /*#__PURE__*/_react.default.createElement(_LexicalUpdateStatePlugin.LexicalUpdateStatePlugin, {
-      value: value
+    }), /*#__PURE__*/_react.default.createElement(_LexicalUpdateStatePlugin.UpdateStatePlugin, {
+      value: editorValue
     }), /*#__PURE__*/_react.default.createElement(_LexicalClearEditorPlugin.ClearEditorPlugin, null), /*#__PURE__*/_react.default.createElement(_LexicalHistoryPlugin.HistoryPlugin, {
       externalHistoryState: historyState
     }), onBlur && /*#__PURE__*/_react.default.createElement(_BlurEventPlugin.BlurEventPlugin, {
@@ -161,10 +166,12 @@ var RichTextEditor = (0, _reactComposition.makeComposable)("RichTextEditor", fun
   return /*#__PURE__*/_react.default.createElement(_LexicalEditorConfig.LexicalEditorWithConfig, null, /*#__PURE__*/_react.default.createElement(_RichTextEditorContext.RichTextEditorProvider, null, /*#__PURE__*/_react.default.createElement(_react2.ClassNames, null, function (_ref2) {
     var _props$themeEmotionMa;
     var css = _ref2.css;
-    var themeEmotionMap = (_props$themeEmotionMa = props === null || props === void 0 ? void 0 : props.themeEmotionMap) !== null && _props$themeEmotionMa !== void 0 ? _props$themeEmotionMa : (0, _toTypographyEmotionMap.toTypographyEmotionMap)(css, props.theme, props.themeStylesTransformer);
+    var themeEmotionMap = (_props$themeEmotionMa = props === null || props === void 0 ? void 0 : props.themeEmotionMap) !== null && _props$themeEmotionMa !== void 0 ? _props$themeEmotionMa : (0, _lexicalTheme.toTypographyEmotionMap)(css, props.theme, props.themeStylesTransformer);
     return /*#__PURE__*/_react.default.createElement(_SharedHistoryContext.SharedHistoryContext, null, /*#__PURE__*/_react.default.createElement(BaseRichTextEditor, Object.assign({}, props, {
       themeEmotionMap: themeEmotionMap
     })));
   })));
 });
-exports.RichTextEditor = RichTextEditor;
+exports.RichTextEditor = RichTextEditor;
+
+//# sourceMappingURL=RichTextEditor.js.map

package/components/Editor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_LexicalComposer","_LexicalOnChangePlugin","_LexicalAutoFocusPlugin","_LexicalClearEditorPlugin","_LexicalRichTextPlugin","_LexicalErrorBoundary","_interopRequireDefault","_reactComposition","_LexicalHistoryPlugin","_LexicalContentEditable","_RichTextEditorContext","_isValidLexicalData","_LexicalUpdateStatePlugin","_BlurEventPlugin","_Placeholder","_generateInitialLexicalValue","_webinyLexicalTheme","_webinyNodes","_SharedHistoryContext","_useRichTextEditor2","_toTypographyEmotionMap","_LexicalEditorConfig","BaseRichTextEditor","_ref","toolbar","staticToolbar","onChange","value","nodes","placeholder","children","onBlur","focus","styles","width","height","theme","themeEmotionMap","toolbarActionPlugins","contentEditableStyles","placeholderStyles","config","useLexicalEditorConfig","_useSharedHistoryCont","useSharedHistoryContext","historyState","placeholderElem","default","createElement","Placeholder","scrollRef","useRef","_useState","useState","undefined","_useState2","_slicedToArray2","floatingAnchorElem","setFloatingAnchorElem","_useRichTextEditor","useRichTextEditor","setTheme","setThemeEmotionMap","setToolbarActionPlugins","useEffect","onRef","_floatingAnchorElem","sizeStyle","configNodes","map","node","configPlugins","plugins","plugin","Fragment","key","name","element","initialConfig","editorState","isValidLexicalData","generateInitialLexicalValue","namespace","onError","error","concat","_toConsumableArray2","WebinyNodes","_objectSpread2","webinyEditorTheme","emotionMap","handleOnChange","editor","read","getEditorState","JSON","stringify","toJSON","LexicalComposer","length","ref","style","overflow","position","OnChangePlugin","LexicalUpdateStatePlugin","ClearEditorPlugin","HistoryPlugin","externalHistoryState","BlurEventPlugin","AutoFocusPlugin","RichTextPlugin","contentEditable","className","ContentEditable","outline","ErrorBoundary","LexicalErrorBoundary","RichTextEditor","makeComposable","props","LexicalEditorWithConfig","RichTextEditorProvider","ClassNames","_ref2","_props$themeEmotionMa","css","toTypographyEmotionMap","themeStylesTransformer","SharedHistoryContext","Object","assign","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, useState } from \"react\";\nimport { ClassNames, CSSObject } from \"@emotion/react\";\nimport { Klass, LexicalEditor, LexicalNode } from \"lexical\";\nimport { EditorState } from \"lexical/LexicalEditorState\";\nimport { LexicalComposer } from \"@lexical/react/LexicalComposer\";\nimport { OnChangePlugin } from \"@lexical/react/LexicalOnChangePlugin\";\nimport { AutoFocusPlugin } from \"@lexical/react/LexicalAutoFocusPlugin\";\nimport { ClearEditorPlugin } from \"@lexical/react/LexicalClearEditorPlugin\";\nimport { RichTextPlugin } from \"@lexical/react/LexicalRichTextPlugin\";\nimport LexicalErrorBoundary from \"@lexical/react/LexicalErrorBoundary\";\nimport { makeComposable } from \"@webiny/react-composition\";\nimport { HistoryPlugin } from \"@lexical/react/LexicalHistoryPlugin\";\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport { RichTextEditorProvider } from \"~/context/RichTextEditorContext\";\nimport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nimport { LexicalUpdateStatePlugin } from \"~/plugins/LexicalUpdateStatePlugin\";\nimport { BlurEventPlugin } from \"~/plugins/BlurEventPlugin/BlurEventPlugin\";\nimport { LexicalValue, ThemeEmotionMap, ToolbarActionPlugin } from \"~/types\";\nimport { Placeholder } from \"~/ui/Placeholder\";\nimport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nimport { webinyEditorTheme, WebinyTheme } from \"~/themes/webinyLexicalTheme\";\nimport { WebinyNodes } from \"~/nodes/webinyNodes\";\nimport { SharedHistoryContext, useSharedHistoryContext } from \"~/context/SharedHistoryContext\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nimport { toTypographyEmotionMap } from \"~/utils/toTypographyEmotionMap\";\nimport {\n    LexicalEditorWithConfig,\n    useLexicalEditorConfig\n} from \"~/components/LexicalEditorConfig/LexicalEditorConfig\";\n\nexport interface RichTextEditorProps {\n    children?: React.ReactNode | React.ReactNode[];\n    classes?: string;\n    contentEditableStyles?: React.CSSProperties;\n    focus?: boolean;\n    height?: number | string;\n    nodes?: Klass<LexicalNode>[];\n    onBlur?: (editorState: LexicalValue) => void;\n    onChange?: (json: LexicalValue) => void;\n    placeholder?: string;\n    placeholderStyles?: React.CSSProperties;\n    staticToolbar?: React.ReactNode;\n    styles?: React.CSSProperties;\n    tag?: string;\n    theme: WebinyTheme;\n    themeEmotionMap?: ThemeEmotionMap;\n    themeStylesTransformer?: (cssObject: Record<string, any>) => CSSObject;\n    toolbar?: React.ReactNode;\n    toolbarActionPlugins?: ToolbarActionPlugin[];\n    value: LexicalValue | null;\n    width?: number | string;\n}\n\nconst BaseRichTextEditor: React.FC<RichTextEditorProps> = ({\n    toolbar,\n    staticToolbar,\n    onChange,\n    value,\n    nodes,\n    placeholder,\n    children,\n    onBlur,\n    focus,\n    styles,\n    width,\n    height,\n    theme,\n    themeEmotionMap,\n    toolbarActionPlugins,\n    contentEditableStyles,\n    placeholderStyles\n}: RichTextEditorProps) => {\n    const config = useLexicalEditorConfig();\n    const { historyState } = useSharedHistoryContext();\n    const placeholderElem = (\n        <Placeholder styles={placeholderStyles}>{placeholder || \"Enter text...\"}</Placeholder>\n    );\n    const scrollRef = useRef(null);\n    const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLElement | undefined>(\n        undefined\n    );\n    const { setTheme, setThemeEmotionMap, setToolbarActionPlugins } = useRichTextEditor();\n\n    useEffect(() => {\n        setTheme(theme);\n        setThemeEmotionMap(themeEmotionMap);\n    }, [themeEmotionMap, theme]);\n\n    useEffect(() => {\n        if (toolbarActionPlugins) {\n            setToolbarActionPlugins(toolbarActionPlugins || []);\n        }\n    }, [toolbarActionPlugins]);\n\n    const onRef = (_floatingAnchorElem: HTMLDivElement) => {\n        if (_floatingAnchorElem !== null) {\n            setFloatingAnchorElem(_floatingAnchorElem);\n        }\n    };\n\n    const sizeStyle = {\n        height: height || \"\",\n        width: width || \"\"\n    };\n\n    const configNodes = config.nodes.map(node => node.node);\n    const configPlugins = config.plugins.map(plugin => (\n        <Fragment key={plugin.name}>{plugin.element}</Fragment>\n    ));\n\n    const initialConfig = {\n        editorState: isValidLexicalData(value) ? value : generateInitialLexicalValue(),\n        namespace: \"webiny\",\n        onError: (error: Error) => {\n            throw error;\n        },\n        nodes: [...WebinyNodes, ...configNodes, ...(nodes || [])],\n        theme: { ...webinyEditorTheme, emotionMap: themeEmotionMap }\n    };\n\n    function handleOnChange(editorState: EditorState, editor: LexicalEditor) {\n        editorState.read(() => {\n            if (typeof onChange === \"function\") {\n                const editorState = editor.getEditorState();\n                onChange(JSON.stringify(editorState.toJSON()));\n            }\n        });\n    }\n\n    return (\n        /**\n         * Once the LexicalComposer is mounted, it caches the `initialConfig` internally, and all future\n         * updates to the config will be ignored. This is a problem because we pull in Nodes from our config,\n         * and initially, there can be multiple re-renders, while the config object is settled.\n         *\n         * To bypass this issue, we generate a naive `key` based on the number of Nodes.\n         */\n        <LexicalComposer initialConfig={initialConfig} key={initialConfig.nodes.length}>\n            <>\n                {staticToolbar && staticToolbar}\n                <div\n                    ref={scrollRef}\n                    style={{ ...styles, ...sizeStyle, overflow: \"auto\", position: \"relative\" }}\n                >\n                    {/* data */}\n                    <OnChangePlugin onChange={handleOnChange} />\n                    {value && <LexicalUpdateStatePlugin value={value} />}\n                    <ClearEditorPlugin />\n                    <HistoryPlugin externalHistoryState={historyState} />\n                    {/* Events */}\n                    {onBlur && <BlurEventPlugin onBlur={onBlur} />}\n                    {focus && <AutoFocusPlugin />}\n                    {/* External plugins and components */}\n                    {configPlugins}\n                    {children}\n                    <RichTextPlugin\n                        contentEditable={\n                            <div className=\"editor-scroller\" style={{ ...sizeStyle }}>\n                                <div className=\"editor\" ref={onRef}>\n                                    <ContentEditable\n                                        style={{ outline: 0, ...contentEditableStyles }}\n                                    />\n                                </div>\n                            </div>\n                        }\n                        placeholder={placeholderElem}\n                        ErrorBoundary={LexicalErrorBoundary}\n                    />\n                    {/* Toolbar */}\n                    {floatingAnchorElem && toolbar}\n                </div>\n            </>\n        </LexicalComposer>\n    );\n};\n\n/**\n * @description Main editor container\n */\nexport const RichTextEditor = makeComposable<RichTextEditorProps>(\"RichTextEditor\", props => {\n    return (\n        <LexicalEditorWithConfig>\n            <RichTextEditorProvider>\n                <ClassNames>\n                    {({ css }) => {\n                        const themeEmotionMap =\n                            props?.themeEmotionMap ??\n                            toTypographyEmotionMap(css, props.theme, props.themeStylesTransformer);\n                        return (\n                            <SharedHistoryContext>\n                                <BaseRichTextEditor {...props} themeEmotionMap={themeEmotionMap} />\n                            </SharedHistoryContext>\n                        );\n                    }}\n                </ClassNames>\n            </RichTextEditorProvider>\n        </LexicalEditorWithConfig>\n    );\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_LexicalComposer","_LexicalOnChangePlugin","_LexicalAutoFocusPlugin","_LexicalClearEditorPlugin","_LexicalRichTextPlugin","_LexicalErrorBoundary","_interopRequireDefault","_reactComposition","_LexicalHistoryPlugin","_LexicalContentEditable","_RichTextEditorContext","_isValidLexicalData","_LexicalUpdateStatePlugin","_BlurEventPlugin","_Placeholder","_generateInitialLexicalValue","_lexicalTheme","_lexicalNodes","_SharedHistoryContext","_useRichTextEditor2","_LexicalEditorConfig","BaseRichTextEditor","_ref","toolbar","staticToolbar","onChange","value","nodes","placeholder","children","onBlur","focus","styles","width","height","theme","themeEmotionMap","toolbarActionPlugins","contentEditableStyles","placeholderStyles","editorTheme","useRef","createTheme","config","useLexicalEditorConfig","_useSharedHistoryCont","useSharedHistoryContext","historyState","placeholderElem","default","createElement","Placeholder","scrollRef","_useState","useState","undefined","_useState2","_slicedToArray2","floatingAnchorElem","setFloatingAnchorElem","_useRichTextEditor","useRichTextEditor","setTheme","setThemeEmotionMap","setToolbarActionPlugins","useEffect","onRef","_floatingAnchorElem","sizeStyle","configNodes","map","node","configPlugins","plugins","plugin","Fragment","key","name","element","editorValue","isValidLexicalData","generateInitialLexicalValue","initialConfig","editorState","namespace","onError","concat","_toConsumableArray2","allNodes","_objectSpread2","current","emotionMap","handleOnChange","editor","read","getEditorState","JSON","stringify","toJSON","LexicalComposer","length","className","ref","style","overflow","position","OnChangePlugin","UpdateStatePlugin","ClearEditorPlugin","HistoryPlugin","externalHistoryState","BlurEventPlugin","AutoFocusPlugin","RichTextPlugin","contentEditable","ContentEditable","outline","ErrorBoundary","LexicalErrorBoundary","RichTextEditor","makeComposable","props","LexicalEditorWithConfig","RichTextEditorProvider","ClassNames","_ref2","_props$themeEmotionMa","css","toTypographyEmotionMap","themeStylesTransformer","SharedHistoryContext","Object","assign","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, useState } from \"react\";\nimport { ClassNames, CSSObject } from \"@emotion/react\";\nimport { Klass, LexicalEditor, LexicalNode } from \"lexical\";\nimport { EditorState } from \"lexical/LexicalEditorState\";\nimport { LexicalComposer } from \"@lexical/react/LexicalComposer\";\nimport { OnChangePlugin } from \"@lexical/react/LexicalOnChangePlugin\";\nimport { AutoFocusPlugin } from \"@lexical/react/LexicalAutoFocusPlugin\";\nimport { ClearEditorPlugin } from \"@lexical/react/LexicalClearEditorPlugin\";\nimport { RichTextPlugin } from \"@lexical/react/LexicalRichTextPlugin\";\nimport LexicalErrorBoundary from \"@lexical/react/LexicalErrorBoundary\";\nimport { makeComposable } from \"@webiny/react-composition\";\nimport { HistoryPlugin } from \"@lexical/react/LexicalHistoryPlugin\";\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport { RichTextEditorProvider } from \"~/context/RichTextEditorContext\";\nimport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nimport { UpdateStatePlugin } from \"~/plugins/LexicalUpdateStatePlugin\";\nimport { BlurEventPlugin } from \"~/plugins/BlurEventPlugin/BlurEventPlugin\";\nimport { LexicalValue, ToolbarActionPlugin } from \"~/types\";\nimport { Placeholder } from \"~/ui/Placeholder\";\nimport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nimport {\n    createTheme,\n    WebinyTheme,\n    ThemeEmotionMap,\n    toTypographyEmotionMap\n} from \"@webiny/lexical-theme\";\nimport { allNodes } from \"@webiny/lexical-nodes\";\nimport { SharedHistoryContext, useSharedHistoryContext } from \"~/context/SharedHistoryContext\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nimport {\n    LexicalEditorWithConfig,\n    useLexicalEditorConfig\n} from \"~/components/LexicalEditorConfig/LexicalEditorConfig\";\n\nexport interface RichTextEditorProps {\n    children?: React.ReactNode | React.ReactNode[];\n    classes?: string;\n    contentEditableStyles?: React.CSSProperties;\n    focus?: boolean;\n    height?: number | string;\n    nodes?: Klass<LexicalNode>[];\n    onBlur?: (editorState: LexicalValue) => void;\n    onChange?: (json: LexicalValue) => void;\n    placeholder?: string;\n    placeholderStyles?: React.CSSProperties;\n    staticToolbar?: React.ReactNode;\n    styles?: React.CSSProperties;\n    tag?: string;\n    theme: WebinyTheme;\n    themeEmotionMap?: ThemeEmotionMap;\n    themeStylesTransformer?: (cssObject: Record<string, any>) => CSSObject;\n    toolbar?: React.ReactNode;\n    toolbarActionPlugins?: ToolbarActionPlugin[];\n    value: LexicalValue | null;\n    width?: number | string;\n}\n\nconst BaseRichTextEditor: React.FC<RichTextEditorProps> = ({\n    toolbar,\n    staticToolbar,\n    onChange,\n    value,\n    nodes,\n    placeholder,\n    children,\n    onBlur,\n    focus,\n    styles,\n    width,\n    height,\n    theme,\n    themeEmotionMap,\n    toolbarActionPlugins,\n    contentEditableStyles,\n    placeholderStyles\n}: RichTextEditorProps) => {\n    const editorTheme = useRef(createTheme());\n    const config = useLexicalEditorConfig();\n    const { historyState } = useSharedHistoryContext();\n    const placeholderElem = (\n        <Placeholder styles={placeholderStyles}>{placeholder || \"Enter text...\"}</Placeholder>\n    );\n    const scrollRef = useRef(null);\n    const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLElement | undefined>(\n        undefined\n    );\n    const { setTheme, setThemeEmotionMap, setToolbarActionPlugins } = useRichTextEditor();\n\n    useEffect(() => {\n        setTheme(theme);\n        setThemeEmotionMap(themeEmotionMap);\n    }, [themeEmotionMap, theme]);\n\n    useEffect(() => {\n        if (toolbarActionPlugins) {\n            setToolbarActionPlugins(toolbarActionPlugins || []);\n        }\n    }, [toolbarActionPlugins]);\n\n    const onRef = (_floatingAnchorElem: HTMLDivElement) => {\n        if (_floatingAnchorElem !== null) {\n            setFloatingAnchorElem(_floatingAnchorElem);\n        }\n    };\n\n    const sizeStyle = {\n        height: height || \"\",\n        width: width || \"\"\n    };\n\n    const configNodes = config.nodes.map(node => node.node);\n    const configPlugins = config.plugins.map(plugin => (\n        <Fragment key={plugin.name}>{plugin.element}</Fragment>\n    ));\n\n    const editorValue = isValidLexicalData(value) ? value : generateInitialLexicalValue();\n\n    const initialConfig = {\n        // We update the state via the `<LexicalUpdateStatePlugin/>`.\n        editorState: null,\n        namespace: \"webiny\",\n        onError: () => {\n            // Ignore errors. We don't want to break the app because of errors caused by config/value updates.\n            // These are usually resolved in the next component render cycle.\n        },\n        nodes: [...allNodes, ...configNodes, ...(nodes || [])],\n        theme: { ...editorTheme.current, emotionMap: themeEmotionMap }\n    };\n\n    function handleOnChange(editorState: EditorState, editor: LexicalEditor) {\n        editorState.read(() => {\n            if (typeof onChange === \"function\") {\n                const editorState = editor.getEditorState();\n                onChange(JSON.stringify(editorState.toJSON()));\n            }\n        });\n    }\n\n    return (\n        /**\n         * Once the LexicalComposer is mounted, it caches the `initialConfig` internally, and all future\n         * updates to the config will be ignored. This is a problem because we pull in Nodes from our config,\n         * and initially, there can be multiple re-renders, while the config object is settled.\n         *\n         * To bypass this issue, we generate a naive `key` based on the number of Nodes.\n         */\n        <LexicalComposer initialConfig={initialConfig} key={initialConfig.nodes.length}>\n            <>\n                {staticToolbar && staticToolbar}\n                <div\n                    /* This className is necessary for targeting of editor container from CSS files. */\n                    className={\"editor-shell\"}\n                    ref={scrollRef}\n                    style={{ ...styles, ...sizeStyle, overflow: \"auto\", position: \"relative\" }}\n                >\n                    {/* data */}\n                    <OnChangePlugin onChange={handleOnChange} />\n                    <UpdateStatePlugin value={editorValue} />\n                    <ClearEditorPlugin />\n                    <HistoryPlugin externalHistoryState={historyState} />\n                    {/* Events */}\n                    {onBlur && <BlurEventPlugin onBlur={onBlur} />}\n                    {focus && <AutoFocusPlugin />}\n                    {/* External plugins and components */}\n                    {configPlugins}\n                    {children}\n                    <RichTextPlugin\n                        contentEditable={\n                            <div className=\"editor-scroller\" style={{ ...sizeStyle }}>\n                                <div className=\"editor\" ref={onRef}>\n                                    <ContentEditable\n                                        style={{ outline: 0, ...contentEditableStyles }}\n                                    />\n                                </div>\n                            </div>\n                        }\n                        placeholder={placeholderElem}\n                        ErrorBoundary={LexicalErrorBoundary}\n                    />\n                    {/* Toolbar */}\n                    {floatingAnchorElem && toolbar}\n                </div>\n            </>\n        </LexicalComposer>\n    );\n};\n\n/**\n * @description Main editor container\n */\nexport const RichTextEditor = makeComposable<RichTextEditorProps>(\"RichTextEditor\", props => {\n    return (\n        <LexicalEditorWithConfig>\n            <RichTextEditorProvider>\n                <ClassNames>\n                    {({ css }) => {\n                        const themeEmotionMap =\n                            props?.themeEmotionMap ??\n                            toTypographyEmotionMap(css, props.theme, props.themeStylesTransformer);\n                        return (\n                            <SharedHistoryContext>\n                                <BaseRichTextEditor {...props} themeEmotionMap={themeEmotionMap} />\n                            </SharedHistoryContext>\n                        );\n                    }}\n                </ClassNames>\n            </RichTextEditorProvider>\n        </LexicalEditorWithConfig>\n    );\n});\n"],"mappings":"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"}

package/components/LexicalEditorConfig/LexicalEditorConfig.js

@@ -70,4 +70,6 @@ function useLexicalEditorConfig() {
     plugins: config.plugins || [],
     nodes: config.nodes || []
   };
-}
+}
+
+//# sourceMappingURL=LexicalEditorConfig.js.map

package/components/LexicalEditorConfig/components/Node.js

@@ -35,4 +35,6 @@ var Node = function Node(_ref) {
     value: node
   }) : null);
 };
-exports.Node = Node;
+exports.Node = Node;
+
+//# sourceMappingURL=Node.js.map

package/components/LexicalEditorConfig/components/Plugin.js

@@ -35,4 +35,6 @@ var Plugin = function Plugin(_ref) {
     value: element
   }) : null);
 };
-exports.Plugin = Plugin;
+exports.Plugin = Plugin;
+
+//# sourceMappingURL=Plugin.js.map

package/components/LexicalEditorConfig/components/ToolbarElement.js

@@ -35,4 +35,6 @@ var ToolbarElement = function ToolbarElement(_ref) {
     value: element
   }) : null);
 };
-exports.ToolbarElement = ToolbarElement;
+exports.ToolbarElement = ToolbarElement;
+
+//# sourceMappingURL=ToolbarElement.js.map

package/components/LexicalHtmlRenderer.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { LexicalValue, ThemeEmotionMap } from "../types";
 import { Klass, LexicalNode } from "lexical";
-import { WebinyTheme } from "../themes/webinyLexicalTheme";
 import { CSSObject } from "@emotion/react";
+import { WebinyTheme, ThemeEmotionMap } from "@webiny/lexical-theme";
+import { LexicalValue } from "../types";
 interface LexicalHtmlRendererProps {
     nodes?: Klass<LexicalNode>[];
     value: LexicalValue | null;

package/components/LexicalHtmlRenderer.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7,46 +8,50 @@ Object.defineProperty(exports, "__esModule", {
 exports.LexicalHtmlRenderer = exports.BaseLexicalHtmlRenderer = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireDefault(require("react"));
-var _isValidLexicalData = require("../utils/isValidLexicalData");
-var _generateInitialLexicalValue = require("../utils/generateInitialLexicalValue");
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _LexicalComposer = require("@lexical/react/LexicalComposer");
 var _LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
 var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
 var _LexicalErrorBoundary = _interopRequireDefault(require("@lexical/react/LexicalErrorBoundary"));
+var _lexicalNodes = require("@webiny/lexical-nodes");
+var _lexicalTheme = require("@webiny/lexical-theme");
+var _isValidLexicalData = require("../utils/isValidLexicalData");
+var _generateInitialLexicalValue = require("../utils/generateInitialLexicalValue");
 var _LexicalUpdateStatePlugin = require("../plugins/LexicalUpdateStatePlugin");
-var _webinyNodes = require("../nodes/webinyNodes");
-var _webinyLexicalTheme = require("../themes/webinyLexicalTheme");
-var _react2 = require("@emotion/react");
-var _toTypographyEmotionMap = require("../utils/toTypographyEmotionMap");
 var BaseLexicalHtmlRenderer = function BaseLexicalHtmlRenderer(_ref) {
   var nodes = _ref.nodes,
     value = _ref.value,
     theme = _ref.theme,
     themeEmotionMap = _ref.themeEmotionMap;
+  var editorTheme = (0, _react.useRef)((0, _lexicalTheme.createTheme)());
+  var editorValue = (0, _isValidLexicalData.isValidLexicalData)(value) ? value : (0, _generateInitialLexicalValue.generateInitialLexicalValue)();
   var initialConfig = {
-    editorState: (0, _isValidLexicalData.isValidLexicalData)(value) ? value : (0, _generateInitialLexicalValue.generateInitialLexicalValue)(),
+    // We update the state via the `<LexicalUpdateStatePlugin/>`.
+    editorState: null,
     namespace: "webiny",
-    onError: function onError(error) {
-      throw error;
+    onError: function onError() {
+      // Ignore errors. We don't want to break the app because of errors caused by config/value updates.
+      // These are usually resolved in the next component render cycle.
     },
     editable: false,
-    nodes: [].concat((0, _toConsumableArray2.default)(_webinyNodes.WebinyNodes), (0, _toConsumableArray2.default)(nodes || [])),
-    theme: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _webinyLexicalTheme.webinyEditorTheme), {}, {
+    nodes: [].concat((0, _toConsumableArray2.default)(_lexicalNodes.allNodes), (0, _toConsumableArray2.default)(nodes || [])),
+    theme: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, editorTheme.current), {}, {
       emotionMap: themeEmotionMap,
       styles: theme.styles
     })
   };
   return /*#__PURE__*/_react.default.createElement(_LexicalComposer.LexicalComposer, {
-    initialConfig: initialConfig
+    initialConfig: initialConfig,
+    key: initialConfig.nodes.length
   }, /*#__PURE__*/_react.default.createElement(_LexicalRichTextPlugin.RichTextPlugin, {
     contentEditable: /*#__PURE__*/_react.default.createElement("div", {
       className: "editor"
     }, /*#__PURE__*/_react.default.createElement(_LexicalContentEditable.ContentEditable, null)),
     ErrorBoundary: _LexicalErrorBoundary.default,
     placeholder: null
-  }), /*#__PURE__*/_react.default.createElement(_LexicalUpdateStatePlugin.LexicalUpdateStatePlugin, {
-    value: value
+  }), /*#__PURE__*/_react.default.createElement(_LexicalUpdateStatePlugin.UpdateStatePlugin, {
+    value: editorValue
   }));
 };
 
@@ -58,10 +63,12 @@ var LexicalHtmlRenderer = function LexicalHtmlRenderer(props) {
   return /*#__PURE__*/_react.default.createElement(_react2.ClassNames, null, function (_ref2) {
     var _props$themeEmotionMa;
     var css = _ref2.css;
-    var themeEmotionMap = (_props$themeEmotionMa = props === null || props === void 0 ? void 0 : props.themeEmotionMap) !== null && _props$themeEmotionMa !== void 0 ? _props$themeEmotionMa : (0, _toTypographyEmotionMap.toTypographyEmotionMap)(css, props.theme, props.themeStylesTransformer);
+    var themeEmotionMap = (_props$themeEmotionMa = props === null || props === void 0 ? void 0 : props.themeEmotionMap) !== null && _props$themeEmotionMa !== void 0 ? _props$themeEmotionMa : (0, _lexicalTheme.toTypographyEmotionMap)(css, props.theme, props.themeStylesTransformer);
     return /*#__PURE__*/_react.default.createElement(BaseLexicalHtmlRenderer, Object.assign({}, props, {
       themeEmotionMap: themeEmotionMap
     }));
   });
 };
-exports.LexicalHtmlRenderer = LexicalHtmlRenderer;
+exports.LexicalHtmlRenderer = LexicalHtmlRenderer;
+
+//# sourceMappingURL=LexicalHtmlRenderer.js.map

package/components/LexicalHtmlRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_isValidLexicalData","_generateInitialLexicalValue","_LexicalComposer","_LexicalRichTextPlugin","_LexicalContentEditable","_LexicalErrorBoundary","_LexicalUpdateStatePlugin","_webinyNodes","_webinyLexicalTheme","_react2","_toTypographyEmotionMap","BaseLexicalHtmlRenderer","_ref","nodes","value","theme","themeEmotionMap","initialConfig","editorState","isValidLexicalData","generateInitialLexicalValue","namespace","onError","error","editable","concat","_toConsumableArray2","default","WebinyNodes","_objectSpread2","webinyEditorTheme","emotionMap","styles","createElement","LexicalComposer","RichTextPlugin","contentEditable","className","ContentEditable","ErrorBoundary","LexicalErrorBoundary","placeholder","LexicalUpdateStatePlugin","exports","LexicalHtmlRenderer","props","ClassNames","_ref2","_props$themeEmotionMa","css","toTypographyEmotionMap","themeStylesTransformer","Object","assign"],"sources":["LexicalHtmlRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalValue, ThemeEmotionMap } from \"~/types\";\nimport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nimport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nimport { LexicalComposer } from \"@lexical/react/LexicalComposer\";\nimport { RichTextPlugin } from \"@lexical/react/LexicalRichTextPlugin\";\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport LexicalErrorBoundary from \"@lexical/react/LexicalErrorBoundary\";\nimport { LexicalUpdateStatePlugin } from \"~/plugins/LexicalUpdateStatePlugin\";\nimport { Klass, LexicalNode } from \"lexical\";\nimport { WebinyNodes } from \"~/nodes/webinyNodes\";\nimport { webinyEditorTheme, WebinyTheme } from \"~/themes/webinyLexicalTheme\";\nimport { ClassNames, CSSObject } from \"@emotion/react\";\nimport { toTypographyEmotionMap } from \"~/utils/toTypographyEmotionMap\";\n\ninterface LexicalHtmlRendererProps {\n    nodes?: Klass<LexicalNode>[];\n    value: LexicalValue | null;\n    /*\n     * @description Theme to be injected into lexical editor\n     */\n    theme: WebinyTheme;\n    themeEmotionMap?: ThemeEmotionMap;\n    themeStylesTransformer?: (cssObject: Record<string, any>) => CSSObject;\n}\n\nexport const BaseLexicalHtmlRenderer: React.FC<LexicalHtmlRendererProps> = ({\n    nodes,\n    value,\n    theme,\n    themeEmotionMap\n}) => {\n    const initialConfig = {\n        editorState: isValidLexicalData(value) ? value : generateInitialLexicalValue(),\n        namespace: \"webiny\",\n        onError: (error: Error) => {\n            throw error;\n        },\n        editable: false,\n        nodes: [...WebinyNodes, ...(nodes || [])],\n        theme: { ...webinyEditorTheme, emotionMap: themeEmotionMap, styles: theme.styles }\n    };\n\n    return (\n        <LexicalComposer initialConfig={initialConfig}>\n            <RichTextPlugin\n                contentEditable={\n                    <div className=\"editor\">\n                        <ContentEditable />\n                    </div>\n                }\n                ErrorBoundary={LexicalErrorBoundary}\n                placeholder={null}\n            />\n            <LexicalUpdateStatePlugin value={value} />\n        </LexicalComposer>\n    );\n};\n\n/**\n * @description Main editor container\n */\nexport const LexicalHtmlRenderer: React.FC<LexicalHtmlRendererProps> = props => {\n    return (\n        <ClassNames>\n            {({ css }) => {\n                const themeEmotionMap =\n                    props?.themeEmotionMap ??\n                    toTypographyEmotionMap(css, props.theme, props.themeStylesTransformer);\n                return <BaseLexicalHtmlRenderer {...props} themeEmotionMap={themeEmotionMap} />;\n            }}\n        </ClassNames>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_LexicalComposer","_LexicalRichTextPlugin","_LexicalContentEditable","_LexicalErrorBoundary","_interopRequireDefault","_lexicalNodes","_lexicalTheme","_isValidLexicalData","_generateInitialLexicalValue","_LexicalUpdateStatePlugin","BaseLexicalHtmlRenderer","_ref","nodes","value","theme","themeEmotionMap","editorTheme","useRef","createTheme","editorValue","isValidLexicalData","generateInitialLexicalValue","initialConfig","editorState","namespace","onError","editable","concat","_toConsumableArray2","default","allNodes","_objectSpread2","current","emotionMap","styles","createElement","LexicalComposer","key","length","RichTextPlugin","contentEditable","className","ContentEditable","ErrorBoundary","LexicalErrorBoundary","placeholder","UpdateStatePlugin","exports","LexicalHtmlRenderer","props","ClassNames","_ref2","_props$themeEmotionMa","css","toTypographyEmotionMap","themeStylesTransformer","Object","assign"],"sources":["LexicalHtmlRenderer.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Klass, LexicalNode } from \"lexical\";\nimport { ClassNames, CSSObject } from \"@emotion/react\";\nimport { LexicalComposer } from \"@lexical/react/LexicalComposer\";\nimport { RichTextPlugin } from \"@lexical/react/LexicalRichTextPlugin\";\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport LexicalErrorBoundary from \"@lexical/react/LexicalErrorBoundary\";\nimport { allNodes } from \"@webiny/lexical-nodes\";\nimport {\n    createTheme,\n    WebinyTheme,\n    ThemeEmotionMap,\n    toTypographyEmotionMap\n} from \"@webiny/lexical-theme\";\nimport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nimport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nimport { LexicalValue } from \"~/types\";\nimport { UpdateStatePlugin } from \"~/plugins/LexicalUpdateStatePlugin\";\n\ninterface LexicalHtmlRendererProps {\n    nodes?: Klass<LexicalNode>[];\n    value: LexicalValue | null;\n    theme: WebinyTheme;\n    themeEmotionMap?: ThemeEmotionMap;\n    themeStylesTransformer?: (cssObject: Record<string, any>) => CSSObject;\n}\n\nexport const BaseLexicalHtmlRenderer: React.FC<LexicalHtmlRendererProps> = ({\n    nodes,\n    value,\n    theme,\n    themeEmotionMap\n}) => {\n    const editorTheme = useRef(createTheme());\n    const editorValue = isValidLexicalData(value) ? value : generateInitialLexicalValue();\n\n    const initialConfig = {\n        // We update the state via the `<LexicalUpdateStatePlugin/>`.\n        editorState: null,\n        namespace: \"webiny\",\n        onError: () => {\n            // Ignore errors. We don't want to break the app because of errors caused by config/value updates.\n            // These are usually resolved in the next component render cycle.\n        },\n        editable: false,\n        nodes: [...allNodes, ...(nodes || [])],\n        theme: { ...editorTheme.current, emotionMap: themeEmotionMap, styles: theme.styles }\n    };\n\n    return (\n        <LexicalComposer initialConfig={initialConfig} key={initialConfig.nodes.length}>\n            <RichTextPlugin\n                contentEditable={\n                    <div className=\"editor\">\n                        <ContentEditable />\n                    </div>\n                }\n                ErrorBoundary={LexicalErrorBoundary}\n                placeholder={null}\n            />\n            <UpdateStatePlugin value={editorValue} />\n        </LexicalComposer>\n    );\n};\n\n/**\n * @description Main editor container\n */\nexport const LexicalHtmlRenderer: React.FC<LexicalHtmlRendererProps> = props => {\n    return (\n        <ClassNames>\n            {({ css }) => {\n                const themeEmotionMap =\n                    props?.themeEmotionMap ??\n                    toTypographyEmotionMap(css, props.theme, props.themeStylesTransformer);\n                return <BaseLexicalHtmlRenderer {...props} themeEmotionMap={themeEmotionMap} />;\n            }}\n        </ClassNames>\n    );\n};\n"],"mappings":"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"}

package/components/Toolbar/StaticToolbar.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+/// <reference types="react" />
 import "./StaticToolbar.css";
-export declare const StaticToolbar: () => React.ReactElement<any, any> | null;
+export declare const StaticToolbar: () => JSX.Element;

package/components/Toolbar/StaticToolbar.js

@@ -8,80 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.StaticToolbar = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _lexical = require("lexical");
-var _useRichTextEditor2 = require("../../hooks/useRichTextEditor");
-var _utils = require("@lexical/utils");
 var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 require("./StaticToolbar.css");
-var _getLexicalTextSelectionState = require("../../utils/getLexicalTextSelectionState");
 var _LexicalEditorConfig = require("../LexicalEditorConfig/LexicalEditorConfig");
-var useStaticToolbar = function useStaticToolbar(_ref) {
-  var editor = _ref.editor;
-  var _useRichTextEditor = (0, _useRichTextEditor2.useRichTextEditor)(),
-    setNodeIsText = _useRichTextEditor.setNodeIsText,
-    setTextBlockSelection = _useRichTextEditor.setTextBlockSelection,
-    setActiveEditor = _useRichTextEditor.setActiveEditor;
-  var _useState = (0, _react.useState)(editor),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    toolbarActiveEditor = _useState2[0],
-    setToolbarActiveEditor = _useState2[1];
+var StaticToolbar = function StaticToolbar() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
   var _useLexicalEditorConf = (0, _LexicalEditorConfig.useLexicalEditorConfig)(),
     toolbarElements = _useLexicalEditorConf.toolbarElements;
-  var updateToolbar = (0, _react.useCallback)(function () {
-    editor.getEditorState().read(function () {
-      // Should not to pop up the floating toolbar when using IME input
-      if (editor.isComposing()) {
-        return;
-      }
-      var selection = (0, _lexical.$getSelection)();
-      if ((0, _lexical.$isRangeSelection)(selection)) {
-        var selectionState = (0, _getLexicalTextSelectionState.getLexicalTextSelectionState)(toolbarActiveEditor, selection);
-        if (selectionState) {
-          var _selectionState$state;
-          setTextBlockSelection(selectionState);
-          if (selectionState.selectedText !== "" && !((_selectionState$state = selectionState.state) !== null && _selectionState$state !== void 0 && _selectionState$state.link.isSelected)) {
-            setNodeIsText(true);
-          } else {
-            setNodeIsText(false);
-          }
-        }
-      }
-      if (!(0, _lexical.$isRangeSelection)(selection)) {
-        setNodeIsText(false);
-        return;
-      }
-    });
-  }, [toolbarActiveEditor]);
-  (0, _react.useEffect)(function () {
-    document.addEventListener("selectionchange", updateToolbar);
-    return function () {
-      document.removeEventListener("selectionchange", updateToolbar);
-    };
-  }, [updateToolbar]);
-  (0, _react.useEffect)(function () {
-    return editor.registerCommand(_lexical.SELECTION_CHANGE_COMMAND, function (_payload, newEditor) {
-      updateToolbar();
-      setToolbarActiveEditor(newEditor);
-      setActiveEditor(newEditor);
-      return false;
-    }, _lexical.COMMAND_PRIORITY_CRITICAL);
-  }, [editor, updateToolbar]);
-  (0, _react.useEffect)(function () {
-    return (0, _utils.mergeRegister)(toolbarActiveEditor.registerUpdateListener(function (_ref2) {
-      var editorState = _ref2.editorState;
-      editorState.read(function () {
-        updateToolbar();
-      });
-    }), editor.registerRootListener(function () {
-      if (editor.getRootElement() === null) {
-        setNodeIsText(false);
-      }
-    }), editor.registerRootListener(function () {
-      if (editor.getRootElement() === null) {
-        setNodeIsText(false);
-      }
-    }));
-  }, [updateToolbar, editor, toolbarActiveEditor]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "static-toolbar"
   }, editor.isEditable() && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toolbarElements.map(function (action) {
@@ -90,12 +25,6 @@ var useStaticToolbar = function useStaticToolbar(_ref) {
     }, action.element);
   })));
 };
-var StaticToolbar = function StaticToolbar() {
-  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
-    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
-    editor = _useLexicalComposerCo2[0];
-  return useStaticToolbar({
-    editor: editor
-  });
-};
-exports.StaticToolbar = StaticToolbar;
+exports.StaticToolbar = StaticToolbar;
+
+//# sourceMappingURL=StaticToolbar.js.map