@majoo-ui/react 1.37.2 → 1.37.3

package/index.umd.js

@@ -3406,7 +3406,7 @@
         lineNumber: 263,
         columnNumber: 19
       }
-    }))), /*#__PURE__*/React__namespace.createElement(Link, {
+    }))), (hrefOfAction || isExternalOfAction || onClickOfAction) && /*#__PURE__*/React__namespace.createElement(Link, {
       href: hrefOfAction,
       isExternal: isExternalOfAction,
       onClick: onClickOfAction,
@@ -3419,8 +3419,8 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$T,
-        lineNumber: 268,
-        columnNumber: 15
+        lineNumber: 267,
+        columnNumber: 17
       }
     })))));
   };
@@ -9042,7 +9042,7 @@
     }
   });
 
-  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';
@@ -9057,14 +9057,15 @@
       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 = React.useCallback(node => {
       if (node !== null) {
         document.body.classList.add('noscroll');
@@ -9072,47 +9073,69 @@
         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["default"].createElement(Dialog, _extends({}, props, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 49,
+        lineNumber: 62,
         columnNumber: 5
       }
-    }), pageDialogTrigger && /*#__PURE__*/React__default["default"].createElement(DialogTrigger, _extends({}, pageDialogTrigger.props, {
+    }), modalDialogTrigger && /*#__PURE__*/React__default["default"].createElement(DialogTrigger, _extends({}, modalDialogTrigger.props, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 50,
-        columnNumber: 29
+        lineNumber: 63,
+        columnNumber: 30
       }
     })), /*#__PURE__*/React__default["default"].createElement(DialogPortal, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 51,
+        lineNumber: 64,
         columnNumber: 7
       }
-    }, /*#__PURE__*/React__default["default"].createElement(DialogOverlay, {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        borderBottomLeftRadius: '0px'
+      },
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$m,
+        lineNumber: 65,
+        columnNumber: 9
+      }
+    }), /*#__PURE__*/React__default["default"].createElement(DialogOverlay, {
       css: {
         zIndex: layer
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 52,
+        lineNumber: 66,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["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["default"].createElement(Box$1, {
@@ -9125,12 +9148,12 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 54,
+        lineNumber: 72,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box$1, {
       css: {
-        padding: '16px 24px',
+        padding: isMobile ? '24px 24px 19px 24px' : '16px 24px',
         display: 'block',
         alignItems: 'center',
         position: 'relative',
@@ -9139,7 +9162,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 55,
+        lineNumber: 73,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box$1, {
@@ -9153,7 +9176,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 64,
+        lineNumber: 82,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(DialogTitle, {
@@ -9163,73 +9186,73 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 65,
+        lineNumber: 83,
         columnNumber: 17
       }
-    }, headerTitle && /*#__PURE__*/React__default["default"].createElement(Heading, _extends({
+    }, modalDialogTitle && /*#__PURE__*/React__default["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["default"].createElement(DialogClose, {
       asChild: true,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 68,
+        lineNumber: 86,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["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["default"].createElement(icons.CloseOutline, {
-      size: "24",
+      size: "22",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 80,
+        lineNumber: 97,
         columnNumber: 21
       }
-    }))))), pageDialogChildren && /*#__PURE__*/React__default["default"].createElement(Box$1, _extends({}, pageDialogChildren.props, {
+    }))))), modalDialogContent && /*#__PURE__*/React__default["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["default"].createElement(Box$1, _extends({}, footerChildren.props, {
+    })), modalDialogFooter && /*#__PURE__*/React__default["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
       }
     }))))));
   };
@@ -9930,6 +9953,7 @@
     fontWeight: 600,
     fontStyle: 'normal',
     fontSize: 16,
+    color: '$textPrimary',
     '&:hover': {
       backgroundColor: '$bgSuccess',
       color: '$textGreen'
@@ -9963,7 +9987,6 @@
     letterSpacing: '$label',
     fontWeight: '400',
     color: '$textPrimary',
-    margin: 8,
     '&:hover': {
       backgroundColor: '$bgSuccess',
       color: '$textGreen'
@@ -10275,8 +10298,9 @@
       return /*#__PURE__*/React__default["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: {
@@ -10295,7 +10319,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 442,
+          lineNumber: 443,
           columnNumber: 11
         }
       }, range.start, "-", range.end)));
@@ -10307,12 +10331,14 @@
       return /*#__PURE__*/React__default["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["default"].createElement(MonthButton$1, {
@@ -10326,7 +10352,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 472,
+          lineNumber: 475,
           columnNumber: 11
         }
       }, year)));
@@ -10336,12 +10362,14 @@
       return /*#__PURE__*/React__default["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["default"].createElement(MonthButton$1, {
@@ -10358,7 +10386,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 500,
+          lineNumber: 505,
           columnNumber: 11
         }
       }, monthName)));
@@ -10370,7 +10398,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 522,
+          lineNumber: 527,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -10382,7 +10410,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 523,
+          lineNumber: 528,
           columnNumber: 9
         }
       }, weekday)));
@@ -10393,7 +10421,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 538,
+          lineNumber: 543,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -10403,7 +10431,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 539,
+          lineNumber: 544,
           columnNumber: 9
         }
       }), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -10415,7 +10443,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 540,
+          lineNumber: 545,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -10428,7 +10456,7 @@
         __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["default"].createElement(Flex$1, {
@@ -10436,7 +10464,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 555,
+          lineNumber: 560,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$1, {
@@ -10450,7 +10478,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 556,
+          lineNumber: 561,
           columnNumber: 13
         }
       }, "Batal"), /*#__PURE__*/React__default["default"].createElement(Button$1, {
@@ -10463,7 +10491,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 567,
+          lineNumber: 572,
           columnNumber: 13
         }
       }, "Proses"))));
@@ -10477,7 +10505,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 585,
+          lineNumber: 590,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -10487,7 +10515,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 586,
+          lineNumber: 591,
           columnNumber: 9
         }
       }), /*#__PURE__*/React__default["default"].createElement(ButtonTime, {
@@ -10498,7 +10526,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 587,
+          lineNumber: 592,
           columnNumber: 9
         }
       }, selected && selected[0] ? moment__default["default"](selected[0]).format('HH:mm') : moment__default["default"]().format('HH:mm')));
@@ -10512,7 +10540,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 604,
+          lineNumber: 609,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -10522,7 +10550,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 605,
+          lineNumber: 610,
           columnNumber: 9
         }
       }), /*#__PURE__*/React__default["default"].createElement(ButtonTime, {
@@ -10533,7 +10561,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 606,
+          lineNumber: 611,
           columnNumber: 9
         }
       }, "Done"));
@@ -10545,7 +10573,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 623,
+          lineNumber: 628,
           columnNumber: 7
         }
       }, advanceView, advanceView && /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -10553,14 +10581,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 626,
+          lineNumber: 631,
           columnNumber: 25
         }
       }), /*#__PURE__*/React__default["default"].createElement(Box$1, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 627,
+          lineNumber: 632,
           columnNumber: 9
         }
       }, renderHeader(), /*#__PURE__*/React__default["default"].createElement(CalendarItemContainer$1, {
@@ -10568,7 +10596,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 629,
+          lineNumber: 634,
           columnNumber: 11
         }
       }, calendars.map((calendar, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
@@ -10576,7 +10604,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 631,
+          lineNumber: 636,
           columnNumber: 15
         }
       }, index > 0 && /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -10587,14 +10615,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 633,
+          lineNumber: 638,
           columnNumber: 19
         }
       }), /*#__PURE__*/React__default["default"].createElement(DateContainer$1, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 640,
+          lineNumber: 645,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -10605,7 +10633,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 641,
+          lineNumber: 646,
           columnNumber: 19
         }
       }), pickerState.type === DATE_PICKER$1 && /*#__PURE__*/React__default["default"].createElement(React__default["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())));
@@ -12466,6 +12494,7 @@
         columnNumber: 11
       }
     }, limits.map(limit => /*#__PURE__*/React__default["default"].createElement(PopoverClose, {
+      key: limit,
       css: limitItemContainerStyle(selectedLimit === limit),
       onClick: () => onChange(limit),
       __self: this,
@@ -12479,7 +12508,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$c,
-        lineNumber: 50,
+        lineNumber: 54,
         columnNumber: 17
       }
     }, limit.toString())))))), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -12488,7 +12517,7 @@
       __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`));
@@ -13169,26 +13198,27 @@
       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["default"].createElement(React__default["default"].Fragment, {
         key: row.id,
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 340,
+          lineNumber: 343,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["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["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["default"].createElement(TableRow, {
@@ -13197,7 +13227,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 352,
+          lineNumber: 355,
           columnNumber: 23
         }
       }, leftAddOnCells.map((_, index) => /*#__PURE__*/React__default["default"].createElement("td", {
@@ -13205,7 +13235,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 354,
+          lineNumber: 357,
           columnNumber: 27
         }
       })), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
@@ -13213,16 +13243,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 356,
+          lineNumber: 359,
           columnNumber: 25
         }
       }, /*#__PURE__*/React__default["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["default"].createElement(Paragraph, {
@@ -13230,16 +13265,20 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 358,
+          lineNumber: 369,
           columnNumber: 29
         }
       }, cell.column.Header)), /*#__PURE__*/React__default["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["default"].createElement(Paragraph, {
@@ -13247,7 +13286,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 361,
+          lineNumber: 379,
           columnNumber: 29
         }
       }, cell.render('Cell')))))) : null);
@@ -13255,14 +13294,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 371,
+        lineNumber: 389,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(TableFootRow, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 372,
+        lineNumber: 390,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(TableFootCell, {
@@ -13270,7 +13309,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 373,
+        lineNumber: 391,
         columnNumber: 13
       }
     }, totalData > 0 || isLoading ? renderFooter() : /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -13282,7 +13321,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 377,
+        lineNumber: 395,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -13291,7 +13330,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 384,
+        lineNumber: 402,
         columnNumber: 19
       }
     }, "Tidak ada data"))))))) : /*#__PURE__*/React__default["default"].createElement(MobileTable, {
@@ -13301,7 +13340,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 395,
+        lineNumber: 413,
         columnNumber: 5
       }
     });