@simoncomputing/mui-bueno-v2 0.26.4 → 0.28.0

package/CHANGELOG.md

@@ -11,6 +11,39 @@ 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.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
+
+- `Table`, `PaginatedTable`
+    - Added controlled version of `highlightSelectedRow` -- see `selectedRowKey` prop
+
+### Changed
+
+- `Table`, `PaginatedTable`
+    - `highlightSelectedRow` prop has been split into `higlightSelectedRow` & `selectedRowColor`.
+        - MIGRATION:
+            - Old: <Table ... highlightSelectedRow={color} />
+            - New: <Table ... highlightSelectedRow selectedRowColor={color} />
+
+### Fixed
+
+- `CitationManager`, `SelectableCitationManager`, `CitationField`
+    - Grammar fix in paste & prefill popup
+
 ## [0.26.4] - 2026-03-26
 
 ### Fixed

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,19 +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.
+     *
+     * 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)
      */
@@ -108,12 +112,26 @@ export type BaseTableProps<T> = {
      */
     disableMobileCards?: boolean;
     /**
-     * Defines highlight color for a selected row.
-     * - Set to 'true' to have the selected row highlighted when clicked on (must have `onRowClicked` defined).
-     * - Set to string (color) to define your own color.
+     * Highlights user-selected row.
+     *
+     * Set to `true` to enable. Alternatively, if you want a default value, set this to your row ID (or KEY if you've defined `getRowKey`)
+     *
+     * UNCONTROLLED. See `selectedRowKey` for controlled version.
      * @default false
      */
-    highlightSelectedRow?: boolean | string;
+    highlightSelectedRow?: boolean | K;
+    /**
+     * Defines highlight color for a selected row
+     * @default MUI palette gray
+     */
+    selectedRowColor?: string;
+    /**
+     * Highlights user-selected row.
+     *
+     * 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?: K;
     /**
      * Allows overriding of default header row style settings (table only -- this has no effect on the card list for mobile)
      *
@@ -142,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.