@apexcura/ui-components 0.0.14-Beta30 → 0.0.14-Beta301
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 +46 -23
- package/dist/index.d.mts +45 -9
- package/dist/index.d.ts +45 -9
- package/dist/index.js +868 -223
- package/dist/index.mjs +866 -206
- 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,9 @@ video {
|
|
|
335
335
|
.visible {
|
|
336
336
|
visibility: visible;
|
|
337
337
|
}
|
|
338
|
+
.fixed {
|
|
339
|
+
position: fixed;
|
|
340
|
+
}
|
|
338
341
|
.m-\[10px\] {
|
|
339
342
|
margin: 10px;
|
|
340
343
|
}
|
|
@@ -344,6 +347,9 @@ video {
|
|
|
344
347
|
.table {
|
|
345
348
|
display: table;
|
|
346
349
|
}
|
|
350
|
+
.grid {
|
|
351
|
+
display: grid;
|
|
352
|
+
}
|
|
347
353
|
.rounded-\[8px\] {
|
|
348
354
|
border-radius: 8px;
|
|
349
355
|
}
|
|
@@ -375,10 +381,17 @@ video {
|
|
|
375
381
|
.italic {
|
|
376
382
|
font-style: italic;
|
|
377
383
|
}
|
|
384
|
+
.text-\[\\w-\] {
|
|
385
|
+
color: w-;
|
|
386
|
+
}
|
|
378
387
|
.text-black {
|
|
379
388
|
--tw-text-opacity: 1;
|
|
380
389
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
381
390
|
}
|
|
391
|
+
.text-white {
|
|
392
|
+
--tw-text-opacity: 1;
|
|
393
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
394
|
+
}
|
|
382
395
|
.shadow-\[0px_0px_1px_1px_\#919191\] {
|
|
383
396
|
--tw-shadow: 0px 0px 1px 1px #919191;
|
|
384
397
|
--tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
|
|
@@ -395,44 +408,54 @@ video {
|
|
|
395
408
|
var(--tw-ring-shadow, 0 0 #0000),
|
|
396
409
|
var(--tw-shadow);
|
|
397
410
|
}
|
|
411
|
+
.invert {
|
|
412
|
+
--tw-invert: invert(100%);
|
|
413
|
+
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);
|
|
414
|
+
}
|
|
398
415
|
.filter {
|
|
399
416
|
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
417
|
}
|
|
401
|
-
.
|
|
418
|
+
.bg-sky-700 .icon-active {
|
|
419
|
+
filter: brightness(0) invert(1);
|
|
420
|
+
}
|
|
421
|
+
.submit.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
|
|
402
422
|
color: #472D7A;
|
|
403
423
|
background-color: white;
|
|
404
424
|
border: solid 1px #472D7A;
|
|
405
425
|
}
|
|
406
|
-
|
|
407
|
-
border: 1px solid #919191;
|
|
426
|
+
.ant-radio-button-wrapper {
|
|
427
|
+
border: 1px solid #919191 !important;
|
|
408
428
|
}
|
|
409
|
-
|
|
410
|
-
border: solid 1px #919191;
|
|
411
|
-
width: 275px;
|
|
412
|
-
height: 16px;
|
|
413
|
-
padding: 16px;
|
|
414
|
-
gap: 10px;
|
|
429
|
+
.ant-input-affix-wrapper {
|
|
430
|
+
border: solid 1px #919191 !important;
|
|
431
|
+
width: 275px !important;
|
|
432
|
+
height: 16px !important;
|
|
433
|
+
padding: 16px !important;
|
|
434
|
+
gap: 10px !important;
|
|
415
435
|
}
|
|
416
|
-
|
|
417
|
-
border: solid 1px #919191;
|
|
436
|
+
.ant-input-outlined:hover {
|
|
437
|
+
border: solid 1px #919191 !important;
|
|
418
438
|
}
|
|
419
|
-
|
|
420
|
-
border: solid 1px #919191;
|
|
439
|
+
.ant-input-outlined:focus {
|
|
440
|
+
border: solid 1px #919191 !important;
|
|
421
441
|
}
|
|
422
|
-
|
|
423
|
-
border: solid 1px #919191;
|
|
442
|
+
.ant-input-outlined:focus-within {
|
|
443
|
+
border: solid 1px #919191 !important;
|
|
424
444
|
}
|
|
425
|
-
|
|
426
|
-
display: none;
|
|
445
|
+
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
|
|
446
|
+
display: none !important;
|
|
427
447
|
}
|
|
428
|
-
|
|
429
|
-
display: none;
|
|
448
|
+
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
|
|
449
|
+
display: none !important;
|
|
450
|
+
}
|
|
451
|
+
.ant-radio-button-wrapper:not(:first-child)::before {
|
|
452
|
+
width: 0 !important;
|
|
430
453
|
}
|
|
431
|
-
|
|
432
|
-
|
|
454
|
+
.ant-radio-button-wrapper:first-child {
|
|
455
|
+
border-inline-start: 1px solid rgb(145 145 145) !important;
|
|
433
456
|
}
|
|
434
|
-
|
|
435
|
-
|
|
457
|
+
.ant-tabs-top > .ant-tabs-nav {
|
|
458
|
+
margin: 0px !important;
|
|
436
459
|
}
|
|
437
460
|
.hover\:bg-\[\#F2F2F2\]:hover {
|
|
438
461
|
--tw-bg-opacity: 1;
|
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,23 @@ 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;
|
|
75
|
+
minRows?: number;
|
|
76
|
+
maxRows?: number;
|
|
77
|
+
mode?: "multiple" | "tags" | undefined;
|
|
78
|
+
picker?: "date" | "week" | "month" | "quarter" | "year";
|
|
79
|
+
weekrange?: boolean;
|
|
62
80
|
};
|
|
63
81
|
|
|
64
82
|
declare const TextElement: (props: ElementType) => React$1.JSX.Element;
|
|
@@ -84,11 +102,11 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
84
102
|
|
|
85
103
|
declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
86
104
|
|
|
87
|
-
declare const ButtonElement: React$1.
|
|
105
|
+
declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
|
|
88
106
|
|
|
89
107
|
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
90
108
|
|
|
91
|
-
declare const Sidebar:
|
|
109
|
+
declare const Sidebar: React$1.FC;
|
|
92
110
|
|
|
93
111
|
declare const Navbar: (props: ElementType) => React$1.JSX.Element;
|
|
94
112
|
|
|
@@ -112,4 +130,22 @@ declare const SwitchElement: () => React$1.JSX.Element;
|
|
|
112
130
|
|
|
113
131
|
declare const Upload: (props: ElementType) => React$1.JSX.Element;
|
|
114
132
|
|
|
115
|
-
|
|
133
|
+
declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
|
|
134
|
+
|
|
135
|
+
declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
136
|
+
|
|
137
|
+
declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
138
|
+
|
|
139
|
+
declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
140
|
+
|
|
141
|
+
declare const LineChart: (props: ElementType) => React$1.JSX.Element;
|
|
142
|
+
|
|
143
|
+
declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
144
|
+
|
|
145
|
+
declare const BarChart: (props: ElementType) => React$1.JSX.Element;
|
|
146
|
+
|
|
147
|
+
declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
|
|
148
|
+
|
|
149
|
+
declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
|
|
150
|
+
|
|
151
|
+
export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, 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,23 @@ 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;
|
|
75
|
+
minRows?: number;
|
|
76
|
+
maxRows?: number;
|
|
77
|
+
mode?: "multiple" | "tags" | undefined;
|
|
78
|
+
picker?: "date" | "week" | "month" | "quarter" | "year";
|
|
79
|
+
weekrange?: boolean;
|
|
62
80
|
};
|
|
63
81
|
|
|
64
82
|
declare const TextElement: (props: ElementType) => React$1.JSX.Element;
|
|
@@ -84,11 +102,11 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
84
102
|
|
|
85
103
|
declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
86
104
|
|
|
87
|
-
declare const ButtonElement: React$1.
|
|
105
|
+
declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
|
|
88
106
|
|
|
89
107
|
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
90
108
|
|
|
91
|
-
declare const Sidebar:
|
|
109
|
+
declare const Sidebar: React$1.FC;
|
|
92
110
|
|
|
93
111
|
declare const Navbar: (props: ElementType) => React$1.JSX.Element;
|
|
94
112
|
|
|
@@ -112,4 +130,22 @@ declare const SwitchElement: () => React$1.JSX.Element;
|
|
|
112
130
|
|
|
113
131
|
declare const Upload: (props: ElementType) => React$1.JSX.Element;
|
|
114
132
|
|
|
115
|
-
|
|
133
|
+
declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
|
|
134
|
+
|
|
135
|
+
declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
136
|
+
|
|
137
|
+
declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
138
|
+
|
|
139
|
+
declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
140
|
+
|
|
141
|
+
declare const LineChart: (props: ElementType) => React$1.JSX.Element;
|
|
142
|
+
|
|
143
|
+
declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
144
|
+
|
|
145
|
+
declare const BarChart: (props: ElementType) => React$1.JSX.Element;
|
|
146
|
+
|
|
147
|
+
declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
|
|
148
|
+
|
|
149
|
+
declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
|
|
150
|
+
|
|
151
|
+
export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
|