@apexcura/ui-components 0.0.16-Beta118 → 0.0.16-Beta1180

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