handsontable 16.0.1-next-eee5f08-20250710 → 16.1.0-next-abd8f2e-20250904

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

@@ -131,7 +131,7 @@ class Overlays {
           return;
         }
         _classPrivateFieldSet(_containerDomResizeCount, this, _classPrivateFieldGet(_containerDomResizeCount, this) + 1);
-        if (_classPrivateFieldGet(_containerDomResizeCount, this) === 100) {
+        if (_classPrivateFieldGet(_containerDomResizeCount, this) === 300) {
           (0, _console.warn)('The ResizeObserver callback was fired too many times in direct succession.' + '\nThis may be due to an infinite loop caused by setting a dynamic height/width (for example, ' + 'with the `dvh` units) to a Handsontable container\'s parent. ' + '\nThe observer will be disconnected.');
           this.resizeObserver.disconnect();
         }
@@ -368,6 +368,10 @@ class Overlays {
    * @param {boolean} preventDefault If `true`, the `preventDefault` will be called on event object.
    */
   onCloneWheel(event, preventDefault) {
+    // Fix for Windows OS, where the ctrl key is used to zoom the page (issue #dev-2405).
+    if (event.ctrlKey) {
+      return;
+    }
     const {
       rootWindow
     } = this.domBindings;
@@ -617,7 +621,13 @@ class Overlays {
     const totalRows = this.wtSettings.getSetting('totalRows');
     const headerRowSize = wtViewport.getRowHeaderWidth();
     const headerColumnSize = wtViewport.getColumnHeaderHeight();
-    const proposedHiderHeight = headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + 1;
+    // 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
+    // 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;
     const proposedHiderWidth = headerRowSize + this.inlineStartOverlay.sumCellSizes(0, totalColumns);
     const hiderElement = wtTable.hider;
     const hiderStyle = hiderElement.style;

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

@@ -128,7 +128,7 @@ class Overlays {
           return;
         }
         _classPrivateFieldSet(_containerDomResizeCount, this, _classPrivateFieldGet(_containerDomResizeCount, this) + 1);
-        if (_classPrivateFieldGet(_containerDomResizeCount, this) === 100) {
+        if (_classPrivateFieldGet(_containerDomResizeCount, this) === 300) {
           warn('The ResizeObserver callback was fired too many times in direct succession.' + '\nThis may be due to an infinite loop caused by setting a dynamic height/width (for example, ' + 'with the `dvh` units) to a Handsontable container\'s parent. ' + '\nThe observer will be disconnected.');
           this.resizeObserver.disconnect();
         }
@@ -365,6 +365,10 @@ class Overlays {
    * @param {boolean} preventDefault If `true`, the `preventDefault` will be called on event object.
    */
   onCloneWheel(event, preventDefault) {
+    // Fix for Windows OS, where the ctrl key is used to zoom the page (issue #dev-2405).
+    if (event.ctrlKey) {
+      return;
+    }
     const {
       rootWindow
     } = this.domBindings;
@@ -614,7 +618,13 @@ class Overlays {
     const totalRows = this.wtSettings.getSetting('totalRows');
     const headerRowSize = wtViewport.getRowHeaderWidth();
     const headerColumnSize = wtViewport.getColumnHeaderHeight();
-    const proposedHiderHeight = headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + 1;
+    // 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
+    // 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;
     const proposedHiderWidth = headerRowSize + this.inlineStartOverlay.sumCellSizes(0, totalColumns);
     const hiderElement = wtTable.hider;
     const hiderStyle = hiderElement.style;

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

@@ -151,15 +151,11 @@ class Viewport {
       return documentElement.scrollWidth > documentElement.clientWidth;
     }
     const {
-      holder,
       hider
     } = this.wtTable;
-    const holderWidth = holder.clientWidth;
     const hiderOffsetWidth = hider.offsetWidth;
-    if (holderWidth < hiderOffsetWidth) {
-      return true;
-    }
-    return hiderOffsetWidth > this.getWorkspaceWidth();
+    const scrollbarWidth = this.hasVerticalScroll() ? (0, _element.getScrollbarWidth)() : 0;
+    return hiderOffsetWidth > this.getWorkspaceWidth() - scrollbarWidth;
   }
 
   /**

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

@@ -148,15 +148,11 @@ class Viewport {
       return documentElement.scrollWidth > documentElement.clientWidth;
     }
     const {
-      holder,
       hider
     } = this.wtTable;
-    const holderWidth = holder.clientWidth;
     const hiderOffsetWidth = hider.offsetWidth;
-    if (holderWidth < hiderOffsetWidth) {
-      return true;
-    }
-    return hiderOffsetWidth > this.getWorkspaceWidth();
+    const scrollbarWidth = this.hasVerticalScroll() ? getScrollbarWidth() : 0;
+    return hiderOffsetWidth > this.getWorkspaceWidth() - scrollbarWidth;
   }
 
   /**

package/CHANGELOG.md

@@ -9,6 +9,38 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 <!-- UNVERSIONED -->
 
+## [16.1.0] - 2025-09-11
+
+### Added
+- Add row pagination functionality [#11612](https://github.com/handsontable/handsontable/pull/11612)
+- Added Dialog Plugin: Core Modal System [#11754](https://github.com/handsontable/handsontable/pull/11754)
+- Implemented the `key`/`value` feature for the Autocomplete and Dropdown editors and the new `valueGetter` and `valueSetter` options. [#11773](https://github.com/handsontable/handsontable/pull/11773)
+- Add support for a new `initialState` option [#11777](https://github.com/handsontable/handsontable/pull/11777)
+- Added Dialog Loading Plugin [#11792](https://github.com/handsontable/handsontable/pull/11792)
+
+### Changed
+- Allow focus navigation between multiple selection layers [#11756](https://github.com/handsontable/handsontable/pull/11756)
+- Change the input name of the internal focus catcher element [#11770](https://github.com/handsontable/handsontable/pull/11770)
+- Added background color to holder element (`wtHolder`) [#11797](https://github.com/handsontable/handsontable/pull/11797)
+
+### Fixed
+- Fixed undo/redo actions with cell types other than `text` [#11656](https://github.com/handsontable/handsontable/pull/11656)
+- Fixed an issue with incorrect row and column resizing that occurs when the user double-clicks a column or row separator to auto-size it and then moves the mouse [#11671](https://github.com/handsontable/handsontable/pull/11671)
+- Fixed an issue with mouse wheel zooming on Windows [#11680](https://github.com/handsontable/handsontable/pull/11680)
+- Fixed an issue with autocomplete sorting and options highlighting [#11708](https://github.com/handsontable/handsontable/pull/11708)
+- Fix missing touchend entry handler that prevents editor to open on mobile devices [#11729](https://github.com/handsontable/handsontable/pull/11729)
+- Fixed an issue with rows being misaligned with row headers when using `autoRowSize`. [#11736](https://github.com/handsontable/handsontable/pull/11736)
+- Fixed an issues with visual layout inconsistencies with browser zoom and scaling [#11739](https://github.com/handsontable/handsontable/pull/11739)
+- Fixed an issue with root-wrapper height [#11769](https://github.com/handsontable/handsontable/pull/11769)
+- Fixed TypeError after undo opertation for nested rows data structure [#11793](https://github.com/handsontable/handsontable/pull/11793)
+- Fixed `rowHeights` option for merged cells [#11795](https://github.com/handsontable/handsontable/pull/11795)
+- Fixed themes visaul issues [#11805](https://github.com/handsontable/handsontable/pull/11805)
+- Fixed table misalignment when new data is loaded [#11809](https://github.com/handsontable/handsontable/pull/11809)
+- Angular: Fixed treeshaking mechanism (modularization) for angular-wrapper [#11738](https://github.com/handsontable/handsontable/pull/11738)
+
+### Security
+- Fixed the `critical` security vulnerabilities reported by `pnpm audit`. [#11798](https://github.com/handsontable/handsontable/pull/11798)
+
 ## [16.0.1] - 2025-07-10
 
 ### Fixed

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 = "10/07/2025 12:30:46";
-Handsontable.version = "16.0.1-next-eee5f08-20250710";
+Handsontable.buildDate = "04/09/2025 07:50:37";
+Handsontable.version = "16.1.0-next-abd8f2e-20250904";
 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 = "10/07/2025 12:30:51";
-Handsontable.version = "16.0.1-next-eee5f08-20250710";
+Handsontable.buildDate = "04/09/2025 07:50:42";
+Handsontable.version = "16.1.0-next-abd8f2e-20250904";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/cellTypes/autocompleteType/accessors/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+var _valueGetter = require("./valueGetter");
+exports.valueGetter = _valueGetter.valueGetter;
+var _valueSetter = require("./valueSetter");
+exports.valueSetter = _valueSetter.valueSetter;

package/cellTypes/autocompleteType/accessors/index.mjs

@@ -0,0 +1,2 @@
+export { valueGetter } from "./valueGetter.mjs";
+export { valueSetter } from "./valueSetter.mjs";

package/cellTypes/autocompleteType/accessors/valueGetter.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.valueGetter = valueGetter;
+var _object = require("../../../helpers/object");
+/**
+ * Defines the value being displayed in an autocomplete-typed cells.
+ *
+ * @param {*} value The value to be displayed.
+ * @returns {*} The final value of the cell.
+ */
+function valueGetter(value) {
+  return (0, _object.isObject)(value) && value.value !== undefined ? value.value : value;
+}

package/cellTypes/autocompleteType/accessors/valueGetter.mjs

@@ -0,0 +1,10 @@
+import { isObject } from "../../../helpers/object.mjs";
+/**
+ * Defines the value being displayed in an autocomplete-typed cells.
+ *
+ * @param {*} value The value to be displayed.
+ * @returns {*} The final value of the cell.
+ */
+export function valueGetter(value) {
+  return isObject(value) && value.value !== undefined ? value.value : value;
+}

package/cellTypes/autocompleteType/accessors/valueSetter.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.valueSetter = valueSetter;
+var _object = require("../../../helpers/object");
+var _mixed = require("../../../helpers/mixed");
+/**
+ * Defines what value is set to an autocomplete-typed cell.
+ *
+ * @param {*} newValue The value to be set.
+ * @param {number} row The visual row index.
+ * @param {number} column The visual column index.
+ * @returns {*} The new value to be set.
+ */
+function valueSetter(newValue, row, column) {
+  const sourceDataAtCell = this.getSourceDataAtCell(this.toPhysicalRow(row), this.toPhysicalColumn(column));
+  const isKeyValueObject = obj => (0, _object.isObject)(obj) && (0, _mixed.isDefined)(obj.key) && (0, _mixed.isDefined)(obj.value);
+  if (isKeyValueObject(sourceDataAtCell)) {
+    return isKeyValueObject(newValue) ? newValue : {
+      key: newValue,
+      value: newValue
+    };
+  }
+  return newValue;
+}

package/cellTypes/autocompleteType/accessors/valueSetter.mjs

@@ -0,0 +1,21 @@
+import { isObject } from "../../../helpers/object.mjs";
+import { isDefined } from "../../../helpers/mixed.mjs";
+/**
+ * Defines what value is set to an autocomplete-typed cell.
+ *
+ * @param {*} newValue The value to be set.
+ * @param {number} row The visual row index.
+ * @param {number} column The visual column index.
+ * @returns {*} The new value to be set.
+ */
+export function valueSetter(newValue, row, column) {
+  const sourceDataAtCell = this.getSourceDataAtCell(this.toPhysicalRow(row), this.toPhysicalColumn(column));
+  const isKeyValueObject = obj => isObject(obj) && isDefined(obj.key) && isDefined(obj.value);
+  if (isKeyValueObject(sourceDataAtCell)) {
+    return isKeyValueObject(newValue) ? newValue : {
+      key: newValue,
+      value: newValue
+    };
+  }
+  return newValue;
+}

package/cellTypes/autocompleteType/autocompleteType.js

@@ -4,10 +4,13 @@ exports.__esModule = true;
 var _autocompleteEditor = require("../../editors/autocompleteEditor");
 var _autocompleteRenderer = require("../../renderers/autocompleteRenderer");
 var _autocompleteValidator = require("../../validators/autocompleteValidator");
+var _accessors = require("./accessors");
 const CELL_TYPE = exports.CELL_TYPE = 'autocomplete';
 const AutocompleteCellType = exports.AutocompleteCellType = {
   CELL_TYPE,
   editor: _autocompleteEditor.AutocompleteEditor,
   renderer: _autocompleteRenderer.autocompleteRenderer,
-  validator: _autocompleteValidator.autocompleteValidator
+  validator: _autocompleteValidator.autocompleteValidator,
+  valueGetter: _accessors.valueGetter,
+  valueSetter: _accessors.valueSetter
 };

package/cellTypes/autocompleteType/autocompleteType.mjs

@@ -1,10 +1,13 @@
 import { AutocompleteEditor } from "../../editors/autocompleteEditor/index.mjs";
 import { autocompleteRenderer } from "../../renderers/autocompleteRenderer/index.mjs";
 import { autocompleteValidator } from "../../validators/autocompleteValidator/index.mjs";
+import { valueGetter, valueSetter } from "./accessors/index.mjs";
 export const CELL_TYPE = 'autocomplete';
 export const AutocompleteCellType = {
   CELL_TYPE,
   editor: AutocompleteEditor,
   renderer: autocompleteRenderer,
-  validator: autocompleteValidator
+  validator: autocompleteValidator,
+  valueGetter,
+  valueSetter
 };

package/cellTypes/checkboxType/accessors/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+exports.__esModule = true;
+var _valueSetter = require("./valueSetter");
+exports.valueSetter = _valueSetter.valueSetter;

package/cellTypes/checkboxType/accessors/index.mjs

@@ -0,0 +1 @@
+export { valueSetter } from "./valueSetter.mjs";

package/cellTypes/checkboxType/accessors/valueSetter.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.valueSetter = valueSetter;
+var _mixed = require("../../../helpers/mixed");
+/**
+ * Defines what value is set to a checkbox-typed cell.
+ *
+ * @param {*} newValue The value to be set.
+ * @param {number} row The row index.
+ * @param {number} column The column index.
+ * @returns {*} The new value to be set.
+ */
+function valueSetter(newValue, row, column) {
+  const {
+    checkedTemplate,
+    uncheckedTemplate
+  } = this.getCellMeta(row, column);
+  const stringifiedValue = (0, _mixed.stringify)(newValue);
+  const isChecked = stringifiedValue === (0, _mixed.stringify)(checkedTemplate);
+  const isUnchecked = stringifiedValue === (0, _mixed.stringify)(uncheckedTemplate);
+  if (isChecked || isUnchecked) {
+    return isChecked ? checkedTemplate : uncheckedTemplate;
+  }
+  return newValue;
+}

package/cellTypes/checkboxType/accessors/valueSetter.mjs

@@ -0,0 +1,22 @@
+import { stringify } from "../../../helpers/mixed.mjs";
+/**
+ * Defines what value is set to a checkbox-typed cell.
+ *
+ * @param {*} newValue The value to be set.
+ * @param {number} row The row index.
+ * @param {number} column The column index.
+ * @returns {*} The new value to be set.
+ */
+export function valueSetter(newValue, row, column) {
+  const {
+    checkedTemplate,
+    uncheckedTemplate
+  } = this.getCellMeta(row, column);
+  const stringifiedValue = stringify(newValue);
+  const isChecked = stringifiedValue === stringify(checkedTemplate);
+  const isUnchecked = stringifiedValue === stringify(uncheckedTemplate);
+  if (isChecked || isUnchecked) {
+    return isChecked ? checkedTemplate : uncheckedTemplate;
+  }
+  return newValue;
+}

package/cellTypes/checkboxType/checkboxType.js

@@ -3,9 +3,11 @@
 exports.__esModule = true;
 var _checkboxEditor = require("../../editors/checkboxEditor");
 var _checkboxRenderer = require("../../renderers/checkboxRenderer");
+var _accessors = require("./accessors");
 const CELL_TYPE = exports.CELL_TYPE = 'checkbox';
 const CheckboxCellType = exports.CheckboxCellType = {
   CELL_TYPE,
   editor: _checkboxEditor.CheckboxEditor,
-  renderer: _checkboxRenderer.checkboxRenderer
+  renderer: _checkboxRenderer.checkboxRenderer,
+  valueSetter: _accessors.valueSetter
 };

package/cellTypes/checkboxType/checkboxType.mjs

@@ -1,8 +1,10 @@
 import { CheckboxEditor } from "../../editors/checkboxEditor/index.mjs";
 import { checkboxRenderer } from "../../renderers/checkboxRenderer/index.mjs";
+import { valueSetter } from "./accessors/index.mjs";
 export const CELL_TYPE = 'checkbox';
 export const CheckboxCellType = {
   CELL_TYPE,
   editor: CheckboxEditor,
-  renderer: checkboxRenderer
+  renderer: checkboxRenderer,
+  valueSetter
 };

package/cellTypes/dropdownType/accessors/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+var _valueGetter = require("./valueGetter");
+exports.valueGetter = _valueGetter.valueGetter;
+var _valueSetter = require("./valueSetter");
+exports.valueSetter = _valueSetter.valueSetter;

package/cellTypes/dropdownType/accessors/index.mjs

@@ -0,0 +1,2 @@
+export { valueGetter } from "./valueGetter.mjs";
+export { valueSetter } from "./valueSetter.mjs";

package/cellTypes/dropdownType/accessors/valueGetter.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.valueGetter = valueGetter;
+var _accessors = require("../../autocompleteType/accessors");
+/**
+ * Defines the value being displayed in an dropdown-typed cells.
+ *
+ * @param {*} value The value to be displayed.
+ * @returns {*} The final value of the cell.
+ */
+function valueGetter(value) {
+  return _accessors.valueGetter.call(this, value);
+}

package/cellTypes/dropdownType/accessors/valueGetter.mjs

@@ -0,0 +1,10 @@
+import { valueGetter as autocompleteValueGetter } from "../../autocompleteType/accessors/index.mjs";
+/**
+ * Defines the value being displayed in an dropdown-typed cells.
+ *
+ * @param {*} value The value to be displayed.
+ * @returns {*} The final value of the cell.
+ */
+export function valueGetter(value) {
+  return autocompleteValueGetter.call(this, value);
+}

package/cellTypes/dropdownType/accessors/valueSetter.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.valueSetter = valueSetter;
+var _accessors = require("../../autocompleteType/accessors");
+/**
+ * Defines what value is set to an dropdown-typed cell.
+ *
+ * @param {*} newValue The value to be set.
+ * @param {number} row The row index.
+ * @param {number} column The column index.
+ * @param {object} cellMeta The cell meta object.
+ * @returns {*} The new value to be set.
+ */
+function valueSetter(newValue, row, column, cellMeta) {
+  return _accessors.valueSetter.call(this, newValue, row, column, cellMeta);
+}

package/cellTypes/dropdownType/accessors/valueSetter.mjs

@@ -0,0 +1,13 @@
+import { valueSetter as autocompleteValueSetter } from "../../autocompleteType/accessors/index.mjs";
+/**
+ * Defines what value is set to an dropdown-typed cell.
+ *
+ * @param {*} newValue The value to be set.
+ * @param {number} row The row index.
+ * @param {number} column The column index.
+ * @param {object} cellMeta The cell meta object.
+ * @returns {*} The new value to be set.
+ */
+export function valueSetter(newValue, row, column, cellMeta) {
+  return autocompleteValueSetter.call(this, newValue, row, column, cellMeta);
+}

package/cellTypes/dropdownType/dropdownType.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 var _dropdownEditor = require("../../editors/dropdownEditor");
 var _dropdownRenderer = require("../../renderers/dropdownRenderer");
 var _dropdownValidator = require("../../validators/dropdownValidator");
+var _accessors = require("./accessors");
 const CELL_TYPE = exports.CELL_TYPE = 'dropdown';
 const DropdownCellType = exports.DropdownCellType = {
   CELL_TYPE,
@@ -12,5 +13,7 @@ const DropdownCellType = exports.DropdownCellType = {
   // displays small gray arrow on right side of the cell
   validator: _dropdownValidator.dropdownValidator,
   filter: false,
-  strict: true
+  strict: true,
+  valueGetter: _accessors.valueGetter,
+  valueSetter: _accessors.valueSetter
 };

package/cellTypes/dropdownType/dropdownType.mjs

@@ -1,6 +1,7 @@
 import { DropdownEditor } from "../../editors/dropdownEditor/index.mjs";
 import { dropdownRenderer } from "../../renderers/dropdownRenderer/index.mjs";
 import { dropdownValidator } from "../../validators/dropdownValidator/index.mjs";
+import { valueGetter, valueSetter } from "./accessors/index.mjs";
 export const CELL_TYPE = 'dropdown';
 export const DropdownCellType = {
   CELL_TYPE,
@@ -9,5 +10,7 @@ export const DropdownCellType = {
   // displays small gray arrow on right side of the cell
   validator: dropdownValidator,
   filter: false,
-  strict: true
+  strict: true,
+  valueGetter,
+  valueSetter
 };

package/cellTypes/numericType/accessors/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+exports.__esModule = true;
+var _valueSetter = require("./valueSetter");
+exports.valueSetter = _valueSetter.valueSetter;

package/cellTypes/numericType/accessors/index.mjs

@@ -0,0 +1 @@
+export { valueSetter } from "./valueSetter.mjs";

package/cellTypes/numericType/accessors/valueSetter.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.valueSetter = valueSetter;
+var _number = require("../../../helpers/number");
+var _utils = require("../../../dataMap/metaManager/utils");
+/**
+ * Defines what value is set to a numeric-typed cell.
+ *
+ * @param {*} newValue The value to be set.
+ * @returns {*} The new value to be set.
+ */
+function valueSetter(newValue) {
+  if (typeof newValue === 'string' && (0, _number.isNumericLike)(newValue)) {
+    const parsedNumber = (0, _number.getParsedNumber)(newValue);
+    return (0, _utils.isNullish)(parsedNumber) ? newValue : parsedNumber;
+  }
+  return newValue;
+}

package/cellTypes/numericType/accessors/valueSetter.mjs

@@ -0,0 +1,15 @@
+import { isNumericLike, getParsedNumber } from "../../../helpers/number.mjs";
+import { isNullish } from "../../../dataMap/metaManager/utils.mjs";
+/**
+ * Defines what value is set to a numeric-typed cell.
+ *
+ * @param {*} newValue The value to be set.
+ * @returns {*} The new value to be set.
+ */
+export function valueSetter(newValue) {
+  if (typeof newValue === 'string' && isNumericLike(newValue)) {
+    const parsedNumber = getParsedNumber(newValue);
+    return isNullish(parsedNumber) ? newValue : parsedNumber;
+  }
+  return newValue;
+}

package/cellTypes/numericType/numericType.js

@@ -4,11 +4,13 @@ exports.__esModule = true;
 var _numericEditor = require("../../editors/numericEditor");
 var _numericRenderer = require("../../renderers/numericRenderer");
 var _numericValidator = require("../../validators/numericValidator");
+var _accessors = require("./accessors");
 const CELL_TYPE = exports.CELL_TYPE = 'numeric';
 const NumericCellType = exports.NumericCellType = {
   CELL_TYPE,
   editor: _numericEditor.NumericEditor,
   renderer: _numericRenderer.numericRenderer,
   validator: _numericValidator.numericValidator,
-  dataType: 'number'
+  dataType: 'number',
+  valueSetter: _accessors.valueSetter
 };

package/cellTypes/numericType/numericType.mjs

@@ -1,11 +1,13 @@
 import { NumericEditor } from "../../editors/numericEditor/index.mjs";
 import { numericRenderer } from "../../renderers/numericRenderer/index.mjs";
 import { numericValidator } from "../../validators/numericValidator/index.mjs";
+import { valueSetter } from "./accessors/index.mjs";
 export const CELL_TYPE = 'numeric';
 export const NumericCellType = {
   CELL_TYPE,
   editor: NumericEditor,
   renderer: numericRenderer,
   validator: numericValidator,
-  dataType: 'number'
+  dataType: 'number',
+  valueSetter
 };