@wavv/ui 1.7.6 → 1.7.8

package/build/esm/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/esm/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/esm/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/esm/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';

package/build/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as React from 'react';
-import { ElementType, FocusEvent, ReactNode, ChangeEvent, HTMLProps, ReactElement, MouseEvent as MouseEvent$1, KeyboardEvent as KeyboardEvent$1, CSSProperties, MutableRefObject, RefObject, FormEvent } from 'react';
+import React__default, { ElementType, FocusEvent, ReactNode, ChangeEvent, HTMLProps, ReactElement, MouseEvent as MouseEvent$1, KeyboardEvent as KeyboardEvent$1, CSSProperties, MutableRefObject, RefObject, FormEvent } from 'react';
 import * as _emotion_styled from '@emotion/styled';
 import { StyledComponent } from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
@@ -559,6 +559,7 @@ type InputRef = {
     blur: () => void;
     hasFocus: boolean;
 };
+type MultiSelectRef = Omit<InputRef, 'hasFocus'>;
 type AudioRef = {
     play?: () => void;
     pause?: () => void;
@@ -1398,7 +1399,7 @@ 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;
@@ -1456,7 +1457,7 @@ declare const Input: 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;
@@ -1513,7 +1514,7 @@ declare const Input: 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;
@@ -2072,7 +2073,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;
@@ -2087,7 +2088,7 @@ 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__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React__default.RefAttributes<MultiSelectRef>>;
 
 declare const Notification: _emotion_styled.StyledComponent<{
     theme?: _emotion_react.Theme | undefined;
@@ -2454,4 +2455,4 @@ declare const positionProps: ({ position, top, bottom, right, left }: Position)
     left: string | number | undefined;
 };
 
-export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, Modal, MultiSelect, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize, widthHeightProps };
+export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, Modal, MultiSelect, MultiSelectRef, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize, widthHeightProps };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.7.6",
+	"version": "1.7.8",
 	"files": [
 		"build/**/*"
 	],