@texturehq/edges 1.7.1 → 1.7.3
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 +914 -1406
- package/dist/index.cjs +9 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +98 -275
- package/dist/index.d.ts +98 -275
- package/dist/index.js +9 -9
- package/dist/index.js.map +1 -1
- package/dist/{server-DAd0A202.d.cts → server-7ZzifHri.d.cts} +191 -8
- package/dist/{server-DAd0A202.d.ts → server-7ZzifHri.d.ts} +191 -8
- package/dist/server.cjs +13 -13
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +1 -1
- package/dist/server.d.ts +1 -1
- package/dist/server.js +13 -13
- package/dist/server.js.map +1 -1
- package/dist/styles.css +5 -16
- package/dist/utilities.manifest.json +4 -1039
- package/package.json +2 -2
- package/scripts/generate-edges-docs.js +970 -0
- package/scripts/setup-cursor-rules.js +18 -0
- package/scripts/generate-components-manifest.js +0 -188
- package/scripts/generate-utilities-manifest.js +0 -392
package/dist/index.d.cts
CHANGED
|
@@ -2,8 +2,8 @@ import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps a
|
|
|
2
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { ReactNode, ComponentProps, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
|
|
5
|
-
import { B as BaseDataPoint, I as Icon, Y as YFormatType,
|
|
6
|
-
export { A as ActionItem,
|
|
5
|
+
import { F as FieldValue, B as BooleanFormat, a as FormattedValue, C as CurrentFormat, D as DateFormat, b as DistanceFormat, E as EnergyFormat, c as CurrencyFormat, N as NumberFormat, P as PhoneFormat, d as PowerFormat, e as FormatterFunction, R as ResistanceFormat, T as TemperatureUnitString, f as TemperatureUnit, g as TemperatureFormat, h as TextFormat, V as VoltageFormat, i as FieldFormat, j as BaseDataPoint, I as Icon, Y as YFormatType, k as TooltipData, l as IconName$2, m as ComponentFormatter, L as LayerSpec, n as CustomPinsSpec, G as GeoJsonLayerSpec, o as RasterLayerSpec, p as VectorLayerSpec } from './server-7ZzifHri.cjs';
|
|
6
|
+
export { A as ActionItem, r as ActionMenu, q as ActionMenuProps, t as AppShell, s as AppShellProps, v as Avatar, u as AvatarProps, x as Badge, w as BadgeProps, aH as BaseFormat, H as Card, y as CardProps, z as CardVariant, ao as ChartContext, aq as ChartMargin, O as CodeEditor, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, $ as ColorSpec, aE as ComponentFormatOptions, aO as CurrentUnit, aR as CustomFormat, S as DateField, Q as DateFieldProps, aK as DateFormatStyle, aQ as DistanceUnit, aL as EnergyUnit, W as FileUpload, U as FileUploadProps, X as Heading, a7 as InteractiveMap, a0 as InteractiveMapProps, a1 as LayerFeature, a2 as LayerStyle, Z as Loader, _ as Logo, a8 as MAP_TYPES, a3 as MapPoint, ab as Meter, aa as MeterProps, aM as PowerUnit, a4 as RenderType, aP as ResistanceUnit, ad as RichTextEditor, ac as RichTextEditorProps, af as SegmentOption, ag as SegmentedControl, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a9 as StaticMap, a5 as StaticMapProps, ak as TextLink, aI as TextTransform, aJ as TextTruncatePosition, an as TooltipSeries, am as TopNav, al as TopNavProps, aN as VoltageUnit, av as YFormatSettings, a6 as ZoomStops, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, aF as formatComponentValue, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aD as isLightColor, ap as useChartContext, aG as useComponentFormatter } from './server-7ZzifHri.cjs';
|
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
8
|
import { ScaleTime, ScaleLinear } from 'd3-scale';
|
|
9
9
|
import '@phosphor-icons/react';
|
|
@@ -71,203 +71,6 @@ type UseBreakpointReturn = BreakpointState;
|
|
|
71
71
|
*/
|
|
72
72
|
declare function useBreakpoint(defaultBreakpoint?: Breakpoint | "base"): BreakpointState;
|
|
73
73
|
|
|
74
|
-
/**
|
|
75
|
-
* Chart export utilities for CSV, SVG, and PNG formats
|
|
76
|
-
* Provides comprehensive export functionality for chart visualizations
|
|
77
|
-
*/
|
|
78
|
-
|
|
79
|
-
type ExportType = "csv" | "svg" | "png";
|
|
80
|
-
interface ChartExportMetadata {
|
|
81
|
-
xLabel?: string;
|
|
82
|
-
yLabel?: string;
|
|
83
|
-
seriesLabels?: string[];
|
|
84
|
-
filename?: string;
|
|
85
|
-
timestamp?: boolean;
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* Main export function that handles all chart export types.
|
|
89
|
-
* Supports CSV, SVG, and PNG formats with automatic filename generation.
|
|
90
|
-
*
|
|
91
|
-
* @param type - Export format: "csv", "svg", or "png"
|
|
92
|
-
* @param datasets - Chart data as single array or array of arrays for multi-series
|
|
93
|
-
* @param metadata - Export metadata including labels and filename options
|
|
94
|
-
* @param svgRef - Reference to the chart's SVG element
|
|
95
|
-
* @returns Promise that resolves when export is complete
|
|
96
|
-
*
|
|
97
|
-
* @example
|
|
98
|
-
* ```typescript
|
|
99
|
-
* // Export single series as CSV
|
|
100
|
-
* await exportChart("csv", data, {
|
|
101
|
-
* xLabel: "Date",
|
|
102
|
-
* yLabel: "Value",
|
|
103
|
-
* filename: "sales-data"
|
|
104
|
-
* }, svgRef);
|
|
105
|
-
*
|
|
106
|
-
* // Export multi-series chart as PNG
|
|
107
|
-
* await exportChart("png", [series1, series2], {
|
|
108
|
-
* seriesLabels: ["Revenue", "Profit"],
|
|
109
|
-
* timestamp: false
|
|
110
|
-
* }, svgRef);
|
|
111
|
-
* ```
|
|
112
|
-
*/
|
|
113
|
-
declare function exportChart(type: ExportType, datasets: BaseDataPoint[][] | BaseDataPoint[], metadata: ChartExportMetadata | undefined, svgRef: React__default.RefObject<SVGSVGElement | null>): Promise<void>;
|
|
114
|
-
/**
|
|
115
|
-
* Utility to check if export is supported in the current environment
|
|
116
|
-
*/
|
|
117
|
-
declare function isExportSupported(type: ExportType): boolean;
|
|
118
|
-
/**
|
|
119
|
-
* Get human-readable export format name
|
|
120
|
-
*/
|
|
121
|
-
declare function getExportFormatName(type: ExportType): string;
|
|
122
|
-
|
|
123
|
-
declare function useDebounce<T>(value: T, delay?: number): T;
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* Hook for managing localStorage values with React state synchronization
|
|
127
|
-
* @param key - The localStorage key
|
|
128
|
-
* @param initialValue - The initial value if nothing is stored
|
|
129
|
-
* @returns [value, setValue, removeValue] - Current value, setter function, and remove function
|
|
130
|
-
*/
|
|
131
|
-
declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((val: T) => T)) => void, () => void];
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* Hook to check if a media query matches the current viewport
|
|
135
|
-
*
|
|
136
|
-
* @param query - A CSS media query string (e.g., "(min-width: 768px)")
|
|
137
|
-
* @param defaultValue - The default value to return during SSR or before the first render
|
|
138
|
-
* @returns A boolean indicating whether the media query matches
|
|
139
|
-
*
|
|
140
|
-
* @example
|
|
141
|
-
* ```tsx
|
|
142
|
-
* const isMobile = useMediaQuery('(max-width: 767px)');
|
|
143
|
-
* const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');
|
|
144
|
-
* const isLandscape = useMediaQuery('(orientation: landscape)');
|
|
145
|
-
* ```
|
|
146
|
-
*/
|
|
147
|
-
declare function useMediaQuery(query: string, defaultValue?: boolean): boolean;
|
|
148
|
-
|
|
149
|
-
/**
|
|
150
|
-
* Core types for the formatting system
|
|
151
|
-
*/
|
|
152
|
-
type FieldValue = string | number | boolean | Date | null | undefined;
|
|
153
|
-
type FormattedValue = string | null;
|
|
154
|
-
type FormatterFunction = (value: FieldValue, ...args: unknown[]) => FormattedValue;
|
|
155
|
-
interface BaseFormat {
|
|
156
|
-
nullText?: string;
|
|
157
|
-
emptyText?: string;
|
|
158
|
-
hideWhenNull?: boolean;
|
|
159
|
-
hideWhenZero?: boolean;
|
|
160
|
-
}
|
|
161
|
-
type TextTransform = "uppercase" | "lowercase" | "capitalize" | "titleCase" | "sentenceCase";
|
|
162
|
-
type TextTruncatePosition = "start" | "middle" | "end";
|
|
163
|
-
interface TextFormat extends BaseFormat {
|
|
164
|
-
type: "text";
|
|
165
|
-
transform?: TextTransform | TextTransform[];
|
|
166
|
-
truncate?: {
|
|
167
|
-
length: number;
|
|
168
|
-
position: TextTruncatePosition;
|
|
169
|
-
ellipsis?: string;
|
|
170
|
-
};
|
|
171
|
-
wrap?: "normal" | "nowrap" | "pre" | "pre-wrap";
|
|
172
|
-
highlight?: {
|
|
173
|
-
pattern: string | RegExp;
|
|
174
|
-
className?: string;
|
|
175
|
-
};
|
|
176
|
-
}
|
|
177
|
-
interface NumberFormat extends BaseFormat {
|
|
178
|
-
type: "number";
|
|
179
|
-
decimals?: number;
|
|
180
|
-
thousandsSeparator?: boolean;
|
|
181
|
-
notation?: "standard" | "scientific" | "compact" | "engineering";
|
|
182
|
-
compactDisplay?: "short" | "long";
|
|
183
|
-
sign?: "auto" | "never" | "always" | "exceptZero";
|
|
184
|
-
}
|
|
185
|
-
interface CurrencyFormat extends BaseFormat {
|
|
186
|
-
type: "currency";
|
|
187
|
-
currency?: string;
|
|
188
|
-
currencyDisplay?: "symbol" | "narrowSymbol" | "code" | "name";
|
|
189
|
-
minimumFractionDigits?: number;
|
|
190
|
-
maximumFractionDigits?: number;
|
|
191
|
-
thousandsSeparator?: boolean;
|
|
192
|
-
}
|
|
193
|
-
type DateFormatStyle = "short" | "medium" | "long" | "full";
|
|
194
|
-
interface DateFormat extends BaseFormat {
|
|
195
|
-
type: "date";
|
|
196
|
-
format?: string;
|
|
197
|
-
dateStyle?: DateFormatStyle;
|
|
198
|
-
timeStyle?: DateFormatStyle;
|
|
199
|
-
relative?: boolean;
|
|
200
|
-
timezone?: string;
|
|
201
|
-
}
|
|
202
|
-
interface BooleanFormat extends BaseFormat {
|
|
203
|
-
type: "boolean";
|
|
204
|
-
trueText?: string;
|
|
205
|
-
falseText?: string;
|
|
206
|
-
trueIcon?: string;
|
|
207
|
-
falseIcon?: string;
|
|
208
|
-
}
|
|
209
|
-
type EnergyUnit = "Wh" | "kWh" | "MWh" | "GWh";
|
|
210
|
-
interface EnergyFormat extends BaseFormat {
|
|
211
|
-
type: "energy";
|
|
212
|
-
unit?: EnergyUnit;
|
|
213
|
-
autoScale?: boolean;
|
|
214
|
-
decimals?: number;
|
|
215
|
-
}
|
|
216
|
-
type PowerUnit = "W" | "kW" | "MW" | "GW";
|
|
217
|
-
interface PowerFormat extends BaseFormat {
|
|
218
|
-
type: "power";
|
|
219
|
-
unit?: PowerUnit;
|
|
220
|
-
autoScale?: boolean;
|
|
221
|
-
decimals?: number;
|
|
222
|
-
}
|
|
223
|
-
type VoltageUnit = "mV" | "V" | "kV";
|
|
224
|
-
interface VoltageFormat extends BaseFormat {
|
|
225
|
-
type: "voltage";
|
|
226
|
-
unit?: VoltageUnit;
|
|
227
|
-
autoScale?: boolean;
|
|
228
|
-
decimals?: number;
|
|
229
|
-
}
|
|
230
|
-
type CurrentUnit = "mA" | "A" | "kA";
|
|
231
|
-
interface CurrentFormat extends BaseFormat {
|
|
232
|
-
type: "current";
|
|
233
|
-
unit?: CurrentUnit;
|
|
234
|
-
autoScale?: boolean;
|
|
235
|
-
decimals?: number;
|
|
236
|
-
}
|
|
237
|
-
type ResistanceUnit = "mΩ" | "Ω" | "kΩ" | "MΩ";
|
|
238
|
-
interface ResistanceFormat extends BaseFormat {
|
|
239
|
-
type: "resistance";
|
|
240
|
-
unit?: ResistanceUnit;
|
|
241
|
-
autoScale?: boolean;
|
|
242
|
-
decimals?: number;
|
|
243
|
-
}
|
|
244
|
-
type TemperatureUnit = "C" | "F" | "K";
|
|
245
|
-
type TemperatureUnitString = "CELSIUS" | "FAHRENHEIT" | "KELVIN";
|
|
246
|
-
interface TemperatureFormat extends BaseFormat {
|
|
247
|
-
type: "temperature";
|
|
248
|
-
unit?: TemperatureUnit | TemperatureUnitString;
|
|
249
|
-
decimals?: number;
|
|
250
|
-
showUnit?: boolean;
|
|
251
|
-
}
|
|
252
|
-
type DistanceUnit = "m" | "km" | "ft" | "mi" | "yd";
|
|
253
|
-
interface DistanceFormat extends BaseFormat {
|
|
254
|
-
type: "distance";
|
|
255
|
-
unit?: DistanceUnit;
|
|
256
|
-
autoScale?: boolean;
|
|
257
|
-
decimals?: number;
|
|
258
|
-
}
|
|
259
|
-
interface PhoneFormat extends BaseFormat {
|
|
260
|
-
type: "phone";
|
|
261
|
-
country?: string;
|
|
262
|
-
international?: boolean;
|
|
263
|
-
}
|
|
264
|
-
interface CustomFormat extends BaseFormat {
|
|
265
|
-
type: "custom";
|
|
266
|
-
formatter: FormatterFunction;
|
|
267
|
-
options?: Record<string, unknown>;
|
|
268
|
-
}
|
|
269
|
-
type FieldFormat = TextFormat | NumberFormat | CurrencyFormat | DateFormat | BooleanFormat | EnergyFormat | PowerFormat | VoltageFormat | CurrentFormat | ResistanceFormat | TemperatureFormat | DistanceFormat | PhoneFormat | CustomFormat;
|
|
270
|
-
|
|
271
74
|
/**
|
|
272
75
|
* Boolean formatting utilities
|
|
273
76
|
*/
|
|
@@ -305,59 +108,6 @@ declare const parseBoolean: (value: FieldValue) => boolean | null;
|
|
|
305
108
|
*/
|
|
306
109
|
declare const formatBoolean: (value: FieldValue, format: BooleanFormat) => FormattedValue;
|
|
307
110
|
|
|
308
|
-
/**
|
|
309
|
-
* Centralized formatting utility for UI components
|
|
310
|
-
* Used by Kpi, StatList, and other data display components
|
|
311
|
-
*/
|
|
312
|
-
|
|
313
|
-
/**
|
|
314
|
-
* Common formatter type used by data display components
|
|
315
|
-
* Can be either a custom function or a FieldFormat object
|
|
316
|
-
*/
|
|
317
|
-
type ComponentFormatter = ((value: FieldValue) => React__default.ReactNode) | FieldFormat;
|
|
318
|
-
/**
|
|
319
|
-
* Options for formatting values in components
|
|
320
|
-
*/
|
|
321
|
-
interface ComponentFormatOptions {
|
|
322
|
-
/** The value to format */
|
|
323
|
-
value: FieldValue;
|
|
324
|
-
/** The formatter to apply */
|
|
325
|
-
formatter?: ComponentFormatter;
|
|
326
|
-
/** CSS class for null/empty values */
|
|
327
|
-
emptyClassName?: string;
|
|
328
|
-
/** Text to show for null/empty values */
|
|
329
|
-
emptyText?: React__default.ReactNode;
|
|
330
|
-
}
|
|
331
|
-
/**
|
|
332
|
-
* Format a value for display in a component
|
|
333
|
-
* Centralizes the logic used by Kpi, StatList, and similar components
|
|
334
|
-
*
|
|
335
|
-
* @example
|
|
336
|
-
* ```tsx
|
|
337
|
-
* // In a component
|
|
338
|
-
* const formatted = formatComponentValue({
|
|
339
|
-
* value: 1500,
|
|
340
|
-
* formatter: { type: "power" }
|
|
341
|
-
* });
|
|
342
|
-
* // Returns: "1.5 kW"
|
|
343
|
-
* ```
|
|
344
|
-
*/
|
|
345
|
-
declare function formatComponentValue({ value, formatter, emptyClassName, emptyText, }: ComponentFormatOptions): React__default.ReactNode;
|
|
346
|
-
/**
|
|
347
|
-
* Hook for using the component formatter
|
|
348
|
-
* Provides memoization for better performance
|
|
349
|
-
*
|
|
350
|
-
* @example
|
|
351
|
-
* ```tsx
|
|
352
|
-
* function MyComponent({ value, formatter }) {
|
|
353
|
-
* const format = useComponentFormatter(formatter);
|
|
354
|
-
* const formatted = format(value);
|
|
355
|
-
* return <span>{formatted}</span>;
|
|
356
|
-
* }
|
|
357
|
-
* ```
|
|
358
|
-
*/
|
|
359
|
-
declare function useComponentFormatter(formatter?: ComponentFormatter, emptyClassName?: string, emptyText?: React__default.ReactNode): (value: FieldValue) => React__default.ReactNode;
|
|
360
|
-
|
|
361
111
|
/**
|
|
362
112
|
* Electrical current formatting utilities (flow of electric charge)
|
|
363
113
|
*/
|
|
@@ -943,6 +693,81 @@ declare const createFormat: <T extends FieldFormat["type"]>(type: T, options?: O
|
|
|
943
693
|
type: T;
|
|
944
694
|
}>;
|
|
945
695
|
|
|
696
|
+
/**
|
|
697
|
+
* Chart export utilities for CSV, SVG, and PNG formats
|
|
698
|
+
* Provides comprehensive export functionality for chart visualizations
|
|
699
|
+
*/
|
|
700
|
+
|
|
701
|
+
type ExportType = "csv" | "svg" | "png";
|
|
702
|
+
interface ChartExportMetadata {
|
|
703
|
+
xLabel?: string;
|
|
704
|
+
yLabel?: string;
|
|
705
|
+
seriesLabels?: string[];
|
|
706
|
+
filename?: string;
|
|
707
|
+
timestamp?: boolean;
|
|
708
|
+
}
|
|
709
|
+
/**
|
|
710
|
+
* Main export function that handles all chart export types.
|
|
711
|
+
* Supports CSV, SVG, and PNG formats with automatic filename generation.
|
|
712
|
+
*
|
|
713
|
+
* @param type - Export format: "csv", "svg", or "png"
|
|
714
|
+
* @param datasets - Chart data as single array or array of arrays for multi-series
|
|
715
|
+
* @param metadata - Export metadata including labels and filename options
|
|
716
|
+
* @param svgRef - Reference to the chart's SVG element
|
|
717
|
+
* @returns Promise that resolves when export is complete
|
|
718
|
+
*
|
|
719
|
+
* @example
|
|
720
|
+
* ```typescript
|
|
721
|
+
* // Export single series as CSV
|
|
722
|
+
* await exportChart("csv", data, {
|
|
723
|
+
* xLabel: "Date",
|
|
724
|
+
* yLabel: "Value",
|
|
725
|
+
* filename: "sales-data"
|
|
726
|
+
* }, svgRef);
|
|
727
|
+
*
|
|
728
|
+
* // Export multi-series chart as PNG
|
|
729
|
+
* await exportChart("png", [series1, series2], {
|
|
730
|
+
* seriesLabels: ["Revenue", "Profit"],
|
|
731
|
+
* timestamp: false
|
|
732
|
+
* }, svgRef);
|
|
733
|
+
* ```
|
|
734
|
+
*/
|
|
735
|
+
declare function exportChart(type: ExportType, datasets: BaseDataPoint[][] | BaseDataPoint[], metadata: ChartExportMetadata | undefined, svgRef: React__default.RefObject<SVGSVGElement | null>): Promise<void>;
|
|
736
|
+
/**
|
|
737
|
+
* Utility to check if export is supported in the current environment
|
|
738
|
+
*/
|
|
739
|
+
declare function isExportSupported(type: ExportType): boolean;
|
|
740
|
+
/**
|
|
741
|
+
* Get human-readable export format name
|
|
742
|
+
*/
|
|
743
|
+
declare function getExportFormatName(type: ExportType): string;
|
|
744
|
+
|
|
745
|
+
declare function useDebounce<T>(value: T, delay?: number): T;
|
|
746
|
+
|
|
747
|
+
/**
|
|
748
|
+
* Hook for managing localStorage values with React state synchronization
|
|
749
|
+
* @param key - The localStorage key
|
|
750
|
+
* @param initialValue - The initial value if nothing is stored
|
|
751
|
+
* @returns [value, setValue, removeValue] - Current value, setter function, and remove function
|
|
752
|
+
*/
|
|
753
|
+
declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((val: T) => T)) => void, () => void];
|
|
754
|
+
|
|
755
|
+
/**
|
|
756
|
+
* Hook to check if a media query matches the current viewport
|
|
757
|
+
*
|
|
758
|
+
* @param query - A CSS media query string (e.g., "(min-width: 768px)")
|
|
759
|
+
* @param defaultValue - The default value to return during SSR or before the first render
|
|
760
|
+
* @returns A boolean indicating whether the media query matches
|
|
761
|
+
*
|
|
762
|
+
* @example
|
|
763
|
+
* ```tsx
|
|
764
|
+
* const isMobile = useMediaQuery('(max-width: 767px)');
|
|
765
|
+
* const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');
|
|
766
|
+
* const isLandscape = useMediaQuery('(orientation: landscape)');
|
|
767
|
+
* ```
|
|
768
|
+
*/
|
|
769
|
+
declare function useMediaQuery(query: string, defaultValue?: boolean): boolean;
|
|
770
|
+
|
|
946
771
|
/**
|
|
947
772
|
* Shared action type for Dialog and Drawer footer buttons
|
|
948
773
|
*/
|
|
@@ -1434,7 +1259,7 @@ interface AxisBottomProps {
|
|
|
1434
1259
|
interface AxisLeftProps {
|
|
1435
1260
|
left: number;
|
|
1436
1261
|
scale: ScaleLinear<number, number>;
|
|
1437
|
-
|
|
1262
|
+
yFormatter: YFormatType;
|
|
1438
1263
|
}
|
|
1439
1264
|
/**
|
|
1440
1265
|
* ChartAxis
|
|
@@ -1467,7 +1292,12 @@ interface ChartContainerProps {
|
|
|
1467
1292
|
children: React__default.ReactNode;
|
|
1468
1293
|
parentWidth: number;
|
|
1469
1294
|
parentHeight: number;
|
|
1470
|
-
|
|
1295
|
+
/**
|
|
1296
|
+
* Y-axis formatter using the main formatting system
|
|
1297
|
+
* Accepts ComponentFormatter types (string shorthand or full options)
|
|
1298
|
+
* @example "energy", "currency", { type: "temperature", unit: "F" }
|
|
1299
|
+
*/
|
|
1300
|
+
yFormatter?: YFormatType;
|
|
1471
1301
|
isLoading?: boolean;
|
|
1472
1302
|
}
|
|
1473
1303
|
/**
|
|
@@ -1480,13 +1310,14 @@ declare const ChartContainer: React__default.FC<Omit<ChartContainerProps, "paren
|
|
|
1480
1310
|
|
|
1481
1311
|
interface ChartTooltipProps {
|
|
1482
1312
|
data: TooltipData | null;
|
|
1483
|
-
|
|
1313
|
+
formatter: YFormatType;
|
|
1484
1314
|
}
|
|
1485
1315
|
/**
|
|
1486
1316
|
* ChartTooltip
|
|
1487
1317
|
*
|
|
1488
1318
|
* Interactive tooltip component for charts.
|
|
1489
1319
|
* Displays formatted data values at hover position with automatic positioning and animations.
|
|
1320
|
+
* Uses the main formatting system for consistency with Kpi, StatList, and DataTable.
|
|
1490
1321
|
*/
|
|
1491
1322
|
declare const ChartTooltip: React__default.FC<ChartTooltipProps>;
|
|
1492
1323
|
|
|
@@ -1698,7 +1529,7 @@ interface ResultsCountProps {
|
|
|
1698
1529
|
* // Renders: loading skeleton
|
|
1699
1530
|
* ```
|
|
1700
1531
|
*/
|
|
1701
|
-
declare function ResultsCount({ count, label, isLoading, className }: ResultsCountProps): react_jsx_runtime.JSX.Element;
|
|
1532
|
+
declare function ResultsCount({ count, label, isLoading, className, }: ResultsCountProps): react_jsx_runtime.JSX.Element;
|
|
1702
1533
|
|
|
1703
1534
|
interface SearchControlProps {
|
|
1704
1535
|
/** Current search value */
|
|
@@ -1826,7 +1657,7 @@ interface ActionCellProps<T = any> extends CellComponentProps<T> {
|
|
|
1826
1657
|
* DataTable cell component for rendering action buttons within table rows.
|
|
1827
1658
|
* Supports multiple actions with icons, labels, and conditional visibility/disabled states.
|
|
1828
1659
|
*/
|
|
1829
|
-
declare function ActionCell<T = any>({ row, context, actions, align, size }: ActionCellProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
1660
|
+
declare function ActionCell<T = any>({ row, context, actions, align, size, }: ActionCellProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
1830
1661
|
|
|
1831
1662
|
interface BooleanCellProps<T = any> extends CellComponentProps<T> {
|
|
1832
1663
|
format?: "icon" | "text" | "badge";
|
|
@@ -1982,11 +1813,11 @@ interface MobileRowProps<T> {
|
|
|
1982
1813
|
* Automatic mobile card renderer
|
|
1983
1814
|
* Groups columns by priority and formats them appropriately
|
|
1984
1815
|
*/
|
|
1985
|
-
declare function AutoMobileRenderer<T>({ row, columns, density, isLoading, onClick }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
|
|
1816
|
+
declare function AutoMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
|
|
1986
1817
|
/**
|
|
1987
1818
|
* Simple card renderer - displays all columns in a simple stacked layout
|
|
1988
1819
|
*/
|
|
1989
|
-
declare function CardMobileRenderer<T>({ row, columns, density, isLoading, onClick }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
|
|
1820
|
+
declare function CardMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
|
|
1990
1821
|
|
|
1991
1822
|
/**
|
|
1992
1823
|
* DateRangePicker
|
|
@@ -2163,7 +1994,7 @@ declare function useInputFocus(): {
|
|
|
2163
1994
|
/**
|
|
2164
1995
|
* Wrapper component for input containers
|
|
2165
1996
|
*/
|
|
2166
|
-
declare function InputWrapper({ children, className }: {
|
|
1997
|
+
declare function InputWrapper({ children, className, }: {
|
|
2167
1998
|
children: React__default.ReactNode;
|
|
2168
1999
|
className?: string;
|
|
2169
2000
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -2244,7 +2075,7 @@ declare function getFieldGroupStyles(props: FieldGroupProps): string;
|
|
|
2244
2075
|
* </Label>
|
|
2245
2076
|
* ```
|
|
2246
2077
|
*/
|
|
2247
|
-
declare function Label({ children, size, tooltip, isRequired, className, htmlFor }: LabelProps): react_jsx_runtime.JSX.Element;
|
|
2078
|
+
declare function Label({ children, size, tooltip, isRequired, className, htmlFor, }: LabelProps): react_jsx_runtime.JSX.Element;
|
|
2248
2079
|
/**
|
|
2249
2080
|
* Description component for providing additional context about a form field.
|
|
2250
2081
|
*
|
|
@@ -2806,7 +2637,7 @@ interface NoticeContainerProps {
|
|
|
2806
2637
|
* Container component that positions and animates notices.
|
|
2807
2638
|
* Renders notices in a portal to ensure they appear above other content.
|
|
2808
2639
|
*/
|
|
2809
|
-
declare function NoticeContainer({ notices, onDismiss, position, className }: NoticeContainerProps): React$1.ReactPortal | null;
|
|
2640
|
+
declare function NoticeContainer({ notices, onDismiss, position, className, }: NoticeContainerProps): React$1.ReactPortal | null;
|
|
2810
2641
|
|
|
2811
2642
|
interface NoticeProviderProps {
|
|
2812
2643
|
/** Child components */
|
|
@@ -2901,7 +2732,6 @@ declare function NumberField({ label, description, errorMessage, size, tooltip,
|
|
|
2901
2732
|
* <PageLayout>
|
|
2902
2733
|
* <PageLayout.Header title="..." subtitle="..." breadcrumbs={[...]} />
|
|
2903
2734
|
* <PageLayout.Actions primary={<Button/>} secondary={<Button/>} />
|
|
2904
|
-
* <PageLayout.Filters>...chips/search/time...</PageLayout.Filters>
|
|
2905
2735
|
* <PageLayout.Tabs tabs={[...]} value=... onChange=... />
|
|
2906
2736
|
* <PageLayout.Content>
|
|
2907
2737
|
* <Grid cols={{ base: 1, lg: 4 }} gap="lg">
|
|
@@ -2913,8 +2743,8 @@ declare function NumberField({ label, description, errorMessage, size, tooltip,
|
|
|
2913
2743
|
*
|
|
2914
2744
|
* Notes:
|
|
2915
2745
|
* - Router-agnostic: Breadcrumbs accept either structured items with a Link component, or a custom ReactNode.
|
|
2916
|
-
* - Accessible: Header uses h1; Tabs are roving-`tablist
|
|
2917
|
-
* - Composable: Use with Grid
|
|
2746
|
+
* - Accessible: Header uses h1; Tabs are roving-`tablist`.
|
|
2747
|
+
* - Composable: Use with Grid, Section, Card, DataControls and other components for flexible layouts.
|
|
2918
2748
|
* - Styling: token-oriented utility classes (match to your Tailwind preset/tokens).
|
|
2919
2749
|
*/
|
|
2920
2750
|
type BreadcrumbItem = {
|
|
@@ -2933,7 +2763,6 @@ declare function PageLayout({ children, maxWidth, paddingXClass, paddingYClass,
|
|
|
2933
2763
|
declare namespace PageLayout {
|
|
2934
2764
|
var Header: typeof Header;
|
|
2935
2765
|
var Actions: typeof Actions;
|
|
2936
|
-
var Filters: typeof Filters;
|
|
2937
2766
|
var Tabs: typeof Tabs$1;
|
|
2938
2767
|
var Content: typeof Content;
|
|
2939
2768
|
var Aside: typeof Aside$1;
|
|
@@ -2950,7 +2779,7 @@ type PageHeaderProps = {
|
|
|
2950
2779
|
headingAs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
2951
2780
|
className?: string;
|
|
2952
2781
|
};
|
|
2953
|
-
declare function Header({ title, subtitle, breadcrumbs, breadcrumbsNode, meta, headingAs, className }: PageHeaderProps): react_jsx_runtime.JSX.Element;
|
|
2782
|
+
declare function Header({ title, subtitle, breadcrumbs, breadcrumbsNode, meta, headingAs, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
|
|
2954
2783
|
type PageActionsProps = {
|
|
2955
2784
|
primary?: React__default.ReactNode;
|
|
2956
2785
|
secondary?: React__default.ReactNode;
|
|
@@ -2958,13 +2787,7 @@ type PageActionsProps = {
|
|
|
2958
2787
|
align?: "start" | "end";
|
|
2959
2788
|
className?: string;
|
|
2960
2789
|
};
|
|
2961
|
-
declare function Actions({ primary, secondary, children, align, className }: PageActionsProps): react_jsx_runtime.JSX.Element;
|
|
2962
|
-
type PageFiltersProps = {
|
|
2963
|
-
children: React__default.ReactNode;
|
|
2964
|
-
className?: string;
|
|
2965
|
-
ariaLabel?: string;
|
|
2966
|
-
};
|
|
2967
|
-
declare function Filters({ children, className, ariaLabel }: PageFiltersProps): react_jsx_runtime.JSX.Element;
|
|
2790
|
+
declare function Actions({ primary, secondary, children, align, className, }: PageActionsProps): react_jsx_runtime.JSX.Element;
|
|
2968
2791
|
type PageLayoutTab = {
|
|
2969
2792
|
id: string;
|
|
2970
2793
|
label: React__default.ReactNode;
|
|
@@ -3562,4 +3385,4 @@ interface ColorModeProviderProps {
|
|
|
3562
3385
|
}
|
|
3563
3386
|
declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
3564
3387
|
|
|
3565
|
-
export { type Action, ActionCell, type ActionCellProps, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type
|
|
3388
|
+
export { type Action, ActionCell, type ActionCellProps, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, type Breakpoint, type BreakpointState, 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, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, FormatterFunction, GeoJsonLayerSpec, 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, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, isCustomPinsLayer, isExportSupported, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, 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, useBreakpoint, useColorMode, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
|