@canonical/maas-react-components 1.31.0 → 1.33.0

package/dist/src/lib/components/GenericTable/GenericTable.d.ts

@@ -5,12 +5,14 @@ type GenericTableProps<T extends {
     id: number | string;
 }> = {
     className?: string;
-    canSelect?: boolean;
+    canSelect?: boolean | ((row: Row<T>) => boolean);
+    disabledSelectionTooltip?: string | ((row: Row<T>) => string);
     columns: ColumnDef<T, Partial<T>>[];
     containerRef?: RefObject<HTMLElement | null>;
     data: T[];
     filterCells?: (row: Row<T>, column: Column<T>) => boolean;
     filterHeaders?: (header: Header<T, unknown>) => boolean;
+    getSubRows?: (originalRow: T, index: number) => T[] | undefined;
     groupBy?: string[];
     isLoading: boolean;
     noData?: ReactNode;
@@ -35,12 +37,14 @@ type GenericTableProps<T extends {
  *
  * @param {Object} props - Component props
  * @param {string} [props.className] - Additional CSS class for the table wrapper
- * @param {boolean} [props.canSelect=false] - Enable row selection with checkboxes
+ * @param {boolean | ((row: Row<T>) => boolean)} [props.canSelect=false] - Enable row selection with checkboxes
+ * @param {string | ((row: Row<T>) => string)} [props.disabledSelectionTooltip] - Tooltip message or constructor on disabled checkboxes
  * @param {ColumnDef<T, Partial<T>>[]} props.columns - Column definitions
  * @param {RefObject<HTMLElement | null>} [props.containerRef] - Reference to container for size calculations
  * @param {T[]} props.data - Table data array
- * @param {Function} [props.filterCells] - Function to filter which cells should be displayed
- * @param {Function} [props.filterHeaders] - Function to filter which headers should be displayed
+ * @param {(row: Row<T>, column: Column<T>) => boolean} [props.filterCells] - Function to filter which cells should be displayed
+ * @param {(header: Header<T, unknown>) => boolean} [props.filterHeaders] - Function to filter which headers should be displayed
+ * @param {(originalRow: T, index: number) => T[] | undefined} [props.getSubRows] - Function that returns the T.prop that contains nested T data
  * @param {string[]} [props.groupBy] - Column IDs to group rows by
  * @param {boolean} props.isLoading - Loading state to display placeholder content
  * @param {ReactNode} [props.noData] - Content to display when no data is available
@@ -73,5 +77,5 @@ type GenericTableProps<T extends {
  */
 export declare const GenericTable: <T extends {
     id: number | string;
-}>({ className, canSelect, columns: initialColumns, containerRef, data: initialData, filterCells, filterHeaders, groupBy, isLoading, noData, pagination, pinGroup, sortBy, rowSelection, setRowSelection, variant, ...props }: GenericTableProps<T>) => ReactElement;
+}>({ className, canSelect, disabledSelectionTooltip, columns: initialColumns, containerRef, data: initialData, filterCells, filterHeaders, getSubRows, groupBy, isLoading, noData, pagination, pinGroup, sortBy, rowSelection, setRowSelection, variant, ...props }: GenericTableProps<T>) => ReactElement;
 export {};

package/dist/src/lib/components/GenericTable/GenericTable.stories.d.ts

@@ -1,14 +1,25 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { GenericTable } from './GenericTable';
-declare const meta: Meta<typeof GenericTable>;
+type Machine = {
+    id: number;
+    fqdn: string;
+    ipAddress: string;
+    status: string;
+    zone: string;
+    pool: string;
+    children?: Machine[];
+};
+declare const meta: Meta<typeof GenericTable<Machine>>;
 export default meta;
-type Story = StoryObj<typeof GenericTable>;
+type Story = StoryObj<typeof GenericTable<Machine>>;
 export declare const Default: Story;
 export declare const Loading: Story;
 export declare const Empty: Story;
 export declare const Selectable: Story;
+export declare const ConditionallySelectable: Story;
 export declare const Grouped: Story;
 export declare const GroupedSelectable: Story;
+export declare const GroupedNested: Story;
 export declare const Paginated: Story;
 export declare const Searchable: Story;
 export declare const Scrollable: Story;

package/dist/src/lib/components/GenericTable/TableCheckbox/TableCheckbox.d.ts

@@ -5,7 +5,10 @@ type TableCheckboxProps<T> = Partial<DetailedHTMLProps<InputHTMLAttributes<HTMLI
     table?: Table<T>;
 };
 declare const TableCheckbox: {
-    <T>({ row, ...props }: TableCheckboxProps<T>): ReactElement | null;
+    <T>({ row, disabledTooltip, isNested, ...props }: TableCheckboxProps<T> & {
+        disabledTooltip: string | ((row: Row<T>) => string);
+        isNested: boolean;
+    }): ReactElement | null;
     All: <T>({ table, ...props }: TableCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element | null;
     Group: <T>({ row, ...props }: TableCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@canonical/maas-react-components",
   "description": "React components for use in MAAS UI projects.",
-  "version": "1.31.0",
+  "version": "1.33.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/canonical/maas-react-components.git"