@watt-ui/react 0.0.0-stage → 0.1.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/LICENSE +21 -0
- package/NOTICE +43 -0
- package/README.md +48 -2
- package/dist/chart/data.d.ts +13 -0
- package/dist/chart/data.d.ts.map +1 -0
- package/dist/chart/data.js +92 -0
- package/dist/chart/data.js.map +1 -0
- package/dist/chart/engine.d.ts +2 -0
- package/dist/chart/engine.d.ts.map +1 -0
- package/dist/chart/engine.js +16 -0
- package/dist/chart/engine.js.map +1 -0
- package/dist/chart/options.d.ts +18 -0
- package/dist/chart/options.d.ts.map +1 -0
- package/dist/chart/options.js +136 -0
- package/dist/chart/options.js.map +1 -0
- package/dist/components/alarm-feed.d.ts +18 -0
- package/dist/components/alarm-feed.d.ts.map +1 -0
- package/dist/components/alarm-feed.js +45 -0
- package/dist/components/alarm-feed.js.map +1 -0
- package/dist/components/asset-tree.d.ts +33 -0
- package/dist/components/asset-tree.d.ts.map +1 -0
- package/dist/components/asset-tree.js +149 -0
- package/dist/components/asset-tree.js.map +1 -0
- package/dist/components/battery-soc.d.ts +11 -0
- package/dist/components/battery-soc.d.ts.map +1 -0
- package/dist/components/battery-soc.js +34 -0
- package/dist/components/battery-soc.js.map +1 -0
- package/dist/components/data-freshness.d.ts +26 -0
- package/dist/components/data-freshness.d.ts.map +1 -0
- package/dist/components/data-freshness.js +45 -0
- package/dist/components/data-freshness.js.map +1 -0
- package/dist/components/energy-flow.d.ts +39 -0
- package/dist/components/energy-flow.d.ts.map +1 -0
- package/dist/components/energy-flow.js +197 -0
- package/dist/components/energy-flow.js.map +1 -0
- package/dist/components/flow-geometry.d.ts +24 -0
- package/dist/components/flow-geometry.d.ts.map +1 -0
- package/dist/components/flow-geometry.js +57 -0
- package/dist/components/flow-geometry.js.map +1 -0
- package/dist/components/power-metric.d.ts +14 -0
- package/dist/components/power-metric.d.ts.map +1 -0
- package/dist/components/power-metric.js +25 -0
- package/dist/components/power-metric.js.map +1 -0
- package/dist/components/status-indicator.d.ts +10 -0
- package/dist/components/status-indicator.d.ts.map +1 -0
- package/dist/components/status-indicator.js +15 -0
- package/dist/components/status-indicator.js.map +1 -0
- package/dist/components/telemetry-chart.d.ts +50 -0
- package/dist/components/telemetry-chart.d.ts.map +1 -0
- package/dist/components/telemetry-chart.js +256 -0
- package/dist/components/telemetry-chart.js.map +1 -0
- package/dist/domain.d.ts +6 -0
- package/dist/domain.d.ts.map +1 -0
- package/dist/domain.js +43 -0
- package/dist/domain.js.map +1 -0
- package/dist/icons/index.d.ts +7 -0
- package/dist/icons/index.d.ts.map +1 -0
- package/dist/icons/index.js +38 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/internal.d.ts +6 -0
- package/dist/internal.d.ts.map +1 -0
- package/dist/internal.js +45 -0
- package/dist/internal.js.map +1 -0
- package/dist/server.d.ts +10 -0
- package/dist/server.d.ts.map +1 -0
- package/dist/server.js +32 -0
- package/dist/server.js.map +1 -0
- package/dist/styles.css +134 -0
- package/dist/theme/shadcn.css +14 -0
- package/dist/types.d.ts +61 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +118 -4
- package/src/chart/data.ts +103 -0
- package/src/chart/engine.ts +19 -0
- package/src/chart/options.ts +178 -0
- package/src/components/alarm-feed.tsx +126 -0
- package/src/components/asset-tree.tsx +258 -0
- package/src/components/battery-soc.tsx +84 -0
- package/src/components/data-freshness.tsx +109 -0
- package/src/components/energy-flow.tsx +387 -0
- package/src/components/flow-geometry.ts +82 -0
- package/src/components/power-metric.tsx +71 -0
- package/src/components/status-indicator.tsx +31 -0
- package/src/components/telemetry-chart.tsx +476 -0
- package/src/domain.ts +64 -0
- package/src/icons/index.tsx +49 -0
- package/src/index.ts +37 -0
- package/src/internal.tsx +57 -0
- package/src/server.ts +47 -0
- package/src/styles.css +134 -0
- package/src/theme/shadcn.css +14 -0
- package/src/types.ts +64 -0
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export function anchor(rect, other) {
|
|
2
|
+
const dx = other.x + other.width / 2 - rect.x - rect.width / 2;
|
|
3
|
+
const dy = other.y + other.height / 2 - rect.y - rect.height / 2;
|
|
4
|
+
const side = rect.side ??
|
|
5
|
+
(Math.abs(dx) >= Math.abs(dy)
|
|
6
|
+
? dx >= 0
|
|
7
|
+
? "right"
|
|
8
|
+
: "left"
|
|
9
|
+
: dy >= 0
|
|
10
|
+
? "bottom"
|
|
11
|
+
: "top");
|
|
12
|
+
return {
|
|
13
|
+
side,
|
|
14
|
+
point: {
|
|
15
|
+
x: rect.x +
|
|
16
|
+
(side === "left" ? 0 : side === "right" ? rect.width : rect.width / 2),
|
|
17
|
+
y: rect.y +
|
|
18
|
+
(side === "top"
|
|
19
|
+
? 0
|
|
20
|
+
: side === "bottom"
|
|
21
|
+
? rect.height
|
|
22
|
+
: rect.height / 2),
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
export function connection(source, target, type) {
|
|
27
|
+
const a = anchor(source, target), b = anchor(target, source);
|
|
28
|
+
const start = a.point, end = b.point;
|
|
29
|
+
const middle = { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };
|
|
30
|
+
const move = `M ${start.x} ${start.y}`;
|
|
31
|
+
if (type === "straight")
|
|
32
|
+
return { path: `${move} L ${end.x} ${end.y}`, middle };
|
|
33
|
+
if (type === "step") {
|
|
34
|
+
const horizontal = a.side === "left" || a.side === "right";
|
|
35
|
+
return {
|
|
36
|
+
path: horizontal
|
|
37
|
+
? `${move} H ${middle.x} V ${end.y} H ${end.x}`
|
|
38
|
+
: `${move} V ${middle.y} H ${end.x} V ${end.y}`,
|
|
39
|
+
middle,
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
const distance = Math.max(36, Math.hypot(end.x - start.x, end.y - start.y) * 0.45);
|
|
43
|
+
const offset = (side) => ({
|
|
44
|
+
x: side === "left" ? -distance : side === "right" ? distance : 0,
|
|
45
|
+
y: side === "top" ? -distance : side === "bottom" ? distance : 0,
|
|
46
|
+
});
|
|
47
|
+
const da = offset(a.side), db = offset(b.side);
|
|
48
|
+
const c1 = { x: start.x + da.x, y: start.y + da.y }, c2 = { x: end.x + db.x, y: end.y + db.y };
|
|
49
|
+
return {
|
|
50
|
+
path: `${move} C ${c1.x} ${c1.y}, ${c2.x} ${c2.y}, ${end.x} ${end.y}`,
|
|
51
|
+
middle: {
|
|
52
|
+
x: (start.x + 3 * c1.x + 3 * c2.x + end.x) / 8,
|
|
53
|
+
y: (start.y + 3 * c1.y + 3 * c2.y + end.y) / 8,
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=flow-geometry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flow-geometry.js","sourceRoot":"","sources":["../../src/components/flow-geometry.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { PartProps, RootProps } from "../types.js";
|
|
2
|
+
export interface MetricValueProps extends PartProps {
|
|
3
|
+
value: number | null;
|
|
4
|
+
formatter?: (value: number) => React.ReactNode;
|
|
5
|
+
fallback?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const PowerMetric: {
|
|
8
|
+
Root: import("react").ForwardRefExoticComponent<RootProps & import("react").RefAttributes<HTMLElement>>;
|
|
9
|
+
Value: import("react").ForwardRefExoticComponent<MetricValueProps & import("react").RefAttributes<HTMLElement>>;
|
|
10
|
+
Label: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
11
|
+
Unit: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
12
|
+
Trend: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=power-metric.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"power-metric.d.ts","sourceRoot":"","sources":["../../src/components/power-metric.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAkBxD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAiCD,eAAO,MAAM,WAAW;;;;;;CAUvB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
5
|
+
import { cx, part } from "../internal.js";
|
|
6
|
+
import { formatNumber } from "../domain.js";
|
|
7
|
+
const Root = forwardRef(({ asChild, density = "comfortable", className, ...props }, ref) => {
|
|
8
|
+
const Component = asChild ? Slot : "div";
|
|
9
|
+
return (_jsx(Component, { ...props, ref: ref, "data-slot": "power-metric", "data-density": density, className: cx("watt-root flex flex-col gap-2 data-[density=compact]:gap-1", className) }));
|
|
10
|
+
});
|
|
11
|
+
const Value = forwardRef(({ asChild, value, formatter = formatNumber, fallback = "—", children, className, ...props }, ref) => {
|
|
12
|
+
const Component = asChild ? Slot : "span";
|
|
13
|
+
return (_jsx(Component, { ...props, ref: ref, "data-slot": "power-metric-value", className: cx("text-5xl font-medium tabular-nums tracking-tight", className), children: children ??
|
|
14
|
+
(value !== null && Number.isFinite(value)
|
|
15
|
+
? formatter(value)
|
|
16
|
+
: fallback) }));
|
|
17
|
+
});
|
|
18
|
+
export const PowerMetric = {
|
|
19
|
+
Root,
|
|
20
|
+
Value,
|
|
21
|
+
Label: part("power-metric-label", "text-sm text-[var(--watt-muted)]", "span"),
|
|
22
|
+
Unit: part("power-metric-unit", "text-lg text-[var(--watt-muted)]", "span"),
|
|
23
|
+
Trend: part("power-metric-trend", "inline-flex items-center gap-1 text-sm", "span"),
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=power-metric.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"power-metric.js","sourceRoot":"","sources":["../../src/components/power-metric.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,cAAc,kBACV,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAMF,MAAM,KAAK,GAAG,UAAU,CACtB,CACE,EACE,OAAO,EACP,KAAK,EACL,SAAS,GAAG,YAAY,EACxB,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,YAEA,QAAQ;YACP,CAAC,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACvC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;gBAClB,CAAC,CAAC,QAAQ,CAAC,GACL,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI;IACJ,KAAK;IACL,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,kCAAkC,EAAE,MAAM,CAAC;IAC7E,IAAI,EAAE,IAAI,CAAC,mBAAmB,EAAE,kCAAkC,EAAE,MAAM,CAAC;IAC3E,KAAK,EAAE,IAAI,CACT,oBAAoB,EACpB,wCAAwC,EACxC,MAAM,CACP;CACF,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { EquipmentStatus, RootProps } from "../types.js";
|
|
2
|
+
export interface StatusIndicatorProps extends RootProps {
|
|
3
|
+
status: EquipmentStatus;
|
|
4
|
+
}
|
|
5
|
+
export declare const StatusIndicator: {
|
|
6
|
+
Root: import("react").ForwardRefExoticComponent<StatusIndicatorProps & import("react").RefAttributes<HTMLElement>>;
|
|
7
|
+
Indicator: import("react").ForwardRefExoticComponent<import("../types.js").PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
8
|
+
Label: import("react").ForwardRefExoticComponent<import("../types.js").PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=status-indicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-indicator.d.ts","sourceRoot":"","sources":["../../src/components/status-indicator.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC9D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,MAAM,EAAE,eAAe,CAAC;CACzB;AAmBD,eAAO,MAAM,eAAe;;;;CAI3B,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
5
|
+
import { cx, part } from "../internal.js";
|
|
6
|
+
const Root = forwardRef(({ status, density = "comfortable", asChild, className, ...props }, ref) => {
|
|
7
|
+
const Component = asChild ? Slot : "span";
|
|
8
|
+
return (_jsx(Component, { ...props, ref: ref, "data-slot": "status-indicator", "data-status": status, "data-density": density, className: cx("watt-status inline-flex items-center gap-2 text-sm data-[density=compact]:gap-1 data-[density=compact]:text-xs", className) }));
|
|
9
|
+
});
|
|
10
|
+
export const StatusIndicator = {
|
|
11
|
+
Root,
|
|
12
|
+
Indicator: part("status-indicator-dot", "watt-status-dot", "span"),
|
|
13
|
+
Label: part("status-indicator-label", "", "span"),
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=status-indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-indicator.js","sourceRoot":"","sources":["../../src/components/status-indicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAK1C,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,kBAAkB,iBACf,MAAM,kBACL,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,gHAAgH,EAChH,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI;IACJ,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,CAAC;IAClE,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,EAAE,EAAE,MAAM,CAAC;CAClD,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { EChartsCoreOption, EChartsType } from "echarts/core";
|
|
2
|
+
import type { RootProps, TelemetrySeries, TimeRange, DataQuality } from "../types.js";
|
|
3
|
+
export interface ChartInspection {
|
|
4
|
+
timestamp: number;
|
|
5
|
+
values: {
|
|
6
|
+
id: string;
|
|
7
|
+
label: string;
|
|
8
|
+
unit: string;
|
|
9
|
+
timestamp: number;
|
|
10
|
+
value: number | null;
|
|
11
|
+
quality?: DataQuality;
|
|
12
|
+
}[];
|
|
13
|
+
}
|
|
14
|
+
export interface TelemetryChartProps extends Omit<RootProps, "onError"> {
|
|
15
|
+
series: readonly TelemetrySeries[];
|
|
16
|
+
timeZone: string;
|
|
17
|
+
locale?: string;
|
|
18
|
+
range?: TimeRange;
|
|
19
|
+
onRangeChange?: (range: TimeRange) => void;
|
|
20
|
+
sampling?: "minmax" | "none";
|
|
21
|
+
options?: EChartsCoreOption;
|
|
22
|
+
events?: Readonly<Record<string, (event: unknown, chart: EChartsType) => void>>;
|
|
23
|
+
onReady?: (chart: EChartsType) => void;
|
|
24
|
+
onError?: (error: Error) => void;
|
|
25
|
+
}
|
|
26
|
+
export interface ChartCanvasProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
27
|
+
/** Trusted output of renderTelemetrySVG, never untrusted HTML. */
|
|
28
|
+
previewSvg?: string;
|
|
29
|
+
height?: number;
|
|
30
|
+
}
|
|
31
|
+
declare function Tooltip({ children, ...props }: Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
32
|
+
children: (inspection: ChartInspection | null) => React.ReactNode;
|
|
33
|
+
}): import("react").JSX.Element;
|
|
34
|
+
export declare const TelemetryChart: {
|
|
35
|
+
Root: import("react").ForwardRefExoticComponent<TelemetryChartProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
36
|
+
Canvas: import("react").ForwardRefExoticComponent<ChartCanvasProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
37
|
+
Legend: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
38
|
+
children?: (series: {
|
|
39
|
+
id: string;
|
|
40
|
+
label: string;
|
|
41
|
+
color?: string;
|
|
42
|
+
hidden: boolean;
|
|
43
|
+
toggle: () => void;
|
|
44
|
+
}) => React.ReactNode;
|
|
45
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
46
|
+
Tooltip: typeof Tooltip;
|
|
47
|
+
Description: import("react").ForwardRefExoticComponent<import("../types.js").PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
48
|
+
};
|
|
49
|
+
export {};
|
|
50
|
+
//# sourceMappingURL=telemetry-chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"telemetry-chart.d.ts","sourceRoot":"","sources":["../../src/components/telemetry-chart.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAQnE,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,WAAW,EACZ,MAAM,aAAa,CAAC;AACrB,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,OAAO,CAAC,EAAE,WAAW,CAAC;KACvB,EAAE,CAAC;CACL;AACD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IACrE,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,QAAQ,CACf,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC,CAC7D,CAAC;IACF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AA4HD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA6QD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1D,QAAQ,EAAE,CAAC,UAAU,EAAE,eAAe,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACnE,+BAYA;AACD,eAAO,MAAM,cAAc;;;;mBA9DZ,CAAC,MAAM,EAAE;YAClB,EAAE,EAAE,MAAM,CAAC;YACX,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,MAAM,EAAE,OAAO,CAAC;YAChB,MAAM,EAAE,MAAM,IAAI,CAAC;SACpB,KAAK,KAAK,CAAC,SAAS;;;;CAiExB,CAAC"}
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
4
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
5
|
+
import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
|
|
6
|
+
import { cx, part } from "../internal.js";
|
|
7
|
+
import { nearestIndex, prepareSeries, lowerBound } from "../chart/data.js";
|
|
8
|
+
import { chartOption, hasManagedConflict, } from "../chart/options.js";
|
|
9
|
+
const Context = createContext(null);
|
|
10
|
+
function useChart() {
|
|
11
|
+
const ctx = useContext(Context);
|
|
12
|
+
if (!ctx)
|
|
13
|
+
throw new Error("Chart parts require TelemetryChart.Root");
|
|
14
|
+
return ctx;
|
|
15
|
+
}
|
|
16
|
+
const Root = forwardRef(({ series, timeZone, locale, range, onRangeChange, sampling = "minmax", options, events, onReady, onError, density = "comfortable", asChild, children, className, ...props }, ref) => {
|
|
17
|
+
const prepared = useMemo(() => prepareSeries(series), [series]);
|
|
18
|
+
const [hidden, setHidden] = useState(() => new Set());
|
|
19
|
+
const [timestamp, setTimestamp] = useState(null);
|
|
20
|
+
const inspect = useCallback((time) => setTimestamp(time), []);
|
|
21
|
+
const toggle = useCallback((id) => setHidden((old) => {
|
|
22
|
+
const next = new Set(old);
|
|
23
|
+
if (next.has(id))
|
|
24
|
+
next.delete(id);
|
|
25
|
+
else
|
|
26
|
+
next.add(id);
|
|
27
|
+
return next;
|
|
28
|
+
}), []);
|
|
29
|
+
const inspection = useMemo(() => timestamp === null
|
|
30
|
+
? null
|
|
31
|
+
: {
|
|
32
|
+
timestamp,
|
|
33
|
+
values: prepared
|
|
34
|
+
.filter((s) => !hidden.has(s.id))
|
|
35
|
+
.flatMap((s) => {
|
|
36
|
+
const index = nearestIndex(s.points, timestamp);
|
|
37
|
+
const p = s.points[index];
|
|
38
|
+
return p
|
|
39
|
+
? [
|
|
40
|
+
{
|
|
41
|
+
id: s.id,
|
|
42
|
+
label: s.label,
|
|
43
|
+
unit: s.unit,
|
|
44
|
+
timestamp: p[0],
|
|
45
|
+
value: p[1],
|
|
46
|
+
quality: s.sourcePoints[index]?.quality,
|
|
47
|
+
},
|
|
48
|
+
]
|
|
49
|
+
: [];
|
|
50
|
+
}),
|
|
51
|
+
}, [timestamp, prepared, hidden]);
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
if (hasManagedConflict({ series: prepared, range, timeZone, options }) &&
|
|
54
|
+
process.env.NODE_ENV !== "production")
|
|
55
|
+
console.warn("Watt UI: explicit chart props override series, axes, zoom, tooltip and legend options.");
|
|
56
|
+
}, [options, prepared, range, timeZone]);
|
|
57
|
+
const Component = asChild ? Slot : "div";
|
|
58
|
+
return (_jsx(Context.Provider, { value: {
|
|
59
|
+
series: prepared,
|
|
60
|
+
timeZone,
|
|
61
|
+
locale,
|
|
62
|
+
range,
|
|
63
|
+
onRangeChange,
|
|
64
|
+
sampling,
|
|
65
|
+
options,
|
|
66
|
+
events,
|
|
67
|
+
inspection,
|
|
68
|
+
inspect,
|
|
69
|
+
hidden,
|
|
70
|
+
toggle,
|
|
71
|
+
onReady,
|
|
72
|
+
onError,
|
|
73
|
+
}, children: _jsx(Component, { ...props, ref: ref, "data-slot": "telemetry-chart", "data-density": density, className: cx("watt-root min-w-0", className), children: children }) }));
|
|
74
|
+
});
|
|
75
|
+
const Canvas = forwardRef(({ previewSvg, height = 300, className, style, onKeyDown, ...props }, forwardedRef) => {
|
|
76
|
+
const ctx = useChart();
|
|
77
|
+
const ctxRef = useRef(ctx);
|
|
78
|
+
ctxRef.current = ctx;
|
|
79
|
+
const host = useRef(null);
|
|
80
|
+
const instance = useRef(null);
|
|
81
|
+
const localRange = useRef(undefined);
|
|
82
|
+
const previousRange = useRef(ctx.range);
|
|
83
|
+
const bindings = useRef(new Map());
|
|
84
|
+
const [ready, setReady] = useState(false);
|
|
85
|
+
const [error, setError] = useState(null);
|
|
86
|
+
const canvasRef = useComposedRefs(host, forwardedRef);
|
|
87
|
+
const render = useRef(() => { });
|
|
88
|
+
useEffect(() => {
|
|
89
|
+
let alive = true, frame = 0, firstRendered = false;
|
|
90
|
+
let observer;
|
|
91
|
+
import("../chart/engine.js")
|
|
92
|
+
.then(({ initCanvas }) => {
|
|
93
|
+
if (!alive || !host.current)
|
|
94
|
+
return;
|
|
95
|
+
const chart = initCanvas(host.current);
|
|
96
|
+
instance.current = chart;
|
|
97
|
+
render.current = () => {
|
|
98
|
+
cancelAnimationFrame(frame);
|
|
99
|
+
frame = requestAnimationFrame(() => {
|
|
100
|
+
if (!alive || !host.current)
|
|
101
|
+
return;
|
|
102
|
+
try {
|
|
103
|
+
const current = ctxRef.current;
|
|
104
|
+
const styles = getComputedStyle(host.current);
|
|
105
|
+
chart.resize({ silent: true });
|
|
106
|
+
chart.setOption(chartOption({
|
|
107
|
+
...current,
|
|
108
|
+
range: current.range ?? localRange.current,
|
|
109
|
+
series: current.series.filter((s) => !current.hidden.has(s.id)),
|
|
110
|
+
}, host.current.clientWidth, {
|
|
111
|
+
text: styles.getPropertyValue("--watt-muted").trim() ||
|
|
112
|
+
"#667085",
|
|
113
|
+
border: styles.getPropertyValue("--watt-border").trim() ||
|
|
114
|
+
"#e7e9ee",
|
|
115
|
+
accent: styles.getPropertyValue("--watt-accent").trim() ||
|
|
116
|
+
"#355dff",
|
|
117
|
+
}), { notMerge: true, lazyUpdate: false });
|
|
118
|
+
setReady(true);
|
|
119
|
+
if (!firstRendered) {
|
|
120
|
+
firstRendered = true;
|
|
121
|
+
ctxRef.current.onReady?.(chart);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
catch (reason) {
|
|
125
|
+
const failure = reason instanceof Error ? reason : new Error(String(reason));
|
|
126
|
+
setError(failure);
|
|
127
|
+
ctxRef.current.onError?.(failure);
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
};
|
|
131
|
+
chart.on("updateAxisPointer", (event) => {
|
|
132
|
+
const e = event;
|
|
133
|
+
const value = e.axesInfo?.[0]?.value;
|
|
134
|
+
if (value !== undefined)
|
|
135
|
+
ctxRef.current.inspect(value);
|
|
136
|
+
});
|
|
137
|
+
chart.on("datazoom", () => {
|
|
138
|
+
const zoom = chart.getOption().dataZoom?.[0];
|
|
139
|
+
if (typeof zoom?.startValue === "number" &&
|
|
140
|
+
typeof zoom.endValue === "number" &&
|
|
141
|
+
zoom.startValue < zoom.endValue) {
|
|
142
|
+
localRange.current = [zoom.startValue, zoom.endValue];
|
|
143
|
+
ctxRef.current.onRangeChange?.(localRange.current);
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
for (const name of Object.keys(ctxRef.current.events ?? {})) {
|
|
147
|
+
const handler = (event) => ctxRef.current.events?.[name]?.(event, chart);
|
|
148
|
+
bindings.current.set(name, handler);
|
|
149
|
+
chart.on(name, handler);
|
|
150
|
+
}
|
|
151
|
+
observer = new ResizeObserver(() => render.current());
|
|
152
|
+
observer.observe(host.current);
|
|
153
|
+
render.current();
|
|
154
|
+
})
|
|
155
|
+
.catch((reason) => {
|
|
156
|
+
if (alive) {
|
|
157
|
+
const failure = reason instanceof Error ? reason : new Error(String(reason));
|
|
158
|
+
setError(failure);
|
|
159
|
+
ctxRef.current.onError?.(failure);
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
return () => {
|
|
163
|
+
alive = false;
|
|
164
|
+
cancelAnimationFrame(frame);
|
|
165
|
+
observer?.disconnect();
|
|
166
|
+
instance.current?.dispose();
|
|
167
|
+
instance.current = null;
|
|
168
|
+
bindings.current.clear();
|
|
169
|
+
render.current = () => { };
|
|
170
|
+
};
|
|
171
|
+
}, []);
|
|
172
|
+
useEffect(() => {
|
|
173
|
+
if (previousRange.current !== ctx.range) {
|
|
174
|
+
if (ctx.range === undefined)
|
|
175
|
+
localRange.current = undefined;
|
|
176
|
+
previousRange.current = ctx.range;
|
|
177
|
+
}
|
|
178
|
+
render.current();
|
|
179
|
+
}, [
|
|
180
|
+
ctx.series,
|
|
181
|
+
ctx.range,
|
|
182
|
+
ctx.sampling,
|
|
183
|
+
ctx.options,
|
|
184
|
+
ctx.hidden,
|
|
185
|
+
ctx.timeZone,
|
|
186
|
+
ctx.locale,
|
|
187
|
+
]);
|
|
188
|
+
const eventNames = Object.keys(ctx.events ?? {})
|
|
189
|
+
.sort()
|
|
190
|
+
.join("\0");
|
|
191
|
+
useEffect(() => {
|
|
192
|
+
const chart = instance.current;
|
|
193
|
+
if (!chart || !ready)
|
|
194
|
+
return;
|
|
195
|
+
const names = new Set(eventNames ? eventNames.split("\0") : []);
|
|
196
|
+
for (const [name, handler] of bindings.current)
|
|
197
|
+
if (!names.has(name)) {
|
|
198
|
+
chart.off(name, handler);
|
|
199
|
+
bindings.current.delete(name);
|
|
200
|
+
}
|
|
201
|
+
for (const name of names)
|
|
202
|
+
if (!bindings.current.has(name)) {
|
|
203
|
+
const handler = (event) => ctxRef.current.events?.[name]?.(event, chart);
|
|
204
|
+
bindings.current.set(name, handler);
|
|
205
|
+
chart.on(name, handler);
|
|
206
|
+
}
|
|
207
|
+
}, [eventNames, ready]);
|
|
208
|
+
return (_jsxs("div", { "data-slot": "telemetry-chart-canvas-wrapper", className: "relative min-w-0", style: { height }, children: [!ready && previewSvg && (_jsx("div", { "aria-hidden": "true", className: "watt-chart-preview absolute inset-0", dangerouslySetInnerHTML: { __html: previewSvg } })), _jsx("div", { ...props, ref: canvasRef, role: "img", tabIndex: 0, "aria-busy": !ready && !error, "data-slot": "telemetry-chart-canvas", "data-error": !!error || undefined, className: cx("h-full w-full outline-offset-4 focus-visible:outline-2 focus-visible:outline-[var(--watt-accent)]", className), style: style, onKeyDown: (event) => {
|
|
209
|
+
onKeyDown?.(event);
|
|
210
|
+
if (event.defaultPrevented)
|
|
211
|
+
return;
|
|
212
|
+
const points = ctx.series.find((s) => !ctx.hidden.has(s.id))?.points;
|
|
213
|
+
if (!points?.length)
|
|
214
|
+
return;
|
|
215
|
+
if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
|
|
216
|
+
event.preventDefault();
|
|
217
|
+
const i = ctx.inspection
|
|
218
|
+
? lowerBound(points, ctx.inspection.timestamp)
|
|
219
|
+
: -1;
|
|
220
|
+
const index = event.key === "Home"
|
|
221
|
+
? 0
|
|
222
|
+
: event.key === "End"
|
|
223
|
+
? points.length - 1
|
|
224
|
+
: Math.max(0, Math.min(points.length - 1, i + (event.key === "ArrowRight" ? 1 : -1)));
|
|
225
|
+
const time = points[index][0];
|
|
226
|
+
ctx.inspect(time);
|
|
227
|
+
instance.current?.dispatchAction({
|
|
228
|
+
type: "showTip",
|
|
229
|
+
x: instance.current.convertToPixel({ xAxisIndex: 0 }, time),
|
|
230
|
+
y: 50,
|
|
231
|
+
});
|
|
232
|
+
}
|
|
233
|
+
else if (event.key === "Escape")
|
|
234
|
+
ctx.inspect(null);
|
|
235
|
+
} })] }));
|
|
236
|
+
});
|
|
237
|
+
const Legend = forwardRef(({ children, className, ...props }, ref) => {
|
|
238
|
+
const ctx = useChart();
|
|
239
|
+
return (_jsx("div", { ...props, ref: ref, "data-slot": "telemetry-chart-legend", className: cx("flex flex-wrap gap-4 text-sm", className), children: ctx.series.map((s) => (_jsx("span", { children: children ? (children({
|
|
240
|
+
...s,
|
|
241
|
+
hidden: ctx.hidden.has(s.id),
|
|
242
|
+
toggle: () => ctx.toggle(s.id),
|
|
243
|
+
})) : (_jsxs("button", { type: "button", "aria-pressed": !ctx.hidden.has(s.id), onClick: () => ctx.toggle(s.id), className: "inline-flex items-center gap-2", children: [_jsx("span", { className: "h-2 w-2 rounded-full", style: { background: s.color ?? "var(--watt-accent)" } }), s.label] })) }, s.id))) }));
|
|
244
|
+
});
|
|
245
|
+
function Tooltip({ children, ...props }) {
|
|
246
|
+
const { inspection } = useChart();
|
|
247
|
+
return (_jsx("div", { ...props, "data-slot": "telemetry-chart-tooltip", "aria-live": props["aria-live"] ?? "polite", "aria-atomic": props["aria-atomic"] ?? true, children: children(inspection) }));
|
|
248
|
+
}
|
|
249
|
+
export const TelemetryChart = {
|
|
250
|
+
Root,
|
|
251
|
+
Canvas,
|
|
252
|
+
Legend,
|
|
253
|
+
Tooltip,
|
|
254
|
+
Description: part("telemetry-chart-description", "text-sm text-[var(--watt-muted)]"),
|
|
255
|
+
};
|
|
256
|
+
//# sourceMappingURL=telemetry-chart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"telemetry-chart.js","sourceRoot":"","sources":["../../src/components/telemetry-chart.tsx"],"names":[],"mappings":"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"}
|
package/dist/domain.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Timestamp } from "./types.js";
|
|
2
|
+
/** Strings require an explicit ISO timezone; numbers are Unix milliseconds. */
|
|
3
|
+
export declare function parseTimestamp(value: Timestamp | null | undefined): number | null;
|
|
4
|
+
export declare function formatNumber(value: number | null | undefined, locale?: string, digits?: number): string;
|
|
5
|
+
export declare function formatTime(value: Timestamp, timeZone: string, locale?: string): string;
|
|
6
|
+
//# sourceMappingURL=domain.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../src/domain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,+EAA+E;AAC/E,wBAAgB,cAAc,CAC5B,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAClC,MAAM,GAAG,IAAI,CAiCf;AACD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,MAAM,SAAU,EAChB,MAAM,SAAI,GACT,MAAM,CAMR;AACD,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,MAAM,EAChB,MAAM,SAAU,GACf,MAAM,CASR"}
|
package/dist/domain.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/** Strings require an explicit ISO timezone; numbers are Unix milliseconds. */
|
|
2
|
+
export function parseTimestamp(value) {
|
|
3
|
+
if (typeof value === "number")
|
|
4
|
+
return Number.isFinite(value) && Math.abs(value) <= 8.64e15 ? value : null;
|
|
5
|
+
if (!value ||
|
|
6
|
+
!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})$/.test(value))
|
|
7
|
+
return null;
|
|
8
|
+
const [year, month, day] = value.slice(0, 10).split("-").map(Number);
|
|
9
|
+
const days = [
|
|
10
|
+
31,
|
|
11
|
+
year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0) ? 29 : 28,
|
|
12
|
+
31,
|
|
13
|
+
30,
|
|
14
|
+
31,
|
|
15
|
+
30,
|
|
16
|
+
31,
|
|
17
|
+
31,
|
|
18
|
+
30,
|
|
19
|
+
31,
|
|
20
|
+
30,
|
|
21
|
+
31,
|
|
22
|
+
][month - 1] ?? 0;
|
|
23
|
+
if (month < 1 || month > 12 || day < 1 || day > days)
|
|
24
|
+
return null;
|
|
25
|
+
const result = Date.parse(value);
|
|
26
|
+
return Number.isFinite(result) ? result : null;
|
|
27
|
+
}
|
|
28
|
+
export function formatNumber(value, locale = "en-US", digits = 1) {
|
|
29
|
+
return value == null || !Number.isFinite(value)
|
|
30
|
+
? "—"
|
|
31
|
+
: new Intl.NumberFormat(locale, { maximumFractionDigits: digits }).format(value);
|
|
32
|
+
}
|
|
33
|
+
export function formatTime(value, timeZone, locale = "en-GB") {
|
|
34
|
+
const time = parseTimestamp(value);
|
|
35
|
+
return time === null
|
|
36
|
+
? "—"
|
|
37
|
+
: new Intl.DateTimeFormat(locale, {
|
|
38
|
+
timeZone,
|
|
39
|
+
hour: "2-digit",
|
|
40
|
+
minute: "2-digit",
|
|
41
|
+
}).format(time);
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=domain.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domain.js","sourceRoot":"","sources":["../src/domain.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,MAAM,UAAU,cAAc,CAC5B,KAAmC;IAEnC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC3B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7E,IACE,CAAC,KAAK;QACN,CAAC,sEAAsE,CAAC,IAAI,CAC1E,KAAK,CACN;QAED,OAAO,IAAI,CAAC;IACd,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAIlE,CAAC;IACF,MAAM,IAAI,GACR;QACE,EAAE;QACF,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QAClE,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;KACH,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;IACpB,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,EAAE,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,IAAI;QAAE,OAAO,IAAI,CAAC;IAClE,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjC,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACjD,CAAC;AACD,MAAM,UAAU,YAAY,CAC1B,KAAgC,EAChC,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,CAAC;IAEV,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC7C,CAAC,CAAC,GAAG;QACL,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,qBAAqB,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CACrE,KAAK,CACN,CAAC;AACR,CAAC;AACD,MAAM,UAAU,UAAU,CACxB,KAAgB,EAChB,QAAgB,EAChB,MAAM,GAAG,OAAO;IAEhB,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACnC,OAAO,IAAI,KAAK,IAAI;QAClB,CAAC,CAAC,GAAG;QACL,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;YAC9B,QAAQ;YACR,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;SAClB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { SolarPanel, Sun, Battery, BatteryCharging, UtilityPole, Factory, House, CircuitBoard, PlugZap, Zap, } from "lucide-react";
|
|
2
|
+
export type { LucideProps as EnergyIconProps } from "lucide-react";
|
|
3
|
+
export declare const Inverter: import("lucide-react").LucideIcon;
|
|
4
|
+
export declare const Busbar: import("lucide-react").LucideIcon;
|
|
5
|
+
export declare const BatteryRack: import("lucide-react").LucideIcon;
|
|
6
|
+
export declare const Transformer: import("lucide-react").LucideIcon;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,GAAG,EACH,OAAO,EACP,eAAe,EACf,WAAW,EACX,OAAO,EACP,KAAK,EACL,YAAY,EACZ,OAAO,EACP,GAAG,GACJ,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AACnE,eAAO,MAAM,QAAQ,mCASnB,CAAC;AACH,eAAO,MAAM,MAAM,mCAKjB,CAAC;AACH,eAAO,MAAM,WAAW,mCAStB,CAAC;AACH,eAAO,MAAM,WAAW,mCAQtB,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { createLucideIcon } from "lucide-react";
|
|
2
|
+
export { SolarPanel, Sun, Battery, BatteryCharging, UtilityPole, Factory, House, CircuitBoard, PlugZap, Zap, } from "lucide-react";
|
|
3
|
+
export const Inverter = createLucideIcon("inverter", [
|
|
4
|
+
["rect", { x: "5", y: "3", width: "14", height: "18", rx: "2", key: "body" }],
|
|
5
|
+
[
|
|
6
|
+
"path",
|
|
7
|
+
{
|
|
8
|
+
d: "M8 7h3m-3 3h3m3-3h2m-2 3h2M8 16c1-3 2 3 3 0s2 3 3 0 2 0 2 0",
|
|
9
|
+
key: "controls",
|
|
10
|
+
},
|
|
11
|
+
],
|
|
12
|
+
]);
|
|
13
|
+
export const Busbar = createLucideIcon("busbar", [
|
|
14
|
+
["path", { d: "M3 6h18M5 6v9m7-9v9m7-9v9", key: "bus" }],
|
|
15
|
+
["circle", { cx: "5", cy: "18", r: "2", key: "a" }],
|
|
16
|
+
["circle", { cx: "12", cy: "18", r: "2", key: "b" }],
|
|
17
|
+
["circle", { cx: "19", cy: "18", r: "2", key: "c" }],
|
|
18
|
+
]);
|
|
19
|
+
export const BatteryRack = createLucideIcon("battery-rack", [
|
|
20
|
+
["rect", { x: "5", y: "3", width: "14", height: "18", rx: "2", key: "rack" }],
|
|
21
|
+
[
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
d: "M5 9h14M5 15h14M8 6h2m-2 6h2m-2 6h2m6-12h.01M16 12h.01M16 18h.01",
|
|
25
|
+
key: "modules",
|
|
26
|
+
},
|
|
27
|
+
],
|
|
28
|
+
]);
|
|
29
|
+
export const Transformer = createLucideIcon("transformer", [
|
|
30
|
+
[
|
|
31
|
+
"path",
|
|
32
|
+
{
|
|
33
|
+
d: "M7 3v3m10-3v3M7 18v3m10-3v3M10 6H7a3 3 0 0 0 0 6 3 3 0 0 0 0 6h3m4-12h3a3 3 0 0 1 0 6 3 3 0 0 1 0 6h-3M12 5v14",
|
|
34
|
+
key: "windings",
|
|
35
|
+
},
|
|
36
|
+
],
|
|
37
|
+
]);
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EACL,UAAU,EACV,GAAG,EACH,OAAO,EACP,eAAe,EACf,WAAW,EACX,OAAO,EACP,KAAK,EACL,YAAY,EACZ,OAAO,EACP,GAAG,GACJ,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,UAAU,EAAE;IACnD,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7E;QACE,MAAM;QACN;YACE,CAAC,EAAE,6DAA6D;YAChE,GAAG,EAAE,UAAU;SAChB;KACF;CACF,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,gBAAgB,CAAC,QAAQ,EAAE;IAC/C,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2BAA2B,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IACxD,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACnD,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACpD,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CACrD,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAC,cAAc,EAAE;IAC1D,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7E;QACE,MAAM;QACN;YACE,CAAC,EAAE,kEAAkE;YACrE,GAAG,EAAE,SAAS;SACf;KACF;CACF,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAC,aAAa,EAAE;IACzD;QACE,MAAM;QACN;YACE,CAAC,EAAE,gHAAgH;YACnH,GAAG,EAAE,UAAU;SAChB;KACF;CACF,CAAC,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export { PowerMetric } from "./components/power-metric.js";
|
|
2
|
+
export { StatusIndicator } from "./components/status-indicator.js";
|
|
3
|
+
export { DataFreshness } from "./components/data-freshness.js";
|
|
4
|
+
export { BatterySOC } from "./components/battery-soc.js";
|
|
5
|
+
export { TelemetryChart } from "./components/telemetry-chart.js";
|
|
6
|
+
export { EnergyFlow } from "./components/energy-flow.js";
|
|
7
|
+
export { AlarmFeed } from "./components/alarm-feed.js";
|
|
8
|
+
export { AssetTree } from "./components/asset-tree.js";
|
|
9
|
+
export { formatNumber, formatTime, parseTimestamp } from "./domain.js";
|
|
10
|
+
export type * from "./types.js";
|
|
11
|
+
export type { MetricValueProps } from "./components/power-metric.js";
|
|
12
|
+
export type { StatusIndicatorProps } from "./components/status-indicator.js";
|
|
13
|
+
export type { BatterySOCProps } from "./components/battery-soc.js";
|
|
14
|
+
export type { DataFreshnessProps, FreshnessTimeProps, FreshnessElapsedProps, } from "./components/data-freshness.js";
|
|
15
|
+
export type { TelemetryChartProps, ChartCanvasProps, ChartInspection, } from "./components/telemetry-chart.js";
|
|
16
|
+
export type { EnergyFlowProps, FlowAnimation, FlowStyle, FlowNodeProps, FlowPortProps, FlowEdgeProps, } from "./components/energy-flow.js";
|
|
17
|
+
export type { AlarmFeedProps } from "./components/alarm-feed.js";
|
|
18
|
+
export type { AssetTreeProps, AssetTreeRow, AssetTreeItem, } from "./components/asset-tree.js";
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|