@watt-ui/react 0.1.0 → 0.1.2
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/README.md +2 -1
- package/dist/components/alarm-feed.d.ts +2 -2
- package/dist/components/alarm-feed.d.ts.map +1 -1
- package/dist/components/alarm-feed.js +38 -16
- package/dist/components/alarm-feed.js.map +1 -1
- package/dist/components/asset-tree.d.ts +6 -2
- package/dist/components/asset-tree.d.ts.map +1 -1
- package/dist/components/asset-tree.js +15 -8
- package/dist/components/asset-tree.js.map +1 -1
- package/dist/components/battery-soc.d.ts +2 -2
- package/dist/components/battery-soc.d.ts.map +1 -1
- package/dist/components/battery-soc.js +4 -3
- package/dist/components/battery-soc.js.map +1 -1
- package/dist/components/data-freshness.d.ts +2 -2
- package/dist/components/data-freshness.d.ts.map +1 -1
- package/dist/components/data-freshness.js +8 -3
- package/dist/components/data-freshness.js.map +1 -1
- package/dist/components/energy-flow.d.ts.map +1 -1
- package/dist/components/energy-flow.js +22 -1
- package/dist/components/energy-flow.js.map +1 -1
- package/dist/components/power-metric.d.ts +5 -3
- package/dist/components/power-metric.d.ts.map +1 -1
- package/dist/components/power-metric.js +10 -5
- package/dist/components/power-metric.js.map +1 -1
- package/dist/components/status-indicator.d.ts +2 -2
- package/dist/components/status-indicator.d.ts.map +1 -1
- package/dist/components/status-indicator.js +8 -3
- package/dist/components/status-indicator.js.map +1 -1
- package/dist/components/telemetry-chart.d.ts +5 -7
- package/dist/components/telemetry-chart.d.ts.map +1 -1
- package/dist/components/telemetry-chart.js +30 -21
- package/dist/components/telemetry-chart.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/motion.d.ts +12 -0
- package/dist/motion.d.ts.map +1 -0
- package/dist/motion.js +90 -0
- package/dist/motion.js.map +1 -0
- package/dist/styles.css +39 -0
- package/dist/types.d.ts +10 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alarm-feed.tsx +97 -62
- package/src/components/asset-tree.tsx +56 -31
- package/src/components/battery-soc.tsx +29 -14
- package/src/components/data-freshness.tsx +34 -17
- package/src/components/energy-flow.tsx +24 -1
- package/src/components/power-metric.tsx +32 -17
- package/src/components/status-indicator.tsx +34 -15
- package/src/components/telemetry-chart.tsx +60 -38
- package/src/index.ts +5 -1
- package/src/motion.tsx +117 -0
- package/src/styles.css +39 -0
- package/src/types.ts +30 -4
package/README.md
CHANGED
|
@@ -32,6 +32,7 @@ Exports: `PowerMetric`, `StatusIndicator`, `DataFreshness`, `BatterySOC`, `Telem
|
|
|
32
32
|
The 12 use cases live in the Playground, including solar yield, inverter status, charge/discharge and energy balance as composition recipes. `demo/recipes.tsx` contains their working source.
|
|
33
33
|
|
|
34
34
|
## Contracts
|
|
35
|
+
- Component roots support `motion={false}` or `motion={{duration: 240, easing: 'ease-out'}}`: metric-value/quality/status change feedback, SOC fill continuity, new-alarm feedback, tree selection/`AssetTree.Indicator expanded={expanded}`, and chart legend/inspection feedback. Duration is milliseconds (0 disables); `--watt-motion-duration` and `--watt-motion-easing` are CSS overrides. No initial entrance or numeric interpolation; Reduced Motion cancels these effects. EnergyFlow keeps its separate `animation` API below; chart data animation stays off by default.
|
|
35
36
|
- Content and translation belong to children/render functions. DOM parts support refs and `asChild`; Canvas and virtualized list wrappers keep their required DOM structure.
|
|
36
37
|
- Measurements, units, quality, equipment status, direction and business calculations come from your app. There is no automatic stale detection, transport, integration or conversion. Invalid SOC (outside 0–100) displays an empty track without a false numeric reading.
|
|
37
38
|
- Charts require sorted timestamps: ISO 8601 with timezone or Unix milliseconds. Use explicit `null` for gaps. Series IDs must be unique; each axis has one unit, with at most two axes. Inputs are immutable snapshots; keep references stable when unchanged.
|
|
@@ -39,7 +40,7 @@ The 12 use cases live in the Playground, including solar yield, inverter status,
|
|
|
39
40
|
- Explicit Watt fields own axes, series, zoom, legend and tooltip; other ECharts options pass through. Data quality is inspection metadata; use `null` yourself to omit a point. Arrow/Home/End inspect original samples. Inside zoom uses Ctrl+wheel; range synchronization belongs to your app.
|
|
40
41
|
- SSR emits a deterministic chart shell. Optional server-only `renderTelemetrySVG({series,timeZone,width,height})` from `@watt-ui/react/server` generates trusted `previewSvg` for `Canvas`. Canvas replaces it after its first render; this is not SVG hydration. Do not pass untrusted HTML as `previewSvg`.
|
|
41
42
|
- `EnergyFlow.Root` measures your CSS layout after mount; nodes SSR-render, edges appear after measurement. Connect Node IDs or explicit Port IDs with Edge source/target. Layout changes caused by CSS transforms need a resize or class/style mutation; graph editing and automatic graph layout are not included. Labels are your content; add an accessible diagram description. Missing endpoints remain unrendered until registered.
|
|
42
|
-
- Flow animation: `particles/dash/pulse/none`, nonnegative speed (0 pauses), particleSize/count (maximum 100), strokeWidth, color and `straight/step/bezier`. Root defaults can be overridden per Edge. Reduced Motion retains static arrows.
|
|
43
|
+
- Flow animation: `particles/dash/pulse/none`, nonnegative speed (0 pauses), particleSize/count (maximum 100), strokeWidth, color and `straight/step/bezier`. Root defaults can be overridden per Edge. Motion pauses offscreen or in a hidden tab; Reduced Motion retains static arrows.
|
|
43
44
|
- `AssetTree.Root` takes immutable `items`, a row render function, `expandedIds/onExpandedChange`, `selectedIds/onSelectionChange`, optional defaults and `onActivate`. Give it an `aria-label`. Virtual rows use a fixed `rowHeight` (36 compact / 48 comfortable); keep content within that height. No built-in fetching, editing or drag/drop.
|
|
44
45
|
- `AlarmFeed.Root` renders supplied order and exposes a row function; optional virtualization uses `height/rowHeight`. Your app owns acknowledgement, filtering, sorting and actions. Live announcements are opt-in through your wrapper's ARIA props.
|
|
45
46
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { RefAttributes, ReactElement } from "react";
|
|
2
|
-
import type { AlarmEvent, Density } from "../types.js";
|
|
3
|
-
export interface AlarmFeedProps<T extends AlarmEvent = AlarmEvent> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"
|
|
2
|
+
import type { AlarmEvent, Density, MotionProps } from "../types.js";
|
|
3
|
+
export interface AlarmFeedProps<T extends AlarmEvent = AlarmEvent> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, MotionProps {
|
|
4
4
|
items: readonly T[];
|
|
5
5
|
children: (item: T, index: number) => React.ReactNode;
|
|
6
6
|
density?: Density;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alarm-feed.d.ts","sourceRoot":"","sources":["../../src/components/alarm-feed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"alarm-feed.d.ts","sourceRoot":"","sources":["../../src/components/alarm-feed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAOpE,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAC/D,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,WAAW;IACb,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AA6HD,eAAO,MAAM,SAAS;UACM,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,EAC1D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KACrD,YAAY;;;;CAQlB,CAAC"}
|
|
@@ -1,13 +1,31 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
4
|
-
import { forwardRef } from "react";
|
|
4
|
+
import { forwardRef, useEffect } from "react";
|
|
5
5
|
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
6
6
|
import { useRef } from "react";
|
|
7
7
|
import { cx, part } from "../internal.js";
|
|
8
|
-
|
|
8
|
+
import { MotionProvider, motionStyle, highlightChange, useMotion, } from "../motion.js";
|
|
9
|
+
function Root({ items, children, density = "comfortable", virtualized = false, rowHeight = 80, height = 400, empty, motion, className, style, ...props }, forwardedRef) {
|
|
9
10
|
const host = useRef(null);
|
|
10
11
|
const hostRef = useComposedRefs(host, forwardedRef);
|
|
12
|
+
const previousItems = useRef(items);
|
|
13
|
+
const resolvedMotion = useMotion(motion);
|
|
14
|
+
const duration = typeof resolvedMotion === "object" ? resolvedMotion.duration : undefined;
|
|
15
|
+
const easing = typeof resolvedMotion === "object" ? resolvedMotion.easing : undefined;
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
const old = previousItems.current;
|
|
18
|
+
previousItems.current = items;
|
|
19
|
+
if (old === items || resolvedMotion === false || !host.current)
|
|
20
|
+
return;
|
|
21
|
+
const known = new Set(old.map((item) => item.id));
|
|
22
|
+
const added = new Set(items.filter((item) => !known.has(item.id)).map((item) => item.id));
|
|
23
|
+
const stop = [];
|
|
24
|
+
for (const element of host.current.querySelectorAll("[data-slot=alarm-feed-item]"))
|
|
25
|
+
if (added.has(element.dataset.alarmId))
|
|
26
|
+
stop.push(highlightChange(element));
|
|
27
|
+
return () => stop.forEach((cancel) => cancel());
|
|
28
|
+
}, [items, resolvedMotion === false, duration, easing]);
|
|
11
29
|
const virtualizer = useVirtualizer({
|
|
12
30
|
count: items.length,
|
|
13
31
|
initialRect: { width: 0, height: virtualized ? height : 0 },
|
|
@@ -20,20 +38,24 @@ function Root({ items, children, density = "comfortable", virtualized = false, r
|
|
|
20
38
|
const rows = virtualized
|
|
21
39
|
? virtualizer.getVirtualItems()
|
|
22
40
|
: items.map((item, index) => ({ key: item.id, index, start: 0 }));
|
|
23
|
-
return (_jsx("div", { ...props, ref: hostRef, tabIndex: props.tabIndex ?? (virtualized ? 0 : undefined), "data-slot": "alarm-feed", "data-density": density, className: cx("watt-root overflow-auto", className), style: {
|
|
24
|
-
? { height
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
41
|
+
return (_jsx(MotionProvider, { motion: motion, children: _jsx("div", { ...props, ref: hostRef, tabIndex: props.tabIndex ?? (virtualized ? 0 : undefined), "data-slot": "alarm-feed", "data-density": density, className: cx("watt-root overflow-auto", className), style: {
|
|
42
|
+
...(virtualized ? { height } : {}),
|
|
43
|
+
...style,
|
|
44
|
+
...motionStyle(motion),
|
|
45
|
+
}, children: !items.length ? (empty) : (_jsx("div", { role: "list", style: virtualized
|
|
46
|
+
? { height: virtualizer.getTotalSize(), position: "relative" }
|
|
47
|
+
: undefined, children: rows.map((row) => {
|
|
48
|
+
const item = items[row.index];
|
|
49
|
+
return (_jsx("div", { role: "listitem", "data-index": row.index, ref: virtualized ? virtualizer.measureElement : undefined, "aria-posinset": row.index + 1, "aria-setsize": items.length, "data-slot": "alarm-feed-item", "data-alarm-id": item.id, "data-severity": item.severity, "data-state": item.status, className: cx("watt-motion border-b border-[var(--watt-border)] last:border-0", density === "compact" ? "py-2.5" : "py-4"), style: virtualized
|
|
50
|
+
? {
|
|
51
|
+
position: "absolute",
|
|
52
|
+
top: 0,
|
|
53
|
+
left: 0,
|
|
54
|
+
width: "100%",
|
|
55
|
+
transform: `translateY(${row.start}px)`,
|
|
56
|
+
}
|
|
57
|
+
: undefined, children: children(item, row.index) }, row.key));
|
|
58
|
+
}) })) }) }));
|
|
37
59
|
}
|
|
38
60
|
const Severity = forwardRef((props, ref) => (_jsx("span", { ...props, ref: ref, "data-slot": "alarm-feed-severity" })));
|
|
39
61
|
export const AlarmFeed = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alarm-feed.js","sourceRoot":"","sources":["../../src/components/alarm-feed.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"alarm-feed.js","sourceRoot":"","sources":["../../src/components/alarm-feed.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { RefAttributes, ReactElement } from "react";
|
|
2
|
-
import type { Density, PlantAsset } from "../types.js";
|
|
2
|
+
import type { Density, MotionProps, PartProps, PlantAsset } from "../types.js";
|
|
3
3
|
export interface AssetTreeRow<T> {
|
|
4
4
|
item: T;
|
|
5
5
|
level: number;
|
|
@@ -12,7 +12,7 @@ export interface AssetTreeRow<T> {
|
|
|
12
12
|
export type AssetTreeItem<T extends PlantAsset> = T | (T extends {
|
|
13
13
|
children?: readonly (infer C extends PlantAsset)[];
|
|
14
14
|
} ? C extends T ? never : AssetTreeItem<C> : never);
|
|
15
|
-
export interface AssetTreeProps<T extends PlantAsset = PlantAsset> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"
|
|
15
|
+
export interface AssetTreeProps<T extends PlantAsset = PlantAsset> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, MotionProps {
|
|
16
16
|
items: readonly T[];
|
|
17
17
|
children: (row: AssetTreeRow<AssetTreeItem<T>>) => React.ReactNode;
|
|
18
18
|
expandedIds?: string[];
|
|
@@ -27,7 +27,11 @@ export interface AssetTreeProps<T extends PlantAsset = PlantAsset> extends Omit<
|
|
|
27
27
|
rowHeight?: number;
|
|
28
28
|
empty?: React.ReactNode;
|
|
29
29
|
}
|
|
30
|
+
export interface AssetTreeIndicatorProps extends PartProps {
|
|
31
|
+
expanded: boolean;
|
|
32
|
+
}
|
|
30
33
|
export declare const AssetTree: {
|
|
34
|
+
Indicator: import("react").ForwardRefExoticComponent<AssetTreeIndicatorProps & RefAttributes<HTMLElement>>;
|
|
31
35
|
Root: <T extends PlantAsset = PlantAsset>(props: AssetTreeProps<T> & RefAttributes<HTMLDivElement>) => ReactElement;
|
|
32
36
|
};
|
|
33
37
|
//# sourceMappingURL=asset-tree.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-tree.d.ts","sourceRoot":"","sources":["../../src/components/asset-tree.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"asset-tree.d.ts","sourceRoot":"","sources":["../../src/components/asset-tree.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAgB,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/E,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,UAAU,IAC1C,CAAC,GACD,CAAC,CAAC,SAAS;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,UAAU,CAAC,EAAE,CAAA;CAAE,GAC7D,CAAC,SAAS,CAAC,GACT,KAAK,GACL,aAAa,CAAC,CAAC,CAAC,GAClB,KAAK,CAAC,CAAC;AACf,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAC/D,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,WAAW;IACb,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAgND,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAiBD,eAAO,MAAM,SAAS;;UAEM,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,EAC1D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KACrD,YAAY;CAClB,CAAC"}
|
|
@@ -7,8 +7,10 @@ import { useTree } from "@headless-tree/react";
|
|
|
7
7
|
import { syncDataLoaderFeature, selectionFeature, hotkeysCoreFeature, } from "@headless-tree/core";
|
|
8
8
|
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
9
9
|
import { cx } from "../internal.js";
|
|
10
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
11
|
+
import { MotionProvider, motionStyle } from "../motion.js";
|
|
10
12
|
const ROOT = "\u0000watt-tree-root";
|
|
11
|
-
function Root({ items, children, expandedIds, defaultExpandedIds = [], onExpandedChange, selectedIds, defaultSelectedIds = [], onSelectionChange, onActivate, density = "comfortable", height = 360, rowHeight = density === "compact" ? 36 : 48, empty, className, style, ...props }, forwardedRef) {
|
|
13
|
+
function Root({ items, children, expandedIds, defaultExpandedIds = [], onExpandedChange, selectedIds, defaultSelectedIds = [], onSelectionChange, onActivate, density = "comfortable", height = 360, rowHeight = density === "compact" ? 36 : 48, empty, motion, className, style, ...props }, forwardedRef) {
|
|
12
14
|
const host = useRef(null);
|
|
13
15
|
const indexed = useMemo(() => {
|
|
14
16
|
const map = new Map();
|
|
@@ -122,7 +124,7 @@ function Root({ items, children, expandedIds, defaultExpandedIds = [], onExpande
|
|
|
122
124
|
const hostRef = useComposedRefs(host, tree.registerElement, forwardedRef);
|
|
123
125
|
const renderRow = (item, index, start) => {
|
|
124
126
|
const rowProps = item.getProps();
|
|
125
|
-
return (_createElement("div", { ...rowProps, "aria-label": undefined, key: item.getId(), "data-slot": "asset-tree-row", "data-index": index, "data-selected": item.isSelected() || undefined, className: "absolute top-0 left-0 flex w-full items-center border-b border-[var(--watt-border)] outline-offset-[-2px] data-[selected]:bg-[var(--watt-subtle)] focus-visible:outline-2 focus-visible:outline-[var(--watt-accent)]", style: {
|
|
127
|
+
return (_createElement("div", { ...rowProps, "aria-label": undefined, key: item.getId(), "data-slot": "asset-tree-row", "data-index": index, "data-selected": item.isSelected() || undefined, "data-expanded": item.isExpanded(), className: "watt-motion absolute top-0 left-0 flex w-full items-center border-b border-[var(--watt-border)] outline-offset-[-2px] data-[selected]:bg-[var(--watt-subtle)] focus-visible:outline-2 focus-visible:outline-[var(--watt-accent)]", style: {
|
|
126
128
|
height: rowHeight,
|
|
127
129
|
paddingInlineStart: item.getItemMeta().level * 20,
|
|
128
130
|
transform: `translateY(${start}px)`,
|
|
@@ -136,14 +138,19 @@ function Root({ items, children, expandedIds, defaultExpandedIds = [], onExpande
|
|
|
136
138
|
toggleExpanded: () => item.isExpanded() ? item.collapse() : item.expand(),
|
|
137
139
|
})));
|
|
138
140
|
};
|
|
139
|
-
return (_jsx("div", { ...containerProps, ...props, ref: hostRef, "data-slot": "asset-tree", "data-density": density, className: cx("watt-root overflow-auto text-sm", className), style: { height, ...style }, children: !items.length ? (empty) : (_jsx("div", { role: "presentation", style: { height: virtualizer.getTotalSize(), position: "relative" }, children: virtualizer.getVirtualItems().map((row) => {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
141
|
+
return (_jsx(MotionProvider, { motion: motion, children: _jsx("div", { ...containerProps, ...props, ref: hostRef, "data-slot": "asset-tree", "data-density": density, className: cx("watt-root overflow-auto text-sm", className), style: { height, ...style, ...motionStyle(motion) }, children: !items.length ? (empty) : (_jsx("div", { role: "presentation", style: { height: virtualizer.getTotalSize(), position: "relative" }, children: virtualizer.getVirtualItems().map((row) => {
|
|
142
|
+
const item = visible[row.index];
|
|
143
|
+
return item && indexed.has(item.getId())
|
|
144
|
+
? renderRow(item, row.index, row.start)
|
|
145
|
+
: null;
|
|
146
|
+
}) })) }) }));
|
|
145
147
|
}
|
|
148
|
+
const Indicator = forwardRef(({ expanded, asChild, className, style, ...props }, ref) => {
|
|
149
|
+
const Component = asChild ? Slot : "span";
|
|
150
|
+
return (_jsx(Component, { ...props, ref: ref, "aria-hidden": props["aria-hidden"] ?? true, "data-slot": "asset-tree-indicator", "data-expanded": expanded, className: cx("watt-motion inline-flex shrink-0", className), style: { transform: `rotate(${expanded ? 90 : 0}deg)`, ...style } }));
|
|
151
|
+
});
|
|
146
152
|
export const AssetTree = {
|
|
153
|
+
Indicator,
|
|
147
154
|
Root: forwardRef(Root),
|
|
148
155
|
};
|
|
149
156
|
//# sourceMappingURL=asset-tree.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-tree.js","sourceRoot":"","sources":["../../src/components/asset-tree.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GAGnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"asset-tree.js","sourceRoot":"","sources":["../../src/components/asset-tree.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { PartProps, RootProps } from "../types.js";
|
|
2
|
-
export interface BatterySOCProps extends RootProps {
|
|
1
|
+
import type { PartProps, RootProps, MotionProps } from "../types.js";
|
|
2
|
+
export interface BatterySOCProps extends RootProps, MotionProps {
|
|
3
3
|
value: number | null;
|
|
4
4
|
}
|
|
5
5
|
export declare const BatterySOC: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"battery-soc.d.ts","sourceRoot":"","sources":["../../src/components/battery-soc.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"battery-soc.d.ts","sourceRoot":"","sources":["../../src/components/battery-soc.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAW,WAAW,EAAE,MAAM,aAAa,CAAC;AAY9E,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,WAAW;IAC7D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AA2ED,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { createContext, forwardRef, useContext } from "react";
|
|
4
4
|
import { Slot } from "@radix-ui/react-slot";
|
|
5
5
|
import { cx, part } from "../internal.js";
|
|
6
|
+
import { MotionProvider, motionStyle } from "../motion.js";
|
|
6
7
|
const Context = createContext(null);
|
|
7
8
|
function useSOC() {
|
|
8
9
|
const value = useContext(Context);
|
|
@@ -10,10 +11,10 @@ function useSOC() {
|
|
|
10
11
|
throw new Error("BatterySOC parts require BatterySOC.Root");
|
|
11
12
|
return value;
|
|
12
13
|
}
|
|
13
|
-
const Root = forwardRef(({ value, asChild, density = "comfortable", className, ...props }, ref) => {
|
|
14
|
+
const Root = forwardRef(({ value, asChild, density = "comfortable", motion, className, style, ...props }, ref) => {
|
|
14
15
|
const Component = asChild ? Slot : "div";
|
|
15
16
|
const valid = value !== null && Number.isFinite(value) && value >= 0 && value <= 100;
|
|
16
|
-
return (_jsx(Context.Provider, { value: { value: valid ? value : null, density }, children: _jsx(Component, { ...props, ref: ref, "data-slot": "battery-soc", "data-invalid": !valid || undefined, "data-density": density, className: cx("watt-root flex flex-col gap-3", className) }) }));
|
|
17
|
+
return (_jsx(MotionProvider, { motion: motion, children: _jsx(Context.Provider, { value: { value: valid ? value : null, density }, children: _jsx(Component, { ...props, ref: ref, "data-slot": "battery-soc", "data-invalid": !valid || undefined, "data-density": density, style: { ...style, ...motionStyle(motion) }, className: cx("watt-root flex flex-col gap-3", className) }) }) }));
|
|
17
18
|
});
|
|
18
19
|
const Track = forwardRef(({ asChild, className, ...props }, ref) => {
|
|
19
20
|
const { value, density } = useSOC();
|
|
@@ -23,7 +24,7 @@ const Track = forwardRef(({ asChild, className, ...props }, ref) => {
|
|
|
23
24
|
const Fill = forwardRef(({ asChild, className, style, ...props }, ref) => {
|
|
24
25
|
const { value } = useSOC();
|
|
25
26
|
const Component = asChild ? Slot : "div";
|
|
26
|
-
return (_jsx(Component, { ...props, ref: ref, "aria-hidden": "true", "data-slot": "battery-soc-fill", className: cx("h-full bg-[var(--watt-accent)]
|
|
27
|
+
return (_jsx(Component, { ...props, ref: ref, "aria-hidden": "true", "data-slot": "battery-soc-fill", className: cx("watt-motion watt-soc-fill h-full bg-[var(--watt-accent)]", className), style: { width: `${value ?? 0}%`, ...style } }));
|
|
27
28
|
});
|
|
28
29
|
export const BatterySOC = {
|
|
29
30
|
Root,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"battery-soc.js","sourceRoot":"","sources":["../../src/components/battery-soc.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,OAAO,GAAG,aAAa,CAGnB,IAAI,CAAC,CAAC;AAChB,SAAS,MAAM;IACb,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAClC,IAAI,KAAK,KAAK,IAAI;QAChB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,OAAO,KAAK,CAAC;AACf,CAAC;AAID,MAAM,IAAI,GAAG,UAAU,CACrB,
|
|
1
|
+
{"version":3,"file":"battery-soc.js","sourceRoot":"","sources":["../../src/components/battery-soc.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { DataQuality, PartProps, RootProps, Timestamp } from "../types.js";
|
|
1
|
+
import type { DataQuality, MotionProps, PartProps, RootProps, Timestamp } from "../types.js";
|
|
2
2
|
interface Freshness {
|
|
3
3
|
timestamp: Timestamp | null;
|
|
4
4
|
quality?: DataQuality;
|
|
5
5
|
}
|
|
6
|
-
export interface DataFreshnessProps extends RootProps, Freshness {
|
|
6
|
+
export interface DataFreshnessProps extends RootProps, Freshness, MotionProps {
|
|
7
7
|
}
|
|
8
8
|
export interface FreshnessTimeProps extends React.ComponentPropsWithoutRef<"time"> {
|
|
9
9
|
timeZone: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-freshness.d.ts","sourceRoot":"","sources":["../../src/components/data-freshness.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"data-freshness.d.ts","sourceRoot":"","sources":["../../src/components/data-freshness.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,aAAa,CAAC;AAErB,UAAU,SAAS;IACjB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAOD,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,SAAS,EAAE,WAAW;CAAG;AAuChF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAyBD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAsBD,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { createContext, forwardRef, useContext } from "react";
|
|
3
|
+
import { createContext, forwardRef, useContext, useRef } from "react";
|
|
4
|
+
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
4
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
5
6
|
import { cx, part, useNow } from "../internal.js";
|
|
6
7
|
import { parseTimestamp, formatTime } from "../domain.js";
|
|
8
|
+
import { MotionProvider, motionStyle, useChangeFeedback } from "../motion.js";
|
|
7
9
|
const Context = createContext(null);
|
|
8
10
|
function useFreshness() {
|
|
9
11
|
const ctx = useContext(Context);
|
|
@@ -11,9 +13,12 @@ function useFreshness() {
|
|
|
11
13
|
throw new Error("DataFreshness parts require DataFreshness.Root");
|
|
12
14
|
return ctx;
|
|
13
15
|
}
|
|
14
|
-
const Root = forwardRef(({ timestamp, quality, density = "comfortable", asChild, className, ...props }, ref) => {
|
|
16
|
+
const Root = forwardRef(({ timestamp, quality, density = "comfortable", asChild, className, motion, style, ...props }, ref) => {
|
|
17
|
+
const host = useRef(null);
|
|
18
|
+
const hostRef = useComposedRefs(host, ref);
|
|
19
|
+
useChangeFeedback(host, quality, motion);
|
|
15
20
|
const Component = asChild ? Slot : "span";
|
|
16
|
-
return (_jsx(Context.Provider, { value: { timestamp, quality }, children: _jsx(Component, { ...props, ref:
|
|
21
|
+
return (_jsx(MotionProvider, { motion: motion, children: _jsx(Context.Provider, { value: { timestamp, quality }, children: _jsx(Component, { ...props, ref: hostRef, "data-slot": "data-freshness", "data-density": density, "data-quality": quality, style: { ...style, ...motionStyle(motion) }, className: cx("watt-root watt-motion inline-flex items-center gap-2 text-sm text-[var(--watt-muted)] data-[density=compact]:gap-1 data-[density=compact]:text-xs", className) }) }) }));
|
|
17
22
|
});
|
|
18
23
|
const Time = forwardRef(({ timeZone, locale, formatter, fallback = "—", children, ...props }, ref) => {
|
|
19
24
|
const { timestamp } = useFreshness();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-freshness.js","sourceRoot":"","sources":["../../src/components/data-freshness.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"data-freshness.js","sourceRoot":"","sources":["../../src/components/data-freshness.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"energy-flow.d.ts","sourceRoot":"","sources":["../../src/components/energy-flow.tsx"],"names":[],"mappings":"AAcA,OAAO,EAGL,KAAK,IAAI,EAEV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,SAAS;CAAG;
|
|
1
|
+
{"version":3,"file":"energy-flow.d.ts","sourceRoot":"","sources":["../../src/components/energy-flow.tsx"],"names":[],"mappings":"AAcA,OAAO,EAGL,KAAK,IAAI,EAEV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,SAAS;CAAG;AAuJhE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,EAAE,EAAE,MAAM,CAAC;CACZ;AAwBD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;CACZ;AA2BD,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,SAAS;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AACD,iBAAS,IAAI,CAAC,EACZ,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,aAAa,sCAsGf;AAyBD,eAAO,MAAM,UAAU;;;;;;CAAoC,CAAC"}
|
|
@@ -62,6 +62,27 @@ const Root = forwardRef(({ asChild, density = "comfortable", animation, path = "
|
|
|
62
62
|
};
|
|
63
63
|
}, [measure]);
|
|
64
64
|
const hostRef = useComposedRefs(host, ref);
|
|
65
|
+
useEffect(() => {
|
|
66
|
+
const root = host.current;
|
|
67
|
+
if (!root)
|
|
68
|
+
return;
|
|
69
|
+
let visible = true;
|
|
70
|
+
const syncMotion = () => {
|
|
71
|
+
root.style.setProperty("--watt-flow-play-state", visible && !document.hidden ? "running" : "paused");
|
|
72
|
+
};
|
|
73
|
+
const visibility = new IntersectionObserver(([entry]) => {
|
|
74
|
+
visible = entry?.isIntersecting ?? false;
|
|
75
|
+
syncMotion();
|
|
76
|
+
});
|
|
77
|
+
visibility.observe(root);
|
|
78
|
+
document.addEventListener("visibilitychange", syncMotion);
|
|
79
|
+
syncMotion();
|
|
80
|
+
return () => {
|
|
81
|
+
visibility.disconnect();
|
|
82
|
+
document.removeEventListener("visibilitychange", syncMotion);
|
|
83
|
+
root.style.removeProperty("--watt-flow-play-state");
|
|
84
|
+
};
|
|
85
|
+
}, []);
|
|
65
86
|
useEffect(() => {
|
|
66
87
|
observer.current = new ResizeObserver(measure);
|
|
67
88
|
if (host.current)
|
|
@@ -147,7 +168,7 @@ function Edge({ source, target, sourcePort, targetPort, animation, path, color,
|
|
|
147
168
|
const duration = 3 / (settings.speed || 1);
|
|
148
169
|
const motionStyle = {
|
|
149
170
|
animationDuration: `${duration}s`,
|
|
150
|
-
animationPlayState: settings.speed === 0 ? "paused" : "running",
|
|
171
|
+
animationPlayState: settings.speed === 0 ? "paused" : "var(--watt-flow-play-state, running)",
|
|
151
172
|
};
|
|
152
173
|
return (_jsxs(LabelContext.Provider, { value: geometry.middle, children: [_jsxs("svg", { "data-slot": "energy-flow-edge", "data-source": source, "data-target": target, className: cx("pointer-events-none absolute inset-0 h-full w-full overflow-visible", className), style: { color: ink, ...style }, role: label ? "img" : undefined, "aria-label": label, "aria-hidden": !label || undefined, children: [_jsx("defs", { children: _jsx("marker", { id: id, markerWidth: "8", markerHeight: "8", refX: "7", refY: "4", orient: "auto", markerUnits: "userSpaceOnUse", children: _jsx("path", { d: "M1 1 L7 4 L1 7", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("path", { d: geometry.path, fill: "none", stroke: "currentColor", strokeWidth: width, markerEnd: `url(#${id})`, className: settings.type === "dash"
|
|
153
174
|
? "watt-flow-dash"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"energy-flow.js","sourceRoot":"","sources":["../../src/components/energy-flow.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"energy-flow.js","sourceRoot":"","sources":["../../src/components/energy-flow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import type { PartProps, RootProps } from "../types.js";
|
|
2
|
-
export interface
|
|
1
|
+
import type { MotionProps, PartProps, RootProps } from "../types.js";
|
|
2
|
+
export interface PowerMetricProps extends RootProps, MotionProps {
|
|
3
|
+
}
|
|
4
|
+
export interface MetricValueProps extends PartProps, MotionProps {
|
|
3
5
|
value: number | null;
|
|
4
6
|
formatter?: (value: number) => React.ReactNode;
|
|
5
7
|
fallback?: React.ReactNode;
|
|
6
8
|
}
|
|
7
9
|
export declare const PowerMetric: {
|
|
8
|
-
Root: import("react").ForwardRefExoticComponent<
|
|
10
|
+
Root: import("react").ForwardRefExoticComponent<PowerMetricProps & import("react").RefAttributes<HTMLElement>>;
|
|
9
11
|
Value: import("react").ForwardRefExoticComponent<MetricValueProps & import("react").RefAttributes<HTMLElement>>;
|
|
10
12
|
Label: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
11
13
|
Unit: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"power-metric.d.ts","sourceRoot":"","sources":["../../src/components/power-metric.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"power-metric.d.ts","sourceRoot":"","sources":["../../src/components/power-metric.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAErE,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,WAAW;CAAG;AAwBnE,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,WAAW;IAC9D,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;AAuCD,eAAO,MAAM,WAAW;;;;;;CAUvB,CAAC"}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef } from "react";
|
|
3
|
+
import { forwardRef, useRef } from "react";
|
|
4
|
+
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
4
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
5
6
|
import { cx, part } from "../internal.js";
|
|
6
7
|
import { formatNumber } from "../domain.js";
|
|
7
|
-
|
|
8
|
+
import { MotionProvider, motionStyle, useChangeFeedback } from "../motion.js";
|
|
9
|
+
const Root = forwardRef(({ asChild, density = "comfortable", motion, className, style, ...props }, ref) => {
|
|
8
10
|
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) }));
|
|
11
|
+
return (_jsx(MotionProvider, { motion: motion, children: _jsx(Component, { ...props, ref: ref, "data-slot": "power-metric", "data-density": density, style: { ...style, ...motionStyle(motion) }, className: cx("watt-root flex flex-col gap-2 data-[density=compact]:gap-1", className) }) }));
|
|
10
12
|
});
|
|
11
|
-
const Value = forwardRef(({ asChild, value, formatter = formatNumber, fallback = "—", children, className, ...props }, ref) => {
|
|
13
|
+
const Value = forwardRef(({ asChild, value, formatter = formatNumber, fallback = "—", children, className, motion, style, ...props }, ref) => {
|
|
14
|
+
const host = useRef(null);
|
|
15
|
+
const hostRef = useComposedRefs(host, ref);
|
|
16
|
+
useChangeFeedback(host, value, motion);
|
|
12
17
|
const Component = asChild ? Slot : "span";
|
|
13
|
-
return (_jsx(Component, { ...props, ref:
|
|
18
|
+
return (_jsx(Component, { ...props, ref: hostRef, "data-slot": "power-metric-value", className: cx("watt-motion text-5xl font-medium tabular-nums tracking-tight", className), style: { ...style, ...motionStyle(motion) }, children: children ??
|
|
14
19
|
(value !== null && Number.isFinite(value)
|
|
15
20
|
? formatter(value)
|
|
16
21
|
: fallback) }));
|
|
@@ -1 +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;
|
|
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,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,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,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE9E,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EAAE,OAAO,EAAE,OAAO,GAAG,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACxE,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,cAAc,kBACV,OAAO,EACrB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,EAC3C,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,SAAS,CACV,GACD,GACa,CAClB,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,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,IAAI,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC3C,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,OAAgB,eACX,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,SAAS,CACV,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,YAE1C,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { EquipmentStatus, RootProps } from "../types.js";
|
|
2
|
-
export interface StatusIndicatorProps extends RootProps {
|
|
1
|
+
import type { EquipmentStatus, MotionProps, RootProps } from "../types.js";
|
|
2
|
+
export interface StatusIndicatorProps extends RootProps, MotionProps {
|
|
3
3
|
status: EquipmentStatus;
|
|
4
4
|
}
|
|
5
5
|
export declare const StatusIndicator: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"status-indicator.d.ts","sourceRoot":"","sources":["../../src/components/status-indicator.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"status-indicator.d.ts","sourceRoot":"","sources":["../../src/components/status-indicator.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE3E,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,WAAW;IAClE,MAAM,EAAE,eAAe,CAAC;CACzB;AAoCD,eAAO,MAAM,eAAe;;;;CAI3B,CAAC"}
|