@wavv/ui 2.0.0-alpha.0 → 2.0.0-alpha.2

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputFocusEvent, ThemeProp } from './types';
+import { InputFocusEvent, MarginPadding, ThemeProp, WidthHeight } from './types';
 type FocusCallBack = (event?: InputFocusEvent) => void;
 export declare const useInputFocus: (onFocus?: FocusCallBack, onBlur?: FocusCallBack, focusCondition?: boolean) => {
     focused: boolean;
@@ -7,6 +7,21 @@ export declare const useInputFocus: (onFocus?: FocusCallBack, onBlur?: FocusCall
     handleBlur: (event?: InputFocusEvent) => void;
 };
 export declare const isInputFilled: (value?: string | number) => boolean;
+export type InputContainerProps = {
+    backgroundColor?: string;
+    borderRadius?: number | string;
+    borderless?: boolean;
+    borderColor?: string;
+    fontSize?: number | string;
+    placeholderColor?: string;
+    pointer?: boolean;
+    readOnly?: boolean;
+    textOnly?: boolean;
+    focused?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    hasLabel?: boolean;
+} & WidthHeight & MarginPadding & ThemeProp;
 export declare const InputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -15,6 +30,8 @@ export declare const InputContainer: import("@emotion/styled").StyledComponent<{
     borderRadius?: string | number | undefined;
     borderless?: boolean | undefined;
     borderColor?: string | undefined;
+    fontSize?: string | number | undefined;
+    placeholderColor?: string | undefined;
     pointer?: boolean | undefined;
     readOnly?: boolean | undefined;
     textOnly?: boolean | undefined;
@@ -52,6 +69,8 @@ declare const _default: {
         borderRadius?: string | number | undefined;
         borderless?: boolean | undefined;
         borderColor?: string | undefined;
+        fontSize?: string | number | undefined;
+        placeholderColor?: string | undefined;
         pointer?: boolean | undefined;
         readOnly?: boolean | undefined;
         textOnly?: boolean | undefined;

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

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+import { OptionItem } from './Dropdown/DropdownUtils';
+import { Margin, WidthHeight } from './types';
+type SelectProps<OptionType> = {
+    /** The function to be called when an option is selected */
+    onChange?: (item: OptionType | null) => void;
+    /** The value of the Select */
+    value?: string;
+    /** The function to be called when the Select is opened */
+    afterShow?: () => void;
+    /** The function to be called when the Select is closed */
+    afterHide?: () => void;
+    /** Sets the input placeholder text */
+    placeholder?: string;
+    /** Sets the input placeholder color */
+    placeholderColor?: string;
+    /** The options to be displayed */
+    options?: OptionType[];
+    /** Removes the border from the Select input */
+    borderless?: boolean;
+    /** Sets the input borderColor */
+    borderColor?: string;
+    /** Sets the input backgroundColor */
+    backgroundColor?: string;
+    /** Removes the border and background-color from the Select input */
+    textOnly?: boolean;
+    /** Adds a label to the Select input */
+    label?: string;
+    /** Sets the id of the Select input or trigger */
+    id?: string;
+    /** Sets the Select fontSize */
+    fontSize?: number | string;
+    /** Places a description message below the Select */
+    description?: string;
+    /** Disables the Select */
+    disabled?: boolean;
+    /** Sets the Select's bottom border and description text to red */
+    invalid?: boolean;
+    /** zIndex of the menu's portal container */
+    zIndex?: number;
+    /** Controls the open state of the menu */
+    open?: boolean;
+} & WidthHeight & Margin;
+declare const Select: <OptionType extends OptionItem>({ onChange, afterShow, afterHide, placeholder, placeholderColor, value, options, borderless, borderColor, backgroundColor, textOnly, width, label, id, fontSize, description, disabled, invalid, zIndex, open, ...props }: SelectProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
+export declare const Trigger: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    backgroundColor?: string | undefined;
+    borderRadius?: string | number | undefined;
+    borderless?: boolean | undefined;
+    borderColor?: string | undefined;
+    fontSize?: string | number | undefined;
+    placeholderColor?: string | undefined;
+    pointer?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    textOnly?: boolean | undefined;
+    focused?: boolean | undefined;
+    invalid?: boolean | undefined;
+    disabled?: boolean | undefined;
+    hasLabel?: boolean | undefined;
+} & import("./types").Width & import("./types").Height & Margin & import("./types").Padding & import("./types").ThemeProp & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default Select;

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

@@ -29,36 +29,37 @@ export { default as Pagination } from './components/Pagination';
 export { default as PieChart } from './components/PieChart';
 export { default as Progress } from './components/Progress';
 export { default as Radio } from './components/Radio';
-export { default as ResetStyles } from './global-styles/ResetStyles';
-export { default as ScrollbarStyles } from './global-styles/ScrollbarStyles';
-export { default as ToastStyles } from './global-styles/ToastStyles';
+export { default as Select } from './components/Select';
 export { default as Slider } from './components/Slider';
 export { default as Spacer } from './components/Spacer';
 export { default as Spinner } from './components/Spinner';
-export { default as TransferList } from './components/TransferList';
 export { default as Table } from './components/Table';
+export { default as Tabs } from './components/Tabs';
 export { default as Toggle } from './components/Toggle';
 export { default as Tooltip } from './components/Tooltip';
-export { default as Tabs } from './components/Tabs';
+export { default as TransferList } from './components/TransferList';
+export { default as ResetStyles } from './global-styles/ResetStyles';
+export { default as ScrollbarStyles } from './global-styles/ScrollbarStyles';
+export { default as ToastStyles } from './global-styles/ToastStyles';
 export { default as theme } from './theme';
 export { default as colors } from './theme/colors';
 export { default as darkScale } from './theme/darkScale';
 export { default as lightScale } from './theme/lightScale';
-export type { ITheme, ThemeProp } from './theme/ThemeTypes';
+export type { DropdownOption } from './components/Dropdown';
 export type { IconNames } from './components/Icon/icons';
 export type { TabItem } from './components/Tabs';
-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, MultiSelectRef, Margin, Padding, Position, MinWidth, MaxWidth, MinHeight, MaxHeight, MinWidthHeight, MaxWidthHeight, Width, Height, WidthHeight, MarginPadding, FlexPosition, AsProp as As, } from './components/types';
+export type { Action as TransferAction, Item as TransferItem, Next as TransferNext } from './components/TransferList';
+export type { AsProp as As, AudioRef, DraftEditorRef, FlexPosition, Height, InputRef, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, MinHeight, MinWidth, MinWidthHeight, MultiSelectRef, Padding, Position, Width, WidthHeight, } from './components/types';
+export type { ITheme, ThemeProp } from './theme/ThemeTypes';
+export { default as useConfirm } from './hooks/useConfirm';
+export { default as useElementObserver } from './hooks/useElementObserver';
 export { default as useEventListener } from './hooks/useEventListener';
 export { default as useOnClickOutside } from './hooks/useOnClickOutside';
+export { default as usePrevious } from './hooks/usePrevious';
 export { default as useSelect } from './hooks/useSelect';
 export { default as useSelectAll } from './hooks/useSelectAll';
 export { default as useWindowSize } from './hooks/useWindowSize';
-export { default as useConfirm } from './hooks/useConfirm';
-export { default as useElementObserver } from './hooks/useElementObserver';
-export { default as usePrevious } from './hooks/usePrevious';
-export { default as formatDate } from './utils/formatDate';
+export { marginProps, paddingProps, positionProps, widthHeightProps } from './components/helpers/styledProps';
 export { default as copyToClipboard } from './utils/copyToClipboard';
+export { default as formatDate } from './utils/formatDate';
 export { default as numberWithCommas } from './utils/numberWithCommas';
-export { widthHeightProps, paddingProps, marginProps, positionProps } from './components/helpers/styledProps';