@overdoser/react-toolkit 0.0.10 → 0.0.12

package/AGENTS.md

@@ -113,7 +113,7 @@ Full copy-paste-able files live alongside this doc. Each is one self-contained f
 - [recipes/interactive-pie-chart.tsx](./recipes/interactive-pie-chart.tsx) — Metric/period filter for `PieChart`: all slices stay visible, the selector picks which metric drives the pie. Three exports: `InteractivePieChartTiles`, `InteractivePieChartNavigator`, `InteractivePieChartDropdown`.
 - [recipes/trading-chart.tsx](./recipes/trading-chart.tsx) — Full-stack `TradingChart` with a resolution selector, in-memory datafeed adapter, and the SMA/EMA/Bollinger/RSI/Volume indicator stack. Swap `createMemoryDatafeed` for your own REST/WebSocket adapter; everything else carries over.
 - [recipes/tag-input.tsx](./recipes/tag-input.tsx) — Tag-input pattern via `<Select multiple allowCreate>`: pick from existing tags or type a new one + Enter to create. `onCreate` persists the new tag back into the options list. Wired through `<FormField>` for react-hook-form integration.
-- [recipes/multi-select-in-modal.tsx](./recipes/multi-select-in-modal.tsx) — `<Select multiple>` inside `<Modal size="sm">`. Default `portal={true}` lets the menu escape the modal's `overflow: hidden` and sit above the modal via `--crk-z-floating`, so the modal does NOT need to be sized to contain the menu.
+- [recipes/multi-select-in-modal.tsx](./recipes/multi-select-in-modal.tsx) — `<Select multiple>` inside `<Modal size="sm">`. Default `portal={true}` lets the menu escape the modal's `overflow: hidden` and sit above the modal via `--crk-z-floating`, so the modal does NOT need to be sized to contain the menu. Pair with `closeOnBackdrop={false}` so a backdrop click closes the open menu only, not the modal.
 
 ## Anti-patterns to refuse
 

package/components/Table/Table.d.ts

@@ -61,6 +61,18 @@ export interface TableProps<T extends Record<string, unknown>> {
     style?: React.CSSProperties;
     /** Column key to use as React `key` per row. Falls back to row index. */
     rowKey?: keyof T & string;
+    /**
+     * Per-row class name. Pass a string to apply the same class to every row,
+     * or a function `(row, index) => className` to compute it dynamically (e.g.
+     * highlight rows matching a predicate). Returned `undefined` adds nothing.
+     */
+    rowClassName?: string | ((row: T, index: number) => string | undefined);
+    /**
+     * Per-row inline style. Pass a `CSSProperties` object to apply the same
+     * style to every row, or a function `(row, index) => style` to compute it
+     * dynamically. Returned `undefined` adds nothing.
+     */
+    rowStyle?: React.CSSProperties | ((row: T, index: number) => React.CSSProperties | undefined);
     /** Content rendered when `data` is empty. @default 'No data' */
     emptyMessage?: ReactNode;
     /** When provided, renders a paginator below the table. */
@@ -80,6 +92,6 @@ export interface TableProps<T extends Record<string, unknown>> {
  * page already sorted and sliced; pass `pagination.totalRows` so the
  * paginator can compute page count.
  */
-declare function TableInner<T extends Record<string, unknown>>({ data, columns, sortConfig: controlledSortConfig, onSort, multiSort, striped, hoverable, compact, className, style, rowKey, emptyMessage, pagination, classes, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function TableInner<T extends Record<string, unknown>>({ data, columns, sortConfig: controlledSortConfig, onSort, multiSort, striped, hoverable, compact, className, style, rowKey, rowClassName, rowStyle, emptyMessage, pagination, classes, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare const Table: typeof TableInner;
 export {};