handsontable 0.0.0-next-08765b9-20230714 → 0.0.0-next-f8ea07b-20230714

package/shortcuts/utils.mjs

@@ -33,25 +33,11 @@ export const getKeysList = normalizedKeys => {
 };
 
 /**
- * The regex tests if the event.code matches to the pattern and it's used to extract letters and digits from
- * the string.
- */
-const codeToKeyRegExp = new RegExp('^(?:Key|Digit)([A-Z0-9])$');
-
-/**
- * Normalizes a keyboard event key value to a key before its modification. When the keyboard event
- * is triggered with Alt, Control or Shift keys the `key` property contains modified key e.g. for Alt+L
- * it will be `ł`. But that value is only valid for polish keyboard layout. To fix that limitations, for
- * letters and digits the value is taken from the `code` property which holds original value before
- * transformation.
+ * Normalize a `KeyboardEvent.key` property, to use it for keyboard shortcuts.
  *
- * @param {Event} event The KeyboardEvent object.
+ * @param {string} key KeyboardEvent's key property.
  * @returns {string}
  */
-export const normalizeEventKey = _ref => {
-  let {
-    key,
-    code
-  } = _ref;
-  return (codeToKeyRegExp.test(code) ? code.replace(codeToKeyRegExp, '$1') : key).toLowerCase();
+export const normalizeEventKey = key => {
+  return key.toLowerCase();
 };

package/tableView.js

@@ -312,14 +312,11 @@ class TableView {
     });
     this.eventManager.addEventListener(documentElement, 'mouseup', event => {
       if (selection.isInProgress() && (0, _event.isLeftClick)(event)) {
+        // is left mouse button
         selection.finish();
       }
       priv.mouseDown = false;
-      const isOutsideInputElement = (0, _element.isOutsideInput)(rootDocument.activeElement);
-      if (!isOutsideInputElement) {
-        return;
-      }
-      if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !(0, _event.isRightClick)(event)) {
+      if ((0, _element.isOutsideInput)(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !(0, _event.isRightClick)(event)) {
         this.instance.unlisten();
       }
     });
@@ -553,40 +550,6 @@ class TableView {
     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}
-   */
-  countRenderableColumnsInRange(columnStart, columnEnd) {
-    let count = 0;
-    for (let 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}
-   */
-  countRenderableRowsInRange(rowStart, rowEnd) {
-    let count = 0;
-    for (let 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.
@@ -806,40 +769,20 @@ class TableView {
       },
       beforeDraw: (force, skipRender) => this.beforeRender(force, skipRender),
       onDraw: force => this.afterRender(force),
-      onScrollVertically: () => {
-        this.instance.runHooks('afterScrollVertically');
-        this.instance.runHooks('afterScroll');
-      },
-      onScrollHorizontally: () => {
-        this.instance.runHooks('afterScrollHorizontally');
-        this.instance.runHooks('afterScroll');
-      },
+      onScrollVertically: () => this.instance.runHooks('afterScrollVertically'),
+      onScrollHorizontally: () => this.instance.runHooks('afterScrollHorizontally'),
       onBeforeRemoveCellClassNames: () => this.instance.runHooks('beforeRemoveCellClassNames'),
       onBeforeHighlightingRowHeader: (renderableRow, headerLevel, highlightMeta) => {
         const rowMapper = this.instance.rowIndexMapper;
-        const areColumnHeadersSelected = renderableRow < 0;
-        let visualRow = renderableRow;
-        if (!areColumnHeadersSelected) {
-          visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
-        }
+        const visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
         const newVisualRow = this.instance.runHooks('beforeHighlightingRowHeader', visualRow, headerLevel, highlightMeta);
-        if (!areColumnHeadersSelected) {
-          return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
-        }
-        return newVisualRow;
+        return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
       },
       onBeforeHighlightingColumnHeader: (renderableColumn, headerLevel, highlightMeta) => {
         const columnMapper = this.instance.columnIndexMapper;
-        const areRowHeadersSelected = renderableColumn < 0;
-        let visualColumn = renderableColumn;
-        if (!areRowHeadersSelected) {
-          visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
-        }
+        const visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
         const newVisualColumn = this.instance.runHooks('beforeHighlightingColumnHeader', visualColumn, headerLevel, highlightMeta);
-        if (!areRowHeadersSelected) {
-          return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
-        }
-        return newVisualColumn;
+        return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
       },
       onAfterDrawSelection: (currentRow, currentColumn, layerLevel) => {
         let cornersOfSelection;
@@ -847,7 +790,10 @@ class TableView {
         const selectedRange = this.instance.selection.getSelectedRange();
         const selectionRangeSize = selectedRange.size();
         if (selectionRangeSize > 0) {
-          const selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 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.
+          const selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
+          const selectionForLayer = selectedRange.peekByIndex(selectionOffset);
           cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
         }
         return this.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -1000,7 +946,7 @@ class TableView {
    */
   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.isSingleCell()) !== 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.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
   }
 
   /**

package/tableView.mjs

@@ -308,14 +308,11 @@ class TableView {
     });
     this.eventManager.addEventListener(documentElement, 'mouseup', event => {
       if (selection.isInProgress() && isLeftClick(event)) {
+        // is left mouse button
         selection.finish();
       }
       priv.mouseDown = false;
-      const isOutsideInputElement = isOutsideInput(rootDocument.activeElement);
-      if (!isOutsideInputElement) {
-        return;
-      }
-      if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
+      if (isOutsideInput(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
         this.instance.unlisten();
       }
     });
@@ -549,40 +546,6 @@ class TableView {
     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}
-   */
-  countRenderableColumnsInRange(columnStart, columnEnd) {
-    let count = 0;
-    for (let 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}
-   */
-  countRenderableRowsInRange(rowStart, rowEnd) {
-    let count = 0;
-    for (let 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.
@@ -802,40 +765,20 @@ class TableView {
       },
       beforeDraw: (force, skipRender) => this.beforeRender(force, skipRender),
       onDraw: force => this.afterRender(force),
-      onScrollVertically: () => {
-        this.instance.runHooks('afterScrollVertically');
-        this.instance.runHooks('afterScroll');
-      },
-      onScrollHorizontally: () => {
-        this.instance.runHooks('afterScrollHorizontally');
-        this.instance.runHooks('afterScroll');
-      },
+      onScrollVertically: () => this.instance.runHooks('afterScrollVertically'),
+      onScrollHorizontally: () => this.instance.runHooks('afterScrollHorizontally'),
       onBeforeRemoveCellClassNames: () => this.instance.runHooks('beforeRemoveCellClassNames'),
       onBeforeHighlightingRowHeader: (renderableRow, headerLevel, highlightMeta) => {
         const rowMapper = this.instance.rowIndexMapper;
-        const areColumnHeadersSelected = renderableRow < 0;
-        let visualRow = renderableRow;
-        if (!areColumnHeadersSelected) {
-          visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
-        }
+        const visualRow = rowMapper.getVisualFromRenderableIndex(renderableRow);
         const newVisualRow = this.instance.runHooks('beforeHighlightingRowHeader', visualRow, headerLevel, highlightMeta);
-        if (!areColumnHeadersSelected) {
-          return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
-        }
-        return newVisualRow;
+        return rowMapper.getRenderableFromVisualIndex(rowMapper.getNearestNotHiddenIndex(newVisualRow, 1));
       },
       onBeforeHighlightingColumnHeader: (renderableColumn, headerLevel, highlightMeta) => {
         const columnMapper = this.instance.columnIndexMapper;
-        const areRowHeadersSelected = renderableColumn < 0;
-        let visualColumn = renderableColumn;
-        if (!areRowHeadersSelected) {
-          visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
-        }
+        const visualColumn = columnMapper.getVisualFromRenderableIndex(renderableColumn);
         const newVisualColumn = this.instance.runHooks('beforeHighlightingColumnHeader', visualColumn, headerLevel, highlightMeta);
-        if (!areRowHeadersSelected) {
-          return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
-        }
-        return newVisualColumn;
+        return columnMapper.getRenderableFromVisualIndex(columnMapper.getNearestNotHiddenIndex(newVisualColumn, 1));
       },
       onAfterDrawSelection: (currentRow, currentColumn, layerLevel) => {
         let cornersOfSelection;
@@ -843,7 +786,10 @@ class TableView {
         const selectedRange = this.instance.selection.getSelectedRange();
         const selectionRangeSize = selectedRange.size();
         if (selectionRangeSize > 0) {
-          const selectionForLayer = selectedRange.peekByIndex(layerLevel !== null && layerLevel !== void 0 ? layerLevel : 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.
+          const selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
+          const selectionForLayer = selectedRange.peekByIndex(selectionOffset);
           cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
         }
         return this.instance.runHooks('afterDrawSelection', visualRowIndex, visualColumnIndex, cornersOfSelection, layerLevel);
@@ -996,7 +942,7 @@ class TableView {
    */
   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.isSingleCell()) !== 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.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
   }
 
   /**

package/3rdparty/walkontable/src/selection/border/constants.js

@@ -1,16 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-/**
- * Default border corner style.
- *
- * @type {object}
- */
-const CORNER_DEFAULT_STYLE = Object.freeze({
-  width: '6px',
-  height: '6px',
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  borderColor: '#FFF'
-});
-exports.CORNER_DEFAULT_STYLE = CORNER_DEFAULT_STYLE;

package/3rdparty/walkontable/src/selection/border/constants.mjs

@@ -1,12 +0,0 @@
-/**
- * Default border corner style.
- *
- * @type {object}
- */
-export const CORNER_DEFAULT_STYLE = Object.freeze({
-  width: '6px',
-  height: '6px',
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  borderColor: '#FFF'
-});

package/3rdparty/walkontable/src/selection/constants.js

@@ -1,62 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-/**
- * Selection type that is visible only if the row or column header is clicked. If that happened
- * all row or column header layers are highlighted.
- *
- * @type {string}
- */
-const ACTIVE_HEADER_TYPE = 'active-header';
-/**
- * Selection type that is visible only if the a cell or cells are clicked. If that happened
- * only the most closest to the cells row or column header is highlighted.
- *
- * @type {string}
- */
-exports.ACTIVE_HEADER_TYPE = ACTIVE_HEADER_TYPE;
-const HEADER_TYPE = 'header';
-/**
- * Selection type that is visible when a cell or cells are clicked. The selected cells are
- * highlighted.
- *
- * @type {string}
- */
-exports.HEADER_TYPE = HEADER_TYPE;
-const AREA_TYPE = 'area';
-/**
- * Selection type defines a cell that follows the user (keyboard navigation).
- *
- * @type {string}
- */
-exports.AREA_TYPE = AREA_TYPE;
-const FOCUS_TYPE = 'focus';
-/**
- * Selection type defines borders for the autofill functionality.
- *
- * @type {string}
- */
-exports.FOCUS_TYPE = FOCUS_TYPE;
-const FILL_TYPE = 'fill';
-/**
- * Selection type defines highlights for the `currentRowClassName` option.
- *
- * @type {string}
- */
-exports.FILL_TYPE = FILL_TYPE;
-const ROW_TYPE = 'row';
-/**
- * Selection type defines highlights for the `currentColumnClassName` option.
- *
- * @type {string}
- */
-exports.ROW_TYPE = ROW_TYPE;
-const COLUMN_TYPE = 'column';
-/**
- * Selection type defines highlights managed by the CustomBorders plugin.
- *
- * @type {string}
- */
-exports.COLUMN_TYPE = COLUMN_TYPE;
-const CUSTOM_SELECTION_TYPE = 'custom-selection';
-exports.CUSTOM_SELECTION_TYPE = CUSTOM_SELECTION_TYPE;

package/3rdparty/walkontable/src/selection/constants.mjs

@@ -1,51 +0,0 @@
-/**
- * Selection type that is visible only if the row or column header is clicked. If that happened
- * all row or column header layers are highlighted.
- *
- * @type {string}
- */
-export const ACTIVE_HEADER_TYPE = 'active-header';
-/**
- * Selection type that is visible only if the a cell or cells are clicked. If that happened
- * only the most closest to the cells row or column header is highlighted.
- *
- * @type {string}
- */
-export const HEADER_TYPE = 'header';
-/**
- * Selection type that is visible when a cell or cells are clicked. The selected cells are
- * highlighted.
- *
- * @type {string}
- */
-export const AREA_TYPE = 'area';
-/**
- * Selection type defines a cell that follows the user (keyboard navigation).
- *
- * @type {string}
- */
-export const FOCUS_TYPE = 'focus';
-/**
- * Selection type defines borders for the autofill functionality.
- *
- * @type {string}
- */
-export const FILL_TYPE = 'fill';
-/**
- * Selection type defines highlights for the `currentRowClassName` option.
- *
- * @type {string}
- */
-export const ROW_TYPE = 'row';
-/**
- * Selection type defines highlights for the `currentColumnClassName` option.
- *
- * @type {string}
- */
-export const COLUMN_TYPE = 'column';
-/**
- * Selection type defines highlights managed by the CustomBorders plugin.
- *
- * @type {string}
- */
-export const CUSTOM_SELECTION_TYPE = 'custom-selection';

package/3rdparty/walkontable/src/selection/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-var _exportNames = {
-  SelectionManager: true,
-  Selection: true
-};
-var _selection = _interopRequireDefault(require("./selection"));
-exports.Selection = _selection.default;
-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];
-});
-var _constants2 = require("./border/constants");
-Object.keys(_constants2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _constants2[key]) return;
-  exports[key] = _constants2[key];
-});
-var _manager = require("./manager");
-exports.SelectionManager = _manager.SelectionManager;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/3rdparty/walkontable/src/selection/index.mjs

@@ -1,5 +0,0 @@
-import Selection from "./selection.mjs";
-export * from "./constants.mjs";
-export * from "./border/constants.mjs";
-export { SelectionManager } from "./manager.mjs";
-export { Selection };