@apexcura/ui-components 0.0.16-Beta87 → 0.0.16-Beta890

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