@bitrise/bitkit 13.218.0 → 13.220.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.218.0",
+  "version": "13.220.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Dropdown/Dropdown.tsx

@@ -354,13 +354,19 @@ const Dropdown = forwardRef<Element, DropdownProps<string | null>>(
     const searchElement = search === false ? null : search || <DropdownSearch />;
     const buttonId = useId();
 
+    const onScrolledToBottomRef = useRef(onScrolledToBottom);
+
+    useEffect(() => {
+      onScrolledToBottomRef.current = onScrolledToBottom;
+    }, [onScrolledToBottom]);
+
     const internalRef = useCallback((node: HTMLDivElement | null) => {
       if (!node) return;
 
       const handleScroll = () => {
         const { scrollTop, scrollHeight, clientHeight } = node;
         if (scrollTop + clientHeight >= scrollHeight) {
-          onScrolledToBottom?.();
+          onScrolledToBottomRef.current?.();
         }
       };
 
@@ -415,9 +421,11 @@ const Dropdown = forwardRef<Element, DropdownProps<string | null>>(
                 {searchElement}
                 <chakra.div ref={mergedRef} __css={dropdownStyles.options} tabIndex={-1}>
                   {children}
-                  <chakra.div display="flex" justifyContent="space-around">
-                    <ProgressSpinner />
-                  </chakra.div>
+                  {onScrolledToBottom && (
+                    <chakra.div display="flex" justifyContent="space-around">
+                      <ProgressSpinner />
+                    </chakra.div>
+                  )}
                 </chakra.div>
               </chakra.div>
             </FloatingFocusManager>

package/src/Components/Dropdown/DropdownProps.ts

@@ -27,7 +27,6 @@ export interface DropdownProps<T> extends ChakraProps {
   infoTooltipLabel?: string;
   infoTooltipProps?: TooltipProps;
   isError?: boolean;
-  isLoadingMore?: boolean;
   isWarning?: boolean;
   label?: string;
   name?: string;