@hero-design/rn 8.42.4 → 8.43.1

package/src/components/Success/__tests__/index.spec.tsx

@@ -3,6 +3,7 @@ import { fireEvent } from '@testing-library/react-native';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
 import Success from '..';
 import Image from '../../Image';
+import Portal from '../../Portal';
 
 const title = `We’re sorry, something went wrong`;
 const description = 'Please try again later';
@@ -46,12 +47,14 @@ describe('Success', () => {
   });
   it('renders full screen success page correctly', () => {
     const { toJSON, getByText, getByTestId } = renderWithTheme(
-      <Success
-        variant="full-screen"
-        title={title}
-        description={description}
-        image="path_to_image"
-      />
+      <Portal.Provider>
+        <Success
+          variant="full-screen"
+          title={title}
+          description={description}
+          image="path_to_image"
+        />
+      </Portal.Provider>
     );
 
     expect(getByText(title)).toBeTruthy();

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

@@ -2,6 +2,23 @@
 
 exports[`rendering renders correctly when intent is danger 1`] = `
 <View
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
@@ -45,6 +62,23 @@ exports[`rendering renders correctly when intent is danger 1`] = `
 
 exports[`rendering renders correctly when intent is primary 1`] = `
 <View
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
@@ -88,6 +122,23 @@ exports[`rendering renders correctly when intent is primary 1`] = `
 
 exports[`rendering renders correctly when intent is success 1`] = `
 <View
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}

package/src/components/Swipeable/index.tsx

@@ -71,7 +71,7 @@ export interface SwipeableProps
 const renderActions = (
   actions: ReactNode,
   width: number,
-  progress: Animated.AnimatedInterpolation,
+  progress: Animated.AnimatedInterpolation<string | number>,
   direction: 'left' | 'right'
 ) => {
   const trans = progress.interpolate({
@@ -108,12 +108,12 @@ const Swipeable = ({
   const swipeableRef = useRef<RnghSwipeable>(null);
 
   const renderLeftActions = useCallback(
-    (progress: Animated.AnimatedInterpolation) =>
+    (progress: Animated.AnimatedInterpolation<string | number>) =>
       renderActions(leftActions, leftActionsWidth || width, progress, 'left'),
     [leftActions, leftActionsWidth, width]
   );
   const renderRightActions = useCallback(
-    (progress: Animated.AnimatedInterpolation) =>
+    (progress: Animated.AnimatedInterpolation<string | number>) =>
       renderActions(
         rightActions,
         rightActionsWidth || width,

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

@@ -2,6 +2,15 @@
 
 exports[`SelectorSwitch renders correctly 1`] = `
 <View
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
   accessible={true}
   focusable={true}
   onClick={[Function]}

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

@@ -4,7 +4,11 @@ exports[`Switch renders correctly 1`] = `
 <View
   accessibilityState={
     {
+      "busy": undefined,
+      "checked": undefined,
       "disabled": false,
+      "expanded": undefined,
+      "selected": undefined,
     }
   }
   accessible={true}
@@ -52,7 +56,11 @@ exports[`Switch trigger press function correctly 1`] = `
 <View
   accessibilityState={
     {
+      "busy": undefined,
+      "checked": undefined,
       "disabled": false,
+      "expanded": undefined,
+      "selected": undefined,
     }
   }
   accessible={true}

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

@@ -3,7 +3,7 @@ import { ThemeProvider } from '@emotion/react';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
 import ScenceView from '../SceneView';
 import Typography from '../../Typography';
-import { Portal, theme } from '../../../index';
+import { theme } from '../../../index';
 
 describe('ScenceView', () => {
   describe('lazy', () => {
@@ -25,17 +25,15 @@ describe('ScenceView', () => {
 
       rerender(
         <ThemeProvider theme={theme}>
-          <Portal.Provider>
-            <ScenceView
-              testID="scene-view"
-              index={0}
-              selectedIndex={2}
-              lazy
-              lazyPreloadDistance={1}
-            >
-              <Typography.Body variant="small">Scene 1</Typography.Body>
-            </ScenceView>
-          </Portal.Provider>
+          <ScenceView
+            testID="scene-view"
+            index={0}
+            selectedIndex={2}
+            lazy
+            lazyPreloadDistance={1}
+          >
+            <Typography.Body variant="small">Scene 1</Typography.Body>
+          </ScenceView>
         </ThemeProvider>
       );
       expect(toJSON()).toMatchSnapshot();
@@ -60,17 +58,15 @@ describe('ScenceView', () => {
 
       rerender(
         <ThemeProvider theme={theme}>
-          <Portal.Provider>
-            <ScenceView
-              testID="scene-view"
-              index={2}
-              selectedIndex={1}
-              lazy
-              lazyPreloadDistance={1}
-            >
-              <Typography.Body variant="small">Scene 1</Typography.Body>
-            </ScenceView>
-          </Portal.Provider>
+          <ScenceView
+            testID="scene-view"
+            index={2}
+            selectedIndex={1}
+            lazy
+            lazyPreloadDistance={1}
+          >
+            <Typography.Body variant="small">Scene 1</Typography.Body>
+          </ScenceView>
         </ThemeProvider>
       );
       expect(toJSON()).toMatchSnapshot();

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

@@ -13,6 +13,23 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
   }
 >
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -189,6 +206,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
       >
         <View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -200,6 +218,15 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -290,6 +317,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -301,6 +329,15 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -385,6 +422,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -396,6 +434,15 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -507,6 +554,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -518,6 +566,15 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -832,6 +889,23 @@ exports[`Tabs.Scroll renders correctly 1`] = `
   }
 >
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -1008,6 +1082,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
       >
         <View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -1019,6 +1094,15 @@ exports[`Tabs.Scroll renders correctly 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -1109,6 +1193,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -1120,6 +1205,15 @@ exports[`Tabs.Scroll renders correctly 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -1204,6 +1298,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -1215,6 +1310,15 @@ exports[`Tabs.Scroll renders correctly 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -1326,6 +1430,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -1337,6 +1442,15 @@ exports[`Tabs.Scroll renders correctly 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -1651,6 +1765,23 @@ exports[`useIsFocused renders correctly 1`] = `
   }
 >
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
@@ -1827,6 +1958,7 @@ exports[`useIsFocused renders correctly 1`] = `
       >
         <View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -1838,6 +1970,15 @@ exports[`useIsFocused renders correctly 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -1928,6 +2069,7 @@ exports[`useIsFocused renders correctly 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -1939,6 +2081,15 @@ exports[`useIsFocused renders correctly 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -2023,6 +2174,7 @@ exports[`useIsFocused renders correctly 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -2034,6 +2186,15 @@ exports[`useIsFocused renders correctly 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}
@@ -2145,6 +2306,7 @@ exports[`useIsFocused renders correctly 1`] = `
             </View>
           </View>
           <View
+            onFocusCapture={[Function]}
             onLayout={[Function]}
             style={
               [
@@ -2156,6 +2318,15 @@ exports[`useIsFocused renders correctly 1`] = `
             }
           >
             <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
               accessible={true}
               collapsable={false}
               focusable={true}

package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap

@@ -101,6 +101,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
     >
       <View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -112,6 +113,15 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           }
         >
           <View
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": undefined,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
             accessible={true}
             collapsable={false}
             focusable={true}
@@ -202,6 +212,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -213,6 +224,15 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           }
         >
           <View
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": undefined,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
             accessible={true}
             collapsable={false}
             focusable={true}
@@ -297,6 +317,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -308,6 +329,15 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           }
         >
           <View
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": undefined,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
             accessible={true}
             collapsable={false}
             focusable={true}
@@ -419,6 +449,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -430,6 +461,15 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           }
         >
           <View
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": undefined,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
             accessible={true}
             collapsable={false}
             focusable={true}