@xemahq/ui-kernel 0.5.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/biome-host/define-web-biome.d.ts +3 -3
- package/dist/lib/biome-host/define-web-biome.d.ts.map +1 -1
- package/dist/lib/biome-host/define-web-biome.js +23 -2
- package/dist/lib/biome-host/define-web-biome.js.map +1 -1
- package/dist/lib/biome-host/frontend-biome.d.ts +4 -3
- package/dist/lib/biome-host/frontend-biome.d.ts.map +1 -1
- package/dist/lib/biome-host/host-bridge.d.ts +2 -0
- package/dist/lib/biome-host/host-bridge.d.ts.map +1 -1
- package/dist/lib/biome-host/host-bridge.js.map +1 -1
- package/dist/lib/biome-host/i18n-hooks.d.ts +4 -0
- package/dist/lib/biome-host/i18n-hooks.d.ts.map +1 -0
- package/dist/lib/biome-host/i18n-hooks.js +22 -0
- package/dist/lib/biome-host/i18n-hooks.js.map +1 -0
- package/dist/lib/biome-host/i18n-port.d.ts +15 -0
- package/dist/lib/biome-host/i18n-port.d.ts.map +1 -0
- package/dist/lib/biome-host/i18n-port.js +29 -0
- package/dist/lib/biome-host/i18n-port.js.map +1 -0
- package/dist/lib/biome-host/index.d.ts +2 -1
- package/dist/lib/biome-host/index.d.ts.map +1 -1
- package/dist/lib/biome-host/index.js +2 -1
- package/dist/lib/biome-host/index.js.map +1 -1
- package/dist/lib/biome-host/realtime-port.d.ts +1 -1
- package/dist/lib/biome-host/realtime-port.d.ts.map +1 -1
- package/dist/session-kit/approvals/approval-model.d.ts.map +1 -1
- package/dist/session-kit/approvals/approval-model.js.map +1 -1
- package/dist/ui/branding/app-branding-provider.d.ts +17 -0
- package/dist/ui/branding/app-branding-provider.d.ts.map +1 -0
- package/dist/ui/branding/app-branding-provider.js +81 -0
- package/dist/ui/branding/app-branding-provider.js.map +1 -0
- package/dist/ui/branding/sanitize.d.ts +4 -0
- package/dist/ui/branding/sanitize.d.ts.map +1 -0
- package/dist/ui/branding/sanitize.js +47 -0
- package/dist/ui/branding/sanitize.js.map +1 -0
- package/dist/ui/breakpoints.d.ts +2 -0
- package/dist/ui/breakpoints.d.ts.map +1 -0
- package/dist/ui/breakpoints.js +5 -0
- package/dist/ui/breakpoints.js.map +1 -0
- package/dist/ui/charts/bar-chart.d.ts +7 -0
- package/dist/ui/charts/bar-chart.d.ts.map +1 -0
- package/dist/ui/charts/bar-chart.js +47 -0
- package/dist/ui/charts/bar-chart.js.map +1 -0
- package/dist/ui/charts/chart-frame.d.ts +25 -0
- package/dist/ui/charts/chart-frame.d.ts.map +1 -0
- package/dist/ui/charts/chart-frame.js +23 -0
- package/dist/ui/charts/chart-frame.js.map +1 -0
- package/dist/ui/charts/chart-types.d.ts +19 -0
- package/dist/ui/charts/chart-types.d.ts.map +1 -0
- package/dist/ui/charts/chart-types.js +3 -0
- package/dist/ui/charts/chart-types.js.map +1 -0
- package/dist/ui/charts/chart-utils.d.ts +22 -0
- package/dist/ui/charts/chart-utils.d.ts.map +1 -0
- package/dist/ui/charts/chart-utils.js +97 -0
- package/dist/ui/charts/chart-utils.js.map +1 -0
- package/dist/ui/charts/donut-chart.d.ts +7 -0
- package/dist/ui/charts/donut-chart.d.ts.map +1 -0
- package/dist/ui/charts/donut-chart.js +55 -0
- package/dist/ui/charts/donut-chart.js.map +1 -0
- package/dist/ui/charts/index.d.ts +8 -0
- package/dist/ui/charts/index.d.ts.map +1 -0
- package/dist/ui/charts/index.js +21 -0
- package/dist/ui/charts/index.js.map +1 -0
- package/dist/ui/charts/line-chart.d.ts +7 -0
- package/dist/ui/charts/line-chart.d.ts.map +1 -0
- package/dist/ui/charts/line-chart.js +70 -0
- package/dist/ui/charts/line-chart.js.map +1 -0
- package/dist/ui/charts/sparkline.d.ts +13 -0
- package/dist/ui/charts/sparkline.d.ts.map +1 -0
- package/dist/ui/charts/sparkline.js +39 -0
- package/dist/ui/charts/sparkline.js.map +1 -0
- package/dist/ui/hooks/use-is-mobile.d.ts +2 -0
- package/dist/ui/hooks/use-is-mobile.d.ts.map +1 -0
- package/dist/ui/hooks/use-is-mobile.js +19 -0
- package/dist/ui/hooks/use-is-mobile.js.map +1 -0
- package/dist/ui/index.d.ts +6 -0
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +14 -1
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/pdf/pdf-preview.d.ts +8 -0
- package/dist/ui/pdf/pdf-preview.d.ts.map +1 -0
- package/dist/ui/pdf/pdf-preview.js +34 -0
- package/dist/ui/pdf/pdf-preview.js.map +1 -0
- package/dist/ui/primitives/preview-device-frame.d.ts +9 -0
- package/dist/ui/primitives/preview-device-frame.d.ts.map +1 -0
- package/dist/ui/primitives/preview-device-frame.js +90 -0
- package/dist/ui/primitives/preview-device-frame.js.map +1 -0
- package/package.json +8 -7
- package/src/lib/biome-host/define-web-biome.test.js +93 -0
- package/src/lib/biome-host/define-web-biome.ts +76 -15
- package/src/lib/biome-host/frontend-biome.ts +47 -18
- package/src/lib/biome-host/host-bridge.ts +13 -0
- package/src/lib/biome-host/i18n-hooks.ts +50 -0
- package/src/lib/biome-host/i18n-port.test.ts +50 -0
- package/src/lib/biome-host/i18n-port.ts +96 -0
- package/src/lib/biome-host/index.ts +2 -1
- package/src/lib/biome-host/realtime-port.ts +9 -3
- package/src/lib/system-bus/enums.ts +1 -1
- package/src/lib/system-bus/index.ts +1 -1
- package/src/lib/system-bus/intents.ts +1 -1
- package/src/session-kit/approvals/ApprovalCard.tsx +1 -1
- package/src/session-kit/approvals/ApprovalsCenter.tsx +2 -2
- package/src/session-kit/approvals/CapabilityApprovalStickyBar.tsx +1 -1
- package/src/session-kit/approvals/Obligation.tsx +1 -1
- package/src/session-kit/approvals/ScopedBody.tsx +1 -1
- package/src/session-kit/approvals/approval-model.ts +7 -8
- package/src/session-kit/approvals/index.ts +1 -1
- package/src/session-kit/approvals/obligation-display.ts +1 -1
- package/src/session-kit/approvals/risk-accent.ts +1 -1
- package/src/session-kit/combobox/Combobox.tsx +1 -1
- package/src/session-kit/display/MessageTurn.tsx +1 -1
- package/src/session-kit/display/TokenMeter.tsx +1 -1
- package/src/session-kit/index.ts +3 -3
- package/src/session-kit/lib/enums.ts +1 -1
- package/src/session-kit/lib/status-dot.ts +1 -1
- package/src/session-kit/primitives/RiskPill.tsx +1 -1
- package/src/ui/branding/app-branding-provider.tsx +146 -0
- package/src/ui/branding/sanitize.ts +77 -0
- package/src/ui/breakpoints.ts +14 -0
- package/src/ui/charts/bar-chart.tsx +135 -0
- package/src/ui/charts/chart-frame.tsx +112 -0
- package/src/ui/charts/chart-types.ts +52 -0
- package/src/ui/charts/chart-utils.ts +158 -0
- package/src/ui/charts/charts.test.tsx +204 -0
- package/src/ui/charts/donut-chart.tsx +111 -0
- package/src/ui/charts/index.ts +27 -0
- package/src/ui/charts/line-chart.tsx +180 -0
- package/src/ui/charts/sparkline.tsx +101 -0
- package/src/ui/hooks/use-is-mobile.ts +28 -0
- package/src/ui/index.ts +22 -0
- package/src/ui/pdf/pdf-preview.tsx +122 -0
- package/src/ui/primitives/preview-device-frame.tsx +205 -0
- package/dist/lib/biome-host/composition-validation.d.ts +0 -22
- package/dist/lib/biome-host/composition-validation.d.ts.map +0 -1
- package/dist/lib/biome-host/composition-validation.js +0 -127
- package/dist/lib/biome-host/composition-validation.js.map +0 -1
- package/dist/lib/biome-host/nav.d.ts +0 -17
- package/dist/lib/biome-host/nav.d.ts.map +0 -1
- package/dist/lib/biome-host/nav.js +0 -52
- package/dist/lib/biome-host/nav.js.map +0 -1
- package/dist/registry/lib/composition-validation-host.d.ts +0 -3
- package/dist/registry/lib/composition-validation-host.d.ts.map +0 -1
- package/dist/registry/lib/composition-validation-host.js +0 -10
- package/dist/registry/lib/composition-validation-host.js.map +0 -1
- package/src/lib/biome-host/nav.ts +0 -83
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface ChartLegendItem {
|
|
3
|
+
readonly label: string;
|
|
4
|
+
readonly color: string;
|
|
5
|
+
readonly value?: string;
|
|
6
|
+
}
|
|
7
|
+
interface ChartLegendProps {
|
|
8
|
+
readonly items: readonly ChartLegendItem[];
|
|
9
|
+
readonly layout: 'beside' | 'below';
|
|
10
|
+
}
|
|
11
|
+
export declare function ChartLegend({ items, layout }: ChartLegendProps): ReactNode;
|
|
12
|
+
interface ChartFrameProps {
|
|
13
|
+
readonly plot: ReactNode;
|
|
14
|
+
readonly legend: readonly ChartLegendItem[];
|
|
15
|
+
readonly className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function ChartFrame({ plot, legend, className }: ChartFrameProps): ReactNode;
|
|
18
|
+
interface ChartEmptyProps {
|
|
19
|
+
readonly title: string;
|
|
20
|
+
readonly label: string;
|
|
21
|
+
readonly className?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function ChartEmpty({ title, label, className }: ChartEmptyProps): ReactNode;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=chart-frame.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/chart-frame.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAE3C,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,OAAO,CAAC;CACrC;AAMD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,GAAG,SAAS,CA0B1E;AAED,UAAU,eAAe;IAEvB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAOD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,SAAS,CAelF;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAOD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,SAAS,CAalF"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ChartLegend = ChartLegend;
|
|
4
|
+
exports.ChartFrame = ChartFrame;
|
|
5
|
+
exports.ChartEmpty = ChartEmpty;
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const cn_1 = require("../cn");
|
|
8
|
+
const use_is_mobile_1 = require("../hooks/use-is-mobile");
|
|
9
|
+
function ChartLegend({ items, layout }) {
|
|
10
|
+
if (items.length === 0)
|
|
11
|
+
return null;
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)("ul", { className: (0, cn_1.cn)('m-0 list-none p-0 text-body-2 text-ink-3', layout === 'below'
|
|
13
|
+
? 'flex flex-row flex-wrap gap-x-4 gap-y-1.5'
|
|
14
|
+
: 'flex flex-col gap-1.5'), children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "inline-block h-2.5 w-2.5 shrink-0 rounded-sm", style: { backgroundColor: item.color } }), (0, jsx_runtime_1.jsx)("span", { className: "text-ink-3", children: item.label }), item.value !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: "ml-auto font-medium tabular-nums text-ink", children: item.value }))] }, `${item.label}-${i}`))) }));
|
|
15
|
+
}
|
|
16
|
+
function ChartFrame({ plot, legend, className }) {
|
|
17
|
+
const isMobile = (0, use_is_mobile_1.useIsMobile)();
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('w-full min-w-0 text-ink-3', className), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex min-w-0 gap-4', isMobile ? 'flex-col' : 'flex-row items-start'), children: [(0, jsx_runtime_1.jsx)("div", { className: "min-w-0 flex-1", children: plot }), (0, jsx_runtime_1.jsx)(ChartLegend, { items: legend, layout: isMobile ? 'below' : 'beside' })] }) }));
|
|
19
|
+
}
|
|
20
|
+
function ChartEmpty({ title, label, className }) {
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)("div", { role: "img", "aria-label": `${title}: ${label}`, className: (0, cn_1.cn)('flex w-full items-center justify-center rounded-lg border border-dashed border-border/60 bg-muted/20 px-4 py-10 text-body-2 text-ink-4', className), children: label }));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=chart-frame.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-frame.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-frame.tsx"],"names":[],"mappings":";;AA8BA,kCA0BC;AAcD,gCAeC;AAaD,gCAaC;;AArGD,8BAA2B;AAC3B,0DAAqD;AAmBrD,SAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAoB;IAC7D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACL,+BACE,SAAS,EAAE,IAAA,OAAE,EACX,0CAA0C,EAC1C,MAAM,KAAK,OAAO;YAChB,CAAC,CAAC,2CAA2C;YAC7C,CAAC,CAAC,uBAAuB,CAC5B,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,gCAA+B,SAAS,EAAC,yBAAyB,aAChE,gDACc,MAAM,EAClB,SAAS,EAAC,8CAA8C,EACxD,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,GACtC,EACF,iCAAM,SAAS,EAAC,YAAY,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC/C,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,iCAAM,SAAS,EAAC,2CAA2C,YAAE,IAAI,CAAC,KAAK,GAAQ,CAChF,KATM,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAUxB,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAcD,SAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAmB;IACrE,MAAM,QAAQ,GAAG,IAAA,2BAAW,GAAE,CAAC;IAC/B,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,2BAA2B,EAAE,SAAS,CAAC,YACxD,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,oBAAoB,EACpB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAC/C,aAED,gCAAK,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAO,EAC5C,uBAAC,WAAW,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAI,IACjE,GACF,CACP,CAAC;AACJ,CAAC;AAaD,SAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAmB;IACrE,OAAO,CACL,gCACE,IAAI,EAAC,KAAK,gBACE,GAAG,KAAK,KAAK,KAAK,EAAE,EAChC,SAAS,EAAE,IAAA,OAAE,EACX,wIAAwI,EACxI,SAAS,CACV,YAEA,KAAK,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface ChartDatum {
|
|
2
|
+
readonly label: string;
|
|
3
|
+
readonly value: number;
|
|
4
|
+
readonly color?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface ChartLineSeries {
|
|
7
|
+
readonly name: string;
|
|
8
|
+
readonly points: readonly ChartDatum[];
|
|
9
|
+
readonly color?: string;
|
|
10
|
+
}
|
|
11
|
+
export type ChartValueFormatter = (value: number) => string;
|
|
12
|
+
export interface ChartBaseProps {
|
|
13
|
+
readonly title: string;
|
|
14
|
+
readonly ariaLabel?: string;
|
|
15
|
+
readonly formatValue?: ChartValueFormatter;
|
|
16
|
+
readonly className?: string;
|
|
17
|
+
readonly emptyLabel?: string;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=chart-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-types.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/chart-types.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,UAAU;IAEzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAKvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,eAAe;IAE9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAEvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAG5D,MAAM,WAAW,cAAc;IAK7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAKvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAE3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-types.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { ChartDatum, ChartValueFormatter } from './chart-types';
|
|
2
|
+
export declare const CHART_PALETTE: readonly string[];
|
|
3
|
+
export declare function chartColorAt(index: number, override?: string): string;
|
|
4
|
+
export declare function defaultFormatValue(value: number): string;
|
|
5
|
+
export interface FiniteDatum {
|
|
6
|
+
readonly label: string;
|
|
7
|
+
readonly value: number;
|
|
8
|
+
readonly color?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function finitePoints(points: readonly ChartDatum[]): FiniteDatum[];
|
|
11
|
+
export interface NiceScale {
|
|
12
|
+
readonly min: number;
|
|
13
|
+
readonly max: number;
|
|
14
|
+
readonly ticks: readonly number[];
|
|
15
|
+
}
|
|
16
|
+
export interface NiceScaleOptions {
|
|
17
|
+
readonly pinZero?: boolean;
|
|
18
|
+
readonly maxTicks?: number;
|
|
19
|
+
}
|
|
20
|
+
export declare function niceScale(dataMin: number, dataMax: number, options?: NiceScaleOptions): NiceScale;
|
|
21
|
+
export declare function buildAriaSummary(title: string, points: readonly FiniteDatum[], format: ChartValueFormatter, noun: string, maxItems?: number): string;
|
|
22
|
+
//# sourceMappingURL=chart-utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/chart-utils.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAUrE,eAAO,MAAM,aAAa,EAAE,SAAS,MAAM,EAS1C,CAAC;AAGF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAGrE;AAOD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIxD;AAGD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,GAAG,WAAW,EAAE,CAQzE;AA4BD,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,gBAAgB;IAM/B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAQD,wBAAgB,SAAS,CACvB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,gBAAqB,GAC7B,SAAS,CAkBX;AAUD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,SAAS,WAAW,EAAE,EAC9B,MAAM,EAAE,mBAAmB,EAC3B,IAAI,EAAE,MAAM,EACZ,QAAQ,SAAI,GACX,MAAM,CAOR"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CHART_PALETTE = void 0;
|
|
4
|
+
exports.chartColorAt = chartColorAt;
|
|
5
|
+
exports.defaultFormatValue = defaultFormatValue;
|
|
6
|
+
exports.finitePoints = finitePoints;
|
|
7
|
+
exports.niceScale = niceScale;
|
|
8
|
+
exports.buildAriaSummary = buildAriaSummary;
|
|
9
|
+
exports.CHART_PALETTE = [
|
|
10
|
+
'var(--app-primary-color, var(--chart-1, #00A4EF))',
|
|
11
|
+
'var(--chart-2, #7FBA00)',
|
|
12
|
+
'var(--chart-3, #FFB900)',
|
|
13
|
+
'var(--chart-4, #F25022)',
|
|
14
|
+
'var(--chart-5, #8B5CF6)',
|
|
15
|
+
'var(--chart-6, #EC4899)',
|
|
16
|
+
'var(--chart-7, #06B6D4)',
|
|
17
|
+
'var(--chart-8, #F59E0B)',
|
|
18
|
+
];
|
|
19
|
+
function chartColorAt(index, override) {
|
|
20
|
+
if (override !== undefined && override.length > 0)
|
|
21
|
+
return override;
|
|
22
|
+
return exports.CHART_PALETTE[index % exports.CHART_PALETTE.length];
|
|
23
|
+
}
|
|
24
|
+
function defaultFormatValue(value) {
|
|
25
|
+
if (!Number.isFinite(value))
|
|
26
|
+
return '—';
|
|
27
|
+
if (Number.isInteger(value))
|
|
28
|
+
return String(value);
|
|
29
|
+
return String(Number(value.toFixed(2)));
|
|
30
|
+
}
|
|
31
|
+
function finitePoints(points) {
|
|
32
|
+
const out = [];
|
|
33
|
+
for (const p of points) {
|
|
34
|
+
if (Number.isFinite(p.value)) {
|
|
35
|
+
out.push({ label: p.label, value: p.value, color: p.color });
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return out;
|
|
39
|
+
}
|
|
40
|
+
function niceNum(range, round) {
|
|
41
|
+
const exponent = Math.floor(Math.log10(range));
|
|
42
|
+
const pow = Math.pow(10, exponent);
|
|
43
|
+
const fraction = range / pow;
|
|
44
|
+
let niceFraction;
|
|
45
|
+
if (round) {
|
|
46
|
+
if (fraction < 1.5)
|
|
47
|
+
niceFraction = 1;
|
|
48
|
+
else if (fraction < 3)
|
|
49
|
+
niceFraction = 2;
|
|
50
|
+
else if (fraction < 7)
|
|
51
|
+
niceFraction = 5;
|
|
52
|
+
else
|
|
53
|
+
niceFraction = 10;
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
if (fraction <= 1)
|
|
57
|
+
niceFraction = 1;
|
|
58
|
+
else if (fraction <= 2)
|
|
59
|
+
niceFraction = 2;
|
|
60
|
+
else if (fraction <= 5)
|
|
61
|
+
niceFraction = 5;
|
|
62
|
+
else
|
|
63
|
+
niceFraction = 10;
|
|
64
|
+
}
|
|
65
|
+
return niceFraction * pow;
|
|
66
|
+
}
|
|
67
|
+
function tidy(value) {
|
|
68
|
+
return Number(value.toPrecision(12));
|
|
69
|
+
}
|
|
70
|
+
function niceScale(dataMin, dataMax, options = {}) {
|
|
71
|
+
const pinZero = options.pinZero ?? true;
|
|
72
|
+
const maxTicks = options.maxTicks ?? 5;
|
|
73
|
+
let lo = pinZero ? Math.min(0, dataMin) : dataMin;
|
|
74
|
+
let hi = pinZero ? Math.max(0, dataMax) : dataMax;
|
|
75
|
+
if (lo === hi) {
|
|
76
|
+
hi = lo + 1;
|
|
77
|
+
}
|
|
78
|
+
const ticks = [];
|
|
79
|
+
const range = niceNum(hi - lo, false);
|
|
80
|
+
const step = niceNum(range / Math.max(1, maxTicks - 1), true);
|
|
81
|
+
const niceMin = Math.floor(lo / step) * step;
|
|
82
|
+
const niceMax = Math.ceil(hi / step) * step;
|
|
83
|
+
for (let v = niceMin; v <= niceMax + step * 0.5; v += step) {
|
|
84
|
+
ticks.push(tidy(v));
|
|
85
|
+
}
|
|
86
|
+
return { min: tidy(niceMin), max: tidy(niceMax), ticks };
|
|
87
|
+
}
|
|
88
|
+
function buildAriaSummary(title, points, format, noun, maxItems = 8) {
|
|
89
|
+
if (points.length === 0)
|
|
90
|
+
return `${title}: no data.`;
|
|
91
|
+
const shown = points.slice(0, maxItems);
|
|
92
|
+
const pairs = shown.map((p) => `${p.label} ${format(p.value)}`).join(', ');
|
|
93
|
+
const suffix = points.length > maxItems ? `, and ${points.length - maxItems} more` : '';
|
|
94
|
+
const count = points.length === 1 ? `1 ${noun}` : `${points.length} ${noun}s`;
|
|
95
|
+
return `${title}: ${count}. ${pairs}${suffix}.`;
|
|
96
|
+
}
|
|
97
|
+
//# sourceMappingURL=chart-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-utils.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { ChartBaseProps, ChartDatum } from './chart-types';
|
|
3
|
+
export interface DonutChartProps extends ChartBaseProps {
|
|
4
|
+
readonly data: readonly ChartDatum[];
|
|
5
|
+
}
|
|
6
|
+
export declare function DonutChart({ data, title, ariaLabel, formatValue, className, emptyLabel, }: DonutChartProps): ReactNode;
|
|
7
|
+
//# sourceMappingURL=donut-chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"donut-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/donut-chart.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAUhE,MAAM,WAAW,eAAgB,SAAQ,cAAc;IAErD,QAAQ,CAAC,IAAI,EAAE,SAAS,UAAU,EAAE,CAAC;CACtC;AAuBD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAsB,GACvB,EAAE,eAAe,GAAG,SAAS,CAyD7B"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DonutChart = DonutChart;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const chart_frame_1 = require("./chart-frame");
|
|
6
|
+
const chart_utils_1 = require("./chart-utils");
|
|
7
|
+
const SIZE = 200;
|
|
8
|
+
const CX = SIZE / 2;
|
|
9
|
+
const CY = SIZE / 2;
|
|
10
|
+
const R_OUTER = 90;
|
|
11
|
+
const R_INNER = 56;
|
|
12
|
+
const FULL = Math.PI * 2;
|
|
13
|
+
function polar(radius, angle) {
|
|
14
|
+
return [CX + radius * Math.sin(angle), CY - radius * Math.cos(angle)];
|
|
15
|
+
}
|
|
16
|
+
function slicePath(start, end) {
|
|
17
|
+
const [ox1, oy1] = polar(R_OUTER, start);
|
|
18
|
+
const [ox2, oy2] = polar(R_OUTER, end);
|
|
19
|
+
const [ix2, iy2] = polar(R_INNER, end);
|
|
20
|
+
const [ix1, iy1] = polar(R_INNER, start);
|
|
21
|
+
const largeArc = end - start > Math.PI ? 1 : 0;
|
|
22
|
+
return [
|
|
23
|
+
`M ${ox1} ${oy1}`,
|
|
24
|
+
`A ${R_OUTER} ${R_OUTER} 0 ${largeArc} 1 ${ox2} ${oy2}`,
|
|
25
|
+
`L ${ix2} ${iy2}`,
|
|
26
|
+
`A ${R_INNER} ${R_INNER} 0 ${largeArc} 0 ${ix1} ${iy1}`,
|
|
27
|
+
'Z',
|
|
28
|
+
].join(' ');
|
|
29
|
+
}
|
|
30
|
+
function DonutChart({ data, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
|
|
31
|
+
const format = formatValue ?? chart_utils_1.defaultFormatValue;
|
|
32
|
+
const slices = data.filter((d) => Number.isFinite(d.value) && d.value > 0);
|
|
33
|
+
const total = slices.reduce((sum, d) => sum + d.value, 0);
|
|
34
|
+
if (slices.length === 0 || total <= 0) {
|
|
35
|
+
return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartEmpty, { title: title, label: emptyLabel, className: className });
|
|
36
|
+
}
|
|
37
|
+
const legend = slices.map((d, i) => ({
|
|
38
|
+
label: d.label,
|
|
39
|
+
value: `${format(d.value)} (${Math.round((d.value / total) * 100)}%)`,
|
|
40
|
+
color: (0, chart_utils_1.chartColorAt)(i, d.color),
|
|
41
|
+
}));
|
|
42
|
+
const summaryPoints = slices.map((d) => ({ label: d.label, value: d.value }));
|
|
43
|
+
const summary = ariaLabel ?? (0, chart_utils_1.buildAriaSummary)(title, summaryPoints, format, 'slice');
|
|
44
|
+
let cursor = 0;
|
|
45
|
+
const arcs = slices.map((d, i) => {
|
|
46
|
+
const start = cursor;
|
|
47
|
+
const sweep = slices.length === 1 ? FULL - 1e-3 : (d.value / total) * FULL;
|
|
48
|
+
const end = start + sweep;
|
|
49
|
+
cursor = end;
|
|
50
|
+
return { path: slicePath(start, end), color: (0, chart_utils_1.chartColorAt)(i, d.color), key: `${d.label}-${i}` };
|
|
51
|
+
});
|
|
52
|
+
const plot = ((0, jsx_runtime_1.jsxs)("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${SIZE} ${SIZE}`, preserveAspectRatio: "xMidYMid meet", className: "mx-auto block h-auto w-full max-w-[240px] text-ink-4", children: [arcs.map((a) => ((0, jsx_runtime_1.jsx)("path", { d: a.path, fill: a.color, stroke: "var(--card, transparent)", strokeWidth: 1 }, a.key))), (0, jsx_runtime_1.jsx)("text", { x: CX, y: CY, textAnchor: "middle", dominantBaseline: "middle", fontSize: 20, fontWeight: 600, fill: "currentColor", className: "text-ink", children: format(total) })] }));
|
|
53
|
+
return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartFrame, { plot: plot, legend: legend, className: className });
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=donut-chart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"donut-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/donut-chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type { ChartDatum, ChartLineSeries, ChartValueFormatter, ChartBaseProps, } from './chart-types';
|
|
2
|
+
export { CHART_PALETTE, chartColorAt, defaultFormatValue, finitePoints, niceScale, buildAriaSummary, type NiceScale, type NiceScaleOptions, type FiniteDatum, } from './chart-utils';
|
|
3
|
+
export { ChartLegend, type ChartLegendItem } from './chart-frame';
|
|
4
|
+
export { BarChart, type BarChartProps } from './bar-chart';
|
|
5
|
+
export { LineChart, type LineChartProps } from './line-chart';
|
|
6
|
+
export { Sparkline, type SparklineProps } from './sparkline';
|
|
7
|
+
export { DonutChart, type DonutChartProps } from './donut-chart';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/index.ts"],"names":[],"mappings":"AAKA,YAAY,EACV,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DonutChart = exports.Sparkline = exports.LineChart = exports.BarChart = exports.ChartLegend = exports.buildAriaSummary = exports.niceScale = exports.finitePoints = exports.defaultFormatValue = exports.chartColorAt = exports.CHART_PALETTE = void 0;
|
|
4
|
+
var chart_utils_1 = require("./chart-utils");
|
|
5
|
+
Object.defineProperty(exports, "CHART_PALETTE", { enumerable: true, get: function () { return chart_utils_1.CHART_PALETTE; } });
|
|
6
|
+
Object.defineProperty(exports, "chartColorAt", { enumerable: true, get: function () { return chart_utils_1.chartColorAt; } });
|
|
7
|
+
Object.defineProperty(exports, "defaultFormatValue", { enumerable: true, get: function () { return chart_utils_1.defaultFormatValue; } });
|
|
8
|
+
Object.defineProperty(exports, "finitePoints", { enumerable: true, get: function () { return chart_utils_1.finitePoints; } });
|
|
9
|
+
Object.defineProperty(exports, "niceScale", { enumerable: true, get: function () { return chart_utils_1.niceScale; } });
|
|
10
|
+
Object.defineProperty(exports, "buildAriaSummary", { enumerable: true, get: function () { return chart_utils_1.buildAriaSummary; } });
|
|
11
|
+
var chart_frame_1 = require("./chart-frame");
|
|
12
|
+
Object.defineProperty(exports, "ChartLegend", { enumerable: true, get: function () { return chart_frame_1.ChartLegend; } });
|
|
13
|
+
var bar_chart_1 = require("./bar-chart");
|
|
14
|
+
Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return bar_chart_1.BarChart; } });
|
|
15
|
+
var line_chart_1 = require("./line-chart");
|
|
16
|
+
Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return line_chart_1.LineChart; } });
|
|
17
|
+
var sparkline_1 = require("./sparkline");
|
|
18
|
+
Object.defineProperty(exports, "Sparkline", { enumerable: true, get: function () { return sparkline_1.Sparkline; } });
|
|
19
|
+
var donut_chart_1 = require("./donut-chart");
|
|
20
|
+
Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return donut_chart_1.DonutChart; } });
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/charts/index.ts"],"names":[],"mappings":";;;AAWA,6CAUuB;AATrB,4GAAA,aAAa,OAAA;AACb,2GAAA,YAAY,OAAA;AACZ,iHAAA,kBAAkB,OAAA;AAClB,2GAAA,YAAY,OAAA;AACZ,wGAAA,SAAS,OAAA;AACT,+GAAA,gBAAgB,OAAA;AAKlB,6CAAkE;AAAzD,0GAAA,WAAW,OAAA;AACpB,yCAA2D;AAAlD,qGAAA,QAAQ,OAAA;AACjB,2CAA8D;AAArD,uGAAA,SAAS,OAAA;AAClB,yCAA6D;AAApD,sGAAA,SAAS,OAAA;AAClB,6CAAiE;AAAxD,yGAAA,UAAU,OAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { ChartBaseProps, ChartLineSeries } from './chart-types';
|
|
3
|
+
export interface LineChartProps extends ChartBaseProps {
|
|
4
|
+
readonly series: readonly ChartLineSeries[];
|
|
5
|
+
}
|
|
6
|
+
export declare function LineChart({ series, title, ariaLabel, formatValue, className, emptyLabel, }: LineChartProps): ReactNode;
|
|
7
|
+
//# sourceMappingURL=line-chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAkBrE,MAAM,WAAW,cAAe,SAAQ,cAAc;IAEpD,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;CAC7C;AAsBD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAsB,GACvB,EAAE,cAAc,GAAG,SAAS,CAwH5B"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.LineChart = LineChart;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const chart_frame_1 = require("./chart-frame");
|
|
6
|
+
const chart_utils_1 = require("./chart-utils");
|
|
7
|
+
const VIEW_W = 640;
|
|
8
|
+
const VIEW_H = 360;
|
|
9
|
+
const PAD = { top: 12, right: 12, bottom: 44, left: 48 };
|
|
10
|
+
const PLOT_L = PAD.left;
|
|
11
|
+
const PLOT_R = VIEW_W - PAD.right;
|
|
12
|
+
const PLOT_T = PAD.top;
|
|
13
|
+
const PLOT_B = VIEW_H - PAD.bottom;
|
|
14
|
+
const PLOT_W = PLOT_R - PLOT_L;
|
|
15
|
+
const PLOT_H = PLOT_B - PLOT_T;
|
|
16
|
+
function toSegments(points, xToPx, yToPx) {
|
|
17
|
+
const segments = [];
|
|
18
|
+
let current = [];
|
|
19
|
+
points.forEach((p, i) => {
|
|
20
|
+
if (Number.isFinite(p.value)) {
|
|
21
|
+
current.push(`${xToPx(i)},${yToPx(p.value)}`);
|
|
22
|
+
}
|
|
23
|
+
else if (current.length > 0) {
|
|
24
|
+
segments.push(current.join(' '));
|
|
25
|
+
current = [];
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
if (current.length > 0)
|
|
29
|
+
segments.push(current.join(' '));
|
|
30
|
+
return segments;
|
|
31
|
+
}
|
|
32
|
+
function LineChart({ series, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
|
|
33
|
+
const format = formatValue ?? chart_utils_1.defaultFormatValue;
|
|
34
|
+
const finiteValues = [];
|
|
35
|
+
let maxLen = 0;
|
|
36
|
+
for (const s of series) {
|
|
37
|
+
maxLen = Math.max(maxLen, s.points.length);
|
|
38
|
+
for (const p of s.points)
|
|
39
|
+
if (Number.isFinite(p.value))
|
|
40
|
+
finiteValues.push(p.value);
|
|
41
|
+
}
|
|
42
|
+
if (finiteValues.length === 0) {
|
|
43
|
+
return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartEmpty, { title: title, label: emptyLabel, className: className });
|
|
44
|
+
}
|
|
45
|
+
const scale = (0, chart_utils_1.niceScale)(Math.min(...finiteValues), Math.max(...finiteValues), {
|
|
46
|
+
pinZero: false,
|
|
47
|
+
});
|
|
48
|
+
const span = scale.max - scale.min;
|
|
49
|
+
const yToPx = (v) => PLOT_B - ((v - scale.min) / span) * PLOT_H;
|
|
50
|
+
const xToPx = (i) => maxLen <= 1 ? PLOT_L + PLOT_W / 2 : PLOT_L + (i / (maxLen - 1)) * PLOT_W;
|
|
51
|
+
const xLabelSource = series.find((s) => s.points.length === maxLen)?.points ?? [];
|
|
52
|
+
const legend = series.map((s, i) => ({
|
|
53
|
+
label: s.name,
|
|
54
|
+
color: (0, chart_utils_1.chartColorAt)(i, s.color),
|
|
55
|
+
}));
|
|
56
|
+
const summaryPoints = series.flatMap((s) => s.points
|
|
57
|
+
.filter((p) => Number.isFinite(p.value))
|
|
58
|
+
.map((p) => ({ label: `${s.name} ${p.label}`, value: p.value })));
|
|
59
|
+
const summary = ariaLabel ?? (0, chart_utils_1.buildAriaSummary)(title, summaryPoints, format, 'point');
|
|
60
|
+
const plot = ((0, jsx_runtime_1.jsxs)("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${VIEW_W} ${VIEW_H}`, preserveAspectRatio: "xMidYMid meet", className: "block h-auto w-full overflow-visible text-ink-4", children: [scale.ticks.map((t) => {
|
|
61
|
+
const y = yToPx(t);
|
|
62
|
+
return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("line", { x1: PLOT_L, x2: PLOT_R, y1: y, y2: y, stroke: "currentColor", strokeOpacity: 0.12 }), (0, jsx_runtime_1.jsx)("text", { x: PLOT_L - 8, y: y, textAnchor: "end", dominantBaseline: "middle", fontSize: 12, fill: "currentColor", children: format(t) })] }, `y-${t}`));
|
|
63
|
+
}), xLabelSource.map((p, i) => ((0, jsx_runtime_1.jsx)("text", { x: xToPx(i), y: PLOT_B + 16, textAnchor: "middle", fontSize: 12, fill: "currentColor", children: p.label }, `x-${p.label}-${i}`))), series.map((s, si) => {
|
|
64
|
+
const color = (0, chart_utils_1.chartColorAt)(si, s.color);
|
|
65
|
+
const segments = toSegments(s.points, xToPx, yToPx);
|
|
66
|
+
return ((0, jsx_runtime_1.jsxs)("g", { children: [segments.map((pts, gi) => ((0, jsx_runtime_1.jsx)("polyline", { points: pts, fill: "none", stroke: color, strokeWidth: 2, strokeLinejoin: "round", strokeLinecap: "round" }, `seg-${gi}`))), s.points.map((p, i) => Number.isFinite(p.value) ? ((0, jsx_runtime_1.jsx)("circle", { cx: xToPx(i), cy: yToPx(p.value), r: 2.5, fill: color, children: (0, jsx_runtime_1.jsx)("title", { children: `${s.name} — ${p.label}: ${format(p.value)}` }) }, `pt-${i}`)) : null)] }, `line-${s.name}-${si}`));
|
|
67
|
+
})] }));
|
|
68
|
+
return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartFrame, { plot: plot, legend: legend, className: className });
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=line-chart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { ChartValueFormatter } from './chart-types';
|
|
3
|
+
export interface SparklineProps {
|
|
4
|
+
readonly values: readonly number[];
|
|
5
|
+
readonly title: string;
|
|
6
|
+
readonly ariaLabel?: string;
|
|
7
|
+
readonly formatValue?: ChartValueFormatter;
|
|
8
|
+
readonly color?: string;
|
|
9
|
+
readonly className?: string;
|
|
10
|
+
readonly emptyLabel?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare function Sparkline({ values, title, ariaLabel, formatValue, color, className, emptyLabel, }: SparklineProps): ReactNode;
|
|
13
|
+
//# sourceMappingURL=sparkline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/sparkline.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,WAAW,cAAc;IAE7B,QAAQ,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAEnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAE3C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,KAAK,EACL,SAAS,EACT,UAAsB,GACvB,EAAE,cAAc,GAAG,SAAS,CAiE5B"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Sparkline = Sparkline;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const cn_1 = require("../cn");
|
|
6
|
+
const chart_utils_1 = require("./chart-utils");
|
|
7
|
+
const VIEW_W = 100;
|
|
8
|
+
const VIEW_H = 28;
|
|
9
|
+
const PAD_Y = 3;
|
|
10
|
+
function Sparkline({ values, title, ariaLabel, formatValue, color, className, emptyLabel = 'No data', }) {
|
|
11
|
+
const format = formatValue ?? chart_utils_1.defaultFormatValue;
|
|
12
|
+
const finite = values.filter((v) => Number.isFinite(v));
|
|
13
|
+
if (finite.length === 0) {
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)("span", { role: "img", "aria-label": `${title}: ${emptyLabel}`, className: (0, cn_1.cn)('inline-block text-body-2 text-ink-4', className), children: emptyLabel }));
|
|
15
|
+
}
|
|
16
|
+
const scale = (0, chart_utils_1.niceScale)(Math.min(...finite), Math.max(...finite), { pinZero: false });
|
|
17
|
+
const span = scale.max - scale.min;
|
|
18
|
+
const yToPx = (v) => VIEW_H - PAD_Y - ((v - scale.min) / span) * (VIEW_H - 2 * PAD_Y);
|
|
19
|
+
const xToPx = (i) => values.length <= 1 ? VIEW_W / 2 : (i / (values.length - 1)) * VIEW_W;
|
|
20
|
+
const segments = [];
|
|
21
|
+
let current = [];
|
|
22
|
+
values.forEach((v, i) => {
|
|
23
|
+
if (Number.isFinite(v))
|
|
24
|
+
current.push(`${xToPx(i)},${yToPx(v)}`);
|
|
25
|
+
else if (current.length > 0) {
|
|
26
|
+
segments.push(current.join(' '));
|
|
27
|
+
current = [];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
if (current.length > 0)
|
|
31
|
+
segments.push(current.join(' '));
|
|
32
|
+
const stroke = (0, chart_utils_1.chartColorAt)(0, color);
|
|
33
|
+
const first = finite[0];
|
|
34
|
+
const last = finite[finite.length - 1];
|
|
35
|
+
const summary = ariaLabel ??
|
|
36
|
+
`${title}: trend of ${finite.length} points, from ${format(first)} to ${format(last)}.`;
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${VIEW_W} ${VIEW_H}`, preserveAspectRatio: "none", className: (0, cn_1.cn)('block h-auto w-full overflow-visible', className), children: segments.map((pts, i) => ((0, jsx_runtime_1.jsx)("polyline", { points: pts, fill: "none", stroke: stroke, strokeWidth: 1.5, strokeLinejoin: "round", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" }, `seg-${i}`))) }));
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=sparkline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../src/ui/charts/sparkline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-is-mobile.d.ts","sourceRoot":"","sources":["../../../src/ui/hooks/use-is-mobile.ts"],"names":[],"mappings":"AAaA,wBAAgB,WAAW,IAAI,OAAO,CAcrC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useIsMobile = useIsMobile;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const breakpoints_1 = require("../breakpoints");
|
|
6
|
+
function useIsMobile() {
|
|
7
|
+
const [isMobile, setIsMobile] = (0, react_1.useState)(undefined);
|
|
8
|
+
(0, react_1.useEffect)(() => {
|
|
9
|
+
const mql = window.matchMedia(`(max-width: ${breakpoints_1.MOBILE_BREAKPOINT - 1}px)`);
|
|
10
|
+
const onChange = () => {
|
|
11
|
+
setIsMobile(window.innerWidth < breakpoints_1.MOBILE_BREAKPOINT);
|
|
12
|
+
};
|
|
13
|
+
mql.addEventListener('change', onChange);
|
|
14
|
+
setIsMobile(window.innerWidth < breakpoints_1.MOBILE_BREAKPOINT);
|
|
15
|
+
return () => mql.removeEventListener('change', onChange);
|
|
16
|
+
}, []);
|
|
17
|
+
return !!isMobile;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=use-is-mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-is-mobile.js","sourceRoot":"","sources":["../../../src/ui/hooks/use-is-mobile.ts"],"names":[],"mappings":";;AAaA,kCAcC;AA3BD,iCAA4C;AAE5C,gDAAmD;AAWnD,SAAgB,WAAW;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAsB,SAAS,CAAC,CAAC;IAEzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,+BAAiB,GAAG,CAAC,KAAK,CAAC,CAAC;QACzE,MAAM,QAAQ,GAAG,GAAS,EAAE;YAC1B,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,+BAAiB,CAAC,CAAC;QACrD,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,+BAAiB,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,CAAC,QAAQ,CAAC;AACpB,CAAC"}
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export { cn } from './cn';
|
|
2
2
|
export * from './design-tokens';
|
|
3
|
+
export { MOBILE_BREAKPOINT } from './breakpoints';
|
|
3
4
|
export { useDebouncedValue } from './hooks/use-debounced-value';
|
|
5
|
+
export { useIsMobile } from './hooks/use-is-mobile';
|
|
4
6
|
export * from './primitives/button';
|
|
5
7
|
export * from './primitives/badge';
|
|
6
8
|
export * from './primitives/input';
|
|
@@ -28,6 +30,9 @@ export * from './primitives/tag-multi-select';
|
|
|
28
30
|
export * from './primitives/sheet';
|
|
29
31
|
export * from './primitives/form-stepper';
|
|
30
32
|
export * from './primitives/async-combobox';
|
|
33
|
+
export { PreviewDeviceFrame, type PreviewDevice, } from './primitives/preview-device-frame';
|
|
34
|
+
export * from './charts';
|
|
35
|
+
export { AppBrandingProvider, useAppBranding, APP_PRIMARY_COLOR_VAR, type AppBrandingProviderProps, type AppBrandingContextValue, } from './branding/app-branding-provider';
|
|
31
36
|
export { default as ErrorCard, type ErrorMessageFormatter } from './chrome/ErrorCard';
|
|
32
37
|
export { default as StatusBadge, type StatusBadgeProps, type StatusBadgeSize } from './chrome/status-badge';
|
|
33
38
|
export { default as ScopeBadge, type ScopeBadgeProps } from './chrome/scope-badge';
|
|
@@ -38,4 +43,5 @@ export { StateCard } from './chrome/StateCard';
|
|
|
38
43
|
export { default as PageHeader, PageToolbar } from './chrome/PageHeader';
|
|
39
44
|
export { default as LoadingState, type LoadingStateVariant } from './chrome/LoadingState';
|
|
40
45
|
export { default as AsyncBoundary } from './chrome/AsyncBoundary';
|
|
46
|
+
export { PdfPreview, type PdfPreviewProps } from './pdf/pdf-preview';
|
|
41
47
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/ui/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAG1B,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAG1B,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EACL,kBAAkB,EAClB,KAAK,aAAa,GACnB,MAAM,mCAAmC,CAAC;AAG3C,cAAc,UAAU,CAAC;AAGzB,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|