@apexcura/ui-components 0.0.16-Beta102 → 0.0.16-Beta1021

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;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ interface DateRangeSegmentType {
4
+ values?: string[];
5
+ segmentedValue?: string;
6
+ }
7
+ interface DateRangeSegmentsProps extends ElementType {
8
+ value?: DateRangeSegmentType | null;
9
+ }
10
+ export declare const DateRangeSegments: (props: DateRangeSegmentsProps) => React.JSX.Element;
11
+ export {};
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ElementType } from '../Types/types';
3
+ export declare const DisplayTimeline: (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,31 @@
1
1
  import { UploadFile } from 'antd';
2
2
  import { SizeType } from 'antd/es/config-provider/SizeContext';
3
+ import { RadioGroupButtonStyle } from 'antd/es/radio';
4
+ import { TabsPosition } from 'antd/es/tabs';
3
5
  import { TooltipPlacement } from 'antd/es/tooltip';
4
- import { CSSProperties } from 'react';
6
+ import React, { CSSProperties, JSXElementConstructor, ReactElement, ReactNode } from 'react';
5
7
  type PaginationType = {
8
+ name?: string;
6
9
  page?: number;
7
10
  pageSize?: number;
8
11
  };
12
+ type DateRangeSegmentType = {
13
+ values?: string[];
14
+ segmentedValue?: string;
15
+ };
16
+ interface ScheduleType {
17
+ from: string | null;
18
+ to: string | null;
19
+ }
20
+ interface WeekSchedule {
21
+ Sunday: ScheduleType;
22
+ Monday: ScheduleType;
23
+ Tuesday: ScheduleType;
24
+ Wednesday: ScheduleType;
25
+ Thursday: ScheduleType;
26
+ Friday: ScheduleType;
27
+ Saturday: ScheduleType;
28
+ }
9
29
  type dropDownValueProps = {
10
30
  firstValue: {
11
31
  key?: string | undefined;
@@ -18,7 +38,40 @@ type dropDownValueProps = {
18
38
  value?: string | undefined;
19
39
  } | undefined;
20
40
  };
41
+ type radioValueProps = {
42
+ value: {
43
+ key?: string | undefined;
44
+ label?: string | undefined;
45
+ value?: string | undefined;
46
+ } | undefined;
47
+ };
48
+ type autoCompleteProps = {
49
+ value?: {
50
+ key?: string;
51
+ value?: string;
52
+ };
53
+ };
54
+ interface ChildRecordType {
55
+ id?: string;
56
+ name?: string;
57
+ label?: string;
58
+ element?: string;
59
+ type?: string;
60
+ value?: boolean;
61
+ children?: ChildRecordType[];
62
+ }
21
63
  export type ElementType = {
64
+ buttonStyle?: RadioGroupButtonStyle;
65
+ tableHeight?: string;
66
+ buttonVariant?: string;
67
+ optionRender?: (option: {
68
+ key?: string | number | bigint;
69
+ label?: string | ReactNode;
70
+ value?: string | number;
71
+ color?: string;
72
+ }) => React.ReactNode;
73
+ active?: number;
74
+ visitedClassName?: string;
22
75
  accept?: string | undefined;
23
76
  max_count?: number | undefined;
24
77
  multiple?: boolean | undefined;
@@ -31,23 +84,48 @@ export type ElementType = {
31
84
  className?: string | undefined;
32
85
  placeholder?: string;
33
86
  addonBefore?: React.ReactNode;
34
- defaultValue?: string;
87
+ format?: string;
88
+ indexWidth?: number;
89
+ tabPosition?: TabsPosition;
90
+ defaultValue?: string | {
91
+ label: string;
92
+ value: string;
93
+ };
35
94
  disabled?: boolean;
36
95
  prefix?: React.ReactNode;
37
96
  type?: string;
97
+ expandIcon?: boolean;
38
98
  size?: SizeType;
39
- value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | dropDownValueProps;
40
- status?: 'error' | 'warning';
99
+ colWidth?: string;
100
+ errorText?: string;
101
+ errorClassName?: string;
102
+ expandIconStyles?: boolean;
103
+ isIconOnly?: boolean;
104
+ value?: string | number | boolean | null | object | undefined | string[] | UploadFile[] | PaginationType | DateRangeSegmentType | dropDownValueProps | radioValueProps | WeekSchedule | autoCompleteProps;
105
+ status?: string | undefined;
41
106
  styles?: React.CSSProperties;
42
107
  variant?: 'outlined' | 'borderless' | 'filled';
43
108
  label?: string;
44
109
  name?: string;
45
110
  suffix?: React.ReactNode;
111
+ rowClickExpandable?: boolean;
112
+ expandable?: boolean;
46
113
  maxLength?: number;
114
+ sortable?: boolean;
115
+ indexClickable?: boolean;
116
+ splitButton?: {
117
+ value: string;
118
+ icon: string;
119
+ label: string;
120
+ isSVGStylesOverride: boolean;
121
+ tooltip: string;
122
+ }[];
47
123
  options?: {
48
124
  key?: string;
49
125
  label?: string;
50
126
  value?: string;
127
+ icon?: string;
128
+ color?: string;
51
129
  }[];
52
130
  firstOptions?: {
53
131
  key?: string;
@@ -64,11 +142,12 @@ export type ElementType = {
64
142
  view?: boolean;
65
143
  enabled_dates?: string;
66
144
  onChange?: (value: string | number | boolean | object | object[] | undefined) => void;
67
- onClick?: () => void;
145
+ onClick?: (value: string | number | boolean | object | object[] | undefined) => void;
68
146
  dropDownOptions?: (number | string | boolean | object | null | undefined | (() => void))[];
69
147
  id?: number;
70
148
  thead?: {
71
- id: number;
149
+ width?: number;
150
+ _id?: string;
72
151
  name?: string;
73
152
  label?: string;
74
153
  visible?: boolean;
@@ -76,30 +155,66 @@ export type ElementType = {
76
155
  key?: string;
77
156
  render?: (text: string) => React.JSX.Element;
78
157
  ellipsis?: boolean;
158
+ sortable?: boolean;
159
+ filtered?: boolean;
160
+ filters?: {
161
+ text: string;
162
+ value: string;
163
+ }[];
164
+ fixed?: string | boolean | undefined;
165
+ disabled?: boolean;
166
+ clickable?: boolean;
79
167
  }[];
80
- tbody?: {
81
- id?: number;
168
+ childHead?: {
169
+ _id?: string;
82
170
  name?: string;
83
171
  label?: string;
84
- element?: string;
85
- type?: string;
172
+ visible?: boolean;
173
+ required?: boolean;
174
+ key?: string;
175
+ render?: (text: string) => React.JSX.Element;
176
+ ellipsis?: boolean;
177
+ sortable?: boolean;
178
+ filtered?: boolean;
179
+ filters?: {
180
+ text: string;
181
+ value: string;
182
+ }[];
86
183
  }[];
184
+ tbody?: ChildRecordType[];
87
185
  optionType?: string;
88
186
  selectedClassName?: string;
89
187
  action?: React.MouseEventHandler<HTMLElement> | string;
90
188
  listClassName?: string;
91
189
  listItemClassName?: string;
92
190
  img?: string;
191
+ imgExpand?: string;
192
+ segmentedValue?: string;
193
+ useSegments?: string;
194
+ imgCollapse?: string;
93
195
  items?: {
94
- element: string;
196
+ id?: number;
197
+ key?: number | string;
198
+ element?: string;
95
199
  icon?: string;
96
200
  label?: string;
97
- active?: boolean;
201
+ active?: number;
98
202
  text?: string;
99
203
  time?: string;
100
204
  name?: string;
101
205
  y?: number;
102
206
  color?: string;
207
+ isCount?: boolean;
208
+ count?: number;
209
+ isNewMenuItem?: boolean;
210
+ progress?: number;
211
+ className?: string;
212
+ contact?: string;
213
+ status?: string;
214
+ assignedTo?: string;
215
+ user?: string;
216
+ dot?: React.ReactNode;
217
+ children?: string;
103
218
  }[];
104
219
  primaryText?: string;
105
220
  secondaryText?: string;
@@ -124,6 +239,7 @@ export type ElementType = {
124
239
  fillText1?: string;
125
240
  fillText2?: string;
126
241
  pagination?: boolean;
242
+ antdButton?: boolean;
127
243
  required?: boolean;
128
244
  is_detail?: boolean;
129
245
  checkedChildren?: string;
@@ -132,13 +248,37 @@ export type ElementType = {
132
248
  isDateTime?: boolean;
133
249
  minRows?: number;
134
250
  maxRows?: number;
251
+ isSearch?: boolean;
135
252
  mode?: 'multiple' | 'tags' | undefined;
136
253
  picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
137
254
  weekrange?: boolean;
255
+ rangePresets?: boolean;
138
256
  message?: string;
257
+ isStatus?: boolean;
258
+ isDelete?: boolean;
139
259
  description?: string;
140
260
  notificationType?: 'success' | 'info' | 'warning' | 'error';
141
261
  showProgress?: boolean;
142
262
  isLoading?: boolean;
263
+ isNotChatbot?: boolean;
264
+ allowClear?: boolean;
265
+ isBack?: boolean;
266
+ showCount?: boolean;
267
+ avatarClassName?: string;
268
+ segmentedOptions?: string[];
269
+ manageRadioButton?: boolean;
270
+ cardClassname?: string;
271
+ titleClassName?: string;
272
+ fileType?: string[];
273
+ fileSize?: number;
274
+ allowOne?: boolean;
275
+ showSerialNumber?: boolean;
276
+ isTextSelect?: boolean;
277
+ autoSize?: boolean;
278
+ rowClick?: boolean;
279
+ dropdownRender?: (menu: ReactElement<string | JSXElementConstructor<string>>) => ReactElement<string | JSXElementConstructor<string>>;
280
+ isopen?: boolean;
281
+ clickedVal?: string;
282
+ customColor?: boolean;
143
283
  };
144
284
  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,3 +21,25 @@ 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/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';
44
+ export * from './Components/DisplayTimeline';
45
+ export * from './Components/DateRangeSegments';