@pie-element/ebsr 6.6.3-next.414 → 6.6.3-next.430

package/configure/node_modules/@pie-lib/editable-html/lib/editor.js

@@ -1,698 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ALL_PLUGINS", {
-  enumerable: true,
-  get: function get() {
-    return _plugins.ALL_PLUGINS;
-  }
-});
-Object.defineProperty(exports, "DEFAULT_PLUGINS", {
-  enumerable: true,
-  get: function get() {
-    return _plugins.DEFAULT_PLUGINS;
-  }
-});
-exports.serialization = exports["default"] = exports.Editor = void 0;
-
-var _slateReact = require("slate-react");
-
-var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
-
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
-var serialization = _interopRequireWildcard(require("./serialization"));
-
-exports.serialization = serialization;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _slate = require("slate");
-
-var _plugins = require("./plugins");
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var log = (0, _debug["default"])('editable-html:editor');
-var defaultToolbarOpts = {
-  position: 'bottom',
-  alignment: 'left',
-  alwaysVisible: false,
-  showDone: true,
-  doneOn: 'blur'
-};
-
-var createToolbarOpts = function createToolbarOpts(toolbarOpts) {
-  return _objectSpread({}, defaultToolbarOpts, {}, toolbarOpts);
-};
-
-var Editor =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(Editor, _React$Component);
-
-  function Editor(props) {
-    var _this;
-
-    _classCallCheck(this, Editor);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Editor).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "onPluginBlur", function (e) {
-      log('[onPluginBlur]', e && e.relatedTarget);
-      var target = e && e.relatedTarget;
-      var node = target ? (0, _slateReact.findNode)(target, _this.state.value) : null;
-      log('[onPluginBlur] node: ', node);
-
-      _this.setState({
-        focusedNode: node
-      }, function () {
-        _this.resetValue();
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onPluginFocus", function (e) {
-      log('[onPluginFocus]', e && e.target);
-      var target = e && e.target;
-
-      if (target) {
-        var node = (0, _slateReact.findNode)(target, _this.state.value);
-        log('[onPluginFocus] node: ', node);
-        var stashedValue = _this.state.stashedValue || _this.state.value;
-
-        _this.setState({
-          focusedNode: node,
-          stashedValue: stashedValue
-        });
-      } else {
-        _this.setState({
-          focusedNode: null
-        });
-      }
-
-      _this.stashValue();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onMathClick", function (node) {
-      _this.editor.change(function (c) {
-        return c.collapseToStartOf(node);
-      });
-
-      _this.setState({
-        selectedNode: node
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onEditingDone", function () {
-      log('[onEditingDone]');
-
-      _this.setState({
-        stashedValue: null,
-        focusedNode: null
-      });
-
-      log('[onEditingDone] value: ', _this.state.value);
-
-      _this.props.onChange(_this.state.value, true);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (resolve) {
-      var nonEmpty = _this.props.nonEmpty;
-      var doneOn = _this.state.toolbarOpts.doneOn;
-
-      _this.setState({
-        toolbarInFocus: false,
-        focusedNode: null
-      });
-
-      if (_this.editor) {
-        _this.editor.blur();
-      }
-
-      if (doneOn === 'blur') {
-        if (nonEmpty && _this.state.value.startText.text.length === 0) {
-          _this.resetValue(true).then(function () {
-            _this.onEditingDone();
-
-            resolve();
-          });
-        } else {
-          _this.onEditingDone();
-
-          resolve();
-        }
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onBlur", function (event) {
-      log('[onBlur]');
-      var target = event.relatedTarget;
-      var node = target ? (0, _slateReact.findNode)(target, _this.state.value) : null;
-      log('[onBlur] node: ', node);
-      return new Promise(function (resolve) {
-        _this.setState({
-          focusedNode: node
-        }, _this.handleBlur.bind(_assertThisInitialized(_this), resolve));
-
-        _this.props.onBlur(event);
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
-      return new Promise(function (resolve) {
-        var editorDOM = document.querySelector("[data-key=\"".concat(_this.state.value.document.key, "\"]"));
-        log('[onFocus]', document.activeElement);
-        /**
-         * This is a temporary hack - @see changeData below for some more information.
-         */
-
-        if (_this.__TEMPORARY_CHANGE_DATA) {
-          var _this$__TEMPORARY_CHA = _this.__TEMPORARY_CHANGE_DATA,
-              key = _this$__TEMPORARY_CHA.key,
-              data = _this$__TEMPORARY_CHA.data;
-          var domEl = document.querySelector("[data-key=\"".concat(key, "\"]"));
-
-          if (domEl) {
-            var change = _this.state.value.change().setNodeByKey(key, {
-              data: data
-            });
-
-            _this.setState({
-              value: change.value
-            }, function () {
-              _this.__TEMPORARY_CHANGE_DATA = null;
-            });
-          }
-        }
-        /**
-         * This is needed just in case the browser decides to make the editor
-         * lose focus without triggering the onBlur event (can happen in a few cases).
-         * This will also trigger onBlur if the user clicks outside of the page when the editor
-         * is focused.
-         */
-
-
-        if (editorDOM === document.activeElement) {
-          var handleDomBlur = function handleDomBlur(e) {
-            editorDOM.removeEventListener('blur', handleDomBlur);
-
-            _this.onBlur(e);
-          };
-
-          editorDOM.addEventListener('blur', handleDomBlur);
-        }
-
-        _this.stashValue();
-
-        _this.props.onFocus();
-
-        resolve();
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "stashValue", function () {
-      log('[stashValue]');
-
-      if (!_this.state.stashedValue) {
-        _this.setState({
-          stashedValue: _this.state.value
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "resetValue", function (force) {
-      var _this$state = _this.state,
-          value = _this$state.value,
-          focusedNode = _this$state.focusedNode;
-
-      var stopReset = _this.plugins.reduce(function (s, p) {
-        return s || p.stopReset && p.stopReset(_this.state.value);
-      }, false);
-
-      log('[resetValue]', value.isFocused, focusedNode, 'stopReset: ', stopReset);
-
-      if (_this.state.stashedValue && !value.isFocused && !focusedNode && !stopReset || force) {
-        log('[resetValue] resetting...');
-        log('stashed', _this.state.stashedValue.document.toObject());
-        log('current', _this.state.value.document.toObject());
-
-        var newValue = _slate.Value.fromJSON(_this.state.stashedValue.toJSON());
-
-        log('newValue: ', newValue.document);
-        return new Promise(function (resolve) {
-          setTimeout(function () {
-            _this.setState({
-              value: newValue,
-              stashedValue: null
-            }, function () {
-              log('value now: ', _this.state.value.document.toJSON());
-              resolve();
-            });
-          }, 50);
-        });
-      } else {
-        return Promise.resolve({});
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onChange", function (change, done) {
-      log('[onChange]');
-
-      _this.setState({
-        value: change.value
-      }, function () {
-        log('[onChange], call done()');
-
-        if (done) {
-          done();
-        }
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "valueToSize", function (v) {
-      if (!v) {
-        return;
-      }
-
-      if (typeof v === 'string') {
-        if (v.endsWith('%')) {
-          return undefined;
-        } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw')) {
-          return v;
-        } else {
-          var value = parseInt(v, 10);
-          return isNaN(value) ? value : "".concat(value, "px");
-        }
-      }
-
-      if (typeof v === 'number') {
-        return "".concat(v, "px");
-      }
-
-      return;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "validateNode", function (node) {
-      if (node.object !== 'block') return;
-      var last = node.nodes.last();
-      if (!last) return;
-      if (last.type !== 'image') return;
-      log('[validateNode] last is image..');
-      var parent = last.getParent(last.key);
-
-      var p = _slate.Block.getParent(last.key);
-
-      log('[validateNode] parent:', parent, p);
-      return undefined;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "changeData", function (key, data) {
-      log('[changeData]. .. ', key, data);
-      /**
-       * HACK ALERT: We should be calling setState here and storing the change data:
-       *
-       * <code>this.setState({changeData: { key, data}})</code>
-       * However this is causing issues with the Mathquill instance. The 'input' event stops firing on the element and no more changes get through.
-       * The issues seem to be related to the promises in onBlur/onFocus. But removing these brings it's own problems.
-       * A major clean up is planned for this component so I've decided to temporarily settle on this hack rather than spend more time on this.
-       */
-      // Uncomment this line to see the bug described above.
-      // this.setState({changeData: {key, data}})
-
-      _this.__TEMPORARY_CHANGE_DATA = {
-        key: key,
-        data: data
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "focus", function (pos, node) {
-      var position = pos || 'end';
-
-      _this.props.focus(position, node);
-    });
-
-    _this.state = {
-      value: props.value,
-      toolbarOpts: createToolbarOpts(props.toolbarOpts)
-    };
-
-    _this.onResize = function () {
-      props.onChange(_this.state.value, true);
-    };
-
-    _this.plugins = (0, _plugins.buildPlugins)(props.activePlugins, {
-      math: {
-        onClick: _this.onMathClick,
-        onFocus: _this.onPluginFocus,
-        onBlur: _this.onPluginBlur
-      },
-      image: {
-        onDelete: _this.props.imageSupport && _this.props.imageSupport["delete"] && function (src, done) {
-          _this.props.imageSupport["delete"](src, function (e) {
-            done(e, _this.state.value);
-          });
-        },
-        insertImageRequested: _this.props.imageSupport && function (getHandler) {
-          /**
-           * The handler is the object through which the outer context
-           * communicates file upload events like: fileChosen, cancel, progress
-           */
-          var handler = getHandler(function () {
-            return _this.state.value;
-          });
-
-          _this.props.imageSupport.add(handler);
-        },
-        onFocus: _this.onPluginFocus,
-        onBlur: _this.onPluginBlur
-      },
-      toolbar: {
-        /**
-         * To minimize converting html -> state -> html
-         * We only emit markup once 'done' is clicked.
-         */
-        disableUnderline: props.disableUnderline,
-        autoWidth: props.autoWidthToolbar,
-        onDone: function onDone() {
-          var nonEmpty = _this.props.nonEmpty;
-          log('[onDone]');
-
-          _this.setState({
-            toolbarInFocus: false,
-            focusedNode: null
-          });
-
-          _this.editor.blur();
-
-          if (nonEmpty && _this.state.value.startText.text.length === 0) {
-            _this.resetValue(true).then(function () {
-              _this.onEditingDone();
-            });
-          } else {
-            _this.onEditingDone();
-          }
-        }
-      },
-      table: {
-        onFocus: function onFocus() {
-          log('[table:onFocus]...');
-
-          _this.onPluginFocus();
-        },
-        onBlur: function onBlur() {
-          log('[table:onBlur]...');
-
-          _this.onPluginBlur();
-        }
-      },
-      responseArea: {
-        type: props.responseAreaProps && props.responseAreaProps.type,
-        options: props.responseAreaProps && props.responseAreaProps.options,
-        respAreaToolbar: props.responseAreaProps && props.responseAreaProps.respAreaToolbar,
-        onFocus: function onFocus() {
-          log('[table:onFocus]...');
-
-          _this.onPluginFocus();
-        },
-        onBlur: function onBlur() {
-          log('[table:onBlur]...');
-
-          _this.onPluginBlur();
-        }
-      },
-      media: {
-        focus: _this.focus,
-        createChange: function createChange() {
-          return _this.state.value.change();
-        },
-        onChange: _this.onChange
-      }
-    });
-    return _this;
-  }
-
-  _createClass(Editor, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      // onRef is needed to get the ref of the component because we export it using withStyles
-      this.props.onRef(this);
-      window.addEventListener('resize', this.onResize);
-
-      if (this.editor && this.props.autoFocus) {
-        Promise.resolve().then(function () {
-          if (_this2.editor) {
-            var editorDOM = document.querySelector("[data-key=\"".concat(_this2.editor.value.document.key, "\"]"));
-
-            _this2.editor.focus();
-
-            if (editorDOM) {
-              editorDOM.focus();
-            }
-          }
-        });
-      }
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      var toolbarOpts = this.state.toolbarOpts;
-      var newToolbarOpts = createToolbarOpts(nextProps.toolbarOpts);
-
-      if (!(0, _isEqual["default"])(newToolbarOpts, toolbarOpts)) {
-        this.setState({
-          toolbarOpts: newToolbarOpts
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-
-    /**
-     * Remove onResize event listener
-     */
-    value: function componentWillUnmount() {
-      window.removeEventListener('resize', this.onResize);
-    } // Allowing time for onChange to take effect if it is called
-
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(props) {
-      if (!props.value.document.equals(this.props.value.document)) {
-        this.setState({
-          focus: false,
-          value: props.value
-        });
-      }
-    }
-  }, {
-    key: "buildSizeStyle",
-    value: function buildSizeStyle() {
-      var _this$props = this.props,
-          width = _this$props.width,
-          minHeight = _this$props.minHeight,
-          height = _this$props.height,
-          maxHeight = _this$props.maxHeight;
-      return {
-        width: this.valueToSize(width),
-        height: this.valueToSize(height),
-        minHeight: this.valueToSize(minHeight),
-        maxHeight: this.valueToSize(maxHeight)
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _classNames,
-          _this3 = this;
-
-      var _this$props2 = this.props,
-          disabled = _this$props2.disabled,
-          highlightShape = _this$props2.highlightShape,
-          classes = _this$props2.classes,
-          className = _this$props2.className,
-          placeholder = _this$props2.placeholder,
-          pluginProps = _this$props2.pluginProps,
-          onKeyDown = _this$props2.onKeyDown;
-      var _this$state2 = this.state,
-          value = _this$state2.value,
-          focusedNode = _this$state2.focusedNode,
-          toolbarOpts = _this$state2.toolbarOpts;
-      log('[render] value: ', value);
-      var sizeStyle = this.buildSizeStyle();
-      var names = (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, classes.withBg, highlightShape), _defineProperty(_classNames, classes.toolbarOnTop, toolbarOpts.alwaysVisible && toolbarOpts.position === 'top'), _classNames), className);
-      return _react["default"].createElement("div", {
-        ref: function ref(_ref) {
-          return _this3.wrapperRef = _ref;
-        },
-        style: {
-          width: sizeStyle.width
-        },
-        className: names
-      }, _react["default"].createElement(_slateReact.Editor, {
-        plugins: this.plugins,
-        innerRef: function innerRef(r) {
-          if (r) {
-            _this3.slateEditor = r;
-          }
-        },
-        ref: function ref(r) {
-          return _this3.editor = r && _this3.props.editorRef(r);
-        },
-        value: value,
-        focus: this.focus,
-        onKeyDown: onKeyDown,
-        onChange: this.onChange,
-        onBlur: this.onBlur,
-        onFocus: this.onFocus,
-        onEditingDone: this.onEditingDone,
-        focusedNode: focusedNode,
-        normalize: this.normalize,
-        readOnly: disabled,
-        className: classes.slateEditor,
-        style: {
-          minHeight: sizeStyle.minHeight,
-          height: sizeStyle.height,
-          maxHeight: sizeStyle.maxHeight
-        },
-        pluginProps: pluginProps,
-        toolbarOpts: toolbarOpts,
-        placeholder: placeholder,
-        onDataChange: this.changeData
-      }));
-    }
-  }]);
-
-  return Editor;
-}(_react["default"].Component); // TODO color - hardcoded gray background and keypad colors will need to change too
-
-
-exports.Editor = Editor;
-
-_defineProperty(Editor, "propTypes", {
-  autoFocus: _propTypes["default"].bool,
-  editorRef: _propTypes["default"].func.isRequired,
-  onRef: _propTypes["default"].func.isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  onFocus: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func,
-  onKeyDown: _propTypes["default"].func,
-  focus: _propTypes["default"].func.isRequired,
-  value: _slatePropTypes["default"].value.isRequired,
-  imageSupport: _propTypes["default"].object,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  minHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  maxHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  classes: _propTypes["default"].object.isRequired,
-  highlightShape: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  nonEmpty: _propTypes["default"].bool,
-  disableUnderline: _propTypes["default"].bool,
-  autoWidthToolbar: _propTypes["default"].bool,
-  pluginProps: _propTypes["default"].any,
-  placeholder: _propTypes["default"].string,
-  responseAreaProps: _propTypes["default"].shape({
-    type: _propTypes["default"].oneOf(['explicit-constructed-response', 'inline-dropdown', 'drag-in-the-blank']),
-    options: _propTypes["default"].object,
-    respAreaToolbar: _propTypes["default"].func,
-    onDelete: _propTypes["default"].func
-  }),
-  toolbarOpts: _propTypes["default"].shape({
-    position: _propTypes["default"].oneOf(['bottom', 'top']),
-    alignment: _propTypes["default"].oneOf(['left', 'right']),
-    alwaysVisible: _propTypes["default"].bool,
-    showDone: _propTypes["default"].bool,
-    doneOn: _propTypes["default"].string
-  }),
-  activePlugins: _propTypes["default"].arrayOf(function (values) {
-    var allValid = values.every(function (v) {
-      return _plugins.ALL_PLUGINS.includes(v);
-    });
-    return !allValid && new Error("Invalid values: ".concat(values, ", values must be one of [").concat(_plugins.ALL_PLUGINS.join(','), "]"));
-  }),
-  className: _propTypes["default"].string
-});
-
-_defineProperty(Editor, "defaultProps", {
-  disableUnderline: true,
-  onFocus: function onFocus() {},
-  onBlur: function onBlur() {},
-  toolbarOpts: defaultToolbarOpts,
-  onKeyDown: function onKeyDown() {}
-});
-
-var styles = {
-  withBg: {
-    backgroundColor: 'rgba(0,0,0,0.06)'
-  },
-  slateEditor: {
-    fontFamily: 'Roboto, sans-serif',
-    '& table': {
-      tableLayout: 'fixed',
-      width: '100%',
-      borderCollapse: 'collapse',
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background()
-    },
-    '& tr': {
-      borderTop: '1px solid #dfe2e5' // TODO perhaps secondary color for background, for now disable
-      // '&:nth-child(2n)': {
-      //   backgroundColor: '#f6f8fa'
-      // }
-
-    },
-    '& td, th': {
-      border: '1px solid #dfe2e5',
-      padding: '.6em 1em',
-      textAlign: 'center'
-    }
-  },
-  toolbarOnTop: {
-    marginTop: '45px'
-  }
-};
-
-var _default = (0, _styles.withStyles)(styles)(Editor);
-
-exports["default"] = _default;
-//# sourceMappingURL=editor.js.map