@bitrise/bitkit 13.10.1-alpha.0 → 13.10.1-alpha.1

package/package.json

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

package/src/Components/Filter/Filter.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useMemo, useRef, useState } from 'react';
 import { Modal, ModalOverlay, useMultiStyleConfig } from '@chakra-ui/react';
 import { isEqual } from '../../utils/utils';
 import Box, { BoxProps } from '../Box/Box';
@@ -46,8 +46,6 @@ const Filter = (props: FilterProps) => {
     ...rest
   } = props;
 
-  const initialState = useRef<FilterState>();
-
   const filterStyle = useMultiStyleConfig('Filter') as FilterStyle;
 
   const cleanState: FilterState = {};
@@ -61,6 +59,8 @@ const Filter = (props: FilterProps) => {
     }
   });
 
+  const initialState = useRef<FilterState>(cleanState);
+
   const [isPopoverOpen, setPopoverOpen] = useState<boolean>(false);
 
   const deleteFromState = (category: string, stateProp: FilterState): FilterState => {
@@ -112,7 +112,7 @@ const Filter = (props: FilterProps) => {
     filters[value.type || 'tag'][category] = value;
   });
 
-  const showClearFilters = initialState.current && !isEqual(initialState.current, state);
+  const showClearFilters = !isEqual(initialState.current, state);
 
   const contextValue: FilterContextType = useMemo(
     () => ({
@@ -127,12 +127,6 @@ const Filter = (props: FilterProps) => {
     [data, filtersDependOn, isLoading, onFilterChange, onFilterClear, setPopoverOpen, cleanState],
   );
 
-  useEffect(() => {
-    if (!initialState.current) {
-      initialState.current = cleanState;
-    }
-  }, []);
-
   return (
     <FilterContext value={contextValue}>
       <Box sx={filterStyle.container} {...rest}>

package/src/Components/Filter/FilterSearch/FilterSearch.tsx

@@ -36,7 +36,7 @@ const FilterSearch = (props: FilterSearchProps) => {
       onChange('search', searchValue.length ? [searchValue] : []);
     }, 500);
     return () => clearTimeout(delayInputTimeoutId);
-  }, [searchValue, 500]);
+  }, [searchValue]);
 
   useEffect(() => {
     setSearchValue(value);