react-native-ui-lib 8.3.1 → 8.3.2-snapshot.7740

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "8.3.1",
+  "version": "8.3.2-snapshot.7740",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",

package/scripts/release/prReleaseNotesCommon.js

@@ -9,6 +9,7 @@ const BRANCH_CATEGORIES = [
   {name: 'fixes', branch: 'fix/', title: ':wrench: Fixes'},
   {name: 'infra', branch: 'infra/', title: ':gear: Maintenance & Infra'}
 ];
+const SILENT_PRS = ['none', 'n/a', 'na'];
 
 function getBranchPrefixes() {
   return BRANCH_CATEGORIES.map(category => category.branch);
@@ -95,7 +96,7 @@ function isSilent(pr) {
     return true;
   } else {
     const changelog = pr.info.changelog.toLowerCase();
-    if (changelog === 'none' || changelog === 'n/a') {
+    if (SILENT_PRS.includes(changelog)) {
       return true;
     }
   }

package/src/components/tabController/index.js

@@ -2,6 +2,7 @@ import _filter from "lodash/filter";
 import _noop from "lodash/noop"; // TODO: support commented props
 import React, { useMemo, useEffect, useState, useCallback } from 'react';
 import { useAnimatedReaction, useSharedValue, withTiming, runOnJS } from 'react-native-reanimated';
+import { SafeAreaContextPackage } from "../../optionalDependencies";
 import { useOrientation, useThemeProps } from "../../hooks";
 import { Constants } from "../../commons/new";
 import TabBarContext from "./TabBarContext";
@@ -11,12 +12,9 @@ import TabPage from "./TabPage";
 import PageCarousel from "./PageCarousel";
 import useImperativeTabControllerHandle, { TabControllerImperativeMethods } from "./useImperativeTabControllerHandle";
 export { TabControllerBarProps, TabControllerItemProps, TabControllerImperativeMethods };
-const getScreenWidth = useSafeArea => {
-  const {
-    left,
-    right
-  } = Constants.getSafeAreaInsets();
-  return Constants.windowWidth - (useSafeArea && Constants.isIphoneX ? left + right : 0);
+const useSafeAreaInsets = SafeAreaContextPackage?.useSafeAreaInsets ?? (() => Constants.getSafeAreaInsets());
+const getScreenWidth = (useSafeArea, left, right) => {
+  return Constants.windowWidth - (useSafeArea ? left + right : 0);
 };
 
 /**
@@ -37,13 +35,17 @@ const TabController = React.forwardRef((props, ref) => {
     useSafeArea = false,
     children
   } = themeProps;
-  const [screenWidth, setScreenWidth] = useState(getScreenWidth(useSafeArea));
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  const [screenWidth, setScreenWidth] = useState(getScreenWidth(useSafeArea, left, right));
   if (items?.length < 2) {
     console.warn('TabController component expect a minimum of 2 items');
   }
   useOrientation({
     onOrientationChange: () => {
-      setScreenWidth(getScreenWidth(useSafeArea));
+      setScreenWidth(getScreenWidth(useSafeArea, left, right));
     }
   });
   const pageWidth = useMemo(() => {