@telus-uds/components-base 1.97.0 → 1.97.1

package/lib/ViewportProvider/useViewportListener.js

@@ -1,17 +1,11 @@
-"use strict";
+import Dimensions from "react-native-web/dist/exports/Dimensions";
+import { viewports } from '@telus-uds/system-constants';
+import useSafeLayoutEffect from '../utils/useSafeLayoutEffect';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Dimensions = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Dimensions"));
-var _systemConstants = require("@telus-uds/system-constants");
-var _useSafeLayoutEffect = _interopRequireDefault(require("../utils/useSafeLayoutEffect"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Use Dimensions instead of useWindowDimensions because useWindowDimensions forces context
 // to update on every pixel change during window resize; but we only want rerenders to occur
 // when a viewport threshold has been crossed.
-const lookupViewport = () => _systemConstants.viewports.select(_Dimensions.default.get('window').width);
+const lookupViewport = () => viewports.select(Dimensions.get('window').width);
 
 /**
  * When client-side rendering, immediately set the viewport to the correct value as a layout effect so
@@ -19,26 +13,25 @@ const lookupViewport = () => _systemConstants.viewports.select(_Dimensions.defau
  * is shown to the user. Then bind events to update the viewport if it changes.
  */
 const useViewportListener = setViewport => {
-  (0, _useSafeLayoutEffect.default)(() => {
+  useSafeLayoutEffect(() => {
     setViewport(lookupViewport());
     const onChange = _ref => {
       let {
         window
       } = _ref;
-      return setViewport(_systemConstants.viewports.select(window.width));
+      return setViewport(viewports.select(window.width));
     };
-    const listener = _Dimensions.default.addEventListener('change', onChange);
+    const listener = Dimensions.addEventListener('change', onChange);
     return () => {
       if (typeof (listener === null || listener === void 0 ? void 0 : listener.remove) === 'function') {
         // Can't just return listener.remove because listener.emitter disappears, causing an internal error.
         // See https://github.com/facebook/react-native/issues/34508
         listener.remove();
         // From RN 0.65.0, Dimensions.removeEventListener is deprecated for `remove` on addEventListener return value
-      } else if (typeof _Dimensions.default.removeEventListener === 'function') {
-        _Dimensions.default.removeEventListener('change', onChange);
+      } else if (typeof Dimensions.removeEventListener === 'function') {
+        Dimensions.removeEventListener('change', onChange);
       }
     };
   }, [setViewport]);
 };
-var _default = useViewportListener;
-exports.default = _default;
+export default useViewportListener;