@simoncomputing/mui-bueno-v2 0.27.0 → 0.28.1

package/CHANGELOG.md

@@ -11,6 +11,26 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Minor increment --> singlular/minor changes. Minimal breaking changes.
 - Patch increment --> singlular/minor changes. Zero breaking changes.
 
+## [0.28.1] - 2026-04-14
+
+### Fixed
+
+- `Table`, `PaginatedTable`
+    - Fixed `selectedRowKey` not allowing `null`
+
+## [0.28.0] - 2026-04-14
+
+### Fixed
+
+- `Table`, `PaginatedTable`
+    - Fixed cursor/hover styling when `onRowClickObj` or `expandOnRowClick` is defined
+    - Fixed inconsistent typing of id/key by adding 2nd generic type for the type of the id/key (string|number)
+
+### Changed
+
+- `Table`, `PaginatedTable`
+    - Renamed `checkedIds`/`setCheckedIds` to `checkedKeys`/`setCheckedKeys`
+
 ## [0.27.0] - 2026-04-14
 
 ### Added

package/dist/components/Table/DiffTable/utils.d.ts

@@ -46,7 +46,7 @@ export type DiffTableInput<T> = {
      */
     isEqual?: (obj1: T, obj2: T) => boolean;
     isMobileScreen?: boolean;
-} & Pick<TableProps<T>, 'renderExpand' | 'size'>;
+} & Pick<TableProps<T, number>, 'renderExpand' | 'size'>;
 export type DiffTableOutput<T> = {
     unmodifiedCount: number;
     columns: DiffTableConfig<T>;
@@ -61,4 +61,4 @@ export type DiffTableOutput<T> = {
 export declare const buildTableDiff: <T extends {
     id: number;
 }>(props: DiffTableInput<T>) => DiffTableOutput<T>;
-export type BaseDiffTableProps<T> = Pick<TableProps<T>, 'emptyTableMsg' | 'size'>;
+export type BaseDiffTableProps<T> = Pick<TableProps<T, number>, 'emptyTableMsg' | 'size'>;

package/dist/components/Table/PaginatedTable/PaginatedTable.d.ts

@@ -1,5 +1,5 @@
 import { TableProps } from '../Table';
-import { ObjectWithId, PaginationState } from '../../../@types';
+import { PaginationState } from '../../../@types';
 /**
  * Paginated Table Props
  */
@@ -32,7 +32,7 @@ type BasePaginatedTableProps = {
      */
     rowsPerPageOptions?: Array<number>;
 };
-export type PaginatedTableProps<T> = BasePaginatedTableProps & Omit<TableProps<T>, 'sortField' | 'sortOrder'>;
+export type PaginatedTableProps<T, K> = BasePaginatedTableProps & Omit<TableProps<T, K>, 'sortField' | 'sortOrder'>;
 /**
  * Table with Pagination.
  *
@@ -40,5 +40,5 @@ export type PaginatedTableProps<T> = BasePaginatedTableProps & Omit<TableProps<T
  *
  * Pagination controls will auto-hide when the table is empty or hidePaginationControls is true
  */
-export declare const PaginatedTable: <T extends ObjectWithId>(props: PaginatedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginatedTable: <T extends object, K extends string | number>(props: PaginatedTableProps<T, K>) => import("react/jsx-runtime").JSX.Element;
 export default PaginatedTable;

package/dist/components/Table/Table.d.ts

@@ -5,7 +5,7 @@ import { default as React } from 'react';
 /**
  * Interface for table props.
  */
-export type BaseTableProps<T> = {
+export type BaseTableProps<T, K> = {
     /**
      * Optional identifier for your table; useful when overriding styles for only a single table (NOTE: will render as "mobile-table-{id}" and "table-{id}")
      */
@@ -13,7 +13,7 @@ export type BaseTableProps<T> = {
     /**
      * If the data in your table does not have an id OR your the id is undefined, use `getRowKey` to tell Table how to uniquely identify each row.
      */
-    getRowKey?: (row: T) => string | number;
+    getRowKey?: (row: T) => K;
     /**
      * An array of column definitions
      */
@@ -25,21 +25,23 @@ export type BaseTableProps<T> = {
     /**
      * Function to call when a row is clicked
      */
-    onRowClick?: (id?: number | string) => void;
+    onRowClick?: (key?: K) => void;
     /**
      * Same as onRowClick but provides the whole object.
      */
     onRowClickObj?: (obj: T) => void;
     /**
-     * For tables with selectable rows. When defined, shows checkbox as first column.
+     * For tables with selectable rows (checkboxes). When defined, shows checkbox as first column.
      *
-     * Note: data must have IDs.
+     * Array will contain ids, or keys if `getRowKey` is defined.
      */
-    checkedIds?: number[];
+    checkedKeys?: K[];
     /**
      * For tables with selectable rows. When defined, shows checkbox as first column.
+     *
+     * Returns arary of ids, or keys if `getRowKey` is defined.
      */
-    setCheckedIds?: React.Dispatch<React.SetStateAction<number[]>>;
+    setCheckedKeys?: React.Dispatch<React.SetStateAction<K[]>>;
     /**
      * fieldName of field to be sorted (can be provided via redux)
      */
@@ -92,7 +94,7 @@ export type BaseTableProps<T> = {
     /**
      * Function called when a row is clicked. Expands the row and displays the content returned by the function.
      *
-     * NOTE: not supported for mobile stack currently. Data must have an ID attribute.
+     * NOTE: not supported for mobile stack currently.
      */
     renderExpand?: (item: T) => React.ReactNode;
     /**
@@ -117,7 +119,7 @@ export type BaseTableProps<T> = {
      * UNCONTROLLED. See `selectedRowKey` for controlled version.
      * @default false
      */
-    highlightSelectedRow?: boolean | string | number;
+    highlightSelectedRow?: boolean | K;
     /**
      * Defines highlight color for a selected row
      * @default MUI palette gray
@@ -129,7 +131,7 @@ export type BaseTableProps<T> = {
      * CONTROLLED. Use with `onRowClick` to update the selected row. Value must be the ID (or key if you've defined `getRowKey`).
      * See `highlightSelectedRow` for uncontrolled version.
      */
-    selectedRowKey?: string | number;
+    selectedRowKey?: K | null;
     /**
      * Allows overriding of default header row style settings (table only -- this has no effect on the card list for mobile)
      *
@@ -158,14 +160,14 @@ export type BaseTableProps<T> = {
      */
     tooltipColor?: string;
 };
-export type TableProps<T> = BaseTableProps<T> & Omit<MuiTableProps, 'stickyHeader'>;
+export type TableProps<T, K> = BaseTableProps<T, K> & Omit<MuiTableProps, 'stickyHeader'>;
 /**
  * The Table is a reusable component for displaying data in a table.
  * It includes sorting (optional).
  * If you're looking for a paginated table, use see {@link file://../PagingTable/PagingTable.tsx} or
  * {@link file://../ListPage/ListPage.tsx} which includes add & search functionality.
  */
-export declare const Table: <T extends object>(props: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends object, K extends string | number>(props: TableProps<T, K>) => import("react/jsx-runtime").JSX.Element;
 export declare const getFieldKey: <T>(col: TableColumn<T, keyof T>) => string;
 /**
  * Helper function to get the value of a generic object.