handsontable 14.3.0 → 14.4.0-next-0a79a1f-20240521

package/plugins/base/base.d.ts

@@ -19,7 +19,7 @@ export class BasePlugin {
   enablePlugin(): void;
   disablePlugin(): void;
   updatePlugin(): void;
-  addHook<K extends keyof Events>(key: K, callback: Events[K] | Array<Events[K]>): void;
+  addHook<K extends keyof Events>(key: K, callback: Events[K] | Array<Events[K]>, orderIndex?: number): void;
   removeHooks(name: keyof Events): void;
   clearHooks(): void;
   callOnPluginsReady(callback: () => void): void;

package/plugins/base/base.js

@@ -178,11 +178,15 @@ class BasePlugin {
    *
    * @param {string} name The hook name.
    * @param {Function} callback The listener function to add.
+   * @param {number} [orderIndex] Order index of the callback.
+   *                              If > 0, the callback will be added after the others, for example, with an index of 1, the callback will be added before the ones with an index of 2, 3, etc., but after the ones with an index of 0 and lower.
+   *                              If < 0, the callback will be added before the others, for example, with an index of -1, the callback will be added after the ones with an index of -2, -3, etc., but before the ones with an index of 0 and higher.
+   *                              If 0 or no order index is provided, the callback will be added between the "negative" and "positive" indexes.
    */
-  addHook(name, callback) {
+  addHook(name, callback, orderIndex) {
     _classPrivateFieldGet(_hooks, this)[name] = _classPrivateFieldGet(_hooks, this)[name] || [];
     const hooks = _classPrivateFieldGet(_hooks, this)[name];
-    this.hot.addHook(name, callback);
+    this.hot.addHook(name, callback, orderIndex);
     hooks.push(callback);
     _classPrivateFieldGet(_hooks, this)[name] = hooks;
   }

package/plugins/base/base.mjs

@@ -174,11 +174,15 @@ export class BasePlugin {
    *
    * @param {string} name The hook name.
    * @param {Function} callback The listener function to add.
+   * @param {number} [orderIndex] Order index of the callback.
+   *                              If > 0, the callback will be added after the others, for example, with an index of 1, the callback will be added before the ones with an index of 2, 3, etc., but after the ones with an index of 0 and lower.
+   *                              If < 0, the callback will be added before the others, for example, with an index of -1, the callback will be added after the ones with an index of -2, -3, etc., but before the ones with an index of 0 and higher.
+   *                              If 0 or no order index is provided, the callback will be added between the "negative" and "positive" indexes.
    */
-  addHook(name, callback) {
+  addHook(name, callback, orderIndex) {
     _classPrivateFieldGet(_hooks, this)[name] = _classPrivateFieldGet(_hooks, this)[name] || [];
     const hooks = _classPrivateFieldGet(_hooks, this)[name];
-    this.hot.addHook(name, callback);
+    this.hot.addHook(name, callback, orderIndex);
     hooks.push(callback);
     _classPrivateFieldGet(_hooks, this)[name] = hooks;
   }

package/plugins/collapsibleColumns/collapsibleColumns.js

@@ -496,7 +496,7 @@ class CollapsibleColumns extends _base.BasePlugin {
     }
     this.hot.runHooks(actionTranslator.afterHook, currentCollapsedColumns, destinationCollapsedColumns, isActionPossible, isActionPerformed);
     this.hot.render();
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   }
 
   /**

package/plugins/collapsibleColumns/collapsibleColumns.mjs

@@ -493,7 +493,7 @@ export class CollapsibleColumns extends BasePlugin {
     }
     this.hot.runHooks(actionTranslator.afterHook, currentCollapsedColumns, destinationCollapsedColumns, isActionPossible, isActionPerformed);
     this.hot.render();
-    this.hot.view.adjustElementsSize(true);
+    this.hot.view.adjustElementsSize();
   }
 
   /**

package/plugins/columnSorting/sortFunction/date.js

@@ -2,10 +2,7 @@
 
 exports.__esModule = true;
 exports.compareFunctionFactory = compareFunctionFactory;
-var _moment = _interopRequireDefault(require("moment"));
-var _mixed = require("../../../helpers/mixed");
-var _sortService = require("../sortService");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _utils = require("../utils");
 /**
  * Date sorting compare function factory. Method get as parameters `sortOrder` and `columnMeta` and return compare function.
  *
@@ -15,47 +12,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @returns {Function} The compare function.
  */
 function compareFunctionFactory(sortOrder, columnMeta, columnPluginSettings) {
-  return function (value, nextValue) {
-    const {
-      sortEmptyCells
-    } = columnPluginSettings;
-    if (value === nextValue) {
-      return _sortService.DO_NOT_SWAP;
-    }
-    if ((0, _mixed.isEmpty)(value)) {
-      if ((0, _mixed.isEmpty)(nextValue)) {
-        return _sortService.DO_NOT_SWAP;
-      }
-
-      // Just fist value is empty and `sortEmptyCells` option was set
-      if (sortEmptyCells) {
-        return sortOrder === 'asc' ? _sortService.FIRST_BEFORE_SECOND : _sortService.FIRST_AFTER_SECOND;
-      }
-      return _sortService.FIRST_AFTER_SECOND;
-    }
-    if ((0, _mixed.isEmpty)(nextValue)) {
-      // Just second value is empty and `sortEmptyCells` option was set
-      if (sortEmptyCells) {
-        return sortOrder === 'asc' ? _sortService.FIRST_AFTER_SECOND : _sortService.FIRST_BEFORE_SECOND;
-      }
-      return _sortService.FIRST_BEFORE_SECOND;
-    }
-    const dateFormat = columnMeta.dateFormat;
-    const firstDate = (0, _moment.default)(value, dateFormat);
-    const nextDate = (0, _moment.default)(nextValue, dateFormat);
-    if (!firstDate.isValid()) {
-      return _sortService.FIRST_AFTER_SECOND;
-    }
-    if (!nextDate.isValid()) {
-      return _sortService.FIRST_BEFORE_SECOND;
-    }
-    if (nextDate.isAfter(firstDate)) {
-      return sortOrder === 'asc' ? _sortService.FIRST_BEFORE_SECOND : _sortService.FIRST_AFTER_SECOND;
-    }
-    if (nextDate.isBefore(firstDate)) {
-      return sortOrder === 'asc' ? _sortService.FIRST_AFTER_SECOND : _sortService.FIRST_BEFORE_SECOND;
-    }
-    return _sortService.DO_NOT_SWAP;
-  };
+  return (0, _utils.createDateTimeCompareFunction)(sortOrder, columnMeta.dateFormat, columnPluginSettings);
 }
 const COLUMN_DATA_TYPE = exports.COLUMN_DATA_TYPE = 'date';

package/plugins/columnSorting/sortFunction/date.mjs

@@ -1,6 +1,4 @@
-import moment from 'moment';
-import { isEmpty } from "../../../helpers/mixed.mjs";
-import { DO_NOT_SWAP, FIRST_BEFORE_SECOND, FIRST_AFTER_SECOND } from "../sortService/index.mjs";
+import { createDateTimeCompareFunction } from "../utils.mjs";
 /**
  * Date sorting compare function factory. Method get as parameters `sortOrder` and `columnMeta` and return compare function.
  *
@@ -10,47 +8,6 @@ import { DO_NOT_SWAP, FIRST_BEFORE_SECOND, FIRST_AFTER_SECOND } from "../sortSer
  * @returns {Function} The compare function.
  */
 export function compareFunctionFactory(sortOrder, columnMeta, columnPluginSettings) {
-  return function (value, nextValue) {
-    const {
-      sortEmptyCells
-    } = columnPluginSettings;
-    if (value === nextValue) {
-      return DO_NOT_SWAP;
-    }
-    if (isEmpty(value)) {
-      if (isEmpty(nextValue)) {
-        return DO_NOT_SWAP;
-      }
-
-      // Just fist value is empty and `sortEmptyCells` option was set
-      if (sortEmptyCells) {
-        return sortOrder === 'asc' ? FIRST_BEFORE_SECOND : FIRST_AFTER_SECOND;
-      }
-      return FIRST_AFTER_SECOND;
-    }
-    if (isEmpty(nextValue)) {
-      // Just second value is empty and `sortEmptyCells` option was set
-      if (sortEmptyCells) {
-        return sortOrder === 'asc' ? FIRST_AFTER_SECOND : FIRST_BEFORE_SECOND;
-      }
-      return FIRST_BEFORE_SECOND;
-    }
-    const dateFormat = columnMeta.dateFormat;
-    const firstDate = moment(value, dateFormat);
-    const nextDate = moment(nextValue, dateFormat);
-    if (!firstDate.isValid()) {
-      return FIRST_AFTER_SECOND;
-    }
-    if (!nextDate.isValid()) {
-      return FIRST_BEFORE_SECOND;
-    }
-    if (nextDate.isAfter(firstDate)) {
-      return sortOrder === 'asc' ? FIRST_BEFORE_SECOND : FIRST_AFTER_SECOND;
-    }
-    if (nextDate.isBefore(firstDate)) {
-      return sortOrder === 'asc' ? FIRST_AFTER_SECOND : FIRST_BEFORE_SECOND;
-    }
-    return DO_NOT_SWAP;
-  };
+  return createDateTimeCompareFunction(sortOrder, columnMeta.dateFormat, columnPluginSettings);
 }
 export const COLUMN_DATA_TYPE = 'date';

package/plugins/columnSorting/sortFunction/time.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.compareFunctionFactory = compareFunctionFactory;
+var _utils = require("../utils");
+/**
+ * Date sorting compare function factory. Method get as parameters `sortOrder` and `columnMeta` and return compare function.
+ *
+ * @param {string} sortOrder Sort order (`asc` for ascending, `desc` for descending).
+ * @param {object} columnMeta Column meta object.
+ * @param {object} columnPluginSettings Plugin settings for the column.
+ * @returns {Function} The compare function.
+ */
+function compareFunctionFactory(sortOrder, columnMeta, columnPluginSettings) {
+  return (0, _utils.createDateTimeCompareFunction)(sortOrder, columnMeta.timeFormat, columnPluginSettings);
+}
+const COLUMN_DATA_TYPE = exports.COLUMN_DATA_TYPE = 'time';

package/plugins/columnSorting/sortFunction/time.mjs

@@ -0,0 +1,13 @@
+import { createDateTimeCompareFunction } from "../utils.mjs";
+/**
+ * Date sorting compare function factory. Method get as parameters `sortOrder` and `columnMeta` and return compare function.
+ *
+ * @param {string} sortOrder Sort order (`asc` for ascending, `desc` for descending).
+ * @param {object} columnMeta Column meta object.
+ * @param {object} columnPluginSettings Plugin settings for the column.
+ * @returns {Function} The compare function.
+ */
+export function compareFunctionFactory(sortOrder, columnMeta, columnPluginSettings) {
+  return createDateTimeCompareFunction(sortOrder, columnMeta.timeFormat, columnPluginSettings);
+}
+export const COLUMN_DATA_TYPE = 'time';

package/plugins/columnSorting/sortService/registry.js

@@ -6,6 +6,7 @@ var _default = require("../sortFunction/default");
 var _numeric = require("../sortFunction/numeric");
 var _checkbox = require("../sortFunction/checkbox");
 var _date = require("../sortFunction/date");
+var _time = require("../sortFunction/time");
 var _staticRegister = _interopRequireDefault(require("../../../utils/staticRegister"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const {
@@ -32,7 +33,8 @@ function getCompareFunctionFactory(type) {
   }
   return getGloballyCompareFunctionFactory(_default.COLUMN_DATA_TYPE);
 }
-registerCompareFunctionFactory(_numeric.COLUMN_DATA_TYPE, _numeric.compareFunctionFactory);
 registerCompareFunctionFactory(_checkbox.COLUMN_DATA_TYPE, _checkbox.compareFunctionFactory);
 registerCompareFunctionFactory(_date.COLUMN_DATA_TYPE, _date.compareFunctionFactory);
-registerCompareFunctionFactory(_default.COLUMN_DATA_TYPE, _default.compareFunctionFactory);
+registerCompareFunctionFactory(_default.COLUMN_DATA_TYPE, _default.compareFunctionFactory);
+registerCompareFunctionFactory(_numeric.COLUMN_DATA_TYPE, _numeric.compareFunctionFactory);
+registerCompareFunctionFactory(_time.COLUMN_DATA_TYPE, _time.compareFunctionFactory);

package/plugins/columnSorting/sortService/registry.mjs

@@ -2,6 +2,7 @@ import { compareFunctionFactory as defaultSort, COLUMN_DATA_TYPE as DEFAULT_DATA
 import { compareFunctionFactory as numericSort, COLUMN_DATA_TYPE as NUMERIC_DATA_TYPE } from "../sortFunction/numeric.mjs";
 import { compareFunctionFactory as checkboxSort, COLUMN_DATA_TYPE as CHECKBOX_DATA_TYPE } from "../sortFunction/checkbox.mjs";
 import { compareFunctionFactory as dateSort, COLUMN_DATA_TYPE as DATE_DATA_TYPE } from "../sortFunction/date.mjs";
+import { compareFunctionFactory as timeSort, COLUMN_DATA_TYPE as TIME_DATA_TYPE } from "../sortFunction/time.mjs";
 import staticRegister from "../../../utils/staticRegister.mjs";
 const {
   register: registerCompareFunctionFactory,
@@ -25,8 +26,9 @@ export function getCompareFunctionFactory(type) {
   }
   return getGloballyCompareFunctionFactory(DEFAULT_DATA_TYPE);
 }
-registerCompareFunctionFactory(NUMERIC_DATA_TYPE, numericSort);
 registerCompareFunctionFactory(CHECKBOX_DATA_TYPE, checkboxSort);
 registerCompareFunctionFactory(DATE_DATA_TYPE, dateSort);
 registerCompareFunctionFactory(DEFAULT_DATA_TYPE, defaultSort);
+registerCompareFunctionFactory(NUMERIC_DATA_TYPE, numericSort);
+registerCompareFunctionFactory(TIME_DATA_TYPE, timeSort);
 export { registerRootComparator, getRootComparator };

package/plugins/columnSorting/utils.js

@@ -2,12 +2,24 @@
 
 exports.__esModule = true;
 exports.areValidSortStates = areValidSortStates;
+exports.createDateTimeCompareFunction = createDateTimeCompareFunction;
 exports.getHeaderSpanElement = getHeaderSpanElement;
 exports.getNextSortOrder = getNextSortOrder;
 exports.isFirstLevelColumnHeader = isFirstLevelColumnHeader;
 exports.wasHeaderClickedProperly = wasHeaderClickedProperly;
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.union.v2.js");
+var _moment = _interopRequireDefault(require("moment"));
 var _object = require("../../helpers/object");
 var _event = require("../../helpers/dom/event");
+var _mixed = require("../../helpers/mixed");
+var _sortService = require("./sortService");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ASC_SORT_STATE = exports.ASC_SORT_STATE = 'asc';
 const DESC_SORT_STATE = exports.DESC_SORT_STATE = 'desc';
 const HEADER_SPAN_CLASS = exports.HEADER_SPAN_CLASS = 'colHeader';
@@ -106,4 +118,56 @@ function isFirstLevelColumnHeader(column, TH) {
  */
 function wasHeaderClickedProperly(row, column, clickEvent) {
   return row === -1 && column >= 0 && (0, _event.isRightClick)(clickEvent) === false;
+}
+
+/**
+ * Creates date or time sorting compare function.
+ *
+ * @param {string} sortOrder Sort order (`asc` for ascending, `desc` for descending).
+ * @param {string} format Date or time format.
+ * @param {object} columnPluginSettings Plugin settings for the column.
+ * @returns {Function} The compare function.
+ */
+function createDateTimeCompareFunction(sortOrder, format, columnPluginSettings) {
+  return function (value, nextValue) {
+    const {
+      sortEmptyCells
+    } = columnPluginSettings;
+    if (value === nextValue) {
+      return _sortService.DO_NOT_SWAP;
+    }
+    if ((0, _mixed.isEmpty)(value)) {
+      if ((0, _mixed.isEmpty)(nextValue)) {
+        return _sortService.DO_NOT_SWAP;
+      }
+
+      // Just fist value is empty and `sortEmptyCells` option was set
+      if (sortEmptyCells) {
+        return sortOrder === 'asc' ? _sortService.FIRST_BEFORE_SECOND : _sortService.FIRST_AFTER_SECOND;
+      }
+      return _sortService.FIRST_AFTER_SECOND;
+    }
+    if ((0, _mixed.isEmpty)(nextValue)) {
+      // Just second value is empty and `sortEmptyCells` option was set
+      if (sortEmptyCells) {
+        return sortOrder === 'asc' ? _sortService.FIRST_AFTER_SECOND : _sortService.FIRST_BEFORE_SECOND;
+      }
+      return _sortService.FIRST_BEFORE_SECOND;
+    }
+    const firstDate = (0, _moment.default)(value, format);
+    const nextDate = (0, _moment.default)(nextValue, format);
+    if (!firstDate.isValid()) {
+      return _sortService.FIRST_AFTER_SECOND;
+    }
+    if (!nextDate.isValid()) {
+      return _sortService.FIRST_BEFORE_SECOND;
+    }
+    if (nextDate.isAfter(firstDate)) {
+      return sortOrder === 'asc' ? _sortService.FIRST_BEFORE_SECOND : _sortService.FIRST_AFTER_SECOND;
+    }
+    if (nextDate.isBefore(firstDate)) {
+      return sortOrder === 'asc' ? _sortService.FIRST_AFTER_SECOND : _sortService.FIRST_BEFORE_SECOND;
+    }
+    return _sortService.DO_NOT_SWAP;
+  };
 }

package/plugins/columnSorting/utils.mjs

@@ -1,5 +1,15 @@
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.union.v2.js";
+import moment from 'moment';
 import { isObject } from "../../helpers/object.mjs";
 import { isRightClick } from "../../helpers/dom/event.mjs";
+import { isEmpty } from "../../helpers/mixed.mjs";
+import { DO_NOT_SWAP, FIRST_BEFORE_SECOND, FIRST_AFTER_SECOND } from "./sortService/index.mjs";
 export const ASC_SORT_STATE = 'asc';
 export const DESC_SORT_STATE = 'desc';
 export const HEADER_SPAN_CLASS = 'colHeader';
@@ -98,4 +108,56 @@ export function isFirstLevelColumnHeader(column, TH) {
  */
 export function wasHeaderClickedProperly(row, column, clickEvent) {
   return row === -1 && column >= 0 && isRightClick(clickEvent) === false;
+}
+
+/**
+ * Creates date or time sorting compare function.
+ *
+ * @param {string} sortOrder Sort order (`asc` for ascending, `desc` for descending).
+ * @param {string} format Date or time format.
+ * @param {object} columnPluginSettings Plugin settings for the column.
+ * @returns {Function} The compare function.
+ */
+export function createDateTimeCompareFunction(sortOrder, format, columnPluginSettings) {
+  return function (value, nextValue) {
+    const {
+      sortEmptyCells
+    } = columnPluginSettings;
+    if (value === nextValue) {
+      return DO_NOT_SWAP;
+    }
+    if (isEmpty(value)) {
+      if (isEmpty(nextValue)) {
+        return DO_NOT_SWAP;
+      }
+
+      // Just fist value is empty and `sortEmptyCells` option was set
+      if (sortEmptyCells) {
+        return sortOrder === 'asc' ? FIRST_BEFORE_SECOND : FIRST_AFTER_SECOND;
+      }
+      return FIRST_AFTER_SECOND;
+    }
+    if (isEmpty(nextValue)) {
+      // Just second value is empty and `sortEmptyCells` option was set
+      if (sortEmptyCells) {
+        return sortOrder === 'asc' ? FIRST_AFTER_SECOND : FIRST_BEFORE_SECOND;
+      }
+      return FIRST_BEFORE_SECOND;
+    }
+    const firstDate = moment(value, format);
+    const nextDate = moment(nextValue, format);
+    if (!firstDate.isValid()) {
+      return FIRST_AFTER_SECOND;
+    }
+    if (!nextDate.isValid()) {
+      return FIRST_BEFORE_SECOND;
+    }
+    if (nextDate.isAfter(firstDate)) {
+      return sortOrder === 'asc' ? FIRST_BEFORE_SECOND : FIRST_AFTER_SECOND;
+    }
+    if (nextDate.isBefore(firstDate)) {
+      return sortOrder === 'asc' ? FIRST_AFTER_SECOND : FIRST_BEFORE_SECOND;
+    }
+    return DO_NOT_SWAP;
+  };
 }

package/plugins/columnSummary/columnSummary.js

@@ -159,37 +159,43 @@ class ColumnSummary extends _base.BasePlugin {
       }
       return _assertClassBrand(_ColumnSummary_brand, _this, _onAfterChange).call(_this, ...args);
     });
+    this.addHook('afterUpdateSettings', function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _assertClassBrand(_ColumnSummary_brand, _this, _onAfterUpdateSettings).call(_this, ...args);
+    });
     this.addHook('beforeCreateRow', (index, amount, source) => this.endpoints.resetSetupBeforeStructureAlteration('insert_row', index, amount, null, source)); // eslint-disable-line max-len
     this.addHook('beforeCreateCol', (index, amount, source) => this.endpoints.resetSetupBeforeStructureAlteration('insert_col', index, amount, null, source)); // eslint-disable-line max-len
     this.addHook('beforeRemoveRow', function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
       }
       return _this.endpoints.resetSetupBeforeStructureAlteration('remove_row', ...args);
     });
     this.addHook('beforeRemoveCol', function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
+      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+        args[_key5] = arguments[_key5];
       }
       return _this.endpoints.resetSetupBeforeStructureAlteration('remove_col', ...args);
     });
     this.addHook('afterCreateRow', (index, amount, source) => this.endpoints.resetSetupAfterStructureAlteration('insert_row', index, amount, null, source)); // eslint-disable-line max-len
     this.addHook('afterCreateCol', (index, amount, source) => this.endpoints.resetSetupAfterStructureAlteration('insert_col', index, amount, null, source)); // eslint-disable-line max-len
     this.addHook('afterRemoveRow', function () {
-      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-        args[_key5] = arguments[_key5];
+      for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+        args[_key6] = arguments[_key6];
       }
       return _this.endpoints.resetSetupAfterStructureAlteration('remove_row', ...args);
     });
     this.addHook('afterRemoveCol', function () {
-      for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-        args[_key6] = arguments[_key6];
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
       }
       return _this.endpoints.resetSetupAfterStructureAlteration('remove_col', ...args);
     });
     this.addHook('afterRowMove', function () {
-      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
-        args[_key7] = arguments[_key7];
+      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+        args[_key8] = arguments[_key8];
       }
       return _assertClassBrand(_ColumnSummary_brand, _this, _onAfterRowMove).call(_this, ...args);
     });
@@ -454,6 +460,17 @@ exports.ColumnSummary = ColumnSummary;
 function _onAfterInit() {
   this.endpoints.initEndpoints();
 }
+/**
+ * Called after the settings were updated. There is a need to refresh cell metas after the settings update with
+ * the `columns` property as the Core resets the cell metas to their initial state.
+ *
+ * @param {object} settings The settings object.
+ */
+function _onAfterUpdateSettings(settings) {
+  if (settings.columns !== undefined) {
+    this.endpoints.refreshCellMetas();
+  }
+}
 /**
  * `afterChange` hook callback.
  *

package/plugins/columnSummary/columnSummary.mjs

@@ -155,37 +155,43 @@ export class ColumnSummary extends BasePlugin {
       }
       return _assertClassBrand(_ColumnSummary_brand, _this, _onAfterChange).call(_this, ...args);
     });
+    this.addHook('afterUpdateSettings', function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _assertClassBrand(_ColumnSummary_brand, _this, _onAfterUpdateSettings).call(_this, ...args);
+    });
     this.addHook('beforeCreateRow', (index, amount, source) => this.endpoints.resetSetupBeforeStructureAlteration('insert_row', index, amount, null, source)); // eslint-disable-line max-len
     this.addHook('beforeCreateCol', (index, amount, source) => this.endpoints.resetSetupBeforeStructureAlteration('insert_col', index, amount, null, source)); // eslint-disable-line max-len
     this.addHook('beforeRemoveRow', function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
       }
       return _this.endpoints.resetSetupBeforeStructureAlteration('remove_row', ...args);
     });
     this.addHook('beforeRemoveCol', function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
+      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+        args[_key5] = arguments[_key5];
       }
       return _this.endpoints.resetSetupBeforeStructureAlteration('remove_col', ...args);
     });
     this.addHook('afterCreateRow', (index, amount, source) => this.endpoints.resetSetupAfterStructureAlteration('insert_row', index, amount, null, source)); // eslint-disable-line max-len
     this.addHook('afterCreateCol', (index, amount, source) => this.endpoints.resetSetupAfterStructureAlteration('insert_col', index, amount, null, source)); // eslint-disable-line max-len
     this.addHook('afterRemoveRow', function () {
-      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-        args[_key5] = arguments[_key5];
+      for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+        args[_key6] = arguments[_key6];
       }
       return _this.endpoints.resetSetupAfterStructureAlteration('remove_row', ...args);
     });
     this.addHook('afterRemoveCol', function () {
-      for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-        args[_key6] = arguments[_key6];
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
       }
       return _this.endpoints.resetSetupAfterStructureAlteration('remove_col', ...args);
     });
     this.addHook('afterRowMove', function () {
-      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
-        args[_key7] = arguments[_key7];
+      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+        args[_key8] = arguments[_key8];
       }
       return _assertClassBrand(_ColumnSummary_brand, _this, _onAfterRowMove).call(_this, ...args);
     });
@@ -449,6 +455,17 @@ export class ColumnSummary extends BasePlugin {
 function _onAfterInit() {
   this.endpoints.initEndpoints();
 }
+/**
+ * Called after the settings were updated. There is a need to refresh cell metas after the settings update with
+ * the `columns` property as the Core resets the cell metas to their initial state.
+ *
+ * @param {object} settings The settings object.
+ */
+function _onAfterUpdateSettings(settings) {
+  if (settings.columns !== undefined) {
+    this.endpoints.refreshCellMetas();
+  }
+}
 /**
  * `afterChange` hook callback.
  *

package/plugins/columnSummary/endpoints.js

@@ -440,6 +440,21 @@ class Endpoints {
     this.cellsToSetCache = [];
   }
 
+  /**
+   * Refreshes the cell meta information for the all endpoints after the `updateSettings` method call which in some
+   * cases (call with `columns` option) can reset the cell metas to the initial state.
+   */
+  refreshCellMetas() {
+    this.endpoints.forEach(endpoint => {
+      const destinationVisualRow = this.hot.toVisualRow(endpoint.destinationRow);
+      if (destinationVisualRow !== null) {
+        const cellMeta = this.hot.getCellMeta(destinationVisualRow, endpoint.destinationColumn);
+        cellMeta.readOnly = endpoint.readOnly;
+        cellMeta.className = 'columnSummaryResult';
+      }
+    });
+  }
+
   /**
    * Calculate and refresh a single endpoint.
    *

package/plugins/columnSummary/endpoints.mjs

@@ -437,6 +437,21 @@ class Endpoints {
     this.cellsToSetCache = [];
   }
 
+  /**
+   * Refreshes the cell meta information for the all endpoints after the `updateSettings` method call which in some
+   * cases (call with `columns` option) can reset the cell metas to the initial state.
+   */
+  refreshCellMetas() {
+    this.endpoints.forEach(endpoint => {
+      const destinationVisualRow = this.hot.toVisualRow(endpoint.destinationRow);
+      if (destinationVisualRow !== null) {
+        const cellMeta = this.hot.getCellMeta(destinationVisualRow, endpoint.destinationColumn);
+        cellMeta.readOnly = endpoint.readOnly;
+        cellMeta.className = 'columnSummaryResult';
+      }
+    });
+  }
+
   /**
    * Calculate and refresh a single endpoint.
    *

package/plugins/comments/comments.js

@@ -294,10 +294,7 @@ class Comments extends _base.BasePlugin {
         this.hide();
         manager.setActiveContextName('grid');
       },
-      runOnlyIf: () => {
-        var _this$hot$getSelected2;
-        return ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isCell()) && _classPrivateFieldGet(_editor, this).isVisible();
-      },
+      runOnlyIf: () => _classPrivateFieldGet(_editor, this).isVisible() && _classPrivateFieldGet(_editor, this).isFocused(),
       group: SHORTCUTS_GROUP
     });
     pluginContext.addShortcut({
@@ -306,10 +303,7 @@ class Comments extends _base.BasePlugin {
         this.hide();
         manager.setActiveContextName('grid');
       },
-      runOnlyIf: () => {
-        var _this$hot$getSelected3;
-        return ((_this$hot$getSelected3 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected3 === void 0 ? void 0 : _this$hot$getSelected3.highlight.isCell()) && _classPrivateFieldGet(_editor, this).isVisible();
-      },
+      runOnlyIf: () => _classPrivateFieldGet(_editor, this).isVisible() && _classPrivateFieldGet(_editor, this).isFocused(),
       group: SHORTCUTS_GROUP
     });
   }

package/plugins/comments/comments.mjs

@@ -290,10 +290,7 @@ export class Comments extends BasePlugin {
         this.hide();
         manager.setActiveContextName('grid');
       },
-      runOnlyIf: () => {
-        var _this$hot$getSelected2;
-        return ((_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight.isCell()) && _classPrivateFieldGet(_editor, this).isVisible();
-      },
+      runOnlyIf: () => _classPrivateFieldGet(_editor, this).isVisible() && _classPrivateFieldGet(_editor, this).isFocused(),
       group: SHORTCUTS_GROUP
     });
     pluginContext.addShortcut({
@@ -302,10 +299,7 @@ export class Comments extends BasePlugin {
         this.hide();
         manager.setActiveContextName('grid');
       },
-      runOnlyIf: () => {
-        var _this$hot$getSelected3;
-        return ((_this$hot$getSelected3 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected3 === void 0 ? void 0 : _this$hot$getSelected3.highlight.isCell()) && _classPrivateFieldGet(_editor, this).isVisible();
-      },
+      runOnlyIf: () => _classPrivateFieldGet(_editor, this).isVisible() && _classPrivateFieldGet(_editor, this).isFocused(),
       group: SHORTCUTS_GROUP
     });
   }