@terraware/web-components 4.2.26-rc.0 → 4.3.0

package/components/TimelineSlider/index.js

@@ -1,9 +1,10 @@
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { useTheme } from '@mui/material';
-import TimelineMarker from './TimelineMarker';
-import TimelineRail from './TimelineRail';
+import TimelineMarker from './TimelineMarker.js';
+import TimelineRail from './TimelineRail.js';
 import './styles.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from 'react/jsx-runtime';
+
 const TimelineSlider = ({
   labelEnd,
   labelSelected,
@@ -29,19 +30,19 @@ const TimelineSlider = ({
     }
   }, [marks]);
   const range = maxValue - minValue;
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: 'timeline',
-    children: [/*#__PURE__*/_jsx("div", {
+    children: [/*#__PURE__*/jsx("div", {
       className: 'timeline-label',
       style: {
         marginRight: theme.spacing(2)
       },
       children: labelStart
-    }), /*#__PURE__*/_jsxs("div", {
+    }), /*#__PURE__*/jsxs("div", {
       className: "timeline-container",
-      children: [/*#__PURE__*/_jsx(TimelineRail, {}), marks.map((mark, idx) => {
+      children: [/*#__PURE__*/jsx(TimelineRail, {}), marks.map((mark, idx) => {
         const normalizedValue = range === 0 ? 1 : (mark.value - minValue) / range;
-        return /*#__PURE__*/_jsx(TimelineMarker, {
+        return /*#__PURE__*/jsx(TimelineMarker, {
           color: mark.color,
           labelBottom: mark.labelBottom,
           labelTop: mark.labelTop,
@@ -50,16 +51,17 @@ const TimelineSlider = ({
           value: normalizedValue
         }, idx);
       })]
-    }), /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/jsx("div", {
       className: 'timeline-label',
       style: {
         marginLeft: theme.spacing(2)
       },
       children: labelEnd
-    }), labelSelected && /*#__PURE__*/_jsx("div", {
+    }), labelSelected && /*#__PURE__*/jsx("div", {
       className: 'timeline-selected-label',
       children: labelSelected
     })]
   });
 };
-export default TimelineSlider;
+
+export { TimelineSlider as default };

package/components/Tooltip/Tooltip.js

@@ -1,8 +1,11 @@
 import React from 'react';
-import { Tooltip as MUITooltip, useTheme } from '@mui/material';
-import { useDeviceInfo } from '../../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Tooltip({
+import { useTheme, Tooltip as Tooltip$1 } from '@mui/material';
+import 'lodash';
+import 'luxon';
+import useDeviceInfo from '../../utils/useDeviceInfo.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Tooltip({
   children,
   placement = 'top-start',
   slotProps,
@@ -22,7 +25,7 @@ export default function Tooltip({
       setOpen(true);
     }
   };
-  return /*#__PURE__*/_jsx(MUITooltip, {
+  return /*#__PURE__*/jsx(Tooltip$1, {
     arrow: true,
     onOpen: handleTooltipOpen,
     onClose: handleTooltipClose,
@@ -44,9 +47,11 @@ export default function Tooltip({
       }
     }, ...(Array.isArray(sx) ? sx : [sx])],
     title: title,
-    children: /*#__PURE__*/_jsx("span", {
+    children: /*#__PURE__*/jsx("span", {
       onClick: handleTooltipOpen,
       children: children
     })
   });
-}
+}
+
+export { Tooltip as default };

package/components/ViewPhotosDialog/index.js

@@ -1,9 +1,10 @@
-import React, { useEffect, useState } from 'react';
-import Button from '../Button/Button';
-import DialogBox from '../DialogBox/DialogBox';
-import PhotosCarousel from '../PhotosCarousel';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ViewPhotosDialog(props) {
+import { useState, useEffect } from 'react';
+import Button from '../Button/Button.js';
+import DialogBox from '../DialogBox/DialogBox.js';
+import PhotosCarousel from '../PhotosCarousel/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ViewPhotosDialog(props) {
   const {
     onClose,
     open,
@@ -21,25 +22,25 @@ export default function ViewPhotosDialog(props) {
   }, [initialSelectedSlide, open]);
   const isPreviousDisabled = selectedSlide <= 0;
   const isNextDisabled = selectedSlide >= photos.length - 1;
-  return /*#__PURE__*/_jsx(DialogBox, {
+  return /*#__PURE__*/jsx(DialogBox, {
     onClose: onClose,
     open: open,
     title: title,
     size: "large",
     scrolled: true,
-    middleButtons: [/*#__PURE__*/_jsx(Button, {
+    middleButtons: [/*#__PURE__*/jsx(Button, {
       label: prevButtonLabel,
       priority: "secondary",
       onClick: () => setSelectedSlide(slide => Math.max(0, slide - 1)),
       disabled: isPreviousDisabled,
       icon: "caretLeft"
-    }, 'button-1'), /*#__PURE__*/_jsx(Button, {
+    }, 'button-1'), /*#__PURE__*/jsx(Button, {
       label: nextButtonLabel,
       onClick: () => setSelectedSlide(slide => Math.min(photos.length - 1, slide + 1)),
       disabled: isNextDisabled,
       rightIcon: "caretRight"
     }, 'button-2')],
-    children: /*#__PURE__*/_jsx(PhotosCarousel, {
+    children: /*#__PURE__*/jsx(PhotosCarousel, {
       photos: photos,
       selectedSlide: selectedSlide,
       onSlideChange: setSelectedSlide,
@@ -47,4 +48,6 @@ export default function ViewPhotosDialog(props) {
       dots: dots
     })
   });
-}
+}
+
+export { ViewPhotosDialog as default };

package/components/VirtualWalkthrough/Annotation.js

@@ -1,13 +1,14 @@
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useRef, useEffect, useCallback, useMemo } from 'react';
 import { Entity } from '@playcanvas/react';
 import { Script } from '@playcanvas/react/components';
 import { useApp } from '@playcanvas/react/hooks';
 import { Gizmo, TranslateGizmo } from 'playcanvas';
-import { Annotation as PcAnnotation } from 'playcanvas/scripts/esm/annotations.mjs';
+import { Annotation as Annotation$1 } from 'playcanvas/scripts/esm/annotations.mjs';
 import { CameraControls } from 'playcanvas/scripts/esm/camera-controls.mjs';
-import { useCameraPosition } from '../../hooks/useCameraPosition';
+import { useCameraPosition } from '../../hooks/useCameraPosition.js';
 import './annotation-styles.css';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from 'react/jsx-runtime';
+
 /**
  * Target normalized-device x coordinate for a clicked annotation. +0.5 places
  * the hotspot three quarters across the screen (25% from the right), leaving room
@@ -188,11 +189,11 @@ const Annotation = props => {
       cleanupGizmo();
     };
   }, [app, isEdit, isSelected, visible, onPositionChange, entityName]);
-  return /*#__PURE__*/_jsx(Entity, {
+  return /*#__PURE__*/jsx(Entity, {
     name: entityName,
     position: position,
-    children: /*#__PURE__*/_jsx(Script, {
-      script: PcAnnotation,
+    children: /*#__PURE__*/jsx(Script, {
+      script: Annotation$1,
       title: title,
       label: label,
       icon: icon,
@@ -204,4 +205,5 @@ const Annotation = props => {
     })
   });
 };
-export default Annotation;
+
+export { Annotation as default };

package/components/VirtualWalkthrough/AnnotationEditPane.js

@@ -1,8 +1,9 @@
-import React, { useCallback, useMemo } from 'react';
-import { Box, Fade, ThemeProvider, Tooltip, Typography, useTheme } from '@mui/material';
-import PhotoChooser from '../PhotoChooser';
-import Textfield from '../Textfield/Textfield';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useCallback } from 'react';
+import { useTheme, Box, Fade, Typography, Tooltip, ThemeProvider } from '@mui/material';
+import PhotoChooser from '../PhotoChooser/index.js';
+import TextField from '../Textfield/Textfield.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
 const AnnotationEditPane = ({
   visible,
   annotation,
@@ -68,7 +69,7 @@ const AnnotationEditPane = ({
   if (!annotation) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Box, {
+  return /*#__PURE__*/jsx(Box, {
     sx: {
       position: 'absolute',
       top: 0,
@@ -82,10 +83,10 @@ const AnnotationEditPane = ({
       padding: 2,
       zIndex: 1001
     },
-    children: /*#__PURE__*/_jsx(Fade, {
+    children: /*#__PURE__*/jsx(Fade, {
       in: visible,
       timeout: 500,
-      children: /*#__PURE__*/_jsx(Box, {
+      children: /*#__PURE__*/jsx(Box, {
         sx: {
           backgroundColor: theme.palette.grey[900],
           color: theme.palette.common.white,
@@ -95,22 +96,22 @@ const AnnotationEditPane = ({
           maxWidth: 400,
           pointerEvents: 'auto'
         },
-        children: /*#__PURE__*/_jsxs(Box, {
+        children: /*#__PURE__*/jsxs(Box, {
           sx: {
             display: 'flex',
             flexDirection: 'column',
             gap: 2
           },
-          children: [/*#__PURE__*/_jsx(Typography, {
+          children: [/*#__PURE__*/jsx(Typography, {
             sx: {
               fontWeight: 600
             },
             children: strings.editAnnotation
-          }), /*#__PURE__*/_jsx(Tooltip, {
+          }), /*#__PURE__*/jsx(Tooltip, {
             title: strings.titleTooltip,
             placement: "top",
             disableFocusListener: true,
-            children: /*#__PURE__*/_jsx(Textfield, {
+            children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-title",
               label: strings.title,
               type: "text",
@@ -121,11 +122,11 @@ const AnnotationEditPane = ({
               sx: textFieldSx,
               required: true
             })
-          }), /*#__PURE__*/_jsx(Tooltip, {
+          }), /*#__PURE__*/jsx(Tooltip, {
             title: strings.descriptionTooltip,
             placement: "top",
             disableFocusListener: true,
-            children: /*#__PURE__*/_jsx(Textfield, {
+            children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-body",
               label: strings.description,
               type: "text",
@@ -135,11 +136,11 @@ const AnnotationEditPane = ({
               onBlur: handleBlur,
               sx: textFieldSx
             })
-          }), /*#__PURE__*/_jsx(Tooltip, {
+          }), /*#__PURE__*/jsx(Tooltip, {
             title: strings.labelTooltip,
             placement: "top",
             disableFocusListener: true,
-            children: /*#__PURE__*/_jsx(Textfield, {
+            children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-label",
               label: strings.label,
               type: "text",
@@ -149,8 +150,8 @@ const AnnotationEditPane = ({
               onBlur: handleBlur,
               sx: textFieldSx
             })
-          }), showImageUpload && /*#__PURE__*/_jsxs(Box, {
-            children: [strings.images?.uploadTitle && /*#__PURE__*/_jsx(Typography, {
+          }), showImageUpload && /*#__PURE__*/jsxs(Box, {
+            children: [strings.images?.uploadTitle && /*#__PURE__*/jsx(Typography, {
               sx: {
                 fontFamily: 'Inter',
                 fontSize: '14px',
@@ -160,9 +161,9 @@ const AnnotationEditPane = ({
                 marginBottom: 0.5
               },
               children: strings.images.uploadTitle
-            }), /*#__PURE__*/_jsx(ThemeProvider, {
+            }), /*#__PURE__*/jsx(ThemeProvider, {
               theme: photoChooserTheme,
-              children: /*#__PURE__*/_jsx(PhotoChooser, {
+              children: /*#__PURE__*/jsx(PhotoChooser, {
                 uploadText: strings.images?.uploadText,
                 uploadDescription: strings.images?.uploadDescription,
                 chooseFileText: strings.images?.chooseFileText,
@@ -183,4 +184,5 @@ const AnnotationEditPane = ({
     })
   });
 };
-export default AnnotationEditPane;
+
+export { AnnotationEditPane as default };

package/components/VirtualWalkthrough/AnnotationPanel.js

@@ -1,7 +1,8 @@
-import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useRef, useState, useEffect, useLayoutEffect } from 'react';
 import { useTheme } from '@mui/material';
-import PhotosCarousel from '../PhotosCarousel';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PhotosCarousel from '../PhotosCarousel/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
 // Fallback hotspot diameter (px) when the rendered size isn't reported yet.
 const DEFAULT_HOTSPOT_DIAMETER = 35;
 
@@ -131,12 +132,12 @@ const AnnotationPanel = ({
       y: lineStart.y + dy * t
     };
   }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("svg", {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("svg", {
       ref: connectorRef,
       "data-testid": "annotation-panel-connector",
       style: CONNECTOR_STYLE,
-      children: lineStart && lineEnd && /*#__PURE__*/_jsx("line", {
+      children: lineStart && lineEnd && /*#__PURE__*/jsx("line", {
         x1: lineStart.x,
         y1: lineStart.y,
         x2: lineEnd.x,
@@ -144,13 +145,13 @@ const AnnotationPanel = ({
         stroke: "#ffffff",
         strokeWidth: 2
       })
-    }), /*#__PURE__*/_jsxs("div", {
+    }), /*#__PURE__*/jsxs("div", {
       ref: panelRef,
       "data-testid": "annotation-panel",
       style: panelStyle,
-      children: [annotation.imageUrls && annotation.imageUrls.length > 0 && /*#__PURE__*/_jsx("div", {
+      children: [annotation.imageUrls && annotation.imageUrls.length > 0 && /*#__PURE__*/jsx("div", {
         style: CAROUSEL_STYLE,
-        children: /*#__PURE__*/_jsx(PhotosCarousel, {
+        children: /*#__PURE__*/jsx(PhotosCarousel, {
           photos: annotation.imageUrls.map(url => ({
             url,
             alt: annotation.title
@@ -158,9 +159,9 @@ const AnnotationPanel = ({
           showArrows: true,
           dots: false
         })
-      }), /*#__PURE__*/_jsxs("div", {
+      }), /*#__PURE__*/jsxs("div", {
         style: TEXT_BLOCK_STYLE,
-        children: [annotation.label && /*#__PURE__*/_jsx("span", {
+        children: [annotation.label && /*#__PURE__*/jsx("span", {
           "data-testid": "annotation-panel-label",
           style: {
             alignSelf: 'flex-start',
@@ -174,7 +175,7 @@ const AnnotationPanel = ({
             borderRadius: theme.spacing(1)
           },
           children: annotation.label
-        }), /*#__PURE__*/_jsx("h2", {
+        }), /*#__PURE__*/jsx("h2", {
           "data-testid": "annotation-panel-title",
           style: {
             fontSize: 32,
@@ -183,7 +184,7 @@ const AnnotationPanel = ({
             margin: 0
           },
           children: annotation.title
-        }), annotation.bodyText && /*#__PURE__*/_jsx("p", {
+        }), annotation.bodyText && /*#__PURE__*/jsx("p", {
           "data-testid": "annotation-panel-description",
           style: {
             fontSize: 16,
@@ -197,4 +198,5 @@ const AnnotationPanel = ({
     })]
   });
 };
-export default AnnotationPanel;
+
+export { AnnotationPanel as default };

package/components/VirtualWalkthrough/Application.js

@@ -1,20 +1,21 @@
-import React from 'react';
-import { Application as PcApplication } from '@playcanvas/react';
+import 'react';
+import { Application as Application$1 } from '@playcanvas/react';
 import './application-styles.css';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
 const Application = ({
   children,
   style
 }) => {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(PcApplication, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Application$1, {
       style: style,
       graphicsDeviceOptions: {
         antialias: false,
         xrCompatible: true
       },
       children: children
-    }), /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/jsx("div", {
       "data-annotation-container": true,
       className: "annotation-container",
       style: {
@@ -29,4 +30,5 @@ const Application = ({
     })]
   });
 };
-export default Application;
+
+export { Application as default };

package/components/VirtualWalkthrough/AutoRotator.js

@@ -1,10 +1,10 @@
-import { Quat, Script, Vec3 } from 'playcanvas';
+import { Script, Vec3, Quat } from 'playcanvas';
 
 /**
  * Auto-rotator script for PlayCanvas CameraControls.
  * Automatically orbits the camera around its focus point after a period of inactivity.
  */
-export class AutoRotator extends Script {
+class AutoRotator extends Script {
   static scriptName = 'autoRotator';
 
   /**
@@ -214,4 +214,6 @@ export class AutoRotator extends Script {
       window.removeEventListener('keydown', this.onKeyDown);
     }
   }
-}
+}
+
+export { AutoRotator };

package/components/VirtualWalkthrough/BlockingSpinner.js

@@ -1,11 +1,12 @@
-import React from 'react';
-import { CircularProgress, StyledEngineProvider, useTheme } from '@mui/material';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function BlockingSpinner() {
+import 'react';
+import { useTheme, StyledEngineProvider, CircularProgress } from '@mui/material';
+import { jsx } from 'react/jsx-runtime';
+
+function BlockingSpinner() {
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(StyledEngineProvider, {
+  return /*#__PURE__*/jsx(StyledEngineProvider, {
     injectFirst: true,
-    children: /*#__PURE__*/_jsx(CircularProgress, {
+    children: /*#__PURE__*/jsx(CircularProgress, {
       size: "193",
       sx: {
         height: '200px',
@@ -24,4 +25,6 @@ export default function BlockingSpinner() {
       }
     })
   });
-}
+}
+
+export { BlockingSpinner as default };

package/components/VirtualWalkthrough/BoundaryRing.js

@@ -1,9 +1,10 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { Entity } from '@playcanvas/react';
 import { Script } from '@playcanvas/react/components';
 import { useApp } from '@playcanvas/react/hooks';
-import { BoundaryRingScript } from './boundary-ring';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { BoundaryRingScript } from './boundary-ring.js';
+import { jsx } from 'react/jsx-runtime';
+
 const BoundaryRing = ({
   center,
   radius,
@@ -23,11 +24,12 @@ const BoundaryRing = ({
       script.rebuild();
     }
   }, [app, center, radius, groundPlane]);
-  return /*#__PURE__*/_jsx(Entity, {
+  return /*#__PURE__*/jsx(Entity, {
     name: "boundary-ring",
-    children: /*#__PURE__*/_jsx(Script, {
+    children: /*#__PURE__*/jsx(Script, {
       script: BoundaryRingScript
     })
   });
 };
-export default BoundaryRing;
+
+export { BoundaryRing as default };

package/components/VirtualWalkthrough/BoundaryWall.js

@@ -1,9 +1,10 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { Entity } from '@playcanvas/react';
 import { Script } from '@playcanvas/react/components';
 import { useApp } from '@playcanvas/react/hooks';
-import { BoundaryWallScript } from './boundary-wall';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { BoundaryWallScript } from './boundary-wall.js';
+import { jsx } from 'react/jsx-runtime';
+
 const BoundaryWall = ({
   center,
   radius,
@@ -25,11 +26,12 @@ const BoundaryWall = ({
       script.rebuild();
     }
   }, [app, center, radius, groundPlane, baseY]);
-  return /*#__PURE__*/_jsx(Entity, {
+  return /*#__PURE__*/jsx(Entity, {
     name: "boundary-wall",
-    children: /*#__PURE__*/_jsx(Script, {
+    children: /*#__PURE__*/jsx(Script, {
       script: BoundaryWallScript
     })
   });
 };
-export default BoundaryWall;
+
+export { BoundaryWall as default };

package/components/VirtualWalkthrough/CameraInfo.js

@@ -1,7 +1,8 @@
-import React, { useEffect, useState } from 'react';
-import { Box, Typography, useTheme } from '@mui/material';
-import { getRgbaFromHex } from '../../utils/color';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useTheme, Box, Typography } from '@mui/material';
+import { getRgbaFromHex } from '../../utils/color.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
 const UPDATE_FREQUENCY_MS = 200;
 const COORDINATE_LABELS = ['X', 'Y', 'Z'];
 const formatNumber = num => num.toFixed(6);
@@ -9,15 +10,15 @@ const CoordinateDisplay = ({
   label,
   coordinates,
   textColor
-}) => /*#__PURE__*/_jsxs(Box, {
-  children: [/*#__PURE__*/_jsxs(Typography, {
+}) => /*#__PURE__*/jsxs(Box, {
+  children: [/*#__PURE__*/jsxs(Typography, {
     variant: "caption",
     sx: {
       color: textColor,
       fontWeight: 'bold'
     },
     children: [label, ":"]
-  }), coordinates.map((value, index) => /*#__PURE__*/_jsxs(Typography, {
+  }), coordinates.map((value, index) => /*#__PURE__*/jsxs(Typography, {
     variant: "caption",
     sx: {
       color: textColor,
@@ -48,7 +49,7 @@ const CameraInfo = ({
     return null;
   }
   const textColor = theme.palette.TwClrIcnInfo;
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     sx: {
       position: 'absolute',
       bottom: 16,
@@ -59,7 +60,7 @@ const CameraInfo = ({
       pointerEvents: 'auto',
       minWidth: 220
     },
-    children: [/*#__PURE__*/_jsx(Typography, {
+    children: [/*#__PURE__*/jsx(Typography, {
       variant: "body2",
       sx: {
         color: textColor,
@@ -67,17 +68,17 @@ const CameraInfo = ({
         marginBottom: 1
       },
       children: strings.cameraInfo
-    }), /*#__PURE__*/_jsxs(Box, {
+    }), /*#__PURE__*/jsxs(Box, {
       sx: {
         display: 'flex',
         flexDirection: 'column',
         gap: 1
       },
-      children: [/*#__PURE__*/_jsx(CoordinateDisplay, {
+      children: [/*#__PURE__*/jsx(CoordinateDisplay, {
         label: strings.cameraPosition,
         coordinates: cameraState.position,
         textColor: textColor
-      }), /*#__PURE__*/_jsx(CoordinateDisplay, {
+      }), /*#__PURE__*/jsx(CoordinateDisplay, {
         label: strings.cameraFocusPoint,
         coordinates: cameraState.focus,
         textColor: textColor
@@ -85,4 +86,5 @@ const CameraInfo = ({
     })]
   });
 };
-export default CameraInfo;
+
+export { CameraInfo as default };