@apexcura/ui-components 0.0.16-Beta101 → 0.0.16-Beta1010

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