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

package/index.esm.js

@@ -44,7 +44,7 @@ import { MapContainer, Circle, TileLayer, useMapEvents } from '@monsonjeremy/rea
 import 'leaflet/dist/leaflet.css';
 import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css';
 import 'leaflet-defaulticon-compatibility';
-import { ResponsiveContainer, LineChart as LineChart$1, XAxis, YAxis, CartesianGrid, Tooltip as Tooltip$2, Line as Line$2, BarChart, Legend, Bar, Cell as Cell$1, LabelList, PieChart, Pie, Sector } from 'recharts';
+import { ResponsiveContainer, LineChart as LineChart$1, XAxis, YAxis, CartesianGrid, Tooltip as Tooltip$2, Line as Line$2, BarChart, Legend, Bar, Cell, LabelList, PieChart, Pie, Sector } from 'recharts';
 import { EditorState } from 'draft-js';
 import { Editor } from 'react-draft-wysiwyg';
 import { ContextMenuTrigger as ContextMenuTrigger$1, ContextMenu as ContextMenu$1, MenuItem } from 'react-contextmenu';
@@ -59,12 +59,10 @@ import SignaturePad from 'react-signature-pad-wrapper';
 
 var _jsxFileName$13 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
 function ThemeProvider({
-  name,
   theme,
   children
 }) {
   return /*#__PURE__*/React__default.createElement("div", {
-    id: name,
     className: theme,
     __self: this,
     __source: {
@@ -75,13 +73,9 @@ function ThemeProvider({
   }, children);
 }
 ThemeProvider.propTypes = {
-  name: PropTypes.string,
   theme: PropTypes.object.isRequired,
   children: PropTypes.node.isRequired
 };
-ThemeProvider.defaultProps = {
-  name: 'default'
-};
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1229,18 +1223,8 @@ const {
 });
 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'
   }
 });
 const colors$8 = foundations.colors;
@@ -1416,7 +1400,6 @@ const applyGlobalStyles = additionaStyles => {
 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
@@ -1427,7 +1410,6 @@ function MajooProvider({
   } = useTranslation();
   moment.locale(i18n && i18n.language ? i18n.language : 'id');
   return /*#__PURE__*/React__default.createElement(ThemeProvider, {
-    name: name,
     theme: theme$1,
     __self: this,
     __source: {
@@ -1438,18 +1420,11 @@ function MajooProvider({
   }, children);
 }
 MajooProvider.propTypes = {
-  name: PropTypes.string,
   theme: PropTypes.object.isRequired,
   children: PropTypes.node.isRequired,
   extendStyle: PropTypes.object,
   disableGlobalStyle: PropTypes.bool
 };
-MajooProvider.defaultProps = {
-  name: 'default',
-  theme: theme,
-  extendStyle: {},
-  disableGlobalStyle: false
-};
 
 const Box = styled('div', {
   variants: {
@@ -7260,32 +7235,32 @@ function upload({
     } else {
       formdata.append(reqKey, file);
     }
-    axios({
-      method: 'post',
-      url: url,
-      data: formdata,
+    const config = {
       headers: {
         [tokenKey]: token,
         'Content-Type': 'multipart/form-data'
       },
       onUploadProgress: progressEvent => {
-        if (progressEvent.total) {
-          const 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);
-        }
+        const 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(response => {
+    };
+    axios.post(url, formdata, config).then(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) {
+      const 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(error => {
+    }).catch(err => {
       var _a;
-      const 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);
+      const error = new Error(err.message);
+      const 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;
@@ -22157,7 +22132,7 @@ IconButton.propTypes = {
 };
 
 const StyledAccordion = styled(AccordionPrimitive.Root, {});
-const Accordion = /*#__PURE__*/React__default.forwardRef((_a, forwardedRef) => {
+const Accordion = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
   var {
       children
     } = _a,
@@ -22227,7 +22202,7 @@ const StyledTrigger = styled(AccordionPrimitive.Trigger, {
     }
   }
 });
-const AccordionTrigger = /*#__PURE__*/React__default.forwardRef((_a, forwardedRef) => {
+const AccordionTrigger = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
   var {
       children,
       arrowPosition = 'right',
@@ -22461,9 +22436,6 @@ const PaginationButton = ({
     buttonType: "secondary",
     disabled: currentPage === 1,
     onClick: () => handleSelectPage(1),
-    css: {
-      color: '$iconPrimary'
-    },
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
@@ -22471,11 +22443,11 @@ const PaginationButton = ({
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(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.createElement(PrevNextButtonIcon, {
@@ -22487,7 +22459,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 198,
+      lineNumber: 195,
       columnNumber: 17
     }
   }) : /*#__PURE__*/React__default.createElement(PrevNextButton, {
@@ -22498,7 +22470,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 206,
+      lineNumber: 203,
       columnNumber: 17
     }
   }, t('previousButton', 'Sebelumnya'))), generatePages().map((page, index) => {
@@ -22509,7 +22481,7 @@ const PaginationButton = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 219,
+        lineNumber: 216,
         columnNumber: 15
       }
     }, page);
@@ -22522,7 +22494,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 231,
+      lineNumber: 228,
       columnNumber: 17
     }
   }) : /*#__PURE__*/React__default.createElement(PrevNextButton, {
@@ -22533,7 +22505,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 239,
+      lineNumber: 236,
       columnNumber: 17
     }
   }, t('nextButton', 'Selanjutnya')), !isLg && /*#__PURE__*/React__default.createElement(IconButton, {
@@ -22541,21 +22513,18 @@ const PaginationButton = ({
     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.createElement(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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -22568,7 +22537,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 268,
+      lineNumber: 262,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(Box, {
@@ -22581,7 +22550,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 276,
+      lineNumber: 270,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -22598,7 +22567,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 277,
+      lineNumber: 271,
       columnNumber: 15
     }
   }, t('gotoPageText', 'Ke Halaman')), isMobilePagination ? /*#__PURE__*/React__default.createElement(GoToPageBox, {
@@ -22611,7 +22580,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 289,
+      lineNumber: 283,
       columnNumber: 17
     }
   }, goToPage) : /*#__PURE__*/React__default.createElement(InputNumber, {
@@ -22638,14 +22607,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 293,
+      lineNumber: 287,
       columnNumber: 17
     }
   })))), /*#__PURE__*/React__default.createElement(ModalDialog, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 321,
+      lineNumber: 315,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -22655,7 +22624,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 322,
+      lineNumber: 316,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -22663,21 +22632,21 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 323,
+      lineNumber: 317,
       columnNumber: 11
     }
   })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 325,
+      lineNumber: 319,
       columnNumber: 9
     }
   }, t('gotoPageText', 'Ke Halaman')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 326,
+      lineNumber: 320,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement("form", {
@@ -22689,7 +22658,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 327,
+      lineNumber: 321,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(InputNumber, {
@@ -22706,14 +22675,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 333,
+      lineNumber: 327,
       columnNumber: 13
     }
   }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 342,
+      lineNumber: 336,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -22724,7 +22693,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 343,
+      lineNumber: 337,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -22739,7 +22708,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 344,
+      lineNumber: 338,
       columnNumber: 13
     }
   }, t('btnCancelText', 'Batal')), /*#__PURE__*/React__default.createElement(Button$4, {
@@ -22754,7 +22723,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 355,
+      lineNumber: 349,
       columnNumber: 13
     }
   }, t('btnSubmitText', 'Lanjutkan'))))));
@@ -22848,7 +22817,6 @@ function PaginationInfo(_ref) {
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
-    color: "primary",
     variant: "status",
     __self: this,
     __source: {
@@ -22876,7 +22844,7 @@ function PaginationInfo(_ref) {
     direction: "column",
     align: "center",
     css: {
-      backgroundColor: '$bgWhite',
+      backgroundColor: '$white',
       boxShadow: '$small'
     },
     __self: this,
@@ -22896,7 +22864,6 @@ function PaginationInfo(_ref) {
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
-    color: "primary",
     variant: "status",
     __self: this,
     __source: {
@@ -23536,7 +23503,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
                           justify: "between",
                           gap: 5,
                           css: {
-                            backgroundColor: '$bgGray',
+                            backgroundColor: colors$8.bgGray,
                             padding: `$spacing-04 $spacing-05 ${'selection' in row.values ? '$spacing-04 $spacing-07' : ''}`,
                             borderBottom: '1pt solid $bgBorder',
                             alignItems: cell.column.accessor ? getAlign(cellAlign) : 'center'
@@ -23571,7 +23538,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
                       gap: 3,
                       css: {
                         height: '40px',
-                        backgroundColor: '$bgGray',
+                        backgroundColor: colors$8.bgGray,
                         paddingRight: '$spacing-04'
                       }
                     }, {
@@ -23919,14 +23886,14 @@ const TableContent$3 = styled('table', {
   borderSpacing: 0,
   borderCollapse: 'collapse',
   '& *[data-sticky-td="true"]': {
-    backgroundColor: '$bgHeader'
+    backgroundColor: '$bgWhite'
   }
 });
 const 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',
@@ -23957,7 +23924,7 @@ const TableHeaderCellContainer = styled(Flex$1, {
   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': {
@@ -24034,16 +24001,6 @@ const TableHeaderCellContainer = styled(Flex$1, {
           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: [{
@@ -24067,32 +24024,10 @@ const TableHeaderCellContainer = styled(Flex$1, {
         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")`
-        }
-      }
-    }
   }]
 });
 const TableHeadCellContent = styled(Heading, {
-  backgroundColor: 'transparent',
+  backgroundColor: 'white',
   userSelect: 'none',
   textAlign: 'start',
   position: 'relative',
@@ -24131,7 +24066,6 @@ const TableRow$3 = styled('tr', {
     }
   }
 });
-const Cell = styled('td');
 const TableCell$3 = styled('td', {
   height: '68px',
   fontSize: '$short-content-regular',
@@ -24384,7 +24318,7 @@ function HeaderMenuOption(props) {
         css: {
           padding: '$spacing-06 $spacing-05',
           boxShadow: '$medium',
-          backgroundColor: '$bgWhite',
+          backgroundColor: 'white',
           maxHeight: 300,
           minWidth: 167,
           width: 'max-content',
@@ -24495,7 +24429,6 @@ function Table({
   const [stateSelectedRowIds, setStateSelectedRowIds] = useState(selectedIds ? Object.keys(selectedIds) : []);
   const [filterHeader, setFilterHeader] = useLocalStorageState(`menu:${id}`, []);
   const [filteredHeader, setFilteredHeader] = useState([]);
-  const [hasDarkParent, setHasDarkParent] = useState(false);
   const {
     t
   } = useTranslation('MajooUI/table');
@@ -24616,7 +24549,6 @@ function Table({
     },
     rowsPerPageOptions: rowsPerPageOptions,
     css: {
-      backgroundColor: '$bgWhite',
       padding: '$spacing-04 0',
       '@md': {
         padding: '$spacing-06 $spacing-03'
@@ -24754,8 +24686,7 @@ function Table({
                   isSortedDesc: column.isSortedDesc,
                   unsortable: column.unsortable,
                   isToggleable: !!column.onToggle,
-                  isToggled: column.isToggled,
-                  darkTheme: hasDarkParent
+                  isToggled: column.isToggled
                 }, {
                   children: jsx(TableHeadCellContent, Object.assign({
                     heading: "headerTable"
@@ -24855,11 +24786,6 @@ function Table({
     }
   }, [rawData, selectedIds]);
   useEffect(() => {
-    if (scrollerRef.current && scrollerRef.current.parentElement) {
-      const parentElement = scrollerRef.current.parentElement;
-      const darkParentDiv = parentElement.closest('div[id*="dark"]');
-      setHasDarkParent(!!darkParentDiv);
-    }
     const listenStorage = () => {
       const item = JSON.parse(localStorage.getItem(`menu:${id}`));
       onColumnChange === null || onColumnChange === void 0 ? void 0 : onColumnChange(item);
@@ -24881,7 +24807,7 @@ function Table({
     onDragEnd(arrayMove(records, oldIndex, newIndex));
   };
   const cssTableCell = {
-    backgroundColor: '$bgWhite'
+    backgroundColor: 'white'
   };
   return jsxs(Box, Object.assign({
     css: Object.assign({
@@ -24949,7 +24875,9 @@ function Table({
                     if (filteredHeader.length > 0 || filterHeader.length > 0) {
                       visibleHeaders = visibleHeaders.filter(item => filteredHeader.includes(item.id) || filterHeader.includes(item.id));
                     }
-                    return jsx(TableHeadRow$3, Object.assign({}, headerGroup.getHeaderGroupProps(), {
+                    return jsx(TableHeadRow$3, Object.assign({
+                      css: cssTableCell
+                    }, headerGroup.getHeaderGroupProps(), {
                       children: visibleHeaders.map((column, index) => {
                         const headerRender = column.render('Header');
                         return jsx(TableHeadCell$3, Object.assign({}, column.getHeaderProps(props => [props, !column.unsortable ? column.getSortByToggleProps({
@@ -24963,9 +24891,9 @@ function Table({
                             minWidth: column.colMinWidth
                           }
                         }]), {
-                          css: Object.assign(Object.assign(Object.assign(Object.assign({}, stickyPositionStyling(column)), stickyShadowStyling(column, tableScrollPosition, scrollAreaWidth)), column.headerCss), {
+                          css: Object.assign(Object.assign(Object.assign(Object.assign(Object.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
                           })
                         }, {
@@ -24974,7 +24902,6 @@ function Table({
                             unsortable: id ? true : column.unsortable,
                             isToggleable: !!column.onToggle,
                             isToggled: column.isToggled,
-                            darkTheme: hasDarkParent,
                             css: {
                               width: column.colWidth,
                               maxWidth: column.colMaxWidth,
@@ -25211,9 +25138,9 @@ function Table({
                         }), void 0), row.isExpanded ? subRowCells.map((cell, index) => !cell.column.isCustomSubRow ? jsxs(TableRow$3, Object.assign({
                           subRow: true
                         }, {
-                          children: [leftAddOnCells.map((_, index) => jsx(Cell, {
-                            css: {
-                              backgroundColor: '$bgGray'
+                          children: [leftAddOnCells.map((_, index) => jsx("td", {
+                            style: {
+                              backgroundColor: colors$8.bgGray
                             }
                           }, index)), jsxs(React.Fragment, {
                             children: [jsx(TableCell$3, Object.assign({
@@ -25313,7 +25240,7 @@ function Table({
               width: 10,
               height: '100%',
               boxShadow: tableScrollPosition === 'end' ? 'none' : '-5px 0px 5px -3px #00000026',
-              backgroundColor: '$bgWhite'
+              backgroundColor: 'white'
             }
           }, void 0)]
         }, void 0)]
@@ -25501,7 +25428,6 @@ const rowExpanderColumn = {
       columnNumber: 5
     }
   }), row.isExpanded ? /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
-    color: "currentColor",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$g,
@@ -25509,12 +25435,11 @@ const rowExpanderColumn = {
       columnNumber: 25
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
-    color: "currentColor",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$g,
       lineNumber: 19,
-      columnNumber: 71
+      columnNumber: 50
     }
   })),
   unsortable: true
@@ -25537,7 +25462,6 @@ const rowExpanderMultipleColumn = {
       columnNumber: 5
     }
   }), row.isExpanded ? /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
-    color: "currentColor",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$f,
@@ -25545,12 +25469,11 @@ const rowExpanderMultipleColumn = {
       columnNumber: 25
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
-    color: "currentColor",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$f,
       lineNumber: 14,
-      columnNumber: 71
+      columnNumber: 50
     }
   })),
   unsortable: true
@@ -25610,9 +25533,6 @@ const rowMenuColumn = (options, icon, config) => ({
         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,
@@ -25620,18 +25540,17 @@ const rowMenuColumn = (options, icon, config) => ({
         columnNumber: 13
       }
     }, icon || /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
-      color: "currentColor",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 45,
+        lineNumber: 42,
         columnNumber: 24
       }
     })))), /*#__PURE__*/React__default.createElement(DropdownMenuPortal, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 49,
+        lineNumber: 46,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(DropdownMenuContent, {
@@ -25654,7 +25573,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 50,
+        lineNumber: 47,
         columnNumber: 11
       }
     }, options.map((option, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
@@ -25662,7 +25581,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 70,
+        lineNumber: 67,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(DropdownMenuItem, {
@@ -25674,7 +25593,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 71,
+        lineNumber: 68,
         columnNumber: 17
       }
     }, option.title), /*#__PURE__*/React__default.createElement(DropdownMenuSeparator, {
@@ -25685,7 +25604,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 80,
+        lineNumber: 77,
         columnNumber: 17
       }
     }))))));
@@ -29320,6 +29239,12 @@ const Upload = ({
       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,
@@ -29422,6 +29347,9 @@ const Upload = ({
     }
   }
   function handleChange(e) {
+    console.warn({
+      e
+    });
     if (e.target.files && e.target.files[0]) {
       const files = e.target.files;
       if (isFile || !showCropper) {
@@ -29610,7 +29538,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 665,
+        lineNumber: 667,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -29620,7 +29548,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 666,
+        lineNumber: 668,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29635,7 +29563,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 676,
+            lineNumber: 678,
             columnNumber: 16
           }
         });
@@ -29646,7 +29574,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 679,
+          lineNumber: 681,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29656,7 +29584,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 680,
+          lineNumber: 682,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29665,7 +29593,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 681,
+          lineNumber: 683,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29678,7 +29606,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 683,
+          lineNumber: 685,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29694,7 +29622,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 691,
+          lineNumber: 693,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -29704,7 +29632,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 704,
+          lineNumber: 706,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29721,7 +29649,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 715,
+            lineNumber: 717,
             columnNumber: 16
           }
         });
@@ -29731,7 +29659,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 718,
+          lineNumber: 720,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29741,7 +29669,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 719,
+          lineNumber: 721,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29750,7 +29678,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 720,
+          lineNumber: 722,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -29763,7 +29691,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 721,
+          lineNumber: 723,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29773,14 +29701,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 729,
+          lineNumber: 731,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__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.createElement(Tooltip$1, {
@@ -29788,7 +29716,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 731,
+          lineNumber: 733,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -29803,7 +29731,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 732,
+          lineNumber: 734,
           columnNumber: 19
         }
       }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29816,7 +29744,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 748,
+          lineNumber: 750,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29832,7 +29760,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 756,
+          lineNumber: 758,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -29840,7 +29768,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 769,
+          lineNumber: 771,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29855,7 +29783,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 780,
+        lineNumber: 782,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29869,7 +29797,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 781,
+        lineNumber: 783,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29895,7 +29823,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 782,
+        lineNumber: 784,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29903,14 +29831,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 795,
+        lineNumber: 797,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 796,
+        lineNumber: 798,
         columnNumber: 11
       }
     }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29922,7 +29850,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 804,
+        lineNumber: 806,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29938,7 +29866,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 805,
+        lineNumber: 807,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
@@ -29950,21 +29878,21 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 816,
+        lineNumber: 818,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 817,
+        lineNumber: 819,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 819,
+        lineNumber: 821,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29973,7 +29901,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 820,
+        lineNumber: 822,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29981,7 +29909,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 821,
+        lineNumber: 823,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29991,7 +29919,7 @@ const Upload = ({
       __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.createElement(ErrorMessage, {
@@ -30001,7 +29929,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 830,
+        lineNumber: 832,
         columnNumber: 19
       }
     }, error));
@@ -30013,7 +29941,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 837,
+        lineNumber: 839,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -30021,7 +29949,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 838,
+        lineNumber: 840,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -30029,7 +29957,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 839,
+        lineNumber: 841,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -30042,7 +29970,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 841,
+        lineNumber: 843,
         columnNumber: 9
       }
     }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -30055,7 +29983,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 844,
+        lineNumber: 846,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -30066,7 +29994,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 852,
+        lineNumber: 854,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -30080,14 +30008,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 853,
+        lineNumber: 855,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 864,
+        lineNumber: 866,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30099,14 +30027,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 865,
+        lineNumber: 867,
         columnNumber: 11
       }
     }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 867,
+        lineNumber: 869,
         columnNumber: 15
       }
     }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -30114,7 +30042,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 869,
+        lineNumber: 871,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -30126,7 +30054,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 870,
+        lineNumber: 872,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30134,7 +30062,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 877,
+        lineNumber: 879,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -30143,7 +30071,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 878,
+        lineNumber: 880,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -30153,7 +30081,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 881,
+        lineNumber: 883,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -30170,7 +30098,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 890,
+      lineNumber: 892,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -30179,7 +30107,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 893,
+      lineNumber: 895,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());
@@ -56140,7 +56068,7 @@ function BarChartComponent({
             barSize: 12,
             radius: 50
           }, {
-            children: [formattedData.map(item => jsx(Cell$1, {
+            children: [formattedData.map(item => jsx(Cell, {
               fill: item.color || colors$1.chartGreen
             }, item.name)), (label === null || label === void 0 ? void 0 : label.show) && jsx(LabelList, {
               style: {
@@ -56414,7 +56342,7 @@ const PieChartComponent = ({
             },
             labelLine: false
           }, {
-            children: [formattedData.map(item => jsx(Cell$1, {
+            children: [formattedData.map(item => jsx(Cell, {
               fill: item.color || colors.chartGreen
             }, item.name)), (label === null || label === void 0 ? void 0 : label.show) && !label.render && jsx(LabelList, {
               stroke: "0",
@@ -57762,4 +57690,4 @@ const useToggle = initialValue => {
   return useReducer(toggleReducer, initialValue);
 };
 
-export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, Cell, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, ResourceList as InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSignature, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_30_DAYS, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MONTHLY, MajooProvider, MapPicker, MemoizedEditableTable, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NEXT_MONTH, NEXT_WEEK, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PREV_MONTH, PREV_WEEK, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, PieChartComponent as PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_CONTROL, RANGE_MONTH, RANGE_PICKER, RANGE_WEEK, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowExpanderMultipleColumn as RowExpanderMultipleColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, rowSelectionWithCallbackColumn as RowSelectionWithCallbackColumn, SINGLE_PICKER, ScrollSync, ScrollSyncNode, SelectBox, SelectContainer, SelectItem, SelectOption, Separator$2 as Separator, Skeleton, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagList, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, ToastProvider, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, WEEKLY, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptionsEn, advancePickerOptionsId, defaultEmptyDataProps, defaultFetchDataParams, pickerReducer, useListOption, useToggle };
+export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, ResourceList as InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSignature, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_30_DAYS, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MONTHLY, MajooProvider, MapPicker, MemoizedEditableTable, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NEXT_MONTH, NEXT_WEEK, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PREV_MONTH, PREV_WEEK, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, PieChartComponent as PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_CONTROL, RANGE_MONTH, RANGE_PICKER, RANGE_WEEK, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowExpanderMultipleColumn as RowExpanderMultipleColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, rowSelectionWithCallbackColumn as RowSelectionWithCallbackColumn, SINGLE_PICKER, ScrollSync, ScrollSyncNode, SelectBox, SelectContainer, SelectItem, SelectOption, Separator$2 as Separator, Skeleton, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagList, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, ToastProvider, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, WEEKLY, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptionsEn, advancePickerOptionsId, defaultEmptyDataProps, defaultFetchDataParams, pickerReducer, useListOption, useToggle };