@esic-lab/data-core-ui 0.0.57 → 0.0.58
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 +58 -12
- package/dist/index.d.mts +18 -2
- package/dist/index.d.ts +18 -2
- package/dist/index.js +474 -19
- package/dist/index.mjs +482 -19
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -37,7 +37,6 @@
|
|
|
37
37
|
--color-blue-500: #0095ff;
|
|
38
38
|
--color-blue-600: #0088e8;
|
|
39
39
|
--color-blue-700: #006ab5;
|
|
40
|
-
--color-blue-800: #00528c;
|
|
41
40
|
--color-indigo-100: oklch(93% 0.034 272.788);
|
|
42
41
|
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
|
43
42
|
--color-gray-50: #f9fafb;
|
|
@@ -71,6 +70,7 @@
|
|
|
71
70
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
72
71
|
--default-font-family: var(--font-sans);
|
|
73
72
|
--default-mono-font-family: var(--font-mono);
|
|
73
|
+
--color-primary-800: #2b3587;
|
|
74
74
|
--color-primary-700: #3745af;
|
|
75
75
|
--color-primary-500: #4e61f6;
|
|
76
76
|
--color-primary-400: #7181f8;
|
|
@@ -274,6 +274,9 @@
|
|
|
274
274
|
.invisible {
|
|
275
275
|
visibility: hidden;
|
|
276
276
|
}
|
|
277
|
+
.visible {
|
|
278
|
+
visibility: visible;
|
|
279
|
+
}
|
|
277
280
|
.absolute {
|
|
278
281
|
position: absolute;
|
|
279
282
|
}
|
|
@@ -286,6 +289,9 @@
|
|
|
286
289
|
.static {
|
|
287
290
|
position: static;
|
|
288
291
|
}
|
|
292
|
+
.sticky {
|
|
293
|
+
position: sticky;
|
|
294
|
+
}
|
|
289
295
|
.inset-0 {
|
|
290
296
|
inset: calc(var(--spacing) * 0);
|
|
291
297
|
}
|
|
@@ -304,9 +310,15 @@
|
|
|
304
310
|
.right-0 {
|
|
305
311
|
right: calc(var(--spacing) * 0);
|
|
306
312
|
}
|
|
313
|
+
.right-1\/2 {
|
|
314
|
+
right: calc(1/2 * 100%);
|
|
315
|
+
}
|
|
307
316
|
.right-3 {
|
|
308
317
|
right: calc(var(--spacing) * 3);
|
|
309
318
|
}
|
|
319
|
+
.bottom-0 {
|
|
320
|
+
bottom: calc(var(--spacing) * 0);
|
|
321
|
+
}
|
|
310
322
|
.left-0 {
|
|
311
323
|
left: calc(var(--spacing) * 0);
|
|
312
324
|
}
|
|
@@ -346,6 +358,9 @@
|
|
|
346
358
|
.mt-8 {
|
|
347
359
|
margin-top: calc(var(--spacing) * 8);
|
|
348
360
|
}
|
|
361
|
+
.mt-10 {
|
|
362
|
+
margin-top: calc(var(--spacing) * 10);
|
|
363
|
+
}
|
|
349
364
|
.mt-\[-12px\] {
|
|
350
365
|
margin-top: -12px;
|
|
351
366
|
}
|
|
@@ -394,6 +409,12 @@
|
|
|
394
409
|
.ml-auto {
|
|
395
410
|
margin-left: auto;
|
|
396
411
|
}
|
|
412
|
+
.line-clamp-2 {
|
|
413
|
+
overflow: hidden;
|
|
414
|
+
display: -webkit-box;
|
|
415
|
+
-webkit-box-orient: vertical;
|
|
416
|
+
-webkit-line-clamp: 2;
|
|
417
|
+
}
|
|
397
418
|
.block {
|
|
398
419
|
display: block;
|
|
399
420
|
}
|
|
@@ -472,6 +493,9 @@
|
|
|
472
493
|
.h-\[314px\] {
|
|
473
494
|
height: 314px;
|
|
474
495
|
}
|
|
496
|
+
.h-\[450px\] {
|
|
497
|
+
height: 450px;
|
|
498
|
+
}
|
|
475
499
|
.h-\[500px\] {
|
|
476
500
|
height: 500px;
|
|
477
501
|
}
|
|
@@ -499,9 +523,6 @@
|
|
|
499
523
|
.w-1\/2 {
|
|
500
524
|
width: calc(1/2 * 100%);
|
|
501
525
|
}
|
|
502
|
-
.w-1\/4 {
|
|
503
|
-
width: calc(1/4 * 100%);
|
|
504
|
-
}
|
|
505
526
|
.w-4 {
|
|
506
527
|
width: calc(var(--spacing) * 4);
|
|
507
528
|
}
|
|
@@ -571,6 +592,9 @@
|
|
|
571
592
|
.w-\[400px\] {
|
|
572
593
|
width: 400px;
|
|
573
594
|
}
|
|
595
|
+
.w-\[420px\] {
|
|
596
|
+
width: 420px;
|
|
597
|
+
}
|
|
574
598
|
.w-\[500px\] {
|
|
575
599
|
width: 500px;
|
|
576
600
|
}
|
|
@@ -619,6 +643,10 @@
|
|
|
619
643
|
--tw-translate-y: calc(var(--spacing) * -2);
|
|
620
644
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
621
645
|
}
|
|
646
|
+
.translate-y-2 {
|
|
647
|
+
--tw-translate-y: calc(var(--spacing) * 2);
|
|
648
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
649
|
+
}
|
|
622
650
|
.scale-0 {
|
|
623
651
|
--tw-scale-x: 0%;
|
|
624
652
|
--tw-scale-y: 0%;
|
|
@@ -664,6 +692,15 @@
|
|
|
664
692
|
.grid-cols-\[1fr_50px\] {
|
|
665
693
|
grid-template-columns: 1fr 50px;
|
|
666
694
|
}
|
|
695
|
+
.grid-cols-\[1fr_70px\] {
|
|
696
|
+
grid-template-columns: 1fr 70px;
|
|
697
|
+
}
|
|
698
|
+
.grid-cols-\[1fr_100px\] {
|
|
699
|
+
grid-template-columns: 1fr 100px;
|
|
700
|
+
}
|
|
701
|
+
.grid-cols-\[1fr_100px_50px\] {
|
|
702
|
+
grid-template-columns: 1fr 100px 50px;
|
|
703
|
+
}
|
|
667
704
|
.grid-cols-\[1fr_200px_200px_50px\] {
|
|
668
705
|
grid-template-columns: 1fr 200px 200px 50px;
|
|
669
706
|
}
|
|
@@ -846,9 +883,9 @@
|
|
|
846
883
|
border-style: var(--tw-border-style);
|
|
847
884
|
border-width: 3px;
|
|
848
885
|
}
|
|
849
|
-
.border-
|
|
886
|
+
.border-10 {
|
|
850
887
|
border-style: var(--tw-border-style);
|
|
851
|
-
border-width:
|
|
888
|
+
border-width: 10px;
|
|
852
889
|
}
|
|
853
890
|
.border-\[1px\] {
|
|
854
891
|
border-style: var(--tw-border-style);
|
|
@@ -1049,6 +1086,9 @@
|
|
|
1049
1086
|
.pb-\[16px\] {
|
|
1050
1087
|
padding-bottom: 16px;
|
|
1051
1088
|
}
|
|
1089
|
+
.pl-2 {
|
|
1090
|
+
padding-left: calc(var(--spacing) * 2);
|
|
1091
|
+
}
|
|
1052
1092
|
.pl-\[200px\] {
|
|
1053
1093
|
padding-left: 200px;
|
|
1054
1094
|
}
|
|
@@ -1107,6 +1147,9 @@
|
|
|
1107
1147
|
.text-blue-700 {
|
|
1108
1148
|
color: var(--color-blue-700);
|
|
1109
1149
|
}
|
|
1150
|
+
.text-gray-200 {
|
|
1151
|
+
color: var(--color-gray-200);
|
|
1152
|
+
}
|
|
1110
1153
|
.text-gray-300 {
|
|
1111
1154
|
color: var(--color-gray-300);
|
|
1112
1155
|
}
|
|
@@ -1125,6 +1168,9 @@
|
|
|
1125
1168
|
.text-gray-800 {
|
|
1126
1169
|
color: var(--color-gray-800);
|
|
1127
1170
|
}
|
|
1171
|
+
.text-green-500 {
|
|
1172
|
+
color: var(--color-green-500);
|
|
1173
|
+
}
|
|
1128
1174
|
.text-green-600 {
|
|
1129
1175
|
color: var(--color-green-600);
|
|
1130
1176
|
}
|
|
@@ -1458,24 +1504,24 @@
|
|
|
1458
1504
|
}
|
|
1459
1505
|
}
|
|
1460
1506
|
}
|
|
1461
|
-
.hover\:text-
|
|
1507
|
+
.hover\:text-gray-400 {
|
|
1462
1508
|
&:hover {
|
|
1463
1509
|
@media (hover: hover) {
|
|
1464
|
-
color: var(--color-
|
|
1510
|
+
color: var(--color-gray-400);
|
|
1465
1511
|
}
|
|
1466
1512
|
}
|
|
1467
1513
|
}
|
|
1468
|
-
.hover\:text-
|
|
1514
|
+
.hover\:text-primary-400 {
|
|
1469
1515
|
&:hover {
|
|
1470
1516
|
@media (hover: hover) {
|
|
1471
|
-
color: var(--color-
|
|
1517
|
+
color: var(--color-primary-400);
|
|
1472
1518
|
}
|
|
1473
1519
|
}
|
|
1474
1520
|
}
|
|
1475
|
-
.hover\:text-primary-
|
|
1521
|
+
.hover\:text-primary-800 {
|
|
1476
1522
|
&:hover {
|
|
1477
1523
|
@media (hover: hover) {
|
|
1478
|
-
color: var(--color-primary-
|
|
1524
|
+
color: var(--color-primary-800);
|
|
1479
1525
|
}
|
|
1480
1526
|
}
|
|
1481
1527
|
}
|
package/dist/index.d.mts
CHANGED
|
@@ -565,8 +565,9 @@ interface ProfileSelectProp {
|
|
|
565
565
|
mode: "show" | "showAssign" | "icon";
|
|
566
566
|
className?: string;
|
|
567
567
|
onUpdateAssignUser: (user: UserData, action?: "add" | "remove") => void;
|
|
568
|
+
placeholder?: string;
|
|
568
569
|
}
|
|
569
|
-
declare function ProfileSelect({ allUser, assignUser, mode, className, onUpdateAssignUser, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
|
|
570
|
+
declare function ProfileSelect({ allUser, assignUser, mode, className, onUpdateAssignUser, placeholder, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
|
|
570
571
|
|
|
571
572
|
interface QRCodeGeneratorProps {
|
|
572
573
|
url: string;
|
|
@@ -620,4 +621,19 @@ interface PieChartProps {
|
|
|
620
621
|
}
|
|
621
622
|
declare const PieChart: react.FC<PieChartProps>;
|
|
622
623
|
|
|
623
|
-
|
|
624
|
+
interface GanttElement {
|
|
625
|
+
id: string;
|
|
626
|
+
label: string;
|
|
627
|
+
startDate?: Date;
|
|
628
|
+
endDate: Date;
|
|
629
|
+
color: string;
|
|
630
|
+
status: 'pending' | 'in-progress' | 'completed';
|
|
631
|
+
}
|
|
632
|
+
interface GanttChartProps {
|
|
633
|
+
data: GanttElement[];
|
|
634
|
+
width: number;
|
|
635
|
+
height: number;
|
|
636
|
+
}
|
|
637
|
+
declare const GanttChart: react.FC<GanttChartProps>;
|
|
638
|
+
|
|
639
|
+
export { AntDModal, AntDataTable, BarChart, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRange, FileUploader, FilterPopUp, GanttChart, GhostButton, HeadingPage, Indicator, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PieChart, PrimaryButton, ProfileSelect, ProgressBar, QRCodeGenerator, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, SwitchSelect, TabProject, TabSelectionButton, TextAreaInput, TextInput, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };
|
package/dist/index.d.ts
CHANGED
|
@@ -565,8 +565,9 @@ interface ProfileSelectProp {
|
|
|
565
565
|
mode: "show" | "showAssign" | "icon";
|
|
566
566
|
className?: string;
|
|
567
567
|
onUpdateAssignUser: (user: UserData, action?: "add" | "remove") => void;
|
|
568
|
+
placeholder?: string;
|
|
568
569
|
}
|
|
569
|
-
declare function ProfileSelect({ allUser, assignUser, mode, className, onUpdateAssignUser, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
|
|
570
|
+
declare function ProfileSelect({ allUser, assignUser, mode, className, onUpdateAssignUser, placeholder, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
|
|
570
571
|
|
|
571
572
|
interface QRCodeGeneratorProps {
|
|
572
573
|
url: string;
|
|
@@ -620,4 +621,19 @@ interface PieChartProps {
|
|
|
620
621
|
}
|
|
621
622
|
declare const PieChart: react.FC<PieChartProps>;
|
|
622
623
|
|
|
623
|
-
|
|
624
|
+
interface GanttElement {
|
|
625
|
+
id: string;
|
|
626
|
+
label: string;
|
|
627
|
+
startDate?: Date;
|
|
628
|
+
endDate: Date;
|
|
629
|
+
color: string;
|
|
630
|
+
status: 'pending' | 'in-progress' | 'completed';
|
|
631
|
+
}
|
|
632
|
+
interface GanttChartProps {
|
|
633
|
+
data: GanttElement[];
|
|
634
|
+
width: number;
|
|
635
|
+
height: number;
|
|
636
|
+
}
|
|
637
|
+
declare const GanttChart: react.FC<GanttChartProps>;
|
|
638
|
+
|
|
639
|
+
export { AntDModal, AntDataTable, BarChart, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRange, FileUploader, FilterPopUp, GanttChart, GhostButton, HeadingPage, Indicator, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, PieChart, PrimaryButton, ProfileSelect, ProgressBar, QRCodeGenerator, Radio, RadioGroup, SecondaryButton, SelectCustom, SelectField, SelectFieldGroup, SelectFieldStatus, SelectFieldStatusReport, SelectFieldTag, Sidebar, SortFilter, Switch, SwitchSelect, TabProject, TabSelectionButton, TextAreaInput, TextInput, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };
|