@esic-lab/data-core-ui 0.0.60 → 0.0.62

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.
Files changed (6) hide show
  1. package/dist/index.css +0 -22
  2. package/dist/index.d.mts +47 -18
  3. package/dist/index.d.ts +47 -18
  4. package/dist/index.js +700 -577
  5. package/dist/index.mjs +680 -558
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -939,9 +939,6 @@
939
939
  .border-gray-300 {
940
940
  border-color: var(--color-gray-300);
941
941
  }
942
- .border-gray-400 {
943
- border-color: var(--color-gray-400);
944
- }
945
942
  .border-green-500 {
946
943
  border-color: var(--color-green-500);
947
944
  }
@@ -1553,24 +1550,11 @@
1553
1550
  }
1554
1551
  }
1555
1552
  }
1556
- .hover\:brightness-95 {
1557
- &:hover {
1558
- @media (hover: hover) {
1559
- --tw-brightness: brightness(95%);
1560
- 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,);
1561
- }
1562
- }
1563
- }
1564
1553
  .active\:bg-\[\#c4c4c4\] {
1565
1554
  &:active {
1566
1555
  background-color: #c4c4c4;
1567
1556
  }
1568
1557
  }
1569
- .active\:bg-gray-200 {
1570
- &:active {
1571
- background-color: var(--color-gray-200);
1572
- }
1573
- }
1574
1558
  .active\:bg-primary-500 {
1575
1559
  &:active {
1576
1560
  background-color: var(--color-primary-500);
@@ -1596,12 +1580,6 @@
1596
1580
  color: var(--color-white);
1597
1581
  }
1598
1582
  }
1599
- .active\:brightness-90 {
1600
- &:active {
1601
- --tw-brightness: brightness(90%);
1602
- 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,);
1603
- }
1604
- }
1605
1583
  .disabled\:opacity-50 {
1606
1584
  &:disabled {
1607
1585
  opacity: 50%;
package/dist/index.d.mts CHANGED
@@ -9,28 +9,32 @@ import { MessageInstance } from 'antd/es/message/interface';
9
9
  import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
10
10
  import { ReactNode as ReactNode$1 } from '@tabler/icons-react';
11
11
 
12
- type ColorScale = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
13
- type BaseColor = "primary" | "gray" | "green" | "red" | "yellow" | "blue";
14
- type ThemeColor = `bg-${BaseColor}-${ColorScale}`;
15
12
  interface PrimaryButtonProps {
16
13
  title: string;
17
14
  onClick: () => void;
18
- iconLeft?: React.ReactNode;
19
- iconRight?: React.ReactNode;
20
- bgColor?: ThemeColor;
21
- textColor?: "white" | "black";
15
+ icon?: React.ReactNode;
22
16
  disabled?: boolean;
17
+ iconPlacement?: "start" | "end";
18
+ size?: "large" | "middle" | "small";
19
+ colorPrimary?: string;
20
+ colorPrimaryHover?: string;
21
+ textColor?: string;
23
22
  }
24
- declare function PrimaryButton({ title, onClick, iconLeft, iconRight, bgColor, textColor, disabled, }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
23
+ declare function PrimaryButton({ title, onClick, disabled, iconPlacement, size, colorPrimary, colorPrimaryHover, textColor, icon, }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
25
24
 
26
25
  interface SecondaryButtonProps {
27
26
  title: string;
28
27
  onClick: () => void;
29
- iconLeft?: React.ReactNode;
30
- iconRight?: React.ReactNode;
28
+ icon?: React.ReactNode;
31
29
  disabled?: boolean;
30
+ iconPlacement?: "start" | "end";
31
+ size?: "large" | "middle" | "small";
32
+ colorBgContainer?: string;
33
+ defaultHoverBorderColor?: string;
34
+ defaultHoverColor?: string;
35
+ textColor?: string;
32
36
  }
33
- declare function SecondaryButton({ title, onClick, iconLeft, iconRight, disabled }: SecondaryButtonProps): react_jsx_runtime.JSX.Element;
37
+ declare function SecondaryButton({ title, onClick, disabled, iconPlacement, size, colorBgContainer, defaultHoverBorderColor, defaultHoverColor, textColor, icon, }: SecondaryButtonProps): react_jsx_runtime.JSX.Element;
34
38
 
35
39
  interface GhostButtonProps {
36
40
  title: string;
@@ -52,6 +56,19 @@ interface ParamTabSelection {
52
56
  }
53
57
  declare const TabSelectionButton: ({ title, now, onClickGoto }: ParamTabSelection) => react_jsx_runtime.JSX.Element;
54
58
 
59
+ interface TertiaryButtonProps {
60
+ title: string;
61
+ onClick: () => void;
62
+ icon?: React.ReactNode;
63
+ disabled?: boolean;
64
+ iconPlacement?: "start" | "end";
65
+ size?: "large" | "middle" | "small";
66
+ colorPrimary?: string;
67
+ colorPrimaryHover?: string;
68
+ textColor?: string;
69
+ }
70
+ declare function TertiaryButton({ title, onClick, disabled, iconPlacement, size, colorPrimary, colorPrimaryHover, textColor, icon, }: TertiaryButtonProps): react_jsx_runtime.JSX.Element;
71
+
55
72
  interface LoaderProps {
56
73
  size?: number;
57
74
  color?: string;
@@ -339,8 +356,10 @@ interface SelectFieldProps$1 {
339
356
  prefixSize?: number;
340
357
  className?: string;
341
358
  onClear?: () => void;
359
+ size?: "large" | "middle" | "small";
360
+ allowClear?: boolean;
342
361
  }
343
- declare function SelectField({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, onClear, }: SelectFieldProps$1): react_jsx_runtime.JSX.Element;
362
+ declare function SelectField({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, onClear, size, allowClear, }: SelectFieldProps$1): react_jsx_runtime.JSX.Element;
344
363
 
345
364
  interface SelectFieldProps {
346
365
  value?: SelectProps["value"];
@@ -364,8 +383,10 @@ interface SelectFieldProps {
364
383
  prefix?: ReactNode;
365
384
  prefixSize?: number;
366
385
  className?: string;
386
+ size?: "large" | "middle" | "small";
387
+ allowClear?: boolean;
367
388
  }
368
- declare function SelectFieldGroup({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
389
+ declare function SelectFieldGroup({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, size, allowClear, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
369
390
 
370
391
  interface SelectFieldStatusProps {
371
392
  value: string | undefined;
@@ -381,8 +402,10 @@ interface SelectFieldStatusProps {
381
402
  disabled?: boolean;
382
403
  }[];
383
404
  className?: string;
405
+ size?: "large" | "middle" | "small";
406
+ allowClear?: boolean;
384
407
  }
385
- declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
408
+ declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, size, allowClear, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
386
409
 
387
410
  interface SelectFieldStatusReportProps {
388
411
  value: string | undefined;
@@ -398,8 +421,10 @@ interface SelectFieldStatusReportProps {
398
421
  value: string | number | null;
399
422
  disabled?: boolean;
400
423
  }[];
424
+ size?: "large" | "middle" | "small";
425
+ allowClear?: boolean;
401
426
  }
402
- declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
427
+ declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, size, allowClear, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
403
428
 
404
429
  interface SelectFieldTagProps {
405
430
  label?: string | null;
@@ -415,8 +440,10 @@ interface SelectFieldTagProps {
415
440
  onChange?: (val: string[]) => void;
416
441
  className?: string;
417
442
  onClear?: () => void;
443
+ size?: "large" | "middle" | "small";
444
+ allowClear?: boolean;
418
445
  }
419
- declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
446
+ declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, size, allowClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
420
447
 
421
448
  interface OptionItem {
422
449
  value: string;
@@ -430,8 +457,10 @@ interface SelectCustomProps {
430
457
  onChange?: (valueList: string[]) => void;
431
458
  error?: string;
432
459
  onClear?: () => void;
460
+ size?: "large" | "middle" | "small";
461
+ allowClear?: boolean;
433
462
  }
434
- declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
463
+ declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, size, allowClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
435
464
 
436
465
  interface SortFilterProps {
437
466
  showYear?: boolean;
@@ -636,4 +665,4 @@ interface GanttChartProps {
636
665
  }
637
666
  declare const GanttChart: react.FC<GanttChartProps>;
638
667
 
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 };
668
+ 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, TertiaryButton, TextAreaInput, TextInput, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };
package/dist/index.d.ts CHANGED
@@ -9,28 +9,32 @@ import { MessageInstance } from 'antd/es/message/interface';
9
9
  import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
10
10
  import { ReactNode as ReactNode$1 } from '@tabler/icons-react';
11
11
 
12
- type ColorScale = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
13
- type BaseColor = "primary" | "gray" | "green" | "red" | "yellow" | "blue";
14
- type ThemeColor = `bg-${BaseColor}-${ColorScale}`;
15
12
  interface PrimaryButtonProps {
16
13
  title: string;
17
14
  onClick: () => void;
18
- iconLeft?: React.ReactNode;
19
- iconRight?: React.ReactNode;
20
- bgColor?: ThemeColor;
21
- textColor?: "white" | "black";
15
+ icon?: React.ReactNode;
22
16
  disabled?: boolean;
17
+ iconPlacement?: "start" | "end";
18
+ size?: "large" | "middle" | "small";
19
+ colorPrimary?: string;
20
+ colorPrimaryHover?: string;
21
+ textColor?: string;
23
22
  }
24
- declare function PrimaryButton({ title, onClick, iconLeft, iconRight, bgColor, textColor, disabled, }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
23
+ declare function PrimaryButton({ title, onClick, disabled, iconPlacement, size, colorPrimary, colorPrimaryHover, textColor, icon, }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
25
24
 
26
25
  interface SecondaryButtonProps {
27
26
  title: string;
28
27
  onClick: () => void;
29
- iconLeft?: React.ReactNode;
30
- iconRight?: React.ReactNode;
28
+ icon?: React.ReactNode;
31
29
  disabled?: boolean;
30
+ iconPlacement?: "start" | "end";
31
+ size?: "large" | "middle" | "small";
32
+ colorBgContainer?: string;
33
+ defaultHoverBorderColor?: string;
34
+ defaultHoverColor?: string;
35
+ textColor?: string;
32
36
  }
33
- declare function SecondaryButton({ title, onClick, iconLeft, iconRight, disabled }: SecondaryButtonProps): react_jsx_runtime.JSX.Element;
37
+ declare function SecondaryButton({ title, onClick, disabled, iconPlacement, size, colorBgContainer, defaultHoverBorderColor, defaultHoverColor, textColor, icon, }: SecondaryButtonProps): react_jsx_runtime.JSX.Element;
34
38
 
35
39
  interface GhostButtonProps {
36
40
  title: string;
@@ -52,6 +56,19 @@ interface ParamTabSelection {
52
56
  }
53
57
  declare const TabSelectionButton: ({ title, now, onClickGoto }: ParamTabSelection) => react_jsx_runtime.JSX.Element;
54
58
 
59
+ interface TertiaryButtonProps {
60
+ title: string;
61
+ onClick: () => void;
62
+ icon?: React.ReactNode;
63
+ disabled?: boolean;
64
+ iconPlacement?: "start" | "end";
65
+ size?: "large" | "middle" | "small";
66
+ colorPrimary?: string;
67
+ colorPrimaryHover?: string;
68
+ textColor?: string;
69
+ }
70
+ declare function TertiaryButton({ title, onClick, disabled, iconPlacement, size, colorPrimary, colorPrimaryHover, textColor, icon, }: TertiaryButtonProps): react_jsx_runtime.JSX.Element;
71
+
55
72
  interface LoaderProps {
56
73
  size?: number;
57
74
  color?: string;
@@ -339,8 +356,10 @@ interface SelectFieldProps$1 {
339
356
  prefixSize?: number;
340
357
  className?: string;
341
358
  onClear?: () => void;
359
+ size?: "large" | "middle" | "small";
360
+ allowClear?: boolean;
342
361
  }
343
- declare function SelectField({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, onClear, }: SelectFieldProps$1): react_jsx_runtime.JSX.Element;
362
+ declare function SelectField({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, onClear, size, allowClear, }: SelectFieldProps$1): react_jsx_runtime.JSX.Element;
344
363
 
345
364
  interface SelectFieldProps {
346
365
  value?: SelectProps["value"];
@@ -364,8 +383,10 @@ interface SelectFieldProps {
364
383
  prefix?: ReactNode;
365
384
  prefixSize?: number;
366
385
  className?: string;
386
+ size?: "large" | "middle" | "small";
387
+ allowClear?: boolean;
367
388
  }
368
- declare function SelectFieldGroup({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
389
+ declare function SelectFieldGroup({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, size, allowClear, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
369
390
 
370
391
  interface SelectFieldStatusProps {
371
392
  value: string | undefined;
@@ -381,8 +402,10 @@ interface SelectFieldStatusProps {
381
402
  disabled?: boolean;
382
403
  }[];
383
404
  className?: string;
405
+ size?: "large" | "middle" | "small";
406
+ allowClear?: boolean;
384
407
  }
385
- declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
408
+ declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, size, allowClear, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
386
409
 
387
410
  interface SelectFieldStatusReportProps {
388
411
  value: string | undefined;
@@ -398,8 +421,10 @@ interface SelectFieldStatusReportProps {
398
421
  value: string | number | null;
399
422
  disabled?: boolean;
400
423
  }[];
424
+ size?: "large" | "middle" | "small";
425
+ allowClear?: boolean;
401
426
  }
402
- declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
427
+ declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, size, allowClear, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
403
428
 
404
429
  interface SelectFieldTagProps {
405
430
  label?: string | null;
@@ -415,8 +440,10 @@ interface SelectFieldTagProps {
415
440
  onChange?: (val: string[]) => void;
416
441
  className?: string;
417
442
  onClear?: () => void;
443
+ size?: "large" | "middle" | "small";
444
+ allowClear?: boolean;
418
445
  }
419
- declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
446
+ declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, size, allowClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
420
447
 
421
448
  interface OptionItem {
422
449
  value: string;
@@ -430,8 +457,10 @@ interface SelectCustomProps {
430
457
  onChange?: (valueList: string[]) => void;
431
458
  error?: string;
432
459
  onClear?: () => void;
460
+ size?: "large" | "middle" | "small";
461
+ allowClear?: boolean;
433
462
  }
434
- declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
463
+ declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, size, allowClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
435
464
 
436
465
  interface SortFilterProps {
437
466
  showYear?: boolean;
@@ -636,4 +665,4 @@ interface GanttChartProps {
636
665
  }
637
666
  declare const GanttChart: react.FC<GanttChartProps>;
638
667
 
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 };
668
+ 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, TertiaryButton, TextAreaInput, TextInput, TopNavBar, messageError, messageInfo, messageLoading, messageSuccess, messageWarning, setMessageApi };