@terraware/web-components 2.15.1-rc.0 → 2.16.0

package/utils/date.js

@@ -18,14 +18,15 @@ var _lodash = _interopRequireDefault(require("lodash"));
 /**
  * Helper util that returns default time zone as a fallback.
  */
-const tz = timeZoneId => timeZoneId || 'Etc/UTC';
+var tz = exports.tz = function tz(timeZoneId) {
+  return timeZoneId || 'Etc/UTC';
+};
 
 /**
  * Parse a date ISO string with zone implied.
  * eg. '2023-01-10 in 'America/Los_Angeles'
  */
-exports.tz = tz;
-const getDateFromISOString = (date, timeZoneId) => {
+var getDateFromISOString = function getDateFromISOString(date, timeZoneId) {
   return _luxon.DateTime.fromISO(date, {
     zone: tz(timeZoneId)
   });
@@ -34,8 +35,8 @@ const getDateFromISOString = (date, timeZoneId) => {
 /**
  * Parse a date from milliseconds, with time zone implied.
  */
-const getDateFromMillis = (date, timeZoneId) => {
-  const millis = new Date(date).getTime();
+var getDateFromMillis = function getDateFromMillis(date, timeZoneId) {
+  var millis = new Date(date).getTime();
   return _luxon.DateTime.fromMillis(millis, {
     zone: tz(timeZoneId)
   });
@@ -44,7 +45,7 @@ const getDateFromMillis = (date, timeZoneId) => {
 /**
  * Return the display value for a date in ISO 8601 format.
  */
-const getDisplayValue = date => {
+var getDisplayValue = function getDisplayValue(date) {
   if (date.isValid) {
     return date.toFormat('yyyy-MM-dd');
   }
@@ -56,15 +57,15 @@ const getDisplayValue = date => {
  * 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.
  */
-const getDate = (date, timeZoneId) => {
+var getDate = exports.getDate = function getDate(date, timeZoneId) {
   if (typeof date === 'string') {
-    const fromString = getDateFromISOString(date, timeZoneId);
+    var fromString = getDateFromISOString(date, timeZoneId);
     if (fromString.isValid) {
       return fromString;
     }
   }
   if (typeof date === 'number') {
-    const fromMillis = getDateFromMillis(date, timeZoneId);
+    var fromMillis = getDateFromMillis(date, timeZoneId);
     if (fromMillis.isValid) {
       return fromMillis;
     }
@@ -81,33 +82,30 @@ const getDate = (date, timeZoneId) => {
  * Default export function that provides a display value for a date
  * with optional implied time zone.
  */
-exports.getDate = getDate;
-const getDateDisplayValue = (date, timeZoneId) => {
+var getDateDisplayValue = function 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;
   }
-  const dateObj = getDate(date, timeZoneId);
+  var dateObj = getDate(date, timeZoneId);
   return getDisplayValue(dateObj);
 };
 
 /**
  * Exported function that returns todays date in a specific (optional) time zone.
  */
-const getTodaysDateFormatted = timeZoneId => {
+var getTodaysDateFormatted = exports.getTodaysDateFormatted = function getTodaysDateFormatted(timeZoneId) {
   return getDisplayValue(_luxon.DateTime.now().setZone(tz(timeZoneId)));
 };
 
 /**
  * Checks if a date is in the future, time zone for date is optional.
  */
-exports.getTodaysDateFormatted = getTodaysDateFormatted;
-const isInTheFuture = (date, timeZoneId) => {
-  const d = getDate(date, timeZoneId);
+var isInTheFuture = exports.isInTheFuture = function isInTheFuture(date, timeZoneId) {
+  var d = getDate(date, timeZoneId);
   if (d.isValid) {
     return d.toMillis() > Date.now();
   }
   return false;
 };
-exports.isInTheFuture = isInTheFuture;
 var _default = exports.default = getDateDisplayValue;

package/utils/date.test.js

@@ -3,82 +3,82 @@
 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', () => {
+test('isInTheFuture should handle date ISO string and specified time zones', function () {
   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', () => {
+test('isInTheFuture should handle date ISO string and default time zone', function () {
   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', () => {
+test('isInTheFuture should handle millis and specified time zones', function () {
   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', () => {
+test('isInTheFuture should handle millis and default time zone', function () {
   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', () => {
+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', () => {
+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', () => {
+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', () => {
+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', () => {
-  const formatted = (0, _date.getTodaysDateFormatted)('Asia/Bangkok');
+test('should show todays date formatted for a time zone', function () {
+  var 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', () => {
-  const formatted = (0, _date.getTodaysDateFormatted)();
+test('should show todays date formatted for default time zone', function () {
+  var 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', () => {
+test('should return valid date display value for ISO date string with time zones', function () {
   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', () => {
+test('should return valid date display value for ISO date string with default time zone', function () {
   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', () => {
+test('should return valid date display value for default date ISO string with time zones', function () {
   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', () => {
+test('should return valid date display value for default date string with default time zone', function () {
   expect((0, _date.default)('2021-08-05')).toBe('2021-08-05');
 });
-test('should return valid date display value for millis with default time zone', () => {
+test('should return valid date display value for millis with default time zone', function () {
   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', () => {
+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', () => {
+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', () => {
+test('should return valid date display value for millis with time zones', function () {
   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', () => {
+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', () => {
+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

package/utils/index.js

@@ -7,43 +7,43 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "getDate", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _date.getDate;
   }
 });
 Object.defineProperty(exports, "getDateDisplayValue", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _date.default;
   }
 });
 Object.defineProperty(exports, "getTodaysDateFormatted", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _date.getTodaysDateFormatted;
   }
 });
 Object.defineProperty(exports, "isInTheFuture", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _date.isInTheFuture;
   }
 });
 Object.defineProperty(exports, "isWhitespaces", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _text.default;
   }
 });
 Object.defineProperty(exports, "preventDefaultEvent", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _preventDefaultEvent.default;
   }
 });
 Object.defineProperty(exports, "useDeviceInfo", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _useDeviceInfo.default;
   }
 });

package/utils/preventDefaultEvent.js

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

package/utils/text.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.titleCase = exports.default = void 0;
-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 isWhitespaces = function isWhitespaces(str) {
+  return str.match(/^\s+$/);
+};
+var titleCase = exports.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(' ');
+};
 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', () => {
-  const lowerCaseWord = (0, _text.titleCase)('species');
+test('titleCase for a single word', function () {
+  var lowerCaseWord = (0, _text.titleCase)('species');
   expect(lowerCaseWord === 'Species').toBe(true);
-  const capitalizedWord = (0, _text.titleCase)('Species');
+  var capitalizedWord = (0, _text.titleCase)('Species');
   expect(capitalizedWord === 'Species').toBe(true);
-  const allCapsWord = (0, _text.titleCase)('SPECIES');
+  var allCapsWord = (0, _text.titleCase)('SPECIES');
   expect(allCapsWord === 'SPECIES').toBe(true);
-  const reverseCapWord = (0, _text.titleCase)('sPECIES');
+  var reverseCapWord = (0, _text.titleCase)('sPECIES');
   expect(reverseCapWord === 'Species').toBe(true);
 });
-test('titleCase for multiple words', () => {
-  const lowerCaseString = (0, _text.titleCase)('common name');
+test('titleCase for multiple words', function () {
+  var lowerCaseString = (0, _text.titleCase)('common name');
   expect(lowerCaseString === 'Common Name').toBe(true);
-  const capitalizedString = (0, _text.titleCase)('Common Name');
+  var capitalizedString = (0, _text.titleCase)('Common Name');
   expect(capitalizedString === 'Common Name').toBe(true);
-  const allCapsString = (0, _text.titleCase)('common NAME');
+  var allCapsString = (0, _text.titleCase)('common NAME');
   expect(allCapsString === 'Common NAME').toBe(true);
-  const reverseCapString = (0, _text.titleCase)('cOMMON nAME');
+  var reverseCapString = (0, _text.titleCase)('cOMMON nAME');
   expect(reverseCapString === 'Common Name').toBe(true);
 });

package/utils/useDeviceInfo.js

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