@wavv/ui 1.8.0-beta.8 → 1.8.1

package/build/cjs/types/components/Dropdown/Dropdown.d.ts

@@ -49,7 +49,7 @@ type DropdownProps<OptionType> = {
     id?: string;
     /** Sets the name of the Dropdown input */
     name?: string;
-    /** An HTML element/React component to trigger the opening and closing of the dropdown instead of an input */
+    /** (DEPRECATED! Use the DropdownMenu component instead.) An HTML element/React component to trigger the opening and closing of the dropdown instead of an input */
     trigger?: ReactNode;
     /** Center the Dropdown options vertically with the trigger */
     centerY?: boolean;

package/build/cjs/types/components/Dropdown/DropdownUtils.d.ts

@@ -1,5 +1,5 @@
-import React, { ChangeEvent, MouseEvent, ReactElement, ReactNode } from 'react';
-import { FlexPosition } from '../types';
+import { ChangeEvent, MouseEvent, ReactElement, ReactNode } from 'react';
+import { FlexPosition, ThemeProp } from '../types';
 export type OptionItem = {
     id: number | string;
     label: string;
@@ -41,7 +41,16 @@ type StatePieces = {
 };
 type FilterState = Omit<StatePieces, 'selected'>;
 export declare const getFilteredOptions: <OptionType extends OptionItem>(options: OptionType[], state: FilterState) => OptionType[];
+export declare const getItemContentFromOption: <OptionType extends OptionItem>(option: OptionType) => import("react/jsx-runtime").JSX.Element;
 export declare const getOptionsFromArray: <OptionType extends OptionItem>(options: OptionType[], setValue: SetValueFunc, toggle: toggleFunc, state: FilterState) => import("react/jsx-runtime").JSX.Element[];
-export declare const getOptionsFromChildren: <OptionType extends OptionItem>(children: ReactNode, setValue: SetValueFunc, toggle: toggleFunc) => (React.ReactElement<DropdownItemProps<OptionType>, string | React.JSXElementConstructor<any>> | null)[];
-export declare const getCombinedChildren: <OptionType extends OptionItem>(options: OptionType[], children: ReactNode, setValue: SetValueFunc, toggle: toggleFunc, state: StatePieces) => (React.ReactElement<any, string | React.JSXElementConstructor<any>> | null)[];
+export declare const getOptionsFromChildren: <OptionType extends OptionItem>(children: ReactNode, setValue: SetValueFunc, toggle: toggleFunc) => (ReactElement<DropdownItemProps<OptionType>, string | import("react").JSXElementConstructor<any>> | null)[];
+export declare const getCombinedChildren: <OptionType extends OptionItem>(options: OptionType[], children: ReactNode, setValue: SetValueFunc, toggle: toggleFunc, state: StatePieces) => (ReactElement<any, string | import("react").JSXElementConstructor<any>> | null)[];
+export declare const ItemHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ItemSubtext: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/cjs/types/components/DropdownMenu.d.ts

@@ -1,12 +1,15 @@
 import { HTMLProps, ReactNode } from 'react';
-import { As, FlexPosition, PopPosition } from './types';
 import { OptionItem } from './Dropdown/DropdownUtils';
-type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
+import { As, FlexPosition, PopPosition } from './types';
+type DivProps = Omit<HTMLProps<HTMLDivElement>, 'onChange' | 'as'> & As;
 type WithChildren = {
     children: ReactNode;
+    onChange?: never;
 };
 type WithOptions<OptionType> = {
     options: OptionType[];
+    /** The function called after an option from the options array is selected */
+    onChange?: (option: OptionType, event: Event) => void;
 };
 type EitherChildrenOrOptions<OptionType> = WithChildren | WithOptions<OptionType>;
 type DropdownMenuProps<OptionType> = {
@@ -35,15 +38,13 @@ type DropdownMenuProps<OptionType> = {
     zIndex?: number;
     /** Enables the page to scroll when the menu is open */
     disableScrollLock?: boolean;
-    /** The function called after an option from the options array is selected */
-    onOptionSelect?: (option: OptionType, event: Event) => void;
     /** The function called after the menu opens */
     afterShow?: () => void;
     /** The function called after the menu closes */
     afterHide?: () => void;
 } & EitherChildrenOrOptions<OptionType> & DivProps;
 declare const DropdownMenu: {
-    <OptionType extends OptionItem>({ children, options, id, position, trigger, open, offset, arrow, width, maxHeight, container, zIndex, disableScrollLock, onOptionSelect, afterShow, afterHide, ...props }: DropdownMenuProps<OptionType>): import("react/jsx-runtime").JSX.Element;
+    <OptionType extends OptionItem>({ children, options, id, position, trigger, open, offset, arrow, width, maxHeight, container, zIndex, disableScrollLock, onChange, afterShow, afterHide, ...props }: DropdownMenuProps<OptionType>): import("react/jsx-runtime").JSX.Element;
     Item: ({ children, id, disabled, onClick, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
     Sub({ children, id, label, zIndex, disabled, container, ...props }: SubProps): import("react/jsx-runtime").JSX.Element;
     Separator(): import("react/jsx-runtime").JSX.Element;