@terraware/web-components 2.16.2 → 2.16.4-rc.0

package/utils/date.js

@@ -18,15 +18,14 @@ var _lodash = _interopRequireDefault(require("lodash"));
 /**
  * Helper util that returns default time zone as a fallback.
  */
-var tz = exports.tz = function tz(timeZoneId) {
-  return timeZoneId || 'Etc/UTC';
-};
+const tz = timeZoneId => timeZoneId || 'Etc/UTC';
 
 /**
  * Parse a date ISO string with zone implied.
  * eg. '2023-01-10 in 'America/Los_Angeles'
  */
-var getDateFromISOString = function getDateFromISOString(date, timeZoneId) {
+exports.tz = tz;
+const getDateFromISOString = (date, timeZoneId) => {
   return _luxon.DateTime.fromISO(date, {
     zone: tz(timeZoneId)
   });
@@ -35,8 +34,8 @@ var getDateFromISOString = function getDateFromISOString(date, timeZoneId) {
 /**
  * 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)
   });
@@ -45,7 +44,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');
   }
@@ -57,15 +56,15 @@ var getDisplayValue = function 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.
  */
-var getDate = exports.getDate = function getDate(date, timeZoneId) {
+const getDate = (date, timeZoneId) => {
   if (typeof date === 'string') {
-    var fromString = getDateFromISOString(date, timeZoneId);
+    const fromString = getDateFromISOString(date, timeZoneId);
     if (fromString.isValid) {
       return fromString;
     }
   }
   if (typeof date === 'number') {
-    var fromMillis = getDateFromMillis(date, timeZoneId);
+    const fromMillis = getDateFromMillis(date, timeZoneId);
     if (fromMillis.isValid) {
       return fromMillis;
     }
@@ -82,30 +81,33 @@ var getDate = exports.getDate = function getDate(date, timeZoneId) {
  * Default export function that provides a display value for a date
  * with optional implied time zone.
  */
-var getDateDisplayValue = function getDateDisplayValue(date, timeZoneId) {
+exports.getDate = getDate;
+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 = exports.getTodaysDateFormatted = function getTodaysDateFormatted(timeZoneId) {
+const getTodaysDateFormatted = timeZoneId => {
   return getDisplayValue(_luxon.DateTime.now().setZone(tz(timeZoneId)));
 };
 
 /**
  * Checks if a date is in the future, time zone for date is optional.
  */
-var isInTheFuture = exports.isInTheFuture = function isInTheFuture(date, timeZoneId) {
-  var d = getDate(date, timeZoneId);
+exports.getTodaysDateFormatted = getTodaysDateFormatted;
+const isInTheFuture = (date, timeZoneId) => {
+  const 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', function () {
+test('isInTheFuture should handle date ISO 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 ISO 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 () {
+test('isInTheFuture should handle JS Date object and specified time zones', () => {
   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 () {
+test('isInTheFuture should handle JS Date object and default time zone', () => {
   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 () {
+test('isInTheFuture should handle DateTime object and specified time zones', () => {
   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 () {
+test('isInTheFuture should handle JS Date object and default time zone', () => {
   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 ISO 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 ISO 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 ISO 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 () {
+test('should return valid date display value for JS Date object with default time zone', () => {
   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 () {
+test('should return valid date display value for DateTime object with default time zone', () => {
   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 () {
+test('should return valid date display value for JS Date object with time zones', () => {
   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 () {
+test('should return valid date display value for DateTime object with time zones', () => {
   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() {
+  get: function () {
     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;
   }
 });

package/utils/preventDefaultEvent.js

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

package/utils/text.js

@@ -4,17 +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 = 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(' ');
-};
+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 = 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,11 +74,11 @@ 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
   };
 };