@protonradio/proton-ui 0.11.0-beta.0 → 0.11.0-beta.10

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { AriaButtonProps } from 'react-aria';
 import { AriaDialogProps } from 'react-aria';
 import { AriaPopoverProps } from 'react-aria';
 import { AriaTableProps } from 'react-aria';
@@ -9,12 +10,12 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { OverlayTriggerProps } from 'react-stately';
 import { OverlayTriggerState } from 'react-stately';
 import { PressEvent } from 'react-aria';
+import { PressProps } from 'react-aria';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RowProps } from '@react-stately/table';
 import { Section } from '@react-stately/table';
 import { Selection as Selection_2 } from 'react-stately';
-import { Selection as Selection_3 } from 'react-aria-components';
 import { TableBodyProps } from '@react-stately/table';
 import { TableHeader } from '@react-stately/table';
 import { TableStateProps } from 'react-stately';
@@ -26,11 +27,12 @@ import { TooltipTriggerComponentProps } from 'react-aria-components';
  * Renders a list of actions as a focusable menu, or non-focusable children.
  * @interface ActionMenuProps
  */
-export declare const ActionMenu: ({ isOpen, selectionMode, selectedKeys, defaultSelectedKeys, disabledKeys, children, showCancel, cancelButtonText, actions, onSelectionChange, onClose, "data-testid": testId, }: ActionMenuProps) => JSX_2.Element;
+export declare const ActionMenu: ({ isOpen, selectionMode, selectedKeys, defaultSelectedKeys, disabledKeys, children, showCancel, cancelButtonText, actions, title, onSelectionChange, onClose, "data-testid": testId, }: ActionMenuProps) => JSX_2.Element;
 
 declare interface ActionMenuAction {
     key: string;
     label?: ReactNode;
+    description?: ReactNode;
     to?: string;
     onAction?: (key: string) => void;
     children?: ActionMenuAction[];
@@ -47,6 +49,7 @@ declare interface ActionMenuProps {
     }) => ReactNode);
     showCancel?: boolean;
     cancelButtonText?: string;
+    title?: string;
     actions?: ActionMenuAction[];
     id?: string;
     onClose?: () => void;
@@ -205,7 +208,7 @@ declare interface BaseInputProps {
  * A customizable button component that can render as either a button or anchor element
  * @interface ButtonProps
  */
-export declare function Button({ variant, size, fullWidth, icon, to, target, onPress, type, isDisabled, "data-testid": testId, children, __textShift, }: ButtonProps): JSX_2.Element;
+export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 export declare function ButtonGroup(props: ButtonGroupProps): JSX_2.Element;
 
@@ -245,7 +248,7 @@ declare interface ButtonGroupProps {
     children?: React.ReactNode;
 }
 
-declare interface ButtonProps {
+declare interface ButtonProps extends AriaButtonProps<"button"> {
     /** The button's visual aesthetic
      * @param {ButtonVariant} variant
      */
@@ -274,7 +277,7 @@ declare interface ButtonProps {
     /** The target attribute for the link. Defaults to `_blank` if the URL is external.
      * @param {string} target
      */
-    target?: "_blank" | "_self" | "_parent" | "_top";
+    target?: "_blank" | "_self" | "_parent" | "_top" | string;
     /** Called when the button is pressed (on release, not keydown)
      * @param {(e: PressEvent) => void} onPress
      */
@@ -291,7 +294,7 @@ declare interface ButtonProps {
      * @param {React.ReactNode} children
      */
     children?: React.ReactNode;
-    /** DO NOT USE. INTERNAL USE ONLY. The manual shift of the button text.
+    /** DO NOT USE. INTERNAL USE ONLY. Will be used in calculation for the shift of the button text. Represents the # of horizontal pixels to shift.
      * @param {number} __textShift
      */
     __textShift?: number;
@@ -301,7 +304,7 @@ declare type ButtonSize = "small" | "medium" | "large" | "xlarge" | "2xlarge";
 
 export declare type ButtonVariant = "primary" | "secondary" | "success" | "danger" | "translucent";
 
-export declare function ButtonWithSelect({ items, defaultValue, children, onSelectionChange, disabledKeys, selectedKey, icon, variant, fullWidth, ...buttonProps }: ButtonWithSelectProps): JSX_2.Element;
+export declare function ButtonWithSelect({ items, defaultValue, children, onSelectionChange, disabledKeys, selectedKey, icon, variant, fullWidth, onPress, ...buttonProps }: ButtonWithSelectProps): JSX_2.Element;
 
 declare type ButtonWithSelectProps = {
     items: MenuItemType[];
@@ -429,9 +432,11 @@ declare interface MenuProps {
     /** The id of the menu */
     menuId?: string;
     /** Custom trigger component. If not provided, defaults to ellipsis icon */
-    renderTrigger?: (triggerProps: TriggerProps, isOpen: boolean) => ReactNode;
+    renderTrigger?: (triggerProps: TriggerProps) => ReactNode;
     /** Size of the trigger icon */
     size?: number;
+    /** Title of the parent menu */
+    title?: string;
     /** Array of menu actions/items to display */
     items: MenuItemType[];
     /** Whether the menu is disabled */
@@ -443,14 +448,14 @@ declare interface MenuProps {
     /** Test ID for the menu */
     menuTestId?: string;
     /** Callback when a menu item is selected */
-    onSelectionChange?: (keys: Selection_3) => void;
+    onSelectionChange?: (key: string) => void;
     /** The key of the selected item */
     selectedKey?: string;
     /** The keys of the disabled items */
     disabledKeys?: string[];
 }
 
-export declare function MenuTrigger({ renderTrigger, menuId, size, items, disabled, onClose, testId: triggerTestId, menuTestId, onSelectionChange, selectedKey, disabledKeys, }: MenuProps): JSX_2.Element;
+export declare function MenuTrigger({ renderTrigger, menuId, size, title, items, disabled, onClose, testId: triggerTestId, menuTestId, onSelectionChange, selectedKey, disabledKeys, }: MenuProps): JSX_2.Element;
 
 export declare const Modal: (({ isOpen, onClose, title, subtitle, body, children, isOverlay, "data-testid": dataTestId, }: ModalProps) => JSX_2.Element) & {
     Title: ({ children }: {
@@ -897,11 +902,13 @@ export declare interface TooltipTriggerProps extends TooltipProps, TooltipTrigge
  * @returns {JSX.Element} - The MenuTrigger component.
  */
 declare interface TriggerProps {
-    "data-testid"?: string;
     disabled?: boolean;
-    ref?: React.RefObject<HTMLButtonElement>;
-    onPress?: () => void;
-    "aria-label": string;
+    /** Props for handling press interactions on the trigger element */
+    domTriggerProps: PressProps;
+    /** Props for handling menu trigger interactions */
+    ariaTriggerProps: AriaButtonProps<"button">;
+    isOpen?: boolean;
+    triggerRef: React.RefObject<HTMLButtonElement>;
 }
 
 /**