@majoo-ui/react 1.37.2 → 1.37.3

package/index.esm.js

@@ -3390,7 +3390,7 @@ const Toast = _ref => {
       lineNumber: 263,
       columnNumber: 19
     }
-  }))), /*#__PURE__*/React.createElement(Link, {
+  }))), (hrefOfAction || isExternalOfAction || onClickOfAction) && /*#__PURE__*/React.createElement(Link, {
     href: hrefOfAction,
     isExternal: isExternalOfAction,
     onClick: onClickOfAction,
@@ -3403,8 +3403,8 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$T,
-      lineNumber: 268,
-      columnNumber: 15
+      lineNumber: 267,
+      columnNumber: 17
     }
   })))));
 };
@@ -9017,7 +9017,7 @@ const IconButton = styled('button', {
   }
 });
 
-const _excluded$9 = ["children", "size", "css", "layer"];
+const _excluded$9 = ["children", "size", "css", "layer", "isMobile"];
 var _jsxFileName$m = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\modalDialog\\ModalDialog.js";
 const ModalDialogFooter = styled('div');
 ModalDialogFooter.displayName = 'ModalDialogFooter';
@@ -9032,14 +9032,15 @@ const ModalDialog = _ref => {
     children,
     size,
     css,
-    layer
+    layer,
+    isMobile
   } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
-  const footerChildren = children.find(child => child.type.displayName === 'ModalDialogFooter');
-  const headerTitle = children.find(child => child.type.displayName === 'ModalDialogTitle');
-  const pageDialogChildren = children.find(child => child.type.displayName === 'ModalDialogContent');
-  const pageDialogTrigger = children.find(child => child.type.displayName === 'ModalDialogTrigger');
+  const modalDialogFooter = children.find(child => child.type.displayName === 'ModalDialogFooter');
+  const modalDialogTitle = children.find(child => child.type.displayName === 'ModalDialogTitle');
+  const modalDialogContent = children.find(child => child.type.displayName === 'ModalDialogContent');
+  const modalDialogTrigger = children.find(child => child.type.displayName === 'ModalDialogTrigger');
   const ref = useCallback(node => {
     if (node !== null) {
       document.body.classList.add('noscroll');
@@ -9047,47 +9048,69 @@ const ModalDialog = _ref => {
       document.body.classList.remove('noscroll');
     }
   }, []);
+  const mobileCSS = isMobile && {
+    maxWidth: '100vw',
+    animation: 'unset',
+    bottom: 0,
+    top: 'auto',
+    left: 0,
+    transform: 'translate(0,0)',
+    '& > div': {
+      borderBottomRightRadius: 0,
+      borderBottomLeftRadius: 0
+    }
+  };
   return /*#__PURE__*/React__default.createElement(Dialog, _extends({}, props, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 49,
+      lineNumber: 62,
       columnNumber: 5
     }
-  }), pageDialogTrigger && /*#__PURE__*/React__default.createElement(DialogTrigger, _extends({}, pageDialogTrigger.props, {
+  }), modalDialogTrigger && /*#__PURE__*/React__default.createElement(DialogTrigger, _extends({}, modalDialogTrigger.props, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 50,
-      columnNumber: 29
+      lineNumber: 63,
+      columnNumber: 30
     }
   })), /*#__PURE__*/React__default.createElement(DialogPortal, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 51,
+      lineNumber: 64,
       columnNumber: 7
     }
-  }, /*#__PURE__*/React__default.createElement(DialogOverlay, {
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      borderBottomLeftRadius: '0px'
+    },
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName$m,
+      lineNumber: 65,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/React__default.createElement(DialogOverlay, {
     css: {
       zIndex: layer
     },
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 52,
+      lineNumber: 66,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(DialogContent, {
     size: size,
     css: Object.assign({}, css, {
       zIndex: layer
-    }),
+    }, mobileCSS),
     ref: ref,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 53,
+      lineNumber: 67,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Box$1, {
@@ -9100,12 +9123,12 @@ const ModalDialog = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 54,
+      lineNumber: 72,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Box$1, {
     css: {
-      padding: '16px 24px',
+      padding: isMobile ? '24px 24px 19px 24px' : '16px 24px',
       display: 'block',
       alignItems: 'center',
       position: 'relative',
@@ -9114,7 +9137,7 @@ const ModalDialog = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 55,
+      lineNumber: 73,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Box$1, {
@@ -9128,7 +9151,7 @@ const ModalDialog = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 64,
+      lineNumber: 82,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(DialogTitle, {
@@ -9138,73 +9161,73 @@ const ModalDialog = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 65,
+      lineNumber: 83,
       columnNumber: 17
     }
-  }, headerTitle && /*#__PURE__*/React__default.createElement(Heading, _extends({
+  }, modalDialogTitle && /*#__PURE__*/React__default.createElement(Heading, _extends({
     heading: "pageTitle"
-  }, headerTitle.props, {
+  }, modalDialogTitle.props, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 66,
-      columnNumber: 35
+      lineNumber: 84,
+      columnNumber: 40
     }
   }))), /*#__PURE__*/React__default.createElement(DialogClose, {
     asChild: true,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 68,
+      lineNumber: 86,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Box$1, {
     css: {
-      width: 48,
-      height: 48,
+      size: 22,
       display: 'flex',
       justifyContent: 'center',
       alignItems: 'center',
-      borderRadius: '$lg',
-      cursor: 'pointer'
+      cursor: 'pointer',
+      marginRight: 4
     },
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 69,
+      lineNumber: 87,
       columnNumber: 19
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
-    size: "24",
+    size: "22",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 80,
+      lineNumber: 97,
       columnNumber: 21
     }
-  }))))), pageDialogChildren && /*#__PURE__*/React__default.createElement(Box$1, _extends({}, pageDialogChildren.props, {
+  }))))), modalDialogContent && /*#__PURE__*/React__default.createElement(Box$1, _extends({}, modalDialogContent.props, {
     css: Object.assign({
       flexGrow: 1,
-      maxHeight: 'calc(100vh - 64px - 56px)'
-    }, pageDialogChildren.props.css),
+      maxHeight: 'calc(100vh - 64px - 56px)',
+      padding: '16px 24px'
+    }, modalDialogContent.props.css),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 85,
+      lineNumber: 102,
       columnNumber: 36
     }
-  })), footerChildren && /*#__PURE__*/React__default.createElement(Box$1, _extends({}, footerChildren.props, {
+  })), modalDialogFooter && /*#__PURE__*/React__default.createElement(Box$1, _extends({}, modalDialogFooter.props, {
     css: Object.assign({
       borderTop: '1px solid $gray150',
       padding: '16px 24px',
       display: 'flex',
       justifyContent: 'flex-end'
-    }, footerChildren.props.css),
+    }, modalDialogFooter.props.css),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$m,
-      lineNumber: 86,
-      columnNumber: 32
+      lineNumber: 103,
+      columnNumber: 35
     }
   }))))));
 };
@@ -9905,6 +9928,7 @@ const TitleButton$1 = styled('p', {
   fontWeight: 600,
   fontStyle: 'normal',
   fontSize: 16,
+  color: '$textPrimary',
   '&:hover': {
     backgroundColor: '$bgSuccess',
     color: '$textGreen'
@@ -9938,7 +9962,6 @@ const MonthButton$1 = styled(Text, {
   letterSpacing: '$label',
   fontWeight: '400',
   color: '$textPrimary',
-  margin: 8,
   '&:hover': {
     backgroundColor: '$bgSuccess',
     color: '$textGreen'
@@ -10250,8 +10273,9 @@ const CalendarBox = ({
     return /*#__PURE__*/React__default.createElement(Grid, {
       columns: 3,
       css: {
-        gridRowGap: '$spacing-02',
-        gridColumnGap: '20px'
+        gridRowGap: '$spacing-05',
+        gridColumnGap: '$spacing-04',
+        padding: '6px 4px 8px 4px'
       },
       __self: undefined,
       __source: {
@@ -10270,7 +10294,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 442,
+        lineNumber: 443,
         columnNumber: 11
       }
     }, range.start, "-", range.end)));
@@ -10282,12 +10306,14 @@ const CalendarBox = ({
     return /*#__PURE__*/React__default.createElement(Grid, {
       columns: 3,
       css: {
-        gridRowGap: '$spacing-02'
+        gridRowGap: '$spacing-05',
+        gridColumnGap: '$spacing-04',
+        padding: '6px 4px 8px 4px'
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 465,
+        lineNumber: 466,
         columnNumber: 7
       }
     }, yearsArray.map((year, index) => /*#__PURE__*/React__default.createElement(MonthButton$1, {
@@ -10301,7 +10327,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 472,
+        lineNumber: 475,
         columnNumber: 11
       }
     }, year)));
@@ -10311,12 +10337,14 @@ const CalendarBox = ({
     return /*#__PURE__*/React__default.createElement(Grid, {
       columns: 3,
       css: {
-        gridRowGap: '$spacing-02'
+        gridRowGap: '$spacing-05',
+        gridColumnGap: '$spacing-04',
+        padding: '6px 4px 8px 4px'
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 493,
+        lineNumber: 496,
         columnNumber: 7
       }
     }, monthNamesFull.map((monthName, index) => /*#__PURE__*/React__default.createElement(MonthButton$1, {
@@ -10333,7 +10361,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 500,
+        lineNumber: 505,
         columnNumber: 11
       }
     }, monthName)));
@@ -10345,7 +10373,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 522,
+        lineNumber: 527,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -10357,7 +10385,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 523,
+        lineNumber: 528,
         columnNumber: 9
       }
     }, weekday)));
@@ -10368,7 +10396,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 538,
+        lineNumber: 543,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Separator, {
@@ -10378,7 +10406,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 539,
+        lineNumber: 544,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -10390,7 +10418,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 540,
+        lineNumber: 545,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -10403,7 +10431,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 541,
+        lineNumber: 546,
         columnNumber: 11
       }
     }, selected.length > 1 && !disabled ? `${toDateFormat(selected[0])} - ${toDateFormat(selected[1])}` : selected.length <= 0 ? 'Tanggal belum dipilih' : toDateFormat(selected[0])), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -10411,7 +10439,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 555,
+        lineNumber: 560,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Button$1, {
@@ -10425,7 +10453,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 556,
+        lineNumber: 561,
         columnNumber: 13
       }
     }, "Batal"), /*#__PURE__*/React__default.createElement(Button$1, {
@@ -10438,7 +10466,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 567,
+        lineNumber: 572,
         columnNumber: 13
       }
     }, "Proses"))));
@@ -10452,7 +10480,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 585,
+        lineNumber: 590,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Separator, {
@@ -10462,7 +10490,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 586,
+        lineNumber: 591,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default.createElement(ButtonTime, {
@@ -10473,7 +10501,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 587,
+        lineNumber: 592,
         columnNumber: 9
       }
     }, selected && selected[0] ? moment(selected[0]).format('HH:mm') : moment().format('HH:mm')));
@@ -10487,7 +10515,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 604,
+        lineNumber: 609,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Separator, {
@@ -10497,7 +10525,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 605,
+        lineNumber: 610,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default.createElement(ButtonTime, {
@@ -10508,7 +10536,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 606,
+        lineNumber: 611,
         columnNumber: 9
       }
     }, "Done"));
@@ -10520,7 +10548,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 623,
+        lineNumber: 628,
         columnNumber: 7
       }
     }, advanceView, advanceView && /*#__PURE__*/React__default.createElement(Separator, {
@@ -10528,14 +10556,14 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 626,
+        lineNumber: 631,
         columnNumber: 25
       }
     }), /*#__PURE__*/React__default.createElement(Box$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 627,
+        lineNumber: 632,
         columnNumber: 9
       }
     }, renderHeader(), /*#__PURE__*/React__default.createElement(CalendarItemContainer$1, {
@@ -10543,7 +10571,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 629,
+        lineNumber: 634,
         columnNumber: 11
       }
     }, calendars.map((calendar, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
@@ -10551,7 +10579,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 631,
+        lineNumber: 636,
         columnNumber: 15
       }
     }, index > 0 && /*#__PURE__*/React__default.createElement(Separator, {
@@ -10562,14 +10590,14 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 633,
+        lineNumber: 638,
         columnNumber: 19
       }
     }), /*#__PURE__*/React__default.createElement(DateContainer$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 640,
+        lineNumber: 645,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(Separator, {
@@ -10580,7 +10608,7 @@ const CalendarBox = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 641,
+        lineNumber: 646,
         columnNumber: 19
       }
     }), pickerState.type === DATE_PICKER$1 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, renderWeekLabel(calendar), renderDateNumber(calendar)), pickerState.type === MONTH_PICKER$1 && renderMonthsList(), pickerState.type === YEAR_PICKER$1 && renderYearsList(), pickerState.type === YEAR_RANGE_PICKER$1 && renderYearRangesList(), pickerState.type === TIME_PICKER && renderTimePicker())))), multiDatePicker && renderFooter(), showTimePicker && (pickerState.type === TIME_PICKER ? renderButtonTime() : renderTime())));
@@ -12441,6 +12469,7 @@ function PaginationInfo(_ref) {
       columnNumber: 11
     }
   }, limits.map(limit => /*#__PURE__*/React__default.createElement(PopoverClose, {
+    key: limit,
     css: limitItemContainerStyle(selectedLimit === limit),
     onClick: () => onChange(limit),
     __self: this,
@@ -12454,7 +12483,7 @@ function PaginationInfo(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$c,
-      lineNumber: 50,
+      lineNumber: 54,
       columnNumber: 17
     }
   }, limit.toString())))))), /*#__PURE__*/React__default.createElement(Text, {
@@ -12463,7 +12492,7 @@ function PaginationInfo(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$c,
-      lineNumber: 56,
+      lineNumber: 60,
       columnNumber: 7
     }
   }, `Ditampilkan ${(currentPage - 1) * selectedLimit + 1}-${selectedLimit * currentPage < totalData ? selectedLimit * currentPage : totalData} dari ${totalData} data`));
@@ -13144,26 +13173,27 @@ function Table({
     prepareRow(row);
     const subRowCells = row.cells.filter(cell => cell.column.isSubRow);
     const leftAddOnCells = (_row$cells$filter = row.cells.filter(cell => ['expander', 'selection'].includes(cell.column.id))) != null ? _row$cells$filter : [];
+    const notNullHeaderColumns = visibleColumns.filter(column => typeof column.Header !== 'function' && column.Header !== null && !column.isSubRow);
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: row.id,
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 340,
+        lineNumber: 343,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(TableRow, _extends({}, row.getRowProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 341,
+        lineNumber: 344,
         columnNumber: 17
       }
     }), row.cells.filter(cell => !cell.column.isSubRow).map(cell => /*#__PURE__*/React__default.createElement(TableCell, _extends({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 345,
+        lineNumber: 348,
         columnNumber: 23
       }
     }), cell.render('Cell')))), row.isExpanded ? subRowCells.map(cell => /*#__PURE__*/React__default.createElement(TableRow, {
@@ -13172,7 +13202,7 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 352,
+        lineNumber: 355,
         columnNumber: 23
       }
     }, leftAddOnCells.map((_, index) => /*#__PURE__*/React__default.createElement("td", {
@@ -13180,7 +13210,7 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 354,
+        lineNumber: 357,
         columnNumber: 27
       }
     })), /*#__PURE__*/React__default.createElement(React__default.Fragment, {
@@ -13188,16 +13218,21 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 356,
+        lineNumber: 359,
         columnNumber: 25
       }
     }, /*#__PURE__*/React__default.createElement(TableCell, {
       subCell: true,
+      colSpan: notNullHeaderColumns.length > 5 ? 2 : 1,
       headerSubCell: true,
+      css: {
+        paddingTop: '$spacing-03 !important',
+        paddingBottom: '$spacing-03 !important'
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 357,
+        lineNumber: 360,
         columnNumber: 27
       }
     }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -13205,16 +13240,20 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 358,
+        lineNumber: 369,
         columnNumber: 29
       }
     }, cell.column.Header)), /*#__PURE__*/React__default.createElement(TableCell, {
       subCell: true,
       colSpan: visibleColumns.length - subRowCells.length,
+      css: {
+        paddingTop: '$spacing-03 !important',
+        paddingBottom: '$spacing-03 !important'
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 360,
+        lineNumber: 371,
         columnNumber: 27
       }
     }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -13222,7 +13261,7 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 361,
+        lineNumber: 379,
         columnNumber: 29
       }
     }, cell.render('Cell')))))) : null);
@@ -13230,14 +13269,14 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 371,
+      lineNumber: 389,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(TableFootRow, {
     __self: this,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 372,
+      lineNumber: 390,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(TableFootCell, {
@@ -13245,7 +13284,7 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 373,
+      lineNumber: 391,
       columnNumber: 13
     }
   }, totalData > 0 || isLoading ? renderFooter() : /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -13257,7 +13296,7 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 377,
+      lineNumber: 395,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -13266,7 +13305,7 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 384,
+      lineNumber: 402,
       columnNumber: 19
     }
   }, "Tidak ada data"))))))) : /*#__PURE__*/React__default.createElement(MobileTable, {
@@ -13276,7 +13315,7 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 395,
+      lineNumber: 413,
       columnNumber: 5
     }
   });