@wavv/ui 1.2.1 → 1.2.2

package/{dist → build}/cjs/types/components/Dropdown/DropdownUtils.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEvent, ReactElement, ReactNode } from 'react';
+import React, { ChangeEvent, MouseEvent, ReactElement, ReactNode } from 'react';
 import { FlexPosition } from '../types';
 export declare type OptionItem = {
     id: number | string;
@@ -12,7 +12,7 @@ export declare type OptionItem = {
     [key: string]: unknown;
 };
 export declare type DropdownItemProps<OptionType> = {
-    setValue?: (v: OptionType) => void;
+    setValue?: (v: OptionType, event: MouseEvent) => void;
     close?: () => void;
     children: ReactNode;
     /** Sets the value of the option that will be returned in the object */
@@ -30,7 +30,8 @@ export declare type DropdownItemProps<OptionType> = {
     /** The id of the Item element */
     id: number | string;
 };
-export declare type setValueFunc = <OptionType extends OptionItem>(selection: OptionType | string | null) => void;
+export declare type SetEvent = MouseEvent | ChangeEvent | KeyboardEvent;
+export declare type SetValueFunc = <OptionType extends OptionItem>(selection: OptionType | string | null, event?: SetEvent) => void;
 declare type toggleFunc = (event?: MouseEvent) => void;
 declare type StatePieces = {
     selected: number;
@@ -40,7 +41,7 @@ declare type StatePieces = {
 };
 declare type FilterState = Omit<StatePieces, 'selected'>;
 export declare const getFilteredOptions: <OptionType extends OptionItem>(options: OptionType[], state: FilterState) => OptionType[];
-export declare const getOptionsFromArray: <OptionType extends OptionItem>(options: OptionType[], setValue: setValueFunc, toggle: toggleFunc, state: FilterState) => 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 getOptionsFromArray: <OptionType extends OptionItem>(options: OptionType[], setValue: SetValueFunc, toggle: toggleFunc, state: FilterState) => 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 {};

package/{dist → build}/cjs/types/components/Form.d.ts

@@ -86,6 +86,7 @@ declare const Form: {
         <OptionType extends import("./Dropdown").DropdownOption>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
             children?: ReactNode;
             onChange?: ((item: OptionType | null) => void) | undefined;
+            /** Disables pointer events and reduces the opacity of the Group's contents  */
             onTextChange?: ((text: string) => void) | undefined;
             value?: string | number | undefined;
             afterShow?: (() => void) | undefined;

package/{dist → build}/cjs/types/components/Modal.d.ts

@@ -38,12 +38,10 @@ declare const Modal: {
     ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: ModalProps): import("react").ReactPortal | null;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        /** Controls whether or not the Modal is open */
         as?: import("react").ElementType<any> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Text: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        /** Controls whether or not the Modal is open */
         as?: import("react").ElementType<any> | undefined;
     } & {
         primary?: boolean | undefined;
@@ -51,12 +49,10 @@ declare const Modal: {
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        /** Controls whether or not the Modal is open */
         as?: import("react").ElementType<any> | undefined;
     } & Height & Margin, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Footer: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        /** Controls whether or not the Modal is open */
         as?: import("react").ElementType<any> | undefined;
     } & {
         justify?: FlexPosition | undefined;

package/{dist/esm → build/cjs}/types/hooks/useSelect.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { OptionItem } from '../components/Dropdown/DropdownUtils';
+import { OptionItem, SetValueFunc } from '../components/Dropdown/DropdownUtils';
 declare type UseSelectProps<OptionType> = {
     /** The options that will be displayed in the list */
     options: OptionType[];
     /** The function called when an option is selected */
-    select: (option: OptionType | string | null) => void;
+    select: SetValueFunc;
     /** The function to close the open option list */
     close: Function;
     /** The function to open the closed option list */