@wavv/ui 1.7.8 → 1.7.9

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TableHeaderRow } from './types';
-declare const Header: ({ children, columns, ...rest }: TableHeaderRow) => JSX.Element;
+declare const Header: ({ children, columns, columnStyles, ...rest }: TableHeaderRow) => JSX.Element;
 export default Header;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TableHeaderRow } from './types';
-declare const Row: ({ children, columns, onClick, ...rest }: TableHeaderRow) => JSX.Element;
+declare const Row: ({ children, columns, onClick, columnStyles, ...rest }: TableHeaderRow) => JSX.Element;
 export default Row;

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { Data, TableProps } from './types';
 declare const Table: {
     <DataType extends Data>({ children, columns, data, ...rest }: TableProps<DataType>): JSX.Element;
-    Header: ({ children, columns, ...rest }: import("./types").TableHeaderRow) => JSX.Element;
+    Header: ({ children, columns, columnStyles, ...rest }: import("./types").TableHeaderRow) => JSX.Element;
     HeaderCell: ({ children, onClick, contentPosition, sorted, sortKey }: {
         children?: ReactNode;
         contentPosition?: import("../types").FlexPosition | undefined;
@@ -13,7 +13,7 @@ declare const Table: {
     Body: ({ children, height, maxHeight, ...rest }: {
         children: ReactNode;
     } & import("../types").Height & import("../types").MaxHeight & Omit<import("react").HTMLProps<HTMLTableSectionElement>, "as"> & import("../types").As) => JSX.Element;
-    Row: ({ children, columns, onClick, ...rest }: import("./types").TableHeaderRow) => JSX.Element;
+    Row: ({ children, columns, onClick, columnStyles, ...rest }: import("./types").TableHeaderRow) => JSX.Element;
     Column: ({ children, contentPosition, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
         children?: ReactNode;
         contentPosition?: import("../types").FlexPosition | undefined;

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

@@ -1,9 +1,9 @@
-import React, { HTMLProps, ReactNode } from 'react';
-import { As, MarginPadding, Width, ThemeProp, Padding } from '../types';
+import { CSSProperties, Dispatch, HTMLProps, ReactNode, SetStateAction } from 'react';
+import { As, MarginPadding, Padding, ThemeProp, Width } from '../types';
 export type Data = {
     [key: string]: unknown;
 };
-export type SetData<DataType> = React.Dispatch<React.SetStateAction<DataType[]>>;
+export type SetData<DataType> = Dispatch<SetStateAction<DataType[]>>;
 export type Columns = number | string;
 export type SortedChildFunc<DataType> = (data: DataType[]) => ReactNode;
 type Default = {
@@ -22,7 +22,10 @@ type TableBase = {
     columns?: Columns;
 } & Width & MarginPadding;
 export type TableProps<DataType> = TableBase & TableTypes<DataType> & DefaultTableProps;
-export type TableHeaderRow = TableBase & HTMLProps<HTMLTableRowElement>;
+export type TableHeaderRow = {
+    /** CSS styles to be passed to every th/td element in the Header/Row */
+    columnStyles?: CSSProperties;
+} & TableBase & HTMLProps<HTMLTableRowElement>;
 export type TableElements = {
     as?: string;
 } & ThemeProp & Padding;
@@ -31,7 +34,7 @@ export type ActiveColumn = {
     key: string;
     dir: 'asc' | 'desc';
 };
-type SetColumn = React.Dispatch<React.SetStateAction<ActiveColumn | undefined>>;
+type SetColumn = Dispatch<SetStateAction<ActiveColumn | undefined>>;
 export type Context = {
     parentColumns?: Columns;
     activeColumn?: ActiveColumn;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { Data } from './types';
-export declare const wrappedChildren: (children: ReactNode, type: string) => (JSX.Element | null)[];
+export declare const wrappedChildren: (children: ReactNode, type: 'th' | 'td', style?: CSSProperties) => (JSX.Element | null)[];
 export declare const isEqualContents: (array1?: Data[], array2?: Data[]) => boolean;