@apexcura/ui-components 0.0.16-Beta93 → 0.0.16-Beta931

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