@hero-design/rn 7.25.1 → 7.27.0

package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap

@@ -124,6 +124,7 @@ exports[`OptionList render isLoading correctly 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             A
           </Text>
@@ -228,6 +229,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               A1
             </Text>
@@ -342,6 +344,7 @@ exports[`OptionList render isLoading correctly 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             B
           </Text>
@@ -446,6 +449,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B1
             </Text>
@@ -557,6 +561,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B2
             </Text>
@@ -887,6 +892,7 @@ exports[`OptionList renders correctly 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             A
           </Text>
@@ -991,6 +997,7 @@ exports[`OptionList renders correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               A1
             </Text>
@@ -1105,6 +1112,7 @@ exports[`OptionList renders correctly 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             B
           </Text>
@@ -1209,6 +1217,7 @@ exports[`OptionList renders correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B1
             </Text>
@@ -1320,6 +1329,7 @@ exports[`OptionList renders correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B2
             </Text>
@@ -1490,6 +1500,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             A
           </Text>
@@ -1594,6 +1605,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               A1
             </Text>
@@ -1708,6 +1720,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             B
           </Text>
@@ -1812,6 +1825,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B1
             </Text>
@@ -1923,6 +1937,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B2
             </Text>
@@ -2093,6 +2108,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             A
           </Text>
@@ -2197,6 +2213,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               A1
             </Text>
@@ -2311,6 +2328,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             B
           </Text>
@@ -2415,6 +2433,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B1
             </Text>
@@ -2526,6 +2545,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B2
             </Text>

package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -125,6 +125,7 @@ Array [
                   themeFontSize="medium"
                   themeFontWeight="regular"
                   themeIntent="body"
+                  themeTypeface="neutral"
                   themeVariant="default"
                 >
                   Choose collaborators
@@ -334,6 +335,7 @@ Array [
                 themeFontSize="large"
                 themeFontWeight="semi-bold"
                 themeIntent="body"
+                themeTypeface="neutral"
               >
                 Choose collaborators
               </Text>
@@ -517,6 +519,7 @@ Array [
                       themeFontSize="large"
                       themeFontWeight="regular"
                       themeIntent="body"
+                      themeTypeface="neutral"
                     >
                       D
                     </Text>
@@ -627,6 +630,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="semi-bold"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Daniel
                       </Text>
@@ -646,6 +650,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="subdued"
+                        themeTypeface="neutral"
                       >
                         Senior Developer
                       </Text>
@@ -764,6 +769,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="semi-bold"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Daemon
                       </Text>
@@ -783,6 +789,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="subdued"
+                        themeTypeface="neutral"
                       >
                         Manager
                       </Text>
@@ -906,6 +913,7 @@ Array [
                       themeFontSize="large"
                       themeFontWeight="regular"
                       themeIntent="body"
+                      themeTypeface="neutral"
                     >
                       J
                     </Text>
@@ -1016,6 +1024,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="semi-bold"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Jennifer
                       </Text>
@@ -1035,6 +1044,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="subdued"
+                        themeTypeface="neutral"
                       >
                         UX Designer
                       </Text>
@@ -1153,6 +1163,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="semi-bold"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Josh 
                       </Text>
@@ -1172,6 +1183,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="subdued"
+                        themeTypeface="neutral"
                       >
                         Junior Developer
                       </Text>
@@ -1352,6 +1364,7 @@ Array [
                 themeFontSize="small"
                 themeFontWeight="regular"
                 themeIntent="body"
+                themeTypeface="neutral"
                 themeVariant="filled"
               >
                 Allow notifications
@@ -1579,6 +1592,7 @@ Array [
                 themeFontSize="large"
                 themeFontWeight="semi-bold"
                 themeIntent="body"
+                themeTypeface="neutral"
               >
                 Allow notifications
               </Text>
@@ -1819,6 +1833,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Monday
                       </Text>
@@ -1940,6 +1955,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Tuesday
                       </Text>
@@ -2061,6 +2077,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Wednesday
                       </Text>
@@ -2182,6 +2199,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Thursday
                       </Text>
@@ -2303,6 +2321,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Friday
                       </Text>
@@ -2424,6 +2443,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Saturday
                       </Text>
@@ -2546,6 +2566,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Sunday
                       </Text>
@@ -2726,6 +2747,7 @@ Array [
                 themeFontSize="small"
                 themeFontWeight="regular"
                 themeIntent="body"
+                themeTypeface="neutral"
                 themeVariant="filled"
               >
                 Allow notifications
@@ -2950,6 +2972,7 @@ Array [
                 themeFontSize="large"
                 themeFontWeight="semi-bold"
                 themeIntent="body"
+                themeTypeface="neutral"
               >
                 Allow notifications
               </Text>
@@ -3186,6 +3209,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Monday
                       </Text>
@@ -3305,6 +3329,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Tuesday
                       </Text>
@@ -3424,6 +3449,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Wednesday
                       </Text>
@@ -3543,6 +3569,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Thursday
                       </Text>
@@ -3662,6 +3689,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Friday
                       </Text>
@@ -3781,6 +3809,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Saturday
                       </Text>
@@ -3901,6 +3930,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Sunday
                       </Text>
@@ -4083,6 +4113,7 @@ Array [
                 themeFontSize="small"
                 themeFontWeight="regular"
                 themeIntent="body"
+                themeTypeface="neutral"
                 themeVariant="readonly"
               >
                 Allow notifications
@@ -4324,6 +4355,7 @@ Array [
                 themeFontSize="large"
                 themeFontWeight="semi-bold"
                 themeIntent="body"
+                themeTypeface="neutral"
               >
                 Allow notifications
               </Text>
@@ -4564,6 +4596,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Monday
                       </Text>
@@ -4685,6 +4718,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Tuesday
                       </Text>
@@ -4806,6 +4840,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Wednesday
                       </Text>
@@ -4927,6 +4962,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Thursday
                       </Text>
@@ -5048,6 +5084,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Friday
                       </Text>
@@ -5169,6 +5206,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Saturday
                       </Text>
@@ -5291,6 +5329,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         Sunday
                       </Text>
@@ -5471,6 +5510,7 @@ Array [
                 themeFontSize="small"
                 themeFontWeight="regular"
                 themeIntent="body"
+                themeTypeface="neutral"
                 themeVariant="filled"
               >
                 Allow notifications
@@ -5695,6 +5735,7 @@ Array [
                 themeFontSize="large"
                 themeFontWeight="semi-bold"
                 themeIntent="body"
+                themeTypeface="neutral"
               >
                 Allow notifications
               </Text>
@@ -5870,6 +5911,7 @@ Array [
                       themeFontSize="large"
                       themeFontWeight="regular"
                       themeIntent="body"
+                      themeTypeface="neutral"
                     >
                       A
                     </Text>
@@ -5972,6 +6014,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         A1
                       </Text>
@@ -6086,6 +6129,7 @@ Array [
                       themeFontSize="large"
                       themeFontWeight="regular"
                       themeIntent="body"
+                      themeTypeface="neutral"
                     >
                       B
                     </Text>
@@ -6188,6 +6232,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         B1
                       </Text>
@@ -6297,6 +6342,7 @@ Array [
                         themeFontSize="large"
                         themeFontWeight="regular"
                         themeIntent="body"
+                        themeTypeface="neutral"
                       >
                         B2
                       </Text>

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

@@ -41,6 +41,7 @@ const SingleSelect = <V, T extends OptionType<V>>({
   inputProps,
   onConfirm,
   onDimiss,
+  onDismiss,
   onEndReached,
   onQueryChange,
   options,
@@ -50,6 +51,7 @@ const SingleSelect = <V, T extends OptionType<V>>({
   error,
   editable = true,
   disabled = false,
+  required,
   numberOfLines,
   style,
   testID,
@@ -75,6 +77,7 @@ const SingleSelect = <V, T extends OptionType<V>>({
           }
           <View pointerEvents="none">
             <TextInput
+              numberOfLines={numberOfLines}
               {...inputProps}
               label={label}
               value={displayedValue}
@@ -83,7 +86,7 @@ const SingleSelect = <V, T extends OptionType<V>>({
               error={error}
               editable={editable}
               disabled={disabled}
-              numberOfLines={numberOfLines}
+              required={required}
               pointerEvents="none"
               style={style}
               testID={testID}
@@ -99,7 +102,7 @@ const SingleSelect = <V, T extends OptionType<V>>({
       <BottomSheet
         open={open}
         onRequestClose={() => setOpen(false)}
-        onDismiss={onDimiss}
+        onDismiss={onDismiss || onDimiss}
         header={label}
         style={{
           paddingBottom: isKeyboardVisible ? keyboardHeight : 0,

package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap

@@ -22,6 +22,7 @@ exports[`FooterText has correct style 1`] = `
   themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
+  themeTypeface="neutral"
 >
   Confirm
 </Text>

package/src/components/Select/types.ts

@@ -39,10 +39,7 @@ export type SectionListRenderOptionInfo<
 };
 
 export interface SelectProps<V, T extends OptionType<V>>
-  extends Pick<
-    TextInputProps,
-    'editable' | 'disabled' | 'numberOfLines' | 'error'
-  > {
+  extends Pick<TextInputProps, 'editable' | 'disabled' | 'error' | 'required'> {
   /**
    * An array of options to be selected.
    */
@@ -67,9 +64,14 @@ export interface SelectProps<V, T extends OptionType<V>>
    */
   onQueryChange?: (value: string) => void;
   /**
-   * Event handler when selection dismiss
+   * @deprecated due to typo.
+   * Please use onDismiss instead.
    */
   onDimiss?: () => void;
+  /**
+   * Event handler when selection dismiss
+   */
+  onDismiss?: () => void;
   /**
    * Event handler when end of the list reached
    */
@@ -80,8 +82,10 @@ export interface SelectProps<V, T extends OptionType<V>>
   loading?: boolean;
   /**
    * Props that are passed to TextInput.
+   * Required is deprecated and will be removed in the next major release.
+   * Please use the outer required instead.
    */
-  inputProps?: Pick<TextInputProps, 'loading' | 'required'>;
+  inputProps?: Pick<TextInputProps, 'loading' | 'required' | 'numberOfLines'>;
   /**
    * Field label.
    */
@@ -94,4 +98,9 @@ export interface SelectProps<V, T extends OptionType<V>>
    * Testing id of the component.
    */
   testID?: string;
+  /**
+   * @deprecated
+   * Please use inputProps.numberOfLines instead.
+   */
+  numberOfLines?: number;
 }

package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap

@@ -37,6 +37,7 @@ exports[`rendering renders correctly when intent is danger 1`] = `
     themeFontSize="medium"
     themeFontWeight="regular"
     themeIntent="body"
+    themeTypeface="neutral"
   >
     Action title
   </Text>
@@ -80,6 +81,7 @@ exports[`rendering renders correctly when intent is primary 1`] = `
     themeFontSize="medium"
     themeFontWeight="regular"
     themeIntent="body"
+    themeTypeface="neutral"
   >
     Action title
   </Text>
@@ -123,6 +125,7 @@ exports[`rendering renders correctly when intent is success 1`] = `
     themeFontSize="medium"
     themeFontWeight="regular"
     themeIntent="body"
+    themeTypeface="neutral"
   >
     Action title
   </Text>

package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap

@@ -25,6 +25,7 @@ exports[`Swipeable renders correctly 1`] = `
       themeFontSize="medium"
       themeFontWeight="regular"
       themeIntent="body"
+      themeTypeface="neutral"
     >
       Swipeable Item
     </Text>

package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap

@@ -100,6 +100,7 @@ exports[`Option renders correctly when selected 1`] = `
       themeFontSize="large"
       themeFontWeight="regular"
       themeIntent="body"
+      themeTypeface="neutral"
     >
       My Dashboard
     </Text>

package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap

@@ -55,6 +55,7 @@ exports[`SelectorSwitch renders correctly 1`] = `
       themeFontSize="large"
       themeFontWeight="regular"
       themeIntent="body"
+      themeTypeface="neutral"
     >
       My Dashboard
     </Text>

package/src/components/Tabs/ScrollableTabs.tsx

@@ -63,6 +63,7 @@ const ScrollableTab = ({
   barStyle,
   lazy = false,
   lazyPreloadDistance = 1,
+  swipeEnabled = true,
   testID: componentTestID,
 }: TabsProps) => {
   const flatListRef = React.useRef<FlatList>(null);
@@ -195,6 +196,7 @@ const ScrollableTab = ({
             onTabPress(selectedItem.key);
           }
         }}
+        scrollEnabled={swipeEnabled}
       >
         {tabs.map((tab, index) => {
           const { key, component, testID } = tab;

package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx

@@ -92,7 +92,7 @@ describe('Tabs.Scroll', () => {
 
   it('renders correctly with lazy preloaded', () => {
     const { getByText, queryByText, getByTestId } = renderWithTheme(
-      <TestTabsComponent lazy lazyPreloadDistance={1} />
+      <TestTabsComponent lazy lazyPreloadDistance={1} swipeEnabled={false} />
     );
 
     expect(getByText('Work Screen')).toBeDefined();