@apexcura/ui-components 0.0.14-Beta26 → 0.0.14-Beta261
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/dist/index.css +42 -0
- package/dist/index.d.mts +37 -8
- package/dist/index.d.ts +37 -8
- package/dist/index.js +961 -153
- package/dist/index.mjs +966 -142
- package/package.json +13 -7
- package/postcss.config.js +7 -6
- package/tailwind.config.js +2 -3
package/dist/index.css
CHANGED
|
@@ -335,6 +335,12 @@ video {
|
|
|
335
335
|
.visible {
|
|
336
336
|
visibility: visible;
|
|
337
337
|
}
|
|
338
|
+
.fixed {
|
|
339
|
+
position: fixed;
|
|
340
|
+
}
|
|
341
|
+
.m-10 {
|
|
342
|
+
margin: 2.5rem;
|
|
343
|
+
}
|
|
338
344
|
.m-\[10px\] {
|
|
339
345
|
margin: 10px;
|
|
340
346
|
}
|
|
@@ -344,12 +350,21 @@ video {
|
|
|
344
350
|
.table {
|
|
345
351
|
display: table;
|
|
346
352
|
}
|
|
353
|
+
.grid {
|
|
354
|
+
display: grid;
|
|
355
|
+
}
|
|
356
|
+
.flex-col {
|
|
357
|
+
flex-direction: column;
|
|
358
|
+
}
|
|
347
359
|
.rounded-\[8px\] {
|
|
348
360
|
border-radius: 8px;
|
|
349
361
|
}
|
|
350
362
|
.border {
|
|
351
363
|
border-width: 1px;
|
|
352
364
|
}
|
|
365
|
+
.border-4 {
|
|
366
|
+
border-width: 4px;
|
|
367
|
+
}
|
|
353
368
|
.border-\[\#919191\] {
|
|
354
369
|
--tw-border-opacity: 1;
|
|
355
370
|
border-color: rgb(145 145 145 / var(--tw-border-opacity));
|
|
@@ -366,19 +381,36 @@ video {
|
|
|
366
381
|
--tw-bg-opacity: 1;
|
|
367
382
|
background-color: rgb(242 242 242 / var(--tw-bg-opacity));
|
|
368
383
|
}
|
|
384
|
+
.bg-green-500 {
|
|
385
|
+
--tw-bg-opacity: 1;
|
|
386
|
+
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
387
|
+
}
|
|
388
|
+
.p-10 {
|
|
389
|
+
padding: 2.5rem;
|
|
390
|
+
}
|
|
369
391
|
.p-\[6px\] {
|
|
370
392
|
padding: 6px;
|
|
371
393
|
}
|
|
372
394
|
.text-center {
|
|
373
395
|
text-align: center;
|
|
374
396
|
}
|
|
397
|
+
.font-semibold {
|
|
398
|
+
font-weight: 600;
|
|
399
|
+
}
|
|
375
400
|
.italic {
|
|
376
401
|
font-style: italic;
|
|
377
402
|
}
|
|
403
|
+
.text-\[\\w-\] {
|
|
404
|
+
color: w-;
|
|
405
|
+
}
|
|
378
406
|
.text-black {
|
|
379
407
|
--tw-text-opacity: 1;
|
|
380
408
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
381
409
|
}
|
|
410
|
+
.text-white {
|
|
411
|
+
--tw-text-opacity: 1;
|
|
412
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
413
|
+
}
|
|
382
414
|
.shadow-\[0px_0px_1px_1px_\#919191\] {
|
|
383
415
|
--tw-shadow: 0px 0px 1px 1px #919191;
|
|
384
416
|
--tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
|
|
@@ -395,9 +427,16 @@ video {
|
|
|
395
427
|
var(--tw-ring-shadow, 0 0 #0000),
|
|
396
428
|
var(--tw-shadow);
|
|
397
429
|
}
|
|
430
|
+
.invert {
|
|
431
|
+
--tw-invert: invert(100%);
|
|
432
|
+
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);
|
|
433
|
+
}
|
|
398
434
|
.filter {
|
|
399
435
|
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);
|
|
400
436
|
}
|
|
437
|
+
.bg-sky-700 .icon-active {
|
|
438
|
+
filter: brightness(0) invert(1);
|
|
439
|
+
}
|
|
401
440
|
.submit:where(.css-dev-only-do-not-override-1r287do).ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
|
|
402
441
|
color: #472D7A;
|
|
403
442
|
background-color: white;
|
|
@@ -434,6 +473,9 @@ video {
|
|
|
434
473
|
:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
|
|
435
474
|
border-inline-start: 1px solid rgb(145 145 145);
|
|
436
475
|
}
|
|
476
|
+
:where(.css-dev-only-do-not-override-m4timi).ant-tabs-top > .ant-tabs-nav {
|
|
477
|
+
margin: 0px;
|
|
478
|
+
}
|
|
437
479
|
.hover\:bg-\[\#F2F2F2\]:hover {
|
|
438
480
|
--tw-bg-opacity: 1;
|
|
439
481
|
background-color: rgb(242 242 242 / var(--tw-bg-opacity));
|
package/dist/index.d.mts
CHANGED
|
@@ -4,9 +4,9 @@ import { UploadFile } from 'antd/lib/upload/interface';
|
|
|
4
4
|
|
|
5
5
|
type ElementType = {
|
|
6
6
|
[x: string]: any;
|
|
7
|
-
selectedStyle
|
|
8
|
-
style
|
|
9
|
-
className
|
|
7
|
+
selectedStyle?: boolean;
|
|
8
|
+
style?: boolean;
|
|
9
|
+
className?: string | undefined;
|
|
10
10
|
placeholder?: string;
|
|
11
11
|
addonBefore?: React.ReactNode;
|
|
12
12
|
defaultValue?: string;
|
|
@@ -26,8 +26,9 @@ type ElementType = {
|
|
|
26
26
|
fields?: any[];
|
|
27
27
|
schema?: any[];
|
|
28
28
|
options?: any[];
|
|
29
|
-
firstOptions
|
|
30
|
-
secondOptions
|
|
29
|
+
firstOptions?: any[];
|
|
30
|
+
secondOptions?: any[];
|
|
31
|
+
view?: boolean;
|
|
31
32
|
onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
|
|
32
33
|
onClick?: () => void;
|
|
33
34
|
dropDownOptions?: any[];
|
|
@@ -45,7 +46,7 @@ type ElementType = {
|
|
|
45
46
|
primaryText?: string;
|
|
46
47
|
secondaryText?: string;
|
|
47
48
|
count?: number;
|
|
48
|
-
icon?: string;
|
|
49
|
+
icon?: string | any;
|
|
49
50
|
placement?: string;
|
|
50
51
|
profileImage?: string;
|
|
51
52
|
buttonClassName?: string;
|
|
@@ -59,6 +60,18 @@ type ElementType = {
|
|
|
59
60
|
containerClassName?: string;
|
|
60
61
|
selectBefore?: any[];
|
|
61
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
|
+
dateTime?: string;
|
|
62
75
|
};
|
|
63
76
|
|
|
64
77
|
declare const TextElement: (props: ElementType) => React$1.JSX.Element;
|
|
@@ -84,7 +97,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
84
97
|
|
|
85
98
|
declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
86
99
|
|
|
87
|
-
declare const ButtonElement: React$1.
|
|
100
|
+
declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
|
|
88
101
|
|
|
89
102
|
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
90
103
|
|
|
@@ -110,4 +123,20 @@ declare const TabsElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
110
123
|
|
|
111
124
|
declare const SwitchElement: () => React$1.JSX.Element;
|
|
112
125
|
|
|
113
|
-
|
|
126
|
+
declare const Upload: (props: ElementType) => React$1.JSX.Element;
|
|
127
|
+
|
|
128
|
+
declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
|
|
129
|
+
|
|
130
|
+
declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
131
|
+
|
|
132
|
+
declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
133
|
+
|
|
134
|
+
declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
135
|
+
|
|
136
|
+
declare const LineChart: (props: ElementType) => React$1.JSX.Element;
|
|
137
|
+
|
|
138
|
+
declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
139
|
+
|
|
140
|
+
declare const BarChart: (props: ElementType) => React$1.JSX.Element;
|
|
141
|
+
|
|
142
|
+
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -4,9 +4,9 @@ import { UploadFile } from 'antd/lib/upload/interface';
|
|
|
4
4
|
|
|
5
5
|
type ElementType = {
|
|
6
6
|
[x: string]: any;
|
|
7
|
-
selectedStyle
|
|
8
|
-
style
|
|
9
|
-
className
|
|
7
|
+
selectedStyle?: boolean;
|
|
8
|
+
style?: boolean;
|
|
9
|
+
className?: string | undefined;
|
|
10
10
|
placeholder?: string;
|
|
11
11
|
addonBefore?: React.ReactNode;
|
|
12
12
|
defaultValue?: string;
|
|
@@ -26,8 +26,9 @@ type ElementType = {
|
|
|
26
26
|
fields?: any[];
|
|
27
27
|
schema?: any[];
|
|
28
28
|
options?: any[];
|
|
29
|
-
firstOptions
|
|
30
|
-
secondOptions
|
|
29
|
+
firstOptions?: any[];
|
|
30
|
+
secondOptions?: any[];
|
|
31
|
+
view?: boolean;
|
|
31
32
|
onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
|
|
32
33
|
onClick?: () => void;
|
|
33
34
|
dropDownOptions?: any[];
|
|
@@ -45,7 +46,7 @@ type ElementType = {
|
|
|
45
46
|
primaryText?: string;
|
|
46
47
|
secondaryText?: string;
|
|
47
48
|
count?: number;
|
|
48
|
-
icon?: string;
|
|
49
|
+
icon?: string | any;
|
|
49
50
|
placement?: string;
|
|
50
51
|
profileImage?: string;
|
|
51
52
|
buttonClassName?: string;
|
|
@@ -59,6 +60,18 @@ type ElementType = {
|
|
|
59
60
|
containerClassName?: string;
|
|
60
61
|
selectBefore?: any[];
|
|
61
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
|
+
dateTime?: string;
|
|
62
75
|
};
|
|
63
76
|
|
|
64
77
|
declare const TextElement: (props: ElementType) => React$1.JSX.Element;
|
|
@@ -84,7 +97,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
84
97
|
|
|
85
98
|
declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
86
99
|
|
|
87
|
-
declare const ButtonElement: React$1.
|
|
100
|
+
declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
|
|
88
101
|
|
|
89
102
|
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
90
103
|
|
|
@@ -110,4 +123,20 @@ declare const TabsElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
110
123
|
|
|
111
124
|
declare const SwitchElement: () => React$1.JSX.Element;
|
|
112
125
|
|
|
113
|
-
|
|
126
|
+
declare const Upload: (props: ElementType) => React$1.JSX.Element;
|
|
127
|
+
|
|
128
|
+
declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
|
|
129
|
+
|
|
130
|
+
declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
131
|
+
|
|
132
|
+
declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
133
|
+
|
|
134
|
+
declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
135
|
+
|
|
136
|
+
declare const LineChart: (props: ElementType) => React$1.JSX.Element;
|
|
137
|
+
|
|
138
|
+
declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
139
|
+
|
|
140
|
+
declare const BarChart: (props: ElementType) => React$1.JSX.Element;
|
|
141
|
+
|
|
142
|
+
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 };
|