@hero-design/rn 7.21.0 → 7.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "7.21.0",
+  "version": "7.22.0",
   "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.0",
     "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.0",
     "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.0"
+  },
+  "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/Box/helpers.ts

@@ -1,6 +1,6 @@
 export const pick = (keys: Array<string>, props: Record<string, any>) =>
   keys
-    .filter(key => key in props)
+    .filter((key) => key in props)
     .reduce(
       (result, cur) => ({
         ...result,

package/src/components/Calendar/index.tsx

@@ -101,7 +101,7 @@ const Calendar = ({
   const lastDayIndexOfCurrentMonth = lastDateOfMonth.getDate();
   const lastDayIndexOfPreviousMonth = lastDateOfPreviousMonth.getDate();
 
-  const daysOfPreviousMonth = initArray(firstDayWeekIndexOfMonth, index => {
+  const daysOfPreviousMonth = initArray(firstDayWeekIndexOfMonth, (index) => {
     const reversedIndex = firstDayWeekIndexOfMonth - index - 1;
     const count = lastDayIndexOfPreviousMonth - reversedIndex;
     return getValidDate(
@@ -111,7 +111,7 @@ const Calendar = ({
     );
   });
 
-  const daysOfCurrentMonth = initArray(lastDayIndexOfCurrentMonth, index =>
+  const daysOfCurrentMonth = initArray(lastDayIndexOfCurrentMonth, (index) =>
     getValidDate(
       new Date(currentYear, currentMonth, index + 1),
       minDate,
@@ -122,7 +122,7 @@ const Calendar = ({
   const daysOfNextMonth = initArray(
     TOTAL_DATES_ITEMS -
       (daysOfPreviousMonth.length + daysOfCurrentMonth.length),
-    index =>
+    (index) =>
       getValidDate(
         new Date(currentYear, currentMonth + 1, index + 1),
         minDate,
@@ -133,13 +133,13 @@ const Calendar = ({
   const disablePrevButton =
     minDate === undefined
       ? false
-      : !daysOfPreviousMonth.some(date => date !== undefined) &&
+      : !daysOfPreviousMonth.some((date) => date !== undefined) &&
         minDate >= firstDateOfMonth;
 
   const disableNextButton =
     maxDate === undefined
       ? false
-      : !daysOfNextMonth.some(date => date !== undefined) ||
+      : !daysOfNextMonth.some((date) => date !== undefined) ||
         maxDate <= lastDateOfMonth;
 
   return (
@@ -156,7 +156,7 @@ const Calendar = ({
         />
       </StyledCalendarHeader>
       <StyledCalendarRow>
-        {DAYS_OF_WEEK.map(day => (
+        {DAYS_OF_WEEK.map((day) => (
           <StyledCalendarRowItem key={day}>
             <StyledCalendarDayNameCell>
               <Typography.Text>{day}</Typography.Text>
@@ -165,7 +165,7 @@ const Calendar = ({
         ))}
       </StyledCalendarRow>
       <StyledCalendarRow>
-        {daysOfPreviousMonth.map(date =>
+        {daysOfPreviousMonth.map((date) =>
           date ? (
             <CalendarRowItem
               key={date.toDateString()}
@@ -180,7 +180,7 @@ const Calendar = ({
             <StyledDisabledCalendarRowItem testID="calendar-disabled-cell" />
           )
         )}
-        {daysOfCurrentMonth.map(date =>
+        {daysOfCurrentMonth.map((date) =>
           date ? (
             <CalendarRowItem
               key={date.toDateString()}
@@ -194,7 +194,7 @@ const Calendar = ({
             <StyledDisabledCalendarRowItem testID="calendar-disabled-cell" />
           )
         )}
-        {daysOfNextMonth.map(date =>
+        {daysOfNextMonth.map((date) =>
           date ? (
             <CalendarRowItem
               key={date.toDateString()}

package/src/components/Collapse/index.tsx

@@ -60,7 +60,7 @@ const Collapse = ({ open = false, children, testID, style }: CollapseProps) => {
     >
       <StyledHiddenWrapper>
         <StyledChildWrapper
-          onLayout={event => fetchMaxHeight(event.nativeEvent.layout)}
+          onLayout={(event) => fetchMaxHeight(event.nativeEvent.layout)}
           style={style}
         >
           {children}

package/src/components/Drawer/DragableDrawer/helpers.ts

@@ -16,9 +16,11 @@ export const calculateSnapPointsData = (
   height: number,
   snapPoints: number[]
 ): SnapPointsData => {
-  const filteredSnapPoints = snapPoints.filter(value => value >= minimumHeight);
+  const filteredSnapPoints = snapPoints.filter(
+    (value) => value >= minimumHeight
+  );
   const snapPointsOffsetValues = [minimumHeight, ...filteredSnapPoints].map(
-    value => getOffset(height, value)
+    (value) => getOffset(height, value)
   );
   const uniqSnapPointOffsetValues = Array.from(
     new Set([...snapPointsOffsetValues, 0])
@@ -35,7 +37,9 @@ export const calculateAnimatedToValue = (
   position: number,
   heightSnapPoints: number[]
 ) => {
-  const distances = heightSnapPoints.map(height => Math.abs(position - height));
+  const distances = heightSnapPoints.map((height) =>
+    Math.abs(position - height)
+  );
 
   const minIndex = distances.indexOf(Math.min(...distances));
   return heightSnapPoints[minIndex];

package/src/components/FAB/ActionGroup/index.tsx

@@ -21,7 +21,7 @@ const ActionItemsListComponent = ({
   items,
 }: ActionItemsContainerProps) => (
   <View style={style}>
-    {items?.map(itemProp => (
+    {items?.map((itemProp) => (
       <ActionItem key={itemProp.icon} {...itemProp} />
     ))}
   </View>