handsontable 16.1.1-next-895fbb8-20250923 → 16.2.0-next-216dbd0-20251112

package/3rdparty/walkontable/src/overlays.js

@@ -624,7 +624,7 @@ class Overlays {
     // The internal row height calculator contains a known issue that results in a 1px miscalculation.
     // Ideally, this should be addressed at the core level. However, resolving it is non-trivial,
     // as the flaw is embedded across multiple core modules and corresponding test cases.
-    // This limitation does not affect when the the external calculator is used (AutoRowSize), which
+    // This limitation does not affect when the external calculator is used (AutoRowSize), which
     // computes heights accurately, so no adjustment is required when using it.
     const hiderHeightComp = this.wtSettings.getSetting('externalRowCalculator') ? 0 : 1;
     const proposedHiderHeight = headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + hiderHeightComp;

package/3rdparty/walkontable/src/overlays.mjs

@@ -621,7 +621,7 @@ class Overlays {
     // The internal row height calculator contains a known issue that results in a 1px miscalculation.
     // Ideally, this should be addressed at the core level. However, resolving it is non-trivial,
     // as the flaw is embedded across multiple core modules and corresponding test cases.
-    // This limitation does not affect when the the external calculator is used (AutoRowSize), which
+    // This limitation does not affect when the external calculator is used (AutoRowSize), which
     // computes heights accurately, so no adjustment is required when using it.
     const hiderHeightComp = this.wtSettings.getSetting('externalRowCalculator') ? 0 : 1;
     const proposedHiderHeight = headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + hiderHeightComp;

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

@@ -6,6 +6,10 @@ var _event = require("../../../../../helpers/dom/event");
 var _object = require("../../../../../helpers/object");
 var _browser = require("../../../../../helpers/browser");
 var _utils = require("./utils");
+const BORDER_STYLE_CLASS_PREFIX = 'ht-border-style-';
+const BORDER_STYLE_VERTICAL_SUFFIX = '-vertical';
+const BORDER_STYLE_HORIZONTAL_SUFFIX = '-horizontal';
+
 /**
  *
  */
@@ -144,15 +148,27 @@ class Border {
     for (let i = 0; i < 5; i++) {
       const position = borderDivs[i];
       const div = rootDocument.createElement('div');
+      const getSettingsProperty = property => this.settings[position] && this.settings[position][property] ? this.settings[position][property] : settings.border[property];
       div.className = `wtBorder ${this.settings.className || ''}`; // + borderDivs[i];
 
       if (this.settings[position] && this.settings[position].hide) {
         div.className += ' hidden';
       }
       style = div.style;
-      style.backgroundColor = this.settings[position] && this.settings[position].color ? this.settings[position].color : settings.border.color;
-      style.height = this.settings[position] && this.settings[position].width ? `${this.settings[position].width}px` : `${settings.border.width}px`;
-      style.width = this.settings[position] && this.settings[position].width ? `${this.settings[position].width}px` : `${settings.border.width}px`;
+      const borderStyle = getSettingsProperty('style');
+      if (borderStyle) {
+        if (['start', 'end'].includes(position)) {
+          div.className += ` ${BORDER_STYLE_CLASS_PREFIX}${borderStyle}${BORDER_STYLE_VERTICAL_SUFFIX}`;
+        } else {
+          div.className += ` ${BORDER_STYLE_CLASS_PREFIX}${borderStyle}${BORDER_STYLE_HORIZONTAL_SUFFIX}`;
+        }
+        style.setProperty('--ht-custom-border-size', `${getSettingsProperty('width')}px`);
+        style.setProperty('--ht-custom-border-color', getSettingsProperty('color'));
+      } else {
+        style.backgroundColor = getSettingsProperty('color');
+      }
+      style.height = `${getSettingsProperty('width')}px`;
+      style.width = `${getSettingsProperty('width')}px`;
       this.main.appendChild(div);
     }
     this.top = this.main.childNodes[0];

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

@@ -3,6 +3,10 @@ import { stopImmediatePropagation } from "../../../../../helpers/dom/event.mjs";
 import { objectEach } from "../../../../../helpers/object.mjs";
 import { isMobileBrowser } from "../../../../../helpers/browser.mjs";
 import { getCornerStyle } from "./utils.mjs";
+const BORDER_STYLE_CLASS_PREFIX = 'ht-border-style-';
+const BORDER_STYLE_VERTICAL_SUFFIX = '-vertical';
+const BORDER_STYLE_HORIZONTAL_SUFFIX = '-horizontal';
+
 /**
  *
  */
@@ -141,15 +145,27 @@ class Border {
     for (let i = 0; i < 5; i++) {
       const position = borderDivs[i];
       const div = rootDocument.createElement('div');
+      const getSettingsProperty = property => this.settings[position] && this.settings[position][property] ? this.settings[position][property] : settings.border[property];
       div.className = `wtBorder ${this.settings.className || ''}`; // + borderDivs[i];
 
       if (this.settings[position] && this.settings[position].hide) {
         div.className += ' hidden';
       }
       style = div.style;
-      style.backgroundColor = this.settings[position] && this.settings[position].color ? this.settings[position].color : settings.border.color;
-      style.height = this.settings[position] && this.settings[position].width ? `${this.settings[position].width}px` : `${settings.border.width}px`;
-      style.width = this.settings[position] && this.settings[position].width ? `${this.settings[position].width}px` : `${settings.border.width}px`;
+      const borderStyle = getSettingsProperty('style');
+      if (borderStyle) {
+        if (['start', 'end'].includes(position)) {
+          div.className += ` ${BORDER_STYLE_CLASS_PREFIX}${borderStyle}${BORDER_STYLE_VERTICAL_SUFFIX}`;
+        } else {
+          div.className += ` ${BORDER_STYLE_CLASS_PREFIX}${borderStyle}${BORDER_STYLE_HORIZONTAL_SUFFIX}`;
+        }
+        style.setProperty('--ht-custom-border-size', `${getSettingsProperty('width')}px`);
+        style.setProperty('--ht-custom-border-color', getSettingsProperty('color'));
+      } else {
+        style.backgroundColor = getSettingsProperty('color');
+      }
+      style.height = `${getSettingsProperty('width')}px`;
+      style.width = `${getSettingsProperty('width')}px`;
       this.main.appendChild(div);
     }
     this.top = this.main.childNodes[0];

package/CHANGELOG.md

@@ -9,6 +9,43 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 <!-- UNVERSIONED -->
 
+## [16.2.0] - 2025-11-19
+
+### Added
+- Improved focus management by introducing a focus scopes mechanism. [#11804](https://github.com/handsontable/handsontable/pull/11804)
+- Introduced an "auto" option for the `roundFloat` setting in the Column Summary plugin and ensured proper recalculation of endpoints after data updates. [#11833](https://github.com/handsontable/handsontable/pull/11833)
+- Added an Enter key handler and a new `searchMode` option to the Filters plugin. [#11871](https://github.com/handsontable/handsontable/pull/11871)
+- Implemented a `style` option for the Custom Borders plugin, enabling style customization. [#11876](https://github.com/handsontable/handsontable/pull/11876)
+- Introduced a new "dotted" border style to the Custom Borders plugin. [#11877](https://github.com/handsontable/handsontable/pull/11877)
+- Added the EmptyDataState plugin to improve UX when no data is available. [#11879](https://github.com/handsontable/handsontable/pull/11879)
+- Added a `settings` entry to the Handsontable exports. [#11883](https://github.com/handsontable/handsontable/pull/11883)
+- Added new global button CSS class names. [#11896](https://github.com/handsontable/handsontable/pull/11896)
+- Introduced `minRowHeights` as an alias for `rowHeights` for API consistency. [#11898](https://github.com/handsontable/handsontable/pull/11898)
+- Added a new `template` option to the Dialog plugin. [#11902](https://github.com/handsontable/handsontable/pull/11902)
+- Added new theme variables and implemented `no-icons` and `icons-only` style variants. [#11913](https://github.com/handsontable/handsontable/pull/11913)
+
+### Changed
+- Refined dropdown behavior when the input is empty - focus now remains on the input field. [#11863](https://github.com/handsontable/handsontable/pull/11863)
+- Improved how the Autocomplete and Dropdown editors respond to clicks outside the open editor. [#11873](https://github.com/handsontable/handsontable/pull/11873)
+
+### Fixed
+- Fixed the datepicker icon size issue on iPad. [#11860](https://github.com/handsontable/handsontable/pull/11860)
+- Corrected header size rendering on iPad. [#11861](https://github.com/handsontable/handsontable/pull/11861)
+- Fixed an issue with header text size with `collapsibleColumns` enabled. [#11864](https://github.com/handsontable/handsontable/pull/11864)
+- Fixed an issue with an unwanted empty space on the right side of the table when using the modern themes. [#11868](https://github.com/handsontable/handsontable/pull/11868)
+- Fixed row misalignment for multi-line cell content. [#11872](https://github.com/handsontable/handsontable/pull/11872)
+- Improved column width calculations for checkbox-typed cells. [#11891](https://github.com/handsontable/handsontable/pull/11891)
+- Fixed a problem, where using `minSpareRows` would crash the table when configured alongside the Column Summary plugin. [#11911](https://github.com/handsontable/handsontable/pull/11911)
+- Fixed an issue preventing re-adding a previously removed hook callback. [#11914](https://github.com/handsontable/handsontable/pull/11914)
+- Stabilized the height of the first row when it's empty. [#11918](https://github.com/handsontable/handsontable/pull/11918)
+- Fixed a problem where resizing the window vertically did not resize the table. [#11919](https://github.com/handsontable/handsontable/pull/11919)
+- Fixed an issue where the dialog overlay could make the table unresponsive after rapid show/hide calls. [#11925](https://github.com/handsontable/handsontable/pull/11925)
+- Fixed an issue with TouchEvent on Firefox. [#11928](https://github.com/handsontable/handsontable/pull/11928)
+- React: Fixed and issue with Collapsible Columns being reset in React wrapper. [#11923](https://github.com/handsontable/handsontable/pull/11923)
+
+### Security
+- Updated dev dependencies to address high-severity vulnerabilities. [#11895](https://github.com/handsontable/handsontable/pull/11895)
+
 ## [16.1.1] - 2025-09-23
 
 ### Fixed
@@ -25,6 +62,8 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 - Added a new `initialState` configuration option. [#11777](https://github.com/handsontable/handsontable/pull/11777)
 - Introduced the Loading plugin. [#11792](https://github.com/handsontable/handsontable/pull/11792)
 - Added a new "classic" theme. [#11790](https://github.com/handsontable/handsontable/pull/11790)
+- Added a [Deprecation policy](https://handsontable.com/docs/deprecation-policy/) page to the documentation.
+- Added a [Long Term Support (LTS)](https://handsontable.com/docs/long-term-support/) page to the documentation.
 
 ### Changed
 - Enabled focus navigation between multiple selection layers. [#11756](https://github.com/handsontable/handsontable/pull/11756)
@@ -56,6 +95,7 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 ### Deprecated
 - Deprecated the legacy style (to be removed in version `17.0.0`). [#11790](https://github.com/handsontable/handsontable/pull/11790)
 - Deprecated the PersistentState plugin (to be removed in version `17.0.0`). [#11835](https://github.com/handsontable/handsontable/pull/11835)
+- Deprecated the `@handsontable/vue` wrapper. [#11839](https://github.com/handsontable/handsontable/pull/11839)
 
 ## [16.0.1] - 2025-07-10
 

package/base.js

@@ -45,8 +45,8 @@ Handsontable.hooks = _hooks.Hooks.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "23/09/2025 08:54:12";
-Handsontable.version = "16.1.1-next-895fbb8-20250923";
+Handsontable.buildDate = "12/11/2025 14:05:05";
+Handsontable.version = "16.2.0-next-216dbd0-20251112";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -35,8 +35,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "23/09/2025 08:54:18";
-Handsontable.version = "16.1.1-next-895fbb8-20250923";
+Handsontable.buildDate = "12/11/2025 14:05:11";
+Handsontable.version = "16.2.0-next-216dbd0-20251112";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/core/coordsMapper/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+exports.__esModule = true;
+var _rangeToRenderableMapper = require("./rangeToRenderableMapper");
+Object.keys(_rangeToRenderableMapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rangeToRenderableMapper[key]) return;
+  exports[key] = _rangeToRenderableMapper[key];
+});

package/core/coordsMapper/index.mjs

@@ -0,0 +1 @@
+export * from "./rangeToRenderableMapper.mjs";

package/core/hooks/bucket.js

@@ -95,7 +95,13 @@ class HooksBucket {
       _constants.REGISTERED_HOOKS.push(hookName);
     }
     const hooks = _classPrivateFieldGet(_hooks, this).get(hookName);
-    if (hooks.find(hook => hook.callback === callback)) {
+    const existingHook = hooks.find(hook => hook.callback === callback);
+    if (existingHook) {
+      if (existingHook.skip === true) {
+        // Re-enable the hook if it was previously added and then removed.
+        existingHook.skip = false;
+      }
+
       // adding the same hook twice is now silently ignored
       return;
     }

package/core/hooks/bucket.mjs

@@ -92,7 +92,13 @@ export class HooksBucket {
       REGISTERED_HOOKS.push(hookName);
     }
     const hooks = _classPrivateFieldGet(_hooks, this).get(hookName);
-    if (hooks.find(hook => hook.callback === callback)) {
+    const existingHook = hooks.find(hook => hook.callback === callback);
+    if (existingHook) {
+      if (existingHook.skip === true) {
+        // Re-enable the hook if it was previously added and then removed.
+        existingHook.skip = false;
+      }
+
       // adding the same hook twice is now silently ignored
       return;
     }

package/core/hooks/constants.js

@@ -305,6 +305,17 @@ const REGISTERED_HOOKS = exports.REGISTERED_HOOKS = [/* eslint-disable jsdoc/req
  * :::
  */
 'beforeCreateCol',
+/**
+ * Fired after the cache of the column sequence has been updated.
+ *
+ * @since 16.2.0
+ * @event Hooks#afterColumnSequenceCacheUpdate
+ * @param {object} indexesChangesState Object containing information about the changes to the column sequence.
+ * @param {boolean} indexesChangesState.indexesSequenceChanged Indicates if the sequence of indexes has changed.
+ * @param {boolean} indexesChangesState.trimmedIndexesChanged Indicates if the trimmed indexes have changed.
+ * @param {boolean} indexesChangesState.hiddenIndexesChanged Indicates if the hidden indexes have changed.
+ */
+'afterColumnSequenceCacheUpdate',
 /**
  * Fired after the order of columns has changed.
  * This hook is fired by changing column indexes of any type supported by the {@link IndexMapper}.
@@ -583,6 +594,17 @@ const REGISTERED_HOOKS = exports.REGISTERED_HOOKS = [/* eslint-disable jsdoc/req
  * @param {object} cellProperties Object containing the cell's properties.
  */
 'afterRenderer',
+/**
+ * Fired after the cache of the row sequence has been updated.
+ *
+ * @since 16.2.0
+ * @event Hooks#afterRowSequenceCacheUpdate
+ * @param {object} indexesChangesState Object containing information about the changes to the row sequence.
+ * @param {boolean} indexesChangesState.indexesSequenceChanged Indicates if the sequence of indexes has changed.
+ * @param {boolean} indexesChangesState.trimmedIndexesChanged Indicates if the trimmed indexes have changed.
+ * @param {boolean} indexesChangesState.hiddenIndexesChanged Indicates if the hidden indexes have changed.
+ */
+'afterRowSequenceCacheUpdate',
 /**
  * Fired after the order of rows has changed.
  * This hook is fired by changing row indexes of any type supported by the {@link IndexMapper}.
@@ -3029,6 +3051,38 @@ const REGISTERED_HOOKS = exports.REGISTERED_HOOKS = [/* eslint-disable jsdoc/req
  * @event Hooks#afterLoadingHide
  */
 'afterLoadingHide',
+/**
+ * Fired by {@link EmptyDataState} plugin before showing the empty data state overlay. This hook is fired when {@link Options#emptyDataState}
+ * option is enabled.
+ *
+ * @since 16.2.0
+ * @event Hooks#beforeEmptyDataStateShow
+ */
+'beforeEmptyDataStateShow',
+/**
+ * Fired by {@link EmptyDataState} plugin after showing the empty data state overlay. This hook is fired when {@link Options#emptyDataState}
+ * option is enabled.
+ *
+ * @since 16.2.0
+ * @event Hooks#afterEmptyDataStateShow
+ */
+'afterEmptyDataStateShow',
+/**
+ * Fired by {@link EmptyDataState} plugin before hiding the empty data state overlay. This hook is fired when {@link Options#emptyDataState}
+ * option is enabled.
+ *
+ * @since 16.2.0
+ * @event Hooks#beforeEmptyDataStateHide
+ */
+'beforeEmptyDataStateHide',
+/**
+ * Fired by {@link EmptyDataState} plugin after hiding the empty data state overlay. This hook is fired when {@link Options#emptyDataState}
+ * option is enabled.
+ *
+ * @since 16.2.0
+ * @event Hooks#afterEmptyDataStateHide
+ */
+'afterEmptyDataStateHide',
 /**
  * Fired after the editor is opened and rendered.
  *

package/core/hooks/constants.mjs

@@ -302,6 +302,17 @@ export const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-com
  * :::
  */
 'beforeCreateCol',
+/**
+ * Fired after the cache of the column sequence has been updated.
+ *
+ * @since 16.2.0
+ * @event Hooks#afterColumnSequenceCacheUpdate
+ * @param {object} indexesChangesState Object containing information about the changes to the column sequence.
+ * @param {boolean} indexesChangesState.indexesSequenceChanged Indicates if the sequence of indexes has changed.
+ * @param {boolean} indexesChangesState.trimmedIndexesChanged Indicates if the trimmed indexes have changed.
+ * @param {boolean} indexesChangesState.hiddenIndexesChanged Indicates if the hidden indexes have changed.
+ */
+'afterColumnSequenceCacheUpdate',
 /**
  * Fired after the order of columns has changed.
  * This hook is fired by changing column indexes of any type supported by the {@link IndexMapper}.
@@ -580,6 +591,17 @@ export const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-com
  * @param {object} cellProperties Object containing the cell's properties.
  */
 'afterRenderer',
+/**
+ * Fired after the cache of the row sequence has been updated.
+ *
+ * @since 16.2.0
+ * @event Hooks#afterRowSequenceCacheUpdate
+ * @param {object} indexesChangesState Object containing information about the changes to the row sequence.
+ * @param {boolean} indexesChangesState.indexesSequenceChanged Indicates if the sequence of indexes has changed.
+ * @param {boolean} indexesChangesState.trimmedIndexesChanged Indicates if the trimmed indexes have changed.
+ * @param {boolean} indexesChangesState.hiddenIndexesChanged Indicates if the hidden indexes have changed.
+ */
+'afterRowSequenceCacheUpdate',
 /**
  * Fired after the order of rows has changed.
  * This hook is fired by changing row indexes of any type supported by the {@link IndexMapper}.
@@ -3026,6 +3048,38 @@ export const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-com
  * @event Hooks#afterLoadingHide
  */
 'afterLoadingHide',
+/**
+ * Fired by {@link EmptyDataState} plugin before showing the empty data state overlay. This hook is fired when {@link Options#emptyDataState}
+ * option is enabled.
+ *
+ * @since 16.2.0
+ * @event Hooks#beforeEmptyDataStateShow
+ */
+'beforeEmptyDataStateShow',
+/**
+ * Fired by {@link EmptyDataState} plugin after showing the empty data state overlay. This hook is fired when {@link Options#emptyDataState}
+ * option is enabled.
+ *
+ * @since 16.2.0
+ * @event Hooks#afterEmptyDataStateShow
+ */
+'afterEmptyDataStateShow',
+/**
+ * Fired by {@link EmptyDataState} plugin before hiding the empty data state overlay. This hook is fired when {@link Options#emptyDataState}
+ * option is enabled.
+ *
+ * @since 16.2.0
+ * @event Hooks#beforeEmptyDataStateHide
+ */
+'beforeEmptyDataStateHide',
+/**
+ * Fired by {@link EmptyDataState} plugin after hiding the empty data state overlay. This hook is fired when {@link Options#emptyDataState}
+ * option is enabled.
+ *
+ * @since 16.2.0
+ * @event Hooks#afterEmptyDataStateHide
+ */
+'afterEmptyDataStateHide',
 /**
  * Fired after the editor is opened and rendered.
  *

package/core/hooks/index.d.ts

@@ -61,6 +61,7 @@ export interface Events {
   afterColumnFreeze?: (columnIndex: number, isFreezingPerformed: boolean) => void;
   afterColumnMove?: (movedColumns: number[], finalIndex: number, dropIndex: number | undefined, movePossible: boolean, orderChanged: boolean) => void;
   afterColumnResize?: (newSize: number, column: number, isDoubleClick: boolean) => void;
+  afterColumnSequenceCacheUpdate?: (indexesChangesState: { indexesSequenceChanged: boolean, trimmedIndexesChanged: boolean, hiddenIndexesChanged: boolean }) => void;
   afterColumnSequenceChange?: (source: 'init' | 'move' | 'insert' | 'remove' | 'update') => void;
   afterColumnSort?: (currentSortConfig: ColumnSortingConfig[], destinationSortConfigs: ColumnSortingConfig[]) => void;
   afterColumnUnfreeze?: (columnIndex: number, isUnfreezingPerformed: boolean) => void;
@@ -75,6 +76,10 @@ export interface Events {
   afterLoadingShow?: () => void;
   beforeLoadingHide?: () => boolean | void;
   afterLoadingHide?: () => void;
+  beforeEmptyDataStateShow?: () => void;
+  afterEmptyDataStateShow?: () => void;
+  beforeEmptyDataStateHide?: () => void;
+  afterEmptyDataStateHide?: () => void;
   afterCopyLimit?: (selectedRows: number, selectedColumns: number, copyRowsLimit: number, copyColumnsLimit: number) => void;
   afterCreateCol?: (index: number, amount: number, source?: ChangeSource) => void;
   afterCreateRow?: (index: number, amount: number, source?: ChangeSource) => void;
@@ -131,6 +136,7 @@ export interface Events {
   afterRenderer?: (TD: HTMLTableCellElement, row: number, column: number, prop: string | number, value: string, cellProperties: CellProperties) => void;
   afterRowMove?: (movedRows: number[], finalIndex: number, dropIndex: number | undefined, movePossible: boolean, orderChanged: boolean) => void;
   afterRowResize?: (newSize: number, row: number, isDoubleClick: boolean) => void;
+  afterRowSequenceCacheUpdate?: (indexesChangesState: { indexesSequenceChanged: boolean, trimmedIndexesChanged: boolean, hiddenIndexesChanged: boolean }) => void;
   afterRowSequenceChange?: (source: 'init' | 'move' | 'insert' | 'remove' | 'update') => void;
   afterScrollHorizontally?: () => void;
   afterScrollVertically?: () => void;

package/core/index.js

@@ -3,11 +3,17 @@
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 exports.__esModule = true;
-var _focusCatcher = require("./focusCatcher");
-Object.keys(_focusCatcher).forEach(function (key) {
+var _coordsMapper = require("./coordsMapper");
+Object.keys(_coordsMapper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _focusCatcher[key]) return;
-  exports[key] = _focusCatcher[key];
+  if (key in exports && exports[key] === _coordsMapper[key]) return;
+  exports[key] = _coordsMapper[key];
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  exports[key] = _hooks[key];
 });
 var _viewportScroll = require("./viewportScroll");
 Object.keys(_viewportScroll).forEach(function (key) {

package/core/index.mjs

@@ -1,2 +1,3 @@
-export * from "./focusCatcher/index.mjs";
+export * from "./coordsMapper/index.mjs";
+export * from "./hooks/index.mjs";
 export * from "./viewportScroll/index.mjs";

package/core.d.ts

@@ -19,7 +19,7 @@ import { BaseValidator } from './validators/base';
 import { Plugins } from './plugins';
 import { CellType } from './cellTypes';
 import { ShortcutManager } from './shortcuts';
-import { FocusManager } from './focusManager';
+import { GridFocusManager, FocusScopeManager } from './focusManager';
 
 type AlterActions = 'insert_row_above' | 'insert_row_below' |
                     'insert_col_start' | 'insert_col_end' |
@@ -90,7 +90,8 @@ export default class Core {
   getFirstPartiallyVisibleRow(): number | null;
   getFirstRenderedVisibleColumn(): number | null;
   getFirstRenderedVisibleRow(): number | null;
-  getFocusManager(): FocusManager;
+  getFocusManager(): GridFocusManager;
+  getFocusScopeManager(): FocusScopeManager;
   getInstance(): Core;
   getLastFullyVisibleColumn(): number | null;
   getLastFullyVisibleRow(): number | null;