@apexcura/ui-components 0.0.16-Beta98 → 0.0.16-Beta981

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