@apexcura/ui-components 0.0.16-Beta80 → 0.0.16-Beta801

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