@bitrise/bitkit 13.199.0 → 13.201.0

package/package.json

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

package/src/Components/Filter/Filter.types.ts

@@ -22,6 +22,7 @@ export type FilterCategoryProps = {
   iconsMap?: FilterIconsMap;
   hasNotFilteredOption?: boolean;
   preserveOptionOrder?: boolean;
+  isInitialLoading?: boolean;
   isMultiple?: boolean;
   onAsyncSearch?: FilterSearchCallback;
   options?: FilterOptions;

package/src/Components/Filter/FilterForm/FilterForm.tsx

@@ -35,6 +35,7 @@ const FilterForm = (props: FilterFormProps) => {
     iconsMap,
     hasNotFilteredOption = true,
     preserveOptionOrder,
+    isInitialLoading,
     isMultiple,
     onAsyncSearch,
     options,
@@ -47,7 +48,7 @@ const FilterForm = (props: FilterFormProps) => {
   const [searchValue, setSearchValue] = useState<string>('');
   const debouncedSearchValue = useDebounce<string>(searchValue, 1000);
 
-  const [isLoading, setLoading] = useState(false);
+  const [isLoading, setLoading] = useState(Boolean(isInitialLoading));
   const [foundOptions, setFoundOptions] = useState<FilterOptions>([]);
 
   const isAsync = !!onAsyncSearch;
@@ -63,7 +64,7 @@ const FilterForm = (props: FilterFormProps) => {
       });
     }
     return [];
-  }, [searchValue]);
+  }, [searchValue, options]);
 
   const onSearchChange = (q: string) => {
     setSearchValue(q);
@@ -107,11 +108,15 @@ const FilterForm = (props: FilterFormProps) => {
     }
   };
 
+  useEffect(() => {
+    setLoading(Boolean(isInitialLoading));
+  }, [isInitialLoading]);
+
   useEffect(() => {
     if (debouncedSearchValue.length > 0) {
       getAsyncList();
     } else {
-      setLoading(false);
+      setLoading(Boolean(isInitialLoading));
     }
   }, [debouncedSearchValue]);
 
@@ -137,6 +142,7 @@ const FilterForm = (props: FilterFormProps) => {
         </Box>
         {(withSearch || isAsync) && (
           <SearchInput
+            isDisabled={isInitialLoading}
             onChange={onSearchChange}
             placeholder={isAsync ? 'Start typing to search options' : 'Start typing to find options'}
             sx={filterStyle.formSearch}

package/src/Components/OverflowMenu/OverflowMenu.tsx

@@ -7,12 +7,14 @@ import MenuList, { MenuListProps } from '../Menu/MenuList';
 
 export interface OverflowMenuProps extends MenuProps {
   children: MenuListProps['children'];
+  buttonProps?: ControlButtonProps;
   buttonSize?: ControlButtonProps['size'];
   triggerLabel?: string;
   withPortal?: boolean;
 }
 
 const OverflowMenu = ({
+  buttonProps,
   buttonSize = 'sm',
   children,
   triggerLabel = 'Open menu',
@@ -29,6 +31,7 @@ const OverflowMenu = ({
         iconName="MoreVertical"
         isTooltipDisabled
         size={buttonSize}
+        {...buttonProps}
       />
       <Wrapper>
         <MenuList>{children}</MenuList>