mctable-react 1.0.3 → 1.0.5

package/README.md

@@ -54,6 +54,16 @@ You can also pass `settings`, `license`, or `onReady` if you need deeper access
 
 ## Changelog
 
+```
+v1.0.5
+- Change detection fixes
+```
+
+```
+v1.0.4
+- Aligned with `mctable` core library `v1.3.0`
+```
+
 ```
 v1.0.3
 - Aligned with `mctable` core library `v1.2.3`

package/dist/index.js

@@ -42,6 +42,26 @@ function __stableSignature(value) {
     return "[unserializable]";
   }
 }
+function __areRecordsEqual(prevRecords, nextRecords) {
+  if (prevRecords === nextRecords) return true;
+  if (prevRecords.length !== nextRecords.length) return false;
+  for (let index = 0; index < prevRecords.length; index++) {
+    if (__stableSignature(prevRecords[index]) !== __stableSignature(nextRecords[index])) {
+      return false;
+    }
+  }
+  return true;
+}
+function __areColumnsEqual(prevColumns, nextColumns) {
+  if (prevColumns === nextColumns) return true;
+  if (prevColumns.length !== nextColumns.length) return false;
+  for (let index = 0; index < prevColumns.length; index++) {
+    if (__stableSignature(prevColumns[index]) !== __stableSignature(nextColumns[index])) {
+      return false;
+    }
+  }
+  return true;
+}
 function __getWidthOnlyChanges({
   prevRecords,
   prevColumns,
@@ -94,11 +114,6 @@ var McTableReact = React.forwardRef(
       records: records ?? [],
       columns: columns ?? []
     });
-    const lastSigRef = React.useRef({
-      recordCount: (records ?? []).length,
-      columnsCount: (columns ?? []).length,
-      columnsSig: __stableSignature(columns ?? [])
-    });
     const [readyTick, setReadyTick] = React.useState(0);
     const effectiveSettings = React.useMemo(() => {
       const hasAnyResizeCallback = onColumnResizeStart !== void 0 || onColumnResizing !== void 0 || onColumnResizeEnd !== void 0 || onRowResizeStart !== void 0 || onRowResizing !== void 0 || onRowResizeEnd !== void 0;
@@ -183,27 +198,18 @@ var McTableReact = React.forwardRef(
       const prevColumns = lastDataRef.current.columns;
       const nextRecords = records !== void 0 ? records : prevRecords;
       const nextColumns = columns !== void 0 ? columns : prevColumns;
-      const prevSig = lastSigRef.current;
-      const nextRecordCount = records !== void 0 ? records.length : prevSig.recordCount;
-      const nextColumnsCount = columns !== void 0 ? columns.length : prevSig.columnsCount;
-      const nextColumnsSig = columns !== void 0 ? __stableSignature(columns) : prevSig.columnsSig;
-      const recordCountChanged = records !== void 0 && nextRecordCount !== prevSig.recordCount;
-      const columnsChanged = columns !== void 0 && (nextColumnsCount !== prevSig.columnsCount || nextColumnsSig !== prevSig.columnsSig);
-      const didChange = recordCountChanged || columnsChanged;
+      const recordsChanged = records !== void 0 && (nextRecords.length !== prevRecords.length || !__areRecordsEqual(prevRecords, nextRecords));
+      const columnsChanged = columns !== void 0 && (nextColumns.length !== prevColumns.length || !__areColumnsEqual(prevColumns, nextColumns));
+      const didChange = recordsChanged || columnsChanged;
+      if (!didChange) {
+        return;
+      }
       if (records !== void 0) {
         lastDataRef.current.records = nextRecords;
       }
       if (columns !== void 0) {
         lastDataRef.current.columns = nextColumns;
       }
-      if (!didChange) {
-        return;
-      }
-      lastSigRef.current = {
-        recordCount: nextRecordCount,
-        columnsCount: nextColumnsCount,
-        columnsSig: nextColumnsSig
-      };
       const widthOnlyChanges = __getWidthOnlyChanges({
         prevRecords,
         prevColumns,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mctable-react",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "type": "module",
   "main": "./dist/index.js",
@@ -65,6 +65,6 @@
     "vite": "^5.4.12"
   },
   "dependencies": {
-    "mctable": "^1.2.3"
+    "mctable": "^1.3.0"
   }
 }