@esic-lab/data-core-ui 0.0.45 → 0.0.47
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 +31 -11
- package/dist/index.d.mts +43 -3
- package/dist/index.d.ts +43 -3
- package/dist/index.js +580 -55
- package/dist/index.mjs +584 -56
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
--color-red-600: #ee443f;
|
|
30
30
|
--color-red-700: #a9302d;
|
|
31
31
|
--color-yellow-400: #ffbb33;
|
|
32
|
+
--color-yellow-500: #ffaa00;
|
|
32
33
|
--color-green-400: #69c57d;
|
|
33
34
|
--color-green-500: #43b75d;
|
|
34
35
|
--color-green-600: #3da755;
|
|
@@ -339,8 +340,8 @@
|
|
|
339
340
|
.mt-4 {
|
|
340
341
|
margin-top: calc(var(--spacing) * 4);
|
|
341
342
|
}
|
|
342
|
-
.mt-
|
|
343
|
-
margin-top: calc(var(--spacing) *
|
|
343
|
+
.mt-8 {
|
|
344
|
+
margin-top: calc(var(--spacing) * 8);
|
|
344
345
|
}
|
|
345
346
|
.mt-\[-12px\] {
|
|
346
347
|
margin-top: -12px;
|
|
@@ -465,6 +466,12 @@
|
|
|
465
466
|
.h-\[47px\] {
|
|
466
467
|
height: 47px;
|
|
467
468
|
}
|
|
469
|
+
.h-\[250px\] {
|
|
470
|
+
height: 250px;
|
|
471
|
+
}
|
|
472
|
+
.h-\[314px\] {
|
|
473
|
+
height: 314px;
|
|
474
|
+
}
|
|
468
475
|
.h-\[500px\] {
|
|
469
476
|
height: 500px;
|
|
470
477
|
}
|
|
@@ -480,12 +487,6 @@
|
|
|
480
487
|
.h-screen {
|
|
481
488
|
height: 100vh;
|
|
482
489
|
}
|
|
483
|
-
.max-h-\[250px\] {
|
|
484
|
-
max-height: 250px;
|
|
485
|
-
}
|
|
486
|
-
.max-h-\[300px\] {
|
|
487
|
-
max-height: 300px;
|
|
488
|
-
}
|
|
489
490
|
.min-h-\[120px\] {
|
|
490
491
|
min-height: 120px;
|
|
491
492
|
}
|
|
@@ -573,9 +574,6 @@
|
|
|
573
574
|
.w-\[250px\] {
|
|
574
575
|
width: 250px;
|
|
575
576
|
}
|
|
576
|
-
.w-\[300px\] {
|
|
577
|
-
width: 300px;
|
|
578
|
-
}
|
|
579
577
|
.w-\[500px\] {
|
|
580
578
|
width: 500px;
|
|
581
579
|
}
|
|
@@ -588,6 +586,12 @@
|
|
|
588
586
|
.w-full {
|
|
589
587
|
width: 100%;
|
|
590
588
|
}
|
|
589
|
+
.max-w-\[400px\] {
|
|
590
|
+
max-width: 400px;
|
|
591
|
+
}
|
|
592
|
+
.min-w-\[261px\] {
|
|
593
|
+
min-width: 261px;
|
|
594
|
+
}
|
|
591
595
|
.min-w-\[400px\] {
|
|
592
596
|
min-width: 400px;
|
|
593
597
|
}
|
|
@@ -748,6 +752,13 @@
|
|
|
748
752
|
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
|
|
749
753
|
}
|
|
750
754
|
}
|
|
755
|
+
.space-y-2 {
|
|
756
|
+
:where(& > :not(:last-child)) {
|
|
757
|
+
--tw-space-y-reverse: 0;
|
|
758
|
+
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
|
|
759
|
+
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
760
|
+
}
|
|
761
|
+
}
|
|
751
762
|
.space-y-4 {
|
|
752
763
|
:where(& > :not(:last-child)) {
|
|
753
764
|
--tw-space-y-reverse: 0;
|
|
@@ -1001,6 +1012,9 @@
|
|
|
1001
1012
|
.px-3 {
|
|
1002
1013
|
padding-inline: calc(var(--spacing) * 3);
|
|
1003
1014
|
}
|
|
1015
|
+
.px-4 {
|
|
1016
|
+
padding-inline: calc(var(--spacing) * 4);
|
|
1017
|
+
}
|
|
1004
1018
|
.px-6 {
|
|
1005
1019
|
padding-inline: calc(var(--spacing) * 6);
|
|
1006
1020
|
}
|
|
@@ -1034,6 +1048,9 @@
|
|
|
1034
1048
|
.py-\[10px\] {
|
|
1035
1049
|
padding-block: 10px;
|
|
1036
1050
|
}
|
|
1051
|
+
.pt-2 {
|
|
1052
|
+
padding-top: calc(var(--spacing) * 2);
|
|
1053
|
+
}
|
|
1037
1054
|
.pb-2 {
|
|
1038
1055
|
padding-bottom: calc(var(--spacing) * 2);
|
|
1039
1056
|
}
|
|
@@ -1131,6 +1148,9 @@
|
|
|
1131
1148
|
.text-white {
|
|
1132
1149
|
color: var(--color-white);
|
|
1133
1150
|
}
|
|
1151
|
+
.text-yellow-500 {
|
|
1152
|
+
color: var(--color-yellow-500);
|
|
1153
|
+
}
|
|
1134
1154
|
.uppercase {
|
|
1135
1155
|
text-transform: uppercase;
|
|
1136
1156
|
}
|
package/dist/index.d.mts
CHANGED
|
@@ -7,6 +7,7 @@ import { InputNumberProps, SelectProps } from 'antd';
|
|
|
7
7
|
import { Color } from 'antd/es/color-picker';
|
|
8
8
|
import { MessageInstance } from 'antd/es/message/interface';
|
|
9
9
|
import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
|
|
10
|
+
import { ReactNode as ReactNode$1 } from '@tabler/icons-react';
|
|
10
11
|
|
|
11
12
|
type ColorScale = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
12
13
|
type BaseColor = "primary" | "gray" | "green" | "red" | "yellow" | "blue";
|
|
@@ -522,16 +523,22 @@ interface IndicatorProps {
|
|
|
522
523
|
}[];
|
|
523
524
|
type: "OUTPUT" | "OUTCOME";
|
|
524
525
|
arrayData: IndicatorArray[];
|
|
526
|
+
canEdit?: boolean;
|
|
525
527
|
setArrayData: (data: IndicatorArray[]) => void;
|
|
528
|
+
onDeleteClick?: (payload: {
|
|
529
|
+
index: number;
|
|
530
|
+
item: IndicatorArray;
|
|
531
|
+
confirm: () => void;
|
|
532
|
+
}) => void;
|
|
526
533
|
}
|
|
527
534
|
interface IndicatorArray {
|
|
528
535
|
indicatorType: "OUTPUT" | "OUTCOME";
|
|
529
536
|
inputType: "TEXT" | "NUMBER";
|
|
530
537
|
textValue: string;
|
|
531
|
-
numberValue?:
|
|
538
|
+
numberValue?: number;
|
|
532
539
|
unit?: string;
|
|
533
540
|
}
|
|
534
|
-
declare function Indicator({ option, type, arrayData, setArrayData, }: IndicatorProps): react_jsx_runtime.JSX.Element;
|
|
541
|
+
declare function Indicator({ option, type, arrayData, setArrayData, canEdit, onDeleteClick, }: IndicatorProps): react_jsx_runtime.JSX.Element;
|
|
535
542
|
|
|
536
543
|
interface optionSelect {
|
|
537
544
|
value: string;
|
|
@@ -542,4 +549,37 @@ declare const FilterPopUp: (filter: {
|
|
|
542
549
|
handleSearch: (listFiler: string[]) => void;
|
|
543
550
|
}) => react_jsx_runtime.JSX.Element;
|
|
544
551
|
|
|
545
|
-
|
|
552
|
+
interface UserData {
|
|
553
|
+
id: string;
|
|
554
|
+
name: string;
|
|
555
|
+
profile: string;
|
|
556
|
+
}
|
|
557
|
+
interface ProfileSelectProp {
|
|
558
|
+
allUser: UserData[];
|
|
559
|
+
assignUser: UserData[];
|
|
560
|
+
mode: "show" | "showAssign" | "icon";
|
|
561
|
+
onUpdateAssignUser: (user: UserData, action?: "add" | "remove") => void;
|
|
562
|
+
}
|
|
563
|
+
declare function ProfileSelect({ allUser, assignUser, mode, onUpdateAssignUser, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
|
|
564
|
+
|
|
565
|
+
interface QRCodeGeneratorProps {
|
|
566
|
+
url: string;
|
|
567
|
+
previewSize?: number;
|
|
568
|
+
defaultExportSize?: number;
|
|
569
|
+
fileBaseName?: string;
|
|
570
|
+
}
|
|
571
|
+
declare const QRCodeGenerator: react.FC<QRCodeGeneratorProps>;
|
|
572
|
+
|
|
573
|
+
interface TabProjectProp {
|
|
574
|
+
tabOption: {
|
|
575
|
+
key: string;
|
|
576
|
+
label: string;
|
|
577
|
+
icon: ReactNode$1;
|
|
578
|
+
}[];
|
|
579
|
+
projectId: string;
|
|
580
|
+
now: string;
|
|
581
|
+
onChange: (key: string) => void;
|
|
582
|
+
}
|
|
583
|
+
declare function TabProject({ tabOption, now, onChange }: TabProjectProp): react_jsx_runtime.JSX.Element;
|
|
584
|
+
|
|
585
|
+
export { AntDModal, AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRange, FileUploader, FilterPopUp, GhostButton, HeadingPage, Indicator, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, 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
|
@@ -7,6 +7,7 @@ import { InputNumberProps, SelectProps } from 'antd';
|
|
|
7
7
|
import { Color } from 'antd/es/color-picker';
|
|
8
8
|
import { MessageInstance } from 'antd/es/message/interface';
|
|
9
9
|
import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
|
|
10
|
+
import { ReactNode as ReactNode$1 } from '@tabler/icons-react';
|
|
10
11
|
|
|
11
12
|
type ColorScale = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
12
13
|
type BaseColor = "primary" | "gray" | "green" | "red" | "yellow" | "blue";
|
|
@@ -522,16 +523,22 @@ interface IndicatorProps {
|
|
|
522
523
|
}[];
|
|
523
524
|
type: "OUTPUT" | "OUTCOME";
|
|
524
525
|
arrayData: IndicatorArray[];
|
|
526
|
+
canEdit?: boolean;
|
|
525
527
|
setArrayData: (data: IndicatorArray[]) => void;
|
|
528
|
+
onDeleteClick?: (payload: {
|
|
529
|
+
index: number;
|
|
530
|
+
item: IndicatorArray;
|
|
531
|
+
confirm: () => void;
|
|
532
|
+
}) => void;
|
|
526
533
|
}
|
|
527
534
|
interface IndicatorArray {
|
|
528
535
|
indicatorType: "OUTPUT" | "OUTCOME";
|
|
529
536
|
inputType: "TEXT" | "NUMBER";
|
|
530
537
|
textValue: string;
|
|
531
|
-
numberValue?:
|
|
538
|
+
numberValue?: number;
|
|
532
539
|
unit?: string;
|
|
533
540
|
}
|
|
534
|
-
declare function Indicator({ option, type, arrayData, setArrayData, }: IndicatorProps): react_jsx_runtime.JSX.Element;
|
|
541
|
+
declare function Indicator({ option, type, arrayData, setArrayData, canEdit, onDeleteClick, }: IndicatorProps): react_jsx_runtime.JSX.Element;
|
|
535
542
|
|
|
536
543
|
interface optionSelect {
|
|
537
544
|
value: string;
|
|
@@ -542,4 +549,37 @@ declare const FilterPopUp: (filter: {
|
|
|
542
549
|
handleSearch: (listFiler: string[]) => void;
|
|
543
550
|
}) => react_jsx_runtime.JSX.Element;
|
|
544
551
|
|
|
545
|
-
|
|
552
|
+
interface UserData {
|
|
553
|
+
id: string;
|
|
554
|
+
name: string;
|
|
555
|
+
profile: string;
|
|
556
|
+
}
|
|
557
|
+
interface ProfileSelectProp {
|
|
558
|
+
allUser: UserData[];
|
|
559
|
+
assignUser: UserData[];
|
|
560
|
+
mode: "show" | "showAssign" | "icon";
|
|
561
|
+
onUpdateAssignUser: (user: UserData, action?: "add" | "remove") => void;
|
|
562
|
+
}
|
|
563
|
+
declare function ProfileSelect({ allUser, assignUser, mode, onUpdateAssignUser, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
|
|
564
|
+
|
|
565
|
+
interface QRCodeGeneratorProps {
|
|
566
|
+
url: string;
|
|
567
|
+
previewSize?: number;
|
|
568
|
+
defaultExportSize?: number;
|
|
569
|
+
fileBaseName?: string;
|
|
570
|
+
}
|
|
571
|
+
declare const QRCodeGenerator: react.FC<QRCodeGeneratorProps>;
|
|
572
|
+
|
|
573
|
+
interface TabProjectProp {
|
|
574
|
+
tabOption: {
|
|
575
|
+
key: string;
|
|
576
|
+
label: string;
|
|
577
|
+
icon: ReactNode$1;
|
|
578
|
+
}[];
|
|
579
|
+
projectId: string;
|
|
580
|
+
now: string;
|
|
581
|
+
onChange: (key: string) => void;
|
|
582
|
+
}
|
|
583
|
+
declare function TabProject({ tabOption, now, onChange }: TabProjectProp): react_jsx_runtime.JSX.Element;
|
|
584
|
+
|
|
585
|
+
export { AntDModal, AntDataTable, Breadcrumbs, Calendar, Checkbox, CheckboxGroup, ColorPalettePickerBasic, ColorPickerBasic, DataTable, DatePickerBasic, DatePickerRange, FileUploader, FilterPopUp, GhostButton, HeadingPage, Indicator, InputField, InputFieldNumber, KpiSection, Loader, MenuNavBar, type MenuNavBarProps, 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 };
|