@apexcura/ui-components 0.0.16-Beta109 → 0.0.16-Beta1090

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