@wavv/ui 1.9.15 → 1.9.16

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

@@ -4,14 +4,14 @@ import { BasicButtonProps, ButtonComponentProps } from './ButtonTypes';
 /** Button Component */
 declare const Button: {
     (props: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
-    Group: ({ children, disabled, outline, size, small, large, secondary, negative, positive, caution, collapse, ...props }: {
-        children: (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("src/lib/components/Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("src/lib/components/Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>)[];
+    Group: ({ children, disabled, outline, size, small, large, secondary, negative, positive, caution, collapse, ...props }: ({
+        children: (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("../Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("../Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>)[];
         disabled?: boolean | undefined;
         size?: "small" | "large" | "medium" | undefined;
         small?: boolean | undefined;
         large?: boolean | undefined;
         outline?: boolean | undefined;
         collapse?: boolean | undefined;
-    } & import("./ButtonTypes").ButtonStyles & Margin & import("../types").Width) => import("react/jsx-runtime").JSX.Element | null;
+    } & import("./ButtonTypes").ButtonStyles) & Margin & import("../types").Width) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default Button;

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

@@ -1,4 +1,4 @@
 declare const ButtonLoader: ({ size }: {
-    size?: number | undefined;
+    size?: number;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ButtonLoader;

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

@@ -30,7 +30,7 @@ export declare const ChartContainer: import("@emotion/styled").StyledComponent<{
 export declare const TooltipContent: ({ active, payload, label }: TooltipProps<number, string>) => import("react/jsx-runtime").JSX.Element | null;
 export declare const Tooltip: () => import("react/jsx-runtime").JSX.Element;
 export declare const LegendContent: ({ payload, toggleData, }: {
-    payload?: Payload[] | undefined;
-    toggleData?: ((item: Payload) => void) | undefined;
+    payload?: Payload[];
+    toggleData?: (item: Payload) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -80,6 +80,6 @@ type DropdownProps<OptionType> = {
 } & WidthHeight & Margin & RestInputProps;
 declare const Dropdown: {
     <OptionType extends OptionItem>({ 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 }: DropdownProps<OptionType>): import("react/jsx-runtime").JSX.Element;
-    Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: DropdownItemProps<OptionType_1>): import("react/jsx-runtime").JSX.Element;
+    Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, section, }: DropdownItemProps<OptionType_1>): import("react/jsx-runtime").JSX.Element;
 };
 export default Dropdown;

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

@@ -5,6 +5,7 @@ export type OptionItem = {
     label: string;
     header?: string;
     body?: string;
+    type?: 'section';
     leftElement?: ReactElement;
     rightElement?: ReactElement;
     onClick?: (event?: MouseEvent | Event) => void;
@@ -29,6 +30,8 @@ export type DropdownItemProps<OptionType> = {
     onClick?: (event: MouseEvent) => void;
     /** The id of the Item element */
     id: number | string;
+    /** Sets the Item as a section separator */
+    section?: boolean;
 };
 export type SetEvent = MouseEvent | ChangeEvent | KeyboardEvent;
 export type SetValueFunc = <OptionType extends OptionItem>(selection: OptionType | string | null, event?: SetEvent) => void;

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

@@ -9,14 +9,7 @@ type FormProps = {
 declare const Form: {
     ({ children, rows, columns, rowGap, columnGap, onSubmit, ...rest }: FormProps): import("react/jsx-runtime").JSX.Element;
     Group({ children, rows, columns, rowGap, columnGap, disabled, ...rest }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
-    Field({ children, inline, align, disabled, ...props }: {
-        /** Sets the flexDirection of the Field to 'row' instead of 'column' */
-        inline?: boolean | undefined;
-        /** Sets the vertical alignment of the Field's contents */
-        align?: "center" | "top" | "bottom" | undefined;
-        /** Disables pointer events and reduces the opacity of the Field's contents  */
-        disabled?: boolean | undefined;
-    } & Margin & {
+    Field({ children, inline, align, disabled, ...props }: FieldProps & {
         children?: ReactNode;
     }): import("react/jsx-runtime").JSX.Element;
     Input: import("react").ForwardRefExoticComponent<(Omit<{
@@ -26,8 +19,8 @@ declare const Form: {
         placeholderColor?: string | undefined;
         description?: string | undefined;
         isLoading?: boolean | undefined;
-        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
-        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconLeft?: import("./helpers/getIcon").IconType | undefined;
+        iconRight?: import("./helpers/getIcon").IconType | undefined;
         invalid?: boolean | undefined;
         borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
@@ -59,8 +52,8 @@ declare const Form: {
         placeholderColor?: string | undefined;
         description?: string | undefined;
         isLoading?: boolean | undefined;
-        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
-        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconLeft?: import("./helpers/getIcon").IconType | undefined;
+        iconRight?: import("./helpers/getIcon").IconType | undefined;
         invalid?: boolean | undefined;
         borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
@@ -87,7 +80,7 @@ declare const Form: {
         onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
     } & Margin & import("./types").Padding, "ref">) & import("react").RefAttributes<import("./types").InputRef>>;
     Dropdown: {
-        <OptionType extends import("src/lib/components/Dropdown/DropdownUtils").OptionItem>({ 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 }: {
+        <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;
             onTextChange?: ((text: string) => void) | undefined;
@@ -125,8 +118,8 @@ declare const Form: {
             restrictInput?: boolean | ((text: string) => boolean) | undefined;
             inputRef?: import("react").RefObject<import("./types").InputRef> | undefined;
             optionsParent?: string | undefined;
-        } & import("./types").Width & import("./types").Height & Margin & import("src/lib/components/Dropdown/Dropdown").RestInputProps): import("react/jsx-runtime").JSX.Element;
-        Item<OptionType_1 extends import("src/lib/components/Dropdown/DropdownUtils").OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: import("src/lib/components/Dropdown/DropdownUtils").DropdownItemProps<OptionType_1>): import("react/jsx-runtime").JSX.Element;
+        } & import("./types").Width & import("./types").Height & Margin & import("./Dropdown").InputProps): import("react/jsx-runtime").JSX.Element;
+        Item<OptionType_1 extends import("./Dropdown").DropdownOption>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, section, }: import("./Dropdown/DropdownUtils").DropdownItemProps<OptionType_1>): import("react/jsx-runtime").JSX.Element;
     };
     Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
@@ -142,7 +135,7 @@ declare const Form: {
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         onChange: (val: boolean) => void;
-    } & Margin & import("./types").As & import("src/lib/components/FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
+    } & Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
     Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
@@ -151,11 +144,11 @@ declare const Form: {
         checked?: boolean | undefined;
         partial?: boolean | undefined;
         onChange: (val: boolean) => void;
-    } & Margin & import("./types").As & import("src/lib/components/FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
+    } & Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
         children?: ReactNode;
-        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
-        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconLeft?: import("./helpers/getIcon").IconType | undefined;
+        iconRight?: import("./helpers/getIcon").IconType | undefined;
         pill?: boolean | undefined;
         disabled?: boolean | undefined;
     } & Margin) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,10 +2,10 @@ declare const MessageHr: ({ text, color, style, }: {
     /** The text to be displayed */
     text: string | number;
     /** The color of the text displayed */
-    color?: string | undefined;
+    color?: string;
     /** Sets the style prop of the text */
     style?: {
         [key: string]: string | number;
-    } | undefined;
+    };
 }) => import("react/jsx-runtime").JSX.Element;
 export default MessageHr;

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

@@ -23,7 +23,7 @@ type OptionsProps = {
 } & Width;
 declare const Options: {
     ({ id, children, containerRef, parentSelector, width, maxHeight, offsetY, offsetX, centerY, centerX, direction, }: OptionsProps): import("react/jsx-runtime").JSX.Element;
-    Item({ children, id, onClick, selected, noSelect, contentPosition, color, accented, ...props }: OptionsItemProps): import("react/jsx-runtime").JSX.Element;
+    Item({ children, id, onClick, selected, noSelect, contentPosition, color, accented, section, ...props }: OptionsItemProps): import("react/jsx-runtime").JSX.Element;
 };
 type OptionsItemProps = {
     children?: ReactNode;
@@ -41,5 +41,7 @@ type OptionsItemProps = {
     color?: string;
     /** Sets the Option text color to theme.accent */
     accented?: boolean;
+    /** Sets the Option as a section separator */
+    section?: boolean;
 };
 export default Options;

package/build/cjs/types/hooks/useSelect.d.ts

@@ -13,7 +13,7 @@ type UseSelectProps<OptionType> = {
     isOpen: boolean;
     /** The condition for when the select element is focused */
     isFocused?: boolean;
-    /** The text from a search Droppdown */
+    /** The text from a search Dropdown */
     searchText?: string;
 };
 declare const useSelect: <OptionType extends OptionItem>({ options, select, close, open, searchText, isOpen, isFocused, }: UseSelectProps<OptionType>) => readonly [number, import("react").RefObject<HTMLDivElement>];