@amazon-devices/react-native-safe-area-context 8.0.9000000000 → 8.0.9000000002

package/lib/module/CompatNativeSafeAreaProvider.js

@@ -1,38 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { useWindowDimensions, View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function CompatNativeSafeAreaProvider({
-  children,
-  style,
-  onInsetsChange
-}) {
-  const window = useWindowDimensions();
-  React.useEffect(() => {
-    const insets = {
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0
-    };
-    const frame = {
-      x: 0,
-      y: 0,
-      width: window.width,
-      height: window.height
-    };
-    // @ts-ignore: missing properties
-    onInsetsChange({
-      nativeEvent: {
-        insets,
-        frame
-      }
-    });
-  }, [onInsetsChange, window.height, window.width]);
-  return /*#__PURE__*/_jsx(View, {
-    style: style,
-    children: children
-  });
-}
-//# sourceMappingURL=CompatNativeSafeAreaProvider.js.map

package/lib/module/InitialWindow.js

@@ -1,9 +0,0 @@
-"use strict";
-
-export const initialWindowMetrics = null;
-
-/**
- * @deprecated
- */
-export const initialWindowSafeAreaInsets = null;
-//# sourceMappingURL=InitialWindow.js.map

package/lib/module/InitialWindow.kepler.js

@@ -1,11 +0,0 @@
-"use strict";
-
-// amznmod_react for kepler, `initialWindowMetrics` is always null
-// so assigning null directly, 
-// and only calling getViewManagerConfig() for non-kepler platforms
-export const initialWindowMetrics = null;
-/**
- * @deprecated
- */
-export const initialWindowSafeAreaInsets = initialWindowMetrics?.insets;
-//# sourceMappingURL=InitialWindow.kepler.js.map

package/lib/module/InitialWindow.native.js

@@ -1,10 +0,0 @@
-"use strict";
-
-import NativeSafeAreaContext from './specs/NativeSafeAreaContext';
-export const initialWindowMetrics = NativeSafeAreaContext?.getConstants?.()?.initialWindowMetrics ?? null;
-
-/**
- * @deprecated
- */
-export const initialWindowSafeAreaInsets = initialWindowMetrics?.insets;
-//# sourceMappingURL=InitialWindow.native.js.map

package/lib/module/NativeSafeAreaProvider.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import NativeSafeAreaProvider from './specs/NativeSafeAreaProvider';
-export { NativeSafeAreaProvider };
-//# sourceMappingURL=NativeSafeAreaProvider.js.map

package/lib/module/NativeSafeAreaProvider.kepler.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { CompatNativeSafeAreaProvider as NativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
-//# sourceMappingURL=NativeSafeAreaProvider.kepler.js.map

package/lib/module/NativeSafeAreaProvider.web.js

@@ -1,130 +0,0 @@
-"use strict";
-
-/* eslint-env browser */
-
-import * as React from 'react';
-import { View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * TODO:
- * Currently insets and frame are based on the window and are not
- * relative to the provider view. This is inconsistent with iOS and Android.
- * However in most cases if the provider view covers the screen this is not
- * an issue.
- */
-
-const CSSTransitions = {
-  WebkitTransition: 'webkitTransitionEnd',
-  Transition: 'transitionEnd',
-  MozTransition: 'transitionend',
-  MSTransition: 'msTransitionEnd',
-  OTransition: 'oTransitionEnd'
-};
-export function NativeSafeAreaProvider({
-  children,
-  style,
-  onInsetsChange
-}) {
-  React.useEffect(() => {
-    // Skip for SSR.
-    if (typeof document === 'undefined') {
-      return;
-    }
-    const element = createContextElement();
-    document.body.appendChild(element);
-    const onEnd = () => {
-      const {
-        paddingTop,
-        paddingBottom,
-        paddingLeft,
-        paddingRight
-      } = window.getComputedStyle(element);
-      const insets = {
-        top: paddingTop ? parseInt(paddingTop, 10) : 0,
-        bottom: paddingBottom ? parseInt(paddingBottom, 10) : 0,
-        left: paddingLeft ? parseInt(paddingLeft, 10) : 0,
-        right: paddingRight ? parseInt(paddingRight, 10) : 0
-      };
-      const frame = {
-        x: 0,
-        y: 0,
-        width: document.documentElement.offsetWidth,
-        height: document.documentElement.offsetHeight
-      };
-      // @ts-ignore: missing properties
-      onInsetsChange({
-        nativeEvent: {
-          insets,
-          frame
-        }
-      });
-    };
-    element.addEventListener(getSupportedTransitionEvent(), onEnd);
-    onEnd();
-    return () => {
-      document.body.removeChild(element);
-      element.removeEventListener(getSupportedTransitionEvent(), onEnd);
-    };
-  }, [onInsetsChange]);
-  return /*#__PURE__*/_jsx(View, {
-    style: style,
-    children: children
-  });
-}
-let _supportedTransitionEvent = null;
-function getSupportedTransitionEvent() {
-  if (_supportedTransitionEvent != null) {
-    return _supportedTransitionEvent;
-  }
-  const element = document.createElement('invalidtype');
-  _supportedTransitionEvent = CSSTransitions.Transition;
-  for (const key in CSSTransitions) {
-    if (element.style[key] !== undefined) {
-      _supportedTransitionEvent = CSSTransitions[key];
-      break;
-    }
-  }
-  return _supportedTransitionEvent;
-}
-let _supportedEnv = null;
-function getSupportedEnv() {
-  if (_supportedEnv !== null) {
-    return _supportedEnv;
-  }
-  const {
-    CSS
-  } = window;
-  if (CSS && CSS.supports && CSS.supports('top: constant(safe-area-inset-top)')) {
-    _supportedEnv = 'constant';
-  } else {
-    _supportedEnv = 'env';
-  }
-  return _supportedEnv;
-}
-function getInset(side) {
-  return `${getSupportedEnv()}(safe-area-inset-${side})`;
-}
-function createContextElement() {
-  const element = document.createElement('div');
-  const {
-    style
-  } = element;
-  style.position = 'fixed';
-  style.left = '0';
-  style.top = '0';
-  style.width = '0';
-  style.height = '0';
-  style.zIndex = '-1';
-  style.overflow = 'hidden';
-  style.visibility = 'hidden';
-  // Bacon: Anything faster than this and the callback will be invoked too early with the wrong insets
-  style.transitionDuration = '0.05s';
-  style.transitionProperty = 'padding';
-  style.transitionDelay = '0s';
-  style.paddingTop = getInset('top');
-  style.paddingBottom = getInset('bottom');
-  style.paddingLeft = getInset('left');
-  style.paddingRight = getInset('right');
-  return element;
-}
-//# sourceMappingURL=NativeSafeAreaProvider.web.js.map

package/lib/module/NativeSafeAreaProvider.windows.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { CompatNativeSafeAreaProvider as NativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
-//# sourceMappingURL=NativeSafeAreaProvider.windows.js.map

package/lib/module/SafeArea.types.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=SafeArea.types.js.map

package/lib/module/SafeAreaContext.js

@@ -1,123 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { Dimensions, StyleSheet } from 'react-native';
-import { NativeSafeAreaProvider } from './NativeSafeAreaProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-const isDev = process.env.NODE_ENV !== 'production';
-export const SafeAreaInsetsContext = /*#__PURE__*/React.createContext(null);
-if (isDev) {
-  SafeAreaInsetsContext.displayName = 'SafeAreaInsetsContext';
-}
-export const SafeAreaFrameContext = /*#__PURE__*/React.createContext(null);
-if (isDev) {
-  SafeAreaFrameContext.displayName = 'SafeAreaFrameContext';
-}
-export function SafeAreaProvider({
-  children,
-  initialMetrics,
-  initialSafeAreaInsets,
-  style,
-  ...others
-}) {
-  const parentInsets = useParentSafeAreaInsets();
-  const parentFrame = useParentSafeAreaFrame();
-  const [insets, setInsets] = React.useState(initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? null);
-  const [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ?? {
-    // Backwards compat so we render anyway if we don't have frame.
-    x: 0,
-    y: 0,
-    width: Dimensions.get('window').width,
-    height: Dimensions.get('window').height
-  });
-  const onInsetsChange = React.useCallback(event => {
-    const {
-      nativeEvent: {
-        frame: nextFrame,
-        insets: nextInsets
-      }
-    } = event;
-    setFrame(curFrame => {
-      if (
-      // Backwards compat with old native code that won't send frame.
-      nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)) {
-        return nextFrame;
-      } else {
-        return curFrame;
-      }
-    });
-    setInsets(curInsets => {
-      if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {
-        return nextInsets;
-      } else {
-        return curInsets;
-      }
-    });
-  }, []);
-  return /*#__PURE__*/_jsx(NativeSafeAreaProvider, {
-    style: [styles.fill, style],
-    onInsetsChange: onInsetsChange,
-    ...others,
-    children: insets != null ? /*#__PURE__*/_jsx(SafeAreaFrameContext.Provider, {
-      value: frame,
-      children: /*#__PURE__*/_jsx(SafeAreaInsetsContext.Provider, {
-        value: insets,
-        children: children
-      })
-    }) : null
-  });
-}
-const styles = StyleSheet.create({
-  fill: {
-    flex: 1
-  }
-});
-function useParentSafeAreaInsets() {
-  return React.useContext(SafeAreaInsetsContext);
-}
-function useParentSafeAreaFrame() {
-  return React.useContext(SafeAreaFrameContext);
-}
-const NO_INSETS_ERROR = 'No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.';
-export function useSafeAreaInsets() {
-  const insets = React.useContext(SafeAreaInsetsContext);
-  if (insets == null) {
-    throw new Error(NO_INSETS_ERROR);
-  }
-  return insets;
-}
-export function useSafeAreaFrame() {
-  const frame = React.useContext(SafeAreaFrameContext);
-  if (frame == null) {
-    throw new Error(NO_INSETS_ERROR);
-  }
-  return frame;
-}
-export function withSafeAreaInsets(WrappedComponent) {
-  return /*#__PURE__*/React.forwardRef((props, ref) => {
-    const insets = useSafeAreaInsets();
-    return /*#__PURE__*/_jsx(WrappedComponent, {
-      ...props,
-      insets: insets,
-      ref: ref
-    });
-  });
-}
-
-/**
- * @deprecated
- */
-export function useSafeArea() {
-  return useSafeAreaInsets();
-}
-
-/**
- * @deprecated
- */
-export const SafeAreaConsumer = SafeAreaInsetsContext.Consumer;
-
-/**
- * @deprecated
- */
-export const SafeAreaContext = SafeAreaInsetsContext;
-//# sourceMappingURL=SafeAreaContext.js.map

package/lib/module/SafeAreaView.js

@@ -1,43 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import NativeSafeAreaView from './specs/NativeSafeAreaView';
-import { useMemo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultEdges = {
-  top: 'additive',
-  left: 'additive',
-  bottom: 'additive',
-  right: 'additive'
-};
-export const SafeAreaView = /*#__PURE__*/React.forwardRef(({
-  edges,
-  ...props
-}, ref) => {
-  const nativeEdges = useMemo(() => {
-    if (edges == null) {
-      return defaultEdges;
-    }
-    const edgesObj = Array.isArray(edges) ? edges.reduce((acc, edge) => {
-      acc[edge] = 'additive';
-      return acc;
-    }, {}) :
-    // ts has trouble with refining readonly arrays.
-    edges;
-
-    // make sure that we always pass all edges, required for fabric
-    const requiredEdges = {
-      top: edgesObj.top ?? 'off',
-      right: edgesObj.right ?? 'off',
-      bottom: edgesObj.bottom ?? 'off',
-      left: edgesObj.left ?? 'off'
-    };
-    return requiredEdges;
-  }, [edges]);
-  return /*#__PURE__*/_jsx(NativeSafeAreaView, {
-    ...props,
-    edges: nativeEdges,
-    ref: ref
-  });
-});
-//# sourceMappingURL=SafeAreaView.js.map

package/lib/module/SafeAreaView.kepler.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import { View } from 'react-native';
-export const SafeAreaView = View;
-//# sourceMappingURL=SafeAreaView.kepler.js.map

package/lib/module/SafeAreaView.web.js

@@ -1,86 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from './SafeAreaContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultEdges = {
-  top: 'additive',
-  left: 'additive',
-  bottom: 'additive',
-  right: 'additive'
-};
-function getEdgeValue(inset, current, mode) {
-  switch (mode) {
-    case 'off':
-      return current;
-    case 'maximum':
-      return Math.max(current, inset);
-    case 'additive':
-    default:
-      return current + inset;
-  }
-}
-export const SafeAreaView = /*#__PURE__*/React.forwardRef(({
-  style = {},
-  mode,
-  edges,
-  ...rest
-}, ref) => {
-  const insets = useSafeAreaInsets();
-  const edgesRecord = React.useMemo(() => {
-    if (edges == null) {
-      return defaultEdges;
-    }
-    return Array.isArray(edges) ? edges.reduce((acc, edge) => {
-      acc[edge] = 'additive';
-      return acc;
-    }, {}) :
-    // ts has trouble with refining readonly arrays.
-    edges;
-  }, [edges]);
-  const appliedStyle = React.useMemo(() => {
-    const flatStyle = StyleSheet.flatten(style);
-    if (mode === 'margin') {
-      const {
-        margin = 0,
-        marginVertical = margin,
-        marginHorizontal = margin,
-        marginTop = marginVertical,
-        marginRight = marginHorizontal,
-        marginBottom = marginVertical,
-        marginLeft = marginHorizontal
-      } = flatStyle;
-      const marginStyle = {
-        marginTop: getEdgeValue(insets.top, marginTop, edgesRecord.top),
-        marginRight: getEdgeValue(insets.right, marginRight, edgesRecord.right),
-        marginBottom: getEdgeValue(insets.bottom, marginBottom, edgesRecord.bottom),
-        marginLeft: getEdgeValue(insets.left, marginLeft, edgesRecord.left)
-      };
-      return [style, marginStyle];
-    } else {
-      const {
-        padding = 0,
-        paddingVertical = padding,
-        paddingHorizontal = padding,
-        paddingTop = paddingVertical,
-        paddingRight = paddingHorizontal,
-        paddingBottom = paddingVertical,
-        paddingLeft = paddingHorizontal
-      } = flatStyle;
-      const paddingStyle = {
-        paddingTop: getEdgeValue(insets.top, paddingTop, edgesRecord.top),
-        paddingRight: getEdgeValue(insets.right, paddingRight, edgesRecord.right),
-        paddingBottom: getEdgeValue(insets.bottom, paddingBottom, edgesRecord.bottom),
-        paddingLeft: getEdgeValue(insets.left, paddingLeft, edgesRecord.left)
-      };
-      return [style, paddingStyle];
-    }
-  }, [edgesRecord.bottom, edgesRecord.left, edgesRecord.right, edgesRecord.top, insets.bottom, insets.left, insets.right, insets.top, mode, style]);
-  return /*#__PURE__*/_jsx(View, {
-    style: appliedStyle,
-    ...rest,
-    ref: ref
-  });
-});
-//# sourceMappingURL=SafeAreaView.web.js.map

package/lib/module/SafeAreaView.windows.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import { View } from 'react-native';
-export const SafeAreaView = View;
-//# sourceMappingURL=SafeAreaView.windows.js.map

package/lib/module/index.js

@@ -1,8 +0,0 @@
-"use strict";
-'use client';
-
-export * from './SafeAreaContext';
-export * from './SafeAreaView';
-export * from './InitialWindow';
-export * from './SafeArea.types';
-//# sourceMappingURL=index.js.map

package/lib/module/specs/NativeSafeAreaContext.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import { TurboModuleRegistry } from 'react-native';
-export default TurboModuleRegistry.get('RNCSafeAreaContext');
-//# sourceMappingURL=NativeSafeAreaContext.js.map

package/lib/module/specs/NativeSafeAreaProvider.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-export default codegenNativeComponent('RNCSafeAreaProvider');
-//# sourceMappingURL=NativeSafeAreaProvider.js.map

package/lib/module/specs/NativeSafeAreaView.js

@@ -1,7 +0,0 @@
-"use strict";
-
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-export default codegenNativeComponent('RNCSafeAreaView', {
-  interfaceOnly: true
-});
-//# sourceMappingURL=NativeSafeAreaView.js.map

package/src/CompatNativeSafeAreaProvider.tsx

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { useWindowDimensions, View } from 'react-native';
-import type { NativeSafeAreaProviderProps } from './SafeArea.types';
-
-export function CompatNativeSafeAreaProvider({
-  children,
-  style,
-  onInsetsChange,
-}: NativeSafeAreaProviderProps) {
-  const window = useWindowDimensions();
-  React.useEffect(() => {
-    const insets = {
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
-    };
-    const frame = {
-      x: 0,
-      y: 0,
-      width: window.width,
-      height: window.height,
-    };
-    // @ts-ignore: missing properties
-    onInsetsChange({ nativeEvent: { insets, frame } });
-  }, [onInsetsChange, window.height, window.width]);
-  return <View style={style}>{children}</View>;
-}

package/src/InitialWindow.kepler.ts

@@ -1,10 +0,0 @@
-import { Metrics } from './SafeArea.types';
-
-// amznmod_react for kepler, `initialWindowMetrics` is always null
-// so assigning null directly, 
-// and only calling getViewManagerConfig() for non-kepler platforms
-export const initialWindowMetrics = null as Metrics | null;
-/**
- * @deprecated
- */
-export const initialWindowSafeAreaInsets = initialWindowMetrics?.insets;

package/src/InitialWindow.native.ts

@@ -1,10 +0,0 @@
-import type { Metrics } from './SafeArea.types';
-import NativeSafeAreaContext from './specs/NativeSafeAreaContext';
-
-export const initialWindowMetrics = (NativeSafeAreaContext?.getConstants?.()
-  ?.initialWindowMetrics ?? null) as Metrics | null;
-
-/**
- * @deprecated
- */
-export const initialWindowSafeAreaInsets = initialWindowMetrics?.insets;

package/src/InitialWindow.ts

@@ -1,8 +0,0 @@
-import type { EdgeInsets, Metrics } from './SafeArea.types';
-
-export const initialWindowMetrics: Metrics | null = null;
-
-/**
- * @deprecated
- */
-export const initialWindowSafeAreaInsets: EdgeInsets | null = null;

package/src/NativeSafeAreaProvider.kepler.tsx

@@ -1 +0,0 @@
-export { CompatNativeSafeAreaProvider as NativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';

package/src/NativeSafeAreaProvider.tsx

@@ -1,3 +0,0 @@
-import NativeSafeAreaProvider from './specs/NativeSafeAreaProvider';
-
-export { NativeSafeAreaProvider };