@apexcura/ui-components 0.0.16-Beta108 → 0.0.16-Beta1080
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/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/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/Types/types.d.ts +172 -14
- package/dist/constants/icons.d.ts +8 -0
- package/dist/index.d.ts +23 -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,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,7 +38,47 @@ 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
|
+
name?: string;
|
|
57
|
+
label?: string;
|
|
58
|
+
element?: string;
|
|
59
|
+
type?: string;
|
|
60
|
+
value?: boolean;
|
|
61
|
+
children?: ChildRecordType[];
|
|
62
|
+
}
|
|
21
63
|
export type ElementType = {
|
|
64
|
+
disabledColor?: string;
|
|
65
|
+
tooltip?: {
|
|
66
|
+
title: string;
|
|
67
|
+
placement: 'top' | 'bottom' | 'left' | 'right';
|
|
68
|
+
};
|
|
69
|
+
varient?: 'solid' | 'outlined' | 'light';
|
|
70
|
+
color?: string;
|
|
71
|
+
buttonStyle?: RadioGroupButtonStyle;
|
|
72
|
+
tableHeight?: string;
|
|
73
|
+
buttonVariant?: string;
|
|
74
|
+
optionRender?: (option: {
|
|
75
|
+
key?: string | number | bigint;
|
|
76
|
+
label?: string | ReactNode;
|
|
77
|
+
value?: string | number;
|
|
78
|
+
color?: string;
|
|
79
|
+
}) => React.ReactNode;
|
|
80
|
+
active?: number;
|
|
81
|
+
visitedClassName?: string;
|
|
22
82
|
accept?: string | undefined;
|
|
23
83
|
max_count?: number | undefined;
|
|
24
84
|
multiple?: boolean | undefined;
|
|
@@ -31,23 +91,53 @@ export type ElementType = {
|
|
|
31
91
|
className?: string | undefined;
|
|
32
92
|
placeholder?: string;
|
|
33
93
|
addonBefore?: React.ReactNode;
|
|
34
|
-
|
|
94
|
+
format?: string;
|
|
95
|
+
indexWidth?: number;
|
|
96
|
+
tabPosition?: TabsPosition;
|
|
97
|
+
defaultValue?: string | {
|
|
98
|
+
label: string;
|
|
99
|
+
value: string;
|
|
100
|
+
search?: string;
|
|
101
|
+
};
|
|
102
|
+
ref?: LegacyRef<InputRef> | undefined;
|
|
35
103
|
disabled?: boolean;
|
|
36
104
|
prefix?: React.ReactNode;
|
|
37
105
|
type?: string;
|
|
106
|
+
searchable?: boolean;
|
|
107
|
+
expandIcon?: boolean;
|
|
38
108
|
size?: SizeType;
|
|
39
|
-
|
|
40
|
-
|
|
109
|
+
colWidth?: string;
|
|
110
|
+
errorText?: string;
|
|
111
|
+
errorClassName?: string;
|
|
112
|
+
expandIconStyles?: boolean;
|
|
113
|
+
isIconOnly?: boolean;
|
|
114
|
+
value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | DateRangeSegmentType | dropDownValueProps | radioValueProps | WeekSchedule | autoCompleteProps;
|
|
115
|
+
status?: string | undefined;
|
|
41
116
|
styles?: React.CSSProperties;
|
|
42
117
|
variant?: 'outlined' | 'borderless' | 'filled';
|
|
118
|
+
enable_all?: boolean;
|
|
43
119
|
label?: string;
|
|
44
120
|
name?: string;
|
|
45
121
|
suffix?: React.ReactNode;
|
|
122
|
+
rowClickExpandable?: boolean;
|
|
123
|
+
expandable?: boolean;
|
|
46
124
|
maxLength?: number;
|
|
125
|
+
sortable?: boolean;
|
|
126
|
+
indexClickable?: boolean;
|
|
127
|
+
splitButton?: {
|
|
128
|
+
value: string;
|
|
129
|
+
icon: string;
|
|
130
|
+
label: string;
|
|
131
|
+
isSVGStylesOverride: boolean;
|
|
132
|
+
tooltip: string;
|
|
133
|
+
}[];
|
|
47
134
|
options?: {
|
|
48
135
|
key?: string;
|
|
49
136
|
label?: string;
|
|
50
137
|
value?: string;
|
|
138
|
+
icon?: string;
|
|
139
|
+
tooltip?: string;
|
|
140
|
+
color?: string;
|
|
51
141
|
}[];
|
|
52
142
|
firstOptions?: {
|
|
53
143
|
key?: string;
|
|
@@ -64,11 +154,13 @@ export type ElementType = {
|
|
|
64
154
|
view?: boolean;
|
|
65
155
|
enabled_dates?: string;
|
|
66
156
|
onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
|
|
67
|
-
onClick?: () => void;
|
|
157
|
+
onClick?: (value: string | number | boolean | object | object[] | undefined) => void;
|
|
68
158
|
dropDownOptions?: (number | string | boolean | object | null | undefined | (() => void))[];
|
|
69
|
-
id?: number;
|
|
159
|
+
id?: number | string;
|
|
160
|
+
fullHeight?: boolean;
|
|
70
161
|
thead?: {
|
|
71
|
-
|
|
162
|
+
width?: number;
|
|
163
|
+
_id?: string;
|
|
72
164
|
name?: string;
|
|
73
165
|
label?: string;
|
|
74
166
|
visible?: boolean;
|
|
@@ -76,30 +168,66 @@ export type ElementType = {
|
|
|
76
168
|
key?: string;
|
|
77
169
|
render?: (text: string) => React.JSX.Element;
|
|
78
170
|
ellipsis?: boolean;
|
|
171
|
+
sortable?: boolean;
|
|
172
|
+
filtered?: boolean;
|
|
173
|
+
filters?: {
|
|
174
|
+
text: string;
|
|
175
|
+
value: string;
|
|
176
|
+
}[];
|
|
177
|
+
fixed?: string | boolean | undefined;
|
|
178
|
+
disabled?: boolean;
|
|
179
|
+
clickable?: boolean;
|
|
79
180
|
}[];
|
|
80
|
-
|
|
81
|
-
|
|
181
|
+
childHead?: {
|
|
182
|
+
_id?: string;
|
|
82
183
|
name?: string;
|
|
83
184
|
label?: string;
|
|
84
|
-
|
|
85
|
-
|
|
185
|
+
visible?: boolean;
|
|
186
|
+
required?: boolean;
|
|
187
|
+
key?: string;
|
|
188
|
+
render?: (text: string) => React.JSX.Element;
|
|
189
|
+
ellipsis?: boolean;
|
|
190
|
+
sortable?: boolean;
|
|
191
|
+
filtered?: boolean;
|
|
192
|
+
filters?: {
|
|
193
|
+
text: string;
|
|
194
|
+
value: string;
|
|
195
|
+
}[];
|
|
86
196
|
}[];
|
|
197
|
+
tbody?: ChildRecordType[];
|
|
87
198
|
optionType?: string;
|
|
88
199
|
selectedClassName?: string;
|
|
89
200
|
action?: React.MouseEventHandler<HTMLElement> | string;
|
|
90
201
|
listClassName?: string;
|
|
91
202
|
listItemClassName?: string;
|
|
92
203
|
img?: string;
|
|
204
|
+
imgExpand?: string;
|
|
205
|
+
segmentedValue?: string;
|
|
206
|
+
useSegments?: string;
|
|
207
|
+
imgCollapse?: string;
|
|
93
208
|
items?: {
|
|
94
|
-
|
|
209
|
+
id?: number;
|
|
210
|
+
key?: number | string;
|
|
211
|
+
element?: string;
|
|
95
212
|
icon?: string;
|
|
96
213
|
label?: string;
|
|
97
|
-
active?:
|
|
214
|
+
active?: number;
|
|
98
215
|
text?: string;
|
|
99
216
|
time?: string;
|
|
100
217
|
name?: string;
|
|
101
218
|
y?: number;
|
|
102
219
|
color?: string;
|
|
220
|
+
isCount?: boolean;
|
|
221
|
+
count?: number;
|
|
222
|
+
isNewMenuItem?: boolean;
|
|
223
|
+
progress?: number;
|
|
224
|
+
className?: string;
|
|
225
|
+
contact?: string;
|
|
226
|
+
status?: string;
|
|
227
|
+
assignedTo?: string;
|
|
228
|
+
user?: string;
|
|
229
|
+
dot?: React.ReactNode;
|
|
230
|
+
children?: string;
|
|
103
231
|
}[];
|
|
104
232
|
primaryText?: string;
|
|
105
233
|
secondaryText?: string;
|
|
@@ -124,6 +252,7 @@ export type ElementType = {
|
|
|
124
252
|
fillText1?: string;
|
|
125
253
|
fillText2?: string;
|
|
126
254
|
pagination?: boolean;
|
|
255
|
+
antdButton?: boolean;
|
|
127
256
|
required?: boolean;
|
|
128
257
|
is_detail?: boolean;
|
|
129
258
|
checkedChildren?: string;
|
|
@@ -132,13 +261,42 @@ export type ElementType = {
|
|
|
132
261
|
isDateTime?: boolean;
|
|
133
262
|
minRows?: number;
|
|
134
263
|
maxRows?: number;
|
|
264
|
+
isSearch?: boolean;
|
|
135
265
|
mode?: 'multiple' | 'tags' | undefined;
|
|
136
266
|
picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
|
|
137
267
|
weekrange?: boolean;
|
|
268
|
+
rangePresets?: boolean;
|
|
138
269
|
message?: string;
|
|
270
|
+
isStatus?: boolean;
|
|
271
|
+
isDelete?: boolean;
|
|
139
272
|
description?: string;
|
|
140
273
|
notificationType?: 'success' | 'info' | 'warning' | 'error';
|
|
141
274
|
showProgress?: boolean;
|
|
142
275
|
isLoading?: boolean;
|
|
276
|
+
isNotChatbot?: boolean;
|
|
277
|
+
allowClear?: boolean;
|
|
278
|
+
isBack?: boolean;
|
|
279
|
+
showCount?: boolean;
|
|
280
|
+
avatarClassName?: string;
|
|
281
|
+
segmentedOptions?: string[] | {
|
|
282
|
+
tooltip: string;
|
|
283
|
+
label: string;
|
|
284
|
+
value: string;
|
|
285
|
+
}[];
|
|
286
|
+
manageRadioButton?: boolean;
|
|
287
|
+
cardClassname?: string;
|
|
288
|
+
autoFocus?: boolean;
|
|
289
|
+
titleClassName?: string;
|
|
290
|
+
fileType?: string[];
|
|
291
|
+
fileSize?: number;
|
|
292
|
+
allowOne?: boolean;
|
|
293
|
+
showSerialNumber?: boolean;
|
|
294
|
+
isTextSelect?: boolean;
|
|
295
|
+
autoSize?: boolean;
|
|
296
|
+
rowClick?: boolean;
|
|
297
|
+
dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
|
|
298
|
+
isopen?: boolean;
|
|
299
|
+
clickedVal?: string;
|
|
300
|
+
customColor?: boolean;
|
|
143
301
|
};
|
|
144
302
|
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,26 @@ 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';
|