@apexcura/ui-components 0.0.16-Beta116 → 0.0.16-Beta1160

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 (38) 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/Document.d.ts +3 -0
  13. package/dist/Components/DropdownElement.d.ts +3 -0
  14. package/dist/Components/GoogleMapWidget.d.ts +3 -0
  15. package/dist/Components/KanbanBoard.d.ts +2 -0
  16. package/dist/Components/MediaUpload.d.ts +3 -0
  17. package/dist/Components/NumberElement.d.ts +1 -0
  18. package/dist/Components/ProfileContainer.d.ts +3 -0
  19. package/dist/Components/RadioElement.d.ts +12 -1
  20. package/dist/Components/SegmentedElement.d.ts +3 -0
  21. package/dist/Components/Sidebar.d.ts +2 -2
  22. package/dist/Components/SplitButton.d.ts +3 -0
  23. package/dist/Components/TableCopyComponent.d.ts +4 -0
  24. package/dist/Components/TableElement.d.ts +2 -0
  25. package/dist/Components/TextElement.d.ts +1 -1
  26. package/dist/Components/TextareaElement.d.ts +1 -0
  27. package/dist/Components/TimePicker.d.ts +3 -0
  28. package/dist/Components/TimeRangeComponent.d.ts +3 -0
  29. package/dist/Components/TimeScheduleTable.d.ts +3 -0
  30. package/dist/Components/Video.d.ts +3 -0
  31. package/dist/Types/types.d.ts +178 -15
  32. package/dist/constants/icons.d.ts +8 -0
  33. package/dist/index.d.ts +26 -0
  34. package/dist/index.js +1 -1
  35. package/dist/index.js.LICENSE.txt +120 -2
  36. package/dist/index.js.map +1 -1
  37. package/dist/report.html +2 -2
  38. 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 Document: (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,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 MediaUpload: (props: ElementType) => React.JSX.Element;
@@ -1,3 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
+ import '../styles/input-text.css';
3
4
  export declare const NumberElement: (props: ElementType) => React.JSX.Element;
@@ -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,4 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ import '../styles/table.css';
4
+ export declare const TableCopyComponent: (props: ElementType) => React.JSX.Element;
@@ -1,6 +1,8 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
+ import '../styles/table.css';
3
4
  interface PaginationType {
5
+ name?: string;
4
6
  page?: number;
5
7
  pageSize?: number;
6
8
  }
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
- import '../styles/sidebar.css';
4
3
  import '../styles/index.css';
4
+ import '../styles/input-text.css';
5
5
  export declare const TextElement: (props: ElementType) => React.JSX.Element;
@@ -1,3 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
+ import '../styles/input-text.css';
3
4
  export declare const TextareaElement: (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,55 @@ 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
+ src?: string;
66
+ disabledColor?: string;
67
+ tooltip?: {
68
+ title: string;
69
+ placement: 'top' | 'bottom' | 'left' | 'right';
70
+ };
71
+ varient?: 'solid' | 'outlined' | 'light';
72
+ color?: string;
73
+ customcolor?: 'string' | 'default' | 'primary';
74
+ buttonStyle?: RadioGroupButtonStyle;
75
+ tableHeight?: string;
76
+ buttonVariant?: string;
77
+ optionRender?: (option: {
78
+ key?: string | number | bigint;
79
+ label?: string | ReactNode;
80
+ value?: string | number;
81
+ color?: string;
82
+ }) => React.ReactNode;
83
+ active?: number;
84
+ visitedClassName?: string;
22
85
  accept?: string | undefined;
23
86
  max_count?: number | undefined;
24
87
  multiple?: boolean | undefined;
25
88
  activeClassName?: string;
89
+ fileList?: UploadFile[];
26
90
  radioGroupClassName?: string | undefined;
27
91
  selectedStyle?: boolean;
28
92
  style?: CSSProperties;
@@ -31,25 +95,56 @@ export type ElementType = {
31
95
  className?: string | undefined;
32
96
  placeholder?: string;
33
97
  addonBefore?: React.ReactNode;
34
- defaultValue?: string;
98
+ format?: string;
99
+ indexWidth?: number;
100
+ tabPosition?: TabsPosition;
101
+ defaultValue?: string | {
102
+ label: string;
103
+ value: string;
104
+ search?: string;
105
+ };
106
+ limit?: number;
107
+ ref?: LegacyRef<InputRef> | undefined;
35
108
  disabled?: boolean;
36
109
  prefix?: React.ReactNode;
37
110
  type?: string;
111
+ searchable?: boolean;
112
+ expandIcon?: boolean;
38
113
  size?: SizeType;
114
+ colWidth?: string;
39
115
  errorText?: string;
40
116
  errorClassName?: string;
41
- value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | dropDownValueProps;
42
- status?: 'error' | 'warning';
117
+ expandIconStyles?: boolean;
118
+ enableRowSelection?: boolean;
119
+ showSelectionControls?: boolean;
120
+ isIconOnly?: boolean;
121
+ value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | DateRangeSegmentType | dropDownValueProps | radioValueProps | WeekSchedule | autoCompleteProps;
122
+ status?: string | undefined;
43
123
  styles?: React.CSSProperties;
44
124
  variant?: 'outlined' | 'borderless' | 'filled';
125
+ enable_all?: boolean;
45
126
  label?: string;
46
127
  name?: string;
47
128
  suffix?: React.ReactNode;
129
+ rowClickExpandable?: boolean;
130
+ expandable?: boolean;
48
131
  maxLength?: number;
132
+ sortable?: boolean;
133
+ indexClickable?: boolean;
134
+ splitButton?: {
135
+ value: string;
136
+ icon: string;
137
+ label: string;
138
+ isSVGStylesOverride: boolean;
139
+ tooltip: string;
140
+ }[];
49
141
  options?: {
50
142
  key?: string;
51
143
  label?: string;
52
144
  value?: string;
145
+ icon?: string;
146
+ tooltip?: string;
147
+ color?: string;
53
148
  }[];
54
149
  firstOptions?: {
55
150
  key?: string;
@@ -66,43 +161,84 @@ export type ElementType = {
66
161
  view?: boolean;
67
162
  enabled_dates?: string;
68
163
  onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
69
- onClick?: () => void;
164
+ onClick?: (value: string | number | boolean | object | object[] | undefined) => void;
70
165
  dropDownOptions?: (number | string | boolean | object | null | undefined | (() => void))[];
71
- id?: number;
166
+ id?: number | string;
167
+ fullHeight?: boolean;
72
168
  thead?: {
73
- id: number;
169
+ width?: number;
170
+ _id?: string;
74
171
  name?: string;
75
172
  label?: string;
76
173
  visible?: boolean;
77
174
  required?: boolean;
78
175
  key?: string;
79
176
  render?: (text: string) => React.JSX.Element;
177
+ renderCell?: (value: number, record: string, index: number) => React.ReactNode;
80
178
  ellipsis?: boolean;
179
+ sortable?: boolean;
180
+ filtered?: boolean;
181
+ filters?: {
182
+ text: string;
183
+ value: string;
184
+ }[];
185
+ fixed?: string | boolean | undefined;
186
+ disabled?: boolean;
187
+ clickable?: boolean;
81
188
  }[];
82
- tbody?: {
83
- id?: number;
189
+ childHead?: {
190
+ _id?: string;
84
191
  name?: string;
85
192
  label?: string;
86
- element?: string;
87
- type?: string;
88
- value?: boolean;
193
+ visible?: boolean;
194
+ required?: boolean;
195
+ key?: string;
196
+ render?: (text: string) => React.JSX.Element;
197
+ ellipsis?: boolean;
198
+ sortable?: boolean;
199
+ filtered?: boolean;
200
+ filters?: {
201
+ text: string;
202
+ value: string;
203
+ }[];
89
204
  }[];
205
+ tbody?: ChildRecordType[];
90
206
  optionType?: string;
91
207
  selectedClassName?: string;
92
208
  action?: React.MouseEventHandler<HTMLElement> | string;
93
209
  listClassName?: string;
94
210
  listItemClassName?: string;
95
211
  img?: string;
212
+ video?: string;
213
+ height?: number;
214
+ width?: number;
215
+ imgExpand?: string;
216
+ segmentedValue?: string;
217
+ useSegments?: string;
218
+ imgCollapse?: string;
96
219
  items?: {
97
- element: string;
220
+ id?: number;
221
+ key?: number | string;
222
+ element?: string;
98
223
  icon?: string;
99
224
  label?: string;
100
- active?: boolean;
225
+ active?: number;
101
226
  text?: string;
102
227
  time?: string;
103
228
  name?: string;
104
229
  y?: number;
105
230
  color?: string;
231
+ isCount?: boolean;
232
+ count?: number;
233
+ isNewMenuItem?: boolean;
234
+ progress?: number;
235
+ className?: string;
236
+ contact?: string;
237
+ status?: string;
238
+ assignedTo?: string;
239
+ user?: string;
240
+ dot?: React.ReactNode;
241
+ children?: string;
106
242
  }[];
107
243
  primaryText?: string;
108
244
  secondaryText?: string;
@@ -127,6 +263,7 @@ export type ElementType = {
127
263
  fillText1?: string;
128
264
  fillText2?: string;
129
265
  pagination?: boolean;
266
+ antdButton?: boolean;
130
267
  required?: boolean;
131
268
  is_detail?: boolean;
132
269
  checkedChildren?: string;
@@ -139,6 +276,7 @@ export type ElementType = {
139
276
  mode?: 'multiple' | 'tags' | undefined;
140
277
  picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
141
278
  weekrange?: boolean;
279
+ rangePresets?: boolean;
142
280
  message?: string;
143
281
  isStatus?: boolean;
144
282
  isDelete?: boolean;
@@ -146,5 +284,30 @@ export type ElementType = {
146
284
  notificationType?: 'success' | 'info' | 'warning' | 'error';
147
285
  showProgress?: boolean;
148
286
  isLoading?: boolean;
287
+ isNotChatbot?: boolean;
288
+ allowClear?: boolean;
289
+ isBack?: boolean;
290
+ showCount?: boolean;
291
+ avatarClassName?: string;
292
+ segmentedOptions?: string[] | {
293
+ tooltip: string;
294
+ label: string;
295
+ value: string;
296
+ }[];
297
+ manageRadioButton?: boolean;
298
+ cardClassname?: string;
299
+ autoFocus?: boolean;
300
+ titleClassName?: string;
301
+ fileType?: string[];
302
+ fileSize?: number;
303
+ allowOne?: boolean;
304
+ showSerialNumber?: boolean;
305
+ isTextSelect?: boolean;
306
+ autoSize?: boolean;
307
+ rowClick?: boolean;
308
+ dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
309
+ isopen?: boolean;
310
+ clickedVal?: string;
311
+ customColor?: boolean;
149
312
  };
150
313
  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,29 @@ 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/MediaUpload';
48
+ export * from './Components/Video';
49
+ export * from './Components/Document';