@apexcura/ui-components 0.0.14-Beta177 → 0.0.14-Beta179

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.
package/.env.defaults CHANGED
@@ -1,2 +1,2 @@
1
- GOOGLE_CLIENT_ID=1234
2
- GOOGLE_AUTH_ORIGINS=1234
1
+ GOOGLE_CLIENT_ID=1234
2
+ GOOGLE_AUTH_ORIGINS=1234
package/dist/index.css ADDED
@@ -0,0 +1,469 @@
1
+ /* src/styles/index.css */
2
+ *,
3
+ ::before,
4
+ ::after {
5
+ box-sizing: border-box;
6
+ border-width: 0;
7
+ border-style: solid;
8
+ border-color: #e5e7eb;
9
+ }
10
+ ::before,
11
+ ::after {
12
+ --tw-content: "";
13
+ }
14
+ html,
15
+ :host {
16
+ line-height: 1.5;
17
+ -webkit-text-size-adjust: 100%;
18
+ -moz-tab-size: 4;
19
+ -o-tab-size: 4;
20
+ tab-size: 4;
21
+ font-family:
22
+ ui-sans-serif,
23
+ system-ui,
24
+ sans-serif,
25
+ "Apple Color Emoji",
26
+ "Segoe UI Emoji",
27
+ "Segoe UI Symbol",
28
+ "Noto Color Emoji";
29
+ font-feature-settings: normal;
30
+ font-variation-settings: normal;
31
+ -webkit-tap-highlight-color: transparent;
32
+ }
33
+ body {
34
+ margin: 0;
35
+ line-height: inherit;
36
+ }
37
+ hr {
38
+ height: 0;
39
+ color: inherit;
40
+ border-top-width: 1px;
41
+ }
42
+ abbr:where([title]) {
43
+ -webkit-text-decoration: underline dotted;
44
+ text-decoration: underline dotted;
45
+ }
46
+ h1,
47
+ h2,
48
+ h3,
49
+ h4,
50
+ h5,
51
+ h6 {
52
+ font-size: inherit;
53
+ font-weight: inherit;
54
+ }
55
+ a {
56
+ color: inherit;
57
+ text-decoration: inherit;
58
+ }
59
+ b,
60
+ strong {
61
+ font-weight: bolder;
62
+ }
63
+ code,
64
+ kbd,
65
+ samp,
66
+ pre {
67
+ font-family:
68
+ ui-monospace,
69
+ SFMono-Regular,
70
+ Menlo,
71
+ Monaco,
72
+ Consolas,
73
+ "Liberation Mono",
74
+ "Courier New",
75
+ monospace;
76
+ font-feature-settings: normal;
77
+ font-variation-settings: normal;
78
+ font-size: 1em;
79
+ }
80
+ small {
81
+ font-size: 80%;
82
+ }
83
+ sub,
84
+ sup {
85
+ font-size: 75%;
86
+ line-height: 0;
87
+ position: relative;
88
+ vertical-align: baseline;
89
+ }
90
+ sub {
91
+ bottom: -0.25em;
92
+ }
93
+ sup {
94
+ top: -0.5em;
95
+ }
96
+ table {
97
+ text-indent: 0;
98
+ border-color: inherit;
99
+ border-collapse: collapse;
100
+ }
101
+ button,
102
+ input,
103
+ optgroup,
104
+ select,
105
+ textarea {
106
+ font-family: inherit;
107
+ font-feature-settings: inherit;
108
+ font-variation-settings: inherit;
109
+ font-size: 100%;
110
+ font-weight: inherit;
111
+ line-height: inherit;
112
+ letter-spacing: inherit;
113
+ color: inherit;
114
+ margin: 0;
115
+ padding: 0;
116
+ }
117
+ button,
118
+ select {
119
+ text-transform: none;
120
+ }
121
+ button,
122
+ input:where([type=button]),
123
+ input:where([type=reset]),
124
+ input:where([type=submit]) {
125
+ -webkit-appearance: button;
126
+ background-color: transparent;
127
+ background-image: none;
128
+ }
129
+ :-moz-focusring {
130
+ outline: auto;
131
+ }
132
+ :-moz-ui-invalid {
133
+ box-shadow: none;
134
+ }
135
+ progress {
136
+ vertical-align: baseline;
137
+ }
138
+ ::-webkit-inner-spin-button,
139
+ ::-webkit-outer-spin-button {
140
+ height: auto;
141
+ }
142
+ [type=search] {
143
+ -webkit-appearance: textfield;
144
+ outline-offset: -2px;
145
+ }
146
+ ::-webkit-search-decoration {
147
+ -webkit-appearance: none;
148
+ }
149
+ ::-webkit-file-upload-button {
150
+ -webkit-appearance: button;
151
+ font: inherit;
152
+ }
153
+ summary {
154
+ display: list-item;
155
+ }
156
+ blockquote,
157
+ dl,
158
+ dd,
159
+ h1,
160
+ h2,
161
+ h3,
162
+ h4,
163
+ h5,
164
+ h6,
165
+ hr,
166
+ figure,
167
+ p,
168
+ pre {
169
+ margin: 0;
170
+ }
171
+ fieldset {
172
+ margin: 0;
173
+ padding: 0;
174
+ }
175
+ legend {
176
+ padding: 0;
177
+ }
178
+ ol,
179
+ ul,
180
+ menu {
181
+ list-style: none;
182
+ margin: 0;
183
+ padding: 0;
184
+ }
185
+ dialog {
186
+ padding: 0;
187
+ }
188
+ textarea {
189
+ resize: vertical;
190
+ }
191
+ input::-moz-placeholder,
192
+ textarea::-moz-placeholder {
193
+ opacity: 1;
194
+ color: #9ca3af;
195
+ }
196
+ input::placeholder,
197
+ textarea::placeholder {
198
+ opacity: 1;
199
+ color: #9ca3af;
200
+ }
201
+ button,
202
+ [role=button] {
203
+ cursor: pointer;
204
+ }
205
+ :disabled {
206
+ cursor: default;
207
+ }
208
+ img,
209
+ svg,
210
+ video,
211
+ canvas,
212
+ audio,
213
+ iframe,
214
+ embed,
215
+ object {
216
+ display: block;
217
+ vertical-align: middle;
218
+ }
219
+ img,
220
+ video {
221
+ max-width: 100%;
222
+ height: auto;
223
+ }
224
+ [hidden] {
225
+ display: none;
226
+ }
227
+ *,
228
+ ::before,
229
+ ::after {
230
+ --tw-border-spacing-x: 0;
231
+ --tw-border-spacing-y: 0;
232
+ --tw-translate-x: 0;
233
+ --tw-translate-y: 0;
234
+ --tw-rotate: 0;
235
+ --tw-skew-x: 0;
236
+ --tw-skew-y: 0;
237
+ --tw-scale-x: 1;
238
+ --tw-scale-y: 1;
239
+ --tw-pan-x: ;
240
+ --tw-pan-y: ;
241
+ --tw-pinch-zoom: ;
242
+ --tw-scroll-snap-strictness: proximity;
243
+ --tw-gradient-from-position: ;
244
+ --tw-gradient-via-position: ;
245
+ --tw-gradient-to-position: ;
246
+ --tw-ordinal: ;
247
+ --tw-slashed-zero: ;
248
+ --tw-numeric-figure: ;
249
+ --tw-numeric-spacing: ;
250
+ --tw-numeric-fraction: ;
251
+ --tw-ring-inset: ;
252
+ --tw-ring-offset-width: 0px;
253
+ --tw-ring-offset-color: #fff;
254
+ --tw-ring-color: rgb(59 130 246 / 0.5);
255
+ --tw-ring-offset-shadow: 0 0 #0000;
256
+ --tw-ring-shadow: 0 0 #0000;
257
+ --tw-shadow: 0 0 #0000;
258
+ --tw-shadow-colored: 0 0 #0000;
259
+ --tw-blur: ;
260
+ --tw-brightness: ;
261
+ --tw-contrast: ;
262
+ --tw-grayscale: ;
263
+ --tw-hue-rotate: ;
264
+ --tw-invert: ;
265
+ --tw-saturate: ;
266
+ --tw-sepia: ;
267
+ --tw-drop-shadow: ;
268
+ --tw-backdrop-blur: ;
269
+ --tw-backdrop-brightness: ;
270
+ --tw-backdrop-contrast: ;
271
+ --tw-backdrop-grayscale: ;
272
+ --tw-backdrop-hue-rotate: ;
273
+ --tw-backdrop-invert: ;
274
+ --tw-backdrop-opacity: ;
275
+ --tw-backdrop-saturate: ;
276
+ --tw-backdrop-sepia: ;
277
+ --tw-contain-size: ;
278
+ --tw-contain-layout: ;
279
+ --tw-contain-paint: ;
280
+ --tw-contain-style: ;
281
+ }
282
+ ::backdrop {
283
+ --tw-border-spacing-x: 0;
284
+ --tw-border-spacing-y: 0;
285
+ --tw-translate-x: 0;
286
+ --tw-translate-y: 0;
287
+ --tw-rotate: 0;
288
+ --tw-skew-x: 0;
289
+ --tw-skew-y: 0;
290
+ --tw-scale-x: 1;
291
+ --tw-scale-y: 1;
292
+ --tw-pan-x: ;
293
+ --tw-pan-y: ;
294
+ --tw-pinch-zoom: ;
295
+ --tw-scroll-snap-strictness: proximity;
296
+ --tw-gradient-from-position: ;
297
+ --tw-gradient-via-position: ;
298
+ --tw-gradient-to-position: ;
299
+ --tw-ordinal: ;
300
+ --tw-slashed-zero: ;
301
+ --tw-numeric-figure: ;
302
+ --tw-numeric-spacing: ;
303
+ --tw-numeric-fraction: ;
304
+ --tw-ring-inset: ;
305
+ --tw-ring-offset-width: 0px;
306
+ --tw-ring-offset-color: #fff;
307
+ --tw-ring-color: rgb(59 130 246 / 0.5);
308
+ --tw-ring-offset-shadow: 0 0 #0000;
309
+ --tw-ring-shadow: 0 0 #0000;
310
+ --tw-shadow: 0 0 #0000;
311
+ --tw-shadow-colored: 0 0 #0000;
312
+ --tw-blur: ;
313
+ --tw-brightness: ;
314
+ --tw-contrast: ;
315
+ --tw-grayscale: ;
316
+ --tw-hue-rotate: ;
317
+ --tw-invert: ;
318
+ --tw-saturate: ;
319
+ --tw-sepia: ;
320
+ --tw-drop-shadow: ;
321
+ --tw-backdrop-blur: ;
322
+ --tw-backdrop-brightness: ;
323
+ --tw-backdrop-contrast: ;
324
+ --tw-backdrop-grayscale: ;
325
+ --tw-backdrop-hue-rotate: ;
326
+ --tw-backdrop-invert: ;
327
+ --tw-backdrop-opacity: ;
328
+ --tw-backdrop-saturate: ;
329
+ --tw-backdrop-sepia: ;
330
+ --tw-contain-size: ;
331
+ --tw-contain-layout: ;
332
+ --tw-contain-paint: ;
333
+ --tw-contain-style: ;
334
+ }
335
+ .visible {
336
+ visibility: visible;
337
+ }
338
+ .fixed {
339
+ position: fixed;
340
+ }
341
+ .m-\[10px\] {
342
+ margin: 10px;
343
+ }
344
+ .mr-3 {
345
+ margin-right: 0.75rem;
346
+ }
347
+ .flex {
348
+ display: flex;
349
+ }
350
+ .table {
351
+ display: table;
352
+ }
353
+ .grid {
354
+ display: grid;
355
+ }
356
+ .h-5 {
357
+ height: 1.25rem;
358
+ }
359
+ .w-5 {
360
+ width: 1.25rem;
361
+ }
362
+ @keyframes spin {
363
+ to {
364
+ transform: rotate(360deg);
365
+ }
366
+ }
367
+ .animate-spin {
368
+ animation: spin 1s linear infinite;
369
+ }
370
+ .rounded-\[8px\] {
371
+ border-radius: 8px;
372
+ }
373
+ .border {
374
+ border-width: 1px;
375
+ }
376
+ .border-\[\#919191\] {
377
+ --tw-border-opacity: 1;
378
+ border-color: rgb(145 145 145 / var(--tw-border-opacity));
379
+ }
380
+ .border-\[\#B8A4DE\] {
381
+ --tw-border-opacity: 1;
382
+ border-color: rgb(184 164 222 / var(--tw-border-opacity));
383
+ }
384
+ .bg-\[\#E2D6F8\] {
385
+ --tw-bg-opacity: 1;
386
+ background-color: rgb(226 214 248 / var(--tw-bg-opacity));
387
+ }
388
+ .bg-\[\#F2F2F2\] {
389
+ --tw-bg-opacity: 1;
390
+ background-color: rgb(242 242 242 / var(--tw-bg-opacity));
391
+ }
392
+ .p-\[6px\] {
393
+ padding: 6px;
394
+ }
395
+ .text-center {
396
+ text-align: center;
397
+ }
398
+ .italic {
399
+ font-style: italic;
400
+ }
401
+ .text-\[\\w-\] {
402
+ color: w-;
403
+ }
404
+ .text-black {
405
+ --tw-text-opacity: 1;
406
+ color: rgb(0 0 0 / var(--tw-text-opacity));
407
+ }
408
+ .shadow-\[0px_0px_1px_1px_\#919191\] {
409
+ --tw-shadow: 0px 0px 1px 1px #919191;
410
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
411
+ box-shadow:
412
+ var(--tw-ring-offset-shadow, 0 0 #0000),
413
+ var(--tw-ring-shadow, 0 0 #0000),
414
+ var(--tw-shadow);
415
+ }
416
+ .shadow-\[0px_0px_1px_1px_\#B8A4DE\] {
417
+ --tw-shadow: 0px 0px 1px 1px #B8A4DE;
418
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
419
+ box-shadow:
420
+ var(--tw-ring-offset-shadow, 0 0 #0000),
421
+ var(--tw-ring-shadow, 0 0 #0000),
422
+ var(--tw-shadow);
423
+ }
424
+ .filter {
425
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
426
+ }
427
+ .submit:where(.css-dev-only-do-not-override-1r287do).ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
428
+ color: #472D7A;
429
+ background-color: white;
430
+ border: solid 1px #472D7A;
431
+ }
432
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper {
433
+ border: 1px solid #919191;
434
+ }
435
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-affix-wrapper {
436
+ border: solid 1px #919191;
437
+ width: 275px;
438
+ height: 16px;
439
+ padding: 16px;
440
+ gap: 10px;
441
+ }
442
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:hover {
443
+ border: solid 1px #919191;
444
+ }
445
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus {
446
+ border: solid 1px #919191;
447
+ }
448
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus-within {
449
+ border: solid 1px #919191;
450
+ }
451
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
452
+ display: none;
453
+ }
454
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
455
+ display: none;
456
+ }
457
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:not(:first-child)::before {
458
+ width: 0;
459
+ }
460
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
461
+ border-inline-start: 1px solid rgb(145 145 145);
462
+ }
463
+ :where(.css-dev-only-do-not-override-m4timi).ant-tabs-top > .ant-tabs-nav {
464
+ margin: 0px;
465
+ }
466
+ .hover\:bg-\[\#F2F2F2\]:hover {
467
+ --tw-bg-opacity: 1;
468
+ background-color: rgb(242 242 242 / var(--tw-bg-opacity));
469
+ }
package/dist/index.d.mts CHANGED
@@ -1,13 +1,141 @@
1
- import React from 'react';
1
+ import React$1 from 'react';
2
+ import { SizeType } from 'antd/es/config-provider/SizeContext';
3
+ import { UploadFile } from 'antd/lib/upload/interface';
2
4
 
3
- interface LoginFormData {
4
- label: string;
5
- placeholder: string;
6
- required: boolean;
7
- type: 'text' | 'password' | 'password';
5
+ type ElementType = {
6
+ [x: string]: any;
7
+ selectedStyle?: boolean;
8
+ style?: boolean;
9
+ className?: string | undefined;
10
+ placeholder?: string;
11
+ addonBefore?: React.ReactNode;
12
+ defaultValue?: string;
13
+ disabled?: boolean;
14
+ prefix?: React.ReactNode;
15
+ type?: string;
16
+ size?: SizeType;
17
+ value?: string | number | boolean | any[] | null | object | undefined | any | UploadFile<any>[];
18
+ status?: "error" | "warning";
19
+ styles?: React.CSSProperties;
20
+ variant?: "outlined" | "borderless" | "filled";
21
+ label?: string;
22
+ name?: string;
23
+ suffix?: React.ReactNode;
24
+ maxLength?: number;
25
+ fieldNames?: any[];
26
+ fields?: any[];
27
+ schema?: any[];
28
+ options?: any[];
29
+ firstOptions?: any[];
30
+ secondOptions?: any[];
31
+ view?: boolean;
32
+ onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
33
+ onClick?: () => void;
34
+ dropDownOptions?: any[];
35
+ id?: number;
36
+ thead?: any[];
37
+ tbody?: any[];
38
+ variable_data?: any[];
39
+ optionType?: string;
40
+ selectedClassName?: string;
41
+ action?: React.MouseEventHandler<HTMLElement> | string;
42
+ listClassName?: string;
43
+ listItemClassName?: string;
44
+ img?: string;
45
+ items?: any[];
46
+ primaryText?: string;
47
+ secondaryText?: string;
48
+ count?: number;
49
+ icon?: string;
50
+ placement?: string;
51
+ profileImage?: string;
52
+ buttonClassName?: string;
53
+ profileImageClassName?: string;
54
+ profileSubClassName?: string;
55
+ subContainerClassName?: string;
56
+ element?: string;
57
+ secondTextClassName?: string;
58
+ iconsClassName?: string;
59
+ labelClassName?: string;
60
+ containerClassName?: string;
61
+ selectBefore?: any[];
62
+ selectAfter?: any[];
63
+ isSVGStylesOverride?: boolean;
64
+ rowSelection?: string;
65
+ length?: number;
66
+ imgClassName?: string;
67
+ loading?: boolean;
68
+ fillText1?: string;
69
+ fillText2?: string;
70
+ labels?: any[];
71
+ data?: any[];
72
+ pagination?: boolean;
73
+ is_detail?: boolean;
74
+ };
75
+
76
+ declare const TextElement: (props: ElementType) => React$1.JSX.Element;
77
+
78
+ declare const PasswordElement: (props: ElementType) => React$1.JSX.Element;
79
+
80
+ declare const NumberElement: (props: ElementType) => React$1.JSX.Element;
81
+
82
+ declare const TextareaElement: (props: ElementType) => React$1.JSX.Element;
83
+
84
+ declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
85
+
86
+ declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
87
+
88
+ declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
89
+
90
+ interface ElementExecuterProps extends ElementType {
91
+ onChange: (value: string | number | object | boolean | any[] | undefined) => void;
8
92
  }
9
- declare const Login: React.FC<{
10
- data: LoginFormData[];
11
- }>;
93
+ declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
94
+
95
+ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
96
+
97
+ declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
98
+
99
+ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
100
+
101
+ declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
102
+
103
+ declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
104
+
105
+ declare const Navbar: (props: ElementType) => React$1.JSX.Element;
106
+
107
+ declare const TableElement: (props: ElementType) => React$1.JSX.Element;
108
+
109
+ declare const DatePickerElement: (props: ElementType) => React$1.JSX.Element;
110
+
111
+ declare const DateRangePickerElement: (props: ElementType) => React$1.JSX.Element;
112
+
113
+ declare const Image: (props: ElementType) => React$1.JSX.Element;
114
+
115
+ declare const SingleCheckbox: (props: ElementType) => React$1.JSX.Element;
116
+
117
+ declare const DropDownGroup: (props: ElementType) => React$1.JSX.Element;
118
+
119
+ declare const FileUpload: (props: ElementType) => React$1.JSX.Element;
120
+
121
+ declare const TabsElement: (props: ElementType) => React$1.JSX.Element;
122
+
123
+ declare const SwitchElement: () => React$1.JSX.Element;
124
+
125
+ declare const Upload: (props: ElementType) => React$1.JSX.Element;
126
+
127
+ declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
128
+
129
+ declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
130
+
131
+ declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
132
+
133
+ declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
134
+
135
+ declare const LineChart: (props: ElementType) => React$1.JSX.Element;
136
+
137
+ declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
138
+
139
+ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
12
140
 
13
- export { Login, type LoginFormData };
141
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };