@majoo-ui/react 1.55.35 → 1.55.37

package/index.umd.js

@@ -2907,7 +2907,7 @@
        */
       color: {
         success: {
-          color: '$hlSuccess'
+          color: '$primary500'
         },
         info: {
           color: '$hlNews'
@@ -2919,7 +2919,10 @@
           color: '$hlFailed'
         },
         pending: {
-          color: '$orange500'
+          color: '$hlPending'
+        },
+        primary: {
+          color: '$textPrimary'
         }
       }
     },
@@ -3489,12 +3492,12 @@
     disableGlobalStyle: PropTypes__default["default"].bool
   };
 
-  const _excluded$x = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
+  const _excluded$x = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
   var _jsxFileName$Y = "/Users/apple/Documents/project/majoo/majoo-ui/packages/react/src/components/banner/Banner.js";
   const Context$2 = /*#__PURE__*/React__namespace.createContext();
   const StyledBanner = styled(Flex$1, {
     maxWidth: '100%',
-    padding: '$spacing-03',
+    padding: '$spacing-03 $spacing-05',
     textAlign: 'left',
     borderRadius: 8,
     pointer: 'default',
@@ -3509,12 +3512,12 @@
       },
       variant: {
         info: {
-          backgroundColor: '$blue100',
+          backgroundColor: '$bgNew',
           border: '1px solid $hlNews'
         },
         warning: {
           backgroundColor: '$bgProcess',
-          border: '1px solid $hlProcess'
+          border: '1px solid $hlPending'
         },
         success: {
           backgroundColor: '$bgSuccess',
@@ -3526,7 +3529,7 @@
         },
         pending: {
           backgroundColor: '$bgProcess',
-          border: '1px solid $orange500'
+          border: '1px solid $hlPending'
         }
       },
       hasAction: {
@@ -3614,29 +3617,45 @@
     children: PropTypes__default["default"].string
   };
   const BannerLink = ({
+    css,
     link,
     children,
     variant
-  }) => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$Y,
-      lineNumber: 130,
-      columnNumber: 3
-    }
-  }, value => /*#__PURE__*/React__namespace.createElement(Link, {
-    href: link,
-    color: variant ? variant : value.variant,
-    css: {
-      marginInlineEnd: 12
-    },
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$Y,
-      lineNumber: 132,
-      columnNumber: 7
+  }) => {
+    console.log(variant);
+    function generateVariant(params) {
+      switch (params) {
+        case 'warning':
+          return 'primary';
+        case 'pending':
+          return 'primary';
+        case 'failed':
+          return 'failed';
+        default:
+          return 'success';
+      }
     }
-  }, children));
+    return /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 146,
+        columnNumber: 5
+      }
+    }, value => /*#__PURE__*/React__namespace.createElement(Link, {
+      css: Object.assign({
+        marginInlineEnd: '$spacing-04'
+      }, css),
+      href: link,
+      color: variant ? generateVariant(variant) : generateVariant(value.variant),
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 148,
+        columnNumber: 9
+      }
+    }, children));
+  };
   BannerLink.propTypes = {
     /**
      The purpose of a clickable link, presented in url
@@ -3658,7 +3677,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 159,
+      lineNumber: 180,
       columnNumber: 3
     }
   }, value => /*#__PURE__*/React__namespace.createElement(CloseButton$1, {
@@ -3670,7 +3689,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 161,
+      lineNumber: 182,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__namespace.createElement(icons.CloseOutline, {
@@ -3679,29 +3698,48 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 168,
+      lineNumber: 189,
       columnNumber: 9
     }
   })));
   const SingleTagBanner = props => {
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+    var _props$icon;
+    return /*#__PURE__*/React__namespace.createElement(Flex$1, {
+      gap: 2,
+      direction: "column",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 176,
+        lineNumber: 197,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__namespace.createElement(Flex$1, {
-      gap: 3,
-      direction: "column",
-      align: "end",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 177,
+        lineNumber: 198,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__namespace.createElement(Flex$1, {
+      gap: 3,
+      direction: "row",
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 199,
+        columnNumber: 9
+      }
+    }, (props === null || props === void 0 ? void 0 : props.icon) && /*#__PURE__*/React__namespace.createElement(Flex$1, {
+      css: {
+        marginTop: '-2px'
+      },
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 200,
+        columnNumber: 27
+      }
+    }, props === null || props === void 0 ? void 0 : (_props$icon = props.icon) === null || _props$icon === void 0 ? void 0 : _props$icon.call(props)), /*#__PURE__*/React__namespace.createElement(Flex$1, {
       gap: 2,
       direction: "column",
       css: {
@@ -3711,33 +3749,24 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 178,
-        columnNumber: 9
+        lineNumber: 201,
+        columnNumber: 11
       }
     }, props.title && /*#__PURE__*/React__namespace.createElement(BannerTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 186,
-        columnNumber: 27
+        lineNumber: 209,
+        columnNumber: 29
       }
     }, props.title), props.description && /*#__PURE__*/React__namespace.createElement(BannerDescription, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 187,
-        columnNumber: 33
+        lineNumber: 210,
+        columnNumber: 35
       }
-    }, props.description)), props.link && /*#__PURE__*/React__namespace.createElement(BannerLink, {
-      link: props.link,
-      variant: props.variant,
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName$Y,
-        lineNumber: 190,
-        columnNumber: 11
-      }
-    }, props.linkText)), /*#__PURE__*/React__namespace.createElement(CloseButton$1, {
+    }, props.description))), /*#__PURE__*/React__namespace.createElement(CloseButton$1, {
       onClick: e => {
         e.preventDefault();
         e.stopPropagation();
@@ -3747,8 +3776,8 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 195,
-        columnNumber: 7
+        lineNumber: 213,
+        columnNumber: 9
       }
     }, /*#__PURE__*/React__namespace.createElement(icons.CloseOutline, {
       color: colors$5.iconSecondary,
@@ -3756,10 +3785,23 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 203,
+        lineNumber: 221,
+        columnNumber: 11
+      }
+    }))), props.link && /*#__PURE__*/React__namespace.createElement(BannerLink, {
+      css: {
+        alignSelf: 'end',
+        marginInlineEnd: 'unset'
+      },
+      link: props.link,
+      variant: props.variant,
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$Y,
+        lineNumber: 225,
         columnNumber: 9
       }
-    })));
+    }, props.linkText));
   };
   const Banner = _ref => {
     let {
@@ -3771,7 +3813,8 @@
         onClick,
         onRemove,
         children,
-        bannerBlock
+        bannerBlock,
+        icon
       } = _ref,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
     return /*#__PURE__*/React__namespace.createElement(StyledBanner, _extends({
@@ -3783,7 +3826,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 211,
+        lineNumber: 247,
         columnNumber: 5
       }
     }), children ? /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3800,7 +3843,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 213,
+        lineNumber: 249,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__namespace.createElement(Context$2.Provider, {
@@ -3811,13 +3854,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 220,
+        lineNumber: 256,
         columnNumber: 11
       }
     }, children)) : /*#__PURE__*/React__namespace.createElement(SingleTagBanner, {
       title: title,
       description: description,
       variant: variant,
+      icon: icon,
       link: link,
       linkText: linkText,
       onClick: onClick,
@@ -3825,7 +3869,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Y,
-        lineNumber: 223,
+        lineNumber: 259,
         columnNumber: 9
       }
     }));
@@ -3854,6 +3898,10 @@
      Text of button link to be displayed
     */
     linkText: PropTypes__default["default"].string,
+    /**
+    Icon of banner to be displayed
+    */
+    icon: PropTypes__default["default"].func,
     /**
      Clickable event handler
     */
@@ -16579,6 +16627,8 @@
     defaultValue,
     value,
     disabled,
+    disabledHour,
+    disabledMinute,
     minDate,
     maxDate
   }) => {
@@ -16594,11 +16644,11 @@
     function handleUp(type) {
       if (!disabled) {
         if (type === 'hour') {
-          if (!maxDate || moment__default["default"](date).add(1, 'hours') <= moment__default["default"](maxDate)) {
+          if ((!maxDate || moment__default["default"](date).add(1, 'hours') <= moment__default["default"](maxDate)) && !disabledHour) {
             setNewDate(moment__default["default"](date).add(1, 'hours'));
           }
         } else {
-          if (!maxDate || moment__default["default"](date).add(1, 'minutes') <= moment__default["default"](maxDate)) {
+          if ((!maxDate || moment__default["default"](date).add(1, 'minutes') <= moment__default["default"](maxDate)) && !disabledMinute) {
             setNewDate(moment__default["default"](date).add(1, 'minutes'));
           }
         }
@@ -16607,11 +16657,11 @@
     function handleDown(type) {
       if (!disabled) {
         if (type === 'hour') {
-          if (!minDate || moment__default["default"](date).subtract(1, 'hours') >= moment__default["default"](minDate)) {
+          if ((!minDate || moment__default["default"](date).subtract(1, 'hours') >= moment__default["default"](minDate)) && !disabledHour) {
             setNewDate(moment__default["default"](date).subtract(1, 'hours'));
           }
         } else {
-          if (!minDate || moment__default["default"](date).subtract(1, 'minutes') >= moment__default["default"](minDate)) {
+          if ((!minDate || moment__default["default"](date).subtract(1, 'minutes') >= moment__default["default"](minDate)) && !disabledMinute) {
             setNewDate(moment__default["default"](date).subtract(1, 'minutes'));
           }
         }
@@ -16628,7 +16678,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 159,
+        lineNumber: 169,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -16637,27 +16687,27 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 165,
+        lineNumber: 175,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "up",
-      disabled: disabled,
+      disabled: disabled || disabledHour,
       onClick: () => handleUp('hour'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 166,
+        lineNumber: 176,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "up",
-      disabled: disabled,
+      disabled: disabled || disabledMinute,
       onClick: () => handleUp('minutes'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 167,
+        lineNumber: 177,
         columnNumber: 9
       }
     })), /*#__PURE__*/React__default["default"].createElement(Input$3, {
@@ -16668,7 +16718,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 169,
+        lineNumber: 179,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Time, {
@@ -16676,7 +16726,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 170,
+        lineNumber: 180,
         columnNumber: 7
       }
     }, moment__default["default"](date).format(format)), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -16685,27 +16735,27 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 171,
+        lineNumber: 181,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "down",
-      disabled: disabled,
+      disabled: disabled || disabledHour,
       onClick: () => handleDown('hour'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 172,
+        lineNumber: 182,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "down",
-      disabled: disabled,
+      disabled: disabled || disabledMinute,
       onClick: () => handleDown('minutes'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 173,
+        lineNumber: 183,
         columnNumber: 9
       }
     })));
@@ -16727,6 +16777,18 @@
      Time picker value, support moment format.
     */
     value: PropTypes__default["default"].instanceOf(Date),
+    /**
+     Disabled state.
+    */
+    disabled: PropTypes__default["default"].bool,
+    /**
+      Disabled hour state.
+     */
+    disabledHour: PropTypes__default["default"].bool,
+    /**
+      Disabled minute state.
+     */
+    disabledMinute: PropTypes__default["default"].bool,
     /**
       Specify the minimum date.
      */
@@ -16742,6 +16804,8 @@
     defaultValue,
     value,
     disabled,
+    disabledHour,
+    disabledMinute,
     css,
     minDate,
     maxDate
@@ -16756,12 +16820,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 208,
+        lineNumber: 241,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(NativeTimePicker, {
       size: size,
       disabled: disabled,
+      disabledHour: disabledHour,
+      disabledMinute: disabledMinute,
       onChange: onChange,
       defaultValue: defaultValue,
       value: value,
@@ -16770,7 +16836,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 209,
+        lineNumber: 242,
         columnNumber: 7
       }
     }));
@@ -16801,6 +16867,14 @@
      Disabled state.
     */
     disabled: PropTypes__default["default"].bool,
+    /**
+     Disabled hour state.
+    */
+    disabledHour: PropTypes__default["default"].bool,
+    /**
+     Disabled minute state.
+    */
+    disabledMinute: PropTypes__default["default"].bool,
     /**
       Specify the minimum date.
      */
@@ -16826,6 +16900,8 @@
     placement,
     css,
     disabled,
+    disabledHour,
+    disabledMinute,
     readOnly,
     minDate,
     maxDate,
@@ -16846,7 +16922,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 39,
+        lineNumber: 41,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
@@ -16855,14 +16931,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$l,
-          lineNumber: 40,
+          lineNumber: 42,
           columnNumber: 35
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 40,
+        lineNumber: 42,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(InputText, {
@@ -16877,13 +16953,15 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 41,
+        lineNumber: 43,
         columnNumber: 7
       }
     }));
     const renderTimePicker = () => /*#__PURE__*/React__default["default"].createElement(TimePicker, {
       size: size,
       disabled: disabled,
+      disabledHour: disabledHour,
+      disabledMinute: disabledMinute,
       defaultValue: defaultValue,
       value: value,
       onChange: onChange,
@@ -16892,7 +16970,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 54,
+        lineNumber: 56,
         columnNumber: 5
       }
     });
@@ -16903,7 +16981,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 66,
+        lineNumber: 70,
         columnNumber: 5
       }
     }, disabled || readOnly ? /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -16911,14 +16989,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 68,
+        lineNumber: 72,
         columnNumber: 9
       }
     }, renderInputGroup()) : /*#__PURE__*/React__default["default"].createElement(PopoverTrigger, {
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 70,
+        lineNumber: 74,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -16926,14 +17004,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 71,
+        lineNumber: 75,
         columnNumber: 11
       }
     }, renderInputGroup())), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
       __self: this,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 74,
+        lineNumber: 78,
         columnNumber: 7
       }
     }, renderTimePicker()));
@@ -16951,6 +17029,14 @@
      Disabled state.
     */
     disabled: PropTypes__default["default"].bool,
+    /**
+     Disabled hour state.
+    */
+    disabledHour: PropTypes__default["default"].bool,
+    /**
+      Disabled minute state.
+     */
+    disabledMinute: PropTypes__default["default"].bool,
     /**
      ReadOnly state.
     */
@@ -17010,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];
@@ -17047,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({
@@ -17072,7 +17160,9 @@
       disabled: disabled,
       onCalendarDateChange: setCalendarDate,
       showTimePicker: showTimePicker,
-      renderTimePicker: timePicker,
+      renderTimePicker: function () {
+        return renderTimePicker(timePickerProps);
+      },
       minDate: minDate,
       maxDate: maxDate
     }, dayzedData), void 0);
@@ -17610,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,
@@ -17753,6 +17844,7 @@
           return setOpenPicker(false);
         },
         showTimePicker: showTimePicker,
+        timePickerProps: timePickerProps,
         minDate: minDate,
         maxDate: maxDate,
         allowReset: allowReset
@@ -18620,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,
@@ -18634,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,
@@ -18685,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) {
@@ -18716,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) {
@@ -18859,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({
@@ -18915,6 +19012,17 @@
         true: {
           top: '-1px'
         }
+      },
+      hiddenHeader: {
+        true: {
+          opacity: 0,
+          '& > tr > th': {
+            height: '0px !important',
+            '& > div': {
+              marginTop: '-50px'
+            }
+          }
+        }
       }
     }
   });
@@ -19233,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);
@@ -19333,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) {
@@ -19547,6 +19658,7 @@
         }, {
           children: [renderInfiniteScrollWrapper(jsxRuntime.jsxs(TableContent$3, __assign({}, getTableProps(), {
             children: [jsxRuntime.jsx(TableHead$3, __assign({
+              hiddenHeader: hideHeader,
               css: headerCss,
               isInfiniteScroll: isInfiniteScroll
             }, {
@@ -19588,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) {
@@ -19708,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({
@@ -19744,7 +19856,9 @@
         cellAlign: cellAlign,
         renderContextMenu: renderContextMenu,
         handleRowClick: handleRowClick,
-        additionalExceptionIds: additionalExceptionIds
+        additionalExceptionIds: additionalExceptionIds,
+        hideHeader: hideHeader,
+        decoration: decoration
       }, void 0)]
     }), void 0);
   }