uilib-native 5.0.0-snapshot.7240 → 5.0.0-snapshot.7257

package/components/SafeArea/SafeAreaInsetsManager.d.ts

@@ -7,6 +7,12 @@ export type SafeAreaInsetsType = {
 export type SafeAreaChangedDelegateType = {
     onSafeAreaInsetsDidChangeEvent?: (insets: SafeAreaInsetsType) => void;
 };
+export declare const DEFAULT_INSETS: {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+};
 declare class SafeAreaInsetsManager {
     _defaultInsets: SafeAreaInsetsType;
     _safeAreaInsets: SafeAreaInsetsType;

package/components/SafeArea/SafeAreaInsetsManager.js

@@ -3,14 +3,15 @@ import _remove from "lodash/remove";
 import _forEach from "lodash/forEach";
 /* eslint no-underscore-dangle: 0 */
 import { NativeModules, DeviceEventEmitter } from 'react-native';
+export const DEFAULT_INSETS = {
+  top: 47,
+  left: 0,
+  bottom: 34,
+  right: 0
+};
 let SafeAreaInsetsCache = null;
 class SafeAreaInsetsManager {
-  _defaultInsets = {
-    top: 47,
-    left: 0,
-    bottom: 34,
-    right: 0
-  }; // Common iPhone safe area values
+  _defaultInsets = DEFAULT_INSETS; // Common iPhone safe area values
 
   _safeAreaChangedDelegates = [];
   _nativeModule = null;

package/components/SafeArea/__tests__/SafeAreaInsetsManager.spec.js

@@ -1,4 +1,7 @@
 import {NativeModules, DeviceEventEmitter} from 'react-native';
+import {DEFAULT_INSETS} from '../SafeAreaInsetsManager';
+
+const MOCKED_INSETS = {top: 44, left: 0, bottom: 34, right: 0};
 
 describe('SafeAreaInsetsManager', () => {
   beforeEach(() => {
@@ -28,7 +31,7 @@ describe('SafeAreaInsetsManager', () => {
       const result = await SafeAreaInsetsManager.getSafeAreaInsets();
 
       // Assert
-      expect(result).toEqual({top: 47, left: 0, bottom: 34, right: 0});
+      expect(result).toEqual(DEFAULT_INSETS);
       expect(console.log).toHaveBeenCalledWith('SafeAreaInsetsManager: Native SafeAreaManager not available, using defaults');
     });
 
@@ -51,7 +54,7 @@ describe('SafeAreaInsetsManager', () => {
 
     it.skip('should return cached insets on subsequent calls', async () => {
       // Arrange
-      const mockInsets = {top: 44, left: 0, bottom: 34, right: 0};
+      const mockInsets = MOCKED_INSETS;
       NativeModules.SafeAreaManager = {
         getSafeAreaInsets: jest.fn().mockResolvedValue(mockInsets)
       };
@@ -81,7 +84,7 @@ describe('SafeAreaInsetsManager', () => {
       const result = await SafeAreaInsetsManager.getSafeAreaInsets();
 
       // Assert
-      expect(result).toEqual({top: 47, left: 0, bottom: 34, right: 0}); // Should fallback to defaults
+      expect(result).toEqual(DEFAULT_INSETS); // Should fallback to defaults
       expect(console.warn).toHaveBeenCalledWith('SafeAreaInsetsManager: Failed to get initial insets:', mockError);
       expect(console.warn).toHaveBeenCalledWith('SafeAreaInsetsManager: Failed to get native insets:', mockError);
     });
@@ -100,13 +103,13 @@ describe('SafeAreaInsetsManager', () => {
       const result = await SafeAreaInsetsManager.getSafeAreaInsets();
 
       // Assert
-      expect(result).toEqual({top: 47, left: 0, bottom: 34, right: 0}); // Should fallback to defaults
+      expect(result).toEqual(DEFAULT_INSETS); // Should fallback to defaults
       expect(console.warn).toHaveBeenCalledWith('SafeAreaInsetsManager: Failed to connect to native module:', expect.any(Error));
     });
 
     it('should update insets when they change during the test', async () => {
       // Arrange
-      const initialInsets = {top: 44, left: 0, bottom: 34, right: 0};
+      const initialInsets = MOCKED_INSETS;
       const updatedInsets = {top: 50, left: 0, bottom: 40, right: 0};
 
       NativeModules.SafeAreaManager = {
@@ -138,7 +141,7 @@ describe('SafeAreaInsetsManager', () => {
 
     it('should notify delegates when insets change during the test', async () => {
       // Arrange
-      const initialInsets = {top: 44, left: 0, bottom: 34, right: 0};
+      const initialInsets = MOCKED_INSETS;
       const updatedInsets = {top: 50, left: 0, bottom: 40, right: 0};
 
       NativeModules.SafeAreaManager = {
@@ -165,7 +168,7 @@ describe('SafeAreaInsetsManager', () => {
 
     it('should handle refreshSafeAreaInsets correctly', async () => {
       // Arrange
-      const initialInsets = {top: 44, left: 0, bottom: 34, right: 0};
+      const initialInsets = MOCKED_INSETS;
       const refreshedInsets = {top: 48, left: 0, bottom: 36, right: 0};
 
       NativeModules.SafeAreaManager = {
@@ -197,7 +200,7 @@ describe('SafeAreaInsetsManager', () => {
 
     it('should not notify delegates when insets remain the same after refresh', async () => {
       // Arrange
-      const sameInsets = {top: 44, left: 0, bottom: 34, right: 0};
+      const sameInsets = MOCKED_INSETS;
 
       NativeModules.SafeAreaManager = {
         getSafeAreaInsets: jest.fn().mockResolvedValue(sameInsets)
@@ -234,13 +237,13 @@ describe('SafeAreaInsetsManager', () => {
       const result = await SafeAreaInsetsManager.getSafeAreaInsets();
 
       // Assert
-      expect(result).toEqual({top: 47, left: 0, bottom: 34, right: 0});
+      expect(result).toEqual(DEFAULT_INSETS);
     });
 
     it('should properly manage delegate lifecycle', async () => {
       // Arrange
       NativeModules.SafeAreaManager = {
-        getSafeAreaInsets: jest.fn().mockResolvedValue({top: 44, left: 0, bottom: 34, right: 0})
+        getSafeAreaInsets: jest.fn().mockResolvedValue(MOCKED_INSETS)
       };
 
       const SafeAreaInsetsManager = require('../SafeAreaInsetsManager').default;
@@ -260,7 +263,7 @@ describe('SafeAreaInsetsManager', () => {
       SafeAreaInsetsManager.removeSafeAreaChangedDelegate(mockDelegate1);
 
       // Trigger notification
-      const newInsets = {top: 50, left: 0, bottom: 40, right: 0};
+      const newInsets = MOCKED_INSETS;
       SafeAreaInsetsManager.notifyDelegates(newInsets);
 
       // Assert

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilib-native",
-  "version": "5.0.0-snapshot.7240",
+  "version": "5.0.0-snapshot.7257",
   "homepage": "https://github.com/wix/react-native-ui-lib",
   "description": "uilib native components (separated from js components)",
   "main": "components/index",