handsontable 0.0.0-next-b66c79f-20230713 → 0.0.0-next-08765b9-20230714

package/editors/textEditor/textEditor.mjs

@@ -6,7 +6,7 @@ import { rangeEach } from "../../helpers/number.mjs";
 import { KEY_CODES } from "../../helpers/unicode.mjs";
 import { autoResize } from "../../3rdparty/autoResize/index.mjs";
 import { isDefined } from "../../helpers/mixed.mjs";
-import { SHORTCUTS_GROUP_NAVIGATION, SHORTCUTS_GROUP_EDITOR as EDITOR_MANAGER_GROUP } from "../../editorManager.mjs";
+import { SHORTCUTS_GROUP_NAVIGATION } from "../../editorManager.mjs";
 import { SHORTCUTS_GROUP_EDITOR } from "../baseEditor/baseEditor.mjs";
 import { updateCaretPosition } from "./caretPositioner.mjs";
 const EDITOR_VISIBLE_CLASS_NAME = 'ht_editor_visible';
@@ -411,9 +411,7 @@ export class TextEditor extends BaseEditor {
       runOnlyIf: event => !this.hot.selection.isMultiple() &&
       // We trigger a data population for multiple selection.
       // catch CTRL but not right ALT (which in some systems triggers ALT+CTRL)
-      !event.altKey,
-      relativeToGroup: EDITOR_MANAGER_GROUP,
-      position: 'before'
+      !event.altKey
     }, {
       keys: [['Meta', 'Enter']],
       callback: () => {
@@ -421,19 +419,13 @@ export class TextEditor extends BaseEditor {
         return false; // Will block closing editor.
       },
 
-      runOnlyIf: () => !this.hot.selection.isMultiple(),
-      // We trigger a data population for multiple selection.
-      relativeToGroup: EDITOR_MANAGER_GROUP,
-      position: 'before'
+      runOnlyIf: () => !this.hot.selection.isMultiple() // We trigger a data population for multiple selection.
     }, {
       keys: [['Alt', 'Enter']],
       callback: () => {
         insertNewLine();
         return false; // Will block closing editor.
-      },
-
-      relativeToGroup: EDITOR_MANAGER_GROUP,
-      position: 'before'
+      }
     }, {
       // TODO: Duplicated part of code (callback to shortcut)
       keys: [['PageUp']],

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-b66c79f-20230713";
+  const hotVersion = "0.0.0-next-08765b9-20230714";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-b66c79f-20230713";
+  const hotVersion = "0.0.0-next-08765b9-20230714";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/number.d.ts

@@ -3,3 +3,4 @@ export function isNumericLike(value: any): boolean;
 export function rangeEach(rangeFrom: number, rangeTo: number, iteratee: (index: number) => void): void;
 export function rangeEachReverse(rangeFrom: number, rangeTo: number, iteratee: (index: number) => void): void;
 export function valueAccordingPercent(value: number, percent: string | number): number;
+export function clamp(value: number, minValue: number, maxValue: number): number;

package/helpers/number.js

@@ -1,6 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
+exports.clamp = clamp;
 exports.isNumeric = isNumeric;
 exports.isNumericLike = isNumericLike;
 exports.rangeEach = rangeEach;
@@ -111,4 +112,21 @@ function valueAccordingPercent(value, percent) {
   percent = parseInt(percent.toString().replace('%', ''), 10);
   percent = isNaN(percent) ? 0 : percent;
   return parseInt(value * percent / 100, 10);
+}
+
+/**
+ * Clamps the value between min and max.
+ *
+ * @param {number} value The base number value.
+ * @param {number} minValue The max number value.
+ * @param {number} maxValue The min number value.
+ * @returns {number}
+ */
+function clamp(value, minValue, maxValue) {
+  if (Math.min(value, minValue) === value) {
+    return minValue;
+  } else if (Math.max(value, maxValue) === value) {
+    return maxValue;
+  }
+  return value;
 }

package/helpers/number.mjs

@@ -103,4 +103,21 @@ export function valueAccordingPercent(value, percent) {
   percent = parseInt(percent.toString().replace('%', ''), 10);
   percent = isNaN(percent) ? 0 : percent;
   return parseInt(value * percent / 100, 10);
+}
+
+/**
+ * Clamps the value between min and max.
+ *
+ * @param {number} value The base number value.
+ * @param {number} minValue The max number value.
+ * @param {number} maxValue The min number value.
+ * @returns {number}
+ */
+export function clamp(value, minValue, maxValue) {
+  if (Math.min(value, minValue) === value) {
+    return minValue;
+  } else if (Math.max(value, maxValue) === value) {
+    return maxValue;
+  }
+  return value;
 }

package/helpers/object.js

@@ -17,6 +17,7 @@ exports.isObjectEqual = isObjectEqual;
 exports.mixin = mixin;
 exports.objectEach = objectEach;
 exports.setProperty = setProperty;
+require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.error.cause.js");
 var _array = require("./array");

package/helpers/object.mjs

@@ -1,3 +1,4 @@
+import "core-js/modules/es.json.stringify.js";
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.error.cause.js";
 import { arrayEach } from "./array.mjs";

package/index.js

@@ -67,7 +67,7 @@ arrayHelpers.arrayEach(DOM, helper => {
 });
 
 // Export cell types.
-_base.default.cellTypes = (_Handsontable$cellTyp = _base.default.cellTypes) != null ? _Handsontable$cellTyp : {};
+_base.default.cellTypes = (_Handsontable$cellTyp = _base.default.cellTypes) !== null && _Handsontable$cellTyp !== void 0 ? _Handsontable$cellTyp : {};
 arrayHelpers.arrayEach((0, _registry5.getRegisteredCellTypeNames)(), cellTypeName => {
   _base.default.cellTypes[cellTypeName] = (0, _registry5.getCellType)(cellTypeName);
 });
@@ -75,7 +75,7 @@ _base.default.cellTypes.registerCellType = _registry5.registerCellType;
 _base.default.cellTypes.getCellType = _registry5.getCellType;
 
 // Export all registered editors from the Handsontable.
-_base.default.editors = (_Handsontable$editors = _base.default.editors) != null ? _Handsontable$editors : {};
+_base.default.editors = (_Handsontable$editors = _base.default.editors) !== null && _Handsontable$editors !== void 0 ? _Handsontable$editors : {};
 arrayHelpers.arrayEach((0, _registry2.getRegisteredEditorNames)(), editorName => {
   _base.default.editors[`${stringHelpers.toUpperCaseFirst(editorName)}Editor`] = (0, _registry2.getEditor)(editorName);
 });
@@ -83,7 +83,7 @@ _base.default.editors.registerEditor = _registry2.registerEditor;
 _base.default.editors.getEditor = _registry2.getEditor;
 
 // Export all registered renderers from the Handsontable.
-_base.default.renderers = (_Handsontable$rendere = _base.default.renderers) != null ? _Handsontable$rendere : {};
+_base.default.renderers = (_Handsontable$rendere = _base.default.renderers) !== null && _Handsontable$rendere !== void 0 ? _Handsontable$rendere : {};
 arrayHelpers.arrayEach((0, _registry3.getRegisteredRendererNames)(), rendererName => {
   const renderer = (0, _registry3.getRenderer)(rendererName);
   if (rendererName === 'base') {
@@ -95,7 +95,7 @@ _base.default.renderers.registerRenderer = _registry3.registerRenderer;
 _base.default.renderers.getRenderer = _registry3.getRenderer;
 
 // Export all registered validators from the Handsontable.
-_base.default.validators = (_Handsontable$validat = _base.default.validators) != null ? _Handsontable$validat : {};
+_base.default.validators = (_Handsontable$validat = _base.default.validators) !== null && _Handsontable$validat !== void 0 ? _Handsontable$validat : {};
 arrayHelpers.arrayEach((0, _registry4.getRegisteredValidatorNames)(), validatorName => {
   _base.default.validators[`${stringHelpers.toUpperCaseFirst(validatorName)}Validator`] = (0, _registry4.getValidator)(validatorName);
 });
@@ -109,7 +109,7 @@ _base.default.validators.getValidator = _registry4.getValidator;
 // by the `./config/plugin/babel/add-import-extension` babel plugin. Thus, the distribution
 // files will be broken. The reason is not known right now (probably it's caused by bug in
 // the Babel or missing something in the plugin).
-_base.default.plugins = (_Handsontable$plugins = _base.default.plugins) != null ? _Handsontable$plugins : {};
+_base.default.plugins = (_Handsontable$plugins = _base.default.plugins) !== null && _Handsontable$plugins !== void 0 ? _Handsontable$plugins : {};
 arrayHelpers.arrayEach((0, _registry6.getPluginsNames)(), pluginName => {
   _base.default.plugins[pluginName] = (0, _registry6.getPlugin)(pluginName);
 });

package/index.mjs

@@ -59,7 +59,7 @@ arrayHelpers.arrayEach(DOM, helper => {
 });
 
 // Export cell types.
-Handsontable.cellTypes = (_Handsontable$cellTyp = Handsontable.cellTypes) != null ? _Handsontable$cellTyp : {};
+Handsontable.cellTypes = (_Handsontable$cellTyp = Handsontable.cellTypes) !== null && _Handsontable$cellTyp !== void 0 ? _Handsontable$cellTyp : {};
 arrayHelpers.arrayEach(getRegisteredCellTypeNames(), cellTypeName => {
   Handsontable.cellTypes[cellTypeName] = getCellType(cellTypeName);
 });
@@ -67,7 +67,7 @@ Handsontable.cellTypes.registerCellType = registerCellType;
 Handsontable.cellTypes.getCellType = getCellType;
 
 // Export all registered editors from the Handsontable.
-Handsontable.editors = (_Handsontable$editors = Handsontable.editors) != null ? _Handsontable$editors : {};
+Handsontable.editors = (_Handsontable$editors = Handsontable.editors) !== null && _Handsontable$editors !== void 0 ? _Handsontable$editors : {};
 arrayHelpers.arrayEach(getRegisteredEditorNames(), editorName => {
   Handsontable.editors[`${stringHelpers.toUpperCaseFirst(editorName)}Editor`] = getEditor(editorName);
 });
@@ -75,7 +75,7 @@ Handsontable.editors.registerEditor = registerEditor;
 Handsontable.editors.getEditor = getEditor;
 
 // Export all registered renderers from the Handsontable.
-Handsontable.renderers = (_Handsontable$rendere = Handsontable.renderers) != null ? _Handsontable$rendere : {};
+Handsontable.renderers = (_Handsontable$rendere = Handsontable.renderers) !== null && _Handsontable$rendere !== void 0 ? _Handsontable$rendere : {};
 arrayHelpers.arrayEach(getRegisteredRendererNames(), rendererName => {
   const renderer = getRenderer(rendererName);
   if (rendererName === 'base') {
@@ -87,7 +87,7 @@ Handsontable.renderers.registerRenderer = registerRenderer;
 Handsontable.renderers.getRenderer = getRenderer;
 
 // Export all registered validators from the Handsontable.
-Handsontable.validators = (_Handsontable$validat = Handsontable.validators) != null ? _Handsontable$validat : {};
+Handsontable.validators = (_Handsontable$validat = Handsontable.validators) !== null && _Handsontable$validat !== void 0 ? _Handsontable$validat : {};
 arrayHelpers.arrayEach(getRegisteredValidatorNames(), validatorName => {
   Handsontable.validators[`${stringHelpers.toUpperCaseFirst(validatorName)}Validator`] = getValidator(validatorName);
 });
@@ -101,7 +101,7 @@ Handsontable.validators.getValidator = getValidator;
 // by the `./config/plugin/babel/add-import-extension` babel plugin. Thus, the distribution
 // files will be broken. The reason is not known right now (probably it's caused by bug in
 // the Babel or missing something in the plugin).
-Handsontable.plugins = (_Handsontable$plugins = Handsontable.plugins) != null ? _Handsontable$plugins : {};
+Handsontable.plugins = (_Handsontable$plugins = Handsontable.plugins) !== null && _Handsontable$plugins !== void 0 ? _Handsontable$plugins : {};
 arrayHelpers.arrayEach(getPluginsNames(), pluginName => {
   Handsontable.plugins[pluginName] = getPlugin(pluginName);
 });

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-b66c79f-20230713",
+  "version": "0.0.0-next-08765b9-20230714",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/pluginHooks.d.ts

@@ -110,8 +110,8 @@ export interface Events {
   afterOnCellCornerDblClick?: (event: MouseEvent) => void;
   afterOnCellCornerMouseDown?: (event: MouseEvent) => void;
   afterOnCellMouseDown?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
-  afterOnCellMouseOver?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterOnCellMouseOut?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
+  afterOnCellMouseOver?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterOnCellMouseUp?: (event: MouseEvent, coords: CellCoords, TD: HTMLTableCellElement) => void;
   afterPaste?: (data: CellValue[][], coords: RangeType[]) => void;
   afterPluginsInitialized?: () => void;
@@ -128,10 +128,13 @@ export interface Events {
   afterRowSequenceChange?: (source: 'init' | 'move' | 'insert' | 'remove' | 'update') => void;
   afterScrollHorizontally?: () => void;
   afterScrollVertically?: () => void;
+  afterScroll?: () => void;
+  afterSelectColumns?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
   afterSelection?: (row: number, column: number, row2: number, column2: number, preventScrolling: { value: boolean }, selectionLayerLevel: number) => void;
   afterSelectionByProp?: (row: number, prop: string, row2: number, prop2: string, preventScrolling: { value: boolean }, selectionLayerLevel: number) => void;
   afterSelectionEnd?: (row: number, column: number, row2: number, column2: number, selectionLayerLevel: number) => void;
   afterSelectionEndByProp?: (row: number, prop: string, row2: number, prop2: string, selectionLayerLevel: number) => void;
+  afterSelectRows?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
   afterSetCellMeta?: (row: number, column: number, key: string, value: any) => void;
   afterSetDataAtCell?: (changes: CellChange[], source?: ChangeSource) => void;
   afterSetDataAtRowProp?: (changes: CellChange[], source?: ChangeSource) => void;
@@ -205,6 +208,8 @@ export interface Events {
   beforeRenderer?: (TD: HTMLTableCellElement, row: number, column: number, prop: string | number, value: CellValue, cellProperties: CellProperties) => void;
   beforeRowMove?: (movedRows: number[], finalIndex: number, dropIndex: number | undefined, movePossible: boolean) => void;
   beforeRowResize?: (newSize: number, row: number, isDoubleClick: boolean) => number | void;
+  beforeSelectColumns?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
+  beforeSelectRows?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
   beforeSetCellMeta?: (row: number, col: number, key: string, value: any) => boolean | void;
   beforeSetRangeEnd?: (coords: CellCoords) => void;
   beforeSetRangeStart?: (coords: CellCoords) => void;
@@ -232,6 +237,7 @@ export interface Events {
   modifyColWidth?: (width: number, column: number) => void;
   modifyCopyableRange?: (copyableRanges: RangeType[]) => void;
   modifyData?: (row: number, column: number, valueHolder: { value: CellValue }, ioMode: 'get' | 'set') => void;
+  modifyFocusOnTabNavigation?: (tabActivationDir: 'from_above' | 'from_below', visualCoords: CellCoords) => void;
   modifyGetCellCoords?: (row: number, column: number, topmost: boolean) => void | [number, number] | [number, number, number, number];
   modifyRowData?: (row: number) => void;
   modifyRowHeader?: (row: number) => void;

package/pluginHooks.js

@@ -554,6 +554,13 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @event Hooks#afterScrollVertically
  */
 'afterScrollVertically',
+/**
+ * Fired after the vertical or horizontal scroll event.
+ *
+ * @since 14.0.0
+ * @event Hooks#afterScroll
+ */
+'afterScroll',
 /**
  * Fired after one or more cells are selected (e.g. During mouse move).
  *
@@ -657,6 +664,94 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {number} selectionLayerLevel The number which indicates what selection layer is currently modified.
  */
 'afterSelectionEndByProp',
+/**
+ * Fired before one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeSelectColumns
+ * @param {CellCoords} from Selection start coords object.
+ * @param {CellCoords} to Selection end coords object.
+ * @param {CellCoords} highlight Selection cell focus coords object.
+ * @example
+ * ::: only-for javascript
+ * ```js
+ * new Handsontable(element, {
+ *   beforeSelectColumns: (from, to, highlight) => {
+ *     // Extend the column selection by one column left and one column right.
+ *     from.col = Math.max(from.col - 1, 0);
+ *     to.col = Math.min(to.col + 1, this.countCols() - 1);
+ *   }
+ * })
+ * ```
+ * :::
+ *
+ * ::: only-for react
+ * ```jsx
+ * <HotTable
+ *   beforeSelectColumns={(from, to, highlight) => {
+ *     // Extend the column selection by one column left and one column right.
+ *     from.col = Math.max(from.col - 1, 0);
+ *     to.col = Math.min(to.col + 1, this.countCols() - 1);
+ *   }}
+ * />
+ * ```
+ * :::
+ */
+'beforeSelectColumns',
+/**
+ * Fired after one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
+ *
+ * @since 14.0.0
+ * @event Hooks#afterSelectColumns
+ * @param {CellCoords} from Selection start coords object.
+ * @param {CellCoords} to Selection end coords object.
+ * @param {CellCoords} highlight Selection cell focus coords object.
+ */
+'afterSelectColumns',
+/**
+ * Fired before one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeSelectRows
+ * @param {CellCoords} from Selection start coords object.
+ * @param {CellCoords} to Selection end coords object.
+ * @param {CellCoords} highlight Selection cell focus coords object.
+ * @example
+ * ::: only-for javascript
+ * ```js
+ * new Handsontable(element, {
+ *   beforeSelectRows: (from, to, highlight) => {
+ *     // Extend the row selection by one row up and one row bottom more.
+ *     from.row = Math.max(from.row - 1, 0);
+ *     to.row = Math.min(to.row + 1, this.countRows() - 1);
+ *   }
+ * })
+ * ```
+ * :::
+ *
+ * ::: only-for react
+ * ```jsx
+ * <HotTable
+ *   beforeSelectRows={(from, to, highlight) => {
+ *     // Extend the row selection by one row up and one row bottom more.
+ *     from.row = Math.max(from.row - 1, 0);
+ *     to.row = Math.min(to.row + 1, this.countRows() - 1);
+ *   }}
+ * />
+ * ```
+ * :::
+ */
+'beforeSelectRows',
+/**
+ * Fired after one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
+ *
+ * @since 14.0.0
+ * @event Hooks#afterSelectRows
+ * @param {CellCoords} from Selection start coords object.
+ * @param {CellCoords} to Selection end coords object.
+ * @param {CellCoords} highlight Selection cell focus coords object.
+ */
+'afterSelectRows',
 /**
  * Fired after cell meta is changed.
  *
@@ -1225,6 +1320,16 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @returns {undefined|number[]}
  */
 'modifyGetCellCoords',
+/**
+ * Used to modify the cell coordinates when the table is activated (going into the listen mode).
+ *
+ * @event Hooks#modifyFocusOnTabNavigation
+ * @since 14.0.0
+ * @param {'from_above' | 'from_below'} tabActivationDir The browsers Tab navigation direction. Depending on
+ * whether the user activated the table from the element above or below, another cell can be selected.
+ * @param {CellCoords} visualCoords The coords that will be used to select a cell.
+ */
+'modifyFocusOnTabNavigation',
 /**
  * Allows modify the visual row index that is used to retrieve the row header element (TH) before it's
  * highlighted (proper CSS class names are added). Modifying the visual row index allows building a custom
@@ -2382,7 +2487,7 @@ const REMOVED_HOOKS = new Map([['modifyRow', '8.0.0'], ['modifyCol', '8.0.0'], [
  * @type {Map<string, string>}
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
-const DEPRECATED_HOOKS = new Map([]);
+const DEPRECATED_HOOKS = new Map([['beforeRemoveCellClassNames', 'The hook "beforeRemoveCellClassNames" is deprecated and will be removed in the next major release.']]);
 class Hooks {
   static getSingleton() {
     return getGlobalSingleton();

package/pluginHooks.mjs

@@ -552,6 +552,13 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @event Hooks#afterScrollVertically
  */
 'afterScrollVertically',
+/**
+ * Fired after the vertical or horizontal scroll event.
+ *
+ * @since 14.0.0
+ * @event Hooks#afterScroll
+ */
+'afterScroll',
 /**
  * Fired after one or more cells are selected (e.g. During mouse move).
  *
@@ -655,6 +662,94 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @param {number} selectionLayerLevel The number which indicates what selection layer is currently modified.
  */
 'afterSelectionEndByProp',
+/**
+ * Fired before one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeSelectColumns
+ * @param {CellCoords} from Selection start coords object.
+ * @param {CellCoords} to Selection end coords object.
+ * @param {CellCoords} highlight Selection cell focus coords object.
+ * @example
+ * ::: only-for javascript
+ * ```js
+ * new Handsontable(element, {
+ *   beforeSelectColumns: (from, to, highlight) => {
+ *     // Extend the column selection by one column left and one column right.
+ *     from.col = Math.max(from.col - 1, 0);
+ *     to.col = Math.min(to.col + 1, this.countCols() - 1);
+ *   }
+ * })
+ * ```
+ * :::
+ *
+ * ::: only-for react
+ * ```jsx
+ * <HotTable
+ *   beforeSelectColumns={(from, to, highlight) => {
+ *     // Extend the column selection by one column left and one column right.
+ *     from.col = Math.max(from.col - 1, 0);
+ *     to.col = Math.min(to.col + 1, this.countCols() - 1);
+ *   }}
+ * />
+ * ```
+ * :::
+ */
+'beforeSelectColumns',
+/**
+ * Fired after one or more columns are selected (e.g. During mouse header click or {@link Core#selectColumns} API call).
+ *
+ * @since 14.0.0
+ * @event Hooks#afterSelectColumns
+ * @param {CellCoords} from Selection start coords object.
+ * @param {CellCoords} to Selection end coords object.
+ * @param {CellCoords} highlight Selection cell focus coords object.
+ */
+'afterSelectColumns',
+/**
+ * Fired before one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeSelectRows
+ * @param {CellCoords} from Selection start coords object.
+ * @param {CellCoords} to Selection end coords object.
+ * @param {CellCoords} highlight Selection cell focus coords object.
+ * @example
+ * ::: only-for javascript
+ * ```js
+ * new Handsontable(element, {
+ *   beforeSelectRows: (from, to, highlight) => {
+ *     // Extend the row selection by one row up and one row bottom more.
+ *     from.row = Math.max(from.row - 1, 0);
+ *     to.row = Math.min(to.row + 1, this.countRows() - 1);
+ *   }
+ * })
+ * ```
+ * :::
+ *
+ * ::: only-for react
+ * ```jsx
+ * <HotTable
+ *   beforeSelectRows={(from, to, highlight) => {
+ *     // Extend the row selection by one row up and one row bottom more.
+ *     from.row = Math.max(from.row - 1, 0);
+ *     to.row = Math.min(to.row + 1, this.countRows() - 1);
+ *   }}
+ * />
+ * ```
+ * :::
+ */
+'beforeSelectRows',
+/**
+ * Fired after one or more rows are selected (e.g. During mouse header click or {@link Core#selectRows} API call).
+ *
+ * @since 14.0.0
+ * @event Hooks#afterSelectRows
+ * @param {CellCoords} from Selection start coords object.
+ * @param {CellCoords} to Selection end coords object.
+ * @param {CellCoords} highlight Selection cell focus coords object.
+ */
+'afterSelectRows',
 /**
  * Fired after cell meta is changed.
  *
@@ -1223,6 +1318,16 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * @returns {undefined|number[]}
  */
 'modifyGetCellCoords',
+/**
+ * Used to modify the cell coordinates when the table is activated (going into the listen mode).
+ *
+ * @event Hooks#modifyFocusOnTabNavigation
+ * @since 14.0.0
+ * @param {'from_above' | 'from_below'} tabActivationDir The browsers Tab navigation direction. Depending on
+ * whether the user activated the table from the element above or below, another cell can be selected.
+ * @param {CellCoords} visualCoords The coords that will be used to select a cell.
+ */
+'modifyFocusOnTabNavigation',
 /**
  * Allows modify the visual row index that is used to retrieve the row header element (TH) before it's
  * highlighted (proper CSS class names are added). Modifying the visual row index allows building a custom
@@ -2380,7 +2485,7 @@ const REMOVED_HOOKS = new Map([['modifyRow', '8.0.0'], ['modifyCol', '8.0.0'], [
  * @type {Map<string, string>}
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
-const DEPRECATED_HOOKS = new Map([]);
+const DEPRECATED_HOOKS = new Map([['beforeRemoveCellClassNames', 'The hook "beforeRemoveCellClassNames" is deprecated and will be removed in the next major release.']]);
 class Hooks {
   static getSingleton() {
     return getGlobalSingleton();

package/plugins/autoColumnSize/autoColumnSize.js

@@ -650,7 +650,10 @@ class AutoColumnSize extends _base.BasePlugin {
    * @param {Array} changes An array of modified data.
    */
   onAfterFormulasValuesUpdate(changes) {
-    const filteredChanges = (0, _array.arrayFilter)(changes, change => (0, _mixed.isDefined)(change.address?.col));
+    const filteredChanges = (0, _array.arrayFilter)(changes, change => {
+      var _change$address;
+      return (0, _mixed.isDefined)((_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.col);
+    });
     const changedColumns = (0, _array.arrayMap)(filteredChanges, change => change.address.col);
     this.clearCache(Array.from(new Set(changedColumns)));
   }

package/plugins/autoColumnSize/autoColumnSize.mjs

@@ -644,7 +644,10 @@ export class AutoColumnSize extends BasePlugin {
    * @param {Array} changes An array of modified data.
    */
   onAfterFormulasValuesUpdate(changes) {
-    const filteredChanges = arrayFilter(changes, change => isDefined(change.address?.col));
+    const filteredChanges = arrayFilter(changes, change => {
+      var _change$address;
+      return isDefined((_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.col);
+    });
     const changedColumns = arrayMap(filteredChanges, change => change.address.col);
     this.clearCache(Array.from(new Set(changedColumns)));
   }