@majoo-ui/react 1.57.19 → 1.57.21

package/components/editableTable/EditableMobile.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Column, UseTableHooks, Row } from 'react-table';
 import { CSS } from '../../config/stitches.config';
+import { EmptyDataProps } from '../table/Table';
 interface CustomRows {
     predicate: boolean;
     css?: CSS;
@@ -11,11 +12,11 @@ interface EditableMobileProps<Data extends object> {
     columns: ReadonlyArray<Column<Data>>;
     data: Data[];
     instance: UseTableHooks;
-    emptyDataMessage?: string;
     showCheckbox?: boolean;
     customRows?: (row: Row<object>) => CustomRows[];
     onExpand?: (expanded: boolean) => void;
     hiddenColumns?: string[];
+    customEmptyDataProps?: EmptyDataProps;
 }
 export default function EditableTableMobile(props: EditableMobileProps<any>): JSX.Element;
 export {};

package/components/editableTable/EditableTable.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Column, Row } from 'react-table';
 import { CSS } from '../../config/stitches.config';
+import { EmptyDataProps } from '../table/Table';
 interface CustomRows {
     predicate: boolean;
     css?: CSS;
@@ -17,9 +18,17 @@ interface EditableTableProps<Data extends object> {
      */
     data: Data[];
     /**
-     * Displayed message if data does not exist.
+     * 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/>
+     * }
      */
-    emptyDataMessage?: string;
+    customEmptyDataProps?: EmptyDataProps;
     /**
      * Additional height of the rows.
      */

package/components/form/components/InputSelect/InputSelect.d.ts

@@ -809,6 +809,10 @@ interface InputSelectProps extends Omit<DownshiftProps<Option>, 'initialSelected
      * Render custom footer inside option. If onClick not working on mobile, you can using both onClick and onTouchStart.
      */
     renderFooter?: () => React.ReactNode;
+    /**
+     * Custom empty data message
+     */
+    emptyDataMessage?: string;
 }
 export declare const InputSelect: React.ForwardRefExoticComponent<InputSelectProps & React.RefAttributes<HTMLInputElement>>;
 export default InputSelect;

package/components/table/Table.d.ts

@@ -1082,6 +1082,7 @@ export declare const addOnCellStyle: (id: any) => {
     style?: undefined;
 };
 export declare const defaultFetchDataParams: FetchDataParams;
+export declare const defaultEmptyDataProps: (t: any, isMobile: any) => EmptyDataProps;
 interface FetchDataParams {
     pageIndex?: number;
     pageSize?: number;