@wavv/ui 1.7.6 → 1.7.8

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

@@ -63,7 +63,7 @@ export type InputProps = {
     pointer?: boolean;
     /** Removes the padding from the input */
     textOnly?: boolean;
-    /** Adds a search icon to the left of the input and a clear icon and funcitonality to the right */
+    /** Adds a search icon to the left of the input and a clear icon and functionality to the right */
     search?: boolean;
     /** Callback run after onFocus event */
     onFocus?: (event?: InputFocusEvent) => void;
@@ -121,7 +121,7 @@ declare const Input: import("react").ForwardRefExoticComponent<(Omit<{
     pointer?: boolean | undefined;
     /** Removes the padding from the input */
     textOnly?: boolean | undefined;
-    /** Adds a search icon to the left of the input and a clear icon and funcitonality to the right */
+    /** Adds a search icon to the left of the input and a clear icon and functionality to the right */
     search?: boolean | undefined;
     /** Callback run after onFocus event */
     onFocus?: ((event?: InputFocusEvent) => void) | undefined;
@@ -178,7 +178,7 @@ declare const Input: import("react").ForwardRefExoticComponent<(Omit<{
     pointer?: boolean | undefined;
     /** Removes the padding from the input */
     textOnly?: boolean | undefined;
-    /** Adds a search icon to the left of the input and a clear icon and funcitonality to the right */
+    /** Adds a search icon to the left of the input and a clear icon and functionality to the right */
     search?: boolean | undefined;
     /** Callback run after onFocus event */
     onFocus?: ((event?: InputFocusEvent) => void) | undefined;

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { DropdownOption, InputProps } from './Dropdown';
-import { Width, Margin } from './types';
+import { Width, Margin, MultiSelectRef } from './types';
 type DropdownProps = Omit<InputProps, 'children'>;
 type MultiSelectProps = {
     /** The list of dropdown options to display */
@@ -27,7 +27,7 @@ type MultiSelectProps = {
     disabled?: boolean;
     /** Hides the maxItems count and the itemsTitle */
     hideItemsInfo?: boolean;
-    /** The selector (id or className) of the element the options should open in relataion to */
+    /** The selector (id or className) of the element the options should open in relation to */
     optionsParent?: string;
     /** Causes the MultiSelect to collapse if listLabel is also present */
     compact?: boolean;
@@ -42,5 +42,5 @@ type MultiSelectProps = {
     /** The function to be called when the input is updated */
     onTextChange?: (text: string) => void;
 } & Width & Margin & DropdownProps;
-declare const MultiSelect: ({ children, options, items, listLabel, listText, itemsTitle, maxItems, placeholder, width, filter, restrictInput, disabled, hideItemsInfo, optionsParent, compact, backgroundColor, borderless, addItem, removeItem, onTextChange, autoFocus, ...props }: MultiSelectProps) => JSX.Element;
+declare const MultiSelect: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React.RefAttributes<MultiSelectRef>>;
 export default MultiSelect;

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

@@ -51,6 +51,7 @@ export type InputRef = {
     blur: () => void;
     hasFocus: boolean;
 };
+export type MultiSelectRef = Omit<InputRef, 'hasFocus'>;
 export type AudioRef = {
     play?: () => void;
     pause?: () => void;

package/build/cjs/types/index.d.ts

@@ -43,7 +43,7 @@ export type { ITheme, ThemeProp } from './theme/ThemeTypes';
 export type { IconNames } from './components/Icon/icons';
 export type { DropdownOption } from './components/Dropdown';
 export type { Item as TransferItem, Action as TransferAction, Next as TransferNext } from './components/TransferList';
-export type { AudioRef, DraftEditorRef, InputRef, Margin, Padding, Position, MaxWidth, MaxHeight, MaxWidthHeight, Width, Height, WidthHeight, MarginPadding, FlexPosition, As, } from './components/types';
+export type { AudioRef, DraftEditorRef, InputRef, MultiSelectRef, Margin, Padding, Position, MaxWidth, MaxHeight, MaxWidthHeight, Width, Height, WidthHeight, MarginPadding, FlexPosition, As, } from './components/types';
 export { default as useEventListener } from './hooks/useEventListener';
 export { default as useOnClickOutside } from './hooks/useOnClickOutside';
 export { default as useSelect } from './hooks/useSelect';