@handsontable/react 9.0.2 → 11.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,40 +1,37 @@
1
1
  /*!
2
2
  * Copyright (c) HANDSONCODE sp. z o. o.
3
3
  *
4
- * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o.,
5
- * a Polish corporation, based in Gdynia, Poland, at 96/98 Aleja Zwycięstwa,
6
- * registered with the National Court Register under number 538651,
7
- * EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
4
+ * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., a Polish corporation based in
5
+ * Gdynia, Poland, at Aleja Zwycięstwa 96-98, registered by the District Court in Gdansk under number
6
+ * 538651, EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
8
7
  *
9
- * This software is protected by applicable copyright laws, including
10
- * international treaties, and dual-licensed – depending on whether
11
- * your use is intended for or may result in commercial advantage
12
- * or monetary compensation (commercial purposes), or not.
8
+ * This software is protected by applicable copyright laws, including international treaties, and dual-
9
+ * licensed – depending on whether your use for commercial purposes, meaning intended for or
10
+ * resulting in commercial advantage or monetary compensation, or not.
13
11
  *
14
- * If your use involves only such purposes as research, private study,
15
- * evaluation and the like, you agree to be bound by the terms included
16
- * in the "handsontable-non-commercial-license.pdf" file, available
17
- * in the main directory of this software repository.
12
+ * If your use is strictly personal or solely for evaluation purposes, meaning for the purposes of testing
13
+ * the suitability, performance, and usefulness of this software outside the production environment,
14
+ * you agree to be bound by the terms included in the "handsontable-non-commercial-license.pdf" file.
18
15
  *
19
- * By installing, copying, or otherwise using this software for
20
- * commercial purposes, you agree to be bound by the terms included
21
- * in the "handsontable-general-terms.pdf" file, available in the main
22
- * directory of this software repository.
16
+ * Your use of this software for commercial purposes is subject to the terms included in an applicable
17
+ * license agreement.
23
18
  *
24
- * HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS" BASIS,
25
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND. IN NO EVENT
26
- * AND UNDER NO LEGAL THEORY, SHALL HANDSONCODE BE LIABLE
27
- * TO YOU FOR DAMAGES, INCLUDING ANY DIRECT, INDIRECT, SPECIAL,
28
- * INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING
29
- * FROM USE OR INABILITY TO USE THIS SOFTWARE.
19
+ * In any case, you must not make any such use of this software as to develop software which may be
20
+ * considered competitive with this software.
30
21
  *
31
- * Version: 9.0.2 (built at Tue Jul 20 2021 14:41:10 GMT+0200 (Central European Summer Time))
22
+ * UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS"
23
+ * BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, AND IN NO EVENT AND UNDER NO
24
+ * LEGAL THEORY, SHALL HANDSONCODE BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY DIRECT,
25
+ * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
26
+ * USE OR INABILITY TO USE THIS SOFTWARE.
27
+ *
28
+ * Version: 11.1.0 (built at Thu Jan 13 2022 12:32:00 GMT+0100 (Central European Standard Time))
32
29
  */
33
30
  (function (global, factory) {
34
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable')) :
35
- typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom', 'handsontable'], factory) :
31
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable/base')) :
32
+ typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom', 'handsontable/base'], factory) :
36
33
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.Handsontable = global.Handsontable || {}, global.Handsontable.react = {}), global.React, global.ReactDOM, global.Handsontable));
37
- }(this, (function (exports, React, ReactDOM, Handsontable) { 'use strict';
34
+ })(this, (function (exports, React, ReactDOM, Handsontable) { 'use strict';
38
35
 
39
36
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
40
37
 
@@ -47,14 +44,9 @@ function ownKeys(object, enumerableOnly) {
47
44
 
48
45
  if (Object.getOwnPropertySymbols) {
49
46
  var symbols = Object.getOwnPropertySymbols(object);
50
-
51
- if (enumerableOnly) {
52
- symbols = symbols.filter(function (sym) {
53
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
54
- });
55
- }
56
-
57
- keys.push.apply(keys, symbols);
47
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
48
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
49
+ })), keys.push.apply(keys, symbols);
58
50
  }
59
51
 
60
52
  return keys;
@@ -62,19 +54,12 @@ function ownKeys(object, enumerableOnly) {
62
54
 
63
55
  function _objectSpread2(target) {
64
56
  for (var i = 1; i < arguments.length; i++) {
65
- var source = arguments[i] != null ? arguments[i] : {};
66
-
67
- if (i % 2) {
68
- ownKeys(Object(source), true).forEach(function (key) {
69
- _defineProperty(target, key, source[key]);
70
- });
71
- } else if (Object.getOwnPropertyDescriptors) {
72
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
73
- } else {
74
- ownKeys(Object(source)).forEach(function (key) {
75
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
76
- });
77
- }
57
+ var source = null != arguments[i] ? arguments[i] : {};
58
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
59
+ _defineProperty(target, key, source[key]);
60
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
61
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
62
+ });
78
63
  }
79
64
 
80
65
  return target;
@@ -83,17 +68,11 @@ function _objectSpread2(target) {
83
68
  function _typeof(obj) {
84
69
  "@babel/helpers - typeof";
85
70
 
86
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
87
- _typeof = function (obj) {
88
- return typeof obj;
89
- };
90
- } else {
91
- _typeof = function (obj) {
92
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
93
- };
94
- }
95
-
96
- return _typeof(obj);
71
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
72
+ return typeof obj;
73
+ } : function (obj) {
74
+ return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
75
+ }, _typeof(obj);
97
76
  }
98
77
 
99
78
  function _classCallCheck(instance, Constructor) {
@@ -115,6 +94,9 @@ function _defineProperties(target, props) {
115
94
  function _createClass(Constructor, protoProps, staticProps) {
116
95
  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
117
96
  if (staticProps) _defineProperties(Constructor, staticProps);
97
+ Object.defineProperty(Constructor, "prototype", {
98
+ writable: false
99
+ });
118
100
  return Constructor;
119
101
  }
120
102
 
@@ -145,6 +127,9 @@ function _inherits(subClass, superClass) {
145
127
  configurable: true
146
128
  }
147
129
  });
130
+ Object.defineProperty(subClass, "prototype", {
131
+ writable: false
132
+ });
148
133
  if (superClass) _setPrototypeOf(subClass, superClass);
149
134
  }
150
135
 
@@ -188,6 +173,8 @@ function _assertThisInitialized(self) {
188
173
  function _possibleConstructorReturn(self, call) {
189
174
  if (call && (typeof call === "object" || typeof call === "function")) {
190
175
  return call;
176
+ } else if (call !== void 0) {
177
+ throw new TypeError("Derived constructors may only return object or undefined");
191
178
  }
192
179
 
193
180
  return _assertThisInitialized(self);
@@ -223,6 +210,11 @@ var AUTOSIZE_WARNING = 'Your `HotTable` configuration includes `autoRowSize`/`au
223
210
  */
224
211
 
225
212
  var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' + ' used properly.';
213
+ /**
214
+ * String identifier for the global-scoped editor components.
215
+ */
216
+
217
+ var GLOBAL_EDITOR_SCOPE = 'global';
226
218
  /**
227
219
  * Default classname given to the wrapper container.
228
220
  */
@@ -250,8 +242,8 @@ function warn() {
250
242
  */
251
243
 
252
244
  function getChildElementByType(children, type) {
253
- var childrenArray = React__default['default'].Children.toArray(children);
254
- var childrenCount = React__default['default'].Children.count(children);
245
+ var childrenArray = React__default["default"].Children.toArray(children);
246
+ var childrenCount = React__default["default"].Children.count(children);
255
247
  var wantedChild = null;
256
248
 
257
249
  if (childrenCount !== 0) {
@@ -330,17 +322,20 @@ function createEditorPortal() {
330
322
  }
331
323
 
332
324
  doc.body.appendChild(editorContainer);
333
- return ReactDOM__default['default'].createPortal(editorElement, editorContainer);
325
+ return ReactDOM__default["default"].createPortal(editorElement, editorContainer);
334
326
  }
335
327
  /**
336
328
  * Get an editor element extended with a instance-emitting method.
337
329
  *
338
330
  * @param {React.ReactNode} children Component children.
339
331
  * @param {Map} editorCache Component's editor cache.
332
+ * @param {string|number} [editorColumnScope] The editor scope (column index or a 'global' string). Defaults to
333
+ * 'global'.
340
334
  * @returns {React.ReactElement} An editor element containing the additional methods.
341
335
  */
342
336
 
343
337
  function getExtendedEditorElement(children, editorCache) {
338
+ var editorColumnScope = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : GLOBAL_EDITOR_SCOPE;
344
339
  var editorElement = getChildElementByType(children, 'hot-editor');
345
340
  var editorClass = getOriginalEditorClass(editorElement);
346
341
 
@@ -348,10 +343,16 @@ function getExtendedEditorElement(children, editorCache) {
348
343
  return null;
349
344
  }
350
345
 
351
- return React__default['default'].cloneElement(editorElement, {
352
- emitEditorInstance: function emitEditorInstance(editorInstance) {
353
- editorCache.set(editorClass, editorInstance);
346
+ return React__default["default"].cloneElement(editorElement, {
347
+ emitEditorInstance: function emitEditorInstance(editorInstance, editorColumnScope) {
348
+ if (!editorCache.get(editorClass)) {
349
+ editorCache.set(editorClass, new Map());
350
+ }
351
+
352
+ var cacheEntry = editorCache.get(editorClass);
353
+ cacheEntry.set(editorColumnScope !== null && editorColumnScope !== void 0 ? editorColumnScope : GLOBAL_EDITOR_SCOPE, editorInstance);
354
354
  },
355
+ editorColumnScope: editorColumnScope,
355
356
  isEditor: true
356
357
  });
357
358
  }
@@ -378,11 +379,11 @@ function createPortal(rElement, props, callback) {
378
379
 
379
380
  var portalContainer = ownerDocument.createElement('DIV');
380
381
  bulkComponentContainer.appendChild(portalContainer);
381
- var extendedRendererElement = React__default['default'].cloneElement(rElement, _objectSpread2({
382
+ var extendedRendererElement = React__default["default"].cloneElement(rElement, _objectSpread2({
382
383
  key: "".concat(props.row, "-").concat(props.col)
383
384
  }, props));
384
385
  return {
385
- portal: ReactDOM__default['default'].createPortal(extendedRendererElement, portalContainer, "".concat(props.row, "-").concat(props.col, "-").concat(Math.random())),
386
+ portal: ReactDOM__default["default"].createPortal(extendedRendererElement, portalContainer, "".concat(props.row, "-").concat(props.col, "-").concat(Math.random())),
386
387
  portalContainer: portalContainer
387
388
  };
388
389
  }
@@ -411,7 +412,7 @@ function getContainerAttributesProps(props) {
411
412
  */
412
413
 
413
414
  function addUnsafePrefixes(instance) {
414
- var reactSemverArray = React__default['default'].version.split('.').map(function (v) {
415
+ var reactSemverArray = React__default["default"].version.split('.').map(function (v) {
415
416
  return parseInt(v);
416
417
  });
417
418
  var shouldPrefix = reactSemverArray[0] >= 16 && reactSemverArray[1] >= 3;
@@ -555,7 +556,7 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
555
556
  }, {
556
557
  key: "getLocalEditorElement",
557
558
  value: function getLocalEditorElement() {
558
- return getExtendedEditorElement(this.props.children, this.props._getEditorCache());
559
+ return getExtendedEditorElement(this.props.children, this.props._getEditorCache(), this.props._columnIndex);
559
560
  }
560
561
  /**
561
562
  * Create the column settings based on the data provided to the `HotColumn` component and it's child components.
@@ -580,7 +581,7 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
580
581
  }
581
582
 
582
583
  if (editorElement !== null) {
583
- this.columnSettings.editor = this.props._getEditorClass(editorElement);
584
+ this.columnSettings.editor = this.props._getEditorClass(editorElement, this.props._columnIndex);
584
585
  } else if (this.hasProp('editor')) {
585
586
  this.columnSettings.editor = this.props.editor;
586
587
  } else {
@@ -600,7 +601,7 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
600
601
 
601
602
  var editorCache = this.props._getEditorCache();
602
603
 
603
- var localEditorElement = getExtendedEditorElement(children, editorCache);
604
+ var localEditorElement = getExtendedEditorElement(children, editorCache, this.props._columnIndex);
604
605
 
605
606
  if (localEditorElement) {
606
607
  this.setLocalEditorPortal(createEditorPortal(this.props._getOwnerDocument(), localEditorElement, editorCache));
@@ -668,12 +669,12 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
668
669
  }, {
669
670
  key: "render",
670
671
  value: function render() {
671
- return React__default['default'].createElement(React__default['default'].Fragment, null, this.getLocalEditorPortal());
672
+ return React__default["default"].createElement(React__default["default"].Fragment, null, this.getLocalEditorPortal());
672
673
  }
673
674
  }]);
674
675
 
675
676
  return HotColumn;
676
- }(React__default['default'].Component);
677
+ }(React__default["default"].Component);
677
678
 
678
679
  /**
679
680
  * Component class used to manage the renderer component portals.
@@ -699,14 +700,14 @@ var PortalManager = /*#__PURE__*/function (_React$Component) {
699
700
  _createClass(PortalManager, [{
700
701
  key: "render",
701
702
  value: function render() {
702
- return React__default['default'].createElement(React__default['default'].Fragment, null, this.state.portals);
703
+ return React__default["default"].createElement(React__default["default"].Fragment, null, this.state.portals);
703
704
  }
704
705
  }]);
705
706
 
706
707
  return PortalManager;
707
- }(React__default['default'].Component);
708
+ }(React__default["default"].Component);
708
709
 
709
- var version="9.0.2";
710
+ var version="11.1.0";
710
711
 
711
712
  function createCommonjsModule(fn, module) {
712
713
  return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -1051,6 +1052,7 @@ var factoryWithThrowingShims = function factoryWithThrowingShims() {
1051
1052
 
1052
1053
  var ReactPropTypes = {
1053
1054
  array: shim,
1055
+ bigint: shim,
1054
1056
  bool: shim,
1055
1057
  func: shim,
1056
1058
  number: shim,
@@ -1088,6 +1090,7 @@ var propTypes = createCommonjsModule(function (module) {
1088
1090
  module.exports = factoryWithThrowingShims();
1089
1091
  }
1090
1092
  });
1093
+ var PropTypes = propTypes;
1091
1094
 
1092
1095
  /**
1093
1096
  * A Handsontable-ReactJS wrapper.
@@ -1363,15 +1366,20 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1363
1366
  * Create a fresh class to be used as an editor, based on the provided editor React element.
1364
1367
  *
1365
1368
  * @param {React.ReactElement} editorElement React editor component.
1369
+ * @param {string|number} [editorColumnScope] The editor scope (column index or a 'global' string). Defaults to
1370
+ * 'global'.
1366
1371
  * @returns {Function} A class to be passed to the Handsontable editor settings.
1367
1372
  */
1368
1373
 
1369
1374
  }, {
1370
1375
  key: "getEditorClass",
1371
1376
  value: function getEditorClass(editorElement) {
1377
+ var _editorCache$get;
1378
+
1379
+ var editorColumnScope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GLOBAL_EDITOR_SCOPE;
1372
1380
  var editorClass = getOriginalEditorClass(editorElement);
1373
1381
  var editorCache = this.getEditorCache();
1374
- var cachedComponent = editorCache.get(editorClass);
1382
+ var cachedComponent = (_editorCache$get = editorCache.get(editorClass)) === null || _editorCache$get === void 0 ? void 0 : _editorCache$get.get(editorColumnScope);
1375
1383
  return this.makeEditorClass(cachedComponent);
1376
1384
  }
1377
1385
  /**
@@ -1389,12 +1397,12 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1389
1397
 
1390
1398
  var _super2 = _createSuper(CustomEditor);
1391
1399
 
1392
- function CustomEditor(hotInstance, row, col, prop, TD, cellProperties) {
1400
+ function CustomEditor(hotInstance) {
1393
1401
  var _this2;
1394
1402
 
1395
1403
  _classCallCheck(this, CustomEditor);
1396
1404
 
1397
- _this2 = _super2.call(this, hotInstance, row, col, prop, TD, cellProperties);
1405
+ _this2 = _super2.call(this, hotInstance);
1398
1406
  editorComponent.hotCustomEditorInstance = _assertThisInitialized(_this2);
1399
1407
  _this2.editorComponent = editorComponent;
1400
1408
  return _this2;
@@ -1418,10 +1426,10 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1418
1426
  }]);
1419
1427
 
1420
1428
  return CustomEditor;
1421
- }(Handsontable__default['default'].editors.BaseEditor); // Fill with the rest of the BaseEditor methods
1429
+ }(Handsontable__default["default"].editors.BaseEditor); // Fill with the rest of the BaseEditor methods
1422
1430
 
1423
1431
 
1424
- Object.getOwnPropertyNames(Handsontable__default['default'].editors.BaseEditor.prototype).forEach(function (propName) {
1432
+ Object.getOwnPropertyNames(Handsontable__default["default"].editors.BaseEditor.prototype).forEach(function (propName) {
1425
1433
  if (propName === 'constructor') {
1426
1434
  return;
1427
1435
  }
@@ -1494,7 +1502,7 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1494
1502
  newSettings.columns = this.columnSettings.length ? this.columnSettings : newSettings.columns;
1495
1503
 
1496
1504
  if (globalEditorNode) {
1497
- newSettings.editor = this.getEditorClass(globalEditorNode);
1505
+ newSettings.editor = this.getEditorClass(globalEditorNode, GLOBAL_EDITOR_SCOPE);
1498
1506
  } else {
1499
1507
  newSettings.editor = this.props.editor || (this.props.settings ? this.props.settings.editor : void 0);
1500
1508
  }
@@ -1517,7 +1525,9 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1517
1525
  }, {
1518
1526
  key: "displayAutoSizeWarning",
1519
1527
  value: function displayAutoSizeWarning(newGlobalSettings) {
1520
- if (this.hotInstance && (this.hotInstance.getPlugin('autoRowSize').enabled || this.hotInstance.getPlugin('autoColumnSize').enabled)) {
1528
+ var _this$hotInstance$get, _this$hotInstance$get2;
1529
+
1530
+ 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)) {
1521
1531
  if (this.componentRendererColumns.size > 0) {
1522
1532
  warn(AUTOSIZE_WARNING);
1523
1533
  }
@@ -1536,21 +1546,21 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1536
1546
  this.columnSettings[columnIndex] = columnSettings;
1537
1547
  }
1538
1548
  /**
1539
- * Handsontable's `beforeRender` hook callback.
1549
+ * Handsontable's `beforeViewRender` hook callback.
1540
1550
  */
1541
1551
 
1542
1552
  }, {
1543
- key: "handsontableBeforeRender",
1544
- value: function handsontableBeforeRender() {
1553
+ key: "handsontableBeforeViewRender",
1554
+ value: function handsontableBeforeViewRender() {
1545
1555
  this.getRenderedCellCache().clear();
1546
1556
  }
1547
1557
  /**
1548
- * Handsontable's `afterRender` hook callback.
1558
+ * Handsontable's `afterViewRender` hook callback.
1549
1559
  */
1550
1560
 
1551
1561
  }, {
1552
- key: "handsontableAfterRender",
1553
- value: function handsontableAfterRender() {
1562
+ key: "handsontableAfterViewRender",
1563
+ value: function handsontableAfterViewRender() {
1554
1564
  var _this3 = this;
1555
1565
 
1556
1566
  this.portalManager.setState(function () {
@@ -1610,12 +1620,12 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1610
1620
  value: function componentDidMount() {
1611
1621
  var hotTableComponent = this;
1612
1622
  var newGlobalSettings = this.createNewGlobalSettings();
1613
- this.hotInstance = new Handsontable__default['default'].Core(this.hotElementRef, newGlobalSettings);
1614
- this.hotInstance.addHook('beforeRender', function (isForced) {
1615
- hotTableComponent.handsontableBeforeRender();
1623
+ this.hotInstance = new Handsontable__default["default"].Core(this.hotElementRef, newGlobalSettings);
1624
+ this.hotInstance.addHook('beforeViewRender', function (isForced) {
1625
+ hotTableComponent.handsontableBeforeViewRender();
1616
1626
  });
1617
- this.hotInstance.addHook('afterRender', function () {
1618
- hotTableComponent.handsontableAfterRender();
1627
+ this.hotInstance.addHook('afterViewRender', function () {
1628
+ hotTableComponent.handsontableAfterViewRender();
1619
1629
  }); // `init` missing in Handsontable's type definitions.
1620
1630
 
1621
1631
  this.hotInstance.init();
@@ -1674,14 +1684,14 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1674
1684
  return childNode.type === HotColumn;
1675
1685
  };
1676
1686
 
1677
- var children = React__default['default'].Children.toArray(this.props.children); // filter out anything that's not a HotColumn
1687
+ var children = React__default["default"].Children.toArray(this.props.children); // filter out anything that's not a HotColumn
1678
1688
 
1679
1689
  children = children.filter(function (childNode) {
1680
1690
  return isHotColumn(childNode);
1681
1691
  }); // clone the HotColumn nodes and extend them with the callbacks
1682
1692
 
1683
1693
  var childClones = children.map(function (childNode, columnIndex) {
1684
- return React__default['default'].cloneElement(childNode, {
1694
+ return React__default["default"].cloneElement(childNode, {
1685
1695
  _componentRendererColumns: _this4.componentRendererColumns,
1686
1696
  _emitColumnSettings: _this4.setHotColumnSettings.bind(_this4),
1687
1697
  _columnIndex: columnIndex,
@@ -1695,12 +1705,12 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1695
1705
  }); // add the global editor to the list of children
1696
1706
 
1697
1707
  childClones.push(this.getGlobalEditorPortal());
1698
- return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement("div", {
1708
+ return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
1699
1709
  ref: this.setHotElementRef.bind(this),
1700
1710
  id: id,
1701
1711
  className: className,
1702
1712
  style: style
1703
- }, childClones), React__default['default'].createElement(PortalManager, {
1713
+ }, childClones), React__default["default"].createElement(PortalManager, {
1704
1714
  ref: this.setPortalManagerRef.bind(this)
1705
1715
  }));
1706
1716
  }
@@ -1712,16 +1722,16 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
1712
1722
  }]);
1713
1723
 
1714
1724
  return HotTable;
1715
- }(React__default['default'].Component);
1725
+ }(React__default["default"].Component);
1716
1726
  /**
1717
1727
  * Prop types to be checked at runtime.
1718
1728
  */
1719
1729
 
1720
1730
 
1721
1731
  HotTable.propTypes = {
1722
- style: propTypes.object,
1723
- id: propTypes.string,
1724
- className: propTypes.string
1732
+ style: PropTypes.object,
1733
+ id: PropTypes.string,
1734
+ className: PropTypes.string
1725
1735
  };
1726
1736
 
1727
1737
  var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
@@ -1749,7 +1759,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1749
1759
  _this.hot = null;
1750
1760
 
1751
1761
  if (props.emitEditorInstance) {
1752
- props.emitEditorInstance(_assertThisInitialized(_this));
1762
+ props.emitEditorInstance(_assertThisInitialized(_this), props.editorColumnScope);
1753
1763
  }
1754
1764
 
1755
1765
  return _this;
@@ -1765,7 +1775,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1765
1775
  args[_key] = arguments[_key];
1766
1776
  }
1767
1777
 
1768
- (_Handsontable$editors = Handsontable__default['default'].editors.BaseEditor.prototype._fireCallbacks).call.apply(_Handsontable$editors, [this.hotCustomEditorInstance].concat(args));
1778
+ (_Handsontable$editors = Handsontable__default["default"].editors.BaseEditor.prototype._fireCallbacks).call.apply(_Handsontable$editors, [this.hotCustomEditorInstance].concat(args));
1769
1779
  }
1770
1780
  }, {
1771
1781
  key: "beginEditing",
@@ -1776,7 +1786,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1776
1786
  args[_key2] = arguments[_key2];
1777
1787
  }
1778
1788
 
1779
- return (_Handsontable$editors2 = Handsontable__default['default'].editors.BaseEditor.prototype.beginEditing).call.apply(_Handsontable$editors2, [this.hotCustomEditorInstance].concat(args));
1789
+ return (_Handsontable$editors2 = Handsontable__default["default"].editors.BaseEditor.prototype.beginEditing).call.apply(_Handsontable$editors2, [this.hotCustomEditorInstance].concat(args));
1780
1790
  }
1781
1791
  }, {
1782
1792
  key: "cancelChanges",
@@ -1787,7 +1797,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1787
1797
  args[_key3] = arguments[_key3];
1788
1798
  }
1789
1799
 
1790
- return (_Handsontable$editors3 = Handsontable__default['default'].editors.BaseEditor.prototype.cancelChanges).call.apply(_Handsontable$editors3, [this.hotCustomEditorInstance].concat(args));
1800
+ return (_Handsontable$editors3 = Handsontable__default["default"].editors.BaseEditor.prototype.cancelChanges).call.apply(_Handsontable$editors3, [this.hotCustomEditorInstance].concat(args));
1791
1801
  }
1792
1802
  }, {
1793
1803
  key: "checkEditorSection",
@@ -1798,7 +1808,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1798
1808
  args[_key4] = arguments[_key4];
1799
1809
  }
1800
1810
 
1801
- return (_Handsontable$editors4 = Handsontable__default['default'].editors.BaseEditor.prototype.checkEditorSection).call.apply(_Handsontable$editors4, [this.hotCustomEditorInstance].concat(args));
1811
+ return (_Handsontable$editors4 = Handsontable__default["default"].editors.BaseEditor.prototype.checkEditorSection).call.apply(_Handsontable$editors4, [this.hotCustomEditorInstance].concat(args));
1802
1812
  }
1803
1813
  }, {
1804
1814
  key: "close",
@@ -1809,7 +1819,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1809
1819
  args[_key5] = arguments[_key5];
1810
1820
  }
1811
1821
 
1812
- return (_Handsontable$editors5 = Handsontable__default['default'].editors.BaseEditor.prototype.close).call.apply(_Handsontable$editors5, [this.hotCustomEditorInstance].concat(args));
1822
+ return (_Handsontable$editors5 = Handsontable__default["default"].editors.BaseEditor.prototype.close).call.apply(_Handsontable$editors5, [this.hotCustomEditorInstance].concat(args));
1813
1823
  }
1814
1824
  }, {
1815
1825
  key: "discardEditor",
@@ -1820,7 +1830,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1820
1830
  args[_key6] = arguments[_key6];
1821
1831
  }
1822
1832
 
1823
- return (_Handsontable$editors6 = Handsontable__default['default'].editors.BaseEditor.prototype.discardEditor).call.apply(_Handsontable$editors6, [this.hotCustomEditorInstance].concat(args));
1833
+ return (_Handsontable$editors6 = Handsontable__default["default"].editors.BaseEditor.prototype.discardEditor).call.apply(_Handsontable$editors6, [this.hotCustomEditorInstance].concat(args));
1824
1834
  }
1825
1835
  }, {
1826
1836
  key: "enableFullEditMode",
@@ -1831,7 +1841,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1831
1841
  args[_key7] = arguments[_key7];
1832
1842
  }
1833
1843
 
1834
- return (_Handsontable$editors7 = Handsontable__default['default'].editors.BaseEditor.prototype.enableFullEditMode).call.apply(_Handsontable$editors7, [this.hotCustomEditorInstance].concat(args));
1844
+ return (_Handsontable$editors7 = Handsontable__default["default"].editors.BaseEditor.prototype.enableFullEditMode).call.apply(_Handsontable$editors7, [this.hotCustomEditorInstance].concat(args));
1835
1845
  }
1836
1846
  }, {
1837
1847
  key: "extend",
@@ -1842,7 +1852,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1842
1852
  args[_key8] = arguments[_key8];
1843
1853
  }
1844
1854
 
1845
- return (_Handsontable$editors8 = Handsontable__default['default'].editors.BaseEditor.prototype.extend).call.apply(_Handsontable$editors8, [this.hotCustomEditorInstance].concat(args));
1855
+ return (_Handsontable$editors8 = Handsontable__default["default"].editors.BaseEditor.prototype.extend).call.apply(_Handsontable$editors8, [this.hotCustomEditorInstance].concat(args));
1846
1856
  }
1847
1857
  }, {
1848
1858
  key: "finishEditing",
@@ -1853,7 +1863,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1853
1863
  args[_key9] = arguments[_key9];
1854
1864
  }
1855
1865
 
1856
- return (_Handsontable$editors9 = Handsontable__default['default'].editors.BaseEditor.prototype.finishEditing).call.apply(_Handsontable$editors9, [this.hotCustomEditorInstance].concat(args));
1866
+ return (_Handsontable$editors9 = Handsontable__default["default"].editors.BaseEditor.prototype.finishEditing).call.apply(_Handsontable$editors9, [this.hotCustomEditorInstance].concat(args));
1857
1867
  }
1858
1868
  }, {
1859
1869
  key: "focus",
@@ -1864,7 +1874,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1864
1874
  args[_key10] = arguments[_key10];
1865
1875
  }
1866
1876
 
1867
- return (_Handsontable$editors10 = Handsontable__default['default'].editors.BaseEditor.prototype.focus).call.apply(_Handsontable$editors10, [this.hotCustomEditorInstance].concat(args));
1877
+ return (_Handsontable$editors10 = Handsontable__default["default"].editors.BaseEditor.prototype.focus).call.apply(_Handsontable$editors10, [this.hotCustomEditorInstance].concat(args));
1868
1878
  }
1869
1879
  }, {
1870
1880
  key: "getValue",
@@ -1875,7 +1885,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1875
1885
  args[_key11] = arguments[_key11];
1876
1886
  }
1877
1887
 
1878
- return (_Handsontable$editors11 = Handsontable__default['default'].editors.BaseEditor.prototype.getValue).call.apply(_Handsontable$editors11, [this.hotCustomEditorInstance].concat(args));
1888
+ return (_Handsontable$editors11 = Handsontable__default["default"].editors.BaseEditor.prototype.getValue).call.apply(_Handsontable$editors11, [this.hotCustomEditorInstance].concat(args));
1879
1889
  }
1880
1890
  }, {
1881
1891
  key: "init",
@@ -1886,7 +1896,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1886
1896
  args[_key12] = arguments[_key12];
1887
1897
  }
1888
1898
 
1889
- return (_Handsontable$editors12 = Handsontable__default['default'].editors.BaseEditor.prototype.init).call.apply(_Handsontable$editors12, [this.hotCustomEditorInstance].concat(args));
1899
+ return (_Handsontable$editors12 = Handsontable__default["default"].editors.BaseEditor.prototype.init).call.apply(_Handsontable$editors12, [this.hotCustomEditorInstance].concat(args));
1890
1900
  }
1891
1901
  }, {
1892
1902
  key: "isInFullEditMode",
@@ -1897,7 +1907,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1897
1907
  args[_key13] = arguments[_key13];
1898
1908
  }
1899
1909
 
1900
- return (_Handsontable$editors13 = Handsontable__default['default'].editors.BaseEditor.prototype.isInFullEditMode).call.apply(_Handsontable$editors13, [this.hotCustomEditorInstance].concat(args));
1910
+ return (_Handsontable$editors13 = Handsontable__default["default"].editors.BaseEditor.prototype.isInFullEditMode).call.apply(_Handsontable$editors13, [this.hotCustomEditorInstance].concat(args));
1901
1911
  }
1902
1912
  }, {
1903
1913
  key: "isOpened",
@@ -1908,7 +1918,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1908
1918
  args[_key14] = arguments[_key14];
1909
1919
  }
1910
1920
 
1911
- return (_Handsontable$editors14 = Handsontable__default['default'].editors.BaseEditor.prototype.isOpened).call.apply(_Handsontable$editors14, [this.hotCustomEditorInstance].concat(args));
1921
+ return (_Handsontable$editors14 = Handsontable__default["default"].editors.BaseEditor.prototype.isOpened).call.apply(_Handsontable$editors14, [this.hotCustomEditorInstance].concat(args));
1912
1922
  }
1913
1923
  }, {
1914
1924
  key: "isWaiting",
@@ -1919,7 +1929,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1919
1929
  args[_key15] = arguments[_key15];
1920
1930
  }
1921
1931
 
1922
- return (_Handsontable$editors15 = Handsontable__default['default'].editors.BaseEditor.prototype.isWaiting).call.apply(_Handsontable$editors15, [this.hotCustomEditorInstance].concat(args));
1932
+ return (_Handsontable$editors15 = Handsontable__default["default"].editors.BaseEditor.prototype.isWaiting).call.apply(_Handsontable$editors15, [this.hotCustomEditorInstance].concat(args));
1923
1933
  }
1924
1934
  }, {
1925
1935
  key: "open",
@@ -1930,7 +1940,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1930
1940
  args[_key16] = arguments[_key16];
1931
1941
  }
1932
1942
 
1933
- return (_Handsontable$editors16 = Handsontable__default['default'].editors.BaseEditor.prototype.open).call.apply(_Handsontable$editors16, [this.hotCustomEditorInstance].concat(args));
1943
+ return (_Handsontable$editors16 = Handsontable__default["default"].editors.BaseEditor.prototype.open).call.apply(_Handsontable$editors16, [this.hotCustomEditorInstance].concat(args));
1934
1944
  }
1935
1945
  }, {
1936
1946
  key: "prepare",
@@ -1942,7 +1952,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1942
1952
  this.TD = TD;
1943
1953
  this.originalValue = originalValue;
1944
1954
  this.cellProperties = cellProperties;
1945
- return Handsontable__default['default'].editors.BaseEditor.prototype.prepare.call(this.hotCustomEditorInstance, row, col, prop, TD, originalValue, cellProperties);
1955
+ return Handsontable__default["default"].editors.BaseEditor.prototype.prepare.call(this.hotCustomEditorInstance, row, col, prop, TD, originalValue, cellProperties);
1946
1956
  }
1947
1957
  }, {
1948
1958
  key: "saveValue",
@@ -1953,7 +1963,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1953
1963
  args[_key17] = arguments[_key17];
1954
1964
  }
1955
1965
 
1956
- return (_Handsontable$editors17 = Handsontable__default['default'].editors.BaseEditor.prototype.saveValue).call.apply(_Handsontable$editors17, [this.hotCustomEditorInstance].concat(args));
1966
+ return (_Handsontable$editors17 = Handsontable__default["default"].editors.BaseEditor.prototype.saveValue).call.apply(_Handsontable$editors17, [this.hotCustomEditorInstance].concat(args));
1957
1967
  }
1958
1968
  }, {
1959
1969
  key: "setValue",
@@ -1964,7 +1974,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1964
1974
  args[_key18] = arguments[_key18];
1965
1975
  }
1966
1976
 
1967
- return (_Handsontable$editors18 = Handsontable__default['default'].editors.BaseEditor.prototype.setValue).call.apply(_Handsontable$editors18, [this.hotCustomEditorInstance].concat(args));
1977
+ return (_Handsontable$editors18 = Handsontable__default["default"].editors.BaseEditor.prototype.setValue).call.apply(_Handsontable$editors18, [this.hotCustomEditorInstance].concat(args));
1968
1978
  }
1969
1979
  }, {
1970
1980
  key: "addHook",
@@ -1975,7 +1985,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1975
1985
  args[_key19] = arguments[_key19];
1976
1986
  }
1977
1987
 
1978
- return (_Handsontable$editors19 = Handsontable__default['default'].editors.BaseEditor.prototype.addHook).call.apply(_Handsontable$editors19, [this.hotCustomEditorInstance].concat(args));
1988
+ return (_Handsontable$editors19 = Handsontable__default["default"].editors.BaseEditor.prototype.addHook).call.apply(_Handsontable$editors19, [this.hotCustomEditorInstance].concat(args));
1979
1989
  }
1980
1990
  }, {
1981
1991
  key: "removeHooksByKey",
@@ -1986,7 +1996,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1986
1996
  args[_key20] = arguments[_key20];
1987
1997
  }
1988
1998
 
1989
- return (_Handsontable$editors20 = Handsontable__default['default'].editors.BaseEditor.prototype.removeHooksByKey).call.apply(_Handsontable$editors20, [this.hotCustomEditorInstance].concat(args));
1999
+ return (_Handsontable$editors20 = Handsontable__default["default"].editors.BaseEditor.prototype.removeHooksByKey).call.apply(_Handsontable$editors20, [this.hotCustomEditorInstance].concat(args));
1990
2000
  }
1991
2001
  }, {
1992
2002
  key: "clearHooks",
@@ -1997,7 +2007,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
1997
2007
  args[_key21] = arguments[_key21];
1998
2008
  }
1999
2009
 
2000
- return (_Handsontable$editors21 = Handsontable__default['default'].editors.BaseEditor.prototype.clearHooks).call.apply(_Handsontable$editors21, [this.hotCustomEditorInstance].concat(args));
2010
+ return (_Handsontable$editors21 = Handsontable__default["default"].editors.BaseEditor.prototype.clearHooks).call.apply(_Handsontable$editors21, [this.hotCustomEditorInstance].concat(args));
2001
2011
  }
2002
2012
  }, {
2003
2013
  key: "getEditedCell",
@@ -2008,7 +2018,7 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
2008
2018
  args[_key22] = arguments[_key22];
2009
2019
  }
2010
2020
 
2011
- return (_Handsontable$editors22 = Handsontable__default['default'].editors.BaseEditor.prototype.getEditedCell).call.apply(_Handsontable$editors22, [this.hotCustomEditorInstance].concat(args));
2021
+ return (_Handsontable$editors22 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCell).call.apply(_Handsontable$editors22, [this.hotCustomEditorInstance].concat(args));
2012
2022
  }
2013
2023
  }, {
2014
2024
  key: "getEditedCellsZIndex",
@@ -2019,19 +2029,19 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
2019
2029
  args[_key23] = arguments[_key23];
2020
2030
  }
2021
2031
 
2022
- return (_Handsontable$editors23 = Handsontable__default['default'].editors.BaseEditor.prototype.getEditedCellsZIndex).call.apply(_Handsontable$editors23, [this.hotCustomEditorInstance].concat(args));
2032
+ return (_Handsontable$editors23 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsZIndex).call.apply(_Handsontable$editors23, [this.hotCustomEditorInstance].concat(args));
2023
2033
  }
2024
2034
  }]);
2025
2035
 
2026
2036
  return BaseEditorComponent;
2027
- }(React__default['default'].Component);
2037
+ }(React__default["default"].Component);
2028
2038
 
2029
2039
  exports.BaseEditorComponent = BaseEditorComponent;
2030
2040
  exports.HotColumn = HotColumn;
2031
2041
  exports.HotTable = HotTable;
2032
- exports.default = HotTable;
2042
+ exports["default"] = HotTable;
2033
2043
 
2034
2044
  Object.defineProperty(exports, '__esModule', { value: true });
2035
2045
 
2036
- })));
2046
+ }));
2037
2047
  //# sourceMappingURL=react-handsontable.js.map