handsontable 0.0.0-next-b02b3d1-20230710 → 0.0.0-next-3b33ccd-20230710

package/tableView.js

@@ -356,11 +356,14 @@ var TableView = /*#__PURE__*/function () {
       });
       this.eventManager.addEventListener(documentElement, 'mouseup', function (event) {
         if (selection.isInProgress() && (0, _event.isLeftClick)(event)) {
-          // is left mouse button
           selection.finish();
         }
         priv.mouseDown = false;
-        if ((0, _element.isOutsideInput)(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !(0, _event.isRightClick)(event)) {
+        var isOutsideInputElement = (0, _element.isOutsideInput)(rootDocument.activeElement);
+        if (!isOutsideInputElement) {
+          return;
+        }
+        if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !(0, _event.isRightClick)(event)) {
           _this.instance.unlisten();
         }
       });
@@ -912,10 +915,12 @@ var TableView = /*#__PURE__*/function () {
           return _this2.afterRender(force);
         },
         onScrollVertically: function onScrollVertically() {
-          return _this2.instance.runHooks('afterScrollVertically');
+          _this2.instance.runHooks('afterScrollVertically');
+          _this2.instance.runHooks('afterScroll');
         },
         onScrollHorizontally: function onScrollHorizontally() {
-          return _this2.instance.runHooks('afterScrollHorizontally');
+          _this2.instance.runHooks('afterScrollHorizontally');
+          _this2.instance.runHooks('afterScroll');
         },
         onBeforeRemoveCellClassNames: function onBeforeRemoveCellClassNames() {
           return _this2.instance.runHooks('beforeRemoveCellClassNames');

package/tableView.mjs

@@ -351,11 +351,14 @@ var TableView = /*#__PURE__*/function () {
       });
       this.eventManager.addEventListener(documentElement, 'mouseup', function (event) {
         if (selection.isInProgress() && isLeftClick(event)) {
-          // is left mouse button
           selection.finish();
         }
         priv.mouseDown = false;
-        if (isOutsideInput(rootDocument.activeElement) || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
+        var isOutsideInputElement = isOutsideInput(rootDocument.activeElement);
+        if (!isOutsideInputElement) {
+          return;
+        }
+        if (isOutsideInputElement || !selection.isSelected() && !selection.isSelectedByAnyHeader() && !rootElement.contains(event.target) && !isRightClick(event)) {
           _this.instance.unlisten();
         }
       });
@@ -907,10 +910,12 @@ var TableView = /*#__PURE__*/function () {
           return _this2.afterRender(force);
         },
         onScrollVertically: function onScrollVertically() {
-          return _this2.instance.runHooks('afterScrollVertically');
+          _this2.instance.runHooks('afterScrollVertically');
+          _this2.instance.runHooks('afterScroll');
         },
         onScrollHorizontally: function onScrollHorizontally() {
-          return _this2.instance.runHooks('afterScrollHorizontally');
+          _this2.instance.runHooks('afterScrollHorizontally');
+          _this2.instance.runHooks('afterScroll');
         },
         onBeforeRemoveCellClassNames: function onBeforeRemoveCellClassNames() {
           return _this2.instance.runHooks('beforeRemoveCellClassNames');

package/core/focusCatcher/focusDetector.js

@@ -1,62 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.installFocusDetector = installFocusDetector;
-/**
- * Installs a focus detector module. The module appends two input elements into the DOM side by side.
- * When the first input is focused, then it means that a user entered to the component using the TAB key
- * from the element above. When the second input is focused, a user enters to the component from
- * the element below the table. Each action, once detected, triggers the specific hook.
- *
- * @param {Handsontable} hot The Handsontable instance.
- * @param {{ onFocusFromTop: Function, onFocusFromBottom: Function }} hooks An object with defined callbacks to call.
- * @returns {{ activate: Function, deactivate: Function }}
- */
-function installFocusDetector(hot) {
-  var hooks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var rootDocument = hot.rootDocument;
-  var rootElement = hot.rootElement;
-  var inputTrapTop = createInputElement(rootDocument);
-  var inputTrapBottom = createInputElement(rootDocument);
-  inputTrapTop.addEventListener('focus', function () {
-    return hooks === null || hooks === void 0 ? void 0 : hooks.onFocusFromTop();
-  });
-  inputTrapBottom.addEventListener('focus', function () {
-    return hooks === null || hooks === void 0 ? void 0 : hooks.onFocusFromBottom();
-  });
-  rootElement.firstChild.before(inputTrapTop);
-  rootElement.lastChild.after(inputTrapBottom);
-  return {
-    /**
-     * Activates the detector by resetting the tabIndex of the input elements.
-     */
-    activate: function activate() {
-      hot._registerTimeout(function () {
-        inputTrapTop.tabIndex = 0;
-        inputTrapBottom.tabIndex = 0;
-      }, 10);
-    },
-    /**
-     * Deactivates the detector by setting tabIndex to -1.
-     */
-    deactivate: function deactivate() {
-      hot._registerTimeout(function () {
-        inputTrapTop.tabIndex = -1;
-        inputTrapBottom.tabIndex = -1;
-      }, 10);
-    }
-  };
-}
-
-/**
- * Creates a new HTML input element.
- *
- * @param {Document} rootDocument The owner document element.
- * @returns {HTMLInputElement}
- */
-function createInputElement(rootDocument) {
-  var input = rootDocument.createElement('input');
-  input.type = 'text';
-  input.classList.add('htFocusCatcher');
-  return input;
-}

package/core/focusCatcher/focusDetector.mjs

@@ -1,58 +0,0 @@
-/**
- * Installs a focus detector module. The module appends two input elements into the DOM side by side.
- * When the first input is focused, then it means that a user entered to the component using the TAB key
- * from the element above. When the second input is focused, a user enters to the component from
- * the element below the table. Each action, once detected, triggers the specific hook.
- *
- * @param {Handsontable} hot The Handsontable instance.
- * @param {{ onFocusFromTop: Function, onFocusFromBottom: Function }} hooks An object with defined callbacks to call.
- * @returns {{ activate: Function, deactivate: Function }}
- */
-export function installFocusDetector(hot) {
-  var hooks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var rootDocument = hot.rootDocument;
-  var rootElement = hot.rootElement;
-  var inputTrapTop = createInputElement(rootDocument);
-  var inputTrapBottom = createInputElement(rootDocument);
-  inputTrapTop.addEventListener('focus', function () {
-    return hooks === null || hooks === void 0 ? void 0 : hooks.onFocusFromTop();
-  });
-  inputTrapBottom.addEventListener('focus', function () {
-    return hooks === null || hooks === void 0 ? void 0 : hooks.onFocusFromBottom();
-  });
-  rootElement.firstChild.before(inputTrapTop);
-  rootElement.lastChild.after(inputTrapBottom);
-  return {
-    /**
-     * Activates the detector by resetting the tabIndex of the input elements.
-     */
-    activate: function activate() {
-      hot._registerTimeout(function () {
-        inputTrapTop.tabIndex = 0;
-        inputTrapBottom.tabIndex = 0;
-      }, 10);
-    },
-    /**
-     * Deactivates the detector by setting tabIndex to -1.
-     */
-    deactivate: function deactivate() {
-      hot._registerTimeout(function () {
-        inputTrapTop.tabIndex = -1;
-        inputTrapBottom.tabIndex = -1;
-      }, 10);
-    }
-  };
-}
-
-/**
- * Creates a new HTML input element.
- *
- * @param {Document} rootDocument The owner document element.
- * @returns {HTMLInputElement}
- */
-function createInputElement(rootDocument) {
-  var input = rootDocument.createElement('input');
-  input.type = 'text';
-  input.classList.add('htFocusCatcher');
-  return input;
-}

package/core/focusCatcher/index.js

@@ -1,133 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.installFocusCatcher = installFocusCatcher;
-var _shortcutContexts = require("../../shortcutContexts");
-var _focusDetector = require("./focusDetector");
-/**
- * Installs a focus catcher module. The module observes when the table is focused and depending on
- * from the which side it was focused on it selects a specified cell or releases the TAB navigation
- * to the browser.
- *
- * @param {Core} hot The Handsontable instance.
- */
-function installFocusCatcher(hot) {
-  var recentlyAddedFocusCoords;
-  var _installFocusDetector = (0, _focusDetector.installFocusDetector)(hot, {
-      onFocusFromTop: function onFocusFromTop() {
-        var _recentlyAddedFocusCo;
-        var mostTopStartCoords = (_recentlyAddedFocusCo = recentlyAddedFocusCoords) !== null && _recentlyAddedFocusCo !== void 0 ? _recentlyAddedFocusCo : getMostTopStartPosition(hot);
-        if (mostTopStartCoords) {
-          hot.runHooks('modifyFocusOnTabNavigation', 'from_above', mostTopStartCoords);
-          hot.selectCell(mostTopStartCoords.row, mostTopStartCoords.col);
-        }
-        hot.listen();
-      },
-      onFocusFromBottom: function onFocusFromBottom() {
-        var _recentlyAddedFocusCo2;
-        var mostBottomEndCoords = (_recentlyAddedFocusCo2 = recentlyAddedFocusCoords) !== null && _recentlyAddedFocusCo2 !== void 0 ? _recentlyAddedFocusCo2 : getMostBottomEndPosition(hot);
-        if (mostBottomEndCoords) {
-          hot.runHooks('modifyFocusOnTabNavigation', 'from_below', mostBottomEndCoords);
-          hot.selectCell(mostBottomEndCoords.row, mostBottomEndCoords.col);
-        }
-        hot.listen();
-      }
-    }),
-    activate = _installFocusDetector.activate,
-    deactivate = _installFocusDetector.deactivate;
-  hot.addHook('afterListen', function () {
-    return deactivate();
-  });
-  hot.addHook('afterUnlisten', function () {
-    return activate();
-  });
-  hot.addHook('afterSelection', function () {
-    var _hot$getSelectedRange;
-    recentlyAddedFocusCoords = (_hot$getSelectedRange = hot.getSelectedRangeLast()) === null || _hot$getSelectedRange === void 0 ? void 0 : _hot$getSelectedRange.highlight;
-  });
-  hot.getShortcutManager().getContext('grid').addShortcut({
-    keys: [['Tab'], ['Shift', 'Tab']],
-    callback: function callback(event) {
-      var _hot$getSelectedRange2;
-      var _hot$getSettings = hot.getSettings(),
-        disableTabNavigation = _hot$getSettings.disableTabNavigation,
-        autoWrapRow = _hot$getSettings.autoWrapRow;
-      if (disableTabNavigation) {
-        hot.deselectCell();
-        hot.unlisten();
-        return false;
-      }
-      var isSelected = hot.selection.isSelected();
-      var highlight = (_hot$getSelectedRange2 = hot.getSelectedRangeLast()) === null || _hot$getSelectedRange2 === void 0 ? void 0 : _hot$getSelectedRange2.highlight;
-      var mostTopStartCoords = getMostTopStartPosition(hot);
-      var mostBottomEndCoords = getMostBottomEndPosition(hot);
-
-      // For disabled `autoWrapRow` option set the row to the same position as the currently selected row.
-      if (!autoWrapRow) {
-        mostTopStartCoords.row = highlight.row;
-        mostBottomEndCoords.row = highlight.row;
-      }
-      if (event.shiftKey && (!isSelected || highlight.isEqual(mostTopStartCoords)) || !event.shiftKey && (!isSelected || highlight.isEqual(mostBottomEndCoords))) {
-        hot.deselectCell();
-        hot.unlisten();
-        return false;
-      }
-      return true;
-    },
-    runOnlyIf: function runOnlyIf() {
-      return !hot.getSettings().minSpareCols;
-    },
-    preventDefault: false,
-    stopPropagation: false,
-    position: 'before',
-    relativeToGroup: _shortcutContexts.GRID_GROUP,
-    group: 'focusCatcher'
-  });
-}
-
-/**
- * Gets the coordinates of the most top-start cell or header (depends on the table settings and its size).
- *
- * @param {Core} hot The Handsontable instance.
- * @returns {CellCoords|null}
- */
-function getMostTopStartPosition(hot) {
-  var rowIndexMapper = hot.rowIndexMapper,
-    columnIndexMapper = hot.columnIndexMapper;
-  var _hot$getSettings2 = hot.getSettings(),
-    navigableHeaders = _hot$getSettings2.navigableHeaders;
-  var topRow = navigableHeaders && hot.countColHeaders() > 0 ? -hot.countColHeaders() : 0;
-  var startColumn = navigableHeaders && hot.countRowHeaders() > 0 ? -hot.countRowHeaders() : 0;
-  topRow = topRow === 0 ? rowIndexMapper.getVisualFromRenderableIndex(topRow) : topRow;
-  startColumn = startColumn === 0 ? columnIndexMapper.getVisualFromRenderableIndex(startColumn) : startColumn;
-  if (topRow === null || startColumn === null) {
-    return null;
-  }
-  return hot._createCellCoords(topRow, startColumn);
-}
-
-/**
- * Gets the coordinates of the most bottom-end cell or header (depends on the table settings and its size).
- *
- * @param {Core} hot The Handsontable instance.
- * @returns {CellCoords|null}
- */
-function getMostBottomEndPosition(hot) {
-  var _rowIndexMapper$getVi, _columnIndexMapper$ge;
-  var rowIndexMapper = hot.rowIndexMapper,
-    columnIndexMapper = hot.columnIndexMapper;
-  var _hot$getSettings3 = hot.getSettings(),
-    navigableHeaders = _hot$getSettings3.navigableHeaders;
-  var bottomRow = rowIndexMapper.getRenderableIndexesLength() - 1;
-  var endColumn = columnIndexMapper.getRenderableIndexesLength() - 1;
-  if (bottomRow < 0) {
-    bottomRow = navigableHeaders && hot.countColHeaders() > 0 ? -1 : null;
-  }
-  if (endColumn < 0) {
-    endColumn = navigableHeaders && hot.countRowHeaders() > 0 ? -1 : null;
-  }
-  if (bottomRow === null || endColumn === null) {
-    return null;
-  }
-  return hot._createCellCoords((_rowIndexMapper$getVi = rowIndexMapper.getVisualFromRenderableIndex(bottomRow)) !== null && _rowIndexMapper$getVi !== void 0 ? _rowIndexMapper$getVi : bottomRow, (_columnIndexMapper$ge = columnIndexMapper.getVisualFromRenderableIndex(endColumn)) !== null && _columnIndexMapper$ge !== void 0 ? _columnIndexMapper$ge : endColumn);
-}

package/core/focusCatcher/index.mjs

@@ -1,129 +0,0 @@
-import { GRID_GROUP } from "../../shortcutContexts/index.mjs";
-import { installFocusDetector } from "./focusDetector.mjs";
-/**
- * Installs a focus catcher module. The module observes when the table is focused and depending on
- * from the which side it was focused on it selects a specified cell or releases the TAB navigation
- * to the browser.
- *
- * @param {Core} hot The Handsontable instance.
- */
-export function installFocusCatcher(hot) {
-  var recentlyAddedFocusCoords;
-  var _installFocusDetector = installFocusDetector(hot, {
-      onFocusFromTop: function onFocusFromTop() {
-        var _recentlyAddedFocusCo;
-        var mostTopStartCoords = (_recentlyAddedFocusCo = recentlyAddedFocusCoords) !== null && _recentlyAddedFocusCo !== void 0 ? _recentlyAddedFocusCo : getMostTopStartPosition(hot);
-        if (mostTopStartCoords) {
-          hot.runHooks('modifyFocusOnTabNavigation', 'from_above', mostTopStartCoords);
-          hot.selectCell(mostTopStartCoords.row, mostTopStartCoords.col);
-        }
-        hot.listen();
-      },
-      onFocusFromBottom: function onFocusFromBottom() {
-        var _recentlyAddedFocusCo2;
-        var mostBottomEndCoords = (_recentlyAddedFocusCo2 = recentlyAddedFocusCoords) !== null && _recentlyAddedFocusCo2 !== void 0 ? _recentlyAddedFocusCo2 : getMostBottomEndPosition(hot);
-        if (mostBottomEndCoords) {
-          hot.runHooks('modifyFocusOnTabNavigation', 'from_below', mostBottomEndCoords);
-          hot.selectCell(mostBottomEndCoords.row, mostBottomEndCoords.col);
-        }
-        hot.listen();
-      }
-    }),
-    activate = _installFocusDetector.activate,
-    deactivate = _installFocusDetector.deactivate;
-  hot.addHook('afterListen', function () {
-    return deactivate();
-  });
-  hot.addHook('afterUnlisten', function () {
-    return activate();
-  });
-  hot.addHook('afterSelection', function () {
-    var _hot$getSelectedRange;
-    recentlyAddedFocusCoords = (_hot$getSelectedRange = hot.getSelectedRangeLast()) === null || _hot$getSelectedRange === void 0 ? void 0 : _hot$getSelectedRange.highlight;
-  });
-  hot.getShortcutManager().getContext('grid').addShortcut({
-    keys: [['Tab'], ['Shift', 'Tab']],
-    callback: function callback(event) {
-      var _hot$getSelectedRange2;
-      var _hot$getSettings = hot.getSettings(),
-        disableTabNavigation = _hot$getSettings.disableTabNavigation,
-        autoWrapRow = _hot$getSettings.autoWrapRow;
-      if (disableTabNavigation) {
-        hot.deselectCell();
-        hot.unlisten();
-        return false;
-      }
-      var isSelected = hot.selection.isSelected();
-      var highlight = (_hot$getSelectedRange2 = hot.getSelectedRangeLast()) === null || _hot$getSelectedRange2 === void 0 ? void 0 : _hot$getSelectedRange2.highlight;
-      var mostTopStartCoords = getMostTopStartPosition(hot);
-      var mostBottomEndCoords = getMostBottomEndPosition(hot);
-
-      // For disabled `autoWrapRow` option set the row to the same position as the currently selected row.
-      if (!autoWrapRow) {
-        mostTopStartCoords.row = highlight.row;
-        mostBottomEndCoords.row = highlight.row;
-      }
-      if (event.shiftKey && (!isSelected || highlight.isEqual(mostTopStartCoords)) || !event.shiftKey && (!isSelected || highlight.isEqual(mostBottomEndCoords))) {
-        hot.deselectCell();
-        hot.unlisten();
-        return false;
-      }
-      return true;
-    },
-    runOnlyIf: function runOnlyIf() {
-      return !hot.getSettings().minSpareCols;
-    },
-    preventDefault: false,
-    stopPropagation: false,
-    position: 'before',
-    relativeToGroup: GRID_GROUP,
-    group: 'focusCatcher'
-  });
-}
-
-/**
- * Gets the coordinates of the most top-start cell or header (depends on the table settings and its size).
- *
- * @param {Core} hot The Handsontable instance.
- * @returns {CellCoords|null}
- */
-function getMostTopStartPosition(hot) {
-  var rowIndexMapper = hot.rowIndexMapper,
-    columnIndexMapper = hot.columnIndexMapper;
-  var _hot$getSettings2 = hot.getSettings(),
-    navigableHeaders = _hot$getSettings2.navigableHeaders;
-  var topRow = navigableHeaders && hot.countColHeaders() > 0 ? -hot.countColHeaders() : 0;
-  var startColumn = navigableHeaders && hot.countRowHeaders() > 0 ? -hot.countRowHeaders() : 0;
-  topRow = topRow === 0 ? rowIndexMapper.getVisualFromRenderableIndex(topRow) : topRow;
-  startColumn = startColumn === 0 ? columnIndexMapper.getVisualFromRenderableIndex(startColumn) : startColumn;
-  if (topRow === null || startColumn === null) {
-    return null;
-  }
-  return hot._createCellCoords(topRow, startColumn);
-}
-
-/**
- * Gets the coordinates of the most bottom-end cell or header (depends on the table settings and its size).
- *
- * @param {Core} hot The Handsontable instance.
- * @returns {CellCoords|null}
- */
-function getMostBottomEndPosition(hot) {
-  var _rowIndexMapper$getVi, _columnIndexMapper$ge;
-  var rowIndexMapper = hot.rowIndexMapper,
-    columnIndexMapper = hot.columnIndexMapper;
-  var _hot$getSettings3 = hot.getSettings(),
-    navigableHeaders = _hot$getSettings3.navigableHeaders;
-  var bottomRow = rowIndexMapper.getRenderableIndexesLength() - 1;
-  var endColumn = columnIndexMapper.getRenderableIndexesLength() - 1;
-  if (bottomRow < 0) {
-    bottomRow = navigableHeaders && hot.countColHeaders() > 0 ? -1 : null;
-  }
-  if (endColumn < 0) {
-    endColumn = navigableHeaders && hot.countRowHeaders() > 0 ? -1 : null;
-  }
-  if (bottomRow === null || endColumn === null) {
-    return null;
-  }
-  return hot._createCellCoords((_rowIndexMapper$getVi = rowIndexMapper.getVisualFromRenderableIndex(bottomRow)) !== null && _rowIndexMapper$getVi !== void 0 ? _rowIndexMapper$getVi : bottomRow, (_columnIndexMapper$ge = columnIndexMapper.getVisualFromRenderableIndex(endColumn)) !== null && _columnIndexMapper$ge !== void 0 ? _columnIndexMapper$ge : endColumn);
-}

package/core/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.keys.js");
-exports.__esModule = true;
-var _focusCatcher = require("./focusCatcher");
-Object.keys(_focusCatcher).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _focusCatcher[key]) return;
-  exports[key] = _focusCatcher[key];
-});

package/core/index.mjs

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