@wavv/ui 2.0.0-alpha.7 → 2.0.0-alpha.9

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type Props = {
+    children?: ReactNode;
+    /** The element/string to display when the table is empty */
+    emptyFallback?: ReactNode;
+    /** If true, shows a loading spinner in the body */
+    loading?: boolean;
+    /** If true, shows a loading spinner at the bottom of the body */
+    fetching?: boolean;
+};
+declare const Body: ({ children, emptyFallback, fetching, loading }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Body;

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

@@ -0,0 +1,5 @@
+type Props = {
+    spinnerSize?: 'small';
+};
+declare const LoadingRow: ({ spinnerSize }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LoadingRow;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Padding } from '../types';
+import { Height, Padding } from '../types';
 type Props = {
     children: ReactNode;
     /** Function called when the row is clicked */
@@ -10,6 +10,6 @@ type Props = {
     backgroundColor?: string;
     /** If true, adds a left border to the row. If a string, sets the left border color of the row */
     emphasis?: boolean | string;
-} & Padding;
+} & Padding & Height;
 declare const Row: ({ children, onClick, disabled, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Row;

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

@@ -0,0 +1,6 @@
+import { SortDir } from './types';
+type Props = {
+    sortDirection: SortDir;
+};
+declare const SortCaret: ({ sortDirection }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SortCaret;

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

@@ -5,9 +5,11 @@ import type { Data, TableChildren } from './types';
 type Props<T> = {
     /** Background color of the table */
     backgroundColor?: string;
-} & TableChildren<T> & MarginPadding & Omit<TableProps, 'children' | 'sortDescriptor' | 'onSortChange'>;
+    /** The function to be called when the end of a scrolling table has been reached */
+    onScrollEnd?: () => void;
+} & TableChildren<T> & MarginPadding & Omit<TableProps, 'children' | 'sortDescriptor' | 'onSortChange' | 'onScroll'>;
 declare const Table: {
-    <DataType extends Data>({ children, data, ...props }: Props<DataType>): import("react/jsx-runtime").JSX.Element;
+    <DataType extends Data>({ children, data, onScrollEnd, ...props }: Props<DataType>): import("react/jsx-runtime").JSX.Element;
     Header: import("@emotion/styled").StyledComponent<import("react-aria-components").TableHeaderProps<object> & import("react").RefAttributes<HTMLTableSectionElement> & {
         theme?: import("@emotion/react").Theme | undefined;
     } & {
@@ -20,14 +22,19 @@ declare const Table: {
         sorted?: import("./types").SortDir | undefined;
         sortKey?: string | undefined;
     } & Padding & import("./contentStyles").ContentProps & Omit<import("react-aria-components").ColumnProps, "children" | "allowsSorting">) => import("react/jsx-runtime").JSX.Element;
-    Body: <T extends object>(props: import("react-aria-components").TableBodyProps<T> & import("react").RefAttributes<HTMLTableSectionElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    Body: ({ children, emptyFallback, fetching, loading }: {
+        children?: ReactNode;
+        emptyFallback?: ReactNode;
+        loading?: boolean | undefined;
+        fetching?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
     Row: ({ children, onClick, disabled, ...rest }: {
         children: ReactNode;
         onClick?: (() => void) | undefined;
         disabled?: boolean | undefined;
         backgroundColor?: string | undefined;
         emphasis?: string | boolean | undefined;
-    } & Padding) => import("react/jsx-runtime").JSX.Element;
+    } & Padding & import("../types").Height) => import("react/jsx-runtime").JSX.Element;
     Cell: ({ children, defaultValue, direction, justify, align, gap, ...props }: {
         children?: ReactNode;
         defaultValue?: string | undefined;

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

@@ -9,7 +9,7 @@ export type ShowHideCallbacks = {
 };
 export type ListItem = {
     /** The id of the option that will be returned on selection */
-    id?: number | string;
+    id?: string;
     /** The value displayed within the input after selection */
     value: string;
     /** The header text displayed above the body text */
@@ -50,7 +50,7 @@ export type SelectInputProps = {
     /** Sets the fontSize */
     fontSize?: number | string;
     /** The function to be called when an option is selected */
-    onChange?: (key: Key) => void;
+    onChange?: (key: string) => void;
 } & ShowHideCallbacks & Width & Margin;
 export type CalendarBaseProps = {
     /** Prevents selection of dates in the past (relative to the set date or current date). */

package/build/index.d.ts

@@ -1188,7 +1188,7 @@ type ShowHideCallbacks = {
 };
 type ListItem = {
     /** The id of the option that will be returned on selection */
-    id?: number | string;
+    id?: string;
     /** The value displayed within the input after selection */
     value: string;
     /** The header text displayed above the body text */
@@ -1229,7 +1229,7 @@ type SelectInputProps = {
     /** Sets the fontSize */
     fontSize?: number | string;
     /** The function to be called when an option is selected */
-    onChange?: (key: Key) => void;
+    onChange?: (key: string) => void;
 } & ShowHideCallbacks & Width & Margin;
 type CalendarBaseProps = {
     /** Prevents selection of dates in the past (relative to the set date or current date). */
@@ -2564,9 +2564,11 @@ type SortDir = 'asc' | 'desc' | 'inactive';
 type Props$2<T> = {
     /** Background color of the table */
     backgroundColor?: string;
-} & TableChildren<T> & MarginPadding & Omit<TableProps, 'children' | 'sortDescriptor' | 'onSortChange'>;
+    /** The function to be called when the end of a scrolling table has been reached */
+    onScrollEnd?: () => void;
+} & TableChildren<T> & MarginPadding & Omit<TableProps, 'children' | 'sortDescriptor' | 'onSortChange' | 'onScroll'>;
 declare const Table: {
-    <DataType extends Data>({ children, data, ...props }: Props$2<DataType>): react_jsx_runtime.JSX.Element;
+    <DataType extends Data>({ children, data, onScrollEnd, ...props }: Props$2<DataType>): react_jsx_runtime.JSX.Element;
     Header: _emotion_styled.StyledComponent<react_aria_components.TableHeaderProps<object> & react.RefAttributes<HTMLTableSectionElement> & {
         theme?: _emotion_react.Theme | undefined;
     } & {
@@ -2579,14 +2581,19 @@ declare const Table: {
         sorted?: SortDir | undefined;
         sortKey?: string | undefined;
     } & Padding & ContentProps & Omit<react_aria_components.ColumnProps, "children" | "allowsSorting">) => react_jsx_runtime.JSX.Element;
-    Body: <T extends object>(props: react_aria_components.TableBodyProps<T> & react.RefAttributes<HTMLTableSectionElement>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+    Body: ({ children, emptyFallback, fetching, loading }: {
+        children?: ReactNode;
+        emptyFallback?: ReactNode;
+        loading?: boolean | undefined;
+        fetching?: boolean | undefined;
+    }) => react_jsx_runtime.JSX.Element;
     Row: ({ children, onClick, disabled, ...rest }: {
         children: ReactNode;
         onClick?: (() => void) | undefined;
         disabled?: boolean | undefined;
         backgroundColor?: string | undefined;
         emphasis?: string | boolean | undefined;
-    } & Padding) => react_jsx_runtime.JSX.Element;
+    } & Padding & Height) => react_jsx_runtime.JSX.Element;
     Cell: ({ children, defaultValue, direction, justify, align, gap, ...props }: {
         children?: ReactNode;
         defaultValue?: string | undefined;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type Props = {
+    children?: ReactNode;
+    /** The element/string to display when the table is empty */
+    emptyFallback?: ReactNode;
+    /** If true, shows a loading spinner in the body */
+    loading?: boolean;
+    /** If true, shows a loading spinner at the bottom of the body */
+    fetching?: boolean;
+};
+declare const Body: ({ children, emptyFallback, fetching, loading }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Body;

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

@@ -0,0 +1,5 @@
+type Props = {
+    spinnerSize?: 'small';
+};
+declare const LoadingRow: ({ spinnerSize }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LoadingRow;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Padding } from '../types';
+import { Height, Padding } from '../types';
 type Props = {
     children: ReactNode;
     /** Function called when the row is clicked */
@@ -10,6 +10,6 @@ type Props = {
     backgroundColor?: string;
     /** If true, adds a left border to the row. If a string, sets the left border color of the row */
     emphasis?: boolean | string;
-} & Padding;
+} & Padding & Height;
 declare const Row: ({ children, onClick, disabled, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Row;

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

@@ -0,0 +1,6 @@
+import { SortDir } from './types';
+type Props = {
+    sortDirection: SortDir;
+};
+declare const SortCaret: ({ sortDirection }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SortCaret;

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

@@ -5,9 +5,11 @@ import type { Data, TableChildren } from './types';
 type Props<T> = {
     /** Background color of the table */
     backgroundColor?: string;
-} & TableChildren<T> & MarginPadding & Omit<TableProps, 'children' | 'sortDescriptor' | 'onSortChange'>;
+    /** The function to be called when the end of a scrolling table has been reached */
+    onScrollEnd?: () => void;
+} & TableChildren<T> & MarginPadding & Omit<TableProps, 'children' | 'sortDescriptor' | 'onSortChange' | 'onScroll'>;
 declare const Table: {
-    <DataType extends Data>({ children, data, ...props }: Props<DataType>): import("react/jsx-runtime").JSX.Element;
+    <DataType extends Data>({ children, data, onScrollEnd, ...props }: Props<DataType>): import("react/jsx-runtime").JSX.Element;
     Header: import("@emotion/styled").StyledComponent<import("react-aria-components").TableHeaderProps<object> & import("react").RefAttributes<HTMLTableSectionElement> & {
         theme?: import("@emotion/react").Theme | undefined;
     } & {
@@ -20,14 +22,19 @@ declare const Table: {
         sorted?: import("./types").SortDir | undefined;
         sortKey?: string | undefined;
     } & Padding & import("./contentStyles").ContentProps & Omit<import("react-aria-components").ColumnProps, "children" | "allowsSorting">) => import("react/jsx-runtime").JSX.Element;
-    Body: <T extends object>(props: import("react-aria-components").TableBodyProps<T> & import("react").RefAttributes<HTMLTableSectionElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    Body: ({ children, emptyFallback, fetching, loading }: {
+        children?: ReactNode;
+        emptyFallback?: ReactNode;
+        loading?: boolean | undefined;
+        fetching?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
     Row: ({ children, onClick, disabled, ...rest }: {
         children: ReactNode;
         onClick?: (() => void) | undefined;
         disabled?: boolean | undefined;
         backgroundColor?: string | undefined;
         emphasis?: string | boolean | undefined;
-    } & Padding) => import("react/jsx-runtime").JSX.Element;
+    } & Padding & import("../types").Height) => import("react/jsx-runtime").JSX.Element;
     Cell: ({ children, defaultValue, direction, justify, align, gap, ...props }: {
         children?: ReactNode;
         defaultValue?: string | undefined;

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

@@ -9,7 +9,7 @@ export type ShowHideCallbacks = {
 };
 export type ListItem = {
     /** The id of the option that will be returned on selection */
-    id?: number | string;
+    id?: string;
     /** The value displayed within the input after selection */
     value: string;
     /** The header text displayed above the body text */
@@ -50,7 +50,7 @@ export type SelectInputProps = {
     /** Sets the fontSize */
     fontSize?: number | string;
     /** The function to be called when an option is selected */
-    onChange?: (key: Key) => void;
+    onChange?: (key: string) => void;
 } & ShowHideCallbacks & Width & Margin;
 export type CalendarBaseProps = {
     /** Prevents selection of dates in the past (relative to the set date or current date). */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.0.0-alpha.7",
+	"version": "2.0.0-alpha.9",
 	"files": [
 		"build/**/*"
 	],