@majoo-ui/react 1.54.13-rc.1 → 1.54.14-rc.1

package/components/table/MobileTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CSS } from '../../config/stitches.config';
-import { RowGroup } from './Table';
+import { EmptyDataProps, RowGroup } from './Table';
 import { TableInstance } from 'react-table';
 interface CustomRowsStyle {
     predicate: boolean;
@@ -13,7 +13,7 @@ interface MobileTableProps {
     footer: JSX.Element;
     infiniteScrollWrapper: (children: JSX.Element) => JSX.Element;
     isLoading: boolean;
-    emptyDataMessage?: string;
+    customEmptyDataProps: EmptyDataProps;
     rowGroup?: RowGroup;
     hiddenColumns?: string[];
     css?: CSS;

package/components/table/Table.d.ts

@@ -1093,6 +1093,11 @@ interface CustomRowsStyle {
     predicate: boolean;
     css: CSS;
 }
+export interface EmptyDataProps {
+    doodleImage: React.ReactNode;
+    title: string | React.ReactNode;
+    description?: string | React.ReactNode;
+}
 export interface TableProps {
     /**
      * The data array that you want to display on the table.
@@ -1149,9 +1154,21 @@ export interface TableProps {
      */
     rowsPerPageOptions?: number[];
     /**
-     * Table empty data message.
+     * DEPRECATED (USELESS PROP).
      */
     emptyDataMessage?: string;
+    /**
+     * Define custom empty data props.<br/>
+     * interface EmptyDataProps { <br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
+     * }
+     */
+    customEmptyDataProps?: EmptyDataProps;
     /**
      * If true, the table pagination will become an infinite scroll.
      */
@@ -1214,7 +1231,7 @@ export interface TableProps {
     showDuplicatedData?: boolean;
     onRowClick?: (record: Row, index: number) => void;
 }
-export declare function Table({ columns, data, keyId, pageIndex: controlledPageIndex, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, }: TableProps): JSX.Element;
+export declare function Table({ columns, data, keyId, pageIndex: controlledPageIndex, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, }: TableProps): JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>