@watt-ui/react 0.1.1 → 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 +1 -0
- 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/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 +36 -1
- 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/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 +36 -1
- 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.
|
|
@@ -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":"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;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAqC3D,MAAM,IAAI,GAAG,sBAAsB,CAAC;AACpC,SAAS,IAAI,CACX,EACE,KAAK,EACL,QAAQ,EACR,WAAW,EACX,kBAAkB,GAAG,EAAE,EACvB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,GAAG,EAAE,EACvB,iBAAiB,EACjB,UAAU,EACV,OAAO,GAAG,aAAa,EACvB,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAC3C,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACU,EACpB,YAA0C;IAE1C,MAAM,IAAI,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,GAAG,GAAG,IAAI,GAAG,EAA4B,CAAC;QAChD,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAuB,CAAC;QAC/C,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC;YACpB,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAG,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,IAAI,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAClD,MAAM,IAAI,KAAK,CACb,2DAA2D,CAC5D,CAAC;YACJ,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;YACvB,IAAI,IAAI,CAAC,QAAQ;gBACf,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ;oBAC/B,KAAK,CAAC,IAAI,CAAC,KAAyB,CAAC,CAAC;QAC5C,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,MAAM,UAAU,GAAG,MAAM,CAEf,IAAI,CAAC,CAAC;IAChB,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,oBAAoB;QACzB,YAAY,EAAE;YACZ,cAAc,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;gBAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;gBACnC,IAAI,CAAC,IAAI;oBAAE,OAAO;gBAClB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;gBACxB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;gBAClC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE;oBAC1D,QAAQ,EAAE,SAAS;iBACpB,CAAC,CAAC;gBACH,oBAAoB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBACzC,MAAM,KAAK,GAAG,GAAG,EAAE;oBACjB,IAAI,IAAI,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;wBAAE,OAAO;oBAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;oBACtC,IACE,MAAM;wBACN,MAAM,KAAK,QAAQ,CAAC,IAAI;wBACxB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;wBAE/B,OAAO;oBACT,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;oBAClC,2FAA2F;oBAC3F,IAAI,OAAO;wBAAE,OAAO,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;yBAC/C,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,OAAO,GAAG,IAAI;wBACzC,UAAU,CAAC,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;gBACtD,CAAC,CAAC;gBACF,UAAU,CAAC,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACpD,CAAC;SACF;KACF,CAAC,EACF,EAAE,CACH,CAAC;IACF,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC7E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,OAAO,CAAmB;QACrC,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK;QAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM;QAC7D,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAE;YACjC,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAClB,EAAE,KAAK,IAAI;gBACT,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;SAChE;QACD,KAAK,EAAE;YACL,aAAa,EAAE,WAAW,IAAI,gBAAgB;YAC9C,aAAa,EAAE,WAAW,IAAI,gBAAgB;SAC/C;QACD,gBAAgB,EAAE,CAAC,OAAO,EAAE,EAAE;YAC5B,MAAM,IAAI,GACR,OAAO,OAAO,KAAK,UAAU;gBAC3B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC;gBACxC,CAAC,CAAC,OAAO,CAAC;YACd,IAAI,WAAW,KAAK,SAAS;gBAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACzD,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,gBAAgB,EAAE,CAAC,OAAO,EAAE,EAAE;YAC5B,MAAM,IAAI,GACR,OAAO,OAAO,KAAK,UAAU;gBAC3B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC;gBACxC,CAAC,CAAC,OAAO,CAAC;YACd,IAAI,WAAW,KAAK,SAAS;gBAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACzD,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QACD,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAC3D,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CACrB,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE;YAC1D,QAAQ,EAAE,SAAS;SACpB,CAAC;QACJ,QAAQ,EAAE;YACR,qBAAqB;YACrB,gBAAgB;YAChB,kBAAkB;YAClB,YAAY;SACb;KACF,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC;QAC5C,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,OAAO,CAAC;YACtE,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,cAAc,CAAiC;QACjE,KAAK,EAAE,OAAO,CAAC,MAAM;QACrB,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;QACpC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;QAC7B,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE;QACjC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAE,CAAC,KAAK,EAAE;KAC/C,CAAC,CAAC;IACH,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC;IACjC,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IACnE,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,CAChB,IAAoC,EACpC,KAAa,EACb,KAAa,EACb,EAAE;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACjC,OAAO,CACL,2BACM,QAAQ,gBACA,SAAS,EACrB,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,eACP,gBAAgB,gBACd,KAAK,mBACF,IAAI,CAAC,UAAU,EAAE,IAAI,SAAS,mBAC9B,IAAI,CAAC,UAAU,EAAE,EAChC,SAAS,EAAC,kOAAkO,EAC5O,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,kBAAkB,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,GAAG,EAAE;gBACjD,SAAS,EAAE,cAAc,KAAK,KAAK;aACpC,IAEA,QAAQ,CAAC;YACR,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE;YACxB,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK;YAC/B,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE;YAC3B,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE;YAC3B,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE;YACzB,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE;YAC5B,cAAc,EAAE,GAAG,EAAE,CACnB,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;SACtD,CAAC,CACE,CACP,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,iBACM,cAAc,KACd,KAAK,EACT,GAAG,EAAE,OAAO,eACF,YAAY,kBACR,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,EAC3D,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,YAElD,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,KAAK,CACN,CAAC,CAAC,CAAC,CACF,cACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAElE,WAAW,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACzC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBAChC,OAAO,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;wBACtC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC;wBACvC,CAAC,CAAC,IAAI,CAAC;gBACX,CAAC,CAAC,GACE,CACP,GACG,GACS,CAClB,CAAC;AACJ,CAAC;AAID,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,iBACJ,KAAK,CAAC,aAAa,CAAC,IAAI,IAAI,eAC/B,sBAAsB,mBACjB,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,EAC5D,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK,EAAE,GACjE,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,SAAS;IACT,IAAI,EAAE,UAAU,CAAC,IAAI,CAEJ;CAClB,CAAC"}
|
|
@@ -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,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"}
|
|
@@ -1,11 +1,16 @@
|
|
|
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 { MotionProvider, motionStyle, useChangeFeedback } from "../motion.js";
|
|
8
|
+
const Root = forwardRef(({ status, density = "comfortable", asChild, motion, className, style, ...props }, ref) => {
|
|
9
|
+
const host = useRef(null);
|
|
10
|
+
const hostRef = useComposedRefs(host, ref);
|
|
11
|
+
useChangeFeedback(host, status, motion);
|
|
7
12
|
const Component = asChild ? Slot : "span";
|
|
8
|
-
return (_jsx(Component, { ...props, ref:
|
|
13
|
+
return (_jsx(MotionProvider, { motion: motion, children: _jsx(Component, { ...props, ref: hostRef, "data-slot": "status-indicator", "data-status": status, "data-density": density, style: { ...style, ...motionStyle(motion) }, className: cx("watt-status watt-motion inline-flex items-center gap-2 text-sm data-[density=compact]:gap-1 data-[density=compact]:text-xs", className) }) }));
|
|
9
14
|
});
|
|
10
15
|
export const StatusIndicator = {
|
|
11
16
|
Root,
|
|
@@ -1 +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;
|
|
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,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;AAE1C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI9E,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EACE,MAAM,EACN,OAAO,GAAG,aAAa,EACvB,OAAO,EACP,MAAM,EACN,SAAS,EACT,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,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,OAAgB,eACX,kBAAkB,iBACf,MAAM,kBACL,OAAO,EACrB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,EAC3C,SAAS,EAAE,EAAE,CACX,4HAA4H,EAC5H,SAAS,CACV,GACD,GACa,CAClB,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { EChartsCoreOption, EChartsType } from "echarts/core";
|
|
2
|
-
import type { RootProps, TelemetrySeries, TimeRange, DataQuality } from "../types.js";
|
|
2
|
+
import type { RootProps, TelemetrySeries, TimeRange, DataQuality, MotionProps } from "../types.js";
|
|
3
3
|
export interface ChartInspection {
|
|
4
4
|
timestamp: number;
|
|
5
5
|
values: {
|
|
@@ -11,7 +11,7 @@ export interface ChartInspection {
|
|
|
11
11
|
quality?: DataQuality;
|
|
12
12
|
}[];
|
|
13
13
|
}
|
|
14
|
-
export interface TelemetryChartProps extends Omit<RootProps, "onError"
|
|
14
|
+
export interface TelemetryChartProps extends Omit<RootProps, "onError">, MotionProps {
|
|
15
15
|
series: readonly TelemetrySeries[];
|
|
16
16
|
timeZone: string;
|
|
17
17
|
locale?: string;
|
|
@@ -28,9 +28,6 @@ export interface ChartCanvasProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
28
28
|
previewSvg?: string;
|
|
29
29
|
height?: number;
|
|
30
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
31
|
export declare const TelemetryChart: {
|
|
35
32
|
Root: import("react").ForwardRefExoticComponent<TelemetryChartProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
36
33
|
Canvas: import("react").ForwardRefExoticComponent<ChartCanvasProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -43,8 +40,9 @@ export declare const TelemetryChart: {
|
|
|
43
40
|
toggle: () => void;
|
|
44
41
|
}) => React.ReactNode;
|
|
45
42
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
46
|
-
Tooltip:
|
|
43
|
+
Tooltip: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
44
|
+
children: (inspection: ChartInspection | null) => React.ReactNode;
|
|
45
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
47
46
|
Description: import("react").ForwardRefExoticComponent<import("../types.js").PartProps & import("react").RefAttributes<HTMLElement>>;
|
|
48
47
|
};
|
|
49
|
-
export {};
|
|
50
48
|
//# sourceMappingURL=telemetry-chart.d.ts.map
|
|
@@ -1 +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;
|
|
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;AASnE,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,WAAW,EACX,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,mBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EAChC,WAAW;IACb,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;AAiID,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;AA4SD,eAAO,MAAM,cAAc;;;;mBA3EZ,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;;;kBAgDX,CAAC,UAAU,EAAE,eAAe,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS;;;CA8BpE,CAAC"}
|