koval-ui 0.15.9 → 0.15.11

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.d.ts CHANGED
@@ -555,14 +555,17 @@ onToggle?: ((open: boolean) => void) | undefined;
555
555
  showCloseButton?: boolean | undefined;
556
556
  /** Provide an array of actions with callbacks */
557
557
  actions?: (Props_6 | [Props_6, Props_6])[] | undefined;
558
- /** Set a title of dialog */
558
+ /** Set a title of Dialog */
559
559
  dialogTitle?: string | undefined;
560
560
  /** Provide a localized value for close button */
561
561
  closeLabel?: string | undefined;
562
- /** Enable focus trap for Dialog */
562
+ /** Enable a focus trap for Dialog */
563
563
  trapFocus?: boolean | undefined;
564
564
  } & RefAttributes<HTMLDialogElement>>;
565
565
 
566
+ /** Dialog parameters */
567
+ declare type DialogParams = Record<string, unknown>;
568
+
566
569
  declare type DigitsConfig = {
567
570
  integer?: {
568
571
  /**
@@ -832,8 +835,13 @@ id?: string | undefined;
832
835
  role?: AriaRole | undefined;
833
836
  className?: string | undefined;
834
837
  } & NativeProps_2 & CallbackPropsInteractive & ValidationProps & {
835
- /** Set a text for checkbox label */
838
+ /** Set a text for the checkbox label */
836
839
  label?: string | undefined;
840
+ /**
841
+ * Set an indeterminate state for the checkbox
842
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate
843
+ */
844
+ indeterminate?: boolean | undefined;
837
845
  } & RefAttributes<HTMLInputElement>>;
838
846
 
839
847
  export declare const InputColor: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
@@ -1045,7 +1053,7 @@ role?: AriaRole | undefined;
1045
1053
  className?: string | undefined;
1046
1054
  } & {
1047
1055
  children: ReactNode;
1048
- /** Control visibility of Menu */
1056
+ /** Control visibility of the Menu */
1049
1057
  isOpen?: boolean | undefined;
1050
1058
  /**
1051
1059
  * Provide Tooltip content
@@ -1057,12 +1065,16 @@ content: ReactNode;
1057
1065
  referenceClassName?: string | undefined;
1058
1066
  /** Provide callback for open/close events */
1059
1067
  onToggle?: ((openState: boolean) => void) | undefined;
1060
- /** Focus on first element when open and trap focus */
1068
+ /** Focus on the first element when open and trap focus */
1061
1069
  trapFocus?: boolean | undefined;
1062
- /** Align Menu width with reference element */
1070
+ /** Align Menu width with a reference element */
1063
1071
  alignWidth?: boolean | undefined;
1064
1072
  /** Set design of Menu */
1065
1073
  variant?: "bordered" | "plain" | undefined;
1074
+ /**
1075
+ * Define which relative positions Menu can be placed in
1076
+ */
1077
+ allowedPlacements?: Placement[] | undefined;
1066
1078
  } & RefAttributes<HTMLDivElement>>;
1067
1079
 
1068
1080
  export declare const MenuActions: FC<Props_8>;
@@ -1334,7 +1346,7 @@ unit: keyof typeof Units;
1334
1346
  * The unit formatting style to use in unit formatting
1335
1347
  * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#unitdisplay
1336
1348
  */
1337
- unitDisplay?: "short" | "long" | "narrow" | undefined;
1349
+ unitDisplay?: "short" | "narrow" | "long" | undefined;
1338
1350
  } & RefAttributes<HTMLSpanElement>>;
1339
1351
 
1340
1352
  declare type OffsetConfig = {
@@ -1392,13 +1404,13 @@ role?: AriaRole | undefined;
1392
1404
  className?: string | undefined;
1393
1405
  } & {
1394
1406
  children?: ReactNode;
1395
- /** Set total amount of pages */
1407
+ /** Set the total number of pages */
1396
1408
  totalPages: number;
1397
1409
  /** Callback to run on page change */
1398
1410
  onPageSelect: (pageNumber: number) => void;
1399
- /** Set selected page externally */
1411
+ /** Set the selected page externally */
1400
1412
  selectedPage: number;
1401
- /** Show navigation block on the right */
1413
+ /** Show the navigation block on the right */
1402
1414
  showNavigation?: boolean | undefined;
1403
1415
  /** Show page number buttons on the left */
1404
1416
  showPageButtons?: boolean | undefined;
@@ -1742,7 +1754,7 @@ declare type Props_8 = Omit<Props_9, 'content' | 'alignWidth'> & {
1742
1754
 
1743
1755
  declare type Props_9 = DataAttributes & LibraryProps & {
1744
1756
  children: ReactNode;
1745
- /** Control visibility of Menu */
1757
+ /** Control visibility of the Menu */
1746
1758
  isOpen?: boolean;
1747
1759
  /**
1748
1760
  * Provide Tooltip content
@@ -1754,12 +1766,16 @@ declare type Props_9 = DataAttributes & LibraryProps & {
1754
1766
  referenceClassName?: string;
1755
1767
  /** Provide callback for open/close events */
1756
1768
  onToggle?: (openState: boolean) => void;
1757
- /** Focus on first element when open and trap focus */
1769
+ /** Focus on the first element when open and trap focus */
1758
1770
  trapFocus?: boolean;
1759
- /** Align Menu width with reference element */
1771
+ /** Align Menu width with a reference element */
1760
1772
  alignWidth?: boolean;
1761
1773
  /** Set design of Menu */
1762
1774
  variant?: keyof typeof Variants;
1775
+ /**
1776
+ * Define which relative positions Menu can be placed in
1777
+ */
1778
+ allowedPlacements?: Placement[];
1763
1779
  };
1764
1780
 
1765
1781
  export declare const Provider: FC<Props>;
@@ -2152,6 +2168,7 @@ declare const theme: {
2152
2168
  borderWidth100: string;
2153
2169
  borderWidth200: string;
2154
2170
  borderWidth300: string;
2171
+ timeXS: string;
2155
2172
  timeSM: string;
2156
2173
  timeMD: string;
2157
2174
  timeLG: string;
@@ -2430,9 +2447,10 @@ declare enum Units {
2430
2447
  }
2431
2448
 
2432
2449
  export declare const useDialogState: (id: string) => {
2433
- openDialog: () => void;
2450
+ openDialog: (params?: DialogParams) => void;
2434
2451
  closeDialog: () => void;
2435
2452
  isOpen: boolean;
2453
+ dialogParams: DialogParams | undefined;
2436
2454
  };
2437
2455
 
2438
2456
  export declare const useDrawerState: (id: string) => {