@bitrise/bitkit 13.249.0 → 13.251.0

package/package.json

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

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

@@ -51,6 +51,9 @@ const MatchingResults = (props: MatchingResultsProps) => {
   } else {
     const filterRegexp = new RegExp(`^${selected[0].split(/\*+/).map(regExpEscape).join('.*')}$`);
     matchingResults = items.filter((item) => {
+      if (item.includes('*')) {
+        return false;
+      }
       return filterRegexp.test(item);
     });
     if (!matchingResults.length) {
@@ -61,7 +64,7 @@ const MatchingResults = (props: MatchingResultsProps) => {
       );
     } else {
       content = (
-        <Box maxHeight="11rem" overflow="scroll">
+        <Box maxHeight="11rem" overflow="auto">
           <List textStyle="body/md/regular" variant="unordered">
             {matchingResults.map((r) => (
               <ListItem key={r}>{r}</ListItem>
@@ -128,7 +131,8 @@ const FilterForm = (props: FilterFormProps) => {
   const isAsync = !!onAsyncSearch;
   const withSearch = (options && options.length > 5) || isAsync;
 
-  const isSubmitDisabled = isEqual(selected, value) || (mode === 'pattern' && !selected[0].includes('*'));
+  const isSubmitDisabled =
+    isEqual(selected, value) || (mode === 'pattern' && !!selected[0] && !selected[0].includes('*'));
   const filteredOptions = useMemo(() => {
     if (options?.length) {
       return options.filter((opt) => {

package/src/index.ts

@@ -148,6 +148,7 @@ export { default as Ribbon } from './Components/Ribbon/Ribbon';
 export type { DropdownProps } from './Components/Dropdown/DropdownProps';
 export {
   default as Dropdown,
+  MultiSelectDropdown,
   DropdownOption,
   DropdownGroup,
   DropdownSearch,