@wavv/ui 1.4.0 → 1.4.2

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

@@ -0,0 +1,40 @@
+import React, { HTMLProps, ReactNode } from 'react';
+import { As, MarginPadding, Width, ThemeProp, Padding } from '../types';
+export type Data = {
+    [key: string]: unknown;
+};
+export type SetData<DataType> = React.Dispatch<React.SetStateAction<DataType[]>>;
+export type Columns = number | string;
+export type SortedChildFunc<DataType> = (data: DataType[]) => ReactNode;
+type Default = {
+    data?: never;
+    children: ReactNode;
+};
+type Sorted<DataType> = {
+    /** The data the table should use to add column sort functionality */
+    data: DataType[];
+    children: SortedChildFunc<DataType>;
+};
+type TableTypes<DataType> = Default | Sorted<DataType>;
+type DefaultTableProps = Omit<HTMLProps<HTMLTableElement>, 'as' | 'children' | 'data'> & As;
+type TableBase = {
+    /** If a number, columns creates n number columns of an equal size. If a string, columns sets the gridTemplateColumns property   */
+    columns?: Columns;
+} & Width & MarginPadding;
+export type TableProps<DataType> = TableBase & TableTypes<DataType> & DefaultTableProps;
+export type TableHeaderRow = TableBase & HTMLProps<HTMLTableRowElement>;
+export type TableElements = {
+    as?: string;
+} & ThemeProp & Padding;
+export type SortDir = 'asc' | 'desc' | 'inactive';
+export type ActiveColumn = {
+    key: string;
+    dir: 'asc' | 'desc';
+};
+type SetColumn = React.Dispatch<React.SetStateAction<ActiveColumn | undefined>>;
+export type Context = {
+    parentColumns?: Columns;
+    activeColumn?: ActiveColumn;
+    setActiveColumn?: SetColumn;
+};
+export {};

package/build/{esm/types → cjs}/components/Toggle.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CheckboxAttributes } from './FormControl';
 import { As, Margin } from './types';
-declare type ToggleProps = {
+type ToggleProps = {
     /** Id of the input element */
     id?: string;
     /** Places a label element beside the toggle. The value will set the text of the label */

package/build/{esm/types → cjs}/components/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ThemeProp } from './types';
-declare type Position = 'top' | 'bottom' | 'right' | 'left' | 'top left' | 'bottom left' | 'top right' | 'bottom right';
-export declare type TooltipProps = {
+type Position = 'top' | 'bottom' | 'right' | 'left' | 'top left' | 'bottom left' | 'top right' | 'bottom right';
+export type TooltipProps = {
     children?: ReactNode;
     /** The element that will trigger the opening of the Tooltip */
     trigger: ReactNode;

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

@@ -1,8 +1,8 @@
 import { CSSProperties as CSS, ReactElement } from 'react';
 import { ColorNames } from '../theme/colors';
 import { Margin, Width } from './types';
-declare type Color = ColorNames | CSS['color'];
-export declare type Item = {
+type Color = ColorNames | CSS['color'];
+export type Item = {
     /** Unique ID of the item */
     id: number | string;
     /** The text displayed for the transfer item */
@@ -23,9 +23,9 @@ export declare type Item = {
     selected?: boolean;
     [key: string]: unknown;
 };
-export declare type Action = 'select' | 'remove';
-export declare type Next = (item?: Item) => void;
-declare type TransferListProps = {
+export type Action = 'select' | 'remove';
+export type Next = (item?: Item) => void;
+type TransferListProps = {
     /** Array of objects that will be rendered as individual items in the list */
     items: Item[];
     /** The function called when an item is selected or removed. It passes the entire list of selected items. */

package/build/{esm/types → cjs}/components/helpers/getIcon.d.ts

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { IconProps } from '../Icon/Icon';
 import { IconNames } from '../Icon/icons';
 import { TooltipProps } from '../Tooltip';
-export declare type IconType = IconNames | IconProps | ReactElement<IconProps> | ReactElement<TooltipProps>;
-declare type ReducedIconProps = Omit<IconProps, 'name' | 'svg'>;
+export type IconType = IconNames | IconProps | ReactElement<IconProps> | ReactElement<TooltipProps>;
+type ReducedIconProps = Omit<IconProps, 'name' | 'svg'>;
 declare const getIcon: (icon: IconType, props?: ReducedIconProps) => ReactElement<IconProps | TooltipProps>;
 export default getIcon;

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

@@ -1,48 +1,48 @@
 import { ElementType, FocusEvent } from 'react';
 export type { ThemeProp } from '../theme';
-export declare type Margin = {
+export type Margin = {
     margin?: number | string;
     marginTop?: number | string;
     marginBottom?: number | string;
     marginRight?: number | string;
     marginLeft?: number | string;
 };
-export declare type Padding = {
+export type Padding = {
     padding?: number | string;
     paddingTop?: number | string;
     paddingBottom?: number | string;
     paddingRight?: number | string;
     paddingLeft?: number | string;
 };
-export declare type Width = {
+export type Width = {
     width?: number | string;
 };
-export declare type Height = {
+export type Height = {
     height?: number | string;
 };
-export declare type WidthHeight = Width & Height;
-export declare type MarginPadding = Margin & Padding;
-export declare type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-export declare type As = {
+export type WidthHeight = Width & Height;
+export type MarginPadding = Margin & Padding;
+export type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+export type As = {
     as?: ElementType<unknown>;
 };
-export declare type InputFocusEvent = FocusEvent<HTMLInputElement>;
-export declare type MergeField = {
+export type InputFocusEvent = FocusEvent<HTMLInputElement>;
+export type MergeField = {
     id: string;
     label: string;
     value?: string;
 };
-export declare type InputRef = {
+export type InputRef = {
     focus: () => void;
     blur: () => void;
     hasFocus: boolean;
 };
-export declare type AudioRef = {
+export type AudioRef = {
     play?: () => void;
     pause?: () => void;
     stop?: () => void;
 };
-export declare type DraftEditorRef = {
+export type DraftEditorRef = {
     insertField: (field: MergeField) => void;
     focusAtEnd: () => void;
 };

package/build/{esm/types → cjs}/global-styles/ResetStyles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import 'sanitize.css';
-declare type ResetStylesProps = {
+type ResetStylesProps = {
     /** An array of font families to pass to the font loader */
     families?: string[];
     /** The default font family to set */

package/build/cjs/{types/hooks → hooks}/useConfirm.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     header?: string;
     text?: string;
     cancelText?: string;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { OptionItem, SetValueFunc } from '../components/Dropdown/DropdownUtils';
-declare type UseSelectProps<OptionType> = {
+type UseSelectProps<OptionType> = {
     /** The options that will be displayed in the list */
     options: OptionType[];
     /** The function called when an option is selected */

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

@@ -1,4 +1,4 @@
-declare type ListItem = {
+type ListItem = {
     id: number | string;
     [otherProps: string]: unknown;
 };