@handsontable/react 9.0.0 → 11.0.0

package/commonjs/react-handsontable.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var Handsontable = require('handsontable');
+var Handsontable = require('handsontable/base');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -158,6 +158,8 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (typeof call === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -188,6 +190,16 @@ var bulkComponentContainer = null;
  */
 
 var AUTOSIZE_WARNING = 'Your `HotTable` configuration includes `autoRowSize`/`autoColumnSize` options, which are not compatible with ' + ' the component-based renderers`. Disable `autoRowSize` and `autoColumnSize` to prevent row and column misalignment.';
+/**
+ * Message for the warning thrown if the Handsontable instance has been destroyed.
+ */
+
+var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' + ' used properly.';
+/**
+ * String identifier for the global-scoped editor components.
+ */
+
+var GLOBAL_EDITOR_SCOPE = 'global';
 /**
  * Default classname given to the wrapper container.
  */
@@ -215,8 +227,8 @@ function warn() {
  */
 
 function getChildElementByType(children, type) {
-  var childrenArray = React__default['default'].Children.toArray(children);
-  var childrenCount = React__default['default'].Children.count(children);
+  var childrenArray = React__default["default"].Children.toArray(children);
+  var childrenCount = React__default["default"].Children.count(children);
   var wantedChild = null;
 
   if (childrenCount !== 0) {
@@ -295,17 +307,20 @@ function createEditorPortal() {
   }
 
   doc.body.appendChild(editorContainer);
-  return ReactDOM__default['default'].createPortal(editorElement, editorContainer);
+  return ReactDOM__default["default"].createPortal(editorElement, editorContainer);
 }
 /**
  * Get an editor element extended with a instance-emitting method.
  *
  * @param {React.ReactNode} children Component children.
  * @param {Map} editorCache Component's editor cache.
+ * @param {string|number} [editorColumnScope] The editor scope (column index or a 'global' string). Defaults to
+ * 'global'.
  * @returns {React.ReactElement} An editor element containing the additional methods.
  */
 
 function getExtendedEditorElement(children, editorCache) {
+  var editorColumnScope = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : GLOBAL_EDITOR_SCOPE;
   var editorElement = getChildElementByType(children, 'hot-editor');
   var editorClass = getOriginalEditorClass(editorElement);
 
@@ -313,10 +328,16 @@ function getExtendedEditorElement(children, editorCache) {
     return null;
   }
 
-  return React__default['default'].cloneElement(editorElement, {
-    emitEditorInstance: function emitEditorInstance(editorInstance) {
-      editorCache.set(editorClass, editorInstance);
+  return React__default["default"].cloneElement(editorElement, {
+    emitEditorInstance: function emitEditorInstance(editorInstance, editorColumnScope) {
+      if (!editorCache.get(editorClass)) {
+        editorCache.set(editorClass, new Map());
+      }
+
+      var cacheEntry = editorCache.get(editorClass);
+      cacheEntry.set(editorColumnScope !== null && editorColumnScope !== void 0 ? editorColumnScope : GLOBAL_EDITOR_SCOPE, editorInstance);
     },
+    editorColumnScope: editorColumnScope,
     isEditor: true
   });
 }
@@ -343,11 +364,11 @@ function createPortal(rElement, props, callback) {
 
   var portalContainer = ownerDocument.createElement('DIV');
   bulkComponentContainer.appendChild(portalContainer);
-  var extendedRendererElement = React__default['default'].cloneElement(rElement, _objectSpread2({
+  var extendedRendererElement = React__default["default"].cloneElement(rElement, _objectSpread2({
     key: "".concat(props.row, "-").concat(props.col)
   }, props));
   return {
-    portal: ReactDOM__default['default'].createPortal(extendedRendererElement, portalContainer, "".concat(props.row, "-").concat(props.col, "-").concat(Math.random())),
+    portal: ReactDOM__default["default"].createPortal(extendedRendererElement, portalContainer, "".concat(props.row, "-").concat(props.col, "-").concat(Math.random())),
     portalContainer: portalContainer
   };
 }
@@ -376,7 +397,7 @@ function getContainerAttributesProps(props) {
  */
 
 function addUnsafePrefixes(instance) {
-  var reactSemverArray = React__default['default'].version.split('.').map(function (v) {
+  var reactSemverArray = React__default["default"].version.split('.').map(function (v) {
     return parseInt(v);
   });
   var shouldPrefix = reactSemverArray[0] >= 16 && reactSemverArray[1] >= 3;
@@ -520,7 +541,7 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getLocalEditorElement",
     value: function getLocalEditorElement() {
-      return getExtendedEditorElement(this.props.children, this.props._getEditorCache());
+      return getExtendedEditorElement(this.props.children, this.props._getEditorCache(), this.props._columnIndex);
     }
     /**
      * Create the column settings based on the data provided to the `HotColumn` component and it's child components.
@@ -545,7 +566,7 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
       }
 
       if (editorElement !== null) {
-        this.columnSettings.editor = this.props._getEditorClass(editorElement);
+        this.columnSettings.editor = this.props._getEditorClass(editorElement, this.props._columnIndex);
       } else if (this.hasProp('editor')) {
         this.columnSettings.editor = this.props.editor;
       } else {
@@ -565,7 +586,7 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
 
       var editorCache = this.props._getEditorCache();
 
-      var localEditorElement = getExtendedEditorElement(children, editorCache);
+      var localEditorElement = getExtendedEditorElement(children, editorCache, this.props._columnIndex);
 
       if (localEditorElement) {
         this.setLocalEditorPortal(createEditorPortal(this.props._getOwnerDocument(), localEditorElement, editorCache));
@@ -633,12 +654,12 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return React__default['default'].createElement(React__default['default'].Fragment, null, this.getLocalEditorPortal());
+      return React__default["default"].createElement(React__default["default"].Fragment, null, this.getLocalEditorPortal());
     }
   }]);
 
   return HotColumn;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 /**
  * Component class used to manage the renderer component portals.
@@ -664,14 +685,14 @@ var PortalManager = /*#__PURE__*/function (_React$Component) {
   _createClass(PortalManager, [{
     key: "render",
     value: function render() {
-      return React__default['default'].createElement(React__default['default'].Fragment, null, this.state.portals);
+      return React__default["default"].createElement(React__default["default"].Fragment, null, this.state.portals);
     }
   }]);
 
   return PortalManager;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
-var version="9.0.0";
+var version="11.0.0";
 
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -2004,10 +2025,11 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
     /**
      * Reference to the Handsontable instance.
      *
+     * @private
      * @type {Object}
      */
 
-    _this.hotInstance = null;
+    _this.__hotInstance = null;
     /**
      * Reference to the main Handsontable DOM element.
      *
@@ -2078,14 +2100,37 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
 
 
   _createClass(HotTable, [{
-    key: "getRenderedCellCache",
-    value:
+    key: "hotInstance",
+    get:
+    /**
+     * Getter for the property storing the Handsontable instance.
+     */
+    function get() {
+      if (!this.__hotInstance || this.__hotInstance && !this.__hotInstance.isDestroyed) {
+        // Will return the Handsontable instance or `null` if it's not yet been created.
+        return this.__hotInstance;
+      } else {
+        console.warn(HOT_DESTROYED_WARNING);
+        return null;
+      }
+    }
+    /**
+     * Setter for the property storing the Handsontable instance.
+     * @param {Handsontable} hotInstance The Handsontable instance.
+     */
+    ,
+    set: function set(hotInstance) {
+      this.__hotInstance = hotInstance;
+    }
     /**
      * Get the rendered table cell cache.
      *
      * @returns {Map}
      */
-    function getRenderedCellCache() {
+
+  }, {
+    key: "getRenderedCellCache",
+    value: function getRenderedCellCache() {
       return this.renderedCellCache;
     }
     /**
@@ -2204,15 +2249,20 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
      * Create a fresh class to be used as an editor, based on the provided editor React element.
      *
      * @param {React.ReactElement} editorElement React editor component.
+     * @param {string|number} [editorColumnScope] The editor scope (column index or a 'global' string). Defaults to
+     * 'global'.
      * @returns {Function} A class to be passed to the Handsontable editor settings.
      */
 
   }, {
     key: "getEditorClass",
     value: function getEditorClass(editorElement) {
+      var _editorCache$get;
+
+      var editorColumnScope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GLOBAL_EDITOR_SCOPE;
       var editorClass = getOriginalEditorClass(editorElement);
       var editorCache = this.getEditorCache();
-      var cachedComponent = editorCache.get(editorClass);
+      var cachedComponent = (_editorCache$get = editorCache.get(editorClass)) === null || _editorCache$get === void 0 ? void 0 : _editorCache$get.get(editorColumnScope);
       return this.makeEditorClass(cachedComponent);
     }
     /**
@@ -2230,12 +2280,12 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
 
         var _super2 = _createSuper(CustomEditor);
 
-        function CustomEditor(hotInstance, row, col, prop, TD, cellProperties) {
+        function CustomEditor(hotInstance) {
           var _this2;
 
           _classCallCheck(this, CustomEditor);
 
-          _this2 = _super2.call(this, hotInstance, row, col, prop, TD, cellProperties);
+          _this2 = _super2.call(this, hotInstance);
           editorComponent.hotCustomEditorInstance = _assertThisInitialized(_this2);
           _this2.editorComponent = editorComponent;
           return _this2;
@@ -2259,10 +2309,10 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
         }]);
 
         return CustomEditor;
-      }(Handsontable__default['default'].editors.BaseEditor); // Fill with the rest of the BaseEditor methods
+      }(Handsontable__default["default"].editors.BaseEditor); // Fill with the rest of the BaseEditor methods
 
 
-      Object.getOwnPropertyNames(Handsontable__default['default'].editors.BaseEditor.prototype).forEach(function (propName) {
+      Object.getOwnPropertyNames(Handsontable__default["default"].editors.BaseEditor.prototype).forEach(function (propName) {
         if (propName === 'constructor') {
           return;
         }
@@ -2335,7 +2385,7 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
       newSettings.columns = this.columnSettings.length ? this.columnSettings : newSettings.columns;
 
       if (globalEditorNode) {
-        newSettings.editor = this.getEditorClass(globalEditorNode);
+        newSettings.editor = this.getEditorClass(globalEditorNode, GLOBAL_EDITOR_SCOPE);
       } else {
         newSettings.editor = this.props.editor || (this.props.settings ? this.props.settings.editor : void 0);
       }
@@ -2358,7 +2408,9 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "displayAutoSizeWarning",
     value: function displayAutoSizeWarning(newGlobalSettings) {
-      if (this.hotInstance.getPlugin('autoRowSize').enabled || this.hotInstance.getPlugin('autoColumnSize').enabled) {
+      var _this$hotInstance$get, _this$hotInstance$get2;
+
+      if (this.hotInstance && ((_this$hotInstance$get = this.hotInstance.getPlugin('autoRowSize')) !== null && _this$hotInstance$get !== void 0 && _this$hotInstance$get.enabled || (_this$hotInstance$get2 = this.hotInstance.getPlugin('autoColumnSize')) !== null && _this$hotInstance$get2 !== void 0 && _this$hotInstance$get2.enabled)) {
         if (this.componentRendererColumns.size > 0) {
           warn(AUTOSIZE_WARNING);
         }
@@ -2377,21 +2429,21 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
       this.columnSettings[columnIndex] = columnSettings;
     }
     /**
-     * Handsontable's `beforeRender` hook callback.
+     * Handsontable's `beforeViewRender` hook callback.
      */
 
   }, {
-    key: "handsontableBeforeRender",
-    value: function handsontableBeforeRender() {
+    key: "handsontableBeforeViewRender",
+    value: function handsontableBeforeViewRender() {
       this.getRenderedCellCache().clear();
     }
     /**
-     * Handsontable's `afterRender` hook callback.
+     * Handsontable's `afterViewRender` hook callback.
      */
 
   }, {
-    key: "handsontableAfterRender",
-    value: function handsontableAfterRender() {
+    key: "handsontableAfterViewRender",
+    value: function handsontableAfterViewRender() {
       var _this3 = this;
 
       this.portalManager.setState(function () {
@@ -2411,7 +2463,9 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "updateHot",
     value: function updateHot(newSettings) {
-      this.hotInstance.updateSettings(newSettings, false);
+      if (this.hotInstance) {
+        this.hotInstance.updateSettings(newSettings, false);
+      }
     }
     /**
      * Set the portal manager ref.
@@ -2449,12 +2503,12 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       var hotTableComponent = this;
       var newGlobalSettings = this.createNewGlobalSettings();
-      this.hotInstance = new Handsontable__default['default'].Core(this.hotElementRef, newGlobalSettings);
-      this.hotInstance.addHook('beforeRender', function (isForced) {
-        hotTableComponent.handsontableBeforeRender();
+      this.hotInstance = new Handsontable__default["default"].Core(this.hotElementRef, newGlobalSettings);
+      this.hotInstance.addHook('beforeViewRender', function (isForced) {
+        hotTableComponent.handsontableBeforeViewRender();
       });
-      this.hotInstance.addHook('afterRender', function () {
-        hotTableComponent.handsontableAfterRender();
+      this.hotInstance.addHook('afterViewRender', function () {
+        hotTableComponent.handsontableAfterViewRender();
       }); // `init` missing in Handsontable's type definitions.
 
       this.hotInstance.init();
@@ -2489,7 +2543,10 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this.hotInstance.destroy();
+      if (this.hotInstance) {
+        this.hotInstance.destroy();
+      }
+
       removeEditorContainers(this.getOwnerDocument());
     }
     /**
@@ -2510,14 +2567,14 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
         return childNode.type === HotColumn;
       };
 
-      var children = React__default['default'].Children.toArray(this.props.children); // filter out anything that's not a HotColumn
+      var children = React__default["default"].Children.toArray(this.props.children); // filter out anything that's not a HotColumn
 
       children = children.filter(function (childNode) {
         return isHotColumn(childNode);
       }); // clone the HotColumn nodes and extend them with the callbacks
 
       var childClones = children.map(function (childNode, columnIndex) {
-        return React__default['default'].cloneElement(childNode, {
+        return React__default["default"].cloneElement(childNode, {
           _componentRendererColumns: _this4.componentRendererColumns,
           _emitColumnSettings: _this4.setHotColumnSettings.bind(_this4),
           _columnIndex: columnIndex,
@@ -2531,12 +2588,12 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
       }); // add the global editor to the list of children
 
       childClones.push(this.getGlobalEditorPortal());
-      return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement("div", {
+      return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
         ref: this.setHotElementRef.bind(this),
         id: id,
         className: className,
         style: style
-      }, childClones), React__default['default'].createElement(PortalManager, {
+      }, childClones), React__default["default"].createElement(PortalManager, {
         ref: this.setPortalManagerRef.bind(this)
       }));
     }
@@ -2548,7 +2605,7 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return HotTable;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 /**
  * Prop types to be checked at runtime.
  */
@@ -2585,7 +2642,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
     _this.hot = null;
 
     if (props.emitEditorInstance) {
-      props.emitEditorInstance(_assertThisInitialized(_this));
+      props.emitEditorInstance(_assertThisInitialized(_this), props.editorColumnScope);
     }
 
     return _this;
@@ -2601,7 +2658,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key] = arguments[_key];
       }
 
-      (_Handsontable$editors = Handsontable__default['default'].editors.BaseEditor.prototype._fireCallbacks).call.apply(_Handsontable$editors, [this.hotCustomEditorInstance].concat(args));
+      (_Handsontable$editors = Handsontable__default["default"].editors.BaseEditor.prototype._fireCallbacks).call.apply(_Handsontable$editors, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "beginEditing",
@@ -2612,7 +2669,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key2] = arguments[_key2];
       }
 
-      return (_Handsontable$editors2 = Handsontable__default['default'].editors.BaseEditor.prototype.beginEditing).call.apply(_Handsontable$editors2, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors2 = Handsontable__default["default"].editors.BaseEditor.prototype.beginEditing).call.apply(_Handsontable$editors2, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "cancelChanges",
@@ -2623,7 +2680,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key3] = arguments[_key3];
       }
 
-      return (_Handsontable$editors3 = Handsontable__default['default'].editors.BaseEditor.prototype.cancelChanges).call.apply(_Handsontable$editors3, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors3 = Handsontable__default["default"].editors.BaseEditor.prototype.cancelChanges).call.apply(_Handsontable$editors3, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "checkEditorSection",
@@ -2634,7 +2691,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key4] = arguments[_key4];
       }
 
-      return (_Handsontable$editors4 = Handsontable__default['default'].editors.BaseEditor.prototype.checkEditorSection).call.apply(_Handsontable$editors4, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors4 = Handsontable__default["default"].editors.BaseEditor.prototype.checkEditorSection).call.apply(_Handsontable$editors4, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "close",
@@ -2645,7 +2702,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key5] = arguments[_key5];
       }
 
-      return (_Handsontable$editors5 = Handsontable__default['default'].editors.BaseEditor.prototype.close).call.apply(_Handsontable$editors5, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors5 = Handsontable__default["default"].editors.BaseEditor.prototype.close).call.apply(_Handsontable$editors5, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "discardEditor",
@@ -2656,7 +2713,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key6] = arguments[_key6];
       }
 
-      return (_Handsontable$editors6 = Handsontable__default['default'].editors.BaseEditor.prototype.discardEditor).call.apply(_Handsontable$editors6, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors6 = Handsontable__default["default"].editors.BaseEditor.prototype.discardEditor).call.apply(_Handsontable$editors6, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "enableFullEditMode",
@@ -2667,7 +2724,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key7] = arguments[_key7];
       }
 
-      return (_Handsontable$editors7 = Handsontable__default['default'].editors.BaseEditor.prototype.enableFullEditMode).call.apply(_Handsontable$editors7, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors7 = Handsontable__default["default"].editors.BaseEditor.prototype.enableFullEditMode).call.apply(_Handsontable$editors7, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "extend",
@@ -2678,7 +2735,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key8] = arguments[_key8];
       }
 
-      return (_Handsontable$editors8 = Handsontable__default['default'].editors.BaseEditor.prototype.extend).call.apply(_Handsontable$editors8, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors8 = Handsontable__default["default"].editors.BaseEditor.prototype.extend).call.apply(_Handsontable$editors8, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "finishEditing",
@@ -2689,7 +2746,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key9] = arguments[_key9];
       }
 
-      return (_Handsontable$editors9 = Handsontable__default['default'].editors.BaseEditor.prototype.finishEditing).call.apply(_Handsontable$editors9, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors9 = Handsontable__default["default"].editors.BaseEditor.prototype.finishEditing).call.apply(_Handsontable$editors9, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "focus",
@@ -2700,7 +2757,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key10] = arguments[_key10];
       }
 
-      return (_Handsontable$editors10 = Handsontable__default['default'].editors.BaseEditor.prototype.focus).call.apply(_Handsontable$editors10, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors10 = Handsontable__default["default"].editors.BaseEditor.prototype.focus).call.apply(_Handsontable$editors10, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "getValue",
@@ -2711,7 +2768,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key11] = arguments[_key11];
       }
 
-      return (_Handsontable$editors11 = Handsontable__default['default'].editors.BaseEditor.prototype.getValue).call.apply(_Handsontable$editors11, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors11 = Handsontable__default["default"].editors.BaseEditor.prototype.getValue).call.apply(_Handsontable$editors11, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "init",
@@ -2722,7 +2779,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key12] = arguments[_key12];
       }
 
-      return (_Handsontable$editors12 = Handsontable__default['default'].editors.BaseEditor.prototype.init).call.apply(_Handsontable$editors12, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors12 = Handsontable__default["default"].editors.BaseEditor.prototype.init).call.apply(_Handsontable$editors12, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "isInFullEditMode",
@@ -2733,7 +2790,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key13] = arguments[_key13];
       }
 
-      return (_Handsontable$editors13 = Handsontable__default['default'].editors.BaseEditor.prototype.isInFullEditMode).call.apply(_Handsontable$editors13, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors13 = Handsontable__default["default"].editors.BaseEditor.prototype.isInFullEditMode).call.apply(_Handsontable$editors13, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "isOpened",
@@ -2744,7 +2801,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key14] = arguments[_key14];
       }
 
-      return (_Handsontable$editors14 = Handsontable__default['default'].editors.BaseEditor.prototype.isOpened).call.apply(_Handsontable$editors14, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors14 = Handsontable__default["default"].editors.BaseEditor.prototype.isOpened).call.apply(_Handsontable$editors14, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "isWaiting",
@@ -2755,7 +2812,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key15] = arguments[_key15];
       }
 
-      return (_Handsontable$editors15 = Handsontable__default['default'].editors.BaseEditor.prototype.isWaiting).call.apply(_Handsontable$editors15, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors15 = Handsontable__default["default"].editors.BaseEditor.prototype.isWaiting).call.apply(_Handsontable$editors15, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "open",
@@ -2766,7 +2823,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key16] = arguments[_key16];
       }
 
-      return (_Handsontable$editors16 = Handsontable__default['default'].editors.BaseEditor.prototype.open).call.apply(_Handsontable$editors16, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors16 = Handsontable__default["default"].editors.BaseEditor.prototype.open).call.apply(_Handsontable$editors16, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "prepare",
@@ -2778,7 +2835,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
       this.TD = TD;
       this.originalValue = originalValue;
       this.cellProperties = cellProperties;
-      return Handsontable__default['default'].editors.BaseEditor.prototype.prepare.call(this.hotCustomEditorInstance, row, col, prop, TD, originalValue, cellProperties);
+      return Handsontable__default["default"].editors.BaseEditor.prototype.prepare.call(this.hotCustomEditorInstance, row, col, prop, TD, originalValue, cellProperties);
     }
   }, {
     key: "saveValue",
@@ -2789,7 +2846,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key17] = arguments[_key17];
       }
 
-      return (_Handsontable$editors17 = Handsontable__default['default'].editors.BaseEditor.prototype.saveValue).call.apply(_Handsontable$editors17, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors17 = Handsontable__default["default"].editors.BaseEditor.prototype.saveValue).call.apply(_Handsontable$editors17, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "setValue",
@@ -2800,7 +2857,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key18] = arguments[_key18];
       }
 
-      return (_Handsontable$editors18 = Handsontable__default['default'].editors.BaseEditor.prototype.setValue).call.apply(_Handsontable$editors18, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors18 = Handsontable__default["default"].editors.BaseEditor.prototype.setValue).call.apply(_Handsontable$editors18, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "addHook",
@@ -2811,7 +2868,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key19] = arguments[_key19];
       }
 
-      return (_Handsontable$editors19 = Handsontable__default['default'].editors.BaseEditor.prototype.addHook).call.apply(_Handsontable$editors19, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors19 = Handsontable__default["default"].editors.BaseEditor.prototype.addHook).call.apply(_Handsontable$editors19, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "removeHooksByKey",
@@ -2822,7 +2879,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key20] = arguments[_key20];
       }
 
-      return (_Handsontable$editors20 = Handsontable__default['default'].editors.BaseEditor.prototype.removeHooksByKey).call.apply(_Handsontable$editors20, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors20 = Handsontable__default["default"].editors.BaseEditor.prototype.removeHooksByKey).call.apply(_Handsontable$editors20, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "clearHooks",
@@ -2833,7 +2890,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key21] = arguments[_key21];
       }
 
-      return (_Handsontable$editors21 = Handsontable__default['default'].editors.BaseEditor.prototype.clearHooks).call.apply(_Handsontable$editors21, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors21 = Handsontable__default["default"].editors.BaseEditor.prototype.clearHooks).call.apply(_Handsontable$editors21, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "getEditedCell",
@@ -2844,7 +2901,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key22] = arguments[_key22];
       }
 
-      return (_Handsontable$editors22 = Handsontable__default['default'].editors.BaseEditor.prototype.getEditedCell).call.apply(_Handsontable$editors22, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors22 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCell).call.apply(_Handsontable$editors22, [this.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "getEditedCellsZIndex",
@@ -2855,14 +2912,14 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
         args[_key23] = arguments[_key23];
       }
 
-      return (_Handsontable$editors23 = Handsontable__default['default'].editors.BaseEditor.prototype.getEditedCellsZIndex).call.apply(_Handsontable$editors23, [this.hotCustomEditorInstance].concat(args));
+      return (_Handsontable$editors23 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsZIndex).call.apply(_Handsontable$editors23, [this.hotCustomEditorInstance].concat(args));
     }
   }]);
 
   return BaseEditorComponent;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 exports.BaseEditorComponent = BaseEditorComponent;
 exports.HotColumn = HotColumn;
 exports.HotTable = HotTable;
-exports.default = HotTable;
+exports["default"] = HotTable;