@terraware/web-components 2.13.1-rc.3 → 2.13.1-rc.4

package/utils/date.js

@@ -1,43 +1,28 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tz = exports.isInTheFuture = exports.getTodaysDateFormatted = exports.getDate = exports.default = void 0;
+exports.isInTheFuture = exports.getTodaysDateFormatted = exports.default = void 0;
 var _luxon = require("luxon");
-var _lodash = _interopRequireDefault(require("lodash"));
-/**
- * Accepted date types for input are:
- * - string for any date ISO string representation
- * - number for timestamp
- * - JS Date
- * - luxon DateTime
- */
-
 /**
  * Helper util that returns default time zone as a fallback.
  */
-var tz = function tz(timeZoneId) {
-  return timeZoneId || 'Etc/UTC';
-};
+const tz = timeZoneId => timeZoneId || 'Etc/UTC';
 
 /**
- * Parse a date ISO string with zone implied.
+ * Parse a date string with zone implied.
  * eg. '2023-01-10 in 'America/Los_Angeles'
  */
-exports.tz = tz;
-var getDateFromISOString = function getDateFromISOString(date, timeZoneId) {
-  return _luxon.DateTime.fromISO(date, {
-    zone: tz(timeZoneId)
-  });
+const getDateFromString = (date, timeZoneId) => {
+  return _luxon.DateTime.fromFormat("".concat(date, " ").concat(tz(timeZoneId)), 'yyyy-MM-dd z');
 };
 
 /**
  * Parse a date from milliseconds, with time zone implied.
  */
-var getDateFromMillis = function getDateFromMillis(date, timeZoneId) {
-  var millis = new Date(date).getTime();
+const getDateFromMillis = (date, timeZoneId) => {
+  const millis = new Date(date).getTime();
   return _luxon.DateTime.fromMillis(millis, {
     zone: tz(timeZoneId)
   });
@@ -46,7 +31,7 @@ var getDateFromMillis = function getDateFromMillis(date, timeZoneId) {
 /**
  * Return the display value for a date in ISO 8601 format.
  */
-var getDisplayValue = function getDisplayValue(date) {
+const getDisplayValue = date => {
   if (date.isValid) {
     return date.toFormat('yyyy-MM-dd');
   }
@@ -55,48 +40,40 @@ var getDisplayValue = function getDisplayValue(date) {
 
 /**
  * Utility that constructs a valid DateTime object from
- * any DateType value passed in (ISO string or epoch milliseconds or DateTime object).
- * Note: the DateTime object input support is mostly for ease of use and will essentially be a pass-through.
+ * any date value passed in ('2023-01-10' or millis or a utc string).
  */
-var getDate = function getDate(date, timeZoneId) {
-  if (typeof date === 'string') {
-    var fromString = getDateFromISOString(date, timeZoneId);
-    if (fromString.isValid) {
-      return fromString;
-    }
-  }
-  if (typeof date === 'number') {
-    var fromMillis = getDateFromMillis(date, timeZoneId);
-    if (fromMillis.isValid) {
-      return fromMillis;
-    }
+const getDate = (date, timeZoneId) => {
+  const fromString = getDateFromString(date, timeZoneId);
+  if (fromString.isValid) {
+    return fromString;
   }
-  if (_lodash.default.isDate(date) || typeof date === 'string' || typeof date === 'number') {
-    return _luxon.DateTime.fromJSDate(new Date(date), {
-      zone: tz(timeZoneId)
-    });
+  const millis = new Date(date).getTime();
+  const fromMillis = getDateFromMillis(date, timeZoneId);
+  if (fromMillis.isValid) {
+    return fromMillis;
   }
-  return date.setZone(tz(timeZoneId));
+  return _luxon.DateTime.fromJSDate(new Date(date), {
+    zone: tz(timeZoneId)
+  });
 };
 
 /**
  * Default export function that provides a display value for a date
  * with optional implied time zone.
  */
-exports.getDate = getDate;
-var getDateDisplayValue = function getDateDisplayValue(date, timeZoneId) {
+const getDateDisplayValue = (date, timeZoneId) => {
   if (typeof date === 'string' && date.match(/^\d\d\d\d-\d\d-\d\d$/)) {
     // if already in display format, return as-is, do not apply time zone
     return date;
   }
-  var dateObj = getDate(date, timeZoneId);
+  const dateObj = getDate(date, timeZoneId);
   return getDisplayValue(dateObj);
 };
 
 /**
  * Exported function that returns todays date in a specific (optional) time zone.
  */
-var getTodaysDateFormatted = function getTodaysDateFormatted(timeZoneId) {
+const getTodaysDateFormatted = timeZoneId => {
   return getDisplayValue(_luxon.DateTime.now().setZone(tz(timeZoneId)));
 };
 
@@ -104,13 +81,12 @@ var getTodaysDateFormatted = function getTodaysDateFormatted(timeZoneId) {
  * Checks if a date is in the future, time zone for date is optional.
  */
 exports.getTodaysDateFormatted = getTodaysDateFormatted;
-var isInTheFuture = function isInTheFuture(date, timeZoneId) {
-  var d = getDate(date, timeZoneId);
+const isInTheFuture = (date, timeZoneId) => {
+  const d = getDate(date, timeZoneId);
   if (d.isValid) {
     return d.toMillis() > Date.now();
   }
   return false;
 };
 exports.isInTheFuture = isInTheFuture;
-var _default = getDateDisplayValue;
-exports.default = _default;
+var _default = exports.default = getDateDisplayValue;

package/utils/date.test.js

@@ -1,87 +1,50 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _luxon = require("luxon");
 var _date = _interopRequireWildcard(require("./date"));
-test('isInTheFuture should handle date ISO string and specified time zones', function () {
+test('isInTheFuture should handle date string and specified time zones', () => {
   expect((0, _date.isInTheFuture)('2023-01-10', 'Asia/Bangkok')).toBe(false);
   expect((0, _date.isInTheFuture)('2023-01-10', 'America/Los_Angeles')).toBe(false);
   expect((0, _date.isInTheFuture)('3023-01-10', 'America/Los_Angeles')).toBe(true);
 });
-test('isInTheFuture should handle date ISO string and default time zone', function () {
+test('isInTheFuture should handle date string and default time zone', () => {
   expect((0, _date.isInTheFuture)('2023-01-10')).toBe(false);
   expect((0, _date.isInTheFuture)('3023-01-10')).toBe(true);
 });
-test('isInTheFuture should handle millis and specified time zones', function () {
+test('isInTheFuture should handle millis and specified time zones', () => {
   expect((0, _date.isInTheFuture)(Date.now(), 'Asia/Bangkok')).toBe(false);
   expect((0, _date.isInTheFuture)(new Date('3023-01-10').getTime(), 'Asia/Bangkok')).toBe(true);
 });
-test('isInTheFuture should handle millis and default time zone', function () {
+test('isInTheFuture should handle millis and default time zone', () => {
   expect((0, _date.isInTheFuture)(Date.now())).toBe(false);
   expect((0, _date.isInTheFuture)(new Date('3023-01-10').getTime())).toBe(true);
 });
-test('isInTheFuture should handle JS Date object and specified time zones', function () {
-  expect((0, _date.isInTheFuture)(new Date(), 'Asia/Bangkok')).toBe(false);
-  expect((0, _date.isInTheFuture)(new Date('3023-01-10'), 'Asia/Bangkok')).toBe(true);
-});
-test('isInTheFuture should handle JS Date object and default time zone', function () {
-  expect((0, _date.isInTheFuture)(new Date())).toBe(false);
-  expect((0, _date.isInTheFuture)(new Date('3023-01-10'))).toBe(true);
-});
-test('isInTheFuture should handle DateTime object and specified time zones', function () {
-  expect((0, _date.isInTheFuture)(_luxon.DateTime.now(), 'Asia/Bangkok')).toBe(false);
-  expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10'), 'Asia/Bangkok')).toBe(true);
-  // check that a DateTime with preset zone is a no-op
-  expect((0, _date.isInTheFuture)(_luxon.DateTime.now().setZone('Asia/Bangkok'), 'Asia/Bangkok')).toBe(false);
-  expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10').setZone('Asia/Bangkok'), 'Asia/Bangkok')).toBe(true);
-});
-test('isInTheFuture should handle JS Date object and default time zone', function () {
-  expect((0, _date.isInTheFuture)(_luxon.DateTime.now())).toBe(false);
-  expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10'))).toBe(true);
-});
-test('should show todays date formatted for a time zone', function () {
-  var formatted = (0, _date.getTodaysDateFormatted)('Asia/Bangkok');
+test('should show todays date formatted for a time zone', () => {
+  const formatted = (0, _date.getTodaysDateFormatted)('Asia/Bangkok');
   expect(!!formatted.match(/\d\d\d\d-\d\d-\d\d/)).toBe(true);
 });
-test('should show todays date formatted for default time zone', function () {
-  var formatted = (0, _date.getTodaysDateFormatted)();
+test('should show todays date formatted for default time zone', () => {
+  const formatted = (0, _date.getTodaysDateFormatted)();
   expect(!!formatted.match(/\d\d\d\d-\d\d-\d\d/)).toBe(true);
 });
-test('should return valid date display value for ISO date string with time zones', function () {
+test('should return valid date display value for javascript date string with time zones', () => {
   expect((0, _date.default)('2021-08-05T19:39:16Z', 'America/Los_Angeles')).toBe('2021-08-05');
   expect((0, _date.default)('2021-08-05T19:39:16Z', 'Asia/Bangkok')).toBe('2021-08-06');
 });
-test('should return valid date display value for ISO date string with default time zone', function () {
+test('should return valid date display value for javascript date string with default time zone', () => {
   expect((0, _date.default)('2021-08-05T19:39:16Z')).toBe('2021-08-05');
 });
-test('should return valid date display value for default date ISO string with time zones', function () {
+test('should return valid date display value for default date format string with time zones', () => {
   expect((0, _date.default)('2021-08-05', 'America/Los_Angeles')).toBe('2021-08-05');
   expect((0, _date.default)('2021-08-05', 'Asia/Bangkok')).toBe('2021-08-05');
 });
-test('should return valid date display value for default date string with default time zone', function () {
+test('should return valid date display value for default date string with default time zone', () => {
   expect((0, _date.default)('2021-08-05')).toBe('2021-08-05');
 });
-test('should return valid date display value for millis with default time zone', function () {
+test('should return valid date display value for millis with default time zone', () => {
   expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime())).toBe('2021-08-05');
 });
-test('should return valid date display value for JS Date object with default time zone', function () {
-  expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
-});
-test('should return valid date display value for DateTime object with default time zone', function () {
-  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
-});
-test('should return valid date display value for millis with time zones', function () {
+test('should return valid date display value for millis with time zones', () => {
   expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime(), 'America/Los_Angeles')).toBe('2021-08-05');
   expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime(), 'Asia/Bangkok')).toBe('2021-08-06');
-});
-test('should return valid date display value for JS Date object with time zones', function () {
-  expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'), 'America/Los_Angeles')).toBe('2021-08-05');
-  expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'), 'Asia/Bangkok')).toBe('2021-08-06');
-});
-test('should return valid date display value for DateTime object with time zones', function () {
-  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'), 'America/Los_Angeles')).toBe('2021-08-05');
-  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'), 'Asia/Bangkok')).toBe('2021-08-06');
-  // check that a DateTime with preset zone is a no-op
-  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z').setZone('America/Los_Angeles'), 'America/Los_Angeles')).toBe('2021-08-05');
-  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z').setZone('America/Los_Angeles'), 'Asia/Bangkok')).toBe('2021-08-06');
 });

package/utils/date.v1.d.ts

@@ -0,0 +1,5 @@
+declare const getDateDisplayValue: (date: string | number) => string;
+export declare const getTodaysDateFormatted: () => string;
+export declare const isInTheFuture: (date: any) => boolean;
+export default getDateDisplayValue;
+//# sourceMappingURL=date.v1.d.ts.map

package/utils/date.v1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.v1.d.ts","sourceRoot":"","sources":["../../src/utils/date.v1.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,SAAU,MAAM,GAAG,MAAM,WAA+C,CAAC;AAElG,eAAO,MAAM,sBAAsB,cAElC,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,GAAG,YAItC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/utils/date.v1.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isInTheFuture = exports.getTodaysDateFormatted = exports.default = void 0;
+const getDateDisplayValue = date => new Date(date).toISOString().split('T')[0];
+const getTodaysDateFormatted = () => {
+  return getDateDisplayValue(Date.now());
+};
+exports.getTodaysDateFormatted = getTodaysDateFormatted;
+const isInTheFuture = date => {
+  const d = new Date(getDateDisplayValue(date)).getTime();
+  return d > Date.now();
+};
+exports.isInTheFuture = isInTheFuture;
+var _default = exports.default = getDateDisplayValue;

package/utils/index.d.ts

@@ -1,6 +1,6 @@
-import getDateDisplayValue, { getDate, getTodaysDateFormatted, isInTheFuture } from './date';
+import getDateDisplayValue, { getTodaysDateFormatted, isInTheFuture } from './date.v1';
 import isWhitespaces from './text';
 import preventDefaultEvent from './preventDefaultEvent';
 import useDeviceInfo from './useDeviceInfo';
-export { getDate, getDateDisplayValue, getTodaysDateFormatted, isInTheFuture, isWhitespaces, preventDefaultEvent, useDeviceInfo, };
+export { getDateDisplayValue, getTodaysDateFormatted, isInTheFuture, isWhitespaces, preventDefaultEvent, useDeviceInfo, };
 //# sourceMappingURL=index.d.ts.map

package/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC7F,OAAO,aAAa,MAAM,QAAQ,CAAC;AACnC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACvF,OAAO,aAAa,MAAM,QAAQ,CAAC;AACnC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,aAAa,GACd,CAAC"}

package/utils/index.js

@@ -5,49 +5,43 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getDate", {
-  enumerable: true,
-  get: function get() {
-    return _date.getDate;
-  }
-});
 Object.defineProperty(exports, "getDateDisplayValue", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _date.default;
   }
 });
 Object.defineProperty(exports, "getTodaysDateFormatted", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _date.getTodaysDateFormatted;
   }
 });
 Object.defineProperty(exports, "isInTheFuture", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _date.isInTheFuture;
   }
 });
 Object.defineProperty(exports, "isWhitespaces", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _text.default;
   }
 });
 Object.defineProperty(exports, "preventDefaultEvent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preventDefaultEvent.default;
   }
 });
 Object.defineProperty(exports, "useDeviceInfo", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useDeviceInfo.default;
   }
 });
-var _date = _interopRequireWildcard(require("./date"));
+var _date = _interopRequireWildcard(require("./date.v1"));
 var _text = _interopRequireDefault(require("./text"));
 var _preventDefaultEvent = _interopRequireDefault(require("./preventDefaultEvent"));
 var _useDeviceInfo = _interopRequireDefault(require("./useDeviceInfo"));

package/utils/preventDefaultEvent.js

@@ -4,8 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var preventDefault = function preventDefault(event) {
-  return event.preventDefault();
-};
-var _default = preventDefault;
-exports.default = _default;
+const preventDefault = event => event.preventDefault();
+var _default = exports.default = preventDefault;

package/utils/text.js

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.titleCase = exports.default = void 0;
-var isWhitespaces = function isWhitespaces(str) {
-  return str.match(/^\s+$/);
-};
-var titleCase = function titleCase(str) {
-  return str.split(' ').map(function (word) {
-    if (word !== word.toUpperCase()) {
-      var lowerCaseWord = word.toLowerCase();
-      return lowerCaseWord.replace(lowerCaseWord.charAt(0), lowerCaseWord.charAt(0).toUpperCase());
-    } else {
-      return word;
-    }
-  }).join(' ');
-};
+const isWhitespaces = str => str.match(/^\s+$/);
+const titleCase = str => str.split(' ').map(word => {
+  if (word !== word.toUpperCase()) {
+    const lowerCaseWord = word.toLowerCase();
+    return lowerCaseWord.replace(lowerCaseWord.charAt(0), lowerCaseWord.charAt(0).toUpperCase());
+  } else {
+    return word;
+  }
+}).join(' ');
 exports.titleCase = titleCase;
-var _default = isWhitespaces;
-exports.default = _default;
+var _default = exports.default = isWhitespaces;

package/utils/text.test.js

@@ -1,23 +1,23 @@
 "use strict";
 
 var _text = require("./text");
-test('titleCase for a single word', function () {
-  var lowerCaseWord = (0, _text.titleCase)('species');
+test('titleCase for a single word', () => {
+  const lowerCaseWord = (0, _text.titleCase)('species');
   expect(lowerCaseWord === 'Species').toBe(true);
-  var capitalizedWord = (0, _text.titleCase)('Species');
+  const capitalizedWord = (0, _text.titleCase)('Species');
   expect(capitalizedWord === 'Species').toBe(true);
-  var allCapsWord = (0, _text.titleCase)('SPECIES');
+  const allCapsWord = (0, _text.titleCase)('SPECIES');
   expect(allCapsWord === 'SPECIES').toBe(true);
-  var reverseCapWord = (0, _text.titleCase)('sPECIES');
+  const reverseCapWord = (0, _text.titleCase)('sPECIES');
   expect(reverseCapWord === 'Species').toBe(true);
 });
-test('titleCase for multiple words', function () {
-  var lowerCaseString = (0, _text.titleCase)('common name');
+test('titleCase for multiple words', () => {
+  const lowerCaseString = (0, _text.titleCase)('common name');
   expect(lowerCaseString === 'Common Name').toBe(true);
-  var capitalizedString = (0, _text.titleCase)('Common Name');
+  const capitalizedString = (0, _text.titleCase)('Common Name');
   expect(capitalizedString === 'Common Name').toBe(true);
-  var allCapsString = (0, _text.titleCase)('common NAME');
+  const allCapsString = (0, _text.titleCase)('common NAME');
   expect(allCapsString === 'Common NAME').toBe(true);
-  var reverseCapString = (0, _text.titleCase)('cOMMON nAME');
+  const reverseCapString = (0, _text.titleCase)('cOMMON nAME');
   expect(reverseCapString === 'Common Name').toBe(true);
 });

package/utils/useDeviceInfo.js

@@ -31,31 +31,32 @@ var _reactResponsive = require("react-responsive");
  * if there's a change in any of our interested device properties.
  */
 
-var useDeviceInfo = function useDeviceInfo() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    onChange = _ref.onChange;
-  var deviceChangeCallback = function deviceChangeCallback(matches) {
+const useDeviceInfo = function () {
+  let {
+    onChange
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const deviceChangeCallback = matches => {
     if (matches && onChange) {
       onChange();
     }
   };
-  var isDesktop = (0, _reactResponsive.useMediaQuery)({
+  const isDesktop = (0, _reactResponsive.useMediaQuery)({
     minWidth: 1024
   }, undefined, deviceChangeCallback);
-  var isTablet = (0, _reactResponsive.useMediaQuery)({
+  const isTablet = (0, _reactResponsive.useMediaQuery)({
     maxWidth: 1023,
     minWidth: 768
   }, undefined, deviceChangeCallback);
-  var isMobile = (0, _reactResponsive.useMediaQuery)({
+  const isMobile = (0, _reactResponsive.useMediaQuery)({
     maxWidth: 767
   }, undefined, deviceChangeCallback);
-  var isPortrait = (0, _reactResponsive.useMediaQuery)({
+  const isPortrait = (0, _reactResponsive.useMediaQuery)({
     orientation: 'portrait'
   }, undefined, deviceChangeCallback);
-  var isRetina = (0, _reactResponsive.useMediaQuery)({
+  const isRetina = (0, _reactResponsive.useMediaQuery)({
     query: '(min-resolution: 2dppx)'
   }, undefined, deviceChangeCallback);
-  var getDeviceType = function getDeviceType() {
+  const getDeviceType = () => {
     if (isTablet) {
       return 'tablet';
     }
@@ -64,7 +65,7 @@ var useDeviceInfo = function useDeviceInfo() {
     }
     return 'desktop';
   };
-  var getDeviceOrientation = function getDeviceOrientation() {
+  const getDeviceOrientation = () => {
     if (isPortrait) {
       return 'portrait';
     }
@@ -73,13 +74,12 @@ var useDeviceInfo = function useDeviceInfo() {
   return {
     type: getDeviceType(),
     orientation: getDeviceOrientation(),
-    isRetina: isRetina,
-    isDesktop: isDesktop,
-    isTablet: isTablet,
-    isMobile: isMobile,
-    isPortrait: isPortrait,
+    isRetina,
+    isDesktop,
+    isTablet,
+    isMobile,
+    isPortrait,
     isLandscape: !isPortrait
   };
 };
-var _default = useDeviceInfo;
-exports.default = _default;
+var _default = exports.default = useDeviceInfo;