@hero-design/rn 8.43.0 → 8.43.1

package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap

@@ -17,6 +17,23 @@ exports[`CalendarRowItem renders correctly 1`] = `
   testID="calendar-date-cell"
 >
   <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}
@@ -99,6 +116,23 @@ exports[`CalendarRowItem renders correctly 2`] = `
   testID="calendar-date-cell"
 >
   <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}
@@ -181,6 +215,23 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
   testID="calendar-date-cell"
 >
   <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}
@@ -263,6 +314,23 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
   testID="calendar-date-cell"
 >
   <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}
@@ -345,6 +413,23 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
   testID="calendar-date-cell"
 >
   <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}

package/src/components/Carousel/CardCarousel.tsx

@@ -8,13 +8,14 @@ import React, {
 import {
   FlatList,
   LayoutChangeEvent,
+  ListRenderItem,
   Platform,
   StyleProp,
   View,
   ViewStyle,
+  ViewToken,
 } from 'react-native';
 import { useTheme } from '../../theme';
-import { ITEM_WIDTH_RATE, VIEW_POSITION_CENTER } from './contants';
 import {
   StyledCard,
   StyledItemWrapper,
@@ -22,6 +23,7 @@ import {
   StyledShadow,
   StyledWrapper,
 } from './StyledCardCarousel';
+import { ITEM_WIDTH_RATE, VIEW_POSITION_CENTER } from './contants';
 
 export type CardCarouselHandles = {
   snapToIndex: (index: number) => void;
@@ -90,7 +92,7 @@ export const CardCarousel = forwardRef<CardCarouselHandles, CardCarouselProps>(
     const viewPosition =
       Platform.OS === 'ios' ? VIEW_POSITION_CENTER : undefined;
     const snapToIndex = useCallback(
-      (index) => {
+      (index: number) => {
         let validIndex = 0;
         if (index < 0) {
           validIndex = 0;
@@ -149,12 +151,13 @@ export const CardCarousel = forwardRef<CardCarouselHandles, CardCarouselProps>(
     }, [autoPlay, snapToNext, currentIndex, autoPlayInterval]);
 
     const visibleSlideChanged = useCallback(
-      ({ viewableItems }) => {
+      ({ viewableItems }: { viewableItems: ViewToken[] }) => {
         if (!viewableItems || (viewableItems && !viewableItems.length)) return;
         const { index } = viewableItems[0];
-        setCurrentIndex(index);
+
+        setCurrentIndex(index || 0);
         if (onItemIndexChange) {
-          onItemIndexChange(index);
+          onItemIndexChange(index || 0);
         }
       },
       [onItemIndexChange]
@@ -170,7 +173,7 @@ export const CardCarousel = forwardRef<CardCarouselHandles, CardCarouselProps>(
     );
 
     const flatListOnLayout = useCallback(
-      (e) => {
+      (e: LayoutChangeEvent) => {
         setFlatListWidth(e.nativeEvent.layout.width);
         setTimeout(() => {
           onLayout?.(e);
@@ -179,7 +182,7 @@ export const CardCarousel = forwardRef<CardCarouselHandles, CardCarouselProps>(
       [setFlatListWidth, onLayout]
     );
 
-    const renderItem = useCallback(
+    const renderItem: ListRenderItem<React.ReactNode> = useCallback(
       ({ item }) => {
         return (
           <StyledItemWrapper style={{ width: itemWidth }}>

package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap

@@ -78,6 +78,7 @@ exports[`CardCarousel android should render correctly on iOS 1`] = `
   >
     <View>
       <View
+        onFocusCapture={[Function]}
         style={
           [
             {
@@ -161,6 +162,7 @@ exports[`CardCarousel android should render correctly on iOS 1`] = `
         </View>
       </View>
       <View
+        onFocusCapture={[Function]}
         style={
           [
             {
@@ -383,6 +385,7 @@ exports[`CardCarousel ios should render correctly on iOS 1`] = `
   >
     <View>
       <View
+        onFocusCapture={[Function]}
         style={
           [
             {
@@ -466,6 +469,7 @@ exports[`CardCarousel ios should render correctly on iOS 1`] = `
         </View>
       </View>
       <View
+        onFocusCapture={[Function]}
         style={
           [
             {

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

@@ -125,6 +125,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
     >
       <View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -235,6 +236,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -366,6 +368,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -486,6 +489,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -605,6 +609,14 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             "disabled": false,
           }
         }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
         accessible={true}
         focusable={true}
         onClick={[Function]}
@@ -979,6 +991,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
     >
       <View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -1089,6 +1102,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -1220,6 +1234,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -1340,6 +1355,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -1459,6 +1475,14 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
             "disabled": false,
           }
         }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
         accessible={true}
         focusable={true}
         onClick={[Function]}
@@ -1740,6 +1764,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
     >
       <View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -1850,6 +1875,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -1981,6 +2007,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -2101,6 +2128,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
           </View>
         </View>
         <View
+          onFocusCapture={[Function]}
           onLayout={[Function]}
           style={
             [
@@ -2220,6 +2248,14 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             "disabled": false,
           }
         }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
         accessible={true}
         focusable={true}
         onClick={[Function]}

package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap

@@ -70,6 +70,23 @@ exports[`StyledCheckbox renders correctly when disabled is true and readonly is
 
 exports[`StyledWrapper renders correctly when disabled is false, readonly is false 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}
@@ -95,6 +112,23 @@ exports[`StyledWrapper renders correctly when disabled is false, readonly is fal
 
 exports[`StyledWrapper renders correctly when disabled is false, readonly is true 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}
@@ -120,6 +154,23 @@ exports[`StyledWrapper renders correctly when disabled is false, readonly is tru
 
 exports[`StyledWrapper renders correctly when disabled is true, readonly is false 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}
@@ -145,6 +196,23 @@ exports[`StyledWrapper renders correctly when disabled is true, readonly is fals
 
 exports[`StyledWrapper renders correctly when disabled is true, readonly is true 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/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap

@@ -4,7 +4,19 @@ exports[`Checkbox renders correctly when checked is false and there is no descri
 <View
   accessibilityState={
     {
+      "busy": undefined,
+      "checked": undefined,
       "disabled": false,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
     }
   }
   accessible={true}
@@ -62,7 +74,19 @@ exports[`Checkbox renders correctly when checked is true and there is no descrip
 <View
   accessibilityState={
     {
+      "busy": undefined,
+      "checked": undefined,
       "disabled": false,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
     }
   }
   accessible={true}
@@ -142,7 +166,19 @@ exports[`Checkbox renders correctly when disabled is false and readonly is false
 <View
   accessibilityState={
     {
+      "busy": undefined,
+      "checked": undefined,
       "disabled": false,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
     }
   }
   accessible={true}
@@ -226,7 +262,19 @@ exports[`Checkbox renders correctly when disabled is false and readonly is true
 <View
   accessibilityState={
     {
+      "busy": undefined,
+      "checked": undefined,
       "disabled": true,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
     }
   }
   accessible={true}
@@ -310,7 +358,19 @@ exports[`Checkbox renders correctly when disabled is true and readonly is false
 <View
   accessibilityState={
     {
+      "busy": undefined,
+      "checked": undefined,
       "disabled": true,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
     }
   }
   accessible={true}
@@ -394,7 +454,19 @@ exports[`Checkbox renders correctly when disabled is true and readonly is true 1
 <View
   accessibilityState={
     {
+      "busy": undefined,
+      "checked": undefined,
       "disabled": true,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
     }
   }
   accessible={true}