@majoo-ui/react 1.61.20-rc.3 → 1.61.20-rc.4

package/index.esm.js

@@ -14506,48 +14506,76 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
   const scrollerRef = React__default.useRef(null);
   const isShowSelectAll = showSelectAll && !maxSelectedItem;
 
-  // Create a flat list structure for virtualization
-  // This includes both parent items and their children, maintaining proper indexing
-  const virtualizedItemsList = useMemo(() => {
-    const list = [];
-    items.forEach((item, itemIndex) => {
+  // Calculate total item count efficiently without creating full array
+  const totalItemCount = useMemo(() => {
+    return items.reduce((count, item) => {
       if (item != null && item.children) {
-        // For option groups, add parent and all children
-        list.push({
-          type: 'group',
-          item,
-          originalIndex: itemIndex
-        });
-        item.children.forEach((child, childIndex) => {
-          list.push({
-            type: 'child',
-            item: child,
-            originalIndex: itemIndex,
-            childIndex
-          });
-        });
-      } else {
-        // For regular items
-        list.push({
-          type: 'item',
-          item,
-          originalIndex: itemIndex
-        });
+        return count + 1 + item.children.length; // parent + children
       }
-    });
-    return list;
+      return count + 1;
+    }, 0);
   }, [items]);
 
   // Determine if virtualization should be enabled
-  const shouldVirtualize = virtualized && virtualizedItemsList.length >= virtualizedThreshold;
+  const shouldVirtualize = virtualized && totalItemCount >= virtualizedThreshold;
+
+  // Lazy item lookup function - only compute when needed
+  const getItemAtIndex = useCallback(index => {
+    let currentIndex = 0;
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+      if (item != null && item.children) {
+        // Check if index is the group header
+        if (currentIndex === index) {
+          return {
+            type: 'group',
+            item,
+            originalIndex: i
+          };
+        }
+        currentIndex++;
+
+        // Check if index is within children
+        for (let j = 0; j < item.children.length; j++) {
+          if (currentIndex === index) {
+            return {
+              type: 'child',
+              item: item.children[j],
+              originalIndex: i,
+              childIndex: j
+            };
+          }
+          currentIndex++;
+        }
+      } else {
+        // Regular item
+        if (currentIndex === index) {
+          return {
+            type: 'item',
+            item,
+            originalIndex: i
+          };
+        }
+        currentIndex++;
+      }
+    }
+    return null;
+  }, [items]);
+
+  // Dynamic overscan based on dataset size
+  const overscanCount = useMemo(() => {
+    if (totalItemCount > 10000) return 5;
+    if (totalItemCount > 1000) return 8;
+    return 10;
+  }, [totalItemCount]);
 
   // Setup virtualization
   const rowVirtualizer = useVirtual({
-    size: virtualizedItemsList.length,
+    size: totalItemCount,
     parentRef: scrollerRef,
     estimateSize: useCallback(() => 44, []),
     // Estimated height of each item
-    overscan: 10 // Number of items to render outside of the visible area
+    overscan: overscanCount
   });
   useMountedLayoutEffect(() => {
     var _scrollerRef$current;
@@ -14671,6 +14699,17 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       }
     }
   };
+
+  // Memoize flattened items for useCombobox to prevent recalculation on every render
+  const flattenedItemsForCombobox = useMemo(() => {
+    // For very large datasets, limit the flattened array to improve performance
+    // useCombobox needs this for keyboard navigation, but we can optimize it
+    if (totalItemCount > 10000) {
+      // For huge datasets, only flatten what's visible or searched
+      return items.slice(0, 100).reduce((acc, item) => [...acc, item, ...(item.children ? item.children : [])], []);
+    }
+    return items.reduce((acc, item) => [...acc, item, ...(item.children ? item.children : [])], []);
+  }, [items, totalItemCount]);
   const {
     getToggleButtonProps,
     getMenuProps,
@@ -14682,7 +14721,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     isOpen
   } = useCombobox({
     inputValue,
-    items: items.reduce((acc, item) => [...acc, item, ...(item.children ? item.children : [])], []),
+    items: flattenedItemsForCombobox,
     selectedItem: selectedValue,
     itemToString: item => item ? item.name : '',
     onStateChange: ({
@@ -14832,8 +14871,15 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     }
   });
   const memoOptions = useMemo(() => {
+    // Skip expensive operations for very large datasets
+    const isVeryLarge = (option == null ? void 0 : option.length) > 10000;
+
+    // For very large datasets, skip sorting and copying to improve performance
+    if (isVeryLarge && !maxSelectedItem) {
+      return option || [];
+    }
     const optionsCopy = option ? [...option] : [];
-    if (sortBy === 'id') {
+    if (sortBy === 'id' && !isVeryLarge) {
       optionsCopy.sort((a, b) => {
         const idA = typeof a.id === 'string' ? a.id.toUpperCase() : a.id;
         const idB = typeof b.id === 'string' ? b.id.toUpperCase() : b.id;
@@ -14843,7 +14889,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         if (idA > idB) return 1;
         return 0;
       });
-    } else if (sortBy === 'name') {
+    } else if (sortBy === 'name' && !isVeryLarge) {
       optionsCopy.sort((a, b) => {
         const nameA = typeof a.name === 'string' ? a.name.toUpperCase() : a.name;
         const nameB = typeof b.name === 'string' ? b.name.toUpperCase() : b.name;
@@ -14866,10 +14912,20 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       return item;
     }) : optionsCopy;
   }, [maxSelectedItem, option, selectedValue, sortBy]);
-  const memoOptionsString = useMemo(() => JSON.stringify(memoOptions), [memoOptions]);
-  const itemsLength = items == null ? void 0 : items.reduce((acc, item) => {
-    return [...acc, ...(item.children ? item.children : [item])];
-  }, []).length;
+  const memoOptionsString = useMemo(() => {
+    // For very large datasets, skip JSON.stringify as it's expensive
+    if ((memoOptions == null ? void 0 : memoOptions.length) > 10000) {
+      return `${memoOptions.length}-${Date.now()}`;
+    }
+    return JSON.stringify(memoOptions);
+  }, [memoOptions]);
+
+  // Optimize itemsLength calculation - avoid creating arrays
+  const itemsLength = useMemo(() => {
+    return (items == null ? void 0 : items.reduce((count, item) => {
+      return count + (item.children ? item.children.length : 1);
+    }, 0)) || 0;
+  }, [items]);
   useEffect(() => {
     if (!inputValue || fetchData) {
       setItems(isShowSelectAll ? [{
@@ -14947,7 +15003,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 807,
+        lineNumber: 866,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -14961,7 +15017,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 826,
+        lineNumber: 885,
         columnNumber: 11
       }
     }, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14969,7 +15025,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 838,
+        lineNumber: 897,
         columnNumber: 17
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14977,21 +15033,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 842,
+        lineNumber: 901,
         columnNumber: 19
       }
     })), isShowSelectAll && (item == null ? void 0 : item.id) === '!all' && selectedValue != null && selectedValue.length && (selectedValue == null ? void 0 : selectedValue.length) < itemsLength ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 846,
+        lineNumber: 905,
         columnNumber: 15
       }
     }, "-") : /*#__PURE__*/React__default.createElement("div", {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 848,
+        lineNumber: 907,
         columnNumber: 15
       }
     })), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -15002,7 +15058,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 851,
+        lineNumber: 910,
         columnNumber: 11
       }
     }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
@@ -15030,7 +15086,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 867,
+          lineNumber: 926,
           columnNumber: 13
         }
       }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -15043,7 +15099,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 880,
+          lineNumber: 939,
           columnNumber: 15
         }
       }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -15051,7 +15107,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 890,
+          lineNumber: 949,
           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.createElement(CheckOutline, {
@@ -15059,14 +15115,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 892,
+          lineNumber: 951,
           columnNumber: 19
         }
       }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 894,
+          lineNumber: 953,
           columnNumber: 19
         }
       }, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -15077,14 +15133,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 897,
+          lineNumber: 956,
           columnNumber: 15
         }
       }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 865,
+        lineNumber: 924,
         columnNumber: 9
       }
     }, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
@@ -15097,7 +15153,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 909,
+      lineNumber: 968,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Select, {
@@ -15107,7 +15163,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 910,
+      lineNumber: 969,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -15122,7 +15178,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 911,
+      lineNumber: 970,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
@@ -15140,7 +15196,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 921,
+      lineNumber: 980,
       columnNumber: 13
     }
   })), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -15154,7 +15210,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 928,
+      lineNumber: 987,
       columnNumber: 13
     }
   }), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -15165,7 +15221,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 939,
+      lineNumber: 998,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
@@ -15173,7 +15229,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 944,
+      lineNumber: 1003,
       columnNumber: 13
     }
   }))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15186,7 +15242,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 948,
+      lineNumber: 1007,
       columnNumber: 11
     }
   }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
@@ -15194,7 +15250,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 954,
+      lineNumber: 1013,
       columnNumber: 13
     }
   }, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
@@ -15215,7 +15271,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 956,
+      lineNumber: 1015,
       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) => {
@@ -15246,7 +15302,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 985,
+      lineNumber: 1044,
       columnNumber: 21
     }
   }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15255,7 +15311,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1008,
+      lineNumber: 1067,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15265,14 +15321,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1009,
+      lineNumber: 1068,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1010,
+      lineNumber: 1069,
       columnNumber: 19
     }
   }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15286,7 +15342,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1011,
+      lineNumber: 1070,
       columnNumber: 19
     }
   }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -15294,7 +15350,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1017,
+      lineNumber: 1076,
       columnNumber: 23
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -15302,7 +15358,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1019,
+      lineNumber: 1078,
       columnNumber: 23
     }
   }), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15314,14 +15370,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1021,
+      lineNumber: 1080,
       columnNumber: 21
     }
   }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1025,
+      lineNumber: 1084,
       columnNumber: 19
     }
   })), showCollapsibleCounter && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15332,7 +15388,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1028,
+      lineNumber: 1087,
       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.createElement(Paragraph, {
@@ -15344,7 +15400,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1039,
+      lineNumber: 1098,
       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.createElement(OptionWrapper$1, {
@@ -15357,7 +15413,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1046,
+      lineNumber: 1105,
       columnNumber: 9
     }
   }, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15379,7 +15435,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1056,
+      lineNumber: 1115,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -15387,7 +15443,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1073,
+      lineNumber: 1132,
       columnNumber: 15
     }
   }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
@@ -15399,7 +15455,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1078,
+      lineNumber: 1137,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -15422,14 +15478,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1082,
+        lineNumber: 1141,
         columnNumber: 19
       }
     }, child),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1079,
+      lineNumber: 1138,
       columnNumber: 15
     }
   }, isOpen && shouldVirtualize ?
@@ -15444,12 +15500,13 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1103,
+      lineNumber: 1162,
       columnNumber: 21
     }
   }, rowVirtualizer.virtualItems.map(virtualRow => {
     var _item$children9, _item$children0, _item$children1;
-    const virtualItem = virtualizedItemsList[virtualRow.index];
+    const virtualItem = getItemAtIndex(virtualRow.index);
+    if (!virtualItem) return null;
     const {
       type,
       item
@@ -15466,7 +15523,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1109,
+        lineNumber: 1170,
         columnNumber: 27
       }
     }, type === 'group' ?
@@ -15486,7 +15543,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1121,
+        lineNumber: 1182,
         columnNumber: 31
       }
     }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -15499,7 +15556,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1134,
+        lineNumber: 1195,
         columnNumber: 33
       }
     }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -15507,7 +15564,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1144,
+        lineNumber: 1205,
         columnNumber: 37
       }
     }) : (item == null || (_item$children9 = item.children) == null || (_item$children9 = _item$children9.filter(e => selectedValue.includes(e.id) && !e.isDisabled)) == null ? void 0 : _item$children9.length) === (item == null || (_item$children0 = item.children) == null || (_item$children0 = _item$children0.filter(e => !e.isDisabled)) == null ? void 0 : _item$children0.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -15515,14 +15572,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1148,
+        lineNumber: 1209,
         columnNumber: 39
       }
     }) : (item == null || (_item$children1 = item.children) == null || (_item$children1 = _item$children1.filter(e => selectedValue.includes(e.id) && !e.isDisabled)) == null ? void 0 : _item$children1.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1150,
+        lineNumber: 1211,
         columnNumber: 39
       }
     }, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -15533,7 +15590,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1154,
+        lineNumber: 1215,
         columnNumber: 33
       }
     }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)) :
@@ -15551,14 +15608,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1177,
+      lineNumber: 1238,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(StyledDiv, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1178,
+      lineNumber: 1239,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -15568,7 +15625,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1179,
+      lineNumber: 1240,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -15580,7 +15637,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1180,
+      lineNumber: 1241,
       columnNumber: 19
     }
   })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.20-rc.3",
+  "version": "1.61.20-rc.4",
   "main": "./index.esm.js",
   "exports": {
     ".": {