@handsontable/react 14.0.0 → 14.1.0-next-514dcd3-20240109

package/commonjs/react-handsontable.js

@@ -12,6 +12,17 @@ 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);
   if (Object.getOwnPropertySymbols) {
@@ -33,6 +44,20 @@ function _objectSpread2(e) {
   }
   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);
+}
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -107,16 +132,32 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-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;
+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];
+    }
   }
+  return target;
 }
 function _assertThisInitialized(self) {
   if (self === void 0) {
@@ -132,20 +173,6 @@ 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();
 }
@@ -171,20 +198,6 @@ 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;
 /**
@@ -251,14 +264,12 @@ 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() {
-  var doc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
-  var editorElement = arguments.length > 1 ? arguments[1] : undefined;
-  if (editorElement === null) {
+function createEditorPortal(doc, editorElement) {
+  if (typeof doc === 'undefined' || editorElement === null) {
     return null;
   }
   var containerProps = getContainerAttributesProps(editorElement.props, false);
@@ -331,11 +342,19 @@ 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) : void 0),
+    id: props.id || (randomizeId ? 'hot-' + Math.random().toString(36).substring(5) : undefined),
     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() {
@@ -373,10 +392,9 @@ var SettingsMapper = /*#__PURE__*/function () {
 
 var HotColumn = /*#__PURE__*/function (_React$Component) {
   _inherits(HotColumn, _React$Component);
-  var _super = _createSuper(HotColumn);
   function HotColumn() {
     _classCallCheck(this, HotColumn);
-    return _super.apply(this, arguments);
+    return _callSuper(this, HotColumn, arguments);
   }
   _createClass(HotColumn, [{
     key: "getSettingsProps",
@@ -475,11 +493,10 @@ 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 = _super.apply(this, arguments);
+    _this = _callSuper(this, RenderersPortalManager, arguments);
     _this.state = {
       portals: []
     };
@@ -494,7 +511,7 @@ var RenderersPortalManager = /*#__PURE__*/function (_React$Component) {
   return RenderersPortalManager;
 }(React__default["default"].Component);
 
-var version="14.0.0";
+var version="14.1.0-next-514dcd3-20240109";
 
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -1635,15 +1652,14 @@ var PropTypes = propTypes;
  *
  * ```
  *
- * @class HotTable
+ * @class HotTableCB
  */
-var HotTable = /*#__PURE__*/function (_React$Component) {
-  _inherits(HotTable, _React$Component);
-  var _super = _createSuper(HotTable);
-  function HotTable() {
+var HotTableClass = /*#__PURE__*/function (_React$Component) {
+  _inherits(HotTableClass, _React$Component);
+  function HotTableClass() {
     var _this;
-    _classCallCheck(this, HotTable);
-    _this = _super.apply(this, arguments);
+    _classCallCheck(this, HotTableClass);
+    _this = _callSuper(this, HotTableClass, arguments);
     /**
      * The `id` of the main Handsontable DOM element.
      *
@@ -1708,7 +1724,7 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
    *
    * @returns The version number of the package.
    */
-  _createClass(HotTable, [{
+  _createClass(HotTableClass, [{
     key: "hotInstance",
     get:
     /**
@@ -1767,7 +1783,10 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getOwnerDocument",
     value: function getOwnerDocument() {
-      return this.hotElementRef ? this.hotElementRef.ownerDocument : document;
+      if (isCSR()) {
+        return this.hotElementRef ? this.hotElementRef.ownerDocument : document;
+      }
+      return null;
     }
     /**
      * Set the reference to the main Handsontable DOM element.
@@ -1844,11 +1863,10 @@ var HotTable = /*#__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 = _super2.call(this, hotInstance);
+          _this2 = _callSuper(this, CustomEditor, [hotInstance]);
           editorComponent.hotCustomEditorInstance = _assertThisInitialized(_this2);
           _this2.editorComponent = editorComponent;
           return _this2;
@@ -2054,7 +2072,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this5 = this;
-      var containerProps = getContainerAttributesProps(this.props);
       var isHotColumn = function isHotColumn(childNode) {
         return childNode.type === HotColumn;
       };
@@ -2075,6 +2092,7 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
           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)
@@ -2088,24 +2106,39 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
       return version;
     }
   }]);
-  return HotTable;
+  return HotTableClass;
 }(React__default["default"].Component);
 /**
  * Prop types to be checked at runtime.
  */
-HotTable.propTypes = {
+HotTableClass.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 = _super.apply(this, arguments);
+    _this = _callSuper(this, BaseEditorComponent, arguments);
     _this.name = 'BaseEditorComponent';
     _this.instance = null;
     _this.row = null;

package/dist/react-handsontable.js

@@ -25,7 +25,7 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 14.0.0 (built at Thu Nov 30 2023 10:12:29 GMT+0100 (Central European Standard Time))
+ * Version: 14.1.0-next-514dcd3-20240109 (built at Tue Jan 09 2024 11:44:33 GMT+0000 (Coordinated Universal Time))
  */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable/base')) :
@@ -39,6 +39,17 @@ 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);
   if (Object.getOwnPropertySymbols) {
@@ -60,6 +71,20 @@ function _objectSpread2(e) {
   }
   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);
+}
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -134,16 +159,32 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-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;
+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];
+    }
   }
+  return target;
 }
 function _assertThisInitialized(self) {
   if (self === void 0) {
@@ -159,20 +200,6 @@ 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();
 }
@@ -198,20 +225,6 @@ 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;
 /**
@@ -278,14 +291,12 @@ 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() {
-  var doc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
-  var editorElement = arguments.length > 1 ? arguments[1] : undefined;
-  if (editorElement === null) {
+function createEditorPortal(doc, editorElement) {
+  if (typeof doc === 'undefined' || editorElement === null) {
     return null;
   }
   var containerProps = getContainerAttributesProps(editorElement.props, false);
@@ -358,11 +369,19 @@ 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) : void 0),
+    id: props.id || (randomizeId ? 'hot-' + Math.random().toString(36).substring(5) : undefined),
     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() {
@@ -400,10 +419,9 @@ var SettingsMapper = /*#__PURE__*/function () {
 
 var HotColumn = /*#__PURE__*/function (_React$Component) {
   _inherits(HotColumn, _React$Component);
-  var _super = _createSuper(HotColumn);
   function HotColumn() {
     _classCallCheck(this, HotColumn);
-    return _super.apply(this, arguments);
+    return _callSuper(this, HotColumn, arguments);
   }
   _createClass(HotColumn, [{
     key: "getSettingsProps",
@@ -502,11 +520,10 @@ 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 = _super.apply(this, arguments);
+    _this = _callSuper(this, RenderersPortalManager, arguments);
     _this.state = {
       portals: []
     };
@@ -521,7 +538,7 @@ var RenderersPortalManager = /*#__PURE__*/function (_React$Component) {
   return RenderersPortalManager;
 }(React__default["default"].Component);
 
-var version="14.0.0";
+var version="14.1.0-next-514dcd3-20240109";
 
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -884,15 +901,14 @@ var PropTypes = propTypes;
  *
  * ```
  *
- * @class HotTable
+ * @class HotTableCB
  */
-var HotTable = /*#__PURE__*/function (_React$Component) {
-  _inherits(HotTable, _React$Component);
-  var _super = _createSuper(HotTable);
-  function HotTable() {
+var HotTableClass = /*#__PURE__*/function (_React$Component) {
+  _inherits(HotTableClass, _React$Component);
+  function HotTableClass() {
     var _this;
-    _classCallCheck(this, HotTable);
-    _this = _super.apply(this, arguments);
+    _classCallCheck(this, HotTableClass);
+    _this = _callSuper(this, HotTableClass, arguments);
     /**
      * The `id` of the main Handsontable DOM element.
      *
@@ -957,7 +973,7 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
    *
    * @returns The version number of the package.
    */
-  _createClass(HotTable, [{
+  _createClass(HotTableClass, [{
     key: "hotInstance",
     get:
     /**
@@ -1016,7 +1032,10 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getOwnerDocument",
     value: function getOwnerDocument() {
-      return this.hotElementRef ? this.hotElementRef.ownerDocument : document;
+      if (isCSR()) {
+        return this.hotElementRef ? this.hotElementRef.ownerDocument : document;
+      }
+      return null;
     }
     /**
      * Set the reference to the main Handsontable DOM element.
@@ -1093,11 +1112,10 @@ var HotTable = /*#__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 = _super2.call(this, hotInstance);
+          _this2 = _callSuper(this, CustomEditor, [hotInstance]);
           editorComponent.hotCustomEditorInstance = _assertThisInitialized(_this2);
           _this2.editorComponent = editorComponent;
           return _this2;
@@ -1303,7 +1321,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this5 = this;
-      var containerProps = getContainerAttributesProps(this.props);
       var isHotColumn = function isHotColumn(childNode) {
         return childNode.type === HotColumn;
       };
@@ -1324,6 +1341,7 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
           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)
@@ -1337,24 +1355,39 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
       return version;
     }
   }]);
-  return HotTable;
+  return HotTableClass;
 }(React__default["default"].Component);
 /**
  * Prop types to be checked at runtime.
  */
-HotTable.propTypes = {
+HotTableClass.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 = _super.apply(this, arguments);
+    _this = _callSuper(this, BaseEditorComponent, arguments);
     _this.name = 'BaseEditorComponent';
     _this.instance = null;
     _this.row = null;