@hero-design/rn 7.18.0 → 7.19.0

package/src/components/Select/MultiSelect/__tests__/index.spec.tsx

@@ -4,7 +4,7 @@ import renderWithTheme from '../../../../testHelpers/renderWithTheme';
 import MultiSelect from '..';
 import Typography from '../../../Typography';
 import List from '../../../List';
-import { ListRenderOptionInfo } from '../../types';
+import type { ListRenderOptionInfo } from '../../types';
 
 const options = [
   { text: 'Monday', value: 'mon' },

package/src/components/Select/MultiSelect/index.tsx

@@ -1,13 +1,12 @@
 import React, { useState } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-
-import { OptionType, SelectProps } from '../types';
 import BottomSheet from '../../BottomSheet';
 import Footer from '../Footer';
 import OptionList from './OptionList';
 import TextInput from '../../TextInput';
 import { StyledSearchBar } from '../StyledSelect';
 import { toFlatOptions, toSections, useKeyboard } from '../helpers';
+import type { OptionType, SelectProps } from '../types';
 
 export interface MultiSelectProps<V, T extends OptionType<V> = OptionType<V>>
   extends SelectProps<V, T> {
@@ -63,20 +62,25 @@ function MultiSelect<V, T extends OptionType<V>>({
         }
       >
         <TouchableOpacity onPress={() => setOpen(true)}>
-          <TextInput
-            label={label}
-            value={displayedValue}
-            suffix="arrow-down"
-            multiline
-            error={error}
-            editable={editable}
-            disabled={disabled}
-            loading={inputProps?.loading}
-            numberOfLines={numberOfLines}
-            pointerEvents="none"
-            style={style}
-            testID={testID}
-          />
+          {
+            // prevent users from focusing TextInput
+          }
+          <View pointerEvents="none">
+            <TextInput
+              label={label}
+              value={displayedValue}
+              suffix="arrow-down"
+              multiline
+              error={error}
+              editable={editable}
+              disabled={disabled}
+              loading={inputProps?.loading}
+              numberOfLines={numberOfLines}
+              pointerEvents="none"
+              style={style}
+              testID={testID}
+            />
+          </View>
         </TouchableOpacity>
       </View>
       <BottomSheet

package/src/components/Select/SingleSelect/Option.tsx

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
+import type { ReactElement } from 'react';
 import { useTheme } from '../../../theme';
 import List from '../../List';
 

package/src/components/Select/SingleSelect/OptionList.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { SectionListRenderItemInfo } from 'react-native';
-import { SingleSelectProps } from '.';
+import type { SectionListRenderItemInfo } from 'react-native';
 import { getScrollParams } from '../helpers';
 import StyledOptionList from '../StyledOptionList';
-import { OptionType, SectionData, SectionType } from '../types';
 import Option from './Option';
+import type { SingleSelectProps } from '.';
+import type { OptionType, SectionData, SectionType } from '../types';
 
 type OptionListProps<V, T extends OptionType<V>> = Pick<
   SingleSelectProps<V, T>,