@apexcura/ui-components 0.0.16-Beta106 → 0.0.16-Beta1061

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