ESM Dimensions

Summary: Changelog: [General][Changed] - Convert Dimensions to ESM

Reviewed By: yungsters

Differential Revision: D42184285

fbshipit-source-id: 49971043f947367aded5fabc45778d5457a35b35

Libraries/Inspector/ElementBox.js

@@ -10,10 +10,11 @@
 
 'use strict';
 
+import Dimensions from '../Utilities/Dimensions';
+
 const View = require('../Components/View/View');
 const flattenStyle = require('../StyleSheet/flattenStyle');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Dimensions = require('../Utilities/Dimensions');
 const BorderBox = require('./BorderBox');
 const resolveBoxStyle = require('./resolveBoxStyle');
 const React = require('react');

Libraries/Inspector/Inspector.js

@@ -13,12 +13,13 @@
 import type {TouchedViewDataAtPoint} from '../Renderer/shims/ReactNativeTypes';
 import type {HostRef} from './getInspectorDataForViewAtPoint';
 
+import Dimensions from '../Utilities/Dimensions';
+
 const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleAttributes');
 const View = require('../Components/View/View');
 const PressabilityDebug = require('../Pressability/PressabilityDebug');
 const {findNodeHandle} = require('../ReactNative/RendererProxy');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Dimensions = require('../Utilities/Dimensions');
 const Platform = require('../Utilities/Platform');
 const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint');
 const InspectorOverlay = require('./InspectorOverlay');

Libraries/Inspector/InspectorOverlay.js

@@ -13,9 +13,10 @@
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {PressEvent} from '../Types/CoreEventTypes';
 
+import Dimensions from '../Utilities/Dimensions';
+
 const View = require('../Components/View/View');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Dimensions = require('../Utilities/Dimensions');
 const ElementBox = require('./ElementBox');
 const React = require('react');
 

Libraries/Utilities/Dimensions.js

@@ -127,4 +127,4 @@ if (!initialDims) {
 
 Dimensions.set(initialDims);
 
-module.exports = Dimensions;
+export default Dimensions;

Libraries/Utilities/PixelRatio.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-const Dimensions = require('./Dimensions');
+import Dimensions from './Dimensions';
 
 /**
  * PixelRatio class gives access to the device pixel density.

Libraries/Utilities/__tests__/Dimensions-test.js

@@ -11,7 +11,7 @@
 'use strict';
 
 describe('Dimensions', () => {
-  const Dimensions = require('../Dimensions');
+  const Dimensions = require('../Dimensions').default;
   const Platform = require('../Platform');
 
   it('should set window dimensions', () => {

Libraries/Utilities/__tests__/PixelRatio-test.js

@@ -11,8 +11,8 @@
 'use strict';
 
 describe('PixelRatio', () => {
-  const Dimensions = require('../Dimensions');
   const PixelRatio = require('../PixelRatio');
+  const Dimensions = require('../Dimensions').default;
 
   beforeEach(() => {
     Dimensions.set({

index.js

@@ -258,7 +258,7 @@ module.exports = {
     return require('./Libraries/Utilities/DevSettings');
   },
   get Dimensions(): Dimensions {
-    return require('./Libraries/Utilities/Dimensions');
+    return require('./Libraries/Utilities/Dimensions').default;
   },
   get Easing(): Easing {
     return require('./Libraries/Animated/Easing').default;