@handsontable/react-wrapper 0.0.0-next-accbc16-20260828 → 0.0.0-next-e7ff0da-20260901

package/es/react-handsontable.mjs

@@ -522,12 +522,26 @@ function useUpdateEffect(effect, deps) {
 }
 
 /**
- * Only `dataSchema` and `columns` use deep comparison when diffing props for `updateSettings(false)`.
- * Other object settings (for example `mergeCells`, `cell`, `nestedHeaders`, hooks) stay on strict
+ * Only these settings use deep comparison when diffing props for `updateSettings(false)`. Other
+ * object settings (for example `mergeCells`, `cell`, `nestedHeaders`, hooks) stay on strict
  * reference equality so we avoid expensive deep walks and accidental false positives where functions
  * or class instances would not compare meaningfully by keys alone.
+ *
+ * `rowHeights`, `minRowHeights` (its documented alias) and `colWidths` are here because passing any
+ * of them re-declares the sizes and discards the ones the user produced by dragging
+ * (`ManualRowResize` / `ManualColumnResize`). A re-render must not do that, and a React app commonly
+ * writes the value inline (`rowHeights={[50, 50]}`), which is a new array on every render and never
+ * reference-equal. All three hold plain numbers, strings or arrays of them, so the deep walk is
+ * cheap. The Vue wrapper already skips unchanged keys this way.
+ */
+var DEEP_COMPARABLE_SETTINGS = ['dataSchema', 'columns', 'rowHeights', 'minRowHeights', 'colWidths'];
+
+/**
+ * The size settings are compared against the grid's live settings rather than the previous props,
+ * which is what the Angular and Vue wrappers already do. Comparing against props alone would stop
+ * re-asserting the prop after anything changed the size through the instance ref.
  */
-var DEEP_COMPARABLE_SETTINGS = ['dataSchema', 'columns'];
+var COMPARED_AGAINST_LIVE_SETTINGS = ['rowHeights', 'minRowHeights', 'colWidths'];
 var SettingsMapper = /*#__PURE__*/function () {
   function SettingsMapper() {
     _classCallCheck(this, SettingsMapper);
@@ -551,14 +565,23 @@ var SettingsMapper = /*#__PURE__*/function () {
         _ref$isInit = _ref.isInit,
         isInit = _ref$isInit === void 0 ? false : _ref$isInit,
         _ref$initOnlySettingK = _ref.initOnlySettingKeys,
-        initOnlySettingKeys = _ref$initOnlySettingK === void 0 ? [] : _ref$initOnlySettingK;
+        initOnlySettingKeys = _ref$initOnlySettingK === void 0 ? [] : _ref$initOnlySettingK,
+        currentSettings = _ref.currentSettings;
       var shouldSkipProp = function shouldSkipProp(key) {
-        if (!isInit && DEEP_COMPARABLE_SETTINGS.includes(key)) {
-          return areEquivalentSettingsValue(prevProps[key], properties[key]);
+        if (isInit) {
+          return false;
         }
-        if (!isInit && initOnlySettingKeys.includes(key)) {
+
+        // Checked before the value comparison below. The two lists do not overlap today, but a
+        // changed deep-comparable key used to return early and skip this guard entirely, which would
+        // have forwarded an init-only key to `updateSettings` as soon as one joined both lists.
+        if (initOnlySettingKeys.includes(key)) {
           return true;
         }
+        if (DEEP_COMPARABLE_SETTINGS.includes(key)) {
+          var comparedValue = currentSettings && COMPARED_AGAINST_LIVE_SETTINGS.includes(key) ? currentSettings[key] : prevProps[key];
+          return areEquivalentSettingsValue(comparedValue, properties[key]);
+        }
         return false;
       };
       var newSettings = {};
@@ -1190,7 +1213,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-accbc16-20260828";
+var version="0.0.0-next-e7ff0da-20260901";
 
 /**
  * Component used to manage the renderer component portals.
@@ -2405,13 +2428,13 @@ var HotTableInner = /*#__PURE__*/forwardRef(function (props, ref) {
     var _getHotInstance;
     var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var prevProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var initOnlySettingKeys = !isHotInstanceDestroyed() ?
-    // Needed for React's double-rendering.
-    ((_getHotInstance = getHotInstance()) === null || _getHotInstance === void 0 || (_getHotInstance = _getHotInstance.getSettings()) === null || _getHotInstance === void 0 ? void 0 : _getHotInstance._initOnlySettings) || [] : [];
+    var liveSettings = !isHotInstanceDestroyed() ? (_getHotInstance = getHotInstance()) === null || _getHotInstance === void 0 ? void 0 : _getHotInstance.getSettings() : undefined;
+    var initOnlySettingKeys = (liveSettings === null || liveSettings === void 0 ? void 0 : liveSettings._initOnlySettings) || [];
     var newSettings = SettingsMapper.getSettings(props, {
       prevProps: prevProps,
       isInit: init,
-      initOnlySettingKeys: initOnlySettingKeys
+      initOnlySettingKeys: initOnlySettingKeys,
+      currentSettings: liveSettings
     });
     if (context.columnsSettings.length) {
       newSettings.columns = context.columnsSettings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handsontable/react-wrapper",
-  "version": "0.0.0-next-accbc16-20260828",
+  "version": "0.0.0-next-e7ff0da-20260901",
   "description": "Best Data Grid for React with Spreadsheet Look and Feel.",
   "author": "Handsoncode <hello@handsoncode.net> (https://handsoncode.net)",
   "homepage": "https://handsontable.com",
@@ -73,7 +73,7 @@
     "@types/react-dom": "^18.2.0",
     "@types/react-redux": "^7.1.7",
     "cross-env": "^7.0.3",
-    "handsontable": "0.0.0-next-accbc16-20260828",
+    "handsontable": "0.0.0-next-e7ff0da-20260901",
     "jest": "^27.5.1",
     "jest-environment-jsdom": "^27.5.1",
     "prop-types": "^15.7.2",
@@ -88,7 +88,7 @@
     "uglify-js": "^3.4.9"
   },
   "peerDependencies": {
-    "handsontable": "0.0.0-next-accbc16-20260828"
+    "handsontable": "0.0.0-next-e7ff0da-20260901"
   },
   "scripts": {
     "build": "npm run clean && npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:min && npm run prepare:types",

package/settingsMapper.d.ts

@@ -10,9 +10,10 @@ export declare class SettingsMapper {
      * @param {string[]} additionalSettings.initOnlySettingKeys Array of keys that can be set only during initialization.
      * @returns {Object} Handsontable-compatible settings object.
      */
-    static getSettings(properties: HotTableProps, { prevProps, isInit, initOnlySettingKeys }?: {
+    static getSettings(properties: HotTableProps, { prevProps, isInit, initOnlySettingKeys, currentSettings }?: {
         prevProps?: HotTableProps;
         isInit?: boolean;
         initOnlySettingKeys?: Array<keyof Handsontable.GridSettings>;
+        currentSettings?: Handsontable.GridSettings;
     }): Handsontable.GridSettings;
 }