@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.
Files changed (35) hide show
  1. package/dist/Components/AadharComponent.d.ts +3 -0
  2. package/dist/Components/AbhaNumberComponent.d.ts +3 -0
  3. package/dist/Components/AntdButton.d.ts +4 -0
  4. package/dist/Components/AutoCompleteInput.d.ts +14 -0
  5. package/dist/Components/AvatarUpload.d.ts +3 -0
  6. package/dist/Components/Capcha.d.ts +3 -0
  7. package/dist/Components/CardElement.d.ts +3 -0
  8. package/dist/Components/CheckBoxTable.d.ts +12 -0
  9. package/dist/Components/CustomStepper.d.ts +3 -0
  10. package/dist/Components/DateRangeSegments.d.ts +16 -0
  11. package/dist/Components/DisplayTimeline.d.ts +3 -0
  12. package/dist/Components/DropdownElement.d.ts +3 -0
  13. package/dist/Components/GoogleMapWidget.d.ts +3 -0
  14. package/dist/Components/ImageUpload.d.ts +3 -0
  15. package/dist/Components/KanbanBoard.d.ts +2 -0
  16. package/dist/Components/ProfileContainer.d.ts +3 -0
  17. package/dist/Components/RadioElement.d.ts +12 -1
  18. package/dist/Components/SegmentedElement.d.ts +3 -0
  19. package/dist/Components/Sidebar.d.ts +2 -2
  20. package/dist/Components/SplitButton.d.ts +3 -0
  21. package/dist/Components/TableCopyComponent.d.ts +3 -0
  22. package/dist/Components/TableElement.d.ts +1 -0
  23. package/dist/Components/TextElement.d.ts +0 -1
  24. package/dist/Components/TimePicker.d.ts +3 -0
  25. package/dist/Components/TimeRangeComponent.d.ts +3 -0
  26. package/dist/Components/TimeScheduleTable.d.ts +3 -0
  27. package/dist/Components/Video.d.ts +3 -0
  28. package/dist/Types/types.d.ts +179 -15
  29. package/dist/constants/icons.d.ts +8 -0
  30. package/dist/index.d.ts +25 -0
  31. package/dist/index.js +1 -1
  32. package/dist/index.js.LICENSE.txt +120 -2
  33. package/dist/index.js.map +1 -1
  34. package/dist/report.html +2 -2
  35. package/package.json +10 -9
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const AadharComponent: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const AbhaNumberComponent: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ import '../styles/styles.css';
4
+ export declare const AntButton: (props: ElementType) => React.JSX.Element;
@@ -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,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const AvatarUpload: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const Capcha: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const CardElement: (props: ElementType) => React.JSX.Element;
@@ -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,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const CustomStepper: (props: ElementType) => React.JSX.Element;
@@ -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 {};
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const DisplayTimeline: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const DropdownElement: (props: ElementType) => React.JSX.Element | undefined;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const GoogleMapWidget: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const ImageUpload: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const KanbanBoard: React.FC;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const ProfileContainer: (props: ElementType) => React.JSX.Element;
@@ -1,3 +1,14 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
- export declare const RadioElement: (props: ElementType) => React.JSX.Element;
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 {};
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const SegmentedElement: (props: ElementType) => React.JSX.Element;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
- import '../styles/sidebar.css';
4
- export declare const Sidebar: (props: ElementType) => React.JSX.Element;
3
+ export declare const Sidebar: React.FC<ElementType>;
4
+ export default Sidebar;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const SplitButton: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const TableCopyComponent: (props: ElementType) => React.JSX.Element;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
3
  interface PaginationType {
4
+ name?: string;
4
5
  page?: number;
5
6
  pageSize?: number;
6
7
  }
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
- import '../styles/sidebar.css';
4
3
  import '../styles/index.css';
5
4
  export declare const TextElement: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const TimePickerElement: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const TimeRangeComponent: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const TimeScheduleTable: (props: ElementType) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const Video: (props: ElementType) => React.JSX.Element;
@@ -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
- defaultValue?: string;
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
- value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | dropDownValueProps;
40
- status?: 'error' | 'warning';
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
- id: number;
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
- tbody?: {
81
- id?: number;
187
+ childHead?: {
188
+ _id?: string;
82
189
  name?: string;
83
190
  label?: string;
84
- element?: string;
85
- type?: string;
86
- value?: boolean;
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
- element: string;
218
+ id?: number;
219
+ key?: number | string;
220
+ element?: string;
96
221
  icon?: string;
97
222
  label?: string;
98
- active?: boolean;
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';