trotl-table 1.0.80 → 1.0.81

package/dist/Table.cjs.js

@@ -9677,6 +9677,8 @@ function TableInner({
   enableMouseRightClick = null,
   customColumns = [],
   groupDefaultOpen = false,
+  groupExpanded = null,
+  onExpandedGroupsChange = () => {},
   showIcons = true,
   timeoutLoading = 5,
   t
@@ -10311,12 +10313,24 @@ function TableInner({
       rows: sortRows(g.rows || [])
     }));
   }, [normalizedGroups, sorting, filterRows, getAccessorValue]);
+  const emitExpandedChange = React.useCallback((nextState, toggledGroupId) => {
+    if (typeof onExpandedGroupsChange === "function") {
+      onExpandedGroupsChange(nextState, toggledGroupId);
+    }
+    if (typeof groupExpanded === "function") {
+      groupExpanded(nextState, toggledGroupId);
+    }
+  }, [onExpandedGroupsChange, groupExpanded]);
   const [expandedGroups, setExpandedGroups] = React.useState({});
   const toggleGroup = gid => {
-    setExpandedGroups(prev => ({
-      ...prev,
-      [gid]: !prev[gid]
-    }));
+    setExpandedGroups(prev => {
+      const next = {
+        ...prev,
+        [gid]: !prev[gid]
+      };
+      emitExpandedChange(next, gid);
+      return next;
+    });
   };
   React.useEffect(() => {
     // Pre-populate expansion state for all groups
@@ -10331,6 +10345,11 @@ function TableInner({
       return next;
     });
   }, [normalizedGroups, groupKey, groupDefaultOpen]);
+  React.useEffect(() => {
+    if (groupExpanded && typeof groupExpanded === "object") {
+      setExpandedGroups(groupExpanded);
+    }
+  }, [groupExpanded]);
   const groupRowsById = React.useMemo(() => {
     const map = {};
     for (const g of sortedGroupedData) {