@majoo-ui/react 1.61.12-rc.8 → 1.61.12

package/index.umd.js

@@ -404,10 +404,10 @@
   var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
 
   (store$3.versions || (store$3.versions = [])).push({
-    version: '3.43.0',
+    version: '3.44.0',
     mode: 'global',
     copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
-    license: 'https://github.com/zloirock/core-js/blob/v3.43.0/LICENSE',
+    license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
     source: 'https://github.com/zloirock/core-js'
   });
 
@@ -14623,7 +14623,8 @@
       } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
     const {
-      t
+      t,
+      ready
     } = reactI18next.useTranslation(['MajooUI/inputSelectCheck', 'translation']);
     const [initItem, setInitItems] = React__default["default"].useState(option); //init filter selectedItems on useMultipleSelection
     const [items, setItems] = React__default["default"].useState([]);
@@ -14634,7 +14635,7 @@
     const [query, setQuery] = React__default["default"].useState('');
     const scrollerRef = React__default["default"].useRef(null);
     const isShowSelectAll = showSelectAll && !maxSelectedItem;
-    React.useEffect(() => {
+    reactTable.useMountedLayoutEffect(() => {
       var _scrollerRef$current;
       (_scrollerRef$current = scrollerRef.current) == null || _scrollerRef$current.scrollTo({
         top: 0
@@ -14965,7 +14966,7 @@
       return [...acc, ...(item.children ? item.children : [item])];
     }, []).length;
     React.useEffect(() => {
-      if (!inputValue || fetchData) {
+      if ((!inputValue || fetchData) && ready) {
         sortItems();
         setItems(isShowSelectAll ? [{
           id: '!all',
@@ -14976,7 +14977,7 @@
           name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
         }, ...memoOptions] : memoOptions);
       }
-    }, [isShowSelectAll, selectAllLabel, t, memoOptionsString, inputValue]);
+    }, [isShowSelectAll, selectAllLabel, ready, memoOptionsString, inputValue]);
     React.useEffect(() => {
       if (selectedValue.length > 0 && disabledOptions.length === 0) {
         setInitItems(sortValue);
@@ -15001,7 +15002,7 @@
         }, ...options] : options);
       }
     }, [disabledOptions, isShowSelectAll]);
-    React.useEffect(() => {
+    reactTable.useMountedLayoutEffect(() => {
       const selectedVal = itemsLength > 0 && inputSelectValue.length === itemsLength - 1 ? ['!all', ...inputSelectValue] : inputSelectValue;
       setSelectedValue(selectedVal);
     }, [inputSelectValue, items]);
@@ -15047,7 +15048,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 778,
+          lineNumber: 781,
           columnNumber: 9
         }
       }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -15061,7 +15062,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 797,
+          lineNumber: 800,
           columnNumber: 11
         }
       }, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15069,7 +15070,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 809,
+          lineNumber: 812,
           columnNumber: 17
         }
       }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15077,21 +15078,21 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 813,
+          lineNumber: 816,
           columnNumber: 19
         }
       })), isShowSelectAll && (item == null ? void 0 : item.id) === '!all' && selectedValue != null && selectedValue.length && (selectedValue == null ? void 0 : selectedValue.length) < itemsLength ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled$1, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 817,
+          lineNumber: 820,
           columnNumber: 15
         }
       }, "-") : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 819,
+          lineNumber: 822,
           columnNumber: 15
         }
       })), /*#__PURE__*/React__default["default"].createElement(Item$2, {
@@ -15102,7 +15103,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 822,
+          lineNumber: 825,
           columnNumber: 11
         }
       }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
@@ -15130,7 +15131,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 838,
+            lineNumber: 841,
             columnNumber: 13
           }
         }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -15143,7 +15144,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 851,
+            lineNumber: 854,
             columnNumber: 15
           }
         }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15151,7 +15152,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 861,
+            lineNumber: 864,
             columnNumber: 19
           }
         }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15159,14 +15160,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 863,
+            lineNumber: 866,
             columnNumber: 19
           }
         }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled$1, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 865,
+            lineNumber: 868,
             columnNumber: 19
           }
         }, "-") : null), /*#__PURE__*/React__default["default"].createElement(Item$2, {
@@ -15177,14 +15178,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 868,
+            lineNumber: 871,
             columnNumber: 15
           }
         }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 836,
+          lineNumber: 839,
           columnNumber: 9
         }
       }, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
@@ -15197,7 +15198,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 880,
+        lineNumber: 883,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Select, {
@@ -15207,7 +15208,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 881,
+        lineNumber: 884,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -15222,7 +15223,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 882,
+        lineNumber: 885,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Input$6, _extends({}, getInputProps({
@@ -15240,7 +15241,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 892,
+        lineNumber: 895,
         columnNumber: 13
       }
     })), /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -15254,7 +15255,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 899,
+        lineNumber: 902,
         columnNumber: 13
       }
     }), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default["default"].createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -15265,7 +15266,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 910,
+        lineNumber: 913,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconCaretDown, {
@@ -15273,7 +15274,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 915,
+        lineNumber: 918,
         columnNumber: 13
       }
     }))), helperText && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15286,7 +15287,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 919,
+        lineNumber: 922,
         columnNumber: 11
       }
     }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
@@ -15294,7 +15295,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 925,
+        lineNumber: 928,
         columnNumber: 13
       }
     }, isShowTagSelectAll ? /*#__PURE__*/React__default["default"].createElement(Tag, _extends({
@@ -15315,7 +15316,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 927,
+        lineNumber: 930,
         columnNumber: 17
       }
     }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems == null || (_selectedItems$filter = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null || (_selectedItems$filter = _selectedItems$filter.filter((_, idx) => {
@@ -15346,7 +15347,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 956,
+        lineNumber: 959,
         columnNumber: 21
       }
     }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15355,7 +15356,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 979,
+        lineNumber: 982,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15365,14 +15366,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 980,
+        lineNumber: 983,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 981,
+        lineNumber: 984,
         columnNumber: 19
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15386,7 +15387,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 982,
+        lineNumber: 985,
         columnNumber: 19
       }
     }, showAllTags ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUpOutline, {
@@ -15394,7 +15395,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 988,
+        lineNumber: 991,
         columnNumber: 23
       }
     }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
@@ -15402,7 +15403,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 990,
+        lineNumber: 993,
         columnNumber: 23
       }
     }), /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15414,14 +15415,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 992,
+        lineNumber: 995,
         columnNumber: 21
       }
     }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 996,
+        lineNumber: 999,
         columnNumber: 19
       }
     })), showCollapsibleCounter && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15432,7 +15433,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 999,
+        lineNumber: 1002,
         columnNumber: 19
       }
     }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter2 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter2.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems == null ? void 0 : selectedItems.length) && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15444,7 +15445,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1009,
+        lineNumber: 1012,
         columnNumber: 11
       }
     }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter3 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default["default"].createElement(OptionWrapper$1, {
@@ -15457,7 +15458,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1015,
+        lineNumber: 1018,
         columnNumber: 9
       }
     }, isLoading && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15479,7 +15480,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1025,
+        lineNumber: 1028,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -15487,7 +15488,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1042,
+        lineNumber: 1045,
         columnNumber: 15
       }
     }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default["default"].createElement(Option, _extends({}, getMenuProps({
@@ -15499,7 +15500,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1047,
+        lineNumber: 1050,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -15522,14 +15523,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 1051,
+          lineNumber: 1054,
           columnNumber: 19
         }
       }, child),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1048,
+        lineNumber: 1051,
         columnNumber: 15
       }
     }, isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default["default"].createElement(Option, _extends({
@@ -15542,14 +15543,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1076,
+        lineNumber: 1079,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1077,
+        lineNumber: 1080,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15559,7 +15560,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1078,
+        lineNumber: 1081,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CircleInfoOutline, {
@@ -15571,7 +15572,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1079,
+        lineNumber: 1082,
         columnNumber: 19
       }
     })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -30456,30 +30457,18 @@
           lineNumber: 805,
           columnNumber: 9
         }
-      }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
-        type: "file",
-        accept: accept,
-        ref: hiddenFileInput,
-        onChange: handleChange,
-        multiple: multiple,
+      }, /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
           lineNumber: 816,
           columnNumber: 11
         }
-      }), /*#__PURE__*/React__default["default"].createElement(Children, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$9,
-          lineNumber: 817,
-          columnNumber: 11
-        }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 819,
+          lineNumber: 818,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -30488,7 +30477,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 820,
+          lineNumber: 819,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -30496,7 +30485,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 821,
+          lineNumber: 820,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30506,7 +30495,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 823,
+          lineNumber: 822,
           columnNumber: 17
         }
       }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -30516,19 +30505,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 830,
+          lineNumber: 829,
           columnNumber: 19
         }
       }, error));
     }
     function renderCropper() {
       return /*#__PURE__*/React__default["default"].createElement(ModalDialog, {
-        onOpenChange: () => setCrop(null),
+        onOpenChange: open => {
+          if (!open) setCrop(null);
+        },
         isMobile: isMobile,
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 837,
+          lineNumber: 836,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -30536,7 +30527,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 838,
+          lineNumber: 842,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30544,7 +30535,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 839,
+          lineNumber: 843,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -30557,7 +30548,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 841,
+          lineNumber: 845,
           columnNumber: 9
         }
       }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -30570,7 +30561,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 844,
+          lineNumber: 848,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -30581,7 +30572,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 852,
+          lineNumber: 856,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30595,14 +30586,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 853,
+          lineNumber: 857,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 864,
+          lineNumber: 868,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30614,14 +30605,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 865,
+          lineNumber: 869,
           columnNumber: 11
         }
       }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 867,
+          lineNumber: 871,
           columnNumber: 15
         }
       }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30629,7 +30620,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 869,
+          lineNumber: 873,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -30641,7 +30632,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 870,
+          lineNumber: 874,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30649,7 +30640,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 877,
+          lineNumber: 881,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -30658,7 +30649,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 878,
+          lineNumber: 882,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -30668,7 +30659,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 881,
+          lineNumber: 885,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -30685,7 +30676,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 890,
+        lineNumber: 894,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -30694,10 +30685,22 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 893,
+        lineNumber: 897,
         columnNumber: 32
       }
-    }) : renderUpload(), showCropper && renderCropper());
+    }) : renderUpload(), showCropper && renderCropper(), /*#__PURE__*/React__default["default"].createElement(Input$2, {
+      type: "file",
+      accept: accept,
+      ref: hiddenFileInput,
+      onChange: handleChange,
+      multiple: multiple,
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$9,
+        lineNumber: 899,
+        columnNumber: 7
+      }
+    }));
   };
   Upload.defaultProps = {
     listType: 'file',