@terraware/web-components 4.2.13 → 4.2.14-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "4.2.13",
+  "version": "4.2.14-rc.1",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -12,7 +12,7 @@
   },
   "homepage": "https://github.com/terraware/web-components#readme",
   "private": false,
-  "main": "dist/index.js",
+  "main": "./index.js",
   "dependencies": {
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/sortable": "^10.0.0",
@@ -22,11 +22,13 @@
     "@mui/lab": "^6.0.1-beta.36",
     "@mui/material": "^6.0.0",
     "@mui/x-date-pickers": "^7.22.0",
+    "@playcanvas/react": "0.11.3",
     "classnames": "^2.3.2",
     "geojson": "^0.5.0",
     "luxon": "^3.3.0",
     "marked": "^16.2.1",
     "material-react-table": "^3.2.1",
+    "playcanvas": "2.15.1",
     "prettier": "^3.8.1",
     "react-intersection-observer": "^9.5.2",
     "react-multi-carousel": "^2.8.2",
@@ -36,10 +38,15 @@
     "web-vitals": "^3.5.2"
   },
   "peerDependencies": {
+    "@playcanvas/react": "0.11.3",
     "mapbox-gl": "^3.13.0",
+    "playcanvas": "2.15.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-map-gl": "^8.0.4"
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
+  "type": "module",
+  "module": "./index.js",
+  "types": "./index.d.ts"
 }

package/style-dictionary-dist/TerrawareTheme.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const TerrawareTheme = {
   'palette': {
     'TwClrBaseBlack': '#000000',
@@ -190,4 +184,4 @@ const TerrawareTheme = {
     'TwClrTxtAccentAux': '#7473BA'
   }
 };
-var _default = exports.default = TerrawareTheme;
+export default TerrawareTheme;

package/theme.js

@@ -1,13 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _styles = require("@mui/material/styles");
-var _TerrawareTheme = _interopRequireDefault(require("./style-dictionary-dist/TerrawareTheme"));
+import { createTheme } from '@mui/material/styles';
+import TerrawareTheme from './style-dictionary-dist/TerrawareTheme';
 const defaultTheme = {
   breakpoints: {
     values: {
@@ -40,7 +32,7 @@ const defaultTheme = {
       }
     }
   },
-  palette: (0, _objectSpread2.default)({
+  palette: {
     primary: {
       main: '#0067C8'
     },
@@ -80,7 +72,8 @@ const defaultTheme = {
     gray: {
       200: '#CAD2D3',
       800: '#3A4445'
-    }
-  }, _TerrawareTheme.default.palette)
+    },
+    ...TerrawareTheme.palette
+  }
 };
-var _default = exports.default = (0, _styles.createTheme)(defaultTheme);
+export default createTheme(defaultTheme);

package/utils/color.d.ts

@@ -0,0 +1,2 @@
+export declare const getRgbaFromHex: (hex: string, opacity: number) => string;
+//# sourceMappingURL=color.d.ts.map

package/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,SAAS,MAAM,WAK1D,CAAC"}

package/utils/color.js

@@ -0,0 +1,14 @@
+import hexRgb from 'hex-rgb';
+export const getRgbaFromHex = (hex, opacity) => {
+  const rgba = hexRgb(hex, {
+    alpha: opacity,
+    format: 'object'
+  });
+  const {
+    red,
+    green,
+    blue,
+    alpha
+  } = rgba;
+  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
+};

package/utils/date.js

@@ -1,12 +1,6 @@
-"use strict";
+import _ from 'lodash';
+import { DateTime } from 'luxon';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tz = exports.isInTheFuture = exports.getTodaysDateFormatted = exports.getShortDate = exports.getDate = exports.default = void 0;
-var _lodash = _interopRequireDefault(require("lodash"));
-var _luxon = require("luxon");
 /**
  * Accepted date types for input are:
  * - string for any date ISO string representation
@@ -18,15 +12,14 @@ var _luxon = require("luxon");
 /**
  * Helper util that returns default time zone as a fallback.
  */
-const tz = timeZoneId => timeZoneId || 'Etc/UTC';
+export const tz = timeZoneId => 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) => {
-  return _luxon.DateTime.fromISO(date, {
+  return DateTime.fromISO(date, {
     zone: tz(timeZoneId)
   });
 };
@@ -36,7 +29,7 @@ const getDateFromISOString = (date, timeZoneId) => {
  */
 const getDateFromMillis = (date, timeZoneId) => {
   const millis = new Date(date).getTime();
-  return _luxon.DateTime.fromMillis(millis, {
+  return DateTime.fromMillis(millis, {
     zone: tz(timeZoneId)
   });
 };
@@ -54,7 +47,7 @@ const getDisplayValue = date => {
 /**
  * Returns <Month> <Year> (eg. July 2023).
  */
-const getShortDate = date => {
+export const getShortDate = date => {
   if (date.isValid) {
     return date.toFormat('LLLL yyyy');
   }
@@ -66,8 +59,7 @@ const getShortDate = 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.
  */
-exports.getShortDate = getShortDate;
-const getDate = (date, timeZoneId) => {
+export const getDate = (date, timeZoneId) => {
   if (typeof date === 'string') {
     const fromString = getDateFromISOString(date, timeZoneId);
     if (fromString.isValid) {
@@ -80,8 +72,8 @@ const getDate = (date, timeZoneId) => {
       return fromMillis;
     }
   }
-  if (_lodash.default.isDate(date) || typeof date === 'string' || typeof date === 'number') {
-    return _luxon.DateTime.fromJSDate(new Date(date), {
+  if (_.isDate(date) || typeof date === 'string' || typeof date === 'number') {
+    return DateTime.fromJSDate(new Date(date), {
       zone: tz(timeZoneId)
     });
   }
@@ -92,7 +84,6 @@ 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) => {
   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
@@ -105,20 +96,18 @@ const getDateDisplayValue = (date, timeZoneId) => {
 /**
  * Exported function that returns todays date in a specific (optional) time zone.
  */
-const getTodaysDateFormatted = timeZoneId => {
-  return getDisplayValue(_luxon.DateTime.now().setZone(tz(timeZoneId)));
+export const getTodaysDateFormatted = timeZoneId => {
+  return getDisplayValue(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) => {
+export 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;
+export default getDateDisplayValue;

package/utils/date.test.js

@@ -1,87 +1,84 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _luxon = require("luxon");
-var _date = _interopRequireWildcard(require("./date"));
+import { DateTime } from 'luxon';
+import getDateDisplayValue, { getTodaysDateFormatted, isInTheFuture } from './date';
 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);
+  expect(isInTheFuture('2023-01-10', 'Asia/Bangkok')).toBe(false);
+  expect(isInTheFuture('2023-01-10', 'America/Los_Angeles')).toBe(false);
+  expect(isInTheFuture('3023-01-10', 'America/Los_Angeles')).toBe(true);
 });
 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);
+  expect(isInTheFuture('2023-01-10')).toBe(false);
+  expect(isInTheFuture('3023-01-10')).toBe(true);
 });
 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);
+  expect(isInTheFuture(Date.now(), 'Asia/Bangkok')).toBe(false);
+  expect(isInTheFuture(new Date('3023-01-10').getTime(), 'Asia/Bangkok')).toBe(true);
 });
 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);
+  expect(isInTheFuture(Date.now())).toBe(false);
+  expect(isInTheFuture(new Date('3023-01-10').getTime())).toBe(true);
 });
 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);
+  expect(isInTheFuture(new Date(), 'Asia/Bangkok')).toBe(false);
+  expect(isInTheFuture(new Date('3023-01-10'), 'Asia/Bangkok')).toBe(true);
 });
 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);
+  expect(isInTheFuture(new Date())).toBe(false);
+  expect(isInTheFuture(new Date('3023-01-10'))).toBe(true);
 });
 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);
+  expect(isInTheFuture(DateTime.now(), 'Asia/Bangkok')).toBe(false);
+  expect(isInTheFuture(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);
+  expect(isInTheFuture(DateTime.now().setZone('Asia/Bangkok'), 'Asia/Bangkok')).toBe(false);
+  expect(isInTheFuture(DateTime.fromISO('3023-01-10').setZone('Asia/Bangkok'), 'Asia/Bangkok')).toBe(true);
 });
 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);
+  expect(isInTheFuture(DateTime.now())).toBe(false);
+  expect(isInTheFuture(DateTime.fromISO('3023-01-10'))).toBe(true);
 });
 test('should show todays date formatted for a time zone', () => {
-  const formatted = (0, _date.getTodaysDateFormatted)('Asia/Bangkok');
+  const formatted = 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)();
+  const formatted = 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', () => {
-  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');
+  expect(getDateDisplayValue('2021-08-05T19:39:16Z', 'America/Los_Angeles')).toBe('2021-08-05');
+  expect(getDateDisplayValue('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', () => {
-  expect((0, _date.default)('2021-08-05T19:39:16Z')).toBe('2021-08-05');
+  expect(getDateDisplayValue('2021-08-05T19:39:16Z')).toBe('2021-08-05');
 });
 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');
+  expect(getDateDisplayValue('2021-08-05', 'America/Los_Angeles')).toBe('2021-08-05');
+  expect(getDateDisplayValue('2021-08-05', 'Asia/Bangkok')).toBe('2021-08-05');
 });
 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');
+  expect(getDateDisplayValue('2021-08-05')).toBe('2021-08-05');
 });
 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');
+  expect(getDateDisplayValue(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', () => {
-  expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
+  expect(getDateDisplayValue(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', () => {
-  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
+  expect(getDateDisplayValue(DateTime.fromISO('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
 });
 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');
+  expect(getDateDisplayValue(new Date('2021-08-05T19:39:16Z').getTime(), 'America/Los_Angeles')).toBe('2021-08-05');
+  expect(getDateDisplayValue(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', () => {
-  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');
+  expect(getDateDisplayValue(new Date('2021-08-05T19:39:16Z'), 'America/Los_Angeles')).toBe('2021-08-05');
+  expect(getDateDisplayValue(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', () => {
-  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');
+  expect(getDateDisplayValue(DateTime.fromISO('2021-08-05T19:39:16Z'), 'America/Los_Angeles')).toBe('2021-08-05');
+  expect(getDateDisplayValue(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');
+  expect(getDateDisplayValue(DateTime.fromISO('2021-08-05T19:39:16Z').setZone('America/Los_Angeles'), 'America/Los_Angeles')).toBe('2021-08-05');
+  expect(getDateDisplayValue(DateTime.fromISO('2021-08-05T19:39:16Z').setZone('America/Los_Angeles'), 'Asia/Bangkok')).toBe('2021-08-06');
 });

package/utils/index.js

@@ -1,53 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "getDate", {
-  enumerable: true,
-  get: function () {
-    return _date.getDate;
-  }
-});
-Object.defineProperty(exports, "getDateDisplayValue", {
-  enumerable: true,
-  get: function () {
-    return _date.default;
-  }
-});
-Object.defineProperty(exports, "getTodaysDateFormatted", {
-  enumerable: true,
-  get: function () {
-    return _date.getTodaysDateFormatted;
-  }
-});
-Object.defineProperty(exports, "isInTheFuture", {
-  enumerable: true,
-  get: function () {
-    return _date.isInTheFuture;
-  }
-});
-Object.defineProperty(exports, "isWhitespaces", {
-  enumerable: true,
-  get: function () {
-    return _text.default;
-  }
-});
-Object.defineProperty(exports, "preventDefaultEvent", {
-  enumerable: true,
-  get: function () {
-    return _preventDefaultEvent.default;
-  }
-});
-Object.defineProperty(exports, "useDeviceInfo", {
-  enumerable: true,
-  get: function () {
-    return _useDeviceInfo.default;
-  }
-});
-var _date = _interopRequireWildcard(require("./date"));
-var _preventDefaultEvent = _interopRequireDefault(require("./preventDefaultEvent"));
-var _text = _interopRequireDefault(require("./text"));
-var _useDeviceInfo = _interopRequireDefault(require("./useDeviceInfo"));
+import getDateDisplayValue, { getDate, getTodaysDateFormatted, isInTheFuture } from './date';
+import preventDefaultEvent from './preventDefaultEvent';
+import isWhitespaces from './text';
+import useDeviceInfo from './useDeviceInfo';
+export { getDate, getDateDisplayValue, getTodaysDateFormatted, isInTheFuture, isWhitespaces, preventDefaultEvent, useDeviceInfo };

package/utils/preventDefaultEvent.js

@@ -1,8 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const preventDefault = event => event.preventDefault();
-var _default = exports.default = preventDefault;
+export default preventDefault;

package/utils/text.js

@@ -1,11 +1,5 @@
-"use strict";
-
-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 => {
+export 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());
@@ -13,5 +7,4 @@ const titleCase = str => str.split(' ').map(word => {
     return word;
   }
 }).join(' ');
-exports.titleCase = titleCase;
-var _default = exports.default = isWhitespaces;
+export default isWhitespaces;

package/utils/text.test.js

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

package/utils/useDeviceInfo.js

@@ -1,10 +1,5 @@
-"use strict";
+import { useMediaQuery } from 'react-responsive';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactResponsive = require("react-responsive");
 /**
  * Device widths categorized for our purposes.
  * Device widths
@@ -31,29 +26,28 @@ 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 useDeviceInfo = ({
+  onChange
+} = {}) => {
   const deviceChangeCallback = matches => {
     if (matches && onChange) {
       onChange();
     }
   };
-  const isDesktop = (0, _reactResponsive.useMediaQuery)({
+  const isDesktop = useMediaQuery({
     minWidth: 1024
   }, undefined, deviceChangeCallback);
-  const isTablet = (0, _reactResponsive.useMediaQuery)({
+  const isTablet = useMediaQuery({
     maxWidth: 1023,
     minWidth: 768
   }, undefined, deviceChangeCallback);
-  const isMobile = (0, _reactResponsive.useMediaQuery)({
+  const isMobile = useMediaQuery({
     maxWidth: 767
   }, undefined, deviceChangeCallback);
-  const isPortrait = (0, _reactResponsive.useMediaQuery)({
+  const isPortrait = useMediaQuery({
     orientation: 'portrait'
   }, undefined, deviceChangeCallback);
-  const isRetina = (0, _reactResponsive.useMediaQuery)({
+  const isRetina = useMediaQuery({
     query: '(min-resolution: 2dppx)'
   }, undefined, deviceChangeCallback);
   const getDeviceType = () => {
@@ -82,4 +76,4 @@ const useDeviceInfo = function () {
     isLandscape: !isPortrait
   };
 };
-var _default = exports.default = useDeviceInfo;
+export default useDeviceInfo;

package/virtualWalkthrough.d.ts

@@ -0,0 +1,34 @@
+import Annotation from './components/VirtualWalkthrough/Annotation';
+import AnnotationEditPane from './components/VirtualWalkthrough/AnnotationEditPane';
+import AnnotationPanel from './components/VirtualWalkthrough/AnnotationPanel';
+import Application from './components/VirtualWalkthrough/Application';
+import { AutoRotator } from './components/VirtualWalkthrough/AutoRotator';
+import BlockingSpinner from './components/VirtualWalkthrough/BlockingSpinner';
+import BoundaryRing from './components/VirtualWalkthrough/BoundaryRing';
+import CameraInfo from './components/VirtualWalkthrough/CameraInfo';
+import ControlsInfoPane from './components/VirtualWalkthrough/ControlsInfoPane';
+import GradientSky from './components/VirtualWalkthrough/GradientSky';
+import SplatControls from './components/VirtualWalkthrough/SplatControls';
+import SplatCrop from './components/VirtualWalkthrough/SplatCrop';
+import SplatFadeCrop from './components/VirtualWalkthrough/SplatFadeCrop';
+import SplatModel from './components/VirtualWalkthrough/SplatModel';
+import SplatRevealRain from './components/VirtualWalkthrough/SplatRevealRain';
+import { TfAnnotationManager } from './components/VirtualWalkthrough/TfAnnotationManager';
+import { TfXrNavigation } from './components/VirtualWalkthrough/TfXrNavigation';
+import VirtualWalkthroughViewer from './components/VirtualWalkthrough/VirtualWalkthroughViewer';
+import { BoundaryRingScript, boundaryRingMesh } from './components/VirtualWalkthrough/boundary-ring';
+import { computeGroundPlane, yOnPlane } from './components/VirtualWalkthrough/groundPlane';
+import { WalkthroughCamera } from './components/VirtualWalkthrough/walkthrough-camera';
+import { useDevicePerformance } from './hooks/useDevicePerformance';
+export type { AnnotationProps, AnnotationIconType } from './components/VirtualWalkthrough/Annotation';
+export type { AnnotationEditPaneStrings } from './components/VirtualWalkthrough/AnnotationEditPane';
+export type { CameraInfoStrings, CameraState } from './components/VirtualWalkthrough/CameraInfo';
+export type { ControlsInfoPaneStrings } from './components/VirtualWalkthrough/ControlsInfoPane';
+export type { SplatControlsProps, SplatControlsStrings } from './components/VirtualWalkthrough/SplatControls';
+export type { BoundaryRingGeometry, BoundaryRingGeometryParams } from './components/VirtualWalkthrough/boundary-ring';
+export type { GroundPlane } from './components/VirtualWalkthrough/groundPlane';
+export type { BoundaryRingProps } from './components/VirtualWalkthrough/BoundaryRing';
+export type { SplatModelProps } from './components/VirtualWalkthrough/SplatModel';
+export type { VirtualWalkthroughViewerProps } from './components/VirtualWalkthrough/VirtualWalkthroughViewer';
+export { Annotation, AnnotationEditPane, AnnotationPanel, Application, AutoRotator, BlockingSpinner, BoundaryRing, boundaryRingMesh, BoundaryRingScript, CameraInfo, computeGroundPlane, ControlsInfoPane, GradientSky, SplatControls, SplatCrop, SplatFadeCrop, SplatModel, SplatRevealRain, TfAnnotationManager, TfXrNavigation, useDevicePerformance, VirtualWalkthroughViewer, WalkthroughCamera, yOnPlane, };
+//# sourceMappingURL=virtualWalkthrough.d.ts.map

package/virtualWalkthrough.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualWalkthrough.d.ts","sourceRoot":"","sources":["../src/virtualWalkthrough.ts"],"names":[],"mappings":"AAOA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,kBAAkB,MAAM,oDAAoD,CAAC;AACpF,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,YAAY,MAAM,8CAA8C,CAAC;AACxE,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,gBAAgB,MAAM,kDAAkD,CAAC;AAChF,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,SAAS,MAAM,2CAA2C,CAAC;AAClE,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,wBAAwB,MAAM,0DAA0D,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACrG,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACtG,YAAY,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AACpG,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACjG,YAAY,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAChG,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC9G,YAAY,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AACtH,YAAY,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACtF,YAAY,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAClF,YAAY,EAAE,6BAA6B,EAAE,MAAM,0DAA0D,CAAC;AAE9G,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,QAAQ,GACT,CAAC"}

package/virtualWalkthrough.js

@@ -0,0 +1,30 @@
+/*
+ * Public entry point for the PlayCanvas-based virtual walkthrough components.
+ *
+ * These are kept out of the main index so that importing the core component
+ * library does not pull in playcanvas. Import them from
+ * `@terraware/web-components/virtualWalkthrough`.
+ */
+import Annotation from './components/VirtualWalkthrough/Annotation';
+import AnnotationEditPane from './components/VirtualWalkthrough/AnnotationEditPane';
+import AnnotationPanel from './components/VirtualWalkthrough/AnnotationPanel';
+import Application from './components/VirtualWalkthrough/Application';
+import { AutoRotator } from './components/VirtualWalkthrough/AutoRotator';
+import BlockingSpinner from './components/VirtualWalkthrough/BlockingSpinner';
+import BoundaryRing from './components/VirtualWalkthrough/BoundaryRing';
+import CameraInfo from './components/VirtualWalkthrough/CameraInfo';
+import ControlsInfoPane from './components/VirtualWalkthrough/ControlsInfoPane';
+import GradientSky from './components/VirtualWalkthrough/GradientSky';
+import SplatControls from './components/VirtualWalkthrough/SplatControls';
+import SplatCrop from './components/VirtualWalkthrough/SplatCrop';
+import SplatFadeCrop from './components/VirtualWalkthrough/SplatFadeCrop';
+import SplatModel from './components/VirtualWalkthrough/SplatModel';
+import SplatRevealRain from './components/VirtualWalkthrough/SplatRevealRain';
+import { TfAnnotationManager } from './components/VirtualWalkthrough/TfAnnotationManager';
+import { TfXrNavigation } from './components/VirtualWalkthrough/TfXrNavigation';
+import VirtualWalkthroughViewer from './components/VirtualWalkthrough/VirtualWalkthroughViewer';
+import { BoundaryRingScript, boundaryRingMesh } from './components/VirtualWalkthrough/boundary-ring';
+import { computeGroundPlane, yOnPlane } from './components/VirtualWalkthrough/groundPlane';
+import { WalkthroughCamera } from './components/VirtualWalkthrough/walkthrough-camera';
+import { useDevicePerformance } from './hooks/useDevicePerformance';
+export { Annotation, AnnotationEditPane, AnnotationPanel, Application, AutoRotator, BlockingSpinner, BoundaryRing, boundaryRingMesh, BoundaryRingScript, CameraInfo, computeGroundPlane, ControlsInfoPane, GradientSky, SplatControls, SplatCrop, SplatFadeCrop, SplatModel, SplatRevealRain, TfAnnotationManager, TfXrNavigation, useDevicePerformance, VirtualWalkthroughViewer, WalkthroughCamera, yOnPlane };