@wavv/ui 1.8.16 → 1.8.18

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

@@ -17,7 +17,7 @@ export type DropdownItemProps<OptionType> = {
     children: ReactNode;
     /** Sets the value of the option that will be returned in the object */
     value?: number | string;
-    /** Sets the lable property of the object to be returned. Only required if the content of the Item is anything other than a string (icons, other elements) */
+    /** Sets the label property of the object to be returned. Only required if the content of the Item is anything other than a string (icons, other elements) */
     displayText?: string;
     /** The flex positioning of the Item contents */
     contentPosition?: FlexPosition;

package/build/esm/types/components/Modal.d.ts

@@ -33,9 +33,11 @@ type ModalProps = {
     right?: number | string;
     /** Sets the `left` position of the modal. Used in conjunction with `noOverlay` */
     left?: number | string;
+    /** Sets the zIndex of the modal container */
+    zIndex?: number;
 } & WidthHeight & Padding;
 declare const Modal: {
-    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: ModalProps): import("react").ReactPortal | null;
+    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): import("react").ReactPortal | null;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any> | undefined;

package/build/esm/types/components/Table/Column.d.ts

@@ -1,21 +1,10 @@
 import { ReactNode } from 'react';
-import { FlexPosition, Padding, ThemeProp } from '../types';
-type TableColumn = {
+import { Padding } from '../types';
+import { ContentProps } from './Content';
+type ColumnProps = {
     children?: ReactNode;
-    /** The flex positioning of the Column contents */
-    contentPosition?: FlexPosition;
     /** The string value to display if the child text is undefined (i.e. "N/A", "—") */
     defaultValue?: string;
-} & Padding;
-declare const Column: ({ children, contentPosition, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: TableColumn) => import("react/jsx-runtime").JSX.Element;
-declare const TableColumn: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    contentPosition?: FlexPosition | undefined;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    showDefault?: boolean | undefined;
-} & Padding & ThemeProp, {}, {}>;
+} & Padding & ContentProps;
+declare const Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default Column;

package/build/esm/types/components/Table/Content.d.ts

@@ -1,9 +1,19 @@
 /// <reference types="react" />
-import { FlexPosition } from '../types';
+import { FlexDirection, FlexPosition } from '../types';
+export type ContentProps = {
+    /** The flex positioning of the content */
+    contentPosition?: FlexPosition;
+    /** The flex direction of the content */
+    direction?: FlexDirection;
+    /** The flex positioning of the content */
+    justify?: FlexPosition;
+    /** The flex alignment of the content */
+    align?: FlexPosition;
+    /** The flex gap of the content */
+    gap?: number | string;
+};
 declare const Content: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & {
-    contentPosition?: FlexPosition | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Content;

package/build/esm/types/components/Table/HeaderCell.d.ts

@@ -1,16 +1,14 @@
 import { MouseEvent, ReactNode } from 'react';
-import { FlexPosition } from '../types';
+import { ContentProps } from './Content';
 import { SortDir } from './types';
 type HeaderCellProps = {
     children?: ReactNode;
-    /** The flex positioning of the HeaderCell contents */
-    contentPosition?: FlexPosition;
     /** The function to be called when the HeaderCell is clicked */
     onClick?: (event: MouseEvent) => void;
     /** Controls the direction of the sort icon indicating the direction of the data */
     sorted?: SortDir;
     /** The property of the data object to sort by */
     sortKey?: string;
-};
-declare const HeaderCell: ({ children, onClick, contentPosition, sorted, sortKey }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+} & ContentProps;
+declare const HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderCell;

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

@@ -10,21 +10,19 @@ declare const Table: {
     } & {
         columns?: import("./types").Columns | undefined;
     } & Width & import("../types").Margin & import("../types").Padding & import("react").HTMLProps<HTMLTableRowElement>) => import("react/jsx-runtime").JSX.Element;
-    HeaderCell: ({ children, onClick, contentPosition, sorted, sortKey }: {
+    HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, }: {
         children?: ReactNode;
-        contentPosition?: import("../types").FlexPosition | undefined;
         onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         sorted?: import("./types").SortDir | undefined;
         sortKey?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
+    } & import("./Content").ContentProps) => import("react/jsx-runtime").JSX.Element;
     Body: ({ children, height, maxHeight, ...rest }: {
         children: ReactNode;
     } & import("../types").Height & import("../types").MaxHeight & Omit<import("react").HTMLProps<HTMLTableSectionElement>, "as"> & import("../types").As) => import("react/jsx-runtime").JSX.Element;
     Row: ({ children, columns, onClick, columnStyles, ...rest }: import("./types").TableHeaderRow) => import("react/jsx-runtime").JSX.Element;
-    Column: ({ children, contentPosition, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
+    Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
         children?: ReactNode;
-        contentPosition?: import("../types").FlexPosition | undefined;
         defaultValue?: string | undefined;
-    } & import("../types").Padding) => import("react/jsx-runtime").JSX.Element;
+    } & import("../types").Padding & import("./Content").ContentProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Table;

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

@@ -44,6 +44,7 @@ export type MaxWidthHeight = MaxWidth & MaxHeight;
 export type MinWidthHeight = MinWidth & MinHeight;
 export type MarginPadding = Margin & Padding;
 export type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+export type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 export type As = {
     as?: ElementType<unknown>;
 };
@@ -56,9 +57,10 @@ export type MergeField = {
 export type InputRef = {
     focus: () => void;
     blur: () => void;
+    select: () => void;
     hasFocus: boolean;
 };
-export type MultiSelectRef = Omit<InputRef, 'hasFocus'>;
+export type MultiSelectRef = Omit<InputRef, 'hasFocus' | 'select'>;
 export type AudioRef = {
     play?: () => void;
     pause?: () => void;

package/build/index.d.ts

@@ -552,6 +552,7 @@ type MaxWidthHeight = MaxWidth & MaxHeight;
 type MinWidthHeight = MinWidth & MinHeight;
 type MarginPadding = Margin & Padding;
 type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type As = {
     as?: ElementType<unknown>;
 };
@@ -564,9 +565,10 @@ type MergeField$1 = {
 type InputRef = {
     focus: () => void;
     blur: () => void;
+    select: () => void;
     hasFocus: boolean;
 };
-type MultiSelectRef = Omit<InputRef, 'hasFocus'>;
+type MultiSelectRef = Omit<InputRef, 'hasFocus' | 'select'>;
 type AudioRef = {
     play?: () => void;
     pause?: () => void;
@@ -713,7 +715,7 @@ type DropdownItemProps<OptionType> = {
     children: ReactNode;
     /** Sets the value of the option that will be returned in the object */
     value?: number | string;
-    /** Sets the lable property of the object to be returned. Only required if the content of the Item is anything other than a string (icons, other elements) */
+    /** Sets the label property of the object to be returned. Only required if the content of the Item is anything other than a string (icons, other elements) */
     displayText?: string;
     /** The flex positioning of the Item contents */
     contentPosition?: FlexPosition;
@@ -2159,9 +2161,11 @@ type ModalProps = {
     right?: number | string;
     /** Sets the `left` position of the modal. Used in conjunction with `noOverlay` */
     left?: number | string;
+    /** Sets the zIndex of the modal container */
+    zIndex?: number;
 } & WidthHeight & Padding;
 declare const Modal: {
-    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: ModalProps): react.ReactPortal | null;
+    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): react.ReactPortal | null;
     Header: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
         as?: react.ElementType<any> | undefined;
@@ -2437,6 +2441,19 @@ type TransferListProps = {
 } & Width & Margin;
 declare const TransferList: ({ items, onChange, beforeItemChange, listTitle, noItemsMessage, hideSelectAll, hideRemoveAll, readOnly, width, margin, marginTop, marginBottom, marginRight, marginLeft, }: TransferListProps) => react_jsx_runtime.JSX.Element;
 
+type ContentProps = {
+    /** The flex positioning of the content */
+    contentPosition?: FlexPosition;
+    /** The flex direction of the content */
+    direction?: FlexDirection;
+    /** The flex positioning of the content */
+    justify?: FlexPosition;
+    /** The flex alignment of the content */
+    align?: FlexPosition;
+    /** The flex gap of the content */
+    gap?: number | string;
+};
+
 type Data = {
     [key: string]: unknown;
 };
@@ -2473,22 +2490,20 @@ declare const Table: {
     } & {
         columns?: Columns | undefined;
     } & Width & Margin & Padding & react.HTMLProps<HTMLTableRowElement>) => react_jsx_runtime.JSX.Element;
-    HeaderCell: ({ children, onClick, contentPosition, sorted, sortKey }: {
+    HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, }: {
         children?: ReactNode;
-        contentPosition?: FlexPosition | undefined;
         onClick?: ((event: react.MouseEvent<Element, MouseEvent>) => void) | undefined;
         sorted?: SortDir | undefined;
         sortKey?: string | undefined;
-    }) => react_jsx_runtime.JSX.Element;
+    } & ContentProps) => react_jsx_runtime.JSX.Element;
     Body: ({ children, height, maxHeight, ...rest }: {
         children: ReactNode;
     } & Height & MaxHeight & Omit<react.HTMLProps<HTMLTableSectionElement>, "as"> & As) => react_jsx_runtime.JSX.Element;
     Row: ({ children, columns, onClick, columnStyles, ...rest }: TableHeaderRow) => react_jsx_runtime.JSX.Element;
-    Column: ({ children, contentPosition, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
+    Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
         children?: ReactNode;
-        contentPosition?: FlexPosition | undefined;
         defaultValue?: string | undefined;
-    } & Padding) => react_jsx_runtime.JSX.Element;
+    } & Padding & ContentProps) => react_jsx_runtime.JSX.Element;
 };
 
 type ToggleProps = {

package/package.json

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