@webiny/lexical-editor 5.40.4 → 5.40.5-beta.0

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, ToolbarActionPlugin } from "../../types";
 import { WebinyTheme, ThemeEmotionMap } from "@webiny/lexical-theme";
+import { LexicalValue, ToolbarActionPlugin } from "../../types";
 export interface RichTextEditorProps {
     children?: React.ReactNode | React.ReactNode[];
     classes?: string;
@@ -22,7 +22,7 @@ export interface RichTextEditorProps {
     toolbarActionPlugins?: ToolbarActionPlugin[];
     themeStylesTransformer?: (cssObject: Record<string, any>) => CSSObject;
     toolbar?: React.ReactNode;
-    value: LexicalValue | null;
+    value: LexicalValue | null | undefined;
     width?: number | string;
 }
 /**

package/components/Editor/RichTextEditor.js

@@ -22,22 +22,22 @@ var _LexicalErrorBoundary = require("@lexical/react/LexicalErrorBoundary");
 var _reactComposition = require("@webiny/react-composition");
 var _LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
 var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
+var _lexicalTheme = require("@webiny/lexical-theme");
+var _lexicalNodes = require("@webiny/lexical-nodes");
 var _RichTextEditorContext = require("../../context/RichTextEditorContext");
 var _isValidLexicalData = require("../../utils/isValidLexicalData");
 var _LexicalUpdateStatePlugin = require("../../plugins/LexicalUpdateStatePlugin");
 var _BlurEventPlugin = require("../../plugins/BlurEventPlugin/BlurEventPlugin");
 var _Placeholder = require("../../ui/Placeholder");
 var _generateInitialLexicalValue = require("../../utils/generateInitialLexicalValue");
-var _lexicalTheme = require("@webiny/lexical-theme");
-var _lexicalNodes = require("@webiny/lexical-nodes");
 var _SharedHistoryContext = require("../../context/SharedHistoryContext");
 var _LexicalEditorConfig = require("../LexicalEditorConfig/LexicalEditorConfig");
-var _excluded = ["toolbar", "staticToolbar", "onChange", "value", "nodes", "placeholder", "children", "onBlur", "focus", "styles", "width", "height", "contentEditableStyles", "placeholderStyles"];
+var _normalizeInputValue = require("./normalizeInputValue");
+var _excluded = ["toolbar", "staticToolbar", "onChange", "nodes", "placeholder", "children", "onBlur", "focus", "styles", "width", "height", "contentEditableStyles", "placeholderStyles"];
 var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
   var toolbar = _ref.toolbar,
     staticToolbar = _ref.staticToolbar,
     onChange = _ref.onChange,
-    value = _ref.value,
     nodes = _ref.nodes,
     placeholder = _ref.placeholder,
     children = _ref.children,
@@ -79,6 +79,7 @@ var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
       key: plugin.name
     }, plugin.element);
   });
+  var value = (0, _normalizeInputValue.normalizeInputValue)(props.value);
   var editorValue = (0, _isValidLexicalData.isValidLexicalData)(value) ? value : (0, _generateInitialLexicalValue.generateInitialLexicalValue)();
   var initialConfig = {
     editorState: null,
@@ -96,11 +97,11 @@ var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
     editorState.read(function () {
       if (typeof onChange === "function") {
         var _editorState = editor.getEditorState();
-        var isEmpty = (0, _text.$isRootTextContentEmpty)(editor.isComposing(), true);
+        var isEditorEmpty = (0, _text.$isRootTextContentEmpty)(editor.isComposing(), true);
         var newValue = JSON.stringify(_editorState.toJSON());
 
-        // We don't want to call "onChange" if editor text is empty, and original `value` is `undefined`.
-        if (value === undefined && isEmpty) {
+        // We don't want to call "onChange" if editor text is empty, and original `value` is empty.
+        if (!value && isEditorEmpty) {
           return;
         }
         if (value !== newValue) {
@@ -125,7 +126,7 @@ var BaseRichTextEditor = function BaseRichTextEditor(_ref) {
       theme: props.theme,
       themeEmotionMap: themeEmotionMap,
       toolbarActionPlugins: props.toolbarActionPlugins
-    }, staticToolbar && staticToolbar, /*#__PURE__*/_react.default.createElement("div", {
+    }, staticToolbar ? staticToolbar : null, /*#__PURE__*/_react.default.createElement("div", {
       /* This className is necessary for targeting of editor container from CSS files. */
       className: "editor-shell",
       ref: scrollRef,

package/components/Editor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_LexicalComposer","_text","_LexicalOnChangePlugin","_LexicalAutoFocusPlugin","_LexicalClearEditorPlugin","_LexicalRichTextPlugin","_LexicalErrorBoundary","_reactComposition","_LexicalHistoryPlugin","_LexicalContentEditable","_RichTextEditorContext","_isValidLexicalData","_LexicalUpdateStatePlugin","_BlurEventPlugin","_Placeholder","_generateInitialLexicalValue","_lexicalTheme","_lexicalNodes","_SharedHistoryContext","_LexicalEditorConfig","_excluded","BaseRichTextEditor","_ref","toolbar","staticToolbar","onChange","value","nodes","placeholder","children","onBlur","focus","styles","width","height","contentEditableStyles","placeholderStyles","props","_objectWithoutProperties2","default","themeEmotionMap","toTypographyEmotionMap","css","theme","themeStylesTransformer","editorTheme","useRef","createTheme","config","useLexicalEditorConfig","_useSharedHistoryCont","useSharedHistoryContext","historyState","placeholderElem","createElement","Placeholder","scrollRef","_useState","useState","undefined","_useState2","_slicedToArray2","floatingAnchorElem","setFloatingAnchorElem","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","isEmpty","$isRootTextContentEmpty","isComposing","newValue","JSON","stringify","toJSON","SharedHistoryContext","LexicalComposer","length","RichTextEditorProvider","toolbarActionPlugins","className","ref","style","overflow","position","OnChangePlugin","UpdateStatePlugin","ClearEditorPlugin","HistoryPlugin","externalHistoryState","BlurEventPlugin","AutoFocusPlugin","RichTextPlugin","contentEditable","ContentEditable","outline","ErrorBoundary","LexicalErrorBoundary","RichTextEditor","exports","makeDecoratable","LexicalEditorWithConfig"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useRef, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { CSSObject } from \"@emotion/react\";\nimport { Klass, LexicalEditor, LexicalNode } from \"lexical\";\nimport { EditorState } from \"lexical/LexicalEditorState\";\nimport { LexicalComposer } from \"@lexical/react/LexicalComposer\";\nimport { $isRootTextContentEmpty } from \"@lexical/text\";\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 { makeDecoratable } 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 {\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    toolbarActionPlugins?: ToolbarActionPlugin[];\n    themeStylesTransformer?: (cssObject: Record<string, any>) => CSSObject;\n    toolbar?: React.ReactNode;\n    value: LexicalValue | null;\n    width?: number | string;\n}\n\nconst BaseRichTextEditor = ({\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    contentEditableStyles,\n    placeholderStyles,\n    ...props\n}: RichTextEditorProps) => {\n    const themeEmotionMap =\n        props.themeEmotionMap ??\n        toTypographyEmotionMap(css, props.theme, props.themeStylesTransformer);\n\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 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        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                const isEmpty = $isRootTextContentEmpty(editor.isComposing(), true);\n\n                const newValue = JSON.stringify(editorState.toJSON());\n\n                // We don't want to call \"onChange\" if editor text is empty, and original `value` is `undefined`.\n                if (value === undefined && isEmpty) {\n                    return;\n                }\n\n                if (value !== newValue) {\n                    onChange(newValue);\n                }\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        <SharedHistoryContext>\n            <LexicalComposer initialConfig={initialConfig} key={initialConfig.nodes.length}>\n                <RichTextEditorProvider\n                    theme={props.theme}\n                    themeEmotionMap={themeEmotionMap}\n                    toolbarActionPlugins={props.toolbarActionPlugins}\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                        {/* State plugins. */}\n                        <OnChangePlugin onChange={handleOnChange} />\n                        <UpdateStatePlugin value={editorValue} />\n                        <ClearEditorPlugin />\n                        <HistoryPlugin externalHistoryState={historyState} />\n                        {/* Event plugins. */}\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                </RichTextEditorProvider>\n            </LexicalComposer>\n        </SharedHistoryContext>\n    );\n};\n\n/**\n * @description Main editor container\n */\nexport const RichTextEditor = makeDecoratable(\"RichTextEditor\", (props: RichTextEditorProps) => {\n    return (\n        <LexicalEditorWithConfig>\n            <BaseRichTextEditor {...props} />\n        </LexicalEditorWithConfig>\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_LexicalComposer","_text","_LexicalOnChangePlugin","_LexicalAutoFocusPlugin","_LexicalClearEditorPlugin","_LexicalRichTextPlugin","_LexicalErrorBoundary","_reactComposition","_LexicalHistoryPlugin","_LexicalContentEditable","_lexicalTheme","_lexicalNodes","_RichTextEditorContext","_isValidLexicalData","_LexicalUpdateStatePlugin","_BlurEventPlugin","_Placeholder","_generateInitialLexicalValue","_SharedHistoryContext","_LexicalEditorConfig","_normalizeInputValue","_excluded","BaseRichTextEditor","_ref","toolbar","staticToolbar","onChange","nodes","placeholder","children","onBlur","focus","styles","width","height","contentEditableStyles","placeholderStyles","props","_objectWithoutProperties2","default","themeEmotionMap","toTypographyEmotionMap","css","theme","themeStylesTransformer","editorTheme","useRef","createTheme","config","useLexicalEditorConfig","_useSharedHistoryCont","useSharedHistoryContext","historyState","placeholderElem","createElement","Placeholder","scrollRef","_useState","useState","undefined","_useState2","_slicedToArray2","floatingAnchorElem","setFloatingAnchorElem","onRef","_floatingAnchorElem","sizeStyle","configNodes","map","node","configPlugins","plugins","plugin","Fragment","key","name","element","value","normalizeInputValue","editorValue","isValidLexicalData","generateInitialLexicalValue","initialConfig","editorState","namespace","onError","concat","_toConsumableArray2","allNodes","_objectSpread2","current","emotionMap","handleOnChange","editor","read","getEditorState","isEditorEmpty","$isRootTextContentEmpty","isComposing","newValue","JSON","stringify","toJSON","SharedHistoryContext","LexicalComposer","length","RichTextEditorProvider","toolbarActionPlugins","className","ref","style","overflow","position","OnChangePlugin","UpdateStatePlugin","ClearEditorPlugin","HistoryPlugin","externalHistoryState","BlurEventPlugin","AutoFocusPlugin","RichTextPlugin","contentEditable","ContentEditable","outline","ErrorBoundary","LexicalErrorBoundary","RichTextEditor","exports","makeDecoratable","LexicalEditorWithConfig"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useRef, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { CSSObject } from \"@emotion/react\";\nimport { Klass, LexicalEditor, LexicalNode } from \"lexical\";\nimport { EditorState } from \"lexical/LexicalEditorState\";\nimport { LexicalComposer } from \"@lexical/react/LexicalComposer\";\nimport { $isRootTextContentEmpty } from \"@lexical/text\";\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 { makeDecoratable } from \"@webiny/react-composition\";\nimport { HistoryPlugin } from \"@lexical/react/LexicalHistoryPlugin\";\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport {\n    createTheme,\n    WebinyTheme,\n    ThemeEmotionMap,\n    toTypographyEmotionMap\n} from \"@webiny/lexical-theme\";\nimport { allNodes } from \"@webiny/lexical-nodes\";\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 { SharedHistoryContext, useSharedHistoryContext } from \"~/context/SharedHistoryContext\";\nimport {\n    LexicalEditorWithConfig,\n    useLexicalEditorConfig\n} from \"~/components/LexicalEditorConfig/LexicalEditorConfig\";\nimport { normalizeInputValue } from \"./normalizeInputValue\";\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    toolbarActionPlugins?: ToolbarActionPlugin[];\n    themeStylesTransformer?: (cssObject: Record<string, any>) => CSSObject;\n    toolbar?: React.ReactNode;\n    value: LexicalValue | null | undefined;\n    width?: number | string;\n}\n\nconst BaseRichTextEditor = ({\n    toolbar,\n    staticToolbar,\n    onChange,\n    nodes,\n    placeholder,\n    children,\n    onBlur,\n    focus,\n    styles,\n    width,\n    height,\n    contentEditableStyles,\n    placeholderStyles,\n    ...props\n}: RichTextEditorProps) => {\n    const themeEmotionMap =\n        props.themeEmotionMap ??\n        toTypographyEmotionMap(css, props.theme, props.themeStylesTransformer);\n\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 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 value = normalizeInputValue(props.value);\n    const editorValue = isValidLexicalData(value) ? value : generateInitialLexicalValue();\n\n    const initialConfig = {\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                const isEditorEmpty = $isRootTextContentEmpty(editor.isComposing(), true);\n\n                const newValue = JSON.stringify(editorState.toJSON());\n\n                // We don't want to call \"onChange\" if editor text is empty, and original `value` is empty.\n                if (!value && isEditorEmpty) {\n                    return;\n                }\n\n                if (value !== newValue) {\n                    onChange(newValue);\n                }\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        <SharedHistoryContext>\n            <LexicalComposer initialConfig={initialConfig} key={initialConfig.nodes.length}>\n                <RichTextEditorProvider\n                    theme={props.theme}\n                    themeEmotionMap={themeEmotionMap}\n                    toolbarActionPlugins={props.toolbarActionPlugins}\n                >\n                    {staticToolbar ? staticToolbar : null}\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                        {/* State plugins. */}\n                        <OnChangePlugin onChange={handleOnChange} />\n                        <UpdateStatePlugin value={editorValue} />\n                        <ClearEditorPlugin />\n                        <HistoryPlugin externalHistoryState={historyState} />\n                        {/* Event plugins. */}\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                </RichTextEditorProvider>\n            </LexicalComposer>\n        </SharedHistoryContext>\n    );\n};\n\n/**\n * @description Main editor container\n */\nexport const RichTextEditor = makeDecoratable(\"RichTextEditor\", (props: RichTextEditorProps) => {\n    return (\n        <LexicalEditorWithConfig>\n            <BaseRichTextEditor {...props} />\n        </LexicalEditorWithConfig>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Editor/normalizeInputValue.d.ts

@@ -0,0 +1,6 @@
+import { LexicalValue, NormalizedInputValue } from "../../types";
+/**
+ * Value passed to the `RichTextEditor` component can be anything. This function normalizes some of the more common shapes
+ * of input into a value that is either a `null` or a `LexicalValue`.
+ */
+export declare function normalizeInputValue(value: LexicalValue | null | undefined): NormalizedInputValue;

package/components/Editor/normalizeInputValue.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeInputValue = normalizeInputValue;
+var isValueEmpty = function isValueEmpty(value) {
+  return [undefined, null, "", '""', "null"].includes(value);
+};
+
+/**
+ * Value passed to the `RichTextEditor` component can be anything. This function normalizes some of the more common shapes
+ * of input into a value that is either a `null` or a `LexicalValue`.
+ */
+function normalizeInputValue(value) {
+  if (isValueEmpty(value)) {
+    return null;
+  }
+  return value;
+}
+
+//# sourceMappingURL=normalizeInputValue.js.map

package/components/Editor/normalizeInputValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isValueEmpty","value","undefined","includes","normalizeInputValue"],"sources":["normalizeInputValue.ts"],"sourcesContent":["import { LexicalValue, NormalizedInputValue } from \"~/types\";\n\nconst isValueEmpty = (value: any) => {\n    return [undefined, null, \"\", '\"\"', \"null\"].includes(value);\n};\n\n/**\n * Value passed to the `RichTextEditor` component can be anything. This function normalizes some of the more common shapes\n * of input into a value that is either a `null` or a `LexicalValue`.\n */\nexport function normalizeInputValue(value: LexicalValue | null | undefined) {\n    if (isValueEmpty(value)) {\n        return null;\n    }\n\n    return value as NormalizedInputValue;\n}\n"],"mappings":";;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAU,EAAK;EACjC,OAAO,CAACC,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACF,KAAK,CAAC;AAC9D,CAAC;;AAED;AACA;AACA;AACA;AACO,SAASG,mBAAmBA,CAACH,KAAsC,EAAE;EACxE,IAAID,YAAY,CAACC,KAAK,CAAC,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,OAAOA,KAAK;AAChB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/lexical-editor",
-	"version": "5.40.4",
+	"version": "5.40.5-beta.0",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -15,10 +15,10 @@
 		"@lexical/selection": "0.16.1",
 		"@lexical/text": "0.16.1",
 		"@lexical/utils": "0.16.1",
-		"@webiny/lexical-nodes": "5.40.4",
-		"@webiny/lexical-theme": "5.40.4",
-		"@webiny/react-composition": "5.40.4",
-		"@webiny/react-properties": "5.40.4",
+		"@webiny/lexical-nodes": "5.40.5-beta.0",
+		"@webiny/lexical-theme": "5.40.5-beta.0",
+		"@webiny/react-composition": "5.40.5-beta.0",
+		"@webiny/react-properties": "5.40.5-beta.0",
 		"emotion": "10.0.27",
 		"lexical": "0.16.1",
 		"lodash": "4.17.21",
@@ -26,8 +26,8 @@
 		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@webiny/cli": "5.40.4",
-		"@webiny/project-utils": "5.40.4"
+		"@webiny/cli": "5.40.5-beta.0",
+		"@webiny/project-utils": "5.40.5-beta.0"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -37,5 +37,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "1be8d8c3ebb404e7582ee9b426d8ec870afb5b99"
+	"gitHead": "f67778732392ed88f28da869ddacbf08a98cdec6"
 }

package/types.d.ts

@@ -1,5 +1,5 @@
-export declare type ToolbarType = "heading" | "paragraph" | string;
 export declare type LexicalValue = string;
+export declare type NormalizedInputValue = LexicalValue | null;
 export { FontColorPicker } from "./components/ToolbarActions/FontColorAction";
 export declare type ImageActionType = "image-action";
 export declare type ToolbarActionType = ImageActionType | string;

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FontColorAction","require","_commands","_RichTextEditor","_lexical"],"sources":["types.ts"],"sourcesContent":["export type ToolbarType = \"heading\" | \"paragraph\" | string;\nexport type LexicalValue = string;\nexport { FontColorPicker } from \"~/components/ToolbarActions/FontColorAction\";\n\nexport type ImageActionType = \"image-action\";\nexport type ToolbarActionType = ImageActionType | string;\nexport interface ToolbarActionPlugin {\n    targetAction: ToolbarActionType;\n    plugin: Record<string, any> | ((cb: (value: any) => void) => any) | undefined;\n}\n\n/* Commands payload types */\nexport { ImagePayload } from \"~/commands\";\n\n/* Lexical editor interfaces */\nexport { RichTextEditorProps } from \"~/components/Editor/RichTextEditor\";\n\n// lexical types\nexport { Klass, LexicalNode } from \"lexical\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,gBAAA,GAAAC,OAAA;AAUA,IAAAC,SAAA,GAAAD,OAAA;AAGA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,QAAA,GAAAH,OAAA","ignoreList":[]}
+{"version":3,"names":["_FontColorAction","require","_commands","_RichTextEditor","_lexical"],"sources":["types.ts"],"sourcesContent":["export type LexicalValue = string;\n\nexport type NormalizedInputValue = LexicalValue | null;\n\nexport { FontColorPicker } from \"~/components/ToolbarActions/FontColorAction\";\n\nexport type ImageActionType = \"image-action\";\nexport type ToolbarActionType = ImageActionType | string;\nexport interface ToolbarActionPlugin {\n    targetAction: ToolbarActionType;\n    plugin: Record<string, any> | ((cb: (value: any) => void) => any) | undefined;\n}\n\n/* Commands payload types */\nexport { ImagePayload } from \"~/commands\";\n\n/* Lexical editor interfaces */\nexport { RichTextEditorProps } from \"~/components/Editor/RichTextEditor\";\n\n// lexical types\nexport { Klass, LexicalNode } from \"lexical\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAAA,gBAAA,GAAAC,OAAA;AAUA,IAAAC,SAAA,GAAAD,OAAA;AAGA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,QAAA,GAAAH,OAAA","ignoreList":[]}