@majoo-ui/react 1.61.12-rc.10 → 1.61.12-rc.12

package/index.umd.js

@@ -60,12 +60,10 @@
 
   var _jsxFileName$13 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
   function ThemeProvider({
-    name,
     theme,
     children
   }) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      id: name,
       className: theme,
       __self: this,
       __source: {
@@ -76,13 +74,9 @@
     }, children);
   }
   ThemeProvider.propTypes = {
-    name: PropTypes__default["default"].string,
     theme: PropTypes__default["default"].object.isRequired,
     children: PropTypes__default["default"].node.isRequired
   };
-  ThemeProvider.defaultProps = {
-    name: 'default'
-  };
 
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1338,18 +1332,8 @@
     _a.config;
   createTheme({
     colors: {
-      bgWhite: '#003030',
-      bgGray: '#003030',
-      bgDark: '#FFFFFF',
-      textPrimary: '#FFFFFF',
-      textSecondary: '#FFFFFF',
-      bgHeader: '#004a48',
-      btnPrimary: '#001f1f',
-      btnSecondary: '#003030',
-      primary50: '#001f1f',
-      primary100: '#001f1f',
-      iconPrimary: '#FFFFFF',
-      bgBorder: '#004a49'
+      bgWhite: '#000000',
+      bgDark: '#FFFFFF'
     }
   });
   var colors$8 = core.foundations.colors;
@@ -1525,7 +1509,6 @@
   var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
   function MajooProvider({
     children,
-    name,
     theme: theme$1 = theme,
     extendStyle,
     disableGlobalStyle
@@ -1536,7 +1519,6 @@
     } = reactI18next.useTranslation();
     moment__default["default"].locale(i18n && i18n.language ? i18n.language : 'id');
     return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
-      name: name,
       theme: theme$1,
       __self: this,
       __source: {
@@ -1547,18 +1529,11 @@
     }, children);
   }
   MajooProvider.propTypes = {
-    name: PropTypes__default["default"].string,
     theme: PropTypes__default["default"].object.isRequired,
     children: PropTypes__default["default"].node.isRequired,
     extendStyle: PropTypes__default["default"].object,
     disableGlobalStyle: PropTypes__default["default"].bool
   };
-  MajooProvider.defaultProps = {
-    name: 'default',
-    theme: theme,
-    extendStyle: {},
-    disableGlobalStyle: false
-  };
 
   const Box = styled('div', {
     variants: {
@@ -7335,29 +7310,29 @@
       } else {
         formdata.append(reqKey, file);
       }
-      axios__default["default"]({
-        method: 'post',
-        url: url,
-        data: formdata,
+      var config = {
         headers: (_a = {}, _a[tokenKey] = token, _a['Content-Type'] = 'multipart/form-data', _a),
         onUploadProgress: function (progressEvent) {
-          if (progressEvent.total) {
-            var percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
-            onProgress === null || onProgress === void 0 ? void 0 : onProgress(progressEvent);
-            progress === null || progress === void 0 ? void 0 : progress(percentCompleted);
-          }
+          var percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
+          onProgress === null || onProgress === void 0 ? void 0 : onProgress({
+            percent: percentCompleted
+          });
+          progress === null || progress === void 0 ? void 0 : progress(percentCompleted);
         }
-      }).then(function (response) {
+      };
+      axios__default["default"].post(url, formdata, config).then(function (res) {
         var _a, _b;
-        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response.data);
-        resolve((_b = (_a = [response.data]) === null || _a === void 0 ? void 0 : _a.concat(resKey === null || resKey === void 0 ? void 0 : resKey.split('.'))) === null || _b === void 0 ? void 0 : _b.reduce(function (a, b) {
+        var response = res.data;
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
+        resolve((_b = (_a = [response]) === null || _a === void 0 ? void 0 : _a.concat(resKey === null || resKey === void 0 ? void 0 : resKey.split('.'))) === null || _b === void 0 ? void 0 : _b.reduce(function (a, b) {
           return a[b];
         }));
-      }).catch(function (error) {
+      }).catch(function (err) {
         var _a;
-        var errorMessage = ((_a = error.response) === null || _a === void 0 ? void 0 : _a.data) || error.message;
-        onError === null || onError === void 0 ? void 0 : onError(error, errorMessage);
-        reject(error.message);
+        var error = new Error(err.message);
+        var responseData = (_a = err.response) === null || _a === void 0 ? void 0 : _a.data;
+        onError === null || onError === void 0 ? void 0 : onError(error, responseData);
+        reject(err.message);
       });
     });
     return promise;
@@ -22468,7 +22443,7 @@
   };
 
   var StyledAccordion = styled(AccordionPrimitive__namespace.Root, {});
-  var Accordion = /*#__PURE__*/React__default["default"].forwardRef(function (_a, forwardedRef) {
+  var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (_a, forwardedRef) {
     var children = _a.children,
       props = __rest(_a, ["children"]);
     return jsxRuntime.jsx(StyledAccordion, __assign({
@@ -22536,7 +22511,7 @@
       }
     }
   });
-  var AccordionTrigger = /*#__PURE__*/React__default["default"].forwardRef(function (_a, forwardedRef) {
+  var AccordionTrigger = /*#__PURE__*/React__namespace.forwardRef(function (_a, forwardedRef) {
     var children = _a.children,
       _b = _a.arrowPosition,
       arrowPosition = _b === void 0 ? 'right' : _b,
@@ -22771,9 +22746,6 @@
       buttonType: "secondary",
       disabled: currentPage === 1,
       onClick: () => handleSelectPage(1),
-      css: {
-        color: '$iconPrimary'
-      },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
@@ -22781,11 +22753,11 @@
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.ArrowLeftOutline, {
-      color: "currentColor",
+      color: currentPage === 1 ? colors$8.iconDisable : colors$8.iconPrimary,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 194,
+        lineNumber: 191,
         columnNumber: 19
       }
     })), isLg ? /*#__PURE__*/React__default["default"].createElement(PrevNextButtonIcon, {
@@ -22797,7 +22769,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 198,
+        lineNumber: 195,
         columnNumber: 17
       }
     }) : /*#__PURE__*/React__default["default"].createElement(PrevNextButton, {
@@ -22808,7 +22780,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 206,
+        lineNumber: 203,
         columnNumber: 17
       }
     }, t('previousButton', 'Sebelumnya'))), generatePages().map((page, index) => {
@@ -22819,7 +22791,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$l,
-          lineNumber: 219,
+          lineNumber: 216,
           columnNumber: 15
         }
       }, page);
@@ -22832,7 +22804,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 231,
+        lineNumber: 228,
         columnNumber: 17
       }
     }) : /*#__PURE__*/React__default["default"].createElement(PrevNextButton, {
@@ -22843,7 +22815,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 239,
+        lineNumber: 236,
         columnNumber: 17
       }
     }, t('nextButton', 'Selanjutnya')), !isLg && /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -22851,21 +22823,18 @@
       buttonType: "secondary",
       disabled: currentPage === totalPages,
       onClick: () => handleSelectPage(totalPages),
-      css: {
-        color: '$iconPrimary'
-      },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 250,
+        lineNumber: 247,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.ArrowRightOutline, {
-      color: "currentColor",
+      color: currentPage === totalPages ? colors$8.iconDisable : colors$8.iconPrimary,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 259,
+        lineNumber: 253,
         columnNumber: 19
       }
     })))), !hideInputPageSection && totalPages > 1 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -22878,7 +22847,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 268,
+        lineNumber: 262,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -22891,7 +22860,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 276,
+        lineNumber: 270,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -22908,7 +22877,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 277,
+        lineNumber: 271,
         columnNumber: 15
       }
     }, t('gotoPageText', 'Ke Halaman')), isMobilePagination ? /*#__PURE__*/React__default["default"].createElement(GoToPageBox, {
@@ -22921,7 +22890,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 289,
+        lineNumber: 283,
         columnNumber: 17
       }
     }, goToPage) : /*#__PURE__*/React__default["default"].createElement(InputNumber, {
@@ -22948,14 +22917,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 293,
+        lineNumber: 287,
         columnNumber: 17
       }
     })))), /*#__PURE__*/React__default["default"].createElement(ModalDialog, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 321,
+        lineNumber: 315,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -22965,7 +22934,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 322,
+        lineNumber: 316,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22973,21 +22942,21 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 323,
+        lineNumber: 317,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 325,
+        lineNumber: 319,
         columnNumber: 9
       }
     }, t('gotoPageText', 'Ke Halaman')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 326,
+        lineNumber: 320,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement("form", {
@@ -22999,7 +22968,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 327,
+        lineNumber: 321,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputNumber, {
@@ -23016,14 +22985,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 333,
+        lineNumber: 327,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 342,
+        lineNumber: 336,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -23034,7 +23003,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 343,
+        lineNumber: 337,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -23049,7 +23018,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 344,
+        lineNumber: 338,
         columnNumber: 13
       }
     }, t('btnCancelText', 'Batal')), /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -23064,7 +23033,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 355,
+        lineNumber: 349,
         columnNumber: 13
       }
     }, t('btnSubmitText', 'Lanjutkan'))))));
@@ -23158,7 +23127,6 @@
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
-      color: "primary",
       variant: "status",
       __self: this,
       __source: {
@@ -23186,7 +23154,7 @@
       direction: "column",
       align: "center",
       css: {
-        backgroundColor: '$bgWhite',
+        backgroundColor: '$white',
         boxShadow: '$small'
       },
       __self: this,
@@ -23206,7 +23174,6 @@
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
-      color: "primary",
       variant: "status",
       __self: this,
       __source: {
@@ -23863,7 +23830,7 @@
                             justify: "between",
                             gap: 5,
                             css: {
-                              backgroundColor: '$bgGray',
+                              backgroundColor: colors$8.bgGray,
                               padding: "$spacing-04 $spacing-05 ".concat('selection' in row.values ? '$spacing-04 $spacing-07' : ''),
                               borderBottom: '1pt solid $bgBorder',
                               alignItems: cell.column.accessor ? getAlign(cellAlign) : 'center'
@@ -23898,7 +23865,7 @@
                         gap: 3,
                         css: {
                           height: '40px',
-                          backgroundColor: '$bgGray',
+                          backgroundColor: colors$8.bgGray,
                           paddingRight: '$spacing-04'
                         }
                       }, {
@@ -24259,14 +24226,14 @@
     borderSpacing: 0,
     borderCollapse: 'collapse',
     '& *[data-sticky-td="true"]': {
-      backgroundColor: '$bgHeader'
+      backgroundColor: '$bgWhite'
     }
   });
   var TableHead$3 = styled('thead', {
     position: 'sticky',
     top: 0,
     zIndex: '$docked',
-    backgroundColor: '$bgHeader',
+    backgroundColor: '$bgWhite',
     boxShadow: '0 4px 4px rgba(0, 0, 0, 0.025)',
     borderBottom: '1pt solid $bgBorder',
     color: '$textPrimary',
@@ -24297,7 +24264,7 @@
     padding: '0 $spacing-03',
     '&::after': {
       size: '16px',
-      content: "url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23A5ABAB'%3E%3Cpath d='m9.38 3.95 2.462 3.134c.338.43.098 1.166-.38 1.166H6.538c-.478 0-.718-.736-.38-1.166L8.62 3.95c.21-.267.55-.267.76 0zM9.38 14.05l2.462-3.134c.338-.43.098-1.166-.38-1.166H6.538c-.478 0-.718.736-.38 1.166L8.62 14.05c.21.267.55.267.76 0z'/%3E%3C/g%3E%3C/svg%3E\")",
+      content: "url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23A5ABAB'%3E%3Cpath d='m9.38 3.95 2.462 3.134c.338.43.098 1.166-.38 1.166H6.538c-.478 0-.718-.736-.38-1.166L8.62 3.95c.21-.267.55-.267.76 0zM9.38 14.05l2.462-3.134c.338-.43.098-1.166-.38-1.166H6.538c-.478 0-.718.736-.38 1.166L8.62 14.05c.21.267.55.267.76 0z'/%3E%3C/g%3E%3C/svg%3E\")",
       margin: '0 $spacing-02 $spacing-01 0',
       opacity: 1,
       '@lg': {
@@ -24374,16 +24341,6 @@
             opacity: 1
           }
         }
-      },
-      darkTheme: {
-        true: {
-          '&::after': {
-            content: "url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m9.38 3.95 2.462 3.134c.338.43.098 1.166-.38 1.166H6.538c-.478 0-.718-.736-.38-1.166L8.62 3.95c.21-.267.55-.267.76 0zM9.38 14.05l2.462-3.134c.338-.43.098-1.166-.38-1.166H6.538c-.478 0-.718.736-.38 1.166L8.62 14.05c.21.267.55.267.76 0z'/%3E%3C/g%3E%3C/svg%3E\")",
-            '@lg': {
-              content: "url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m9.38 3.95 2.462 3.134c.338.43.098 1.166-.38 1.166H6.538c-.478 0-.718-.736-.38-1.166L8.62 3.95c.21-.267.55-.267.76 0zM9.38 14.05l2.462-3.134c.338-.43.098-1.166-.38-1.166H6.538c-.478 0-.718.736-.38 1.166L8.62 14.05c.21.267.55.267.76 0z'/%3E%3C/g%3E%3C/svg%3E\")"
-            }
-          }
-        }
       }
     },
     compoundVariants: [{
@@ -24407,32 +24364,10 @@
           opacity: 1
         }
       }
-    }, {
-      isSortedDesc: true,
-      darkTheme: true,
-      css: {
-        '&::after': {
-          content: "url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m12.51,8.27l3.28,4.17c0.45,0.58 0.13,1.56 -0.51,1.56l-6.56,0c-0.64,0 -0.96,-0.98 -0.51,-1.56l3.28,-4.17c0.28,-0.36 0.74,-0.36 1.02,0z'/%3E%3C/g%3E%3C/svg%3E\")",
-          '@lg': {
-            content: "url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m12.51,8.27l3.28,4.17c0.45,0.58 0.13,1.56 -0.51,1.56l-6.56,0c-0.64,0 -0.96,-0.98 -0.51,-1.56l3.28,-4.17c0.28,-0.36 0.74,-0.36 1.02,0z'/%3E%3C/g%3E%3C/svg%3E\")"
-          }
-        }
-      }
-    }, {
-      isSortedDesc: false,
-      darkTheme: true,
-      css: {
-        '&::after': {
-          content: "url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m12.51,8.27l3.28,4.17c0.45,0.58 0.13,1.56 -0.51,1.56l-6.56,0c-0.64,0 -0.96,-0.98 -0.51,-1.56l3.28,-4.17c0.28,-0.36 0.74,-0.36 1.02,0z' transform='rotate(180 12 10.9998)' /%3E%3C/g%3E%3C/svg%3E\")",
-          '@lg': {
-            content: "url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m12.51,8.27l3.28,4.17c0.45,0.58 0.13,1.56 -0.51,1.56l-6.56,0c-0.64,0 -0.96,-0.98 -0.51,-1.56l3.28,-4.17c0.28,-0.36 0.74,-0.36 1.02,0z' transform='rotate(180 12 10.9998)' /%3E%3C/g%3E%3C/svg%3E\")"
-          }
-        }
-      }
     }]
   });
   var TableHeadCellContent = styled(Heading, {
-    backgroundColor: 'transparent',
+    backgroundColor: 'white',
     userSelect: 'none',
     textAlign: 'start',
     position: 'relative',
@@ -24471,7 +24406,6 @@
       }
     }
   });
-  var Cell = styled('td');
   var TableCell$3 = styled('td', {
     height: '68px',
     fontSize: '$short-content-regular',
@@ -24736,7 +24670,7 @@
           css: {
             padding: '$spacing-06 $spacing-05',
             boxShadow: '$medium',
-            backgroundColor: '$bgWhite',
+            backgroundColor: 'white',
             maxHeight: 300,
             minWidth: 167,
             width: 'max-content',
@@ -24889,9 +24823,6 @@
     var _8 = React.useState([]),
       filteredHeader = _8[0],
       setFilteredHeader = _8[1];
-    var _9 = React.useState(false),
-      hasDarkParent = _9[0],
-      setHasDarkParent = _9[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);
@@ -24963,12 +24894,12 @@
       setPageSize = instance.setPageSize,
       toggleRowSelected = instance.toggleRowSelected,
       toggleAllRowsSelected = instance.toggleAllRowsSelected,
-      _10 = instance.state,
-      pageIndex = _10.pageIndex,
-      pageSize = _10.pageSize,
-      sortBy = _10.sortBy,
-      selectedRowIds = _10.selectedRowIds,
-      expanded = _10.expanded,
+      _9 = instance.state,
+      pageIndex = _9.pageIndex,
+      pageSize = _9.pageSize,
+      sortBy = _9.sortBy,
+      selectedRowIds = _9.selectedRowIds,
+      expanded = _9.expanded,
       setHiddenColumns = instance.setHiddenColumns,
       setColumnOrder = instance.setColumnOrder;
     var scrollerRef = React.useRef(null);
@@ -25022,7 +24953,6 @@
         },
         rowsPerPageOptions: rowsPerPageOptions,
         css: {
-          backgroundColor: '$bgWhite',
           padding: '$spacing-04 0',
           '@md': {
             padding: '$spacing-06 $spacing-03'
@@ -25177,8 +25107,7 @@
                     isSortedDesc: column.isSortedDesc,
                     unsortable: column.unsortable,
                     isToggleable: !!column.onToggle,
-                    isToggled: column.isToggled,
-                    darkTheme: hasDarkParent
+                    isToggled: column.isToggled
                   }, {
                     children: jsxRuntime.jsx(TableHeadCellContent, __assign({
                       heading: "headerTable"
@@ -25282,11 +25211,6 @@
       }
     }, [rawData, selectedIds]);
     React.useEffect(function () {
-      if (scrollerRef.current && scrollerRef.current.parentElement) {
-        var parentElement = scrollerRef.current.parentElement;
-        var darkParentDiv = parentElement.closest('div[id*="dark"]');
-        setHasDarkParent(!!darkParentDiv);
-      }
       var listenStorage = function listenStorage() {
         var item = JSON.parse(localStorage.getItem("menu:".concat(id)));
         onColumnChange === null || onColumnChange === void 0 ? void 0 : onColumnChange(item);
@@ -25307,7 +25231,7 @@
       onDragEnd(reactSortableHoc.arrayMove(records, oldIndex, newIndex));
     };
     var cssTableCell = {
-      backgroundColor: '$bgWhite'
+      backgroundColor: 'white'
     };
     return jsxRuntime.jsxs(Box, __assign({
       css: __assign({
@@ -25381,7 +25305,9 @@
                           return filteredHeader.includes(item.id) || filterHeader.includes(item.id);
                         });
                       }
-                      return jsxRuntime.jsx(TableHeadRow$3, __assign({}, headerGroup.getHeaderGroupProps(), {
+                      return jsxRuntime.jsx(TableHeadRow$3, __assign({
+                        css: cssTableCell
+                      }, headerGroup.getHeaderGroupProps(), {
                         children: visibleHeaders.map(function (column, index) {
                           var headerRender = column.render('Header');
                           return jsxRuntime.jsx(TableHeadCell$3, __assign({}, column.getHeaderProps(function (props) {
@@ -25397,9 +25323,9 @@
                               }
                             }];
                           }), {
-                            css: __assign(__assign(__assign(__assign({}, stickyPositionStyling(column)), stickyShadowStyling(column, tableScrollPosition, scrollAreaWidth)), column.headerCss), {
+                            css: __assign(__assign(__assign(__assign(__assign({}, cssTableCell), stickyPositionStyling(column)), stickyShadowStyling(column, tableScrollPosition, scrollAreaWidth)), column.headerCss), {
                               position: 'sticky',
-                              zIndex: column.sticky ? '5 !important' : 3,
+                              zIndex: !!column.sticky ? '5 !important' : 3,
                               top: 0
                             })
                           }, {
@@ -25408,7 +25334,6 @@
                               unsortable: id ? true : column.unsortable,
                               isToggleable: !!column.onToggle,
                               isToggled: column.isToggled,
-                              darkTheme: hasDarkParent,
                               css: {
                                 width: column.colWidth,
                                 maxWidth: column.colMaxWidth,
@@ -25681,9 +25606,9 @@
                               subRow: true
                             }, {
                               children: [leftAddOnCells.map(function (_, index) {
-                                return jsxRuntime.jsx(Cell, {
-                                  css: {
-                                    backgroundColor: '$bgGray'
+                                return jsxRuntime.jsx("td", {
+                                  style: {
+                                    backgroundColor: colors$8.bgGray
                                   }
                                 }, index);
                               }), jsxRuntime.jsxs(React__namespace.Fragment, {
@@ -25789,7 +25714,7 @@
                 width: 10,
                 height: '100%',
                 boxShadow: tableScrollPosition === 'end' ? 'none' : '-5px 0px 5px -3px #00000026',
-                backgroundColor: '$bgWhite'
+                backgroundColor: 'white'
               }
             }, void 0)]
           }, void 0)]
@@ -25985,7 +25910,6 @@
         columnNumber: 5
       }
     }), row.isExpanded ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
-      color: "currentColor",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$g,
@@ -25993,12 +25917,11 @@
         columnNumber: 25
       }
     }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronRightOutline, {
-      color: "currentColor",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$g,
         lineNumber: 19,
-        columnNumber: 71
+        columnNumber: 50
       }
     })),
     unsortable: true
@@ -26021,7 +25944,6 @@
         columnNumber: 5
       }
     }), row.isExpanded ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
-      color: "currentColor",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$f,
@@ -26029,12 +25951,11 @@
         columnNumber: 25
       }
     }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronRightOutline, {
-      color: "currentColor",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$f,
         lineNumber: 14,
-        columnNumber: 71
+        columnNumber: 50
       }
     })),
     unsortable: true
@@ -26094,9 +26015,6 @@
           const contextMenu = (_document$getElements = document.getElementsByClassName('react-contextmenu')) == null ? void 0 : _document$getElements[0];
           contextMenu.style.opacity = 0;
         },
-        css: {
-          color: '$iconPrimary'
-        },
         __self: undefined,
         __source: {
           fileName: _jsxFileName$e,
@@ -26104,18 +26022,17 @@
           columnNumber: 13
         }
       }, icon || /*#__PURE__*/React__default["default"].createElement(icons.EllipsisHorizontalOutline, {
-        color: "currentColor",
         __self: undefined,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 45,
+          lineNumber: 42,
           columnNumber: 24
         }
       })))), /*#__PURE__*/React__default["default"].createElement(DropdownMenuPortal, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 49,
+          lineNumber: 46,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(DropdownMenuContent, {
@@ -26138,7 +26055,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 50,
+          lineNumber: 47,
           columnNumber: 11
         }
       }, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
@@ -26146,7 +26063,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 70,
+          lineNumber: 67,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(DropdownMenuItem, {
@@ -26158,7 +26075,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 71,
+          lineNumber: 68,
           columnNumber: 17
         }
       }, option.title), /*#__PURE__*/React__default["default"].createElement(DropdownMenuSeparator, {
@@ -26169,7 +26086,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 80,
+          lineNumber: 77,
           columnNumber: 17
         }
       }))))));
@@ -29835,6 +29752,12 @@
         let newFile = files[i];
         newFile.uid = new Date().getTime();
         newFile.url = URL.createObjectURL(newFile);
+        console.warn({
+          files,
+          action,
+          newFile,
+          maxSizeMB
+        });
         if (action && (newFile.size / 1024 / 1024).toFixed(1) <= maxSizeMB) {
           upload({
             url: action,
@@ -29937,6 +29860,9 @@
       }
     }
     function handleChange(e) {
+      console.warn({
+        e
+      });
       if (e.target.files && e.target.files[0]) {
         const files = e.target.files;
         if (isFile || !showCropper) {
@@ -30125,7 +30051,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 665,
+          lineNumber: 667,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -30135,7 +30061,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 666,
+          lineNumber: 668,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -30150,7 +30076,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 676,
+              lineNumber: 678,
               columnNumber: 16
             }
           });
@@ -30161,7 +30087,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 679,
+            lineNumber: 681,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30171,7 +30097,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 680,
+            lineNumber: 682,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30180,7 +30106,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 681,
+            lineNumber: 683,
             columnNumber: 27
           }
         }), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30193,7 +30119,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 683,
+            lineNumber: 685,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30209,7 +30135,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 691,
+            lineNumber: 693,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30219,7 +30145,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 704,
+            lineNumber: 706,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30236,7 +30162,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 715,
+              lineNumber: 717,
               columnNumber: 16
             }
           });
@@ -30246,7 +30172,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 718,
+            lineNumber: 720,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30256,7 +30182,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 719,
+            lineNumber: 721,
             columnNumber: 11
           }
         }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30265,7 +30191,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 720,
+            lineNumber: 722,
             columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30278,7 +30204,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 721,
+            lineNumber: 723,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30288,14 +30214,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 729,
+            lineNumber: 731,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(FileExtension, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 730,
+            lineNumber: 732,
             columnNumber: 17
           }
         }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30303,7 +30229,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 731,
+            lineNumber: 733,
             columnNumber: 17
           }
         }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30318,7 +30244,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 732,
+            lineNumber: 734,
             columnNumber: 19
           }
         }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30331,7 +30257,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 748,
+            lineNumber: 750,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30347,7 +30273,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 756,
+            lineNumber: 758,
             columnNumber: 17
           }
         })), /*#__PURE__*/React__default["default"].createElement(Blank, {
@@ -30355,7 +30281,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 769,
+            lineNumber: 771,
             columnNumber: 13
           }
         })), !disabled && renderButtonReplace(index));
@@ -30370,7 +30296,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 780,
+          lineNumber: 782,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30384,7 +30310,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 781,
+          lineNumber: 783,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -30410,7 +30336,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 782,
+          lineNumber: 784,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30418,14 +30344,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 795,
+          lineNumber: 797,
           columnNumber: 11
         }
       }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 796,
+          lineNumber: 798,
           columnNumber: 11
         }
       }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -30437,7 +30363,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 804,
+          lineNumber: 806,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -30453,7 +30379,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 805,
+          lineNumber: 807,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
@@ -30465,21 +30391,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 816,
+          lineNumber: 818,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 817,
+          lineNumber: 819,
           columnNumber: 11
         }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 819,
+          lineNumber: 821,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -30488,7 +30414,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 820,
+          lineNumber: 822,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -30496,7 +30422,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 821,
+          lineNumber: 823,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30506,7 +30432,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 823,
+          lineNumber: 825,
           columnNumber: 17
         }
       }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -30516,7 +30442,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 830,
+          lineNumber: 832,
           columnNumber: 19
         }
       }, error));
@@ -30528,7 +30454,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 837,
+          lineNumber: 839,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -30536,7 +30462,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 838,
+          lineNumber: 840,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30544,7 +30470,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 839,
+          lineNumber: 841,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -30557,7 +30483,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 841,
+          lineNumber: 843,
           columnNumber: 9
         }
       }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -30570,7 +30496,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 844,
+          lineNumber: 846,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -30581,7 +30507,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 852,
+          lineNumber: 854,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30595,14 +30521,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 853,
+          lineNumber: 855,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 864,
+          lineNumber: 866,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30614,14 +30540,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 865,
+          lineNumber: 867,
           columnNumber: 11
         }
       }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 867,
+          lineNumber: 869,
           columnNumber: 15
         }
       }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30629,7 +30555,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 869,
+          lineNumber: 871,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -30641,7 +30567,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 870,
+          lineNumber: 872,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30649,7 +30575,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 877,
+          lineNumber: 879,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -30658,7 +30584,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 878,
+          lineNumber: 880,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -30668,7 +30594,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 881,
+          lineNumber: 883,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -30685,7 +30611,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 890,
+        lineNumber: 892,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -30694,7 +30620,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 893,
+        lineNumber: 895,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());
@@ -58526,7 +58452,6 @@
   exports.Card = Card;
   exports.CardComponent = CardComponent;
   exports.CardLineColor = CardLineColor;
-  exports.Cell = Cell;
   exports.CheckboxGroup = CheckboxGroup;
   exports.CheckboxTable = CheckboxTable;
   exports.ColorPicker = ColorPicker$1;