@apexcura/ui-components 0.0.16-Beta105 → 0.0.16-Beta1050

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