mctable-react 1.0.11 → 1.0.12

package/README.md

@@ -54,6 +54,12 @@ You can also pass `settings`, `license`, or `onReady` if you need deeper access
 
 ## Changelog
 
+```
+v1.0.12
+- Upgrade to `mctable` core library `v1.4.4`
+- useEffect for column visibility changes
+```
+
 ```
 v1.0.11
 - Upgrade to `mctable` core library `v1.4.3`

package/dist/index.cjs

@@ -99,7 +99,7 @@ function __areColumnsEqual(prevColumns, nextColumns) {
   }
   return true;
 }
-function __getValidationOnlyChanges({
+function __getColumnSettingsOnlyChanges({
   prevRecords,
   prevColumns,
   nextRecords,
@@ -107,12 +107,12 @@ function __getValidationOnlyChanges({
 }) {
   if (__stableSignature(prevRecords) !== __stableSignature(nextRecords)) return null;
   if (prevColumns.length !== nextColumns.length) return null;
-  const validationChanges = [];
+  const columnSettingsChanges = [];
   for (let index = 0; index < prevColumns.length; index++) {
     const prevColumn = prevColumns[index];
     const nextColumn = nextColumns[index];
-    const { validation: prevValidation, ...prevColumnWithoutValidation } = prevColumn;
-    const { validation: nextValidation, ...nextColumnWithoutValidation } = nextColumn;
+    const { validation: prevValidation, isVisible: prevVisibility, ...prevColumnWithoutValidation } = prevColumn;
+    const { validation: nextValidation, isVisible: nextVisibility, ...nextColumnWithoutValidation } = nextColumn;
     if (__stableSignature(prevColumnWithoutValidation) !== __stableSignature(nextColumnWithoutValidation)) {
       return null;
     }
@@ -120,25 +120,28 @@ function __getValidationOnlyChanges({
     const nextRequired = nextValidation?.required;
     const prevTypeMatch = prevValidation?.typeMatch;
     const nextTypeMatch = nextValidation?.typeMatch;
-    if (prevRequired === nextRequired && prevTypeMatch === nextTypeMatch) {
+    if (prevRequired === nextRequired && prevTypeMatch === nextTypeMatch && prevVisibility === nextVisibility) {
       continue;
     }
     const settings = {
       name: nextColumn.name
     };
+    if (prevVisibility !== nextVisibility) {
+      settings.isVisible = nextVisibility;
+    }
     if (prevRequired !== nextRequired) {
       settings.required = nextRequired ?? null;
     }
     if (prevTypeMatch !== nextTypeMatch) {
       settings.typeMatch = nextTypeMatch ?? null;
     }
-    validationChanges.push({
+    columnSettingsChanges.push({
       position: index + 1,
       settings
     });
   }
-  if (validationChanges.length === 0) return null;
-  return validationChanges;
+  if (columnSettingsChanges.length === 0) return null;
+  return columnSettingsChanges;
 }
 function __getWidthOnlyChanges({
   prevRecords,
@@ -294,7 +297,7 @@ var McTableReact = React.forwardRef(
         nextRecords,
         nextColumns
       });
-      const validationOnlyChanges = __getValidationOnlyChanges({
+      const columnSettingsOnlyChanges = __getColumnSettingsOnlyChanges({
         prevRecords,
         prevColumns,
         nextRecords,
@@ -304,8 +307,8 @@ var McTableReact = React.forwardRef(
         for (const change of widthOnlyChanges) {
           table.api.setContentColumnWidth(change);
         }
-      } else if (validationOnlyChanges) {
-        for (const change of validationOnlyChanges) {
+      } else if (columnSettingsOnlyChanges) {
+        for (const change of columnSettingsOnlyChanges) {
           table.api.updateContentColumnSettings(change.settings);
         }
       } else {

package/dist/index.js

@@ -62,7 +62,7 @@ function __areColumnsEqual(prevColumns, nextColumns) {
   }
   return true;
 }
-function __getValidationOnlyChanges({
+function __getColumnSettingsOnlyChanges({
   prevRecords,
   prevColumns,
   nextRecords,
@@ -70,12 +70,12 @@ function __getValidationOnlyChanges({
 }) {
   if (__stableSignature(prevRecords) !== __stableSignature(nextRecords)) return null;
   if (prevColumns.length !== nextColumns.length) return null;
-  const validationChanges = [];
+  const columnSettingsChanges = [];
   for (let index = 0; index < prevColumns.length; index++) {
     const prevColumn = prevColumns[index];
     const nextColumn = nextColumns[index];
-    const { validation: prevValidation, ...prevColumnWithoutValidation } = prevColumn;
-    const { validation: nextValidation, ...nextColumnWithoutValidation } = nextColumn;
+    const { validation: prevValidation, isVisible: prevVisibility, ...prevColumnWithoutValidation } = prevColumn;
+    const { validation: nextValidation, isVisible: nextVisibility, ...nextColumnWithoutValidation } = nextColumn;
     if (__stableSignature(prevColumnWithoutValidation) !== __stableSignature(nextColumnWithoutValidation)) {
       return null;
     }
@@ -83,25 +83,28 @@ function __getValidationOnlyChanges({
     const nextRequired = nextValidation?.required;
     const prevTypeMatch = prevValidation?.typeMatch;
     const nextTypeMatch = nextValidation?.typeMatch;
-    if (prevRequired === nextRequired && prevTypeMatch === nextTypeMatch) {
+    if (prevRequired === nextRequired && prevTypeMatch === nextTypeMatch && prevVisibility === nextVisibility) {
       continue;
     }
     const settings = {
       name: nextColumn.name
     };
+    if (prevVisibility !== nextVisibility) {
+      settings.isVisible = nextVisibility;
+    }
     if (prevRequired !== nextRequired) {
       settings.required = nextRequired ?? null;
     }
     if (prevTypeMatch !== nextTypeMatch) {
       settings.typeMatch = nextTypeMatch ?? null;
     }
-    validationChanges.push({
+    columnSettingsChanges.push({
       position: index + 1,
       settings
     });
   }
-  if (validationChanges.length === 0) return null;
-  return validationChanges;
+  if (columnSettingsChanges.length === 0) return null;
+  return columnSettingsChanges;
 }
 function __getWidthOnlyChanges({
   prevRecords,
@@ -257,7 +260,7 @@ var McTableReact = React.forwardRef(
         nextRecords,
         nextColumns
       });
-      const validationOnlyChanges = __getValidationOnlyChanges({
+      const columnSettingsOnlyChanges = __getColumnSettingsOnlyChanges({
         prevRecords,
         prevColumns,
         nextRecords,
@@ -267,8 +270,8 @@ var McTableReact = React.forwardRef(
         for (const change of widthOnlyChanges) {
           table.api.setContentColumnWidth(change);
         }
-      } else if (validationOnlyChanges) {
-        for (const change of validationOnlyChanges) {
+      } else if (columnSettingsOnlyChanges) {
+        for (const change of columnSettingsOnlyChanges) {
           table.api.updateContentColumnSettings(change.settings);
         }
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mctable-react",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -67,6 +67,6 @@
     "vite": "^5.4.12"
   },
   "dependencies": {
-    "mctable": "^1.4.3"
+    "mctable": "^1.4.4"
   }
 }