@seafile/sdoc-editor 0.1.0 → 0.1.2

package/dist/components/context-menu.js

@@ -1,97 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { withTranslation } from 'react-i18next';
-var ContextMenu = /*#__PURE__*/function (_React$Component) {
-  _inherits(ContextMenu, _React$Component);
-  var _super = _createSuper(ContextMenu);
-  function ContextMenu(props) {
-    var _this;
-    _classCallCheck(this, ContextMenu);
-    _this = _super.call(this, props);
-    _this.setMenuPosition = function () {
-      var menuHeight = _this.menu.offsetHeight;
-      // get height of context menu when the menu is drawing completed in this page
-      if (menuHeight === 0) {
-        requestAnimationFrame(_this.setMenuPosition);
-      }
-      var top = 0;
-      if (_this.position.top + menuHeight > document.body.clientHeight) {
-        top = document.body.clientHeight - menuHeight - 5;
-      } else {
-        top = _this.position.top;
-      }
-      var left = _this.position.left + 3;
-      _this.setState({
-        contextStyle: {
-          top: top,
-          left: left,
-          zIndex: '1071',
-          display: 'block'
-        }
-      });
-    };
-    _this.state = {
-      contextStyle: {}
-    };
-    _this.tableUtils = props.tableUtils;
-    return _this;
-  }
-  _createClass(ContextMenu, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.position = this.props.contextMenuPosition;
-      this.setMenuPosition();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.menu = null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement("div", {
-        role: 'menu',
-        style: this.state.contextStyle,
-        ref: function ref(_ref) {
-          return _this2.menu = _ref;
-        },
-        className: 'seafile-contextmenu dropdown-menu'
-      }, /*#__PURE__*/React.createElement("button", {
-        onMouseDown: function onMouseDown(event) {
-          return _this2.tableUtils.insertRow('before');
-        },
-        className: 'seafile-contextmenu-item dropdown-item'
-      }, this.props.t('Insert_Row_Before')), /*#__PURE__*/React.createElement("button", {
-        onMouseDown: function onMouseDown(event) {
-          return _this2.tableUtils.insertRow('after');
-        },
-        className: 'seafile-contextmenu-item dropdown-item'
-      }, this.props.t('Insert_Row_After')), /*#__PURE__*/React.createElement("button", {
-        onMouseDown: function onMouseDown(event) {
-          return _this2.tableUtils.insertColumn('before');
-        },
-        className: 'seafile-contextmenu-item dropdown-item'
-      }, this.props.t('Insert_Column_Before')), /*#__PURE__*/React.createElement("button", {
-        onMouseDown: function onMouseDown(event) {
-          return _this2.tableUtils.insertColumn('after');
-        },
-        className: 'seafile-contextmenu-item dropdown-item'
-      }, this.props.t('Insert_Column_After')), /*#__PURE__*/React.createElement("div", {
-        className: 'seafile-divider dropdown-divider'
-      }), /*#__PURE__*/React.createElement("button", {
-        onMouseDown: this.tableUtils.removeRow,
-        className: 'seafile-contextmenu-item dropdown-item'
-      }, this.props.t('Remove_Row')), /*#__PURE__*/React.createElement("button", {
-        onMouseDown: this.tableUtils.removeColumn,
-        className: 'seafile-contextmenu-item dropdown-item'
-      }, this.props.t('Remove_Column')));
-    }
-  }]);
-  return ContextMenu;
-}(React.Component);
-export default withTranslation('seafile-editor')(ContextMenu);

package/dist/components/dialogs/add-formula-dialog.js

@@ -1,116 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Fragment } from 'react';
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Input } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import { Editor } from 'slate';
-import EditorContext from '../../containers/editor-context';
-var AddFormulaDialog = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(AddFormulaDialog, _React$PureComponent);
-  var _super = _createSuper(AddFormulaDialog);
-  function AddFormulaDialog(props) {
-    var _this;
-    _classCallCheck(this, AddFormulaDialog);
-    _this = _super.call(this, props);
-    _this.setInitialValue = function () {
-      var editor = EditorContext.getEditor();
-      var nodes = Editor.match(editor, editor.selection, {
-        type: 'formula'
-      });
-      if (nodes) {
-        var data = nodes[0].data;
-        _this.setState({
-          formula: data.formula
-        });
-        _this.formulaNode = nodes;
-      }
-    };
-    _this.handleFormulaChange = function (event) {
-      _this.renderFormula(event.target.value);
-      _this.setState({
-        formula: event.target.value
-      });
-    };
-    _this.renderFormula = function (formula) {
-      _this.formulaPreviewer.innerHTML = '';
-      var dom = window.MathJax.tex2svg(formula);
-      _this.formulaPreviewer.appendChild(dom);
-    };
-    _this.handleSubmit = function (event) {
-      event.preventDefault();
-      var formula = _this.state.formula;
-      if (_this.formulaNode) {
-        _this.editorUtils.setFormula({
-          formula: formula,
-          at: _this.formulaNode[1]
-        });
-      } else {
-        _this.editorUtils.addFormula({
-          formula: formula,
-          at: _this.editorSelection
-        });
-      }
-      _this.props.toggleFormulaDialog();
-    };
-    _this.state = {
-      formula: ''
-    };
-    _this.formulaNode = null;
-    _this.editorSelection = null;
-    _this.editorUtils = EditorContext.getEditorUtils();
-    return _this;
-  }
-  _createClass(AddFormulaDialog, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      this.setInitialValue();
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var editor = EditorContext.getEditor();
-      this.editorSelection = editor.selection;
-      if (this.formulaNode) {
-        this.renderFormula(this.state.formula);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: this.props.toggleFormulaDialog,
-        className: this.props.className,
-        returnFocusAfterClose: false
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.props.toggleFormulaDialog
-      }, this.props.t('insert_formula')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "form-group"
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "form-check-label"
-      }, this.props.t('formula')), /*#__PURE__*/React.createElement(Input, {
-        type: "textarea",
-        className: "form-control",
-        value: this.state.formula,
-        onChange: this.handleFormulaChange
-      })), /*#__PURE__*/React.createElement("div", {
-        ref: function ref(_ref) {
-          return _this2.formulaPreviewer = _ref;
-        },
-        className: "formula-preview"
-      }))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.props.toggleFormulaDialog
-      }, this.props.t('cancel')), /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        disabled: false,
-        onClick: this.handleSubmit
-      }, this.props.t('insert_formula'))));
-    }
-  }]);
-  return AddFormulaDialog;
-}(React.PureComponent);
-export default withTranslation('seafile-editor')(AddFormulaDialog);

package/dist/components/dialogs/add-image-dialog.js

@@ -1,69 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import EditorContext from '../../containers/editor-context';
-var AddImageDialog = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(AddImageDialog, _React$PureComponent);
-  var _super = _createSuper(AddImageDialog);
-  function AddImageDialog(props) {
-    var _this;
-    _classCallCheck(this, AddImageDialog);
-    _this = _super.call(this, props);
-    _this.handleUrlChange = function (event) {
-      _this.setState({
-        url: event.target.value
-      });
-    };
-    _this.handleSubmit = function (event) {
-      _this.props.insertImage({
-        url: _this.state.url,
-        selection: _this.editorSelection
-      });
-      _this.props.onToggleImageDialog();
-    };
-    _this.state = {
-      url: ''
-    };
-    _this.editorSelection = null;
-    return _this;
-  }
-  _createClass(AddImageDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var editor = EditorContext.getEditor();
-      this.editorSelection = editor.selection;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: this.props.onToggleImageDialog,
-        className: this.props.className,
-        zIndex: 1071
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.props.onToggleImageDialog
-      }, this.props.t('insert_image')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
-        for: "columnName"
-      }, this.props.t('image_address')), /*#__PURE__*/React.createElement(Input, {
-        id: "columnName",
-        value: this.state.value,
-        onChange: this.handleUrlChange,
-        autoFocus: true
-      })))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.props.onToggleImageDialog
-      }, this.props.t('cancel')), /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        disabled: this.state.url.length === 0,
-        onClick: this.handleSubmit
-      }, this.props.t('submit')), ' '));
-    }
-  }]);
-  return AddImageDialog;
-}(React.PureComponent);
-export default withTranslation('seafile-editor')(AddImageDialog);

package/dist/components/dialogs/add-link-dialog.js

@@ -1,133 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Fragment } from 'react';
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import EditorContext from '../../containers/editor-context';
-var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(AddLinkDialog, _React$PureComponent);
-  var _super = _createSuper(AddLinkDialog);
-  function AddLinkDialog(props) {
-    var _this;
-    _classCallCheck(this, AddLinkDialog);
-    _this = _super.call(this, props);
-    _this.setInitialValue = function () {
-      var text = _this.editorUtils.getSelectedText();
-      if (_this.isLinkActive) {
-        var linkNode = _this.editorUtils.getCurrentLinkNode();
-        _this.setState({
-          title: _this.editorUtils.getLinkText(linkNode),
-          url: linkNode.data.href
-        });
-      } else {
-        _this.setState({
-          title: text,
-          url: ''
-        });
-      }
-    };
-    _this.handleUrlChange = function (event) {
-      _this.setState({
-        url: event.target.value
-      });
-    };
-    _this.handleTitleChange = function (event) {
-      _this.setState({
-        title: event.target.value
-      });
-    };
-    _this.handleSubmit = function (event) {
-      event.preventDefault();
-      if (_this.state.title.length === 0 || _this.state.url.length === 0) return;
-      if (!_this.isLinkActive) {
-        _this.editorUtils.insertLink({
-          text: _this.state.title,
-          url: _this.state.url,
-          selection: _this.editorSelection
-        });
-      } else {
-        _this.editorUtils.setLink({
-          text: _this.state.title,
-          url: _this.state.url,
-          selection: _this.editorSelection
-        });
-      }
-      _this.props.toggleLinkDialog();
-    };
-    _this.onKeyDown = function (e) {
-      if (e.keyCode === 13) {
-        _this.handleSubmit(e);
-      }
-    };
-    _this.editorUtils = EditorContext.getEditorUtils();
-    _this.isLinkActive = _this.editorUtils.isLinkActive();
-    _this.editorSelection = null;
-    _this.state = {
-      url: '',
-      title: ''
-    };
-    return _this;
-  }
-  _createClass(AddLinkDialog, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      this.setInitialValue();
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var editor = EditorContext.getEditor();
-      this.editorSelection = editor.selection;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        autoFocus: false,
-        toggle: this.props.toggleLinkDialog,
-        className: this.props.className,
-        zIndex: 1071,
-        returnFocusAfterClose: false
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.props.toggleLinkDialog
-      }, this.props.t('insert_link')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "form-group"
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "form-check-label",
-        htmlFor: "addLink"
-      }, this.props.t('link_address')), /*#__PURE__*/React.createElement("input", {
-        onKeyDown: this.onKeyDown,
-        autoFocus: true,
-        type: "url",
-        className: "form-control",
-        id: "addLink",
-        value: this.state.url,
-        onChange: this.handleUrlChange
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "form-group"
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "form-check-label",
-        htmlFor: "addTitle"
-      }, this.props.t('link_title')), /*#__PURE__*/React.createElement("input", {
-        onKeyDown: this.onKeyDown,
-        type: "text",
-        className: "form-control",
-        id: "addTitle",
-        value: this.state.title,
-        onChange: this.handleTitleChange
-      })))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.props.toggleLinkDialog
-      }, this.props.t('cancel')), /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        disabled: false,
-        onClick: this.handleSubmit
-      }, this.props.t('add_link'))));
-    }
-  }]);
-  return AddLinkDialog;
-}(React.PureComponent);
-export default withTranslation('seafile-editor')(AddLinkDialog);

package/dist/components/dialogs/comment-dialog.js

@@ -1,97 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { withTranslation } from 'react-i18next';
-import { Button } from 'reactstrap';
-import { processor } from '../../utils/seafile-markdown2html';
-import '../../assets/css/comment-dialog.css';
-var CommentDialog = /*#__PURE__*/function (_React$Component) {
-  _inherits(CommentDialog, _React$Component);
-  var _super = _createSuper(CommentDialog);
-  function CommentDialog(props) {
-    var _this;
-    _classCallCheck(this, CommentDialog);
-    _this = _super.call(this, props);
-    _this.handleCommentChange = function (event) {
-      var comment = event.target.value;
-      _this.setState({
-        comment: comment
-      });
-    };
-    _this.submitComment = function () {
-      var comment = _this.state.comment.trim();
-      if (comment.length > 0 && _this.props.quote.length > 0) {
-        var detail = {
-          quote: _this.props.quote,
-          position: _this.props.commentPosition
-        };
-        var detailJSON = JSON.stringify(detail);
-        _this.props.editorApi.postComment(comment, detailJSON).then(function (res) {
-          _this.props.onCommentAdded();
-        });
-      }
-    };
-    _this.setQuoteText = function (mdQuote) {
-      processor.process(mdQuote).then(function (result) {
-        var quote = String(result);
-        _this.setState({
-          quote: quote
-        });
-      });
-    };
-    _this.state = {
-      comment: '',
-      quote: ''
-    };
-    return _this;
-  }
-  _createClass(CommentDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setQuoteText(this.props.quote);
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (this.props.quote !== nextProps.quote) {
-        this.setQuoteText(nextProps.quote);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var t = this.props.t;
-      var _this$state = this.state,
-        comment = _this$state.comment,
-        quote = _this$state.quote;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "seafile-editor-comment comment-dialog"
-      }, /*#__PURE__*/React.createElement("div", null, this.props.editorApi.name), /*#__PURE__*/React.createElement("blockquote", {
-        className: "comment-dialog-quote"
-      }, /*#__PURE__*/React.createElement("div", {
-        dangerouslySetInnerHTML: {
-          __html: quote
-        }
-      })), /*#__PURE__*/React.createElement("textarea", {
-        value: comment,
-        onChange: this.handleCommentChange
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "button-group"
-      }, /*#__PURE__*/React.createElement(Button, {
-        size: "sm",
-        color: "primary",
-        onClick: this.submitComment
-      }, t('submit')), /*#__PURE__*/React.createElement(Button, {
-        size: "sm",
-        color: "secondary",
-        onClick: this.props.toggleCommentDialog
-      }, t('cancel'))), /*#__PURE__*/React.createElement("span", {
-        className: "comment-dialog-triangle"
-      }));
-    }
-  }]);
-  return CommentDialog;
-}(React.Component);
-export default withTranslation('seafile-editor')(CommentDialog);

package/dist/components/dialogs/shortcut-dialog.js

@@ -1,131 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Fragment } from 'react';
-import { Modal, ModalHeader, ModalBody } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import '../../assets/css/keyboard-shortcuts.css';
-var isMac = window.navigator.platform.indexOf('Win') < 0 ? true : false;
-var controlKey = isMac ? '⌘' : 'CTRL';
-var KeyboardShortcuts = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(KeyboardShortcuts, _React$PureComponent);
-  var _super = _createSuper(KeyboardShortcuts);
-  function KeyboardShortcuts() {
-    var _this;
-    _classCallCheck(this, KeyboardShortcuts);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.renderShortcut = function (keys) {
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "keyboard-shortcut"
-      }, keys.map(function (key, index) {
-        return /*#__PURE__*/React.createElement("kbd", {
-          key: index
-        }, key);
-      })), /*#__PURE__*/React.createElement("br", null));
-    };
-    _this.renderContainer = function (keys, description) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, _this.renderShortcut(keys)), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, description));
-    };
-    return _this;
-  }
-  _createClass(KeyboardShortcuts, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        t = _this$props.t,
-        toggleShortcutDialog = _this$props.toggleShortcutDialog,
-        userHelp = _this$props.userHelp;
-      var userHelpData = userHelp.userHelpData;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: toggleShortcutDialog,
-        className: "keyboard-shortcut-dialog",
-        zIndex: 1071
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: toggleShortcutDialog
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "mr-2"
-      }, t(userHelp.title))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[1]['shortcutType'])), this.renderContainer(['#', 'space'], t(userHelpData[1].shortcutData['Heading_1'])), this.renderContainer(['##', 'space'], t(userHelpData[1].shortcutData['Heading_2'])), this.renderContainer(['###', 'space'], t(userHelpData[1].shortcutData['Heading_3'])), this.renderContainer(['####', 'space'], t(userHelpData[1].shortcutData['Heading_4'])), this.renderContainer(['#####', 'space'], t(userHelpData[1].shortcutData['Heading_5'])), this.renderContainer(['######', 'space'], t(userHelpData[1].shortcutData['Heading_6']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[0]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['*', 'space']), this.renderShortcut(['-', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[0].shortcutData['Make_list']))), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['1.', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[0].shortcutData['Make_ordered_list']))), this.renderContainer(['Tab'], t(userHelpData[0].shortcutData['Increase_depth'])), this.renderContainer(['Shift', 'Enter'], t(userHelpData[0].shortcutData['Insert_child_in_item'])), this.renderContainer(['Enter'], t(userHelpData[0].shortcutData['Insert_new_item']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[6]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['**bold**', 'space']), this.renderShortcut(['__bold__', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[6].shortcutData['Bold']))), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['*italic*', 'space']), this.renderShortcut(['_italic_', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[6].shortcutData['Italic']))), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['***italic***', 'space']), this.renderShortcut(['___italic___', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[6].shortcutData['Italic_Bold']))), this.renderContainer(['`code`', 'space'], t(userHelpData[6].shortcutData['Inline_code']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[2]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['```']), this.renderShortcut(['space*4'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[2].shortcutData['Make_code_block']))), this.renderContainer(['Tab'], t(userHelpData[2].shortcutData['Insert_indent'])), this.renderContainer(['Enter'], t(userHelpData[2].shortcutData['Insert_new_line'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[2].shortcutData['Escape_code_block']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[3]['shortcutType'])), this.renderContainer(['>', 'space'], t(userHelpData[3].shortcutData['Make_Block_quote'])), this.renderContainer(['Enter'], t(userHelpData[3].shortcutData['Escape_Block_quote']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[4]['shortcutType'])), this.renderContainer(['Enter'], t(userHelpData[4].shortcutData['Insert_Table_Row'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[4].shortcutData['Escape_table']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[7]['shortcutType'])), this.renderContainer([controlKey, 's'], t(userHelpData[7].shortcutData['Save_file']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[8]['shortcutType'])), this.renderContainer([controlKey, 'v'], t(userHelpData[8].shortcutData['Paste_screen_shot']))))));
-    }
-  }]);
-  return KeyboardShortcuts;
-}(React.PureComponent);
-export default withTranslation('dtable')(KeyboardShortcuts);

package/dist/components/error-boundary.js

@@ -1,28 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Children } from 'react';
-var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(ErrorBoundary, _React$Component);
-  var _super = _createSuper(ErrorBoundary);
-  function ErrorBoundary() {
-    _classCallCheck(this, ErrorBoundary);
-    return _super.apply(this, arguments);
-  }
-  _createClass(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error) {
-      console.error(error);
-      this.forceUpdate();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return children;
-    }
-  }]);
-  return ErrorBoundary;
-}(React.Component);
-export default ErrorBoundary;