@algorithm-shift/design-system 1.3.120 → 1.3.122
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/{chunk-QZ2QO7MJ.mjs → chunk-A6Q7ZNV7.mjs} +1 -1
- package/dist/chunk-A6Q7ZNV7.mjs.map +1 -0
- package/dist/client.js.map +1 -1
- package/dist/client.mjs +1 -1
- package/dist/client.mjs.map +1 -1
- package/dist/index.css +40 -11
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +349 -340
- package/dist/index.d.ts +349 -340
- package/dist/index.js +489 -310
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +491 -313
- package/dist/index.mjs.map +1 -1
- package/package.json +113 -106
- package/dist/chunk-QZ2QO7MJ.mjs.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -18,307 +18,316 @@ interface ModalProps {
|
|
|
18
18
|
}
|
|
19
19
|
declare function Modal({ isOpen, onModalClose, onModalOpen, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
|
|
20
20
|
|
|
21
|
-
interface ElementProps {
|
|
22
|
-
children?: React.ReactNode;
|
|
23
|
-
className?: string;
|
|
24
|
-
style?: React.CSSProperties;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
interface TypographyProps extends ElementProps {
|
|
28
|
-
tagName?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
|
|
29
|
-
textContent?: string;
|
|
30
|
-
onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
interface ImageProps extends ElementProps {
|
|
34
|
-
imageUrl?: string;
|
|
35
|
-
altText?: string;
|
|
36
|
-
imageUrlExternal?: string;
|
|
37
|
-
enableUpload?: boolean;
|
|
38
|
-
onSuccess?: (data: { url: string; fileName: string }) => void;
|
|
39
|
-
axiosInstance?: typeof axios;
|
|
40
|
-
apiUrl?: string;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
type InputProperties = {
|
|
44
|
-
name?: string;
|
|
45
|
-
value?: string | undefined | any;
|
|
46
|
-
placeholder?: string | undefined;
|
|
47
|
-
errorMessage?: string | undefined;
|
|
48
|
-
isEditable?: boolean | undefined;
|
|
49
|
-
isDisabled?: boolean | undefined;
|
|
50
|
-
isReadonly?: boolean | undefined;
|
|
51
|
-
isAutocomplete?: boolean | undefined;
|
|
52
|
-
label?: string;
|
|
53
|
-
text?: string;
|
|
54
|
-
hasFormContainer?: boolean;
|
|
55
|
-
defaultValue?: string | boolean;
|
|
56
|
-
onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>, name: string) => void;
|
|
57
|
-
inputType?: HTMLInputElement['type'];
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
type InputSourceProperties = {
|
|
61
|
-
dataLoading?: boolean;
|
|
62
|
-
data?: Record<string, any>[] | any[];
|
|
63
|
-
dataKey?: string;
|
|
64
|
-
dataLabel?: string;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
interface TextInputProps extends ElementProps, InputProperties { }
|
|
68
|
-
interface EmailInputProps extends ElementProps, InputProperties { }
|
|
69
|
-
interface PasswordInputProps extends ElementProps, InputProperties { }
|
|
70
|
-
interface NumberInputProps extends ElementProps, InputProperties { }
|
|
71
|
-
interface TextAreaProps extends ElementProps, InputProperties { }
|
|
72
|
-
interface UrlInputProps extends ElementProps, InputProperties { }
|
|
73
|
-
interface SearchInputProps extends ElementProps, InputProperties { }
|
|
74
|
-
interface FileInputProps extends ElementProps, InputProperties { }
|
|
75
|
-
interface TextInputGroupProps extends ElementProps, InputProperties {
|
|
76
|
-
prepend?: string | React.ReactNode;
|
|
77
|
-
append?: string | React.ReactNode;
|
|
78
|
-
}
|
|
79
|
-
interface CheckboxInputProps extends ElementProps, InputProperties {
|
|
80
|
-
value?: boolean | any;
|
|
81
|
-
onChange?: (value: boolean, name: string) => void;
|
|
82
|
-
}
|
|
83
|
-
interface RadioInputProps extends ElementProps, InputSourceProperties, InputProperties {
|
|
84
|
-
value?: string | any;
|
|
85
|
-
onChange?: (value: string, name: string) => void;
|
|
86
|
-
}
|
|
87
|
-
interface MultiCheckboxInputProps extends ElementProps, InputSourceProperties, InputProperties {
|
|
88
|
-
apiUrl?: string;
|
|
89
|
-
axiosInstance?: typeof axios;
|
|
90
|
-
pageSize?: number;
|
|
91
|
-
outputFormat?: 'array' | 'comma' | 'semicolon';
|
|
92
|
-
source?: 'api' | 'options' | 'json' | 'state';
|
|
93
|
-
loading?: boolean;
|
|
94
|
-
value?: string[] | string;
|
|
95
|
-
onUncheckItems?: (value: string[] | string, name: string) => void;
|
|
96
|
-
onChange?: (value: string[] | string, name: string) => void;
|
|
97
|
-
}
|
|
98
|
-
interface RichTextInputProps extends ElementProps, InputProperties {
|
|
99
|
-
value?: string | any;
|
|
100
|
-
onChange?: (value: string, name: string) => void;
|
|
101
|
-
}
|
|
102
|
-
interface SelectDropdownInputProps extends ElementProps, InputProperties, InputSourceProperties {
|
|
103
|
-
source?: string;
|
|
104
|
-
lazyLoad?: boolean;
|
|
105
|
-
apiUrl?: string;
|
|
106
|
-
pageSize?: number;
|
|
107
|
-
value?: string | any;
|
|
108
|
-
onChange?: (value: string, name: string) => void;
|
|
109
|
-
axiosInstance?: typeof axios;
|
|
110
|
-
}
|
|
111
|
-
interface SwitchToggleInputProps extends ElementProps, InputProperties {
|
|
112
|
-
value?: boolean | any;
|
|
113
|
-
onChange?: (value: boolean, name: string) => void;
|
|
114
|
-
}
|
|
115
|
-
interface PhoneInputProps extends ElementProps, InputProperties {
|
|
116
|
-
defaultCountry?: string;
|
|
117
|
-
getPhoneState?: (meta: { inputValue: string; country: ParsedCountry }) => void;
|
|
118
|
-
}
|
|
119
|
-
interface DateRangeInputProps extends ElementProps {
|
|
120
|
-
name?: string;
|
|
121
|
-
value?: { from?: Date; to?: Date } | undefined;
|
|
122
|
-
onChange?: (value: { from?: Date; to?: Date } | undefined, name: string) => void;
|
|
123
|
-
errorMessage?: string;
|
|
124
|
-
validateOnMount?: boolean;
|
|
125
|
-
}
|
|
126
|
-
interface DatePickerInputProps extends ElementProps, InputProperties {
|
|
127
|
-
minimumDate?: string;
|
|
128
|
-
customMinimumDate?: string;
|
|
129
|
-
maximumDate?: string;
|
|
130
|
-
customMaximumDate?: string;
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
interface
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
21
|
+
interface ElementProps {
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
className?: string;
|
|
24
|
+
style?: React.CSSProperties;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
interface TypographyProps extends ElementProps {
|
|
28
|
+
tagName?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
|
|
29
|
+
textContent?: string;
|
|
30
|
+
onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
interface ImageProps extends ElementProps {
|
|
34
|
+
imageUrl?: string;
|
|
35
|
+
altText?: string;
|
|
36
|
+
imageUrlExternal?: string;
|
|
37
|
+
enableUpload?: boolean;
|
|
38
|
+
onSuccess?: (data: { url: string; fileName: string }) => void;
|
|
39
|
+
axiosInstance?: typeof axios;
|
|
40
|
+
apiUrl?: string;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
type InputProperties = {
|
|
44
|
+
name?: string;
|
|
45
|
+
value?: string | undefined | any;
|
|
46
|
+
placeholder?: string | undefined;
|
|
47
|
+
errorMessage?: string | undefined;
|
|
48
|
+
isEditable?: boolean | undefined;
|
|
49
|
+
isDisabled?: boolean | undefined;
|
|
50
|
+
isReadonly?: boolean | undefined;
|
|
51
|
+
isAutocomplete?: boolean | undefined;
|
|
52
|
+
label?: string;
|
|
53
|
+
text?: string;
|
|
54
|
+
hasFormContainer?: boolean;
|
|
55
|
+
defaultValue?: string | boolean;
|
|
56
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>, name: string) => void;
|
|
57
|
+
inputType?: HTMLInputElement['type'];
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
type InputSourceProperties = {
|
|
61
|
+
dataLoading?: boolean;
|
|
62
|
+
data?: Record<string, any>[] | any[];
|
|
63
|
+
dataKey?: string;
|
|
64
|
+
dataLabel?: string;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
interface TextInputProps extends ElementProps, InputProperties { }
|
|
68
|
+
interface EmailInputProps extends ElementProps, InputProperties { }
|
|
69
|
+
interface PasswordInputProps extends ElementProps, InputProperties { }
|
|
70
|
+
interface NumberInputProps extends ElementProps, InputProperties { }
|
|
71
|
+
interface TextAreaProps extends ElementProps, InputProperties { }
|
|
72
|
+
interface UrlInputProps extends ElementProps, InputProperties { }
|
|
73
|
+
interface SearchInputProps extends ElementProps, InputProperties { }
|
|
74
|
+
interface FileInputProps extends ElementProps, InputProperties { }
|
|
75
|
+
interface TextInputGroupProps extends ElementProps, InputProperties {
|
|
76
|
+
prepend?: string | React.ReactNode;
|
|
77
|
+
append?: string | React.ReactNode;
|
|
78
|
+
}
|
|
79
|
+
interface CheckboxInputProps extends ElementProps, InputProperties {
|
|
80
|
+
value?: boolean | any;
|
|
81
|
+
onChange?: (value: boolean, name: string) => void;
|
|
82
|
+
}
|
|
83
|
+
interface RadioInputProps extends ElementProps, InputSourceProperties, InputProperties {
|
|
84
|
+
value?: string | any;
|
|
85
|
+
onChange?: (value: string, name: string) => void;
|
|
86
|
+
}
|
|
87
|
+
interface MultiCheckboxInputProps extends ElementProps, InputSourceProperties, InputProperties {
|
|
88
|
+
apiUrl?: string;
|
|
89
|
+
axiosInstance?: typeof axios;
|
|
90
|
+
pageSize?: number;
|
|
91
|
+
outputFormat?: 'array' | 'comma' | 'semicolon';
|
|
92
|
+
source?: 'api' | 'options' | 'json' | 'state';
|
|
93
|
+
loading?: boolean;
|
|
94
|
+
value?: string[] | string;
|
|
95
|
+
onUncheckItems?: (value: string[] | string, name: string) => void;
|
|
96
|
+
onChange?: (value: string[] | string, name: string) => void;
|
|
97
|
+
}
|
|
98
|
+
interface RichTextInputProps extends ElementProps, InputProperties {
|
|
99
|
+
value?: string | any;
|
|
100
|
+
onChange?: (value: string, name: string) => void;
|
|
101
|
+
}
|
|
102
|
+
interface SelectDropdownInputProps extends ElementProps, InputProperties, InputSourceProperties {
|
|
103
|
+
source?: string;
|
|
104
|
+
lazyLoad?: boolean;
|
|
105
|
+
apiUrl?: string;
|
|
106
|
+
pageSize?: number;
|
|
107
|
+
value?: string | any;
|
|
108
|
+
onChange?: (value: string, name: string) => void;
|
|
109
|
+
axiosInstance?: typeof axios;
|
|
110
|
+
}
|
|
111
|
+
interface SwitchToggleInputProps extends ElementProps, InputProperties {
|
|
112
|
+
value?: boolean | any;
|
|
113
|
+
onChange?: (value: boolean, name: string) => void;
|
|
114
|
+
}
|
|
115
|
+
interface PhoneInputProps extends ElementProps, InputProperties {
|
|
116
|
+
defaultCountry?: string;
|
|
117
|
+
getPhoneState?: (meta: { inputValue: string; country: ParsedCountry }) => void;
|
|
118
|
+
}
|
|
119
|
+
interface DateRangeInputProps extends ElementProps {
|
|
120
|
+
name?: string;
|
|
121
|
+
value?: { from?: Date; to?: Date } | undefined;
|
|
122
|
+
onChange?: (value: { from?: Date; to?: Date } | undefined, name: string) => void;
|
|
123
|
+
errorMessage?: string;
|
|
124
|
+
validateOnMount?: boolean;
|
|
125
|
+
}
|
|
126
|
+
interface DatePickerInputProps extends ElementProps, InputProperties {
|
|
127
|
+
minimumDate?: string;
|
|
128
|
+
customMinimumDate?: string;
|
|
129
|
+
maximumDate?: string;
|
|
130
|
+
customMaximumDate?: string;
|
|
131
|
+
defaultDateValue?: string;
|
|
132
|
+
customDefaultDate?: string;
|
|
133
|
+
mode?: string;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
interface TableProps extends ElementProps {
|
|
137
|
+
columns?: Array<any>;
|
|
138
|
+
rowActions?: Array<any>;
|
|
139
|
+
data?: Array<any>;
|
|
140
|
+
pagination?: boolean;
|
|
141
|
+
itemsPerPage?: number;
|
|
142
|
+
loading?: boolean;
|
|
143
|
+
cellClickEnabled?: (cellData: Record<string, any>, columnId: string) => boolean;
|
|
144
|
+
onCellClick?: (cellData: Record<string, any>, columnId: string) => void;
|
|
145
|
+
totalRecords?: number;
|
|
146
|
+
globalSearch?: boolean;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
interface TabsProps extends ElementProps {
|
|
150
|
+
tabs?: Record<string, any>;
|
|
151
|
+
pathname?: string;
|
|
152
|
+
verticalMenu?: boolean;
|
|
153
|
+
canvasMode?: 'desktop' | 'tablet' | 'mobile' | 'app';
|
|
154
|
+
isBuilder?: boolean;
|
|
155
|
+
source?: string;
|
|
156
|
+
parentKey?: string;
|
|
157
|
+
menuNameKey?: string;
|
|
158
|
+
menuUrlKey?: string;
|
|
159
|
+
loading?: boolean;
|
|
160
|
+
bgActiveColor?: string;
|
|
161
|
+
textActiveColor?: string;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
interface StagesProps extends ElementProps {
|
|
165
|
+
stages?: any[];
|
|
166
|
+
isShowBtn?: boolean;
|
|
167
|
+
buttonText?: string;
|
|
168
|
+
onStageChange?: (stageId: string) => void;
|
|
169
|
+
currentStage?: string;
|
|
170
|
+
dataKey?: string;
|
|
171
|
+
dataLabel?: string;
|
|
172
|
+
loading?: boolean;
|
|
173
|
+
triggerOnClick?: boolean;
|
|
174
|
+
saving?: boolean;
|
|
175
|
+
canvasMode?: 'desktop' | 'tablet' | 'mobile' | 'app';
|
|
176
|
+
primaryColor?: string
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
type ButtonProps = ElementProps & React.ComponentProps<"button"> & {
|
|
180
|
+
textContent?: string;
|
|
181
|
+
loading?: boolean;
|
|
182
|
+
loadingText?: string;
|
|
183
|
+
type?: 'button' | 'submit' | 'reset';
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
interface PieChartProps extends ElementProps {
|
|
187
|
+
data?: Record<string, any>;
|
|
188
|
+
showPercentage?: boolean;
|
|
189
|
+
showLegends?: boolean;
|
|
190
|
+
labelType?: string;
|
|
191
|
+
canvasMode?: 'desktop' | 'tablet' | 'mobile' | 'app';
|
|
192
|
+
loading?: boolean;
|
|
193
|
+
dataKey?: string;
|
|
194
|
+
dataLabel?: string;
|
|
195
|
+
source?: 'api' | 'static';
|
|
196
|
+
legendPosition?: 'bottom' | 'right';
|
|
197
|
+
apiUrl?: string;
|
|
198
|
+
axiosInstance?: typeof axios;
|
|
199
|
+
onLegendClick?: (payload: { name: string; value: number; [key: string]: any }) => void;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
interface BarChartProps extends ElementProps {
|
|
203
|
+
data?: Record<string, any>;
|
|
204
|
+
chartType?: string;
|
|
205
|
+
legendsPosition?: string;
|
|
206
|
+
canvasMode?: 'desktop' | 'tablet' | 'mobile' | 'app';
|
|
207
|
+
loading?: boolean;
|
|
208
|
+
dataKey?: string;
|
|
209
|
+
dataLabel?: string;
|
|
210
|
+
isPaginationEnabled?: boolean;
|
|
211
|
+
limit?: number;
|
|
212
|
+
apiUrl?: string;
|
|
213
|
+
axiosInstance?: typeof axios;
|
|
214
|
+
source?: 'api' | 'static';
|
|
215
|
+
showLegends?: boolean;
|
|
216
|
+
onLegendClick?: (payload: { name: string; value: number; [key: string]: any }) => void;
|
|
217
|
+
legendPosition?: 'bottom' | 'right';
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
interface EmailComposerProps extends ElementProps {
|
|
221
|
+
to?: string;
|
|
222
|
+
setTo?: (to: string) => void;
|
|
223
|
+
showCc?: boolean;
|
|
224
|
+
setShowCc?: (showCc: boolean) => void;
|
|
225
|
+
showBcc?: boolean;
|
|
226
|
+
setShowBcc?: (showBcc: boolean) => void;
|
|
227
|
+
cc?: string;
|
|
228
|
+
setCc?: (cc: string) => void;
|
|
229
|
+
bcc?: string;
|
|
230
|
+
setBcc?: (bcc: string) => void;
|
|
231
|
+
subject?: string;
|
|
232
|
+
setSubject?: (subject: string) => void;
|
|
233
|
+
body?: string;
|
|
234
|
+
setBody?: (body: string) => void;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
interface NavbarProps extends ElementProps {
|
|
238
|
+
style?: React.CSSProperties;
|
|
239
|
+
badgeType?: string;
|
|
240
|
+
badgeCount?: number | string;
|
|
241
|
+
hideBadgeWhenZero?: boolean;
|
|
242
|
+
profileType?: string;
|
|
243
|
+
showName?: boolean;
|
|
244
|
+
imageUrl?: string;
|
|
245
|
+
altText?: string;
|
|
246
|
+
canvasMode?: 'desktop' | 'tablet' | 'mobile' | 'app' | string;
|
|
247
|
+
list?: Record<string, any>;
|
|
248
|
+
profileMenu?: Record<string, any>;
|
|
249
|
+
userName?: string;
|
|
250
|
+
isBuilder?: boolean;
|
|
251
|
+
source?: string;
|
|
252
|
+
navList?: Record<string, any>;
|
|
253
|
+
onSearch?: (search: { searchTerm: string }) => void;
|
|
254
|
+
primaryColor: string
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
interface BreadcrumbProps extends ElementProps {
|
|
258
|
+
list?: Record<string, any>;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
interface ButtonGroupItem {
|
|
262
|
+
id?: string | number;
|
|
263
|
+
value?: string | number;
|
|
264
|
+
label?: string;
|
|
265
|
+
name?: string;
|
|
266
|
+
url?: string;
|
|
267
|
+
href?: string;
|
|
268
|
+
onClick?: () => void;
|
|
269
|
+
disabled?: boolean;
|
|
270
|
+
separator?: boolean;
|
|
271
|
+
[key: string]: any;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
interface ButtonGroupProps extends ElementProps {
|
|
275
|
+
// Main button props
|
|
276
|
+
textContent?: string;
|
|
277
|
+
text?: string;
|
|
278
|
+
|
|
279
|
+
// Dropdown items
|
|
280
|
+
list?: ButtonGroupItem[] | string[] | Record<string, any>;
|
|
281
|
+
data?: ButtonGroupItem[] | string[] | Record<string, any>[];
|
|
282
|
+
dataKey?: string;
|
|
283
|
+
dataLabel?: string;
|
|
284
|
+
|
|
285
|
+
// Styling
|
|
286
|
+
variant?: 'default' | 'outline' | 'secondary' | 'ghost' | 'destructive';
|
|
287
|
+
buttonSize?: 'default' | 'sm' | 'lg' | 'icon';
|
|
288
|
+
buttonVariant?: 'default' | 'outline' | 'secondary' | 'ghost' | 'destructive';
|
|
289
|
+
dropdownVariant?: 'default' | 'outline' | 'secondary' | 'ghost' | 'destructive';
|
|
290
|
+
|
|
291
|
+
// Layout
|
|
292
|
+
orientation?: 'horizontal' | 'vertical';
|
|
293
|
+
showDropdownIcon?: boolean;
|
|
294
|
+
dropdownIcon?: React.ReactNode;
|
|
295
|
+
alignDropdown?: 'start' | 'center' | 'end';
|
|
296
|
+
|
|
297
|
+
// Behavior
|
|
298
|
+
onItemSelect?: (params: { item: ButtonGroupItem; index: number }) => void;
|
|
299
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
300
|
+
|
|
301
|
+
// Advanced
|
|
302
|
+
disabled?: boolean;
|
|
303
|
+
loading?: boolean;
|
|
304
|
+
emptyStateText?: string;
|
|
305
|
+
maxItems?: number;
|
|
306
|
+
showSeparator?: boolean;
|
|
307
|
+
}
|
|
308
|
+
interface AccordionProps extends ElementProps {
|
|
309
|
+
name?: string;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
interface TabListProps extends ElementProps {
|
|
313
|
+
activeTab?: string;
|
|
314
|
+
tabId?: string;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
interface TabGroupProps extends ElementProps {
|
|
318
|
+
list?: Record<string, any>;
|
|
319
|
+
activeTab?: string;
|
|
320
|
+
onTabChange?: (tabId: string) => void;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
interface HistoryTimelineProps extends ElementProps {
|
|
324
|
+
title?: string;
|
|
325
|
+
className?: string;
|
|
326
|
+
loading?: boolean;
|
|
327
|
+
titleKey?: string;
|
|
328
|
+
descriptionKey?: string;
|
|
329
|
+
createdAtKey?: string;
|
|
330
|
+
data?: Record<string, any>;
|
|
322
331
|
}
|
|
323
332
|
|
|
324
333
|
declare const Flex: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -452,43 +461,43 @@ interface LazyMultiSelectDropdownProps extends Omit<any, 'lazyLoad'> {
|
|
|
452
461
|
}
|
|
453
462
|
declare function LazyMultiSelectDropdown({ value, onChange, placeholder, className, disabled, readOnly, source, apiUrl, pageSize, dataKey, dataLabel, errorMessage, axiosInstance, outputFormat, ...props }: LazyMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
|
|
454
463
|
|
|
455
|
-
interface PageChangeProps {
|
|
456
|
-
page: number;
|
|
457
|
-
itemsPerPage: number;
|
|
458
|
-
}
|
|
459
|
-
|
|
460
|
-
interface CustomPaginationProps {
|
|
461
|
-
totalPages: number;
|
|
462
|
-
currentPage: number;
|
|
463
|
-
onPageChange: (props: PageChangeProps) => void;
|
|
464
|
-
maxVisiblePages?: number;
|
|
465
|
-
perPage: number;
|
|
466
|
-
}
|
|
467
|
-
|
|
468
|
-
type PaginationMode = 'client' | 'server';
|
|
469
|
-
|
|
470
|
-
interface CellClickProps {
|
|
471
|
-
id: string;
|
|
472
|
-
column: any;
|
|
473
|
-
columnId: string;
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
interface ExtendedTableProps extends TableProps {
|
|
477
|
-
paginationMode?: PaginationMode;
|
|
478
|
-
page?: number;
|
|
479
|
-
itemsPerPage?: number;
|
|
480
|
-
onPageChange?: (props: PageChangeProps) => void;
|
|
481
|
-
onSortChange?: (props: SortChangeProps) => void;
|
|
482
|
-
onFilterChange?: (props: FilterChangeProps) => void;
|
|
483
|
-
onGlobalSearch?: (props: SearchChangeProps) => void;
|
|
484
|
-
onCellClick?: (props: CellClickProps) => void;
|
|
485
|
-
sort_by?: string;
|
|
486
|
-
sort_order?: string;
|
|
487
|
-
onCellClick?: (props: CellClickProps) => void;
|
|
488
|
-
onDeleteRow?: ({ id }: { id: string }) => void;
|
|
489
|
-
enableDelete?: boolean;
|
|
490
|
-
enableRowSelection?: boolean;
|
|
491
|
-
getRowSelection?: (rowSelection: any) => void;
|
|
464
|
+
interface PageChangeProps {
|
|
465
|
+
page: number;
|
|
466
|
+
itemsPerPage: number;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
interface CustomPaginationProps {
|
|
470
|
+
totalPages: number;
|
|
471
|
+
currentPage: number;
|
|
472
|
+
onPageChange: (props: PageChangeProps) => void;
|
|
473
|
+
maxVisiblePages?: number;
|
|
474
|
+
perPage: number;
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
type PaginationMode = 'client' | 'server';
|
|
478
|
+
|
|
479
|
+
interface CellClickProps {
|
|
480
|
+
id: string;
|
|
481
|
+
column: any;
|
|
482
|
+
columnId: string;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
interface ExtendedTableProps extends TableProps {
|
|
486
|
+
paginationMode?: PaginationMode;
|
|
487
|
+
page?: number;
|
|
488
|
+
itemsPerPage?: number;
|
|
489
|
+
onPageChange?: (props: PageChangeProps) => void;
|
|
490
|
+
onSortChange?: (props: SortChangeProps) => void;
|
|
491
|
+
onFilterChange?: (props: FilterChangeProps) => void;
|
|
492
|
+
onGlobalSearch?: (props: SearchChangeProps) => void;
|
|
493
|
+
onCellClick?: (props: CellClickProps) => void;
|
|
494
|
+
sort_by?: string;
|
|
495
|
+
sort_order?: string;
|
|
496
|
+
onCellClick?: (props: CellClickProps) => void;
|
|
497
|
+
onDeleteRow?: ({ id }: { id: string }) => void;
|
|
498
|
+
enableDelete?: boolean;
|
|
499
|
+
enableRowSelection?: boolean;
|
|
500
|
+
getRowSelection?: (rowSelection: any) => void;
|
|
492
501
|
}
|
|
493
502
|
|
|
494
503
|
declare const Table: ({ columns, data, rowActions, className, style, pagination, paginationMode, itemsPerPage, onPageChange, onSortChange, onFilterChange, onGlobalSearch, page, loading, totalRecords, globalSearch, onCellClick, onDeleteRow, ...props }: ExtendedTableProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -506,9 +515,9 @@ declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.
|
|
|
506
515
|
declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, // desktop | mobile | tablet
|
|
507
516
|
list, profileMenu, userName, isBuilder, source, navList, onSearch, primaryColor }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
508
517
|
|
|
509
|
-
declare const _default$1: React$1.MemoExoticComponent<({ className, style, loading: externalLoading, dataKey, dataLabel, apiUrl, isPaginationEnabled, limit, canvasMode, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
|
|
518
|
+
declare const _default$1: React$1.MemoExoticComponent<({ className, style, loading: externalLoading, dataKey, dataLabel, apiUrl, source, isPaginationEnabled, limit, canvasMode, showLegends, legendPosition, onLegendClick, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element>;
|
|
510
519
|
|
|
511
|
-
declare const _default: React$1.MemoExoticComponent<({ className, style, loading: externalLoading, dataKey, dataLabel, apiUrl, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
|
|
520
|
+
declare const _default: React$1.MemoExoticComponent<({ className, style, loading: externalLoading, dataKey, dataLabel, apiUrl, source, legendPosition, onLegendClick, ...props }: PieChartProps) => react_jsx_runtime.JSX.Element | null>;
|
|
512
521
|
|
|
513
522
|
declare function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }: EmailComposerProps): react_jsx_runtime.JSX.Element;
|
|
514
523
|
|