@exegia/corpora-ui 2.0.0 → 3.0.0

package/dist-lib/components/composed/chat/chart/type.d.ts

@@ -0,0 +1,80 @@
+import { useRender } from '@base-ui/react/use-render';
+import { Reference } from '../../../atoms/reference';
+import { AreaProps, CurveType, TooltipProps, XAxisProps, YAxisProps } from './evilcharts/echarts-area-chart';
+import { BarProps } from './evilcharts/echarts-bar-chart';
+import { LineProps } from './evilcharts/echarts-line-chart';
+import { PieProps } from './evilcharts/echarts-pie-chart';
+import { BrushProps } from './evilcharts/echarts-brush';
+import { EChartsRenderer } from './evilcharts/echarts-chart';
+import type * as React from "react";
+export type TChartType = "pie" | "area" | "line" | "bar";
+export type TChartVariant = "default" | "stacked" | "percent" | "donut" | "horizontal";
+export type TChartInstanceId = string;
+export type TChartDatum = {
+    label: string;
+    [key: string]: string | number | null;
+};
+export interface IChartSeries {
+    key: string;
+    label: React.ReactNode;
+    color?: string;
+    format?: (value: number) => React.ReactNode;
+    area?: Omit<AreaProps, "dataKey" | "children">;
+    line?: Omit<LineProps, "dataKey" | "children">;
+    bar?: Omit<BarProps, "dataKey">;
+}
+export interface IChartState {
+    selectedKey: string | null;
+}
+export interface IChartStateActions {
+    select: (key: string | null) => void;
+    toggle: (key: string) => void;
+    clearSelection: () => void;
+    reset: () => void;
+}
+export interface IChartProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
+    type: TChartType;
+    /** Unique within the current Jotai store. Omit for an isolated generated id. */
+    chartId?: TChartInstanceId;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    badge?: React.ReactNode;
+    reference?: React.ComponentProps<typeof Reference>;
+    data: TChartDatum[];
+    series: IChartSeries[];
+    center?: {
+        value: React.ReactNode;
+        label?: React.ReactNode;
+    };
+    headerless?: boolean;
+    /** Outer component width. Numbers are pixels; CSS lengths such as "100%" work. */
+    width?: React.CSSProperties["width"];
+    /** Outer component height, including header and legend. Plot fills remaining space. */
+    height?: React.CSSProperties["height"];
+    /** Explicit plot height takes precedence over filling the outer height. */
+    plotHeight?: React.CSSProperties["height"];
+    /** Replace the outer element using the coss/Base UI render API. */
+    render?: useRender.ComponentProps<"div">["render"];
+    /** stacked/percent: area or bar; horizontal: bar; donut: pie. */
+    variant?: TChartVariant;
+    renderer?: EChartsRenderer;
+    animation?: boolean;
+    loading?: boolean;
+    emptyContent?: React.ReactNode;
+    showLegend?: boolean;
+    interactive?: boolean;
+    selectedKey?: string | null;
+    defaultSelectedKey?: string | null;
+    onSelectionChange?: (key: string | null) => void;
+    curveType?: CurveType;
+    grid?: boolean;
+    xAxis?: boolean | XAxisProps;
+    yAxis?: boolean | YAxisProps;
+    tooltip?: boolean | TooltipProps;
+    brush?: boolean | BrushProps;
+    pie?: Omit<PieProps, "children">;
+    /** ECharts options override generated options at the top level. */
+    chartOptions?: Record<string, unknown>;
+    /** Selection methods; also available via useChartActions(chartId). */
+    ref?: React.Ref<IChartStateActions>;
+}

package/dist-lib/components/composed/chat/chart/use-chart-state.d.ts

@@ -0,0 +1,3 @@
+import { IChartStateActions, TChartInstanceId } from './type';
+export declare function useChartState(id: TChartInstanceId): import('./type').IChartState;
+export declare function useChartActions(id: TChartInstanceId): IChartStateActions;

package/dist-lib/components/composed/chat/chart/use-chart.d.ts

@@ -0,0 +1,6 @@
+import { IChartProps } from './type';
+export declare function useChart(props: IChartProps): {
+    id: string;
+    selectedKey: string | null;
+    actions: import('./type').IChartStateActions;
+};

package/dist-lib/components/composed/chat/chart/utils.d.ts

@@ -0,0 +1,5 @@
+import { ChartConfig } from './evilcharts/echarts-chart';
+import { IChartSeries, TChartDatum, TChartType } from './type';
+export declare function chartSeriesColor(series: IChartSeries, index: number): string;
+export declare function formatChartValue(series: IChartSeries | undefined, value: unknown): import('react').ReactNode;
+export declare function buildChartConfig(type: TChartType, data: TChartDatum[], series: IChartSeries[]): ChartConfig;

package/dist-lib/components/composed/chat/chart.d.ts

@@ -1,44 +1 @@
-import { Reference } from '../../atoms/reference';
-import type * as React from "react";
-export type TChartType = "pie" | "area" | "line" | "bar";
-export interface IChartSeries {
-    /** Key into each data row. */
-    key: string;
-    label: React.ReactNode;
-    /** Defaults to `var(--chart-series-N)` by position. */
-    color?: string;
-    /** Renders a value in the legend and tooltip (`v => \`${v}%\``). */
-    format?: (value: number) => React.ReactNode;
-}
-export type TChartDatum = {
-    label: string;
-    [key: string]: string | number;
-};
-export interface IChartProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
-    type: TChartType;
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    /** Pill text; defaults to the capitalised type. */
-    badge?: React.ReactNode;
-    /** The passage or Strong's entry behind the data. Replaces the type badge. */
-    reference?: React.ComponentProps<typeof Reference>;
-    data: TChartDatum[];
-    /** Series to plot; pie uses the first one. */
-    series: IChartSeries[];
-    /** Pie only: big number and caption in the donut's centre. */
-    center?: {
-        value: React.ReactNode;
-        label?: React.ReactNode;
-    };
-    /** Drop the title row (InsightCards embeds a bare plot). */
-    headerless?: boolean;
-    /** Plot height in px; the card is 244 tall with the header. */
-    plotHeight?: number;
-}
-/**
- * Compact chart card: title, subtitle, reference or type pill, plot and legend.
- * Series colours are the `--chart-series-*` tokens, grid is `--chart-grid`.
- *
- * @sketch "Component / Chart / {Pie, Area, Line, Bar}"
- */
-export declare function Chart({ type, title, subtitle, badge, reference, data, series, center, headerless, plotHeight, className, ...props }: IChartProps): React.ReactElement;
+export * from './chart/index';

package/dist-lib/components/composed/chat/index.d.ts

@@ -1,5 +1,5 @@
 export { Attachment, type TAttachmentKind, type TAttachmentProps, type TAttachmentVariant, } from './attachment';
-export { Chart, type TChartDatum, type IChartProps, type IChartSeries, type TChartType, } from './chart';
+export * from './chart';
 export { Markdown, markdownViewAtom, removeMarkdownInstance, useMarkdownView, type IMarkdownProps, type TMarkdownView, } from './markdown';
 export { addComposerAttachmentAtom, clearComposerAttachmentsAtom, CommandMenu, Composer, composerAttachmentsAtom, removeComposerAttachmentAtom, removeComposerInstance, useComposerAttachmentActions, useComposerAttachments, } from './composer';
 export type { TComposerAttachment, IComposerModel, IComposerOption, IComposerBaseProps, TComposerMode, IComposerSuggestionsProps, IComposerMenuProps, IComposerProps, IComposerSubmitButtonProps, } from './composer';

package/dist-lib/components/stories/chart.story.d.ts

@@ -4,12 +4,17 @@ export declare const story: import('@fumadocs/story/vite/client').Story<import('
         label?: string | undefined;
     } | undefined;
     data: {
-        [x: string]: string | number;
+        [x: string]: string | number | null;
         label: string;
     }[];
     title?: string | undefined;
+    variant?: import('../composed/chat/chart').TChartVariant | undefined;
     type: import('../composed/chat/chart').TChartType;
+    height?: import("csstype").Property.Height<string | number> | undefined;
+    width?: import("csstype").Property.Width<string | number> | undefined;
+    animation?: boolean | undefined;
     subtitle?: string | undefined;
+    loading?: boolean | undefined;
     reference?: {
         href?: string | undefined;
         target?: React.HTMLAttributeAnchorTarget | undefined;
@@ -27,8 +32,40 @@ export declare const story: import('@fumadocs/story/vite/client').Story<import('
         label: string;
         color?: string | undefined;
         format?: ((value: number) => React.ReactNode) | undefined;
+        area?: {
+            variant?: import('../composed/chat/chart/evilcharts/echarts-area-chart').AreaVariant | undefined;
+            strokeWidth?: number | undefined;
+            isClickable?: boolean | undefined;
+            curveType?: import('../composed/chat/chart/evilcharts/echarts-area-chart').CurveType | undefined;
+            connectNulls?: boolean | undefined;
+            animationType?: import('../composed/chat/chart/evilcharts/echarts-area-chart').AreaAnimationType | undefined;
+            strokeVariant?: import('../composed/chat/chart/evilcharts/echarts-area-chart').StrokeVariant | undefined;
+            enableBufferLine?: boolean | undefined;
+        } | undefined;
+        line?: {
+            strokeWidth?: number | undefined;
+            isClickable?: boolean | undefined;
+            curveType?: import('../composed/chat/chart/evilcharts/echarts-line-chart').CurveType | undefined;
+            connectNulls?: boolean | undefined;
+            animationType?: import('../composed/chat/chart/evilcharts/echarts-line-chart').LineAnimationType | undefined;
+            strokeVariant?: import('../composed/chat/chart/evilcharts/echarts-line-chart').StrokeVariant | undefined;
+            enableBufferLine?: boolean | undefined;
+            glowing?: boolean | undefined;
+        } | undefined;
+        bar?: {
+            radius?: number | undefined;
+            variant?: import('../composed/chat/chart/evilcharts/echarts-bar-chart').BarVariant | undefined;
+            isClickable?: boolean | undefined;
+            enableHoverHighlight?: boolean | undefined;
+            animationType?: import('../composed/chat/chart/evilcharts/echarts-bar-chart').BarAnimationType | undefined;
+            glowing?: boolean | undefined;
+            bufferBar?: boolean | undefined;
+        } | undefined;
     }[];
+    renderer?: import('../composed/chat/chart/evilcharts/echarts-chart').EChartsRenderer | undefined;
     headerless?: boolean | undefined;
-    plotHeight?: number | undefined;
+    plotHeight?: import("csstype").Property.Height<string | number> | undefined;
+    showLegend?: boolean | undefined;
+    interactive?: boolean | undefined;
 }>>;
 export declare const Preview: import('react').FC;

package/dist-lib/components/stories/insight-cards.story.d.ts

@@ -8,7 +8,7 @@ export declare const story: import('@fumadocs/story/vite/client').Story<import('
             label?: string | undefined;
             badge?: string | undefined;
             data: {
-                [x: string]: string | number;
+                [x: string]: string | number | null;
                 label: string;
             }[];
             series: {
@@ -16,6 +16,35 @@ export declare const story: import('@fumadocs/story/vite/client').Story<import('
                 label: string;
                 color?: string | undefined;
                 format?: ((value: number) => React.ReactNode) | undefined;
+                area?: {
+                    variant?: import('../composed/chat/chart/evilcharts/echarts-area-chart').AreaVariant | undefined;
+                    strokeWidth?: number | undefined;
+                    isClickable?: boolean | undefined;
+                    curveType?: import('../composed/chat/chart/evilcharts/echarts-area-chart').CurveType | undefined;
+                    connectNulls?: boolean | undefined;
+                    animationType?: import('../composed/chat/chart/evilcharts/echarts-area-chart').AreaAnimationType | undefined;
+                    strokeVariant?: import('../composed/chat/chart/evilcharts/echarts-area-chart').StrokeVariant | undefined;
+                    enableBufferLine?: boolean | undefined;
+                } | undefined;
+                line?: {
+                    strokeWidth?: number | undefined;
+                    isClickable?: boolean | undefined;
+                    curveType?: import('../composed/chat/chart/evilcharts/echarts-line-chart').CurveType | undefined;
+                    connectNulls?: boolean | undefined;
+                    animationType?: import('../composed/chat/chart/evilcharts/echarts-line-chart').LineAnimationType | undefined;
+                    strokeVariant?: import('../composed/chat/chart/evilcharts/echarts-line-chart').StrokeVariant | undefined;
+                    enableBufferLine?: boolean | undefined;
+                    glowing?: boolean | undefined;
+                } | undefined;
+                bar?: {
+                    radius?: number | undefined;
+                    variant?: import('../composed/chat/chart/evilcharts/echarts-bar-chart').BarVariant | undefined;
+                    isClickable?: boolean | undefined;
+                    enableHoverHighlight?: boolean | undefined;
+                    animationType?: import('../composed/chat/chart/evilcharts/echarts-bar-chart').BarAnimationType | undefined;
+                    glowing?: boolean | undefined;
+                    bufferBar?: boolean | undefined;
+                } | undefined;
             }[];
         } | undefined;
         allocation?: {