@apexcura/ui-components 0.0.16-Beta113 → 0.0.16-Beta1130
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Components/AadharComponent.d.ts +3 -0
- package/dist/Components/AbhaNumberComponent.d.ts +3 -0
- package/dist/Components/AntdButton.d.ts +4 -0
- package/dist/Components/AutoCompleteInput.d.ts +14 -0
- package/dist/Components/AvatarUpload.d.ts +3 -0
- package/dist/Components/Capcha.d.ts +3 -0
- package/dist/Components/CardElement.d.ts +3 -0
- package/dist/Components/CheckBoxTable.d.ts +12 -0
- package/dist/Components/CustomStepper.d.ts +3 -0
- package/dist/Components/DateRangeSegments.d.ts +16 -0
- package/dist/Components/DisplayTimeline.d.ts +3 -0
- package/dist/Components/DropdownElement.d.ts +3 -0
- package/dist/Components/GoogleMapWidget.d.ts +3 -0
- package/dist/Components/ImageUpload.d.ts +3 -0
- package/dist/Components/KanbanBoard.d.ts +2 -0
- package/dist/Components/ProfileContainer.d.ts +3 -0
- package/dist/Components/RadioElement.d.ts +12 -1
- package/dist/Components/SegmentedElement.d.ts +3 -0
- package/dist/Components/Sidebar.d.ts +2 -2
- package/dist/Components/SplitButton.d.ts +3 -0
- package/dist/Components/TableCopyComponent.d.ts +3 -0
- package/dist/Components/TableElement.d.ts +1 -0
- package/dist/Components/TextElement.d.ts +0 -1
- package/dist/Components/TimePicker.d.ts +3 -0
- package/dist/Components/TimeRangeComponent.d.ts +3 -0
- package/dist/Components/TimeScheduleTable.d.ts +3 -0
- package/dist/Components/Video.d.ts +3 -0
- package/dist/Types/types.d.ts +179 -15
- package/dist/constants/icons.d.ts +8 -0
- package/dist/index.d.ts +25 -0
- package/dist/index.js +1 -1
- package/dist/index.js.LICENSE.txt +120 -2
- package/dist/index.js.map +1 -1
- package/dist/report.html +2 -2
- package/package.json +10 -9
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ElementType } from '../Types/types';
|
|
3
|
+
import '../styles/index.css';
|
|
4
|
+
interface autoCompleteProps {
|
|
5
|
+
value?: {
|
|
6
|
+
key?: string;
|
|
7
|
+
value?: string;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
interface customProps extends ElementType {
|
|
11
|
+
value?: autoCompleteProps;
|
|
12
|
+
}
|
|
13
|
+
export declare const AutoCompleteInput: (props: customProps) => React.JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ElementType } from '../Types/types';
|
|
3
|
+
interface PaginationType {
|
|
4
|
+
name?: string;
|
|
5
|
+
page?: number;
|
|
6
|
+
pageSize?: number;
|
|
7
|
+
}
|
|
8
|
+
interface TableElementProps extends ElementType {
|
|
9
|
+
value?: PaginationType | null;
|
|
10
|
+
}
|
|
11
|
+
export declare const TableElement: (props: TableElementProps) => React.JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ElementType } from '../Types/types';
|
|
3
|
+
interface DateRangeSegmentType {
|
|
4
|
+
values?: string[];
|
|
5
|
+
segmentedValue?: string;
|
|
6
|
+
}
|
|
7
|
+
interface DateRangeSegmentsProps extends ElementType {
|
|
8
|
+
value?: DateRangeSegmentType | null;
|
|
9
|
+
segmentedOptions?: {
|
|
10
|
+
tooltip: string;
|
|
11
|
+
label: string;
|
|
12
|
+
value: string;
|
|
13
|
+
}[];
|
|
14
|
+
}
|
|
15
|
+
export declare const DateRangeSegments: (props: DateRangeSegmentsProps) => React.JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -1,3 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ElementType } from '../Types/types';
|
|
3
|
-
|
|
3
|
+
type radioValueProps = {
|
|
4
|
+
value: {
|
|
5
|
+
key?: string | undefined;
|
|
6
|
+
label?: string | undefined;
|
|
7
|
+
value?: string | undefined;
|
|
8
|
+
} | undefined;
|
|
9
|
+
};
|
|
10
|
+
interface RadioElementProps extends ElementType {
|
|
11
|
+
value?: radioValueProps | null;
|
|
12
|
+
}
|
|
13
|
+
export declare const RadioElement: (props: RadioElementProps) => React.JSX.Element;
|
|
14
|
+
export {};
|
package/dist/Types/types.d.ts
CHANGED
|
@@ -1,11 +1,31 @@
|
|
|
1
|
-
import { UploadFile } from 'antd';
|
|
1
|
+
import { InputRef, UploadFile } from 'antd';
|
|
2
2
|
import { SizeType } from 'antd/es/config-provider/SizeContext';
|
|
3
|
+
import { RadioGroupButtonStyle } from 'antd/es/radio';
|
|
4
|
+
import { TabsPosition } from 'antd/es/tabs';
|
|
3
5
|
import { TooltipPlacement } from 'antd/es/tooltip';
|
|
4
|
-
import { CSSProperties } from 'react';
|
|
6
|
+
import React, { CSSProperties, JSXElementConstructor, LegacyRef, ReactElement, ReactNode } from 'react';
|
|
5
7
|
type PaginationType = {
|
|
8
|
+
name?: string;
|
|
6
9
|
page?: number;
|
|
7
10
|
pageSize?: number;
|
|
8
11
|
};
|
|
12
|
+
type DateRangeSegmentType = {
|
|
13
|
+
values?: string[];
|
|
14
|
+
segmentedValue?: string;
|
|
15
|
+
};
|
|
16
|
+
interface ScheduleType {
|
|
17
|
+
from: string | null;
|
|
18
|
+
to: string | null;
|
|
19
|
+
}
|
|
20
|
+
interface WeekSchedule {
|
|
21
|
+
Sunday: ScheduleType;
|
|
22
|
+
Monday: ScheduleType;
|
|
23
|
+
Tuesday: ScheduleType;
|
|
24
|
+
Wednesday: ScheduleType;
|
|
25
|
+
Thursday: ScheduleType;
|
|
26
|
+
Friday: ScheduleType;
|
|
27
|
+
Saturday: ScheduleType;
|
|
28
|
+
}
|
|
9
29
|
type dropDownValueProps = {
|
|
10
30
|
firstValue: {
|
|
11
31
|
key?: string | undefined;
|
|
@@ -18,11 +38,53 @@ type dropDownValueProps = {
|
|
|
18
38
|
value?: string | undefined;
|
|
19
39
|
} | undefined;
|
|
20
40
|
};
|
|
41
|
+
type radioValueProps = {
|
|
42
|
+
value: {
|
|
43
|
+
key?: string | undefined;
|
|
44
|
+
label?: string | undefined;
|
|
45
|
+
value?: string | undefined;
|
|
46
|
+
} | undefined;
|
|
47
|
+
};
|
|
48
|
+
type autoCompleteProps = {
|
|
49
|
+
value?: {
|
|
50
|
+
key?: string;
|
|
51
|
+
value?: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
interface ChildRecordType {
|
|
55
|
+
_id?: string;
|
|
56
|
+
id?: string;
|
|
57
|
+
name?: string;
|
|
58
|
+
label?: string;
|
|
59
|
+
element?: string;
|
|
60
|
+
type?: string;
|
|
61
|
+
value?: boolean;
|
|
62
|
+
children?: ChildRecordType[];
|
|
63
|
+
}
|
|
21
64
|
export type ElementType = {
|
|
65
|
+
disabledColor?: string;
|
|
66
|
+
tooltip?: {
|
|
67
|
+
title: string;
|
|
68
|
+
placement: 'top' | 'bottom' | 'left' | 'right';
|
|
69
|
+
};
|
|
70
|
+
varient?: 'solid' | 'outlined' | 'light';
|
|
71
|
+
color?: string;
|
|
72
|
+
buttonStyle?: RadioGroupButtonStyle;
|
|
73
|
+
tableHeight?: string;
|
|
74
|
+
buttonVariant?: string;
|
|
75
|
+
optionRender?: (option: {
|
|
76
|
+
key?: string | number | bigint;
|
|
77
|
+
label?: string | ReactNode;
|
|
78
|
+
value?: string | number;
|
|
79
|
+
color?: string;
|
|
80
|
+
}) => React.ReactNode;
|
|
81
|
+
active?: number;
|
|
82
|
+
visitedClassName?: string;
|
|
22
83
|
accept?: string | undefined;
|
|
23
84
|
max_count?: number | undefined;
|
|
24
85
|
multiple?: boolean | undefined;
|
|
25
86
|
activeClassName?: string;
|
|
87
|
+
fileList?: UploadFile[];
|
|
26
88
|
radioGroupClassName?: string | undefined;
|
|
27
89
|
selectedStyle?: boolean;
|
|
28
90
|
style?: CSSProperties;
|
|
@@ -31,23 +93,56 @@ export type ElementType = {
|
|
|
31
93
|
className?: string | undefined;
|
|
32
94
|
placeholder?: string;
|
|
33
95
|
addonBefore?: React.ReactNode;
|
|
34
|
-
|
|
96
|
+
format?: string;
|
|
97
|
+
indexWidth?: number;
|
|
98
|
+
tabPosition?: TabsPosition;
|
|
99
|
+
defaultValue?: string | {
|
|
100
|
+
label: string;
|
|
101
|
+
value: string;
|
|
102
|
+
search?: string;
|
|
103
|
+
};
|
|
104
|
+
limit?: number;
|
|
105
|
+
ref?: LegacyRef<InputRef> | undefined;
|
|
35
106
|
disabled?: boolean;
|
|
36
107
|
prefix?: React.ReactNode;
|
|
37
108
|
type?: string;
|
|
109
|
+
searchable?: boolean;
|
|
110
|
+
expandIcon?: boolean;
|
|
38
111
|
size?: SizeType;
|
|
39
|
-
|
|
40
|
-
|
|
112
|
+
colWidth?: string;
|
|
113
|
+
errorText?: string;
|
|
114
|
+
errorClassName?: string;
|
|
115
|
+
expandIconStyles?: boolean;
|
|
116
|
+
enableRowSelection?: boolean;
|
|
117
|
+
showSelectionControls?: boolean;
|
|
118
|
+
isIconOnly?: boolean;
|
|
119
|
+
value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | DateRangeSegmentType | dropDownValueProps | radioValueProps | WeekSchedule | autoCompleteProps;
|
|
120
|
+
status?: string | undefined;
|
|
41
121
|
styles?: React.CSSProperties;
|
|
42
122
|
variant?: 'outlined' | 'borderless' | 'filled';
|
|
123
|
+
enable_all?: boolean;
|
|
43
124
|
label?: string;
|
|
44
125
|
name?: string;
|
|
45
126
|
suffix?: React.ReactNode;
|
|
127
|
+
rowClickExpandable?: boolean;
|
|
128
|
+
expandable?: boolean;
|
|
46
129
|
maxLength?: number;
|
|
130
|
+
sortable?: boolean;
|
|
131
|
+
indexClickable?: boolean;
|
|
132
|
+
splitButton?: {
|
|
133
|
+
value: string;
|
|
134
|
+
icon: string;
|
|
135
|
+
label: string;
|
|
136
|
+
isSVGStylesOverride: boolean;
|
|
137
|
+
tooltip: string;
|
|
138
|
+
}[];
|
|
47
139
|
options?: {
|
|
48
140
|
key?: string;
|
|
49
141
|
label?: string;
|
|
50
142
|
value?: string;
|
|
143
|
+
icon?: string;
|
|
144
|
+
tooltip?: string;
|
|
145
|
+
color?: string;
|
|
51
146
|
}[];
|
|
52
147
|
firstOptions?: {
|
|
53
148
|
key?: string;
|
|
@@ -64,43 +159,84 @@ export type ElementType = {
|
|
|
64
159
|
view?: boolean;
|
|
65
160
|
enabled_dates?: string;
|
|
66
161
|
onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
|
|
67
|
-
onClick?: () => void;
|
|
162
|
+
onClick?: (value: string | number | boolean | object | object[] | undefined) => void;
|
|
68
163
|
dropDownOptions?: (number | string | boolean | object | null | undefined | (() => void))[];
|
|
69
|
-
id?: number;
|
|
164
|
+
id?: number | string;
|
|
165
|
+
fullHeight?: boolean;
|
|
70
166
|
thead?: {
|
|
71
|
-
|
|
167
|
+
width?: number;
|
|
168
|
+
_id?: string;
|
|
72
169
|
name?: string;
|
|
73
170
|
label?: string;
|
|
74
171
|
visible?: boolean;
|
|
75
172
|
required?: boolean;
|
|
76
173
|
key?: string;
|
|
77
174
|
render?: (text: string) => React.JSX.Element;
|
|
175
|
+
renderCell?: (value: number, record: string, index: number) => React.ReactNode;
|
|
78
176
|
ellipsis?: boolean;
|
|
177
|
+
sortable?: boolean;
|
|
178
|
+
filtered?: boolean;
|
|
179
|
+
filters?: {
|
|
180
|
+
text: string;
|
|
181
|
+
value: string;
|
|
182
|
+
}[];
|
|
183
|
+
fixed?: string | boolean | undefined;
|
|
184
|
+
disabled?: boolean;
|
|
185
|
+
clickable?: boolean;
|
|
79
186
|
}[];
|
|
80
|
-
|
|
81
|
-
|
|
187
|
+
childHead?: {
|
|
188
|
+
_id?: string;
|
|
82
189
|
name?: string;
|
|
83
190
|
label?: string;
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
191
|
+
visible?: boolean;
|
|
192
|
+
required?: boolean;
|
|
193
|
+
key?: string;
|
|
194
|
+
render?: (text: string) => React.JSX.Element;
|
|
195
|
+
ellipsis?: boolean;
|
|
196
|
+
sortable?: boolean;
|
|
197
|
+
filtered?: boolean;
|
|
198
|
+
filters?: {
|
|
199
|
+
text: string;
|
|
200
|
+
value: string;
|
|
201
|
+
}[];
|
|
87
202
|
}[];
|
|
203
|
+
tbody?: ChildRecordType[];
|
|
88
204
|
optionType?: string;
|
|
89
205
|
selectedClassName?: string;
|
|
90
206
|
action?: React.MouseEventHandler<HTMLElement> | string;
|
|
91
207
|
listClassName?: string;
|
|
92
208
|
listItemClassName?: string;
|
|
93
209
|
img?: string;
|
|
210
|
+
video?: string;
|
|
211
|
+
height?: string;
|
|
212
|
+
width?: string;
|
|
213
|
+
imgExpand?: string;
|
|
214
|
+
segmentedValue?: string;
|
|
215
|
+
useSegments?: string;
|
|
216
|
+
imgCollapse?: string;
|
|
94
217
|
items?: {
|
|
95
|
-
|
|
218
|
+
id?: number;
|
|
219
|
+
key?: number | string;
|
|
220
|
+
element?: string;
|
|
96
221
|
icon?: string;
|
|
97
222
|
label?: string;
|
|
98
|
-
active?:
|
|
223
|
+
active?: number;
|
|
99
224
|
text?: string;
|
|
100
225
|
time?: string;
|
|
101
226
|
name?: string;
|
|
102
227
|
y?: number;
|
|
103
228
|
color?: string;
|
|
229
|
+
isCount?: boolean;
|
|
230
|
+
count?: number;
|
|
231
|
+
isNewMenuItem?: boolean;
|
|
232
|
+
progress?: number;
|
|
233
|
+
className?: string;
|
|
234
|
+
contact?: string;
|
|
235
|
+
status?: string;
|
|
236
|
+
assignedTo?: string;
|
|
237
|
+
user?: string;
|
|
238
|
+
dot?: React.ReactNode;
|
|
239
|
+
children?: string;
|
|
104
240
|
}[];
|
|
105
241
|
primaryText?: string;
|
|
106
242
|
secondaryText?: string;
|
|
@@ -125,6 +261,7 @@ export type ElementType = {
|
|
|
125
261
|
fillText1?: string;
|
|
126
262
|
fillText2?: string;
|
|
127
263
|
pagination?: boolean;
|
|
264
|
+
antdButton?: boolean;
|
|
128
265
|
required?: boolean;
|
|
129
266
|
is_detail?: boolean;
|
|
130
267
|
checkedChildren?: string;
|
|
@@ -137,11 +274,38 @@ export type ElementType = {
|
|
|
137
274
|
mode?: 'multiple' | 'tags' | undefined;
|
|
138
275
|
picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
|
|
139
276
|
weekrange?: boolean;
|
|
277
|
+
rangePresets?: boolean;
|
|
140
278
|
message?: string;
|
|
141
279
|
isStatus?: boolean;
|
|
280
|
+
isDelete?: boolean;
|
|
142
281
|
description?: string;
|
|
143
282
|
notificationType?: 'success' | 'info' | 'warning' | 'error';
|
|
144
283
|
showProgress?: boolean;
|
|
145
284
|
isLoading?: boolean;
|
|
285
|
+
isNotChatbot?: boolean;
|
|
286
|
+
allowClear?: boolean;
|
|
287
|
+
isBack?: boolean;
|
|
288
|
+
showCount?: boolean;
|
|
289
|
+
avatarClassName?: string;
|
|
290
|
+
segmentedOptions?: string[] | {
|
|
291
|
+
tooltip: string;
|
|
292
|
+
label: string;
|
|
293
|
+
value: string;
|
|
294
|
+
}[];
|
|
295
|
+
manageRadioButton?: boolean;
|
|
296
|
+
cardClassname?: string;
|
|
297
|
+
autoFocus?: boolean;
|
|
298
|
+
titleClassName?: string;
|
|
299
|
+
fileType?: string[];
|
|
300
|
+
fileSize?: number;
|
|
301
|
+
allowOne?: boolean;
|
|
302
|
+
showSerialNumber?: boolean;
|
|
303
|
+
isTextSelect?: boolean;
|
|
304
|
+
autoSize?: boolean;
|
|
305
|
+
rowClick?: boolean;
|
|
306
|
+
dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
|
|
307
|
+
isopen?: boolean;
|
|
308
|
+
clickedVal?: string;
|
|
309
|
+
customColor?: boolean;
|
|
146
310
|
};
|
|
147
311
|
export {};
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export declare const testIcons: {
|
|
3
|
+
[key: string]: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const sidenavIcons: {
|
|
6
|
+
[key: string]: (props: {
|
|
7
|
+
fill?: string;
|
|
8
|
+
}) => React.ReactNode;
|
|
9
|
+
};
|
|
2
10
|
export declare const icons: {
|
|
3
11
|
[key: string]: React.ReactNode;
|
|
4
12
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -21,3 +21,28 @@ export * from './Components/OtpElement';
|
|
|
21
21
|
export * from './Components/DivContainer';
|
|
22
22
|
export * from './Components/ColorPickerElement';
|
|
23
23
|
export * from './Components/NotificationAlert';
|
|
24
|
+
export * from './Components/CustomStepper';
|
|
25
|
+
export * from './Components/AbhaNumberComponent';
|
|
26
|
+
export * from './Components/SpanElement';
|
|
27
|
+
export * from './Components/AadharComponent';
|
|
28
|
+
export * from './Components/ProfileContainer';
|
|
29
|
+
export * from './Components/Notification';
|
|
30
|
+
export * from './Components/Profile';
|
|
31
|
+
export * from './Components/SegmentedElement';
|
|
32
|
+
export * from './Components/Capcha';
|
|
33
|
+
export * from './Components/CardElement';
|
|
34
|
+
export * from './Components/AvatarUpload';
|
|
35
|
+
export * from './Components/TimePicker';
|
|
36
|
+
export * from './Components/TimeScheduleTable';
|
|
37
|
+
export * from './Components/KanbanBoard';
|
|
38
|
+
export * from './Components/AutoCompleteInput';
|
|
39
|
+
export * from './Components/TimeRangeComponent';
|
|
40
|
+
export * from './Components/SplitButton';
|
|
41
|
+
export * from './Components/TableCopyComponent';
|
|
42
|
+
export * from './Components/GoogleMapWidget';
|
|
43
|
+
export * from './Components/AntdButton';
|
|
44
|
+
export * from './Components/DisplayTimeline';
|
|
45
|
+
export * from './Components/DateRangeSegments';
|
|
46
|
+
export * from './Components/DropdownElement';
|
|
47
|
+
export * from './Components/ImageUpload';
|
|
48
|
+
export * from './Components/Video';
|