@algorithm-shift/design-system 1.3.121 → 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 +19 -11
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +347 -347
- package/dist/index.d.ts +347 -347
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -6
- 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,316 +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
|
-
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>;
|
|
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>;
|
|
331
331
|
}
|
|
332
332
|
|
|
333
333
|
declare const Flex: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -461,43 +461,43 @@ interface LazyMultiSelectDropdownProps extends Omit<any, 'lazyLoad'> {
|
|
|
461
461
|
}
|
|
462
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;
|
|
463
463
|
|
|
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;
|
|
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;
|
|
501
501
|
}
|
|
502
502
|
|
|
503
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;
|