handsontable 15.3.0 → 16.0.0-next-f486b48-20250702

package/selection/selection.js

@@ -2,7 +2,6 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
-require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.set.difference.v2.js");
 require("core-js/modules/es.set.intersection.v2.js");
 require("core-js/modules/es.set.is-disjoint-from.v2.js");
@@ -12,6 +11,7 @@ require("core-js/modules/es.set.symmetric-difference.v2.js");
 require("core-js/modules/es.set.union.v2.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/esnext.iterator.some.js");
 var _highlight = _interopRequireWildcard(require("./highlight/highlight"));
 var _range = _interopRequireDefault(require("./range"));
@@ -25,8 +25,7 @@ var _utils = require("./utils");
 var _templateLiteralTag = require("./../helpers/templateLiteralTag");
 var _a11y = require("../helpers/a11y");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -254,8 +253,8 @@ class Selection {
       return _this.runLocalHooks('beforeModifyTransformFocus', ...args);
     });
     _classPrivateFieldGet(_focusTransformation, this).addLocalHook('afterTransformStart', function () {
-      for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
-        args[_key10] = arguments[_key10];
+      for (var _len0 = arguments.length, args = new Array(_len0), _key0 = 0; _key0 < _len0; _key0++) {
+        args[_key0] = arguments[_key0];
       }
       return _this.runLocalHooks('afterModifyTransformFocus', ...args);
     });
@@ -749,13 +748,15 @@ class Selection {
    * Returns information if we have a multi-selection. This method check multi-selection only on the latest layer of
    * the selection.
    *
+   * @param {CellRange} [cellRange] The cell range to check. If not provided, the latest selection layer is used.
    * @returns {boolean}
    */
   isMultiple() {
+    let cellRange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.selectedRange.current();
     if (!this.isSelected()) {
       return false;
     }
-    const isMultipleListener = (0, _object.createObjectPropListener)(!this.selectedRange.current().isSingle());
+    const isMultipleListener = (0, _object.createObjectPropListener)(!cellRange.isSingle());
     this.runLocalHooks('afterIsMultipleSelection', isMultipleListener);
     return isMultipleListener.value;
   }
@@ -1159,8 +1160,10 @@ class Selection {
   }
 
   /**
-   * Refreshes the whole selection by clearing, reapplying and committing the renderable selection (Walkontable Selection API)
-   * by using already added visual ranges.
+   * Refreshes the whole selection by clearing, reapplying and committing (calculating visual to renderable indexes)
+   * the selection by using already added visual ranges. The method can be useful when underneath some indexes
+   * was hidden/showed or dataset size was changed or the range of the cell ranges was modified. Then, to see the
+   * changes in the selection the method may be needed to be called. The method modifies the visual ranges if needed.
    */
   refresh() {
     if (!this.isSelected()) {
@@ -1172,35 +1175,46 @@ class Selection {
       this.deselect();
       return;
     }
-    const range = this.selectedRange.peekByIndex(this.selectedRange.size() - 1);
-    const {
-      from,
-      to,
-      highlight
-    } = range;
+    const ranges = this.selectedRange.ranges.map(range => range.clone());
+    this.markSource('refresh');
+    const selectedByRowHeader = new Set(this.selectedByRowHeader);
+    const selectedByColumnHeader = new Set(this.selectedByColumnHeader);
     this.clear();
-    highlight.assign({
-      row: (0, _number.clamp)(highlight.row, -Infinity, countRows - 1),
-      col: (0, _number.clamp)(highlight.col, -Infinity, countColumns - 1)
-    });
-    from.assign({
-      row: (0, _number.clamp)(from.row, -Infinity, countRows - 1),
-      col: (0, _number.clamp)(from.col, -Infinity, countColumns - 1)
-    });
-    to.assign({
-      row: (0, _number.clamp)(to.row, 0, countRows - 1),
-      col: (0, _number.clamp)(to.col, 0, countColumns - 1)
+    this.setExpectedLayers(ranges.length);
+    ranges.forEach(range => {
+      const {
+        from,
+        to,
+        highlight
+      } = range;
+      const maxRows = countRows - 1;
+      const maxColumns = countColumns - 1;
+      highlight.assign({
+        row: (0, _number.clamp)(highlight.row, this.settings.navigableHeaders ? -Infinity : 0, maxRows),
+        col: (0, _number.clamp)(highlight.col, this.settings.navigableHeaders ? -Infinity : 0, maxColumns)
+      });
+      from.assign({
+        row: (0, _number.clamp)(from.row, -Infinity, maxRows),
+        col: (0, _number.clamp)(from.col, -Infinity, maxColumns)
+      });
+      to.assign({
+        row: (0, _number.clamp)(to.row, -Infinity, maxRows),
+        col: (0, _number.clamp)(to.col, -Infinity, maxColumns)
+      });
+      this.setRangeStartOnly(from, true, highlight);
+      this.setRangeEnd(to);
     });
-    this.selectedRange.ranges.push(range);
-    if (this.highlight.isEnabledFor(_highlight.FOCUS_TYPE, this.selectedRange.current().highlight)) {
-      this.highlight.getFocus().add(highlight).commit().syncWith(range);
-    }
-    this.applyAndCommit(range);
+    this.selectedByRowHeader = selectedByRowHeader;
+    this.selectedByColumnHeader = selectedByColumnHeader;
+    this.finish();
+    this.markEndSource();
   }
 
   /**
-   * Refreshes the whole selection by recommitting (recalculating visual indexes to renderable ones) the renderable selection
-   * that was already added.
+   * Refreshes the whole selection by only recommitting values. In terms of the selection the committing
+   * values means that the cell ranges are again recalculated to the renderable indexes - the visual
+   * indexes are not touched. The method can be useful when underneath some indexes was hidden/showed
+   * which affects the selection. In that cases the method may be needed to be called.
    */
   commit() {
     const customSelections = this.highlight.getCustomSelections();

package/selection/selection.mjs

@@ -1,5 +1,4 @@
 import "core-js/modules/es.error.cause.js";
-import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.set.difference.v2.js";
 import "core-js/modules/es.set.intersection.v2.js";
 import "core-js/modules/es.set.is-disjoint-from.v2.js";
@@ -9,6 +8,7 @@ import "core-js/modules/es.set.symmetric-difference.v2.js";
 import "core-js/modules/es.set.union.v2.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/esnext.iterator.some.js";
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -248,8 +248,8 @@ class Selection {
       return _this.runLocalHooks('beforeModifyTransformFocus', ...args);
     });
     _classPrivateFieldGet(_focusTransformation, this).addLocalHook('afterTransformStart', function () {
-      for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
-        args[_key10] = arguments[_key10];
+      for (var _len0 = arguments.length, args = new Array(_len0), _key0 = 0; _key0 < _len0; _key0++) {
+        args[_key0] = arguments[_key0];
       }
       return _this.runLocalHooks('afterModifyTransformFocus', ...args);
     });
@@ -743,13 +743,15 @@ class Selection {
    * Returns information if we have a multi-selection. This method check multi-selection only on the latest layer of
    * the selection.
    *
+   * @param {CellRange} [cellRange] The cell range to check. If not provided, the latest selection layer is used.
    * @returns {boolean}
    */
   isMultiple() {
+    let cellRange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.selectedRange.current();
     if (!this.isSelected()) {
       return false;
     }
-    const isMultipleListener = createObjectPropListener(!this.selectedRange.current().isSingle());
+    const isMultipleListener = createObjectPropListener(!cellRange.isSingle());
     this.runLocalHooks('afterIsMultipleSelection', isMultipleListener);
     return isMultipleListener.value;
   }
@@ -1153,8 +1155,10 @@ class Selection {
   }
 
   /**
-   * Refreshes the whole selection by clearing, reapplying and committing the renderable selection (Walkontable Selection API)
-   * by using already added visual ranges.
+   * Refreshes the whole selection by clearing, reapplying and committing (calculating visual to renderable indexes)
+   * the selection by using already added visual ranges. The method can be useful when underneath some indexes
+   * was hidden/showed or dataset size was changed or the range of the cell ranges was modified. Then, to see the
+   * changes in the selection the method may be needed to be called. The method modifies the visual ranges if needed.
    */
   refresh() {
     if (!this.isSelected()) {
@@ -1166,35 +1170,46 @@ class Selection {
       this.deselect();
       return;
     }
-    const range = this.selectedRange.peekByIndex(this.selectedRange.size() - 1);
-    const {
-      from,
-      to,
-      highlight
-    } = range;
+    const ranges = this.selectedRange.ranges.map(range => range.clone());
+    this.markSource('refresh');
+    const selectedByRowHeader = new Set(this.selectedByRowHeader);
+    const selectedByColumnHeader = new Set(this.selectedByColumnHeader);
     this.clear();
-    highlight.assign({
-      row: clamp(highlight.row, -Infinity, countRows - 1),
-      col: clamp(highlight.col, -Infinity, countColumns - 1)
-    });
-    from.assign({
-      row: clamp(from.row, -Infinity, countRows - 1),
-      col: clamp(from.col, -Infinity, countColumns - 1)
-    });
-    to.assign({
-      row: clamp(to.row, 0, countRows - 1),
-      col: clamp(to.col, 0, countColumns - 1)
+    this.setExpectedLayers(ranges.length);
+    ranges.forEach(range => {
+      const {
+        from,
+        to,
+        highlight
+      } = range;
+      const maxRows = countRows - 1;
+      const maxColumns = countColumns - 1;
+      highlight.assign({
+        row: clamp(highlight.row, this.settings.navigableHeaders ? -Infinity : 0, maxRows),
+        col: clamp(highlight.col, this.settings.navigableHeaders ? -Infinity : 0, maxColumns)
+      });
+      from.assign({
+        row: clamp(from.row, -Infinity, maxRows),
+        col: clamp(from.col, -Infinity, maxColumns)
+      });
+      to.assign({
+        row: clamp(to.row, -Infinity, maxRows),
+        col: clamp(to.col, -Infinity, maxColumns)
+      });
+      this.setRangeStartOnly(from, true, highlight);
+      this.setRangeEnd(to);
     });
-    this.selectedRange.ranges.push(range);
-    if (this.highlight.isEnabledFor(FOCUS_TYPE, this.selectedRange.current().highlight)) {
-      this.highlight.getFocus().add(highlight).commit().syncWith(range);
-    }
-    this.applyAndCommit(range);
+    this.selectedByRowHeader = selectedByRowHeader;
+    this.selectedByColumnHeader = selectedByColumnHeader;
+    this.finish();
+    this.markEndSource();
   }
 
   /**
-   * Refreshes the whole selection by recommitting (recalculating visual indexes to renderable ones) the renderable selection
-   * that was already added.
+   * Refreshes the whole selection by only recommitting values. In terms of the selection the committing
+   * values means that the cell ranges are again recalculated to the renderable indexes - the visual
+   * indexes are not touched. The method can be useful when underneath some indexes was hidden/showed
+   * which affects the selection. In that cases the method may be needed to be called.
    */
   commit() {
     const customSelections = this.highlight.getCustomSelections();

package/settings.d.ts

@@ -214,6 +214,7 @@ export interface GridSettings extends Events {
   strict?: boolean;
   tableClassName?: string | string[];
   tabMoves?: CellCoords | SimpleCellCoords | ((event: KeyboardEvent) => CellCoords | SimpleCellCoords);
+  textEllipsis?: boolean;
   themeName?: string;
   title?: string;
   trimDropdown?: boolean;