@apexcura/ui-components 0.0.16-Beta82 → 0.0.16-Beta821

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,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ElementType } from '../Types/types';
3
- import '../styles/sidebar.css';
3
+ import '../styles/index.css';
4
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,43 @@ 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
+ expandIconStyles?: boolean;
90
+ value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | dropDownValueProps | radioValueProps | WeekSchedule | autoCompleteProps;
40
91
  status?: 'error' | 'warning';
41
92
  styles?: React.CSSProperties;
42
93
  variant?: 'outlined' | 'borderless' | 'filled';
43
94
  label?: string;
44
95
  name?: string;
45
96
  suffix?: React.ReactNode;
97
+ rowClickExpandable?: boolean;
98
+ expandable?: boolean;
46
99
  maxLength?: number;
100
+ sortable?: boolean;
101
+ indexClickable?: boolean;
102
+ splitButton?: {
103
+ value: string;
104
+ icon: string;
105
+ label: string;
106
+ isSVGStylesOverride: boolean;
107
+ tooltip: string;
108
+ }[];
47
109
  options?: {
48
110
  key?: string;
49
111
  label?: string;
50
112
  value?: string;
113
+ icon?: string;
114
+ color?: string;
51
115
  }[];
52
116
  firstOptions?: {
53
117
  key?: string;
@@ -64,11 +128,11 @@ export type ElementType = {
64
128
  view?: boolean;
65
129
  enabled_dates?: string;
66
130
  onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
67
- onClick?: () => void;
131
+ onClick?: (value: string | number | boolean | object | object[] | undefined) => void;
68
132
  dropDownOptions?: (number | string | boolean | object | null | undefined | (() => void))[];
69
133
  id?: number;
70
134
  thead?: {
71
- id: number;
135
+ _id?: string;
72
136
  name?: string;
73
137
  label?: string;
74
138
  visible?: boolean;
@@ -76,30 +140,59 @@ export type ElementType = {
76
140
  key?: string;
77
141
  render?: (text: string) => React.JSX.Element;
78
142
  ellipsis?: boolean;
143
+ sortable?: boolean;
144
+ filtered?: boolean;
145
+ filters?: {
146
+ text: string;
147
+ value: string;
148
+ }[];
149
+ fixed?: string | boolean | undefined;
150
+ disabled?: boolean;
151
+ clickable?: boolean;
79
152
  }[];
80
- tbody?: {
81
- id?: number;
153
+ childHead?: {
154
+ _id?: string;
82
155
  name?: string;
83
156
  label?: string;
84
- element?: string;
85
- type?: string;
157
+ visible?: boolean;
158
+ required?: boolean;
159
+ key?: string;
160
+ render?: (text: string) => React.JSX.Element;
161
+ ellipsis?: boolean;
162
+ sortable?: boolean;
163
+ filtered?: boolean;
164
+ filters?: {
165
+ text: string;
166
+ value: string;
167
+ }[];
86
168
  }[];
169
+ tbody?: ChildRecordType[];
87
170
  optionType?: string;
88
171
  selectedClassName?: string;
89
172
  action?: React.MouseEventHandler<HTMLElement> | string;
90
173
  listClassName?: string;
91
174
  listItemClassName?: string;
92
175
  img?: string;
176
+ imgExpand?: string;
177
+ imgCollapse?: string;
93
178
  items?: {
94
- element: string;
179
+ id?: number;
180
+ key?: number | string;
181
+ element?: string;
95
182
  icon?: string;
96
183
  label?: string;
97
- active?: boolean;
184
+ active?: number;
98
185
  text?: string;
99
186
  time?: string;
100
187
  name?: string;
101
188
  y?: number;
102
189
  color?: string;
190
+ isCount?: boolean;
191
+ count?: number;
192
+ isNewMenuItem?: boolean;
193
+ progress?: number;
194
+ className?: string;
195
+ contact?: string;
103
196
  }[];
104
197
  primaryText?: string;
105
198
  secondaryText?: string;
@@ -128,15 +221,41 @@ export type ElementType = {
128
221
  is_detail?: boolean;
129
222
  checkedChildren?: string;
130
223
  unCheckedChildren?: string;
131
- dateTime?: boolean;
224
+ dateTime?: string;
225
+ isDateTime?: boolean;
132
226
  minRows?: number;
133
227
  maxRows?: number;
228
+ isSearch?: boolean;
134
229
  mode?: 'multiple' | 'tags' | undefined;
135
230
  picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
136
231
  weekrange?: boolean;
232
+ rangePresets?: boolean;
137
233
  message?: string;
234
+ isStatus?: boolean;
235
+ isDelete?: boolean;
138
236
  description?: string;
139
237
  notificationType?: 'success' | 'info' | 'warning' | 'error';
140
238
  showProgress?: boolean;
239
+ isLoading?: boolean;
240
+ isNotChatbot?: boolean;
241
+ allowClear?: boolean;
242
+ isBack?: boolean;
243
+ showCount?: boolean;
244
+ avatarClassName?: string;
245
+ segmentedOptions?: string[];
246
+ manageRadioButton?: boolean;
247
+ cardClassname?: string;
248
+ titleClassName?: string;
249
+ fileType?: string[];
250
+ fileSize?: number;
251
+ allowOne?: boolean;
252
+ showSerialNumber?: boolean;
253
+ isTextSelect?: boolean;
254
+ autoSize?: boolean;
255
+ rowClick?: boolean;
256
+ dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
257
+ isopen?: boolean;
258
+ clickedVal?: string;
259
+ customColor?: boolean;
141
260
  };
142
261
  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,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';