@arbidocs/blocks 0.3.176 → 0.3.177

package/dist/index.js

@@ -760,6 +760,12 @@ function GridView({
     },
     [onRowClick]
   );
+  const desiredHiddenRef = useRef(null);
+  const snapshotDesiredHidden = useCallback(() => {
+    const api = gridApiRef.current;
+    if (!api) return;
+    desiredHiddenRef.current = new Map(api.getColumnState().map((c) => [c.colId, !!c.hide]));
+  }, []);
   const handleGridReady = useCallback(
     (event) => {
       gridApiRef.current = event.api;
@@ -800,6 +806,7 @@ function GridView({
         }
       }
       ensureSelectionColumnVisible();
+      snapshotDesiredHidden();
       if (onGridReady) {
         onGridReady({ api: event.api });
       }
@@ -813,11 +820,36 @@ function GridView({
         });
       }
     },
-    [onGridReady, getItemId, ensureSelectionColumnVisible, initialState, initialVisibleColumns]
+    [
+      onGridReady,
+      getItemId,
+      ensureSelectionColumnVisible,
+      snapshotDesiredHidden,
+      initialState,
+      initialVisibleColumns
+    ]
+  );
+  const handleColumnVisible = useCallback(
+    (event) => {
+      const api = gridApiRef.current;
+      if (!api) return;
+      if (event.source === "gridOptionsChanged") {
+        const desired = desiredHiddenRef.current;
+        if (!desired) return;
+        const fixes = api.getColumnState().filter(
+          (c) => c.colId !== "ag-Grid-SelectionColumn" && desired.has(c.colId) && desired.get(c.colId) !== !!c.hide
+        ).map((c) => ({ colId: c.colId, hide: desired.get(c.colId) }));
+        if (fixes.length) api.applyColumnState({ state: fixes });
+      } else {
+        snapshotDesiredHidden();
+      }
+    },
+    [snapshotDesiredHidden]
   );
   const handleFirstDataRendered = useCallback(() => {
     ensureSelectionColumnVisible();
-  }, [ensureSelectionColumnVisible]);
+    snapshotDesiredHidden();
+  }, [ensureSelectionColumnVisible, snapshotDesiredHidden]);
   const handleModelUpdated = useCallback(() => {
   }, []);
   const prevItemsRef = useRef([]);
@@ -1036,6 +1068,7 @@ function GridView({
       onCellValueChanged,
       onRowClicked: handleRowClicked,
       onStateUpdated: handleStateUpdated,
+      onColumnVisible: handleColumnVisible,
       ...combinedOptions
     }
   ) });