handsontable 0.0.0-next-59715d3-20230523 → 0.0.0-next-93e34dc-20230601

package/shortcutContexts/grid.mjs

@@ -0,0 +1,228 @@
+import { isDefined } from "../helpers/mixed.mjs";
+import { GRID_GROUP, EDITOR_EDIT_GROUP } from "./constants.mjs";
+import { createKeyboardShortcutCommandsPool } from "./commands/index.mjs";
+/**
+ * The context that defines shortcut list available for selected cell or cells.
+ *
+ * @param {Handsontable} hot The Handsontable instance.
+ */
+export function shortcutsGridContext(hot) {
+  var context = hot.getShortcutManager().addContext('grid');
+  var commandsPool = createKeyboardShortcutCommandsPool(hot);
+  var config = {
+    runOnlyIf: function runOnlyIf() {
+      var _hot$getSettings = hot.getSettings(),
+        navigableHeaders = _hot$getSettings.navigableHeaders;
+      return isDefined(hot.getSelected()) && (navigableHeaders || !navigableHeaders && hot.countRenderedRows() > 0 && hot.countRenderedCols() > 0);
+    },
+    group: GRID_GROUP
+  };
+  context.addShortcuts([{
+    keys: [['F2']],
+    callback: function callback(event) {
+      return commandsPool.editorFastOpen(event);
+    }
+  }, {
+    keys: [['Enter'], ['Enter', 'Shift']],
+    callback: function callback(event, keys) {
+      return commandsPool.editorOpen(event, keys);
+    }
+  }, {
+    keys: [['Backspace'], ['Delete']],
+    callback: function callback() {
+      return commandsPool.emptySelectedCells();
+    }
+  }], {
+    group: EDITOR_EDIT_GROUP
+  });
+  context.addShortcuts([{
+    keys: [['Control/Meta', 'A'], ['Control/Meta', 'Shift', 'Space']],
+    callback: function callback() {
+      return commandsPool.selectAll();
+    }
+  }, {
+    keys: [['Control/Meta', 'Enter']],
+    callback: function callback() {
+      return commandsPool.populateSelectedCellsData();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return hot.getSelectedRangeLast().getCellsCount() > 1;
+    }
+  }, {
+    keys: [['ArrowUp']],
+    callback: function callback() {
+      return commandsPool.moveCellSelectionUp();
+    }
+  }, {
+    keys: [['ArrowUp', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.moveCellSelectionToMostTop();
+    }
+  }, {
+    keys: [['ArrowUp', 'Shift']],
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionUp();
+    }
+  }, {
+    keys: [['ArrowUp', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionToMostTop();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByColumnHeader());
+    }
+  }, {
+    keys: [['ArrowDown']],
+    callback: function callback() {
+      return commandsPool.moveCellSelectionDown();
+    }
+  }, {
+    keys: [['ArrowDown', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.moveCellSelectionToMostBottom();
+    }
+  }, {
+    keys: [['ArrowDown', 'Shift']],
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionDown();
+    }
+  }, {
+    keys: [['ArrowDown', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionToMostBottom();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByColumnHeader());
+    }
+  }, {
+    keys: [['ArrowLeft']],
+    callback: function callback() {
+      return commandsPool.moveCellSelectionLeft();
+    }
+  }, {
+    keys: [['ArrowLeft', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.moveCellSelectionToMostLeft();
+    }
+  }, {
+    keys: [['ArrowLeft', 'Shift']],
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionLeft();
+    }
+  }, {
+    keys: [['ArrowLeft', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionToMostLeft();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByRowHeader());
+    }
+  }, {
+    keys: [['ArrowRight']],
+    callback: function callback() {
+      return commandsPool.moveCellSelectionRight();
+    }
+  }, {
+    keys: [['ArrowRight', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.moveCellSelectionToMostRight();
+    }
+  }, {
+    keys: [['ArrowRight', 'Shift']],
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionRight();
+    }
+  }, {
+    keys: [['ArrowRight', 'Shift', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionToMostRight();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return !(hot.selection.isSelectedByCorner() || hot.selection.isSelectedByRowHeader());
+    }
+  }, {
+    keys: [['Home']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.moveCellSelectionToMostInlineStart();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return hot.view.isMainTableNotFullyCoveredByOverlays();
+    }
+  }, {
+    keys: [['Home', 'Shift']],
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionToMostInlineStart();
+    }
+  }, {
+    keys: [['Home', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.moveCellSelectionToMostTopInlineStart();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return hot.view.isMainTableNotFullyCoveredByOverlays();
+    }
+  }, {
+    keys: [['End']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.moveCellSelectionToMostInlineEnd();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return hot.view.isMainTableNotFullyCoveredByOverlays();
+    }
+  }, {
+    keys: [['End', 'Shift']],
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionToMostInlineEnd();
+    }
+  }, {
+    keys: [['End', 'Control/Meta']],
+    captureCtrl: true,
+    callback: function callback() {
+      return commandsPool.moveCellSelectionToMostBottomInlineEnd();
+    },
+    runOnlyIf: function runOnlyIf() {
+      return hot.view.isMainTableNotFullyCoveredByOverlays();
+    }
+  }, {
+    keys: [['PageUp']],
+    callback: function callback() {
+      return commandsPool.moveCellSelectionUpByViewportHight();
+    }
+  }, {
+    keys: [['PageUp', 'Shift']],
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionUpByViewportHeight();
+    }
+  }, {
+    keys: [['PageDown']],
+    callback: function callback() {
+      return commandsPool.moveCellSelectionDownByViewportHeight();
+    }
+  }, {
+    keys: [['PageDown', 'Shift']],
+    callback: function callback() {
+      return commandsPool.extendCellsSelectionDownByViewportHeight();
+    }
+  }, {
+    keys: [['Tab']],
+    callback: function callback() {
+      return commandsPool.moveCellSelectionInlineStart();
+    }
+  }, {
+    keys: [['Shift', 'Tab']],
+    callback: function callback() {
+      return commandsPool.moveCellSelectionInlineEnd();
+    }
+  }], config);
+}

package/shortcutContexts/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+exports.__esModule = true;
+var _exportNames = {
+  registerAllShortcutContexts: true
+};
+exports.registerAllShortcutContexts = registerAllShortcutContexts;
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _editor = require("./editor");
+var _grid = require("./grid");
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  exports[key] = _constants[key];
+});
+/**
+ * Register all shortcut contexts.
+ *
+ * @param {Handsontable} hotInstance The Handsontable instance.
+ */
+function registerAllShortcutContexts(hotInstance) {
+  [_editor.shortcutsEditorContext, _grid.shortcutsGridContext].forEach(function (context) {
+    return context(hotInstance);
+  });
+}

package/shortcutContexts/index.mjs

@@ -0,0 +1,15 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import { shortcutsEditorContext } from "./editor.mjs";
+import { shortcutsGridContext } from "./grid.mjs";
+export * from "./constants.mjs";
+/**
+ * Register all shortcut contexts.
+ *
+ * @param {Handsontable} hotInstance The Handsontable instance.
+ */
+export function registerAllShortcutContexts(hotInstance) {
+  [shortcutsEditorContext, shortcutsGridContext].forEach(function (context) {
+    return context(hotInstance);
+  });
+}

package/tableView.js

@@ -612,6 +612,44 @@ var TableView = /*#__PURE__*/function () {
       return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
     }
 
+    /**
+     * The function returns the number of renderable column indexes within the passed range of the visual indexes.
+     *
+     * @param {number} columnStart The column visual start index.
+     * @param {number} columnEnd The column visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableColumnsInRange",
+    value: function countRenderableColumnsInRange(columnStart, columnEnd) {
+      var count = 0;
+      for (var column = columnStart; column <= columnEnd; column++) {
+        if (this.instance.columnIndexMapper.getRenderableFromVisualIndex(column) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
+    /**
+     * The function returns the number of renderable row indexes within the passed range of the visual indexes.
+     *
+     * @param {number} rowStart The row visual start index.
+     * @param {number} rowEnd The row visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableRowsInRange",
+    value: function countRenderableRowsInRange(rowStart, rowEnd) {
+      var count = 0;
+      for (var row = rowStart; row <= rowEnd; row++) {
+        if (this.instance.rowIndexMapper.getRenderableFromVisualIndex(row) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
     /**
      * Checks if at least one cell than belongs to the main table is not covered by the top, left or
      * bottom overlay.
@@ -883,15 +921,29 @@ var TableView = /*#__PURE__*/function () {
         },
         onBeforeHighlightingRowHeader: function onBeforeHighlightingRowHeader(renderableRow, headerLevel, highlightMeta) {
           var rowMapper = _this2.instance.rowIndexMapper;
-          var visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+          var areColumnHeadersSelected = renderableRow < 0;
+          var visualRow = renderableRow;
+          if (!areColumnHeadersSelected) {
+            visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+          }
           var newVisualRow = _this2.instance.runHooks('beforeHighlightingRowHeader', visualRow, headerLevel, highlightMeta);
-          return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+          if (!areColumnHeadersSelected) {
+            return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+          }
+          return newVisualRow;
         },
         onBeforeHighlightingColumnHeader: function onBeforeHighlightingColumnHeader(renderableColumn, headerLevel, highlightMeta) {
           var columnMapper = _this2.instance.columnIndexMapper;
-          var visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+          var areRowHeadersSelected = renderableColumn < 0;
+          var visualColumn = renderableColumn;
+          if (!areRowHeadersSelected) {
+            visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+          }
           var newVisualColumn = _this2.instance.runHooks('beforeHighlightingColumnHeader', visualColumn, headerLevel, highlightMeta);
-          return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+          if (!areRowHeadersSelected) {
+            return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+          }
+          return newVisualColumn;
         },
         onAfterDrawSelection: function onAfterDrawSelection(currentRow, currentColumn, layerLevel) {
           var cornersOfSelection;
@@ -902,10 +954,7 @@ var TableView = /*#__PURE__*/function () {
           var selectedRange = _this2.instance.selection.getSelectedRange();
           var selectionRangeSize = selectedRange.size();
           if (selectionRangeSize > 0) {
-            // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
-            // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-            var selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
-            var selectionForLayer = selectedRange.peekByIndex(selectionOffset);
+            var selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0);
             cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
           }
           return _this2.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -1079,7 +1128,7 @@ var TableView = /*#__PURE__*/function () {
     key: "isSelectedOnlyCell",
     value: function isSelectedOnlyCell() {
       var _this$instance$getSel, _this$instance$getSel2;
-      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
+      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingleCell()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
     }
 
     /**

package/tableView.mjs

@@ -607,6 +607,44 @@ var TableView = /*#__PURE__*/function () {
       return this.countNotHiddenRowIndexes(visualFixedRowsBottom, 1);
     }
 
+    /**
+     * The function returns the number of renderable column indexes within the passed range of the visual indexes.
+     *
+     * @param {number} columnStart The column visual start index.
+     * @param {number} columnEnd The column visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableColumnsInRange",
+    value: function countRenderableColumnsInRange(columnStart, columnEnd) {
+      var count = 0;
+      for (var column = columnStart; column <= columnEnd; column++) {
+        if (this.instance.columnIndexMapper.getRenderableFromVisualIndex(column) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
+    /**
+     * The function returns the number of renderable row indexes within the passed range of the visual indexes.
+     *
+     * @param {number} rowStart The row visual start index.
+     * @param {number} rowEnd The row visual end index.
+     * @returns {number}
+     */
+  }, {
+    key: "countRenderableRowsInRange",
+    value: function countRenderableRowsInRange(rowStart, rowEnd) {
+      var count = 0;
+      for (var row = rowStart; row <= rowEnd; row++) {
+        if (this.instance.rowIndexMapper.getRenderableFromVisualIndex(row) !== null) {
+          count += 1;
+        }
+      }
+      return count;
+    }
+
     /**
      * Checks if at least one cell than belongs to the main table is not covered by the top, left or
      * bottom overlay.
@@ -878,15 +916,29 @@ var TableView = /*#__PURE__*/function () {
         },
         onBeforeHighlightingRowHeader: function onBeforeHighlightingRowHeader(renderableRow, headerLevel, highlightMeta) {
           var rowMapper = _this2.instance.rowIndexMapper;
-          var visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+          var areColumnHeadersSelected = renderableRow < 0;
+          var visualRow = renderableRow;
+          if (!areColumnHeadersSelected) {
+            visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
+          }
           var newVisualRow = _this2.instance.runHooks('beforeHighlightingRowHeader', visualRow, headerLevel, highlightMeta);
-          return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+          if (!areColumnHeadersSelected) {
+            return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
+          }
+          return newVisualRow;
         },
         onBeforeHighlightingColumnHeader: function onBeforeHighlightingColumnHeader(renderableColumn, headerLevel, highlightMeta) {
           var columnMapper = _this2.instance.columnIndexMapper;
-          var visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+          var areRowHeadersSelected = renderableColumn < 0;
+          var visualColumn = renderableColumn;
+          if (!areRowHeadersSelected) {
+            visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
+          }
           var newVisualColumn = _this2.instance.runHooks('beforeHighlightingColumnHeader', visualColumn, headerLevel, highlightMeta);
-          return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+          if (!areRowHeadersSelected) {
+            return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
+          }
+          return newVisualColumn;
         },
         onAfterDrawSelection: function onAfterDrawSelection(currentRow, currentColumn, layerLevel) {
           var cornersOfSelection;
@@ -897,10 +949,7 @@ var TableView = /*#__PURE__*/function () {
           var selectedRange = _this2.instance.selection.getSelectedRange();
           var selectionRangeSize = selectedRange.size();
           if (selectionRangeSize > 0) {
-            // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
-            // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-            var selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
-            var selectionForLayer = selectedRange.peekByIndex(selectionOffset);
+            var selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0);
             cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
           }
           return _this2.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -1074,7 +1123,7 @@ var TableView = /*#__PURE__*/function () {
     key: "isSelectedOnlyCell",
     value: function isSelectedOnlyCell() {
       var _this$instance$getSel, _this$instance$getSel2;
-      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
+      return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingleCell()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
     }
 
     /**