@protonradio/proton-ui 0.10.13-beta.3 → 0.10.13-beta.6

package/dist/index.d.ts

@@ -1,14 +1,11 @@
 import { AriaDialogProps } from 'react-aria';
 import { AriaPopoverProps } from 'react-aria';
 import { AriaTableProps } from 'react-aria';
-import { CollectionChildren } from '@react-types/shared';
 import { ColumnProps } from '@react-stately/table';
 import { default as default_2 } from 'react';
 import { DOMProps } from '@react-types/shared';
 import { ForwardRefExoticComponent } from 'react';
-import { ItemProps } from 'react-stately';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { JSX as JSX_3 } from 'react';
 import { OverlayTriggerProps } from 'react-stately';
 import { OverlayTriggerState } from 'react-stately';
 import { PressEvent } from 'react-aria';
@@ -404,6 +401,8 @@ declare interface ImageBackgroundProps {
  */
 export declare const Input: default_2.ForwardRefExoticComponent<BaseInputProps & default_2.RefAttributes<HTMLInputElement>>;
 
+export declare function MenuTrigger({ renderTrigger, menuId, size, actions, disabled, onClose, testId: triggerTestId, menuTestId, }: ResponsiveMenuProps): JSX_2.Element;
+
 export declare const Modal: (({ isOpen, onClose, title, subtitle, body, children, isOverlay, "data-testid": dataTestId, }: ModalProps) => JSX_2.Element) & {
     Title: ({ children }: {
         children: React.ReactNode;
@@ -565,20 +564,6 @@ declare interface ResponsiveMenuProps {
     menuTestId?: string;
 }
 
-export declare function ResponsiveMenuTrigger({ renderTrigger, menuId, size, actions, disabled, onClose, testId: triggerTestId, menuTestId, }: ResponsiveMenuProps): JSX_2.Element;
-
-export declare const ResponsiveSelect: {
-    Menu: typeof ResponsiveSelectMenu;
-    Option: <T>(props: ItemProps<T>) => JSX_3.Element;
-};
-
-/**
- * A dropdown select menu that opens a Popover, or an ActionMenu on mobile.
- * Supports controlled and uncontrolled modes.
- * @interface SelectProps
- */
-declare function ResponsiveSelectMenu({ label, name, isDisabled, disabledKeys, selectedKey, onSelectionChange, onOpen, onClose, items, "data-testid": testId, children, }: SelectProps<ActionMenuAction>): JSX_2.Element;
-
 export declare const Row: <T = object>(props: ProtonRowProps<T>) => JSX.Element;
 
 /**
@@ -628,19 +613,23 @@ export { Section }
 
 export declare const Select: {
     Menu: typeof SelectMenu;
-    Option: <T>(props: ItemProps<T>) => JSX_3.Element;
 };
 
+declare interface SelectItem {
+    key: string;
+    label: string;
+    to?: string;
+    onAction?: (key: string) => void;
+}
+
 /**
- * A dropdown select menu that opens a popover. Supports controlled and uncontrolled modes.
- * @interface SelectProps
+ * A dropdown select menu that opens a popover on desktop and an action menu on mobile.
+ * Supports controlled and uncontrolled modes.
  */
-declare function SelectMenu<T extends object>({ label, name, isDisabled, disabledKeys, selectedKey, onSelectionChange, onOpen, onClose, items, "data-testid": testId, children, }: SelectProps<T>): JSX_2.Element;
+declare function SelectMenu({ label, name, isDisabled, disabledKeys, selectedKey, onSelectionChange, onOpen, onClose, items, "data-testid": testId, }: SelectProps): JSX_2.Element;
 
-declare interface SelectProps<T> {
-    /** The name of the select field
-     * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
-     */
+declare interface SelectProps {
+    /** The name of the select field */
     name: string;
     /** Label to display above the select
      * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#text
@@ -651,23 +640,21 @@ declare interface SelectProps<T> {
     /** Array of keys that should be disabled
      * @example ["Thing 1", "Thing 2"]
      */
-    disabledKeys?: (string | number)[];
+    disabledKeys?: string[];
     /** Currently selected key */
-    selectedKey?: string | number;
+    selectedKey?: string;
     /** Callback fired when selection changes */
-    onSelectionChange?: (key: string | number) => void;
+    onSelectionChange?: (key: string) => void;
     /** Callback fired when the menu opens */
     onOpen?: () => void;
     /** Callback fired when the menu closes */
     onClose?: () => void;
     /** Array of items to display
-     * @example [{ name: "thing 1", label: "Thing 1" }, { name: "thing 2", label: "Thing 2" }]
+     * @example [{ key: "thing-1", label: "Thing 1" }, { key: "thing-2", label: "Thing 2" }]
      */
-    items?: T[];
+    items: SelectItem[];
     /** Test ID for the select */
     "data-testid"?: string;
-    /** Children elements or render function */
-    children: CollectionChildren<T>;
 }
 
 export declare function Switch(props: SwitchProps): JSX_2.Element;