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

package/build/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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). */