elseware-ui 2.33.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/LICENSE +20 -20
- package/README.md +98 -98
- package/dist/index.d.mts +2198 -2077
- package/dist/index.d.ts +2198 -2077
- package/dist/index.js +339 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +324 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +111 -111
package/dist/index.d.mts
CHANGED
|
@@ -6,600 +6,600 @@ import * as formik from 'formik';
|
|
|
6
6
|
import { FieldHookConfig } from 'formik';
|
|
7
7
|
import { ClassValue } from 'clsx';
|
|
8
8
|
|
|
9
|
-
/**
|
|
10
|
-
* Contains ReactElements such as "children" using HTMLAttributes
|
|
11
|
-
*
|
|
12
|
-
* Contains DOMAttributes such as "onClick" using HTMLAttributes
|
|
13
|
-
*
|
|
14
|
-
* Define the custom types as follows for the custom DOM elements
|
|
15
|
-
* BaseComponentProps<HTMLDivElement> // default
|
|
16
|
-
* BaseComponentProps<HTMLButtonElement> // buttons
|
|
17
|
-
* BaseComponentProps<HTMLAnchorElement> // links
|
|
18
|
-
*/
|
|
19
|
-
interface BaseComponentProps<T extends HTMLElement = HTMLDivElement> extends Omit<HTMLAttributes<T>, "children"> {
|
|
20
|
-
className?: string;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
declare const CURRENCIES: {
|
|
24
|
-
name: string;
|
|
25
|
-
symbol: string;
|
|
26
|
-
code: string;
|
|
9
|
+
/**
|
|
10
|
+
* Contains ReactElements such as "children" using HTMLAttributes
|
|
11
|
+
*
|
|
12
|
+
* Contains DOMAttributes such as "onClick" using HTMLAttributes
|
|
13
|
+
*
|
|
14
|
+
* Define the custom types as follows for the custom DOM elements
|
|
15
|
+
* BaseComponentProps<HTMLDivElement> // default
|
|
16
|
+
* BaseComponentProps<HTMLButtonElement> // buttons
|
|
17
|
+
* BaseComponentProps<HTMLAnchorElement> // links
|
|
18
|
+
*/
|
|
19
|
+
interface BaseComponentProps<T extends HTMLElement = HTMLDivElement> extends Omit<HTMLAttributes<T>, "children"> {
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
declare const CURRENCIES: {
|
|
24
|
+
name: string;
|
|
25
|
+
symbol: string;
|
|
26
|
+
code: string;
|
|
27
27
|
}[];
|
|
28
28
|
|
|
29
|
-
type Variant$1 = "default" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark";
|
|
30
|
-
type Shape$1 = "circle" | "roundedSquare" | "softRoundedSquare" | "square";
|
|
31
|
-
type Size$1 = "xs" | "sm" | "md" | "lg" | "xl";
|
|
32
|
-
type Appearance = "solid" | "lite" | "ghost";
|
|
33
|
-
type TextDecoration = "underline" | "overline" | "lineThrough" | "noUnderline";
|
|
34
|
-
type HyperRefTarget = "blank" | "self" | "parent" | "top";
|
|
35
|
-
type VerticalPosition = "top" | "bottom";
|
|
36
|
-
type HorizontalPosition = "left" | "right";
|
|
37
|
-
type CardinalPosition = VerticalPosition | HorizontalPosition;
|
|
38
|
-
type CornerPosition = `${VerticalPosition}-${HorizontalPosition}`;
|
|
39
|
-
type OctilePosition = CardinalPosition | CornerPosition;
|
|
40
|
-
type TitleBannerLevel = 1 | 2;
|
|
41
|
-
type ListBulletType = "dot" | "diamond" | "number" | "none";
|
|
42
|
-
type ListAlign = "start" | "center";
|
|
43
|
-
type ListDirection = "vertical" | "horizontal";
|
|
44
|
-
type RouteTabMode = "route" | "state";
|
|
29
|
+
type Variant$1 = "default" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark";
|
|
30
|
+
type Shape$1 = "circle" | "roundedSquare" | "softRoundedSquare" | "square";
|
|
31
|
+
type Size$1 = "xs" | "sm" | "md" | "lg" | "xl";
|
|
32
|
+
type Appearance = "solid" | "lite" | "ghost";
|
|
33
|
+
type TextDecoration = "underline" | "overline" | "lineThrough" | "noUnderline";
|
|
34
|
+
type HyperRefTarget = "blank" | "self" | "parent" | "top";
|
|
35
|
+
type VerticalPosition = "top" | "bottom";
|
|
36
|
+
type HorizontalPosition = "left" | "right";
|
|
37
|
+
type CardinalPosition = VerticalPosition | HorizontalPosition;
|
|
38
|
+
type CornerPosition = `${VerticalPosition}-${HorizontalPosition}`;
|
|
39
|
+
type OctilePosition = CardinalPosition | CornerPosition;
|
|
40
|
+
type TitleBannerLevel = 1 | 2;
|
|
41
|
+
type ListBulletType = "dot" | "diamond" | "number" | "none";
|
|
42
|
+
type ListAlign = "start" | "center";
|
|
43
|
+
type ListDirection = "vertical" | "horizontal";
|
|
44
|
+
type RouteTabMode = "route" | "state";
|
|
45
45
|
type CurrencyCode = (typeof CURRENCIES)[number]["code"];
|
|
46
46
|
|
|
47
|
-
interface AvatarProps extends BaseComponentProps {
|
|
48
|
-
alt?: string;
|
|
49
|
-
icon?: ReactNode;
|
|
50
|
-
variant?: Variant$1;
|
|
51
|
-
appearance?: Appearance;
|
|
52
|
-
shape?: Shape$1;
|
|
53
|
-
size?: Size$1;
|
|
54
|
-
src?: string;
|
|
55
|
-
children?: ReactNode;
|
|
56
|
-
}
|
|
47
|
+
interface AvatarProps extends BaseComponentProps {
|
|
48
|
+
alt?: string;
|
|
49
|
+
icon?: ReactNode;
|
|
50
|
+
variant?: Variant$1;
|
|
51
|
+
appearance?: Appearance;
|
|
52
|
+
shape?: Shape$1;
|
|
53
|
+
size?: Size$1;
|
|
54
|
+
src?: string;
|
|
55
|
+
children?: ReactNode;
|
|
56
|
+
}
|
|
57
57
|
declare const Avatar: ({ alt, icon, children, variant, appearance, shape, size, src, className, ...rest }: AvatarProps) => react_jsx_runtime.JSX.Element;
|
|
58
58
|
|
|
59
|
-
interface BadgeProps extends BaseComponentProps {
|
|
60
|
-
offset?: [number, number];
|
|
61
|
-
dot?: boolean;
|
|
62
|
-
count?: number;
|
|
63
|
-
variant?: Variant$1;
|
|
64
|
-
appearance?: Appearance;
|
|
65
|
-
shape?: Shape$1;
|
|
66
|
-
size?: Size$1;
|
|
67
|
-
showZero?: boolean;
|
|
68
|
-
position?: OctilePosition;
|
|
69
|
-
children?: ReactNode;
|
|
70
|
-
}
|
|
59
|
+
interface BadgeProps extends BaseComponentProps {
|
|
60
|
+
offset?: [number, number];
|
|
61
|
+
dot?: boolean;
|
|
62
|
+
count?: number;
|
|
63
|
+
variant?: Variant$1;
|
|
64
|
+
appearance?: Appearance;
|
|
65
|
+
shape?: Shape$1;
|
|
66
|
+
size?: Size$1;
|
|
67
|
+
showZero?: boolean;
|
|
68
|
+
position?: OctilePosition;
|
|
69
|
+
children?: ReactNode;
|
|
70
|
+
}
|
|
71
71
|
declare const Badge: ({ children, offset, dot, count, variant, appearance, shape, size, showZero, position, className, ...rest }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
72
72
|
|
|
73
|
-
interface TitleBannerProps extends BaseComponentProps {
|
|
74
|
-
title: string;
|
|
75
|
-
level?: TitleBannerLevel;
|
|
76
|
-
rightSection?: ReactNode;
|
|
77
|
-
}
|
|
73
|
+
interface TitleBannerProps extends BaseComponentProps {
|
|
74
|
+
title: string;
|
|
75
|
+
level?: TitleBannerLevel;
|
|
76
|
+
rightSection?: ReactNode;
|
|
77
|
+
}
|
|
78
78
|
declare const TitleBanner: ({ title, level, rightSection, className, ...rest }: TitleBannerProps) => react_jsx_runtime.JSX.Element;
|
|
79
79
|
|
|
80
|
-
interface BrandProps extends BaseComponentProps {
|
|
81
|
-
src?: string;
|
|
82
|
-
alt?: string;
|
|
83
|
-
}
|
|
80
|
+
interface BrandProps extends BaseComponentProps {
|
|
81
|
+
src?: string;
|
|
82
|
+
alt?: string;
|
|
83
|
+
}
|
|
84
84
|
declare function Brand({ src, alt, className, ...rest }: BrandProps): react_jsx_runtime.JSX.Element;
|
|
85
85
|
|
|
86
|
-
interface BarChartProps extends BaseComponentProps {
|
|
87
|
-
data: ChartData<"bar">;
|
|
88
|
-
options: ChartOptions<"bar">;
|
|
89
|
-
}
|
|
86
|
+
interface BarChartProps extends BaseComponentProps {
|
|
87
|
+
data: ChartData<"bar">;
|
|
88
|
+
options: ChartOptions<"bar">;
|
|
89
|
+
}
|
|
90
90
|
declare const BarChart: React__default.FC<BarChartProps>;
|
|
91
91
|
|
|
92
|
-
interface LineChartProps extends BaseComponentProps {
|
|
93
|
-
data: ChartData<"line">;
|
|
94
|
-
options?: ChartOptions<"line">;
|
|
95
|
-
}
|
|
92
|
+
interface LineChartProps extends BaseComponentProps {
|
|
93
|
+
data: ChartData<"line">;
|
|
94
|
+
options?: ChartOptions<"line">;
|
|
95
|
+
}
|
|
96
96
|
declare const LineChart: React__default.FC<LineChartProps>;
|
|
97
97
|
|
|
98
|
-
interface PieChartProps extends BaseComponentProps {
|
|
99
|
-
data: ChartData<"pie">;
|
|
100
|
-
options: ChartOptions<"pie">;
|
|
101
|
-
}
|
|
98
|
+
interface PieChartProps extends BaseComponentProps {
|
|
99
|
+
data: ChartData<"pie">;
|
|
100
|
+
options: ChartOptions<"pie">;
|
|
101
|
+
}
|
|
102
102
|
declare const PieChart: React__default.FC<PieChartProps>;
|
|
103
103
|
|
|
104
|
-
interface ChipProps extends BaseComponentProps {
|
|
105
|
-
label?: string;
|
|
106
|
-
variant?: Variant$1;
|
|
107
|
-
appearance?: Appearance;
|
|
108
|
-
shape?: Shape$1;
|
|
109
|
-
size?: Size$1;
|
|
110
|
-
}
|
|
104
|
+
interface ChipProps extends BaseComponentProps {
|
|
105
|
+
label?: string;
|
|
106
|
+
variant?: Variant$1;
|
|
107
|
+
appearance?: Appearance;
|
|
108
|
+
shape?: Shape$1;
|
|
109
|
+
size?: Size$1;
|
|
110
|
+
}
|
|
111
111
|
declare const Chip: ({ label, variant, appearance, shape, size, className, ...rest }: ChipProps) => react_jsx_runtime.JSX.Element;
|
|
112
112
|
|
|
113
|
-
type SortConfig<T, K extends keyof T = keyof T> = {
|
|
114
|
-
key: K;
|
|
115
|
-
direction?: "asc" | "desc";
|
|
116
|
-
transform?: (value: T[K]) => number | string;
|
|
113
|
+
type SortConfig<T, K extends keyof T = keyof T> = {
|
|
114
|
+
key: K;
|
|
115
|
+
direction?: "asc" | "desc";
|
|
116
|
+
transform?: (value: T[K]) => number | string;
|
|
117
117
|
};
|
|
118
118
|
|
|
119
|
-
interface Props$2<T> {
|
|
120
|
-
data: T[];
|
|
121
|
-
children: ReactNode;
|
|
122
|
-
defaultPageSize?: number;
|
|
123
|
-
sortConfig?: Record<string, SortConfig<T>>;
|
|
124
|
-
}
|
|
119
|
+
interface Props$2<T> {
|
|
120
|
+
data: T[];
|
|
121
|
+
children: ReactNode;
|
|
122
|
+
defaultPageSize?: number;
|
|
123
|
+
sortConfig?: Record<string, SortConfig<T>>;
|
|
124
|
+
}
|
|
125
125
|
declare function DataViewProvider<T extends Record<string, any>>({ data, children, defaultPageSize, sortConfig, }: Props$2<T>): react_jsx_runtime.JSX.Element;
|
|
126
126
|
|
|
127
|
-
type DataViewHeaderProps = {
|
|
128
|
-
children: ReactNode;
|
|
129
|
-
};
|
|
127
|
+
type DataViewHeaderProps = {
|
|
128
|
+
children: ReactNode;
|
|
129
|
+
};
|
|
130
130
|
declare function DataViewHeader({ children }: DataViewHeaderProps): react_jsx_runtime.JSX.Element;
|
|
131
131
|
|
|
132
|
-
type DataViewSidebarProps = {
|
|
133
|
-
children: ReactNode;
|
|
134
|
-
};
|
|
132
|
+
type DataViewSidebarProps = {
|
|
133
|
+
children: ReactNode;
|
|
134
|
+
};
|
|
135
135
|
declare function DataViewSidebar({ children }: DataViewSidebarProps): react_jsx_runtime.JSX.Element;
|
|
136
136
|
|
|
137
|
-
type DataViewContentProps<T = any> = {
|
|
138
|
-
children: ReactNode | ((data: T[]) => ReactNode);
|
|
139
|
-
};
|
|
137
|
+
type DataViewContentProps<T = any> = {
|
|
138
|
+
children: ReactNode | ((data: T[]) => ReactNode);
|
|
139
|
+
};
|
|
140
140
|
declare function DataViewContent<T = any>({ children, }: DataViewContentProps<T>): JSX.Element;
|
|
141
141
|
|
|
142
|
-
type DataViewFooterProps = {
|
|
143
|
-
children: ReactNode;
|
|
144
|
-
};
|
|
142
|
+
type DataViewFooterProps = {
|
|
143
|
+
children: ReactNode;
|
|
144
|
+
};
|
|
145
145
|
declare function DataViewFooter({ children }: DataViewFooterProps): react_jsx_runtime.JSX.Element;
|
|
146
146
|
|
|
147
|
-
type DataViewSearchProps = {
|
|
148
|
-
placeholder?: string;
|
|
149
|
-
shape?: Shape$1;
|
|
150
|
-
};
|
|
147
|
+
type DataViewSearchProps = {
|
|
148
|
+
placeholder?: string;
|
|
149
|
+
shape?: Shape$1;
|
|
150
|
+
};
|
|
151
151
|
declare function DataViewSearch({ placeholder, shape, }: DataViewSearchProps): react_jsx_runtime.JSX.Element;
|
|
152
152
|
|
|
153
|
-
type SortOption$1 = {
|
|
154
|
-
value: string;
|
|
155
|
-
label: string;
|
|
156
|
-
};
|
|
157
|
-
type DataViewSortProps = {
|
|
158
|
-
options: SortOption$1[];
|
|
159
|
-
shape?: Shape$1;
|
|
160
|
-
};
|
|
153
|
+
type SortOption$1 = {
|
|
154
|
+
value: string;
|
|
155
|
+
label: string;
|
|
156
|
+
};
|
|
157
|
+
type DataViewSortProps = {
|
|
158
|
+
options: SortOption$1[];
|
|
159
|
+
shape?: Shape$1;
|
|
160
|
+
};
|
|
161
161
|
declare function DataViewSort({ options, shape }: DataViewSortProps): react_jsx_runtime.JSX.Element;
|
|
162
162
|
|
|
163
|
-
type FilterOption = {
|
|
164
|
-
value: string;
|
|
165
|
-
label: string;
|
|
166
|
-
dotClass?: string;
|
|
167
|
-
};
|
|
168
|
-
type DataViewFilterGroupProps<T = any> = {
|
|
169
|
-
filterKey: keyof T;
|
|
170
|
-
options: FilterOption[];
|
|
171
|
-
title?: string;
|
|
172
|
-
};
|
|
163
|
+
type FilterOption = {
|
|
164
|
+
value: string;
|
|
165
|
+
label: string;
|
|
166
|
+
dotClass?: string;
|
|
167
|
+
};
|
|
168
|
+
type DataViewFilterGroupProps<T = any> = {
|
|
169
|
+
filterKey: keyof T;
|
|
170
|
+
options: FilterOption[];
|
|
171
|
+
title?: string;
|
|
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$1 = {
|
|
176
|
-
pageSizeOptions?: (number | "All")[];
|
|
177
|
-
shape?: Shape$1;
|
|
178
|
-
};
|
|
175
|
+
type Props$1 = {
|
|
176
|
+
pageSizeOptions?: (number | "All")[];
|
|
177
|
+
shape?: Shape$1;
|
|
178
|
+
};
|
|
179
179
|
declare function DataViewPageSize({ pageSizeOptions, shape, }: Props$1): react_jsx_runtime.JSX.Element;
|
|
180
180
|
|
|
181
|
-
type Props = {
|
|
182
|
-
shape?: Shape$1;
|
|
183
|
-
};
|
|
181
|
+
type Props = {
|
|
182
|
+
shape?: Shape$1;
|
|
183
|
+
};
|
|
184
184
|
declare function DataViewPagination({ shape }: Props): react_jsx_runtime.JSX.Element | null;
|
|
185
185
|
|
|
186
|
-
declare const DataView: typeof DataViewProvider & {
|
|
187
|
-
Header: typeof DataViewHeader;
|
|
188
|
-
Sidebar: typeof DataViewSidebar;
|
|
189
|
-
Content: typeof DataViewContent;
|
|
190
|
-
Footer: typeof DataViewFooter;
|
|
191
|
-
Pagination: typeof DataViewPagination;
|
|
192
|
-
Search: typeof DataViewSearch;
|
|
193
|
-
Sort: typeof DataViewSort;
|
|
194
|
-
FilterGroup: typeof DataViewFilterGroup;
|
|
195
|
-
PageSize: typeof DataViewPageSize;
|
|
186
|
+
declare const DataView: typeof DataViewProvider & {
|
|
187
|
+
Header: typeof DataViewHeader;
|
|
188
|
+
Sidebar: typeof DataViewSidebar;
|
|
189
|
+
Content: typeof DataViewContent;
|
|
190
|
+
Footer: typeof DataViewFooter;
|
|
191
|
+
Pagination: typeof DataViewPagination;
|
|
192
|
+
Search: typeof DataViewSearch;
|
|
193
|
+
Sort: typeof DataViewSort;
|
|
194
|
+
FilterGroup: typeof DataViewFilterGroup;
|
|
195
|
+
PageSize: typeof DataViewPageSize;
|
|
196
196
|
};
|
|
197
197
|
|
|
198
|
-
interface FlagProps extends BaseComponentProps {
|
|
199
|
-
code: string;
|
|
200
|
-
width?: number | string;
|
|
201
|
-
height?: number | string;
|
|
202
|
-
}
|
|
198
|
+
interface FlagProps extends BaseComponentProps {
|
|
199
|
+
code: string;
|
|
200
|
+
width?: number | string;
|
|
201
|
+
height?: number | string;
|
|
202
|
+
}
|
|
203
203
|
declare const Flag: ({ code, width, height, className, ...rest }: FlagProps) => react_jsx_runtime.JSX.Element;
|
|
204
204
|
|
|
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;
|
|
286
|
-
}
|
|
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;
|
|
396
|
-
label?: string;
|
|
397
|
-
min?: number;
|
|
398
|
-
max?: number;
|
|
399
|
-
color?: string;
|
|
400
|
-
unit?: string;
|
|
401
|
-
format?: GraphValueFormat;
|
|
402
|
-
}
|
|
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[];
|
|
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;
|
|
286
|
+
}
|
|
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;
|
|
396
|
+
label?: string;
|
|
397
|
+
min?: number;
|
|
398
|
+
max?: number;
|
|
399
|
+
color?: string;
|
|
400
|
+
unit?: string;
|
|
401
|
+
format?: GraphValueFormat;
|
|
402
|
+
}
|
|
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[];
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
declare function Graph<TData extends GraphDataPoint = GraphDataPoint>(props: GraphProps<TData>): react_jsx_runtime.JSX.Element;
|
|
436
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
|
-
}
|
|
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
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
457
|
|
|
458
|
-
interface GraphHeaderProps {
|
|
459
|
-
title?: ReactNode;
|
|
460
|
-
description?: ReactNode;
|
|
461
|
-
actions?: ReactNode;
|
|
462
|
-
className?: string;
|
|
463
|
-
}
|
|
458
|
+
interface GraphHeaderProps {
|
|
459
|
+
title?: ReactNode;
|
|
460
|
+
description?: ReactNode;
|
|
461
|
+
actions?: ReactNode;
|
|
462
|
+
className?: string;
|
|
463
|
+
}
|
|
464
464
|
declare function GraphHeader({ title, description, actions, className, }: GraphHeaderProps): react_jsx_runtime.JSX.Element | null;
|
|
465
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
|
-
}
|
|
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
474
|
declare function GraphToolbar({ children, className, showRefresh, showLastUpdated, refreshLabel, onRefresh, }: GraphToolbarProps): react_jsx_runtime.JSX.Element | null;
|
|
475
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
|
-
}
|
|
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
496
|
declare function GraphLegend<TData extends GraphDataPoint = GraphDataPoint>({ items, series, data, className, showValues, valueSource, onItemClick, }: GraphLegendProps<TData>): react_jsx_runtime.JSX.Element | null;
|
|
497
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
|
-
}
|
|
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
513
|
declare function GraphTooltip({ active, label, payload, className, labelFormatter, valueFormatter, seriesFormatters, }: GraphTooltipProps): react_jsx_runtime.JSX.Element | null;
|
|
514
514
|
|
|
515
|
-
interface GraphEmptyStateProps {
|
|
516
|
-
height?: number;
|
|
517
|
-
message?: ReactNode;
|
|
518
|
-
description?: ReactNode;
|
|
519
|
-
className?: string;
|
|
520
|
-
}
|
|
515
|
+
interface GraphEmptyStateProps {
|
|
516
|
+
height?: number;
|
|
517
|
+
message?: ReactNode;
|
|
518
|
+
description?: ReactNode;
|
|
519
|
+
className?: string;
|
|
520
|
+
}
|
|
521
521
|
declare function GraphEmptyState({ height, message, description, className, }: GraphEmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
522
522
|
|
|
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;
|
|
531
|
-
}
|
|
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;
|
|
531
|
+
}
|
|
532
532
|
declare function GraphErrorState({ error, height, title, message, className, onRetry, retryLabel, }: GraphErrorStateProps): react_jsx_runtime.JSX.Element;
|
|
533
533
|
|
|
534
|
-
interface GraphLoadingStateProps {
|
|
535
|
-
height?: number;
|
|
536
|
-
message?: ReactNode;
|
|
537
|
-
className?: string;
|
|
538
|
-
showMessage?: boolean;
|
|
539
|
-
}
|
|
534
|
+
interface GraphLoadingStateProps {
|
|
535
|
+
height?: number;
|
|
536
|
+
message?: ReactNode;
|
|
537
|
+
className?: string;
|
|
538
|
+
showMessage?: boolean;
|
|
539
|
+
}
|
|
540
540
|
declare function GraphLoadingState({ height, message, className, showMessage, }: GraphLoadingStateProps): react_jsx_runtime.JSX.Element;
|
|
541
541
|
|
|
542
|
-
interface GraphContainerProps {
|
|
543
|
-
children: ReactNode;
|
|
544
|
-
height?: number;
|
|
545
|
-
className?: string;
|
|
546
|
-
contentClassName?: string;
|
|
547
|
-
}
|
|
542
|
+
interface GraphContainerProps {
|
|
543
|
+
children: ReactNode;
|
|
544
|
+
height?: number;
|
|
545
|
+
className?: string;
|
|
546
|
+
contentClassName?: string;
|
|
547
|
+
}
|
|
548
548
|
declare function GraphContainer({ children, height, className, contentClassName, }: GraphContainerProps): react_jsx_runtime.JSX.Element;
|
|
549
549
|
|
|
550
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;
|
|
551
551
|
|
|
552
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
553
|
|
|
554
|
-
interface BarGraphProps<TData extends GraphDataPoint = GraphDataPoint> extends BaseGraphProps<TData> {
|
|
555
|
-
layout?: "horizontal" | "vertical";
|
|
556
|
-
}
|
|
554
|
+
interface BarGraphProps<TData extends GraphDataPoint = GraphDataPoint> extends BaseGraphProps<TData> {
|
|
555
|
+
layout?: "horizontal" | "vertical";
|
|
556
|
+
}
|
|
557
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
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
|
-
}
|
|
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
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
568
|
|
|
569
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
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
|
-
}
|
|
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
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
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
|
-
}
|
|
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
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
604
|
|
|
605
605
|
declare function GraphProvider<TData extends GraphDataPoint = GraphDataPoint>({ children, data, dataSource, maxDataPoints, autoLoad, onDataChange, onError, }: GraphProviderProps<TData>): react_jsx_runtime.JSX.Element;
|
|
@@ -608,488 +608,488 @@ declare const GraphContext: React$1.Context<GraphContextValue<GraphDataPoint>>;
|
|
|
608
608
|
|
|
609
609
|
declare function useGraphContext<TData extends GraphDataPoint = GraphDataPoint>(): GraphContextValue<TData>;
|
|
610
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>;
|
|
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
633
|
declare function graphReducer<TData extends GraphDataPoint = GraphDataPoint>(state: GraphState<TData>, action: GraphAction<TData>): GraphState<TData>;
|
|
634
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
|
-
}
|
|
644
|
-
|
|
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
|
-
}
|
|
658
|
-
|
|
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
|
-
}
|
|
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
|
+
}
|
|
644
|
+
|
|
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
|
+
}
|
|
658
|
+
|
|
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
706
|
declare function useGraphData<TData extends GraphDataPoint = GraphDataPoint>({ data, dataSource, autoLoad, maxDataPoints, normalize, onDataChange, onError, }?: UseGraphDataOptions<TData>): UseGraphDataReturn<TData>;
|
|
707
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;
|
|
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
716
|
};
|
|
717
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>;
|
|
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
725
|
};
|
|
726
726
|
|
|
727
727
|
declare function useGraphSeries<TData extends GraphDataPoint = GraphDataPoint>({ data, series, xKey, excludeKeys, }: UseGraphSeriesOptions<TData>): ResolvedGraphSeries[];
|
|
728
728
|
|
|
729
729
|
declare function useGraphTheme({ mode, theme, }?: UseGraphThemeOptions): GraphTheme;
|
|
730
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[];
|
|
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
764
|
declare function normalizeGraphDataPoint<TData extends RawGraphDataPoint>(dataPoint: TData, options?: NormalizeGraphDataOptions): NormalizedGraphDataPoint;
|
|
765
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
|
-
}
|
|
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
776
|
declare function formatGraphValue(value: unknown, options?: FormatGraphValueOptions): string;
|
|
777
777
|
|
|
778
|
-
type GraphColorName = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "muted";
|
|
779
|
-
interface ResolveGraphColorOptions {
|
|
780
|
-
index?: number;
|
|
781
|
-
fallback?: string;
|
|
782
|
-
palette?: string[];
|
|
783
|
-
}
|
|
784
|
-
declare function resolveGraphColor(color?: string, options?: ResolveGraphColorOptions): string;
|
|
778
|
+
type GraphColorName = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "muted";
|
|
779
|
+
interface ResolveGraphColorOptions {
|
|
780
|
+
index?: number;
|
|
781
|
+
fallback?: string;
|
|
782
|
+
palette?: string[];
|
|
783
|
+
}
|
|
784
|
+
declare function resolveGraphColor(color?: string, options?: ResolveGraphColorOptions): string;
|
|
785
785
|
declare function resolveGraphColors(count: number, options?: ResolveGraphColorOptions): string[];
|
|
786
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[];
|
|
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
802
|
declare function replaceRealtimePoints<TData>(nextData?: TData[], options?: Pick<LimitRealtimePointsOptions, "maxPoints">): TData[];
|
|
803
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";
|
|
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
842
|
declare const GRAPH_LOADING_MESSAGE = "Loading graph data...";
|
|
843
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;
|
|
853
|
-
};
|
|
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[];
|
|
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;
|
|
853
|
+
};
|
|
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
928
|
};
|
|
929
929
|
|
|
930
|
-
interface CloudinaryImageProps extends BaseComponentProps<HTMLImageElement> {
|
|
931
|
-
publicId?: string;
|
|
932
|
-
cloudName?: string;
|
|
933
|
-
secure?: boolean;
|
|
934
|
-
alt?: string;
|
|
935
|
-
fallbackSrc?: string;
|
|
936
|
-
loading?: "lazy" | "eager";
|
|
937
|
-
}
|
|
930
|
+
interface CloudinaryImageProps extends BaseComponentProps<HTMLImageElement> {
|
|
931
|
+
publicId?: string;
|
|
932
|
+
cloudName?: string;
|
|
933
|
+
secure?: boolean;
|
|
934
|
+
alt?: string;
|
|
935
|
+
fallbackSrc?: string;
|
|
936
|
+
loading?: "lazy" | "eager";
|
|
937
|
+
}
|
|
938
938
|
declare function CloudinaryImage({ publicId, cloudName, secure, alt, fallbackSrc, loading, className, ...rest }: CloudinaryImageProps): react_jsx_runtime.JSX.Element;
|
|
939
939
|
|
|
940
|
-
interface ImageProps extends BaseComponentProps {
|
|
941
|
-
alt?: string;
|
|
942
|
-
src?: string;
|
|
943
|
-
height?: number;
|
|
944
|
-
width?: number;
|
|
945
|
-
}
|
|
940
|
+
interface ImageProps extends BaseComponentProps {
|
|
941
|
+
alt?: string;
|
|
942
|
+
src?: string;
|
|
943
|
+
height?: number;
|
|
944
|
+
width?: number;
|
|
945
|
+
}
|
|
946
946
|
declare const Image: ({ alt, src, height, width, className, ...rest }: ImageProps) => react_jsx_runtime.JSX.Element;
|
|
947
947
|
|
|
948
|
-
interface InfoProps extends BaseComponentProps {
|
|
949
|
-
variant?: Variant$1;
|
|
950
|
-
appearance?: Appearance;
|
|
951
|
-
shape?: Shape$1;
|
|
952
|
-
children?: ReactNode;
|
|
953
|
-
}
|
|
948
|
+
interface InfoProps extends BaseComponentProps {
|
|
949
|
+
variant?: Variant$1;
|
|
950
|
+
appearance?: Appearance;
|
|
951
|
+
shape?: Shape$1;
|
|
952
|
+
children?: ReactNode;
|
|
953
|
+
}
|
|
954
954
|
declare function Info({ children, variant, appearance, shape, className, ...rest }: InfoProps): react_jsx_runtime.JSX.Element;
|
|
955
955
|
|
|
956
|
-
interface ListItemData {
|
|
957
|
-
content: React__default.ReactNode;
|
|
958
|
-
bulletType?: ListBulletType;
|
|
959
|
-
renderBullet?: (index?: number) => React__default.ReactNode;
|
|
960
|
-
TypographyComponent?: React__default.ReactNode;
|
|
961
|
-
className?: string;
|
|
962
|
-
}
|
|
963
|
-
interface ListProps extends BaseComponentProps {
|
|
964
|
-
title?: string;
|
|
965
|
-
items: (string | React__default.ReactNode | ListItemData)[];
|
|
966
|
-
direction?: ListDirection;
|
|
967
|
-
gap?: 1 | 2 | 3 | 4;
|
|
968
|
-
columns?: 1 | 2 | 3 | 4;
|
|
969
|
-
align?: ListAlign;
|
|
970
|
-
wrap?: boolean;
|
|
971
|
-
bulletType?: ListBulletType;
|
|
972
|
-
}
|
|
956
|
+
interface ListItemData {
|
|
957
|
+
content: React__default.ReactNode;
|
|
958
|
+
bulletType?: ListBulletType;
|
|
959
|
+
renderBullet?: (index?: number) => React__default.ReactNode;
|
|
960
|
+
TypographyComponent?: React__default.ReactNode;
|
|
961
|
+
className?: string;
|
|
962
|
+
}
|
|
963
|
+
interface ListProps extends BaseComponentProps {
|
|
964
|
+
title?: string;
|
|
965
|
+
items: (string | React__default.ReactNode | ListItemData)[];
|
|
966
|
+
direction?: ListDirection;
|
|
967
|
+
gap?: 1 | 2 | 3 | 4;
|
|
968
|
+
columns?: 1 | 2 | 3 | 4;
|
|
969
|
+
align?: ListAlign;
|
|
970
|
+
wrap?: boolean;
|
|
971
|
+
bulletType?: ListBulletType;
|
|
972
|
+
}
|
|
973
973
|
declare function List({ title, items, direction, gap, columns, align, wrap, bulletType, className, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
|
|
974
974
|
|
|
975
|
-
interface ListItemProps {
|
|
976
|
-
content: React__default.ReactNode;
|
|
977
|
-
index?: number;
|
|
978
|
-
TypographyComponent?: React__default.ReactNode;
|
|
979
|
-
bulletType?: ListBulletType;
|
|
980
|
-
renderBullet?: (index?: number) => React__default.ReactNode;
|
|
981
|
-
align?: ListAlign;
|
|
982
|
-
className?: string;
|
|
983
|
-
}
|
|
975
|
+
interface ListItemProps {
|
|
976
|
+
content: React__default.ReactNode;
|
|
977
|
+
index?: number;
|
|
978
|
+
TypographyComponent?: React__default.ReactNode;
|
|
979
|
+
bulletType?: ListBulletType;
|
|
980
|
+
renderBullet?: (index?: number) => React__default.ReactNode;
|
|
981
|
+
align?: ListAlign;
|
|
982
|
+
className?: string;
|
|
983
|
+
}
|
|
984
984
|
declare const ListItem: ({ content, TypographyComponent, bulletType, renderBullet, index, align, className, }: ListItemProps) => react_jsx_runtime.JSX.Element;
|
|
985
985
|
|
|
986
|
-
interface PriceTagProps extends BaseComponentProps {
|
|
987
|
-
price: number;
|
|
988
|
-
discount?: number;
|
|
989
|
-
code?: CurrencyCode;
|
|
990
|
-
variant?: Variant$1;
|
|
991
|
-
appearance?: Appearance;
|
|
992
|
-
shape?: Shape$1;
|
|
993
|
-
size?: Size$1;
|
|
994
|
-
decimals?: number;
|
|
995
|
-
showCurrencyCode?: boolean;
|
|
996
|
-
currencyAsSubscript?: boolean;
|
|
997
|
-
showFreeLabel?: boolean;
|
|
998
|
-
}
|
|
986
|
+
interface PriceTagProps extends BaseComponentProps {
|
|
987
|
+
price: number;
|
|
988
|
+
discount?: number;
|
|
989
|
+
code?: CurrencyCode;
|
|
990
|
+
variant?: Variant$1;
|
|
991
|
+
appearance?: Appearance;
|
|
992
|
+
shape?: Shape$1;
|
|
993
|
+
size?: Size$1;
|
|
994
|
+
decimals?: number;
|
|
995
|
+
showCurrencyCode?: boolean;
|
|
996
|
+
currencyAsSubscript?: boolean;
|
|
997
|
+
showFreeLabel?: boolean;
|
|
998
|
+
}
|
|
999
999
|
declare function PriceTag({ price, discount, code, variant, appearance, shape, size, decimals, showCurrencyCode, currencyAsSubscript, showFreeLabel, className, ...rest }: PriceTagProps): react_jsx_runtime.JSX.Element;
|
|
1000
1000
|
|
|
1001
|
-
interface ProgressBarProps extends BaseComponentProps {
|
|
1002
|
-
value: number;
|
|
1003
|
-
max?: number;
|
|
1004
|
-
min?: number;
|
|
1005
|
-
variant?: Variant$1;
|
|
1006
|
-
appearance?: Appearance;
|
|
1007
|
-
size?: Size$1;
|
|
1008
|
-
shape?: Shape$1;
|
|
1009
|
-
striped?: boolean;
|
|
1010
|
-
animated?: boolean;
|
|
1011
|
-
showLabel?: boolean;
|
|
1012
|
-
label?: string;
|
|
1013
|
-
labelPlacement?: "top" | "overlay" | "bottom";
|
|
1014
|
-
showPercentage?: boolean;
|
|
1015
|
-
startContent?: ReactNode;
|
|
1016
|
-
endContent?: ReactNode;
|
|
1017
|
-
trackClassName?: string;
|
|
1018
|
-
barClassName?: string;
|
|
1019
|
-
}
|
|
1001
|
+
interface ProgressBarProps extends BaseComponentProps {
|
|
1002
|
+
value: number;
|
|
1003
|
+
max?: number;
|
|
1004
|
+
min?: number;
|
|
1005
|
+
variant?: Variant$1;
|
|
1006
|
+
appearance?: Appearance;
|
|
1007
|
+
size?: Size$1;
|
|
1008
|
+
shape?: Shape$1;
|
|
1009
|
+
striped?: boolean;
|
|
1010
|
+
animated?: boolean;
|
|
1011
|
+
showLabel?: boolean;
|
|
1012
|
+
label?: string;
|
|
1013
|
+
labelPlacement?: "top" | "overlay" | "bottom";
|
|
1014
|
+
showPercentage?: boolean;
|
|
1015
|
+
startContent?: ReactNode;
|
|
1016
|
+
endContent?: ReactNode;
|
|
1017
|
+
trackClassName?: string;
|
|
1018
|
+
barClassName?: string;
|
|
1019
|
+
}
|
|
1020
1020
|
declare function ProgressBar({ value, min, max, variant, appearance, size, shape, striped, animated, showLabel, label, labelPlacement, showPercentage, startContent, endContent, trackClassName, barClassName, className, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
|
|
1021
1021
|
|
|
1022
|
-
interface NumericRatingProps extends BaseComponentProps {
|
|
1023
|
-
rating: number;
|
|
1024
|
-
totalReviews?: number;
|
|
1025
|
-
size?: Size$1;
|
|
1026
|
-
showStars?: boolean;
|
|
1027
|
-
showReviewCount?: boolean;
|
|
1028
|
-
reviewLabel?: string;
|
|
1029
|
-
}
|
|
1022
|
+
interface NumericRatingProps extends BaseComponentProps {
|
|
1023
|
+
rating: number;
|
|
1024
|
+
totalReviews?: number;
|
|
1025
|
+
size?: Size$1;
|
|
1026
|
+
showStars?: boolean;
|
|
1027
|
+
showReviewCount?: boolean;
|
|
1028
|
+
reviewLabel?: string;
|
|
1029
|
+
}
|
|
1030
1030
|
declare function NumericRating({ rating, totalReviews, size, showStars, showReviewCount, reviewLabel, className, ...rest }: NumericRatingProps): react_jsx_runtime.JSX.Element;
|
|
1031
1031
|
|
|
1032
|
-
interface ProgressBarRatingProps extends BaseComponentProps {
|
|
1033
|
-
star: number;
|
|
1034
|
-
percentage: number;
|
|
1035
|
-
variant?: Variant$1;
|
|
1036
|
-
appearance?: Appearance;
|
|
1037
|
-
shape?: Shape$1;
|
|
1038
|
-
size?: Size$1;
|
|
1039
|
-
animated?: boolean;
|
|
1040
|
-
striped?: boolean;
|
|
1041
|
-
}
|
|
1032
|
+
interface ProgressBarRatingProps extends BaseComponentProps {
|
|
1033
|
+
star: number;
|
|
1034
|
+
percentage: number;
|
|
1035
|
+
variant?: Variant$1;
|
|
1036
|
+
appearance?: Appearance;
|
|
1037
|
+
shape?: Shape$1;
|
|
1038
|
+
size?: Size$1;
|
|
1039
|
+
animated?: boolean;
|
|
1040
|
+
striped?: boolean;
|
|
1041
|
+
}
|
|
1042
1042
|
declare function ProgressBarRating({ star, percentage, variant, appearance, shape, size, animated, striped, className, ...rest }: ProgressBarRatingProps): react_jsx_runtime.JSX.Element;
|
|
1043
1043
|
|
|
1044
|
-
interface StarRatingProps extends BaseComponentProps {
|
|
1045
|
-
rating: number;
|
|
1046
|
-
max?: number;
|
|
1047
|
-
size?: Size$1;
|
|
1048
|
-
showValue?: boolean;
|
|
1049
|
-
valuePosition?: "start" | "end";
|
|
1050
|
-
iconClassName?: string;
|
|
1051
|
-
}
|
|
1044
|
+
interface StarRatingProps extends BaseComponentProps {
|
|
1045
|
+
rating: number;
|
|
1046
|
+
max?: number;
|
|
1047
|
+
size?: Size$1;
|
|
1048
|
+
showValue?: boolean;
|
|
1049
|
+
valuePosition?: "start" | "end";
|
|
1050
|
+
iconClassName?: string;
|
|
1051
|
+
}
|
|
1052
1052
|
declare function StarRating({ rating, max, size, showValue, valuePosition, iconClassName, className, ...rest }: StarRatingProps): react_jsx_runtime.JSX.Element;
|
|
1053
1053
|
|
|
1054
|
-
interface TableColumnConfig<T> {
|
|
1055
|
-
key: keyof T | string;
|
|
1056
|
-
header: string;
|
|
1057
|
-
sortable?: boolean;
|
|
1058
|
-
render?: (value: any, row: T) => ReactNode;
|
|
1059
|
-
}
|
|
1060
|
-
interface TableProps<T> {
|
|
1061
|
-
title?: string;
|
|
1062
|
-
columns: TableColumnConfig<T>[];
|
|
1063
|
-
data: T[];
|
|
1064
|
-
shape?: Shape$1;
|
|
1065
|
-
}
|
|
1054
|
+
interface TableColumnConfig<T> {
|
|
1055
|
+
key: keyof T | string;
|
|
1056
|
+
header: string;
|
|
1057
|
+
sortable?: boolean;
|
|
1058
|
+
render?: (value: any, row: T) => ReactNode;
|
|
1059
|
+
}
|
|
1060
|
+
interface TableProps<T> {
|
|
1061
|
+
title?: string;
|
|
1062
|
+
columns: TableColumnConfig<T>[];
|
|
1063
|
+
data: T[];
|
|
1064
|
+
shape?: Shape$1;
|
|
1065
|
+
}
|
|
1066
1066
|
declare function Table<T extends Record<string, any>>({ title, columns, data, shape, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
1067
1067
|
|
|
1068
|
-
interface TagProps extends BaseComponentProps {
|
|
1069
|
-
text: string;
|
|
1070
|
-
}
|
|
1068
|
+
interface TagProps extends BaseComponentProps {
|
|
1069
|
+
text: string;
|
|
1070
|
+
}
|
|
1071
1071
|
declare function Tag({ text, className, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
|
|
1072
1072
|
|
|
1073
|
-
interface TooltipProps extends BaseComponentProps {
|
|
1074
|
-
children: ReactNode;
|
|
1075
|
-
show: boolean;
|
|
1076
|
-
offsetX?: number;
|
|
1077
|
-
offsetY?: number;
|
|
1078
|
-
}
|
|
1073
|
+
interface TooltipProps extends BaseComponentProps {
|
|
1074
|
+
children: ReactNode;
|
|
1075
|
+
show: boolean;
|
|
1076
|
+
offsetX?: number;
|
|
1077
|
+
offsetY?: number;
|
|
1078
|
+
}
|
|
1079
1079
|
declare function Tooltip({ children, show, offsetX, offsetY, className, ...rest }: TooltipProps): react_jsx_runtime.JSX.Element | null;
|
|
1080
1080
|
|
|
1081
|
-
interface TypographyProps extends BaseComponentProps {
|
|
1082
|
-
children?: ReactNode;
|
|
1083
|
-
level?: 1 | 2 | 3;
|
|
1084
|
-
variant?: Variant$1;
|
|
1085
|
-
decoration?: TextDecoration;
|
|
1086
|
-
bold?: boolean;
|
|
1087
|
-
italic?: boolean;
|
|
1081
|
+
interface TypographyProps extends BaseComponentProps {
|
|
1082
|
+
children?: ReactNode;
|
|
1083
|
+
level?: 1 | 2 | 3;
|
|
1084
|
+
variant?: Variant$1;
|
|
1085
|
+
decoration?: TextDecoration;
|
|
1086
|
+
bold?: boolean;
|
|
1087
|
+
italic?: boolean;
|
|
1088
1088
|
}
|
|
1089
1089
|
|
|
1090
|
-
interface DisplayProps extends TypographyProps {
|
|
1091
|
-
level?: 1 | 2 | 3;
|
|
1092
|
-
}
|
|
1090
|
+
interface DisplayProps extends TypographyProps {
|
|
1091
|
+
level?: 1 | 2 | 3;
|
|
1092
|
+
}
|
|
1093
1093
|
declare const Display: ({ level, children, variant, decoration, bold, italic, className, ...rest }: DisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1094
1094
|
|
|
1095
1095
|
declare const Chapter: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1110,1309 +1110,1309 @@ declare const Lead: ({ children, variant, decoration, bold, italic, className, .
|
|
|
1110
1110
|
|
|
1111
1111
|
declare const Overline: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1112
1112
|
|
|
1113
|
-
declare const Typography: {
|
|
1114
|
-
Display: ({ level, children, variant, decoration, bold, italic, className, ...rest }: DisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1115
|
-
Chapter: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1116
|
-
Section: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1117
|
-
Paragraph: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1118
|
-
Quote: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1119
|
-
Lead: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1120
|
-
Caption: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1121
|
-
Label: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1122
|
-
Code: ({ children, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1123
|
-
Overline: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1113
|
+
declare const Typography: {
|
|
1114
|
+
Display: ({ level, children, variant, decoration, bold, italic, className, ...rest }: DisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1115
|
+
Chapter: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1116
|
+
Section: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1117
|
+
Paragraph: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1118
|
+
Quote: ({ level, children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1119
|
+
Lead: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1120
|
+
Caption: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1121
|
+
Label: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1122
|
+
Code: ({ children, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1123
|
+
Overline: ({ children, variant, decoration, bold, italic, className, ...rest }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
1124
1124
|
};
|
|
1125
1125
|
|
|
1126
|
-
interface Tier {
|
|
1127
|
-
condition: (percent: number) => boolean;
|
|
1128
|
-
style: {
|
|
1129
|
-
bg: string;
|
|
1130
|
-
color: string;
|
|
1131
|
-
};
|
|
1132
|
-
}
|
|
1133
|
-
interface ValueBadgeProps {
|
|
1134
|
-
value: number;
|
|
1135
|
-
tiers?: Tier[];
|
|
1136
|
-
lowerBound?: number;
|
|
1137
|
-
upperBound?: number;
|
|
1138
|
-
formatValue?: (value: number) => string | number;
|
|
1139
|
-
className?: string;
|
|
1140
|
-
noBackground?: boolean;
|
|
1141
|
-
}
|
|
1126
|
+
interface Tier {
|
|
1127
|
+
condition: (percent: number) => boolean;
|
|
1128
|
+
style: {
|
|
1129
|
+
bg: string;
|
|
1130
|
+
color: string;
|
|
1131
|
+
};
|
|
1132
|
+
}
|
|
1133
|
+
interface ValueBadgeProps {
|
|
1134
|
+
value: number;
|
|
1135
|
+
tiers?: Tier[];
|
|
1136
|
+
lowerBound?: number;
|
|
1137
|
+
upperBound?: number;
|
|
1138
|
+
formatValue?: (value: number) => string | number;
|
|
1139
|
+
className?: string;
|
|
1140
|
+
noBackground?: boolean;
|
|
1141
|
+
}
|
|
1142
1142
|
declare const ValueBadge: ({ value, tiers, lowerBound, upperBound, formatValue, className, noBackground, }: ValueBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
1143
1143
|
|
|
1144
|
-
interface CloudinaryVideoProps extends BaseComponentProps<HTMLVideoElement> {
|
|
1145
|
-
publicId?: string;
|
|
1146
|
-
cloudName?: string;
|
|
1147
|
-
secure?: boolean;
|
|
1148
|
-
controls?: boolean;
|
|
1149
|
-
autoPlay?: boolean;
|
|
1150
|
-
muted?: boolean;
|
|
1151
|
-
loop?: boolean;
|
|
1152
|
-
playsInline?: boolean;
|
|
1153
|
-
poster?: string;
|
|
1154
|
-
preload?: "none" | "metadata" | "auto";
|
|
1155
|
-
}
|
|
1144
|
+
interface CloudinaryVideoProps extends BaseComponentProps<HTMLVideoElement> {
|
|
1145
|
+
publicId?: string;
|
|
1146
|
+
cloudName?: string;
|
|
1147
|
+
secure?: boolean;
|
|
1148
|
+
controls?: boolean;
|
|
1149
|
+
autoPlay?: boolean;
|
|
1150
|
+
muted?: boolean;
|
|
1151
|
+
loop?: boolean;
|
|
1152
|
+
playsInline?: boolean;
|
|
1153
|
+
poster?: string;
|
|
1154
|
+
preload?: "none" | "metadata" | "auto";
|
|
1155
|
+
}
|
|
1156
1156
|
declare function CloudinaryVideo({ publicId, cloudName, secure, controls, autoPlay, muted, loop, playsInline, poster, preload, className, ...rest }: CloudinaryVideoProps): react_jsx_runtime.JSX.Element;
|
|
1157
1157
|
|
|
1158
|
-
interface YoutubeVideoProps extends BaseComponentProps<HTMLIFrameElement> {
|
|
1159
|
-
videoUrl: string;
|
|
1160
|
-
width?: number;
|
|
1161
|
-
height?: number;
|
|
1162
|
-
autoPlay?: boolean;
|
|
1163
|
-
muted?: boolean;
|
|
1164
|
-
controls?: boolean;
|
|
1165
|
-
loop?: boolean;
|
|
1166
|
-
privacyMode?: boolean;
|
|
1167
|
-
}
|
|
1158
|
+
interface YoutubeVideoProps extends BaseComponentProps<HTMLIFrameElement> {
|
|
1159
|
+
videoUrl: string;
|
|
1160
|
+
width?: number;
|
|
1161
|
+
height?: number;
|
|
1162
|
+
autoPlay?: boolean;
|
|
1163
|
+
muted?: boolean;
|
|
1164
|
+
controls?: boolean;
|
|
1165
|
+
loop?: boolean;
|
|
1166
|
+
privacyMode?: boolean;
|
|
1167
|
+
}
|
|
1168
1168
|
declare function YoutubeVideo({ videoUrl, width, height, autoPlay, muted, controls, className, ...rest }: YoutubeVideoProps): react_jsx_runtime.JSX.Element;
|
|
1169
1169
|
|
|
1170
|
-
interface WorldMapPoint {
|
|
1171
|
-
code: string;
|
|
1172
|
-
value: number;
|
|
1173
|
-
}
|
|
1174
|
-
interface WorldMapProps extends BaseComponentProps {
|
|
1175
|
-
data: WorldMapPoint[];
|
|
1176
|
-
title?: string;
|
|
1177
|
-
bubbleColor?: string;
|
|
1178
|
-
bubbleStroke?: string;
|
|
1179
|
-
bubbleScale?: number;
|
|
1180
|
-
minBubble?: number;
|
|
1181
|
-
disableCountryHover?: boolean;
|
|
1182
|
-
disableCountrySelect?: boolean;
|
|
1183
|
-
}
|
|
1170
|
+
interface WorldMapPoint {
|
|
1171
|
+
code: string;
|
|
1172
|
+
value: number;
|
|
1173
|
+
}
|
|
1174
|
+
interface WorldMapProps extends BaseComponentProps {
|
|
1175
|
+
data: WorldMapPoint[];
|
|
1176
|
+
title?: string;
|
|
1177
|
+
bubbleColor?: string;
|
|
1178
|
+
bubbleStroke?: string;
|
|
1179
|
+
bubbleScale?: number;
|
|
1180
|
+
minBubble?: number;
|
|
1181
|
+
disableCountryHover?: boolean;
|
|
1182
|
+
disableCountrySelect?: boolean;
|
|
1183
|
+
}
|
|
1184
1184
|
declare function WorldMap({ data, title, bubbleColor, bubbleStroke, bubbleScale, minBubble, disableCountryHover, disableCountrySelect, className, ...rest }: WorldMapProps): react_jsx_runtime.JSX.Element;
|
|
1185
1185
|
|
|
1186
|
-
interface ButtonProps extends BaseComponentProps<HTMLButtonElement> {
|
|
1187
|
-
type?: "button" | "submit" | "reset";
|
|
1188
|
-
icon?: ReactNode;
|
|
1189
|
-
text?: string;
|
|
1190
|
-
children?: ReactNode;
|
|
1191
|
-
loading?: boolean;
|
|
1192
|
-
disabled?: boolean;
|
|
1193
|
-
block?: boolean;
|
|
1194
|
-
variant?: Variant$1;
|
|
1195
|
-
appearance?: Appearance;
|
|
1196
|
-
shape?: Shape$1;
|
|
1197
|
-
size?: Size$1;
|
|
1198
|
-
}
|
|
1186
|
+
interface ButtonProps extends BaseComponentProps<HTMLButtonElement> {
|
|
1187
|
+
type?: "button" | "submit" | "reset";
|
|
1188
|
+
icon?: ReactNode;
|
|
1189
|
+
text?: string;
|
|
1190
|
+
children?: ReactNode;
|
|
1191
|
+
loading?: boolean;
|
|
1192
|
+
disabled?: boolean;
|
|
1193
|
+
block?: boolean;
|
|
1194
|
+
variant?: Variant$1;
|
|
1195
|
+
appearance?: Appearance;
|
|
1196
|
+
shape?: Shape$1;
|
|
1197
|
+
size?: Size$1;
|
|
1198
|
+
}
|
|
1199
1199
|
declare function Button({ type, icon, text, children, loading, disabled, block, variant, appearance, shape, size, className, onMouseMove, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
1200
1200
|
|
|
1201
|
-
interface CheckboxOption {
|
|
1202
|
-
label: string;
|
|
1203
|
-
value: string;
|
|
1204
|
-
}
|
|
1205
|
-
interface BaseCheckboxProps extends BaseComponentProps {
|
|
1206
|
-
placeholder?: string;
|
|
1207
|
-
variant?: Variant$1;
|
|
1208
|
-
shape?: Shape$1;
|
|
1209
|
-
}
|
|
1210
|
-
interface SingleCheckboxProps extends BaseCheckboxProps {
|
|
1211
|
-
options?: never;
|
|
1212
|
-
}
|
|
1213
|
-
interface MultiCheckboxProps extends BaseCheckboxProps {
|
|
1214
|
-
options: CheckboxOption[];
|
|
1215
|
-
}
|
|
1216
|
-
type CheckboxProps = (SingleCheckboxProps & FieldHookConfig<boolean>) | (MultiCheckboxProps & FieldHookConfig<string[]>);
|
|
1201
|
+
interface CheckboxOption {
|
|
1202
|
+
label: string;
|
|
1203
|
+
value: string;
|
|
1204
|
+
}
|
|
1205
|
+
interface BaseCheckboxProps extends BaseComponentProps {
|
|
1206
|
+
placeholder?: string;
|
|
1207
|
+
variant?: Variant$1;
|
|
1208
|
+
shape?: Shape$1;
|
|
1209
|
+
}
|
|
1210
|
+
interface SingleCheckboxProps extends BaseCheckboxProps {
|
|
1211
|
+
options?: never;
|
|
1212
|
+
}
|
|
1213
|
+
interface MultiCheckboxProps extends BaseCheckboxProps {
|
|
1214
|
+
options: CheckboxOption[];
|
|
1215
|
+
}
|
|
1216
|
+
type CheckboxProps = (SingleCheckboxProps & FieldHookConfig<boolean>) | (MultiCheckboxProps & FieldHookConfig<string[]>);
|
|
1217
1217
|
declare function Checkbox({ placeholder, variant, shape, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
1218
1218
|
|
|
1219
|
-
declare enum Variant {
|
|
1220
|
-
default = "default",
|
|
1221
|
-
primary = "primary",
|
|
1222
|
-
secondary = "secondary",
|
|
1223
|
-
success = "success",
|
|
1224
|
-
danger = "danger",
|
|
1225
|
-
warning = "warning",
|
|
1226
|
-
info = "info",
|
|
1227
|
-
light = "light",
|
|
1228
|
-
dark = "dark"
|
|
1229
|
-
}
|
|
1230
|
-
declare enum TextVariant {
|
|
1231
|
-
default = "default",
|
|
1232
|
-
primary = "primary",
|
|
1233
|
-
secondary = "secondary",
|
|
1234
|
-
success = "success",
|
|
1235
|
-
danger = "danger",
|
|
1236
|
-
warning = "warning",
|
|
1237
|
-
info = "info",
|
|
1238
|
-
light = "light",
|
|
1239
|
-
dark = "dark"
|
|
1240
|
-
}
|
|
1241
|
-
declare enum Shape {
|
|
1242
|
-
circle = "circle",
|
|
1243
|
-
roundedSquare = "roundedSquare",
|
|
1244
|
-
softRoundedSquare = "softRoundedSquare",
|
|
1245
|
-
square = "square"
|
|
1246
|
-
}
|
|
1247
|
-
declare enum Size {
|
|
1248
|
-
xs = "xs",
|
|
1249
|
-
sm = "sm",
|
|
1250
|
-
md = "md",
|
|
1251
|
-
lg = "lg",
|
|
1252
|
-
xl = "xl"
|
|
1253
|
-
}
|
|
1254
|
-
declare enum Decoration {
|
|
1255
|
-
underline = "underline",
|
|
1256
|
-
overline = "overline",
|
|
1257
|
-
lineThrough = "lineThrough",
|
|
1258
|
-
noUnderline = "noUnderline"
|
|
1259
|
-
}
|
|
1260
|
-
declare enum Target {
|
|
1261
|
-
blank = "blank",
|
|
1262
|
-
self = "self",
|
|
1263
|
-
parent = "parent",
|
|
1264
|
-
top = "top"
|
|
1265
|
-
}
|
|
1266
|
-
|
|
1267
|
-
type DateSelectorProps = FieldHookConfig<string> & {
|
|
1268
|
-
name: string;
|
|
1269
|
-
placeholder: string;
|
|
1270
|
-
styles?: string;
|
|
1271
|
-
shape?: keyof typeof Shape;
|
|
1272
|
-
};
|
|
1219
|
+
declare enum Variant {
|
|
1220
|
+
default = "default",
|
|
1221
|
+
primary = "primary",
|
|
1222
|
+
secondary = "secondary",
|
|
1223
|
+
success = "success",
|
|
1224
|
+
danger = "danger",
|
|
1225
|
+
warning = "warning",
|
|
1226
|
+
info = "info",
|
|
1227
|
+
light = "light",
|
|
1228
|
+
dark = "dark"
|
|
1229
|
+
}
|
|
1230
|
+
declare enum TextVariant {
|
|
1231
|
+
default = "default",
|
|
1232
|
+
primary = "primary",
|
|
1233
|
+
secondary = "secondary",
|
|
1234
|
+
success = "success",
|
|
1235
|
+
danger = "danger",
|
|
1236
|
+
warning = "warning",
|
|
1237
|
+
info = "info",
|
|
1238
|
+
light = "light",
|
|
1239
|
+
dark = "dark"
|
|
1240
|
+
}
|
|
1241
|
+
declare enum Shape {
|
|
1242
|
+
circle = "circle",
|
|
1243
|
+
roundedSquare = "roundedSquare",
|
|
1244
|
+
softRoundedSquare = "softRoundedSquare",
|
|
1245
|
+
square = "square"
|
|
1246
|
+
}
|
|
1247
|
+
declare enum Size {
|
|
1248
|
+
xs = "xs",
|
|
1249
|
+
sm = "sm",
|
|
1250
|
+
md = "md",
|
|
1251
|
+
lg = "lg",
|
|
1252
|
+
xl = "xl"
|
|
1253
|
+
}
|
|
1254
|
+
declare enum Decoration {
|
|
1255
|
+
underline = "underline",
|
|
1256
|
+
overline = "overline",
|
|
1257
|
+
lineThrough = "lineThrough",
|
|
1258
|
+
noUnderline = "noUnderline"
|
|
1259
|
+
}
|
|
1260
|
+
declare enum Target {
|
|
1261
|
+
blank = "blank",
|
|
1262
|
+
self = "self",
|
|
1263
|
+
parent = "parent",
|
|
1264
|
+
top = "top"
|
|
1265
|
+
}
|
|
1266
|
+
|
|
1267
|
+
type DateSelectorProps = FieldHookConfig<string> & {
|
|
1268
|
+
name: string;
|
|
1269
|
+
placeholder: string;
|
|
1270
|
+
styles?: string;
|
|
1271
|
+
shape?: keyof typeof Shape;
|
|
1272
|
+
};
|
|
1273
1273
|
declare const DateSelector: ({ placeholder, styles, shape, ...props }: DateSelectorProps) => react_jsx_runtime.JSX.Element;
|
|
1274
1274
|
|
|
1275
|
-
interface FormProps {
|
|
1276
|
-
initialValues?: Record<string, any>;
|
|
1277
|
-
validationSchema?: object;
|
|
1278
|
-
enableReinitialize?: boolean;
|
|
1279
|
-
children?: React__default.ReactNode;
|
|
1280
|
-
styles?: string;
|
|
1281
|
-
onSubmit: (values: any, helpers?: any) => void;
|
|
1282
|
-
onChange?: (values: Record<string, any>, meta?: {
|
|
1283
|
-
changed: Record<string, any>;
|
|
1284
|
-
}) => void;
|
|
1285
|
-
warnOnUnsavedChanges?: boolean;
|
|
1286
|
-
onDirtyChange?: (dirty: boolean) => void;
|
|
1287
|
-
}
|
|
1275
|
+
interface FormProps {
|
|
1276
|
+
initialValues?: Record<string, any>;
|
|
1277
|
+
validationSchema?: object;
|
|
1278
|
+
enableReinitialize?: boolean;
|
|
1279
|
+
children?: React__default.ReactNode;
|
|
1280
|
+
styles?: string;
|
|
1281
|
+
onSubmit: (values: any, helpers?: any) => void;
|
|
1282
|
+
onChange?: (values: Record<string, any>, meta?: {
|
|
1283
|
+
changed: Record<string, any>;
|
|
1284
|
+
}) => void;
|
|
1285
|
+
warnOnUnsavedChanges?: boolean;
|
|
1286
|
+
onDirtyChange?: (dirty: boolean) => void;
|
|
1287
|
+
}
|
|
1288
1288
|
declare const Form: ({ initialValues, validationSchema, enableReinitialize, children, styles, onSubmit, onChange, warnOnUnsavedChanges, onDirtyChange, }: FormProps) => react_jsx_runtime.JSX.Element;
|
|
1289
1289
|
|
|
1290
|
-
interface FormResponseProps {
|
|
1291
|
-
text: string | undefined;
|
|
1292
|
-
variant?: keyof typeof Variant;
|
|
1293
|
-
shape?: keyof typeof Shape;
|
|
1294
|
-
size?: keyof typeof Size;
|
|
1295
|
-
styles?: string;
|
|
1296
|
-
}
|
|
1290
|
+
interface FormResponseProps {
|
|
1291
|
+
text: string | undefined;
|
|
1292
|
+
variant?: keyof typeof Variant;
|
|
1293
|
+
shape?: keyof typeof Shape;
|
|
1294
|
+
size?: keyof typeof Size;
|
|
1295
|
+
styles?: string;
|
|
1296
|
+
}
|
|
1297
1297
|
declare function FormResponse({ text, variant, shape, size, styles, }: FormResponseProps): react_jsx_runtime.JSX.Element;
|
|
1298
1298
|
|
|
1299
|
-
interface ImageInputProps {
|
|
1300
|
-
title?: string;
|
|
1301
|
-
uploadDir?: string;
|
|
1302
|
-
onValueChanged?: (imageUrl: string) => void;
|
|
1303
|
-
disableSetValue?: boolean;
|
|
1304
|
-
}
|
|
1305
|
-
interface ImageInputRef {
|
|
1306
|
-
handleResetClick: () => void;
|
|
1307
|
-
}
|
|
1299
|
+
interface ImageInputProps {
|
|
1300
|
+
title?: string;
|
|
1301
|
+
uploadDir?: string;
|
|
1302
|
+
onValueChanged?: (imageUrl: string) => void;
|
|
1303
|
+
disableSetValue?: boolean;
|
|
1304
|
+
}
|
|
1305
|
+
interface ImageInputRef {
|
|
1306
|
+
handleResetClick: () => void;
|
|
1307
|
+
}
|
|
1308
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>>;
|
|
1309
1309
|
|
|
1310
|
-
type InputProps = FieldHookConfig<string> & {
|
|
1311
|
-
type: "text" | "password" | "number";
|
|
1312
|
-
name: string;
|
|
1313
|
-
placeholder: string;
|
|
1314
|
-
styles?: string;
|
|
1315
|
-
step?: string;
|
|
1316
|
-
shape?: keyof typeof Shape;
|
|
1317
|
-
};
|
|
1310
|
+
type InputProps = FieldHookConfig<string> & {
|
|
1311
|
+
type: "text" | "password" | "number";
|
|
1312
|
+
name: string;
|
|
1313
|
+
placeholder: string;
|
|
1314
|
+
styles?: string;
|
|
1315
|
+
step?: string;
|
|
1316
|
+
shape?: keyof typeof Shape;
|
|
1317
|
+
};
|
|
1318
1318
|
declare const Input: ({ type, placeholder, styles, step, shape, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
|
|
1319
1319
|
|
|
1320
|
-
interface InputFileProps {
|
|
1321
|
-
placeholder: string;
|
|
1322
|
-
accept?: string;
|
|
1323
|
-
styles?: string;
|
|
1324
|
-
}
|
|
1320
|
+
interface InputFileProps {
|
|
1321
|
+
placeholder: string;
|
|
1322
|
+
accept?: string;
|
|
1323
|
+
styles?: string;
|
|
1324
|
+
}
|
|
1325
1325
|
declare const InputFile: ({ placeholder, accept, styles, ...props }: FieldHookConfig<File | null> & InputFileProps) => react_jsx_runtime.JSX.Element;
|
|
1326
1326
|
|
|
1327
|
-
interface FormDataEntryLabelProps {
|
|
1328
|
-
text?: string;
|
|
1329
|
-
children?: React__default.ReactNode;
|
|
1330
|
-
styles?: string;
|
|
1331
|
-
}
|
|
1327
|
+
interface FormDataEntryLabelProps {
|
|
1328
|
+
text?: string;
|
|
1329
|
+
children?: React__default.ReactNode;
|
|
1330
|
+
styles?: string;
|
|
1331
|
+
}
|
|
1332
1332
|
declare function InputLabel({ text, children, styles }: FormDataEntryLabelProps): react_jsx_runtime.JSX.Element;
|
|
1333
1333
|
|
|
1334
|
-
interface InputListProps {
|
|
1335
|
-
name: string;
|
|
1336
|
-
placeholder?: string;
|
|
1337
|
-
shape?: keyof typeof Shape;
|
|
1338
|
-
}
|
|
1334
|
+
interface InputListProps {
|
|
1335
|
+
name: string;
|
|
1336
|
+
placeholder?: string;
|
|
1337
|
+
shape?: keyof typeof Shape;
|
|
1338
|
+
}
|
|
1339
1339
|
declare const InputList: ({ name, placeholder, shape }: InputListProps) => react_jsx_runtime.JSX.Element;
|
|
1340
1340
|
|
|
1341
|
-
interface InputListGroupProps {
|
|
1342
|
-
name: string;
|
|
1343
|
-
placeholder?: string;
|
|
1344
|
-
shape?: keyof typeof Shape;
|
|
1345
|
-
}
|
|
1341
|
+
interface InputListGroupProps {
|
|
1342
|
+
name: string;
|
|
1343
|
+
placeholder?: string;
|
|
1344
|
+
shape?: keyof typeof Shape;
|
|
1345
|
+
}
|
|
1346
1346
|
declare const InputListGroup: ({ name, placeholder, shape, }: InputListGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1347
1347
|
|
|
1348
|
-
interface InputResponseProps {
|
|
1349
|
-
name: string;
|
|
1350
|
-
visibility?: boolean;
|
|
1351
|
-
variant?: keyof typeof TextVariant;
|
|
1352
|
-
styles?: string;
|
|
1353
|
-
}
|
|
1348
|
+
interface InputResponseProps {
|
|
1349
|
+
name: string;
|
|
1350
|
+
visibility?: boolean;
|
|
1351
|
+
variant?: keyof typeof TextVariant;
|
|
1352
|
+
styles?: string;
|
|
1353
|
+
}
|
|
1354
1354
|
declare function InputResponse({ name, visibility, variant, styles, }: InputResponseProps): react_jsx_runtime.JSX.Element;
|
|
1355
1355
|
|
|
1356
|
-
interface MultiImageInputProps {
|
|
1357
|
-
title?: string;
|
|
1358
|
-
uploadDir?: string;
|
|
1359
|
-
name: string;
|
|
1360
|
-
}
|
|
1356
|
+
interface MultiImageInputProps {
|
|
1357
|
+
title?: string;
|
|
1358
|
+
uploadDir?: string;
|
|
1359
|
+
name: string;
|
|
1360
|
+
}
|
|
1361
1361
|
declare function MultiImageInput({ title, uploadDir, ...props }: FieldHookConfig<string[]> & MultiImageInputProps): react_jsx_runtime.JSX.Element;
|
|
1362
1362
|
|
|
1363
|
-
interface RadioProps {
|
|
1364
|
-
placeholder: string;
|
|
1365
|
-
options: any[];
|
|
1366
|
-
}
|
|
1363
|
+
interface RadioProps {
|
|
1364
|
+
placeholder: string;
|
|
1365
|
+
options: any[];
|
|
1366
|
+
}
|
|
1367
1367
|
declare function Radio({ placeholder, options, ...props }: FieldHookConfig<string> & RadioProps): react_jsx_runtime.JSX.Element;
|
|
1368
1368
|
|
|
1369
|
-
interface StarRatingInputProps {
|
|
1370
|
-
starAmount?: number;
|
|
1371
|
-
styles?: string;
|
|
1372
|
-
}
|
|
1369
|
+
interface StarRatingInputProps {
|
|
1370
|
+
starAmount?: number;
|
|
1371
|
+
styles?: string;
|
|
1372
|
+
}
|
|
1373
1373
|
declare function StarRatingInput({ starAmount, styles, ...props }: FieldHookConfig<string> & StarRatingInputProps): react_jsx_runtime.JSX.Element;
|
|
1374
1374
|
|
|
1375
|
-
type SelectProps = FieldHookConfig<string> & {
|
|
1376
|
-
name: string;
|
|
1377
|
-
placeholder: string;
|
|
1378
|
-
options: any[];
|
|
1379
|
-
styles?: string;
|
|
1380
|
-
shape?: keyof typeof Shape;
|
|
1381
|
-
};
|
|
1375
|
+
type SelectProps = FieldHookConfig<string> & {
|
|
1376
|
+
name: string;
|
|
1377
|
+
placeholder: string;
|
|
1378
|
+
options: any[];
|
|
1379
|
+
styles?: string;
|
|
1380
|
+
shape?: keyof typeof Shape;
|
|
1381
|
+
};
|
|
1382
1382
|
declare function Select({ placeholder, options, styles, shape, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
1383
1383
|
|
|
1384
|
-
interface SwitchProps {
|
|
1385
|
-
name: string;
|
|
1386
|
-
label?: string;
|
|
1387
|
-
description?: string;
|
|
1388
|
-
showStatus?: boolean;
|
|
1389
|
-
}
|
|
1384
|
+
interface SwitchProps {
|
|
1385
|
+
name: string;
|
|
1386
|
+
label?: string;
|
|
1387
|
+
description?: string;
|
|
1388
|
+
showStatus?: boolean;
|
|
1389
|
+
}
|
|
1390
1390
|
declare function Switch({ label, description, showStatus, ...props }: FieldHookConfig<boolean> & SwitchProps): react_jsx_runtime.JSX.Element;
|
|
1391
1391
|
|
|
1392
|
-
interface TagsProps {
|
|
1393
|
-
placeholder: string;
|
|
1394
|
-
styles?: string;
|
|
1395
|
-
limit?: number;
|
|
1396
|
-
}
|
|
1392
|
+
interface TagsProps {
|
|
1393
|
+
placeholder: string;
|
|
1394
|
+
styles?: string;
|
|
1395
|
+
limit?: number;
|
|
1396
|
+
}
|
|
1397
1397
|
declare function Tags({ placeholder, styles, limit, ...props }: TagsProps & FieldHookConfig<string[]>): react_jsx_runtime.JSX.Element;
|
|
1398
1398
|
|
|
1399
|
-
type TextAreaProps = FieldHookConfig<string> & {
|
|
1400
|
-
name: string;
|
|
1401
|
-
placeholder: string;
|
|
1402
|
-
limit?: number;
|
|
1403
|
-
styles?: string;
|
|
1404
|
-
shape?: keyof typeof Shape;
|
|
1405
|
-
};
|
|
1399
|
+
type TextAreaProps = FieldHookConfig<string> & {
|
|
1400
|
+
name: string;
|
|
1401
|
+
placeholder: string;
|
|
1402
|
+
limit?: number;
|
|
1403
|
+
styles?: string;
|
|
1404
|
+
shape?: keyof typeof Shape;
|
|
1405
|
+
};
|
|
1406
1406
|
declare function TextArea({ placeholder, limit, styles, shape, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
|
|
1407
1407
|
|
|
1408
|
-
interface EUIComponentDefaults {
|
|
1409
|
-
variant?: keyof typeof Variant;
|
|
1410
|
-
size?: keyof typeof Size;
|
|
1411
|
-
shape?: keyof typeof Shape;
|
|
1412
|
-
styles?: string;
|
|
1413
|
-
}
|
|
1414
|
-
interface EUIRoute {
|
|
1415
|
-
path: string;
|
|
1416
|
-
name: string;
|
|
1417
|
-
}
|
|
1418
|
-
interface EUIConfigs {
|
|
1419
|
-
global?: EUIComponentDefaults;
|
|
1420
|
-
routes?: EUIRoute[];
|
|
1421
|
-
}
|
|
1422
|
-
|
|
1423
|
-
interface EUIContextValue {
|
|
1424
|
-
config: EUIConfigs;
|
|
1425
|
-
setConfig: React__default.Dispatch<React__default.SetStateAction<EUIConfigs>>;
|
|
1426
|
-
}
|
|
1427
|
-
declare const EUIProvider: ({ config, children, }: {
|
|
1428
|
-
config: EUIConfigs;
|
|
1429
|
-
children: React__default.ReactNode;
|
|
1430
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
1408
|
+
interface EUIComponentDefaults {
|
|
1409
|
+
variant?: keyof typeof Variant;
|
|
1410
|
+
size?: keyof typeof Size;
|
|
1411
|
+
shape?: keyof typeof Shape;
|
|
1412
|
+
styles?: string;
|
|
1413
|
+
}
|
|
1414
|
+
interface EUIRoute {
|
|
1415
|
+
path: string;
|
|
1416
|
+
name: string;
|
|
1417
|
+
}
|
|
1418
|
+
interface EUIConfigs {
|
|
1419
|
+
global?: EUIComponentDefaults;
|
|
1420
|
+
routes?: EUIRoute[];
|
|
1421
|
+
}
|
|
1422
|
+
|
|
1423
|
+
interface EUIContextValue {
|
|
1424
|
+
config: EUIConfigs;
|
|
1425
|
+
setConfig: React__default.Dispatch<React__default.SetStateAction<EUIConfigs>>;
|
|
1426
|
+
}
|
|
1427
|
+
declare const EUIProvider: ({ config, children, }: {
|
|
1428
|
+
config: EUIConfigs;
|
|
1429
|
+
children: React__default.ReactNode;
|
|
1430
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1431
1431
|
declare const useEUIConfig: () => EUIContextValue;
|
|
1432
1432
|
|
|
1433
1433
|
declare function resolveWithGlobal<T>(config: EUIConfigs | null, props: T, defaults: Partial<T>): T;
|
|
1434
1434
|
|
|
1435
|
-
interface BackdropProps {
|
|
1436
|
-
children?: React__default.ReactNode;
|
|
1437
|
-
styles?: string;
|
|
1438
|
-
}
|
|
1435
|
+
interface BackdropProps {
|
|
1436
|
+
children?: React__default.ReactNode;
|
|
1437
|
+
styles?: string;
|
|
1438
|
+
}
|
|
1439
1439
|
declare const Backdrop: ({ children, styles }: BackdropProps) => react_jsx_runtime.JSX.Element;
|
|
1440
1440
|
|
|
1441
|
-
interface SkeletonProps extends BaseComponentProps {
|
|
1442
|
-
children?: React__default.ReactNode;
|
|
1443
|
-
}
|
|
1441
|
+
interface SkeletonProps extends BaseComponentProps {
|
|
1442
|
+
children?: React__default.ReactNode;
|
|
1443
|
+
}
|
|
1444
1444
|
declare const Skeleton: ({ children, className, ...rest }: SkeletonProps) => react_jsx_runtime.JSX.Element;
|
|
1445
1445
|
|
|
1446
|
-
declare function sendToast(data?: {
|
|
1447
|
-
status: string;
|
|
1448
|
-
message: string;
|
|
1449
|
-
}): void;
|
|
1446
|
+
declare function sendToast(data?: {
|
|
1447
|
+
status: string;
|
|
1448
|
+
message: string;
|
|
1449
|
+
}): void;
|
|
1450
1450
|
declare function Toast(): react_jsx_runtime.JSX.Element;
|
|
1451
1451
|
|
|
1452
|
-
interface TransitionDropdownProps$1 {
|
|
1453
|
-
visibility: any;
|
|
1454
|
-
children?: ReactNode;
|
|
1455
|
-
}
|
|
1452
|
+
interface TransitionDropdownProps$1 {
|
|
1453
|
+
visibility: any;
|
|
1454
|
+
children?: ReactNode;
|
|
1455
|
+
}
|
|
1456
1456
|
declare function TransitionDropdown({ visibility, children }: TransitionDropdownProps$1): react_jsx_runtime.JSX.Element;
|
|
1457
1457
|
|
|
1458
|
-
interface TransitionDropdownProps {
|
|
1459
|
-
visibility: any;
|
|
1460
|
-
children?: ReactNode;
|
|
1461
|
-
}
|
|
1458
|
+
interface TransitionDropdownProps {
|
|
1459
|
+
visibility: any;
|
|
1460
|
+
children?: ReactNode;
|
|
1461
|
+
}
|
|
1462
1462
|
declare function TransitionFadeIn({ visibility, children }: TransitionDropdownProps): react_jsx_runtime.JSX.Element;
|
|
1463
1463
|
|
|
1464
|
-
declare const Transition: {
|
|
1465
|
-
TransitionDropdown: typeof TransitionDropdown;
|
|
1466
|
-
TransitionFadeIn: typeof TransitionFadeIn;
|
|
1464
|
+
declare const Transition: {
|
|
1465
|
+
TransitionDropdown: typeof TransitionDropdown;
|
|
1466
|
+
TransitionFadeIn: typeof TransitionFadeIn;
|
|
1467
1467
|
};
|
|
1468
1468
|
|
|
1469
|
-
interface ContentAreaProps {
|
|
1470
|
-
children?: ReactNode;
|
|
1471
|
-
styles?: string;
|
|
1472
|
-
enablePadding?: boolean;
|
|
1473
|
-
}
|
|
1469
|
+
interface ContentAreaProps {
|
|
1470
|
+
children?: ReactNode;
|
|
1471
|
+
styles?: string;
|
|
1472
|
+
enablePadding?: boolean;
|
|
1473
|
+
}
|
|
1474
1474
|
declare function ContentArea({ children, styles, enablePadding, }: ContentAreaProps): react_jsx_runtime.JSX.Element;
|
|
1475
1475
|
|
|
1476
|
-
interface FlexColProps$1 {
|
|
1477
|
-
children?: React__default.ReactNode;
|
|
1478
|
-
gap?: number;
|
|
1479
|
-
styles?: string;
|
|
1480
|
-
}
|
|
1476
|
+
interface FlexColProps$1 {
|
|
1477
|
+
children?: React__default.ReactNode;
|
|
1478
|
+
gap?: number;
|
|
1479
|
+
styles?: string;
|
|
1480
|
+
}
|
|
1481
1481
|
declare function FlexCol({ children, gap, styles }: FlexColProps$1): react_jsx_runtime.JSX.Element;
|
|
1482
1482
|
|
|
1483
|
-
interface FlexColProps {
|
|
1484
|
-
children?: React__default.ReactNode;
|
|
1485
|
-
gap?: number;
|
|
1486
|
-
styles?: string;
|
|
1487
|
-
}
|
|
1483
|
+
interface FlexColProps {
|
|
1484
|
+
children?: React__default.ReactNode;
|
|
1485
|
+
gap?: number;
|
|
1486
|
+
styles?: string;
|
|
1487
|
+
}
|
|
1488
1488
|
declare function FlexRow({ children, gap, styles }: FlexColProps): react_jsx_runtime.JSX.Element;
|
|
1489
1489
|
|
|
1490
|
-
declare const Flex: {
|
|
1491
|
-
FlexCol: typeof FlexCol;
|
|
1492
|
-
FlexRow: typeof FlexRow;
|
|
1490
|
+
declare const Flex: {
|
|
1491
|
+
FlexCol: typeof FlexCol;
|
|
1492
|
+
FlexRow: typeof FlexRow;
|
|
1493
1493
|
};
|
|
1494
1494
|
|
|
1495
|
-
interface GridProps {
|
|
1496
|
-
children?: React__default.ReactNode;
|
|
1497
|
-
styles?: string;
|
|
1498
|
-
}
|
|
1495
|
+
interface GridProps {
|
|
1496
|
+
children?: React__default.ReactNode;
|
|
1497
|
+
styles?: string;
|
|
1498
|
+
}
|
|
1499
1499
|
declare function Grid({ children, styles }: GridProps): react_jsx_runtime.JSX.Element;
|
|
1500
1500
|
|
|
1501
|
-
interface LayoutProps {
|
|
1502
|
-
flexDirection?: "vertical" | "horizontal";
|
|
1503
|
-
children?: React__default.ReactNode;
|
|
1504
|
-
styles?: string;
|
|
1505
|
-
}
|
|
1501
|
+
interface LayoutProps {
|
|
1502
|
+
flexDirection?: "vertical" | "horizontal";
|
|
1503
|
+
children?: React__default.ReactNode;
|
|
1504
|
+
styles?: string;
|
|
1505
|
+
}
|
|
1506
1506
|
declare const Layout: ({ flexDirection, children, styles, }: LayoutProps) => react_jsx_runtime.JSX.Element;
|
|
1507
1507
|
|
|
1508
|
-
interface HeaderProps {
|
|
1509
|
-
position?: "static" | "fixed" | "sticky";
|
|
1510
|
-
children?: React__default.ReactNode;
|
|
1511
|
-
styles?: string;
|
|
1512
|
-
}
|
|
1508
|
+
interface HeaderProps {
|
|
1509
|
+
position?: "static" | "fixed" | "sticky";
|
|
1510
|
+
children?: React__default.ReactNode;
|
|
1511
|
+
styles?: string;
|
|
1512
|
+
}
|
|
1513
1513
|
declare const Header: ({ position, children, styles, }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
1514
1514
|
|
|
1515
|
-
interface ContentProps {
|
|
1516
|
-
children?: React__default.ReactNode;
|
|
1517
|
-
overlayedSidebar?: boolean;
|
|
1518
|
-
sidebarVisible?: boolean;
|
|
1519
|
-
styles?: string;
|
|
1520
|
-
}
|
|
1515
|
+
interface ContentProps {
|
|
1516
|
+
children?: React__default.ReactNode;
|
|
1517
|
+
overlayedSidebar?: boolean;
|
|
1518
|
+
sidebarVisible?: boolean;
|
|
1519
|
+
styles?: string;
|
|
1520
|
+
}
|
|
1521
1521
|
declare const Content: ({ sidebarVisible, overlayedSidebar, children, styles, }: ContentProps) => react_jsx_runtime.JSX.Element;
|
|
1522
1522
|
|
|
1523
|
-
interface FooterProps {
|
|
1524
|
-
children?: React__default.ReactNode;
|
|
1525
|
-
styles?: string;
|
|
1526
|
-
}
|
|
1523
|
+
interface FooterProps {
|
|
1524
|
+
children?: React__default.ReactNode;
|
|
1525
|
+
styles?: string;
|
|
1526
|
+
}
|
|
1527
1527
|
declare const Footer: ({ children, styles }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
1528
1528
|
|
|
1529
|
-
interface BlockProps extends BaseComponentProps {
|
|
1530
|
-
title?: string;
|
|
1531
|
-
description?: string;
|
|
1532
|
-
required?: boolean;
|
|
1533
|
-
layout?: ListDirection;
|
|
1534
|
-
labelWidth?: string;
|
|
1535
|
-
children: React__default.ReactNode;
|
|
1536
|
-
}
|
|
1529
|
+
interface BlockProps extends BaseComponentProps {
|
|
1530
|
+
title?: string;
|
|
1531
|
+
description?: string;
|
|
1532
|
+
required?: boolean;
|
|
1533
|
+
layout?: ListDirection;
|
|
1534
|
+
labelWidth?: string;
|
|
1535
|
+
children: React__default.ReactNode;
|
|
1536
|
+
}
|
|
1537
1537
|
declare function Block({ title, description, required, layout, labelWidth, children, className, ...rest }: BlockProps): react_jsx_runtime.JSX.Element;
|
|
1538
1538
|
|
|
1539
|
-
interface BlockGroupProps extends BaseComponentProps {
|
|
1540
|
-
title?: string;
|
|
1541
|
-
description?: string;
|
|
1542
|
-
children: React__default.ReactNode;
|
|
1543
|
-
noDivider?: boolean;
|
|
1544
|
-
}
|
|
1539
|
+
interface BlockGroupProps extends BaseComponentProps {
|
|
1540
|
+
title?: string;
|
|
1541
|
+
description?: string;
|
|
1542
|
+
children: React__default.ReactNode;
|
|
1543
|
+
noDivider?: boolean;
|
|
1544
|
+
}
|
|
1545
1545
|
declare function BlockGroup({ title, description, children, noDivider, className, ...rest }: BlockGroupProps): react_jsx_runtime.JSX.Element;
|
|
1546
1546
|
|
|
1547
|
-
interface MarkdownEditorProps {
|
|
1548
|
-
placeholder?: string;
|
|
1549
|
-
styles?: string;
|
|
1550
|
-
}
|
|
1547
|
+
interface MarkdownEditorProps {
|
|
1548
|
+
placeholder?: string;
|
|
1549
|
+
styles?: string;
|
|
1550
|
+
}
|
|
1551
1551
|
declare function MarkdownEditor({ styles, ...props }: MarkdownEditorProps & FieldHookConfig<string>): react_jsx_runtime.JSX.Element;
|
|
1552
1552
|
|
|
1553
|
-
interface MarkdownTOCProps {
|
|
1554
|
-
title?: string;
|
|
1555
|
-
}
|
|
1553
|
+
interface MarkdownTOCProps {
|
|
1554
|
+
title?: string;
|
|
1555
|
+
}
|
|
1556
1556
|
declare function MarkdownTOC({ title }: MarkdownTOCProps): react_jsx_runtime.JSX.Element | null;
|
|
1557
1557
|
|
|
1558
|
-
interface MarkdownViewerProps {
|
|
1559
|
-
value?: string;
|
|
1560
|
-
}
|
|
1558
|
+
interface MarkdownViewerProps {
|
|
1559
|
+
value?: string;
|
|
1560
|
+
}
|
|
1561
1561
|
declare function MarkdownViewer({ value }: MarkdownViewerProps): react_jsx_runtime.JSX.Element;
|
|
1562
1562
|
|
|
1563
|
-
interface MarkdownProviderProps {
|
|
1564
|
-
markdown: string;
|
|
1565
|
-
children: React__default.ReactNode;
|
|
1566
|
-
}
|
|
1563
|
+
interface MarkdownProviderProps {
|
|
1564
|
+
markdown: string;
|
|
1565
|
+
children: React__default.ReactNode;
|
|
1566
|
+
}
|
|
1567
1567
|
declare function MarkdownProvider({ markdown, children }: MarkdownProviderProps): react_jsx_runtime.JSX.Element;
|
|
1568
1568
|
|
|
1569
|
-
interface I_ItemType {
|
|
1570
|
-
title: string;
|
|
1571
|
-
href: string;
|
|
1572
|
-
}
|
|
1573
|
-
interface RouteConfig {
|
|
1574
|
-
path: string;
|
|
1575
|
-
name: string;
|
|
1576
|
-
}
|
|
1577
|
-
interface BreadcrumbProps {
|
|
1578
|
-
gap?: number;
|
|
1579
|
-
seperator?: string;
|
|
1580
|
-
data?: I_ItemType[];
|
|
1581
|
-
routes?: RouteConfig[];
|
|
1582
|
-
currentPath?: string;
|
|
1583
|
-
navigate?: (path: string) => void;
|
|
1584
|
-
styles?: string;
|
|
1585
|
-
}
|
|
1569
|
+
interface I_ItemType {
|
|
1570
|
+
title: string;
|
|
1571
|
+
href: string;
|
|
1572
|
+
}
|
|
1573
|
+
interface RouteConfig {
|
|
1574
|
+
path: string;
|
|
1575
|
+
name: string;
|
|
1576
|
+
}
|
|
1577
|
+
interface BreadcrumbProps {
|
|
1578
|
+
gap?: number;
|
|
1579
|
+
seperator?: string;
|
|
1580
|
+
data?: I_ItemType[];
|
|
1581
|
+
routes?: RouteConfig[];
|
|
1582
|
+
currentPath?: string;
|
|
1583
|
+
navigate?: (path: string) => void;
|
|
1584
|
+
styles?: string;
|
|
1585
|
+
}
|
|
1586
1586
|
declare const Breadcrumb: ({ gap, seperator, data, routes, currentPath, navigate, styles, }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
|
|
1587
1587
|
|
|
1588
|
-
interface BreadcrumbItemProps {
|
|
1589
|
-
title: string;
|
|
1590
|
-
href: string;
|
|
1591
|
-
active: boolean;
|
|
1592
|
-
onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
|
|
1593
|
-
}
|
|
1588
|
+
interface BreadcrumbItemProps {
|
|
1589
|
+
title: string;
|
|
1590
|
+
href: string;
|
|
1591
|
+
active: boolean;
|
|
1592
|
+
onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
|
|
1593
|
+
}
|
|
1594
1594
|
declare function BreadcrumbItem({ title, href, active, onClick, }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
|
|
1595
1595
|
|
|
1596
|
-
interface DrawerProps {
|
|
1597
|
-
children?: React__default.ReactNode;
|
|
1598
|
-
visibility: boolean;
|
|
1599
|
-
side?: "left" | "right" | "top" | "bottom";
|
|
1600
|
-
handleClose: () => void;
|
|
1601
|
-
styles?: string;
|
|
1602
|
-
}
|
|
1596
|
+
interface DrawerProps {
|
|
1597
|
+
children?: React__default.ReactNode;
|
|
1598
|
+
visibility: boolean;
|
|
1599
|
+
side?: "left" | "right" | "top" | "bottom";
|
|
1600
|
+
handleClose: () => void;
|
|
1601
|
+
styles?: string;
|
|
1602
|
+
}
|
|
1603
1603
|
declare const Drawer: ({ children, visibility, side, handleClose, styles, }: DrawerProps) => react_jsx_runtime.JSX.Element;
|
|
1604
1604
|
|
|
1605
|
-
interface DrawerTogglerProps {
|
|
1606
|
-
icon?: ReactNode;
|
|
1607
|
-
toggleDrawer?: () => void;
|
|
1608
|
-
styles?: string;
|
|
1609
|
-
}
|
|
1605
|
+
interface DrawerTogglerProps {
|
|
1606
|
+
icon?: ReactNode;
|
|
1607
|
+
toggleDrawer?: () => void;
|
|
1608
|
+
styles?: string;
|
|
1609
|
+
}
|
|
1610
1610
|
declare function DrawerToggler({ icon, toggleDrawer, styles, }: DrawerTogglerProps): react_jsx_runtime.JSX.Element;
|
|
1611
1611
|
|
|
1612
|
-
interface I_FooterNavItem {
|
|
1613
|
-
component: any;
|
|
1614
|
-
icon?: React__default.ReactNode;
|
|
1615
|
-
name: string;
|
|
1616
|
-
badge?: React__default.ReactNode;
|
|
1617
|
-
to?: string;
|
|
1618
|
-
onClick?: () => void;
|
|
1619
|
-
}
|
|
1620
|
-
interface I_FooterNavGroup {
|
|
1621
|
-
component: any;
|
|
1622
|
-
icon?: React__default.ReactNode;
|
|
1623
|
-
name: string;
|
|
1624
|
-
badge?: React__default.ReactNode;
|
|
1625
|
-
to?: string;
|
|
1626
|
-
items: I_FooterNavItem[];
|
|
1627
|
-
}
|
|
1628
|
-
type FooterDataItemProps = I_FooterNavItem | I_FooterNavGroup;
|
|
1629
|
-
interface FooterNavProps {
|
|
1630
|
-
data: FooterDataItemProps[];
|
|
1631
|
-
styles?: string;
|
|
1632
|
-
}
|
|
1612
|
+
interface I_FooterNavItem {
|
|
1613
|
+
component: any;
|
|
1614
|
+
icon?: React__default.ReactNode;
|
|
1615
|
+
name: string;
|
|
1616
|
+
badge?: React__default.ReactNode;
|
|
1617
|
+
to?: string;
|
|
1618
|
+
onClick?: () => void;
|
|
1619
|
+
}
|
|
1620
|
+
interface I_FooterNavGroup {
|
|
1621
|
+
component: any;
|
|
1622
|
+
icon?: React__default.ReactNode;
|
|
1623
|
+
name: string;
|
|
1624
|
+
badge?: React__default.ReactNode;
|
|
1625
|
+
to?: string;
|
|
1626
|
+
items: I_FooterNavItem[];
|
|
1627
|
+
}
|
|
1628
|
+
type FooterDataItemProps = I_FooterNavItem | I_FooterNavGroup;
|
|
1629
|
+
interface FooterNavProps {
|
|
1630
|
+
data: FooterDataItemProps[];
|
|
1631
|
+
styles?: string;
|
|
1632
|
+
}
|
|
1633
1633
|
declare function FooterNav({ data, styles }: FooterNavProps): react_jsx_runtime.JSX.Element;
|
|
1634
1634
|
|
|
1635
|
-
interface FooterNavGroupProps {
|
|
1636
|
-
icon?: React__default.ReactNode;
|
|
1637
|
-
name: string;
|
|
1638
|
-
description: string;
|
|
1639
|
-
badge?: React__default.ReactNode;
|
|
1640
|
-
to?: string;
|
|
1641
|
-
children: React__default.ReactNode;
|
|
1642
|
-
styles?: string;
|
|
1643
|
-
}
|
|
1635
|
+
interface FooterNavGroupProps {
|
|
1636
|
+
icon?: React__default.ReactNode;
|
|
1637
|
+
name: string;
|
|
1638
|
+
description: string;
|
|
1639
|
+
badge?: React__default.ReactNode;
|
|
1640
|
+
to?: string;
|
|
1641
|
+
children: React__default.ReactNode;
|
|
1642
|
+
styles?: string;
|
|
1643
|
+
}
|
|
1644
1644
|
declare const FooterNavGroup: ({ icon, name, description, badge, to, styles, children, }: FooterNavGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1645
1645
|
|
|
1646
|
-
interface FooterNavItemProps {
|
|
1647
|
-
icon?: React__default.ReactNode;
|
|
1648
|
-
name: string;
|
|
1649
|
-
description: string;
|
|
1650
|
-
badge?: React__default.ReactNode;
|
|
1651
|
-
to?: string;
|
|
1652
|
-
onClick?: () => void;
|
|
1653
|
-
styles?: string;
|
|
1654
|
-
}
|
|
1646
|
+
interface FooterNavItemProps {
|
|
1647
|
+
icon?: React__default.ReactNode;
|
|
1648
|
+
name: string;
|
|
1649
|
+
description: string;
|
|
1650
|
+
badge?: React__default.ReactNode;
|
|
1651
|
+
to?: string;
|
|
1652
|
+
onClick?: () => void;
|
|
1653
|
+
styles?: string;
|
|
1654
|
+
}
|
|
1655
1655
|
declare const FooterNavItem: ({ icon, name, description, badge, to, onClick, styles, }: FooterNavItemProps) => react_jsx_runtime.JSX.Element;
|
|
1656
1656
|
|
|
1657
|
-
interface FooterNavItemTitleProps {
|
|
1658
|
-
icon?: React__default.ReactNode;
|
|
1659
|
-
name: string;
|
|
1660
|
-
description: string;
|
|
1661
|
-
badge?: React__default.ReactNode;
|
|
1662
|
-
styles?: string;
|
|
1663
|
-
}
|
|
1657
|
+
interface FooterNavItemTitleProps {
|
|
1658
|
+
icon?: React__default.ReactNode;
|
|
1659
|
+
name: string;
|
|
1660
|
+
description: string;
|
|
1661
|
+
badge?: React__default.ReactNode;
|
|
1662
|
+
styles?: string;
|
|
1663
|
+
}
|
|
1664
1664
|
declare const FooterNavItemTitle: ({ icon, name, description, badge, styles, }: FooterNavItemTitleProps) => react_jsx_runtime.JSX.Element;
|
|
1665
1665
|
|
|
1666
|
-
interface FooterNavItemContextProps {
|
|
1667
|
-
icon?: React__default.ReactNode;
|
|
1668
|
-
name: string;
|
|
1669
|
-
description: string;
|
|
1670
|
-
badge?: React__default.ReactNode;
|
|
1671
|
-
}
|
|
1666
|
+
interface FooterNavItemContextProps {
|
|
1667
|
+
icon?: React__default.ReactNode;
|
|
1668
|
+
name: string;
|
|
1669
|
+
description: string;
|
|
1670
|
+
badge?: React__default.ReactNode;
|
|
1671
|
+
}
|
|
1672
1672
|
declare const FooterNavItemContext: ({ icon, name, description, badge, }: FooterNavItemContextProps) => react_jsx_runtime.JSX.Element;
|
|
1673
1673
|
|
|
1674
|
-
interface I_HeaderNavItem {
|
|
1675
|
-
component: any;
|
|
1676
|
-
icon?: React__default.ReactNode;
|
|
1677
|
-
name: string;
|
|
1678
|
-
badge?: React__default.ReactNode;
|
|
1679
|
-
to?: string;
|
|
1680
|
-
onClick?: () => void;
|
|
1681
|
-
}
|
|
1682
|
-
interface I_HeaderNavGroup {
|
|
1683
|
-
component: any;
|
|
1684
|
-
icon?: React__default.ReactNode;
|
|
1685
|
-
name: string;
|
|
1686
|
-
badge?: React__default.ReactNode;
|
|
1687
|
-
to?: string;
|
|
1688
|
-
items: I_HeaderNavItem[];
|
|
1689
|
-
}
|
|
1690
|
-
type HeaderDataItemProps = I_HeaderNavItem | I_HeaderNavGroup;
|
|
1691
|
-
interface HeaderNavProps {
|
|
1692
|
-
data: HeaderDataItemProps[];
|
|
1693
|
-
styles?: string;
|
|
1694
|
-
}
|
|
1674
|
+
interface I_HeaderNavItem {
|
|
1675
|
+
component: any;
|
|
1676
|
+
icon?: React__default.ReactNode;
|
|
1677
|
+
name: string;
|
|
1678
|
+
badge?: React__default.ReactNode;
|
|
1679
|
+
to?: string;
|
|
1680
|
+
onClick?: () => void;
|
|
1681
|
+
}
|
|
1682
|
+
interface I_HeaderNavGroup {
|
|
1683
|
+
component: any;
|
|
1684
|
+
icon?: React__default.ReactNode;
|
|
1685
|
+
name: string;
|
|
1686
|
+
badge?: React__default.ReactNode;
|
|
1687
|
+
to?: string;
|
|
1688
|
+
items: I_HeaderNavItem[];
|
|
1689
|
+
}
|
|
1690
|
+
type HeaderDataItemProps = I_HeaderNavItem | I_HeaderNavGroup;
|
|
1691
|
+
interface HeaderNavProps {
|
|
1692
|
+
data: HeaderDataItemProps[];
|
|
1693
|
+
styles?: string;
|
|
1694
|
+
}
|
|
1695
1695
|
declare function HeaderNav({ data, styles }: HeaderNavProps): react_jsx_runtime.JSX.Element;
|
|
1696
1696
|
|
|
1697
|
-
interface HeaderNavGroupProps {
|
|
1698
|
-
icon?: React__default.ReactNode;
|
|
1699
|
-
name: string;
|
|
1700
|
-
description: string;
|
|
1701
|
-
badge?: React__default.ReactNode;
|
|
1702
|
-
to?: string;
|
|
1703
|
-
children: React__default.ReactNode;
|
|
1704
|
-
styles?: string;
|
|
1705
|
-
}
|
|
1697
|
+
interface HeaderNavGroupProps {
|
|
1698
|
+
icon?: React__default.ReactNode;
|
|
1699
|
+
name: string;
|
|
1700
|
+
description: string;
|
|
1701
|
+
badge?: React__default.ReactNode;
|
|
1702
|
+
to?: string;
|
|
1703
|
+
children: React__default.ReactNode;
|
|
1704
|
+
styles?: string;
|
|
1705
|
+
}
|
|
1706
1706
|
declare const HeaderNavGroup: ({ icon, name, description, badge, to, styles, children, }: HeaderNavGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1707
1707
|
|
|
1708
|
-
interface HeaderNavItemProps {
|
|
1709
|
-
icon?: React__default.ReactNode;
|
|
1710
|
-
name: string;
|
|
1711
|
-
description: string;
|
|
1712
|
-
badge?: React__default.ReactNode;
|
|
1713
|
-
to?: string;
|
|
1714
|
-
onClick?: () => void;
|
|
1715
|
-
styles?: string;
|
|
1716
|
-
}
|
|
1708
|
+
interface HeaderNavItemProps {
|
|
1709
|
+
icon?: React__default.ReactNode;
|
|
1710
|
+
name: string;
|
|
1711
|
+
description: string;
|
|
1712
|
+
badge?: React__default.ReactNode;
|
|
1713
|
+
to?: string;
|
|
1714
|
+
onClick?: () => void;
|
|
1715
|
+
styles?: string;
|
|
1716
|
+
}
|
|
1717
1717
|
declare const HeaderNavItem: ({ icon, name, description, badge, to, onClick, styles, }: HeaderNavItemProps) => react_jsx_runtime.JSX.Element;
|
|
1718
1718
|
|
|
1719
|
-
interface HeaderNavItemTitleProps {
|
|
1720
|
-
icon?: React__default.ReactNode;
|
|
1721
|
-
name: string;
|
|
1722
|
-
description: string;
|
|
1723
|
-
badge?: React__default.ReactNode;
|
|
1724
|
-
styles?: string;
|
|
1725
|
-
}
|
|
1719
|
+
interface HeaderNavItemTitleProps {
|
|
1720
|
+
icon?: React__default.ReactNode;
|
|
1721
|
+
name: string;
|
|
1722
|
+
description: string;
|
|
1723
|
+
badge?: React__default.ReactNode;
|
|
1724
|
+
styles?: string;
|
|
1725
|
+
}
|
|
1726
1726
|
declare const HeaderNavItemTitle: ({ icon, name, description, badge, styles, }: HeaderNavItemTitleProps) => react_jsx_runtime.JSX.Element;
|
|
1727
1727
|
|
|
1728
|
-
interface HeaderNavItemContextProps {
|
|
1729
|
-
icon?: React__default.ReactNode;
|
|
1730
|
-
name: string;
|
|
1731
|
-
description: string;
|
|
1732
|
-
badge?: React__default.ReactNode;
|
|
1733
|
-
}
|
|
1728
|
+
interface HeaderNavItemContextProps {
|
|
1729
|
+
icon?: React__default.ReactNode;
|
|
1730
|
+
name: string;
|
|
1731
|
+
description: string;
|
|
1732
|
+
badge?: React__default.ReactNode;
|
|
1733
|
+
}
|
|
1734
1734
|
declare const HeaderNavItemContext: ({ icon, name, description, badge, }: HeaderNavItemContextProps) => react_jsx_runtime.JSX.Element;
|
|
1735
1735
|
|
|
1736
|
-
interface LinkProps {
|
|
1737
|
-
children?: string;
|
|
1738
|
-
href?: string;
|
|
1739
|
-
target?: keyof typeof Target;
|
|
1740
|
-
variant?: keyof typeof TextVariant;
|
|
1741
|
-
styles?: string;
|
|
1742
|
-
decoration?: keyof typeof Decoration;
|
|
1743
|
-
bold?: boolean;
|
|
1744
|
-
italic?: boolean;
|
|
1745
|
-
onClick?: () => void;
|
|
1746
|
-
}
|
|
1736
|
+
interface LinkProps {
|
|
1737
|
+
children?: string;
|
|
1738
|
+
href?: string;
|
|
1739
|
+
target?: keyof typeof Target;
|
|
1740
|
+
variant?: keyof typeof TextVariant;
|
|
1741
|
+
styles?: string;
|
|
1742
|
+
decoration?: keyof typeof Decoration;
|
|
1743
|
+
bold?: boolean;
|
|
1744
|
+
italic?: boolean;
|
|
1745
|
+
onClick?: () => void;
|
|
1746
|
+
}
|
|
1747
1747
|
declare const Link: ({ children, href, target, variant, decoration, bold, italic, styles, onClick, }: LinkProps) => react_jsx_runtime.JSX.Element;
|
|
1748
1748
|
|
|
1749
|
-
type MenuElementType = "item" | "group" | "title";
|
|
1750
|
-
interface BaseMenuNode {
|
|
1751
|
-
key?: string;
|
|
1752
|
-
name: string;
|
|
1753
|
-
icon?: React__default.ReactNode;
|
|
1754
|
-
badge?: React__default.ReactNode;
|
|
1755
|
-
className?: string;
|
|
1756
|
-
component?: React__default.ElementType;
|
|
1757
|
-
}
|
|
1758
|
-
interface MenuItemNode extends BaseMenuNode {
|
|
1759
|
-
type: "item";
|
|
1760
|
-
to?: string;
|
|
1761
|
-
navigate?: (to: string) => void;
|
|
1762
|
-
onClick?: (e: React__default.MouseEvent<HTMLDivElement>) => void;
|
|
1763
|
-
}
|
|
1764
|
-
interface MenuGroupNode extends BaseMenuNode {
|
|
1765
|
-
type: "group";
|
|
1766
|
-
items: MenuNode[];
|
|
1767
|
-
}
|
|
1768
|
-
interface MenuTitleNode extends BaseMenuNode {
|
|
1769
|
-
type: "title";
|
|
1770
|
-
}
|
|
1771
|
-
type MenuNode = MenuItemNode | MenuGroupNode | MenuTitleNode;
|
|
1772
|
-
interface DefaultMenuElements {
|
|
1773
|
-
item?: React__default.ElementType;
|
|
1774
|
-
group?: React__default.ElementType;
|
|
1775
|
-
title?: React__default.ElementType;
|
|
1776
|
-
}
|
|
1777
|
-
interface MenuProps {
|
|
1778
|
-
items: MenuNode[];
|
|
1779
|
-
defaultMenuElements?: DefaultMenuElements;
|
|
1780
|
-
className?: string;
|
|
1781
|
-
navigate?: (to: string) => void;
|
|
1782
|
-
currentPath?: string;
|
|
1749
|
+
type MenuElementType = "item" | "group" | "title";
|
|
1750
|
+
interface BaseMenuNode {
|
|
1751
|
+
key?: string;
|
|
1752
|
+
name: string;
|
|
1753
|
+
icon?: React__default.ReactNode;
|
|
1754
|
+
badge?: React__default.ReactNode;
|
|
1755
|
+
className?: string;
|
|
1756
|
+
component?: React__default.ElementType;
|
|
1757
|
+
}
|
|
1758
|
+
interface MenuItemNode extends BaseMenuNode {
|
|
1759
|
+
type: "item";
|
|
1760
|
+
to?: string;
|
|
1761
|
+
navigate?: (to: string) => void;
|
|
1762
|
+
onClick?: (e: React__default.MouseEvent<HTMLDivElement>) => void;
|
|
1763
|
+
}
|
|
1764
|
+
interface MenuGroupNode extends BaseMenuNode {
|
|
1765
|
+
type: "group";
|
|
1766
|
+
items: MenuNode[];
|
|
1767
|
+
}
|
|
1768
|
+
interface MenuTitleNode extends BaseMenuNode {
|
|
1769
|
+
type: "title";
|
|
1770
|
+
}
|
|
1771
|
+
type MenuNode = MenuItemNode | MenuGroupNode | MenuTitleNode;
|
|
1772
|
+
interface DefaultMenuElements {
|
|
1773
|
+
item?: React__default.ElementType;
|
|
1774
|
+
group?: React__default.ElementType;
|
|
1775
|
+
title?: React__default.ElementType;
|
|
1776
|
+
}
|
|
1777
|
+
interface MenuProps {
|
|
1778
|
+
items: MenuNode[];
|
|
1779
|
+
defaultMenuElements?: DefaultMenuElements;
|
|
1780
|
+
className?: string;
|
|
1781
|
+
navigate?: (to: string) => void;
|
|
1782
|
+
currentPath?: string;
|
|
1783
1783
|
}
|
|
1784
1784
|
|
|
1785
1785
|
declare const Menu: ({ items, className, navigate, defaultMenuElements, currentPath, }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
1786
1786
|
|
|
1787
|
-
interface MenuGroupProps extends BaseComponentProps {
|
|
1788
|
-
icon?: React__default.ReactNode;
|
|
1789
|
-
name: string;
|
|
1790
|
-
badge?: React__default.ReactNode;
|
|
1791
|
-
to?: string;
|
|
1792
|
-
children: React__default.ReactNode;
|
|
1793
|
-
defaultOpen?: boolean;
|
|
1794
|
-
}
|
|
1787
|
+
interface MenuGroupProps extends BaseComponentProps {
|
|
1788
|
+
icon?: React__default.ReactNode;
|
|
1789
|
+
name: string;
|
|
1790
|
+
badge?: React__default.ReactNode;
|
|
1791
|
+
to?: string;
|
|
1792
|
+
children: React__default.ReactNode;
|
|
1793
|
+
defaultOpen?: boolean;
|
|
1794
|
+
}
|
|
1795
1795
|
declare const MenuGroup: ({ icon, name, badge, children, defaultOpen, className, style, ...rest }: MenuGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1796
1796
|
|
|
1797
|
-
interface MenuItemProps extends BaseComponentProps {
|
|
1798
|
-
icon?: React__default.ReactNode;
|
|
1799
|
-
name: string;
|
|
1800
|
-
badge?: React__default.ReactNode;
|
|
1801
|
-
to?: string;
|
|
1802
|
-
navigate?: (to: string) => void;
|
|
1803
|
-
}
|
|
1797
|
+
interface MenuItemProps extends BaseComponentProps {
|
|
1798
|
+
icon?: React__default.ReactNode;
|
|
1799
|
+
name: string;
|
|
1800
|
+
badge?: React__default.ReactNode;
|
|
1801
|
+
to?: string;
|
|
1802
|
+
navigate?: (to: string) => void;
|
|
1803
|
+
}
|
|
1804
1804
|
declare const MenuItem: ({ icon, name, badge, to, navigate, className, onClick, ...rest }: MenuItemProps) => react_jsx_runtime.JSX.Element;
|
|
1805
1805
|
|
|
1806
|
-
interface MenuItemTitleProps extends BaseComponentProps {
|
|
1807
|
-
icon?: React__default.ReactNode;
|
|
1808
|
-
name: string;
|
|
1809
|
-
badge?: React__default.ReactNode;
|
|
1810
|
-
}
|
|
1806
|
+
interface MenuItemTitleProps extends BaseComponentProps {
|
|
1807
|
+
icon?: React__default.ReactNode;
|
|
1808
|
+
name: string;
|
|
1809
|
+
badge?: React__default.ReactNode;
|
|
1810
|
+
}
|
|
1811
1811
|
declare const MenuItemTitle: ({ icon, name, badge, className, style, ...rest }: MenuItemTitleProps) => react_jsx_runtime.JSX.Element;
|
|
1812
1812
|
|
|
1813
|
-
interface RouteTabProps extends BaseComponentProps {
|
|
1814
|
-
title: string;
|
|
1815
|
-
selected?: boolean;
|
|
1816
|
-
onClick?: () => void;
|
|
1817
|
-
}
|
|
1813
|
+
interface RouteTabProps extends BaseComponentProps {
|
|
1814
|
+
title: string;
|
|
1815
|
+
selected?: boolean;
|
|
1816
|
+
onClick?: () => void;
|
|
1817
|
+
}
|
|
1818
1818
|
declare function RouteTab({ title, onClick, selected, className, ...rest }: RouteTabProps): react_jsx_runtime.JSX.Element;
|
|
1819
1819
|
|
|
1820
|
-
interface RouteTabsNavItem {
|
|
1821
|
-
name: string;
|
|
1822
|
-
to: string;
|
|
1823
|
-
selected?: boolean;
|
|
1824
|
-
}
|
|
1825
|
-
interface RouteTabsProps extends BaseComponentProps {
|
|
1826
|
-
navData: RouteTabsNavItem[];
|
|
1827
|
-
children: React.ReactNode | ((activeTab: string) => React.ReactNode);
|
|
1828
|
-
onTabClick?: (to: string) => void;
|
|
1829
|
-
mode?: RouteTabMode;
|
|
1830
|
-
defaultActive?: string;
|
|
1831
|
-
animated?: boolean;
|
|
1832
|
-
}
|
|
1820
|
+
interface RouteTabsNavItem {
|
|
1821
|
+
name: string;
|
|
1822
|
+
to: string;
|
|
1823
|
+
selected?: boolean;
|
|
1824
|
+
}
|
|
1825
|
+
interface RouteTabsProps extends BaseComponentProps {
|
|
1826
|
+
navData: RouteTabsNavItem[];
|
|
1827
|
+
children: React.ReactNode | ((activeTab: string) => React.ReactNode);
|
|
1828
|
+
onTabClick?: (to: string) => void;
|
|
1829
|
+
mode?: RouteTabMode;
|
|
1830
|
+
defaultActive?: string;
|
|
1831
|
+
animated?: boolean;
|
|
1832
|
+
}
|
|
1833
1833
|
declare function RouteTabs({ navData, children, onTabClick, mode, defaultActive, animated, className, ...rest }: RouteTabsProps): react_jsx_runtime.JSX.Element;
|
|
1834
1834
|
|
|
1835
|
-
interface ModalProps {
|
|
1836
|
-
title: string;
|
|
1837
|
-
show: boolean;
|
|
1838
|
-
handleOnClose?: () => void;
|
|
1839
|
-
children?: React__default.ReactNode;
|
|
1840
|
-
enableCloseOnClickOutside?: boolean;
|
|
1841
|
-
isLoading?: boolean;
|
|
1842
|
-
isSuccess?: boolean;
|
|
1843
|
-
isError?: boolean;
|
|
1844
|
-
error?: unknown;
|
|
1845
|
-
styles?: string;
|
|
1846
|
-
shape?: keyof typeof Shape;
|
|
1847
|
-
}
|
|
1835
|
+
interface ModalProps {
|
|
1836
|
+
title: string;
|
|
1837
|
+
show: boolean;
|
|
1838
|
+
handleOnClose?: () => void;
|
|
1839
|
+
children?: React__default.ReactNode;
|
|
1840
|
+
enableCloseOnClickOutside?: boolean;
|
|
1841
|
+
isLoading?: boolean;
|
|
1842
|
+
isSuccess?: boolean;
|
|
1843
|
+
isError?: boolean;
|
|
1844
|
+
error?: unknown;
|
|
1845
|
+
styles?: string;
|
|
1846
|
+
shape?: keyof typeof Shape;
|
|
1847
|
+
}
|
|
1848
1848
|
declare function Modal({ title, show, handleOnClose, children, isLoading, isSuccess, isError, error, styles, enableCloseOnClickOutside, shape, }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
1849
1849
|
|
|
1850
|
-
interface UnderConstructionBannerProps {
|
|
1851
|
-
text?: string;
|
|
1852
|
-
}
|
|
1850
|
+
interface UnderConstructionBannerProps {
|
|
1851
|
+
text?: string;
|
|
1852
|
+
}
|
|
1853
1853
|
declare function UnderConstructionBanner({ text, }: UnderConstructionBannerProps): react_jsx_runtime.JSX.Element;
|
|
1854
1854
|
|
|
1855
|
-
interface AccordionProps {
|
|
1856
|
-
summary?: ReactNode | string;
|
|
1857
|
-
children?: ReactNode;
|
|
1858
|
-
lhsActions?: ReactNode;
|
|
1859
|
-
rhsActions?: ReactNode;
|
|
1860
|
-
defaultCollapse?: boolean;
|
|
1861
|
-
toggleOnSummaryClick?: boolean;
|
|
1862
|
-
enableChildrenPadding?: boolean;
|
|
1863
|
-
}
|
|
1855
|
+
interface AccordionProps {
|
|
1856
|
+
summary?: ReactNode | string;
|
|
1857
|
+
children?: ReactNode;
|
|
1858
|
+
lhsActions?: ReactNode;
|
|
1859
|
+
rhsActions?: ReactNode;
|
|
1860
|
+
defaultCollapse?: boolean;
|
|
1861
|
+
toggleOnSummaryClick?: boolean;
|
|
1862
|
+
enableChildrenPadding?: boolean;
|
|
1863
|
+
}
|
|
1864
1864
|
declare function Accordion({ summary, children, lhsActions, rhsActions, defaultCollapse, toggleOnSummaryClick, enableChildrenPadding, }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
1865
1865
|
|
|
1866
|
-
declare const hoverAnimations: {
|
|
1867
|
-
none: string;
|
|
1868
|
-
lift: string;
|
|
1869
|
-
scale: string;
|
|
1870
|
-
glow: string;
|
|
1871
|
-
borderGlow: string;
|
|
1872
|
-
softLift: string;
|
|
1866
|
+
declare const hoverAnimations: {
|
|
1867
|
+
none: string;
|
|
1868
|
+
lift: string;
|
|
1869
|
+
scale: string;
|
|
1870
|
+
glow: string;
|
|
1871
|
+
borderGlow: string;
|
|
1872
|
+
softLift: string;
|
|
1873
1873
|
};
|
|
1874
1874
|
|
|
1875
|
-
interface CardProps {
|
|
1876
|
-
children?: ReactNode;
|
|
1877
|
-
styles?: string;
|
|
1878
|
-
bgVariant?: keyof typeof Variant;
|
|
1879
|
-
borderVariant?: keyof typeof Variant;
|
|
1880
|
-
interactive?: boolean;
|
|
1881
|
-
ghost?: boolean;
|
|
1882
|
-
shape?: keyof typeof Shape;
|
|
1883
|
-
hoverAnimation?: keyof typeof hoverAnimations;
|
|
1884
|
-
}
|
|
1875
|
+
interface CardProps {
|
|
1876
|
+
children?: ReactNode;
|
|
1877
|
+
styles?: string;
|
|
1878
|
+
bgVariant?: keyof typeof Variant;
|
|
1879
|
+
borderVariant?: keyof typeof Variant;
|
|
1880
|
+
interactive?: boolean;
|
|
1881
|
+
ghost?: boolean;
|
|
1882
|
+
shape?: keyof typeof Shape;
|
|
1883
|
+
hoverAnimation?: keyof typeof hoverAnimations;
|
|
1884
|
+
}
|
|
1885
1885
|
declare function Card({ children, styles, bgVariant, borderVariant, interactive, ghost, shape, hoverAnimation, }: CardProps): react_jsx_runtime.JSX.Element;
|
|
1886
1886
|
|
|
1887
|
-
interface CardHeaderProps {
|
|
1888
|
-
icon?: React__default.ReactNode;
|
|
1889
|
-
title?: string;
|
|
1890
|
-
description?: string;
|
|
1891
|
-
className?: string;
|
|
1892
|
-
}
|
|
1887
|
+
interface CardHeaderProps {
|
|
1888
|
+
icon?: React__default.ReactNode;
|
|
1889
|
+
title?: string;
|
|
1890
|
+
description?: string;
|
|
1891
|
+
className?: string;
|
|
1892
|
+
}
|
|
1893
1893
|
declare function CardHeader({ icon, title, description, className }: CardHeaderProps): react_jsx_runtime.JSX.Element;
|
|
1894
1894
|
|
|
1895
|
-
interface CardContentProps {
|
|
1896
|
-
children?: React__default.ReactNode;
|
|
1897
|
-
className?: string;
|
|
1898
|
-
}
|
|
1895
|
+
interface CardContentProps {
|
|
1896
|
+
children?: React__default.ReactNode;
|
|
1897
|
+
className?: string;
|
|
1898
|
+
}
|
|
1899
1899
|
declare function CardContent({ children, className }: CardContentProps): react_jsx_runtime.JSX.Element;
|
|
1900
1900
|
|
|
1901
|
-
interface CardFooterProps {
|
|
1902
|
-
children?: React__default.ReactNode;
|
|
1903
|
-
className?: string;
|
|
1904
|
-
}
|
|
1901
|
+
interface CardFooterProps {
|
|
1902
|
+
children?: React__default.ReactNode;
|
|
1903
|
+
className?: string;
|
|
1904
|
+
}
|
|
1905
1905
|
declare function CardFooter({ children, className }: CardFooterProps): react_jsx_runtime.JSX.Element;
|
|
1906
1906
|
|
|
1907
|
-
type AnimationVariant = "none" | "gradient" | "blobs" | "mesh" | "custom";
|
|
1908
|
-
interface BaseAnimationConfig {
|
|
1909
|
-
duration: number;
|
|
1910
|
-
ease?: string;
|
|
1911
|
-
opacity?: number;
|
|
1912
|
-
colors?: string[];
|
|
1913
|
-
}
|
|
1914
|
-
interface BlobAnimationConfig extends BaseAnimationConfig {
|
|
1915
|
-
size?: number;
|
|
1916
|
-
blur?: number;
|
|
1917
|
-
count?: number;
|
|
1918
|
-
}
|
|
1919
|
-
interface GradientAnimationConfig extends BaseAnimationConfig {
|
|
1920
|
-
angle?: number;
|
|
1921
|
-
backgroundSize?: string;
|
|
1922
|
-
}
|
|
1923
|
-
interface MeshAnimationConfig extends BaseAnimationConfig {
|
|
1924
|
-
density?: number;
|
|
1925
|
-
backgroundSize?: string;
|
|
1926
|
-
}
|
|
1927
|
-
interface AnimationComponentProps<T = BaseAnimationConfig> {
|
|
1928
|
-
config?: T;
|
|
1929
|
-
animated?: boolean;
|
|
1930
|
-
}
|
|
1931
|
-
|
|
1932
|
-
type OverlayVariant = "none" | "noise" | "grid" | "dots" | "custom";
|
|
1933
|
-
interface BaseOverlayConfig {
|
|
1934
|
-
opacity?: number;
|
|
1935
|
-
size?: number;
|
|
1936
|
-
color?: string;
|
|
1937
|
-
}
|
|
1938
|
-
|
|
1939
|
-
interface MotionSurfaceProps {
|
|
1940
|
-
children?: ReactNode;
|
|
1941
|
-
animationVariant?: AnimationVariant;
|
|
1942
|
-
animationConfig?: BaseAnimationConfig;
|
|
1943
|
-
animated?: boolean;
|
|
1944
|
-
overlay?: OverlayVariant;
|
|
1945
|
-
overlayConfig?: BaseOverlayConfig;
|
|
1946
|
-
className?: string;
|
|
1947
|
-
customAnimation?: React__default.ComponentType<any>;
|
|
1948
|
-
customOverlay?: React__default.ComponentType<any>;
|
|
1949
|
-
}
|
|
1907
|
+
type AnimationVariant = "none" | "gradient" | "blobs" | "mesh" | "custom";
|
|
1908
|
+
interface BaseAnimationConfig {
|
|
1909
|
+
duration: number;
|
|
1910
|
+
ease?: string;
|
|
1911
|
+
opacity?: number;
|
|
1912
|
+
colors?: string[];
|
|
1913
|
+
}
|
|
1914
|
+
interface BlobAnimationConfig extends BaseAnimationConfig {
|
|
1915
|
+
size?: number;
|
|
1916
|
+
blur?: number;
|
|
1917
|
+
count?: number;
|
|
1918
|
+
}
|
|
1919
|
+
interface GradientAnimationConfig extends BaseAnimationConfig {
|
|
1920
|
+
angle?: number;
|
|
1921
|
+
backgroundSize?: string;
|
|
1922
|
+
}
|
|
1923
|
+
interface MeshAnimationConfig extends BaseAnimationConfig {
|
|
1924
|
+
density?: number;
|
|
1925
|
+
backgroundSize?: string;
|
|
1926
|
+
}
|
|
1927
|
+
interface AnimationComponentProps<T = BaseAnimationConfig> {
|
|
1928
|
+
config?: T;
|
|
1929
|
+
animated?: boolean;
|
|
1930
|
+
}
|
|
1931
|
+
|
|
1932
|
+
type OverlayVariant = "none" | "noise" | "grid" | "dots" | "custom";
|
|
1933
|
+
interface BaseOverlayConfig {
|
|
1934
|
+
opacity?: number;
|
|
1935
|
+
size?: number;
|
|
1936
|
+
color?: string;
|
|
1937
|
+
}
|
|
1938
|
+
|
|
1939
|
+
interface MotionSurfaceProps {
|
|
1940
|
+
children?: ReactNode;
|
|
1941
|
+
animationVariant?: AnimationVariant;
|
|
1942
|
+
animationConfig?: BaseAnimationConfig;
|
|
1943
|
+
animated?: boolean;
|
|
1944
|
+
overlay?: OverlayVariant;
|
|
1945
|
+
overlayConfig?: BaseOverlayConfig;
|
|
1946
|
+
className?: string;
|
|
1947
|
+
customAnimation?: React__default.ComponentType<any>;
|
|
1948
|
+
customOverlay?: React__default.ComponentType<any>;
|
|
1949
|
+
}
|
|
1950
1950
|
declare function MotionSurface({ children, animationVariant, animationConfig, animated, overlay, overlayConfig, className, customAnimation: CustomAnimation, customOverlay: CustomOverlay, }: MotionSurfaceProps): react_jsx_runtime.JSX.Element;
|
|
1951
1951
|
|
|
1952
|
-
interface ThemeContextProps {
|
|
1953
|
-
theme: "light" | "dark";
|
|
1954
|
-
setTheme: (theme: "light" | "dark") => void;
|
|
1955
|
-
toggleTheme: () => void;
|
|
1956
|
-
}
|
|
1957
|
-
declare const ThemeContext: React__default.Context<ThemeContextProps | undefined>;
|
|
1958
|
-
interface ThemeProviderProps {
|
|
1959
|
-
defaultTheme?: "light" | "dark";
|
|
1960
|
-
children: ReactNode;
|
|
1961
|
-
}
|
|
1952
|
+
interface ThemeContextProps {
|
|
1953
|
+
theme: "light" | "dark";
|
|
1954
|
+
setTheme: (theme: "light" | "dark") => void;
|
|
1955
|
+
toggleTheme: () => void;
|
|
1956
|
+
}
|
|
1957
|
+
declare const ThemeContext: React__default.Context<ThemeContextProps | undefined>;
|
|
1958
|
+
interface ThemeProviderProps {
|
|
1959
|
+
defaultTheme?: "light" | "dark";
|
|
1960
|
+
children: ReactNode;
|
|
1961
|
+
}
|
|
1962
1962
|
declare const ThemeProvider: ({ defaultTheme, children, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1963
1963
|
|
|
1964
1964
|
declare const ThemeSwitch: () => react_jsx_runtime.JSX.Element | null;
|
|
1965
1965
|
|
|
1966
1966
|
declare const ShapeSwitch: () => react_jsx_runtime.JSX.Element;
|
|
1967
1967
|
|
|
1968
|
-
interface AsyncComponentWrapperProps {
|
|
1969
|
-
children: React__default.ReactNode;
|
|
1970
|
-
isLoading?: boolean;
|
|
1971
|
-
isSuccess?: boolean;
|
|
1972
|
-
isError?: boolean;
|
|
1973
|
-
error?: unknown;
|
|
1974
|
-
/**
|
|
1975
|
-
* Optional custom formatter if you want full control
|
|
1976
|
-
*/
|
|
1977
|
-
errorFormatter?: (error: unknown) => string;
|
|
1978
|
-
}
|
|
1968
|
+
interface AsyncComponentWrapperProps {
|
|
1969
|
+
children: React__default.ReactNode;
|
|
1970
|
+
isLoading?: boolean;
|
|
1971
|
+
isSuccess?: boolean;
|
|
1972
|
+
isError?: boolean;
|
|
1973
|
+
error?: unknown;
|
|
1974
|
+
/**
|
|
1975
|
+
* Optional custom formatter if you want full control
|
|
1976
|
+
*/
|
|
1977
|
+
errorFormatter?: (error: unknown) => string;
|
|
1978
|
+
}
|
|
1979
1979
|
declare function AsyncComponentWrapper({ children, isLoading, isSuccess, isError, error, errorFormatter, }: AsyncComponentWrapperProps): react_jsx_runtime.JSX.Element;
|
|
1980
1980
|
|
|
1981
|
-
interface GlowWrapperProps {
|
|
1982
|
-
children: ReactNode;
|
|
1983
|
-
glowSize?: number;
|
|
1984
|
-
glowColor?: string;
|
|
1985
|
-
className?: string;
|
|
1986
|
-
/** optional: when true, glow hides while mouse is outside */
|
|
1987
|
-
hideOnLeave?: boolean;
|
|
1988
|
-
}
|
|
1981
|
+
interface GlowWrapperProps {
|
|
1982
|
+
children: ReactNode;
|
|
1983
|
+
glowSize?: number;
|
|
1984
|
+
glowColor?: string;
|
|
1985
|
+
className?: string;
|
|
1986
|
+
/** optional: when true, glow hides while mouse is outside */
|
|
1987
|
+
hideOnLeave?: boolean;
|
|
1988
|
+
}
|
|
1989
1989
|
declare const GlowWrapper: FC<GlowWrapperProps>;
|
|
1990
1990
|
|
|
1991
|
-
interface InfiniteScrollTriggerProps extends BaseComponentProps {
|
|
1992
|
-
children?: ReactNode;
|
|
1993
|
-
hasMore?: boolean;
|
|
1994
|
-
isLoading?: boolean;
|
|
1995
|
-
rootMargin?: string;
|
|
1996
|
-
threshold?: number;
|
|
1997
|
-
onLoadMore?: () => void;
|
|
1998
|
-
}
|
|
1991
|
+
interface InfiniteScrollTriggerProps extends BaseComponentProps {
|
|
1992
|
+
children?: ReactNode;
|
|
1993
|
+
hasMore?: boolean;
|
|
1994
|
+
isLoading?: boolean;
|
|
1995
|
+
rootMargin?: string;
|
|
1996
|
+
threshold?: number;
|
|
1997
|
+
onLoadMore?: () => void;
|
|
1998
|
+
}
|
|
1999
1999
|
declare function InfiniteScrollTrigger({ children, className, hasMore, isLoading, rootMargin, threshold, onLoadMore, }: InfiniteScrollTriggerProps): react_jsx_runtime.JSX.Element;
|
|
2000
2000
|
|
|
2001
|
-
interface ShowMoreProps {
|
|
2002
|
-
text: string;
|
|
2003
|
-
limit: number;
|
|
2004
|
-
}
|
|
2001
|
+
interface ShowMoreProps {
|
|
2002
|
+
text: string;
|
|
2003
|
+
limit: number;
|
|
2004
|
+
}
|
|
2005
2005
|
declare function ShowMore({ text, limit }: ShowMoreProps): react_jsx_runtime.JSX.Element;
|
|
2006
2006
|
|
|
2007
|
-
interface CommentAuthor {
|
|
2008
|
-
id: string;
|
|
2009
|
-
username: string;
|
|
2010
|
-
avatar?: string;
|
|
2011
|
-
firstName?: string;
|
|
2012
|
-
lastName?: string;
|
|
2013
|
-
}
|
|
2014
|
-
interface CommentPermissions {
|
|
2015
|
-
canEdit?: boolean;
|
|
2016
|
-
canDelete?: boolean;
|
|
2017
|
-
canReply?: boolean;
|
|
2018
|
-
canReport?: boolean;
|
|
2019
|
-
}
|
|
2020
|
-
interface CommentEntity {
|
|
2021
|
-
id: string;
|
|
2022
|
-
postId: string;
|
|
2023
|
-
parentCommentId: string | null;
|
|
2024
|
-
content: string;
|
|
2025
|
-
edited: boolean;
|
|
2026
|
-
likes: number;
|
|
2027
|
-
dislikes: number;
|
|
2028
|
-
liked: boolean;
|
|
2029
|
-
disliked: boolean;
|
|
2030
|
-
replyCount: number;
|
|
2031
|
-
createdAt: string;
|
|
2032
|
-
updatedAt: string;
|
|
2033
|
-
author: CommentAuthor | null;
|
|
2034
|
-
permissions?: CommentPermissions;
|
|
2035
|
-
}
|
|
2036
|
-
|
|
2037
|
-
interface CreateCommentInput {
|
|
2038
|
-
content: string;
|
|
2039
|
-
parentCommentId?: string | null;
|
|
2040
|
-
}
|
|
2041
|
-
interface UpdateCommentInput {
|
|
2042
|
-
id: string;
|
|
2043
|
-
content: string;
|
|
2044
|
-
}
|
|
2045
|
-
interface ToggleReactionResult {
|
|
2046
|
-
likes: number;
|
|
2047
|
-
dislikes: number;
|
|
2048
|
-
liked: boolean;
|
|
2049
|
-
disliked: boolean;
|
|
2050
|
-
}
|
|
2051
|
-
interface CommentQueryOptions {
|
|
2052
|
-
parentCommentId?: string | null;
|
|
2053
|
-
limit?: number;
|
|
2054
|
-
cursor?: string;
|
|
2055
|
-
sort?: "newest" | "oldest" | "top";
|
|
2056
|
-
}
|
|
2057
|
-
interface CommentPageResult {
|
|
2058
|
-
items: CommentEntity[];
|
|
2059
|
-
nextCursor?: string | null;
|
|
2060
|
-
hasMore: boolean;
|
|
2061
|
-
}
|
|
2062
|
-
interface CommentDataSource {
|
|
2063
|
-
/**
|
|
2064
|
-
* Load root comments
|
|
2065
|
-
*/
|
|
2066
|
-
getComments(options?: CommentQueryOptions): Promise<CommentPageResult>;
|
|
2067
|
-
/**
|
|
2068
|
-
* Load replies for a specific comment
|
|
2069
|
-
*/
|
|
2070
|
-
getReplies(commentId: string, options?: Omit<CommentQueryOptions, "parentCommentId">): Promise<CommentPageResult>;
|
|
2071
|
-
/**
|
|
2072
|
-
* Create root comment or reply
|
|
2073
|
-
*/
|
|
2074
|
-
createComment(input: CreateCommentInput): Promise<CommentEntity>;
|
|
2075
|
-
/**
|
|
2076
|
-
* Update comment
|
|
2077
|
-
*/
|
|
2078
|
-
updateComment(input: UpdateCommentInput): Promise<CommentEntity>;
|
|
2079
|
-
/**
|
|
2080
|
-
* Delete comment
|
|
2081
|
-
*/
|
|
2082
|
-
deleteComment(commentId: string): Promise<void>;
|
|
2083
|
-
/**
|
|
2084
|
-
* Toggle like
|
|
2085
|
-
*/
|
|
2086
|
-
toggleLike(commentId: string): Promise<ToggleReactionResult>;
|
|
2087
|
-
/**
|
|
2088
|
-
* Toggle dislike
|
|
2089
|
-
*/
|
|
2090
|
-
toggleDislike(commentId: string): Promise<ToggleReactionResult>;
|
|
2091
|
-
/**
|
|
2092
|
-
* Report comment
|
|
2093
|
-
*/
|
|
2094
|
-
reportComment?(commentId: string, reason: string, description?: string): Promise<void>;
|
|
2095
|
-
}
|
|
2096
|
-
|
|
2097
|
-
interface CommentHeaderProps {
|
|
2098
|
-
comment: CommentEntity;
|
|
2099
|
-
config: Required<CommentThreadConfig>;
|
|
2100
|
-
}
|
|
2101
|
-
interface CommentContentProps {
|
|
2102
|
-
comment: CommentEntity;
|
|
2103
|
-
}
|
|
2104
|
-
interface CommentActionsProps {
|
|
2105
|
-
comment: CommentEntity;
|
|
2106
|
-
onLike?: () => void;
|
|
2107
|
-
onDislike?: () => void;
|
|
2108
|
-
onReply?: () => void;
|
|
2109
|
-
}
|
|
2110
|
-
interface CommentMenuProps {
|
|
2111
|
-
comment: CommentEntity;
|
|
2112
|
-
open: boolean;
|
|
2113
|
-
setOpen: (open: boolean) => void;
|
|
2114
|
-
canEdit?: boolean;
|
|
2115
|
-
canDelete?: boolean;
|
|
2116
|
-
canReport?: boolean;
|
|
2117
|
-
onEdit?: () => void;
|
|
2118
|
-
onDelete?: () => void;
|
|
2119
|
-
onReport?: () => void;
|
|
2120
|
-
}
|
|
2121
|
-
interface CommentComposerProps {
|
|
2122
|
-
avatar?: string;
|
|
2123
|
-
placeholder?: string;
|
|
2124
|
-
submitLabel?: string;
|
|
2125
|
-
disabled?: boolean;
|
|
2126
|
-
loading?: boolean;
|
|
2127
|
-
onSubmit: (content: string) => Promise<void> | void;
|
|
2128
|
-
}
|
|
2129
|
-
interface ReplyComposerProps {
|
|
2130
|
-
avatar?: string;
|
|
2131
|
-
username?: string;
|
|
2132
|
-
placeholder?: string;
|
|
2133
|
-
submitLabel?: string;
|
|
2134
|
-
disabled?: boolean;
|
|
2135
|
-
loading?: boolean;
|
|
2136
|
-
onSubmit: (content: string) => Promise<void> | void;
|
|
2137
|
-
}
|
|
2138
|
-
interface CommentRepliesToggleProps {
|
|
2139
|
-
collapsed: boolean;
|
|
2140
|
-
repliesCount: number;
|
|
2141
|
-
loading?: boolean;
|
|
2142
|
-
onToggle: () => void;
|
|
2143
|
-
}
|
|
2144
|
-
interface CommentItemProps {
|
|
2145
|
-
comment: CommentEntity;
|
|
2146
|
-
replies?: CommentEntity[];
|
|
2147
|
-
allReplies?: Record<string, CommentEntity[]>;
|
|
2148
|
-
depth?: number;
|
|
2149
|
-
config: Required<CommentThreadConfig>;
|
|
2150
|
-
components?: CommentComponents;
|
|
2151
|
-
onLike?: (comment: CommentEntity) => void;
|
|
2152
|
-
onDislike?: (comment: CommentEntity) => void;
|
|
2153
|
-
onReply?: (comment: CommentEntity, content: string) => Promise<void> | void;
|
|
2154
|
-
onLoadReplies?: (comment: CommentEntity) => Promise<void> | void;
|
|
2155
|
-
onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
|
|
2156
|
-
onDelete?: (comment: CommentEntity) => void;
|
|
2157
|
-
onReport?: (comment: CommentEntity) => void;
|
|
2158
|
-
}
|
|
2159
|
-
interface CommentListProps {
|
|
2160
|
-
comments: CommentEntity[];
|
|
2161
|
-
replies?: Record<string, CommentEntity[]>;
|
|
2162
|
-
depth?: number;
|
|
2163
|
-
config: Required<CommentThreadConfig>;
|
|
2164
|
-
components?: CommentComponents;
|
|
2165
|
-
onLike?: (comment: CommentEntity) => void;
|
|
2166
|
-
onDislike?: (comment: CommentEntity) => void;
|
|
2167
|
-
onReply?: (comment: CommentEntity, content: string) => Promise<void> | void;
|
|
2168
|
-
onLoadReplies?: (comment: CommentEntity) => Promise<void> | void;
|
|
2169
|
-
onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
|
|
2170
|
-
onDelete?: (comment: CommentEntity) => void;
|
|
2171
|
-
onReport?: (comment: CommentEntity) => void;
|
|
2172
|
-
}
|
|
2173
|
-
interface CommentThreadProps {
|
|
2174
|
-
postId: string;
|
|
2175
|
-
currentUser: CommentAuthor;
|
|
2176
|
-
dataSource: CommentDataSource;
|
|
2177
|
-
loading?: boolean;
|
|
2178
|
-
components?: CommentComponents;
|
|
2179
|
-
config?: CommentThreadConfig;
|
|
2180
|
-
updatedComment?: CommentEntity | null;
|
|
2181
|
-
deletedComment?: CommentEntity | null;
|
|
2182
|
-
onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
|
|
2183
|
-
onDelete?: (comment: CommentEntity) => void;
|
|
2184
|
-
onReport?: (comment: CommentEntity) => void;
|
|
2185
|
-
}
|
|
2186
|
-
interface CommentThreadConfig {
|
|
2187
|
-
maxDepth?: number;
|
|
2188
|
-
indentation?: number;
|
|
2189
|
-
dateFormat?: "relative" | "absolute";
|
|
2190
|
-
commentsPerPage?: number;
|
|
2191
|
-
repliesPerPage?: number;
|
|
2192
|
-
}
|
|
2193
|
-
interface CommentComponents {
|
|
2194
|
-
/**
|
|
2195
|
-
* Root comment composer
|
|
2196
|
-
*/
|
|
2197
|
-
Composer?: ComponentType<CommentComposerProps>;
|
|
2198
|
-
/**
|
|
2199
|
-
* Comment header section
|
|
2200
|
-
*/
|
|
2201
|
-
Header?: ComponentType<CommentHeaderProps>;
|
|
2202
|
-
/**
|
|
2203
|
-
* Comment content renderer
|
|
2204
|
-
*/
|
|
2205
|
-
Content?: ComponentType<CommentContentProps>;
|
|
2206
|
-
/**
|
|
2207
|
-
* Like / Dislike / Reply actions
|
|
2208
|
-
*/
|
|
2209
|
-
Actions?: ComponentType<CommentActionsProps>;
|
|
2210
|
-
/**
|
|
2211
|
-
* Comment menu (Edit/Delete/Report)
|
|
2212
|
-
*/
|
|
2213
|
-
Menu?: ComponentType<CommentMenuProps>;
|
|
2214
|
-
/**
|
|
2215
|
-
* Reply composer shown below a comment
|
|
2216
|
-
*/
|
|
2217
|
-
ReplyComposer?: ComponentType<ReplyComposerProps>;
|
|
2218
|
-
/**
|
|
2219
|
-
* Replies expand/collapse component
|
|
2220
|
-
*/
|
|
2221
|
-
RepliesToggle?: ComponentType<CommentRepliesToggleProps>;
|
|
2007
|
+
interface CommentAuthor {
|
|
2008
|
+
id: string;
|
|
2009
|
+
username: string;
|
|
2010
|
+
avatar?: string;
|
|
2011
|
+
firstName?: string;
|
|
2012
|
+
lastName?: string;
|
|
2013
|
+
}
|
|
2014
|
+
interface CommentPermissions {
|
|
2015
|
+
canEdit?: boolean;
|
|
2016
|
+
canDelete?: boolean;
|
|
2017
|
+
canReply?: boolean;
|
|
2018
|
+
canReport?: boolean;
|
|
2019
|
+
}
|
|
2020
|
+
interface CommentEntity {
|
|
2021
|
+
id: string;
|
|
2022
|
+
postId: string;
|
|
2023
|
+
parentCommentId: string | null;
|
|
2024
|
+
content: string;
|
|
2025
|
+
edited: boolean;
|
|
2026
|
+
likes: number;
|
|
2027
|
+
dislikes: number;
|
|
2028
|
+
liked: boolean;
|
|
2029
|
+
disliked: boolean;
|
|
2030
|
+
replyCount: number;
|
|
2031
|
+
createdAt: string;
|
|
2032
|
+
updatedAt: string;
|
|
2033
|
+
author: CommentAuthor | null;
|
|
2034
|
+
permissions?: CommentPermissions;
|
|
2035
|
+
}
|
|
2036
|
+
|
|
2037
|
+
interface CreateCommentInput {
|
|
2038
|
+
content: string;
|
|
2039
|
+
parentCommentId?: string | null;
|
|
2040
|
+
}
|
|
2041
|
+
interface UpdateCommentInput {
|
|
2042
|
+
id: string;
|
|
2043
|
+
content: string;
|
|
2044
|
+
}
|
|
2045
|
+
interface ToggleReactionResult {
|
|
2046
|
+
likes: number;
|
|
2047
|
+
dislikes: number;
|
|
2048
|
+
liked: boolean;
|
|
2049
|
+
disliked: boolean;
|
|
2050
|
+
}
|
|
2051
|
+
interface CommentQueryOptions {
|
|
2052
|
+
parentCommentId?: string | null;
|
|
2053
|
+
limit?: number;
|
|
2054
|
+
cursor?: string;
|
|
2055
|
+
sort?: "newest" | "oldest" | "top";
|
|
2056
|
+
}
|
|
2057
|
+
interface CommentPageResult {
|
|
2058
|
+
items: CommentEntity[];
|
|
2059
|
+
nextCursor?: string | null;
|
|
2060
|
+
hasMore: boolean;
|
|
2061
|
+
}
|
|
2062
|
+
interface CommentDataSource {
|
|
2063
|
+
/**
|
|
2064
|
+
* Load root comments
|
|
2065
|
+
*/
|
|
2066
|
+
getComments(options?: CommentQueryOptions): Promise<CommentPageResult>;
|
|
2067
|
+
/**
|
|
2068
|
+
* Load replies for a specific comment
|
|
2069
|
+
*/
|
|
2070
|
+
getReplies(commentId: string, options?: Omit<CommentQueryOptions, "parentCommentId">): Promise<CommentPageResult>;
|
|
2071
|
+
/**
|
|
2072
|
+
* Create root comment or reply
|
|
2073
|
+
*/
|
|
2074
|
+
createComment(input: CreateCommentInput): Promise<CommentEntity>;
|
|
2075
|
+
/**
|
|
2076
|
+
* Update comment
|
|
2077
|
+
*/
|
|
2078
|
+
updateComment(input: UpdateCommentInput): Promise<CommentEntity>;
|
|
2079
|
+
/**
|
|
2080
|
+
* Delete comment
|
|
2081
|
+
*/
|
|
2082
|
+
deleteComment(commentId: string): Promise<void>;
|
|
2083
|
+
/**
|
|
2084
|
+
* Toggle like
|
|
2085
|
+
*/
|
|
2086
|
+
toggleLike(commentId: string): Promise<ToggleReactionResult>;
|
|
2087
|
+
/**
|
|
2088
|
+
* Toggle dislike
|
|
2089
|
+
*/
|
|
2090
|
+
toggleDislike(commentId: string): Promise<ToggleReactionResult>;
|
|
2091
|
+
/**
|
|
2092
|
+
* Report comment
|
|
2093
|
+
*/
|
|
2094
|
+
reportComment?(commentId: string, reason: string, description?: string): Promise<void>;
|
|
2095
|
+
}
|
|
2096
|
+
|
|
2097
|
+
interface CommentHeaderProps {
|
|
2098
|
+
comment: CommentEntity;
|
|
2099
|
+
config: Required<CommentThreadConfig>;
|
|
2100
|
+
}
|
|
2101
|
+
interface CommentContentProps {
|
|
2102
|
+
comment: CommentEntity;
|
|
2103
|
+
}
|
|
2104
|
+
interface CommentActionsProps {
|
|
2105
|
+
comment: CommentEntity;
|
|
2106
|
+
onLike?: () => void;
|
|
2107
|
+
onDislike?: () => void;
|
|
2108
|
+
onReply?: () => void;
|
|
2109
|
+
}
|
|
2110
|
+
interface CommentMenuProps {
|
|
2111
|
+
comment: CommentEntity;
|
|
2112
|
+
open: boolean;
|
|
2113
|
+
setOpen: (open: boolean) => void;
|
|
2114
|
+
canEdit?: boolean;
|
|
2115
|
+
canDelete?: boolean;
|
|
2116
|
+
canReport?: boolean;
|
|
2117
|
+
onEdit?: () => void;
|
|
2118
|
+
onDelete?: () => void;
|
|
2119
|
+
onReport?: () => void;
|
|
2120
|
+
}
|
|
2121
|
+
interface CommentComposerProps {
|
|
2122
|
+
avatar?: string;
|
|
2123
|
+
placeholder?: string;
|
|
2124
|
+
submitLabel?: string;
|
|
2125
|
+
disabled?: boolean;
|
|
2126
|
+
loading?: boolean;
|
|
2127
|
+
onSubmit: (content: string) => Promise<void> | void;
|
|
2128
|
+
}
|
|
2129
|
+
interface ReplyComposerProps {
|
|
2130
|
+
avatar?: string;
|
|
2131
|
+
username?: string;
|
|
2132
|
+
placeholder?: string;
|
|
2133
|
+
submitLabel?: string;
|
|
2134
|
+
disabled?: boolean;
|
|
2135
|
+
loading?: boolean;
|
|
2136
|
+
onSubmit: (content: string) => Promise<void> | void;
|
|
2137
|
+
}
|
|
2138
|
+
interface CommentRepliesToggleProps {
|
|
2139
|
+
collapsed: boolean;
|
|
2140
|
+
repliesCount: number;
|
|
2141
|
+
loading?: boolean;
|
|
2142
|
+
onToggle: () => void;
|
|
2143
|
+
}
|
|
2144
|
+
interface CommentItemProps {
|
|
2145
|
+
comment: CommentEntity;
|
|
2146
|
+
replies?: CommentEntity[];
|
|
2147
|
+
allReplies?: Record<string, CommentEntity[]>;
|
|
2148
|
+
depth?: number;
|
|
2149
|
+
config: Required<CommentThreadConfig>;
|
|
2150
|
+
components?: CommentComponents;
|
|
2151
|
+
onLike?: (comment: CommentEntity) => void;
|
|
2152
|
+
onDislike?: (comment: CommentEntity) => void;
|
|
2153
|
+
onReply?: (comment: CommentEntity, content: string) => Promise<void> | void;
|
|
2154
|
+
onLoadReplies?: (comment: CommentEntity) => Promise<void> | void;
|
|
2155
|
+
onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
|
|
2156
|
+
onDelete?: (comment: CommentEntity) => void;
|
|
2157
|
+
onReport?: (comment: CommentEntity) => void;
|
|
2158
|
+
}
|
|
2159
|
+
interface CommentListProps {
|
|
2160
|
+
comments: CommentEntity[];
|
|
2161
|
+
replies?: Record<string, CommentEntity[]>;
|
|
2162
|
+
depth?: number;
|
|
2163
|
+
config: Required<CommentThreadConfig>;
|
|
2164
|
+
components?: CommentComponents;
|
|
2165
|
+
onLike?: (comment: CommentEntity) => void;
|
|
2166
|
+
onDislike?: (comment: CommentEntity) => void;
|
|
2167
|
+
onReply?: (comment: CommentEntity, content: string) => Promise<void> | void;
|
|
2168
|
+
onLoadReplies?: (comment: CommentEntity) => Promise<void> | void;
|
|
2169
|
+
onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
|
|
2170
|
+
onDelete?: (comment: CommentEntity) => void;
|
|
2171
|
+
onReport?: (comment: CommentEntity) => void;
|
|
2172
|
+
}
|
|
2173
|
+
interface CommentThreadProps {
|
|
2174
|
+
postId: string;
|
|
2175
|
+
currentUser: CommentAuthor;
|
|
2176
|
+
dataSource: CommentDataSource;
|
|
2177
|
+
loading?: boolean;
|
|
2178
|
+
components?: CommentComponents;
|
|
2179
|
+
config?: CommentThreadConfig;
|
|
2180
|
+
updatedComment?: CommentEntity | null;
|
|
2181
|
+
deletedComment?: CommentEntity | null;
|
|
2182
|
+
onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
|
|
2183
|
+
onDelete?: (comment: CommentEntity) => void;
|
|
2184
|
+
onReport?: (comment: CommentEntity) => void;
|
|
2185
|
+
}
|
|
2186
|
+
interface CommentThreadConfig {
|
|
2187
|
+
maxDepth?: number;
|
|
2188
|
+
indentation?: number;
|
|
2189
|
+
dateFormat?: "relative" | "absolute";
|
|
2190
|
+
commentsPerPage?: number;
|
|
2191
|
+
repliesPerPage?: number;
|
|
2192
|
+
}
|
|
2193
|
+
interface CommentComponents {
|
|
2194
|
+
/**
|
|
2195
|
+
* Root comment composer
|
|
2196
|
+
*/
|
|
2197
|
+
Composer?: ComponentType<CommentComposerProps>;
|
|
2198
|
+
/**
|
|
2199
|
+
* Comment header section
|
|
2200
|
+
*/
|
|
2201
|
+
Header?: ComponentType<CommentHeaderProps>;
|
|
2202
|
+
/**
|
|
2203
|
+
* Comment content renderer
|
|
2204
|
+
*/
|
|
2205
|
+
Content?: ComponentType<CommentContentProps>;
|
|
2206
|
+
/**
|
|
2207
|
+
* Like / Dislike / Reply actions
|
|
2208
|
+
*/
|
|
2209
|
+
Actions?: ComponentType<CommentActionsProps>;
|
|
2210
|
+
/**
|
|
2211
|
+
* Comment menu (Edit/Delete/Report)
|
|
2212
|
+
*/
|
|
2213
|
+
Menu?: ComponentType<CommentMenuProps>;
|
|
2214
|
+
/**
|
|
2215
|
+
* Reply composer shown below a comment
|
|
2216
|
+
*/
|
|
2217
|
+
ReplyComposer?: ComponentType<ReplyComposerProps>;
|
|
2218
|
+
/**
|
|
2219
|
+
* Replies expand/collapse component
|
|
2220
|
+
*/
|
|
2221
|
+
RepliesToggle?: ComponentType<CommentRepliesToggleProps>;
|
|
2222
2222
|
}
|
|
2223
2223
|
|
|
2224
2224
|
declare function CommentThread({ currentUser, dataSource, loading, components, config, updatedComment, deletedComment, onEdit, onDelete, onReport, }: CommentThreadProps): react_jsx_runtime.JSX.Element;
|
|
2225
2225
|
|
|
2226
|
-
declare function getOptimisticLikeState(comment: CommentEntity): ToggleReactionResult;
|
|
2227
|
-
declare function getOptimisticDislikeState(comment: CommentEntity): ToggleReactionResult;
|
|
2226
|
+
declare function getOptimisticLikeState(comment: CommentEntity): ToggleReactionResult;
|
|
2227
|
+
declare function getOptimisticDislikeState(comment: CommentEntity): ToggleReactionResult;
|
|
2228
2228
|
declare function applyReactionState(comment: CommentEntity, reaction: ToggleReactionResult): CommentEntity;
|
|
2229
2229
|
|
|
2230
2230
|
declare function formatCommentDate(date: string, format?: "relative" | "absolute"): string;
|
|
2231
2231
|
|
|
2232
|
-
declare function removeComment(comments: CommentEntity[], commentId: string): CommentEntity[];
|
|
2233
|
-
declare function incrementReplyCount(comments: CommentEntity[], commentId: string): CommentEntity[];
|
|
2232
|
+
declare function removeComment(comments: CommentEntity[], commentId: string): CommentEntity[];
|
|
2233
|
+
declare function incrementReplyCount(comments: CommentEntity[], commentId: string): CommentEntity[];
|
|
2234
2234
|
declare function decrementReplyCount(comments: CommentEntity[], commentId: string): CommentEntity[];
|
|
2235
2235
|
|
|
2236
|
-
type CommentReplyCache = Record<string, CommentEntity[]>;
|
|
2237
|
-
declare function addReplyToCache(cache: CommentReplyCache, parentCommentId: string, reply: CommentEntity): CommentReplyCache;
|
|
2238
|
-
declare function updateReplyCacheComment(cache: CommentReplyCache, commentId: string, updater: (comment: CommentEntity) => CommentEntity): CommentReplyCache;
|
|
2236
|
+
type CommentReplyCache = Record<string, CommentEntity[]>;
|
|
2237
|
+
declare function addReplyToCache(cache: CommentReplyCache, parentCommentId: string, reply: CommentEntity): CommentReplyCache;
|
|
2238
|
+
declare function updateReplyCacheComment(cache: CommentReplyCache, commentId: string, updater: (comment: CommentEntity) => CommentEntity): CommentReplyCache;
|
|
2239
2239
|
declare function removeCommentTreeFromCache(cache: CommentReplyCache, commentId: string): CommentReplyCache;
|
|
2240
2240
|
|
|
2241
2241
|
declare function updateComment(comments: CommentEntity[], commentId: string, updater: (comment: CommentEntity) => CommentEntity): CommentEntity[];
|
|
2242
2242
|
|
|
2243
|
-
type SortOption = {
|
|
2244
|
-
value: string;
|
|
2245
|
-
label: string;
|
|
2246
|
-
};
|
|
2247
|
-
interface DataViewTableProps<T> {
|
|
2248
|
-
title?: string;
|
|
2249
|
-
columns: TableColumnConfig<T>[];
|
|
2250
|
-
data: T[];
|
|
2251
|
-
sortOptions?: SortOption[];
|
|
2252
|
-
sortConfig?: Record<string, SortConfig<T>>;
|
|
2253
|
-
searchPlaceholder?: string;
|
|
2254
|
-
defaultPageSize?: number;
|
|
2255
|
-
isLoading?: boolean;
|
|
2256
|
-
isSuccess?: boolean;
|
|
2257
|
-
isError?: boolean;
|
|
2258
|
-
error?: unknown;
|
|
2259
|
-
}
|
|
2243
|
+
type SortOption = {
|
|
2244
|
+
value: string;
|
|
2245
|
+
label: string;
|
|
2246
|
+
};
|
|
2247
|
+
interface DataViewTableProps<T> {
|
|
2248
|
+
title?: string;
|
|
2249
|
+
columns: TableColumnConfig<T>[];
|
|
2250
|
+
data: T[];
|
|
2251
|
+
sortOptions?: SortOption[];
|
|
2252
|
+
sortConfig?: Record<string, SortConfig<T>>;
|
|
2253
|
+
searchPlaceholder?: string;
|
|
2254
|
+
defaultPageSize?: number;
|
|
2255
|
+
isLoading?: boolean;
|
|
2256
|
+
isSuccess?: boolean;
|
|
2257
|
+
isError?: boolean;
|
|
2258
|
+
error?: unknown;
|
|
2259
|
+
}
|
|
2260
2260
|
declare function DataViewTable<T extends Record<string, any>>({ title, columns, data, sortOptions, sortConfig, searchPlaceholder, defaultPageSize, isLoading, isSuccess, isError, error, }: DataViewTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
2261
2261
|
|
|
2262
|
-
interface DocumentationPanelProps {
|
|
2263
|
-
value: string;
|
|
2264
|
-
toc?: boolean;
|
|
2265
|
-
}
|
|
2262
|
+
interface DocumentationPanelProps {
|
|
2263
|
+
value: string;
|
|
2264
|
+
toc?: boolean;
|
|
2265
|
+
}
|
|
2266
2266
|
declare function DocumentationPanel({ value, toc }: DocumentationPanelProps): react_jsx_runtime.JSX.Element;
|
|
2267
2267
|
|
|
2268
|
-
interface SliderProps {
|
|
2269
|
-
isLoading?: boolean;
|
|
2270
|
-
isSuccess?: boolean;
|
|
2271
|
-
coverArt: string;
|
|
2272
|
-
screenshots: string[];
|
|
2273
|
-
}
|
|
2268
|
+
interface SliderProps {
|
|
2269
|
+
isLoading?: boolean;
|
|
2270
|
+
isSuccess?: boolean;
|
|
2271
|
+
coverArt: string;
|
|
2272
|
+
screenshots: string[];
|
|
2273
|
+
}
|
|
2274
2274
|
declare function Slider({ isLoading, isSuccess, coverArt, screenshots }: SliderProps): react_jsx_runtime.JSX.Element;
|
|
2275
2275
|
|
|
2276
|
-
interface RatingDistributionItem {
|
|
2277
|
-
star: number;
|
|
2278
|
-
count: number;
|
|
2279
|
-
}
|
|
2280
|
-
interface StarRatingDistributionProps extends BaseComponentProps {
|
|
2281
|
-
numericRating?: boolean;
|
|
2282
|
-
progressBarsRating?: boolean;
|
|
2283
|
-
ratingDistribution?: RatingDistributionItem[];
|
|
2284
|
-
variant?: Variant$1;
|
|
2285
|
-
appearance?: Appearance;
|
|
2286
|
-
shape?: Shape$1;
|
|
2287
|
-
size?: Size$1;
|
|
2288
|
-
animated?: boolean;
|
|
2289
|
-
striped?: boolean;
|
|
2290
|
-
showReviewCount?: boolean;
|
|
2291
|
-
}
|
|
2276
|
+
interface RatingDistributionItem {
|
|
2277
|
+
star: number;
|
|
2278
|
+
count: number;
|
|
2279
|
+
}
|
|
2280
|
+
interface StarRatingDistributionProps extends BaseComponentProps {
|
|
2281
|
+
numericRating?: boolean;
|
|
2282
|
+
progressBarsRating?: boolean;
|
|
2283
|
+
ratingDistribution?: RatingDistributionItem[];
|
|
2284
|
+
variant?: Variant$1;
|
|
2285
|
+
appearance?: Appearance;
|
|
2286
|
+
shape?: Shape$1;
|
|
2287
|
+
size?: Size$1;
|
|
2288
|
+
animated?: boolean;
|
|
2289
|
+
striped?: boolean;
|
|
2290
|
+
showReviewCount?: boolean;
|
|
2291
|
+
}
|
|
2292
2292
|
declare function StarRatingDistribution({ numericRating, progressBarsRating, ratingDistribution, variant, appearance, shape, size, animated, striped, showReviewCount, className, ...rest }: StarRatingDistributionProps): react_jsx_runtime.JSX.Element;
|
|
2293
2293
|
|
|
2294
|
-
interface WorldMapCountryTableProps {
|
|
2295
|
-
title?: string;
|
|
2296
|
-
data: WorldMapPoint[];
|
|
2297
|
-
}
|
|
2294
|
+
interface WorldMapCountryTableProps {
|
|
2295
|
+
title?: string;
|
|
2296
|
+
data: WorldMapPoint[];
|
|
2297
|
+
}
|
|
2298
2298
|
declare function WorldMapCountryTable({ title, data, }: WorldMapCountryTableProps): react_jsx_runtime.JSX.Element;
|
|
2299
2299
|
|
|
2300
|
-
interface NavItem {
|
|
2301
|
-
icon: React__default.ReactNode;
|
|
2302
|
-
name: string;
|
|
2303
|
-
to: string;
|
|
2304
|
-
selected?: boolean;
|
|
2305
|
-
}
|
|
2306
|
-
interface BoxNavProps {
|
|
2307
|
-
data?: NavItem[];
|
|
2308
|
-
currentPath?: string;
|
|
2309
|
-
onNavigate?: (to: string) => void;
|
|
2310
|
-
navigate?: (to: string) => void;
|
|
2300
|
+
interface NavItem {
|
|
2301
|
+
icon: React__default.ReactNode;
|
|
2302
|
+
name: string;
|
|
2303
|
+
to: string;
|
|
2304
|
+
selected?: boolean;
|
|
2305
|
+
}
|
|
2306
|
+
interface BoxNavProps {
|
|
2307
|
+
data?: NavItem[];
|
|
2308
|
+
currentPath?: string;
|
|
2309
|
+
onNavigate?: (to: string) => void;
|
|
2310
|
+
navigate?: (to: string) => void;
|
|
2311
2311
|
}
|
|
2312
2312
|
|
|
2313
2313
|
declare function BoxNav({ data, currentPath, onNavigate, navigate }: BoxNavProps): react_jsx_runtime.JSX.Element;
|
|
2314
2314
|
|
|
2315
|
-
interface BoxNavItemProps {
|
|
2316
|
-
icon: React__default.ReactNode;
|
|
2317
|
-
name: string;
|
|
2318
|
-
to: string;
|
|
2319
|
-
selected?: boolean;
|
|
2320
|
-
onClick?: (event: React__default.MouseEvent<HTMLButtonElement>, to: string) => void;
|
|
2321
|
-
}
|
|
2315
|
+
interface BoxNavItemProps {
|
|
2316
|
+
icon: React__default.ReactNode;
|
|
2317
|
+
name: string;
|
|
2318
|
+
to: string;
|
|
2319
|
+
selected?: boolean;
|
|
2320
|
+
onClick?: (event: React__default.MouseEvent<HTMLButtonElement>, to: string) => void;
|
|
2321
|
+
}
|
|
2322
2322
|
declare function BoxNavItem({ icon, name, to, selected, onClick }: BoxNavItemProps): react_jsx_runtime.JSX.Element;
|
|
2323
2323
|
|
|
2324
|
-
interface SidebarProps extends BaseComponentProps {
|
|
2325
|
-
items?: MenuNode[];
|
|
2326
|
-
navigate?: (to: string) => void;
|
|
2327
|
-
currentPath?: string;
|
|
2328
|
-
}
|
|
2324
|
+
interface SidebarProps extends BaseComponentProps {
|
|
2325
|
+
items?: MenuNode[];
|
|
2326
|
+
navigate?: (to: string) => void;
|
|
2327
|
+
currentPath?: string;
|
|
2328
|
+
}
|
|
2329
2329
|
declare function Sidebar({ items, navigate, currentPath, className, ...rest }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
2330
2330
|
|
|
2331
|
-
interface TopNavComponents {
|
|
2332
|
-
item?: React.ElementType;
|
|
2333
|
-
group?: React.ElementType;
|
|
2334
|
-
dropdown?: React.ElementType;
|
|
2335
|
-
dropdownItem?: React.ElementType;
|
|
2336
|
-
dropdownGroup?: React.ElementType;
|
|
2337
|
-
dropdownTitle?: React.ElementType;
|
|
2338
|
-
}
|
|
2339
|
-
interface BaseTopNavNode {
|
|
2340
|
-
key?: string;
|
|
2341
|
-
name: string;
|
|
2342
|
-
icon?: React.ReactNode;
|
|
2343
|
-
badge?: React.ReactNode;
|
|
2344
|
-
className?: string;
|
|
2345
|
-
component?: React.ElementType;
|
|
2346
|
-
}
|
|
2347
|
-
interface TopNavItemNode extends BaseTopNavNode {
|
|
2348
|
-
type: "item";
|
|
2349
|
-
to?: string;
|
|
2350
|
-
onClick?: () => void;
|
|
2351
|
-
}
|
|
2352
|
-
interface TopNavGroupNode extends BaseTopNavNode {
|
|
2353
|
-
type: "group";
|
|
2354
|
-
items: TopNavNode[];
|
|
2355
|
-
columns?: number;
|
|
2356
|
-
}
|
|
2357
|
-
interface TopNavTitleNode extends BaseTopNavNode {
|
|
2358
|
-
type: "title";
|
|
2359
|
-
}
|
|
2360
|
-
type TopNavNode = TopNavItemNode | TopNavGroupNode | TopNavTitleNode;
|
|
2361
|
-
interface TopNavProps {
|
|
2362
|
-
items: TopNavNode[];
|
|
2363
|
-
currentPath?: string;
|
|
2364
|
-
navigate?: (to: string) => void;
|
|
2365
|
-
components?: TopNavComponents;
|
|
2331
|
+
interface TopNavComponents {
|
|
2332
|
+
item?: React.ElementType;
|
|
2333
|
+
group?: React.ElementType;
|
|
2334
|
+
dropdown?: React.ElementType;
|
|
2335
|
+
dropdownItem?: React.ElementType;
|
|
2336
|
+
dropdownGroup?: React.ElementType;
|
|
2337
|
+
dropdownTitle?: React.ElementType;
|
|
2338
|
+
}
|
|
2339
|
+
interface BaseTopNavNode {
|
|
2340
|
+
key?: string;
|
|
2341
|
+
name: string;
|
|
2342
|
+
icon?: React.ReactNode;
|
|
2343
|
+
badge?: React.ReactNode;
|
|
2344
|
+
className?: string;
|
|
2345
|
+
component?: React.ElementType;
|
|
2346
|
+
}
|
|
2347
|
+
interface TopNavItemNode extends BaseTopNavNode {
|
|
2348
|
+
type: "item";
|
|
2349
|
+
to?: string;
|
|
2350
|
+
onClick?: () => void;
|
|
2351
|
+
}
|
|
2352
|
+
interface TopNavGroupNode extends BaseTopNavNode {
|
|
2353
|
+
type: "group";
|
|
2354
|
+
items: TopNavNode[];
|
|
2355
|
+
columns?: number;
|
|
2356
|
+
}
|
|
2357
|
+
interface TopNavTitleNode extends BaseTopNavNode {
|
|
2358
|
+
type: "title";
|
|
2359
|
+
}
|
|
2360
|
+
type TopNavNode = TopNavItemNode | TopNavGroupNode | TopNavTitleNode;
|
|
2361
|
+
interface TopNavProps {
|
|
2362
|
+
items: TopNavNode[];
|
|
2363
|
+
currentPath?: string;
|
|
2364
|
+
navigate?: (to: string) => void;
|
|
2365
|
+
components?: TopNavComponents;
|
|
2366
2366
|
}
|
|
2367
2367
|
|
|
2368
2368
|
declare const TopNav: ({ items, currentPath, navigate, components, }: TopNavProps) => react_jsx_runtime.JSX.Element;
|
|
2369
2369
|
|
|
2370
|
-
interface TNDropdownProps extends BaseComponentProps {
|
|
2371
|
-
items: TopNavNode[];
|
|
2372
|
-
navigate?: (to: string) => void;
|
|
2373
|
-
components?: any;
|
|
2374
|
-
}
|
|
2370
|
+
interface TNDropdownProps extends BaseComponentProps {
|
|
2371
|
+
items: TopNavNode[];
|
|
2372
|
+
navigate?: (to: string) => void;
|
|
2373
|
+
components?: any;
|
|
2374
|
+
}
|
|
2375
2375
|
declare const TNDropdown: ({ items, navigate, components, }: TNDropdownProps) => react_jsx_runtime.JSX.Element;
|
|
2376
2376
|
|
|
2377
|
-
interface TNDropdownItemProps extends BaseComponentProps {
|
|
2378
|
-
icon?: React.ReactNode;
|
|
2379
|
-
name: string;
|
|
2380
|
-
badge?: React.ReactNode;
|
|
2381
|
-
to?: string;
|
|
2382
|
-
navigate?: (to: string) => void;
|
|
2383
|
-
onClick?: (e: MouseEvent<HTMLDivElement>) => void;
|
|
2384
|
-
}
|
|
2377
|
+
interface TNDropdownItemProps extends BaseComponentProps {
|
|
2378
|
+
icon?: React.ReactNode;
|
|
2379
|
+
name: string;
|
|
2380
|
+
badge?: React.ReactNode;
|
|
2381
|
+
to?: string;
|
|
2382
|
+
navigate?: (to: string) => void;
|
|
2383
|
+
onClick?: (e: MouseEvent<HTMLDivElement>) => void;
|
|
2384
|
+
}
|
|
2385
2385
|
declare const TNDropdownItem: ({ icon, name, badge, to, navigate, onClick, className, }: TNDropdownItemProps) => react_jsx_runtime.JSX.Element;
|
|
2386
2386
|
|
|
2387
|
-
interface TNDropdownTitleProps extends BaseComponentProps {
|
|
2388
|
-
name: string;
|
|
2389
|
-
}
|
|
2387
|
+
interface TNDropdownTitleProps extends BaseComponentProps {
|
|
2388
|
+
name: string;
|
|
2389
|
+
}
|
|
2390
2390
|
declare const TNDropdownTitle: ({ name, className }: TNDropdownTitleProps) => react_jsx_runtime.JSX.Element;
|
|
2391
2391
|
|
|
2392
|
-
interface TNGroupProps extends BaseComponentProps {
|
|
2393
|
-
icon?: React.ReactNode;
|
|
2394
|
-
name: string;
|
|
2395
|
-
items: TopNavNode[];
|
|
2396
|
-
navigate?: (to: string) => void;
|
|
2397
|
-
columns?: number;
|
|
2398
|
-
components?: any;
|
|
2399
|
-
selected?: boolean;
|
|
2400
|
-
}
|
|
2392
|
+
interface TNGroupProps extends BaseComponentProps {
|
|
2393
|
+
icon?: React.ReactNode;
|
|
2394
|
+
name: string;
|
|
2395
|
+
items: TopNavNode[];
|
|
2396
|
+
navigate?: (to: string) => void;
|
|
2397
|
+
columns?: number;
|
|
2398
|
+
components?: any;
|
|
2399
|
+
selected?: boolean;
|
|
2400
|
+
}
|
|
2401
2401
|
declare const TNGroup: ({ icon, name, items, navigate, columns, components, selected, }: TNGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2402
2402
|
|
|
2403
|
-
declare const useDrawer: (defaultVisibility?: boolean) => {
|
|
2404
|
-
show: boolean;
|
|
2405
|
-
openDrawer: () => void;
|
|
2406
|
-
closeDrawer: () => void;
|
|
2403
|
+
declare const useDrawer: (defaultVisibility?: boolean) => {
|
|
2404
|
+
show: boolean;
|
|
2405
|
+
openDrawer: () => void;
|
|
2406
|
+
closeDrawer: () => void;
|
|
2407
2407
|
};
|
|
2408
2408
|
|
|
2409
|
-
declare const useModal: () => {
|
|
2410
|
-
show: boolean;
|
|
2411
|
-
handleOpenModal: () => void;
|
|
2412
|
-
handleCloseModal: () => void;
|
|
2409
|
+
declare const useModal: () => {
|
|
2410
|
+
show: boolean;
|
|
2411
|
+
handleOpenModal: () => void;
|
|
2412
|
+
handleCloseModal: () => void;
|
|
2413
2413
|
};
|
|
2414
2414
|
|
|
2415
|
-
type ClickOutsideCallback = () => void;
|
|
2415
|
+
type ClickOutsideCallback = () => void;
|
|
2416
2416
|
declare function useClickOutside(ref: MutableRefObject<HTMLElement | null>, fun?: ClickOutsideCallback): void;
|
|
2417
2417
|
|
|
2418
2418
|
declare const useIsMobile: (breakpoint?: number) => boolean;
|
|
@@ -2421,63 +2421,63 @@ declare const useCurrentTheme: () => "light" | "dark";
|
|
|
2421
2421
|
|
|
2422
2422
|
declare const useTheme: () => any;
|
|
2423
2423
|
|
|
2424
|
-
interface GenericLayoutProps {
|
|
2425
|
-
children?: ReactNode;
|
|
2426
|
-
styles?: string;
|
|
2427
|
-
defaultTheme?: "light" | "dark";
|
|
2428
|
-
}
|
|
2424
|
+
interface GenericLayoutProps {
|
|
2425
|
+
children?: ReactNode;
|
|
2426
|
+
styles?: string;
|
|
2427
|
+
defaultTheme?: "light" | "dark";
|
|
2428
|
+
}
|
|
2429
2429
|
declare function GenericLayout({ children, styles, defaultTheme, }: GenericLayoutProps): react_jsx_runtime.JSX.Element;
|
|
2430
2430
|
|
|
2431
|
-
interface DefaultLayoutProps {
|
|
2432
|
-
children?: ReactNode;
|
|
2433
|
-
header?: ReactNode;
|
|
2434
|
-
footer?: ReactNode;
|
|
2435
|
-
}
|
|
2431
|
+
interface DefaultLayoutProps {
|
|
2432
|
+
children?: ReactNode;
|
|
2433
|
+
header?: ReactNode;
|
|
2434
|
+
footer?: ReactNode;
|
|
2435
|
+
}
|
|
2436
2436
|
declare function DefaultLayout({ children, header, footer, }: DefaultLayoutProps): react_jsx_runtime.JSX.Element;
|
|
2437
2437
|
|
|
2438
|
-
interface HomeLayoutProps {
|
|
2439
|
-
children?: ReactNode;
|
|
2440
|
-
header?: ReactNode;
|
|
2441
|
-
footer?: ReactNode;
|
|
2442
|
-
}
|
|
2438
|
+
interface HomeLayoutProps {
|
|
2439
|
+
children?: ReactNode;
|
|
2440
|
+
header?: ReactNode;
|
|
2441
|
+
footer?: ReactNode;
|
|
2442
|
+
}
|
|
2443
2443
|
declare function HomeLayout({ children, header, footer, }: HomeLayoutProps): react_jsx_runtime.JSX.Element;
|
|
2444
2444
|
|
|
2445
|
-
interface SidebarLayoutProps {
|
|
2446
|
-
children?: ReactNode;
|
|
2447
|
-
header?: ReactNode;
|
|
2448
|
-
footer?: ReactNode;
|
|
2449
|
-
}
|
|
2445
|
+
interface SidebarLayoutProps {
|
|
2446
|
+
children?: ReactNode;
|
|
2447
|
+
header?: ReactNode;
|
|
2448
|
+
footer?: ReactNode;
|
|
2449
|
+
}
|
|
2450
2450
|
declare function SidebarLayout({ children, header, footer, }: SidebarLayoutProps): react_jsx_runtime.JSX.Element;
|
|
2451
2451
|
|
|
2452
|
-
interface SidemenuLayoutProps {
|
|
2453
|
-
data?: any;
|
|
2454
|
-
children?: ReactNode;
|
|
2455
|
-
}
|
|
2452
|
+
interface SidemenuLayoutProps {
|
|
2453
|
+
data?: any;
|
|
2454
|
+
children?: ReactNode;
|
|
2455
|
+
}
|
|
2456
2456
|
declare function SidemenuLayout({ data, children }: SidemenuLayoutProps): react_jsx_runtime.JSX.Element;
|
|
2457
2457
|
|
|
2458
|
-
interface EUIDevLayoutProps {
|
|
2459
|
-
children?: ReactNode;
|
|
2460
|
-
header?: ReactNode;
|
|
2461
|
-
footer?: ReactNode;
|
|
2462
|
-
}
|
|
2458
|
+
interface EUIDevLayoutProps {
|
|
2459
|
+
children?: ReactNode;
|
|
2460
|
+
header?: ReactNode;
|
|
2461
|
+
footer?: ReactNode;
|
|
2462
|
+
}
|
|
2463
2463
|
declare function EUIDevLayout({ children, header, footer, }: EUIDevLayoutProps): react_jsx_runtime.JSX.Element;
|
|
2464
2464
|
|
|
2465
|
-
interface CloudinaryConfig {
|
|
2466
|
-
cloudName: string;
|
|
2467
|
-
}
|
|
2468
|
-
interface CloudinaryProviderProps extends CloudinaryConfig {
|
|
2469
|
-
children: ReactNode;
|
|
2465
|
+
interface CloudinaryConfig {
|
|
2466
|
+
cloudName: string;
|
|
2467
|
+
}
|
|
2468
|
+
interface CloudinaryProviderProps extends CloudinaryConfig {
|
|
2469
|
+
children: ReactNode;
|
|
2470
2470
|
}
|
|
2471
2471
|
|
|
2472
2472
|
declare const CloudinaryProvider: ({ cloudName, children, }: CloudinaryProviderProps) => react_jsx_runtime.JSX.Element;
|
|
2473
2473
|
|
|
2474
2474
|
declare const useCloudinaryConfig: () => CloudinaryConfig;
|
|
2475
2475
|
|
|
2476
|
-
interface ScrollToTopProps {
|
|
2477
|
-
trigger?: any;
|
|
2478
|
-
behavior?: ScrollBehavior;
|
|
2479
|
-
target?: HTMLElement | null;
|
|
2480
|
-
}
|
|
2476
|
+
interface ScrollToTopProps {
|
|
2477
|
+
trigger?: any;
|
|
2478
|
+
behavior?: ScrollBehavior;
|
|
2479
|
+
target?: HTMLElement | null;
|
|
2480
|
+
}
|
|
2481
2481
|
declare function ScrollToTop({ trigger, behavior, target, }: ScrollToTopProps): null;
|
|
2482
2482
|
|
|
2483
2483
|
declare function cn(...inputs: ClassValue[]): string;
|
|
@@ -2488,16 +2488,137 @@ declare const getCurrencySymbol: (code: CurrencyCode) => string | null;
|
|
|
2488
2488
|
|
|
2489
2489
|
declare const enumValues: <T extends Record<string, string>>(enumObject: T) => string[];
|
|
2490
2490
|
|
|
2491
|
-
declare const normalize: (path?: string) => string;
|
|
2491
|
+
declare const normalize: (path?: string) => string;
|
|
2492
2492
|
declare const isMatch: (itemPath?: string, currentPath?: string) => boolean;
|
|
2493
2493
|
|
|
2494
|
-
interface ResolveAppearanceStylesProps {
|
|
2495
|
-
appearance?: Appearance;
|
|
2496
|
-
variant: Variant$1;
|
|
2497
|
-
solid: Record<string, string>;
|
|
2498
|
-
lite: Record<string, string>;
|
|
2499
|
-
ghost: Record<string, string>;
|
|
2500
|
-
}
|
|
2494
|
+
interface ResolveAppearanceStylesProps {
|
|
2495
|
+
appearance?: Appearance;
|
|
2496
|
+
variant: Variant$1;
|
|
2497
|
+
solid: Record<string, string>;
|
|
2498
|
+
lite: Record<string, string>;
|
|
2499
|
+
ghost: Record<string, string>;
|
|
2500
|
+
}
|
|
2501
2501
|
declare function resolveAppearanceStyles({ appearance, variant, solid, lite, ghost, }: ResolveAppearanceStylesProps): string;
|
|
2502
2502
|
|
|
2503
|
-
|
|
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 };
|