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

package/components/table/TableHeaderItem.js

@@ -1,11 +1,12 @@
-import React from 'react';
+import 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { DragHandle } from '@mui/icons-material';
-import { Box, TableCell, TableSortLabel, useTheme } from '@mui/material';
-import IconTooltip from '../IconTooltip';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function TableHeaderItem(props) {
+import { useTheme, TableCell, Box, TableSortLabel } from '@mui/material';
+import IconTooltip from '../IconTooltip/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function TableHeaderItem(props) {
   const {
     headCell,
     order,
@@ -32,7 +33,7 @@ export default function TableHeaderItem(props) {
   const createSortHandler = property => event => {
     onRequestSort(event, property);
   };
-  return headCell.alignment === 'right' ? /*#__PURE__*/_jsx(TableCell, {
+  return headCell.alignment === 'right' ? /*#__PURE__*/jsx(TableCell, {
     ref: setNodeRef,
     id: `table-header-${headCell.id}`,
     align: 'right',
@@ -41,22 +42,22 @@ export default function TableHeaderItem(props) {
     style: style,
     className: headCell.className || '',
     sx: headCell.sx,
-    children: /*#__PURE__*/_jsxs(Box, {
+    children: /*#__PURE__*/jsxs(Box, {
       display: "flex",
       alignItems: "center",
       flexDirection: "row-reverse",
-      children: [headCell.label && /*#__PURE__*/_jsxs(TableSortLabel, {
+      children: [headCell.label && /*#__PURE__*/jsxs(TableSortLabel, {
         sx: {
           flexDirection: 'row-reverse'
         },
         active: orderBy === headCell.id,
         direction: orderBy === headCell.id ? order : 'asc',
         onClick: createSortHandler(headCell.id),
-        children: [headCell.tooltipTitle && /*#__PURE__*/_jsx(IconTooltip, {
+        children: [headCell.tooltipTitle && /*#__PURE__*/jsx(IconTooltip, {
           title: headCell.tooltipTitle,
           disableRightMargin: true
         }), headCell.label]
-      }), i > 0 && /*#__PURE__*/_jsx(DragHandle, {
+      }), i > 0 && /*#__PURE__*/jsx(DragHandle, {
         ...attributes,
         ...listeners,
         sx: {
@@ -70,7 +71,7 @@ export default function TableHeaderItem(props) {
         }
       })]
     })
-  }, headCell.id) : /*#__PURE__*/_jsx(TableCell, {
+  }, headCell.id) : /*#__PURE__*/jsx(TableCell, {
     ref: setNodeRef,
     id: `table-header-${headCell.id}`,
     align: 'left',
@@ -79,11 +80,11 @@ export default function TableHeaderItem(props) {
     style: style,
     className: headCell.className || '',
     sx: headCell.sx,
-    children: headCell.label && /*#__PURE__*/_jsxs(TableSortLabel, {
+    children: headCell.label && /*#__PURE__*/jsxs(TableSortLabel, {
       active: orderBy === headCell.id,
       direction: orderBy === headCell.id ? order : 'asc',
       onClick: createSortHandler(headCell.id),
-      children: [i > 0 && /*#__PURE__*/_jsx(DragHandle, {
+      children: [i > 0 && /*#__PURE__*/jsx(DragHandle, {
         ...attributes,
         ...listeners,
         sx: {
@@ -93,9 +94,11 @@ export default function TableHeaderItem(props) {
             color: theme.palette.neutral[600]
           }
         }
-      }), headCell.label, headCell.tooltipTitle && /*#__PURE__*/_jsx(IconTooltip, {
+      }), headCell.label, headCell.tooltipTitle && /*#__PURE__*/jsx(IconTooltip, {
         title: headCell.tooltipTitle
       })]
     })
   }, headCell.id);
-}
+}
+
+export { TableHeaderItem as default };

package/components/table/density.js

@@ -1,4 +1,4 @@
-export const getTableCellPaddingY = tableDensity => {
+const getTableCellPaddingY = tableDensity => {
   switch (tableDensity) {
     case 'comfortable':
       return '16px';
@@ -8,7 +8,7 @@ export const getTableCellPaddingY = tableDensity => {
       return '20px';
   }
 };
-export const getTableRowHeight = tableDensity => {
+const getTableRowHeight = tableDensity => {
   switch (tableDensity) {
     case 'comfortable':
       return '52px';
@@ -17,4 +17,6 @@ export const getTableRowHeight = tableDensity => {
     case 'roomy':
       return '60px';
   }
-};
+};
+
+export { getTableCellPaddingY, getTableRowHeight };

package/components/table/index.js

@@ -1,28 +1,29 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors } from '@dnd-kit/core';
+import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import { useSensors, useSensor, MouseSensor, TouchSensor, KeyboardSensor, DndContext } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates } from '@dnd-kit/sortable';
-import { Box, Checkbox, Pagination, Table, TableBody, TableCell, TableContainer, TableRow, Typography, useTheme } from '@mui/material';
-import { useDeviceInfo } from '../../utils';
-import { CheckboxStyle } from '../Checkbox';
-import EnhancedTableToolbarV2 from './EnhancedTableToolbarV2';
-import TableCellRenderer from './TableCellRenderer';
-import TableHeader from './TableHeader';
-import { getTableCellPaddingY, getTableRowHeight } from './density';
-import { descendingComparator, getComparator, stableSort } from './sort';
+import { useTheme, TableContainer, Table, TableBody, TableRow, TableCell, Checkbox, Typography, Box, Pagination } from '@mui/material';
+import 'lodash';
+import 'luxon';
+import useDeviceInfo from '../../utils/useDeviceInfo.js';
+import { CheckboxStyle } from '../Checkbox.js';
+import EnhancedTableToolbarV2 from './EnhancedTableToolbarV2.js';
+import CellRenderer from './TableCellRenderer.js';
+import EnhancedTableHead from './TableHeader.js';
+import { getTableCellPaddingY, getTableRowHeight } from './density.js';
+import { stableSort, descendingComparator, getComparator } from './sort.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-// Only the text related props need to be passed in by the implementer, and extra data is passed to the caller
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const isTopBarButton = input => {
+const isTopBarButton = input => {
   const castInput = input;
   return !!(castInput.buttonType && castInput.onButtonClick);
 };
-export default function EnhancedTable({
+function EnhancedTable({
   id,
   columns,
   rows,
   order: _order = 'asc',
   orderBy: _orderBy,
-  Renderer = TableCellRenderer,
+  Renderer = CellRenderer,
   onSelect,
   onPageChange,
   maxItemsPerPage = 100,
@@ -227,8 +228,8 @@ export default function EnhancedTable({
     }
     return Math.min(pageNumber * maxItemsPerPage, paginationTotal);
   }, [pageNumber, maxItemsPerPage, paginationTotal, sortedPageRows.length]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [showTopBar && /*#__PURE__*/_jsx(EnhancedTableToolbarV2, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [showTopBar && /*#__PURE__*/jsx(EnhancedTableToolbarV2, {
       selectedRowsCount: selectedRows?.length || 0,
       pagesCount: pagesCount,
       renderNumSelectedText: renderNumSelectedText,
@@ -239,12 +240,12 @@ export default function EnhancedTable({
         handleSelectAll: () => setSelectedRows && setSelectedRows(rows),
         handleSelectNone: () => setSelectedRows && setSelectedRows([])
       } : undefined
-    }), /*#__PURE__*/_jsx(TableContainer, {
+    }), /*#__PURE__*/jsx(TableContainer, {
       id: id,
-      children: /*#__PURE__*/_jsx(DndContext, {
+      children: /*#__PURE__*/jsx(DndContext, {
         sensors: sensors,
         onDragEnd: handleDragEnd,
-        children: /*#__PURE__*/_jsxs(Table, {
+        children: /*#__PURE__*/jsxs(Table, {
           stickyHeader: stickyHeader,
           "aria-labelledby": "tableTitle",
           size: "medium",
@@ -252,7 +253,7 @@ export default function EnhancedTable({
           sx: {
             borderCollapse: 'initial'
           },
-          children: [!hideHeader && /*#__PURE__*/_jsx(TableHeader, {
+          children: [!hideHeader && /*#__PURE__*/jsx(EnhancedTableHead, {
             order: order,
             orderBy: orderBy,
             onRequestSort: handleRequestSort,
@@ -262,20 +263,20 @@ export default function EnhancedTable({
             onSelectAllClick: showCheckbox ? handleSelectAllClick : undefined,
             rowCount: showCheckbox ? sortedPageRows?.length : undefined,
             density: density
-          }), /*#__PURE__*/_jsxs(TableBody, {
-            children: [sortedPageRows.length < 1 && emptyTableMessage && /*#__PURE__*/_jsx(TableRow, {
-              children: /*#__PURE__*/_jsx(TableCell, {
+          }), /*#__PURE__*/jsxs(TableBody, {
+            children: [sortedPageRows.length < 1 && emptyTableMessage && /*#__PURE__*/jsx(TableRow, {
+              children: /*#__PURE__*/jsx(TableCell, {
                 colSpan: columns.length + 1,
                 align: "center",
-                children: /*#__PURE__*/_jsx("p", {
+                children: /*#__PURE__*/jsx("p", {
                   children: emptyTableMessage
                 })
               })
             }), sortedPageRows && sortedPageRows.map((row, index) => {
               const onClick = onSelect && !controlledOnSelect ? () => onSelect(row) : undefined;
               const isItemSelected = isSelected(row);
-              return /*#__PURE__*/_jsxs(React.Fragment, {
-                children: [/*#__PURE__*/_jsxs(TableRow, {
+              return /*#__PURE__*/jsxs(React.Fragment, {
+                children: [/*#__PURE__*/jsxs(TableRow, {
                   id: `row${index + 1}`,
                   hover: true,
                   onClick: e => {
@@ -304,21 +305,21 @@ export default function EnhancedTable({
                       backgroundColor: theme.palette.TwClrBgSecondaryHover
                     }
                   },
-                  children: [showCheckbox && /*#__PURE__*/_jsx(TableCell, {
+                  children: [showCheckbox && /*#__PURE__*/jsx(TableCell, {
                     padding: "checkbox",
                     sx: {
                       '&.MuiTableCell-root': {
                         borderBottom: `1px solid ${theme.palette.TwClrBgSecondary}`
                       }
                     },
-                    children: /*#__PURE__*/_jsx(Checkbox, {
+                    children: /*#__PURE__*/jsx(Checkbox, {
                       disableRipple: true,
                       sx: CheckboxStyle(theme),
                       color: "primary",
                       checked: isItemSelected,
                       onClick: e => !isClickable || !isClickable(row) ? handleClick(e, row) : null
                     })
-                  }), displayColumnDetails && displayColumnDetails.map(c => /*#__PURE__*/_jsx(Renderer, {
+                  }), displayColumnDetails && displayColumnDetails.map(c => /*#__PURE__*/jsx(Renderer, {
                     index: index + 1,
                     row: row,
                     column: c,
@@ -332,7 +333,7 @@ export default function EnhancedTable({
                       paddingY: getTableCellPaddingY(density)
                     }
                   }, c.key))]
-                }), DetailsRenderer && /*#__PURE__*/_jsx(DetailsRenderer, {
+                }), DetailsRenderer && /*#__PURE__*/jsx(DetailsRenderer, {
                   index: index,
                   row: row
                 })]
@@ -341,22 +342,22 @@ export default function EnhancedTable({
           })]
         })
       })
-    }), tableComments && /*#__PURE__*/_jsx(Typography, {
+    }), tableComments && /*#__PURE__*/jsx(Typography, {
       fontWeight: 400,
       fontSize: "14px",
       color: theme.palette.TwClrTxtSecondary,
       marginTop: 2,
       children: tableComments
-    }), renderPaginationText && /*#__PURE__*/_jsxs(Box, {
+    }), renderPaginationText && /*#__PURE__*/jsxs(Box, {
       display: "flex",
       alignItems: "center",
       justifyContent: "flex-end",
       paddingTop: "24px",
-      children: [/*#__PURE__*/_jsx(Typography, {
+      children: [/*#__PURE__*/jsx(Typography, {
         paddingRight: "24px",
         fontSize: "14px",
         children: renderPaginationText(minRowNumber, maxRowNumber, paginationTotal)
-      }), /*#__PURE__*/_jsx(Pagination, {
+      }), /*#__PURE__*/jsx(Pagination, {
         count: pagesCount,
         page: pageNumber,
         shape: "rounded",
@@ -367,9 +368,11 @@ export default function EnhancedTable({
     })]
   });
 }
-export function tableSort(ignore, array, comparator) {
+function tableSort(ignore, array, comparator) {
   if (ignore) {
     return array;
   }
   return stableSort(array, comparator);
-}
+}
+
+export { EnhancedTable as default, isTopBarButton, tableSort };

package/components/table/sort.js

@@ -1,4 +1,4 @@
-export function descendingComparator(a, b, orderBy, order) {
+function descendingComparator(a, b, orderBy, order) {
   // first attempt to parse into a numeric value and compare
   const numCompare = descendingNumComparator(a, b, orderBy);
   if (numCompare !== null) {
@@ -46,10 +46,10 @@ function descendingNumComparator(a, b, orderBy) {
   }
   return null;
 }
-export function getComparator(order, orderBy, sorting) {
+function getComparator(order, orderBy, sorting) {
   return (a, b) => sorting(a, b, orderBy, order);
 }
-export function stableSort(array, comparator) {
+function stableSort(array, comparator) {
   const stabilizedThis = array.map((el, index) => [el, index]);
   stabilizedThis.sort((a, b) => {
     const order = comparator(a[0], b[0]);
@@ -59,4 +59,6 @@ export function stableSort(array, comparator) {
     return a[1] - b[1];
   });
   return stabilizedThis.map(el => el[0]);
-}
+}
+
+export { descendingComparator, getComparator, stableSort };

package/components/table/types.js

@@ -1 +1 @@
-export {};
+

package/components/types/index.js

@@ -1 +1 @@
-export {};
+

package/hooks/useBoolean.js

@@ -1,4 +1,5 @@
-import { useCallback, useState } from 'react';
+import { useState, useCallback } from 'react';
+
 const useBoolean = initialValue => {
   const [value, setValue] = useState(initialValue);
   const setTrue = useCallback(() => {
@@ -9,4 +10,5 @@ const useBoolean = initialValue => {
   }, []);
   return [value, setValue, setTrue, setFalse];
 };
-export default useBoolean;
+
+export { useBoolean as default };

package/hooks/useCameraPosition.js

@@ -1,7 +1,8 @@
 import { useCallback, useMemo } from 'react';
 import { useApp } from '@playcanvas/react/hooks';
 import { Vec3 } from 'playcanvas';
-export const useCameraPosition = () => {
+
+const useCameraPosition = () => {
   const app = useApp();
   const setCamera = useCallback((focus, position, horizontalNdcBias = 0) => {
     const camera = app.root.findByName('camera');
@@ -30,4 +31,6 @@ export const useCameraPosition = () => {
     setCamera,
     getCameraState
   }), [setCamera, getCameraState]);
-};
+};
+
+export { useCameraPosition };

package/hooks/useDevicePerformance.js

@@ -1,6 +1,7 @@
 import { useMemo } from 'react';
-import useDeviceInfo from '../utils/useDeviceInfo';
-export const useDevicePerformance = () => {
+import useDeviceInfo from '../utils/useDeviceInfo.js';
+
+const useDevicePerformance = () => {
   const {
     isMobile
   } = useDeviceInfo();
@@ -13,4 +14,6 @@ export const useDevicePerformance = () => {
     deviceMemory,
     isMobile
   };
-};
+};
+
+export { useDevicePerformance };

package/hooks/useXr.js

@@ -1,11 +1,12 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { useApp } from '@playcanvas/react/hooks';
-import { XRSPACE_LOCALFLOOR, XRTYPE_AR, XRTYPE_VR } from 'playcanvas';
+import { XRTYPE_AR, XRTYPE_VR, XRSPACE_LOCALFLOOR } from 'playcanvas';
+
 const XR_TYPES = {
   VR: XRTYPE_VR,
   AR: XRTYPE_AR
 };
-export const useXr = ({
+const useXr = ({
   onError
 } = {}) => {
   const app = useApp();
@@ -75,4 +76,5 @@ export const useXr = ({
     isCurrentlyInVr: currentXrType === XRTYPE_VR
   }), [isXrAvailable, startXr, endXr, currentXrType]);
 };
-export default useXr;
+
+export { useXr as default, useXr };

package/index.js

@@ -1,58 +1,55 @@
-/*
- * Defines the public components
- */
-import AntSwitch from './components/AntSwitch';
-import Autocomplete from './components/Autocomplete/Autocomplete';
-import Badge from './components/Badge';
-import BusySpinner from './components/BusySpinner';
-import Button from './components/Button/Button';
-import Checkbox from './components/Checkbox';
-import Confirm from './components/Confirm';
-import DatePicker from './components/DatePicker/DatePicker';
-import DialogBox from './components/DialogBox/DialogBox';
-import Divisor from './components/Divisor';
-import Dropdown, { DropdownV1 } from './components/Dropdown';
-import EditableTable from './components/EditableTable';
-import ErrorBox from './components/ErrorBox/ErrorBox';
-import FileChooser from './components/FileChooser';
-import FormBottomBar from './components/FormBottomBar';
-import Icon from './components/Icon/Icon';
-import icons from './components/Icon/icons';
-import IconTooltip from './components/IconTooltip';
-import MapComponent from './components/Map';
-import Message from './components/Message/Message';
-import MultiSelect from './components/MultiSelect';
-import NavFooter from './components/Navbar/NavFooter';
-import NavItem from './components/Navbar/NavItem';
-import NavSection from './components/Navbar/NavSection';
-import Navbar from './components/Navbar/Navbar';
-import Note from './components/Note';
-import OverlayModal from './components/OverlayModal/OverlayModal';
-import PageForm from './components/PageForm';
-import PhotoChooser from './components/PhotoChooser';
-import PhotosCarousel from './components/PhotosCarousel';
-import Pill from './components/Pill';
-import PillList from './components/PillList';
-import PlacementWrapper from './components/PlacementWrapper';
-import PopoverMenu from './components/PopoverMenu';
-import Popover from './components/PopoverMenu/Popover';
-import PopoverMultiSelect from './components/PopoverMultiSelect';
-import ProgressCircle from './components/ProgressCircle/ProgressCircle';
-import RadioButton from './components/RadioButton';
-import Select from './components/Select/Select';
-import SelectT from './components/Select/SelectT';
-import Separator from './components/Separator';
-import Slider from './components/Slider';
-import SummaryBox from './components/SummaryBox';
-import Tabs from './components/Tabs';
-import TextTruncated from './components/TextTruncated';
-import Textfield from './components/Textfield/Textfield';
-import TimelineSlider from './components/TimelineSlider';
-import Tooltip from './components/Tooltip/Tooltip';
-import ViewPhotosDialog from './components/ViewPhotosDialog';
-import * as Svg from './components/svg';
-import Table from './components/table';
-import CellRenderer, { CellDateRenderer } from './components/table/TableCellRenderer';
-import { descendingComparator, getComparator, stableSort } from './components/table/sort';
-import theme from './theme';
-export { AntSwitch, Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, EditableTable, ErrorBox, FileChooser, FormBottomBar, getComparator, icons, Icon, IconTooltip, MapComponent, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, OverlayModal, PageForm, Pill, PillList, PhotoChooser, PhotosCarousel, PlacementWrapper, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, TimelineSlider, theme, Tooltip, ViewPhotosDialog };
+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 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 { default as theme } from './theme.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "4.2.26-rc.0",
+  "version": "4.3.0",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -48,5 +48,9 @@
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
   "type": "module",
   "module": "./index.js",
-  "types": "./index.d.ts"
+  "types": "./index.d.ts",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
 }

package/style-dictionary-dist/TerrawareTheme.js

@@ -184,4 +184,5 @@ const TerrawareTheme = {
     'TwClrTxtAccentAux': '#7473BA'
   }
 };
-export default TerrawareTheme;
+
+export { TerrawareTheme as default };

package/theme.js

@@ -1,5 +1,6 @@
 import { createTheme } from '@mui/material/styles';
-import TerrawareTheme from './style-dictionary-dist/TerrawareTheme';
+import TerrawareTheme from './style-dictionary-dist/TerrawareTheme.js';
+
 const defaultTheme = {
   breakpoints: {
     values: {
@@ -76,4 +77,6 @@ const defaultTheme = {
     ...TerrawareTheme.palette
   }
 };
-export default createTheme(defaultTheme);
+var theme = createTheme(defaultTheme);
+
+export { theme as default };

package/utils/color.js

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

package/utils/date.js

@@ -12,7 +12,7 @@ import { DateTime } from 'luxon';
 /**
  * Helper util that returns default time zone as a fallback.
  */
-export const tz = timeZoneId => timeZoneId || 'Etc/UTC';
+const tz = timeZoneId => timeZoneId || 'Etc/UTC';
 
 /**
  * Parse a date ISO string with zone implied.
@@ -47,7 +47,7 @@ const getDisplayValue = date => {
 /**
  * Returns <Month> <Year> (eg. July 2023).
  */
-export const getShortDate = date => {
+const getShortDate = date => {
   if (date.isValid) {
     return date.toFormat('LLLL yyyy');
   }
@@ -59,7 +59,7 @@ export 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.
  */
-export const getDate = (date, timeZoneId) => {
+const getDate = (date, timeZoneId) => {
   if (typeof date === 'string') {
     const fromString = getDateFromISOString(date, timeZoneId);
     if (fromString.isValid) {
@@ -96,18 +96,19 @@ const getDateDisplayValue = (date, timeZoneId) => {
 /**
  * Exported function that returns todays date in a specific (optional) time zone.
  */
-export const getTodaysDateFormatted = timeZoneId => {
+const getTodaysDateFormatted = timeZoneId => {
   return getDisplayValue(DateTime.now().setZone(tz(timeZoneId)));
 };
 
 /**
  * Checks if a date is in the future, time zone for date is optional.
  */
-export const isInTheFuture = (date, timeZoneId) => {
+const isInTheFuture = (date, timeZoneId) => {
   const d = getDate(date, timeZoneId);
   if (d.isValid) {
     return d.toMillis() > Date.now();
   }
   return false;
 };
-export default getDateDisplayValue;
+
+export { getDateDisplayValue as default, getDate, getShortDate, getTodaysDateFormatted, isInTheFuture, tz };