@terraware/web-components 2.12.8-rc.0 → 2.12.9-rc.0

package/utils/date.js

@@ -3,26 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isInTheFuture = exports.getTodaysDateFormatted = exports.default = void 0;
+exports.isInTheFuture = exports.getTodaysDateFormatted = exports.getDate = exports.default = void 0;
 var _luxon = require("luxon");
 /**
  * Helper util that returns default time zone as a fallback.
  */
-const tz = timeZoneId => timeZoneId || 'Etc/UTC';
+var tz = function tz(timeZoneId) {
+  return timeZoneId || 'Etc/UTC';
+};
 
 /**
  * Parse a date string with zone implied.
  * eg. '2023-01-10 in 'America/Los_Angeles'
  */
-const getDateFromString = (date, timeZoneId) => {
+var getDateFromString = function 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.
  */
-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)
   });
@@ -31,7 +33,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');
   }
@@ -42,13 +44,13 @@ const getDisplayValue = date => {
  * Utility that constructs a valid DateTime object from
  * any date value passed in ('2023-01-10' or millis or a utc string).
  */
-const getDate = (date, timeZoneId) => {
-  const fromString = getDateFromString(date, timeZoneId);
+var getDate = function getDate(date, timeZoneId) {
+  var fromString = getDateFromString(date, timeZoneId);
   if (fromString.isValid) {
     return fromString;
   }
-  const millis = new Date(date).getTime();
-  const fromMillis = getDateFromMillis(date, timeZoneId);
+  var millis = new Date(date).getTime();
+  var fromMillis = getDateFromMillis(date, timeZoneId);
   if (fromMillis.isValid) {
     return fromMillis;
   }
@@ -61,19 +63,20 @@ const getDate = (date, timeZoneId) => {
  * Default export function that provides a display value for a date
  * with optional implied time zone.
  */
-const getDateDisplayValue = (date, timeZoneId) => {
+exports.getDate = getDate;
+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 = function getTodaysDateFormatted(timeZoneId) {
   return getDisplayValue(_luxon.DateTime.now().setZone(tz(timeZoneId)));
 };
 
@@ -81,12 +84,13 @@ const getTodaysDateFormatted = 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 = 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;
+var _default = getDateDisplayValue;
+exports.default = _default;

package/utils/date.test.js

@@ -2,49 +2,49 @@
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _date = _interopRequireWildcard(require("./date"));
-test('isInTheFuture should handle date string and specified time zones', () => {
+test('isInTheFuture should handle date 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 string and default time zone', () => {
+test('isInTheFuture should handle date 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('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 javascript date string with time zones', () => {
+test('should return valid date display value for javascript 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 javascript date string with default time zone', () => {
+test('should return valid date display value for javascript 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 format string with time zones', () => {
+test('should return valid date display value for default date format 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 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');
 });

package/utils/index.d.ts

@@ -1,6 +1,6 @@
-import getDateDisplayValue, { getTodaysDateFormatted, isInTheFuture } from './date.v1';
+import getDateDisplayValue, { getDate, getTodaysDateFormatted, isInTheFuture } from './date';
 import isWhitespaces from './text';
 import preventDefaultEvent from './preventDefaultEvent';
 import useDeviceInfo from './useDeviceInfo';
-export { getDateDisplayValue, getTodaysDateFormatted, isInTheFuture, isWhitespaces, preventDefaultEvent, useDeviceInfo, };
+export { getDate, 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,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"}
+{"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"}

package/utils/index.js

@@ -5,43 +5,49 @@ 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: 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;
   }
 });
-var _date = _interopRequireWildcard(require("./date.v1"));
+var _date = _interopRequireWildcard(require("./date"));
 var _text = _interopRequireDefault(require("./text"));
 var _preventDefaultEvent = _interopRequireDefault(require("./preventDefaultEvent"));
 var _useDeviceInfo = _interopRequireDefault(require("./useDeviceInfo"));

package/utils/preventDefaultEvent.js

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

package/utils/text.js

@@ -4,14 +4,19 @@ 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(' ');
+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(' ');
+};
 exports.titleCase = titleCase;
-var _default = exports.default = isWhitespaces;
+var _default = isWhitespaces;
+exports.default = _default;

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,12 +73,13 @@ 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
   };
 };
-var _default = exports.default = useDeviceInfo;
+var _default = useDeviceInfo;
+exports.default = _default;

package/utils/date.v1.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-"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;