@apexcura/ui-components 0.0.16-Beta112 → 0.0.16-Beta1120

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