@wix/patterns-fields 1.16.0 → 1.18.0

package/dist/cjs/components/rich-text/cell-rich-text-input.js

@@ -0,0 +1,153 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CellRichTextInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _cellRichTextEditor = require("./cell-rich-text-editor");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-text/cell-rich-text-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Fixed popover width matching the CMS rich text editor (popover-rich-text-editor.tsx). */
+const POPOVER_WIDTH = 582;
+/** Popover-based rich text editor for the richText cell type.
+ *  Opens immediately as a popover anchored at the cell's top-left corner.
+ *  Fixed 582px width (matching CMS), covers adjacent cells, flips upward when
+ *  there is not enough room below. Changes are propagated live via onChange.
+ *
+ *  Close behaviour mirrors cms-web PopoverRichTextEditor: the editor listens for
+ *  focus/blur events on a wrapper div.  onBlur schedules onCommit via
+ *  requestAnimationFrame so toolbar actions (including dropdown selections in
+ *  window portals) can cancel the deferred close by refocusing the editor. */
+const CellRichTextInput = ({
+  value,
+  onChange,
+  initialTypedKey,
+  onCommit,
+  textStyle = _cellRichTextEditor.DEFAULT_CELL_TEXT_STYLE
+}) => {
+  const [isFullScreen, setIsFullScreen] = (0, _react.useState)(false);
+  const isFullScreenRef = (0, _react.useRef)(false);
+  const blurFrameIdRef = (0, _react.useRef)(0);
+  const handleToggleFullScreen = (0, _react.useCallback)(() => {
+    setIsFullScreen(prev => {
+      const next = !prev;
+      isFullScreenRef.current = next;
+      return next;
+    });
+  }, []);
+  const handleFocus = (0, _react.useCallback)(() => {
+    cancelAnimationFrame(blurFrameIdRef.current);
+  }, []);
+  const handleBlur = (0, _react.useCallback)(() => {
+    cancelAnimationFrame(blurFrameIdRef.current);
+    blurFrameIdRef.current = requestAnimationFrame(() => {
+      if (!isFullScreenRef.current) {
+        onCommit == null || onCommit();
+      }
+    });
+  }, [onCommit]);
+
+  // Capture-phase native listener fires before ALL React bubble-phase handlers
+  // (including useKeyboardNavigation which would call cancelEdit() on ESC).
+  // stopPropagation() prevents the event from reaching any bubble-phase handler.
+  (0, _react.useEffect)(() => {
+    const handleKeyDown = e => {
+      if (e.key !== 'Escape') return;
+      e.stopPropagation();
+      if (isFullScreenRef.current) {
+        setIsFullScreen(false);
+        isFullScreenRef.current = false;
+      } else {
+        cancelAnimationFrame(blurFrameIdRef.current);
+        onCommit == null || onCommit();
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown, true);
+    return () => document.removeEventListener('keydown', handleKeyDown, true);
+  }, [onCommit]);
+  return (
+    /*#__PURE__*/
+    // Zero-height anchor at the cell's top-left so the popover opens from there.
+    _react.default.createElement("div", {
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: 0,
+        overflow: 'visible',
+        fontSize: 0,
+        lineHeight: 0
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 86,
+        columnNumber: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
+      shown: true,
+      placement: "bottom-start",
+      appendTo: "window",
+      width: POPOVER_WIDTH,
+      zIndex: 5001,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 98,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 105,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: '100%',
+        height: 0
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 106,
+        columnNumber: 11
+      }
+    })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 108,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 109,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_cellRichTextEditor.CellRichTextEditor, {
+      value: value,
+      onChange: onChange,
+      autoFocus: true,
+      initialTypedKey: initialTypedKey,
+      isFullScreen: isFullScreen,
+      onToggleFullScreen: handleToggleFullScreen,
+      textStyle: textStyle,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 110,
+        columnNumber: 13
+      }
+    })))))
+  );
+};
+exports.CellRichTextInput = CellRichTextInput;
+CellRichTextInput.displayName = 'CellRichTextInput';
+//# sourceMappingURL=cell-rich-text-input.js.map

package/dist/cjs/components/rich-text/cell-rich-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_cellRichTextEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","POPOVER_WIDTH","CellRichTextInput","value","onChange","initialTypedKey","onCommit","textStyle","DEFAULT_CELL_TEXT_STYLE","isFullScreen","setIsFullScreen","useState","isFullScreenRef","useRef","blurFrameIdRef","handleToggleFullScreen","useCallback","prev","next","current","handleFocus","cancelAnimationFrame","handleBlur","requestAnimationFrame","useEffect","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","createElement","style","position","top","left","width","height","overflow","fontSize","lineHeight","__self","__source","fileName","lineNumber","columnNumber","Popover","shown","placement","appendTo","zIndex","Element","Content","onFocus","onBlur","CellRichTextEditor","autoFocus","onToggleFullScreen","exports","displayName"],"sources":["../../../../src/components/rich-text/cell-rich-text-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Popover } from '@wix/design-system';\n\nimport {\n  CellRichTextEditor,\n  DEFAULT_CELL_TEXT_STYLE,\n} from './cell-rich-text-editor';\nimport type { RichTextStyleVariables } from './rich-text-input/rich-text-editor/text-style';\n\n/** Fixed popover width matching the CMS rich text editor (popover-rich-text-editor.tsx). */\nconst POPOVER_WIDTH = 582;\n\nexport interface CellRichTextInputProps {\n  value?: string;\n  onChange: (value: string) => void;\n  /** Typed key from type-to-edit — appended to existing plain-text content on mount. */\n  initialTypedKey?: string;\n  /** Called when the editor loses focus (click outside) or ESC is pressed. */\n  onCommit?: () => void;\n  /** CSS custom properties for the --rt-* theming API. Defaults to standard sizes. */\n  textStyle?: RichTextStyleVariables;\n}\n\n/** Popover-based rich text editor for the richText cell type.\n *  Opens immediately as a popover anchored at the cell's top-left corner.\n *  Fixed 582px width (matching CMS), covers adjacent cells, flips upward when\n *  there is not enough room below. Changes are propagated live via onChange.\n *\n *  Close behaviour mirrors cms-web PopoverRichTextEditor: the editor listens for\n *  focus/blur events on a wrapper div.  onBlur schedules onCommit via\n *  requestAnimationFrame so toolbar actions (including dropdown selections in\n *  window portals) can cancel the deferred close by refocusing the editor. */\nexport const CellRichTextInput: React.FC<CellRichTextInputProps> = ({\n  value,\n  onChange,\n  initialTypedKey,\n  onCommit,\n  textStyle = DEFAULT_CELL_TEXT_STYLE,\n}) => {\n  const [isFullScreen, setIsFullScreen] = useState(false);\n  const isFullScreenRef = useRef(false);\n  const blurFrameIdRef = useRef(0);\n\n  const handleToggleFullScreen = useCallback(() => {\n    setIsFullScreen((prev) => {\n      const next = !prev;\n      isFullScreenRef.current = next;\n      return next;\n    });\n  }, []);\n\n  const handleFocus = useCallback(() => {\n    cancelAnimationFrame(blurFrameIdRef.current);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    cancelAnimationFrame(blurFrameIdRef.current);\n    blurFrameIdRef.current = requestAnimationFrame(() => {\n      if (!isFullScreenRef.current) {\n        onCommit?.();\n      }\n    });\n  }, [onCommit]);\n\n  // Capture-phase native listener fires before ALL React bubble-phase handlers\n  // (including useKeyboardNavigation which would call cancelEdit() on ESC).\n  // stopPropagation() prevents the event from reaching any bubble-phase handler.\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') return;\n      e.stopPropagation();\n      if (isFullScreenRef.current) {\n        setIsFullScreen(false);\n        isFullScreenRef.current = false;\n      } else {\n        cancelAnimationFrame(blurFrameIdRef.current);\n        onCommit?.();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, true);\n    return () => document.removeEventListener('keydown', handleKeyDown, true);\n  }, [onCommit]);\n\n  return (\n    // Zero-height anchor at the cell's top-left so the popover opens from there.\n    <div\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: 0,\n        overflow: 'visible',\n        fontSize: 0,\n        lineHeight: 0,\n      }}\n    >\n      <Popover\n        shown\n        placement=\"bottom-start\"\n        appendTo=\"window\"\n        width={POPOVER_WIDTH}\n        zIndex={5001}\n      >\n        <Popover.Element>\n          <div style={{ width: '100%', height: 0 }} />\n        </Popover.Element>\n        <Popover.Content>\n          <div onFocus={handleFocus} onBlur={handleBlur}>\n            <CellRichTextEditor\n              value={value}\n              onChange={onChange}\n              autoFocus\n              initialTypedKey={initialTypedKey}\n              isFullScreen={isFullScreen}\n              onToggleFullScreen={handleToggleFullScreen}\n              textStyle={textStyle}\n            />\n          </div>\n        </Popover.Content>\n      </Popover>\n    </div>\n  );\n};\n\nCellRichTextInput.displayName = 'CellRichTextInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/rich-text/cell-rich-text-view.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellRichTextView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _autoFieldTypes = require("../../auto-field-types");
+var _text = require("../text");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-text/cell-rich-text-view.tsx";
+/** Synchronous plain-text view for an HTML rich-text string.
+ *  Strips all HTML tags via DOMParser — no loading spinner. */
+const CellRichTextView = ({
+  value
+}) => {
+  const plainText = value ? (0, _autoFieldTypes.HTMLToText)(value, {
+    singleLine: true
+  }) : '';
+  return /*#__PURE__*/_react.default.createElement(_text.TextView, {
+    data: plainText,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 10
+    }
+  });
+};
+exports.CellRichTextView = CellRichTextView;
+CellRichTextView.displayName = 'CellRichTextView';
+//# sourceMappingURL=cell-rich-text-view.js.map

package/dist/cjs/components/rich-text/cell-rich-text-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_autoFieldTypes","_text","_jsxFileName","CellRichTextView","value","plainText","HTMLToText","singleLine","default","createElement","TextView","data","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/rich-text/cell-rich-text-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HTMLToText } from '../../auto-field-types';\nimport { TextView } from '../text';\n\nexport interface CellRichTextViewProps {\n  value?: string | null;\n}\n\n/** Synchronous plain-text view for an HTML rich-text string.\n *  Strips all HTML tags via DOMParser — no loading spinner. */\nexport const CellRichTextView: React.FC<CellRichTextViewProps> = ({\n  value,\n}) => {\n  const plainText = value ? HTMLToText(value, { singleLine: true }) : '';\n  return <TextView data={plainText} />;\n};\n\nCellRichTextView.displayName = 'CellRichTextView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAmC,IAAAG,YAAA;AAMnC;AACA;AACO,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC;AACF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAGD,KAAK,GAAG,IAAAE,0BAAU,EAACF,KAAK,EAAE;IAAEG,UAAU,EAAE;EAAK,CAAC,CAAC,GAAG,EAAE;EACtE,oBAAOV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAS,QAAQ;IAACC,IAAI,EAAEN,SAAU;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AACtC,CAAC;AAACC,OAAA,CAAAd,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACe,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/components/rich-text/index.js

@@ -13,6 +13,24 @@ Object.keys(_richTextInput).forEach(function (key) {
   if (key in exports && exports[key] === _richTextInput[key]) return;
   exports[key] = _richTextInput[key];
 });
+var _cellRichTextView = require("./cell-rich-text-view");
+Object.keys(_cellRichTextView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellRichTextView[key]) return;
+  exports[key] = _cellRichTextView[key];
+});
+var _cellRichTextEditor = require("./cell-rich-text-editor");
+Object.keys(_cellRichTextEditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellRichTextEditor[key]) return;
+  exports[key] = _cellRichTextEditor[key];
+});
+var _cellRichTextInput = require("./cell-rich-text-input");
+Object.keys(_cellRichTextInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellRichTextInput[key]) return;
+  exports[key] = _cellRichTextInput[key];
+});
 var _link = require("./components/link");
 Object.keys(_link).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/components/rich-text/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_richTextView","require","Object","keys","forEach","key","exports","_richTextInput","_link"],"sources":["../../../../src/components/rich-text/index.ts"],"sourcesContent":["export * from './rich-text-view';\nexport * from './rich-text-input';\n\nexport type { NoOptions, TextKeys } from './types';\nexport * from './components/link';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AAGA,IAAAG,KAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,KAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,KAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,KAAA,CAAAH,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_richTextView","require","Object","keys","forEach","key","exports","_richTextInput","_cellRichTextView","_cellRichTextEditor","_cellRichTextInput","_link"],"sources":["../../../../src/components/rich-text/index.ts"],"sourcesContent":["export * from './rich-text-view';\nexport * from './rich-text-input';\nexport * from './cell-rich-text-view';\nexport * from './cell-rich-text-editor';\nexport * from './cell-rich-text-input';\nexport type { RichTextStyleVariables } from './rich-text-input/rich-text-editor/text-style';\n\nexport type { NoOptions, TextKeys } from './types';\nexport * from './components/link';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,iBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,iBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,iBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,iBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,mBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,mBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,mBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,mBAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,kBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,kBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,kBAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,kBAAA,CAAAL,GAAA;AAAA;AAIA,IAAAM,KAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,KAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,KAAA,CAAAN,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAM,KAAA,CAAAN,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js

@@ -211,6 +211,12 @@ class RichEditor extends _react.default.Component {
       let {
         editorState
       } = this.props;
+      // Restore the last focused selection before computing selected blocks — the
+      // editor may have blurred (portal click) before onSelect fires, leaving the
+      // current selection stale or collapsed.
+      if (this.lastSelectionWithFocus) {
+        editorState = _draftJs.EditorState.acceptSelection(editorState, this.lastSelectionWithFocus);
+      }
       let contentState = editorState.getCurrentContent();
       const selectedBlocks = this.getSelectedBlocks(editorState);
       if (selectedBlocks.length) {
@@ -246,7 +252,12 @@ class RichEditor extends _react.default.Component {
       }
       editorState = _draftJs.EditorState.push(editorState, contentState, 'change-block-type');
       if (this.lastSelectionWithFocus) {
-        editorState = _draftJs.EditorState.forceSelection(editorState, this.lastSelectionWithFocus);
+        if ((0, _utils.containsActiveElement)(this.root)) {
+          editorState = _draftJs.EditorState.acceptSelection(editorState, this.lastSelectionWithFocus);
+        } else {
+          editorState = _draftJs.EditorState.forceSelection(editorState, this.lastSelectionWithFocus);
+          this.focus();
+        }
       }
       this.onChange(editorState);
     });
@@ -385,6 +396,7 @@ class RichEditor extends _react.default.Component {
       handleKeyCommand: this.handleKeyCommand,
       blockStyleFn: _utils2.blockStyleFn,
       handlePastedText: this.handlePastedText,
+      preserveSelectionOnBlur: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_draftJs","_draftjsConductor","_immutable","_utils","_utils2","_toolbar","_richEditorStCss","_jsxFileName","MAX_DEPTH","STRING_TO_ORDERED_LIST_RE","STRING_TO_UNORDERED_LIST_RE","RichEditor","React","Component","constructor","args","_defineProperty2","default","root","containsActiveElement","_this$editor","editor","focus","baseEditorState","editorState","applyAdvancedModifications","selection","getSelection","getHasFocus","lastSelectionWithFocus","props","onChange","e","isFullScreen","onToggleFullScreen","key","preventDefault","currentBlock","getCurrentBlock","isListType","isListItemBlockType","getType","shiftKey","handleRemoveListIndent","handleAddListIndent","nextState","RichUtils","onTab","event","currentBlockKey","getKey","previousListItem","getPreviousListItemBlock","nextEditorState","previousListItemDepth","getDepth","nextDepth","preventAndStopEvent","initialBlock","initialBlockDepth","initialBlockType","nextContentState","getCurrentContent","blockAfter","getBlockAfter","merge","blockMap","getBlockMap","set","EditorState","push","_","html","newState","handleDraftEditorPastedText","block","text","getText","type","test","convertBlockToListItem","command","includes","splitAndUnstyleBlock","completeKeyCommand","splitAndCopyInlineBlockType","removeCurrentBlock","handleKeyCommand","textAlign","data","Map","style","contentState","Modifier","mergeBlockData","selectedBlocks","blockKey","getStartKey","getBlockForKey","getEndKey","getKeyAfter","value","getSelectedBlocks","length","unstyleBlocks","every","getData","get","toggleListType","forEach","blockType","inlineBlockType","listType","otherType","blockSelection","SelectionState","createEmpty","getLength","setBlockType","forceSelection","inlineStyle","toggleInlineStyle","link","entityKey","isCollapsed","anchorOffset","getAnchorOffset","textEntityKey","createEntity","getLastCreatedEntityKey","insertText","undefined","focusOffset","hasFocus","url","toggleLink","getCurrentInlineStyle","contains","customStyleMap","styles","concat","Object","keys","contentWithoutStyles","reduce","removeInlineStyle","setBlockData","applyEntity","toggleBlockType","componentDidMount","autoFocus","copySource","registerCopySource","componentWillUnmount","unregister","componentDidUpdate","render","headingsEnabled","readOnly","createElement","ref","className","classes","onKeyDown","__self","__source","fileName","lineNumber","columnNumber","Toolbar","onChangeBlock","onChangeStyle","onChangeLink","onChangeAlign","onClear","Editor","tabIndex","stripPastedStyles","keyBindingFn","getDefaultKeyBinding","blockStyleFn","handlePastedText","exports"],"sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {\n  ContentBlock,\n  ContentState,\n  DraftHandleValue,\n  DraftBlockType,\n} from 'draft-js';\nimport {\n  Editor,\n  EditorState,\n  getDefaultKeyBinding,\n  RichUtils,\n  Modifier,\n  SelectionState,\n} from 'draft-js';\nimport {\n  registerCopySource,\n  handleDraftEditorPastedText,\n} from 'draftjs-conductor';\nimport { Map } from 'immutable';\n\nimport { preventAndStopEvent, containsActiveElement } from '../../../../utils';\n\nimport type { CustomStyleMap } from './utils';\nimport {\n  blockStyleFn,\n  convertBlockToListItem,\n  removeCurrentBlock,\n  getCurrentBlock,\n  splitAndUnstyleBlock,\n  splitAndCopyInlineBlockType,\n  isListItemBlockType,\n  getPreviousListItemBlock,\n} from './utils';\nimport { Toolbar } from './toolbar';\nimport { classes } from './rich-editor.st.css.js';\n\nconst MAX_DEPTH = 4;\n// \"1.\" or \"1 .\"\nconst STRING_TO_ORDERED_LIST_RE = /^1\\s?\\.$/;\n// \"- \"\nconst STRING_TO_UNORDERED_LIST_RE = /^-\\s$/;\n\nexport interface RichEditorProps {\n  readOnly?: boolean;\n  onToggleFullScreen?: () => void;\n  onToolbarMouseDown?: React.MouseEventHandler;\n  customStyleMap: CustomStyleMap;\n  editorState: EditorState;\n  onChange: (editorState: EditorState) => void;\n  isFullScreen?: boolean;\n  headingsEnabled?: boolean;\n  autoFocus?: boolean;\n}\n\nexport class RichEditor extends React.Component<RichEditorProps> {\n  public editor: Editor | null = null;\n\n  private root: HTMLElement | null = null;\n\n  private copySource: { unregister: () => void } | null = null;\n\n  private lastSelectionWithFocus: SelectionState | null = null;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n\n    if (this.editor) {\n      this.copySource = registerCopySource(this.editor);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.copySource) {\n      this.copySource.unregister();\n    }\n  }\n\n  componentDidUpdate() {\n    if (!this.copySource && this.editor) {\n      this.copySource = registerCopySource(this.editor);\n    }\n  }\n\n  public render() {\n    const {\n      onToggleFullScreen,\n      isFullScreen,\n      headingsEnabled,\n      editorState,\n      customStyleMap,\n      readOnly,\n    } = this.props;\n\n    return (\n      <div\n        ref={(root) => (this.root = root)}\n        className={classes.root}\n        onKeyDown={this.onKeyDown}\n      >\n        {!readOnly && (\n          <Toolbar\n            isFullScreen={isFullScreen}\n            editorState={editorState}\n            onChangeBlock={this.onChangeBlock}\n            onChangeStyle={this.onChangeStyle}\n            onChangeLink={this.onChangeLink}\n            onChangeAlign={this.onChangeAlign}\n            onClear={this.onClear}\n            onToggleFullScreen={onToggleFullScreen}\n            headingsEnabled={headingsEnabled}\n          />\n        )}\n        <div className={classes.editor}>\n          <Editor\n            ref={(editor) => (this.editor = editor)}\n            readOnly={readOnly}\n            tabIndex={-1}\n            editorState={editorState}\n            stripPastedStyles={false}\n            onChange={this.onChange}\n            customStyleMap={customStyleMap}\n            keyBindingFn={getDefaultKeyBinding}\n            handleKeyCommand={this.handleKeyCommand}\n            blockStyleFn={blockStyleFn}\n            handlePastedText={this.handlePastedText}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  public focus = () => {\n    if (this.root && !containsActiveElement(this.root)) {\n      this.editor?.focus();\n    }\n  };\n\n  private onChange = (baseEditorState: EditorState) => {\n    const editorState = this.applyAdvancedModifications(baseEditorState);\n    const selection = editorState.getSelection();\n\n    if (selection.getHasFocus()) {\n      this.lastSelectionWithFocus = selection;\n    }\n\n    this.props.onChange(editorState);\n  };\n\n  private onKeyDown = (e: React.KeyboardEvent) => {\n    const { editorState, isFullScreen, onToggleFullScreen } = this.props;\n    /**\n     * TODO\n     * Ctrl+k - Link\n     * Ctrl+Shift+L - align:left\n     * Ctrl+Shift+E - align:center\n     * Ctrl+Shift+R - align:right\n     * Ctrl+Shift+J - align:justify\n     * Ctrl+Shift+7 - ordered-list\n     * Ctrl+Shift+8 - unordered-list\n     * Ctrl+Alt+0 - normal text\n     * Ctrl+Alt+1 - header-two\n     * Ctrl+Alt+2 - header-three\n     * Ctrl+\\ - clear formatting\n     */\n    switch (e.key) {\n      case 'F11':\n        if (onToggleFullScreen) {\n          e.preventDefault();\n          onToggleFullScreen();\n        }\n        break;\n      case 'Escape':\n        if (isFullScreen && onToggleFullScreen) {\n          onToggleFullScreen();\n        }\n        break;\n      case 'Tab': {\n        const currentBlock = getCurrentBlock(editorState);\n        const isListType = isListItemBlockType(currentBlock.getType());\n\n        if (isListType && e.shiftKey) {\n          this.handleRemoveListIndent(e, editorState);\n          break;\n        }\n\n        if (isListType) {\n          this.handleAddListIndent(e, editorState);\n          break;\n        }\n\n        const nextState = RichUtils.onTab(e, editorState, MAX_DEPTH);\n\n        this.onChange(nextState);\n        break;\n      }\n    }\n  };\n\n  private handleAddListIndent = (\n    event: React.KeyboardEvent,\n    editorState: EditorState,\n  ) => {\n    const currentBlock = getCurrentBlock(editorState);\n    const currentBlockKey = currentBlock.getKey();\n    const previousListItem = getPreviousListItemBlock(\n      editorState,\n      currentBlockKey,\n    );\n\n    if (!previousListItem) {\n      return;\n    }\n\n    const nextEditorState = RichUtils.onTab(event, editorState, MAX_DEPTH);\n\n    const previousListItemDepth = previousListItem.getDepth();\n    const nextDepth = getCurrentBlock(nextEditorState).getDepth();\n\n    // Allow only one level of nesting related to the previous list item\n    if (nextDepth > previousListItemDepth + 1) {\n      return;\n    }\n\n    preventAndStopEvent(event);\n    this.onChange(nextEditorState);\n  };\n\n  private handleRemoveListIndent = (\n    event: React.KeyboardEvent,\n    editorState: EditorState,\n  ) => {\n    const initialBlock = getCurrentBlock(editorState);\n    const initialBlockDepth = initialBlock.getDepth();\n    const initialBlockType = initialBlock.getType();\n\n    if (initialBlockDepth === 0) {\n      return;\n    }\n\n    let nextEditorState = RichUtils.onTab(event, editorState, MAX_DEPTH);\n    let nextContentState = nextEditorState.getCurrentContent();\n\n    const currentBlock = getCurrentBlock(nextEditorState);\n\n    let blockAfter: ContentBlock | undefined = nextContentState.getBlockAfter(\n      currentBlock.getKey(),\n    );\n\n    while (\n      blockAfter &&\n      initialBlockType === blockAfter.getType() &&\n      blockAfter.getDepth() >= initialBlockDepth + 1\n    ) {\n      nextContentState = nextContentState.merge({\n        blockMap: nextContentState\n          .getBlockMap()\n          .set(\n            blockAfter.getKey(),\n            blockAfter.set('depth', blockAfter.getDepth() - 1) as ContentBlock,\n          ),\n      }) as ContentState;\n\n      blockAfter = nextContentState.getBlockAfter(blockAfter.getKey());\n    }\n\n    nextEditorState = EditorState.push(\n      editorState,\n      nextContentState as ContentState,\n      'adjust-depth',\n    );\n\n    preventAndStopEvent(event);\n    this.onChange(nextEditorState);\n  };\n\n  private handlePastedText = (\n    _: string,\n    html: string | undefined,\n    editorState: EditorState,\n  ): DraftHandleValue => {\n    const newState = handleDraftEditorPastedText(_, html, editorState);\n\n    if (newState) {\n      this.onChange(newState);\n      return 'handled';\n    }\n\n    return 'not-handled';\n  };\n\n  private applyAdvancedModifications = (\n    editorState: EditorState,\n  ): EditorState => {\n    const block = getCurrentBlock(editorState);\n    const text = block.getText();\n    const type = block.getType();\n\n    if (STRING_TO_ORDERED_LIST_RE.test(text) && type === 'unstyled') {\n      return convertBlockToListItem(editorState, true);\n    }\n\n    if (STRING_TO_UNORDERED_LIST_RE.test(text) && type === 'unstyled') {\n      return convertBlockToListItem(editorState, false);\n    }\n\n    return editorState;\n  };\n\n  private handleKeyCommand = (\n    command: string,\n    editorState: EditorState,\n  ): DraftHandleValue => {\n    let block: ContentBlock;\n    let nextState: EditorState | null;\n\n    switch (command) {\n      case 'split-block':\n        block = getCurrentBlock(editorState);\n\n        if (block.getType().includes('header')) {\n          nextState = splitAndUnstyleBlock(editorState);\n          return this.completeKeyCommand(nextState);\n        }\n\n        if (isListItemBlockType(block.getType())) {\n          nextState = splitAndCopyInlineBlockType(editorState);\n          return this.completeKeyCommand(nextState);\n        }\n        break;\n      case 'delete':\n      case 'backspace':\n        block = getCurrentBlock(editorState);\n\n        if (!block.getText()) {\n          nextState = removeCurrentBlock(editorState, command);\n          return this.completeKeyCommand(nextState);\n        }\n        break;\n    }\n\n    nextState = RichUtils.handleKeyCommand(editorState, command);\n    return this.completeKeyCommand(nextState);\n  };\n\n  private completeKeyCommand = (editorState: EditorState | null) => {\n    if (editorState) {\n      this.onChange(editorState);\n      return 'handled';\n    }\n    return 'not-handled';\n  };\n\n  private onChangeAlign = (textAlign: string) => {\n    const { editorState } = this.props;\n    const data = Map({ style: { textAlign } });\n\n    const contentState = Modifier.mergeBlockData(\n      editorState.getCurrentContent(),\n      editorState.getSelection(),\n      data,\n    );\n    const nextState = EditorState.push(\n      editorState,\n      contentState,\n      'change-block-data',\n    );\n    this.onChange(nextState);\n  };\n\n  private getSelectedBlocks = (editorState: EditorState) => {\n    const selection = editorState.getSelection();\n    const contentState = editorState.getCurrentContent();\n    const selectedBlocks = [];\n\n    let blockKey = selection.getStartKey();\n    selectedBlocks.push(contentState.getBlockForKey(blockKey));\n\n    while (blockKey !== selection.getEndKey()) {\n      blockKey = contentState.getKeyAfter(blockKey);\n      selectedBlocks.push(contentState.getBlockForKey(blockKey));\n    }\n\n    return selectedBlocks;\n  };\n\n  private onChangeBlock = (value: string) => {\n    let { editorState } = this.props;\n    let contentState = editorState.getCurrentContent();\n    const selectedBlocks = this.getSelectedBlocks(editorState);\n\n    if (selectedBlocks.length) {\n      // if every block have value style then remove it from all\n      // else set every block to value\n      // also remember case when we explicitly trying to unstyle blocks\n      const unstyleBlocks =\n        value === 'unstyled' ||\n        selectedBlocks.every(\n          (block) =>\n            block.getType() === value ||\n            block.getData().get('inlineBlockType', 'unstyled') === value,\n        );\n\n      const toggleListType = isListItemBlockType(value as DraftBlockType);\n\n      selectedBlocks.forEach((block) => {\n        let blockType = block.getType();\n        let inlineBlockType = block\n          .getData()\n          .get('inlineBlockType', 'unstyled') as DraftBlockType;\n\n        let [listType, otherType]: [DraftBlockType, DraftBlockType] =\n          isListItemBlockType(blockType)\n            ? [blockType, inlineBlockType]\n            : ['unstyled', blockType];\n\n        if (unstyleBlocks) {\n          listType = listType === value ? 'unstyled' : listType;\n          otherType = [otherType, 'unstyled'].includes(value)\n            ? 'unstyled'\n            : otherType;\n        } else {\n          if (toggleListType) {\n            listType = value as DraftBlockType;\n          } else {\n            otherType = value as DraftBlockType;\n          }\n        }\n\n        blockType = listType !== 'unstyled' ? listType : otherType;\n        inlineBlockType = listType !== 'unstyled' ? otherType : 'unstyled';\n\n        // create selection for whole block\n        const blockSelection = SelectionState.createEmpty(block.getKey()).set(\n          'focusOffset',\n          block.getLength(),\n        ) as SelectionState;\n\n        contentState = Modifier.setBlockType(\n          contentState,\n          blockSelection,\n          blockType,\n        );\n        contentState = Modifier.mergeBlockData(\n          contentState,\n          blockSelection,\n          Map({ inlineBlockType }),\n        );\n      });\n    }\n\n    editorState = EditorState.push(\n      editorState,\n      contentState,\n      'change-block-type',\n    );\n\n    if (this.lastSelectionWithFocus) {\n      editorState = EditorState.forceSelection(\n        editorState,\n        this.lastSelectionWithFocus,\n      );\n    }\n    this.onChange(editorState);\n  };\n\n  private onChangeStyle = (inlineStyle: string) => {\n    const editorState = RichUtils.toggleInlineStyle(\n      this.props.editorState,\n      inlineStyle,\n    );\n    this.onChange(editorState);\n  };\n\n  private onChangeLink = (link?: string) => {\n    let { editorState } = this.props;\n\n    if (this.lastSelectionWithFocus) {\n      editorState = EditorState.forceSelection(\n        editorState,\n        this.lastSelectionWithFocus,\n      );\n    }\n    let selection = editorState.getSelection();\n    let contentState = editorState.getCurrentContent();\n    let entityKey: string | null = null;\n    this.focus();\n\n    if (link) {\n      // we need to add text when no text is selected\n      if (selection.isCollapsed()) {\n        const anchorOffset = selection.getAnchorOffset();\n        const textEntityKey = contentState\n          .createEntity('PLACEHOLDER', 'IMMUTABLE')\n          .getLastCreatedEntityKey();\n\n        contentState = Modifier.insertText(\n          contentState,\n          selection,\n          link,\n          undefined,\n          textEntityKey,\n        );\n        editorState = EditorState.push(\n          editorState,\n          contentState,\n          'insert-characters',\n        );\n        selection = selection.merge({\n          focusOffset: anchorOffset + link.length,\n          hasFocus: true,\n        }) as SelectionState;\n        editorState = EditorState.forceSelection(editorState, selection);\n        contentState = editorState.getCurrentContent();\n      }\n      contentState = contentState.createEntity('LINK', 'MUTABLE', {\n        url: link,\n      });\n      entityKey = contentState.getLastCreatedEntityKey();\n    }\n    editorState = RichUtils.toggleLink(editorState, selection, entityKey);\n\n    if (!editorState.getCurrentInlineStyle().contains('UNDERLINE')) {\n      editorState = RichUtils.toggleInlineStyle(editorState, 'UNDERLINE');\n    }\n\n    this.onChange(editorState);\n  };\n\n  private onClear = () => {\n    const { editorState, customStyleMap } = this.props;\n    const selection = editorState.getSelection();\n    // clear inline styles\n    const styles = [\n      'BOLD',\n      'ITALIC',\n      'UNDERLINE',\n      'STRIKETHROUGH',\n      'CODE',\n    ].concat(Object.keys(customStyleMap));\n    let contentWithoutStyles = styles.reduce(\n      (contentState, style) =>\n        Modifier.removeInlineStyle(contentState, selection, style),\n      editorState.getCurrentContent(),\n    );\n\n    // clear inline styles applied to blocks (backward compatibility)\n    contentWithoutStyles = Modifier.setBlockData(\n      contentWithoutStyles,\n      selection,\n      Map(),\n    );\n\n    // remove all entities like links\n    contentWithoutStyles = Modifier.applyEntity(\n      contentWithoutStyles,\n      selection,\n      null,\n    );\n\n    // clear blocks\n    let nextState = EditorState.push(\n      editorState,\n      contentWithoutStyles,\n      'change-inline-style',\n    );\n    nextState = RichUtils.toggleBlockType(nextState, 'unstyled');\n    this.onChange(nextState);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_draftJs","_draftjsConductor","_immutable","_utils","_utils2","_toolbar","_richEditorStCss","_jsxFileName","MAX_DEPTH","STRING_TO_ORDERED_LIST_RE","STRING_TO_UNORDERED_LIST_RE","RichEditor","React","Component","constructor","args","_defineProperty2","default","root","containsActiveElement","_this$editor","editor","focus","baseEditorState","editorState","applyAdvancedModifications","selection","getSelection","getHasFocus","lastSelectionWithFocus","props","onChange","e","isFullScreen","onToggleFullScreen","key","preventDefault","currentBlock","getCurrentBlock","isListType","isListItemBlockType","getType","shiftKey","handleRemoveListIndent","handleAddListIndent","nextState","RichUtils","onTab","event","currentBlockKey","getKey","previousListItem","getPreviousListItemBlock","nextEditorState","previousListItemDepth","getDepth","nextDepth","preventAndStopEvent","initialBlock","initialBlockDepth","initialBlockType","nextContentState","getCurrentContent","blockAfter","getBlockAfter","merge","blockMap","getBlockMap","set","EditorState","push","_","html","newState","handleDraftEditorPastedText","block","text","getText","type","test","convertBlockToListItem","command","includes","splitAndUnstyleBlock","completeKeyCommand","splitAndCopyInlineBlockType","removeCurrentBlock","handleKeyCommand","textAlign","data","Map","style","contentState","Modifier","mergeBlockData","selectedBlocks","blockKey","getStartKey","getBlockForKey","getEndKey","getKeyAfter","value","acceptSelection","getSelectedBlocks","length","unstyleBlocks","every","getData","get","toggleListType","forEach","blockType","inlineBlockType","listType","otherType","blockSelection","SelectionState","createEmpty","getLength","setBlockType","forceSelection","inlineStyle","toggleInlineStyle","link","entityKey","isCollapsed","anchorOffset","getAnchorOffset","textEntityKey","createEntity","getLastCreatedEntityKey","insertText","undefined","focusOffset","hasFocus","url","toggleLink","getCurrentInlineStyle","contains","customStyleMap","styles","concat","Object","keys","contentWithoutStyles","reduce","removeInlineStyle","setBlockData","applyEntity","toggleBlockType","componentDidMount","autoFocus","copySource","registerCopySource","componentWillUnmount","unregister","componentDidUpdate","render","headingsEnabled","readOnly","createElement","ref","className","classes","onKeyDown","__self","__source","fileName","lineNumber","columnNumber","Toolbar","onChangeBlock","onChangeStyle","onChangeLink","onChangeAlign","onClear","Editor","tabIndex","stripPastedStyles","keyBindingFn","getDefaultKeyBinding","blockStyleFn","handlePastedText","preserveSelectionOnBlur","exports"],"sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {\n  ContentBlock,\n  ContentState,\n  DraftHandleValue,\n  DraftBlockType,\n} from 'draft-js';\nimport {\n  Editor,\n  EditorState,\n  getDefaultKeyBinding,\n  RichUtils,\n  Modifier,\n  SelectionState,\n} from 'draft-js';\nimport {\n  registerCopySource,\n  handleDraftEditorPastedText,\n} from 'draftjs-conductor';\nimport { Map } from 'immutable';\n\nimport { preventAndStopEvent, containsActiveElement } from '../../../../utils';\n\nimport type { CustomStyleMap } from './utils';\nimport {\n  blockStyleFn,\n  convertBlockToListItem,\n  removeCurrentBlock,\n  getCurrentBlock,\n  splitAndUnstyleBlock,\n  splitAndCopyInlineBlockType,\n  isListItemBlockType,\n  getPreviousListItemBlock,\n} from './utils';\nimport { Toolbar } from './toolbar';\nimport { classes } from './rich-editor.st.css.js';\n\nconst MAX_DEPTH = 4;\n// \"1.\" or \"1 .\"\nconst STRING_TO_ORDERED_LIST_RE = /^1\\s?\\.$/;\n// \"- \"\nconst STRING_TO_UNORDERED_LIST_RE = /^-\\s$/;\n\nexport interface RichEditorProps {\n  readOnly?: boolean;\n  onToggleFullScreen?: () => void;\n  onToolbarMouseDown?: React.MouseEventHandler;\n  customStyleMap: CustomStyleMap;\n  editorState: EditorState;\n  onChange: (editorState: EditorState) => void;\n  isFullScreen?: boolean;\n  headingsEnabled?: boolean;\n  autoFocus?: boolean;\n}\n\nexport class RichEditor extends React.Component<RichEditorProps> {\n  public editor: Editor | null = null;\n\n  private root: HTMLElement | null = null;\n\n  private copySource: { unregister: () => void } | null = null;\n\n  private lastSelectionWithFocus: SelectionState | null = null;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n\n    if (this.editor) {\n      this.copySource = registerCopySource(this.editor);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.copySource) {\n      this.copySource.unregister();\n    }\n  }\n\n  componentDidUpdate() {\n    if (!this.copySource && this.editor) {\n      this.copySource = registerCopySource(this.editor);\n    }\n  }\n\n  public render() {\n    const {\n      onToggleFullScreen,\n      isFullScreen,\n      headingsEnabled,\n      editorState,\n      customStyleMap,\n      readOnly,\n    } = this.props;\n\n    return (\n      <div\n        ref={(root) => (this.root = root)}\n        className={classes.root}\n        onKeyDown={this.onKeyDown}\n      >\n        {!readOnly && (\n          <Toolbar\n            isFullScreen={isFullScreen}\n            editorState={editorState}\n            onChangeBlock={this.onChangeBlock}\n            onChangeStyle={this.onChangeStyle}\n            onChangeLink={this.onChangeLink}\n            onChangeAlign={this.onChangeAlign}\n            onClear={this.onClear}\n            onToggleFullScreen={onToggleFullScreen}\n            headingsEnabled={headingsEnabled}\n          />\n        )}\n        <div className={classes.editor}>\n          <Editor\n            ref={(editor) => (this.editor = editor)}\n            readOnly={readOnly}\n            tabIndex={-1}\n            editorState={editorState}\n            stripPastedStyles={false}\n            onChange={this.onChange}\n            customStyleMap={customStyleMap}\n            keyBindingFn={getDefaultKeyBinding}\n            handleKeyCommand={this.handleKeyCommand}\n            blockStyleFn={blockStyleFn}\n            handlePastedText={this.handlePastedText}\n            preserveSelectionOnBlur\n          />\n        </div>\n      </div>\n    );\n  }\n\n  public focus = () => {\n    if (this.root && !containsActiveElement(this.root)) {\n      this.editor?.focus();\n    }\n  };\n\n  private onChange = (baseEditorState: EditorState) => {\n    const editorState = this.applyAdvancedModifications(baseEditorState);\n    const selection = editorState.getSelection();\n\n    if (selection.getHasFocus()) {\n      this.lastSelectionWithFocus = selection;\n    }\n\n    this.props.onChange(editorState);\n  };\n\n  private onKeyDown = (e: React.KeyboardEvent) => {\n    const { editorState, isFullScreen, onToggleFullScreen } = this.props;\n    /**\n     * TODO\n     * Ctrl+k - Link\n     * Ctrl+Shift+L - align:left\n     * Ctrl+Shift+E - align:center\n     * Ctrl+Shift+R - align:right\n     * Ctrl+Shift+J - align:justify\n     * Ctrl+Shift+7 - ordered-list\n     * Ctrl+Shift+8 - unordered-list\n     * Ctrl+Alt+0 - normal text\n     * Ctrl+Alt+1 - header-two\n     * Ctrl+Alt+2 - header-three\n     * Ctrl+\\ - clear formatting\n     */\n    switch (e.key) {\n      case 'F11':\n        if (onToggleFullScreen) {\n          e.preventDefault();\n          onToggleFullScreen();\n        }\n        break;\n      case 'Escape':\n        if (isFullScreen && onToggleFullScreen) {\n          onToggleFullScreen();\n        }\n        break;\n      case 'Tab': {\n        const currentBlock = getCurrentBlock(editorState);\n        const isListType = isListItemBlockType(currentBlock.getType());\n\n        if (isListType && e.shiftKey) {\n          this.handleRemoveListIndent(e, editorState);\n          break;\n        }\n\n        if (isListType) {\n          this.handleAddListIndent(e, editorState);\n          break;\n        }\n\n        const nextState = RichUtils.onTab(e, editorState, MAX_DEPTH);\n\n        this.onChange(nextState);\n        break;\n      }\n    }\n  };\n\n  private handleAddListIndent = (\n    event: React.KeyboardEvent,\n    editorState: EditorState,\n  ) => {\n    const currentBlock = getCurrentBlock(editorState);\n    const currentBlockKey = currentBlock.getKey();\n    const previousListItem = getPreviousListItemBlock(\n      editorState,\n      currentBlockKey,\n    );\n\n    if (!previousListItem) {\n      return;\n    }\n\n    const nextEditorState = RichUtils.onTab(event, editorState, MAX_DEPTH);\n\n    const previousListItemDepth = previousListItem.getDepth();\n    const nextDepth = getCurrentBlock(nextEditorState).getDepth();\n\n    // Allow only one level of nesting related to the previous list item\n    if (nextDepth > previousListItemDepth + 1) {\n      return;\n    }\n\n    preventAndStopEvent(event);\n    this.onChange(nextEditorState);\n  };\n\n  private handleRemoveListIndent = (\n    event: React.KeyboardEvent,\n    editorState: EditorState,\n  ) => {\n    const initialBlock = getCurrentBlock(editorState);\n    const initialBlockDepth = initialBlock.getDepth();\n    const initialBlockType = initialBlock.getType();\n\n    if (initialBlockDepth === 0) {\n      return;\n    }\n\n    let nextEditorState = RichUtils.onTab(event, editorState, MAX_DEPTH);\n    let nextContentState = nextEditorState.getCurrentContent();\n\n    const currentBlock = getCurrentBlock(nextEditorState);\n\n    let blockAfter: ContentBlock | undefined = nextContentState.getBlockAfter(\n      currentBlock.getKey(),\n    );\n\n    while (\n      blockAfter &&\n      initialBlockType === blockAfter.getType() &&\n      blockAfter.getDepth() >= initialBlockDepth + 1\n    ) {\n      nextContentState = nextContentState.merge({\n        blockMap: nextContentState\n          .getBlockMap()\n          .set(\n            blockAfter.getKey(),\n            blockAfter.set('depth', blockAfter.getDepth() - 1) as ContentBlock,\n          ),\n      }) as ContentState;\n\n      blockAfter = nextContentState.getBlockAfter(blockAfter.getKey());\n    }\n\n    nextEditorState = EditorState.push(\n      editorState,\n      nextContentState as ContentState,\n      'adjust-depth',\n    );\n\n    preventAndStopEvent(event);\n    this.onChange(nextEditorState);\n  };\n\n  private handlePastedText = (\n    _: string,\n    html: string | undefined,\n    editorState: EditorState,\n  ): DraftHandleValue => {\n    const newState = handleDraftEditorPastedText(_, html, editorState);\n\n    if (newState) {\n      this.onChange(newState);\n      return 'handled';\n    }\n\n    return 'not-handled';\n  };\n\n  private applyAdvancedModifications = (\n    editorState: EditorState,\n  ): EditorState => {\n    const block = getCurrentBlock(editorState);\n    const text = block.getText();\n    const type = block.getType();\n\n    if (STRING_TO_ORDERED_LIST_RE.test(text) && type === 'unstyled') {\n      return convertBlockToListItem(editorState, true);\n    }\n\n    if (STRING_TO_UNORDERED_LIST_RE.test(text) && type === 'unstyled') {\n      return convertBlockToListItem(editorState, false);\n    }\n\n    return editorState;\n  };\n\n  private handleKeyCommand = (\n    command: string,\n    editorState: EditorState,\n  ): DraftHandleValue => {\n    let block: ContentBlock;\n    let nextState: EditorState | null;\n\n    switch (command) {\n      case 'split-block':\n        block = getCurrentBlock(editorState);\n\n        if (block.getType().includes('header')) {\n          nextState = splitAndUnstyleBlock(editorState);\n          return this.completeKeyCommand(nextState);\n        }\n\n        if (isListItemBlockType(block.getType())) {\n          nextState = splitAndCopyInlineBlockType(editorState);\n          return this.completeKeyCommand(nextState);\n        }\n        break;\n      case 'delete':\n      case 'backspace':\n        block = getCurrentBlock(editorState);\n\n        if (!block.getText()) {\n          nextState = removeCurrentBlock(editorState, command);\n          return this.completeKeyCommand(nextState);\n        }\n        break;\n    }\n\n    nextState = RichUtils.handleKeyCommand(editorState, command);\n    return this.completeKeyCommand(nextState);\n  };\n\n  private completeKeyCommand = (editorState: EditorState | null) => {\n    if (editorState) {\n      this.onChange(editorState);\n      return 'handled';\n    }\n    return 'not-handled';\n  };\n\n  private onChangeAlign = (textAlign: string) => {\n    const { editorState } = this.props;\n    const data = Map({ style: { textAlign } });\n\n    const contentState = Modifier.mergeBlockData(\n      editorState.getCurrentContent(),\n      editorState.getSelection(),\n      data,\n    );\n    const nextState = EditorState.push(\n      editorState,\n      contentState,\n      'change-block-data',\n    );\n    this.onChange(nextState);\n  };\n\n  private getSelectedBlocks = (editorState: EditorState) => {\n    const selection = editorState.getSelection();\n    const contentState = editorState.getCurrentContent();\n    const selectedBlocks = [];\n\n    let blockKey = selection.getStartKey();\n    selectedBlocks.push(contentState.getBlockForKey(blockKey));\n\n    while (blockKey !== selection.getEndKey()) {\n      blockKey = contentState.getKeyAfter(blockKey);\n      selectedBlocks.push(contentState.getBlockForKey(blockKey));\n    }\n\n    return selectedBlocks;\n  };\n\n  private onChangeBlock = (value: string) => {\n    let { editorState } = this.props;\n    // Restore the last focused selection before computing selected blocks — the\n    // editor may have blurred (portal click) before onSelect fires, leaving the\n    // current selection stale or collapsed.\n    if (this.lastSelectionWithFocus) {\n      editorState = EditorState.acceptSelection(\n        editorState,\n        this.lastSelectionWithFocus,\n      );\n    }\n    let contentState = editorState.getCurrentContent();\n    const selectedBlocks = this.getSelectedBlocks(editorState);\n    if (selectedBlocks.length) {\n      // if every block have value style then remove it from all\n      // else set every block to value\n      // also remember case when we explicitly trying to unstyle blocks\n      const unstyleBlocks =\n        value === 'unstyled' ||\n        selectedBlocks.every(\n          (block) =>\n            block.getType() === value ||\n            block.getData().get('inlineBlockType', 'unstyled') === value,\n        );\n\n      const toggleListType = isListItemBlockType(value as DraftBlockType);\n\n      selectedBlocks.forEach((block) => {\n        let blockType = block.getType();\n        let inlineBlockType = block\n          .getData()\n          .get('inlineBlockType', 'unstyled') as DraftBlockType;\n\n        let [listType, otherType]: [DraftBlockType, DraftBlockType] =\n          isListItemBlockType(blockType)\n            ? [blockType, inlineBlockType]\n            : ['unstyled', blockType];\n\n        if (unstyleBlocks) {\n          listType = listType === value ? 'unstyled' : listType;\n          otherType = [otherType, 'unstyled'].includes(value)\n            ? 'unstyled'\n            : otherType;\n        } else {\n          if (toggleListType) {\n            listType = value as DraftBlockType;\n          } else {\n            otherType = value as DraftBlockType;\n          }\n        }\n\n        blockType = listType !== 'unstyled' ? listType : otherType;\n        inlineBlockType = listType !== 'unstyled' ? otherType : 'unstyled';\n\n        // create selection for whole block\n        const blockSelection = SelectionState.createEmpty(block.getKey()).set(\n          'focusOffset',\n          block.getLength(),\n        ) as SelectionState;\n\n        contentState = Modifier.setBlockType(\n          contentState,\n          blockSelection,\n          blockType,\n        );\n        contentState = Modifier.mergeBlockData(\n          contentState,\n          blockSelection,\n          Map({ inlineBlockType }),\n        );\n      });\n    }\n\n    editorState = EditorState.push(\n      editorState,\n      contentState,\n      'change-block-type',\n    );\n\n    if (this.lastSelectionWithFocus) {\n      if (containsActiveElement(this.root)) {\n        editorState = EditorState.acceptSelection(\n          editorState,\n          this.lastSelectionWithFocus,\n        );\n      } else {\n        editorState = EditorState.forceSelection(\n          editorState,\n          this.lastSelectionWithFocus,\n        );\n        this.focus();\n      }\n    }\n    this.onChange(editorState);\n  };\n\n  private onChangeStyle = (inlineStyle: string) => {\n    const editorState = RichUtils.toggleInlineStyle(\n      this.props.editorState,\n      inlineStyle,\n    );\n    this.onChange(editorState);\n  };\n\n  private onChangeLink = (link?: string) => {\n    let { editorState } = this.props;\n\n    if (this.lastSelectionWithFocus) {\n      editorState = EditorState.forceSelection(\n        editorState,\n        this.lastSelectionWithFocus,\n      );\n    }\n    let selection = editorState.getSelection();\n    let contentState = editorState.getCurrentContent();\n    let entityKey: string | null = null;\n    this.focus();\n\n    if (link) {\n      // we need to add text when no text is selected\n      if (selection.isCollapsed()) {\n        const anchorOffset = selection.getAnchorOffset();\n        const textEntityKey = contentState\n          .createEntity('PLACEHOLDER', 'IMMUTABLE')\n          .getLastCreatedEntityKey();\n\n        contentState = Modifier.insertText(\n          contentState,\n          selection,\n          link,\n          undefined,\n          textEntityKey,\n        );\n        editorState = EditorState.push(\n          editorState,\n          contentState,\n          'insert-characters',\n        );\n        selection = selection.merge({\n          focusOffset: anchorOffset + link.length,\n          hasFocus: true,\n        }) as SelectionState;\n        editorState = EditorState.forceSelection(editorState, selection);\n        contentState = editorState.getCurrentContent();\n      }\n      contentState = contentState.createEntity('LINK', 'MUTABLE', {\n        url: link,\n      });\n      entityKey = contentState.getLastCreatedEntityKey();\n    }\n    editorState = RichUtils.toggleLink(editorState, selection, entityKey);\n\n    if (!editorState.getCurrentInlineStyle().contains('UNDERLINE')) {\n      editorState = RichUtils.toggleInlineStyle(editorState, 'UNDERLINE');\n    }\n\n    this.onChange(editorState);\n  };\n\n  private onClear = () => {\n    const { editorState, customStyleMap } = this.props;\n    const selection = editorState.getSelection();\n    // clear inline styles\n    const styles = [\n      'BOLD',\n      'ITALIC',\n      'UNDERLINE',\n      'STRIKETHROUGH',\n      'CODE',\n    ].concat(Object.keys(customStyleMap));\n    let contentWithoutStyles = styles.reduce(\n      (contentState, style) =>\n        Modifier.removeInlineStyle(contentState, selection, style),\n      editorState.getCurrentContent(),\n    );\n\n    // clear inline styles applied to blocks (backward compatibility)\n    contentWithoutStyles = Modifier.setBlockData(\n      contentWithoutStyles,\n      selection,\n      Map(),\n    );\n\n    // remove all entities like links\n    contentWithoutStyles = Modifier.applyEntity(\n      contentWithoutStyles,\n      selection,\n      null,\n    );\n\n    // clear blocks\n    let nextState = EditorState.push(\n      editorState,\n      contentWithoutStyles,\n      'change-inline-style',\n    );\n    nextState = RichUtils.toggleBlockType(nextState, 'unstyled');\n    this.onChange(nextState);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css

@@ -6,6 +6,7 @@
 @property st-global(--wds-color-black-100);
 @property st-global(--wds-color-black-700);
 @property st-global(--wds-font-family-default);
+@property st-global(--wsr-font-family);
 @property st-global(--wds-font-weight-medium);
 @property st-global(--wds-font-weight-bold);
 @property st-global(--wds-font-size-500);
@@ -65,66 +66,69 @@
 @property st-global(--rt-p3-lineHeight);
 
 :vars {
+    /* Madefor fallback ensures the correct font renders even without a WDS theme. */
+    fontFamilyDefault: var(--wds-font-family-default, var(--wsr-font-family, Madefor));
+
     h1FontSize: var(--rt-h1-fontSize, 72px);
     h1FontStyle: var(--rt-h1-fontStyle, normal);
-    h1FontWeight: var(--rt-h1-fontWeight, var(--wds-font-weight-bold));
-    h1FontFamily: var(--rt-h1-fontFamily, var(--wds-font-family-default));
+    h1FontWeight: var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700));
+    h1FontFamily: var(--rt-h1-fontFamily, value(fontFamilyDefault));
     h1LineHeight: var(--rt-h1-lineHeight, 1.33);
     h1Font: value(h1FontStyle) value(h1FontWeight) value(h1FontSize)/value(h1LineHeight) value(h1FontFamily);
 
     h2FontSize: var(--rt-h2-fontSize, 42px);
     h2FontStyle: var(--rt-h2-fontStyle, normal);
-    h2FontWeight: var(--rt-h2-fontWeight, var(--wds-font-weight-bold));
-    h2FontFamily: var(--rt-h2-fontFamily, var(--wds-font-family-default));
+    h2FontWeight: var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700));
+    h2FontFamily: var(--rt-h2-fontFamily, value(fontFamilyDefault));
     h2LineHeight: var(--rt-h2-lineHeight, 1.2);
     h2Font: value(h2FontStyle) value(h2FontWeight) value(h2FontSize)/value(h2LineHeight) value(h2FontFamily);
 
     h3FontSize: var(--rt-h3-fontSize, 38px);
     h3FontStyle: var(--rt-h3-fontStyle, normal);
-    h3FontWeight: var(--rt-h3-fontWeight, var(--wds-font-weight-medium));
-    h3FontFamily: var(--rt-h3-fontFamily, var(--wds-font-family-default));
+    h3FontWeight: var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500));
+    h3FontFamily: var(--rt-h3-fontFamily, value(fontFamilyDefault));
     h3LineHeight: var(--rt-h3-lineHeight, 1.2);
     h3Font: value(h3FontStyle) value(h3FontWeight) value(h3FontSize)/value(h3LineHeight) value(h3FontFamily);
 
     h4FontSize: var(--rt-h4-fontSize, 34px);
     h4FontStyle: var(--rt-h4-fontStyle, normal);
-    h4FontWeight: var(--rt-h4-fontWeight, var(--wds-font-weight-bold));
-    h4FontFamily: var(--rt-h4-fontFamily, var(--wds-font-family-default));
+    h4FontWeight: var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700));
+    h4FontFamily: var(--rt-h4-fontFamily, value(fontFamilyDefault));
     h4LineHeight: var(--rt-h4-lineHeight, 1.2);
     h4Font: value(h4FontStyle) value(h4FontWeight) value(h4FontSize)/value(h4LineHeight) value(h4FontFamily);
 
     h5FontSize: var(--rt-h5-fontSize, 28px);
     h5FontStyle: var(--rt-h5-fontStyle, normal);
-    h5FontWeight: var(--rt-h5-fontWeight, var(--wds-font-weight-bold));
-    h5FontFamily: var(--rt-h5-fontFamily, var(--wds-font-family-default));
+    h5FontWeight: var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700));
+    h5FontFamily: var(--rt-h5-fontFamily, value(fontFamilyDefault));
     h5LineHeight: var(--rt-h5-lineHeight, 1.2);
     h5Font: value(h5FontStyle) value(h5FontWeight) value(h5FontSize)/value(h5LineHeight) value(h5FontFamily);
 
     h6FontSize: var(--rt-h6-fontSize, 22px);
     h6FontStyle: var(--rt-h6-fontStyle, normal);
-    h6FontWeight: var(--rt-h6-fontWeight, var(--wds-font-weight-medium));
-    h6FontFamily: var(--rt-h6-fontFamily, var(--wds-font-family-default));
+    h6FontWeight: var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500));
+    h6FontFamily: var(--rt-h6-fontFamily, value(fontFamilyDefault));
     h6LineHeight: var(--rt-h6-lineHeight, 1.2);
     h6Font: value(h6FontStyle) value(h6FontWeight) value(h6FontSize)/value(h6LineHeight) value(h6FontFamily);
 
     p1FontSize: var(--rt-p1-fontSize, 18px);
     p1FontStyle: var(--rt-p1-fontStyle, normal);
-    p1FontWeight: var(--rt-p1-fontWeight, var(--wds-font-weight-medium));
-    p1FontFamily: var(--rt-p1-fontFamily, var(--wds-font-family-default));
+    p1FontWeight: var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500));
+    p1FontFamily: var(--rt-p1-fontFamily, value(fontFamilyDefault));
     p1LineHeight: var(--rt-p1-lineHeight, 24px);
     p1Font: value(p1FontStyle) value(p1FontWeight) value(p1FontSize)/value(p1LineHeight) value(p1FontFamily);
 
     unstyledFontSize: var(--rt-unstyled-fontSize, 16px);
     unstyledFontStyle: var(--rt-unstyled-fontStyle, normal);
-    unstyledFontWeight: var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium));
-    unstyledFontFamily: var(--rt-unstyled-fontFamily, var(--wds-font-family-default));
+    unstyledFontWeight: var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500));
+    unstyledFontFamily: var(--rt-unstyled-fontFamily, value(fontFamilyDefault));
     unstyledLineHeight: var(--rt-unstyled-lineHeight, 24px);
     unstyledFont: value(unstyledFontStyle) value(unstyledFontWeight) value(unstyledFontSize)/value(unstyledLineHeight) value(unstyledFontFamily);
 
     p3FontSize: var(--rt-p3-fontSize, 14px);
     p3FontStyle: var(--rt-p3-fontStyle, normal);
-    p3FontWeight: var(--rt-p3-fontWeight, var(--wds-font-weight-medium));
-    p3FontFamily: var(--rt-p3-fontFamily, var(--wds-font-family-default));
+    p3FontWeight: var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500));
+    p3FontFamily: var(--rt-p3-fontFamily, value(fontFamilyDefault));
     p3LineHeight: var(--rt-p3-lineHeight, 18px);
     p3Font: value(p3FontStyle) value(p3FontWeight) value(p3FontSize)/value(p3LineHeight) value(p3FontFamily);
 }
@@ -132,10 +136,10 @@
 .root {
     display: flex;
     flex-direction: column;
-    font-weight: var(--wds-font-weight-medium);
+    font-weight: var(--wds-font-weight-medium, 500);
     font-size: var(--wds-font-size-500);
     line-height: var(--wds-font-line-height-300);
-    font-family: var(--wds-font-family-default);
+    font-family: value(fontFamilyDefault);
 }
 
 .editor {
@@ -145,8 +149,8 @@
     flex-direction: column;
     flex: 1;
     cursor: text;
-    color: var(--wds-color-black-100);
-    background: var(--wds-color-black-700);
+    color: var(--wds-color-black-100, var(--wsr-color-D10, #131720));
+    background: var(--wds-color-black-700, var(--wsr-color-D70, #edeef2));
 }
 
 .editor :global(.DraftEditor-root) {