@texturehq/edges 1.1.0 → 1.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/dist/components.manifest.json +15 -22
- package/dist/index.cjs +7 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +231 -94
- package/dist/index.d.ts +231 -94
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/styles.css +8 -5
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -3,7 +3,7 @@ export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell,
|
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as React$1 from 'react';
|
|
5
5
|
import React__default, { ComponentProps, ReactNode, ComponentType, Component, ErrorInfo } from 'react';
|
|
6
|
-
import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps, TabPanelProps, TabsProps as TabsProps$
|
|
6
|
+
import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps, TabsProps as TabsProps$2, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1 } from 'react-aria-components';
|
|
7
7
|
export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
|
|
8
8
|
import { ScaleTime, ScaleLinear } from 'd3-scale';
|
|
9
9
|
import '@phosphor-icons/react';
|
|
@@ -86,6 +86,34 @@ interface EnergyFormat extends BaseFormat {
|
|
|
86
86
|
autoScale?: boolean;
|
|
87
87
|
decimals?: number;
|
|
88
88
|
}
|
|
89
|
+
type PowerUnit = "W" | "kW" | "MW" | "GW";
|
|
90
|
+
interface PowerFormat extends BaseFormat {
|
|
91
|
+
type: "power";
|
|
92
|
+
unit?: PowerUnit;
|
|
93
|
+
autoScale?: boolean;
|
|
94
|
+
decimals?: number;
|
|
95
|
+
}
|
|
96
|
+
type VoltageUnit = "mV" | "V" | "kV";
|
|
97
|
+
interface VoltageFormat extends BaseFormat {
|
|
98
|
+
type: "voltage";
|
|
99
|
+
unit?: VoltageUnit;
|
|
100
|
+
autoScale?: boolean;
|
|
101
|
+
decimals?: number;
|
|
102
|
+
}
|
|
103
|
+
type CurrentUnit = "mA" | "A" | "kA";
|
|
104
|
+
interface CurrentFormat extends BaseFormat {
|
|
105
|
+
type: "current";
|
|
106
|
+
unit?: CurrentUnit;
|
|
107
|
+
autoScale?: boolean;
|
|
108
|
+
decimals?: number;
|
|
109
|
+
}
|
|
110
|
+
type ResistanceUnit = "mΩ" | "Ω" | "kΩ" | "MΩ";
|
|
111
|
+
interface ResistanceFormat extends BaseFormat {
|
|
112
|
+
type: "resistance";
|
|
113
|
+
unit?: ResistanceUnit;
|
|
114
|
+
autoScale?: boolean;
|
|
115
|
+
decimals?: number;
|
|
116
|
+
}
|
|
89
117
|
type TemperatureUnit = "C" | "F" | "K";
|
|
90
118
|
type TemperatureUnitString = "CELSIUS" | "FAHRENHEIT" | "KELVIN";
|
|
91
119
|
interface TemperatureFormat extends BaseFormat {
|
|
@@ -111,7 +139,7 @@ interface CustomFormat extends BaseFormat {
|
|
|
111
139
|
formatter: FormatterFunction;
|
|
112
140
|
options?: Record<string, unknown>;
|
|
113
141
|
}
|
|
114
|
-
type FieldFormat = TextFormat | NumberFormat | CurrencyFormat | DateFormat | BooleanFormat | EnergyFormat | TemperatureFormat | DistanceFormat | PhoneFormat | CustomFormat;
|
|
142
|
+
type FieldFormat = TextFormat | NumberFormat | CurrencyFormat | DateFormat | BooleanFormat | EnergyFormat | PowerFormat | VoltageFormat | CurrentFormat | ResistanceFormat | TemperatureFormat | DistanceFormat | PhoneFormat | CustomFormat;
|
|
115
143
|
|
|
116
144
|
/**
|
|
117
145
|
* Boolean formatting utilities
|
|
@@ -150,6 +178,87 @@ declare const parseBoolean: (value: FieldValue) => boolean | null;
|
|
|
150
178
|
*/
|
|
151
179
|
declare const formatBoolean: (value: FieldValue, format: BooleanFormat) => FormattedValue;
|
|
152
180
|
|
|
181
|
+
/**
|
|
182
|
+
* Centralized formatting utility for UI components
|
|
183
|
+
* Used by Kpi, StatList, and other data display components
|
|
184
|
+
*/
|
|
185
|
+
|
|
186
|
+
/**
|
|
187
|
+
* Common formatter type used by data display components
|
|
188
|
+
* Can be either a custom function or a FieldFormat object
|
|
189
|
+
*/
|
|
190
|
+
type ComponentFormatter = ((value: FieldValue) => React__default.ReactNode) | FieldFormat;
|
|
191
|
+
/**
|
|
192
|
+
* Options for formatting values in components
|
|
193
|
+
*/
|
|
194
|
+
interface ComponentFormatOptions {
|
|
195
|
+
/** The value to format */
|
|
196
|
+
value: FieldValue;
|
|
197
|
+
/** The formatter to apply */
|
|
198
|
+
formatter?: ComponentFormatter;
|
|
199
|
+
/** CSS class for null/empty values */
|
|
200
|
+
emptyClassName?: string;
|
|
201
|
+
/** Text to show for null/empty values */
|
|
202
|
+
emptyText?: React__default.ReactNode;
|
|
203
|
+
}
|
|
204
|
+
/**
|
|
205
|
+
* Format a value for display in a component
|
|
206
|
+
* Centralizes the logic used by Kpi, StatList, and similar components
|
|
207
|
+
*
|
|
208
|
+
* @example
|
|
209
|
+
* ```tsx
|
|
210
|
+
* // In a component
|
|
211
|
+
* const formatted = formatComponentValue({
|
|
212
|
+
* value: 1500,
|
|
213
|
+
* formatter: { type: "power" }
|
|
214
|
+
* });
|
|
215
|
+
* // Returns: "1.5 kW"
|
|
216
|
+
* ```
|
|
217
|
+
*/
|
|
218
|
+
declare function formatComponentValue({ value, formatter, emptyClassName, emptyText, }: ComponentFormatOptions): React__default.ReactNode;
|
|
219
|
+
/**
|
|
220
|
+
* Hook for using the component formatter
|
|
221
|
+
* Provides memoization for better performance
|
|
222
|
+
*
|
|
223
|
+
* @example
|
|
224
|
+
* ```tsx
|
|
225
|
+
* function MyComponent({ value, formatter }) {
|
|
226
|
+
* const format = useComponentFormatter(formatter);
|
|
227
|
+
* const formatted = format(value);
|
|
228
|
+
* return <span>{formatted}</span>;
|
|
229
|
+
* }
|
|
230
|
+
* ```
|
|
231
|
+
*/
|
|
232
|
+
declare function useComponentFormatter(formatter?: ComponentFormatter, emptyClassName?: string, emptyText?: React__default.ReactNode): (value: FieldValue) => React__default.ReactNode;
|
|
233
|
+
|
|
234
|
+
/**
|
|
235
|
+
* Electrical current formatting utilities (flow of electric charge)
|
|
236
|
+
*/
|
|
237
|
+
|
|
238
|
+
/**
|
|
239
|
+
* Format as milliamps
|
|
240
|
+
*/
|
|
241
|
+
declare const toMilliamps: (value: number | null | undefined, decimals?: number) => string | null;
|
|
242
|
+
/**
|
|
243
|
+
* Format as amperes
|
|
244
|
+
*/
|
|
245
|
+
declare const toAmps: (value: number | null | undefined, decimals?: number) => string | null;
|
|
246
|
+
/**
|
|
247
|
+
* Format as kiloamps (rarely used but included for completeness)
|
|
248
|
+
*/
|
|
249
|
+
declare const toKiloamps: (value: number | null | undefined, decimals?: number) => string | null;
|
|
250
|
+
/**
|
|
251
|
+
* Auto-scale current to the most appropriate unit
|
|
252
|
+
*/
|
|
253
|
+
declare const autoScaleCurrent: (value: number | null | undefined, decimals?: number) => string | null;
|
|
254
|
+
/**
|
|
255
|
+
* Format current according to CurrentFormat specification
|
|
256
|
+
*/
|
|
257
|
+
declare const formatCurrent: (value: FieldValue, format: CurrentFormat) => FormattedValue;
|
|
258
|
+
declare const toMA: (value: number | null | undefined, decimals?: number) => string | null;
|
|
259
|
+
declare const toA: (value: number | null | undefined, decimals?: number) => string | null;
|
|
260
|
+
declare const toKA: (value: number | null | undefined, decimals?: number) => string | null;
|
|
261
|
+
|
|
153
262
|
/**
|
|
154
263
|
* Date formatting utilities using Luxon
|
|
155
264
|
*/
|
|
@@ -261,7 +370,9 @@ declare const autoScaleDistance: (value: number | null | undefined, metric?: boo
|
|
|
261
370
|
declare const formatDistance: (value: FieldValue, format: DistanceFormat) => FormattedValue;
|
|
262
371
|
|
|
263
372
|
/**
|
|
264
|
-
* Energy
|
|
373
|
+
* Energy formatting utilities (stored or consumed energy)
|
|
374
|
+
* For power (rate of energy), use power.ts
|
|
375
|
+
* For electrical units (voltage, current), use voltage.ts and current.ts
|
|
265
376
|
*/
|
|
266
377
|
|
|
267
378
|
/**
|
|
@@ -284,50 +395,10 @@ declare const toGWh: (value: number | null | undefined, decimals?: number) => st
|
|
|
284
395
|
* Auto-scale energy to the most appropriate unit
|
|
285
396
|
*/
|
|
286
397
|
declare const autoScaleEnergy: (value: number | null | undefined, decimals?: number) => string | null;
|
|
287
|
-
/**
|
|
288
|
-
* Format as Watts
|
|
289
|
-
*/
|
|
290
|
-
declare const toWatts: (value: number | null | undefined) => string | null;
|
|
291
|
-
/**
|
|
292
|
-
* Format as kilowatts
|
|
293
|
-
*/
|
|
294
|
-
declare const tokW: (value: number | null | undefined, decimals?: number) => string | null;
|
|
295
|
-
/**
|
|
296
|
-
* Format as megawatts
|
|
297
|
-
*/
|
|
298
|
-
declare const toMW: (value: number | null | undefined, decimals?: number) => string | null;
|
|
299
|
-
/**
|
|
300
|
-
* Auto-scale power to the most appropriate unit
|
|
301
|
-
*/
|
|
302
|
-
declare const autoScalePower: (value: number | null | undefined, decimals?: number) => string | null;
|
|
303
398
|
/**
|
|
304
399
|
* Format energy according to EnergyFormat specification
|
|
305
400
|
*/
|
|
306
401
|
declare const formatEnergy: (value: FieldValue, format: EnergyFormat) => FormattedValue;
|
|
307
|
-
/**
|
|
308
|
-
* Electrical units - Amperage
|
|
309
|
-
*/
|
|
310
|
-
declare const toAmps: (value: number | null | undefined, decimals?: number) => string | null;
|
|
311
|
-
/**
|
|
312
|
-
* Electrical units - Voltage
|
|
313
|
-
*/
|
|
314
|
-
declare const toVolts: (value: number | null | undefined) => string | null;
|
|
315
|
-
/**
|
|
316
|
-
* Electrical units - Millivolts
|
|
317
|
-
*/
|
|
318
|
-
declare const toMillivolts: (value: number | null | undefined) => string | null;
|
|
319
|
-
/**
|
|
320
|
-
* Electrical units - Kilovolts
|
|
321
|
-
*/
|
|
322
|
-
declare const toKilovolts: (value: number | null | undefined, decimals?: number) => string | null;
|
|
323
|
-
/**
|
|
324
|
-
* Electrical units - Ohms (resistance)
|
|
325
|
-
*/
|
|
326
|
-
declare const toOhms: (value: number | null | undefined, decimals?: number) => string | null;
|
|
327
|
-
/**
|
|
328
|
-
* Electrical units - Milliohms
|
|
329
|
-
*/
|
|
330
|
-
declare const toMilliohms: (value: number | null | undefined, decimals?: number) => string | null;
|
|
331
402
|
|
|
332
403
|
/**
|
|
333
404
|
* Number and currency formatting utilities
|
|
@@ -395,6 +466,39 @@ declare const formatPhoneNumber: (phone: string | null | undefined) => string |
|
|
|
395
466
|
*/
|
|
396
467
|
declare const formatPhone: (value: FieldValue, format: PhoneFormat) => FormattedValue;
|
|
397
468
|
|
|
469
|
+
/**
|
|
470
|
+
* Power formatting utilities (rate of energy transfer)
|
|
471
|
+
*/
|
|
472
|
+
|
|
473
|
+
/**
|
|
474
|
+
* Format as Watts
|
|
475
|
+
*/
|
|
476
|
+
declare const toWatts: (value: number | null | undefined, decimals?: number) => string | null;
|
|
477
|
+
/**
|
|
478
|
+
* Format as kilowatts
|
|
479
|
+
*/
|
|
480
|
+
declare const toKilowatts: (value: number | null | undefined, decimals?: number) => string | null;
|
|
481
|
+
/**
|
|
482
|
+
* Format as megawatts
|
|
483
|
+
*/
|
|
484
|
+
declare const toMegawatts: (value: number | null | undefined, decimals?: number) => string | null;
|
|
485
|
+
/**
|
|
486
|
+
* Format as gigawatts
|
|
487
|
+
*/
|
|
488
|
+
declare const toGigawatts: (value: number | null | undefined, decimals?: number) => string | null;
|
|
489
|
+
/**
|
|
490
|
+
* Auto-scale power to the most appropriate unit
|
|
491
|
+
*/
|
|
492
|
+
declare const autoScalePower: (value: number | null | undefined, decimals?: number) => string | null;
|
|
493
|
+
/**
|
|
494
|
+
* Format power according to PowerFormat specification
|
|
495
|
+
*/
|
|
496
|
+
declare const formatPower: (value: FieldValue, format: PowerFormat) => FormattedValue;
|
|
497
|
+
declare const toW: (value: number | null | undefined, decimals?: number) => string | null;
|
|
498
|
+
declare const toKW: (value: number | null | undefined, decimals?: number) => string | null;
|
|
499
|
+
declare const toMW: (value: number | null | undefined, decimals?: number) => string | null;
|
|
500
|
+
declare const toGW: (value: number | null | undefined, decimals?: number) => string | null;
|
|
501
|
+
|
|
398
502
|
/**
|
|
399
503
|
* FormatRegistry - A singleton pattern for managing formatters
|
|
400
504
|
* Allows registration and retrieval of formatting functions by key
|
|
@@ -439,6 +543,35 @@ declare class FormatRegistryClass {
|
|
|
439
543
|
}
|
|
440
544
|
declare const FormatRegistry: FormatRegistryClass;
|
|
441
545
|
|
|
546
|
+
/**
|
|
547
|
+
* Electrical resistance formatting utilities
|
|
548
|
+
*/
|
|
549
|
+
|
|
550
|
+
/**
|
|
551
|
+
* Format as milliohms
|
|
552
|
+
*/
|
|
553
|
+
declare const toMilliohms: (value: number | null | undefined, decimals?: number) => string | null;
|
|
554
|
+
/**
|
|
555
|
+
* Format as ohms
|
|
556
|
+
*/
|
|
557
|
+
declare const toOhms: (value: number | null | undefined, decimals?: number) => string | null;
|
|
558
|
+
/**
|
|
559
|
+
* Format as kilohms
|
|
560
|
+
*/
|
|
561
|
+
declare const toKilohms: (value: number | null | undefined, decimals?: number) => string | null;
|
|
562
|
+
/**
|
|
563
|
+
* Format as megohms
|
|
564
|
+
*/
|
|
565
|
+
declare const toMegohms: (value: number | null | undefined, decimals?: number) => string | null;
|
|
566
|
+
/**
|
|
567
|
+
* Auto-scale resistance to the most appropriate unit
|
|
568
|
+
*/
|
|
569
|
+
declare const autoScaleResistance: (value: number | null | undefined, decimals?: number) => string | null;
|
|
570
|
+
/**
|
|
571
|
+
* Format resistance according to ResistanceFormat specification
|
|
572
|
+
*/
|
|
573
|
+
declare const formatResistance: (value: FieldValue, format: ResistanceFormat) => FormattedValue;
|
|
574
|
+
|
|
442
575
|
/**
|
|
443
576
|
* Temperature formatting utilities
|
|
444
577
|
*/
|
|
@@ -553,6 +686,34 @@ declare const toSecret: (value: string | null | undefined) => string;
|
|
|
553
686
|
*/
|
|
554
687
|
declare const formatText: (value: FieldValue, format: TextFormat) => FormattedValue;
|
|
555
688
|
|
|
689
|
+
/**
|
|
690
|
+
* Voltage formatting utilities (electrical potential)
|
|
691
|
+
*/
|
|
692
|
+
|
|
693
|
+
/**
|
|
694
|
+
* Format as millivolts
|
|
695
|
+
*/
|
|
696
|
+
declare const toMillivolts: (value: number | null | undefined, decimals?: number) => string | null;
|
|
697
|
+
/**
|
|
698
|
+
* Format as volts
|
|
699
|
+
*/
|
|
700
|
+
declare const toVolts: (value: number | null | undefined, decimals?: number) => string | null;
|
|
701
|
+
/**
|
|
702
|
+
* Format as kilovolts
|
|
703
|
+
*/
|
|
704
|
+
declare const toKilovolts: (value: number | null | undefined, decimals?: number) => string | null;
|
|
705
|
+
/**
|
|
706
|
+
* Auto-scale voltage to the most appropriate unit
|
|
707
|
+
*/
|
|
708
|
+
declare const autoScaleVoltage: (value: number | null | undefined, decimals?: number) => string | null;
|
|
709
|
+
/**
|
|
710
|
+
* Format voltage according to VoltageFormat specification
|
|
711
|
+
*/
|
|
712
|
+
declare const formatVoltage: (value: FieldValue, format: VoltageFormat) => FormattedValue;
|
|
713
|
+
declare const toMV: (value: number | null | undefined, decimals?: number) => string | null;
|
|
714
|
+
declare const toV: (value: number | null | undefined, decimals?: number) => string | null;
|
|
715
|
+
declare const toKV: (value: number | null | undefined, decimals?: number) => string | null;
|
|
716
|
+
|
|
556
717
|
/**
|
|
557
718
|
* Comprehensive formatting utilities for the Edges design system
|
|
558
719
|
*
|
|
@@ -1209,7 +1370,7 @@ declare class ErrorBoundary extends Component<Props, State> {
|
|
|
1209
1370
|
static getDerivedStateFromError(error: Error): State;
|
|
1210
1371
|
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
1211
1372
|
private handleRetry;
|
|
1212
|
-
render(): string | number | boolean | react_jsx_runtime.JSX.Element |
|
|
1373
|
+
render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
1213
1374
|
}
|
|
1214
1375
|
|
|
1215
1376
|
interface InputStyleProps {
|
|
@@ -1498,6 +1659,7 @@ declare namespace Grid {
|
|
|
1498
1659
|
}
|
|
1499
1660
|
declare function GridItem({ span, className, children, }: GridItemProps): react_jsx_runtime.JSX.Element;
|
|
1500
1661
|
|
|
1662
|
+
type KpiFormatter = ComponentFormatter;
|
|
1501
1663
|
/**
|
|
1502
1664
|
* Kpi Component — Single metric display
|
|
1503
1665
|
*
|
|
@@ -1527,10 +1689,8 @@ interface KpiProps {
|
|
|
1527
1689
|
label: React__default.ReactNode;
|
|
1528
1690
|
/** Primary value - number for auto-formatting or string for custom display */
|
|
1529
1691
|
value: number | string;
|
|
1530
|
-
/**
|
|
1531
|
-
|
|
1532
|
-
/** Intl.NumberFormat options for numeric values */
|
|
1533
|
-
format?: Intl.NumberFormatOptions;
|
|
1692
|
+
/** Formatter using the unified formatting system */
|
|
1693
|
+
formatter?: KpiFormatter;
|
|
1534
1694
|
/** Change since prior period */
|
|
1535
1695
|
delta?: number;
|
|
1536
1696
|
/** Description of delta period (e.g., "vs last 7d") */
|
|
@@ -1567,7 +1727,7 @@ interface KpiProps {
|
|
|
1567
1727
|
/** Custom trend renderer */
|
|
1568
1728
|
renderTrend?: (points?: TrendPoint[]) => React__default.ReactNode;
|
|
1569
1729
|
}
|
|
1570
|
-
declare function Kpi({ label, value,
|
|
1730
|
+
declare function Kpi({ label, value, formatter, delta, deltaPeriodLabel, deltaIntent, trend, status, helpText, size, orientation, loading, empty, error, onClick, className, renderValue, renderDelta, renderTrend, }: KpiProps): react_jsx_runtime.JSX.Element;
|
|
1571
1731
|
|
|
1572
1732
|
/**
|
|
1573
1733
|
* KpiGroup Component — Layout container for multiple KPIs
|
|
@@ -1847,19 +2007,20 @@ type PageFiltersProps = {
|
|
|
1847
2007
|
ariaLabel?: string;
|
|
1848
2008
|
};
|
|
1849
2009
|
declare function Filters({ children, className, ariaLabel }: PageFiltersProps): react_jsx_runtime.JSX.Element;
|
|
1850
|
-
type
|
|
2010
|
+
type PageLayoutTab = {
|
|
1851
2011
|
id: string;
|
|
1852
2012
|
label: React$1.ReactNode;
|
|
1853
2013
|
disabled?: boolean;
|
|
1854
2014
|
};
|
|
1855
|
-
type TabsProps = {
|
|
1856
|
-
tabs:
|
|
2015
|
+
type TabsProps$1 = {
|
|
2016
|
+
tabs: PageLayoutTab[];
|
|
1857
2017
|
value?: string;
|
|
1858
2018
|
defaultValue?: string;
|
|
1859
2019
|
onChange?: (id: string) => void;
|
|
1860
2020
|
className?: string;
|
|
2021
|
+
children?: React$1.ReactNode;
|
|
1861
2022
|
};
|
|
1862
|
-
declare function Tabs$1({ tabs, value, defaultValue, onChange, className }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
2023
|
+
declare function Tabs$1({ tabs, value, defaultValue, onChange, className, children }: TabsProps$1): react_jsx_runtime.JSX.Element;
|
|
1863
2024
|
type PageContentProps = {
|
|
1864
2025
|
children: React$1.ReactNode;
|
|
1865
2026
|
className?: string;
|
|
@@ -2139,44 +2300,16 @@ declare function Main({ className, children }: SplitPanePanelProps): react_jsx_r
|
|
|
2139
2300
|
declare function Aside({ className, children }: SplitPanePanelProps): react_jsx_runtime.JSX.Element;
|
|
2140
2301
|
|
|
2141
2302
|
/**
|
|
2142
|
-
* StatList
|
|
2143
|
-
*
|
|
2144
|
-
* Display a list of labeled statistics with formatting, status indicators,
|
|
2145
|
-
* and optional actions. Perfect for detail panels, inspectors, and spec sheets.
|
|
2303
|
+
* StatList — Compact key-value statistics display
|
|
2146
2304
|
*
|
|
2147
|
-
*
|
|
2148
|
-
*
|
|
2149
|
-
* <StatList
|
|
2150
|
-
* items={[
|
|
2151
|
-
* { id: "voltage", label: "Voltage", value: 241, unit: "V" },
|
|
2152
|
-
* { id: "status", label: "Status", value: "Online", tone: "success" },
|
|
2153
|
-
* { id: "updated", label: "Last Update", value: new Date() }
|
|
2154
|
-
* ]}
|
|
2155
|
-
* />
|
|
2156
|
-
* ```
|
|
2305
|
+
* Displays formatted statistics with status indicators and optional copy functionality.
|
|
2306
|
+
* Uses the unified formatting system for consistent data presentation.
|
|
2157
2307
|
*/
|
|
2158
2308
|
type StatTone = "neutral" | "success" | "warning" | "error" | "info";
|
|
2159
2309
|
type StatAlign = "start" | "end";
|
|
2160
2310
|
type StatLayout = "one-column" | "two-column";
|
|
2161
|
-
type StatValue =
|
|
2162
|
-
type StatFormatter =
|
|
2163
|
-
type: "number";
|
|
2164
|
-
options?: Intl.NumberFormatOptions;
|
|
2165
|
-
unit?: string;
|
|
2166
|
-
} | {
|
|
2167
|
-
type: "date";
|
|
2168
|
-
options?: Intl.DateTimeFormatOptions;
|
|
2169
|
-
} | {
|
|
2170
|
-
type: "duration";
|
|
2171
|
-
base?: "seconds" | "ms";
|
|
2172
|
-
} | {
|
|
2173
|
-
type: "bool";
|
|
2174
|
-
trueLabel?: string;
|
|
2175
|
-
falseLabel?: string;
|
|
2176
|
-
} | {
|
|
2177
|
-
type: "string";
|
|
2178
|
-
transform?: "uppercase" | "lowercase" | "capitalize";
|
|
2179
|
-
};
|
|
2311
|
+
type StatValue = FieldValue;
|
|
2312
|
+
type StatFormatter = ComponentFormatter;
|
|
2180
2313
|
interface StatThreshold {
|
|
2181
2314
|
when: (value: StatValue) => boolean;
|
|
2182
2315
|
tone: StatTone;
|
|
@@ -2190,8 +2323,6 @@ interface StatItem {
|
|
|
2190
2323
|
value: StatValue;
|
|
2191
2324
|
/** Custom formatter for the value */
|
|
2192
2325
|
formatter?: StatFormatter;
|
|
2193
|
-
/** Unit to append to formatted value */
|
|
2194
|
-
unit?: string;
|
|
2195
2326
|
/** Additional metadata below value */
|
|
2196
2327
|
meta?: React__default.ReactNode;
|
|
2197
2328
|
/** Explicit tone/status color */
|
|
@@ -2232,30 +2363,36 @@ interface StatListProps {
|
|
|
2232
2363
|
error?: string | React__default.ReactNode;
|
|
2233
2364
|
/** Additional CSS classes */
|
|
2234
2365
|
className?: string;
|
|
2235
|
-
/** Copy callback */
|
|
2236
|
-
onCopy?: (text: string, id: string) => void;
|
|
2237
2366
|
}
|
|
2238
|
-
declare function StatList({ items, layout, dense, valueAlign, showDividers, skeleton, empty, error, className,
|
|
2367
|
+
declare function StatList({ items, layout, dense, valueAlign, showDividers, skeleton, empty, error, className, }: StatListProps): react_jsx_runtime.JSX.Element;
|
|
2239
2368
|
|
|
2240
2369
|
interface SwitchProps extends Omit<SwitchProps$1, "children"> {
|
|
2241
2370
|
children: React__default.ReactNode;
|
|
2242
2371
|
}
|
|
2243
2372
|
declare function Switch({ children, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
2244
2373
|
|
|
2374
|
+
type TabVariant = "default" | "accent";
|
|
2245
2375
|
type TabProps = TabProps$1 & {
|
|
2246
2376
|
isSelected?: boolean;
|
|
2247
2377
|
id?: string;
|
|
2248
2378
|
};
|
|
2379
|
+
type TabsProps = TabsProps$2 & {
|
|
2380
|
+
variant?: TabVariant;
|
|
2381
|
+
};
|
|
2382
|
+
type TabListProps<T extends object> = TabListProps$1<T> & {
|
|
2383
|
+
variant?: TabVariant;
|
|
2384
|
+
};
|
|
2249
2385
|
/**
|
|
2250
2386
|
* Tabs
|
|
2251
2387
|
*
|
|
2252
2388
|
* Tabbed interface with styled tabs and panels.
|
|
2389
|
+
* @param variant - "default" for gray styling, "accent" for brand color styling
|
|
2253
2390
|
*/
|
|
2254
|
-
declare function Tabs(props: TabsProps
|
|
2391
|
+
declare function Tabs({ variant, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
2255
2392
|
/**
|
|
2256
2393
|
* TabList container.
|
|
2257
2394
|
*/
|
|
2258
|
-
declare function TabList<T extends object>(props: TabListProps<T>): react_jsx_runtime.JSX.Element;
|
|
2395
|
+
declare function TabList<T extends object>({ variant, ...props }: TabListProps<T>): react_jsx_runtime.JSX.Element;
|
|
2259
2396
|
/**
|
|
2260
2397
|
* Tab trigger element.
|
|
2261
2398
|
*/
|
|
@@ -2408,4 +2545,4 @@ interface ColorModeProviderProps {
|
|
|
2408
2545
|
}
|
|
2409
2546
|
declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
2410
2547
|
|
|
2411
|
-
export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, CopyToClipboard, type CurrencyFormat, type CustomFormat, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, type DistanceFormat, type DistanceUnit, Drawer, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, Form, FormatRegistry, type FormattedValue, type FormatterFunction, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LineSeries, type LinkBehavior, ListBox, ListBoxItem, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, YFormatType, autoScaleDistance, autoScaleEnergy, autoScalePower, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatCurrency, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatTemperature, formatText, formatUSPhone, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isExportSupported, isNil, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGWh, toISOString, toInches, toInteger, toKelvin, toKilometers, toKilovolts, toLowerCase, toMW, toMWh, toMeters, toMiles, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toVolts, toWatts, toWh, toYards,
|
|
2548
|
+
export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, type DistanceFormat, type DistanceUnit, Drawer, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, Form, FormatRegistry, type FormattedValue, type FormatterFunction, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LineSeries, type LinkBehavior, ListBox, ListBoxItem, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isExportSupported, isNil, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useNotice, yardsToMeters };
|