@wix/auto-patterns 1.45.0 → 1.46.0

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

@@ -0,0 +1,404 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichEditor = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _draftJs = require("draft-js");
+var _draftjsConductor = require("draftjs-conductor");
+var _immutable = require("immutable");
+var _utils = require("../../../../utils");
+var _utils2 = require("./utils");
+var _toolbar = require("./toolbar");
+var _richEditorStCss = require("./rich-editor.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-editor.tsx";
+const MAX_DEPTH = 4;
+// "1." or "1 ."
+const STRING_TO_ORDERED_LIST_RE = /^1\s?\.$/;
+// "- "
+const STRING_TO_UNORDERED_LIST_RE = /^-\s$/;
+class RichEditor extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "editor", null);
+    (0, _defineProperty2.default)(this, "root", null);
+    (0, _defineProperty2.default)(this, "copySource", null);
+    (0, _defineProperty2.default)(this, "lastSelectionWithFocus", null);
+    (0, _defineProperty2.default)(this, "focus", () => {
+      if (this.root && !(0, _utils.containsActiveElement)(this.root)) {
+        var _this$editor;
+        (_this$editor = this.editor) == null || _this$editor.focus();
+      }
+    });
+    (0, _defineProperty2.default)(this, "onChange", baseEditorState => {
+      const editorState = this.applyAdvancedModifications(baseEditorState);
+      const selection = editorState.getSelection();
+      if (selection.getHasFocus()) {
+        this.lastSelectionWithFocus = selection;
+      }
+      this.props.onChange(editorState);
+    });
+    (0, _defineProperty2.default)(this, "onKeyDown", e => {
+      const {
+        editorState,
+        isFullScreen,
+        onToggleFullScreen
+      } = this.props;
+      /**
+       * TODO
+       * Ctrl+k - Link
+       * Ctrl+Shift+L - align:left
+       * Ctrl+Shift+E - align:center
+       * Ctrl+Shift+R - align:right
+       * Ctrl+Shift+J - align:justify
+       * Ctrl+Shift+7 - ordered-list
+       * Ctrl+Shift+8 - unordered-list
+       * Ctrl+Alt+0 - normal text
+       * Ctrl+Alt+1 - header-two
+       * Ctrl+Alt+2 - header-three
+       * Ctrl+\ - clear formatting
+       */
+      switch (e.key) {
+        case 'F11':
+          if (onToggleFullScreen) {
+            e.preventDefault();
+            onToggleFullScreen();
+          }
+          break;
+        case 'Escape':
+          if (isFullScreen && onToggleFullScreen) {
+            onToggleFullScreen();
+          }
+          break;
+        case 'Tab':
+          {
+            const currentBlock = (0, _utils2.getCurrentBlock)(editorState);
+            const isListType = (0, _utils2.isListItemBlockType)(currentBlock.getType());
+            if (isListType && e.shiftKey) {
+              this.handleRemoveListIndent(e, editorState);
+              break;
+            }
+            if (isListType) {
+              this.handleAddListIndent(e, editorState);
+              break;
+            }
+
+            // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch
+            const nextState = _draftJs.RichUtils.onTab(e, editorState, MAX_DEPTH);
+            this.onChange(nextState);
+            break;
+          }
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleAddListIndent", (event, editorState) => {
+      const currentBlock = (0, _utils2.getCurrentBlock)(editorState);
+      const currentBlockKey = currentBlock.getKey();
+      const previousListItem = (0, _utils2.getPreviousListItemBlock)(editorState, currentBlockKey);
+      if (!previousListItem) {
+        return;
+      }
+
+      // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch
+      const nextEditorState = _draftJs.RichUtils.onTab(event, editorState, MAX_DEPTH);
+      const previousListItemDepth = previousListItem.getDepth();
+      const nextDepth = (0, _utils2.getCurrentBlock)(nextEditorState).getDepth();
+
+      // Allow only one level of nesting related to the previous list item
+      if (nextDepth > previousListItemDepth + 1) {
+        return;
+      }
+      (0, _utils.preventAndStopEvent)(event);
+      this.onChange(nextEditorState);
+    });
+    (0, _defineProperty2.default)(this, "handleRemoveListIndent", (event, editorState) => {
+      const initialBlock = (0, _utils2.getCurrentBlock)(editorState);
+      const initialBlockDepth = initialBlock.getDepth();
+      const initialBlockType = initialBlock.getType();
+      if (initialBlockDepth === 0) {
+        return;
+      }
+
+      // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch
+      let nextEditorState = _draftJs.RichUtils.onTab(event, editorState, MAX_DEPTH);
+      let nextContentState = nextEditorState.getCurrentContent();
+      const currentBlock = (0, _utils2.getCurrentBlock)(nextEditorState);
+      let blockAfter = nextContentState.getBlockAfter(currentBlock.getKey());
+      while (blockAfter && initialBlockType === blockAfter.getType() && blockAfter.getDepth() >= initialBlockDepth + 1) {
+        nextContentState = nextContentState.merge({
+          blockMap: nextContentState.getBlockMap().set(blockAfter.getKey(), blockAfter.set('depth', blockAfter.getDepth() - 1))
+        });
+        blockAfter = nextContentState.getBlockAfter(blockAfter.getKey());
+      }
+      nextEditorState = _draftJs.EditorState.push(editorState, nextContentState, 'adjust-depth');
+      (0, _utils.preventAndStopEvent)(event);
+      this.onChange(nextEditorState);
+    });
+    (0, _defineProperty2.default)(this, "handlePastedText", (_, html, editorState) => {
+      const newState = (0, _draftjsConductor.handleDraftEditorPastedText)(_, html, editorState);
+      if (newState) {
+        this.onChange(newState);
+        return 'handled';
+      }
+      return 'not-handled';
+    });
+    (0, _defineProperty2.default)(this, "applyAdvancedModifications", editorState => {
+      const block = (0, _utils2.getCurrentBlock)(editorState);
+      const text = block.getText();
+      const type = block.getType();
+      if (STRING_TO_ORDERED_LIST_RE.test(text) && type === 'unstyled') {
+        return (0, _utils2.convertBlockToListItem)(editorState, true);
+      }
+      if (STRING_TO_UNORDERED_LIST_RE.test(text) && type === 'unstyled') {
+        return (0, _utils2.convertBlockToListItem)(editorState, false);
+      }
+      return editorState;
+    });
+    (0, _defineProperty2.default)(this, "handleKeyCommand", (command, editorState) => {
+      let block;
+      let nextState;
+      switch (command) {
+        case 'split-block':
+          block = (0, _utils2.getCurrentBlock)(editorState);
+          if (block.getType().includes('header')) {
+            nextState = (0, _utils2.splitAndUnstyleBlock)(editorState);
+            return this.completeKeyCommand(nextState);
+          }
+          if ((0, _utils2.isListItemBlockType)(block.getType())) {
+            nextState = (0, _utils2.splitAndCopyInlineBlockType)(editorState);
+            return this.completeKeyCommand(nextState);
+          }
+          break;
+        case 'delete':
+        case 'backspace':
+          block = (0, _utils2.getCurrentBlock)(editorState);
+          if (!block.getText()) {
+            nextState = (0, _utils2.removeCurrentBlock)(editorState, command);
+            return this.completeKeyCommand(nextState);
+          }
+          break;
+      }
+      nextState = _draftJs.RichUtils.handleKeyCommand(editorState, command);
+      return this.completeKeyCommand(nextState);
+    });
+    (0, _defineProperty2.default)(this, "completeKeyCommand", editorState => {
+      if (editorState) {
+        this.onChange(editorState);
+        return 'handled';
+      }
+      return 'not-handled';
+    });
+    (0, _defineProperty2.default)(this, "onChangeAlign", textAlign => {
+      const {
+        editorState
+      } = this.props;
+      const data = (0, _immutable.Map)({
+        style: {
+          textAlign
+        }
+      });
+      const contentState = _draftJs.Modifier.mergeBlockData(editorState.getCurrentContent(), editorState.getSelection(), data);
+      const nextState = _draftJs.EditorState.push(editorState, contentState, 'change-block-data');
+      this.onChange(nextState);
+    });
+    (0, _defineProperty2.default)(this, "getSelectedBlocks", editorState => {
+      const selection = editorState.getSelection();
+      const contentState = editorState.getCurrentContent();
+      const selectedBlocks = [];
+      let blockKey = selection.getStartKey();
+      selectedBlocks.push(contentState.getBlockForKey(blockKey));
+      while (blockKey !== selection.getEndKey()) {
+        blockKey = contentState.getKeyAfter(blockKey);
+        selectedBlocks.push(contentState.getBlockForKey(blockKey));
+      }
+      return selectedBlocks;
+    });
+    (0, _defineProperty2.default)(this, "onChangeBlock", value => {
+      let {
+        editorState
+      } = this.props;
+      let contentState = editorState.getCurrentContent();
+      const selectedBlocks = this.getSelectedBlocks(editorState);
+      if (selectedBlocks.length) {
+        // if every block have value style then remove it from all
+        // else set every block to value
+        // also remember case when we explicitly trying to unstyle blocks
+        const unstyleBlocks = value === 'unstyled' || selectedBlocks.every(block => block.getType() === value || block.getData().get('inlineBlockType', 'unstyled') === value);
+        const toggleListType = (0, _utils2.isListItemBlockType)(value);
+        selectedBlocks.forEach(block => {
+          let blockType = block.getType();
+          let inlineBlockType = block.getData().get('inlineBlockType', 'unstyled');
+          let [listType, otherType] = (0, _utils2.isListItemBlockType)(blockType) ? [blockType, inlineBlockType] : ['unstyled', blockType];
+          if (unstyleBlocks) {
+            listType = listType === value ? 'unstyled' : listType;
+            otherType = [otherType, 'unstyled'].includes(value) ? 'unstyled' : otherType;
+          } else {
+            if (toggleListType) {
+              listType = value;
+            } else {
+              otherType = value;
+            }
+          }
+          blockType = listType !== 'unstyled' ? listType : otherType;
+          inlineBlockType = listType !== 'unstyled' ? otherType : 'unstyled';
+
+          // create selection for whole block
+          const blockSelection = _draftJs.SelectionState.createEmpty(block.getKey()).set('focusOffset', block.getLength());
+          contentState = _draftJs.Modifier.setBlockType(contentState, blockSelection, blockType);
+          contentState = _draftJs.Modifier.mergeBlockData(contentState, blockSelection, (0, _immutable.Map)({
+            inlineBlockType
+          }));
+        });
+      }
+      editorState = _draftJs.EditorState.push(editorState, contentState, 'change-block-type');
+      if (this.lastSelectionWithFocus) {
+        editorState = _draftJs.EditorState.forceSelection(editorState, this.lastSelectionWithFocus);
+      }
+      this.onChange(editorState);
+    });
+    (0, _defineProperty2.default)(this, "onChangeStyle", inlineStyle => {
+      const editorState = _draftJs.RichUtils.toggleInlineStyle(this.props.editorState, inlineStyle);
+      this.onChange(editorState);
+    });
+    (0, _defineProperty2.default)(this, "onChangeLink", link => {
+      let {
+        editorState
+      } = this.props;
+      if (this.lastSelectionWithFocus) {
+        editorState = _draftJs.EditorState.forceSelection(editorState, this.lastSelectionWithFocus);
+      }
+      let selection = editorState.getSelection();
+      let contentState = editorState.getCurrentContent();
+      let entityKey = null;
+      this.focus();
+      if (link) {
+        // we need to add text when no text is selected
+        if (selection.isCollapsed()) {
+          const anchorOffset = selection.getAnchorOffset();
+          const textEntityKey = contentState.createEntity('PLACEHOLDER', 'IMMUTABLE').getLastCreatedEntityKey();
+          contentState = _draftJs.Modifier.insertText(contentState, selection, link, undefined, textEntityKey);
+          editorState = _draftJs.EditorState.push(editorState, contentState, 'insert-characters');
+          selection = selection.merge({
+            focusOffset: anchorOffset + link.length,
+            hasFocus: true
+          });
+          editorState = _draftJs.EditorState.forceSelection(editorState, selection);
+          contentState = editorState.getCurrentContent();
+        }
+        contentState = contentState.createEntity('LINK', 'MUTABLE', {
+          url: link
+        });
+        entityKey = contentState.getLastCreatedEntityKey();
+      }
+      editorState = _draftJs.RichUtils.toggleLink(editorState, selection, entityKey);
+      if (!editorState.getCurrentInlineStyle().contains('UNDERLINE')) {
+        editorState = _draftJs.RichUtils.toggleInlineStyle(editorState, 'UNDERLINE');
+      }
+      this.onChange(editorState);
+    });
+    (0, _defineProperty2.default)(this, "onClear", () => {
+      const {
+        editorState,
+        customStyleMap
+      } = this.props;
+      const selection = editorState.getSelection();
+      // clear inline styles
+      const styles = ['BOLD', 'ITALIC', 'UNDERLINE', 'STRIKETHROUGH', 'CODE'].concat(Object.keys(customStyleMap));
+      let contentWithoutStyles = styles.reduce((contentState, style) => _draftJs.Modifier.removeInlineStyle(contentState, selection, style), editorState.getCurrentContent());
+
+      // clear inline styles applied to blocks (backward compatibility)
+      contentWithoutStyles = _draftJs.Modifier.setBlockData(contentWithoutStyles, selection, (0, _immutable.Map)());
+
+      // remove all entities like links
+      contentWithoutStyles = _draftJs.Modifier.applyEntity(contentWithoutStyles, selection, null);
+
+      // clear blocks
+      let nextState = _draftJs.EditorState.push(editorState, contentWithoutStyles, 'change-inline-style');
+      nextState = _draftJs.RichUtils.toggleBlockType(nextState, 'unstyled');
+      this.onChange(nextState);
+    });
+  }
+  componentDidMount() {
+    if (this.props.autoFocus) {
+      this.focus();
+    }
+    if (this.editor) {
+      this.copySource = (0, _draftjsConductor.registerCopySource)(this.editor);
+    }
+  }
+  componentWillUnmount() {
+    if (this.copySource) {
+      this.copySource.unregister();
+    }
+  }
+  componentDidUpdate() {
+    if (!this.copySource && this.editor) {
+      this.copySource = (0, _draftjsConductor.registerCopySource)(this.editor);
+    }
+  }
+  render() {
+    const {
+      onToggleFullScreen,
+      isFullScreen,
+      headingsEnabled,
+      editorState,
+      customStyleMap,
+      readOnly
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: root => this.root = root,
+      className: _richEditorStCss.classes.root,
+      onKeyDown: this.onKeyDown,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 99,
+        columnNumber: 7
+      }
+    }, !readOnly && /*#__PURE__*/_react.default.createElement(_toolbar.Toolbar, {
+      isFullScreen: isFullScreen,
+      editorState: editorState,
+      onChangeBlock: this.onChangeBlock,
+      onChangeStyle: this.onChangeStyle,
+      onChangeLink: this.onChangeLink,
+      onChangeAlign: this.onChangeAlign,
+      onClear: this.onClear,
+      onToggleFullScreen: onToggleFullScreen,
+      headingsEnabled: headingsEnabled,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 105,
+        columnNumber: 11
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: _richEditorStCss.classes.editor,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 117,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
+      ref: editor => this.editor = editor,
+      readOnly: readOnly,
+      tabIndex: -1,
+      editorState: editorState,
+      stripPastedStyles: false,
+      onChange: this.onChange,
+      customStyleMap: customStyleMap,
+      keyBindingFn: _draftJs.getDefaultKeyBinding,
+      handleKeyCommand: this.handleKeyCommand,
+      blockStyleFn: _utils2.blockStyleFn,
+      handlePastedText: this.handlePastedText,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 119,
+        columnNumber: 11
+      }
+    })));
+  }
+}
+exports.RichEditor = RichEditor;
+//# sourceMappingURL=rich-editor.js.map

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

@@ -0,0 +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/cms-fields/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          {/* @ts-expect-error - draft-js Editor component has React 18 compatibility issues */}\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        // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch\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    // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch\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    // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch\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":[]}