@apexcura/ui-components 0.0.16-Beta86 → 0.0.16-Beta861

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