@majoo-ui/react 1.46.0 → 1.46.2-rc.1

package/components/table/MobileTable.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CSS } from '../../config/stitches.config';
+import { RowGroup } from './Table';
 import { TableInstance } from 'react-table';
 interface MobileTableProps {
     instance: TableInstance<object>;
@@ -9,6 +10,7 @@ interface MobileTableProps {
     infiniteScrollWrapper: (children: JSX.Element) => JSX.Element;
     isLoading: boolean;
     emptyDataMessage?: string;
+    rowGroup?: RowGroup;
     css?: CSS;
 }
 declare const MobileTable: React.ForwardRefExoticComponent<MobileTableProps & React.RefAttributes<HTMLDivElement>>;

package/components/table/Table.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CellProps } from 'react-table';
+import { CellProps, Row } from 'react-table';
 import { CSS } from '../../config/stitches.config';
 export declare const TableContent: import("@stitches/react/types/styled-component").StyledComponent<"table", {}, {
     sm: "(min-width: 359px)";
@@ -884,6 +884,10 @@ interface FetchDataParams {
     sortAccessor?: string;
     sortDirection?: string;
 }
+export interface RowGroup {
+    groupKey: string;
+    headerRender?: (row: Row<object>) => React.ReactNode;
+}
 export interface TableProps {
     /**
      * The data array that you want to display on the table.
@@ -962,8 +966,18 @@ export interface TableProps {
      * }
      */
     selectedIds?: Record<string, boolean>;
+    /**
+     * Define row grouping config.<br/>
+     * interface RowGroup { <br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the child key of parent object)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;groupKey?: number;<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the header node)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;headerRender?: (row: Row) => React.ReactNode;<br/>
+     * }
+     */
+    rowGroup?: RowGroup;
 }
-export declare function Table({ columns, data, keyId, pageIndex: controlledPageIndex, totalData, fetchData, hideDataInfo, emptyDataMessage, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, }: TableProps): JSX.Element;
+export declare function Table({ columns, data, keyId, pageIndex: controlledPageIndex, totalData, fetchData, hideDataInfo, emptyDataMessage, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, }: TableProps): JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>

package/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useListOption/useListOption';
+export * from './useToggle/useToggle';

package/hooks/useToggle/useToggle.d.ts

@@ -0,0 +1,2 @@
+declare const useToggle: (initialValue: boolean) => [boolean, (nextValue?: any) => void];
+export default useToggle;

package/index.d.ts

@@ -2,3 +2,4 @@ export * from './majoo-provider';
 export * from './colors';
 export * from './layout';
 export * from './components';
+export * from './hooks';