@handsontable/react 0.0.0-next-d96e9b5-20240220 → 0.0.0-next-fb8f40a-20240221

package/LICENSE.txt

@@ -1,11 +1,11 @@
 Copyright (c) HANDSONCODE sp. z o. o.
 
 HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., a Polish corporation based in
-Gdynia, Poland, at Aleja Zwyciestwa 96-98, registered by the District Court in Gdansk under number
+Gdynia, Poland, at Aleja Zwycięstwa 96-98, registered by the District Court in Gdansk under number
 538651, EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
 
 This software is protected by applicable copyright laws, including international treaties, and dual-
-licensed - depending on whether your use for commercial purposes, meaning intended for or
+licensed – depending on whether your use for commercial purposes, meaning intended for or
 resulting in commercial advantage or monetary compensation, or not.
 
 If your use is strictly personal or solely for evaluation purposes, meaning for the purposes of testing

package/baseEditorComponent.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import Handsontable from 'handsontable/base';
-import { EditorScopeIdentifier, HotEditorProps } from './types';
+import { HotEditorProps } from './types';
 interface BaseEditorProps extends HotEditorProps {
-    editorColumnScope?: EditorScopeIdentifier;
-    emitEditorInstance?: (editor: BaseEditorComponent, column: EditorScopeIdentifier) => void;
+    editorColumnScope: number;
+    emitEditorInstance?: (editor: BaseEditorComponent, column: number) => void;
 }
 declare class BaseEditorComponent<P = {}, S = {}, SS = any> extends React.Component<P & BaseEditorProps, S, SS> implements Handsontable.editors.BaseEditor {
     name: string;

package/commonjs/react-handsontable.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ReactDOM = require('react-dom');
 var Handsontable = require('handsontable/base');
-var registry$1 = require('handsontable/renderers/registry');
-var registry = require('handsontable/editors/registry');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,60 +12,35 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var Handsontable__default = /*#__PURE__*/_interopDefaultLegacy(Handsontable);
 
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
-function _isNativeReflectConstruct() {
-  try {
-    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-  } catch (t) {}
-  return (_isNativeReflectConstruct = function () {
-    return !!t;
-  })();
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
-  return t;
+  return keys;
 }
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-  return e;
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
+  return target;
 }
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -134,32 +107,16 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
   }
-  return target;
 }
 function _assertThisInitialized(self) {
   if (self === void 0) {
@@ -175,6 +132,20 @@ function _possibleConstructorReturn(self, call) {
   }
   return _assertThisInitialized(self);
 }
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived),
+      result;
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+    return _possibleConstructorReturn(this, result);
+  };
+}
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
@@ -200,6 +171,20 @@ function _arrayLikeToArray(arr, len) {
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 var bulkComponentContainer = null;
 /**
@@ -266,12 +251,14 @@ function getOriginalEditorClass(editorElement) {
 /**
  * Create an editor portal.
  *
- * @param {Document} doc Document to be used.
+ * @param {Document} [doc] Document to be used.
  * @param {React.ReactElement} editorElement Editor's element.
  * @returns {React.ReactPortal} The portal for the editor.
  */
-function createEditorPortal(doc, editorElement) {
-  if (typeof doc === 'undefined' || editorElement === null) {
+function createEditorPortal() {
+  var doc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
+  var editorElement = arguments.length > 1 ? arguments[1] : undefined;
+  if (editorElement === null) {
     return null;
   }
   var containerProps = getContainerAttributesProps(editorElement.props, false);
@@ -279,11 +266,11 @@ function createEditorPortal(doc, editorElement) {
   return ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", Object.assign({}, containerProps), editorElement), doc.body);
 }
 /**
- * Get an editor element extended with an instance-emitting method.
+ * Get an editor element extended with a instance-emitting method.
  *
  * @param {React.ReactNode} children Component children.
  * @param {Map} editorCache Component's editor cache.
- * @param {EditorScopeIdentifier} [editorColumnScope] The editor scope (column index or a 'global' string). Defaults to
+ * @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.
  */
@@ -312,27 +299,23 @@ function getExtendedEditorElement(children, editorCache) {
  * @param {React.ReactElement} rElement React element to be used as a base for the component.
  * @param {Object} props Props to be passed to the cloned element.
  * @param {Document} [ownerDocument] The owner document to set the portal up into.
- * @param {String} portalKey The key to be used for the portal.
- * @param {HTMLElement} [cachedContainer] The cached container to be used for the portal.
  * @returns {{portal: React.ReactPortal, portalContainer: HTMLElement}} An object containing the portal and its container.
  */
 function createPortal(rElement, props) {
   var ownerDocument = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document;
-  var portalKey = arguments.length > 3 ? arguments[3] : undefined;
-  var cachedContainer = arguments.length > 4 ? arguments[4] : undefined;
   if (!ownerDocument) {
     ownerDocument = document;
   }
   if (!bulkComponentContainer) {
     bulkComponentContainer = ownerDocument.createDocumentFragment();
   }
-  var portalContainer = cachedContainer !== null && cachedContainer !== void 0 ? cachedContainer : ownerDocument.createElement('DIV');
+  var portalContainer = ownerDocument.createElement('DIV');
   bulkComponentContainer.appendChild(portalContainer);
   var extendedRendererElement = React__default["default"].cloneElement(rElement, _objectSpread2({
     key: "".concat(props.row, "-").concat(props.col)
   }, props));
   return {
-    portal: ReactDOM__default["default"].createPortal(extendedRendererElement, portalContainer, portalKey),
+    portal: ReactDOM__default["default"].createPortal(extendedRendererElement, portalContainer, "".concat(props.row, "-").concat(props.col, "-").concat(Math.random())),
     portalContainer: portalContainer
   };
 }
@@ -348,19 +331,11 @@ function createPortal(rElement, props) {
 function getContainerAttributesProps(props) {
   var randomizeId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   return {
-    id: props.id || (randomizeId ? 'hot-' + Math.random().toString(36).substring(5) : undefined),
+    id: props.id || (randomizeId ? 'hot-' + Math.random().toString(36).substring(5) : void 0),
     className: props.className || '',
     style: props.style || {}
   };
 }
-/**
- * Checks if the environment that the code runs in is a browser.
- *
- * @returns {boolean}
- */
-function isCSR() {
-  return typeof window !== 'undefined';
-}
 
 var SettingsMapper = /*#__PURE__*/function () {
   function SettingsMapper() {
@@ -398,9 +373,10 @@ var SettingsMapper = /*#__PURE__*/function () {
 
 var HotColumn = /*#__PURE__*/function (_React$Component) {
   _inherits(HotColumn, _React$Component);
+  var _super = _createSuper(HotColumn);
   function HotColumn() {
     _classCallCheck(this, HotColumn);
-    return _callSuper(this, HotColumn, arguments);
+    return _super.apply(this, arguments);
   }
   _createClass(HotColumn, [{
     key: "getSettingsProps",
@@ -499,10 +475,11 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
  */
 var RenderersPortalManager = /*#__PURE__*/function (_React$Component) {
   _inherits(RenderersPortalManager, _React$Component);
+  var _super = _createSuper(RenderersPortalManager);
   function RenderersPortalManager() {
     var _this;
     _classCallCheck(this, RenderersPortalManager);
-    _this = _callSuper(this, RenderersPortalManager, arguments);
+    _this = _super.apply(this, arguments);
     _this.state = {
       portals: []
     };
@@ -517,7 +494,7 @@ var RenderersPortalManager = /*#__PURE__*/function (_React$Component) {
   return RenderersPortalManager;
 }(React__default["default"].Component);
 
-var version="0.0.0-next-d96e9b5-20240220";
+var version="0.0.0-next-fb8f40a-20240221";
 
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -1658,14 +1635,15 @@ var PropTypes = propTypes;
  *
  * ```
  *
- * @class HotTableCB
+ * @class HotTable
  */
-var HotTableClass = /*#__PURE__*/function (_React$Component) {
-  _inherits(HotTableClass, _React$Component);
-  function HotTableClass() {
+var HotTable = /*#__PURE__*/function (_React$Component) {
+  _inherits(HotTable, _React$Component);
+  var _super = _createSuper(HotTable);
+  function HotTable() {
     var _this;
-    _classCallCheck(this, HotTableClass);
-    _this = _callSuper(this, HotTableClass, arguments);
+    _classCallCheck(this, HotTable);
+    _this = _super.apply(this, arguments);
     /**
      * The `id` of the main Handsontable DOM element.
      *
@@ -1698,17 +1676,9 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
      */
     _this.renderersPortalManager = null;
     /**
-     * Map that stores React portals.
-     * @type {Map<string, React.ReactPortal>}
-     */
-    _this.portalCache = new Map();
-    /**
-     * Portal Container Cache
-     *
-     * @private
-     * @type {Map}
+     * Array containing the portals cashed to be rendered in bulk after Handsontable's render cycle.
      */
-    _this.portalContainerCache = new Map();
+    _this.portalCacheArray = [];
     /**
      * The rendered cells cache.
      *
@@ -1738,7 +1708,7 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
    *
    * @returns The version number of the package.
    */
-  _createClass(HotTableClass, [{
+  _createClass(HotTable, [{
     key: "hotInstance",
     get:
     /**
@@ -1760,16 +1730,6 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
     set: function set(hotInstance) {
       this.__hotInstance = hotInstance;
     }
-    /**
-     * Get Portal Container Cache
-     *
-     * @returns {Map}
-     */
-  }, {
-    key: "getPortalContainerCache",
-    value: function getPortalContainerCache() {
-      return this.portalContainerCache;
-    }
     /**
      * Get the rendered table cell cache.
      *
@@ -1807,10 +1767,7 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getOwnerDocument",
     value: function getOwnerDocument() {
-      if (isCSR()) {
-        return this.hotElementRef ? this.hotElementRef.ownerDocument : document;
-      }
-      return null;
+      return this.hotElementRef ? this.hotElementRef.ownerDocument : document;
     }
     /**
      * Set the reference to the main Handsontable DOM element.
@@ -1832,44 +1789,30 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
     key: "getRendererWrapper",
     value: function getRendererWrapper(rendererElement) {
       var hotTableComponent = this;
-      return function __internalRenderer(instance, TD, row, col, prop, value, cellProperties) {
+      return function (instance, TD, row, col, prop, value, cellProperties) {
         var renderedCellCache = hotTableComponent.getRenderedCellCache();
-        var portalContainerCache = hotTableComponent.getPortalContainerCache();
-        var key = "".concat(row, "-").concat(col);
-        // Handsontable.Core type is missing guid
-        var instanceGuid = instance.guid;
-        var portalContainerKey = "".concat(instanceGuid, "-").concat(key);
-        var portalKey = "".concat(key, "-").concat(instanceGuid);
-        if (renderedCellCache.has(key)) {
-          TD.innerHTML = renderedCellCache.get(key).innerHTML;
+        if (renderedCellCache.has("".concat(row, "-").concat(col))) {
+          TD.innerHTML = renderedCellCache.get("".concat(row, "-").concat(col)).innerHTML;
         }
         if (TD && !TD.getAttribute('ghost-table')) {
-          var cachedPortal = hotTableComponent.portalCache.get(portalKey);
-          var cachedPortalContainer = portalContainerCache.get(portalContainerKey);
+          var _createPortal = createPortal(rendererElement, {
+              TD: TD,
+              row: row,
+              col: col,
+              prop: prop,
+              value: value,
+              cellProperties: cellProperties,
+              isRenderer: true
+            }, TD.ownerDocument),
+            portal = _createPortal.portal,
+            portalContainer = _createPortal.portalContainer;
           while (TD.firstChild) {
             TD.removeChild(TD.firstChild);
           }
-          // if portal already exists, do not recreate
-          if (cachedPortal && cachedPortalContainer) {
-            TD.appendChild(cachedPortalContainer);
-          } else {
-            var _createPortal = createPortal(rendererElement, {
-                TD: TD,
-                row: row,
-                col: col,
-                prop: prop,
-                value: value,
-                cellProperties: cellProperties,
-                isRenderer: true
-              }, TD.ownerDocument, portalKey, cachedPortalContainer),
-              portal = _createPortal.portal,
-              portalContainer = _createPortal.portalContainer;
-            portalContainerCache.set(portalContainerKey, portalContainer);
-            TD.appendChild(portalContainer);
-            hotTableComponent.portalCache.set(portalKey, portal);
-          }
+          TD.appendChild(portalContainer);
+          hotTableComponent.portalCacheArray.push(portal);
         }
-        renderedCellCache.set(key, TD);
+        renderedCellCache.set("".concat(row, "-").concat(col), TD);
         return TD;
       };
     }
@@ -1901,10 +1844,11 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
     value: function makeEditorClass(editorComponent) {
       var customEditorClass = /*#__PURE__*/function (_Handsontable$editors) {
         _inherits(CustomEditor, _Handsontable$editors);
+        var _super2 = _createSuper(CustomEditor);
         function CustomEditor(hotInstance) {
           var _this2;
           _classCallCheck(this, CustomEditor);
-          _this2 = _callSuper(this, CustomEditor, [hotInstance]);
+          _this2 = _super2.call(this, hotInstance);
           editorComponent.hotCustomEditorInstance = _assertThisInitialized(_this2);
           _this2.editorComponent = editorComponent;
           return _this2;
@@ -1978,23 +1922,13 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
       if (globalEditorNode) {
         newSettings.editor = this.getEditorClass(globalEditorNode, GLOBAL_EDITOR_SCOPE);
       } else {
-        var _this$props$settings;
-        if (this.props.editor || (_this$props$settings = this.props.settings) !== null && _this$props$settings !== void 0 && _this$props$settings.editor) {
-          newSettings.editor = this.props.editor || this.props.settings.editor;
-        } else {
-          newSettings.editor = registry.getEditor('text');
-        }
+        newSettings.editor = this.props.editor || (this.props.settings ? this.props.settings.editor : void 0);
       }
       if (globalRendererNode) {
         newSettings.renderer = this.getRendererWrapper(globalRendererNode);
         this.componentRendererColumns.set('global', true);
       } else {
-        var _this$props$settings2;
-        if (this.props.renderer || (_this$props$settings2 = this.props.settings) !== null && _this$props$settings2 !== void 0 && _this$props$settings2.renderer) {
-          newSettings.renderer = this.props.renderer || this.props.settings.renderer;
-        } else {
-          newSettings.renderer = registry$1.getRenderer('text');
-        }
+        newSettings.renderer = this.props.renderer || (this.props.settings ? this.props.settings.renderer : void 0);
       }
       return newSettings;
     }
@@ -2030,7 +1964,6 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "handsontableBeforeViewRender",
     value: function handsontableBeforeViewRender() {
-      this.portalCache.clear();
       this.getRenderedCellCache().clear();
     }
     /**
@@ -2039,8 +1972,11 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "handsontableAfterViewRender",
     value: function handsontableAfterViewRender() {
+      var _this3 = this;
       this.renderersPortalManager.setState({
-        portals: _toConsumableArray(this.portalCache.values())
+        portals: _toConsumableArray(this.portalCacheArray)
+      }, function () {
+        _this3.portalCacheArray = [];
       });
     }
     /**
@@ -2076,14 +2012,14 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this3 = this;
+      var _this4 = this;
       var newGlobalSettings = this.createNewGlobalSettings();
       this.hotInstance = new Handsontable__default["default"].Core(this.hotElementRef, newGlobalSettings);
       this.hotInstance.addHook('beforeViewRender', function () {
-        return _this3.handsontableBeforeViewRender();
+        return _this4.handsontableBeforeViewRender();
       });
       this.hotInstance.addHook('afterViewRender', function () {
-        return _this3.handsontableAfterViewRender();
+        return _this4.handsontableAfterViewRender();
       });
       // `init` missing in Handsontable's type definitions.
       this.hotInstance.init();
@@ -2117,7 +2053,8 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this4 = this;
+      var _this5 = this;
+      var containerProps = getContainerAttributesProps(this.props);
       var isHotColumn = function isHotColumn(childNode) {
         return childNode.type === HotColumn;
       };
@@ -2127,18 +2064,17 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
         return isHotColumn(childNode);
       }).map(function (childNode, columnIndex) {
         return React__default["default"].cloneElement(childNode, {
-          _componentRendererColumns: _this4.componentRendererColumns,
-          _emitColumnSettings: _this4.setHotColumnSettings.bind(_this4),
+          _componentRendererColumns: _this5.componentRendererColumns,
+          _emitColumnSettings: _this5.setHotColumnSettings.bind(_this5),
           _columnIndex: columnIndex,
-          _getChildElementByType: getChildElementByType.bind(_this4),
-          _getRendererWrapper: _this4.getRendererWrapper.bind(_this4),
-          _getEditorClass: _this4.getEditorClass.bind(_this4),
-          _getOwnerDocument: _this4.getOwnerDocument.bind(_this4),
-          _getEditorCache: _this4.getEditorCache.bind(_this4),
+          _getChildElementByType: getChildElementByType.bind(_this5),
+          _getRendererWrapper: _this5.getRendererWrapper.bind(_this5),
+          _getEditorClass: _this5.getEditorClass.bind(_this5),
+          _getOwnerDocument: _this5.getOwnerDocument.bind(_this5),
+          _getEditorCache: _this5.getEditorCache.bind(_this5),
           children: childNode.props.children
         });
       });
-      var containerProps = getContainerAttributesProps(this.props);
       var editorPortal = createEditorPortal(this.getOwnerDocument(), this.getGlobalEditorElement());
       return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", Object.assign({
         ref: this.setHotElementRef.bind(this)
@@ -2152,39 +2088,24 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
       return version;
     }
   }]);
-  return HotTableClass;
+  return HotTable;
 }(React__default["default"].Component);
 /**
  * Prop types to be checked at runtime.
  */
-HotTableClass.propTypes = {
+HotTable.propTypes = {
   style: PropTypes.object,
   id: PropTypes.string,
   className: PropTypes.string
 };
 
-var _excluded = ["children"];
-// Use global React variable for `forwardRef` access (React 16 support)
-var HotTable = React__default["default"].forwardRef(function (_ref, ref) {
-  var _props$id;
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var generatedId = typeof React__default["default"].useId === 'function' ? React__default["default"].useId() : undefined;
-  var componentId = (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : generatedId;
-  return React__default["default"].createElement(HotTableClass, Object.assign({
-    id: componentId
-  }, props, {
-    ref: ref
-  }), children);
-});
-HotTable.version = HotTableClass.version;
-
 var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(BaseEditorComponent, _React$Component);
+  var _super = _createSuper(BaseEditorComponent);
   function BaseEditorComponent() {
     var _this;
     _classCallCheck(this, BaseEditorComponent);
-    _this = _callSuper(this, BaseEditorComponent, arguments);
+    _this = _super.apply(this, arguments);
     _this.name = 'BaseEditorComponent';
     _this.instance = null;
     _this.row = null;
@@ -2449,5 +2370,4 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
 exports.BaseEditorComponent = BaseEditorComponent;
 exports.HotColumn = HotColumn;
 exports.HotTable = HotTable;
-exports.HotTableClass = HotTableClass;
 exports["default"] = HotTable;