@terraware/web-components 5.0.27-rc.0 → 5.0.27

package/components/table/sort.js

@@ -1,39 +1,64 @@
 function descendingComparator(a, b, orderBy, order) {
-    const numCompare = descendingNumComparator(a, b, orderBy);
-    if (null !== numCompare) if (0 === numCompare) return numCompare;
-    else return 'desc' === order ? -1 * numCompare : numCompare;
-    const bValue = b[orderBy] ?? '';
-    const aValue = a[orderBy] ?? '';
-    if (isEmptyValue(aValue.toString()) && isEmptyValue(bValue.toString())) return 0;
-    if (isEmptyValue(aValue.toString())) return 1;
-    if (isEmptyValue(bValue.toString())) return -1;
-    if (bValue < aValue) return 'desc' === order ? -1 : 1;
-    if (bValue > aValue) return 'desc' === order ? 1 : -1;
+  // first attempt to parse into a numeric value and compare
+  const numCompare = descendingNumComparator(a, b, orderBy);
+  if (numCompare !== null) {
+    if (numCompare === 0) {
+      return numCompare;
+    } else {
+      return order === 'desc' ? numCompare * -1 : numCompare;
+    }
+  }
+
+  // if non-numeric, compare using the javascript built-in compare for this type
+  const bValue = b[orderBy] ?? '';
+  const aValue = a[orderBy] ?? '';
+
+  // blank values at the end always (any order)
+  if (isEmptyValue(aValue.toString()) && isEmptyValue(bValue.toString())) {
     return 0;
+  }
+  if (isEmptyValue(aValue.toString())) {
+    return 1;
+  }
+  if (isEmptyValue(bValue.toString())) {
+    return -1;
+  }
+  if (bValue < aValue) {
+    return order === 'desc' ? -1 : 1;
+  }
+  if (bValue > aValue) {
+    return order === 'desc' ? 1 : -1;
+  }
+  return 0;
 }
 function isEmptyValue(value) {
-    if ('' === value || null === value || value?.toString().trim() === '' || void 0 === value) return true;
-    else return false;
+  if (value === '' || value === null || value?.toString().trim() === '' || value === undefined) {
+    return true;
+  } else {
+    return false;
+  }
 }
 function descendingNumComparator(a, b, orderBy) {
-    const aNumValue = Number(a[orderBy] ?? '0.0');
-    const bNumValue = Number(b[orderBy] ?? '0.0');
-    if (!isNaN(aNumValue) && !isNaN(bNumValue)) return bNumValue - aNumValue;
-    return null;
+  const aNumValue = Number(a[orderBy] ?? '0.0');
+  const bNumValue = Number(b[orderBy] ?? '0.0');
+  if (!isNaN(aNumValue) && !isNaN(bNumValue)) {
+    return bNumValue - aNumValue;
+  }
+  return null;
 }
 function getComparator(order, orderBy, sorting) {
-    return (a, b)=>sorting(a, b, orderBy, order);
+  return (a, b) => sorting(a, b, orderBy, order);
 }
 function stableSort(array, comparator) {
-    const stabilizedThis = array.map((el, index)=>[
-            el,
-            index
-        ]);
-    stabilizedThis.sort((a, b)=>{
-        const order = comparator(a[0], b[0]);
-        if (0 !== order) return order;
-        return a[1] - b[1];
-    });
-    return stabilizedThis.map((el)=>el[0]);
+  const stabilizedThis = array.map((el, index) => [el, index]);
+  stabilizedThis.sort((a, b) => {
+    const order = comparator(a[0], b[0]);
+    if (order !== 0) {
+      return order;
+    }
+    return a[1] - b[1];
+  });
+  return stabilizedThis.map(el => el[0]);
 }
+
 export { descendingComparator, getComparator, stableSort };

package/components/table/types.js

@@ -0,0 +1 @@
+

package/components/types/index.js

@@ -0,0 +1 @@
+

package/hooks/cameraEntityContext.js

@@ -1,3 +1,14 @@
-import { createContext } from "react";
-const CameraEntityContext = createContext(null);
+import { createContext } from 'react';
+
+/**
+ * The camera entity the walkthrough owns, published by `VirtualWalkthroughViewer` for the hooks
+ * beneath it.
+ *
+ * Looking the camera up by name is not safe once the viewer shares a scene graph with a host that
+ * has entities of its own: `findByName('camera')` walks the whole graph and returns whichever
+ * entity was added first, so a host that names its own camera entity `camera` shadows the viewer's.
+ * Null outside a viewer, where the name lookup is still the only thing to go on.
+ */
+const CameraEntityContext = /*#__PURE__*/createContext(null);
+
 export { CameraEntityContext };

package/hooks/useBoolean.js

@@ -1,18 +1,14 @@
-import { useCallback, useState } from "react";
-const useBoolean = (initialValue)=>{
-    const [value, setValue] = useState(initialValue);
-    const setTrue = useCallback(()=>{
-        setValue(true);
-    }, []);
-    const setFalse = useCallback(()=>{
-        setValue(false);
-    }, []);
-    return [
-        value,
-        setValue,
-        setTrue,
-        setFalse
-    ];
+import { useState, useCallback } from 'react';
+
+const useBoolean = initialValue => {
+  const [value, setValue] = useState(initialValue);
+  const setTrue = useCallback(() => {
+    setValue(true);
+  }, []);
+  const setFalse = useCallback(() => {
+    setValue(false);
+  }, []);
+  return [value, setValue, setTrue, setFalse];
 };
-const hooks_useBoolean = useBoolean;
-export default hooks_useBoolean;
+
+export { useBoolean as default };

package/hooks/useCameraPosition.js

@@ -1,58 +1,58 @@
-import { useCallback, useContext, useMemo } from "react";
-import { useApp } from "@playcanvas/react/hooks";
-import { Vec3 } from "playcanvas";
-import { CameraEntityContext } from "./cameraEntityContext.js";
-const scriptsOn = (node)=>node?.script;
-const useCameraPosition = (cameraEntity)=>{
-    const app = useApp();
-    const contextCamera = useContext(CameraEntityContext);
-    const resolvedCamera = cameraEntity ?? contextCamera;
-    const findCamera = useCallback(()=>resolvedCamera ?? app.root.findByName('camera'), [
-        app,
-        resolvedCamera
-    ]);
-    const findControls = useCallback((camera)=>{
-        const own = scriptsOn(camera);
-        return own?.cameraControls ?? own?.walkthroughCamera ?? scriptsOn(camera?.parent)?.walkthroughCamera;
-    }, []);
-    const setCamera = useCallback((focus, position, horizontalNdcBias = 0)=>{
-        const camera = findCamera();
-        const controls = findControls(camera);
-        if (controls && camera) controls.reset(new Vec3(focus), position ? new Vec3(position) : camera.getPosition(), horizontalNdcBias);
-    }, [
-        findCamera,
-        findControls
-    ]);
-    const getCameraState = useCallback(()=>{
-        const camera = findCamera();
-        const controls = findControls(camera);
-        if (camera && controls) {
-            const position = camera.getPosition();
-            const focusPoint = controls?.focusPoint;
-            return {
-                position: [
-                    position.x,
-                    position.y,
-                    position.z
-                ],
-                focus: [
-                    focusPoint.x,
-                    focusPoint.y,
-                    focusPoint.z
-                ]
-            };
-        }
-        return null;
-    }, [
-        findCamera,
-        findControls
-    ]);
-    return useMemo(()=>({
-            setCamera,
-            getCameraState
-        }), [
-        setCamera,
-        getCameraState
-    ]);
+import { useContext, useCallback, useMemo } from 'react';
+import { useApp } from '@playcanvas/react/hooks';
+import { Vec3 } from 'playcanvas';
+import { CameraEntityContext } from './cameraEntityContext.js';
+
+/** The camera-driving scripts this hook talks to. */
+
+/** Scripts are added to entities dynamically, so they aren't on the engine's types. */
+const scriptsOn = node => node?.script;
+
+/**
+ * @param cameraEntity - The camera to drive. Callers above {@link CameraEntityContext} pass it
+ * directly; the ones beneath take it from the context, and anything with neither falls back to
+ * looking an entity named `camera` in the scene graph.
+ */
+const useCameraPosition = cameraEntity => {
+  const app = useApp();
+  const contextCamera = useContext(CameraEntityContext);
+  const resolvedCamera = cameraEntity ?? contextCamera;
+  const findCamera = useCallback(() => resolvedCamera ?? app.root.findByName('camera'), [app, resolvedCamera]);
+
+  /**
+   * The script driving the camera. WalkthroughCamera is mounted on the rig above the camera rather
+   * than on the camera entity, so that it poses a camera the walkthrough adopted from a host scene
+   * as readily as one of its own; CameraControls sits on the camera entity itself.
+   */
+  const findControls = useCallback(camera => {
+    const own = scriptsOn(camera);
+    return own?.cameraControls ?? own?.walkthroughCamera ?? scriptsOn(camera?.parent)?.walkthroughCamera;
+  }, []);
+  const setCamera = useCallback((focus, position, horizontalNdcBias = 0) => {
+    const camera = findCamera();
+    const controls = findControls(camera);
+    if (controls && camera) {
+      // The extra bias arg is only honored by WalkthroughCamera; CameraControls ignores it.
+      controls.reset(new Vec3(focus), position ? new Vec3(position) : camera.getPosition(), horizontalNdcBias);
+    }
+  }, [findCamera, findControls]);
+  const getCameraState = useCallback(() => {
+    const camera = findCamera();
+    const controls = findControls(camera);
+    if (camera && controls) {
+      const position = camera.getPosition();
+      const focusPoint = controls?.focusPoint;
+      return {
+        position: [position.x, position.y, position.z],
+        focus: [focusPoint.x, focusPoint.y, focusPoint.z]
+      };
+    }
+    return null;
+  }, [findCamera, findControls]);
+  return useMemo(() => ({
+    setCamera,
+    getCameraState
+  }), [setCamera, getCameraState]);
 };
+
 export { useCameraPosition };

package/hooks/useDevicePerformance.js

@@ -1,19 +1,19 @@
-import { useMemo } from "react";
-import useDeviceInfo from "../utils/useDeviceInfo.js";
-const useDevicePerformance = ()=>{
-    const { isMobile } = useDeviceInfo();
-    const cpuCores = useMemo(()=>navigator.hardwareConcurrency || 4, []);
-    const deviceMemory = useMemo(()=>navigator.deviceMemory, []);
-    const isHighPerformance = useMemo(()=>!isMobile && cpuCores >= 4 || void 0 !== deviceMemory && deviceMemory >= 8 || cpuCores >= 6, [
-        cpuCores,
-        deviceMemory,
-        isMobile
-    ]);
-    return {
-        isHighPerformance,
-        cpuCores,
-        deviceMemory,
-        isMobile
-    };
+import { useMemo } from 'react';
+import useDeviceInfo from '../utils/useDeviceInfo.js';
+
+const useDevicePerformance = () => {
+  const {
+    isMobile
+  } = useDeviceInfo();
+  const cpuCores = useMemo(() => navigator.hardwareConcurrency || 4, []);
+  const deviceMemory = useMemo(() => navigator.deviceMemory, []);
+  const isHighPerformance = useMemo(() => !isMobile && cpuCores >= 4 || deviceMemory !== undefined && deviceMemory >= 8 || cpuCores >= 6, [cpuCores, deviceMemory, isMobile]);
+  return {
+    isHighPerformance,
+    cpuCores,
+    deviceMemory,
+    isMobile
+  };
 };
+
 export { useDevicePerformance };

package/hooks/useXr.js

@@ -1,90 +1,92 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useApp } from "@playcanvas/react/hooks";
-import { XRSPACE_LOCALFLOOR, XRTYPE_AR, XRTYPE_VR } from "playcanvas";
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { useApp } from '@playcanvas/react/hooks';
+import { XRTYPE_AR, XRTYPE_VR, XRSPACE_LOCALFLOOR } from 'playcanvas';
+
 const XR_TYPES = {
-    VR: XRTYPE_VR,
-    AR: XRTYPE_AR
+  VR: XRTYPE_VR,
+  AR: XRTYPE_AR
 };
+
+/**
+ * Factor PlayCanvas applies on top of the device pixel ratio to compute the headset's
+ * framebuffer resolution: `app.graphicsDevice.maxPixelRatio / window.devicePixelRatio *
+ * XR_FRAMEBUFFER_SCALE_FACTOR`. Splat rendering in stereo is fill-rate bound, so this (and
+ * `maxPixelRatio`, which also multiplies XR resolution) is the largest lever on XR framerate.
+ * Read once when the session starts and fixed for its lifetime.
+ */
 const XR_FRAMEBUFFER_SCALE_FACTOR = 1;
-const useXr = ({ onError } = {})=>{
-    const app = useApp();
-    const [available, setAvailable] = useState(()=>({
-            VR: app.xr?.isAvailable(XRTYPE_VR) ?? false,
-            AR: app.xr?.isAvailable(XRTYPE_AR) ?? false
+const useXr = ({
+  onError
+} = {}) => {
+  const app = useApp();
+  // Seeded from the manager rather than defaulting to unavailable, so a caller acting in a mount
+  // effect isn't told VR is unsupported while the effect below is still waiting to run.
+  const [available, setAvailable] = useState(() => ({
+    VR: app.xr?.isAvailable(XRTYPE_VR) ?? false,
+    AR: app.xr?.isAvailable(XRTYPE_AR) ?? false
+  }));
+  // `type` is set as soon as a session is requested, so gate on `active` to ignore pending sessions.
+  const [currentXrType, setCurrentXrType] = useState(app.xr?.active ? app.xr.type : null);
+  useEffect(() => {
+    // We subscribe to the manager directly because `app` doesn't update when XR's availability changes.
+    const handleAvailable = (type, isAvailable) => {
+      if (type === XRTYPE_VR) {
+        setAvailable(prev => ({
+          ...prev,
+          VR: isAvailable
         }));
-    const [currentXrType, setCurrentXrType] = useState(app.xr?.active ? app.xr.type : null);
-    useEffect(()=>{
-        const handleAvailable = (type, isAvailable)=>{
-            if (type === XRTYPE_VR) setAvailable((prev)=>({
-                    ...prev,
-                    VR: isAvailable
-                }));
-            else if (type === XRTYPE_AR) setAvailable((prev)=>({
-                    ...prev,
-                    AR: isAvailable
-                }));
-        };
-        setAvailable({
-            VR: app.xr?.isAvailable(XRTYPE_VR) ?? false,
-            AR: app.xr?.isAvailable(XRTYPE_AR) ?? false
-        });
-        app.xr?.on('available', handleAvailable);
-        return ()=>{
-            app.xr?.off('available', handleAvailable);
-        };
-    }, [
-        app
-    ]);
-    useEffect(()=>{
-        const handleStart = ()=>setCurrentXrType(app.xr?.type ?? null);
-        const handleEnd = ()=>setCurrentXrType(null);
-        setCurrentXrType(app.xr?.active ? app.xr.type : null);
-        app.xr?.on('start', handleStart);
-        app.xr?.on('end', handleEnd);
-        return ()=>{
-            app.xr?.off('start', handleStart);
-            app.xr?.off('end', handleEnd);
-        };
-    }, [
-        app
-    ]);
-    const isXrAvailable = useCallback((type)=>available[type], [
-        available
-    ]);
-    const startXr = useCallback((type)=>{
-        const camera = app.root.findComponent('camera');
-        app.xr?.start(camera, XR_TYPES[type], XRSPACE_LOCALFLOOR, {
-            framebufferScaleFactor: XR_FRAMEBUFFER_SCALE_FACTOR,
-            callback: (err)=>{
-                if (err) {
-                    onError?.(err);
-                    app.xr?.end();
-                }
-            }
-        });
-    }, [
-        app,
-        onError
-    ]);
-    const endXr = useCallback(()=>{
-        app.xr?.end();
-    }, [
-        app
-    ]);
-    return useMemo(()=>({
-            isXrAvailable,
-            startXr,
-            endXr,
-            isCurrentlyInXr: null !== currentXrType,
-            isCurrentlyInAr: currentXrType === XRTYPE_AR,
-            isCurrentlyInVr: currentXrType === XRTYPE_VR
-        }), [
-        isXrAvailable,
-        startXr,
-        endXr,
-        currentXrType
-    ]);
+      } else if (type === XRTYPE_AR) {
+        setAvailable(prev => ({
+          ...prev,
+          AR: isAvailable
+        }));
+      }
+    };
+    setAvailable({
+      VR: app.xr?.isAvailable(XRTYPE_VR) ?? false,
+      AR: app.xr?.isAvailable(XRTYPE_AR) ?? false
+    });
+    app.xr?.on('available', handleAvailable);
+    return () => {
+      app.xr?.off('available', handleAvailable);
+    };
+  }, [app]);
+  useEffect(() => {
+    const handleStart = () => setCurrentXrType(app.xr?.type ?? null);
+    // `app.xr.type` isn't cleared until after the `end` event fires, so don't read it here.
+    const handleEnd = () => setCurrentXrType(null);
+    setCurrentXrType(app.xr?.active ? app.xr.type : null);
+    app.xr?.on('start', handleStart);
+    app.xr?.on('end', handleEnd);
+    return () => {
+      app.xr?.off('start', handleStart);
+      app.xr?.off('end', handleEnd);
+    };
+  }, [app]);
+  const isXrAvailable = useCallback(type => available[type], [available]);
+  const startXr = useCallback(type => {
+    const camera = app.root.findComponent('camera');
+    app.xr?.start(camera, XR_TYPES[type], XRSPACE_LOCALFLOOR, {
+      framebufferScaleFactor: XR_FRAMEBUFFER_SCALE_FACTOR,
+      callback: err => {
+        if (err) {
+          onError?.(err);
+          app.xr?.end();
+        }
+      }
+    });
+  }, [app, onError]);
+  const endXr = useCallback(() => {
+    app.xr?.end();
+  }, [app]);
+  return useMemo(() => ({
+    isXrAvailable,
+    startXr,
+    endXr,
+    isCurrentlyInXr: currentXrType !== null,
+    isCurrentlyInAr: currentXrType === XRTYPE_AR,
+    isCurrentlyInVr: currentXrType === XRTYPE_VR
+  }), [isXrAvailable, startXr, endXr, currentXrType]);
 };
-const hooks_useXr = useXr;
-export default hooks_useXr;
-export { useXr };
+
+export { useXr as default, useXr };

package/index.js

@@ -1,58 +1,58 @@
-import * as __rspack_external__components_svg_index_js_524d890d from "./components/svg/index.js";
-export { default as AntSwitch } from "./components/AntSwitch/index.js";
-export { default as Autocomplete } from "./components/Autocomplete/Autocomplete.js";
-export { default as Badge } from "./components/Badge/index.js";
-export { default as BusySpinner } from "./components/BusySpinner/index.js";
-export { default as Button } from "./components/Button/Button.js";
-export { default as Checkbox } from "./components/Checkbox.js";
-export { default as Confirm } from "./components/Confirm/index.js";
-export { default as DatePicker } from "./components/DatePicker/DatePicker.js";
-export { default as DialogBox } from "./components/DialogBox/DialogBox.js";
-export { default as Divisor } from "./components/Divisor.js";
-export { DropdownV1, default as Dropdown } from "./components/Dropdown.js";
-export { default as EditableTable } from "./components/EditableTable/index.js";
-export { default as ErrorBox } from "./components/ErrorBox/ErrorBox.js";
-export { default as FileChooser } from "./components/FileChooser/index.js";
-export { default as FormBottomBar } from "./components/FormBottomBar/index.js";
-export { default as Icon } from "./components/Icon/Icon.js";
-export { default as icons } from "./components/Icon/icons/index.js";
-export { default as IconTooltip } from "./components/IconTooltip/index.js";
-export { default as MapComponent } from "./components/Map/index.js";
-export { default as Message } from "./components/Message/Message.js";
-export { default as MultiSelect } from "./components/MultiSelect/index.js";
-export { default as NavFooter } from "./components/Navbar/NavFooter.js";
-export { default as NavItem } from "./components/Navbar/NavItem.js";
-export { default as NavSection } from "./components/Navbar/NavSection.js";
-export { default as Navbar } from "./components/Navbar/Navbar.js";
-export { default as Note } from "./components/Note.js";
-export { default as OverlayModal } from "./components/OverlayModal/OverlayModal.js";
-export { default as PageForm } from "./components/PageForm/index.js";
-export { default as PhotoChooser } from "./components/PhotoChooser/index.js";
-export { default as PhotosCarousel } from "./components/PhotosCarousel/index.js";
-export { default as Pill } from "./components/Pill/index.js";
-export { default as PillList } from "./components/PillList/index.js";
-export { default as PlacementWrapper } from "./components/PlacementWrapper/index.js";
-export { default as PopoverMenu } from "./components/PopoverMenu/index.js";
-export { default as Popover } from "./components/PopoverMenu/Popover.js";
-export { default as PopoverMultiSelect } from "./components/PopoverMultiSelect/index.js";
-export { default as ProgressCircle } from "./components/ProgressCircle/ProgressCircle.js";
-export { default as RadioButton } from "./components/RadioButton.js";
-export { default as Select } from "./components/Select/Select.js";
-export { default as SelectT } from "./components/Select/SelectT.js";
-export { default as Separator } from "./components/Separator/index.js";
-export { default as Slider } from "./components/Slider/index.js";
-export { default as SummaryBox } from "./components/SummaryBox.js";
-export { default as Tabs } from "./components/Tabs/index.js";
-export { default as TextTruncated } from "./components/TextTruncated/index.js";
-export { default as Textfield } from "./components/Textfield/Textfield.js";
-export { default as TimelineSlider } from "./components/TimelineSlider/index.js";
-export { default as TimelineSliderV2 } from "./components/TimelineSliderV2/index.js";
-export { default as Tooltip } from "./components/Tooltip/Tooltip.js";
-export { default as ViewPhotosDialog } from "./components/ViewPhotosDialog/index.js";
-export { default as Table } from "./components/table/index.js";
-export { CellDateRenderer, default as CellRenderer } from "./components/table/TableCellRenderer.js";
-export { descendingComparator, getComparator, stableSort } from "./components/table/sort.js";
-export { getLocale, getStrings, setLocale, useStrings } from "./strings/index.js";
-export { findLocaleDetails, getSupportedLocales, supportedLocales } from "./strings/locales.js";
-export { default as theme } from "./theme.js";
-export { __rspack_external__components_svg_index_js_524d890d as Svg };
+export { default as AntSwitch } from './components/AntSwitch/index.js';
+export { default as Autocomplete } from './components/Autocomplete/Autocomplete.js';
+export { default as Badge } from './components/Badge/index.js';
+export { default as BusySpinner } from './components/BusySpinner/index.js';
+export { default as Button } from './components/Button/Button.js';
+export { default as Checkbox } from './components/Checkbox.js';
+export { default as Confirm } from './components/Confirm/index.js';
+export { default as DatePicker } from './components/DatePicker/DatePicker.js';
+export { default as DialogBox } from './components/DialogBox/DialogBox.js';
+export { default as Divisor } from './components/Divisor.js';
+export { default as Dropdown, DropdownV1 } from './components/Dropdown.js';
+export { default as EditableTable } from './components/EditableTable/index.js';
+export { default as ErrorBox } from './components/ErrorBox/ErrorBox.js';
+export { default as FileChooser } from './components/FileChooser/index.js';
+export { default as FormBottomBar } from './components/FormBottomBar/index.js';
+export { default as Icon } from './components/Icon/Icon.js';
+export { default as icons } from './components/Icon/icons/index.js';
+export { default as IconTooltip } from './components/IconTooltip/index.js';
+export { default as MapComponent } from './components/Map/index.js';
+export { default as Message } from './components/Message/Message.js';
+export { default as MultiSelect } from './components/MultiSelect/index.js';
+export { default as NavFooter } from './components/Navbar/NavFooter.js';
+export { default as NavItem } from './components/Navbar/NavItem.js';
+export { default as NavSection } from './components/Navbar/NavSection.js';
+export { default as Navbar } from './components/Navbar/Navbar.js';
+export { default as Note } from './components/Note.js';
+export { default as OverlayModal } from './components/OverlayModal/OverlayModal.js';
+export { default as PageForm } from './components/PageForm/index.js';
+export { default as PhotoChooser } from './components/PhotoChooser/index.js';
+export { default as PhotosCarousel } from './components/PhotosCarousel/index.js';
+export { default as Pill } from './components/Pill/index.js';
+export { default as PillList } from './components/PillList/index.js';
+export { default as PlacementWrapper } from './components/PlacementWrapper/index.js';
+export { default as PopoverMenu } from './components/PopoverMenu/index.js';
+export { default as Popover } from './components/PopoverMenu/Popover.js';
+export { default as PopoverMultiSelect } from './components/PopoverMultiSelect/index.js';
+export { default as ProgressCircle } from './components/ProgressCircle/ProgressCircle.js';
+export { default as RadioButton } from './components/RadioButton.js';
+export { default as Select } from './components/Select/Select.js';
+export { default as SelectT } from './components/Select/SelectT.js';
+export { default as Separator } from './components/Separator/index.js';
+export { default as Slider } from './components/Slider/index.js';
+export { default as SummaryBox } from './components/SummaryBox.js';
+export { default as Tabs } from './components/Tabs/index.js';
+export { default as TextTruncated } from './components/TextTruncated/index.js';
+export { default as Textfield } from './components/Textfield/Textfield.js';
+export { default as TimelineSlider } from './components/TimelineSlider/index.js';
+export { default as TimelineSliderV2 } from './components/TimelineSliderV2/index.js';
+export { default as Tooltip } from './components/Tooltip/Tooltip.js';
+export { default as ViewPhotosDialog } from './components/ViewPhotosDialog/index.js';
+import * as index from './components/svg/index.js';
+export { index as Svg };
+export { default as Table } from './components/table/index.js';
+export { CellDateRenderer, default as CellRenderer } from './components/table/TableCellRenderer.js';
+export { descendingComparator, getComparator, stableSort } from './components/table/sort.js';
+export { getLocale, getStrings, setLocale, useStrings } from './strings/index.js';
+export { findLocaleDetails, getSupportedLocales, supportedLocales } from './strings/locales.js';
+export { default as theme } from './theme.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "5.0.27-rc.0",
+  "version": "5.0.27",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package/setupTests.js

@@ -1 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
 import '@testing-library/jest-dom';