handsontable 0.0.0-next-93e34dc-20230601 → 0.0.0-next-b7cca45-20230605

package/core.js

@@ -29,6 +29,7 @@ require("core-js/modules/es.array.reverse.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.timers.js");
 require("core-js/modules/web.immediate.js");
+require("core-js/modules/es.map.js");
 var _element = require("./helpers/dom/element");
 var _function = require("./helpers/function");
 var _mixed = require("./helpers/mixed");
@@ -59,7 +60,6 @@ var _selection = require("./selection");
 var _dataMap = require("./dataMap");
 var _uniqueMap = require("./utils/dataStructures/uniqueMap");
 var _shortcuts = require("./shortcuts");
-var _shortcutContexts = require("./shortcutContexts");
 var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -74,6 +74,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var SHORTCUTS_GROUP = 'gridDefault';
 var activeGuid = null;
 var deprecationWarns = new Set();
 
@@ -290,8 +291,12 @@ function Core(rootElement, userSettings) {
   };
 
   var selection = new _selection.Selection(tableMeta, {
-    rowIndexMapper: instance.rowIndexMapper,
-    columnIndexMapper: instance.columnIndexMapper,
+    rowIndexMapper: function rowIndexMapper() {
+      return instance.rowIndexMapper;
+    },
+    columnIndexMapper: function columnIndexMapper() {
+      return instance.columnIndexMapper;
+    },
     countCols: function countCols() {
       return instance.countCols();
     },
@@ -304,18 +309,12 @@ function Core(rootElement, userSettings) {
     isEditorOpened: function isEditorOpened() {
       return instance.getActiveEditor() ? instance.getActiveEditor().isOpened() : false;
     },
-    countRenderableColumns: function countRenderableColumns() {
+    countColsTranslated: function countColsTranslated() {
       return _this.view.countRenderableColumns();
     },
-    countRenderableRows: function countRenderableRows() {
+    countRowsTranslated: function countRowsTranslated() {
       return _this.view.countRenderableRows();
     },
-    countRowHeaders: function countRowHeaders() {
-      return _this.countRowHeaders();
-    },
-    countColHeaders: function countColHeaders() {
-      return _this.countColHeaders();
-    },
     getShortcutManager: function getShortcutManager() {
       return instance.getShortcutManager();
     },
@@ -348,6 +347,12 @@ function Core(rootElement, userSettings) {
   });
   this.selection.addLocalHook('beforeSetRangeEnd', function (cellCoords) {
     _this.runHooks('beforeSetRangeEnd', cellCoords);
+    if (cellCoords.row < 0) {
+      cellCoords.row = _this.view._wt.wtTable.getFirstVisibleRow();
+    }
+    if (cellCoords.col < 0) {
+      cellCoords.col = _this.view._wt.wtTable.getFirstVisibleColumn();
+    }
   });
   this.selection.addLocalHook('afterSetRangeEnd', function (cellCoords) {
     var preventScrolling = (0, _object.createObjectPropListener)(false);
@@ -373,14 +378,7 @@ function Core(rootElement, userSettings) {
     if (scrollToCell !== false) {
       if (!isSelectedByAnyHeader) {
         if (currentSelectedRange && !_this.selection.isMultiple()) {
-          var renderableCoords = visualToRenderableCoords(currentSelectedRange.from);
-          if (renderableCoords.row < 0 && renderableCoords.col >= 0) {
-            _this.view.scrollViewportHorizontally(renderableCoords.col);
-          } else if (renderableCoords.col < 0 && renderableCoords.row >= 0) {
-            _this.view.scrollViewportVertically(renderableCoords.row);
-          } else {
-            _this.view.scrollViewport(renderableCoords);
-          }
+          _this.view.scrollViewport(visualToRenderableCoords(currentSelectedRange.from));
         } else {
           _this.view.scrollViewport(visualToRenderableCoords(cellCoords));
         }
@@ -3734,30 +3732,6 @@ function Core(rootElement, userSettings) {
     return instance.view._wt.drawn ? instance.view._wt.wtTable.getVisibleColumnsCount() : -1;
   };
 
-  /**
-   * Returns the number of rendered row headers.
-   *
-   * @since 13.0.0
-   * @memberof Core#
-   * @function countRowHeaders
-   * @returns {number} Number of row headers.
-   */
-  this.countRowHeaders = function () {
-    return this.view.getRowHeadersCount();
-  };
-
-  /**
-   * Returns the number of rendered column headers.
-   *
-   * @since 13.0.0
-   * @memberof Core#
-   * @function countColHeaders
-   * @returns {number} Number of column headers.
-   */
-  this.countColHeaders = function () {
-    return this.view.getColumnHeadersCount();
-  };
-
   /**
    * Returns the number of empty rows. If the optional ending parameter is `true`, returns the
    * number of empty rows at the bottom of the table.
@@ -3962,8 +3936,6 @@ function Core(rootElement, userSettings) {
    * hot.selectColumns('id');
    * // Select range of columns using visual indexes.
    * hot.selectColumns(1, 4);
-   * // Select range of columns using visual indexes and mark the header as highlighted.
-   * hot.selectColumns(1, 2, -1);
    * // Select range of columns using column properties.
    * hot.selectColumns('id', 'last_name');
    * ```
@@ -3974,15 +3946,11 @@ function Core(rootElement, userSettings) {
    * @param {number} startColumn The visual column index from which the selection starts.
    * @param {number} [endColumn=startColumn] The visual column index to which the selection finishes. If `endColumn`
    *                                         is not defined the column defined by `startColumn` will be selected.
-   * @param {number} [headerLevel=0] The header level allows changing the cell/header highlight position. The value can
-   *                                 take 0 to -N, where 0 means highlighting the cell nearest the column header, -1
-   *                                 means the highlighting header starting from the header closest to the cells.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
   this.selectColumns = function (startColumn) {
     var endColumn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : startColumn;
-    var headerLevel = arguments.length > 2 ? arguments[2] : undefined;
-    return selection.selectColumns(startColumn, endColumn, headerLevel);
+    return selection.selectColumns(startColumn, endColumn);
   };
 
   /**
@@ -3994,8 +3962,6 @@ function Core(rootElement, userSettings) {
    * hot.selectRows(1);
    * // Select range of rows using visual indexes.
    * hot.selectRows(1, 4);
-   * // Select range of rows using visual indexes and mark the header as highlighted.
-   * hot.selectRows(1, 2, -1);
    * ```
    *
    * @memberof Core#
@@ -4004,15 +3970,11 @@ function Core(rootElement, userSettings) {
    * @param {number} startRow The visual row index from which the selection starts.
    * @param {number} [endRow=startRow] The visual row index to which the selection finishes. If `endRow`
    *                                   is not defined the row defined by `startRow` will be selected.
-   * @param {number} [headerLevel=0] The header level allows changing the cell/header highlight position. The value can
-   *                                 take 0 to -N, where 0 means highlighting the cell nearest the row header, -1
-   *                                 means the highlighting header starting from the header closest to the cells.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
   this.selectRows = function (startRow) {
     var endRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : startRow;
-    var headerLevel = arguments.length > 2 ? arguments[2] : undefined;
-    return selection.selectRows(startRow, endRow, headerLevel);
+    return selection.selectRows(startRow, endRow);
   };
 
   /**
@@ -4031,16 +3993,9 @@ function Core(rootElement, userSettings) {
    * The previous selection is overwritten.
    *
    * ```js
-   * // select all cells in the table, including all headers with corner
+   * // select all cells in the table, including all headers
    * hot.selectAll();
    *
-   * // select all cells in the table, including row headers without corner
-   * hot.selectAll(true, false);
-   *
-   * // select all cells in the table, including all headers with corner but move the focus
-   * // highlight to position -2,-1
-   * hot.selectAll(-2, -1);
-   *
    * // select all cells in the table, without headers
    * hot.selectAll(false);
    * ```
@@ -4048,15 +4003,15 @@ function Core(rootElement, userSettings) {
    * @since 0.38.2
    * @memberof Core#
    * @function selectAll
-   * @param {boolean|number} [rowHeaderLevel=true] `true`: include all row headers.
-   * @param {boolean|number} [columnHeaderLevel=true] `true`: include all column headers.
+   * @param {boolean} [includeHeaders=true] `true`: include all row, column and corner headers.
    * `false`: don't include any headers.
    */
   this.selectAll = function () {
-    var rowHeaderLevel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var columnHeaderLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : rowHeaderLevel;
+    var includeHeaders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var includeRowHeaders = includeHeaders && this.hasRowHeaders();
+    var includeColumnHeaders = includeHeaders && this.hasColHeaders();
     preventScrollingToCell = true;
-    selection.selectAll(rowHeaderLevel, columnHeaderLevel);
+    selection.selectAll(includeRowHeaders, includeColumnHeaders);
     preventScrollingToCell = false;
   };
   var getIndexToScroll = function getIndexToScroll(indexMapper, visualIndex) {
@@ -4460,16 +4415,6 @@ function Core(rootElement, userSettings) {
     }
   };
 
-  /**
-   * Gets the instance of the EditorManager.
-   *
-   * @private
-   * @returns {EditorManager}
-   */
-  this._getEditorManager = function () {
-    return editorManager;
-  };
-
   /**
    * Check if currently it is RTL direction.
    *
@@ -4542,11 +4487,284 @@ function Core(rootElement, userSettings) {
   this.getShortcutManager = function () {
     return shortcutManager;
   };
+  var gridContext = shortcutManager.addContext('grid');
+  var gridConfig = {
+    runOnlyIf: function runOnlyIf() {
+      return (0, _mixed.isDefined)(instance.getSelected()) && instance.countRenderedRows() > 0 && instance.countRenderedCols() > 0;
+    },
+    group: SHORTCUTS_GROUP
+  };
+  shortcutManager.setActiveContextName('grid');
+  gridContext.addShortcuts([{
+    keys: [['Control/Meta', 'A']],
+    callback: function callback() {
+      instance.selectAll();
+    }
+  }, {
+    keys: [['Control/Meta', 'Enter']],
+    callback: function callback() {
+      var selectedRange = instance.getSelectedRange();
+      var _selectedRange$highli = selectedRange[selectedRange.length - 1].highlight,
+        highlightRow = _selectedRange$highli.row,
+        highlightColumn = _selectedRange$highli.col;
+      var valueToPopulate = instance.getDataAtCell(highlightRow, highlightColumn);
+      var cellValues = new Map();
+      for (var i = 0; i < selectedRange.length; i++) {
+        selectedRange[i].forAll(function (row, column) {
+          if (row >= 0 && column >= 0 && (row !== highlightRow || column !== highlightColumn)) {
+            var _instance$getCellMeta = instance.getCellMeta(row, column),
+              readOnly = _instance$getCellMeta.readOnly;
+            if (!readOnly) {
+              cellValues.set("".concat(row, "x").concat(column), [row, column, valueToPopulate]);
+            }
+          }
+        });
+      }
+      instance.setDataAtCell(Array.from(cellValues.values()));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return instance.getSelectedRangeLast().getCellsCount() > 1;
+    }
+  }, {
+    keys: [['ArrowUp']],
+    callback: function callback() {
+      selection.transformStart(-1, 0);
+    }
+  }, {
+    keys: [['ArrowUp', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      selection.setRangeStart(instance._createCellCoords(instance.rowIndexMapper.getNearestNotHiddenIndex(0, 1), instance.getSelectedRangeLast().highlight.col));
+    }
+  }, {
+    keys: [['ArrowUp', 'Shift']],
+    callback: function callback() {
+      selection.transformEnd(-1, 0);
+    }
+  }, {
+    keys: [['ArrowUp', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      var _instance$getSelected = instance.getSelectedRangeLast(),
+        from = _instance$getSelected.from,
+        to = _instance$getSelected.to;
+      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(0, 1);
+      selection.setRangeStart(from.clone());
+      selection.setRangeEnd(instance._createCellCoords(row, to.col));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return !(instance.selection.isSelectedByCorner() || instance.selection.isSelectedByColumnHeader());
+    }
+  }, {
+    keys: [['ArrowDown']],
+    callback: function callback() {
+      selection.transformStart(1, 0);
+    }
+  }, {
+    keys: [['ArrowDown', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      selection.setRangeStart(instance._createCellCoords(instance.rowIndexMapper.getNearestNotHiddenIndex(instance.countRows() - 1, -1), instance.getSelectedRangeLast().highlight.col));
+    }
+  }, {
+    keys: [['ArrowDown', 'Shift']],
+    callback: function callback() {
+      selection.transformEnd(1, 0);
+    }
+  }, {
+    keys: [['ArrowDown', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      var _instance$getSelected2 = instance.getSelectedRangeLast(),
+        from = _instance$getSelected2.from,
+        to = _instance$getSelected2.to;
+      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(instance.countRows() - 1, -1);
+      selection.setRangeStart(from.clone());
+      selection.setRangeEnd(instance._createCellCoords(row, to.col));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return !(instance.selection.isSelectedByCorner() || instance.selection.isSelectedByColumnHeader());
+    }
+  }, {
+    keys: [['ArrowLeft']],
+    callback: function callback() {
+      selection.transformStart(0, -1 * instance.getDirectionFactor());
+    }
+  }, {
+    keys: [['ArrowLeft', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      var _instance$columnIndex;
+      var row = instance.getSelectedRangeLast().highlight.row;
+      var column = (_instance$columnIndex = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex, _toConsumableArray(instance.isRtl() ? [instance.countCols() - 1, -1] : [0, 1]));
+      selection.setRangeStart(instance._createCellCoords(row, column));
+    }
+  }, {
+    keys: [['ArrowLeft', 'Shift']],
+    callback: function callback() {
+      selection.transformEnd(0, -1 * instance.getDirectionFactor());
+    }
+  }, {
+    keys: [['ArrowLeft', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      var _instance$columnIndex2;
+      var _instance$getSelected3 = instance.getSelectedRangeLast(),
+        from = _instance$getSelected3.from,
+        to = _instance$getSelected3.to;
+      var column = (_instance$columnIndex2 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex2, _toConsumableArray(instance.isRtl() ? [instance.countCols() - 1, -1] : [0, 1]));
+      selection.setRangeStart(from.clone());
+      selection.setRangeEnd(instance._createCellCoords(to.row, column));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return !(instance.selection.isSelectedByCorner() || instance.selection.isSelectedByRowHeader());
+    }
+  }, {
+    keys: [['ArrowRight']],
+    callback: function callback() {
+      selection.transformStart(0, instance.getDirectionFactor());
+    }
+  }, {
+    keys: [['ArrowRight', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      var _instance$columnIndex3;
+      var row = instance.getSelectedRangeLast().highlight.row;
+      var column = (_instance$columnIndex3 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex3, _toConsumableArray(instance.isRtl() ? [0, 1] : [instance.countCols() - 1, -1]));
+      selection.setRangeStart(instance._createCellCoords(row, column));
+    }
+  }, {
+    keys: [['ArrowRight', 'Shift']],
+    callback: function callback() {
+      selection.transformEnd(0, instance.getDirectionFactor());
+    }
+  }, {
+    keys: [['ArrowRight', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      var _instance$columnIndex4;
+      var _instance$getSelected4 = instance.getSelectedRangeLast(),
+        from = _instance$getSelected4.from,
+        to = _instance$getSelected4.to;
+      var column = (_instance$columnIndex4 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex4, _toConsumableArray(instance.isRtl() ? [0, 1] : [instance.countCols() - 1, -1]));
+      selection.setRangeStart(from.clone());
+      selection.setRangeEnd(instance._createCellCoords(to.row, column));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return !(instance.selection.isSelectedByCorner() || instance.selection.isSelectedByRowHeader());
+    }
+  }, {
+    keys: [['Home']],
+    captureCtrl: true,
+    callback: function callback() {
+      var fixedColumns = parseInt(instance.getSettings().fixedColumnsStart, 10);
+      var row = instance.getSelectedRangeLast().highlight.row;
+      var column = instance.columnIndexMapper.getNearestNotHiddenIndex(fixedColumns, 1);
+      selection.setRangeStart(instance._createCellCoords(row, column));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return instance.view.isMainTableNotFullyCoveredByOverlays();
+    }
+  }, {
+    keys: [['Home', 'Shift']],
+    callback: function callback() {
+      selection.setRangeEnd(instance._createCellCoords(selection.selectedRange.current().from.row, instance.columnIndexMapper.getNearestNotHiddenIndex(0, 1)));
+    }
+  }, {
+    keys: [['Home', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      var fixedRows = parseInt(instance.getSettings().fixedRowsTop, 10);
+      var fixedColumns = parseInt(instance.getSettings().fixedColumnsStart, 10);
+      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(fixedRows, 1);
+      var column = instance.columnIndexMapper.getNearestNotHiddenIndex(fixedColumns, 1);
+      selection.setRangeStart(instance._createCellCoords(row, column));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return instance.view.isMainTableNotFullyCoveredByOverlays();
+    }
+  }, {
+    keys: [['End']],
+    captureCtrl: true,
+    callback: function callback() {
+      selection.setRangeStart(instance._createCellCoords(instance.getSelectedRangeLast().highlight.row, instance.columnIndexMapper.getNearestNotHiddenIndex(instance.countCols() - 1, -1)));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return instance.view.isMainTableNotFullyCoveredByOverlays();
+    }
+  }, {
+    keys: [['End', 'Shift']],
+    callback: function callback() {
+      selection.setRangeEnd(instance._createCellCoords(selection.selectedRange.current().from.row, instance.columnIndexMapper.getNearestNotHiddenIndex(instance.countCols() - 1, -1)));
+    }
+  }, {
+    keys: [['End', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      var fixedRows = parseInt(instance.getSettings().fixedRowsBottom, 10);
+      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(instance.countRows() - fixedRows - 1, -1);
+      var column = instance.columnIndexMapper.getNearestNotHiddenIndex(instance.countCols() - 1, -1);
+      selection.setRangeStart(instance._createCellCoords(row, column));
+    },
+    runOnlyIf: function runOnlyIf() {
+      return instance.view.isMainTableNotFullyCoveredByOverlays();
+    }
+  }, {
+    keys: [['PageUp']],
+    callback: function callback() {
+      selection.transformStart(-instance.countVisibleRows(), 0);
+    }
+  }, {
+    keys: [['PageUp', 'Shift']],
+    callback: function callback() {
+      var _instance$getSelected5 = instance.getSelectedRangeLast(),
+        to = _instance$getSelected5.to;
+      var nextRowIndexToSelect = Math.max(to.row - instance.countVisibleRows(), 0);
+      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(nextRowIndexToSelect, 1);
+      if (row !== null) {
+        var coords = instance._createCellCoords(row, to.col);
+        var scrollPadding = to.row - instance.view.getFirstFullyVisibleRow();
+        var nextVerticalScroll = Math.max(coords.row - scrollPadding, 0);
+        selection.setRangeEnd(coords);
+        instance.scrollViewportTo(nextVerticalScroll);
+      }
+    }
+  }, {
+    keys: [['PageDown']],
+    callback: function callback() {
+      selection.transformStart(instance.countVisibleRows(), 0);
+    }
+  }, {
+    keys: [['PageDown', 'Shift']],
+    callback: function callback() {
+      var _instance$getSelected6 = instance.getSelectedRangeLast(),
+        to = _instance$getSelected6.to;
+      var nextRowIndexToSelect = Math.min(to.row + instance.countVisibleRows(), instance.countRows() - 1);
+      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(nextRowIndexToSelect, -1);
+      if (row !== null) {
+        var coords = instance._createCellCoords(row, to.col);
+        var scrollPadding = to.row - instance.view.getFirstFullyVisibleRow();
+        var nextVerticalScroll = Math.min(coords.row - scrollPadding, instance.countRows() - 1);
+        selection.setRangeEnd(coords);
+        instance.scrollViewportTo(nextVerticalScroll);
+      }
+    }
+  }, {
+    keys: [['Tab']],
+    callback: function callback(event) {
+      var tabMoves = typeof tableMeta.tabMoves === 'function' ? tableMeta.tabMoves(event) : tableMeta.tabMoves;
+      selection.transformStart(tabMoves.row, tabMoves.col, true);
+    }
+  }, {
+    keys: [['Shift', 'Tab']],
+    callback: function callback(event) {
+      var tabMoves = typeof tableMeta.tabMoves === 'function' ? tableMeta.tabMoves(event) : tableMeta.tabMoves;
+      selection.transformStart(-tabMoves.row, -tabMoves.col);
+    }
+  }], gridConfig);
   (0, _registry.getPluginsNames)().forEach(function (pluginName) {
     var PluginClass = (0, _registry.getPlugin)(pluginName);
     pluginsRegistry.addItem(pluginName, new PluginClass(_this));
   });
-  (0, _shortcutContexts.registerAllShortcutContexts)(instance);
-  shortcutManager.setActiveContextName('grid');
   _pluginHooks.default.getSingleton().run(instance, 'construct');
 }