@hero-design/rn 7.21.0 → 7.22.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "7.21.0",
+  "version": "7.22.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "7.21.0",
+    "@hero-design/colors": "7.22.1",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.9"
@@ -56,19 +56,9 @@
     "@types/react": "^17.0.39",
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
-    "@typescript-eslint/eslint-plugin": "^5.12.1",
-    "@typescript-eslint/parser": "^5.12.1",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint": "^8.9.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-config-hd": "7.22.1",
     "jest": "^27.3.1",
-    "prettier": "^2.5.1",
     "react": "17.0.2",
     "react-native": "0.65.1",
     "react-native-pager-view": "^5.4.25",
@@ -79,6 +69,8 @@
     "rollup": "^2.68.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-flow": "^1.1.1",
-    "ts-jest": "^27.0.7"
-  }
+    "ts-jest": "^27.0.7",
+    "prettier-config-hd": "7.22.1"
+  },
+  "prettier": "prettier-config-hd"
 }

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

@@ -52,7 +52,7 @@ const TestComponent = (
         {...props}
         tabs={tabs}
         selectedTabKey={selectedTabKey}
-        onTabPress={newTabKey => setSelectedTabKey(newTabKey)}
+        onTabPress={(newTabKey) => setSelectedTabKey(newTabKey)}
       />
     </SafeAreaProvider>
   );

package/src/components/BottomNavigation/index.tsx

@@ -80,13 +80,13 @@ const BottomNavigation = ({
 
   if (!loaded.includes(selectedTabKey)) {
     // Set the current tab to be loaded if it was not loaded before
-    setLoaded(loadedState => [...loadedState, selectedTabKey]);
+    setLoaded((loadedState) => [...loadedState, selectedTabKey]);
   }
 
   return (
     <BottomNavigationContainer {...nativeProps}>
       <ContentWrapper>
-        {tabs.map(tab => {
+        {tabs.map((tab) => {
           const { key, component, testID } = tab;
           const active = selectedTabKey === key;
 
@@ -123,7 +123,7 @@ const BottomNavigation = ({
       </ContentWrapper>
       <BottomBarWrapper themeInsets={insets}>
         <BottomBar>
-          {tabs.map(tab => {
+          {tabs.map((tab) => {
             const { key, icon, title, testID } = tab;
             const active = selectedTabKey === key;
             const inactiveIcon = getInactiveIcon(icon);

package/src/components/BottomSheet/StyledBottomSheet.tsx

@@ -1,6 +1,8 @@
 import styled from '@emotion/native';
 import {
   Animated,
+  KeyboardAvoidingView,
+  KeyboardAvoidingViewProps,
   Pressable,
   SafeAreaView,
   StyleSheet,
@@ -17,6 +19,13 @@ const StyledWrapper = styled(View)<ViewProps>({
   flexDirection: 'column-reverse',
 });
 
+const StyledKeyboardAvoidingView = styled(
+  KeyboardAvoidingView
+)<KeyboardAvoidingViewProps>(() => ({
+  flex: 1,
+  flexDirection: 'column-reverse',
+}));
+
 const StyledBottomSheet = styled(AnimatedSafeAreaView)<
   ComponentProps<typeof AnimatedSafeAreaView>
 >(({ theme }) => ({
@@ -77,4 +86,5 @@ export {
   StyledIconWrapper,
   StyledBottomSheet,
   StyledBackdrop,
+  StyledKeyboardAvoidingView,
 };