trotl-table 1.0.73 → 1.0.75

package/dist/Table.cjs.js

@@ -9667,6 +9667,7 @@ function TableInner({
   enableDragRow = false,
   enableSearchUrlParam = false,
   enableMultiSelect = false,
+  enableGroupSelection = false,
   initialSelectedRows = [],
   initaialSelectedRows,
   enableExternalRowDrop = false,
@@ -10247,6 +10248,36 @@ function TableInner({
     }
     return map;
   }, [sortedGroupedData, groupKey]);
+  const selectedRowsDetails = React.useMemo(() => {
+    const selectedIdSet = new Set(selectedRows);
+    const items = [];
+    if (isGrouped) {
+      for (const g of normalizedGroups) {
+        const groupMeta = {
+          groupId: g.groupId ?? null,
+          groupName: g.groupName ?? null
+        };
+        for (const row of g.rows || []) {
+          if (row && selectedIdSet.has(row.id)) {
+            items.push({
+              row,
+              group: groupMeta
+            });
+          }
+        }
+      }
+    } else {
+      for (const row of Array.isArray(localData) ? localData : []) {
+        if (row && selectedIdSet.has(row.id)) {
+          items.push({
+            row,
+            group: null
+          });
+        }
+      }
+    }
+    return items;
+  }, [selectedRows, isGrouped, normalizedGroups, localData]);
   const [tableDataFlat, setTableDataFlat] = React.useState([]);
   const flattened = React.useMemo(() => {
     const items = [];
@@ -10327,8 +10358,8 @@ function TableInner({
   React.useEffect(() => {
     // Only call the callback if selectedRows actually changed
     // Use the ref to avoid infinite loops from callback changing on every render
-    selectedRowsCallbackRef.current?.(selectedRows);
-  }, [selectedRows]);
+    selectedRowsCallbackRef.current?.(selectedRows, selectedRowsDetails);
+  }, [selectedRows, selectedRowsDetails]);
 
   // DELETE
   const [showConfirm, setShowConfirm] = React.useState(false);
@@ -10864,7 +10895,7 @@ function TableInner({
             },
             className: "table-row group-row empty-group-drop",
             onClick: () => toggleGroup(gid)
-          }, enableMultiSelect && /*#__PURE__*/React.createElement("div", {
+          }, enableMultiSelect && enableGroupSelection && /*#__PURE__*/React.createElement("div", {
             className: "table-cell checkbox-cell"
           }, /*#__PURE__*/React.createElement("input", {
             type: "checkbox",
@@ -10908,7 +10939,7 @@ function TableInner({
         style: style,
         className: "table-row group-row",
         onClick: () => toggleGroup(gid)
-      }, enableMultiSelect && /*#__PURE__*/React.createElement("div", {
+      }, enableMultiSelect && enableGroupSelection && /*#__PURE__*/React.createElement("div", {
         className: "table-cell checkbox-cell"
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",