@quantumwake/terminal-ux-dashboard-components 0.1.15 → 0.1.18

package/dist/index.d.cts

@@ -32,6 +32,12 @@ interface DashboardCapabilities {
     removePanel?: (panelId: string) => void;
     persistPanelData?: (panelId: string, rows: QueryResult['rows'], refreshedAt: string) => void;
     persistLayout?: (items: PanelLayout[]) => void;
+    panelHeaderExtra?: (panel: PanelRef) => ReactNode;
+}
+interface PanelRef {
+    id: string;
+    type: string;
+    title?: string;
 }
 interface PanelLayout {
     id: string;
@@ -116,6 +122,11 @@ interface ChartStyle {
     xTickRotation: number;
     yTickRotation: number;
     tickTruncate: number;
+    tickWrap: boolean;
+    tickWrapWidth: number;
+    cellWrap: boolean;
+    cellPrecision: number;
+    cellTruncate: number;
     legendAnchor: LegendAnchor;
     titleAlign: TitleAlign;
     titleBold: boolean;
@@ -376,6 +387,7 @@ interface PanelConfig {
     text?: string;
     label?: string;
     column?: string;
+    fill?: boolean;
     data?: Row[];
     refreshedAt?: string;
     [key: string]: unknown;
@@ -402,6 +414,19 @@ interface DashboardRendererProps {
     records?: Row[];
     columns?: ColumnDef[];
 }
+interface PanelContentProps {
+    panel: DashboardPanel$1;
+    records?: Row[];
+    columns?: ColumnDef[];
+}
+/**
+ * Renders a single dashboard panel based on its type and config.
+ * Panels saved with a SQL query render server-side (full dataset); the rest
+ * fall back to client-side aggregation over the loaded records.
+ */
+declare function PanelContent({ panel, records, columns }: PanelContentProps): react.JSX.Element | null;
+declare const PanelChart: typeof PanelContent;
+type PanelChartProps = PanelContentProps;
 /**
  * DashboardRenderer — renders a grid of AI-generated or manually configured
  * panels via react-grid-layout. Editing is capability-gated:
@@ -514,4 +539,4 @@ interface DataExplorerProps {
 }
 declare function DataExplorer({ records, columns, states, activeStateId, profile, dashboard, dashboardId, savedDashboards, loading, analyzing, defaultMode, tabs, onSelectState, onRefreshStates, }: DataExplorerProps): react.JSX.Element;
 
-export { type AggFn, type BarDatum, BarView, type BarViewProps, ChartBuilder, type ChartBuilderColumn, type ChartBuilderProps, type ChartConfig, type ChartField, type ChartFilter, type ChartPanel, type ChartStyle, ChartStyleControls, type ChartStyleControlsProps, type ChartType, DEFAULT_CHART_STYLE, type Dashboard$1 as Dashboard, type DashboardCapabilities, type DashboardContextValue, type DashboardPanel$1 as DashboardPanel, DashboardProvider, type DashboardProviderProps, DashboardRenderer, type DashboardRendererProps, type DashboardTheme, DataExplorer, type DataExplorerProps, type HeatmapSerie, HeatmapView, type HeatmapViewProps, type InsightConfig, InsightView, type InsightViewProps, LEGEND_ANCHORS, type LegendAnchor, type LegendPosition, type LineSerie, LineView, type LineViewProps, type MetricConfig, MetricView, type MetricViewProps, type PanelInput, type PanelLayout, type PieDatum, PieView, type PieViewProps, PivotView, type PivotViewProps, type QueryResult, type Row, type SavedDashboard, type ScatterSerie, ScatterView, type ScatterViewProps, SqlConsole, type SqlConsoleColumn, type SqlConsoleProps, type TitleAlign, aggExpr, aggregate, axisLegend, buildChartSQL, buildNivoTheme, compileWhere, groupBy, legendConfig, qIdent, qLit, shapeChartData, useCapabilities, useDashboard, withStyleDefaults };
+export { type AggFn, type BarDatum, BarView, type BarViewProps, ChartBuilder, type ChartBuilderColumn, type ChartBuilderProps, type ChartConfig, type ChartField, type ChartFilter, type ChartPanel, type ChartStyle, ChartStyleControls, type ChartStyleControlsProps, type ChartType, DEFAULT_CHART_STYLE, type Dashboard$1 as Dashboard, type DashboardCapabilities, type DashboardContextValue, type DashboardPanel$1 as DashboardPanel, DashboardProvider, type DashboardProviderProps, DashboardRenderer, type DashboardRendererProps, type DashboardTheme, DataExplorer, type DataExplorerProps, type HeatmapSerie, HeatmapView, type HeatmapViewProps, type InsightConfig, InsightView, type InsightViewProps, LEGEND_ANCHORS, type LegendAnchor, type LegendPosition, type LineSerie, LineView, type LineViewProps, type MetricConfig, MetricView, type MetricViewProps, PanelChart, type PanelChartProps, type PanelInput, type PanelLayout, type PanelRef, type PieDatum, PieView, type PieViewProps, PivotView, type PivotViewProps, type QueryResult, type Row, type SavedDashboard, type ScatterSerie, ScatterView, type ScatterViewProps, SqlConsole, type SqlConsoleColumn, type SqlConsoleProps, type TitleAlign, aggExpr, aggregate, axisLegend, buildChartSQL, buildNivoTheme, compileWhere, groupBy, legendConfig, qIdent, qLit, shapeChartData, useCapabilities, useDashboard, withStyleDefaults };

package/dist/index.d.ts

@@ -32,6 +32,12 @@ interface DashboardCapabilities {
     removePanel?: (panelId: string) => void;
     persistPanelData?: (panelId: string, rows: QueryResult['rows'], refreshedAt: string) => void;
     persistLayout?: (items: PanelLayout[]) => void;
+    panelHeaderExtra?: (panel: PanelRef) => ReactNode;
+}
+interface PanelRef {
+    id: string;
+    type: string;
+    title?: string;
 }
 interface PanelLayout {
     id: string;
@@ -116,6 +122,11 @@ interface ChartStyle {
     xTickRotation: number;
     yTickRotation: number;
     tickTruncate: number;
+    tickWrap: boolean;
+    tickWrapWidth: number;
+    cellWrap: boolean;
+    cellPrecision: number;
+    cellTruncate: number;
     legendAnchor: LegendAnchor;
     titleAlign: TitleAlign;
     titleBold: boolean;
@@ -376,6 +387,7 @@ interface PanelConfig {
     text?: string;
     label?: string;
     column?: string;
+    fill?: boolean;
     data?: Row[];
     refreshedAt?: string;
     [key: string]: unknown;
@@ -402,6 +414,19 @@ interface DashboardRendererProps {
     records?: Row[];
     columns?: ColumnDef[];
 }
+interface PanelContentProps {
+    panel: DashboardPanel$1;
+    records?: Row[];
+    columns?: ColumnDef[];
+}
+/**
+ * Renders a single dashboard panel based on its type and config.
+ * Panels saved with a SQL query render server-side (full dataset); the rest
+ * fall back to client-side aggregation over the loaded records.
+ */
+declare function PanelContent({ panel, records, columns }: PanelContentProps): react.JSX.Element | null;
+declare const PanelChart: typeof PanelContent;
+type PanelChartProps = PanelContentProps;
 /**
  * DashboardRenderer — renders a grid of AI-generated or manually configured
  * panels via react-grid-layout. Editing is capability-gated:
@@ -514,4 +539,4 @@ interface DataExplorerProps {
 }
 declare function DataExplorer({ records, columns, states, activeStateId, profile, dashboard, dashboardId, savedDashboards, loading, analyzing, defaultMode, tabs, onSelectState, onRefreshStates, }: DataExplorerProps): react.JSX.Element;
 
-export { type AggFn, type BarDatum, BarView, type BarViewProps, ChartBuilder, type ChartBuilderColumn, type ChartBuilderProps, type ChartConfig, type ChartField, type ChartFilter, type ChartPanel, type ChartStyle, ChartStyleControls, type ChartStyleControlsProps, type ChartType, DEFAULT_CHART_STYLE, type Dashboard$1 as Dashboard, type DashboardCapabilities, type DashboardContextValue, type DashboardPanel$1 as DashboardPanel, DashboardProvider, type DashboardProviderProps, DashboardRenderer, type DashboardRendererProps, type DashboardTheme, DataExplorer, type DataExplorerProps, type HeatmapSerie, HeatmapView, type HeatmapViewProps, type InsightConfig, InsightView, type InsightViewProps, LEGEND_ANCHORS, type LegendAnchor, type LegendPosition, type LineSerie, LineView, type LineViewProps, type MetricConfig, MetricView, type MetricViewProps, type PanelInput, type PanelLayout, type PieDatum, PieView, type PieViewProps, PivotView, type PivotViewProps, type QueryResult, type Row, type SavedDashboard, type ScatterSerie, ScatterView, type ScatterViewProps, SqlConsole, type SqlConsoleColumn, type SqlConsoleProps, type TitleAlign, aggExpr, aggregate, axisLegend, buildChartSQL, buildNivoTheme, compileWhere, groupBy, legendConfig, qIdent, qLit, shapeChartData, useCapabilities, useDashboard, withStyleDefaults };
+export { type AggFn, type BarDatum, BarView, type BarViewProps, ChartBuilder, type ChartBuilderColumn, type ChartBuilderProps, type ChartConfig, type ChartField, type ChartFilter, type ChartPanel, type ChartStyle, ChartStyleControls, type ChartStyleControlsProps, type ChartType, DEFAULT_CHART_STYLE, type Dashboard$1 as Dashboard, type DashboardCapabilities, type DashboardContextValue, type DashboardPanel$1 as DashboardPanel, DashboardProvider, type DashboardProviderProps, DashboardRenderer, type DashboardRendererProps, type DashboardTheme, DataExplorer, type DataExplorerProps, type HeatmapSerie, HeatmapView, type HeatmapViewProps, type InsightConfig, InsightView, type InsightViewProps, LEGEND_ANCHORS, type LegendAnchor, type LegendPosition, type LineSerie, LineView, type LineViewProps, type MetricConfig, MetricView, type MetricViewProps, PanelChart, type PanelChartProps, type PanelInput, type PanelLayout, type PanelRef, type PieDatum, PieView, type PieViewProps, PivotView, type PivotViewProps, type QueryResult, type Row, type SavedDashboard, type ScatterSerie, ScatterView, type ScatterViewProps, SqlConsole, type SqlConsoleColumn, type SqlConsoleProps, type TitleAlign, aggExpr, aggregate, axisLegend, buildChartSQL, buildNivoTheme, compileWhere, groupBy, legendConfig, qIdent, qLit, shapeChartData, useCapabilities, useDashboard, withStyleDefaults };