react-native-screen-transitions 2.0.2 → 2.0.4

package/src/integrations/native-stack/utils/useInvalidPreventRemoveError.tsx

@@ -0,0 +1,31 @@
+import { usePreventRemoveContext } from "@react-navigation/native";
+import * as React from "react";
+
+import type { NativeStackDescriptorMap } from "../../../types/navigator";
+
+export function useInvalidPreventRemoveError(
+	descriptors: NativeStackDescriptorMap,
+) {
+	const { preventedRoutes } = usePreventRemoveContext();
+	const preventedRouteKey = Object.keys(preventedRoutes)[0];
+	const preventedDescriptor = descriptors[preventedRouteKey];
+	const isHeaderBackButtonMenuEnabledOnPreventedScreen =
+		preventedDescriptor?.options?.headerBackButtonMenuEnabled;
+	const preventedRouteName = preventedDescriptor?.route?.name;
+
+	React.useEffect(() => {
+		if (
+			preventedRouteKey != null &&
+			isHeaderBackButtonMenuEnabledOnPreventedScreen
+		) {
+			const message =
+				`The screen ${preventedRouteName} uses 'usePreventRemove' hook alongside 'headerBackButtonMenuEnabled: true', which is not supported. \n\n` +
+				`Consider removing 'headerBackButtonMenuEnabled: true' from ${preventedRouteName} screen to get rid of this error.`;
+			console.error(message);
+		}
+	}, [
+		preventedRouteKey,
+		isHeaderBackButtonMenuEnabledOnPreventedScreen,
+		preventedRouteName,
+	]);
+}

package/src/integrations/native-stack/views/FontProcessor.native.tsx

@@ -0,0 +1,12 @@
+// @ts-expect-error importing private module
+import ReactNativeStyleAttributes from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes';
+
+export function processFonts(
+  fontFamilies: (string | undefined)[]
+): (string | undefined)[] {
+  const fontFamilyProcessor = ReactNativeStyleAttributes.fontFamily?.process;
+  if (typeof fontFamilyProcessor === 'function') {
+    return fontFamilies.map(fontFamilyProcessor);
+  }
+  return fontFamilies;
+}

package/src/integrations/native-stack/views/FontProcessor.tsx

@@ -0,0 +1,5 @@
+export function processFonts(
+  _: (string | undefined)[]
+): (string | undefined)[] {
+  throw new Error('Not supported on Web');
+}

package/src/integrations/native-stack/views/FooterComponent.tsx

@@ -0,0 +1,10 @@
+import type React from "react";
+import { ScreenFooter } from "react-native-screens";
+
+type FooterProps = {
+	children?: React.ReactNode;
+};
+
+export function FooterComponent({ children }: FooterProps) {
+	return <ScreenFooter collapsable={false}>{children}</ScreenFooter>;
+}