@apexcura/ui-components 0.0.16-Beta96 → 0.0.16-Beta960

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