react-data-matrix 0.4.2 → 1.0.0

package/dist/components/MatrixHeaders.d.ts

@@ -0,0 +1,8 @@
+import type { MatrixDetail, MatrixSlotStyles } from '../types/index.js';
+interface MatrixHeadersProps {
+    title: string;
+    columns: MatrixDetail[];
+    styles: MatrixSlotStyles;
+}
+declare const MatrixHeaders: ({ title, columns, styles }: MatrixHeadersProps) => import("react").JSX.Element;
+export default MatrixHeaders;

package/dist/components/MatrixRows.d.ts

@@ -0,0 +1,16 @@
+import type { GridRow } from '../grid.js';
+import type { SeverityColour } from '../theme/types.js';
+import type { MatrixDetail, MatrixSlotStyles, ReactMatrixProps } from '../types/index.js';
+interface MatrixRowsProps {
+    rowTitle: string;
+    columnTitle: string;
+    columns: MatrixDetail[];
+    rows: GridRow[];
+    tiers: ReadonlyMap<string, number>;
+    /** Severity colour per value id; `null` when unstyled. */
+    colours: ReadonlyMap<number, SeverityColour> | null;
+    styles: MatrixSlotStyles;
+    onCellClick?: ReactMatrixProps['onCellClick'];
+}
+declare const MatrixRows: ({ rowTitle, columnTitle, columns, rows, tiers, colours, styles, onCellClick, }: MatrixRowsProps) => import("react").JSX.Element;
+export default MatrixRows;

package/dist/components/TableData.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties, MouseEvent } from 'react';
+import type { SeverityColour } from '../theme/types.js';
+import type { MatrixValue } from '../types/index.js';
+interface TableDataProps {
+    value: MatrixValue | null;
+    row: string;
+    column: number;
+    tier?: number;
+    colours?: SeverityColour;
+    style?: CSSProperties;
+    /** Set when the consumer passed `onCellClick`: the cell becomes a native button. */
+    onActivate?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** Row, column and rating, so the button makes sense outside the table's context. */
+    accessibleName?: string;
+}
+declare const TableData: ({ value, row, column, tier, colours, style, onActivate, accessibleName, }: TableDataProps) => import("react").JSX.Element;
+export default TableData;

package/dist/grid.d.ts

@@ -0,0 +1,13 @@
+import type { MatrixData, MatrixDetail, MatrixValue } from './types/index.js';
+export interface GridRow {
+    detail: MatrixDetail;
+    cells: (MatrixValue | null)[];
+}
+export interface Grid {
+    columns: MatrixDetail[];
+    rows: GridRow[];
+    issues: string[];
+}
+export declare const buildGrid: (data: MatrixData, { reverse }: {
+    reverse: boolean;
+}) => Grid;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { ReactMatrixProps } from './types/index.js';
+declare const ReactMatrix: ({ data, theme, styles, className, style, unstyled, reverseMatrixValues, nonce, onCellClick, }: ReactMatrixProps) => import("react").JSX.Element;
+export default ReactMatrix;
+export * from './theme/presets/index.js';
+export type { CellClickContext, MatrixData, MatrixDetail, MatrixRootStyle, MatrixSlot, MatrixSlotStyles, MatrixValue, ReactMatrixProps, } from './types/index.js';
+export type { CellVariant, MatrixTheme, SeverityColour } from './theme/types.js';