elseware-ui 2.32.0 → 2.34.0
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/index.css +422 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +913 -158
- package/dist/index.d.ts +913 -158
- package/dist/index.js +2938 -385
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2751 -244
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import React$1
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default, { HTMLAttributes, ReactNode, JSX, FC, ComponentType, MouseEvent, MutableRefObject } from 'react';
|
|
3
4
|
import { ChartData, ChartOptions } from 'chart.js';
|
|
4
|
-
import * as d3 from 'd3';
|
|
5
5
|
import * as formik from 'formik';
|
|
6
6
|
import { FieldHookConfig } from 'formik';
|
|
7
7
|
import { ClassValue } from 'clsx';
|
|
@@ -87,19 +87,19 @@ interface BarChartProps extends BaseComponentProps {
|
|
|
87
87
|
data: ChartData<"bar">;
|
|
88
88
|
options: ChartOptions<"bar">;
|
|
89
89
|
}
|
|
90
|
-
declare const BarChart:
|
|
90
|
+
declare const BarChart: React__default.FC<BarChartProps>;
|
|
91
91
|
|
|
92
92
|
interface LineChartProps extends BaseComponentProps {
|
|
93
93
|
data: ChartData<"line">;
|
|
94
94
|
options?: ChartOptions<"line">;
|
|
95
95
|
}
|
|
96
|
-
declare const LineChart:
|
|
96
|
+
declare const LineChart: React__default.FC<LineChartProps>;
|
|
97
97
|
|
|
98
98
|
interface PieChartProps extends BaseComponentProps {
|
|
99
99
|
data: ChartData<"pie">;
|
|
100
100
|
options: ChartOptions<"pie">;
|
|
101
101
|
}
|
|
102
|
-
declare const PieChart:
|
|
102
|
+
declare const PieChart: React__default.FC<PieChartProps>;
|
|
103
103
|
|
|
104
104
|
interface ChipProps extends BaseComponentProps {
|
|
105
105
|
label?: string;
|
|
@@ -116,13 +116,13 @@ type SortConfig<T, K extends keyof T = keyof T> = {
|
|
|
116
116
|
transform?: (value: T[K]) => number | string;
|
|
117
117
|
};
|
|
118
118
|
|
|
119
|
-
interface Props$
|
|
119
|
+
interface Props$2<T> {
|
|
120
120
|
data: T[];
|
|
121
121
|
children: ReactNode;
|
|
122
122
|
defaultPageSize?: number;
|
|
123
123
|
sortConfig?: Record<string, SortConfig<T>>;
|
|
124
124
|
}
|
|
125
|
-
declare function DataViewProvider<T extends Record<string, any>>({ data, children, defaultPageSize, sortConfig, }: Props$
|
|
125
|
+
declare function DataViewProvider<T extends Record<string, any>>({ data, children, defaultPageSize, sortConfig, }: Props$2<T>): react_jsx_runtime.JSX.Element;
|
|
126
126
|
|
|
127
127
|
type DataViewHeaderProps = {
|
|
128
128
|
children: ReactNode;
|
|
@@ -172,16 +172,16 @@ type DataViewFilterGroupProps<T = any> = {
|
|
|
172
172
|
};
|
|
173
173
|
declare function DataViewFilterGroup<T extends Record<string, any>>({ filterKey, options, title, }: DataViewFilterGroupProps<T>): react_jsx_runtime.JSX.Element;
|
|
174
174
|
|
|
175
|
-
type Props$
|
|
175
|
+
type Props$1 = {
|
|
176
176
|
pageSizeOptions?: (number | "All")[];
|
|
177
177
|
shape?: Shape$1;
|
|
178
178
|
};
|
|
179
|
-
declare function DataViewPageSize({ pageSizeOptions, shape, }: Props$
|
|
179
|
+
declare function DataViewPageSize({ pageSizeOptions, shape, }: Props$1): react_jsx_runtime.JSX.Element;
|
|
180
180
|
|
|
181
|
-
type Props
|
|
181
|
+
type Props = {
|
|
182
182
|
shape?: Shape$1;
|
|
183
183
|
};
|
|
184
|
-
declare function DataViewPagination({ shape }: Props
|
|
184
|
+
declare function DataViewPagination({ shape }: Props): react_jsx_runtime.JSX.Element | null;
|
|
185
185
|
|
|
186
186
|
declare const DataView: typeof DataViewProvider & {
|
|
187
187
|
Header: typeof DataViewHeader;
|
|
@@ -202,96 +202,730 @@ interface FlagProps extends BaseComponentProps {
|
|
|
202
202
|
}
|
|
203
203
|
declare const Flag: ({ code, width, height, className, ...rest }: FlagProps) => react_jsx_runtime.JSX.Element;
|
|
204
204
|
|
|
205
|
-
type
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
205
|
+
type GraphUnsubscribe = () => void;
|
|
206
|
+
type GraphDataHandler<TData extends GraphDataPoint = GraphDataPoint> = (data: TData | TData[]) => void;
|
|
207
|
+
type GraphErrorHandler = (error: Error) => void;
|
|
208
|
+
interface GraphDataSource<TData extends GraphDataPoint = GraphDataPoint> {
|
|
209
|
+
mode: GraphDataMode;
|
|
210
|
+
getInitialData?: () => Promise<TData[]> | TData[];
|
|
211
|
+
refresh?: () => Promise<TData[]> | TData[];
|
|
212
|
+
subscribe?: (onData: GraphDataHandler<TData>, onError?: GraphErrorHandler) => GraphUnsubscribe;
|
|
213
|
+
}
|
|
214
|
+
interface StaticGraphDataSourceOptions<TData extends GraphDataPoint = GraphDataPoint> {
|
|
215
|
+
data: TData[];
|
|
216
|
+
}
|
|
217
|
+
interface PollingGraphDataSourceOptions<TData extends GraphDataPoint = GraphDataPoint> {
|
|
218
|
+
interval?: number;
|
|
219
|
+
immediate?: boolean;
|
|
220
|
+
fetcher: () => Promise<TData[]> | TData[];
|
|
221
|
+
}
|
|
222
|
+
interface RealtimeGraphDataSourceOptions<TData extends GraphDataPoint = GraphDataPoint> {
|
|
223
|
+
connect: (onData: GraphDataHandler<TData>, onError?: GraphErrorHandler) => GraphUnsubscribe;
|
|
224
|
+
getInitialData?: () => Promise<TData[]> | TData[];
|
|
225
|
+
refresh?: () => Promise<TData[]> | TData[];
|
|
226
|
+
}
|
|
227
|
+
interface UseGraphPollingOptions<TData extends GraphDataPoint = GraphDataPoint> {
|
|
228
|
+
enabled?: boolean;
|
|
229
|
+
interval?: number;
|
|
230
|
+
immediate?: boolean;
|
|
231
|
+
normalize?: boolean;
|
|
232
|
+
fetcher: () => Promise<TData[]> | TData[];
|
|
233
|
+
onData?: (data: TData[]) => void;
|
|
234
|
+
onError?: GraphErrorHandler;
|
|
235
|
+
}
|
|
236
|
+
interface UseGraphRealtimeOptions<TData extends GraphDataPoint = GraphDataPoint> {
|
|
237
|
+
enabled?: boolean;
|
|
238
|
+
maxDataPoints?: number;
|
|
239
|
+
normalize?: boolean;
|
|
240
|
+
connect: (onData: GraphDataHandler<TData>, onError?: GraphErrorHandler) => GraphUnsubscribe;
|
|
241
|
+
onData?: (data: TData[]) => void;
|
|
242
|
+
onError?: GraphErrorHandler;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
type GraphSeriesType = "line" | "area" | "bar" | "scatter";
|
|
246
|
+
type GraphSeriesColor = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "muted" | string;
|
|
247
|
+
interface GraphSeries {
|
|
248
|
+
key: string;
|
|
249
|
+
label?: string;
|
|
250
|
+
type?: GraphSeriesType;
|
|
251
|
+
color?: GraphSeriesColor;
|
|
252
|
+
unit?: string;
|
|
253
|
+
visible?: boolean;
|
|
254
|
+
strokeWidth?: number;
|
|
255
|
+
radius?: number;
|
|
256
|
+
format?: GraphValueFormat;
|
|
257
|
+
prefix?: string;
|
|
258
|
+
suffix?: string;
|
|
259
|
+
yAxisId?: string | number;
|
|
260
|
+
}
|
|
261
|
+
interface ResolvedGraphSeries extends Required<Pick<GraphSeries, "key">> {
|
|
262
|
+
label: string;
|
|
263
|
+
type: GraphSeriesType;
|
|
264
|
+
color: string;
|
|
265
|
+
unit?: string;
|
|
266
|
+
visible: boolean;
|
|
267
|
+
strokeWidth: number;
|
|
268
|
+
radius: number;
|
|
269
|
+
format?: GraphValueFormat;
|
|
270
|
+
prefix?: string;
|
|
271
|
+
suffix?: string;
|
|
272
|
+
yAxisId?: string | number;
|
|
273
|
+
}
|
|
274
|
+
interface UseGraphSeriesOptions<TData extends GraphDataPoint = GraphDataPoint> {
|
|
275
|
+
data?: TData[];
|
|
276
|
+
series?: GraphSeries[];
|
|
277
|
+
excludeKeys?: string[];
|
|
278
|
+
xKey?: string;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
interface GraphThemePanel {
|
|
282
|
+
background: string;
|
|
283
|
+
border: string;
|
|
284
|
+
radius: string;
|
|
285
|
+
shadow: string;
|
|
209
286
|
}
|
|
210
|
-
interface
|
|
211
|
-
|
|
287
|
+
interface GraphThemeText {
|
|
288
|
+
title: string;
|
|
289
|
+
description: string;
|
|
290
|
+
muted: string;
|
|
291
|
+
}
|
|
292
|
+
interface GraphThemeChart {
|
|
293
|
+
grid: string;
|
|
294
|
+
axis: string;
|
|
295
|
+
cursor: string;
|
|
296
|
+
}
|
|
297
|
+
interface GraphThemeTooltip {
|
|
298
|
+
background: string;
|
|
299
|
+
border: string;
|
|
300
|
+
text: string;
|
|
301
|
+
muted: string;
|
|
302
|
+
}
|
|
303
|
+
interface GraphTheme {
|
|
304
|
+
panel: GraphThemePanel;
|
|
305
|
+
text: GraphThemeText;
|
|
306
|
+
chart: GraphThemeChart;
|
|
307
|
+
tooltip: GraphThemeTooltip;
|
|
308
|
+
colors: string[];
|
|
309
|
+
}
|
|
310
|
+
type GraphThemeMode = "dark" | "light";
|
|
311
|
+
interface UseGraphThemeOptions {
|
|
312
|
+
mode?: GraphThemeMode;
|
|
313
|
+
theme?: Partial<GraphTheme>;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
type GraphPrimitive = string | number | boolean | Date | null | undefined;
|
|
317
|
+
type GraphDataPoint = Record<string, GraphPrimitive>;
|
|
318
|
+
type GraphStatus = "idle" | "loading" | "success" | "error" | "streaming";
|
|
319
|
+
type GraphDataMode = "static" | "polling" | "realtime";
|
|
320
|
+
type GraphChartType = "line" | "area" | "bar" | "pie" | "scatter" | "gauge" | "stat";
|
|
321
|
+
type GraphValueFormat = "raw" | "number" | "integer" | "compact" | "percent" | "currency" | "bytes" | "duration";
|
|
322
|
+
interface GraphState<TData extends GraphDataPoint = GraphDataPoint> {
|
|
323
|
+
data: TData[];
|
|
324
|
+
loading: boolean;
|
|
325
|
+
error: Error | null;
|
|
326
|
+
status: GraphStatus;
|
|
327
|
+
lastUpdatedAt?: Date;
|
|
328
|
+
}
|
|
329
|
+
interface GraphContextValue<TData extends GraphDataPoint = GraphDataPoint> extends GraphState<TData> {
|
|
330
|
+
mode?: GraphDataMode;
|
|
331
|
+
maxDataPoints: number;
|
|
332
|
+
refresh: () => Promise<void>;
|
|
333
|
+
replaceData: (data: TData[]) => void;
|
|
334
|
+
appendData: (data: TData | TData[]) => void;
|
|
335
|
+
clearData: () => void;
|
|
336
|
+
}
|
|
337
|
+
interface GraphProviderProps<TData extends GraphDataPoint = GraphDataPoint> {
|
|
338
|
+
children: ReactNode;
|
|
339
|
+
data?: TData[];
|
|
340
|
+
dataSource?: GraphDataSource<TData>;
|
|
341
|
+
maxDataPoints?: number;
|
|
342
|
+
autoLoad?: boolean;
|
|
343
|
+
theme?: Partial<GraphTheme>;
|
|
344
|
+
onDataChange?: (data: TData[]) => void;
|
|
345
|
+
onError?: (error: Error) => void;
|
|
346
|
+
}
|
|
347
|
+
interface BaseGraphProps<TData extends GraphDataPoint = GraphDataPoint> {
|
|
348
|
+
data?: TData[];
|
|
349
|
+
xKey?: keyof TData | string;
|
|
350
|
+
series?: GraphSeries[];
|
|
351
|
+
height?: number;
|
|
352
|
+
loading?: boolean;
|
|
353
|
+
error?: Error | null;
|
|
354
|
+
className?: string;
|
|
355
|
+
showGrid?: boolean;
|
|
356
|
+
showTooltip?: boolean;
|
|
357
|
+
showLegend?: boolean;
|
|
358
|
+
animated?: boolean;
|
|
359
|
+
}
|
|
360
|
+
interface GraphTooltipPayload {
|
|
361
|
+
name?: string;
|
|
362
|
+
value?: unknown;
|
|
363
|
+
color?: string;
|
|
364
|
+
dataKey?: string;
|
|
365
|
+
payload?: GraphDataPoint;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
interface GraphPanelConfig {
|
|
369
|
+
title?: ReactNode;
|
|
370
|
+
description?: ReactNode;
|
|
371
|
+
actions?: ReactNode;
|
|
372
|
+
toolbar?: ReactNode;
|
|
373
|
+
withPanel?: boolean;
|
|
374
|
+
showToolbar?: boolean;
|
|
375
|
+
showRefresh?: boolean;
|
|
376
|
+
showLastUpdated?: boolean;
|
|
377
|
+
emptyMessage?: ReactNode;
|
|
378
|
+
emptyDescription?: ReactNode;
|
|
379
|
+
onRetry?: () => void | Promise<void>;
|
|
380
|
+
}
|
|
381
|
+
interface GraphPieConfig<TData extends GraphDataPoint = GraphDataPoint> {
|
|
382
|
+
nameKey?: keyof TData | string;
|
|
383
|
+
valueKey?: keyof TData | string;
|
|
384
|
+
innerRadius?: number | string;
|
|
385
|
+
outerRadius?: number | string;
|
|
386
|
+
valueFormat?: GraphValueFormat;
|
|
387
|
+
unit?: string;
|
|
388
|
+
}
|
|
389
|
+
interface GraphGaugeConfig<TData extends GraphDataPoint = GraphDataPoint> {
|
|
390
|
+
valueKey?: keyof TData | string;
|
|
391
|
+
/**
|
|
392
|
+
* Shared with StatGraph.
|
|
393
|
+
* GaugeGraph uses only number values at runtime.
|
|
394
|
+
*/
|
|
395
|
+
value?: number | string;
|
|
212
396
|
label?: string;
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
x?: number;
|
|
216
|
-
y?: number;
|
|
217
|
-
vx?: number;
|
|
218
|
-
vy?: number;
|
|
219
|
-
fx?: number | null;
|
|
220
|
-
fy?: number | null;
|
|
221
|
-
size?: number;
|
|
397
|
+
min?: number;
|
|
398
|
+
max?: number;
|
|
222
399
|
color?: string;
|
|
400
|
+
unit?: string;
|
|
401
|
+
format?: GraphValueFormat;
|
|
223
402
|
}
|
|
224
|
-
interface
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
403
|
+
interface GraphStatConfig<TData extends GraphDataPoint = GraphDataPoint> {
|
|
404
|
+
valueKey?: keyof TData | string;
|
|
405
|
+
value?: number | string;
|
|
406
|
+
previousValue?: number;
|
|
407
|
+
label?: string;
|
|
408
|
+
format?: GraphValueFormat;
|
|
409
|
+
prefix?: string;
|
|
410
|
+
suffix?: string;
|
|
411
|
+
unit?: string;
|
|
412
|
+
showTrend?: boolean;
|
|
413
|
+
}
|
|
414
|
+
interface GraphBarConfig {
|
|
415
|
+
layout?: "horizontal" | "vertical";
|
|
416
|
+
}
|
|
417
|
+
interface GraphProps<TData extends GraphDataPoint = GraphDataPoint> extends Omit<BaseGraphProps<TData>, "data">, GraphPanelConfig, GraphPieConfig<TData>, GraphGaugeConfig<TData>, GraphStatConfig<TData>, GraphBarConfig {
|
|
418
|
+
children?: ReactNode;
|
|
419
|
+
type?: GraphChartType;
|
|
420
|
+
data?: TData[];
|
|
421
|
+
dataSource?: GraphDataSource<TData>;
|
|
422
|
+
autoLoad?: GraphProviderProps<TData>["autoLoad"];
|
|
423
|
+
maxDataPoints?: GraphProviderProps<TData>["maxDataPoints"];
|
|
424
|
+
theme?: Partial<GraphTheme>;
|
|
425
|
+
themeMode?: GraphThemeMode;
|
|
426
|
+
chartClassName?: string;
|
|
427
|
+
contentClassName?: string;
|
|
428
|
+
onDataChange?: GraphProviderProps<TData>["onDataChange"];
|
|
429
|
+
onError?: GraphProviderProps<TData>["onError"];
|
|
430
|
+
}
|
|
431
|
+
interface GraphRenderChartProps<TData extends GraphDataPoint = GraphDataPoint> extends GraphProps<TData> {
|
|
432
|
+
series?: GraphSeries[];
|
|
231
433
|
}
|
|
232
434
|
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
435
|
+
declare function Graph<TData extends GraphDataPoint = GraphDataPoint>(props: GraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
436
|
+
|
|
437
|
+
interface GraphPanelProps {
|
|
438
|
+
title?: ReactNode;
|
|
439
|
+
description?: ReactNode;
|
|
440
|
+
actions?: ReactNode;
|
|
441
|
+
toolbar?: ReactNode;
|
|
442
|
+
children: ReactNode;
|
|
443
|
+
className?: string;
|
|
444
|
+
contentClassName?: string;
|
|
445
|
+
height?: number;
|
|
446
|
+
loading?: boolean;
|
|
447
|
+
error?: Error | null;
|
|
448
|
+
empty?: boolean;
|
|
449
|
+
emptyMessage?: ReactNode;
|
|
450
|
+
emptyDescription?: ReactNode;
|
|
451
|
+
showToolbar?: boolean;
|
|
452
|
+
showRefresh?: boolean;
|
|
453
|
+
showLastUpdated?: boolean;
|
|
454
|
+
onRetry?: () => void | Promise<void>;
|
|
455
|
+
}
|
|
456
|
+
declare function GraphPanel({ title, description, actions, toolbar, children, className, contentClassName, height, loading, error, empty, emptyMessage, emptyDescription, showToolbar, showRefresh, showLastUpdated, onRetry, }: GraphPanelProps): react_jsx_runtime.JSX.Element;
|
|
457
|
+
|
|
458
|
+
interface GraphHeaderProps {
|
|
459
|
+
title?: ReactNode;
|
|
460
|
+
description?: ReactNode;
|
|
461
|
+
actions?: ReactNode;
|
|
462
|
+
className?: string;
|
|
463
|
+
}
|
|
464
|
+
declare function GraphHeader({ title, description, actions, className, }: GraphHeaderProps): react_jsx_runtime.JSX.Element | null;
|
|
465
|
+
|
|
466
|
+
interface GraphToolbarProps {
|
|
467
|
+
children?: ReactNode;
|
|
468
|
+
className?: string;
|
|
469
|
+
showRefresh?: boolean;
|
|
470
|
+
showLastUpdated?: boolean;
|
|
471
|
+
refreshLabel?: ReactNode;
|
|
472
|
+
onRefresh?: () => void | Promise<void>;
|
|
473
|
+
}
|
|
474
|
+
declare function GraphToolbar({ children, className, showRefresh, showLastUpdated, refreshLabel, onRefresh, }: GraphToolbarProps): react_jsx_runtime.JSX.Element | null;
|
|
475
|
+
|
|
476
|
+
interface GraphLegendItem {
|
|
477
|
+
key: string;
|
|
478
|
+
label?: string;
|
|
479
|
+
color?: string;
|
|
480
|
+
value?: unknown;
|
|
481
|
+
unit?: string;
|
|
482
|
+
format?: GraphValueFormat;
|
|
483
|
+
prefix?: string;
|
|
484
|
+
suffix?: string;
|
|
485
|
+
active?: boolean;
|
|
486
|
+
}
|
|
487
|
+
interface GraphLegendProps<TData extends GraphDataPoint = GraphDataPoint> {
|
|
488
|
+
items?: GraphLegendItem[];
|
|
489
|
+
series?: GraphSeries[];
|
|
490
|
+
data?: TData[];
|
|
491
|
+
className?: string;
|
|
492
|
+
showValues?: boolean;
|
|
493
|
+
valueSource?: "latest" | "none";
|
|
494
|
+
onItemClick?: (item: GraphLegendItem) => void;
|
|
495
|
+
}
|
|
496
|
+
declare function GraphLegend<TData extends GraphDataPoint = GraphDataPoint>({ items, series, data, className, showValues, valueSource, onItemClick, }: GraphLegendProps<TData>): react_jsx_runtime.JSX.Element | null;
|
|
497
|
+
|
|
498
|
+
interface GraphTooltipFormatterOptions {
|
|
499
|
+
format?: GraphValueFormat;
|
|
500
|
+
prefix?: string;
|
|
501
|
+
suffix?: string;
|
|
502
|
+
unit?: string;
|
|
503
|
+
}
|
|
504
|
+
interface GraphTooltipProps {
|
|
505
|
+
active?: boolean;
|
|
506
|
+
label?: string | number;
|
|
507
|
+
payload?: GraphTooltipPayload[];
|
|
508
|
+
className?: string;
|
|
509
|
+
labelFormatter?: (label: string | number) => string;
|
|
510
|
+
valueFormatter?: (value: unknown, name?: string, payload?: GraphTooltipPayload) => string;
|
|
511
|
+
seriesFormatters?: Record<string, GraphTooltipFormatterOptions>;
|
|
512
|
+
}
|
|
513
|
+
declare function GraphTooltip({ active, label, payload, className, labelFormatter, valueFormatter, seriesFormatters, }: GraphTooltipProps): react_jsx_runtime.JSX.Element | null;
|
|
514
|
+
|
|
515
|
+
interface GraphEmptyStateProps {
|
|
238
516
|
height?: number;
|
|
517
|
+
message?: ReactNode;
|
|
518
|
+
description?: ReactNode;
|
|
519
|
+
className?: string;
|
|
239
520
|
}
|
|
240
|
-
declare
|
|
521
|
+
declare function GraphEmptyState({ height, message, description, className, }: GraphEmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
241
522
|
|
|
242
|
-
interface
|
|
243
|
-
|
|
244
|
-
|
|
523
|
+
interface GraphErrorStateProps {
|
|
524
|
+
error?: Error | null;
|
|
525
|
+
height?: number;
|
|
526
|
+
title?: ReactNode;
|
|
527
|
+
message?: ReactNode;
|
|
528
|
+
className?: string;
|
|
529
|
+
onRetry?: () => void | Promise<void>;
|
|
530
|
+
retryLabel?: ReactNode;
|
|
245
531
|
}
|
|
246
|
-
declare
|
|
532
|
+
declare function GraphErrorState({ error, height, title, message, className, onRetry, retryLabel, }: GraphErrorStateProps): react_jsx_runtime.JSX.Element;
|
|
247
533
|
|
|
248
|
-
interface
|
|
249
|
-
|
|
250
|
-
|
|
534
|
+
interface GraphLoadingStateProps {
|
|
535
|
+
height?: number;
|
|
536
|
+
message?: ReactNode;
|
|
537
|
+
className?: string;
|
|
538
|
+
showMessage?: boolean;
|
|
251
539
|
}
|
|
252
|
-
declare
|
|
540
|
+
declare function GraphLoadingState({ height, message, className, showMessage, }: GraphLoadingStateProps): react_jsx_runtime.JSX.Element;
|
|
253
541
|
|
|
254
|
-
interface
|
|
255
|
-
|
|
256
|
-
layout?: string;
|
|
257
|
-
nodeRenderer?: (node: GraphNodeType) => React$1.ReactNode;
|
|
258
|
-
width?: number;
|
|
542
|
+
interface GraphContainerProps {
|
|
543
|
+
children: ReactNode;
|
|
259
544
|
height?: number;
|
|
545
|
+
className?: string;
|
|
546
|
+
contentClassName?: string;
|
|
260
547
|
}
|
|
261
|
-
declare
|
|
548
|
+
declare function GraphContainer({ children, height, className, contentClassName, }: GraphContainerProps): react_jsx_runtime.JSX.Element;
|
|
262
549
|
|
|
263
|
-
declare
|
|
550
|
+
declare function LineGraph<TData extends GraphDataPoint = GraphDataPoint>({ data, xKey, series, height, loading, error, className, showGrid, showTooltip, showLegend, animated, }: BaseGraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
264
551
|
|
|
265
|
-
declare function
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
552
|
+
declare function AreaGraph<TData extends GraphDataPoint = GraphDataPoint>({ data, xKey, series, height, loading, error, className, showGrid, showTooltip, showLegend, animated, }: BaseGraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
553
|
+
|
|
554
|
+
interface BarGraphProps<TData extends GraphDataPoint = GraphDataPoint> extends BaseGraphProps<TData> {
|
|
555
|
+
layout?: "horizontal" | "vertical";
|
|
556
|
+
}
|
|
557
|
+
declare function BarGraph<TData extends GraphDataPoint = GraphDataPoint>({ data, xKey, series, height, loading, error, className, showGrid, showTooltip, showLegend, animated, layout, }: BarGraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
558
|
+
|
|
559
|
+
interface PieGraphProps<TData extends GraphDataPoint = GraphDataPoint> extends Omit<BaseGraphProps<TData>, "xKey" | "series"> {
|
|
560
|
+
nameKey?: keyof TData | string;
|
|
561
|
+
valueKey?: keyof TData | string;
|
|
562
|
+
innerRadius?: number | string;
|
|
563
|
+
outerRadius?: number | string;
|
|
564
|
+
valueFormat?: GraphValueFormat;
|
|
565
|
+
unit?: string;
|
|
566
|
+
}
|
|
567
|
+
declare function PieGraph<TData extends GraphDataPoint = GraphDataPoint>({ data, nameKey, valueKey, height, loading, error, className, showTooltip, showLegend, animated, innerRadius, outerRadius, valueFormat, unit, }: PieGraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
568
|
+
|
|
569
|
+
declare function ScatterGraph<TData extends GraphDataPoint = GraphDataPoint>({ data, xKey, series, height, loading, error, className, showGrid, showTooltip, showLegend, animated, }: BaseGraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
570
|
+
|
|
571
|
+
interface GaugeGraphProps<TData extends GraphDataPoint = GraphDataPoint> {
|
|
572
|
+
data?: TData[];
|
|
573
|
+
valueKey?: keyof TData | string;
|
|
574
|
+
label?: string;
|
|
575
|
+
value?: number;
|
|
576
|
+
min?: number;
|
|
577
|
+
max?: number;
|
|
578
|
+
height?: number;
|
|
579
|
+
color?: string;
|
|
580
|
+
unit?: string;
|
|
581
|
+
format?: GraphValueFormat;
|
|
582
|
+
loading?: boolean;
|
|
583
|
+
error?: Error | null;
|
|
584
|
+
className?: string;
|
|
585
|
+
}
|
|
586
|
+
declare function GaugeGraph<TData extends GraphDataPoint = GraphDataPoint>({ data, valueKey, label, value, min, max, height, color, unit, format, loading, error, className, }: GaugeGraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
587
|
+
|
|
588
|
+
interface StatGraphProps<TData extends GraphDataPoint = GraphDataPoint> {
|
|
589
|
+
data?: TData[];
|
|
590
|
+
valueKey?: keyof TData | string;
|
|
591
|
+
label?: string;
|
|
592
|
+
value?: number | string;
|
|
593
|
+
previousValue?: number;
|
|
594
|
+
format?: GraphValueFormat;
|
|
595
|
+
prefix?: string;
|
|
596
|
+
suffix?: string;
|
|
597
|
+
unit?: string;
|
|
598
|
+
loading?: boolean;
|
|
599
|
+
error?: Error | null;
|
|
600
|
+
className?: string;
|
|
601
|
+
showTrend?: boolean;
|
|
602
|
+
}
|
|
603
|
+
declare function StatGraph<TData extends GraphDataPoint = GraphDataPoint>({ data, valueKey, label, value, previousValue, format, prefix, suffix, unit, loading, error, className, showTrend, }: StatGraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
604
|
+
|
|
605
|
+
declare function GraphProvider<TData extends GraphDataPoint = GraphDataPoint>({ children, data, dataSource, maxDataPoints, autoLoad, onDataChange, onError, }: GraphProviderProps<TData>): react_jsx_runtime.JSX.Element;
|
|
606
|
+
|
|
607
|
+
declare const GraphContext: React$1.Context<GraphContextValue<GraphDataPoint>>;
|
|
608
|
+
|
|
609
|
+
declare function useGraphContext<TData extends GraphDataPoint = GraphDataPoint>(): GraphContextValue<TData>;
|
|
610
|
+
|
|
611
|
+
type GraphAction<TData extends GraphDataPoint = GraphDataPoint> = {
|
|
612
|
+
type: "SET_LOADING";
|
|
613
|
+
payload?: boolean;
|
|
614
|
+
} | {
|
|
615
|
+
type: "SET_ERROR";
|
|
616
|
+
payload: Error | null;
|
|
617
|
+
} | {
|
|
618
|
+
type: "SET_DATA";
|
|
619
|
+
payload: TData[];
|
|
620
|
+
} | {
|
|
621
|
+
type: "APPEND_DATA";
|
|
622
|
+
payload: {
|
|
623
|
+
data: TData | TData[];
|
|
624
|
+
maxDataPoints?: number;
|
|
625
|
+
};
|
|
626
|
+
} | {
|
|
627
|
+
type: "CLEAR_DATA";
|
|
628
|
+
} | {
|
|
629
|
+
type: "SET_STREAMING";
|
|
630
|
+
payload?: boolean;
|
|
631
|
+
};
|
|
632
|
+
declare function createInitialGraphState<TData extends GraphDataPoint = GraphDataPoint>(data?: TData[]): GraphState<TData>;
|
|
633
|
+
declare function graphReducer<TData extends GraphDataPoint = GraphDataPoint>(state: GraphState<TData>, action: GraphAction<TData>): GraphState<TData>;
|
|
634
|
+
|
|
635
|
+
declare abstract class BaseGraphDataSource<TData extends GraphDataPoint = GraphDataPoint> implements GraphDataSource<TData> {
|
|
636
|
+
abstract readonly mode: GraphDataMode;
|
|
637
|
+
getInitialData?(): Promise<TData[]> | TData[];
|
|
638
|
+
refresh?(): Promise<TData[]> | TData[];
|
|
639
|
+
subscribe?(onData: GraphDataHandler<TData>, onError?: GraphErrorHandler): GraphUnsubscribe;
|
|
640
|
+
protected normalizeError(error: unknown): Error;
|
|
641
|
+
protected ensureArray(data: TData | TData[] | null | undefined): TData[];
|
|
642
|
+
protected safeExecute<TResult>(executor: () => Promise<TResult> | TResult): Promise<TResult>;
|
|
643
|
+
}
|
|
279
644
|
|
|
280
|
-
|
|
645
|
+
interface StaticGraphDataSourceConfig<TData extends GraphDataPoint = GraphDataPoint> {
|
|
646
|
+
data?: TData[];
|
|
647
|
+
}
|
|
648
|
+
declare class StaticGraphDataSource<TData extends GraphDataPoint = GraphDataPoint> extends BaseGraphDataSource<TData> {
|
|
649
|
+
readonly mode: GraphDataMode;
|
|
650
|
+
private data;
|
|
651
|
+
constructor(config?: StaticGraphDataSourceConfig<TData> | TData[]);
|
|
652
|
+
getInitialData(): TData[];
|
|
653
|
+
refresh(): TData[];
|
|
654
|
+
setData(data: TData[]): void;
|
|
655
|
+
appendData(data: TData | TData[]): void;
|
|
656
|
+
clearData(): void;
|
|
657
|
+
}
|
|
281
658
|
|
|
282
|
-
interface
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
659
|
+
interface PollingGraphDataSourceConfig<TData extends GraphDataPoint = GraphDataPoint> {
|
|
660
|
+
fetcher: () => Promise<TData[]> | TData[];
|
|
661
|
+
interval?: number;
|
|
662
|
+
immediate?: boolean;
|
|
663
|
+
}
|
|
664
|
+
declare class PollingGraphDataSource<TData extends GraphDataPoint = GraphDataPoint> extends BaseGraphDataSource<TData> {
|
|
665
|
+
readonly mode: GraphDataMode;
|
|
666
|
+
private readonly fetcher;
|
|
667
|
+
private readonly interval;
|
|
668
|
+
private readonly immediate;
|
|
669
|
+
constructor(config: PollingGraphDataSourceConfig<TData>);
|
|
670
|
+
getInitialData(): Promise<TData[]>;
|
|
671
|
+
refresh(): Promise<TData[]>;
|
|
672
|
+
subscribe(onData: GraphDataHandler<TData>, onError?: GraphErrorHandler): GraphUnsubscribe;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
interface RealtimeGraphDataSourceConfig<TData extends GraphDataPoint = GraphDataPoint> {
|
|
676
|
+
connect: (onData: GraphDataHandler<TData>, onError?: GraphErrorHandler) => GraphUnsubscribe;
|
|
677
|
+
getInitialData?: () => Promise<TData[]> | TData[];
|
|
678
|
+
refresh?: () => Promise<TData[]> | TData[];
|
|
679
|
+
}
|
|
680
|
+
declare class RealtimeGraphDataSource<TData extends GraphDataPoint = GraphDataPoint> extends BaseGraphDataSource<TData> {
|
|
681
|
+
readonly mode: GraphDataMode;
|
|
682
|
+
private readonly connect;
|
|
683
|
+
private readonly initialDataLoader?;
|
|
684
|
+
private readonly refreshHandler?;
|
|
685
|
+
constructor(config: RealtimeGraphDataSourceConfig<TData>);
|
|
686
|
+
getInitialData(): Promise<TData[]> | TData[];
|
|
687
|
+
refresh(): Promise<TData[]> | TData[];
|
|
688
|
+
subscribe(onData: GraphDataHandler<TData>, onError?: GraphErrorHandler): GraphUnsubscribe;
|
|
689
|
+
}
|
|
690
|
+
|
|
691
|
+
interface UseGraphDataOptions<TData extends GraphDataPoint = GraphDataPoint> {
|
|
692
|
+
data?: TData[];
|
|
693
|
+
dataSource?: GraphDataSource<TData>;
|
|
694
|
+
autoLoad?: boolean;
|
|
695
|
+
maxDataPoints?: number;
|
|
696
|
+
normalize?: boolean;
|
|
697
|
+
onDataChange?: (data: TData[]) => void;
|
|
698
|
+
onError?: (error: Error) => void;
|
|
699
|
+
}
|
|
700
|
+
interface UseGraphDataReturn<TData extends GraphDataPoint = GraphDataPoint> extends GraphState<TData> {
|
|
701
|
+
refresh: () => Promise<void>;
|
|
702
|
+
replaceData: (data: TData[]) => void;
|
|
703
|
+
appendData: (data: TData | TData[]) => void;
|
|
704
|
+
clearData: () => void;
|
|
705
|
+
}
|
|
706
|
+
declare function useGraphData<TData extends GraphDataPoint = GraphDataPoint>({ data, dataSource, autoLoad, maxDataPoints, normalize, onDataChange, onError, }?: UseGraphDataOptions<TData>): UseGraphDataReturn<TData>;
|
|
707
|
+
|
|
708
|
+
declare function useGraphRealtime<TData extends GraphDataPoint = GraphDataPoint>({ enabled, maxDataPoints, normalize, connect, onData, onError, }: UseGraphRealtimeOptions<TData>): {
|
|
709
|
+
data: TData[];
|
|
710
|
+
error: Error | null;
|
|
711
|
+
connected: boolean;
|
|
712
|
+
loading: boolean;
|
|
713
|
+
status: string;
|
|
714
|
+
lastUpdatedAt: Date | undefined;
|
|
715
|
+
clearData: () => void;
|
|
716
|
+
};
|
|
717
|
+
|
|
718
|
+
declare function useGraphPolling<TData extends GraphDataPoint = GraphDataPoint>({ enabled, interval, immediate, normalize, fetcher, onData, onError, }: UseGraphPollingOptions<TData>): {
|
|
719
|
+
data: TData[];
|
|
720
|
+
error: Error | null;
|
|
721
|
+
loading: boolean;
|
|
722
|
+
status: string;
|
|
723
|
+
lastUpdatedAt: Date | undefined;
|
|
724
|
+
refresh: () => Promise<void>;
|
|
725
|
+
};
|
|
726
|
+
|
|
727
|
+
declare function useGraphSeries<TData extends GraphDataPoint = GraphDataPoint>({ data, series, xKey, excludeKeys, }: UseGraphSeriesOptions<TData>): ResolvedGraphSeries[];
|
|
728
|
+
|
|
729
|
+
declare function useGraphTheme({ mode, theme, }?: UseGraphThemeOptions): GraphTheme;
|
|
730
|
+
|
|
731
|
+
type RawGraphDataPoint = Record<string, unknown>;
|
|
732
|
+
type NormalizedGraphDataPoint = Record<string, GraphPrimitive>;
|
|
733
|
+
interface NormalizeGraphDataOptions {
|
|
734
|
+
/**
|
|
735
|
+
* Converts Date values to ISO strings.
|
|
736
|
+
*
|
|
737
|
+
* Default: true
|
|
738
|
+
*/
|
|
739
|
+
serializeDates?: boolean;
|
|
740
|
+
/**
|
|
741
|
+
* Converts numeric strings such as "42" or "12.5" to numbers.
|
|
742
|
+
*
|
|
743
|
+
* Default: true
|
|
744
|
+
*/
|
|
745
|
+
parseNumericStrings?: boolean;
|
|
746
|
+
/**
|
|
747
|
+
* Converts invalid values such as NaN and Infinity to null.
|
|
748
|
+
*
|
|
749
|
+
* Default: true
|
|
750
|
+
*/
|
|
751
|
+
sanitizeInvalidNumbers?: boolean;
|
|
752
|
+
/**
|
|
753
|
+
* Keeps only the selected keys.
|
|
754
|
+
*/
|
|
755
|
+
keys?: string[];
|
|
756
|
+
/**
|
|
757
|
+
* Removes keys with undefined values.
|
|
758
|
+
*
|
|
759
|
+
* Default: true
|
|
760
|
+
*/
|
|
761
|
+
removeUndefined?: boolean;
|
|
762
|
+
}
|
|
763
|
+
declare function normalizeGraphData<TData extends RawGraphDataPoint>(data: TData[] | null | undefined, options?: NormalizeGraphDataOptions): NormalizedGraphDataPoint[];
|
|
764
|
+
declare function normalizeGraphDataPoint<TData extends RawGraphDataPoint>(dataPoint: TData, options?: NormalizeGraphDataOptions): NormalizedGraphDataPoint;
|
|
765
|
+
|
|
766
|
+
interface FormatGraphValueOptions {
|
|
767
|
+
format?: GraphValueFormat;
|
|
768
|
+
locale?: string;
|
|
769
|
+
prefix?: string;
|
|
770
|
+
suffix?: string;
|
|
771
|
+
currency?: string;
|
|
772
|
+
minimumFractionDigits?: number;
|
|
773
|
+
maximumFractionDigits?: number;
|
|
774
|
+
fallback?: string;
|
|
775
|
+
}
|
|
776
|
+
declare function formatGraphValue(value: unknown, options?: FormatGraphValueOptions): string;
|
|
777
|
+
|
|
778
|
+
type GraphColorName = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "muted";
|
|
779
|
+
interface ResolveGraphColorOptions {
|
|
780
|
+
index?: number;
|
|
781
|
+
fallback?: string;
|
|
782
|
+
palette?: string[];
|
|
288
783
|
}
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
784
|
+
declare function resolveGraphColor(color?: string, options?: ResolveGraphColorOptions): string;
|
|
785
|
+
declare function resolveGraphColors(count: number, options?: ResolveGraphColorOptions): string[];
|
|
786
|
+
|
|
787
|
+
interface LimitRealtimePointsOptions {
|
|
788
|
+
/**
|
|
789
|
+
* Maximum number of points to keep.
|
|
790
|
+
*
|
|
791
|
+
* Default: 100
|
|
792
|
+
*/
|
|
793
|
+
maxPoints?: number;
|
|
794
|
+
/**
|
|
795
|
+
* Whether new data should be added to the end or beginning.
|
|
796
|
+
*
|
|
797
|
+
* Default: "end"
|
|
798
|
+
*/
|
|
799
|
+
appendDirection?: "start" | "end";
|
|
800
|
+
}
|
|
801
|
+
declare function limitRealtimePoints<TData>(currentData: TData[] | undefined, nextData: TData | TData[], options?: LimitRealtimePointsOptions): TData[];
|
|
802
|
+
declare function replaceRealtimePoints<TData>(nextData?: TData[], options?: Pick<LimitRealtimePointsOptions, "maxPoints">): TData[];
|
|
803
|
+
|
|
804
|
+
declare const GRAPH_DEFAULT_HEIGHT = 320;
|
|
805
|
+
declare const GRAPH_DEFAULT_MAX_REALTIME_POINTS = 100;
|
|
806
|
+
declare const GRAPH_DEFAULT_POLLING_INTERVAL = 5000;
|
|
807
|
+
declare const GRAPH_DEFAULT_ANIMATION_DURATION = 350;
|
|
808
|
+
declare const GRAPH_DEFAULT_MARGIN: {
|
|
809
|
+
top: number;
|
|
810
|
+
right: number;
|
|
811
|
+
bottom: number;
|
|
812
|
+
left: number;
|
|
813
|
+
};
|
|
814
|
+
declare const GRAPH_DEFAULT_STROKE_WIDTH = 2;
|
|
815
|
+
declare const GRAPH_DEFAULT_DOT_RADIUS = 3;
|
|
816
|
+
declare const GRAPH_DEFAULT_ACTIVE_DOT_RADIUS = 5;
|
|
817
|
+
declare const GRAPH_DEFAULT_BAR_RADIUS: [number, number, number, number];
|
|
818
|
+
declare const GRAPH_STATUSES: {
|
|
819
|
+
readonly IDLE: "idle";
|
|
820
|
+
readonly LOADING: "loading";
|
|
821
|
+
readonly SUCCESS: "success";
|
|
822
|
+
readonly ERROR: "error";
|
|
823
|
+
readonly STREAMING: "streaming";
|
|
824
|
+
};
|
|
825
|
+
declare const GRAPH_DATA_MODES: {
|
|
826
|
+
readonly STATIC: "static";
|
|
827
|
+
readonly POLLING: "polling";
|
|
828
|
+
readonly REALTIME: "realtime";
|
|
829
|
+
};
|
|
830
|
+
declare const GRAPH_VALUE_FORMATS: {
|
|
831
|
+
readonly RAW: "raw";
|
|
832
|
+
readonly NUMBER: "number";
|
|
833
|
+
readonly INTEGER: "integer";
|
|
834
|
+
readonly COMPACT: "compact";
|
|
835
|
+
readonly PERCENT: "percent";
|
|
836
|
+
readonly CURRENCY: "currency";
|
|
837
|
+
readonly BYTES: "bytes";
|
|
838
|
+
readonly DURATION: "duration";
|
|
839
|
+
};
|
|
840
|
+
declare const GRAPH_EMPTY_MESSAGE = "No graph data available";
|
|
841
|
+
declare const GRAPH_ERROR_MESSAGE = "Unable to load graph data";
|
|
842
|
+
declare const GRAPH_LOADING_MESSAGE = "Loading graph data...";
|
|
843
|
+
|
|
844
|
+
declare const GRAPH_COLOR_PALETTE: string[];
|
|
845
|
+
declare const GRAPH_STATUS_COLORS: {
|
|
846
|
+
primary: string;
|
|
847
|
+
secondary: string;
|
|
848
|
+
success: string;
|
|
849
|
+
warning: string;
|
|
850
|
+
danger: string;
|
|
851
|
+
info: string;
|
|
852
|
+
muted: string;
|
|
292
853
|
};
|
|
293
|
-
declare const
|
|
294
|
-
|
|
854
|
+
declare const GRAPH_DARK_THEME: {
|
|
855
|
+
panel: {
|
|
856
|
+
background: string;
|
|
857
|
+
border: string;
|
|
858
|
+
radius: string;
|
|
859
|
+
shadow: string;
|
|
860
|
+
};
|
|
861
|
+
text: {
|
|
862
|
+
title: string;
|
|
863
|
+
description: string;
|
|
864
|
+
muted: string;
|
|
865
|
+
};
|
|
866
|
+
chart: {
|
|
867
|
+
grid: string;
|
|
868
|
+
axis: string;
|
|
869
|
+
cursor: string;
|
|
870
|
+
};
|
|
871
|
+
tooltip: {
|
|
872
|
+
background: string;
|
|
873
|
+
border: string;
|
|
874
|
+
text: string;
|
|
875
|
+
muted: string;
|
|
876
|
+
};
|
|
877
|
+
colors: string[];
|
|
878
|
+
};
|
|
879
|
+
declare const GRAPH_LIGHT_THEME: {
|
|
880
|
+
panel: {
|
|
881
|
+
background: string;
|
|
882
|
+
border: string;
|
|
883
|
+
radius: string;
|
|
884
|
+
shadow: string;
|
|
885
|
+
};
|
|
886
|
+
text: {
|
|
887
|
+
title: string;
|
|
888
|
+
description: string;
|
|
889
|
+
muted: string;
|
|
890
|
+
};
|
|
891
|
+
chart: {
|
|
892
|
+
grid: string;
|
|
893
|
+
axis: string;
|
|
894
|
+
cursor: string;
|
|
895
|
+
};
|
|
896
|
+
tooltip: {
|
|
897
|
+
background: string;
|
|
898
|
+
border: string;
|
|
899
|
+
text: string;
|
|
900
|
+
muted: string;
|
|
901
|
+
};
|
|
902
|
+
colors: string[];
|
|
903
|
+
};
|
|
904
|
+
declare const DEFAULT_GRAPH_THEME: {
|
|
905
|
+
panel: {
|
|
906
|
+
background: string;
|
|
907
|
+
border: string;
|
|
908
|
+
radius: string;
|
|
909
|
+
shadow: string;
|
|
910
|
+
};
|
|
911
|
+
text: {
|
|
912
|
+
title: string;
|
|
913
|
+
description: string;
|
|
914
|
+
muted: string;
|
|
915
|
+
};
|
|
916
|
+
chart: {
|
|
917
|
+
grid: string;
|
|
918
|
+
axis: string;
|
|
919
|
+
cursor: string;
|
|
920
|
+
};
|
|
921
|
+
tooltip: {
|
|
922
|
+
background: string;
|
|
923
|
+
border: string;
|
|
924
|
+
text: string;
|
|
925
|
+
muted: string;
|
|
926
|
+
};
|
|
927
|
+
colors: string[];
|
|
928
|
+
};
|
|
295
929
|
|
|
296
930
|
interface CloudinaryImageProps extends BaseComponentProps<HTMLImageElement> {
|
|
297
931
|
publicId?: string;
|
|
@@ -320,15 +954,15 @@ interface InfoProps extends BaseComponentProps {
|
|
|
320
954
|
declare function Info({ children, variant, appearance, shape, className, ...rest }: InfoProps): react_jsx_runtime.JSX.Element;
|
|
321
955
|
|
|
322
956
|
interface ListItemData {
|
|
323
|
-
content:
|
|
957
|
+
content: React__default.ReactNode;
|
|
324
958
|
bulletType?: ListBulletType;
|
|
325
|
-
renderBullet?: (index?: number) =>
|
|
326
|
-
TypographyComponent?:
|
|
959
|
+
renderBullet?: (index?: number) => React__default.ReactNode;
|
|
960
|
+
TypographyComponent?: React__default.ReactNode;
|
|
327
961
|
className?: string;
|
|
328
962
|
}
|
|
329
963
|
interface ListProps extends BaseComponentProps {
|
|
330
964
|
title?: string;
|
|
331
|
-
items: (string |
|
|
965
|
+
items: (string | React__default.ReactNode | ListItemData)[];
|
|
332
966
|
direction?: ListDirection;
|
|
333
967
|
gap?: 1 | 2 | 3 | 4;
|
|
334
968
|
columns?: 1 | 2 | 3 | 4;
|
|
@@ -339,11 +973,11 @@ interface ListProps extends BaseComponentProps {
|
|
|
339
973
|
declare function List({ title, items, direction, gap, columns, align, wrap, bulletType, className, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
|
|
340
974
|
|
|
341
975
|
interface ListItemProps {
|
|
342
|
-
content:
|
|
976
|
+
content: React__default.ReactNode;
|
|
343
977
|
index?: number;
|
|
344
|
-
TypographyComponent?:
|
|
978
|
+
TypographyComponent?: React__default.ReactNode;
|
|
345
979
|
bulletType?: ListBulletType;
|
|
346
|
-
renderBullet?: (index?: number) =>
|
|
980
|
+
renderBullet?: (index?: number) => React__default.ReactNode;
|
|
347
981
|
align?: ListAlign;
|
|
348
982
|
className?: string;
|
|
349
983
|
}
|
|
@@ -642,7 +1276,7 @@ interface FormProps {
|
|
|
642
1276
|
initialValues?: Record<string, any>;
|
|
643
1277
|
validationSchema?: object;
|
|
644
1278
|
enableReinitialize?: boolean;
|
|
645
|
-
children?:
|
|
1279
|
+
children?: React__default.ReactNode;
|
|
646
1280
|
styles?: string;
|
|
647
1281
|
onSubmit: (values: any, helpers?: any) => void;
|
|
648
1282
|
onChange?: (values: Record<string, any>, meta?: {
|
|
@@ -671,7 +1305,7 @@ interface ImageInputProps {
|
|
|
671
1305
|
interface ImageInputRef {
|
|
672
1306
|
handleResetClick: () => void;
|
|
673
1307
|
}
|
|
674
|
-
declare const ImageInput:
|
|
1308
|
+
declare const ImageInput: React__default.ForwardRefExoticComponent<(Omit<React__default.ClassAttributes<HTMLInputElement> & React__default.InputHTMLAttributes<HTMLInputElement> & formik.FieldConfig<string> & ImageInputProps, "ref"> | Omit<React__default.ClassAttributes<HTMLSelectElement> & React__default.SelectHTMLAttributes<HTMLSelectElement> & formik.FieldConfig<string> & ImageInputProps, "ref"> | Omit<React__default.ClassAttributes<HTMLTextAreaElement> & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & formik.FieldConfig<string> & ImageInputProps, "ref">) & React__default.RefAttributes<ImageInputRef>>;
|
|
675
1309
|
|
|
676
1310
|
type InputProps = FieldHookConfig<string> & {
|
|
677
1311
|
type: "text" | "password" | "number";
|
|
@@ -692,7 +1326,7 @@ declare const InputFile: ({ placeholder, accept, styles, ...props }: FieldHookCo
|
|
|
692
1326
|
|
|
693
1327
|
interface FormDataEntryLabelProps {
|
|
694
1328
|
text?: string;
|
|
695
|
-
children?:
|
|
1329
|
+
children?: React__default.ReactNode;
|
|
696
1330
|
styles?: string;
|
|
697
1331
|
}
|
|
698
1332
|
declare function InputLabel({ text, children, styles }: FormDataEntryLabelProps): react_jsx_runtime.JSX.Element;
|
|
@@ -788,24 +1422,24 @@ interface EUIConfigs {
|
|
|
788
1422
|
|
|
789
1423
|
interface EUIContextValue {
|
|
790
1424
|
config: EUIConfigs;
|
|
791
|
-
setConfig:
|
|
1425
|
+
setConfig: React__default.Dispatch<React__default.SetStateAction<EUIConfigs>>;
|
|
792
1426
|
}
|
|
793
1427
|
declare const EUIProvider: ({ config, children, }: {
|
|
794
1428
|
config: EUIConfigs;
|
|
795
|
-
children:
|
|
1429
|
+
children: React__default.ReactNode;
|
|
796
1430
|
}) => react_jsx_runtime.JSX.Element;
|
|
797
1431
|
declare const useEUIConfig: () => EUIContextValue;
|
|
798
1432
|
|
|
799
1433
|
declare function resolveWithGlobal<T>(config: EUIConfigs | null, props: T, defaults: Partial<T>): T;
|
|
800
1434
|
|
|
801
1435
|
interface BackdropProps {
|
|
802
|
-
children?:
|
|
1436
|
+
children?: React__default.ReactNode;
|
|
803
1437
|
styles?: string;
|
|
804
1438
|
}
|
|
805
1439
|
declare const Backdrop: ({ children, styles }: BackdropProps) => react_jsx_runtime.JSX.Element;
|
|
806
1440
|
|
|
807
1441
|
interface SkeletonProps extends BaseComponentProps {
|
|
808
|
-
children?:
|
|
1442
|
+
children?: React__default.ReactNode;
|
|
809
1443
|
}
|
|
810
1444
|
declare const Skeleton: ({ children, className, ...rest }: SkeletonProps) => react_jsx_runtime.JSX.Element;
|
|
811
1445
|
|
|
@@ -840,14 +1474,14 @@ interface ContentAreaProps {
|
|
|
840
1474
|
declare function ContentArea({ children, styles, enablePadding, }: ContentAreaProps): react_jsx_runtime.JSX.Element;
|
|
841
1475
|
|
|
842
1476
|
interface FlexColProps$1 {
|
|
843
|
-
children?:
|
|
1477
|
+
children?: React__default.ReactNode;
|
|
844
1478
|
gap?: number;
|
|
845
1479
|
styles?: string;
|
|
846
1480
|
}
|
|
847
1481
|
declare function FlexCol({ children, gap, styles }: FlexColProps$1): react_jsx_runtime.JSX.Element;
|
|
848
1482
|
|
|
849
1483
|
interface FlexColProps {
|
|
850
|
-
children?:
|
|
1484
|
+
children?: React__default.ReactNode;
|
|
851
1485
|
gap?: number;
|
|
852
1486
|
styles?: string;
|
|
853
1487
|
}
|
|
@@ -859,27 +1493,27 @@ declare const Flex: {
|
|
|
859
1493
|
};
|
|
860
1494
|
|
|
861
1495
|
interface GridProps {
|
|
862
|
-
children?:
|
|
1496
|
+
children?: React__default.ReactNode;
|
|
863
1497
|
styles?: string;
|
|
864
1498
|
}
|
|
865
1499
|
declare function Grid({ children, styles }: GridProps): react_jsx_runtime.JSX.Element;
|
|
866
1500
|
|
|
867
1501
|
interface LayoutProps {
|
|
868
1502
|
flexDirection?: "vertical" | "horizontal";
|
|
869
|
-
children?:
|
|
1503
|
+
children?: React__default.ReactNode;
|
|
870
1504
|
styles?: string;
|
|
871
1505
|
}
|
|
872
1506
|
declare const Layout: ({ flexDirection, children, styles, }: LayoutProps) => react_jsx_runtime.JSX.Element;
|
|
873
1507
|
|
|
874
1508
|
interface HeaderProps {
|
|
875
1509
|
position?: "static" | "fixed" | "sticky";
|
|
876
|
-
children?:
|
|
1510
|
+
children?: React__default.ReactNode;
|
|
877
1511
|
styles?: string;
|
|
878
1512
|
}
|
|
879
1513
|
declare const Header: ({ position, children, styles, }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
880
1514
|
|
|
881
1515
|
interface ContentProps {
|
|
882
|
-
children?:
|
|
1516
|
+
children?: React__default.ReactNode;
|
|
883
1517
|
overlayedSidebar?: boolean;
|
|
884
1518
|
sidebarVisible?: boolean;
|
|
885
1519
|
styles?: string;
|
|
@@ -887,7 +1521,7 @@ interface ContentProps {
|
|
|
887
1521
|
declare const Content: ({ sidebarVisible, overlayedSidebar, children, styles, }: ContentProps) => react_jsx_runtime.JSX.Element;
|
|
888
1522
|
|
|
889
1523
|
interface FooterProps {
|
|
890
|
-
children?:
|
|
1524
|
+
children?: React__default.ReactNode;
|
|
891
1525
|
styles?: string;
|
|
892
1526
|
}
|
|
893
1527
|
declare const Footer: ({ children, styles }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -898,14 +1532,14 @@ interface BlockProps extends BaseComponentProps {
|
|
|
898
1532
|
required?: boolean;
|
|
899
1533
|
layout?: ListDirection;
|
|
900
1534
|
labelWidth?: string;
|
|
901
|
-
children:
|
|
1535
|
+
children: React__default.ReactNode;
|
|
902
1536
|
}
|
|
903
1537
|
declare function Block({ title, description, required, layout, labelWidth, children, className, ...rest }: BlockProps): react_jsx_runtime.JSX.Element;
|
|
904
1538
|
|
|
905
1539
|
interface BlockGroupProps extends BaseComponentProps {
|
|
906
1540
|
title?: string;
|
|
907
1541
|
description?: string;
|
|
908
|
-
children:
|
|
1542
|
+
children: React__default.ReactNode;
|
|
909
1543
|
noDivider?: boolean;
|
|
910
1544
|
}
|
|
911
1545
|
declare function BlockGroup({ title, description, children, noDivider, className, ...rest }: BlockGroupProps): react_jsx_runtime.JSX.Element;
|
|
@@ -928,7 +1562,7 @@ declare function MarkdownViewer({ value }: MarkdownViewerProps): react_jsx_runti
|
|
|
928
1562
|
|
|
929
1563
|
interface MarkdownProviderProps {
|
|
930
1564
|
markdown: string;
|
|
931
|
-
children:
|
|
1565
|
+
children: React__default.ReactNode;
|
|
932
1566
|
}
|
|
933
1567
|
declare function MarkdownProvider({ markdown, children }: MarkdownProviderProps): react_jsx_runtime.JSX.Element;
|
|
934
1568
|
|
|
@@ -955,12 +1589,12 @@ interface BreadcrumbItemProps {
|
|
|
955
1589
|
title: string;
|
|
956
1590
|
href: string;
|
|
957
1591
|
active: boolean;
|
|
958
|
-
onClick?: (e:
|
|
1592
|
+
onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
|
|
959
1593
|
}
|
|
960
1594
|
declare function BreadcrumbItem({ title, href, active, onClick, }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
|
|
961
1595
|
|
|
962
1596
|
interface DrawerProps {
|
|
963
|
-
children?:
|
|
1597
|
+
children?: React__default.ReactNode;
|
|
964
1598
|
visibility: boolean;
|
|
965
1599
|
side?: "left" | "right" | "top" | "bottom";
|
|
966
1600
|
handleClose: () => void;
|
|
@@ -977,17 +1611,17 @@ declare function DrawerToggler({ icon, toggleDrawer, styles, }: DrawerTogglerPro
|
|
|
977
1611
|
|
|
978
1612
|
interface I_FooterNavItem {
|
|
979
1613
|
component: any;
|
|
980
|
-
icon?:
|
|
1614
|
+
icon?: React__default.ReactNode;
|
|
981
1615
|
name: string;
|
|
982
|
-
badge?:
|
|
1616
|
+
badge?: React__default.ReactNode;
|
|
983
1617
|
to?: string;
|
|
984
1618
|
onClick?: () => void;
|
|
985
1619
|
}
|
|
986
1620
|
interface I_FooterNavGroup {
|
|
987
1621
|
component: any;
|
|
988
|
-
icon?:
|
|
1622
|
+
icon?: React__default.ReactNode;
|
|
989
1623
|
name: string;
|
|
990
|
-
badge?:
|
|
1624
|
+
badge?: React__default.ReactNode;
|
|
991
1625
|
to?: string;
|
|
992
1626
|
items: I_FooterNavItem[];
|
|
993
1627
|
}
|
|
@@ -999,21 +1633,21 @@ interface FooterNavProps {
|
|
|
999
1633
|
declare function FooterNav({ data, styles }: FooterNavProps): react_jsx_runtime.JSX.Element;
|
|
1000
1634
|
|
|
1001
1635
|
interface FooterNavGroupProps {
|
|
1002
|
-
icon?:
|
|
1636
|
+
icon?: React__default.ReactNode;
|
|
1003
1637
|
name: string;
|
|
1004
1638
|
description: string;
|
|
1005
|
-
badge?:
|
|
1639
|
+
badge?: React__default.ReactNode;
|
|
1006
1640
|
to?: string;
|
|
1007
|
-
children:
|
|
1641
|
+
children: React__default.ReactNode;
|
|
1008
1642
|
styles?: string;
|
|
1009
1643
|
}
|
|
1010
1644
|
declare const FooterNavGroup: ({ icon, name, description, badge, to, styles, children, }: FooterNavGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1011
1645
|
|
|
1012
1646
|
interface FooterNavItemProps {
|
|
1013
|
-
icon?:
|
|
1647
|
+
icon?: React__default.ReactNode;
|
|
1014
1648
|
name: string;
|
|
1015
1649
|
description: string;
|
|
1016
|
-
badge?:
|
|
1650
|
+
badge?: React__default.ReactNode;
|
|
1017
1651
|
to?: string;
|
|
1018
1652
|
onClick?: () => void;
|
|
1019
1653
|
styles?: string;
|
|
@@ -1021,35 +1655,35 @@ interface FooterNavItemProps {
|
|
|
1021
1655
|
declare const FooterNavItem: ({ icon, name, description, badge, to, onClick, styles, }: FooterNavItemProps) => react_jsx_runtime.JSX.Element;
|
|
1022
1656
|
|
|
1023
1657
|
interface FooterNavItemTitleProps {
|
|
1024
|
-
icon?:
|
|
1658
|
+
icon?: React__default.ReactNode;
|
|
1025
1659
|
name: string;
|
|
1026
1660
|
description: string;
|
|
1027
|
-
badge?:
|
|
1661
|
+
badge?: React__default.ReactNode;
|
|
1028
1662
|
styles?: string;
|
|
1029
1663
|
}
|
|
1030
1664
|
declare const FooterNavItemTitle: ({ icon, name, description, badge, styles, }: FooterNavItemTitleProps) => react_jsx_runtime.JSX.Element;
|
|
1031
1665
|
|
|
1032
1666
|
interface FooterNavItemContextProps {
|
|
1033
|
-
icon?:
|
|
1667
|
+
icon?: React__default.ReactNode;
|
|
1034
1668
|
name: string;
|
|
1035
1669
|
description: string;
|
|
1036
|
-
badge?:
|
|
1670
|
+
badge?: React__default.ReactNode;
|
|
1037
1671
|
}
|
|
1038
1672
|
declare const FooterNavItemContext: ({ icon, name, description, badge, }: FooterNavItemContextProps) => react_jsx_runtime.JSX.Element;
|
|
1039
1673
|
|
|
1040
1674
|
interface I_HeaderNavItem {
|
|
1041
1675
|
component: any;
|
|
1042
|
-
icon?:
|
|
1676
|
+
icon?: React__default.ReactNode;
|
|
1043
1677
|
name: string;
|
|
1044
|
-
badge?:
|
|
1678
|
+
badge?: React__default.ReactNode;
|
|
1045
1679
|
to?: string;
|
|
1046
1680
|
onClick?: () => void;
|
|
1047
1681
|
}
|
|
1048
1682
|
interface I_HeaderNavGroup {
|
|
1049
1683
|
component: any;
|
|
1050
|
-
icon?:
|
|
1684
|
+
icon?: React__default.ReactNode;
|
|
1051
1685
|
name: string;
|
|
1052
|
-
badge?:
|
|
1686
|
+
badge?: React__default.ReactNode;
|
|
1053
1687
|
to?: string;
|
|
1054
1688
|
items: I_HeaderNavItem[];
|
|
1055
1689
|
}
|
|
@@ -1061,21 +1695,21 @@ interface HeaderNavProps {
|
|
|
1061
1695
|
declare function HeaderNav({ data, styles }: HeaderNavProps): react_jsx_runtime.JSX.Element;
|
|
1062
1696
|
|
|
1063
1697
|
interface HeaderNavGroupProps {
|
|
1064
|
-
icon?:
|
|
1698
|
+
icon?: React__default.ReactNode;
|
|
1065
1699
|
name: string;
|
|
1066
1700
|
description: string;
|
|
1067
|
-
badge?:
|
|
1701
|
+
badge?: React__default.ReactNode;
|
|
1068
1702
|
to?: string;
|
|
1069
|
-
children:
|
|
1703
|
+
children: React__default.ReactNode;
|
|
1070
1704
|
styles?: string;
|
|
1071
1705
|
}
|
|
1072
1706
|
declare const HeaderNavGroup: ({ icon, name, description, badge, to, styles, children, }: HeaderNavGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1073
1707
|
|
|
1074
1708
|
interface HeaderNavItemProps {
|
|
1075
|
-
icon?:
|
|
1709
|
+
icon?: React__default.ReactNode;
|
|
1076
1710
|
name: string;
|
|
1077
1711
|
description: string;
|
|
1078
|
-
badge?:
|
|
1712
|
+
badge?: React__default.ReactNode;
|
|
1079
1713
|
to?: string;
|
|
1080
1714
|
onClick?: () => void;
|
|
1081
1715
|
styles?: string;
|
|
@@ -1083,19 +1717,19 @@ interface HeaderNavItemProps {
|
|
|
1083
1717
|
declare const HeaderNavItem: ({ icon, name, description, badge, to, onClick, styles, }: HeaderNavItemProps) => react_jsx_runtime.JSX.Element;
|
|
1084
1718
|
|
|
1085
1719
|
interface HeaderNavItemTitleProps {
|
|
1086
|
-
icon?:
|
|
1720
|
+
icon?: React__default.ReactNode;
|
|
1087
1721
|
name: string;
|
|
1088
1722
|
description: string;
|
|
1089
|
-
badge?:
|
|
1723
|
+
badge?: React__default.ReactNode;
|
|
1090
1724
|
styles?: string;
|
|
1091
1725
|
}
|
|
1092
1726
|
declare const HeaderNavItemTitle: ({ icon, name, description, badge, styles, }: HeaderNavItemTitleProps) => react_jsx_runtime.JSX.Element;
|
|
1093
1727
|
|
|
1094
1728
|
interface HeaderNavItemContextProps {
|
|
1095
|
-
icon?:
|
|
1729
|
+
icon?: React__default.ReactNode;
|
|
1096
1730
|
name: string;
|
|
1097
1731
|
description: string;
|
|
1098
|
-
badge?:
|
|
1732
|
+
badge?: React__default.ReactNode;
|
|
1099
1733
|
}
|
|
1100
1734
|
declare const HeaderNavItemContext: ({ icon, name, description, badge, }: HeaderNavItemContextProps) => react_jsx_runtime.JSX.Element;
|
|
1101
1735
|
|
|
@@ -1116,16 +1750,16 @@ type MenuElementType = "item" | "group" | "title";
|
|
|
1116
1750
|
interface BaseMenuNode {
|
|
1117
1751
|
key?: string;
|
|
1118
1752
|
name: string;
|
|
1119
|
-
icon?:
|
|
1120
|
-
badge?:
|
|
1753
|
+
icon?: React__default.ReactNode;
|
|
1754
|
+
badge?: React__default.ReactNode;
|
|
1121
1755
|
className?: string;
|
|
1122
|
-
component?:
|
|
1756
|
+
component?: React__default.ElementType;
|
|
1123
1757
|
}
|
|
1124
1758
|
interface MenuItemNode extends BaseMenuNode {
|
|
1125
1759
|
type: "item";
|
|
1126
1760
|
to?: string;
|
|
1127
1761
|
navigate?: (to: string) => void;
|
|
1128
|
-
onClick?: (e:
|
|
1762
|
+
onClick?: (e: React__default.MouseEvent<HTMLDivElement>) => void;
|
|
1129
1763
|
}
|
|
1130
1764
|
interface MenuGroupNode extends BaseMenuNode {
|
|
1131
1765
|
type: "group";
|
|
@@ -1136,9 +1770,9 @@ interface MenuTitleNode extends BaseMenuNode {
|
|
|
1136
1770
|
}
|
|
1137
1771
|
type MenuNode = MenuItemNode | MenuGroupNode | MenuTitleNode;
|
|
1138
1772
|
interface DefaultMenuElements {
|
|
1139
|
-
item?:
|
|
1140
|
-
group?:
|
|
1141
|
-
title?:
|
|
1773
|
+
item?: React__default.ElementType;
|
|
1774
|
+
group?: React__default.ElementType;
|
|
1775
|
+
title?: React__default.ElementType;
|
|
1142
1776
|
}
|
|
1143
1777
|
interface MenuProps {
|
|
1144
1778
|
items: MenuNode[];
|
|
@@ -1151,28 +1785,28 @@ interface MenuProps {
|
|
|
1151
1785
|
declare const Menu: ({ items, className, navigate, defaultMenuElements, currentPath, }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
1152
1786
|
|
|
1153
1787
|
interface MenuGroupProps extends BaseComponentProps {
|
|
1154
|
-
icon?:
|
|
1788
|
+
icon?: React__default.ReactNode;
|
|
1155
1789
|
name: string;
|
|
1156
|
-
badge?:
|
|
1790
|
+
badge?: React__default.ReactNode;
|
|
1157
1791
|
to?: string;
|
|
1158
|
-
children:
|
|
1792
|
+
children: React__default.ReactNode;
|
|
1159
1793
|
defaultOpen?: boolean;
|
|
1160
1794
|
}
|
|
1161
1795
|
declare const MenuGroup: ({ icon, name, badge, children, defaultOpen, className, style, ...rest }: MenuGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1162
1796
|
|
|
1163
1797
|
interface MenuItemProps extends BaseComponentProps {
|
|
1164
|
-
icon?:
|
|
1798
|
+
icon?: React__default.ReactNode;
|
|
1165
1799
|
name: string;
|
|
1166
|
-
badge?:
|
|
1800
|
+
badge?: React__default.ReactNode;
|
|
1167
1801
|
to?: string;
|
|
1168
1802
|
navigate?: (to: string) => void;
|
|
1169
1803
|
}
|
|
1170
1804
|
declare const MenuItem: ({ icon, name, badge, to, navigate, className, onClick, ...rest }: MenuItemProps) => react_jsx_runtime.JSX.Element;
|
|
1171
1805
|
|
|
1172
1806
|
interface MenuItemTitleProps extends BaseComponentProps {
|
|
1173
|
-
icon?:
|
|
1807
|
+
icon?: React__default.ReactNode;
|
|
1174
1808
|
name: string;
|
|
1175
|
-
badge?:
|
|
1809
|
+
badge?: React__default.ReactNode;
|
|
1176
1810
|
}
|
|
1177
1811
|
declare const MenuItemTitle: ({ icon, name, badge, className, style, ...rest }: MenuItemTitleProps) => react_jsx_runtime.JSX.Element;
|
|
1178
1812
|
|
|
@@ -1202,7 +1836,7 @@ interface ModalProps {
|
|
|
1202
1836
|
title: string;
|
|
1203
1837
|
show: boolean;
|
|
1204
1838
|
handleOnClose?: () => void;
|
|
1205
|
-
children?:
|
|
1839
|
+
children?: React__default.ReactNode;
|
|
1206
1840
|
enableCloseOnClickOutside?: boolean;
|
|
1207
1841
|
isLoading?: boolean;
|
|
1208
1842
|
isSuccess?: boolean;
|
|
@@ -1251,7 +1885,7 @@ interface CardProps {
|
|
|
1251
1885
|
declare function Card({ children, styles, bgVariant, borderVariant, interactive, ghost, shape, hoverAnimation, }: CardProps): react_jsx_runtime.JSX.Element;
|
|
1252
1886
|
|
|
1253
1887
|
interface CardHeaderProps {
|
|
1254
|
-
icon?:
|
|
1888
|
+
icon?: React__default.ReactNode;
|
|
1255
1889
|
title?: string;
|
|
1256
1890
|
description?: string;
|
|
1257
1891
|
className?: string;
|
|
@@ -1259,13 +1893,13 @@ interface CardHeaderProps {
|
|
|
1259
1893
|
declare function CardHeader({ icon, title, description, className }: CardHeaderProps): react_jsx_runtime.JSX.Element;
|
|
1260
1894
|
|
|
1261
1895
|
interface CardContentProps {
|
|
1262
|
-
children?:
|
|
1896
|
+
children?: React__default.ReactNode;
|
|
1263
1897
|
className?: string;
|
|
1264
1898
|
}
|
|
1265
1899
|
declare function CardContent({ children, className }: CardContentProps): react_jsx_runtime.JSX.Element;
|
|
1266
1900
|
|
|
1267
1901
|
interface CardFooterProps {
|
|
1268
|
-
children?:
|
|
1902
|
+
children?: React__default.ReactNode;
|
|
1269
1903
|
className?: string;
|
|
1270
1904
|
}
|
|
1271
1905
|
declare function CardFooter({ children, className }: CardFooterProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1310,8 +1944,8 @@ interface MotionSurfaceProps {
|
|
|
1310
1944
|
overlay?: OverlayVariant;
|
|
1311
1945
|
overlayConfig?: BaseOverlayConfig;
|
|
1312
1946
|
className?: string;
|
|
1313
|
-
customAnimation?:
|
|
1314
|
-
customOverlay?:
|
|
1947
|
+
customAnimation?: React__default.ComponentType<any>;
|
|
1948
|
+
customOverlay?: React__default.ComponentType<any>;
|
|
1315
1949
|
}
|
|
1316
1950
|
declare function MotionSurface({ children, animationVariant, animationConfig, animated, overlay, overlayConfig, className, customAnimation: CustomAnimation, customOverlay: CustomOverlay, }: MotionSurfaceProps): react_jsx_runtime.JSX.Element;
|
|
1317
1951
|
|
|
@@ -1320,7 +1954,7 @@ interface ThemeContextProps {
|
|
|
1320
1954
|
setTheme: (theme: "light" | "dark") => void;
|
|
1321
1955
|
toggleTheme: () => void;
|
|
1322
1956
|
}
|
|
1323
|
-
declare const ThemeContext:
|
|
1957
|
+
declare const ThemeContext: React__default.Context<ThemeContextProps | undefined>;
|
|
1324
1958
|
interface ThemeProviderProps {
|
|
1325
1959
|
defaultTheme?: "light" | "dark";
|
|
1326
1960
|
children: ReactNode;
|
|
@@ -1332,7 +1966,7 @@ declare const ThemeSwitch: () => react_jsx_runtime.JSX.Element | null;
|
|
|
1332
1966
|
declare const ShapeSwitch: () => react_jsx_runtime.JSX.Element;
|
|
1333
1967
|
|
|
1334
1968
|
interface AsyncComponentWrapperProps {
|
|
1335
|
-
children:
|
|
1969
|
+
children: React__default.ReactNode;
|
|
1336
1970
|
isLoading?: boolean;
|
|
1337
1971
|
isSuccess?: boolean;
|
|
1338
1972
|
isError?: boolean;
|
|
@@ -1664,7 +2298,7 @@ interface WorldMapCountryTableProps {
|
|
|
1664
2298
|
declare function WorldMapCountryTable({ title, data, }: WorldMapCountryTableProps): react_jsx_runtime.JSX.Element;
|
|
1665
2299
|
|
|
1666
2300
|
interface NavItem {
|
|
1667
|
-
icon:
|
|
2301
|
+
icon: React__default.ReactNode;
|
|
1668
2302
|
name: string;
|
|
1669
2303
|
to: string;
|
|
1670
2304
|
selected?: boolean;
|
|
@@ -1679,11 +2313,11 @@ interface BoxNavProps {
|
|
|
1679
2313
|
declare function BoxNav({ data, currentPath, onNavigate, navigate }: BoxNavProps): react_jsx_runtime.JSX.Element;
|
|
1680
2314
|
|
|
1681
2315
|
interface BoxNavItemProps {
|
|
1682
|
-
icon:
|
|
2316
|
+
icon: React__default.ReactNode;
|
|
1683
2317
|
name: string;
|
|
1684
2318
|
to: string;
|
|
1685
2319
|
selected?: boolean;
|
|
1686
|
-
onClick?: (event:
|
|
2320
|
+
onClick?: (event: React__default.MouseEvent<HTMLButtonElement>, to: string) => void;
|
|
1687
2321
|
}
|
|
1688
2322
|
declare function BoxNavItem({ icon, name, to, selected, onClick }: BoxNavItemProps): react_jsx_runtime.JSX.Element;
|
|
1689
2323
|
|
|
@@ -1866,4 +2500,125 @@ interface ResolveAppearanceStylesProps {
|
|
|
1866
2500
|
}
|
|
1867
2501
|
declare function resolveAppearanceStyles({ appearance, variant, solid, lite, ghost, }: ResolveAppearanceStylesProps): string;
|
|
1868
2502
|
|
|
1869
|
-
|
|
2503
|
+
type ConfigSchemaSuccess<TData> = {
|
|
2504
|
+
success: true;
|
|
2505
|
+
data: TData;
|
|
2506
|
+
};
|
|
2507
|
+
type ConfigSchemaFailure = {
|
|
2508
|
+
success: false;
|
|
2509
|
+
error: unknown;
|
|
2510
|
+
};
|
|
2511
|
+
type ConfigSchemaResult<TData> = ConfigSchemaSuccess<TData> | ConfigSchemaFailure;
|
|
2512
|
+
/**
|
|
2513
|
+
* Compatible with Zod's safeParse API.
|
|
2514
|
+
*
|
|
2515
|
+
* This avoids hard-coding zod as a direct dependency of the configurator core.
|
|
2516
|
+
*/
|
|
2517
|
+
type ConfigSchema<TData> = {
|
|
2518
|
+
safeParse: (value: unknown) => ConfigSchemaResult<TData>;
|
|
2519
|
+
};
|
|
2520
|
+
type ConfigTransformContext = {
|
|
2521
|
+
name: string;
|
|
2522
|
+
};
|
|
2523
|
+
type ConfigTransform<TParsed, TConfig> = (parsed: TParsed, context: ConfigTransformContext) => TConfig;
|
|
2524
|
+
type ConfiguratorOptions<TParsed, TConfig = TParsed> = {
|
|
2525
|
+
name?: string;
|
|
2526
|
+
env: Record<string, unknown>;
|
|
2527
|
+
schema: ConfigSchema<TParsed>;
|
|
2528
|
+
transform?: ConfigTransform<TParsed, TConfig>;
|
|
2529
|
+
/**
|
|
2530
|
+
* Default: true
|
|
2531
|
+
*
|
|
2532
|
+
* If true, config validation runs immediately.
|
|
2533
|
+
*/
|
|
2534
|
+
validateOnCreate?: boolean;
|
|
2535
|
+
};
|
|
2536
|
+
type ConfiguratorSuccess<TConfig> = {
|
|
2537
|
+
success: true;
|
|
2538
|
+
config: TConfig;
|
|
2539
|
+
error: null;
|
|
2540
|
+
};
|
|
2541
|
+
type ConfiguratorFailure = {
|
|
2542
|
+
success: false;
|
|
2543
|
+
config: null;
|
|
2544
|
+
error: Error;
|
|
2545
|
+
};
|
|
2546
|
+
type ConfiguratorState<TConfig> = ConfiguratorSuccess<TConfig> | ConfiguratorFailure;
|
|
2547
|
+
|
|
2548
|
+
declare class Configurator<TParsed, TConfig = TParsed> {
|
|
2549
|
+
private readonly name;
|
|
2550
|
+
private readonly schema;
|
|
2551
|
+
private readonly transform?;
|
|
2552
|
+
private source;
|
|
2553
|
+
private initialized;
|
|
2554
|
+
private config;
|
|
2555
|
+
private configError;
|
|
2556
|
+
constructor(options: ConfiguratorOptions<TParsed, TConfig>);
|
|
2557
|
+
get isValid(): boolean;
|
|
2558
|
+
get error(): Error | null;
|
|
2559
|
+
get value(): TConfig;
|
|
2560
|
+
get optionalValue(): TConfig | null;
|
|
2561
|
+
reload(env?: Record<string, unknown>): ConfiguratorState<TConfig>;
|
|
2562
|
+
get<TKey extends keyof TConfig>(key: TKey): TConfig[TKey] | undefined;
|
|
2563
|
+
getRequired<TKey extends keyof TConfig>(key: TKey): TConfig[TKey];
|
|
2564
|
+
getPath<TValue = unknown>(path: string, fallback?: TValue): TValue | undefined;
|
|
2565
|
+
getPathRequired<TValue = unknown>(path: string): TValue;
|
|
2566
|
+
private ensureInitialized;
|
|
2567
|
+
}
|
|
2568
|
+
|
|
2569
|
+
declare function createConfigurator<TParsed, TConfig = TParsed>(options: ConfiguratorOptions<TParsed, TConfig>): Configurator<TParsed, TConfig>;
|
|
2570
|
+
|
|
2571
|
+
declare class ConfiguratorError extends Error {
|
|
2572
|
+
readonly cause?: unknown;
|
|
2573
|
+
constructor(message: string, cause?: unknown);
|
|
2574
|
+
}
|
|
2575
|
+
declare function formatConfigError(error: unknown): string;
|
|
2576
|
+
declare function toConfiguratorError(error: unknown, fallbackMessage: string): ConfiguratorError;
|
|
2577
|
+
|
|
2578
|
+
declare function getBrowserOrigin(): string;
|
|
2579
|
+
declare function getBrowserHref(): string;
|
|
2580
|
+
type BrowserRedirectURLOptions = {
|
|
2581
|
+
queryParam?: string;
|
|
2582
|
+
fallbackPath?: string;
|
|
2583
|
+
currentHref?: string;
|
|
2584
|
+
/**
|
|
2585
|
+
* Default: "path"
|
|
2586
|
+
*
|
|
2587
|
+
* "path" returns only pathname/search/hash from document.referrer.
|
|
2588
|
+
* "full" returns full referrer URL.
|
|
2589
|
+
*/
|
|
2590
|
+
referrerMode?: "path" | "full";
|
|
2591
|
+
};
|
|
2592
|
+
declare function getBrowserRedirectURL(options?: BrowserRedirectURLOptions): string;
|
|
2593
|
+
|
|
2594
|
+
declare function parseJson<TValue = unknown>(value: unknown, key?: string): TValue;
|
|
2595
|
+
declare function parseJsonRecord<TValue = unknown>(value: unknown, key?: string, validateValue?: (name: string, value: unknown) => TValue): Record<string, TValue>;
|
|
2596
|
+
|
|
2597
|
+
type URLMap = Record<string, string>;
|
|
2598
|
+
type URLQueryValue = string | number | boolean | null | undefined;
|
|
2599
|
+
type URLQueryParams = Record<string, URLQueryValue>;
|
|
2600
|
+
declare function assertAbsoluteURL(value: unknown, key?: string): string;
|
|
2601
|
+
declare function parseUrlMap(value: unknown, key?: string): URLMap;
|
|
2602
|
+
declare function buildURL(base: string, path?: string, params?: URLQueryParams): string;
|
|
2603
|
+
type URLMapSource = URLMap | (() => URLMap | null | undefined);
|
|
2604
|
+
type CreateURLResolverOptions = {
|
|
2605
|
+
label?: string;
|
|
2606
|
+
};
|
|
2607
|
+
declare function createURLResolver(source: URLMapSource, options?: CreateURLResolverOptions): (tag: string, path?: string, params?: URLQueryParams) => string;
|
|
2608
|
+
type GetAllowedOriginsOptions = {
|
|
2609
|
+
urls?: string[];
|
|
2610
|
+
maps?: Array<URLMap | null | undefined>;
|
|
2611
|
+
includeCurrentOrigin?: boolean;
|
|
2612
|
+
currentOrigin?: string;
|
|
2613
|
+
};
|
|
2614
|
+
declare function getAllowedOrigins(options?: GetAllowedOriginsOptions): string[];
|
|
2615
|
+
type SafeRedirectOptions = {
|
|
2616
|
+
redirectUri?: string | null;
|
|
2617
|
+
fallback?: string;
|
|
2618
|
+
allowedOrigins?: string[];
|
|
2619
|
+
currentOrigin?: string;
|
|
2620
|
+
allowedProtocols?: string[];
|
|
2621
|
+
};
|
|
2622
|
+
declare function getSafeRedirect(options?: SafeRedirectOptions): string;
|
|
2623
|
+
|
|
2624
|
+
export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AreaGraph, AsyncComponentWrapper, Avatar, Backdrop, Badge, BarChart, BarGraph, type BarGraphProps, type BaseAnimationConfig, type BaseComponentProps, BaseGraphDataSource, type BaseGraphProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, type BrowserRedirectURLOptions, Button, Caption, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Checkbox, Chip, type CloudinaryConfig, CloudinaryImage, CloudinaryProvider, type CloudinaryProviderProps, CloudinaryVideo, Code, type CommentActionsProps, type CommentAuthor, type CommentComponents, type CommentComposerProps, type CommentContentProps, type CommentDataSource, type CommentEntity, type CommentHeaderProps, type CommentItemProps, type CommentListProps, type CommentMenuProps, type CommentPageResult, type CommentPermissions, type CommentQueryOptions, type CommentRepliesToggleProps, type CommentReplyCache, CommentThread, type CommentThreadConfig, type CommentThreadProps, type ConfigSchema, type ConfigSchemaFailure, type ConfigSchemaResult, type ConfigSchemaSuccess, type ConfigTransform, type ConfigTransformContext, Configurator, ConfiguratorError, type ConfiguratorFailure, type ConfiguratorOptions, type ConfiguratorState, type ConfiguratorSuccess, Content, ContentArea, type CornerPosition, type CreateCommentInput, type CreateURLResolverOptions, type CurrencyCode, DEFAULT_GRAPH_THEME, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, Display, DocumentationPanel, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, type FormatGraphValueOptions, GRAPH_COLOR_PALETTE, GRAPH_DARK_THEME, GRAPH_DATA_MODES, GRAPH_DEFAULT_ACTIVE_DOT_RADIUS, GRAPH_DEFAULT_ANIMATION_DURATION, GRAPH_DEFAULT_BAR_RADIUS, GRAPH_DEFAULT_DOT_RADIUS, GRAPH_DEFAULT_HEIGHT, GRAPH_DEFAULT_MARGIN, GRAPH_DEFAULT_MAX_REALTIME_POINTS, GRAPH_DEFAULT_POLLING_INTERVAL, GRAPH_DEFAULT_STROKE_WIDTH, GRAPH_EMPTY_MESSAGE, GRAPH_ERROR_MESSAGE, GRAPH_LIGHT_THEME, GRAPH_LOADING_MESSAGE, GRAPH_STATUSES, GRAPH_STATUS_COLORS, GRAPH_VALUE_FORMATS, GaugeGraph, type GaugeGraphProps, GenericLayout, type GetAllowedOriginsOptions, GlowWrapper, type GradientAnimationConfig, Graph, type GraphAction, type GraphBarConfig, type GraphChartType, type GraphColorName, GraphContainer, type GraphContainerProps, GraphContext, type GraphContextValue, type GraphDataHandler, type GraphDataMode, type GraphDataPoint, type GraphDataSource, GraphEmptyState, type GraphEmptyStateProps, type GraphErrorHandler, GraphErrorState, type GraphErrorStateProps, type GraphGaugeConfig, GraphHeader, type GraphHeaderProps, GraphLegend, type GraphLegendItem, type GraphLegendProps, GraphLoadingState, type GraphLoadingStateProps, GraphPanel, type GraphPanelConfig, type GraphPanelProps, type GraphPieConfig, type GraphPrimitive, type GraphProps, GraphProvider, type GraphProviderProps, type GraphRenderChartProps, type GraphSeries, type GraphSeriesColor, type GraphSeriesType, type GraphStatConfig, type GraphState, type GraphStatus, type GraphTheme, type GraphThemeChart, type GraphThemeMode, type GraphThemePanel, type GraphThemeText, type GraphThemeTooltip, GraphToolbar, type GraphToolbarProps, GraphTooltip, type GraphTooltipFormatterOptions, type GraphTooltipPayload, type GraphTooltipProps, type GraphUnsubscribe, type GraphValueFormat, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HorizontalPosition, type HyperRefTarget, Image, ImageInput, InfiniteScrollTrigger, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Label, Layout, Lead, type LimitRealtimePointsOptions, LineChart, LineGraph, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type NormalizeGraphDataOptions, type NormalizedGraphDataPoint, NumericRating, type OctilePosition, type OverlayVariant, Overline, Paragraph, PieChart, PieGraph, type PieGraphProps, PollingGraphDataSource, type PollingGraphDataSourceConfig, type PollingGraphDataSourceOptions, PriceTag, ProgressBar, type ProgressBarProps, ProgressBarRating, Quote, Radio, type RawGraphDataPoint, RealtimeGraphDataSource, type RealtimeGraphDataSourceConfig, type RealtimeGraphDataSourceOptions, type ReplyComposerProps, type ResolveGraphColorOptions, type ResolvedGraphSeries, RouteTab, type RouteTabMode, RouteTabs, type SafeRedirectOptions, ScatterGraph, ScrollToTop, Section, Select, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, StarRating, StarRatingDistribution, StarRatingInput, StatGraph, type StatGraphProps, StaticGraphDataSource, type StaticGraphDataSourceConfig, type StaticGraphDataSourceOptions, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, type ToggleReactionResult, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionDropdown, TransitionFadeIn, Typography, type URLMap, type URLMapSource, type URLQueryParams, type URLQueryValue, UnderConstructionBanner, type UpdateCommentInput, type UseGraphDataOptions, type UseGraphDataReturn, type UseGraphPollingOptions, type UseGraphRealtimeOptions, type UseGraphSeriesOptions, type UseGraphThemeOptions, ValueBadge, type Variant$1 as Variant, type VerticalPosition, WorldMap, WorldMapCountryTable, YoutubeVideo as YoutubeVideoPlayer, addReplyToCache, applyReactionState, assertAbsoluteURL, buildURL, cn, createConfigurator, createInitialGraphState, createURLResolver, decrementReplyCount, enumValues, formatCommentDate, formatConfigError, formatGraphValue, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getCurrencySymbol, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, graphReducer, incrementReplyCount, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeGraphData, normalizeGraphDataPoint, parseJson, parseJsonRecord, parseUrlMap, removeComment, removeCommentTreeFromCache, replaceRealtimePoints, resolveAppearanceStyles, resolveGraphColor, resolveGraphColors, resolveWithGlobal, sendToast, toConfiguratorError, updateComment, updateReplyCacheComment, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useGraphContext, useGraphData, useGraphPolling, useGraphRealtime, useGraphSeries, useGraphTheme, useIsMobile, useModal, useTheme };
|