@majoo-ui/react 1.55.35 → 1.55.37

package/index.esm.js

@@ -2834,7 +2834,7 @@ const StyledLink = styled('a', {
      */
     color: {
       success: {
-        color: '$hlSuccess'
+        color: '$primary500'
       },
       info: {
         color: '$hlNews'
@@ -2846,7 +2846,10 @@ const StyledLink = styled('a', {
         color: '$hlFailed'
       },
       pending: {
-        color: '$orange500'
+        color: '$hlPending'
+      },
+      primary: {
+        color: '$textPrimary'
       }
     }
   },
@@ -3414,12 +3417,12 @@ MajooProvider.propTypes = {
   disableGlobalStyle: PropTypes.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.createContext();
 const StyledBanner = styled(Flex$1, {
   maxWidth: '100%',
-  padding: '$spacing-03',
+  padding: '$spacing-03 $spacing-05',
   textAlign: 'left',
   borderRadius: 8,
   pointer: 'default',
@@ -3434,12 +3437,12 @@ const StyledBanner = styled(Flex$1, {
     },
     variant: {
       info: {
-        backgroundColor: '$blue100',
+        backgroundColor: '$bgNew',
         border: '1px solid $hlNews'
       },
       warning: {
         backgroundColor: '$bgProcess',
-        border: '1px solid $hlProcess'
+        border: '1px solid $hlPending'
       },
       success: {
         backgroundColor: '$bgSuccess',
@@ -3451,7 +3454,7 @@ const StyledBanner = styled(Flex$1, {
       },
       pending: {
         backgroundColor: '$bgProcess',
-        border: '1px solid $orange500'
+        border: '1px solid $hlPending'
       }
     },
     hasAction: {
@@ -3539,29 +3542,45 @@ BannerDescription.propTypes = {
   children: PropTypes.string
 };
 const BannerLink = ({
+  css,
   link,
   children,
   variant
-}) => /*#__PURE__*/React.createElement(Context$2.Consumer, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$Y,
-    lineNumber: 130,
-    columnNumber: 3
-  }
-}, value => /*#__PURE__*/React.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.createElement(Context$2.Consumer, {
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName$Y,
+      lineNumber: 146,
+      columnNumber: 5
+    }
+  }, value => /*#__PURE__*/React.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
@@ -3583,7 +3602,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$Y,
-    lineNumber: 159,
+    lineNumber: 180,
     columnNumber: 3
   }
 }, value => /*#__PURE__*/React.createElement(CloseButton$1, {
@@ -3595,7 +3614,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$Y,
-    lineNumber: 161,
+    lineNumber: 182,
     columnNumber: 7
   }
 }, /*#__PURE__*/React.createElement(CloseOutline, {
@@ -3604,29 +3623,48 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$Y,
-    lineNumber: 168,
+    lineNumber: 189,
     columnNumber: 9
   }
 })));
 const SingleTagBanner = props => {
-  return /*#__PURE__*/React.createElement(React.Fragment, {
+  var _props$icon;
+  return /*#__PURE__*/React.createElement(Flex$1, {
+    gap: 2,
+    direction: "column",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 176,
+      lineNumber: 197,
       columnNumber: 5
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
-    gap: 3,
-    direction: "column",
-    align: "end",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 177,
+      lineNumber: 198,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.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.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.createElement(Flex$1, {
     gap: 2,
     direction: "column",
     css: {
@@ -3636,33 +3674,24 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 178,
-      columnNumber: 9
+      lineNumber: 201,
+      columnNumber: 11
     }
   }, props.title && /*#__PURE__*/React.createElement(BannerTitle, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 186,
-      columnNumber: 27
+      lineNumber: 209,
+      columnNumber: 29
     }
   }, props.title), props.description && /*#__PURE__*/React.createElement(BannerDescription, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 187,
-      columnNumber: 33
+      lineNumber: 210,
+      columnNumber: 35
     }
-  }, props.description)), props.link && /*#__PURE__*/React.createElement(BannerLink, {
-    link: props.link,
-    variant: props.variant,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$Y,
-      lineNumber: 190,
-      columnNumber: 11
-    }
-  }, props.linkText)), /*#__PURE__*/React.createElement(CloseButton$1, {
+  }, props.description))), /*#__PURE__*/React.createElement(CloseButton$1, {
     onClick: e => {
       e.preventDefault();
       e.stopPropagation();
@@ -3672,8 +3701,8 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 195,
-      columnNumber: 7
+      lineNumber: 213,
+      columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(CloseOutline, {
     color: colors$5.iconSecondary,
@@ -3681,10 +3710,23 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 203,
+      lineNumber: 221,
+      columnNumber: 11
+    }
+  }))), props.link && /*#__PURE__*/React.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 {
@@ -3696,7 +3738,8 @@ const Banner = _ref => {
       onClick,
       onRemove,
       children,
-      bannerBlock
+      bannerBlock,
+      icon
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
   return /*#__PURE__*/React.createElement(StyledBanner, _extends({
@@ -3708,7 +3751,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 211,
+      lineNumber: 247,
       columnNumber: 5
     }
   }), children ? /*#__PURE__*/React.createElement(Flex$1, {
@@ -3725,7 +3768,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 213,
+      lineNumber: 249,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(Context$2.Provider, {
@@ -3736,13 +3779,14 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 220,
+      lineNumber: 256,
       columnNumber: 11
     }
   }, children)) : /*#__PURE__*/React.createElement(SingleTagBanner, {
     title: title,
     description: description,
     variant: variant,
+    icon: icon,
     link: link,
     linkText: linkText,
     onClick: onClick,
@@ -3750,7 +3794,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Y,
-      lineNumber: 223,
+      lineNumber: 259,
       columnNumber: 9
     }
   }));
@@ -3779,6 +3823,10 @@ Banner.propTypes = {
    Text of button link to be displayed
   */
   linkText: PropTypes.string,
+  /**
+  Icon of banner to be displayed
+  */
+  icon: PropTypes.func,
   /**
    Clickable event handler
   */
@@ -16358,6 +16406,8 @@ const NativeTimePicker = ({
   defaultValue,
   value,
   disabled,
+  disabledHour,
+  disabledMinute,
   minDate,
   maxDate
 }) => {
@@ -16373,11 +16423,11 @@ const NativeTimePicker = ({
   function handleUp(type) {
     if (!disabled) {
       if (type === 'hour') {
-        if (!maxDate || moment(date).add(1, 'hours') <= moment(maxDate)) {
+        if ((!maxDate || moment(date).add(1, 'hours') <= moment(maxDate)) && !disabledHour) {
           setNewDate(moment(date).add(1, 'hours'));
         }
       } else {
-        if (!maxDate || moment(date).add(1, 'minutes') <= moment(maxDate)) {
+        if ((!maxDate || moment(date).add(1, 'minutes') <= moment(maxDate)) && !disabledMinute) {
           setNewDate(moment(date).add(1, 'minutes'));
         }
       }
@@ -16386,11 +16436,11 @@ const NativeTimePicker = ({
   function handleDown(type) {
     if (!disabled) {
       if (type === 'hour') {
-        if (!minDate || moment(date).subtract(1, 'hours') >= moment(minDate)) {
+        if ((!minDate || moment(date).subtract(1, 'hours') >= moment(minDate)) && !disabledHour) {
           setNewDate(moment(date).subtract(1, 'hours'));
         }
       } else {
-        if (!minDate || moment(date).subtract(1, 'minutes') >= moment(minDate)) {
+        if ((!minDate || moment(date).subtract(1, 'minutes') >= moment(minDate)) && !disabledMinute) {
           setNewDate(moment(date).subtract(1, 'minutes'));
         }
       }
@@ -16407,7 +16457,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 159,
+      lineNumber: 169,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -16416,27 +16466,27 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 165,
+      lineNumber: 175,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__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.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.createElement(Input$3, {
@@ -16447,7 +16497,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 169,
+      lineNumber: 179,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Time, {
@@ -16455,7 +16505,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 170,
+      lineNumber: 180,
       columnNumber: 7
     }
   }, moment(date).format(format)), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -16464,27 +16514,27 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 171,
+      lineNumber: 181,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__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.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
     }
   })));
@@ -16506,6 +16556,18 @@ NativeTimePicker.propTypes = {
    Time picker value, support moment format.
   */
   value: PropTypes.instanceOf(Date),
+  /**
+   Disabled state.
+  */
+  disabled: PropTypes.bool,
+  /**
+    Disabled hour state.
+   */
+  disabledHour: PropTypes.bool,
+  /**
+    Disabled minute state.
+   */
+  disabledMinute: PropTypes.bool,
   /**
     Specify the minimum date.
    */
@@ -16521,6 +16583,8 @@ const TimePicker = ({
   defaultValue,
   value,
   disabled,
+  disabledHour,
+  disabledMinute,
   css,
   minDate,
   maxDate
@@ -16535,12 +16599,14 @@ const TimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 208,
+      lineNumber: 241,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(NativeTimePicker, {
     size: size,
     disabled: disabled,
+    disabledHour: disabledHour,
+    disabledMinute: disabledMinute,
     onChange: onChange,
     defaultValue: defaultValue,
     value: value,
@@ -16549,7 +16615,7 @@ const TimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 209,
+      lineNumber: 242,
       columnNumber: 7
     }
   }));
@@ -16580,6 +16646,14 @@ TimePicker.propTypes = {
    Disabled state.
   */
   disabled: PropTypes.bool,
+  /**
+   Disabled hour state.
+  */
+  disabledHour: PropTypes.bool,
+  /**
+   Disabled minute state.
+  */
+  disabledMinute: PropTypes.bool,
   /**
     Specify the minimum date.
    */
@@ -16605,6 +16679,8 @@ function InputTimePicker({
   placement,
   css,
   disabled,
+  disabledHour,
+  disabledMinute,
   readOnly,
   minDate,
   maxDate,
@@ -16625,7 +16701,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 39,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(InputLeftElement, {
@@ -16634,14 +16710,14 @@ function InputTimePicker({
       __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.createElement(InputText, {
@@ -16656,13 +16732,15 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 41,
+      lineNumber: 43,
       columnNumber: 7
     }
   }));
   const renderTimePicker = () => /*#__PURE__*/React__default.createElement(TimePicker, {
     size: size,
     disabled: disabled,
+    disabledHour: disabledHour,
+    disabledMinute: disabledMinute,
     defaultValue: defaultValue,
     value: value,
     onChange: onChange,
@@ -16671,7 +16749,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 54,
+      lineNumber: 56,
       columnNumber: 5
     }
   });
@@ -16682,7 +16760,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 66,
+      lineNumber: 70,
       columnNumber: 5
     }
   }, disabled || readOnly ? /*#__PURE__*/React__default.createElement(Box, {
@@ -16690,14 +16768,14 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 68,
+      lineNumber: 72,
       columnNumber: 9
     }
   }, renderInputGroup()) : /*#__PURE__*/React__default.createElement(PopoverTrigger, {
     __self: this,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 70,
+      lineNumber: 74,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -16705,14 +16783,14 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 71,
+      lineNumber: 75,
       columnNumber: 11
     }
   }, renderInputGroup())), /*#__PURE__*/React__default.createElement(PopoverContent, {
     __self: this,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 74,
+      lineNumber: 78,
       columnNumber: 7
     }
   }, renderTimePicker()));
@@ -16730,6 +16808,14 @@ InputTimePicker.propTypes = {
    Disabled state.
   */
   disabled: PropTypes.bool,
+  /**
+   Disabled hour state.
+  */
+  disabledHour: PropTypes.bool,
+  /**
+    Disabled minute state.
+   */
+  disabledMinute: PropTypes.bool,
   /**
    ReadOnly state.
   */
@@ -16790,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 => {
@@ -16824,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({
@@ -16849,7 +16937,7 @@ const CalendarPicker = _a => {
     disabled: disabled,
     onCalendarDateChange: setCalendarDate,
     showTimePicker: showTimePicker,
-    renderTimePicker: timePicker,
+    renderTimePicker: () => renderTimePicker(timePickerProps),
     minDate: minDate,
     maxDate: maxDate
   }, dayzedData), void 0);
@@ -17379,6 +17467,7 @@ function InputDatePicker({
   placement = 'bottom-start',
   css,
   showTimePicker,
+  timePickerProps,
   minDate,
   maxDate,
   readOnly,
@@ -17516,6 +17605,7 @@ function InputDatePicker({
       onChange: handleDatePickerChange,
       onClose: () => setOpenPicker(false),
       showTimePicker: showTimePicker,
+      timePickerProps: timePickerProps,
       minDate: minDate,
       maxDate: maxDate,
       allowReset: allowReset
@@ -18381,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');
@@ -18439,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');
@@ -18466,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 => {
@@ -18595,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({
@@ -18651,6 +18746,17 @@ const TableHead$3 = styled('thead', {
       true: {
         top: '-1px'
       }
+    },
+    hiddenHeader: {
+      true: {
+        opacity: 0,
+        '& > tr > th': {
+          height: '0px !important',
+          '& > div': {
+            marginTop: '-50px'
+          }
+        }
+      }
     }
   }
 });
@@ -18979,6 +19085,7 @@ function Table({
   isLoading = false,
   css,
   headerCss,
+  hideHeader,
   onSelectedChange,
   isInfiniteScroll = false,
   hasMoreItems = true,
@@ -18986,6 +19093,7 @@ function Table({
   cellAlign = 'center',
   selectedIds,
   rowGroup,
+  decoration,
   hiddenColumns,
   columnOrder,
   customRowsStyle,
@@ -18996,6 +19104,7 @@ function Table({
   searchQuery,
   additionalExceptionIds = []
 }) {
+  var _a, _b;
   const [limit, setLimit] = useState(rowLimit);
   const [dataRow, setDataRow] = useState({});
   const [tableScrollPosition, setTableScrollPosition] = useState('start');
@@ -19247,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
           }, {
@@ -19284,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);
@@ -19388,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({
@@ -19424,7 +19534,9 @@ function Table({
       cellAlign: cellAlign,
       renderContextMenu: renderContextMenu,
       handleRowClick: handleRowClick,
-      additionalExceptionIds: additionalExceptionIds
+      additionalExceptionIds: additionalExceptionIds,
+      hideHeader: hideHeader,
+      decoration: decoration
     }, void 0)]
   }), void 0);
 }