@bitrise/bitkit 11.2.1-alpha-chakra.2 → 11.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "11.2.1-alpha-chakra.2",
+  "version": "11.2.1",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Components/Dropdown/Dropdown.tsx

@@ -2,7 +2,7 @@ import React, { cloneElement, forwardRef, ReactNode, useCallback, useEffect, use
 import { chakra, ChakraProps, useControllableState, useMultiStyleConfig } from '@chakra-ui/react';
 import { FloatingFocusManager, UseFloatingProps } from '@floating-ui/react-dom-interactions';
 import { TypeIconName } from '../Icon/Icon';
-import Input from '../Form/Input/Input';
+import SearchInput from '../SearchInput/SearchInput';
 import { DropdownEventArgs, DropdownProvider, useDropdownContext, useDropdownStyles } from './Dropdown.context';
 import { DropdownOption, DropdownGroup, DropdownDetailedOption, DropdownOptionProps } from './DropdownOption';
 import DropdownButton from './DropdownButton';
@@ -26,8 +26,8 @@ const DropdownSearch = ({
   const { value, onChange } = 'onChange' in rest ? rest : { value: searchValue, onChange: searchOnChange };
 
   const onChangeCB = useCallback(
-    (ev: React.ChangeEvent<HTMLInputElement>) => {
-      onChange(ev.target.value);
+    (q: string) => {
+      onChange(q);
     },
     [onChange],
   );
@@ -48,7 +48,7 @@ const DropdownSearch = ({
     [searchOnSubmit],
   );
   return (
-    <Input
+    <SearchInput
       onKeyDown={onKeyDown}
       inputRef={searchRef}
       role="search"
@@ -56,7 +56,6 @@ const DropdownSearch = ({
       placeholder={placeholder}
       value={value}
       onChange={onChangeCB}
-      leftIconName="Magnifier"
       sx={search}
     />
   );