adapt checkboxes prop in data table

weaveworks · Jul 7, 2023 · a1a8c6b · a1a8c6b
1 parent 60db89e
commit a1a8c6b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/ui/components/CheckboxActions.tsx b/ui/components/CheckboxActions.tsx
@@ -79,7 +79,7 @@ const DefaultSuspend: React.FC<{
   );
 };
 
-type Action = {
+export type Action = {
   element: React.ReactElement;
   additionalProps?: { [key: string]: any };
 };

diff --git a/ui/components/DataTable/DataTable.tsx b/ui/components/DataTable/DataTable.tsx
@@ -14,7 +14,7 @@ import { useHistory, useLocation } from "react-router-dom";
 import styled from "styled-components";
 import { ThemeTypes } from "../../contexts/AppContext";
 import { IconButton } from "../Button";
-import CheckboxActions from "../CheckboxActions";
+import CheckboxActions, { Action } from "../CheckboxActions";
 import ChipGroup from "../ChipGroup";
 import FilterDialog, {
   FilterConfig,
@@ -37,7 +37,6 @@ import {
   toPairs,
 } from "./helpers";
 import { Field, FilterState } from "./types";
-
 /** DataTable Properties  */
 export interface Props {
   /** The ID of the table. */
@@ -50,7 +49,7 @@ export interface Props {
   rows?: any[];
   filters?: FilterConfig;
   dialogOpen?: boolean;
-  hasCheckboxes?: boolean;
+  hasCheckboxes?: Action[] | boolean;
   hideSearchAndFilters?: boolean;
   emptyMessagePlaceholder?: React.ReactNode;
   onColumnHeaderClick?: (field: Field) => void;
@@ -252,7 +251,13 @@ function UnstyledDataTable({
   return (
     <Flex wide tall column className={className}>
       <TopBar wide align end>
-        {checkboxes && <CheckboxActions checked={checked} rows={filtered} />}
+        {checkboxes && (
+          <CheckboxActions
+            checked={checked}
+            rows={filtered}
+            actions={typeof checkboxes !== "boolean" && checkboxes}
+          />
+        )}
         {filters && !hideSearchAndFilters && (
           <>
             <ChipGroup