@apexcura/ui-components 0.0.16-Beta104 → 0.0.16-Beta1041

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