@bitrise/bitkit 13.344.0 → 13.346.0

package/src/Components/Dropdown/DropdownButton.tsx

@@ -1,7 +1,8 @@
-import { forwardRef, ReactNode } from 'react';
 import { chakra, ChakraProps } from 'chakra-ui-2--react';
-import Icon, { TypeIconName } from '../Icon/Icon';
+import { forwardRef, ReactNode } from 'react';
+
 import Avatar, { AvatarProps } from '../Avatar/Avatar';
+import Icon, { TypeIconName } from '../Icon/Icon';
 import { useDropdownStyles } from './Dropdown.context';
 import { DropdownProps } from './DropdownProps';
 
@@ -26,7 +27,7 @@ const DropdownButton = forwardRef<HTMLButtonElement, DropdownButtonProps>(
     {
       avatar,
       blurHandler,
-      children,
+      children: _,
       disabled,
       formLabel,
       iconName,
@@ -93,4 +94,6 @@ const DropdownButton = forwardRef<HTMLButtonElement, DropdownButtonProps>(
   },
 );
 
+DropdownButton.displayName = 'DropdownButton';
+
 export default DropdownButton;

package/src/Components/Dropdown/DropdownOption.tsx

@@ -1,11 +1,12 @@
-import { MouseEventHandler, ReactNode, useId } from 'react';
 import { Avatar, AvatarProps, chakra } from 'chakra-ui-2--react';
 import clsx from 'clsx';
-import Text, { TextProps } from '../Text/Text';
-import Divider from '../Divider/Divider';
+import { MouseEventHandler, ReactNode, useId } from 'react';
+
 import Box from '../Box/Box';
-import Icon from '../Icon/Icon';
+import Divider from '../Divider/Divider';
 import Checkbox from '../Form/Checkbox/Checkbox';
+import Icon from '../Icon/Icon';
+import Text, { TextProps } from '../Text/Text';
 import { useDropdownContext, useDropdownStyles } from './Dropdown.context';
 
 export type DropdownOptionProps<T> = {
@@ -36,6 +37,7 @@ const DropdownOption = <T = string,>({
     <chakra.div
       ref={(node) => {
         if (ctx.listRef.current) {
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, react-hooks/immutability
           ctx.listRef.current[index!] = node;
         }
       }}
@@ -145,4 +147,4 @@ const DropdownDetailedOption = <T = string,>({
 };
 DropdownDetailedOption.searchable = true;
 
-export { DropdownOption, DropdownGroup, DropdownDetailedOption };
+export { DropdownDetailedOption, DropdownGroup, DropdownOption };

package/src/Components/Dropdown/DropdownProps.ts

@@ -1,9 +1,10 @@
-import { ReactNode } from 'react';
-import { ChakraProps } from 'chakra-ui-2--react';
 import { UseFloatingProps } from '@floating-ui/react-dom-interactions';
+import { ChakraProps } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
+import { FormLabelProps } from '../Form/FormLabel';
 import { TypeIconName } from '../Icon/Icon';
 import { TooltipProps } from '../Tooltip/Tooltip';
-import { FormLabelProps } from '../Form/FormLabel';
 
 type DropdownInstance<T> = { value: T; name?: string };
 

package/src/Components/Dropdown/hooks/useFloatingDropdown.ts

@@ -1,4 +1,3 @@
-import { KeyboardEvent, RefObject, useEffect, useRef, useState } from 'react';
 import {
   autoUpdate,
   flip,
@@ -14,6 +13,8 @@ import {
 } from '@floating-ui/react-dom-interactions';
 import { ChakraProps } from 'chakra-ui-2--react';
 import { mergeRefs } from 'chakra-ui-2--react-utils';
+import { KeyboardEvent, RefObject, useEffect, useRef, useState } from 'react';
+
 import useAutoScroll from './useAutoScroll';
 
 type ApplyFnArgs = MiddlewareState & {

package/src/Components/Dropdown/hooks/useSimpleSearch.tsx

@@ -1,8 +1,9 @@
-import { Children, cloneElement, isValidElement, ReactNode, useMemo, useState } from 'react';
 import { chakra } from 'chakra-ui-2--react';
+import { Children, cloneElement, isValidElement, ReactNode, useMemo, useState } from 'react';
+
 import { useDropdownStyles } from '../Dropdown.context';
-import isNodeMatch from '../isNodeMatch';
 import { DropdownGroup } from '../DropdownOption';
+import isNodeMatch from '../isNodeMatch';
 
 const NoResultsFound = ({ children }: { children: ReactNode }) => {
   const { item } = useDropdownStyles();
@@ -44,4 +45,4 @@ function useSimpleSearch({ children, onSearch }: { children?: ReactNode; onSearc
 
   return { children: options, searchOnChange, searchValue };
 }
-export { useSimpleSearch, NoResultsFound };
+export { NoResultsFound, useSimpleSearch };

package/src/Components/EmptyState/EmptyState.tsx

@@ -1,5 +1,6 @@
-import { ReactNode } from 'react';
 import { useMultiStyleConfig } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
 import Box, { BoxProps } from '../Box/Box';
 import Icon, { TypeIconName } from '../Icon/Icon';
 import Text from '../Text/Text';

package/src/Components/ExpandableCard/ExpandableCard.tsx

@@ -1,8 +1,9 @@
-import { ReactNode } from 'react';
 import { forwardRef, useDisclosure, useMultiStyleConfig } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
 import Box, { BoxProps } from '../Box/Box';
-import Collapse from '../Collapse/Collapse';
 import Card, { CardProps } from '../Card/Card';
+import Collapse from '../Collapse/Collapse';
 import Icon from '../Icon/Icon';
 
 export interface ExpandableCardProps extends Omit<

package/src/Components/Filter/Desktop/Filter.tsx

@@ -1,10 +1,11 @@
 import { Modal, ModalOverlay, useMultiStyleConfig } from 'chakra-ui-2--react';
+
 import Box from '../../Box/Box';
-import Icon from '../../Icon/Icon';
 import Button from '../../Button/Button';
 import Divider from '../../Divider/Divider';
-import { FilterProps } from '../Filter.types';
+import Icon from '../../Icon/Icon';
 import { useFilterContext } from '../Filter.context';
+import { FilterProps } from '../Filter.types';
 import FilterAdd from './FilterAdd/FilterAdd';
 import FilterDate from './FilterDate/FilterDate';
 import FilterItem from './FilterItem';
@@ -13,16 +14,16 @@ import FilterSwitchAdapter from './FilterSwitch/FilterSwitchAdapter';
 
 const Filter = (props: FilterProps) => {
   const {
-    data,
-    defaultState,
-    filtersDependOn,
+    data: _data,
+    defaultState: _defaultState,
+    filtersDependOn: _filtersDependOn,
     isLoading,
     isMobile,
-    onChange,
+    onChange: _onChange,
     searchTooltip,
     showAdd = true,
     showFilterIcon = true,
-    showClearFilters = true,
+    showClearFilters: _showClearFilters = true,
     showSearch,
     ...rest
   } = props;

package/src/Components/Filter/Desktop/FilterAdd/FilterAdd.tsx

@@ -1,12 +1,13 @@
 import { Menu, MenuButton, MenuList, Portal } from 'chakra-ui-2--react';
+
 import Button from '../../../Button/Button';
 import MenuItem from '../../../Menu/MenuItem';
 import Tooltip from '../../../Tooltip/Tooltip';
 import { useFilterContext } from '../../Filter.context';
-import FilterForm from '../FilterForm';
 import { FilterValue } from '../../Filter.types';
 import { getMissingDependencies } from '../../Filter.utils';
 import useFilterAdd from '../../hooks/useFilterAdd';
+import FilterForm from '../FilterForm';
 
 export interface FilterAddProps {
   onChange: (category: string, selected: FilterValue) => void;

package/src/Components/Filter/Desktop/FilterDate/FilterDate.tsx

@@ -1,13 +1,14 @@
-import { useEffect } from 'react';
 import { useDisclosure, useMultiStyleConfig } from 'chakra-ui-2--react';
 import { DateTime } from 'luxon';
+import { useEffect } from 'react';
+
+import Box from '../../../Box/Box';
 import DatePicker, { DatePickerProps, DateRange, useDateRange } from '../../../DatePicker/DatePicker';
+import Icon from '../../../Icon/Icon';
+import Text from '../../../Text/Text';
 import { useFilterContext } from '../../Filter.context';
 import { FilterStyle } from '../../Filter.theme';
 import { FilterCategoryProps } from '../../Filter.types';
-import Box from '../../../Box/Box';
-import Text from '../../../Text/Text';
-import Icon from '../../../Icon/Icon';
 
 export type FilterDateProps = {
   category: string;

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

@@ -1,25 +1,26 @@
 import { useMultiStyleConfig } from 'chakra-ui-2--react';
 import FocusLock from 'react-focus-lock';
-import Tooltip from '../../Tooltip/Tooltip';
+
 import Badge from '../../Badge/Badge';
 import Box from '../../Box/Box';
 import Button from '../../Button/Button';
 import ButtonGroup from '../../ButtonGroup/ButtonGroup';
 import Checkbox from '../../Form/Checkbox/Checkbox';
 import CheckboxGroup from '../../Form/Checkbox/CheckboxGroup';
-import Icon from '../../Icon/Icon';
 import Input from '../../Form/Input/Input';
+import Radio from '../../Form/Radio/Radio';
+import RadioGroup from '../../Form/Radio/RadioGroup';
+import Icon from '../../Icon/Icon';
 import List from '../../List/List';
 import ListItem from '../../List/ListItem';
 import ProgressSpinner from '../../ProgressSpinner/ProgressSpinner';
-import Radio from '../../Form/Radio/Radio';
-import RadioGroup from '../../Form/Radio/RadioGroup';
 import SearchInput from '../../SearchInput/SearchInput';
 import Text from '../../Text/Text';
+import Tooltip from '../../Tooltip/Tooltip';
+import { useFilterContext } from '../Filter.context';
 import { FilterStyle } from '../Filter.theme';
 import { FilterFormProps, FilterOptions, FilterValue } from '../Filter.types';
 import { getOptionLabel } from '../Filter.utils';
-import { useFilterContext } from '../Filter.context';
 import useFilterForm, { MAX_ITEMS } from '../hooks/useFilterForm';
 
 /**

package/src/Components/Filter/Desktop/FilterItem.tsx

@@ -1,5 +1,6 @@
-import { useEffect } from 'react';
 import { useDisclosure, useMultiStyleConfig } from 'chakra-ui-2--react';
+import { useEffect } from 'react';
+
 import Box from '../../Box/Box';
 import Icon from '../../Icon/Icon';
 import IconButton from '../../IconButton/IconButton';
@@ -8,9 +9,9 @@ import PopoverContent from '../../Popover/PopoverContent';
 import PopoverTrigger from '../../Popover/PopoverTrigger';
 import Text from '../../Text/Text';
 import Tooltip from '../../Tooltip/Tooltip';
+import { useFilterContext } from '../Filter.context';
 import { FilterStyle } from '../Filter.theme';
 import { FilterValue } from '../Filter.types';
-import { useFilterContext } from '../Filter.context';
 import { getOptionLabel } from '../Filter.utils';
 import FilterForm from './FilterForm';
 

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

@@ -1,4 +1,3 @@
-import { ChangeEvent, ReactNode, useEffect, useState } from 'react';
 import {
   Input,
   InputGroup,
@@ -7,6 +6,8 @@ import {
   InputRightElement,
   useMultiStyleConfig,
 } from 'chakra-ui-2--react';
+import { ChangeEvent, ReactNode, useEffect, useState } from 'react';
+
 import Icon from '../../Icon/Icon';
 import IconButton from '../../IconButton/IconButton';
 import Tooltip from '../../Tooltip/Tooltip';

package/src/Components/Filter/Desktop/FilterSwitch/FilterSwitch.tsx

@@ -1,4 +1,3 @@
-import { useMemo } from 'react';
 import {
   chakra,
   forwardRef,
@@ -7,12 +6,14 @@ import {
   useRadio,
   useRadioGroupContext,
 } from 'chakra-ui-2--react';
-import { omitThemingProps } from 'chakra-ui-2--styled-system';
 import { createContext } from 'chakra-ui-2--react-utils';
-import Divider from '../../../Divider/Divider';
-import Text from '../../../Text/Text';
+import { omitThemingProps } from 'chakra-ui-2--styled-system';
+import { useMemo } from 'react';
+
 import Box from '../../../Box/Box';
+import Divider from '../../../Divider/Divider';
 import Icon, { TypeIconName } from '../../../Icon/Icon';
+import Text from '../../../Text/Text';
 
 type RadioInputProps = ChakraRadioProps['inputProps'] & {
   'data-testid'?: string;

package/src/Components/Filter/Desktop/FilterSwitch/FilterSwitchAdapter.tsx

@@ -1,7 +1,8 @@
 import { useMemo } from 'react';
+
 import { useFilterContext } from '../../Filter.context';
-import { getOptionLabel } from '../../Filter.utils';
 import { FilterCategoryProps } from '../../Filter.types';
+import { getOptionLabel } from '../../Filter.utils';
 import FilterSwitch from './FilterSwitch';
 import FilterSwitchGroup from './FilterSwitchGroup';
 

package/src/Components/Filter/Desktop/FilterSwitch/FilterSwitchGroup.tsx

@@ -1,4 +1,5 @@
 import { RadioGroup as ChakraRadioGroup, RadioGroupProps, useMultiStyleConfig } from 'chakra-ui-2--react';
+
 import { FilterSwitchContextProvider } from './FilterSwitch';
 
 export type FilterSwitchGroupProps = { options: string[] } & RadioGroupProps;

package/src/Components/Filter/Filter.context.tsx

@@ -1,4 +1,5 @@
 import { createContext } from 'chakra-ui-2--react-utils';
+
 import { FilterContextType } from './Filter.types';
 
 export const [FilterContext, useFilterContext] = createContext<FilterContextType>({

package/src/Components/Filter/Filter.storyData.ts

@@ -1,4 +1,5 @@
 import { DateTime } from 'luxon';
+
 import { DateRange } from '../DatePicker/useDateRange';
 import { FilterContextType, FilterData, FilterOptions, FilterState } from './Filter.types';
 

package/src/Components/Filter/Filter.theme.ts

@@ -1,4 +1,5 @@
 import { createMultiStyleConfigHelpers, SystemStyleObject } from 'chakra-ui-2--styled-system';
+
 import { rem } from '../../utils/utils';
 
 export const parts = [

package/src/Components/Filter/Filter.tsx

@@ -1,10 +1,11 @@
 import { useMemo, useState } from 'react';
+
 import { isEqual } from '../../utils/utils';
+import FilterDesktop from './Desktop/Filter';
 import { FilterContext } from './Filter.context';
 import { FilterContextType, FilterProps, Filters, FilterState, FilterValue } from './Filter.types';
 import { getDependents } from './Filter.utils';
 import FilterMobile from './Mobile/Filter';
-import FilterDesktop from './Desktop/Filter';
 
 const Filter = (props: FilterProps) => {
   const { data, defaultState, filtersDependOn, isLoading, isMobile, onChange, showClearFilters = true, state } = props;
@@ -93,7 +94,20 @@ const Filter = (props: FilterProps) => {
       setSelectedCategory,
       state: cleanState,
     }),
-    [data, filtersDependOn, isLoading, onFilterChange, onFilterClear, setPopoverOpen, cleanState],
+    [
+      data,
+      filters,
+      filtersDependOn,
+      isPopoverOpen,
+      isLoading,
+      onClearFilters,
+      onFilterChange,
+      onFilterClear,
+      selectedCategory,
+      showClearButton,
+      setPopoverOpen,
+      cleanState,
+    ],
   );
 
   return (

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

@@ -1,7 +1,8 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { TypeIconName } from '../Icon/Icon';
-import { DatePickerProps, DateRange } from '../DatePicker/DatePicker';
+
 import { BoxProps } from '../Box/Box';
+import { DatePickerProps, DateRange } from '../DatePicker/DatePicker';
+import { TypeIconName } from '../Icon/Icon';
 
 export type FilterType = 'dateRange' | 'search' | 'select' | 'switch' | 'tag';
 

package/src/Components/Filter/Filter.utils.ts

@@ -1,4 +1,5 @@
 import { DateTime } from 'luxon';
+
 import { DateRange } from '../DatePicker/DatePicker';
 import { FilterData, FilterOptionsMap } from './Filter.types';
 

package/src/Components/Filter/Mobile/DateSelectOption.tsx

@@ -1,4 +1,5 @@
 import { DateTime } from 'luxon';
+
 import Box from '../../Box/Box';
 import DatePicker, { DatePickerProps, DateRange, useDateRange } from '../../DatePicker/DatePicker';
 import { useFilterContext } from '../Filter.context';

package/src/Components/Filter/Mobile/Filter.tsx

@@ -1,8 +1,8 @@
-import Divider from '../../Divider/Divider';
 import Badge from '../../Badge/Badge';
-import Text from '../../Text/Text';
-import Button from '../../Button/Button';
 import Box from '../../Box/Box';
+import Button from '../../Button/Button';
+import Divider from '../../Divider/Divider';
+import Text from '../../Text/Text';
 import { useFilterContext } from '../Filter.context';
 import { FilterProps } from '../Filter.types';
 import FilterDrawer from './FilterDrawer';
@@ -11,16 +11,16 @@ import FilterSearch from './FilterSearch';
 
 const Filter = (props: FilterProps) => {
   const {
-    data: initialData,
-    defaultState,
-    filtersDependOn,
+    data: _initialData,
+    defaultState: _defaultState,
+    filtersDependOn: _filtersDependOn,
     isLoading,
-    isMobile,
-    onChange,
-    searchTooltip,
+    isMobile: _isMobile,
+    onChange: _onChange,
+    searchTooltip: _searchTooltip,
     showAdd = true,
-    showFilterIcon = true,
-    showClearFilters = true,
+    showFilterIcon: _showFilterIcon = true,
+    showClearFilters: _showClearFilters = true,
     showSearch,
     ...rest
   } = props;

package/src/Components/Filter/Mobile/FilterAdd.tsx

@@ -1,12 +1,13 @@
 import { Modal, ModalOverlay, Portal } from 'chakra-ui-2--react';
+
+import Box from '../../Box/Box';
+import Button from '../../Button/Button';
 import Menu from '../../Menu/Menu';
 import MenuItem from '../../Menu/MenuItem';
-import Button from '../../Button/Button';
-import Box from '../../Box/Box';
 import Text from '../../Text/Text';
+import { useFilterContext } from '../Filter.context';
 import { getMissingDependencies } from '../Filter.utils';
 import useFilterAdd from '../hooks/useFilterAdd';
-import { useFilterContext } from '../Filter.context';
 import FilterForm from './FilterForm';
 
 const FilterAdd = () => {

package/src/Components/Filter/Mobile/FilterDrawer.tsx

@@ -1,14 +1,15 @@
 import { useRef } from 'react';
-import ButtonGroup from '../../ButtonGroup/ButtonGroup';
-import type { DialogProps } from '../../Dialog/DialogProps';
+
 import Box from '../../Box/Box';
 import Button from '../../Button/Button';
-import Drawer from '../../Drawer/Drawer';
+import ButtonGroup from '../../ButtonGroup/ButtonGroup';
+import type { DialogProps } from '../../Dialog/DialogProps';
 import Divider from '../../Divider/Divider';
+import Drawer from '../../Drawer/Drawer';
 import Text from '../../Text/Text';
 import { useFilterContext } from '../Filter.context';
-import FilterItem from './FilterItem';
 import FilterAdd from './FilterAdd';
+import FilterItem from './FilterItem';
 
 const FilterDrawer = ({
   isOpen,

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

@@ -1,17 +1,18 @@
 import { useEffect, useRef } from 'react';
-import ProgressSpinner from '../../ProgressSpinner/ProgressSpinner';
-import Divider from '../../Divider/Divider';
-import SearchInput from '../../SearchInput/SearchInput';
-import ControlButton from '../../ControlButton/ControlButton';
-import Text from '../../Text/Text';
-import type { DialogProps } from '../../Dialog/DialogProps';
+
 import Box from '../../Box/Box';
 import Button from '../../Button/Button';
+import ButtonGroup from '../../ButtonGroup/ButtonGroup';
+import ControlButton from '../../ControlButton/ControlButton';
+import type { DialogProps } from '../../Dialog/DialogProps';
+import Divider from '../../Divider/Divider';
 import Drawer from '../../Drawer/Drawer';
+import ProgressSpinner from '../../ProgressSpinner/ProgressSpinner';
+import SearchInput from '../../SearchInput/SearchInput';
+import Text from '../../Text/Text';
 import { useFilterContext } from '../Filter.context';
-import useFilterForm from '../hooks/useFilterForm';
 import { FilterValue } from '../Filter.types';
-import ButtonGroup from '../../ButtonGroup/ButtonGroup';
+import useFilterForm from '../hooks/useFilterForm';
 import useIsScrollable from '../hooks/useIsScrollable';
 import DateSelectOption from './DateSelectOption';
 import MultiSelectOptions from './MultiSelectOptions';

package/src/Components/Filter/Mobile/FilterItem.tsx

@@ -1,11 +1,12 @@
-import { useId } from 'react';
 import { FormControl } from 'chakra-ui-2--react';
-import FormLabel from '../../Form/FormLabel';
-import Button from '../../Button/Button';
+import { useId } from 'react';
+
 import Box from '../../Box/Box';
+import Button from '../../Button/Button';
+import FormLabel from '../../Form/FormLabel';
 import Icon from '../../Icon/Icon';
-import Text from '../../Text/Text';
 import IconButton from '../../IconButton/IconButton';
+import Text from '../../Text/Text';
 import { useFilterContext } from '../Filter.context';
 import { getDateRangeLabel, getOptionLabel } from '../Filter.utils';
 

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

@@ -1,5 +1,6 @@
-import { useEffect, useState } from 'react';
 import { InputProps } from 'chakra-ui-2--react';
+import { useEffect, useState } from 'react';
+
 import { useDebounce } from '../../../utils/utils';
 import SearchInput from '../../SearchInput/SearchInput';
 import { FilterValue } from '../Filter.types';

package/src/Components/Filter/Mobile/MultiSelectOptions.tsx

@@ -1,4 +1,5 @@
 import { Checkbox, CheckboxGroup } from 'chakra-ui-2--react';
+
 import Box from '../../Box/Box';
 import Text from '../../Text/Text';
 import { FilterOptionsMap } from '../Filter.types';
@@ -30,12 +31,14 @@ const MultiSelectOptions = ({
     <CheckboxGroup onChange={onChange} value={selectedItems}>
       <Box>
         {items.length ? (
-          items?.slice(0, MAX_ITEMS).map((option) => {
+          items?.slice(0, MAX_ITEMS).map((option, index) => {
             const id = `checkbox-${option}`;
             const isSelected = selectedItems.includes(option);
+            const key = `${id}-${index}`;
 
             return (
               <Box
+                key={key}
                 alignItems="center"
                 as="label"
                 backgroundColor={isSelected ? 'background/selected' : 'transparent'}

package/src/Components/Filter/Mobile/SingleSelectOptions.tsx

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
-import Icon from '../../Icon/Icon';
+
 import Box from '../../Box/Box';
+import Icon from '../../Icon/Icon';
 import Text from '../../Text/Text';
-import { getOptionLabel } from '../Filter.utils';
 import { FilterOptionsMap } from '../Filter.types';
+import { getOptionLabel } from '../Filter.utils';
 import { MAX_ITEMS } from '../hooks/useFilterForm';
 import useListBox from '../hooks/useListBox';
 
@@ -113,8 +114,11 @@ const SingleSelectOptions = ({
       {items.length ? (
         items?.slice(0, MAX_ITEMS).map((option, index) => {
           const isSelected = selectedItems.includes(option);
+          const key = `${option}-${index}`;
+
           return (
             <Option
+              key={key}
               index={index}
               isActive={activeIndex === index}
               isSelected={isSelected}

package/src/Components/Filter/hooks/useFilterAdd.ts

@@ -1,8 +1,9 @@
-import { useState } from 'react';
 import { useDisclosure } from 'chakra-ui-2--react';
+import { useState } from 'react';
+
 import { useFilterContext } from '../Filter.context';
-import { hasAllDependencies } from '../Filter.utils';
 import { FilterValue } from '../Filter.types';
+import { hasAllDependencies } from '../Filter.utils';
 
 type UseFilterAddProps = {
   isMobile?: boolean;

package/src/Components/Filter/hooks/useFilterForm.ts

@@ -1,4 +1,5 @@
 import { FormEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
 import { isEqual, useDebounce } from '../../../utils/utils';
 import { useFilterContext } from '../Filter.context';
 import { FilterFormProps, FilterOptions, FilterOptionsMap, FilterValue } from '../Filter.types';
@@ -13,6 +14,7 @@ const useFilterForm = (props: Omit<FilterFormProps, 'onCancel'>) => {
   const categoryData = data[category] || {};
   const { isPatternEnabled, preserveOptionOrder, isInitialLoading, onAsyncSearch, options, optionsMap } = categoryData;
 
+  // eslint-disable-next-line react-hooks/use-memo
   const value = useMemo(() => state[category] || [], [category, JSON.stringify(state[category])]);
 
   const [selected, setSelected] = useState<FilterValue>(value);
@@ -99,7 +101,7 @@ const useFilterForm = (props: Omit<FilterFormProps, 'onCancel'>) => {
         setFoundOptionsMap(response.optionsMap || optionsMap);
         setLoading(false);
       }
-    } catch (error) {
+    } catch {
       if (requestId === latestRequestRef.current) {
         setLoading(false);
       }

package/src/Components/Filter/hooks/useIsScrollable.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 type UseIsScrollableProps = {
   items: string[];

package/src/Components/Filter/hooks/useListBox.ts

@@ -1,4 +1,5 @@
-import { useState, useRef } from 'react';
+import { useRef, useState } from 'react';
+
 import { MAX_ITEMS } from './useFilterForm';
 
 type UseListBoxProps = {

package/src/Components/Form/Checkbox/Checkbox.tsx

@@ -1,14 +1,15 @@
-import { ReactNode, Ref } from 'react';
 import {
   Checkbox as ChakraCheckbox,
-  CheckboxProps as ChakraCheckboxProps,
   CheckboxIconProps,
-  forwardRef,
+  CheckboxProps as ChakraCheckboxProps,
   FormControl,
-  FormHelperText,
-  FormErrorMessage,
   FormControlProps,
+  FormErrorMessage,
+  FormHelperText,
+  forwardRef,
 } from 'chakra-ui-2--react';
+import { ReactNode, Ref } from 'react';
+
 import Icon from '../../Icon/Icon';
 
 type CheckboxInputProps = ChakraCheckboxProps['inputProps'] & {