@wistia/ui 0.21.5-beta.da246d56.ebfe72f → 0.21.6-beta.14029db3.c005e65

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, AnchorHTMLAttributes, MouseEvent, ReactElement, ElementType, ChangeEvent, PropsWithChildren, InputHTMLAttributes, Ref, SyntheticEvent, ComponentProps, HTMLAttributes, ForwardRefExoticComponent, RefAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, AnchorHTMLAttributes, MouseEvent, ReactElement, ElementType, ChangeEvent, PropsWithChildren, InputHTMLAttributes, Ref, SyntheticEvent, ComponentProps, CSSProperties, HTMLAttributes, ForwardRefExoticComponent, RefAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
 import { UseFilePickerConfig, FilePickerReturnTypes, ExtractContentTypeFromConfig, useImperativeFilePickerConfig, ImperativeFilePickerReturnTypes } from 'use-file-picker/types';
 export * from 'use-file-picker/types';
 import { Color } from 'culori/fn';
@@ -3182,10 +3182,15 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<BaseButtonProps &
      * Treats the menu item as a link when provided
      */
     href?: MenuItemButtonProps["href"];
+    /**
+     * Whether the menu should close when this item is clicked
+     * @default true
+     */
+    closeOnClick?: boolean;
     /**
      * Callback when the item is selected
      */
-    onSelect?: () => void;
+    onSelect?: (event: Event | SyntheticEvent) => void;
 }, "ref"> | Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     beforeAction?: (() => Promise<void>) | (() => void);
     children: react.ReactNode;
@@ -3222,10 +3227,15 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<BaseButtonProps &
      * Treats the menu item as a link when provided
      */
     href?: MenuItemButtonProps["href"];
+    /**
+     * Whether the menu should close when this item is clicked
+     * @default true
+     */
+    closeOnClick?: boolean;
     /**
      * Callback when the item is selected
      */
-    onSelect?: () => void;
+    onSelect?: (event: Event | SyntheticEvent) => void;
 }, "ref"> | Omit<BaseButtonProps & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
     type?: "button" | "reset" | "submit";
@@ -3248,10 +3258,15 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<BaseButtonProps &
      * Treats the menu item as a link when provided
      */
     href?: MenuItemButtonProps["href"];
+    /**
+     * Whether the menu should close when this item is clicked
+     * @default true
+     */
+    closeOnClick?: boolean;
     /**
      * Callback when the item is selected
      */
-    onSelect?: () => void;
+    onSelect?: (event: Event | SyntheticEvent) => void;
 }, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type MenuItemLabelProps = {
@@ -3313,7 +3328,7 @@ type RadioMenuItemProps = MenuItemButtonProps & {
     /**
      * Callback when the item is selected
      */
-    onSelect?: () => void;
+    onSelect?: (event: Event | SyntheticEvent) => void;
 };
 declare const RadioMenuItem: {
     ({ onSelect, value, indicator, ...props }: RadioMenuItemProps): react_jsx_runtime.JSX.Element;
@@ -3346,7 +3361,7 @@ type CheckboxMenuItemProps = MenuItemButtonProps & {
     /**
      * Callback when the item is selected
      */
-    onSelect?: () => void;
+    onSelect?: (event: Event | SyntheticEvent) => void;
 };
 declare const CheckboxMenuItem: {
     ({ onSelect, checked, onCheckedChange, ...props }: CheckboxMenuItemProps): react_jsx_runtime.JSX.Element;
@@ -3566,6 +3581,10 @@ type PopoverProps = PopoverControlProps & {
      * The content of the popover
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](/docs/color-schemes)
+     */
+    colorScheme?: ColorSchemeTypes;
     /**
      * The maximum width of the popover
      */
@@ -3594,7 +3613,11 @@ type PopoverProps = PopoverControlProps & {
      * Only works if `withArrow` is true, animates the hotspot attached to the arrow
      */
     isAnimated?: boolean;
-    colorScheme?: ColorSchemeTypes;
+    /**
+     * @ignore
+     * Inline styles applied to the popover popup
+     */
+    style?: CSSProperties;
     /**
      * The preferred side of the trigger to render on
      */
@@ -3608,7 +3631,7 @@ type PopoverProps = PopoverControlProps & {
  * Displays rich content in a portal, triggered by a button.
  */
 declare const Popover: {
-    ({ children, trigger, isOpen, hideCloseButton, maxWidth, maxHeight, onOpenChange, unstyled, withArrow, isAnimated, colorScheme, side, align, ...props }: PopoverProps): JSX.Element;
+    ({ children, trigger, isOpen, hideCloseButton, maxWidth, maxHeight, onOpenChange, unstyled, withArrow, isAnimated, colorScheme, style, side, align, ...props }: PopoverProps): JSX.Element;
     displayName: string;
 };
 
@@ -3974,7 +3997,7 @@ type SegmentedControlProps = {
 /**
  * Provides a horizontal set of segments for switching between different values
  */
-declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps>;
+declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps & HTMLAttributes<HTMLDivElement>>;
 
 type BaseProps$1 = {
     /**
@@ -4152,7 +4175,7 @@ type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
      * (e.g. on mouseup, touchend, or keyup). Useful for analytics or
      * expensive operations where only the final value matters.
      */
-    onValueCommit?: (value: number[]) => void;
+    onValueCommitted?: (value: number[]) => void;
     /**
      * Value to be added or subtracted on each step
      */
@@ -4164,7 +4187,7 @@ type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
     value?: number[];
 };
 declare const Slider: {
-    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled, initialValue, max, min, onChange, onValueCommit, step, value, "data-testid": dataTestId, ...otherProps }: SliderProps): JSX.Element;
+    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled, initialValue, max, min, onChange, onValueCommitted, step, value, "data-testid": dataTestId, ...otherProps }: SliderProps): JSX.Element;
     displayName: string;
 };
 
@@ -4675,7 +4698,7 @@ type TooltipProps = {
     /**
      * The button or other interactive element that triggers the tooltip
      */
-    children: ReactElement;
+    children: ReactNode;
     /**
      * The delay in milliseconds before the tooltip appears
      */