@apexcura/ui-components 0.0.16-Beta110 → 0.0.16-Beta1100

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