mctable-react 1.0.1 → 1.0.2

package/dist/index.js

@@ -42,6 +42,33 @@ function __stableSignature(value) {
     return "[unserializable]";
   }
 }
+function __getInitialWidthOnlyChanges({
+  prevRecords,
+  prevColumns,
+  nextRecords,
+  nextColumns
+}) {
+  if (__stableSignature(prevRecords) !== __stableSignature(nextRecords)) return null;
+  if (prevColumns.length !== nextColumns.length) return null;
+  const widthChanges = [];
+  for (let index = 0; index < prevColumns.length; index++) {
+    const prevColumn = prevColumns[index];
+    const nextColumn = nextColumns[index];
+    const { initialWidth: _prevInitialWidth, ...prevColumnWithoutInitialWidth } = prevColumn;
+    const { initialWidth: _nextInitialWidth, ...nextColumnWithoutInitialWidth } = nextColumn;
+    if (__stableSignature(prevColumnWithoutInitialWidth) !== __stableSignature(nextColumnWithoutInitialWidth)) {
+      return null;
+    }
+    if (prevColumn.initialWidth !== nextColumn.initialWidth) {
+      widthChanges.push({
+        position: index + 1,
+        width: nextColumn.initialWidth ?? "reset"
+      });
+    }
+  }
+  if (widthChanges.length === 0) return null;
+  return widthChanges;
+}
 var __nextInstanceId = 1;
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 var McTableReact = React.forwardRef(
@@ -152,6 +179,10 @@ var McTableReact = React.forwardRef(
       if (!table) {
         return;
       }
+      const prevRecords = lastDataRef.current.records;
+      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;
@@ -160,10 +191,10 @@ var McTableReact = React.forwardRef(
       const columnsChanged = columns !== void 0 && (nextColumnsCount !== prevSig.columnsCount || nextColumnsSig !== prevSig.columnsSig);
       const didChange = recordCountChanged || columnsChanged;
       if (records !== void 0) {
-        lastDataRef.current.records = records;
+        lastDataRef.current.records = nextRecords;
       }
       if (columns !== void 0) {
-        lastDataRef.current.columns = columns;
+        lastDataRef.current.columns = nextColumns;
       }
       if (!didChange) {
         return;
@@ -173,12 +204,24 @@ var McTableReact = React.forwardRef(
         columnsCount: nextColumnsCount,
         columnsSig: nextColumnsSig
       };
-      table.api.setData({
-        data: {
-          records: lastDataRef.current.records,
-          columns: lastDataRef.current.columns
-        }
+      const initialWidthOnlyChanges = __getInitialWidthOnlyChanges({
+        prevRecords,
+        prevColumns,
+        nextRecords,
+        nextColumns
       });
+      if (initialWidthOnlyChanges) {
+        for (const change of initialWidthOnlyChanges) {
+          table.api.setContentColumnWidth(change);
+        }
+      } else {
+        table.api.setData({
+          data: {
+            records: lastDataRef.current.records,
+            columns: lastDataRef.current.columns
+          }
+        });
+      }
     }, [records, columns]);
     React.useEffect(() => {
       const table = tableRef.current;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mctable-react",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
   "type": "module",
   "main": "./dist/index.js",