@handsontable/react 12.1.3 → 12.3.0-next-bb1a7c2-20221208
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.
- package/commonjs/react-handsontable.js +113 -530
- package/dist/react-handsontable.js +76 -350
- package/dist/react-handsontable.js.map +1 -1
- package/dist/react-handsontable.min.js +2 -2
- package/dist/react-handsontable.min.js.map +1 -1
- package/es/{react-handsontable.js → react-handsontable.mjs} +113 -530
- package/hotColumn.d.ts +0 -7
- package/package.json +9 -4
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
|
|
26
26
|
* USE OR INABILITY TO USE THIS SOFTWARE.
|
|
27
27
|
*
|
|
28
|
-
* Version: 12.
|
|
28
|
+
* Version: 12.3.0-next-bb1a7c2-20221208 (built at Thu Dec 08 2022 08:20:04 GMT+0000 (Coordinated Universal Time))
|
|
29
29
|
*/
|
|
30
30
|
(function (global, factory) {
|
|
31
31
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable/base')) :
|
|
@@ -41,17 +41,14 @@ var Handsontable__default = /*#__PURE__*/_interopDefaultLegacy(Handsontable);
|
|
|
41
41
|
|
|
42
42
|
function ownKeys(object, enumerableOnly) {
|
|
43
43
|
var keys = Object.keys(object);
|
|
44
|
-
|
|
45
44
|
if (Object.getOwnPropertySymbols) {
|
|
46
45
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
47
46
|
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
48
47
|
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
49
48
|
})), keys.push.apply(keys, symbols);
|
|
50
49
|
}
|
|
51
|
-
|
|
52
50
|
return keys;
|
|
53
51
|
}
|
|
54
|
-
|
|
55
52
|
function _objectSpread2(target) {
|
|
56
53
|
for (var i = 1; i < arguments.length; i++) {
|
|
57
54
|
var source = null != arguments[i] ? arguments[i] : {};
|
|
@@ -61,10 +58,8 @@ function _objectSpread2(target) {
|
|
|
61
58
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
59
|
});
|
|
63
60
|
}
|
|
64
|
-
|
|
65
61
|
return target;
|
|
66
62
|
}
|
|
67
|
-
|
|
68
63
|
function _typeof(obj) {
|
|
69
64
|
"@babel/helpers - typeof";
|
|
70
65
|
|
|
@@ -74,23 +69,20 @@ function _typeof(obj) {
|
|
|
74
69
|
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
75
70
|
}, _typeof(obj);
|
|
76
71
|
}
|
|
77
|
-
|
|
78
72
|
function _classCallCheck(instance, Constructor) {
|
|
79
73
|
if (!(instance instanceof Constructor)) {
|
|
80
74
|
throw new TypeError("Cannot call a class as a function");
|
|
81
75
|
}
|
|
82
76
|
}
|
|
83
|
-
|
|
84
77
|
function _defineProperties(target, props) {
|
|
85
78
|
for (var i = 0; i < props.length; i++) {
|
|
86
79
|
var descriptor = props[i];
|
|
87
80
|
descriptor.enumerable = descriptor.enumerable || false;
|
|
88
81
|
descriptor.configurable = true;
|
|
89
82
|
if ("value" in descriptor) descriptor.writable = true;
|
|
90
|
-
Object.defineProperty(target, descriptor.key, descriptor);
|
|
83
|
+
Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
|
|
91
84
|
}
|
|
92
85
|
}
|
|
93
|
-
|
|
94
86
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
95
87
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
96
88
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
@@ -99,8 +91,8 @@ function _createClass(Constructor, protoProps, staticProps) {
|
|
|
99
91
|
});
|
|
100
92
|
return Constructor;
|
|
101
93
|
}
|
|
102
|
-
|
|
103
94
|
function _defineProperty(obj, key, value) {
|
|
95
|
+
key = _toPropertyKey(key);
|
|
104
96
|
if (key in obj) {
|
|
105
97
|
Object.defineProperty(obj, key, {
|
|
106
98
|
value: value,
|
|
@@ -111,15 +103,12 @@ function _defineProperty(obj, key, value) {
|
|
|
111
103
|
} else {
|
|
112
104
|
obj[key] = value;
|
|
113
105
|
}
|
|
114
|
-
|
|
115
106
|
return obj;
|
|
116
107
|
}
|
|
117
|
-
|
|
118
108
|
function _inherits(subClass, superClass) {
|
|
119
109
|
if (typeof superClass !== "function" && superClass !== null) {
|
|
120
110
|
throw new TypeError("Super expression must either be null or a function");
|
|
121
111
|
}
|
|
122
|
-
|
|
123
112
|
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
124
113
|
constructor: {
|
|
125
114
|
value: subClass,
|
|
@@ -132,14 +121,12 @@ function _inherits(subClass, superClass) {
|
|
|
132
121
|
});
|
|
133
122
|
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
134
123
|
}
|
|
135
|
-
|
|
136
124
|
function _getPrototypeOf(o) {
|
|
137
125
|
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
|
|
138
126
|
return o.__proto__ || Object.getPrototypeOf(o);
|
|
139
127
|
};
|
|
140
128
|
return _getPrototypeOf(o);
|
|
141
129
|
}
|
|
142
|
-
|
|
143
130
|
function _setPrototypeOf(o, p) {
|
|
144
131
|
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
145
132
|
o.__proto__ = p;
|
|
@@ -147,12 +134,10 @@ function _setPrototypeOf(o, p) {
|
|
|
147
134
|
};
|
|
148
135
|
return _setPrototypeOf(o, p);
|
|
149
136
|
}
|
|
150
|
-
|
|
151
137
|
function _isNativeReflectConstruct() {
|
|
152
138
|
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
153
139
|
if (Reflect.construct.sham) return false;
|
|
154
140
|
if (typeof Proxy === "function") return true;
|
|
155
|
-
|
|
156
141
|
try {
|
|
157
142
|
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
158
143
|
return true;
|
|
@@ -160,75 +145,74 @@ function _isNativeReflectConstruct() {
|
|
|
160
145
|
return false;
|
|
161
146
|
}
|
|
162
147
|
}
|
|
163
|
-
|
|
164
148
|
function _assertThisInitialized(self) {
|
|
165
149
|
if (self === void 0) {
|
|
166
150
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
167
151
|
}
|
|
168
|
-
|
|
169
152
|
return self;
|
|
170
153
|
}
|
|
171
|
-
|
|
172
154
|
function _possibleConstructorReturn(self, call) {
|
|
173
155
|
if (call && (typeof call === "object" || typeof call === "function")) {
|
|
174
156
|
return call;
|
|
175
157
|
} else if (call !== void 0) {
|
|
176
158
|
throw new TypeError("Derived constructors may only return object or undefined");
|
|
177
159
|
}
|
|
178
|
-
|
|
179
160
|
return _assertThisInitialized(self);
|
|
180
161
|
}
|
|
181
|
-
|
|
182
162
|
function _createSuper(Derived) {
|
|
183
163
|
var hasNativeReflectConstruct = _isNativeReflectConstruct();
|
|
184
|
-
|
|
185
164
|
return function _createSuperInternal() {
|
|
186
165
|
var Super = _getPrototypeOf(Derived),
|
|
187
|
-
|
|
188
|
-
|
|
166
|
+
result;
|
|
189
167
|
if (hasNativeReflectConstruct) {
|
|
190
168
|
var NewTarget = _getPrototypeOf(this).constructor;
|
|
191
|
-
|
|
192
169
|
result = Reflect.construct(Super, arguments, NewTarget);
|
|
193
170
|
} else {
|
|
194
171
|
result = Super.apply(this, arguments);
|
|
195
172
|
}
|
|
196
|
-
|
|
197
173
|
return _possibleConstructorReturn(this, result);
|
|
198
174
|
};
|
|
199
175
|
}
|
|
176
|
+
function _toPrimitive(input, hint) {
|
|
177
|
+
if (typeof input !== "object" || input === null) return input;
|
|
178
|
+
var prim = input[Symbol.toPrimitive];
|
|
179
|
+
if (prim !== undefined) {
|
|
180
|
+
var res = prim.call(input, hint || "default");
|
|
181
|
+
if (typeof res !== "object") return res;
|
|
182
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
183
|
+
}
|
|
184
|
+
return (hint === "string" ? String : Number)(input);
|
|
185
|
+
}
|
|
186
|
+
function _toPropertyKey(arg) {
|
|
187
|
+
var key = _toPrimitive(arg, "string");
|
|
188
|
+
return typeof key === "symbol" ? key : String(key);
|
|
189
|
+
}
|
|
200
190
|
|
|
201
191
|
var bulkComponentContainer = null;
|
|
202
192
|
/**
|
|
203
193
|
* Warning message for the `autoRowSize`/`autoColumnSize` compatibility check.
|
|
204
194
|
*/
|
|
205
|
-
|
|
206
195
|
var AUTOSIZE_WARNING = 'Your `HotTable` configuration includes `autoRowSize`/`autoColumnSize` options, which are not compatible with ' + ' the component-based renderers`. Disable `autoRowSize` and `autoColumnSize` to prevent row and column misalignment.';
|
|
207
196
|
/**
|
|
208
197
|
* Message for the warning thrown if the Handsontable instance has been destroyed.
|
|
209
198
|
*/
|
|
210
|
-
|
|
211
199
|
var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' + ' used properly.';
|
|
212
200
|
/**
|
|
213
201
|
* String identifier for the global-scoped editor components.
|
|
214
202
|
*/
|
|
215
|
-
|
|
216
203
|
var GLOBAL_EDITOR_SCOPE = 'global';
|
|
217
204
|
/**
|
|
218
205
|
* Default classname given to the wrapper container.
|
|
219
206
|
*/
|
|
220
|
-
|
|
221
207
|
var DEFAULT_CLASSNAME = 'hot-wrapper-editor-container';
|
|
222
208
|
/**
|
|
223
209
|
* Logs warn to the console if the `console` object is exposed.
|
|
224
210
|
*
|
|
225
211
|
* @param {...*} args Values which will be logged.
|
|
226
212
|
*/
|
|
227
|
-
|
|
228
213
|
function warn() {
|
|
229
214
|
if (typeof console !== 'undefined') {
|
|
230
215
|
var _console;
|
|
231
|
-
|
|
232
216
|
(_console = console).warn.apply(_console, arguments);
|
|
233
217
|
}
|
|
234
218
|
}
|
|
@@ -239,12 +223,10 @@ function warn() {
|
|
|
239
223
|
* @param {String} type Either `'hot-renderer'` or `'hot-editor'`.
|
|
240
224
|
* @returns {Object|null} A child (React node) or `null`, if no child of that type was found.
|
|
241
225
|
*/
|
|
242
|
-
|
|
243
226
|
function getChildElementByType(children, type) {
|
|
244
227
|
var childrenArray = React__default["default"].Children.toArray(children);
|
|
245
228
|
var childrenCount = React__default["default"].Children.count(children);
|
|
246
229
|
var wantedChild = null;
|
|
247
|
-
|
|
248
230
|
if (childrenCount !== 0) {
|
|
249
231
|
if (childrenCount === 1 && childrenArray[0].props[type]) {
|
|
250
232
|
wantedChild = childrenArray[0];
|
|
@@ -254,7 +236,6 @@ function getChildElementByType(children, type) {
|
|
|
254
236
|
});
|
|
255
237
|
}
|
|
256
238
|
}
|
|
257
|
-
|
|
258
239
|
return wantedChild || null;
|
|
259
240
|
}
|
|
260
241
|
/**
|
|
@@ -263,12 +244,10 @@ function getChildElementByType(children, type) {
|
|
|
263
244
|
* @param {React.ReactElement} editorElement React element of the editor class.
|
|
264
245
|
* @returns {Function} Original class of the editor component.
|
|
265
246
|
*/
|
|
266
|
-
|
|
267
247
|
function getOriginalEditorClass(editorElement) {
|
|
268
248
|
if (!editorElement) {
|
|
269
249
|
return null;
|
|
270
250
|
}
|
|
271
|
-
|
|
272
251
|
return editorElement.type.WrappedComponent ? editorElement.type.WrappedComponent : editorElement.type;
|
|
273
252
|
}
|
|
274
253
|
/**
|
|
@@ -277,7 +256,6 @@ function getOriginalEditorClass(editorElement) {
|
|
|
277
256
|
* @param {Document} [doc] Document to be used.
|
|
278
257
|
* @param {Map} editorCache The editor cache reference.
|
|
279
258
|
*/
|
|
280
|
-
|
|
281
259
|
function removeEditorContainers() {
|
|
282
260
|
var doc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
|
|
283
261
|
doc.querySelectorAll("[class^=\"".concat(DEFAULT_CLASSNAME, "\"]")).forEach(function (domNode) {
|
|
@@ -294,32 +272,24 @@ function removeEditorContainers() {
|
|
|
294
272
|
* @param {Map} editorCache The editor cache reference.
|
|
295
273
|
* @returns {React.ReactPortal} The portal for the editor.
|
|
296
274
|
*/
|
|
297
|
-
|
|
298
275
|
function createEditorPortal() {
|
|
299
276
|
var doc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
|
|
300
277
|
var editorElement = arguments.length > 1 ? arguments[1] : undefined;
|
|
301
|
-
|
|
302
278
|
if (editorElement === null) {
|
|
303
279
|
return;
|
|
304
280
|
}
|
|
305
|
-
|
|
306
281
|
var editorContainer = doc.createElement('DIV');
|
|
307
|
-
|
|
308
282
|
var _getContainerAttribut = getContainerAttributesProps(editorElement.props, false),
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
283
|
+
id = _getContainerAttribut.id,
|
|
284
|
+
className = _getContainerAttribut.className,
|
|
285
|
+
style = _getContainerAttribut.style;
|
|
313
286
|
if (id) {
|
|
314
287
|
editorContainer.id = id;
|
|
315
288
|
}
|
|
316
|
-
|
|
317
289
|
editorContainer.className = [DEFAULT_CLASSNAME, className].join(' ');
|
|
318
|
-
|
|
319
290
|
if (style) {
|
|
320
291
|
Object.assign(editorContainer.style, style);
|
|
321
292
|
}
|
|
322
|
-
|
|
323
293
|
doc.body.appendChild(editorContainer);
|
|
324
294
|
return ReactDOM__default["default"].createPortal(editorElement, editorContainer);
|
|
325
295
|
}
|
|
@@ -332,22 +302,18 @@ function createEditorPortal() {
|
|
|
332
302
|
* 'global'.
|
|
333
303
|
* @returns {React.ReactElement} An editor element containing the additional methods.
|
|
334
304
|
*/
|
|
335
|
-
|
|
336
305
|
function getExtendedEditorElement(children, editorCache) {
|
|
337
306
|
var editorColumnScope = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : GLOBAL_EDITOR_SCOPE;
|
|
338
307
|
var editorElement = getChildElementByType(children, 'hot-editor');
|
|
339
308
|
var editorClass = getOriginalEditorClass(editorElement);
|
|
340
|
-
|
|
341
309
|
if (!editorElement) {
|
|
342
310
|
return null;
|
|
343
311
|
}
|
|
344
|
-
|
|
345
312
|
return React__default["default"].cloneElement(editorElement, {
|
|
346
313
|
emitEditorInstance: function emitEditorInstance(editorInstance, editorColumnScope) {
|
|
347
314
|
if (!editorCache.get(editorClass)) {
|
|
348
315
|
editorCache.set(editorClass, new Map());
|
|
349
316
|
}
|
|
350
|
-
|
|
351
317
|
var cacheEntry = editorCache.get(editorClass);
|
|
352
318
|
cacheEntry.set(editorColumnScope !== null && editorColumnScope !== void 0 ? editorColumnScope : GLOBAL_EDITOR_SCOPE, editorInstance);
|
|
353
319
|
},
|
|
@@ -364,18 +330,14 @@ function getExtendedEditorElement(children, editorCache) {
|
|
|
364
330
|
* @param {Document} [ownerDocument] The owner document to set the portal up into.
|
|
365
331
|
* @returns {{portal: React.ReactPortal, portalContainer: HTMLElement}} An object containing the portal and its container.
|
|
366
332
|
*/
|
|
367
|
-
|
|
368
333
|
function createPortal(rElement, props, callback) {
|
|
369
334
|
var ownerDocument = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
370
|
-
|
|
371
335
|
if (!ownerDocument) {
|
|
372
336
|
ownerDocument = document;
|
|
373
337
|
}
|
|
374
|
-
|
|
375
338
|
if (!bulkComponentContainer) {
|
|
376
339
|
bulkComponentContainer = ownerDocument.createDocumentFragment();
|
|
377
340
|
}
|
|
378
|
-
|
|
379
341
|
var portalContainer = ownerDocument.createElement('DIV');
|
|
380
342
|
bulkComponentContainer.appendChild(portalContainer);
|
|
381
343
|
var extendedRendererElement = React__default["default"].cloneElement(rElement, _objectSpread2({
|
|
@@ -395,7 +357,6 @@ function createPortal(rElement, props, callback) {
|
|
|
395
357
|
* @returns An object containing the `id`, `className` and `style` keys, representing the corresponding props passed to the
|
|
396
358
|
* component.
|
|
397
359
|
*/
|
|
398
|
-
|
|
399
360
|
function getContainerAttributesProps(props) {
|
|
400
361
|
var randomizeId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
401
362
|
return {
|
|
@@ -409,13 +370,11 @@ function getContainerAttributesProps(props) {
|
|
|
409
370
|
*
|
|
410
371
|
* @param {Object} instance Instance to have the methods renamed.
|
|
411
372
|
*/
|
|
412
|
-
|
|
413
373
|
function addUnsafePrefixes(instance) {
|
|
414
374
|
var reactSemverArray = React__default["default"].version.split('.').map(function (v) {
|
|
415
375
|
return parseInt(v);
|
|
416
376
|
});
|
|
417
377
|
var shouldPrefix = reactSemverArray[0] >= 16 && reactSemverArray[1] >= 3 || reactSemverArray[0] >= 17;
|
|
418
|
-
|
|
419
378
|
if (shouldPrefix) {
|
|
420
379
|
instance.UNSAFE_componentWillUpdate = instance.componentWillUpdate;
|
|
421
380
|
instance.componentWillUpdate = void 0;
|
|
@@ -428,7 +387,6 @@ var SettingsMapper = /*#__PURE__*/function () {
|
|
|
428
387
|
function SettingsMapper() {
|
|
429
388
|
_classCallCheck(this, SettingsMapper);
|
|
430
389
|
}
|
|
431
|
-
|
|
432
390
|
_createClass(SettingsMapper, null, [{
|
|
433
391
|
key: "getSettings",
|
|
434
392
|
value:
|
|
@@ -440,35 +398,28 @@ var SettingsMapper = /*#__PURE__*/function () {
|
|
|
440
398
|
*/
|
|
441
399
|
function getSettings(properties) {
|
|
442
400
|
var newSettings = {};
|
|
443
|
-
|
|
444
401
|
if (properties.settings) {
|
|
445
402
|
var settings = properties.settings;
|
|
446
|
-
|
|
447
403
|
for (var key in settings) {
|
|
448
404
|
if (settings.hasOwnProperty(key)) {
|
|
449
405
|
newSettings[key] = settings[key];
|
|
450
406
|
}
|
|
451
407
|
}
|
|
452
408
|
}
|
|
453
|
-
|
|
454
409
|
for (var _key in properties) {
|
|
455
410
|
if (_key !== 'settings' && _key !== 'children' && properties.hasOwnProperty(_key)) {
|
|
456
411
|
newSettings[_key] = properties[_key];
|
|
457
412
|
}
|
|
458
413
|
}
|
|
459
|
-
|
|
460
414
|
return newSettings;
|
|
461
415
|
}
|
|
462
416
|
}]);
|
|
463
|
-
|
|
464
417
|
return SettingsMapper;
|
|
465
418
|
}();
|
|
466
419
|
|
|
467
420
|
var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
468
421
|
_inherits(HotColumn, _React$Component);
|
|
469
|
-
|
|
470
422
|
var _super = _createSuper(HotColumn);
|
|
471
|
-
|
|
472
423
|
/**
|
|
473
424
|
* HotColumn class constructor.
|
|
474
425
|
*
|
|
@@ -477,9 +428,7 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
477
428
|
*/
|
|
478
429
|
function HotColumn(props, context) {
|
|
479
430
|
var _this;
|
|
480
|
-
|
|
481
431
|
_classCallCheck(this, HotColumn);
|
|
482
|
-
|
|
483
432
|
_this = _super.call(this, props, context);
|
|
484
433
|
/**
|
|
485
434
|
* Local editor portal cache.
|
|
@@ -487,7 +436,6 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
487
436
|
* @private
|
|
488
437
|
* @type {ReactPortal}
|
|
489
438
|
*/
|
|
490
|
-
|
|
491
439
|
_this.localEditorPortal = null;
|
|
492
440
|
addUnsafePrefixes(_assertThisInitialized(_this));
|
|
493
441
|
return _this;
|
|
@@ -497,8 +445,6 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
497
445
|
*
|
|
498
446
|
* @return {ReactPortal} Local editor portal.
|
|
499
447
|
*/
|
|
500
|
-
|
|
501
|
-
|
|
502
448
|
_createClass(HotColumn, [{
|
|
503
449
|
key: "getLocalEditorPortal",
|
|
504
450
|
value: function getLocalEditorPortal() {
|
|
@@ -509,7 +455,6 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
509
455
|
*
|
|
510
456
|
* @param {ReactPortal} portal Local editor portal.
|
|
511
457
|
*/
|
|
512
|
-
|
|
513
458
|
}, {
|
|
514
459
|
key: "setLocalEditorPortal",
|
|
515
460
|
value: function setLocalEditorPortal(portal) {
|
|
@@ -520,12 +465,10 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
520
465
|
*
|
|
521
466
|
* @returns {Object}
|
|
522
467
|
*/
|
|
523
|
-
|
|
524
468
|
}, {
|
|
525
469
|
key: "getSettingsProps",
|
|
526
470
|
value: function getSettingsProps() {
|
|
527
471
|
var _this2 = this;
|
|
528
|
-
|
|
529
472
|
this.internalProps = ['__componentRendererColumns', '_emitColumnSettings', '_columnIndex', '_getChildElementByType', '_getRendererWrapper', '_getEditorClass', '_getEditorCache', '_getOwnerDocument', 'hot-renderer', 'hot-editor', 'children'];
|
|
530
473
|
return Object.keys(this.props).filter(function (key) {
|
|
531
474
|
return !_this2.internalProps.includes(key);
|
|
@@ -534,24 +477,11 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
534
477
|
return obj;
|
|
535
478
|
}, {});
|
|
536
479
|
}
|
|
537
|
-
/**
|
|
538
|
-
* Check whether the HotColumn component contains a provided prop.
|
|
539
|
-
*
|
|
540
|
-
* @param {String} propName Property name.
|
|
541
|
-
* @returns {Boolean}
|
|
542
|
-
*/
|
|
543
|
-
|
|
544
|
-
}, {
|
|
545
|
-
key: "hasProp",
|
|
546
|
-
value: function hasProp(propName) {
|
|
547
|
-
return !!this.props[propName];
|
|
548
|
-
}
|
|
549
480
|
/**
|
|
550
481
|
* Get the editor element for the current column.
|
|
551
482
|
*
|
|
552
483
|
* @returns {React.ReactElement} React editor component element.
|
|
553
484
|
*/
|
|
554
|
-
|
|
555
485
|
}, {
|
|
556
486
|
key: "getLocalEditorElement",
|
|
557
487
|
value: function getLocalEditorElement() {
|
|
@@ -560,31 +490,18 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
560
490
|
/**
|
|
561
491
|
* Create the column settings based on the data provided to the `HotColumn` component and it's child components.
|
|
562
492
|
*/
|
|
563
|
-
|
|
564
493
|
}, {
|
|
565
494
|
key: "createColumnSettings",
|
|
566
495
|
value: function createColumnSettings() {
|
|
567
496
|
var rendererElement = this.props._getChildElementByType(this.props.children, 'hot-renderer');
|
|
568
|
-
|
|
569
497
|
var editorElement = this.getLocalEditorElement();
|
|
570
498
|
this.columnSettings = SettingsMapper.getSettings(this.getSettingsProps());
|
|
571
|
-
|
|
572
499
|
if (rendererElement !== null) {
|
|
573
500
|
this.columnSettings.renderer = this.props._getRendererWrapper(rendererElement);
|
|
574
|
-
|
|
575
501
|
this.props._componentRendererColumns.set(this.props._columnIndex, true);
|
|
576
|
-
} else if (this.hasProp('renderer')) {
|
|
577
|
-
this.columnSettings.renderer = this.props.renderer;
|
|
578
|
-
} else {
|
|
579
|
-
this.columnSettings.renderer = void 0;
|
|
580
502
|
}
|
|
581
|
-
|
|
582
503
|
if (editorElement !== null) {
|
|
583
504
|
this.columnSettings.editor = this.props._getEditorClass(editorElement, this.props._columnIndex);
|
|
584
|
-
} else if (this.hasProp('editor')) {
|
|
585
|
-
this.columnSettings.editor = this.props.editor;
|
|
586
|
-
} else {
|
|
587
|
-
this.columnSettings.editor = void 0;
|
|
588
505
|
}
|
|
589
506
|
}
|
|
590
507
|
/**
|
|
@@ -592,16 +509,12 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
592
509
|
*
|
|
593
510
|
* @param {React.ReactNode} [children] Children of the HotTable instance. Defaults to `this.props.children`.
|
|
594
511
|
*/
|
|
595
|
-
|
|
596
512
|
}, {
|
|
597
513
|
key: "createLocalEditorPortal",
|
|
598
514
|
value: function createLocalEditorPortal() {
|
|
599
515
|
var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.children;
|
|
600
|
-
|
|
601
516
|
var editorCache = this.props._getEditorCache();
|
|
602
|
-
|
|
603
517
|
var localEditorElement = getExtendedEditorElement(children, editorCache, this.props._columnIndex);
|
|
604
|
-
|
|
605
518
|
if (localEditorElement) {
|
|
606
519
|
this.setLocalEditorPortal(createEditorPortal(this.props._getOwnerDocument(), localEditorElement, editorCache));
|
|
607
520
|
}
|
|
@@ -609,7 +522,6 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
609
522
|
/**
|
|
610
523
|
* Emit the column settings to the parent using a prop passed from the parent.
|
|
611
524
|
*/
|
|
612
|
-
|
|
613
525
|
}, {
|
|
614
526
|
key: "emitColumnSettings",
|
|
615
527
|
value: function emitColumnSettings() {
|
|
@@ -620,11 +532,9 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
620
532
|
------- React lifecycle methods -------
|
|
621
533
|
---------------------------------------
|
|
622
534
|
*/
|
|
623
|
-
|
|
624
535
|
/**
|
|
625
536
|
* Logic performed before the mounting of the HotColumn component.
|
|
626
537
|
*/
|
|
627
|
-
|
|
628
538
|
}, {
|
|
629
539
|
key: "componentWillMount",
|
|
630
540
|
value: function componentWillMount() {
|
|
@@ -633,7 +543,6 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
633
543
|
/**
|
|
634
544
|
* Logic performed after the mounting of the HotColumn component.
|
|
635
545
|
*/
|
|
636
|
-
|
|
637
546
|
}, {
|
|
638
547
|
key: "componentDidMount",
|
|
639
548
|
value: function componentDidMount() {
|
|
@@ -643,7 +552,6 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
643
552
|
/**
|
|
644
553
|
* Logic performed before the updating of the HotColumn component.
|
|
645
554
|
*/
|
|
646
|
-
|
|
647
555
|
}, {
|
|
648
556
|
key: "componentWillUpdate",
|
|
649
557
|
value: function componentWillUpdate(nextProps, nextState, nextContext) {
|
|
@@ -652,7 +560,6 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
652
560
|
/**
|
|
653
561
|
* Logic performed after the updating of the HotColumn component.
|
|
654
562
|
*/
|
|
655
|
-
|
|
656
563
|
}, {
|
|
657
564
|
key: "componentDidUpdate",
|
|
658
565
|
value: function componentDidUpdate() {
|
|
@@ -664,49 +571,40 @@ var HotColumn = /*#__PURE__*/function (_React$Component) {
|
|
|
664
571
|
*
|
|
665
572
|
* @returns {React.ReactElement}
|
|
666
573
|
*/
|
|
667
|
-
|
|
668
574
|
}, {
|
|
669
575
|
key: "render",
|
|
670
576
|
value: function render() {
|
|
671
577
|
return React__default["default"].createElement(React__default["default"].Fragment, null, this.getLocalEditorPortal());
|
|
672
578
|
}
|
|
673
579
|
}]);
|
|
674
|
-
|
|
675
580
|
return HotColumn;
|
|
676
581
|
}(React__default["default"].Component);
|
|
677
582
|
|
|
678
583
|
/**
|
|
679
584
|
* Component class used to manage the renderer component portals.
|
|
680
585
|
*/
|
|
681
|
-
|
|
682
586
|
var PortalManager = /*#__PURE__*/function (_React$Component) {
|
|
683
587
|
_inherits(PortalManager, _React$Component);
|
|
684
|
-
|
|
685
588
|
var _super = _createSuper(PortalManager);
|
|
686
|
-
|
|
687
589
|
function PortalManager(props) {
|
|
688
590
|
var _this;
|
|
689
|
-
|
|
690
591
|
_classCallCheck(this, PortalManager);
|
|
691
|
-
|
|
692
592
|
_this = _super.call(this, props);
|
|
693
593
|
_this.state = {
|
|
694
594
|
portals: []
|
|
695
595
|
};
|
|
696
596
|
return _this;
|
|
697
597
|
}
|
|
698
|
-
|
|
699
598
|
_createClass(PortalManager, [{
|
|
700
599
|
key: "render",
|
|
701
600
|
value: function render() {
|
|
702
601
|
return React__default["default"].createElement(React__default["default"].Fragment, null, this.state.portals);
|
|
703
602
|
}
|
|
704
603
|
}]);
|
|
705
|
-
|
|
706
604
|
return PortalManager;
|
|
707
605
|
}(React__default["default"].Component);
|
|
708
606
|
|
|
709
|
-
var version="12.
|
|
607
|
+
var version="12.3.0-next-bb1a7c2-20221208";
|
|
710
608
|
|
|
711
609
|
function createCommonjsModule(fn, module) {
|
|
712
610
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
@@ -721,29 +619,27 @@ function createCommonjsModule(fn, module) {
|
|
|
721
619
|
* LICENSE file in the root directory of this source tree.
|
|
722
620
|
*/
|
|
723
621
|
var b = "function" === typeof Symbol && Symbol["for"],
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
622
|
+
c = b ? Symbol["for"]("react.element") : 60103,
|
|
623
|
+
d = b ? Symbol["for"]("react.portal") : 60106,
|
|
624
|
+
e = b ? Symbol["for"]("react.fragment") : 60107,
|
|
625
|
+
f = b ? Symbol["for"]("react.strict_mode") : 60108,
|
|
626
|
+
g = b ? Symbol["for"]("react.profiler") : 60114,
|
|
627
|
+
h = b ? Symbol["for"]("react.provider") : 60109,
|
|
628
|
+
k = b ? Symbol["for"]("react.context") : 60110,
|
|
629
|
+
l = b ? Symbol["for"]("react.async_mode") : 60111,
|
|
630
|
+
m = b ? Symbol["for"]("react.concurrent_mode") : 60111,
|
|
631
|
+
n = b ? Symbol["for"]("react.forward_ref") : 60112,
|
|
632
|
+
p = b ? Symbol["for"]("react.suspense") : 60113,
|
|
633
|
+
q = b ? Symbol["for"]("react.suspense_list") : 60120,
|
|
634
|
+
r = b ? Symbol["for"]("react.memo") : 60115,
|
|
635
|
+
t = b ? Symbol["for"]("react.lazy") : 60116,
|
|
636
|
+
v = b ? Symbol["for"]("react.block") : 60121,
|
|
637
|
+
w = b ? Symbol["for"]("react.fundamental") : 60117,
|
|
638
|
+
x = b ? Symbol["for"]("react.responder") : 60118,
|
|
639
|
+
y = b ? Symbol["for"]("react.scope") : 60119;
|
|
743
640
|
function z(a) {
|
|
744
641
|
if ("object" === _typeof(a) && null !== a) {
|
|
745
642
|
var u = a.$$typeof;
|
|
746
|
-
|
|
747
643
|
switch (u) {
|
|
748
644
|
case c:
|
|
749
645
|
switch (a = a.type, a) {
|
|
@@ -754,7 +650,6 @@ function z(a) {
|
|
|
754
650
|
case f:
|
|
755
651
|
case p:
|
|
756
652
|
return a;
|
|
757
|
-
|
|
758
653
|
default:
|
|
759
654
|
switch (a = a && a.$$typeof, a) {
|
|
760
655
|
case k:
|
|
@@ -763,23 +658,18 @@ function z(a) {
|
|
|
763
658
|
case r:
|
|
764
659
|
case h:
|
|
765
660
|
return a;
|
|
766
|
-
|
|
767
661
|
default:
|
|
768
662
|
return u;
|
|
769
663
|
}
|
|
770
|
-
|
|
771
664
|
}
|
|
772
|
-
|
|
773
665
|
case d:
|
|
774
666
|
return u;
|
|
775
667
|
}
|
|
776
668
|
}
|
|
777
669
|
}
|
|
778
|
-
|
|
779
670
|
function A(a) {
|
|
780
671
|
return z(a) === m;
|
|
781
672
|
}
|
|
782
|
-
|
|
783
673
|
var AsyncMode = l;
|
|
784
674
|
var ConcurrentMode = m;
|
|
785
675
|
var ContextConsumer = k;
|
|
@@ -793,61 +683,46 @@ var Portal = d;
|
|
|
793
683
|
var Profiler = g;
|
|
794
684
|
var StrictMode = f;
|
|
795
685
|
var Suspense = p;
|
|
796
|
-
|
|
797
686
|
var isAsyncMode = function isAsyncMode(a) {
|
|
798
687
|
return A(a) || z(a) === l;
|
|
799
688
|
};
|
|
800
|
-
|
|
801
689
|
var isConcurrentMode = A;
|
|
802
|
-
|
|
803
690
|
var isContextConsumer = function isContextConsumer(a) {
|
|
804
691
|
return z(a) === k;
|
|
805
692
|
};
|
|
806
|
-
|
|
807
693
|
var isContextProvider = function isContextProvider(a) {
|
|
808
694
|
return z(a) === h;
|
|
809
695
|
};
|
|
810
|
-
|
|
811
696
|
var isElement = function isElement(a) {
|
|
812
697
|
return "object" === _typeof(a) && null !== a && a.$$typeof === c;
|
|
813
698
|
};
|
|
814
|
-
|
|
815
699
|
var isForwardRef = function isForwardRef(a) {
|
|
816
700
|
return z(a) === n;
|
|
817
701
|
};
|
|
818
|
-
|
|
819
702
|
var isFragment = function isFragment(a) {
|
|
820
703
|
return z(a) === e;
|
|
821
704
|
};
|
|
822
|
-
|
|
823
705
|
var isLazy = function isLazy(a) {
|
|
824
706
|
return z(a) === t;
|
|
825
707
|
};
|
|
826
|
-
|
|
827
708
|
var isMemo = function isMemo(a) {
|
|
828
709
|
return z(a) === r;
|
|
829
710
|
};
|
|
830
|
-
|
|
831
711
|
var isPortal = function isPortal(a) {
|
|
832
712
|
return z(a) === d;
|
|
833
713
|
};
|
|
834
|
-
|
|
835
714
|
var isProfiler = function isProfiler(a) {
|
|
836
715
|
return z(a) === g;
|
|
837
716
|
};
|
|
838
|
-
|
|
839
717
|
var isStrictMode = function isStrictMode(a) {
|
|
840
718
|
return z(a) === f;
|
|
841
719
|
};
|
|
842
|
-
|
|
843
720
|
var isSuspense = function isSuspense(a) {
|
|
844
721
|
return z(a) === p;
|
|
845
722
|
};
|
|
846
|
-
|
|
847
723
|
var isValidElementType = function isValidElementType(a) {
|
|
848
724
|
return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === _typeof(a) && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
|
|
849
725
|
};
|
|
850
|
-
|
|
851
726
|
var typeOf = z;
|
|
852
727
|
var reactIs_production_min = {
|
|
853
728
|
AsyncMode: AsyncMode,
|
|
@@ -923,85 +798,71 @@ object-assign
|
|
|
923
798
|
(c) Sindre Sorhus
|
|
924
799
|
@license MIT
|
|
925
800
|
*/
|
|
926
|
-
/* eslint-disable no-unused-vars */
|
|
927
801
|
|
|
802
|
+
/* eslint-disable no-unused-vars */
|
|
928
803
|
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
929
804
|
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
930
805
|
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
|
931
|
-
|
|
932
806
|
function toObject(val) {
|
|
933
807
|
if (val === null || val === undefined) {
|
|
934
808
|
throw new TypeError('Object.assign cannot be called with null or undefined');
|
|
935
809
|
}
|
|
936
|
-
|
|
937
810
|
return Object(val);
|
|
938
811
|
}
|
|
939
|
-
|
|
940
812
|
function shouldUseNative() {
|
|
941
813
|
try {
|
|
942
814
|
if (!Object.assign) {
|
|
943
815
|
return false;
|
|
944
|
-
}
|
|
945
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
|
|
816
|
+
}
|
|
946
817
|
|
|
818
|
+
// Detect buggy property enumeration order in older V8 versions.
|
|
947
819
|
|
|
820
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
|
|
948
821
|
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
|
|
949
|
-
|
|
950
822
|
test1[5] = 'de';
|
|
951
|
-
|
|
952
823
|
if (Object.getOwnPropertyNames(test1)[0] === '5') {
|
|
953
824
|
return false;
|
|
954
|
-
}
|
|
955
|
-
|
|
825
|
+
}
|
|
956
826
|
|
|
827
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
957
828
|
var test2 = {};
|
|
958
|
-
|
|
959
829
|
for (var i = 0; i < 10; i++) {
|
|
960
830
|
test2['_' + String.fromCharCode(i)] = i;
|
|
961
831
|
}
|
|
962
|
-
|
|
963
832
|
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
|
|
964
833
|
return test2[n];
|
|
965
834
|
});
|
|
966
|
-
|
|
967
835
|
if (order2.join('') !== '0123456789') {
|
|
968
836
|
return false;
|
|
969
|
-
}
|
|
970
|
-
|
|
837
|
+
}
|
|
971
838
|
|
|
839
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
972
840
|
var test3 = {};
|
|
973
841
|
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
|
|
974
842
|
test3[letter] = letter;
|
|
975
843
|
});
|
|
976
|
-
|
|
977
844
|
if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
|
|
978
845
|
return false;
|
|
979
846
|
}
|
|
980
|
-
|
|
981
847
|
return true;
|
|
982
848
|
} catch (err) {
|
|
983
849
|
// We don't expect any of the above to throw, but better to be safe.
|
|
984
850
|
return false;
|
|
985
851
|
}
|
|
986
852
|
}
|
|
987
|
-
|
|
988
853
|
shouldUseNative() ? Object.assign : function (target, source) {
|
|
989
854
|
var from;
|
|
990
855
|
var to = toObject(target);
|
|
991
856
|
var symbols;
|
|
992
|
-
|
|
993
857
|
for (var s = 1; s < arguments.length; s++) {
|
|
994
858
|
from = Object(arguments[s]);
|
|
995
|
-
|
|
996
859
|
for (var key in from) {
|
|
997
860
|
if (hasOwnProperty.call(from, key)) {
|
|
998
861
|
to[key] = from[key];
|
|
999
862
|
}
|
|
1000
863
|
}
|
|
1001
|
-
|
|
1002
864
|
if (getOwnPropertySymbols) {
|
|
1003
865
|
symbols = getOwnPropertySymbols(from);
|
|
1004
|
-
|
|
1005
866
|
for (var i = 0; i < symbols.length; i++) {
|
|
1006
867
|
if (propIsEnumerable.call(from, symbols[i])) {
|
|
1007
868
|
to[symbols[i]] = from[symbols[i]];
|
|
@@ -1009,7 +870,6 @@ shouldUseNative() ? Object.assign : function (target, source) {
|
|
|
1009
870
|
}
|
|
1010
871
|
}
|
|
1011
872
|
}
|
|
1012
|
-
|
|
1013
873
|
return to;
|
|
1014
874
|
};
|
|
1015
875
|
|
|
@@ -1026,29 +886,24 @@ var ReactPropTypesSecret_1 = ReactPropTypesSecret;
|
|
|
1026
886
|
Function.call.bind(Object.prototype.hasOwnProperty);
|
|
1027
887
|
|
|
1028
888
|
function emptyFunction() {}
|
|
1029
|
-
|
|
1030
889
|
function emptyFunctionWithReset() {}
|
|
1031
|
-
|
|
1032
890
|
emptyFunctionWithReset.resetWarningCache = emptyFunction;
|
|
1033
|
-
|
|
1034
891
|
var factoryWithThrowingShims = function factoryWithThrowingShims() {
|
|
1035
892
|
function shim(props, propName, componentName, location, propFullName, secret) {
|
|
1036
893
|
if (secret === ReactPropTypesSecret_1) {
|
|
1037
894
|
// It is still safe when called from React.
|
|
1038
895
|
return;
|
|
1039
896
|
}
|
|
1040
|
-
|
|
1041
897
|
var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
|
|
1042
898
|
err.name = 'Invariant Violation';
|
|
1043
899
|
throw err;
|
|
1044
900
|
}
|
|
1045
901
|
shim.isRequired = shim;
|
|
1046
|
-
|
|
1047
902
|
function getShim() {
|
|
1048
903
|
return shim;
|
|
1049
904
|
}
|
|
905
|
+
// Important!
|
|
1050
906
|
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
|
|
1051
|
-
|
|
1052
907
|
var ReactPropTypes = {
|
|
1053
908
|
array: shim,
|
|
1054
909
|
bigint: shim,
|
|
@@ -1083,6 +938,7 @@ var propTypes = createCommonjsModule(function (module) {
|
|
|
1083
938
|
* This source code is licensed under the MIT license found in the
|
|
1084
939
|
* LICENSE file in the root directory of this source tree.
|
|
1085
940
|
*/
|
|
941
|
+
|
|
1086
942
|
{
|
|
1087
943
|
// By explicitly using `prop-types` you are opting into new production behavior.
|
|
1088
944
|
// http://fb.me/prop-types-in-prod
|
|
@@ -1113,12 +969,9 @@ var PropTypes = propTypes;
|
|
|
1113
969
|
*
|
|
1114
970
|
* @class HotTable
|
|
1115
971
|
*/
|
|
1116
|
-
|
|
1117
972
|
var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
1118
973
|
_inherits(HotTable, _React$Component);
|
|
1119
|
-
|
|
1120
974
|
var _super = _createSuper(HotTable);
|
|
1121
|
-
|
|
1122
975
|
/**
|
|
1123
976
|
* HotTable class constructor.
|
|
1124
977
|
*
|
|
@@ -1127,16 +980,13 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1127
980
|
*/
|
|
1128
981
|
function HotTable(props, context) {
|
|
1129
982
|
var _this;
|
|
1130
|
-
|
|
1131
983
|
_classCallCheck(this, HotTable);
|
|
1132
|
-
|
|
1133
984
|
_this = _super.call(this, props, context);
|
|
1134
985
|
/**
|
|
1135
986
|
* The `id` of the main Handsontable DOM element.
|
|
1136
987
|
*
|
|
1137
988
|
* @type {String}
|
|
1138
989
|
*/
|
|
1139
|
-
|
|
1140
990
|
_this.id = null;
|
|
1141
991
|
/**
|
|
1142
992
|
* Reference to the Handsontable instance.
|
|
@@ -1144,33 +994,28 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1144
994
|
* @private
|
|
1145
995
|
* @type {Object}
|
|
1146
996
|
*/
|
|
1147
|
-
|
|
1148
997
|
_this.__hotInstance = null;
|
|
1149
998
|
/**
|
|
1150
999
|
* Reference to the main Handsontable DOM element.
|
|
1151
1000
|
*
|
|
1152
1001
|
* @type {HTMLElement}
|
|
1153
1002
|
*/
|
|
1154
|
-
|
|
1155
1003
|
_this.hotElementRef = null;
|
|
1156
1004
|
/**
|
|
1157
1005
|
* Array of object containing the column settings.
|
|
1158
1006
|
*
|
|
1159
1007
|
* @type {Array}
|
|
1160
1008
|
*/
|
|
1161
|
-
|
|
1162
1009
|
_this.columnSettings = [];
|
|
1163
1010
|
/**
|
|
1164
1011
|
* Component used to manage the renderer portals.
|
|
1165
1012
|
*
|
|
1166
1013
|
* @type {React.Component}
|
|
1167
1014
|
*/
|
|
1168
|
-
|
|
1169
1015
|
_this.portalManager = null;
|
|
1170
1016
|
/**
|
|
1171
1017
|
* Array containing the portals cashed to be rendered in bulk after Handsontable's render cycle.
|
|
1172
1018
|
*/
|
|
1173
|
-
|
|
1174
1019
|
_this.portalCacheArray = [];
|
|
1175
1020
|
/**
|
|
1176
1021
|
* Global editor portal cache.
|
|
@@ -1178,7 +1023,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1178
1023
|
* @private
|
|
1179
1024
|
* @type {React.ReactPortal}
|
|
1180
1025
|
*/
|
|
1181
|
-
|
|
1182
1026
|
_this.globalEditorPortal = null;
|
|
1183
1027
|
/**
|
|
1184
1028
|
* The rendered cells cache.
|
|
@@ -1186,7 +1030,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1186
1030
|
* @private
|
|
1187
1031
|
* @type {Map}
|
|
1188
1032
|
*/
|
|
1189
|
-
|
|
1190
1033
|
_this.renderedCellCache = new Map();
|
|
1191
1034
|
/**
|
|
1192
1035
|
* Editor cache.
|
|
@@ -1194,7 +1037,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1194
1037
|
* @private
|
|
1195
1038
|
* @type {Map}
|
|
1196
1039
|
*/
|
|
1197
|
-
|
|
1198
1040
|
_this.editorCache = new Map();
|
|
1199
1041
|
/**
|
|
1200
1042
|
* Map with column indexes (or a string = 'global') as keys, and booleans as values. Each key represents a component-based editor
|
|
@@ -1203,7 +1045,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1203
1045
|
* @private
|
|
1204
1046
|
* @type {Map}
|
|
1205
1047
|
*/
|
|
1206
|
-
|
|
1207
1048
|
_this.componentRendererColumns = new Map();
|
|
1208
1049
|
addUnsafePrefixes(_assertThisInitialized(_this));
|
|
1209
1050
|
return _this;
|
|
@@ -1213,8 +1054,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1213
1054
|
*
|
|
1214
1055
|
* @returns The version number of the package.
|
|
1215
1056
|
*/
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
1057
|
_createClass(HotTable, [{
|
|
1219
1058
|
key: "hotInstance",
|
|
1220
1059
|
get:
|
|
@@ -1233,8 +1072,7 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1233
1072
|
/**
|
|
1234
1073
|
* Setter for the property storing the Handsontable instance.
|
|
1235
1074
|
* @param {Handsontable} hotInstance The Handsontable instance.
|
|
1236
|
-
|
|
1237
|
-
,
|
|
1075
|
+
*/,
|
|
1238
1076
|
set: function set(hotInstance) {
|
|
1239
1077
|
this.__hotInstance = hotInstance;
|
|
1240
1078
|
}
|
|
@@ -1243,7 +1081,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1243
1081
|
*
|
|
1244
1082
|
* @returns {Map}
|
|
1245
1083
|
*/
|
|
1246
|
-
|
|
1247
1084
|
}, {
|
|
1248
1085
|
key: "getRenderedCellCache",
|
|
1249
1086
|
value: function getRenderedCellCache() {
|
|
@@ -1254,7 +1091,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1254
1091
|
*
|
|
1255
1092
|
* @returns {Map}
|
|
1256
1093
|
*/
|
|
1257
|
-
|
|
1258
1094
|
}, {
|
|
1259
1095
|
key: "getEditorCache",
|
|
1260
1096
|
value: function getEditorCache() {
|
|
@@ -1265,7 +1101,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1265
1101
|
*
|
|
1266
1102
|
* @return {React.ReactPortal} The global editor portal.
|
|
1267
1103
|
*/
|
|
1268
|
-
|
|
1269
1104
|
}, {
|
|
1270
1105
|
key: "getGlobalEditorPortal",
|
|
1271
1106
|
value: function getGlobalEditorPortal() {
|
|
@@ -1276,7 +1111,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1276
1111
|
*
|
|
1277
1112
|
* @param {React.ReactPortal} portal Global editor portal.
|
|
1278
1113
|
*/
|
|
1279
|
-
|
|
1280
1114
|
}, {
|
|
1281
1115
|
key: "setGlobalEditorPortal",
|
|
1282
1116
|
value: function setGlobalEditorPortal(portal) {
|
|
@@ -1285,7 +1119,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1285
1119
|
/**
|
|
1286
1120
|
* Clear both the editor and the renderer cache.
|
|
1287
1121
|
*/
|
|
1288
|
-
|
|
1289
1122
|
}, {
|
|
1290
1123
|
key: "clearCache",
|
|
1291
1124
|
value: function clearCache() {
|
|
@@ -1301,7 +1134,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1301
1134
|
*
|
|
1302
1135
|
* @returns The `Document` object used by the component.
|
|
1303
1136
|
*/
|
|
1304
|
-
|
|
1305
1137
|
}, {
|
|
1306
1138
|
key: "getOwnerDocument",
|
|
1307
1139
|
value: function getOwnerDocument() {
|
|
@@ -1312,7 +1144,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1312
1144
|
*
|
|
1313
1145
|
* @param {HTMLElement} element The main Handsontable DOM element.
|
|
1314
1146
|
*/
|
|
1315
|
-
|
|
1316
1147
|
}, {
|
|
1317
1148
|
key: "setHotElementRef",
|
|
1318
1149
|
value: function setHotElementRef(element) {
|
|
@@ -1324,39 +1155,33 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1324
1155
|
* @param {React.ReactElement} rendererElement React renderer component.
|
|
1325
1156
|
* @returns {Handsontable.renderers.Base} The Handsontable rendering function.
|
|
1326
1157
|
*/
|
|
1327
|
-
|
|
1328
1158
|
}, {
|
|
1329
1159
|
key: "getRendererWrapper",
|
|
1330
1160
|
value: function getRendererWrapper(rendererElement) {
|
|
1331
1161
|
var hotTableComponent = this;
|
|
1332
1162
|
return function (instance, TD, row, col, prop, value, cellProperties) {
|
|
1333
1163
|
var renderedCellCache = hotTableComponent.getRenderedCellCache();
|
|
1334
|
-
|
|
1335
1164
|
if (renderedCellCache.has("".concat(row, "-").concat(col))) {
|
|
1336
1165
|
TD.innerHTML = renderedCellCache.get("".concat(row, "-").concat(col)).innerHTML;
|
|
1337
1166
|
}
|
|
1338
|
-
|
|
1339
1167
|
if (TD && !TD.getAttribute('ghost-table')) {
|
|
1340
1168
|
var _createPortal = createPortal(rendererElement, {
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1169
|
+
TD: TD,
|
|
1170
|
+
row: row,
|
|
1171
|
+
col: col,
|
|
1172
|
+
prop: prop,
|
|
1173
|
+
value: value,
|
|
1174
|
+
cellProperties: cellProperties,
|
|
1175
|
+
isRenderer: true
|
|
1176
|
+
}, function () {}, TD.ownerDocument),
|
|
1177
|
+
portal = _createPortal.portal,
|
|
1178
|
+
portalContainer = _createPortal.portalContainer;
|
|
1352
1179
|
while (TD.firstChild) {
|
|
1353
1180
|
TD.removeChild(TD.firstChild);
|
|
1354
1181
|
}
|
|
1355
|
-
|
|
1356
1182
|
TD.appendChild(portalContainer);
|
|
1357
1183
|
hotTableComponent.portalCacheArray.push(portal);
|
|
1358
1184
|
}
|
|
1359
|
-
|
|
1360
1185
|
renderedCellCache.set("".concat(row, "-").concat(col), TD);
|
|
1361
1186
|
return TD;
|
|
1362
1187
|
};
|
|
@@ -1369,12 +1194,10 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1369
1194
|
* 'global'.
|
|
1370
1195
|
* @returns {Function} A class to be passed to the Handsontable editor settings.
|
|
1371
1196
|
*/
|
|
1372
|
-
|
|
1373
1197
|
}, {
|
|
1374
1198
|
key: "getEditorClass",
|
|
1375
1199
|
value: function getEditorClass(editorElement) {
|
|
1376
1200
|
var _editorCache$get;
|
|
1377
|
-
|
|
1378
1201
|
var editorColumnScope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GLOBAL_EDITOR_SCOPE;
|
|
1379
1202
|
var editorClass = getOriginalEditorClass(editorElement);
|
|
1380
1203
|
var editorCache = this.getEditorCache();
|
|
@@ -1387,26 +1210,20 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1387
1210
|
* @param {React.ReactElement} editorComponent React editor component.
|
|
1388
1211
|
* @returns {Function} A class to be passed to the Handsontable editor settings.
|
|
1389
1212
|
*/
|
|
1390
|
-
|
|
1391
1213
|
}, {
|
|
1392
1214
|
key: "makeEditorClass",
|
|
1393
1215
|
value: function makeEditorClass(editorComponent) {
|
|
1394
1216
|
var customEditorClass = /*#__PURE__*/function (_Handsontable$editors) {
|
|
1395
1217
|
_inherits(CustomEditor, _Handsontable$editors);
|
|
1396
|
-
|
|
1397
1218
|
var _super2 = _createSuper(CustomEditor);
|
|
1398
|
-
|
|
1399
1219
|
function CustomEditor(hotInstance) {
|
|
1400
1220
|
var _this2;
|
|
1401
|
-
|
|
1402
1221
|
_classCallCheck(this, CustomEditor);
|
|
1403
|
-
|
|
1404
1222
|
_this2 = _super2.call(this, hotInstance);
|
|
1405
1223
|
editorComponent.hotCustomEditorInstance = _assertThisInitialized(_this2);
|
|
1406
1224
|
_this2.editorComponent = editorComponent;
|
|
1407
1225
|
return _this2;
|
|
1408
1226
|
}
|
|
1409
|
-
|
|
1410
1227
|
_createClass(CustomEditor, [{
|
|
1411
1228
|
key: "focus",
|
|
1412
1229
|
value: function focus() {}
|
|
@@ -1423,23 +1240,18 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1423
1240
|
key: "close",
|
|
1424
1241
|
value: function close() {}
|
|
1425
1242
|
}]);
|
|
1426
|
-
|
|
1427
1243
|
return CustomEditor;
|
|
1428
|
-
}(Handsontable__default["default"].editors.BaseEditor);
|
|
1429
|
-
|
|
1430
|
-
|
|
1244
|
+
}(Handsontable__default["default"].editors.BaseEditor);
|
|
1245
|
+
// Fill with the rest of the BaseEditor methods
|
|
1431
1246
|
Object.getOwnPropertyNames(Handsontable__default["default"].editors.BaseEditor.prototype).forEach(function (propName) {
|
|
1432
1247
|
if (propName === 'constructor') {
|
|
1433
1248
|
return;
|
|
1434
1249
|
}
|
|
1435
|
-
|
|
1436
1250
|
customEditorClass.prototype[propName] = function () {
|
|
1437
1251
|
var _editorComponent$prop;
|
|
1438
|
-
|
|
1439
1252
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1440
1253
|
args[_key] = arguments[_key];
|
|
1441
1254
|
}
|
|
1442
|
-
|
|
1443
1255
|
return (_editorComponent$prop = editorComponent[propName]).call.apply(_editorComponent$prop, [editorComponent].concat(args));
|
|
1444
1256
|
};
|
|
1445
1257
|
});
|
|
@@ -1450,7 +1262,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1450
1262
|
*
|
|
1451
1263
|
* @returns {React.ReactElement} React renderer component element.
|
|
1452
1264
|
*/
|
|
1453
|
-
|
|
1454
1265
|
}, {
|
|
1455
1266
|
key: "getGlobalRendererElement",
|
|
1456
1267
|
value: function getGlobalRendererElement() {
|
|
@@ -1463,7 +1274,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1463
1274
|
* @param {React.ReactNode} [children] Children of the HotTable instance. Defaults to `this.props.children`.
|
|
1464
1275
|
* @returns {React.ReactElement} React editor component element.
|
|
1465
1276
|
*/
|
|
1466
|
-
|
|
1467
1277
|
}, {
|
|
1468
1278
|
key: "getGlobalEditorElement",
|
|
1469
1279
|
value: function getGlobalEditorElement() {
|
|
@@ -1475,13 +1285,11 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1475
1285
|
*
|
|
1476
1286
|
* @param {React.ReactNode} [children] Children of the HotTable instance. Defaults to `this.props.children`.
|
|
1477
1287
|
*/
|
|
1478
|
-
|
|
1479
1288
|
}, {
|
|
1480
1289
|
key: "createGlobalEditorPortal",
|
|
1481
1290
|
value: function createGlobalEditorPortal() {
|
|
1482
1291
|
var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.children;
|
|
1483
1292
|
var globalEditorElement = this.getGlobalEditorElement(children);
|
|
1484
|
-
|
|
1485
1293
|
if (globalEditorElement) {
|
|
1486
1294
|
this.setGlobalEditorPortal(createEditorPortal(this.getOwnerDocument(), globalEditorElement, this.getEditorCache()));
|
|
1487
1295
|
}
|
|
@@ -1491,7 +1299,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1491
1299
|
*
|
|
1492
1300
|
* @returns {Handsontable.GridSettings} New global set of settings for Handsontable.
|
|
1493
1301
|
*/
|
|
1494
|
-
|
|
1495
1302
|
}, {
|
|
1496
1303
|
key: "createNewGlobalSettings",
|
|
1497
1304
|
value: function createNewGlobalSettings() {
|
|
@@ -1499,20 +1306,17 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1499
1306
|
var globalRendererNode = this.getGlobalRendererElement();
|
|
1500
1307
|
var globalEditorNode = this.getGlobalEditorElement();
|
|
1501
1308
|
newSettings.columns = this.columnSettings.length ? this.columnSettings : newSettings.columns;
|
|
1502
|
-
|
|
1503
1309
|
if (globalEditorNode) {
|
|
1504
1310
|
newSettings.editor = this.getEditorClass(globalEditorNode, GLOBAL_EDITOR_SCOPE);
|
|
1505
1311
|
} else {
|
|
1506
1312
|
newSettings.editor = this.props.editor || (this.props.settings ? this.props.settings.editor : void 0);
|
|
1507
1313
|
}
|
|
1508
|
-
|
|
1509
1314
|
if (globalRendererNode) {
|
|
1510
1315
|
newSettings.renderer = this.getRendererWrapper(globalRendererNode);
|
|
1511
1316
|
this.componentRendererColumns.set('global', true);
|
|
1512
1317
|
} else {
|
|
1513
1318
|
newSettings.renderer = this.props.renderer || (this.props.settings ? this.props.settings.renderer : void 0);
|
|
1514
1319
|
}
|
|
1515
|
-
|
|
1516
1320
|
return newSettings;
|
|
1517
1321
|
}
|
|
1518
1322
|
/**
|
|
@@ -1520,12 +1324,10 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1520
1324
|
*
|
|
1521
1325
|
* @param {Handsontable.GridSettings} newGlobalSettings New global settings passed as Handsontable config.
|
|
1522
1326
|
*/
|
|
1523
|
-
|
|
1524
1327
|
}, {
|
|
1525
1328
|
key: "displayAutoSizeWarning",
|
|
1526
1329
|
value: function displayAutoSizeWarning(newGlobalSettings) {
|
|
1527
1330
|
var _this$hotInstance$get, _this$hotInstance$get2;
|
|
1528
|
-
|
|
1529
1331
|
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)) {
|
|
1530
1332
|
if (this.componentRendererColumns.size > 0) {
|
|
1531
1333
|
warn(AUTOSIZE_WARNING);
|
|
@@ -1538,7 +1340,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1538
1340
|
* @param {HotTableProps} columnSettings Column settings object.
|
|
1539
1341
|
* @param {Number} columnIndex Column index.
|
|
1540
1342
|
*/
|
|
1541
|
-
|
|
1542
1343
|
}, {
|
|
1543
1344
|
key: "setHotColumnSettings",
|
|
1544
1345
|
value: function setHotColumnSettings(columnSettings, columnIndex) {
|
|
@@ -1547,7 +1348,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1547
1348
|
/**
|
|
1548
1349
|
* Handsontable's `beforeViewRender` hook callback.
|
|
1549
1350
|
*/
|
|
1550
|
-
|
|
1551
1351
|
}, {
|
|
1552
1352
|
key: "handsontableBeforeViewRender",
|
|
1553
1353
|
value: function handsontableBeforeViewRender() {
|
|
@@ -1556,12 +1356,10 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1556
1356
|
/**
|
|
1557
1357
|
* Handsontable's `afterViewRender` hook callback.
|
|
1558
1358
|
*/
|
|
1559
|
-
|
|
1560
1359
|
}, {
|
|
1561
1360
|
key: "handsontableAfterViewRender",
|
|
1562
1361
|
value: function handsontableAfterViewRender() {
|
|
1563
1362
|
var _this3 = this;
|
|
1564
|
-
|
|
1565
1363
|
this.portalManager.setState(function () {
|
|
1566
1364
|
return Object.assign({}, {
|
|
1567
1365
|
portals: _this3.portalCacheArray
|
|
@@ -1575,7 +1373,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1575
1373
|
*
|
|
1576
1374
|
* @param {Object} newSettings The settings object.
|
|
1577
1375
|
*/
|
|
1578
|
-
|
|
1579
1376
|
}, {
|
|
1580
1377
|
key: "updateHot",
|
|
1581
1378
|
value: function updateHot(newSettings) {
|
|
@@ -1588,7 +1385,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1588
1385
|
*
|
|
1589
1386
|
* @param {React.ReactComponent} pmComponent The PortalManager component.
|
|
1590
1387
|
*/
|
|
1591
|
-
|
|
1592
1388
|
}, {
|
|
1593
1389
|
key: "setPortalManagerRef",
|
|
1594
1390
|
value: function setPortalManagerRef(pmComponent) {
|
|
@@ -1599,11 +1395,9 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1599
1395
|
------- React lifecycle methods -------
|
|
1600
1396
|
---------------------------------------
|
|
1601
1397
|
*/
|
|
1602
|
-
|
|
1603
1398
|
/**
|
|
1604
1399
|
* Logic performed before the mounting of the component.
|
|
1605
1400
|
*/
|
|
1606
|
-
|
|
1607
1401
|
}, {
|
|
1608
1402
|
key: "componentWillMount",
|
|
1609
1403
|
value: function componentWillMount() {
|
|
@@ -1613,7 +1407,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1613
1407
|
/**
|
|
1614
1408
|
* Initialize Handsontable after the component has mounted.
|
|
1615
1409
|
*/
|
|
1616
|
-
|
|
1617
1410
|
}, {
|
|
1618
1411
|
key: "componentDidMount",
|
|
1619
1412
|
value: function componentDidMount() {
|
|
@@ -1625,15 +1418,14 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1625
1418
|
});
|
|
1626
1419
|
this.hotInstance.addHook('afterViewRender', function () {
|
|
1627
1420
|
hotTableComponent.handsontableAfterViewRender();
|
|
1628
|
-
});
|
|
1629
|
-
|
|
1421
|
+
});
|
|
1422
|
+
// `init` missing in Handsontable's type definitions.
|
|
1630
1423
|
this.hotInstance.init();
|
|
1631
1424
|
this.displayAutoSizeWarning(newGlobalSettings);
|
|
1632
1425
|
}
|
|
1633
1426
|
/**
|
|
1634
1427
|
* Logic performed before the component update.
|
|
1635
1428
|
*/
|
|
1636
|
-
|
|
1637
1429
|
}, {
|
|
1638
1430
|
key: "componentWillUpdate",
|
|
1639
1431
|
value: function componentWillUpdate(nextProps, nextState, nextContext) {
|
|
@@ -1644,7 +1436,6 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1644
1436
|
/**
|
|
1645
1437
|
* Logic performed after the component update.
|
|
1646
1438
|
*/
|
|
1647
|
-
|
|
1648
1439
|
}, {
|
|
1649
1440
|
key: "componentDidUpdate",
|
|
1650
1441
|
value: function componentDidUpdate() {
|
|
@@ -1655,40 +1446,34 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1655
1446
|
/**
|
|
1656
1447
|
* Destroy the Handsontable instance when the parent component unmounts.
|
|
1657
1448
|
*/
|
|
1658
|
-
|
|
1659
1449
|
}, {
|
|
1660
1450
|
key: "componentWillUnmount",
|
|
1661
1451
|
value: function componentWillUnmount() {
|
|
1662
1452
|
if (this.hotInstance) {
|
|
1663
1453
|
this.hotInstance.destroy();
|
|
1664
1454
|
}
|
|
1665
|
-
|
|
1666
1455
|
removeEditorContainers(this.getOwnerDocument());
|
|
1667
1456
|
}
|
|
1668
1457
|
/**
|
|
1669
1458
|
* Render the component.
|
|
1670
1459
|
*/
|
|
1671
|
-
|
|
1672
1460
|
}, {
|
|
1673
1461
|
key: "render",
|
|
1674
1462
|
value: function render() {
|
|
1675
1463
|
var _this4 = this;
|
|
1676
|
-
|
|
1677
1464
|
var _getContainerAttribut = getContainerAttributesProps(this.props),
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1465
|
+
id = _getContainerAttribut.id,
|
|
1466
|
+
className = _getContainerAttribut.className,
|
|
1467
|
+
style = _getContainerAttribut.style;
|
|
1682
1468
|
var isHotColumn = function isHotColumn(childNode) {
|
|
1683
1469
|
return childNode.type === HotColumn;
|
|
1684
1470
|
};
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1471
|
+
var children = React__default["default"].Children.toArray(this.props.children);
|
|
1472
|
+
// filter out anything that's not a HotColumn
|
|
1688
1473
|
children = children.filter(function (childNode) {
|
|
1689
1474
|
return isHotColumn(childNode);
|
|
1690
|
-
});
|
|
1691
|
-
|
|
1475
|
+
});
|
|
1476
|
+
// clone the HotColumn nodes and extend them with the callbacks
|
|
1692
1477
|
var childClones = children.map(function (childNode, columnIndex) {
|
|
1693
1478
|
return React__default["default"].cloneElement(childNode, {
|
|
1694
1479
|
_componentRendererColumns: _this4.componentRendererColumns,
|
|
@@ -1701,8 +1486,8 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1701
1486
|
_getEditorCache: _this4.getEditorCache.bind(_this4),
|
|
1702
1487
|
children: childNode.props.children
|
|
1703
1488
|
});
|
|
1704
|
-
});
|
|
1705
|
-
|
|
1489
|
+
});
|
|
1490
|
+
// add the global editor to the list of children
|
|
1706
1491
|
childClones.push(this.getGlobalEditorPortal());
|
|
1707
1492
|
return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
|
|
1708
1493
|
ref: this.setHotElementRef.bind(this),
|
|
@@ -1719,14 +1504,11 @@ var HotTable = /*#__PURE__*/function (_React$Component) {
|
|
|
1719
1504
|
return version;
|
|
1720
1505
|
}
|
|
1721
1506
|
}]);
|
|
1722
|
-
|
|
1723
1507
|
return HotTable;
|
|
1724
1508
|
}(React__default["default"].Component);
|
|
1725
1509
|
/**
|
|
1726
1510
|
* Prop types to be checked at runtime.
|
|
1727
1511
|
*/
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
1512
|
HotTable.propTypes = {
|
|
1731
1513
|
style: PropTypes.object,
|
|
1732
1514
|
id: PropTypes.string,
|
|
@@ -1735,14 +1517,10 @@ HotTable.propTypes = {
|
|
|
1735
1517
|
|
|
1736
1518
|
var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
|
|
1737
1519
|
_inherits(BaseEditorComponent, _React$Component);
|
|
1738
|
-
|
|
1739
1520
|
var _super = _createSuper(BaseEditorComponent);
|
|
1740
|
-
|
|
1741
1521
|
function BaseEditorComponent(props) {
|
|
1742
1522
|
var _this;
|
|
1743
|
-
|
|
1744
1523
|
_classCallCheck(this, BaseEditorComponent);
|
|
1745
|
-
|
|
1746
1524
|
_this = _super.call(this, props);
|
|
1747
1525
|
_this.name = 'BaseEditorComponent';
|
|
1748
1526
|
_this.instance = null;
|
|
@@ -1756,189 +1534,154 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
1756
1534
|
_this.hotInstance = null;
|
|
1757
1535
|
_this.hotCustomEditorInstance = null;
|
|
1758
1536
|
_this.hot = null;
|
|
1759
|
-
|
|
1760
1537
|
if (props.emitEditorInstance) {
|
|
1761
1538
|
props.emitEditorInstance(_assertThisInitialized(_this), props.editorColumnScope);
|
|
1762
1539
|
}
|
|
1763
|
-
|
|
1764
1540
|
return _this;
|
|
1765
|
-
}
|
|
1766
|
-
|
|
1767
|
-
|
|
1541
|
+
}
|
|
1542
|
+
// BaseEditor methods:
|
|
1768
1543
|
_createClass(BaseEditorComponent, [{
|
|
1769
1544
|
key: "_fireCallbacks",
|
|
1770
1545
|
value: function _fireCallbacks() {
|
|
1771
1546
|
var _Handsontable$editors;
|
|
1772
|
-
|
|
1773
1547
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1774
1548
|
args[_key] = arguments[_key];
|
|
1775
1549
|
}
|
|
1776
|
-
|
|
1777
1550
|
(_Handsontable$editors = Handsontable__default["default"].editors.BaseEditor.prototype._fireCallbacks).call.apply(_Handsontable$editors, [this.hotCustomEditorInstance].concat(args));
|
|
1778
1551
|
}
|
|
1779
1552
|
}, {
|
|
1780
1553
|
key: "beginEditing",
|
|
1781
1554
|
value: function beginEditing() {
|
|
1782
1555
|
var _Handsontable$editors2;
|
|
1783
|
-
|
|
1784
1556
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
1785
1557
|
args[_key2] = arguments[_key2];
|
|
1786
1558
|
}
|
|
1787
|
-
|
|
1788
1559
|
return (_Handsontable$editors2 = Handsontable__default["default"].editors.BaseEditor.prototype.beginEditing).call.apply(_Handsontable$editors2, [this.hotCustomEditorInstance].concat(args));
|
|
1789
1560
|
}
|
|
1790
1561
|
}, {
|
|
1791
1562
|
key: "cancelChanges",
|
|
1792
1563
|
value: function cancelChanges() {
|
|
1793
1564
|
var _Handsontable$editors3;
|
|
1794
|
-
|
|
1795
1565
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
1796
1566
|
args[_key3] = arguments[_key3];
|
|
1797
1567
|
}
|
|
1798
|
-
|
|
1799
1568
|
return (_Handsontable$editors3 = Handsontable__default["default"].editors.BaseEditor.prototype.cancelChanges).call.apply(_Handsontable$editors3, [this.hotCustomEditorInstance].concat(args));
|
|
1800
1569
|
}
|
|
1801
1570
|
}, {
|
|
1802
1571
|
key: "checkEditorSection",
|
|
1803
1572
|
value: function checkEditorSection() {
|
|
1804
1573
|
var _Handsontable$editors4;
|
|
1805
|
-
|
|
1806
1574
|
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
|
|
1807
1575
|
args[_key4] = arguments[_key4];
|
|
1808
1576
|
}
|
|
1809
|
-
|
|
1810
1577
|
return (_Handsontable$editors4 = Handsontable__default["default"].editors.BaseEditor.prototype.checkEditorSection).call.apply(_Handsontable$editors4, [this.hotCustomEditorInstance].concat(args));
|
|
1811
1578
|
}
|
|
1812
1579
|
}, {
|
|
1813
1580
|
key: "close",
|
|
1814
1581
|
value: function close() {
|
|
1815
1582
|
var _Handsontable$editors5;
|
|
1816
|
-
|
|
1817
1583
|
for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
|
|
1818
1584
|
args[_key5] = arguments[_key5];
|
|
1819
1585
|
}
|
|
1820
|
-
|
|
1821
1586
|
return (_Handsontable$editors5 = Handsontable__default["default"].editors.BaseEditor.prototype.close).call.apply(_Handsontable$editors5, [this.hotCustomEditorInstance].concat(args));
|
|
1822
1587
|
}
|
|
1823
1588
|
}, {
|
|
1824
1589
|
key: "discardEditor",
|
|
1825
1590
|
value: function discardEditor() {
|
|
1826
1591
|
var _Handsontable$editors6;
|
|
1827
|
-
|
|
1828
1592
|
for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
|
|
1829
1593
|
args[_key6] = arguments[_key6];
|
|
1830
1594
|
}
|
|
1831
|
-
|
|
1832
1595
|
return (_Handsontable$editors6 = Handsontable__default["default"].editors.BaseEditor.prototype.discardEditor).call.apply(_Handsontable$editors6, [this.hotCustomEditorInstance].concat(args));
|
|
1833
1596
|
}
|
|
1834
1597
|
}, {
|
|
1835
1598
|
key: "enableFullEditMode",
|
|
1836
1599
|
value: function enableFullEditMode() {
|
|
1837
1600
|
var _Handsontable$editors7;
|
|
1838
|
-
|
|
1839
1601
|
for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
|
|
1840
1602
|
args[_key7] = arguments[_key7];
|
|
1841
1603
|
}
|
|
1842
|
-
|
|
1843
1604
|
return (_Handsontable$editors7 = Handsontable__default["default"].editors.BaseEditor.prototype.enableFullEditMode).call.apply(_Handsontable$editors7, [this.hotCustomEditorInstance].concat(args));
|
|
1844
1605
|
}
|
|
1845
1606
|
}, {
|
|
1846
1607
|
key: "extend",
|
|
1847
1608
|
value: function extend() {
|
|
1848
1609
|
var _Handsontable$editors8;
|
|
1849
|
-
|
|
1850
1610
|
for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
|
|
1851
1611
|
args[_key8] = arguments[_key8];
|
|
1852
1612
|
}
|
|
1853
|
-
|
|
1854
1613
|
return (_Handsontable$editors8 = Handsontable__default["default"].editors.BaseEditor.prototype.extend).call.apply(_Handsontable$editors8, [this.hotCustomEditorInstance].concat(args));
|
|
1855
1614
|
}
|
|
1856
1615
|
}, {
|
|
1857
1616
|
key: "finishEditing",
|
|
1858
1617
|
value: function finishEditing() {
|
|
1859
1618
|
var _Handsontable$editors9;
|
|
1860
|
-
|
|
1861
1619
|
for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
|
|
1862
1620
|
args[_key9] = arguments[_key9];
|
|
1863
1621
|
}
|
|
1864
|
-
|
|
1865
1622
|
return (_Handsontable$editors9 = Handsontable__default["default"].editors.BaseEditor.prototype.finishEditing).call.apply(_Handsontable$editors9, [this.hotCustomEditorInstance].concat(args));
|
|
1866
1623
|
}
|
|
1867
1624
|
}, {
|
|
1868
1625
|
key: "focus",
|
|
1869
1626
|
value: function focus() {
|
|
1870
1627
|
var _Handsontable$editors10;
|
|
1871
|
-
|
|
1872
1628
|
for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
|
|
1873
1629
|
args[_key10] = arguments[_key10];
|
|
1874
1630
|
}
|
|
1875
|
-
|
|
1876
1631
|
return (_Handsontable$editors10 = Handsontable__default["default"].editors.BaseEditor.prototype.focus).call.apply(_Handsontable$editors10, [this.hotCustomEditorInstance].concat(args));
|
|
1877
1632
|
}
|
|
1878
1633
|
}, {
|
|
1879
1634
|
key: "getValue",
|
|
1880
1635
|
value: function getValue() {
|
|
1881
1636
|
var _Handsontable$editors11;
|
|
1882
|
-
|
|
1883
1637
|
for (var _len11 = arguments.length, args = new Array(_len11), _key11 = 0; _key11 < _len11; _key11++) {
|
|
1884
1638
|
args[_key11] = arguments[_key11];
|
|
1885
1639
|
}
|
|
1886
|
-
|
|
1887
1640
|
return (_Handsontable$editors11 = Handsontable__default["default"].editors.BaseEditor.prototype.getValue).call.apply(_Handsontable$editors11, [this.hotCustomEditorInstance].concat(args));
|
|
1888
1641
|
}
|
|
1889
1642
|
}, {
|
|
1890
1643
|
key: "init",
|
|
1891
1644
|
value: function init() {
|
|
1892
1645
|
var _Handsontable$editors12;
|
|
1893
|
-
|
|
1894
1646
|
for (var _len12 = arguments.length, args = new Array(_len12), _key12 = 0; _key12 < _len12; _key12++) {
|
|
1895
1647
|
args[_key12] = arguments[_key12];
|
|
1896
1648
|
}
|
|
1897
|
-
|
|
1898
1649
|
return (_Handsontable$editors12 = Handsontable__default["default"].editors.BaseEditor.prototype.init).call.apply(_Handsontable$editors12, [this.hotCustomEditorInstance].concat(args));
|
|
1899
1650
|
}
|
|
1900
1651
|
}, {
|
|
1901
1652
|
key: "isInFullEditMode",
|
|
1902
1653
|
value: function isInFullEditMode() {
|
|
1903
1654
|
var _Handsontable$editors13;
|
|
1904
|
-
|
|
1905
1655
|
for (var _len13 = arguments.length, args = new Array(_len13), _key13 = 0; _key13 < _len13; _key13++) {
|
|
1906
1656
|
args[_key13] = arguments[_key13];
|
|
1907
1657
|
}
|
|
1908
|
-
|
|
1909
1658
|
return (_Handsontable$editors13 = Handsontable__default["default"].editors.BaseEditor.prototype.isInFullEditMode).call.apply(_Handsontable$editors13, [this.hotCustomEditorInstance].concat(args));
|
|
1910
1659
|
}
|
|
1911
1660
|
}, {
|
|
1912
1661
|
key: "isOpened",
|
|
1913
1662
|
value: function isOpened() {
|
|
1914
1663
|
var _Handsontable$editors14;
|
|
1915
|
-
|
|
1916
1664
|
for (var _len14 = arguments.length, args = new Array(_len14), _key14 = 0; _key14 < _len14; _key14++) {
|
|
1917
1665
|
args[_key14] = arguments[_key14];
|
|
1918
1666
|
}
|
|
1919
|
-
|
|
1920
1667
|
return (_Handsontable$editors14 = Handsontable__default["default"].editors.BaseEditor.prototype.isOpened).call.apply(_Handsontable$editors14, [this.hotCustomEditorInstance].concat(args));
|
|
1921
1668
|
}
|
|
1922
1669
|
}, {
|
|
1923
1670
|
key: "isWaiting",
|
|
1924
1671
|
value: function isWaiting() {
|
|
1925
1672
|
var _Handsontable$editors15;
|
|
1926
|
-
|
|
1927
1673
|
for (var _len15 = arguments.length, args = new Array(_len15), _key15 = 0; _key15 < _len15; _key15++) {
|
|
1928
1674
|
args[_key15] = arguments[_key15];
|
|
1929
1675
|
}
|
|
1930
|
-
|
|
1931
1676
|
return (_Handsontable$editors15 = Handsontable__default["default"].editors.BaseEditor.prototype.isWaiting).call.apply(_Handsontable$editors15, [this.hotCustomEditorInstance].concat(args));
|
|
1932
1677
|
}
|
|
1933
1678
|
}, {
|
|
1934
1679
|
key: "open",
|
|
1935
1680
|
value: function open() {
|
|
1936
1681
|
var _Handsontable$editors16;
|
|
1937
|
-
|
|
1938
1682
|
for (var _len16 = arguments.length, args = new Array(_len16), _key16 = 0; _key16 < _len16; _key16++) {
|
|
1939
1683
|
args[_key16] = arguments[_key16];
|
|
1940
1684
|
}
|
|
1941
|
-
|
|
1942
1685
|
return (_Handsontable$editors16 = Handsontable__default["default"].editors.BaseEditor.prototype.open).call.apply(_Handsontable$editors16, [this.hotCustomEditorInstance].concat(args));
|
|
1943
1686
|
}
|
|
1944
1687
|
}, {
|
|
@@ -1957,92 +1700,75 @@ var BaseEditorComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
1957
1700
|
key: "saveValue",
|
|
1958
1701
|
value: function saveValue() {
|
|
1959
1702
|
var _Handsontable$editors17;
|
|
1960
|
-
|
|
1961
1703
|
for (var _len17 = arguments.length, args = new Array(_len17), _key17 = 0; _key17 < _len17; _key17++) {
|
|
1962
1704
|
args[_key17] = arguments[_key17];
|
|
1963
1705
|
}
|
|
1964
|
-
|
|
1965
1706
|
return (_Handsontable$editors17 = Handsontable__default["default"].editors.BaseEditor.prototype.saveValue).call.apply(_Handsontable$editors17, [this.hotCustomEditorInstance].concat(args));
|
|
1966
1707
|
}
|
|
1967
1708
|
}, {
|
|
1968
1709
|
key: "setValue",
|
|
1969
1710
|
value: function setValue() {
|
|
1970
1711
|
var _Handsontable$editors18;
|
|
1971
|
-
|
|
1972
1712
|
for (var _len18 = arguments.length, args = new Array(_len18), _key18 = 0; _key18 < _len18; _key18++) {
|
|
1973
1713
|
args[_key18] = arguments[_key18];
|
|
1974
1714
|
}
|
|
1975
|
-
|
|
1976
1715
|
return (_Handsontable$editors18 = Handsontable__default["default"].editors.BaseEditor.prototype.setValue).call.apply(_Handsontable$editors18, [this.hotCustomEditorInstance].concat(args));
|
|
1977
1716
|
}
|
|
1978
1717
|
}, {
|
|
1979
1718
|
key: "addHook",
|
|
1980
1719
|
value: function addHook() {
|
|
1981
1720
|
var _Handsontable$editors19;
|
|
1982
|
-
|
|
1983
1721
|
for (var _len19 = arguments.length, args = new Array(_len19), _key19 = 0; _key19 < _len19; _key19++) {
|
|
1984
1722
|
args[_key19] = arguments[_key19];
|
|
1985
1723
|
}
|
|
1986
|
-
|
|
1987
1724
|
return (_Handsontable$editors19 = Handsontable__default["default"].editors.BaseEditor.prototype.addHook).call.apply(_Handsontable$editors19, [this.hotCustomEditorInstance].concat(args));
|
|
1988
1725
|
}
|
|
1989
1726
|
}, {
|
|
1990
1727
|
key: "removeHooksByKey",
|
|
1991
1728
|
value: function removeHooksByKey() {
|
|
1992
1729
|
var _Handsontable$editors20;
|
|
1993
|
-
|
|
1994
1730
|
for (var _len20 = arguments.length, args = new Array(_len20), _key20 = 0; _key20 < _len20; _key20++) {
|
|
1995
1731
|
args[_key20] = arguments[_key20];
|
|
1996
1732
|
}
|
|
1997
|
-
|
|
1998
1733
|
return (_Handsontable$editors20 = Handsontable__default["default"].editors.BaseEditor.prototype.removeHooksByKey).call.apply(_Handsontable$editors20, [this.hotCustomEditorInstance].concat(args));
|
|
1999
1734
|
}
|
|
2000
1735
|
}, {
|
|
2001
1736
|
key: "clearHooks",
|
|
2002
1737
|
value: function clearHooks() {
|
|
2003
1738
|
var _Handsontable$editors21;
|
|
2004
|
-
|
|
2005
1739
|
for (var _len21 = arguments.length, args = new Array(_len21), _key21 = 0; _key21 < _len21; _key21++) {
|
|
2006
1740
|
args[_key21] = arguments[_key21];
|
|
2007
1741
|
}
|
|
2008
|
-
|
|
2009
1742
|
return (_Handsontable$editors21 = Handsontable__default["default"].editors.BaseEditor.prototype.clearHooks).call.apply(_Handsontable$editors21, [this.hotCustomEditorInstance].concat(args));
|
|
2010
1743
|
}
|
|
2011
1744
|
}, {
|
|
2012
1745
|
key: "getEditedCell",
|
|
2013
1746
|
value: function getEditedCell() {
|
|
2014
1747
|
var _Handsontable$editors22;
|
|
2015
|
-
|
|
2016
1748
|
for (var _len22 = arguments.length, args = new Array(_len22), _key22 = 0; _key22 < _len22; _key22++) {
|
|
2017
1749
|
args[_key22] = arguments[_key22];
|
|
2018
1750
|
}
|
|
2019
|
-
|
|
2020
1751
|
return (_Handsontable$editors22 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCell).call.apply(_Handsontable$editors22, [this.hotCustomEditorInstance].concat(args));
|
|
2021
1752
|
}
|
|
2022
1753
|
}, {
|
|
2023
1754
|
key: "getEditedCellRect",
|
|
2024
1755
|
value: function getEditedCellRect() {
|
|
2025
1756
|
var _Handsontable$editors23;
|
|
2026
|
-
|
|
2027
1757
|
for (var _len23 = arguments.length, args = new Array(_len23), _key23 = 0; _key23 < _len23; _key23++) {
|
|
2028
1758
|
args[_key23] = arguments[_key23];
|
|
2029
1759
|
}
|
|
2030
|
-
|
|
2031
1760
|
return (_Handsontable$editors23 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellRect).call.apply(_Handsontable$editors23, [this.hotCustomEditorInstance].concat(args));
|
|
2032
1761
|
}
|
|
2033
1762
|
}, {
|
|
2034
1763
|
key: "getEditedCellsZIndex",
|
|
2035
1764
|
value: function getEditedCellsZIndex() {
|
|
2036
1765
|
var _Handsontable$editors24;
|
|
2037
|
-
|
|
2038
1766
|
for (var _len24 = arguments.length, args = new Array(_len24), _key24 = 0; _key24 < _len24; _key24++) {
|
|
2039
1767
|
args[_key24] = arguments[_key24];
|
|
2040
1768
|
}
|
|
2041
|
-
|
|
2042
1769
|
return (_Handsontable$editors24 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsZIndex).call.apply(_Handsontable$editors24, [this.hotCustomEditorInstance].concat(args));
|
|
2043
1770
|
}
|
|
2044
1771
|
}]);
|
|
2045
|
-
|
|
2046
1772
|
return BaseEditorComponent;
|
|
2047
1773
|
}(React__default["default"].Component);
|
|
2048
1774
|
|