@react-native-ohos/react-native-safe-area-context 5.1.1-rc.1

package/lib/module/SafeAreaView.js

@@ -0,0 +1,176 @@
+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 NativeSafeAreaView from './specs/NativeSafeAreaView';
+import { useMemo, useState } from 'react';
+const defaultEdges = {
+  top: 'additive',
+  left: 'additive',
+  bottom: 'additive',
+  right: 'additive'
+};
+let isOnChange = false;
+let realTop = 0;
+let realLeft = 0;
+let realBottom = 0;
+let realRight = 0;
+let safeAreaTop = 0;
+let safeAreaLeft = 0;
+let safeAreaBottom = 0;
+let safeAreaRight = 0;
+function getEdgeValue(edgeMode, insetValue, edgeValue) {
+  if (edgeMode === 'off') {
+    return edgeValue;
+  } else if (edgeMode === 'maximum') {
+    return Math.max(insetValue, edgeValue);
+  } else {
+    return insetValue + edgeValue;
+  }
+}
+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]);
+  const [isFirstRefresh, setIsFirstRefresh] = useState(false);
+  let safeAreaStyle = [props.style];
+  let rawPadding = 0;
+  let rawMargin = 0;
+  let rawPaddingTop = undefined;
+  let rawPaddingLeft = undefined;
+  let rawPaddingBottom = undefined;
+  let rawPaddingRight = undefined;
+  let rawMarginTop = undefined;
+  let rawMarginLeft = undefined;
+  let rawMarginBottom = undefined;
+  let rawMarginRight = undefined;
+  const safeAreaChange = e => {
+    if (e.nativeEvent.safeAreaViewInsetsValue?.top) {
+      safeAreaTop = e.nativeEvent.safeAreaViewInsetsValue?.top;
+    }
+    if (e.nativeEvent.safeAreaViewInsetsValue?.right) {
+      safeAreaRight = e.nativeEvent.safeAreaViewInsetsValue?.right;
+    }
+    if (e.nativeEvent.safeAreaViewInsetsValue?.bottom) {
+      safeAreaBottom = e.nativeEvent.safeAreaViewInsetsValue?.bottom;
+    }
+    if (e.nativeEvent.safeAreaViewInsetsValue?.left) {
+      safeAreaLeft = e.nativeEvent.safeAreaViewInsetsValue?.left;
+    }
+    if (!isOnChange) {
+      setIsFirstRefresh(true);
+    }
+    isOnChange = true;
+  };
+  let rawProp = props.style;
+  let i;
+  if (rawProp && rawProp.length > 0) {
+    for (i = 0; i < rawProp.length; i++) {
+      if (rawProp[i]?.padding) {
+        rawPadding = rawProp[i]?.padding;
+      }
+      if (rawProp[i]?.margin) {
+        rawMargin = rawProp[i]?.margin;
+      }
+      if (rawProp[i]?.paddingTop) {
+        rawPaddingTop = rawProp[i]?.paddingTop;
+      }
+      if (rawProp[i]?.paddingLeft) {
+        rawPaddingLeft = rawProp[i]?.paddingLeft;
+      }
+      if (rawProp[i]?.paddingRight) {
+        rawPaddingRight = rawProp[i]?.paddingRight;
+      }
+      if (rawProp[i]?.paddingBottom) {
+        rawPaddingBottom = rawProp[i]?.paddingBottom;
+      }
+      if (rawProp[i]?.marginTop) {
+        rawMarginTop = rawProp[i]?.marginTop;
+      }
+      if (rawProp[i]?.marginLeft) {
+        rawMarginLeft = rawProp[i]?.marginLeft;
+      }
+      if (rawProp[i]?.marginRight) {
+        rawMarginRight = rawProp[i]?.marginRight;
+      }
+      if (rawProp[i]?.marginBottom) {
+        rawMarginBottom = rawProp[i]?.marginBottom;
+      }
+    }
+  }
+  if (!rawPaddingTop) {
+    rawPaddingTop = rawPadding;
+  }
+  if (!rawPaddingLeft) {
+    rawPaddingLeft = rawPadding;
+  }
+  if (!rawPaddingRight) {
+    rawPaddingRight = rawPadding;
+  }
+  if (!rawPaddingBottom) {
+    rawPaddingBottom = rawPadding;
+  }
+  if (!rawMarginTop) {
+    rawMarginTop = rawMargin;
+  }
+  if (!rawMarginLeft) {
+    rawMarginLeft = rawMargin;
+  }
+  if (!rawMarginRight) {
+    rawMarginRight = rawMargin;
+  }
+  if (!rawMarginBottom) {
+    rawMarginBottom = rawMargin;
+  }
+  if (isOnChange) {
+    if (props.mode === 'margin') {
+      realTop = getEdgeValue(nativeEdges.top, safeAreaTop, rawMarginTop);
+      realLeft = getEdgeValue(nativeEdges.left, safeAreaLeft, rawMarginLeft);
+      realBottom = getEdgeValue(nativeEdges.bottom, safeAreaBottom, rawMarginBottom);
+      realRight = getEdgeValue(nativeEdges.right, safeAreaRight, rawMarginRight);
+      safeAreaStyle = [props.style, {
+        marginTop: realTop,
+        marginLeft: realLeft,
+        marginBottom: realBottom,
+        marginRight: realRight
+      }];
+    } else {
+      realTop = getEdgeValue(nativeEdges.top, safeAreaTop, rawPaddingTop);
+      realLeft = getEdgeValue(nativeEdges.left, safeAreaLeft, rawPaddingLeft);
+      realBottom = getEdgeValue(nativeEdges.bottom, safeAreaBottom, rawPaddingBottom);
+      realRight = getEdgeValue(nativeEdges.right, safeAreaRight, rawPaddingRight);
+      safeAreaStyle = [props.style, {
+        paddingTop: realTop,
+        paddingLeft: realLeft,
+        paddingBottom: realBottom,
+        paddingRight: realRight
+      }];
+    }
+  }
+  return /*#__PURE__*/React.createElement(NativeSafeAreaView, _extends({}, props, {
+    style: safeAreaStyle,
+    edges: nativeEdges,
+    isFirstRefresh: isFirstRefresh,
+    onSafeAreaValueChange: safeAreaChange,
+    ref: ref
+  }));
+});
+//# sourceMappingURL=SafeAreaView.js.map

package/lib/module/SafeAreaView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NativeSafeAreaView","useMemo","useState","defaultEdges","top","left","bottom","right","isOnChange","realTop","realLeft","realBottom","realRight","safeAreaTop","safeAreaLeft","safeAreaBottom","safeAreaRight","getEdgeValue","edgeMode","insetValue","edgeValue","Math","max","SafeAreaView","forwardRef","edges","props","ref","nativeEdges","edgesObj","Array","isArray","reduce","acc","edge","requiredEdges","isFirstRefresh","setIsFirstRefresh","safeAreaStyle","style","rawPadding","rawMargin","rawPaddingTop","undefined","rawPaddingLeft","rawPaddingBottom","rawPaddingRight","rawMarginTop","rawMarginLeft","rawMarginBottom","rawMarginRight","safeAreaChange","e","nativeEvent","safeAreaViewInsetsValue","rawProp","i","length","padding","margin","paddingTop","paddingLeft","paddingRight","paddingBottom","marginTop","marginLeft","marginRight","marginBottom","mode","createElement","_extends","onSafeAreaValueChange"],"sourceRoot":"..\\..\\src","sources":["SafeAreaView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,7 @@
+'use client';
+
+export * from 'react-native-safe-area-context/src/SafeAreaContext';
+export * from './SafeAreaView';
+export * from 'react-native-safe-area-context/src//InitialWindow';
+export * from 'react-native-safe-area-context/src//SafeArea.types';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":"AAAA,YAAY;;AAEZ,cAAc,oDAAoD;AAClE,cAAc,gBAAgB;AAC9B,cAAc,mDAAmD;AACjE,cAAc,oDAAoD","ignoreList":[]}

package/lib/module/specs/NativeSafeAreaContext.js

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

package/lib/module/specs/NativeSafeAreaContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","get"],"sourceRoot":"..\\..\\..\\src","sources":["specs/NativeSafeAreaContext.ts"],"mappings":"AAAA,SAAsBA,mBAAmB,QAAQ,cAAc;AAsB/D,eAAeA,mBAAmB,CAACC,GAAG,CAAO,oBAAoB,CAAC","ignoreList":[]}

package/lib/module/specs/NativeSafeAreaProvider.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"..\\..\\..\\src","sources":["specs/NativeSafeAreaProvider.ts"],"mappings":"AAIA,OAAOA,sBAAsB,MAAM,yDAAyD;AAsB5F,eAAeA,sBAAsB,CACnC,qBACF,CAAC","ignoreList":[]}

package/lib/module/specs/NativeSafeAreaView.js

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

package/lib/module/specs/NativeSafeAreaView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent","interfaceOnly"],"sourceRoot":"..\\..\\..\\src","sources":["specs/NativeSafeAreaView.ts"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAyB5F,eAAeA,sBAAsB,CAAc,iBAAiB,EAAE;EACpEC,aAAa,EAAE;AACjB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+import type * as React from 'react';
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+import NativeSafeAreaView from './specs/NativeSafeAreaView';
+export type Edge = 'top' | 'right' | 'bottom' | 'left';
+export type EdgeMode = 'off' | 'additive' | 'maximum';
+export type EdgeRecord = Partial<Record<Edge, EdgeMode>>;
+export type Edges = readonly Edge[] | Readonly<EdgeRecord>;
+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 extends ViewProps {
+    children?: React.ReactNode;
+    onInsetsChange: InsetChangeNativeCallback;
+}
+export interface NativeSafeAreaViewProps extends ViewProps {
+    children?: React.ReactNode;
+    mode?: 'padding' | 'margin';
+    edges?: Edges;
+}
+export type NativeSafeAreaViewInstance = InstanceType<typeof NativeSafeAreaView>;
+//# sourceMappingURL=SafeArea.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.types.d.ts","sourceRoot":"","sources":["../../src/SafeArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzD,MAAM,MAAM,KAAK,GAAG,SAAS,IAAI,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;AAE3D,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,IAAI,CAAC;CACb;AAED,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAE3E,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,yBAAyB,CAAC;CAC3C;AAED,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,OAAO,kBAAkB,CAC1B,CAAC"}

package/lib/typescript/SafeAreaView.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { NativeSafeAreaViewProps } from './SafeArea.types';
+import type * as ReactNative from "react-native";
+export type SafeAreaViewProps = NativeSafeAreaViewProps;
+export declare const SafeAreaView: React.ForwardRefExoticComponent<NativeSafeAreaViewProps & React.RefAttributes<React.Component<import("./specs/NativeSafeAreaView").NativeProps, {}, any> & ReactNative.NativeMethods>>;
+//# sourceMappingURL=SafeAreaView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SafeAreaView.d.ts","sourceRoot":"","sources":["../../src/SafeAreaView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAKV,uBAAuB,EACxB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,WAAW,MAAM,cAAc,CAAC;AAUjD,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,CAAC;AAsBxD,eAAO,MAAM,YAAY,wLA+JvB,CAAC"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,5 @@
+export * from 'react-native-safe-area-context/src/SafeAreaContext';
+export * from './SafeAreaView';
+export * from 'react-native-safe-area-context/src//InitialWindow';
+export * from 'react-native-safe-area-context/src//SafeArea.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAEA,cAAc,oDAAoD,CAAC;AACnE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC"}

package/lib/typescript/specs/NativeSafeAreaContext.d.ts

@@ -0,0 +1,23 @@
+import { TurboModule } from 'react-native';
+import type { Double } from 'react-native/Libraries/Types/CodegenTypes';
+export interface Spec extends TurboModule {
+    getConstants: () => {
+        initialWindowMetrics?: {
+            insets: {
+                top: Double;
+                right: Double;
+                bottom: Double;
+                left: Double;
+            };
+            frame: {
+                x: Double;
+                y: Double;
+                width: Double;
+                height: Double;
+            };
+        };
+    };
+}
+declare const _default: Spec | null;
+export default _default;
+//# sourceMappingURL=NativeSafeAreaContext.d.ts.map

package/lib/typescript/specs/NativeSafeAreaContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSafeAreaContext.d.ts","sourceRoot":"","sources":["../../../src/specs/NativeSafeAreaContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAExE,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,YAAY,EAAE,MAAM;QAClB,oBAAoB,CAAC,EAAE;YACrB,MAAM,EAAE;gBACN,GAAG,EAAE,MAAM,CAAC;gBACZ,KAAK,EAAE,MAAM,CAAC;gBACd,MAAM,EAAE,MAAM,CAAC;gBACf,IAAI,EAAE,MAAM,CAAC;aACd,CAAC;YACF,KAAK,EAAE;gBACL,CAAC,EAAE,MAAM,CAAC;gBACV,CAAC,EAAE,MAAM,CAAC;gBACV,KAAK,EAAE,MAAM,CAAC;gBACd,MAAM,EAAE,MAAM,CAAC;aAChB,CAAC;SACH,CAAC;KACH,CAAC;CACH;;AAED,wBAAmE"}

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

@@ -0,0 +1,22 @@
+import type { DirectEventHandler, Double } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ViewProps, HostComponent } from 'react-native';
+export type Event = Readonly<{
+    insets: Readonly<{
+        top: Double;
+        right: Double;
+        bottom: Double;
+        left: Double;
+    }>;
+    frame: Readonly<{
+        x: Double;
+        y: Double;
+        width: Double;
+        height: Double;
+    }>;
+}>;
+export interface NativeProps extends ViewProps {
+    onInsetsChange?: DirectEventHandler<Event>;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=NativeSafeAreaProvider.d.ts.map

package/lib/typescript/specs/NativeSafeAreaProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSafeAreaProvider.d.ts","sourceRoot":"","sources":["../../../src/specs/NativeSafeAreaProvider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,MAAM,EAAE,QAAQ,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;IACH,KAAK,EAAE,QAAQ,CAAC;QACd,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,cAAc,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;CAC5C;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/specs/NativeSafeAreaView.d.ts

@@ -0,0 +1,24 @@
+import type { WithDefault, Float, DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ViewProps, HostComponent } from 'react-native';
+export type onSafeAreaValueChangeEvent = Readonly<{
+    safeAreaViewInsetsValue?: {
+        top?: Float;
+        left?: Float;
+        bottom?: Float;
+        right?: Float;
+    };
+}>;
+export interface NativeProps extends ViewProps {
+    mode?: WithDefault<'padding' | 'margin', 'padding'>;
+    edges?: Readonly<{
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    }>;
+    isFirstRefresh: boolean;
+    onSafeAreaValueChange: DirectEventHandler<onSafeAreaValueChangeEvent>;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=NativeSafeAreaView.d.ts.map

package/lib/typescript/specs/NativeSafeAreaView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSafeAreaView.d.ts","sourceRoot":"","sources":["../../../src/specs/NativeSafeAreaView.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACxG,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,uBAAuB,CAAC,EAAE;QACxB,GAAG,CAAC,EAAE,KAAK,CAAC;QACZ,IAAI,CAAC,EAAE,KAAK,CAAC;QACb,MAAM,CAAC,EAAE,KAAK,CAAA;QACd,KAAK,CAAC,EAAE,KAAK,CAAA;KACd,CAAC;CACH,CAAC,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,WAAW,CAAC,SAAS,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,QAAQ,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;IACH,cAAc,EAAE,OAAO,CAAC;IACxB,qBAAqB,EAAE,kBAAkB,CAAC,0BAA0B,CAAC,CAAC;CACvE;wBAIK,aAAa,CAAC,WAAW,CAAC;AAFhC,wBAEiC"}

package/package.json

@@ -0,0 +1,139 @@
+{
+  "name": "@react-native-ohos/react-native-safe-area-context",
+  "version": "5.1.1-rc.1",
+  "description": "A flexible way to handle safe area, also works on Android and web.",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "react-native": "src/index.tsx",
+  "types": "lib/typescript/index.d.ts",
+  "harmony": {
+    "alias": "react-native-safe-area-context"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "source": "src/index.tsx",
+  "sideEffects": false,
+  "files": [
+    "src",
+    "lib",
+    "jest",
+    "*.podspec",
+    "react-native.config.js",
+    "!**/__tests__",
+    "!example",
+    "harmony"
+  ],
+  "author": "Janic Duplessis <janicduplessis@gmail.com>",
+  "contributors": [
+    "Evan Bacon <bacon@expo.io> (https://github.com/evanbacon)"
+  ],
+  "homepage": "https://github.com/th3rdwave/react-native-safe-area-context#readme",
+  "license": "MIT",
+  "scripts": {
+    "start": "react-native start",
+    "test": "yarn format:check && yarn validate:eslint && yarn validate:typescript && yarn validate:jest",
+    "validate:eslint": "eslint \"src/**/*.{js,ts,tsx}\" \"example/**/*.{js,ts,tsx}\"",
+    "validate:typescript": "tsc --project ./ --noEmit",
+    "validate:jest": "jest",
+    "format:prettier:check": "prettier \"src/**/*.{js,ts,tsx}\" \"example/**/*.{js,ts,tsx}\" --check",
+    "format:prettier:write": "yarn format:prettier:check --write",
+    "format:clang:check": "clang-format --dry-run --Werror --glob='{ios,android/src,common}/**/*.{h,cpp,m,mm}'",
+    "format:clang:write": "clang-format -i --glob='{ios,android/src,common}/**/*.{h,hpp,cpp,m,mm}'",
+    "format:spotless:check": "cd android && ./gradlew spotlessCheck",
+    "format:spotless:write": "cd android && ./gradlew spotlessApply",
+    "format:check": "yarn format:prettier:check && yarn format:clang:check && yarn format:spotless:check",
+    "format:write": "yarn format:prettier:write && yarn format:clang:write && yarn format:spotless:write",
+    "release": "release-it",
+    "prepare": "bob build"
+  },
+  "keywords": [
+    "react-native",
+    "react native",
+    "react-native-web",
+    "expo-web",
+    "safe area",
+    "view"
+  ],
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.2.2",
+    "@jest/globals": "^29.7.0",
+    "@react-native/babel-preset": "^0.74.84",
+    "@react-native/eslint-config": "^0.74.84",
+    "@react-native/eslint-plugin-specs": "^0.74.84",
+    "@release-it/conventional-changelog": "^8.0.1",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-test-renderer": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.14.1",
+    "@typescript-eslint/parser": "^7.14.1",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "clang-format": "^1.8.0",
+    "commitlint": "^19.3.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-jest": "^28.6.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "husky": "^9.0.11",
+    "jest": "^29.7.0",
+    "prettier": "^3.3.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-native": "^0.77.1",
+    "react-native-builder-bob": "^0.23.2",
+    "react-test-renderer": "^18.3.1",
+    "release-it": "^17.4.0",
+    "typescript": "^5.5.2"
+  },
+  "dependencies": {
+    "react-native-safe-area-context": "5.1.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/react-native-oh-library/react-native-safe-area-context.git"
+  },
+  "jest": {
+    "preset": "react-native",
+    "testEnvironment": "node",
+    "clearMocks": true,
+    "modulePathIgnorePatterns": [
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      "typescript"
+    ]
+  }
+}

package/src/SafeArea.types.ts

@@ -0,0 +1,47 @@
+import type * as React from 'react';
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+import NativeSafeAreaView from './specs/NativeSafeAreaView';
+
+export type Edge = 'top' | 'right' | 'bottom' | 'left';
+export type EdgeMode = 'off' | 'additive' | 'maximum';
+
+export type EdgeRecord = Partial<Record<Edge, EdgeMode>>;
+export type Edges = readonly Edge[] | Readonly<EdgeRecord>;
+
+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 extends ViewProps {
+  children?: React.ReactNode;
+  onInsetsChange: InsetChangeNativeCallback;
+}
+
+export interface NativeSafeAreaViewProps extends ViewProps {
+  children?: React.ReactNode;
+  mode?: 'padding' | 'margin';
+  edges?: Edges;
+}
+
+export type NativeSafeAreaViewInstance = InstanceType<
+  typeof NativeSafeAreaView
+>;