@majoo-ui/react 1.55.36 → 1.55.37

package/components/datePicker/InputDatePicker.d.ts

@@ -2,6 +2,44 @@ import * as React from 'react';
 import { ADVANCE_PICKER, RANGE_PICKER, SINGLE_PICKER, WEEKLY, MONTHLY, DATE_RANGE_PICKER } from './DatePicker';
 import { CSS } from '../../config/stitches.config';
 import { PopoverPlacement } from '../../type/base.types';
+interface TimePickerProps {
+    /**
+     Resize time picker.
+    */
+    size: 'sm' | 'lg';
+    /**
+      Change handler.
+     */
+    onChange: () => void;
+    /**
+      Time picker default value; support moment format.
+     */
+    defaultValue: Date;
+    /**
+      Time picker value; support moment format.
+     */
+    value: Date;
+    /**
+      Disabled state.
+     */
+    disabled: boolean;
+    /**
+       Disabled hour state.
+      */
+    disabledHour: boolean;
+    /**
+       Disabled minute state.
+      */
+    disabledMinute: boolean;
+    /**
+       Specify the minimum date.
+      */
+    minDate: Date;
+    /**
+          Specify the maximum date.
+         */
+    maxDate: Date;
+}
 export interface InputDatePickerProps {
     /**
      * Specify the DatePicker type.
@@ -63,6 +101,10 @@ export interface InputDatePickerProps {
      * If true, the TimePicker component will be visible.
      */
     showTimePicker?: boolean;
+    /**
+     * Props that will be passed to the TimePicker component.
+     */
+    timePickerProps?: TimePickerProps;
     /**
      * Specify the minimum date.
      */
@@ -88,4 +130,5 @@ export interface InputDatePickerProps {
      */
     portalled?: boolean;
 }
-export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, }: InputDatePickerProps): JSX.Element;
+export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, }: InputDatePickerProps): JSX.Element;
+export {};

package/components/table/MobileTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CSS } from '../../config/stitches.config';
-import { EmptyDataProps, RowGroup } from './Table';
+import { EmptyDataProps, RowGroup, Decoration } from './Table';
 import { TableInstance } from 'react-table';
 interface CustomRowsStyle {
     predicate: boolean;
@@ -22,6 +22,8 @@ interface MobileTableProps {
     renderContextMenu: () => JSX.Element;
     handleRowClick: (row: object, index: number) => void;
     additionalExceptionIds: string[];
+    hideHeader?: boolean;
+    decoration?: Decoration;
 }
 declare const MobileTable: React.ForwardRefExoticComponent<MobileTableProps & React.RefAttributes<HTMLDivElement>>;
 export default MobileTable;

package/components/table/Table.d.ts

@@ -99,6 +99,7 @@ export declare const TableContent: import("@stitches/react/types/styled-componen
 }>>;
 export declare const TableHead: import("@stitches/react/types/styled-component").StyledComponent<"thead", {
     isInfiniteScroll?: boolean | "true" | undefined;
+    hiddenHeader?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -1105,6 +1106,10 @@ export interface EmptyDataProps {
     title: string | React.ReactNode;
     description?: string | React.ReactNode;
 }
+export interface Decoration {
+    headerRender?: () => React.ReactNode;
+    footerRender?: () => React.ReactNode;
+}
 export interface TableProps {
     /**
      * The data array that you want to display on the table.
@@ -1152,6 +1157,10 @@ export interface TableProps {
      * Table header css styling.
      */
     headerCss?: CSS;
+    /**
+     * Hide table header.
+     */
+    hideHeader?: boolean;
     /**
      * Callback fired when the selected rows are updated.
      */
@@ -1220,6 +1229,7 @@ export interface TableProps {
      * }
      */
     rowGroup?: RowGroup;
+    decoration?: Decoration;
     /**
      * Array of hidden column id
      */
@@ -1254,7 +1264,7 @@ export interface TableProps {
      */
     additionalExceptionIds?: string[];
 }
-export declare function Table({ columns, data: rawData, keyId, pageIndex: controlledPageIndex, totalPage, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps: emptyDataProps, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, hidePagination, searchQuery, additionalExceptionIds }: TableProps): JSX.Element;
+export declare function Table({ columns, data: rawData, keyId, pageIndex: controlledPageIndex, totalPage, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps: emptyDataProps, isLoading, css, headerCss, hideHeader, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, decoration, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, hidePagination, searchQuery, additionalExceptionIds, }: TableProps): JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>

package/index.esm.js

@@ -16876,10 +16876,11 @@ const CalendarPicker = _a => {
       selected,
       disabled,
       showTimePicker,
+      timePickerProps,
       minDate,
       maxDate
     } = _a,
-    props = __rest(_a, ["isMultiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled", "showTimePicker", "minDate", "maxDate"]);
+    props = __rest(_a, ["isMultiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled", "showTimePicker", "timePickerProps", "minDate", "maxDate"]);
   const [dateValue, setDateValue] = useState();
   const [calendarDate, setCalendarDate] = useState(selected !== null && selected !== void 0 ? selected : new Date());
   const onDateSelected = selectedDate => {
@@ -16910,21 +16911,22 @@ const CalendarPicker = _a => {
       onChange(dateValue);
     }
   }, [dateValue]);
-  const timePicker = () => {
+  const renderTimePicker = props => {
     return jsx(Box, Object.assign({
       css: {
         padding: '40px 60px'
       }
     }, {
-      children: jsx(NativeTimePicker, {
+      children: jsx(NativeTimePicker, Object.assign({
         size: "lg",
         value: dateValue ? moment(dateValue) : moment(),
         minDate: minDate,
         maxDate: maxDate,
+        disabled: disabled,
         onChange: date => {
           setDateValue(new Date(date));
         }
-      }, void 0)
+      }, props), void 0)
     }), void 0);
   };
   return jsx(CalendarBox, Object.assign({
@@ -16935,7 +16937,7 @@ const CalendarPicker = _a => {
     disabled: disabled,
     onCalendarDateChange: setCalendarDate,
     showTimePicker: showTimePicker,
-    renderTimePicker: timePicker,
+    renderTimePicker: () => renderTimePicker(timePickerProps),
     minDate: minDate,
     maxDate: maxDate
   }, dayzedData), void 0);
@@ -17465,6 +17467,7 @@ function InputDatePicker({
   placement = 'bottom-start',
   css,
   showTimePicker,
+  timePickerProps,
   minDate,
   maxDate,
   readOnly,
@@ -17602,6 +17605,7 @@ function InputDatePicker({
       onChange: handleDatePickerChange,
       onClose: () => setOpenPicker(false),
       showTimePicker: showTimePicker,
+      timePickerProps: timePickerProps,
       minDate: minDate,
       maxDate: maxDate,
       allowReset: allowReset
@@ -18467,8 +18471,11 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
   cellAlign,
   renderContextMenu,
   handleRowClick,
-  additionalExceptionIds
+  additionalExceptionIds,
+  hideHeader,
+  decoration
 }, ref) => {
+  var _a, _b;
   const {
     t
   } = useTranslation('MajooUI/table');
@@ -18525,7 +18532,9 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
     ref: ref
   }, {
     children: [infiniteScrollWrapper(jsxs(TableContent$3, Object.assign({}, getTableProps(), {
-      children: [jsx(TableHead$3, {
+      children: [jsx(TableHead$3, Object.assign({
+        hiddenHeader: hideHeader
+      }, {
         children: headerGroups.map(headerGroup => jsx(TableHeadRow$4, Object.assign({}, headerGroup.getHeaderGroupProps(), {
           children: headerGroup.headers.filter((column, index) => filterMobileHeader(column, index)).map(column => {
             const headerRender = column.render('Header');
@@ -18552,8 +18561,8 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
             }), void 0);
           })
         }), void 0))
-      }, void 0), jsx(TableBody$3, Object.assign({}, getTableBodyProps(), {
-        children: page.map((row, i) => {
+      }), void 0), jsxs(TableBody$3, Object.assign({}, getTableBodyProps(), {
+        children: [(_a = decoration === null || decoration === void 0 ? void 0 : decoration.headerRender) === null || _a === void 0 ? void 0 : _a.call(decoration), page.map((row, i) => {
           var _a;
           prepareRow(row);
           const isContextMenu = (_a = row.cells.filter(cell => {
@@ -18681,7 +18690,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
               }), void 0)
             }, void 0) : null]
           }, row.id);
-        })
+        }), (_b = decoration === null || decoration === void 0 ? void 0 : decoration.footerRender) === null || _b === void 0 ? void 0 : _b.call(decoration)]
       }), void 0), !isInfiniteScroll && jsx(TableFoot$2, {
         children: jsx(TableFootRow$2, {
           children: jsx(TableFootCell$2, Object.assign({
@@ -18737,6 +18746,17 @@ const TableHead$3 = styled('thead', {
       true: {
         top: '-1px'
       }
+    },
+    hiddenHeader: {
+      true: {
+        opacity: 0,
+        '& > tr > th': {
+          height: '0px !important',
+          '& > div': {
+            marginTop: '-50px'
+          }
+        }
+      }
     }
   }
 });
@@ -19065,6 +19085,7 @@ function Table({
   isLoading = false,
   css,
   headerCss,
+  hideHeader,
   onSelectedChange,
   isInfiniteScroll = false,
   hasMoreItems = true,
@@ -19072,6 +19093,7 @@ function Table({
   cellAlign = 'center',
   selectedIds,
   rowGroup,
+  decoration,
   hiddenColumns,
   columnOrder,
   customRowsStyle,
@@ -19082,6 +19104,7 @@ function Table({
   searchQuery,
   additionalExceptionIds = []
 }) {
+  var _a, _b;
   const [limit, setLimit] = useState(rowLimit);
   const [dataRow, setDataRow] = useState({});
   const [tableScrollPosition, setTableScrollPosition] = useState('start');
@@ -19333,6 +19356,7 @@ function Table({
       }, {
         children: [renderInfiniteScrollWrapper(jsxs(TableContent$3, Object.assign({}, getTableProps(), {
           children: [jsx(TableHead$3, Object.assign({
+            hiddenHeader: hideHeader,
             css: headerCss,
             isInfiniteScroll: isInfiniteScroll
           }, {
@@ -19370,8 +19394,8 @@ function Table({
                 })
               }), void 0);
             })
-          }), void 0), jsx(TableBody$3, Object.assign({}, getTableBodyProps(), {
-            children: page.map((row, i) => {
+          }), void 0), jsxs(TableBody$3, Object.assign({}, getTableBodyProps(), {
+            children: [(_a = decoration === null || decoration === void 0 ? void 0 : decoration.headerRender) === null || _a === void 0 ? void 0 : _a.call(decoration), page.map((row, i) => {
               var _a, _b;
               prepareRow(row);
               const subRowCells = row.cells.filter(cell => cell.column.isSubRow);
@@ -19474,7 +19498,7 @@ function Table({
                   }, cell.column.id)]
                 }), cell.column.id)) : null, ((rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.showGroupingWhenSorted) || sortBy.length <= 0) && row.original['isBottomChild'] && !!(rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.footerRender) && (rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.footerRender(row))]
               }, row.id);
-            })
+            }), (_b = decoration === null || decoration === void 0 ? void 0 : decoration.footerRender) === null || _b === void 0 ? void 0 : _b.call(decoration)]
           }), void 0)]
         }), void 0)), renderContextMenu()]
       }), void 0), !isInfiniteScroll && jsx(Box, Object.assign({
@@ -19510,7 +19534,9 @@ function Table({
       cellAlign: cellAlign,
       renderContextMenu: renderContextMenu,
       handleRowClick: handleRowClick,
-      additionalExceptionIds: additionalExceptionIds
+      additionalExceptionIds: additionalExceptionIds,
+      hideHeader: hideHeader,
+      decoration: decoration
     }, void 0)]
   }), void 0);
 }

package/index.umd.js

@@ -17096,9 +17096,10 @@
       selected = _a.selected,
       disabled = _a.disabled,
       showTimePicker = _a.showTimePicker,
+      timePickerProps = _a.timePickerProps,
       minDate = _a.minDate,
       maxDate = _a.maxDate,
-      props = __rest(_a, ["isMultiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled", "showTimePicker", "minDate", "maxDate"]);
+      props = __rest(_a, ["isMultiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled", "showTimePicker", "timePickerProps", "minDate", "maxDate"]);
     var _b = React.useState(),
       dateValue = _b[0],
       setDateValue = _b[1];
@@ -17133,21 +17134,22 @@
         onChange(dateValue);
       }
     }, [dateValue]);
-    var timePicker = function timePicker() {
+    var renderTimePicker = function renderTimePicker(props) {
       return jsxRuntime.jsx(Box, __assign({
         css: {
           padding: '40px 60px'
         }
       }, {
-        children: jsxRuntime.jsx(NativeTimePicker, {
+        children: jsxRuntime.jsx(NativeTimePicker, __assign({
           size: "lg",
           value: dateValue ? moment__default["default"](dateValue) : moment__default["default"](),
           minDate: minDate,
           maxDate: maxDate,
+          disabled: disabled,
           onChange: function (date) {
             setDateValue(new Date(date));
           }
-        }, void 0)
+        }, props), void 0)
       }), void 0);
     };
     return jsxRuntime.jsx(CalendarBox, __assign({
@@ -17158,7 +17160,9 @@
       disabled: disabled,
       onCalendarDateChange: setCalendarDate,
       showTimePicker: showTimePicker,
-      renderTimePicker: timePicker,
+      renderTimePicker: function () {
+        return renderTimePicker(timePickerProps);
+      },
       minDate: minDate,
       maxDate: maxDate
     }, dayzedData), void 0);
@@ -17696,6 +17700,7 @@
       placement = _e === void 0 ? 'bottom-start' : _e,
       css = _a.css,
       showTimePicker = _a.showTimePicker,
+      timePickerProps = _a.timePickerProps,
       minDate = _a.minDate,
       maxDate = _a.maxDate,
       readOnly = _a.readOnly,
@@ -17839,6 +17844,7 @@
           return setOpenPicker(false);
         },
         showTimePicker: showTimePicker,
+        timePickerProps: timePickerProps,
         minDate: minDate,
         maxDate: maxDate,
         allowReset: allowReset
@@ -18706,6 +18712,7 @@
     color: '$textPrimary'
   });
   var MobileTable = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
+    var _b, _c;
     var instance = _a.instance,
       totalData = _a.totalData,
       customEmptyDataProps = _a.customEmptyDataProps,
@@ -18720,7 +18727,9 @@
       cellAlign = _a.cellAlign,
       renderContextMenu = _a.renderContextMenu,
       handleRowClick = _a.handleRowClick,
-      additionalExceptionIds = _a.additionalExceptionIds;
+      additionalExceptionIds = _a.additionalExceptionIds,
+      hideHeader = _a.hideHeader,
+      decoration = _a.decoration;
     var t = reactI18next.useTranslation('MajooUI/table').t;
     var getTableProps = instance.getTableProps,
       getTableBodyProps = instance.getTableBodyProps,
@@ -18771,7 +18780,9 @@
       ref: ref
     }, {
       children: [infiniteScrollWrapper(jsxRuntime.jsxs(TableContent$3, __assign({}, getTableProps(), {
-        children: [jsxRuntime.jsx(TableHead$3, {
+        children: [jsxRuntime.jsx(TableHead$3, __assign({
+          hiddenHeader: hideHeader
+        }, {
           children: headerGroups.map(function (headerGroup) {
             return jsxRuntime.jsx(TableHeadRow$4, __assign({}, headerGroup.getHeaderGroupProps(), {
               children: headerGroup.headers.filter(function (column, index) {
@@ -18802,8 +18813,8 @@
               })
             }), void 0);
           })
-        }, void 0), jsxRuntime.jsx(TableBody$3, __assign({}, getTableBodyProps(), {
-          children: page.map(function (row, i) {
+        }), void 0), jsxRuntime.jsxs(TableBody$3, __assign({}, getTableBodyProps(), {
+          children: [(_b = decoration === null || decoration === void 0 ? void 0 : decoration.headerRender) === null || _b === void 0 ? void 0 : _b.call(decoration), page.map(function (row, i) {
             var _a;
             prepareRow(row);
             var isContextMenu = (_a = row.cells.filter(function (cell) {
@@ -18945,7 +18956,7 @@
                 }), void 0)
               }, void 0) : null]
             }, row.id);
-          })
+          }), (_c = decoration === null || decoration === void 0 ? void 0 : decoration.footerRender) === null || _c === void 0 ? void 0 : _c.call(decoration)]
         }), void 0), !isInfiniteScroll && jsxRuntime.jsx(TableFoot$2, {
           children: jsxRuntime.jsx(TableFootRow$2, {
             children: jsxRuntime.jsx(TableFootCell$2, __assign({
@@ -19001,6 +19012,17 @@
         true: {
           top: '-1px'
         }
+      },
+      hiddenHeader: {
+        true: {
+          opacity: 0,
+          '& > tr > th': {
+            height: '0px !important',
+            '& > div': {
+              marginTop: '-50px'
+            }
+          }
+        }
       }
     }
   });
@@ -19319,60 +19341,63 @@
     };
   };
   function Table(_a) {
+    var _b, _c;
     var columns = _a.columns,
       rawData = _a.data,
-      _b = _a.keyId,
-      keyId = _b === void 0 ? 'id' : _b,
-      _c = _a.pageIndex,
-      controlledPageIndex = _c === void 0 ? 0 : _c,
+      _d = _a.keyId,
+      keyId = _d === void 0 ? 'id' : _d,
+      _e = _a.pageIndex,
+      controlledPageIndex = _e === void 0 ? 0 : _e,
       totalPage = _a.totalPage,
-      _d = _a.totalData,
-      totalData = _d === void 0 ? 0 : _d,
+      _f = _a.totalData,
+      totalData = _f === void 0 ? 0 : _f,
       fetchData = _a.fetchData,
-      _e = _a.hideDataInfo,
-      hideDataInfo = _e === void 0 ? false : _e,
-      _f = _a.rowsPerPageOptions,
-      rowsPerPageOptions = _f === void 0 ? [10, 25, 50, 100] : _f;
+      _g = _a.hideDataInfo,
+      hideDataInfo = _g === void 0 ? false : _g,
+      _h = _a.rowsPerPageOptions,
+      rowsPerPageOptions = _h === void 0 ? [10, 25, 50, 100] : _h;
       _a.emptyDataMessage;
       var emptyDataProps = _a.customEmptyDataProps,
-      _h = _a.isLoading,
-      isLoading = _h === void 0 ? false : _h,
+      _k = _a.isLoading,
+      isLoading = _k === void 0 ? false : _k,
       css = _a.css,
       headerCss = _a.headerCss,
+      hideHeader = _a.hideHeader,
       onSelectedChange = _a.onSelectedChange,
-      _j = _a.isInfiniteScroll,
-      isInfiniteScroll = _j === void 0 ? false : _j,
-      _k = _a.hasMoreItems,
-      hasMoreItems = _k === void 0 ? true : _k,
-      _l = _a.rowLimit,
-      rowLimit = _l === void 0 ? 10 : _l,
-      _m = _a.cellAlign,
-      cellAlign = _m === void 0 ? 'center' : _m,
+      _l = _a.isInfiniteScroll,
+      isInfiniteScroll = _l === void 0 ? false : _l,
+      _m = _a.hasMoreItems,
+      hasMoreItems = _m === void 0 ? true : _m,
+      _o = _a.rowLimit,
+      rowLimit = _o === void 0 ? 10 : _o,
+      _p = _a.cellAlign,
+      cellAlign = _p === void 0 ? 'center' : _p,
       selectedIds = _a.selectedIds,
       rowGroup = _a.rowGroup,
+      decoration = _a.decoration,
       hiddenColumns = _a.hiddenColumns,
       columnOrder = _a.columnOrder,
       customRowsStyle = _a.customRowsStyle,
       isMobileLayout = _a.isMobileLayout,
       showDuplicatedData = _a.showDuplicatedData,
       onRowClick = _a.onRowClick,
-      _o = _a.hidePagination,
-      hidePagination = _o === void 0 ? false : _o,
+      _q = _a.hidePagination,
+      hidePagination = _q === void 0 ? false : _q,
       searchQuery = _a.searchQuery,
-      _p = _a.additionalExceptionIds,
-      additionalExceptionIds = _p === void 0 ? [] : _p;
-    var _q = React.useState(rowLimit),
-      limit = _q[0],
-      setLimit = _q[1];
-    var _r = React.useState({}),
-      dataRow = _r[0],
-      setDataRow = _r[1];
-    var _s = React.useState('start'),
-      tableScrollPosition = _s[0],
-      setTableScrollPosition = _s[1];
-    var _t = React.useState(0),
-      scrollAreaWidth = _t[0],
-      setScrollAreaWidth = _t[1];
+      _r = _a.additionalExceptionIds,
+      additionalExceptionIds = _r === void 0 ? [] : _r;
+    var _s = React.useState(rowLimit),
+      limit = _s[0],
+      setLimit = _s[1];
+    var _t = React.useState({}),
+      dataRow = _t[0],
+      setDataRow = _t[1];
+    var _u = React.useState('start'),
+      tableScrollPosition = _u[0],
+      setTableScrollPosition = _u[1];
+    var _v = React.useState(0),
+      scrollAreaWidth = _v[0],
+      setScrollAreaWidth = _v[1];
     var t = reactI18next.useTranslation('MajooUI/table').t;
     var isMobile = useMediaQuery(isMobileLayout === undefined ? '(max-width: 1024px)' : isMobileLayout ? '(max-width: 8000px)' : '(max-width: 0px)');
     var customEmptyDataProps = searchQuery ? defaultEmptySearchProps(t, isMobile, searchQuery) : emptyDataProps || defaultEmptyDataProps(t, isMobile);
@@ -19419,11 +19444,11 @@
       setPageSize = instance.setPageSize,
       toggleRowSelected = instance.toggleRowSelected,
       toggleAllRowsSelected = instance.toggleAllRowsSelected,
-      _u = instance.state,
-      pageIndex = _u.pageIndex,
-      pageSize = _u.pageSize,
-      sortBy = _u.sortBy,
-      selectedRowIds = _u.selectedRowIds,
+      _w = instance.state,
+      pageIndex = _w.pageIndex,
+      pageSize = _w.pageSize,
+      sortBy = _w.sortBy,
+      selectedRowIds = _w.selectedRowIds,
       setHiddenColumns = instance.setHiddenColumns,
       setColumnOrder = instance.setColumnOrder;
     var doFetchData = function doFetchData(pageIndex, pageSize, sortAccessor, sortDirection) {
@@ -19633,6 +19658,7 @@
         }, {
           children: [renderInfiniteScrollWrapper(jsxRuntime.jsxs(TableContent$3, __assign({}, getTableProps(), {
             children: [jsxRuntime.jsx(TableHead$3, __assign({
+              hiddenHeader: hideHeader,
               css: headerCss,
               isInfiniteScroll: isInfiniteScroll
             }, {
@@ -19674,8 +19700,8 @@
                   })
                 }), void 0);
               })
-            }), void 0), jsxRuntime.jsx(TableBody$3, __assign({}, getTableBodyProps(), {
-              children: page.map(function (row, i) {
+            }), void 0), jsxRuntime.jsxs(TableBody$3, __assign({}, getTableBodyProps(), {
+              children: [(_b = decoration === null || decoration === void 0 ? void 0 : decoration.headerRender) === null || _b === void 0 ? void 0 : _b.call(decoration), page.map(function (row, i) {
                 var _a, _b;
                 prepareRow(row);
                 var subRowCells = row.cells.filter(function (cell) {
@@ -19794,7 +19820,7 @@
                     }), cell.column.id);
                   }) : null, ((rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.showGroupingWhenSorted) || sortBy.length <= 0) && row.original['isBottomChild'] && !!(rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.footerRender) && (rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.footerRender(row))]
                 }, row.id);
-              })
+              }), (_c = decoration === null || decoration === void 0 ? void 0 : decoration.footerRender) === null || _c === void 0 ? void 0 : _c.call(decoration)]
             }), void 0)]
           }), void 0)), renderContextMenu()]
         }), void 0), !isInfiniteScroll && jsxRuntime.jsx(Box, __assign({
@@ -19830,7 +19856,9 @@
         cellAlign: cellAlign,
         renderContextMenu: renderContextMenu,
         handleRowClick: handleRowClick,
-        additionalExceptionIds: additionalExceptionIds
+        additionalExceptionIds: additionalExceptionIds,
+        hideHeader: hideHeader,
+        decoration: decoration
       }, void 0)]
     }), void 0);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.55.36",
+  "version": "1.55.37",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",