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

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 +33 -17
  3. package/dist/index.d.ts +33 -17
  4. package/dist/index.js +212 -133
  5. package/dist/index.mjs +365 -286
  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;
@@ -339,8 +343,10 @@ interface SelectFieldProps$1 {
339
343
  prefixSize?: number;
340
344
  className?: string;
341
345
  onClear?: () => void;
346
+ size?: "large" | "middle" | "small";
347
+ allowClear?: boolean;
342
348
  }
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;
349
+ 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
350
 
345
351
  interface SelectFieldProps {
346
352
  value?: SelectProps["value"];
@@ -364,8 +370,10 @@ interface SelectFieldProps {
364
370
  prefix?: ReactNode;
365
371
  prefixSize?: number;
366
372
  className?: string;
373
+ size?: "large" | "middle" | "small";
374
+ allowClear?: boolean;
367
375
  }
368
- declare function SelectFieldGroup({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
376
+ 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
377
 
370
378
  interface SelectFieldStatusProps {
371
379
  value: string | undefined;
@@ -381,8 +389,10 @@ interface SelectFieldStatusProps {
381
389
  disabled?: boolean;
382
390
  }[];
383
391
  className?: string;
392
+ size?: "large" | "middle" | "small";
393
+ allowClear?: boolean;
384
394
  }
385
- declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
395
+ declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, size, allowClear, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
386
396
 
387
397
  interface SelectFieldStatusReportProps {
388
398
  value: string | undefined;
@@ -398,8 +408,10 @@ interface SelectFieldStatusReportProps {
398
408
  value: string | number | null;
399
409
  disabled?: boolean;
400
410
  }[];
411
+ size?: "large" | "middle" | "small";
412
+ allowClear?: boolean;
401
413
  }
402
- declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
414
+ declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, size, allowClear, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
403
415
 
404
416
  interface SelectFieldTagProps {
405
417
  label?: string | null;
@@ -415,8 +427,10 @@ interface SelectFieldTagProps {
415
427
  onChange?: (val: string[]) => void;
416
428
  className?: string;
417
429
  onClear?: () => void;
430
+ size?: "large" | "middle" | "small";
431
+ allowClear?: boolean;
418
432
  }
419
- declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
433
+ declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, size, allowClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
420
434
 
421
435
  interface OptionItem {
422
436
  value: string;
@@ -430,8 +444,10 @@ interface SelectCustomProps {
430
444
  onChange?: (valueList: string[]) => void;
431
445
  error?: string;
432
446
  onClear?: () => void;
447
+ size?: "large" | "middle" | "small";
448
+ allowClear?: boolean;
433
449
  }
434
- declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
450
+ declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, size, allowClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
435
451
 
436
452
  interface SortFilterProps {
437
453
  showYear?: boolean;
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;
@@ -339,8 +343,10 @@ interface SelectFieldProps$1 {
339
343
  prefixSize?: number;
340
344
  className?: string;
341
345
  onClear?: () => void;
346
+ size?: "large" | "middle" | "small";
347
+ allowClear?: boolean;
342
348
  }
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;
349
+ 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
350
 
345
351
  interface SelectFieldProps {
346
352
  value?: SelectProps["value"];
@@ -364,8 +370,10 @@ interface SelectFieldProps {
364
370
  prefix?: ReactNode;
365
371
  prefixSize?: number;
366
372
  className?: string;
373
+ size?: "large" | "middle" | "small";
374
+ allowClear?: boolean;
367
375
  }
368
- declare function SelectFieldGroup({ value, onChange, placeholder, label, required, error, disabled, defaultValue, options, mode, prefix, prefixSize, handleSearch, className, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
376
+ 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
377
 
370
378
  interface SelectFieldStatusProps {
371
379
  value: string | undefined;
@@ -381,8 +389,10 @@ interface SelectFieldStatusProps {
381
389
  disabled?: boolean;
382
390
  }[];
383
391
  className?: string;
392
+ size?: "large" | "middle" | "small";
393
+ allowClear?: boolean;
384
394
  }
385
- declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
395
+ declare function SelectFieldStatus({ value, onChange, placeholder, label, required, disabled, error, options, className, size, allowClear, }: SelectFieldStatusProps): react_jsx_runtime.JSX.Element;
386
396
 
387
397
  interface SelectFieldStatusReportProps {
388
398
  value: string | undefined;
@@ -398,8 +408,10 @@ interface SelectFieldStatusReportProps {
398
408
  value: string | number | null;
399
409
  disabled?: boolean;
400
410
  }[];
411
+ size?: "large" | "middle" | "small";
412
+ allowClear?: boolean;
401
413
  }
402
- declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
414
+ declare function SelectFieldStatusReport({ value, onChange, placeholder, label, required, disabled, error, className, options, size, allowClear, }: SelectFieldStatusReportProps): react_jsx_runtime.JSX.Element;
403
415
 
404
416
  interface SelectFieldTagProps {
405
417
  label?: string | null;
@@ -415,8 +427,10 @@ interface SelectFieldTagProps {
415
427
  onChange?: (val: string[]) => void;
416
428
  className?: string;
417
429
  onClear?: () => void;
430
+ size?: "large" | "middle" | "small";
431
+ allowClear?: boolean;
418
432
  }
419
- declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
433
+ declare function SelectFieldTag({ label, required, placeholder, options, error, value: controlledValue, className, onChange, onClear, size, allowClear, }: SelectFieldTagProps): react_jsx_runtime.JSX.Element;
420
434
 
421
435
  interface OptionItem {
422
436
  value: string;
@@ -430,8 +444,10 @@ interface SelectCustomProps {
430
444
  onChange?: (valueList: string[]) => void;
431
445
  error?: string;
432
446
  onClear?: () => void;
447
+ size?: "large" | "middle" | "small";
448
+ allowClear?: boolean;
433
449
  }
434
- declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
450
+ declare function SelectCustom({ label, placeholder, options, required, onChange, error, onClear, size, allowClear, }: SelectCustomProps): react_jsx_runtime.JSX.Element;
435
451
 
436
452
  interface SortFilterProps {
437
453
  showYear?: boolean;