@seafile/sdoc-editor 2.0.81 → 2.0.83

package/dist/extension/plugins/header/helpers.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setHeaderType = exports.isSelectionInHeader = exports.isMenuDisabled = exports.getHeaderType = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _constants = require("../../constants");
+var _core = require("../../core");
+var isMenuDisabled = exports.isMenuDisabled = function isMenuDisabled(editor) {
+  var readonly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (readonly) return true;
+  if (!editor.selection) return true;
+  var _Editor$nodes = _slate.Editor.nodes(editor, {
+      match: function match(n) {
+        var type = (0, _core.getNodeType)(n);
+        if (!type) return false;
+        if (type === _constants.ELEMENT_TYPE.PARAGRAPH) return true;
+        if (type.startsWith(_constants.HEADER)) return true;
+        if (type === _constants.TITLE) return true;
+        if (type === _constants.SUBTITLE) return true;
+        return false;
+      },
+      universal: true,
+      mode: 'highest'
+    }),
+    _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
+    match = _Editor$nodes2[0];
+  return !match;
+};
+var getHeaderType = exports.getHeaderType = function getHeaderType(editor) {
+  var _Editor$nodes3 = _slate.Editor.nodes(editor, {
+      match: function match(n) {
+        var nodeType = (0, _core.getNodeType)(n);
+        if (!nodeType) return false;
+        if (nodeType.includes(_constants.HEADER)) return true;
+        if (nodeType === _constants.TITLE) return true;
+        if (nodeType === _constants.SUBTITLE) return true;
+        return false;
+      },
+      universal: true
+    }),
+    _Editor$nodes4 = (0, _slicedToArray2["default"])(_Editor$nodes3, 1),
+    match = _Editor$nodes4[0];
+  if (!match) return _constants.PARAGRAPH;
+  var _match = (0, _slicedToArray2["default"])(match, 1),
+    n = _match[0];
+  return (0, _core.getNodeType)(n);
+};
+var isSelectionInHeader = exports.isSelectionInHeader = function isSelectionInHeader(editor) {
+  var _Editor$nodes5 = _slate.Editor.nodes(editor, {
+      match: function match(n) {
+        if (!_slate.Element.isElement(n)) return false;
+        if (!n.type) return false;
+        if (n.type.startsWith(_constants.HEADER)) return true;
+        if (n.type === _constants.TITLE) return true;
+        if (n.type === _constants.SUBTITLE) return true;
+        return false;
+      },
+      // Matches nodes whose node.type starts with header
+      universal: true
+    }),
+    _Editor$nodes6 = (0, _slicedToArray2["default"])(_Editor$nodes5, 1),
+    match = _Editor$nodes6[0];
+  return match;
+};
+var setHeaderType = exports.setHeaderType = function setHeaderType(editor, type) {
+  if (!type) return;
+  _slate.Transforms.setNodes(editor, {
+    type: type
+  });
+};

package/dist/extension/plugins/header/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _constants = require("../../constants");
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = require("./render-elem");
+var HeaderPlugin = {
+  type: _constants.HEADER,
+  nodeType: 'element',
+  editorPlugin: _plugin["default"],
+  renderElements: [_renderElem.renderTitle, _renderElem.renderSubtitle, _renderElem.renderHeader]
+};
+var _default = exports["default"] = HeaderPlugin;

package/dist/extension/plugins/header/menu/index.js

@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _commonUtils = require("../../../../utils/common-utils");
+var _constants = require("../../../constants");
+var _core = require("../../../core");
+var _helpers = require("../helpers");
+require("./style.css");
+var HeaderMenu = /*#__PURE__*/function (_React$Component) {
+  function HeaderMenu(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, HeaderMenu);
+    _this = (0, _callSuper2["default"])(this, HeaderMenu, [props]);
+    (0, _defineProperty2["default"])(_this, "registerEventHandler", function () {
+      document.addEventListener('click', _this.onHideHeaderMenu, true);
+    });
+    (0, _defineProperty2["default"])(_this, "unregisterEventHandler", function () {
+      document.removeEventListener('click', _this.onHideHeaderMenu, true);
+    });
+    (0, _defineProperty2["default"])(_this, "onHideHeaderMenu", function (e) {
+      var menu = _this.menu;
+      var clickIsInMenu = menu && menu.contains(e.target) && menu !== e.target;
+      if (clickIsInMenu) return;
+      _this.setState({
+        isShowHeaderPopover: false
+      }, function () {
+        _this.unregisterEventHandler();
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "getValue", function () {
+      var editor = _this.props.editor;
+      return (0, _helpers.getHeaderType)(editor);
+    });
+    (0, _defineProperty2["default"])(_this, "isActive", function (type) {
+      return _this.getValue() === type;
+    });
+    (0, _defineProperty2["default"])(_this, "isDisabled", function () {
+      var _this$props = _this.props,
+        editor = _this$props.editor,
+        readonly = _this$props.readonly;
+      return (0, _helpers.isMenuDisabled)(editor, readonly);
+    });
+    (0, _defineProperty2["default"])(_this, "onToggleClick", function (event) {
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+      var isShowHeaderPopover = !_this.state.isShowHeaderPopover;
+      if (isShowHeaderPopover) {
+        _this.setState({
+          isShowHeaderPopover: isShowHeaderPopover
+        }, function () {
+          _this.registerEventHandler();
+        });
+      } else {
+        _this.setState({
+          isShowHeaderPopover: isShowHeaderPopover
+        }, function () {
+          _this.unregisterEventHandler();
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "onMouseDown", function (type) {
+      return function () {
+        var editor = _this.props.editor;
+        var active = _this.isActive(type);
+        var newType = active ? _constants.PARAGRAPH : type;
+        (0, _helpers.setHeaderType)(editor, newType);
+        (0, _core.focusEditor)(editor, editor.selection);
+        _this.setState({
+          isShowHeaderPopover: false
+        }, function () {
+          _this.unregisterEventHandler();
+        });
+      };
+    });
+    (0, _defineProperty2["default"])(_this, "setMenuRef", function (ref) {
+      _this.menu = ref;
+    });
+    (0, _defineProperty2["default"])(_this, "getToolTip", function (type) {
+      return (0, _commonUtils.isMac)() ? _constants.MAC_HOTKEYS[type] : _constants.WIN_HOTKEYS[type];
+    });
+    _this.state = {
+      isShowHeaderPopover: false
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(HeaderMenu, _React$Component);
+  return (0, _createClass2["default"])(HeaderMenu, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var t = this.props.t;
+      var isShowHeaderPopover = this.state.isShowHeaderPopover;
+      var headerIconClass = "sdocfont sdoc-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down');
+      var currentType = this.getValue();
+      var disabled = this.isDisabled();
+      var itemList = [_constants.PARAGRAPH, 'divider', _constants.TITLE, _constants.SUBTITLE, 'divider'].concat((0, _toConsumableArray2["default"])(_constants.HEADERS));
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "header-menu"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])('header-toggle', {
+          'header-toggle-disabled': disabled
+        }),
+        onClick: disabled ? function () {} : this.onToggleClick
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "active"
+      }, t(_constants.HEADER_TITLE_MAP[currentType])), /*#__PURE__*/_react["default"].createElement("span", {
+        className: headerIconClass
+      })), isShowHeaderPopover && /*#__PURE__*/_react["default"].createElement("div", {
+        ref: this.setMenuRef,
+        className: "header-popover sdoc-dropdown-menu"
+      }, itemList.map(function (item, index) {
+        if (item === 'divider') {
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            key: index,
+            className: "sdoc-dropdown-menu-divider"
+          });
+        }
+        var id = "".concat(item, "-").concat(index);
+        var isSelected = currentType === item;
+        return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+          key: index
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          id: id,
+          className: (0, _classnames["default"])('sdoc-dropdown-menu-item', {
+            'position-relative': isSelected
+          }),
+          onClick: _this2.onMouseDown(item)
+        }, isSelected && /*#__PURE__*/_react["default"].createElement("i", {
+          className: "sdocfont sdoc-check-mark"
+        }), /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            fontSize: "".concat(_constants.SDOC_FONT_SIZE[item], "pt")
+          }
+        }, t(_constants.HEADER_TITLE_MAP[item]))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+          target: id,
+          placement: "right"
+        }, _this2.getToolTip(item)));
+      })));
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(HeaderMenu);

package/dist/extension/plugins/header/placeholder.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var Placeholder = function Placeholder(props) {
+  var title = props.title,
+    _props$top = props.top,
+    top = _props$top === void 0 ? 5 : _props$top;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    contentEditable: "false",
+    suppressContentEditableWarning: true,
+    style: {
+      position: 'absolute',
+      top: "".concat(top, "px"),
+      color: 'rgba(191,191,191,1)',
+      pointerEvents: 'none',
+      width: '100%',
+      maxWidth: '100%',
+      display: 'block',
+      userSelect: 'none',
+      textDecoration: 'none',
+      left: '1px'
+    }
+  }, t(title));
+};
+var _default = exports["default"] = Placeholder;

package/dist/extension/plugins/header/plugin.js

@@ -0,0 +1,143 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _commonUtils = require("../../../utils/common-utils");
+var _constants = require("../../constants");
+var _keyboard = require("../../constants/keyboard");
+var _core = require("../../core");
+var _helpers = require("../list/helpers");
+var _helpers2 = require("./helpers");
+var isSelectionAtLineEnd = function isSelectionAtLineEnd(editor, path) {
+  var selection = editor.selection;
+  if (!selection) return false;
+  var isAtLineEnd = _slate.Editor.isEnd(editor, selection.anchor, path) || _slate.Editor.isEnd(editor, selection.focus, path);
+  return isAtLineEnd;
+};
+var withHeader = function withHeader(editor) {
+  var insertBreak = editor.insertBreak,
+    insertFragment = editor.insertFragment,
+    insertText = editor.insertText,
+    deleteBackward = editor.deleteBackward;
+  var newEditor = editor;
+
+  // Utility function to check if selection is inside multi-column node
+  var isSelectionInMultiColumn = function isSelectionInMultiColumn(editor) {
+    if (!editor.selection) return false;
+    var topParentNode = _slate.Node.get(editor, [editor.selection.anchor.path[0]]);
+    return topParentNode.type === _constants.MULTI_COLUMN;
+  };
+
+  // Rewrite insertBreak - insert paragraph when carriage return at the end of header
+  newEditor.insertBreak = function () {
+    var _Editor$nodes = _slate.Editor.nodes(newEditor, {
+        match: function match(n) {
+          if (!_slate.Element.isElement(n)) return false;
+          if (!n.type) return false;
+          if (n.type.startsWith(_constants.HEADER)) return true;
+          if (n.type === _constants.TITLE) return true;
+          if (n.type === _constants.SUBTITLE) return true;
+          return false;
+        },
+        // Matches nodes whose node.type starts with header
+        universal: true
+      }),
+      _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
+      match = _Editor$nodes2[0];
+    if (!match) {
+      insertBreak();
+      return;
+    }
+    if ((0, _core.isCursorAtBlockStart)(newEditor)) {
+      var _match = (0, _slicedToArray2["default"])(match, 2),
+        currentNode = _match[0],
+        path = _match[1];
+      var newNode = (0, _core.generateEmptyElement)(currentNode.type);
+      _slate.Transforms.insertNodes(editor, newNode, {
+        at: path
+      });
+      return;
+    }
+    var isAtLineEnd = isSelectionAtLineEnd(editor, match[1]);
+    var nextNode = _slate.Editor.next(editor, {
+      at: match[1]
+    });
+    if (isAtLineEnd && nextNode && editor.children.length === 2) {
+      var _nextNode = (0, _slicedToArray2["default"])(nextNode, 2),
+        node = _nextNode[0],
+        _path = _nextNode[1];
+      if (node && node.children[0].text === '') {
+        _slate.Transforms.select(editor, _path);
+        return;
+      }
+    }
+
+    // If an empty p is inserted at the end of the line and not in the multi_column node, otherwise wrap normally
+    if (isAtLineEnd && !isSelectionInMultiColumn(newEditor)) {
+      var p = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
+      _slate.Transforms.insertNodes(newEditor, p, {
+        mode: 'highest'
+      });
+    } else {
+      insertBreak();
+    }
+  };
+  newEditor.insertFragment = function (data) {
+    var headerNode = (0, _core.getSelectedNodeByTypes)(editor, _constants.HEADERS);
+    var headerText = _slate.Node.string(headerNode || {
+      children: []
+    });
+    var onlyOneListItem = data.length === 1 && (0, _helpers.isSingleListItem)(data[0]);
+    // Insert a list item when the header is empty, insert only the text
+    if (headerNode && headerText.length === 0 && onlyOneListItem) {
+      var text = _slate.Node.string(data[0]);
+      insertText(text);
+      return;
+    }
+    return insertFragment(data);
+  };
+  newEditor.deleteBackward = function (unit) {
+    var selection = newEditor.selection;
+    if (selection === null) {
+      deleteBackward(unit);
+      return;
+    }
+    var headerNode = (0, _core.getSelectedNodeByTypes)(editor, _constants.HEADERS);
+    if (headerNode && (0, _core.isSelectionAtBlockStart)(editor) && _slate.Node.string(headerNode).length > 0) {
+      _slate.Transforms.setNodes(editor, {
+        type: _constants.PARAGRAPH
+      });
+      return;
+    }
+    deleteBackward(unit);
+  };
+  newEditor.onHotKeyDown = function (event) {
+    var HOT_KEYS = (0, _commonUtils.isMac)() ? _keyboard.MAC_HOTKEYS_EVENT : _keyboard.WIN_HOTKEYS;
+    var hotEntries = Object.entries(HOT_KEYS);
+    var isHeaderEvent = false;
+    var headerType = '';
+    for (var index = 0; index < hotEntries.length; index++) {
+      var _hotEntries$index = (0, _slicedToArray2["default"])(hotEntries[index], 2),
+        key = _hotEntries$index[0],
+        value = _hotEntries$index[1];
+      isHeaderEvent = (0, _isHotkey["default"])(value, event);
+      if (isHeaderEvent) {
+        headerType = key;
+        break;
+      }
+    }
+    if (!isHeaderEvent) return false;
+    event.preventDefault();
+    if ((0, _helpers2.isMenuDisabled)(newEditor)) return true;
+    (0, _helpers2.setHeaderType)(newEditor, headerType);
+    return true;
+  };
+  return newEditor;
+};
+var _default = exports["default"] = withHeader;

package/dist/extension/plugins/header/render-elem.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderTitle = exports.renderSubtitle = exports.renderHeader = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _slate = require("@seafile/slate");
+var _constants = require("../../constants");
+var _helper = require("../paragraph/helper");
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+var renderTitle = exports.renderTitle = function renderTitle(props, editor) {
+  var element = props.element,
+    attributes = props.attributes,
+    children = props.children;
+  var style = {
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt"),
+    textAlign: element.align
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+    "data-id": element.id
+  }, attributes, {
+    className: "sdoc-header-title ".concat(attributes.className),
+    style: (0, _objectSpread2["default"])({}, style)
+  }), children);
+};
+var renderSubtitle = exports.renderSubtitle = function renderSubtitle(props, editor) {
+  var element = props.element,
+    attributes = props.attributes,
+    children = props.children;
+  var style = {
+    color: '#888',
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt"),
+    textAlign: element.align
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+    "data-id": element.id
+  }, attributes, {
+    className: "sdoc-header-subtitle ".concat(attributes.className),
+    style: (0, _objectSpread2["default"])({}, style)
+  }), children);
+};
+var renderHeader = exports.renderHeader = function renderHeader(props, editor) {
+  var element = props.element,
+    attributes = props.attributes,
+    children = props.children,
+    isComposing = props.isComposing;
+  var type = element.type;
+  var level = type.split('header')[1];
+  var style = (0, _objectSpread2["default"])({
+    textAlign: element.align,
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt")
+  }, level === '6' && {
+    fontStyle: 'italic'
+  });
+  var isShowPlaceHolder = false;
+  if ((0, _helper.isEmptyNode)(element) && _slate.Node.string(element) === '' && !isComposing) {
+    isShowPlaceHolder = true;
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+    "data-id": element.id,
+    id: element.id // used for click left outline item, page scroll this element
+  }, attributes, {
+    className: "sdoc-header-".concat(level, " ").concat(attributes.className),
+    style: (0, _objectSpread2["default"])({
+      position: isShowPlaceHolder ? 'relative' : ''
+    }, style)
+  }), isShowPlaceHolder && /*#__PURE__*/_react["default"].createElement(_placeholder["default"], {
+    title: 'Header',
+    top: 0
+  }), children);
+};

package/dist/extension/plugins/history/history-menu.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../commons");
+var _constants = require("../../constants");
+var HistoryMenu = /*#__PURE__*/function (_React$Component) {
+  function HistoryMenu() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, HistoryMenu);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, HistoryMenu, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "isDisabled", function (type) {
+      var _this$props = _this.props,
+        editor = _this$props.editor,
+        readonly = _this$props.readonly;
+      if (readonly) return true;
+      var history = editor.history;
+      if (type === _constants.UNDO) {
+        return history.undos.length === 0;
+      }
+      return history.redos.length === 0;
+    });
+    (0, _defineProperty2["default"])(_this, "onUndoMouseDown", function () {
+      var editor = _this.props.editor;
+      editor.undo();
+    });
+    (0, _defineProperty2["default"])(_this, "onRedoMouseDown", function () {
+      var editor = _this.props.editor;
+      editor.redo();
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(HistoryMenu, _React$Component);
+  return (0, _createClass2["default"])(HistoryMenu, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        isRichEditor = _this$props2.isRichEditor,
+        className = _this$props2.className;
+      var undoConfig = _constants.MENUS_CONFIG_MAP[_constants.UNDO];
+      var redoConfig = _constants.MENUS_CONFIG_MAP[_constants.REDO];
+      var undoProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+        isRichEditor: isRichEditor,
+        className: className,
+        ariaLabel: 'undo'
+      }, undoConfig), {}, {
+        disabled: this.isDisabled(_constants.UNDO),
+        isActive: false,
+        onMouseDown: this.onUndoMouseDown
+      });
+      var redoProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+        isRichEditor: isRichEditor,
+        className: className,
+        ariaLabel: 'redo'
+      }, redoConfig), {}, {
+        disabled: this.isDisabled(_constants.REDO),
+        isActive: false,
+        onMouseDown: this.onRedoMouseDown
+      });
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_commons.MenuItem, undoProps), /*#__PURE__*/_react["default"].createElement(_commons.MenuItem, redoProps));
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = HistoryMenu;