h2o-library 2.2.1 → 2.3.0

package/dist/hooks/charts/src/heatmap/chart-heatmap.d.ts

@@ -1,9 +1,16 @@
 import React from "react";
 import "../../charts.css";
+/**
+ * A cell value. A `number` is colored by intensity as usual. A `string` is a
+ * final, non-numeric result straight from the backend (e.g. "N/A" for a
+ * percentage whose denominator is 0) — it is shown verbatim in a neutral,
+ * grayed-out cell and excluded from the color scale.
+ */
+export type HeatmapCell = number | string;
 export interface HeatmapData {
     rows: string[];
     columns: string[];
-    matrix: number[][];
+    matrix: HeatmapCell[][];
 }
 export interface HeatmapChartProps {
     data: HeatmapData;
@@ -13,6 +20,7 @@ export interface HeatmapChartProps {
     className?: string;
     onRowClick?: (row: string, event: React.MouseEvent<HTMLDivElement>) => void;
     onColumnClick?: (column: string, event: React.MouseEvent<HTMLDivElement>) => void;
-    onCellClick?: (row: string, column: string, value: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    onCellClick?: (row: string, column: string, value: HeatmapCell, event: React.MouseEvent<HTMLDivElement>) => void;
+    formatCell?: (value: HeatmapCell, row: string, column: string) => React.ReactNode;
 }
-export declare const HeatmapChart: ({ data, showValue, showPercentage, height, className, onRowClick, onColumnClick, onCellClick, }: HeatmapChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeatmapChart: ({ data, showValue, showPercentage, height, className, onRowClick, onColumnClick, onCellClick, formatCell, }: HeatmapChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/charts/src/line/chart-line.d.ts

@@ -23,6 +23,17 @@ export interface LineChartProps {
     className?: string;
     onXAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
     onYAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    xAxisTickFormatter?: (value: string | number) => string;
+    yAxisTickFormatter?: (value: string | number) => string;
+    yAxisDomain?: [number | "auto", number | "auto"];
+    tooltipFormatter?: LineTooltipFormatter;
     onDataPointClick?: (point: LineChartDataPoint, index: number, dataKey: string, event: React.MouseEvent<SVGCircleElement>) => void;
 }
-export declare const LineChart: ({ data, lines, showGrid, showLegend, showGradient, height, showTooltipLabel, className, onXAxisTickClick, onYAxisTickClick, onDataPointClick, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export type LineTooltipFormatter = (value: number, ctx: {
+    dataKey: string;
+    name: string;
+    unit?: string;
+    label: string;
+    point: LineChartDataPoint;
+}) => React.ReactNode;
+export declare const LineChart: ({ data, lines, showGrid, showLegend, showGradient, height, showTooltipLabel, className, onXAxisTickClick, onYAxisTickClick, xAxisTickFormatter, yAxisTickFormatter, yAxisDomain, tooltipFormatter, onDataPointClick, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/charts/src/waterfall/chart-waterfall.d.ts

@@ -26,13 +26,9 @@ export interface ShapExplanation {
     recordId?: number;
     losRecordId?: number;
     probabilityDischargeNext2Days?: number;
-    /** f(x) — model output probability. */
     fx: number;
-    /** E(f(x)) — baseline (expected) probability. */
     efx: number;
-    /** Summed contribution of all features not individually listed. */
     otherFactorsProb?: number;
-    /** Count of features grouped into otherFactors. */
     otherFactorsValue?: number;
     text?: string;
     features: ShapFeature[];

package/dist/types/charts/src/bar/chart-bar.d.ts

@@ -10,6 +10,8 @@ export interface BarSeriesConfig {
     color: string;
     unit?: string;
     stackId?: string;
+    labelKey?: string;
+    labelColor?: string;
 }
 export interface BarChartProps {
     data: BarChartDataPoint[];
@@ -22,6 +24,17 @@ export interface BarChartProps {
     className?: string;
     onXAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
     onYAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    xAxisTickFormatter?: (value: string | number) => string;
+    yAxisTickFormatter?: (value: string | number) => string;
+    yAxisDomain?: [number | "auto", number | "auto"];
+    tooltipFormatter?: BarTooltipFormatter;
     onBarClick?: (dataPoint: BarChartDataPoint, index: number, dataKey: string, event: React.MouseEvent<SVGElement>) => void;
 }
-export declare const BarChart: ({ data, bars, layout, orientation, showGrid, showLegend, height, className, onXAxisTickClick, onYAxisTickClick, onBarClick, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+export type BarTooltipFormatter = (value: number, ctx: {
+    dataKey: string;
+    name: string;
+    unit?: string;
+    label: string;
+    dataPoint: BarChartDataPoint;
+}) => React.ReactNode;
+export declare const BarChart: ({ data, bars, layout, orientation, showGrid, showLegend, height, className, onXAxisTickClick, onYAxisTickClick, xAxisTickFormatter, yAxisTickFormatter, yAxisDomain, tooltipFormatter, onBarClick, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/heatmap/chart-heatmap.d.ts

@@ -1,9 +1,16 @@
 import React from "react";
 import "../../charts.css";
+/**
+ * A cell value. A `number` is colored by intensity as usual. A `string` is a
+ * final, non-numeric result straight from the backend (e.g. "N/A" for a
+ * percentage whose denominator is 0) — it is shown verbatim in a neutral,
+ * grayed-out cell and excluded from the color scale.
+ */
+export type HeatmapCell = number | string;
 export interface HeatmapData {
     rows: string[];
     columns: string[];
-    matrix: number[][];
+    matrix: HeatmapCell[][];
 }
 export interface HeatmapChartProps {
     data: HeatmapData;
@@ -13,6 +20,7 @@ export interface HeatmapChartProps {
     className?: string;
     onRowClick?: (row: string, event: React.MouseEvent<HTMLDivElement>) => void;
     onColumnClick?: (column: string, event: React.MouseEvent<HTMLDivElement>) => void;
-    onCellClick?: (row: string, column: string, value: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    onCellClick?: (row: string, column: string, value: HeatmapCell, event: React.MouseEvent<HTMLDivElement>) => void;
+    formatCell?: (value: HeatmapCell, row: string, column: string) => React.ReactNode;
 }
-export declare const HeatmapChart: ({ data, showValue, showPercentage, height, className, onRowClick, onColumnClick, onCellClick, }: HeatmapChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeatmapChart: ({ data, showValue, showPercentage, height, className, onRowClick, onColumnClick, onCellClick, formatCell, }: HeatmapChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/line/chart-line.d.ts

@@ -23,6 +23,17 @@ export interface LineChartProps {
     className?: string;
     onXAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
     onYAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    xAxisTickFormatter?: (value: string | number) => string;
+    yAxisTickFormatter?: (value: string | number) => string;
+    yAxisDomain?: [number | "auto", number | "auto"];
+    tooltipFormatter?: LineTooltipFormatter;
     onDataPointClick?: (point: LineChartDataPoint, index: number, dataKey: string, event: React.MouseEvent<SVGCircleElement>) => void;
 }
-export declare const LineChart: ({ data, lines, showGrid, showLegend, showGradient, height, showTooltipLabel, className, onXAxisTickClick, onYAxisTickClick, onDataPointClick, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export type LineTooltipFormatter = (value: number, ctx: {
+    dataKey: string;
+    name: string;
+    unit?: string;
+    label: string;
+    point: LineChartDataPoint;
+}) => React.ReactNode;
+export declare const LineChart: ({ data, lines, showGrid, showLegend, showGradient, height, showTooltipLabel, className, onXAxisTickClick, onYAxisTickClick, xAxisTickFormatter, yAxisTickFormatter, yAxisDomain, tooltipFormatter, onDataPointClick, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/charts/src/waterfall/chart-waterfall.d.ts

@@ -26,13 +26,9 @@ export interface ShapExplanation {
     recordId?: number;
     losRecordId?: number;
     probabilityDischargeNext2Days?: number;
-    /** f(x) — model output probability. */
     fx: number;
-    /** E(f(x)) — baseline (expected) probability. */
     efx: number;
-    /** Summed contribution of all features not individually listed. */
     otherFactorsProb?: number;
-    /** Count of features grouped into otherFactors. */
     otherFactorsValue?: number;
     text?: string;
     features: ShapFeature[];

package/dist/utils/charts/src/bar/chart-bar.d.ts

@@ -10,6 +10,8 @@ export interface BarSeriesConfig {
     color: string;
     unit?: string;
     stackId?: string;
+    labelKey?: string;
+    labelColor?: string;
 }
 export interface BarChartProps {
     data: BarChartDataPoint[];
@@ -22,6 +24,17 @@ export interface BarChartProps {
     className?: string;
     onXAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
     onYAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    xAxisTickFormatter?: (value: string | number) => string;
+    yAxisTickFormatter?: (value: string | number) => string;
+    yAxisDomain?: [number | "auto", number | "auto"];
+    tooltipFormatter?: BarTooltipFormatter;
     onBarClick?: (dataPoint: BarChartDataPoint, index: number, dataKey: string, event: React.MouseEvent<SVGElement>) => void;
 }
-export declare const BarChart: ({ data, bars, layout, orientation, showGrid, showLegend, height, className, onXAxisTickClick, onYAxisTickClick, onBarClick, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+export type BarTooltipFormatter = (value: number, ctx: {
+    dataKey: string;
+    name: string;
+    unit?: string;
+    label: string;
+    dataPoint: BarChartDataPoint;
+}) => React.ReactNode;
+export declare const BarChart: ({ data, bars, layout, orientation, showGrid, showLegend, height, className, onXAxisTickClick, onYAxisTickClick, xAxisTickFormatter, yAxisTickFormatter, yAxisDomain, tooltipFormatter, onBarClick, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/charts/src/heatmap/chart-heatmap.d.ts

@@ -1,9 +1,16 @@
 import React from "react";
 import "../../charts.css";
+/**
+ * A cell value. A `number` is colored by intensity as usual. A `string` is a
+ * final, non-numeric result straight from the backend (e.g. "N/A" for a
+ * percentage whose denominator is 0) — it is shown verbatim in a neutral,
+ * grayed-out cell and excluded from the color scale.
+ */
+export type HeatmapCell = number | string;
 export interface HeatmapData {
     rows: string[];
     columns: string[];
-    matrix: number[][];
+    matrix: HeatmapCell[][];
 }
 export interface HeatmapChartProps {
     data: HeatmapData;
@@ -13,6 +20,7 @@ export interface HeatmapChartProps {
     className?: string;
     onRowClick?: (row: string, event: React.MouseEvent<HTMLDivElement>) => void;
     onColumnClick?: (column: string, event: React.MouseEvent<HTMLDivElement>) => void;
-    onCellClick?: (row: string, column: string, value: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    onCellClick?: (row: string, column: string, value: HeatmapCell, event: React.MouseEvent<HTMLDivElement>) => void;
+    formatCell?: (value: HeatmapCell, row: string, column: string) => React.ReactNode;
 }
-export declare const HeatmapChart: ({ data, showValue, showPercentage, height, className, onRowClick, onColumnClick, onCellClick, }: HeatmapChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeatmapChart: ({ data, showValue, showPercentage, height, className, onRowClick, onColumnClick, onCellClick, formatCell, }: HeatmapChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/charts/src/line/chart-line.d.ts

@@ -23,6 +23,17 @@ export interface LineChartProps {
     className?: string;
     onXAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
     onYAxisTickClick?: (value: string | number, event: React.MouseEvent) => void;
+    xAxisTickFormatter?: (value: string | number) => string;
+    yAxisTickFormatter?: (value: string | number) => string;
+    yAxisDomain?: [number | "auto", number | "auto"];
+    tooltipFormatter?: LineTooltipFormatter;
     onDataPointClick?: (point: LineChartDataPoint, index: number, dataKey: string, event: React.MouseEvent<SVGCircleElement>) => void;
 }
-export declare const LineChart: ({ data, lines, showGrid, showLegend, showGradient, height, showTooltipLabel, className, onXAxisTickClick, onYAxisTickClick, onDataPointClick, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export type LineTooltipFormatter = (value: number, ctx: {
+    dataKey: string;
+    name: string;
+    unit?: string;
+    label: string;
+    point: LineChartDataPoint;
+}) => React.ReactNode;
+export declare const LineChart: ({ data, lines, showGrid, showLegend, showGradient, height, showTooltipLabel, className, onXAxisTickClick, onYAxisTickClick, xAxisTickFormatter, yAxisTickFormatter, yAxisDomain, tooltipFormatter, onDataPointClick, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/charts/src/waterfall/chart-waterfall.d.ts

@@ -26,13 +26,9 @@ export interface ShapExplanation {
     recordId?: number;
     losRecordId?: number;
     probabilityDischargeNext2Days?: number;
-    /** f(x) — model output probability. */
     fx: number;
-    /** E(f(x)) — baseline (expected) probability. */
     efx: number;
-    /** Summed contribution of all features not individually listed. */
     otherFactorsProb?: number;
-    /** Count of features grouped into otherFactors. */
     otherFactorsValue?: number;
     text?: string;
     features: ShapFeature[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "h2o-library",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "A set of components for H2O Apps development",
   "main": "dist/index.cjs.js",
   "module": "dist/esm/index.js",