@majoo-ui/react 1.57.15 → 1.57.17

package/index.esm.js

@@ -11370,7 +11370,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       }
     }
   });
-  const getOption = maxSelectedItem ? useCallback(() => option === null || option === void 0 ? void 0 : option.map(item => {
+  const getOption = useCallback(() => maxSelectedItem ? option === null || option === void 0 ? void 0 : option.map(item => {
     const isMaxSelectedItem = maxSelectedItem && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) >= maxSelectedItem;
     if (isMaxSelectedItem && !(selectedValue !== null && selectedValue !== void 0 && selectedValue.includes(item.id))) {
       item.hideCheck = true;
@@ -11380,7 +11380,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       item.isDisabled = false;
     }
     return item;
-  }), [maxSelectedItem, option, selectedValue]) : () => option;
+  }) : option, [maxSelectedItem, option, selectedValue]);
   useEffect(() => {
     sortItems();
     setItems(isShowSelectAll ? [{
@@ -11391,7 +11391,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       id: '!all',
       name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
     }, ...getOption()] : getOption());
-  }, [option, isShowSelectAll]);
+  }, [isShowSelectAll, selectAllLabel, t, maxSelectedItem ? getOption : option]);
   useEffect(() => {
     if (selectedValue.length > 0 && disabledOptions.length === 0) {
       setInitItems(sortValue);
@@ -11433,7 +11433,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 620,
+      lineNumber: 622,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Select, {
@@ -11443,7 +11443,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 621,
+      lineNumber: 623,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -11458,7 +11458,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 622,
+      lineNumber: 624,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
@@ -11476,7 +11476,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 632,
+      lineNumber: 634,
       columnNumber: 13
     }
   })), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -11489,7 +11489,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 639,
+      lineNumber: 641,
       columnNumber: 13
     }
   }), placeholder != null ? placeholder : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -11500,7 +11500,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 649,
+      lineNumber: 651,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
@@ -11508,7 +11508,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 654,
+      lineNumber: 656,
       columnNumber: 13
     }
   }))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11521,7 +11521,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 658,
+      lineNumber: 660,
       columnNumber: 11
     }
   }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
@@ -11529,7 +11529,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 664,
+      lineNumber: 666,
       columnNumber: 13
     }
   }, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
@@ -11549,7 +11549,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 666,
+      lineNumber: 668,
       columnNumber: 17
     }
   }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter === void 0 ? void 0 : (_selectedItems$filter2 = _selectedItems$filter.filter((_, idx) => {
@@ -11579,7 +11579,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 694,
+      lineNumber: 696,
       columnNumber: 21
     }
   }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 5 && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -11588,7 +11588,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 716,
+      lineNumber: 718,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -11598,14 +11598,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 717,
+      lineNumber: 719,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 718,
+      lineNumber: 720,
       columnNumber: 19
     }
   }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -11619,7 +11619,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 719,
+      lineNumber: 721,
       columnNumber: 19
     }
   }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -11627,7 +11627,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 725,
+      lineNumber: 727,
       columnNumber: 23
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -11635,7 +11635,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 727,
+      lineNumber: 729,
       columnNumber: 23
     }
   }), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11647,14 +11647,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 729,
+      lineNumber: 731,
       columnNumber: 21
     }
   }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 733,
+      lineNumber: 735,
       columnNumber: 19
     }
   })), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11665,7 +11665,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 735,
+      lineNumber: 737,
       columnNumber: 17
     }
   }, `${selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter3 = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter3 === void 0 ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11677,7 +11677,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 745,
+      lineNumber: 747,
       columnNumber: 11
     }
   }, `${selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter4 = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter4 === void 0 ? void 0 : _selectedItems$filter4.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
@@ -11689,7 +11689,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 752,
+      lineNumber: 754,
       columnNumber: 9
     }
   }, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -11710,7 +11710,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 758,
+      lineNumber: 760,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -11718,7 +11718,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 774,
+      lineNumber: 776,
       columnNumber: 15
     }
   }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
@@ -11729,7 +11729,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 780,
+      lineNumber: 782,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -11744,14 +11744,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 784,
+        lineNumber: 786,
         columnNumber: 19
       }
     }, child),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 781,
+      lineNumber: 783,
       columnNumber: 15
     }
   }, isOpen && items.map((item, index) => {
@@ -11771,7 +11771,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 796,
+        lineNumber: 798,
         columnNumber: 21
       }
     }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -11784,7 +11784,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 809,
+        lineNumber: 811,
         columnNumber: 23
       }
     }, !(item !== null && item !== void 0 && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -11792,7 +11792,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 819,
+        lineNumber: 821,
         columnNumber: 29
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -11800,21 +11800,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 823,
+        lineNumber: 825,
         columnNumber: 31
       }
     })), isShowSelectAll && (item === null || item === void 0 ? void 0 : item.id) === '!all' && selectedValue !== null && selectedValue !== void 0 && selectedValue.length && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) < (items === null || items === void 0 ? void 0 : items.length) ? /*#__PURE__*/React__default.createElement(IndeterminateFilled, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 830,
+        lineNumber: 832,
         columnNumber: 27
       }
     }, "-") : /*#__PURE__*/React__default.createElement("div", {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 832,
+        lineNumber: 834,
         columnNumber: 27
       }
     })), /*#__PURE__*/React__default.createElement(Item$3, {
@@ -11825,7 +11825,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 835,
+        lineNumber: 837,
         columnNumber: 23
       }
     }, item.render ? (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item.name) : item.name));
@@ -11839,14 +11839,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 843,
+      lineNumber: 845,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(StyledDiv, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 844,
+      lineNumber: 846,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -11856,7 +11856,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 845,
+      lineNumber: 847,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -11868,7 +11868,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 846,
+      lineNumber: 848,
       columnNumber: 19
     }
   })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -19386,7 +19386,7 @@ const defaultFetchDataParams = {
   pageSize: 10
 };
 const stickyPositionStyling = column => {
-  if (column.stickyPosition) {
+  if (typeof column.stickyPosition === 'number') {
     return column.sticky === 'left' ? {
       position: 'sticky',
       left: `${column.stickyPosition}px !important`
@@ -19969,7 +19969,17 @@ function Table({
                     }
                   }
                   return jsxs(React.Fragment, {
-                    children: [((rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.showGroupingWhenSorted) || sortBy.length <= 0) && row.original['isTopChild'] && ((rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.headerRender) ? rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.headerRender(row) : jsx(Text$1, Object.assign({
+                    children: [((rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.showGroupingWhenSorted) || sortBy.length <= 0) && row.original['isTopChild'] && ((rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.headerRender) ? rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.headerRender(row, {
+                      getCellProps: cellProps => ({
+                        css: Object.assign(Object.assign(Object.assign({}, stickyPositionStyling({
+                          sticky: cellProps === null || cellProps === void 0 ? void 0 : cellProps.sticky,
+                          stickyPosition: cellProps === null || cellProps === void 0 ? void 0 : cellProps.stickyPosition
+                        })), stickyShadowStyling({
+                          sticky: cellProps === null || cellProps === void 0 ? void 0 : cellProps.sticky,
+                          shadow: cellProps === null || cellProps === void 0 ? void 0 : cellProps.shadow
+                        }, tableScrollPosition, scrollAreaWidth)), cellProps === null || cellProps === void 0 ? void 0 : cellProps.css)
+                      })
+                    }) : jsx(Text$1, Object.assign({
                       variant: "contentButton"
                     }, {
                       children: row.cells[0].render('Cell')
@@ -20051,7 +20061,17 @@ function Table({
                           }), void 0)
                         }), void 0)]
                       }, cell.column.id)]
-                    }), cell.column.id)) : null, ((rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.showGroupingWhenSorted) || sortBy.length <= 0) && row.original['isBottomChild'] && !!(rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.footerRender) && (rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.footerRender(row))]
+                    }), cell.column.id)) : null, ((rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.showGroupingWhenSorted) || sortBy.length <= 0) && row.original['isBottomChild'] && !!(rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.footerRender) && (rowGroup === null || rowGroup === void 0 ? void 0 : rowGroup.footerRender(row, {
+                      getCellProps: cellProps => ({
+                        css: Object.assign(Object.assign(Object.assign({}, stickyPositionStyling({
+                          sticky: cellProps === null || cellProps === void 0 ? void 0 : cellProps.sticky,
+                          stickyPosition: cellProps === null || cellProps === void 0 ? void 0 : cellProps.stickyPosition
+                        })), stickyShadowStyling({
+                          sticky: cellProps === null || cellProps === void 0 ? void 0 : cellProps.sticky,
+                          shadow: cellProps === null || cellProps === void 0 ? void 0 : cellProps.shadow
+                        }, tableScrollPosition, scrollAreaWidth)), cellProps === null || cellProps === void 0 ? void 0 : cellProps.css)
+                      })
+                    }))]
                   }, row.id);
                 })
               }), void 0), (_b = decoration === null || decoration === void 0 ? void 0 : decoration.footerRender) === null || _b === void 0 ? void 0 : _b.call(decoration)]
@@ -21387,7 +21407,8 @@ const TemplateAlertFunction = props => {
     }
   }, props.description)), /*#__PURE__*/React__default.createElement(Box, {
     css: {
-      width: '100%'
+      width: '100%',
+      display: props !== null && props !== void 0 && props.singleButton && props !== null && props !== void 0 && props.hideActionButton ? 'none' : 'inherit'
     },
     __self: undefined,
     __source: {
@@ -21461,13 +21482,13 @@ const TemplateAlertFunction = props => {
       lineNumber: 187,
       columnNumber: 19
     }
-  }), props.labelCancel ? props.labelCancel : t('label.cancel', 'Batal'))), /*#__PURE__*/React__default.createElement(ADialog.Action, {
+  }), props.labelCancel ? props.labelCancel : t('label.cancel', 'Batal'))), !(props !== null && props !== void 0 && props.hideActionButton) && /*#__PURE__*/React__default.createElement(ADialog.Action, {
     asChild: true,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 201,
-      columnNumber: 17
+      lineNumber: 202,
+      columnNumber: 19
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
     size: props.btnSize,
@@ -21481,8 +21502,8 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 202,
-      columnNumber: 19
+      lineNumber: 203,
+      columnNumber: 21
     }
   }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))))))));
 };
@@ -21518,7 +21539,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 246,
+      lineNumber: 248,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Content$1, _extends({
@@ -21533,14 +21554,14 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 247,
+      lineNumber: 249,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(StyledTitle, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 256,
+      lineNumber: 258,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -21548,7 +21569,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 257,
+      lineNumber: 259,
       columnNumber: 11
     }
   }, props.title), !props.hideCloseButton && /*#__PURE__*/React__default.createElement(AlertDialogCancel, {
@@ -21556,7 +21577,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 259,
+      lineNumber: 261,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -21567,7 +21588,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 260,
+      lineNumber: 262,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
@@ -21575,7 +21596,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 261,
+      lineNumber: 263,
       columnNumber: 17
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -21583,14 +21604,14 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 266,
+      lineNumber: 268,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(StyledDescription$1, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 267,
+      lineNumber: 269,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -21601,17 +21622,18 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 268,
+      lineNumber: 270,
       columnNumber: 11
     }
   }, props.description)), /*#__PURE__*/React__default.createElement(Box, {
     css: {
-      width: '100%'
+      width: '100%',
+      display: props !== null && props !== void 0 && props.singleButton && props !== null && props !== void 0 && props.hideActionButton ? 'none' : 'inherit'
     },
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 272,
+      lineNumber: 274,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -21619,7 +21641,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 273,
+      lineNumber: 275,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -21633,7 +21655,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 274,
+      lineNumber: 276,
       columnNumber: 11
     }
   }, props.singleButton ? /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -21641,7 +21663,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 276,
+      lineNumber: 278,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
@@ -21656,7 +21678,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 277,
+      lineNumber: 279,
       columnNumber: 17
     }
   }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
@@ -21664,7 +21686,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 290,
+      lineNumber: 292,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
@@ -21680,16 +21702,16 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 291,
+      lineNumber: 293,
       columnNumber: 19
     }
-  }), props.labelCancel ? props.labelCancel : t('label.cancel', 'Batal'))), /*#__PURE__*/React__default.createElement(ADialog.Action, {
+  }), props.labelCancel ? props.labelCancel : t('label.cancel', 'Batal'))), !(props !== null && props !== void 0 && props.hideActionButton) && /*#__PURE__*/React__default.createElement(ADialog.Action, {
     asChild: true,
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 305,
-      columnNumber: 17
+      lineNumber: 308,
+      columnNumber: 19
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
     size: props.btnSize,
@@ -21703,8 +21725,8 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 306,
-      columnNumber: 19
+      lineNumber: 309,
+      columnNumber: 21
     }
   }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))))))));
 }
@@ -21718,7 +21740,8 @@ TemplateAlertFunction.propTypes = {
   disabledButton: PropTypes.bool,
   actionButtonProps: PropTypes.object,
   cancelButtonProps: PropTypes.object,
-  hideCloseButton: PropTypes.bool
+  hideCloseButton: PropTypes.bool,
+  hideActionButton: PropTypes.bool
 };
 TemplateAlertFunction.defaultProps = {
   dialogType: 'primary',
@@ -29891,7 +29914,8 @@ function EditableTableMobile(props) {
     emptyDataMessage,
     showCheckbox,
     customRows,
-    onExpand
+    onExpand,
+    hiddenColumns
   } = props;
   const {
     getTableProps,
@@ -29900,8 +29924,14 @@ function EditableTableMobile(props) {
     rows,
     prepareRow,
     state,
-    toggleAllRowsExpanded
+    toggleAllRowsExpanded,
+    setHiddenColumns
   } = instance;
+  useEffect(() => {
+    if (hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.length) {
+      setHiddenColumns(hiddenColumns);
+    }
+  }, [hiddenColumns, setHiddenColumns]);
   const getCustomRows = (row, renderRow) => {
     var _a, _b;
     let customStyle = {};
@@ -29959,7 +29989,8 @@ function EditableTableMobile(props) {
             justify: "center",
             align: "center",
             onClick: () => {
-              if (!Object.keys(state.expanded).includes(row.id)) {
+              var _a;
+              if (!((_a = Object.keys(state.expanded)) === null || _a === void 0 ? void 0 : _a.includes(row.id))) {
                 toggleAllRowsExpanded(false);
               }
               row.toggleRowExpanded(!row.isExpanded);
@@ -47600,7 +47631,8 @@ function EditableTable(props) {
     keyId = 'id',
     selectedIds,
     onExpand,
-    isMobileLayout
+    isMobileLayout,
+    hiddenColumns
   } = props;
   const {
     t
@@ -47659,10 +47691,14 @@ function EditableTable(props) {
     rows,
     prepareRow,
     visibleColumns,
+    setHiddenColumns,
     state: {
       selectedRowIds
     }
   } = instance;
+  useEffect(() => {
+    if (hiddenColumns) setHiddenColumns(hiddenColumns);
+  }, [hiddenColumns, setHiddenColumns]);
   useEffect(() => {
     if (data && data.length > 0 && selectedRowIds && onSelectedChange && selectedIndex) {
       const selected = selectedRowIds ? Object.keys(selectedRowIds) : [];
@@ -47835,7 +47871,8 @@ function EditableTable(props) {
     emptyDataMessage: emptyDataMessage,
     showCheckbox: showCheckbox,
     customRows: customRows,
-    onExpand: onExpand
+    onExpand: onExpand,
+    hiddenColumns: hiddenColumns
   }, void 0);
 }
 EditableTable.Product = Product;