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

package/components/svg/index.js

@@ -1,127 +1,127 @@
-export { default as BlobbyGrayIconImage } from './BlobbyGrayIconImage';
-export { default as BlobbyGrayIconImport } from './BlobbyGrayIconImport';
-export { default as BlobbyGrayIconUploadToTheCloud } from './BlobbyGrayIconUploadToTheCloud';
-export { default as BlobbyIconCloudChecked } from './BlobbyIconCloudChecked';
-export { default as BlobbyIconExportOrUploadPhoto } from './BlobbyIconExportOrUploadPhoto';
-export { default as BlobbyIconFolder } from './BlobbyIconFolder';
-export { default as BlobbyIconGraphReport } from './BlobbyIconGraphReport';
-export { default as BlobbyIconHappy } from './BlobbyIconHappy';
-export { default as BlobbyIconHeartMonitor } from './BlobbyIconHeartMonitor';
-export { default as BlobbyIconLeaf } from './BlobbyIconLeaf';
-export { default as BlobbyIconLibrary } from './BlobbyIconLibrary';
-export { default as BlobbyIconNursery } from './BlobbyIconNursery';
-export { default as BlobbyIconOrganization } from './BlobbyIconOrganization';
-export { default as BlobbyIconParchment } from './BlobbyIconParchment';
-export { default as BlobbyIconPeople } from './BlobbyIconPeople';
-export { default as BlobbyIconSeedBank } from './BlobbyIconSeedBank';
-export { default as BlobbyIconSeedling } from './BlobbyIconSeedling';
-export { default as BlobbyIconSeeds } from './BlobbyIconSeeds';
-export { default as BlobbyIconSite } from './BlobbyIconSite';
-export { default as BlobbyIconSparkles } from './BlobbyIconSparkles';
-export { default as BlobbyIconWrench } from './BlobbyIconWrench';
-export { default as Bug } from './Bug';
-export { default as Calendar } from './Calendar';
-export { default as CaretDown } from './CaretDown';
-export { default as CaretLeft } from './CaretLeft';
-export { default as CaretRight } from './CaretRight';
-export { default as CaretUp } from './CaretUp';
-export { default as ChevronDown } from './ChevronDown';
-export { default as ChevronUp } from './ChevronUp';
-export { default as Close } from './Close';
-export { default as Critical } from './Critical';
-export { default as Edit } from './Edit';
-export { default as Error } from './Error';
-export { default as Filter } from './Filter';
-export { default as Folder } from './Folder';
-export { default as Help } from './Help';
-export { default as Home } from './Home';
-export { default as IconAdd } from './IconAdd';
-export { default as IconArrowRight } from './IconArrowRight';
-export { default as IconBusinessNetwork } from './IconBusinessNetwork';
-export { default as IconCalendar } from './IconCalendar';
-export { default as IconCancel } from './IconCancel';
-export { default as IconChargingBattery } from './IconChargingBattery';
-export { default as IconChecklist } from './IconChecklist';
-export { default as IconCheckmark } from './IconCheckmark';
-export { default as IconCoinInHand } from './IconCoinInHand';
-export { default as IconColumns } from './IconColumns';
-export { default as IconComment } from './IconComment';
-export { default as IconDashboard } from './IconDashboard';
-export { default as IconDataMigration } from './IconDataMigration';
-export { default as IconDocument } from './IconDocument';
-export { default as IconDownloadFromTheCloud } from './IconDownloadFromTheCloud';
-export { default as IconEdit } from './IconEdit';
-export { default as IconExpand } from './IconExpand';
-export { default as IconExport } from './IconExport';
-export { default as IconExternalLink } from './IconExternalLink';
-export { default as IconEyeOff } from './IconEyeOff';
-export { default as IconEye } from './IconEye';
-export { default as IconFile } from './IconFile';
-export { default as IconFolder } from './IconFolder';
-export { default as IconFullScreen } from './IconFullScreen';
-export { default as IconFutures } from './IconFutures';
-export { default as IconGraphReport } from './IconGraphReport';
-export { default as IconHeartMonitor } from './IconHeartMonitor';
-export { default as IconHelp } from './IconHelp';
-export { default as IconHistory } from './IconHistory';
-export { default as IconImport } from './IconImport';
-export { default as IconIndex } from './IconIndex';
-export { default as IconLayers } from './IconLayers';
-export { default as IconLibrary } from './IconLibrary';
-export { default as IconList } from './IconList';
-export { default as IconLivePlant } from './IconLivePlant';
-export { default as IconMail } from './IconMail';
-export { default as IconManager } from './IconManager';
-export { default as IconMarker } from './IconMarker';
-export { default as IconMenuHorizontal } from './IconMenuHorizontal';
-export { default as IconMenu } from './IconMenu';
-export { default as IconModule } from './IconModule';
-export { default as IconMyLocation } from './IconMyLocation';
-export { default as IconNote } from './IconNote';
-export { default as IconNursery } from './IconNursery';
-export { default as IconOrg } from './IconOrg';
-export { default as IconParchment } from './IconParchment';
-export { default as IconPhoto } from './IconPhoto';
-export { default as IconPlantsFilled } from './IconPlantsFilled';
-export { default as IconRedo } from './IconRedo';
-export { default as IconRestorationSite } from './IconRestorationSite';
-export { default as IconSeedBank } from './IconSeedBank';
-export { default as IconSeedling } from './IconSeedling';
-export { default as IconSettings } from './IconSettings';
-export { default as IconSlice } from './IconSlice';
-export { default as IconSubmit } from './IconSubmit';
-export { default as IconSubtract } from './IconSubtract';
-export { default as IconSynced } from './IconSynced';
-export { default as IconTrashCan } from './IconTrashCan';
-export { default as IconTreasureMap } from './IconTreasureMap';
-export { default as IconUnavailable } from './IconUnavailable';
-export { default as IconUndo } from './IconUndo';
-export { default as IconVariable } from './IconVariable';
-export { default as IconVideo } from './IconVideo';
-export { default as IconWifi } from './IconWifi';
-export { default as Info } from './Info';
-export { default as Key } from './Key';
-export { default as Leaf } from './Leaf';
-export { default as Lock } from './Lock';
-export { default as Logo } from './Logo';
-export { default as MenuVertical } from './MenuVertical';
-export { default as Notification } from './Notification';
-export { default as Person } from './Person';
-export { default as Plus } from './Plus';
-export { default as RestorationSite } from './RestorationSite';
-export { default as Search } from './Search';
-export { default as Seeds } from './Seeds';
-export { default as Site } from './Site';
-export { default as Sparkles } from './Sparkles';
-export { default as Species } from './Species';
-export { default as Species2 } from './Species2';
-export { default as Spinner } from './Spinner';
-export { default as Star } from './Star';
-export { default as SuccessFilled } from './SuccessFilled';
-export { default as Success } from './Success';
-export { default as TerrawareLogoDesktop } from './TerrawareLogoDesktop';
-export { default as TerrawareLogoMobile } from './TerrawareLogoMobile';
-export { default as Touchscreen } from './Touchscreen';
-export { default as UploadCloud } from './UploadCloud';
-export { default as Warning } from './Warning';
-export { default as WelcomeClipboard } from './WelcomeClipboard';
+export { default as BlobbyGrayIconImage } from './BlobbyGrayIconImage.js';
+export { default as BlobbyGrayIconImport } from './BlobbyGrayIconImport.js';
+export { default as BlobbyGrayIconUploadToTheCloud } from './BlobbyGrayIconUploadToTheCloud.js';
+export { default as BlobbyIconCloudChecked } from './BlobbyIconCloudChecked.js';
+export { default as BlobbyIconExportOrUploadPhoto } from './BlobbyIconExportOrUploadPhoto.js';
+export { default as BlobbyIconFolder } from './BlobbyIconFolder.js';
+export { default as BlobbyIconGraphReport } from './BlobbyIconGraphReport.js';
+export { default as BlobbyIconHappy } from './BlobbyIconHappy.js';
+export { default as BlobbyIconHeartMonitor } from './BlobbyIconHeartMonitor.js';
+export { default as BlobbyIconLeaf } from './BlobbyIconLeaf.js';
+export { default as BlobbyIconLibrary } from './BlobbyIconLibrary.js';
+export { default as BlobbyIconNursery } from './BlobbyIconNursery.js';
+export { default as BlobbyIconOrganization } from './BlobbyIconOrganization.js';
+export { default as BlobbyIconParchment } from './BlobbyIconParchment.js';
+export { default as BlobbyIconPeople } from './BlobbyIconPeople.js';
+export { default as BlobbyIconSeedBank } from './BlobbyIconSeedBank.js';
+export { default as BlobbyIconSeedling } from './BlobbyIconSeedling.js';
+export { default as BlobbyIconSeeds } from './BlobbyIconSeeds.js';
+export { default as BlobbyIconSite } from './BlobbyIconSite.js';
+export { default as BlobbyIconSparkles } from './BlobbyIconSparkles.js';
+export { default as BlobbyIconWrench } from './BlobbyIconWrench.js';
+export { default as Bug } from './Bug.js';
+export { default as Calendar } from './Calendar.js';
+export { default as CaretDown } from './CaretDown.js';
+export { default as CaretLeft } from './CaretLeft.js';
+export { default as CaretRight } from './CaretRight.js';
+export { default as CaretUp } from './CaretUp.js';
+export { default as ChevronDown } from './ChevronDown.js';
+export { default as ChevronUp } from './ChevronUp.js';
+export { default as Close } from './Close.js';
+export { default as Critical } from './Critical.js';
+export { default as Edit } from './Edit.js';
+export { default as Error } from './Error.js';
+export { default as Filter } from './Filter.js';
+export { default as Folder } from './Folder.js';
+export { default as Help } from './Help.js';
+export { default as Home } from './Home.js';
+export { default as IconAdd } from './IconAdd.js';
+export { default as IconArrowRight } from './IconArrowRight.js';
+export { default as IconBusinessNetwork } from './IconBusinessNetwork.js';
+export { default as IconCalendar } from './IconCalendar.js';
+export { default as IconCancel } from './IconCancel.js';
+export { default as IconChargingBattery } from './IconChargingBattery.js';
+export { default as IconChecklist } from './IconChecklist.js';
+export { default as IconCheckmark } from './IconCheckmark.js';
+export { default as IconCoinInHand } from './IconCoinInHand.js';
+export { default as IconColumns } from './IconColumns.js';
+export { default as IconComment } from './IconComment.js';
+export { default as IconDashboard } from './IconDashboard.js';
+export { default as IconDataMigration } from './IconDataMigration.js';
+export { default as IconDocument } from './IconDocument.js';
+export { default as IconDownloadFromTheCloud } from './IconDownloadFromTheCloud.js';
+export { default as IconEdit } from './IconEdit.js';
+export { default as IconExpand } from './IconExpand.js';
+export { default as IconExport } from './IconExport.js';
+export { default as IconExternalLink } from './IconExternalLink.js';
+export { default as IconEyeOff } from './IconEyeOff.js';
+export { default as IconEye } from './IconEye.js';
+export { default as IconFile } from './IconFile.js';
+export { default as IconFolder } from './IconFolder.js';
+export { default as IconFullScreen } from './IconFullScreen.js';
+export { default as IconFutures } from './IconFutures.js';
+export { default as IconGraphReport } from './IconGraphReport.js';
+export { default as IconHeartMonitor } from './IconHeartMonitor.js';
+export { default as IconHelp } from './IconHelp.js';
+export { default as IconHistory } from './IconHistory.js';
+export { default as IconImport } from './IconImport.js';
+export { default as IconIndex } from './IconIndex.js';
+export { default as IconLayers } from './IconLayers.js';
+export { default as IconLibrary } from './IconLibrary.js';
+export { default as IconList } from './IconList.js';
+export { default as IconLivePlant } from './IconLivePlant.js';
+export { default as IconMail } from './IconMail.js';
+export { default as IconManager } from './IconManager.js';
+export { default as IconMarker } from './IconMarker.js';
+export { default as IconMenuHorizontal } from './IconMenuHorizontal.js';
+export { default as IconMenu } from './IconMenu.js';
+export { default as IconModule } from './IconModule.js';
+export { default as IconMyLocation } from './IconMyLocation.js';
+export { default as IconNote } from './IconNote.js';
+export { default as IconNursery } from './IconNursery.js';
+export { default as IconOrg } from './IconOrg.js';
+export { default as IconParchment } from './IconParchment.js';
+export { default as IconPhoto } from './IconPhoto.js';
+export { default as IconPlantsFilled } from './IconPlantsFilled.js';
+export { default as IconRedo } from './IconRedo.js';
+export { default as IconRestorationSite } from './IconRestorationSite.js';
+export { default as IconSeedBank } from './IconSeedBank.js';
+export { default as IconSeedling } from './IconSeedling.js';
+export { default as IconSettings } from './IconSettings.js';
+export { default as IconSlice } from './IconSlice.js';
+export { default as IconSubmit } from './IconSubmit.js';
+export { default as IconSubtract } from './IconSubtract.js';
+export { default as IconSynced } from './IconSynced.js';
+export { default as IconTrashCan } from './IconTrashCan.js';
+export { default as IconTreasureMap } from './IconTreasureMap.js';
+export { default as IconUnavailable } from './IconUnavailable.js';
+export { default as IconUndo } from './IconUndo.js';
+export { default as IconVariable } from './IconVariable.js';
+export { default as IconVideo } from './IconVideo.js';
+export { default as IconWifi } from './IconWifi.js';
+export { default as Info } from './Info.js';
+export { default as Key } from './Key.js';
+export { default as Leaf } from './Leaf.js';
+export { default as Lock } from './Lock.js';
+export { default as Logo } from './Logo.js';
+export { default as MenuVertical } from './MenuVertical.js';
+export { default as Notification } from './Notification.js';
+export { default as Person } from './Person.js';
+export { default as Plus } from './Plus.js';
+export { default as RestorationSite } from './RestorationSite.js';
+export { default as Search } from './Search.js';
+export { default as Seeds } from './Seeds.js';
+export { default as Site } from './Site.js';
+export { default as Sparkles } from './Sparkles.js';
+export { default as Species } from './Species.js';
+export { default as Species2 } from './Species2.js';
+export { default as Spinner } from './Spinner.js';
+export { default as Star } from './Star.js';
+export { default as SuccessFilled } from './SuccessFilled.js';
+export { default as Success } from './Success.js';
+export { default as TerrawareLogoDesktop } from './TerrawareLogoDesktop.js';
+export { default as TerrawareLogoMobile } from './TerrawareLogoMobile.js';
+export { default as Touchscreen } from './Touchscreen.js';
+export { default as UploadCloud } from './UploadCloud.js';
+export { default as Warning } from './Warning.js';
+export { default as WelcomeClipboard } from './WelcomeClipboard.js';

package/components/table/EnhancedTableToolbar.js

@@ -1,10 +1,11 @@
-import React, { useMemo } from 'react';
-import { Link, Toolbar, Typography, useTheme } from '@mui/material';
-import { isTopBarButton } from '.';
-import Button from '../Button/Button';
-import Tooltip from '../Tooltip/Tooltip';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function EnhancedTableToolbar(props) {
+import { useMemo } from 'react';
+import { useTheme, Link, Toolbar, Typography } from '@mui/material';
+import { isTopBarButton } from './index.js';
+import Button from '../Button/Button.js';
+import Tooltip from '../Tooltip/Tooltip.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function EnhancedTableToolbar(props) {
   const {
     isAllSelected,
     numSelected,
@@ -31,24 +32,24 @@ export default function EnhancedTableToolbar(props) {
       renderSelectNoneText,
       renderEnhancedNumSelectedText
     } = topBarSelectionConfig;
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [renderEnhancedNumSelectedText ? renderEnhancedNumSelectedText() : renderNumSelectedText(numSelected), ' ', !isAllSelected && handleSelectAll && renderSelectAllText && /*#__PURE__*/_jsx(Link, {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [renderEnhancedNumSelectedText ? renderEnhancedNumSelectedText() : renderNumSelectedText(numSelected), ' ', !isAllSelected && handleSelectAll && renderSelectAllText && /*#__PURE__*/jsx(Link, {
         onClick: handleSelectAll,
         sx: selectLinkStyles,
         children: renderSelectAllText()
-      }), isAllSelected && handleSelectNone && renderSelectNoneText && /*#__PURE__*/_jsx(Link, {
+      }), isAllSelected && handleSelectNone && renderSelectNoneText && /*#__PURE__*/jsx(Link, {
         onClick: handleSelectNone,
         sx: selectLinkStyles,
         children: renderSelectNoneText()
       })]
     });
   }, [renderNumSelectedText, topBarSelectionConfig, numSelected]);
-  return renderNumSelectedText && numSelected > 0 ? /*#__PURE__*/_jsxs(Toolbar, {
+  return renderNumSelectedText && numSelected > 0 ? /*#__PURE__*/jsxs(Toolbar, {
     sx: {
       background: theme.palette.TwClrBgSecondary,
       borderRadius: theme.spacing(0.5)
     },
-    children: [/*#__PURE__*/_jsx(Typography, {
+    children: [/*#__PURE__*/jsx(Typography, {
       color: "inherit",
       variant: "subtitle1",
       component: "div",
@@ -56,9 +57,9 @@ export default function EnhancedTableToolbar(props) {
         flex: '1 1 auto'
       },
       children: topBarSelection
-    }), topBarButtons?.map((tbButton, index) => isTopBarButton(tbButton) ? /*#__PURE__*/_jsx(Tooltip, {
+    }), topBarButtons?.map((tbButton, index) => isTopBarButton(tbButton) ? /*#__PURE__*/jsx(Tooltip, {
       title: tbButton.tooltipTitle,
-      children: /*#__PURE__*/_jsx(Button, {
+      children: /*#__PURE__*/jsx(Button, {
         label: tbButton.buttonText,
         priority: "secondary",
         type: tbButton.buttonType,
@@ -71,4 +72,6 @@ export default function EnhancedTableToolbar(props) {
       }, tbButton.buttonText)
     }, index) : tbButton)]
   }) : null;
-}
+}
+
+export { EnhancedTableToolbar as default };

package/components/table/EnhancedTableToolbarV2.js

@@ -1,6 +1,7 @@
-import React, { useMemo } from 'react';
-import EnhancedTableToolbar from './EnhancedTableToolbar';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import EnhancedTableToolbar from './EnhancedTableToolbar.js';
+import { jsx } from 'react/jsx-runtime';
+
 const EnhancedTableToolbarV2 = ({
   selectedRowsCount,
   pagesCount,
@@ -24,7 +25,7 @@ const EnhancedTableToolbarV2 = ({
     };
   }, [topBarSelectionConfig, selectedRowsCount, rowsCount, pagesCount]);
   if (topBarSelectionConfig) {
-    return /*#__PURE__*/_jsx(EnhancedTableToolbar, {
+    return /*#__PURE__*/jsx(EnhancedTableToolbar, {
       numSelected: selectedRowsCount,
       topBarButtons: topBarButtons,
       topBarSelectionConfig: _topBarSelectionConfig,
@@ -32,10 +33,11 @@ const EnhancedTableToolbarV2 = ({
       renderNumSelectedText: renderNumSelectedText
     });
   }
-  return /*#__PURE__*/_jsx(EnhancedTableToolbar, {
+  return /*#__PURE__*/jsx(EnhancedTableToolbar, {
     numSelected: selectedRowsCount,
     renderNumSelectedText: renderNumSelectedText,
     topBarButtons: topBarButtons
   });
 };
-export default EnhancedTableToolbarV2;
+
+export { EnhancedTableToolbarV2 as default };

package/components/table/TableCellRenderer.js

@@ -1,8 +1,11 @@
-import React from 'react';
+import 'react';
 import { Edit, Notes } from '@mui/icons-material';
-import { Box, Link, TableCell, Typography, useTheme } from '@mui/material';
-import { getDateDisplayValue, preventDefaultEvent } from '../../utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme, TableCell, Typography, Link, Box } from '@mui/material';
+import getDateDisplayValue from '../../utils/date.js';
+import preventDefault from '../../utils/preventDefaultEvent.js';
+import 'react-responsive';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
 const defaultStyles = theme => ({
   '&.MuiTableCell-root': {
     paddingTop: '0px',
@@ -11,7 +14,7 @@ const defaultStyles = theme => ({
     fontVariantNumeric: 'tabular-nums'
   }
 });
-export default function CellRenderer(props) {
+function CellRenderer(props) {
   const {
     column,
     value,
@@ -28,7 +31,7 @@ export default function CellRenderer(props) {
   } = props;
   const id = `row${index}-${column.key}`;
   if (column.type === 'date' && typeof value === 'string' && value) {
-    return /*#__PURE__*/_jsx(CellDateRenderer, {
+    return /*#__PURE__*/jsx(CellDateRenderer, {
       id: id,
       value: value,
       className: className,
@@ -38,7 +41,7 @@ export default function CellRenderer(props) {
       title: title
     });
   } else if (column.type === 'notes' && value && typeof value === 'string') {
-    return /*#__PURE__*/_jsx(CellNotesRenderer, {
+    return /*#__PURE__*/jsx(CellNotesRenderer, {
       id: id,
       value: value,
       className: className,
@@ -48,7 +51,7 @@ export default function CellRenderer(props) {
       title: title
     });
   } else if (column.type === 'boolean') {
-    return /*#__PURE__*/_jsx(CellBooleanRenderer, {
+    return /*#__PURE__*/jsx(CellBooleanRenderer, {
       id: id,
       value: value,
       className: className,
@@ -60,7 +63,7 @@ export default function CellRenderer(props) {
       title: title
     });
   } else if (column.type === 'edit') {
-    return /*#__PURE__*/_jsx(CellEditRenderer, {
+    return /*#__PURE__*/jsx(CellEditRenderer, {
       id: id,
       onRowClick: onRowClick,
       className: className,
@@ -71,7 +74,7 @@ export default function CellRenderer(props) {
       title: title
     });
   }
-  return /*#__PURE__*/_jsx(CellTextRenderer, {
+  return /*#__PURE__*/jsx(CellTextRenderer, {
     id: id,
     value: value,
     className: className,
@@ -82,12 +85,12 @@ export default function CellRenderer(props) {
     component: component
   });
 }
-export const cellDateFormatter = value => {
+const cellDateFormatter = value => {
   if (value) {
     return getDateDisplayValue(value);
   }
 };
-export function CellDateRenderer({
+function CellDateRenderer({
   id,
   value,
   className,
@@ -97,7 +100,7 @@ export function CellDateRenderer({
   title
 }) {
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(TableCell, {
+  return /*#__PURE__*/jsx(TableCell, {
     id: id,
     align: alignment || 'left',
     className: className,
@@ -105,7 +108,7 @@ export function CellDateRenderer({
       whiteSpace: 'nowrap'
     }, style, ...(Array.isArray(sx) ? sx : [sx])],
     title: title,
-    children: /*#__PURE__*/_jsx(Typography, {
+    children: /*#__PURE__*/jsx(Typography, {
       component: "p",
       variant: "body1",
       fontSize: "16px",
@@ -113,7 +116,7 @@ export function CellDateRenderer({
     })
   });
 }
-export function CellTextRenderer({
+function CellTextRenderer({
   id,
   value,
   className,
@@ -124,13 +127,13 @@ export function CellTextRenderer({
   component
 }) {
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(TableCell, {
+  return /*#__PURE__*/jsx(TableCell, {
     id: id,
     align: alignment || 'left',
     title: title ? title : typeof value === 'string' ? value : '',
     className: className,
     sx: [defaultStyles(theme), style, ...(Array.isArray(sx) ? sx : [sx])],
-    children: /*#__PURE__*/_jsx(Typography, {
+    children: /*#__PURE__*/jsx(Typography, {
       component: component || 'p',
       variant: "body1",
       noWrap: true,
@@ -142,7 +145,7 @@ export function CellTextRenderer({
     })
   });
 }
-export function CellBooleanRenderer({
+function CellBooleanRenderer({
   id,
   value,
   className,
@@ -154,13 +157,13 @@ export function CellBooleanRenderer({
   title
 }) {
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(TableCell, {
+  return /*#__PURE__*/jsx(TableCell, {
     id: id,
     align: alignment || 'left',
     className: className,
     sx: [defaultStyles(theme), style, ...(Array.isArray(sx) ? sx : [sx])],
     title: title,
-    children: /*#__PURE__*/_jsx(Typography, {
+    children: /*#__PURE__*/jsx(Typography, {
       component: "p",
       variant: "body1",
       fontSize: "16px",
@@ -168,7 +171,7 @@ export function CellBooleanRenderer({
     })
   });
 }
-export function CellNotesRenderer({
+function CellNotesRenderer({
   id,
   value,
   className,
@@ -178,22 +181,22 @@ export function CellNotesRenderer({
   title
 }) {
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(TableCell, {
+  return /*#__PURE__*/jsx(TableCell, {
     id: id,
     align: alignment || 'left',
     className: className,
     sx: [defaultStyles(theme), style, ...(Array.isArray(sx) ? sx : [sx])],
     title: title,
-    children: /*#__PURE__*/_jsx(Typography, {
+    children: /*#__PURE__*/jsx(Typography, {
       id: id,
       component: "p",
       variant: "body1",
       fontSize: "16px",
-      children: value && value.length > 0 ? /*#__PURE__*/_jsx(Notes, {}) : ''
+      children: value && value.length > 0 ? /*#__PURE__*/jsx(Notes, {}) : ''
     })
   });
 }
-export function CellEditRenderer({
+function CellEditRenderer({
   id,
   onRowClick,
   className,
@@ -204,29 +207,29 @@ export function CellEditRenderer({
   title
 }) {
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(TableCell, {
+  return /*#__PURE__*/jsx(TableCell, {
     id: id,
     align: alignment || 'left',
     className: className,
     sx: [defaultStyles(theme), style, ...(Array.isArray(sx) ? sx : [sx])],
     title: title,
-    children: /*#__PURE__*/_jsx(Link, {
+    children: /*#__PURE__*/jsx(Link, {
       id: `${id}-button`,
       href: "#",
       onClick: event => {
-        preventDefaultEvent(event);
+        preventDefault(event);
         if (onRowClick) {
           onRowClick();
         }
       },
-      children: /*#__PURE__*/_jsxs(Box, {
+      children: /*#__PURE__*/jsxs(Box, {
         display: "flex",
-        children: [/*#__PURE__*/_jsx(Typography, {
+        children: [/*#__PURE__*/jsx(Typography, {
           component: "p",
           variant: "body1",
           fontSize: "16px",
           children: editText
-        }), /*#__PURE__*/_jsx(Edit, {
+        }), /*#__PURE__*/jsx(Edit, {
           fontSize: "small",
           sx: {
             marginLeft: theme.spacing(1)
@@ -235,4 +238,6 @@ export function CellEditRenderer({
       })
     })
   });
-}
+}
+
+export { CellBooleanRenderer, CellDateRenderer, CellEditRenderer, CellNotesRenderer, CellTextRenderer, cellDateFormatter, CellRenderer as default };

package/components/table/TableHeader.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import { SortableContext } from '@dnd-kit/sortable';
-import { Checkbox, TableCell, TableHead, TableRow, useTheme } from '@mui/material';
-import { titleCase } from '../../utils/text';
-import { CheckboxStyle } from '../Checkbox';
-import TableHeaderItem from './TableHeaderItem';
-import { getTableRowHeight } from './density';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function EnhancedTableHead(props) {
+import { useTheme, TableHead, TableRow, TableCell, Checkbox } from '@mui/material';
+import { titleCase } from '../../utils/text.js';
+import { CheckboxStyle } from '../Checkbox.js';
+import TableHeaderItem from './TableHeaderItem.js';
+import { getTableRowHeight } from './density.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function EnhancedTableHead(props) {
   const theme = useTheme();
   const {
     order,
@@ -39,16 +40,16 @@ export default function EnhancedTableHead(props) {
     }));
   }
   const [headCells, setHeadCells] = React.useState(columnsToHeadCells(props.columns));
-  return /*#__PURE__*/_jsx(TableHead, {
-    children: /*#__PURE__*/_jsxs(TableRow, {
+  return /*#__PURE__*/jsx(TableHead, {
+    children: /*#__PURE__*/jsxs(TableRow, {
       id: "table-header",
       sx: {
         height: getTableRowHeight(density)
       },
-      children: [numSelected !== undefined && rowCount !== undefined && rowCount > 0 && onSelectAllClick && /*#__PURE__*/_jsx(TableCell, {
+      children: [numSelected !== undefined && rowCount !== undefined && rowCount > 0 && onSelectAllClick && /*#__PURE__*/jsx(TableCell, {
         padding: "checkbox",
         sx: headerCellStyles,
-        children: /*#__PURE__*/_jsx(Checkbox, {
+        children: /*#__PURE__*/jsx(Checkbox, {
           disableRipple: true,
           sx: CheckboxStyle(theme),
           color: "primary",
@@ -56,10 +57,10 @@ export default function EnhancedTableHead(props) {
           checked: rowCount > 0 && numSelected === rowCount,
           onChange: onSelectAllClick
         })
-      }), /*#__PURE__*/_jsx(SortableContext, {
+      }), /*#__PURE__*/jsx(SortableContext, {
         items: headCells,
         children: headCells.map((headCell, i) => {
-          return /*#__PURE__*/_jsx(TableHeaderItem, {
+          return /*#__PURE__*/jsx(TableHeaderItem, {
             headCell: headCell,
             order: order,
             orderBy: orderBy,
@@ -70,4 +71,6 @@ export default function EnhancedTableHead(props) {
       })]
     })
   });
-}
+}
+
+export { EnhancedTableHead as default };