@amazon-devices/react-native-safe-area-context 2.0.1758683737

package/lib/module/NativeSafeAreaProvider.js

@@ -0,0 +1,124 @@
+import * as React from 'react';
+import { View } from 'react-native';
+/**
+ * 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 default function NativeSafeAreaView({
+  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__*/React.createElement(View, {
+    style: style
+  }, 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.js.map

package/lib/module/NativeSafeAreaProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","NativeSafeAreaView","children","style","onInsetsChange","useEffect","document","element","createContextElement","body","appendChild","onEnd","paddingTop","paddingBottom","paddingLeft","paddingRight","window","getComputedStyle","insets","top","parseInt","bottom","left","right","frame","x","y","width","documentElement","offsetWidth","height","offsetHeight","nativeEvent","addEventListener","getSupportedTransitionEvent","removeChild","removeEventListener","createElement","_supportedTransitionEvent","key","undefined","_supportedEnv","getSupportedEnv","CSS","supports","getInset","side","position","zIndex","overflow","visibility","transitionDuration","transitionProperty","transitionDelay"],"sources":["NativeSafeAreaProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View } from 'react-native';\nimport { NativeSafeAreaProviderProps } from './SafeArea.types';\n\n/**\n * TODO:\n * Currently insets and frame are based on the window and are not\n * relative to the provider view. This is inconsistent with iOS and Android.\n * However in most cases if the provider view covers the screen this is not\n * an issue.\n */\n\nconst CSSTransitions: Record<string, string> = {\n    WebkitTransition: 'webkitTransitionEnd',\n    Transition: 'transitionEnd',\n    MozTransition: 'transitionend',\n    MSTransition: 'msTransitionEnd',\n    OTransition: 'oTransitionEnd',\n};\n\nexport default function NativeSafeAreaView({\n       children,\n       style,\n       onInsetsChange,\n}: NativeSafeAreaProviderProps) {\n    React.useEffect(() => {\n        // Skip for SSR.\n        if (typeof document === 'undefined') {\n            return;\n        }\n\n        const element = createContextElement();\n        document.body.appendChild(element);\n        const onEnd = () => {\n            const {\n                paddingTop,\n                paddingBottom,\n                paddingLeft,\n                paddingRight,\n            } = window.getComputedStyle(element);\n\n            const insets = {\n                top: paddingTop ? parseInt(paddingTop, 10) : 0,\n                bottom: paddingBottom ? parseInt(paddingBottom, 10) : 0,\n                left: paddingLeft ? parseInt(paddingLeft, 10) : 0,\n                right: paddingRight ? parseInt(paddingRight, 10) : 0,\n            };\n            const frame = {\n                x: 0,\n                y: 0,\n                width: document.documentElement.offsetWidth,\n                height: document.documentElement.offsetHeight,\n            };\n            // @ts-ignore: missing properties\n            onInsetsChange({ nativeEvent: { insets, frame } });\n        };\n        element.addEventListener(getSupportedTransitionEvent(), onEnd);\n        onEnd();\n        return () => {\n            document.body.removeChild(element);\n            element.removeEventListener(getSupportedTransitionEvent(), onEnd);\n        };\n    }, [onInsetsChange]);\n\n    return <View style={style}>{children}</View>;\n}\n\nlet _supportedTransitionEvent: string | null = null;\nfunction getSupportedTransitionEvent(): string {\n    if (_supportedTransitionEvent !== null) {\n        return _supportedTransitionEvent;\n    }\n    const element = document.createElement('invalidtype');\n\n    _supportedTransitionEvent = CSSTransitions.Transition;\n    for (const key in CSSTransitions) {\n        if (element.style[key as keyof CSSStyleDeclaration] !== undefined) {\n            _supportedTransitionEvent = CSSTransitions[key];\n            break;\n        }\n    }\n    return _supportedTransitionEvent;\n}\n\ntype CssEnv = 'constant' | 'env';\n\nlet _supportedEnv: CssEnv | null = null;\nfunction getSupportedEnv(): CssEnv {\n    if (_supportedEnv !== null) {\n        return _supportedEnv;\n    }\n    const { CSS } = window;\n    if (\n        CSS &&\n        CSS.supports &&\n        CSS.supports('top: constant(safe-area-inset-top)')\n    ) {\n        _supportedEnv = 'constant';\n    } else {\n        _supportedEnv = 'env';\n    }\n    return _supportedEnv;\n}\n\nfunction getInset(side: string): string {\n    return `${getSupportedEnv()}(safe-area-inset-${side})`;\n}\n\nfunction createContextElement(): HTMLElement {\n    const element = document.createElement('div');\n    const { style } = element;\n    style.position = 'fixed';\n    style.left = '0';\n    style.top = '0';\n    style.width = '0';\n    style.height = '0';\n    style.zIndex = '-1';\n    style.overflow = 'hidden';\n    style.visibility = 'hidden';\n    // Bacon: Anything faster than this and the callback will be invoked too early with the wrong insets\n    style.transitionDuration = '0.05s';\n    style.transitionProperty = 'padding';\n    style.transitionDelay = '0s';\n    style.paddingTop = getInset('top');\n    style.paddingBottom = getInset('bottom');\n    style.paddingLeft = getInset('left');\n    style.paddingRight = getInset('right');\n    return element;\n}"],"mappings":"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","ignoreList":[]}

package/lib/module/NativeSafeAreaProvider.kepler.js

@@ -0,0 +1,3 @@
+import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
+export default CompatNativeSafeAreaProvider;
+//# sourceMappingURL=NativeSafeAreaProvider.kepler.js.map

package/lib/module/NativeSafeAreaProvider.kepler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CompatNativeSafeAreaProvider"],"sources":["NativeSafeAreaProvider.kepler.tsx"],"sourcesContent":["import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';\n\nexport default CompatNativeSafeAreaProvider;"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,gCAAgC;AAE7E,eAAeA,4BAA4B","ignoreList":[]}

package/lib/module/NativeSafeAreaProvider.macos.js

@@ -0,0 +1,3 @@
+import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
+export default CompatNativeSafeAreaProvider;
+//# sourceMappingURL=NativeSafeAreaProvider.macos.js.map

package/lib/module/NativeSafeAreaProvider.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CompatNativeSafeAreaProvider"],"sources":["NativeSafeAreaProvider.macos.tsx"],"sourcesContent":["import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';\n\nexport default CompatNativeSafeAreaProvider;\n"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,gCAAgC;AAE7E,eAAeA,4BAA4B","ignoreList":[]}

package/lib/module/NativeSafeAreaProvider.native.js

@@ -0,0 +1,3 @@
+import { requireNativeComponent } from 'react-native';
+export default requireNativeComponent('RNCSafeAreaProvider');
+//# sourceMappingURL=NativeSafeAreaProvider.native.js.map

package/lib/module/NativeSafeAreaProvider.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requireNativeComponent"],"sources":["NativeSafeAreaProvider.native.tsx"],"sourcesContent":["import { requireNativeComponent } from 'react-native';\nimport { NativeSafeAreaProviderProps } from './SafeArea.types';\n\nexport default requireNativeComponent<NativeSafeAreaProviderProps>(\n    'RNCSafeAreaProvider',\n);"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,cAAc;AAGrD,eAAeA,sBAAsB,CACjC,qBACJ,CAAC","ignoreList":[]}

package/lib/module/NativeSafeAreaProvider.windows.js

@@ -0,0 +1,3 @@
+import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
+export default CompatNativeSafeAreaProvider;
+//# sourceMappingURL=NativeSafeAreaProvider.windows.js.map

package/lib/module/NativeSafeAreaProvider.windows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CompatNativeSafeAreaProvider"],"sources":["NativeSafeAreaProvider.windows.tsx"],"sourcesContent":["import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';\n\nexport default CompatNativeSafeAreaProvider;\n"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,gCAAgC;AAE7E,eAAeA,4BAA4B","ignoreList":[]}

package/lib/module/SafeArea.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SafeArea.types.js.map

package/lib/module/SafeArea.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["SafeArea.types.ts"],"sourcesContent":["import {\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewProps,\n  ViewStyle,\n} from 'react-native';\n\nexport type Edge = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface EdgeInsets {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nexport interface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface Metrics {\n  insets: EdgeInsets;\n  frame: Rect;\n}\n\nexport type InsetChangedEvent = NativeSyntheticEvent<Metrics>;\n\nexport type InsetChangeNativeCallback = (event: InsetChangedEvent) => void;\n\nexport interface NativeSafeAreaProviderProps {\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  onInsetsChange: InsetChangeNativeCallback;\n}\n\nexport type NativeSafeAreaViewProps = ViewProps & {\n  children?: React.ReactNode;\n  mode?: 'padding' | 'margin';\n  edges?: ReadonlyArray<Edge>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/module/SafeAreaContext.js

@@ -0,0 +1,99 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+import { Dimensions, StyleSheet } from 'react-native';
+import NativeSafeAreaProvider from './NativeSafeAreaProvider';
+export const SafeAreaInsetsContext = /*#__PURE__*/React.createContext(null);
+SafeAreaInsetsContext.displayName = 'SafeAreaInsetsContext';
+export const SafeAreaFrameContext = /*#__PURE__*/React.createContext(null);
+SafeAreaFrameContext.displayName = 'SafeAreaFrameContext';
+export function SafeAreaProvider({
+  children,
+  initialMetrics,
+  initialSafeAreaInsets,
+  style
+}) {
+  var _ref, _ref2, _initialMetrics$inset, _ref3, _initialMetrics$frame;
+  const parentInsets = useParentSafeAreaInsets();
+  const parentFrame = useParentSafeAreaFrame();
+  const [insets, setInsets] = React.useState((_ref = (_ref2 = (_initialMetrics$inset = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _initialMetrics$inset !== void 0 ? _initialMetrics$inset : initialSafeAreaInsets) !== null && _ref2 !== void 0 ? _ref2 : parentInsets) !== null && _ref !== void 0 ? _ref : null);
+  const [frame, setFrame] = React.useState((_ref3 = (_initialMetrics$frame = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _initialMetrics$frame !== void 0 ? _initialMetrics$frame : parentFrame) !== null && _ref3 !== void 0 ? _ref3 : {
+    // 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;
+    if (
+    // Backwards compat with old native code that won't send frame.
+    nextFrame && (nextFrame.height !== frame.height || nextFrame.width !== frame.width || nextFrame.x !== frame.x || nextFrame.y !== frame.y)) {
+      setFrame(nextFrame);
+    }
+    if (!insets || nextInsets.bottom !== insets.bottom || nextInsets.left !== insets.left || nextInsets.right !== insets.right || nextInsets.top !== insets.top) {
+      setInsets(nextInsets);
+    }
+  }, [frame, insets]);
+  return /*#__PURE__*/React.createElement(NativeSafeAreaProvider, {
+    style: [styles.fill, style],
+    onInsetsChange: onInsetsChange
+  }, insets != null ? /*#__PURE__*/React.createElement(SafeAreaFrameContext.Provider, {
+    value: frame
+  }, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Provider, {
+    value: insets
+  }, children)) : null);
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  }
+});
+function useParentSafeAreaInsets() {
+  return React.useContext(SafeAreaInsetsContext);
+}
+function useParentSafeAreaFrame() {
+  return React.useContext(SafeAreaFrameContext);
+}
+export function useSafeAreaInsets() {
+  const safeArea = React.useContext(SafeAreaInsetsContext);
+  if (safeArea == null) {
+    throw new Error('No safe area insets value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.');
+  }
+  return safeArea;
+}
+export function useSafeAreaFrame() {
+  const frame = React.useContext(SafeAreaFrameContext);
+  if (frame == null) {
+    throw new Error('No safe area frame value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.');
+  }
+  return frame;
+}
+export function withSafeAreaInsets(WrappedComponent) {
+  return /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SafeAreaConsumer, null, insets => /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, 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/SafeAreaContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","StyleSheet","NativeSafeAreaProvider","SafeAreaInsetsContext","createContext","displayName","SafeAreaFrameContext","SafeAreaProvider","children","initialMetrics","initialSafeAreaInsets","style","_ref","_ref2","_initialMetrics$inset","_ref3","_initialMetrics$frame","parentInsets","useParentSafeAreaInsets","parentFrame","useParentSafeAreaFrame","insets","setInsets","useState","frame","setFrame","x","y","width","get","height","onInsetsChange","useCallback","event","nativeEvent","nextFrame","nextInsets","bottom","left","right","top","createElement","styles","fill","Provider","value","create","flex","useContext","useSafeAreaInsets","safeArea","Error","useSafeAreaFrame","withSafeAreaInsets","WrappedComponent","forwardRef","props","ref","SafeAreaConsumer","_extends","useSafeArea","Consumer","SafeAreaContext"],"sources":["SafeAreaContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dimensions, StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport NativeSafeAreaProvider from './NativeSafeAreaProvider';\nimport { EdgeInsets, InsetChangedEvent, Metrics, Rect } from './SafeArea.types';\n\nexport const SafeAreaInsetsContext = React.createContext<EdgeInsets | null>(\n  null,\n);\nSafeAreaInsetsContext.displayName = 'SafeAreaInsetsContext';\n\nexport const SafeAreaFrameContext = React.createContext<Rect | null>(null);\nSafeAreaFrameContext.displayName = 'SafeAreaFrameContext';\n\nexport interface SafeAreaViewProps {\n  children?: React.ReactNode;\n  initialMetrics?: Metrics | null;\n  /**\n   * @deprecated\n   */\n  initialSafeAreaInsets?: EdgeInsets | null;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function SafeAreaProvider({\n  children,\n  initialMetrics,\n  initialSafeAreaInsets,\n  style,\n}: SafeAreaViewProps) {\n  const parentInsets = useParentSafeAreaInsets();\n  const parentFrame = useParentSafeAreaFrame();\n  const [insets, setInsets] = React.useState<EdgeInsets | null>(\n    initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? null,\n  );\n  const [frame, setFrame] = React.useState<Rect>(\n    initialMetrics?.frame ??\n      parentFrame ?? {\n        // Backwards compat so we render anyway if we don't have frame.\n        x: 0,\n        y: 0,\n        width: Dimensions.get('window').width,\n        height: Dimensions.get('window').height,\n      },\n  );\n  const onInsetsChange = React.useCallback(\n    (event: InsetChangedEvent) => {\n      const {\n        nativeEvent: { frame: nextFrame, insets: nextInsets },\n      } = event;\n\n      if (\n        // Backwards compat with old native code that won't send frame.\n        nextFrame &&\n        (nextFrame.height !== frame.height ||\n          nextFrame.width !== frame.width ||\n          nextFrame.x !== frame.x ||\n          nextFrame.y !== frame.y)\n      ) {\n        setFrame(nextFrame);\n      }\n\n      if (\n        !insets ||\n        nextInsets.bottom !== insets.bottom ||\n        nextInsets.left !== insets.left ||\n        nextInsets.right !== insets.right ||\n        nextInsets.top !== insets.top\n      ) {\n        setInsets(nextInsets);\n      }\n    },\n    [frame, insets],\n  );\n\n  return (\n    <NativeSafeAreaProvider\n      style={[styles.fill, style]}\n      onInsetsChange={onInsetsChange}\n    >\n      {insets != null ? (\n        <SafeAreaFrameContext.Provider value={frame}>\n          <SafeAreaInsetsContext.Provider value={insets}>\n            {children}\n          </SafeAreaInsetsContext.Provider>\n        </SafeAreaFrameContext.Provider>\n      ) : null}\n    </NativeSafeAreaProvider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  fill: { flex: 1 },\n});\n\nfunction useParentSafeAreaInsets(): EdgeInsets | null {\n  return React.useContext(SafeAreaInsetsContext);\n}\n\nfunction useParentSafeAreaFrame(): Rect | null {\n  return React.useContext(SafeAreaFrameContext);\n}\n\nexport function useSafeAreaInsets(): EdgeInsets {\n  const safeArea = React.useContext(SafeAreaInsetsContext);\n  if (safeArea == null) {\n    throw new Error(\n      'No safe area insets value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.',\n    );\n  }\n  return safeArea;\n}\n\nexport function useSafeAreaFrame(): Rect {\n  const frame = React.useContext(SafeAreaFrameContext);\n  if (frame == null) {\n    throw new Error(\n      'No safe area frame value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.',\n    );\n  }\n  return frame;\n}\n\nexport function withSafeAreaInsets<T>(\n  WrappedComponent: React.ComponentType<T>,\n) {\n  return React.forwardRef((props: T, ref: React.Ref<T>) => (\n    <SafeAreaConsumer>\n      {(insets) => <WrappedComponent {...props} insets={insets} ref={ref} />}\n    </SafeAreaConsumer>\n  ));\n}\n\n/**\n * @deprecated\n */\nexport function useSafeArea(): EdgeInsets {\n  return useSafeAreaInsets();\n}\n\n/**\n * @deprecated\n */\nexport const SafeAreaConsumer = SafeAreaInsetsContext.Consumer;\n\n/**\n * @deprecated\n */\nexport const SafeAreaContext = SafeAreaInsetsContext;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/SafeAreaView.js

@@ -0,0 +1,74 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useSafeAreaInsets } from './SafeAreaContext';
+// prettier-ignore
+const TOP = 0b1000,
+  RIGHT = 0b0100,
+  BOTTOM = 0b0010,
+  LEFT = 0b0001,
+  ALL = 0b1111;
+
+/* eslint-disable no-bitwise */
+
+const edgeBitmaskMap = {
+  top: TOP,
+  right: RIGHT,
+  bottom: BOTTOM,
+  left: LEFT
+};
+export function SafeAreaView({
+  style = {},
+  mode,
+  edges,
+  ...rest
+}) {
+  const insets = useSafeAreaInsets();
+  const edgeBitmask = edges != null ? edges.reduce((accum, edge) => accum | edgeBitmaskMap[edge], 0) : ALL;
+  const appliedStyle = React.useMemo(() => {
+    const insetTop = edgeBitmask & TOP ? insets.top : 0;
+    const insetRight = edgeBitmask & RIGHT ? insets.right : 0;
+    const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
+    const insetLeft = edgeBitmask & LEFT ? insets.left : 0;
+    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: marginTop + insetTop,
+        marginRight: marginRight + insetRight,
+        marginBottom: marginBottom + insetBottom,
+        marginLeft: marginLeft + insetLeft
+      };
+      return [style, marginStyle];
+    } else {
+      const {
+        padding = 0,
+        paddingVertical = padding,
+        paddingHorizontal = padding,
+        paddingTop = paddingVertical,
+        paddingRight = paddingHorizontal,
+        paddingBottom = paddingVertical,
+        paddingLeft = paddingHorizontal
+      } = flatStyle;
+      const paddingStyle = {
+        paddingTop: paddingTop + insetTop,
+        paddingRight: paddingRight + insetRight,
+        paddingBottom: paddingBottom + insetBottom,
+        paddingLeft: paddingLeft + insetLeft
+      };
+      return [style, paddingStyle];
+    }
+  }, [style, insets, mode, edgeBitmask]);
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: appliedStyle
+  }, rest));
+}
+//# sourceMappingURL=SafeAreaView.js.map

package/lib/module/SafeAreaView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useSafeAreaInsets","TOP","RIGHT","BOTTOM","LEFT","ALL","edgeBitmaskMap","top","right","bottom","left","SafeAreaView","style","mode","edges","rest","insets","edgeBitmask","reduce","accum","edge","appliedStyle","useMemo","insetTop","insetRight","insetBottom","insetLeft","flatStyle","flatten","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle","createElement","_extends"],"sources":["SafeAreaView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { useSafeAreaInsets } from './SafeAreaContext';\nimport { Edge, NativeSafeAreaViewProps } from './SafeArea.types';\n\n// prettier-ignore\nconst TOP    = 0b1000,\n    RIGHT  = 0b0100,\n    BOTTOM = 0b0010,\n    LEFT   = 0b0001,\n    ALL    = 0b1111;\n\n/* eslint-disable no-bitwise */\n\nconst edgeBitmaskMap: Record<Edge, number> = {\n    top: TOP,\n    right: RIGHT,\n    bottom: BOTTOM,\n    left: LEFT,\n};\n\nexport function SafeAreaView({\n                                 style = {},\n                                 mode,\n                                 edges,\n                                 ...rest\n                             }: NativeSafeAreaViewProps) {\n    const insets = useSafeAreaInsets();\n\n    const edgeBitmask =\n        edges != null\n            ? edges.reduce((accum, edge) => accum | edgeBitmaskMap[edge], 0)\n            : ALL;\n\n    const appliedStyle = React.useMemo(() => {\n        const insetTop = edgeBitmask & TOP ? insets.top : 0;\n        const insetRight = edgeBitmask & RIGHT ? insets.right : 0;\n        const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;\n        const insetLeft = edgeBitmask & LEFT ? insets.left : 0;\n\n        const flatStyle = StyleSheet.flatten(style) as Record<string, number>;\n\n        if (mode === 'margin') {\n            const {\n                margin = 0,\n                marginVertical = margin,\n                marginHorizontal = margin,\n                marginTop = marginVertical,\n                marginRight = marginHorizontal,\n                marginBottom = marginVertical,\n                marginLeft = marginHorizontal,\n            } = flatStyle;\n\n            const marginStyle = {\n                marginTop: marginTop + insetTop,\n                marginRight: marginRight + insetRight,\n                marginBottom: marginBottom + insetBottom,\n                marginLeft: marginLeft + insetLeft,\n            };\n\n            return [style, marginStyle];\n        } else {\n            const {\n                padding = 0,\n                paddingVertical = padding,\n                paddingHorizontal = padding,\n                paddingTop = paddingVertical,\n                paddingRight = paddingHorizontal,\n                paddingBottom = paddingVertical,\n                paddingLeft = paddingHorizontal,\n            } = flatStyle;\n\n            const paddingStyle = {\n                paddingTop: paddingTop + insetTop,\n                paddingRight: paddingRight + insetRight,\n                paddingBottom: paddingBottom + insetBottom,\n                paddingLeft: paddingLeft + insetLeft,\n            };\n\n            return [style, paddingStyle];\n        }\n    }, [style, insets, mode, edgeBitmask]);\n\n    return <View style={appliedStyle} {...rest} />;\n}"],"mappings":"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","ignoreList":[]}

package/lib/module/SafeAreaView.kepler.js

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

package/lib/module/SafeAreaView.kepler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","SafeAreaView"],"sources":["SafeAreaView.kepler.tsx"],"sourcesContent":["import { View } from 'react-native';\n\nexport const SafeAreaView = View;"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,YAAY,GAAGD,IAAI","ignoreList":[]}

package/lib/module/SafeAreaView.macos.js

@@ -0,0 +1,3 @@
+import { View } from 'react-native';
+export const SafeAreaView = View;
+//# sourceMappingURL=SafeAreaView.macos.js.map

package/lib/module/SafeAreaView.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","SafeAreaView"],"sources":["SafeAreaView.macos.tsx"],"sourcesContent":["import { View } from 'react-native';\n\nexport const SafeAreaView = View;\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,YAAY,GAAGD,IAAI","ignoreList":[]}

package/lib/module/SafeAreaView.native.js

@@ -0,0 +1,3 @@
+import { requireNativeComponent } from 'react-native';
+export const SafeAreaView = requireNativeComponent('RNCSafeAreaView');
+//# sourceMappingURL=SafeAreaView.native.js.map

package/lib/module/SafeAreaView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requireNativeComponent","SafeAreaView"],"sources":["SafeAreaView.native.tsx"],"sourcesContent":["import { requireNativeComponent } from 'react-native';\nimport { NativeSafeAreaViewProps } from './SafeArea.types';\n\nexport const SafeAreaView = requireNativeComponent<NativeSafeAreaViewProps>(\n    'RNCSafeAreaView',\n);"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,cAAc;AAGrD,OAAO,MAAMC,YAAY,GAAGD,sBAAsB,CAC9C,iBACJ,CAAC","ignoreList":[]}

package/lib/module/SafeAreaView.windows.js

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

package/lib/module/SafeAreaView.windows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","SafeAreaView"],"sources":["SafeAreaView.windows.tsx"],"sourcesContent":["import { View } from 'react-native';\n\nexport const SafeAreaView = View;\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,YAAY,GAAGD,IAAI","ignoreList":[]}

package/lib/module/index.js

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

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './SafeAreaContext';\nexport * from './SafeAreaView';\nexport * from './InitialWindow';\nexport * from './SafeArea.types';\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,kBAAkB","ignoreList":[]}

package/lib/module/useWindowDimensions.js

@@ -0,0 +1,26 @@
+import { Dimensions } from 'react-native';
+import { useEffect, useState } from 'react';
+// Copied from https://github.com/facebook/react-native/blob/8d57691a/Libraries/Utilities/useWindowDimensions.js
+// for compatibility with React Native < 0.61.
+export default function useWindowDimensions() {
+  const [dimensions, setDimensions] = useState(() => Dimensions.get('window'));
+  useEffect(() => {
+    function handleChange({
+      window
+    }) {
+      if (dimensions.width !== window.width || dimensions.height !== window.height || dimensions.scale !== window.scale || dimensions.fontScale !== window.fontScale) {
+        setDimensions(window);
+      }
+    }
+    const subscription = Dimensions.addEventListener('change', handleChange);
+    // We might have missed an update between calling `get` in render and
+    // `addEventListener` in this handler, so we set it here. If there was
+    // no change, React will filter out this update as a no-op.
+    handleChange({
+      window: Dimensions.get('window')
+    });
+    return () => subscription.remove();
+  }, [dimensions]);
+  return dimensions;
+}
+//# sourceMappingURL=useWindowDimensions.js.map

package/lib/module/useWindowDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","useEffect","useState","useWindowDimensions","dimensions","setDimensions","get","handleChange","window","width","height","scale","fontScale","subscription","addEventListener","remove"],"sources":["useWindowDimensions.tsx"],"sourcesContent":["import { Dimensions } from 'react-native';\nimport { useEffect, useState } from 'react';\n\ntype DisplayMetrics = {\n  width: number;\n  height: number;\n  scale: number;\n  fontScale: number;\n};\n\n// Copied from https://github.com/facebook/react-native/blob/8d57691a/Libraries/Utilities/useWindowDimensions.js\n// for compatibility with React Native < 0.61.\nexport default function useWindowDimensions(): DisplayMetrics {\n  const [dimensions, setDimensions] = useState(() => Dimensions.get('window'));\n  useEffect(() => {\n    function handleChange({ window }: { window: DisplayMetrics }) {\n      if (\n        dimensions.width !== window.width ||\n        dimensions.height !== window.height ||\n        dimensions.scale !== window.scale ||\n        dimensions.fontScale !== window.fontScale\n      ) {\n        setDimensions(window);\n      }\n    }\n    const subscription = Dimensions.addEventListener('change', handleChange);\n    // We might have missed an update between calling `get` in render and\n    // `addEventListener` in this handler, so we set it here. If there was\n    // no change, React will filter out this update as a no-op.\n    handleChange({ window: Dimensions.get('window') });\n\n    return () => subscription.remove();\n  }, [dimensions]);\n  return dimensions;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAS3C;AACA;AACA,eAAe,SAASC,mBAAmBA,CAAA,EAAmB;EAC5D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGH,QAAQ,CAAC,MAAMF,UAAU,CAACM,GAAG,CAAC,QAAQ,CAAC,CAAC;EAC5EL,SAAS,CAAC,MAAM;IACd,SAASM,YAAYA,CAAC;MAAEC;IAAmC,CAAC,EAAE;MAC5D,IACEJ,UAAU,CAACK,KAAK,KAAKD,MAAM,CAACC,KAAK,IACjCL,UAAU,CAACM,MAAM,KAAKF,MAAM,CAACE,MAAM,IACnCN,UAAU,CAACO,KAAK,KAAKH,MAAM,CAACG,KAAK,IACjCP,UAAU,CAACQ,SAAS,KAAKJ,MAAM,CAACI,SAAS,EACzC;QACAP,aAAa,CAACG,MAAM,CAAC;MACvB;IACF;IACA,MAAMK,YAAY,GAAGb,UAAU,CAACc,gBAAgB,CAAC,QAAQ,EAAEP,YAAY,CAAC;IACxE;IACA;IACA;IACAA,YAAY,CAAC;MAAEC,MAAM,EAAER,UAAU,CAACM,GAAG,CAAC,QAAQ;IAAE,CAAC,CAAC;IAElD,OAAO,MAAMO,YAAY,CAACE,MAAM,CAAC,CAAC;EACpC,CAAC,EAAE,CAACX,UAAU,CAAC,CAAC;EAChB,OAAOA,UAAU;AACnB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import { NativeSafeAreaProviderProps } from './SafeArea.types';
+export declare function CompatNativeSafeAreaProvider({ children, style, onInsetsChange, }: NativeSafeAreaProviderProps): JSX.Element;

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

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

package/lib/typescript/src/InitialWindow.kepler.d.ts

@@ -0,0 +1,6 @@
+import { Metrics } from './SafeArea.types';
+export declare const initialWindowMetrics: Metrics | null;
+/**
+ * @deprecated
+ */
+export declare const initialWindowSafeAreaInsets: import("./SafeArea.types").EdgeInsets | undefined;

package/lib/typescript/src/InitialWindow.native.d.ts

@@ -0,0 +1,6 @@
+import { Metrics } from './SafeArea.types';
+export declare const initialWindowMetrics: Metrics | null;
+/**
+ * @deprecated
+ */
+export declare const initialWindowSafeAreaInsets: import("./SafeArea.types").EdgeInsets | undefined;

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

@@ -0,0 +1,2 @@
+import { NativeSafeAreaProviderProps } from './SafeArea.types';
+export default function NativeSafeAreaView({ children, style, onInsetsChange, }: NativeSafeAreaProviderProps): JSX.Element;

package/lib/typescript/src/NativeSafeAreaProvider.kepler.d.ts

@@ -0,0 +1,2 @@
+import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
+export default CompatNativeSafeAreaProvider;

package/lib/typescript/src/NativeSafeAreaProvider.macos.d.ts

@@ -0,0 +1,2 @@
+import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
+export default CompatNativeSafeAreaProvider;

package/lib/typescript/src/NativeSafeAreaProvider.native.d.ts

@@ -0,0 +1,3 @@
+import { NativeSafeAreaProviderProps } from './SafeArea.types';
+declare const _default: import("react-native").HostComponent<NativeSafeAreaProviderProps>;
+export default _default;

package/lib/typescript/src/NativeSafeAreaProvider.windows.d.ts

@@ -0,0 +1,2 @@
+import { CompatNativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
+export default CompatNativeSafeAreaProvider;

package/lib/typescript/src/SafeArea.types.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { NativeSyntheticEvent, StyleProp, ViewProps, ViewStyle } from 'react-native';
+export type Edge = 'top' | 'right' | 'bottom' | 'left';
+export interface EdgeInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface Metrics {
+    insets: EdgeInsets;
+    frame: Rect;
+}
+export type InsetChangedEvent = NativeSyntheticEvent<Metrics>;
+export type InsetChangeNativeCallback = (event: InsetChangedEvent) => void;
+export interface NativeSafeAreaProviderProps {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onInsetsChange: InsetChangeNativeCallback;
+}
+export type NativeSafeAreaViewProps = ViewProps & {
+    children?: React.ReactNode;
+    mode?: 'padding' | 'margin';
+    edges?: ReadonlyArray<Edge>;
+};

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { EdgeInsets, Metrics, Rect } from './SafeArea.types';
+export declare const SafeAreaInsetsContext: React.Context<EdgeInsets | null>;
+export declare const SafeAreaFrameContext: React.Context<Rect | null>;
+export interface SafeAreaViewProps {
+    children?: React.ReactNode;
+    initialMetrics?: Metrics | null;
+    /**
+     * @deprecated
+     */
+    initialSafeAreaInsets?: EdgeInsets | null;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function SafeAreaProvider({ children, initialMetrics, initialSafeAreaInsets, style, }: SafeAreaViewProps): JSX.Element;
+export declare function useSafeAreaInsets(): EdgeInsets;
+export declare function useSafeAreaFrame(): Rect;
+export declare function withSafeAreaInsets<T>(WrappedComponent: React.ComponentType<T>): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<T>>;
+/**
+ * @deprecated
+ */
+export declare function useSafeArea(): EdgeInsets;
+/**
+ * @deprecated
+ */
+export declare const SafeAreaConsumer: React.Consumer<EdgeInsets | null>;
+/**
+ * @deprecated
+ */
+export declare const SafeAreaContext: React.Context<EdgeInsets | null>;

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

@@ -0,0 +1,2 @@
+import { NativeSafeAreaViewProps } from './SafeArea.types';
+export declare function SafeAreaView({ style, mode, edges, ...rest }: NativeSafeAreaViewProps): JSX.Element;

package/lib/typescript/src/SafeAreaView.kepler.d.ts

@@ -0,0 +1,2 @@
+import { View } from 'react-native';
+export declare const SafeAreaView: typeof View;

package/lib/typescript/src/SafeAreaView.macos.d.ts

@@ -0,0 +1,2 @@
+import { View } from 'react-native';
+export declare const SafeAreaView: typeof View;

package/lib/typescript/src/SafeAreaView.native.d.ts

@@ -0,0 +1,2 @@
+import { NativeSafeAreaViewProps } from './SafeArea.types';
+export declare const SafeAreaView: import("react-native").HostComponent<NativeSafeAreaViewProps>;

package/lib/typescript/src/SafeAreaView.windows.d.ts

@@ -0,0 +1,2 @@
+import { View } from 'react-native';
+export declare const SafeAreaView: typeof View;

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

@@ -0,0 +1,4 @@
+export * from './SafeAreaContext';
+export * from './SafeAreaView';
+export * from './InitialWindow';
+export * from './SafeArea.types';