@react-navigation/elements 2.9.2 → 3.0.0-alpha.0

package/lib/typescript/src/MaskedViewNative.d.ts

@@ -1,11 +0,0 @@
-/**
- * The native MaskedView that we explicitly re-export for supported platforms: Android, iOS.
- */
-import * as React from 'react';
-type MaskedViewType = typeof import('@react-native-masked-view/masked-view').default;
-type Props = React.ComponentProps<MaskedViewType> & {
-    children: React.ReactElement;
-};
-export declare function MaskedView({ children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MaskedViewNative.d.ts.map

package/lib/typescript/src/MaskedViewNative.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaskedViewNative.d.ts","sourceRoot":"","sources":["../../../src/MaskedViewNative.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GACjB,cAAc,uCAAuC,EAAE,OAAO,CAAC;AAEjE,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAeF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAMtD"}

package/lib/typescript/src/ResourceSavingView.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-type Props = {
-    visible: boolean;
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-};
-export declare function ResourceSavingView({ visible, children, style, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ResourceSavingView.d.ts.map

package/lib/typescript/src/ResourceSavingView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResourceSavingView.d.ts","sourceRoot":"","sources":["../../../src/ResourceSavingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,2CAuCP"}

package/src/Background.tsx

@@ -1,24 +0,0 @@
-import { useTheme } from '@react-navigation/native';
-import * as React from 'react';
-import {
-  Animated,
-  type StyleProp,
-  type ViewProps,
-  type ViewStyle,
-} from 'react-native';
-
-type Props = Omit<ViewProps, 'style'> & {
-  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-  children: React.ReactNode;
-};
-
-export function Background({ style, ...rest }: Props) {
-  const { colors } = useTheme();
-
-  return (
-    <Animated.View
-      {...rest}
-      style={[{ flex: 1, backgroundColor: colors.background }, style]}
-    />
-  );
-}

package/src/MaskedView.android.tsx

@@ -1 +0,0 @@
-export { MaskedView } from './MaskedViewNative';

package/src/MaskedView.ios.tsx

@@ -1 +0,0 @@
-export { MaskedView } from './MaskedViewNative';

package/src/MaskedView.tsx

@@ -1,13 +0,0 @@
-/**
- * Use a stub for MaskedView on all Platforms that don't support it.
- */
-import type * as React from 'react';
-
-type Props = {
-  maskElement: React.ReactElement;
-  children: React.ReactElement;
-};
-
-export function MaskedView({ children }: Props) {
-  return children;
-}

package/src/MaskedViewNative.tsx

@@ -1,33 +0,0 @@
-/**
- * The native MaskedView that we explicitly re-export for supported platforms: Android, iOS.
- */
-import * as React from 'react';
-import { UIManager } from 'react-native';
-
-type MaskedViewType =
-  typeof import('@react-native-masked-view/masked-view').default;
-
-type Props = React.ComponentProps<MaskedViewType> & {
-  children: React.ReactElement;
-};
-
-let RNCMaskedView: MaskedViewType | undefined;
-
-try {
-  // Add try/catch to support usage even if it's not installed, since it's optional.
-  // Newer versions of Metro will handle it properly.
-  RNCMaskedView = require('@react-native-masked-view/masked-view').default;
-} catch (e) {
-  // Ignore
-}
-
-const isMaskedViewAvailable =
-  UIManager.getViewManagerConfig('RNCMaskedView') != null;
-
-export function MaskedView({ children, ...rest }: Props) {
-  if (isMaskedViewAvailable && RNCMaskedView) {
-    return <RNCMaskedView {...rest}>{children}</RNCMaskedView>;
-  }
-
-  return children;
-}

package/src/ResourceSavingView.tsx

@@ -1,76 +0,0 @@
-import * as React from 'react';
-import {
-  Platform,
-  type StyleProp,
-  StyleSheet,
-  View,
-  type ViewStyle,
-} from 'react-native';
-
-type Props = {
-  visible: boolean;
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-};
-
-const FAR_FAR_AWAY = 30000; // this should be big enough to move the whole view out of its container
-
-export function ResourceSavingView({
-  visible,
-  children,
-  style,
-  ...rest
-}: Props) {
-  if (Platform.OS === 'web') {
-    return (
-      <View
-        // @ts-expect-error: hidden exists on web, but not in React Native
-        hidden={!visible}
-        style={[
-          { display: visible ? 'flex' : 'none' },
-          styles.container,
-          style,
-        ]}
-        pointerEvents={visible ? 'auto' : 'none'}
-        {...rest}
-      >
-        {children}
-      </View>
-    );
-  }
-
-  return (
-    <View
-      style={[styles.container, style]}
-      // box-none doesn't seem to work properly on Android
-      pointerEvents={visible ? 'auto' : 'none'}
-    >
-      <View
-        collapsable={false}
-        removeClippedSubviews={
-          // On iOS & macOS, set removeClippedSubviews to true only when not focused
-          // This is an workaround for a bug where the clipped view never re-appears
-          Platform.OS === 'ios' || Platform.OS === 'macos' ? !visible : true
-        }
-        pointerEvents={visible ? 'auto' : 'none'}
-        style={visible ? styles.attached : styles.detached}
-      >
-        {children}
-      </View>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    overflow: 'hidden',
-  },
-  attached: {
-    flex: 1,
-  },
-  detached: {
-    flex: 1,
-    top: FAR_FAR_AWAY,
-  },
-});