@terraware/web-components 4.2.12 → 4.2.14-rc.0

package/components/table/index.js

@@ -1,82 +1,70 @@
-"use strict";
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors } 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';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = EnhancedTable;
-exports.isTopBarButton = void 0;
-exports.tableSort = tableSort;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _core = require("@dnd-kit/core");
-var _sortable = require("@dnd-kit/sortable");
-var _material = require("@mui/material");
-var _utils = require("../../utils");
-var _Checkbox = require("../Checkbox");
-var _EnhancedTableToolbarV = _interopRequireDefault(require("./EnhancedTableToolbarV2"));
-var _TableCellRenderer = _interopRequireDefault(require("./TableCellRenderer"));
-var _TableHeader = _interopRequireDefault(require("./TableHeader"));
-var _density = require("./density");
-var _sort = require("./sort");
 // Only the text related props need to be passed in by the implementer, and extra data is passed to the caller
-
-const isTopBarButton = input => {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const isTopBarButton = input => {
   const castInput = input;
   return !!(castInput.buttonType && castInput.onButtonClick);
 };
-exports.isTopBarButton = isTopBarButton;
-function EnhancedTable(_ref) {
-  let {
-    id,
-    columns,
-    rows,
-    order: _order = 'asc',
-    orderBy: _orderBy,
-    Renderer = _TableCellRenderer.default,
-    onSelect,
-    onPageChange,
-    maxItemsPerPage = 100,
-    totalRowCount,
-    currentPage,
-    DetailsRenderer,
-    sortComparator = _sort.descendingComparator,
-    sortHandler,
-    isInactive,
-    isPresorted,
-    onReorderEnd,
-    isClickable,
-    emptyTableMessage,
-    showCheckbox,
-    showTopBar,
-    topBarButtons,
-    selectedRows,
-    setSelectedRows,
-    controlledOnSelect,
-    reloadData,
-    stickyHeader = true,
-    hideHeader,
-    booleanFalseText,
-    booleanTrueText,
-    editText,
-    renderNumSelectedText,
-    renderPaginationText,
-    enhancedTopBarSelectionConfig,
-    density = 'comfortable',
-    tableComments
-  } = _ref;
-  const theme = (0, _material.useTheme)();
-  const [order, setOrder] = _react.default.useState(_order);
-  const [orderBy, setOrderBy] = _react.default.useState(_orderBy);
-  const [internalPage, setInternalPage] = (0, _react.useState)(1);
+export default function EnhancedTable({
+  id,
+  columns,
+  rows,
+  order: _order = 'asc',
+  orderBy: _orderBy,
+  Renderer = TableCellRenderer,
+  onSelect,
+  onPageChange,
+  maxItemsPerPage = 100,
+  totalRowCount,
+  currentPage,
+  DetailsRenderer,
+  sortComparator = descendingComparator,
+  sortHandler,
+  isInactive,
+  isPresorted,
+  onReorderEnd,
+  isClickable,
+  emptyTableMessage,
+  showCheckbox,
+  showTopBar,
+  topBarButtons,
+  selectedRows,
+  setSelectedRows,
+  controlledOnSelect,
+  reloadData,
+  stickyHeader = true,
+  hideHeader,
+  booleanFalseText,
+  booleanTrueText,
+  editText,
+  renderNumSelectedText,
+  renderPaginationText,
+  enhancedTopBarSelectionConfig,
+  density = 'comfortable',
+  tableComments
+}) {
+  const theme = useTheme();
+  const [order, setOrder] = React.useState(_order);
+  const [orderBy, setOrderBy] = React.useState(_orderBy);
+  const [internalPage, setInternalPage] = useState(1);
   const {
     isMobile
-  } = (0, _utils.useDeviceInfo)();
-  const [displayColumnKeyNames, setDisplayColumnKeyNames] = (0, _react.useState)();
-  const [displayColumnsIndexed, setDisplayColumnsIndexed] = (0, _react.useState)();
-  const [displayColumnDetails, setDisplayColumnDetails] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
+  } = useDeviceInfo();
+  const [displayColumnKeyNames, setDisplayColumnKeyNames] = useState();
+  const [displayColumnsIndexed, setDisplayColumnsIndexed] = useState();
+  const [displayColumnDetails, setDisplayColumnDetails] = useState();
+  useEffect(() => {
     const columnsKeyNames = columns.map(col => col.key);
     const columnsIndexed = columns.reduce((acum, value) => {
       acum[value.key] = value;
@@ -85,13 +73,15 @@ function EnhancedTable(_ref) {
     setDisplayColumnKeyNames(columnsKeyNames);
     setDisplayColumnsIndexed(columnsIndexed);
   }, [columns]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (displayColumnKeyNames && displayColumnsIndexed) {
-      const columnsDetails = displayColumnKeyNames.map(key => (0, _objectSpread2.default)({}, displayColumnsIndexed[key]));
+      const columnsDetails = displayColumnKeyNames.map(key => ({
+        ...displayColumnsIndexed[key]
+      }));
       setDisplayColumnDetails(columnsDetails);
     }
   }, [displayColumnKeyNames, displayColumnsIndexed]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (setSelectedRows && rows.length >= 0) {
       setSelectedRows(currentlySelectedRows => {
         const emptyArray = [];
@@ -102,13 +92,13 @@ function EnhancedTable(_ref) {
       });
     }
   }, [rows, setSelectedRows]);
-  const handleChangePage = (0, _react.useCallback)((event, newPage) => {
-    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(newPage);
+  const handleChangePage = useCallback((event, newPage) => {
+    onPageChange?.(newPage);
     if (currentPage === undefined) {
       setInternalPage(newPage);
     }
   }, [onPageChange, currentPage]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     // this is not most elegant but we want to do this if table was sorted by some column in a presorted table
     // but we don't know when the data changes, hence this useEffect on the data size
     if (isPresorted && onPageChange === undefined) {
@@ -156,31 +146,30 @@ function EnhancedTable(_ref) {
       setSelectedRows(newSelected);
     }
   };
-  const columnsToHeadCells = (0, _react.useCallback)(columnsR => {
+  const columnsToHeadCells = useCallback(columnsR => {
     return columnsR.map(c => ({
       id: c.key,
       disablePadding: true,
       label: typeof c.name === 'string' ? c.name.toUpperCase() : c.name,
       sx: [{
-        paddingY: (0, _density.getTableCellPaddingY)(density)
+        paddingY: getTableCellPaddingY(density)
       }, ...(Array.isArray(c.sx) ? c.sx : [c.sx])],
       tooltipTitle: c.tooltipTitle
     }));
   }, [density]);
-  const [headCells, setHeadCells] = _react.default.useState();
-  _react.default.useEffect(() => {
+  const [headCells, setHeadCells] = React.useState();
+  React.useEffect(() => {
     if (displayColumnDetails) {
       setHeadCells(columnsToHeadCells(displayColumnDetails));
     }
   }, [columnsToHeadCells, displayColumnDetails]);
-  const sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.MouseSensor), (0, _core.useSensor)(_core.TouchSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
-    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  const sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
   }));
-  const onReorderEndHandler = (0, _react.useCallback)(_ref2 => {
-    let {
-      oldIndex,
-      newIndex
-    } = _ref2;
+  const onReorderEndHandler = useCallback(({
+    oldIndex,
+    newIndex
+  }) => {
     if (displayColumnKeyNames) {
       if (newIndex !== 0 && oldIndex !== 0) {
         const newOrder = [...displayColumnKeyNames];
@@ -209,11 +198,11 @@ function EnhancedTable(_ref) {
       }
     }
   };
-  const pageNumber = (0, _react.useMemo)(() => currentPage !== null && currentPage !== void 0 ? currentPage : internalPage, [currentPage, internalPage]);
-  const sortedPageRows = (0, _react.useMemo)(() => {
+  const pageNumber = useMemo(() => currentPage ?? internalPage, [currentPage, internalPage]);
+  const sortedPageRows = useMemo(() => {
     if (rows) {
       const itemsToSkip = onPageChange ? 0 : maxItemsPerPage * (pageNumber - 1);
-      return (isPresorted ? rows : (0, _sort.stableSort)(rows, (0, _sort.getComparator)(order, orderBy, sortComparator))).slice(itemsToSkip, itemsToSkip + maxItemsPerPage);
+      return (isPresorted ? rows : stableSort(rows, getComparator(order, orderBy, sortComparator))).slice(itemsToSkip, itemsToSkip + maxItemsPerPage);
     } else {
       return [];
     }
@@ -224,145 +213,163 @@ function EnhancedTable(_ref) {
    *  If the table is empty (rows.length === 0) override calculation and show '0 of 0'
    *  Pagination total is overridden by totalRowCount if provided.
    */
-  const paginationTotal = (0, _react.useMemo)(() => totalRowCount || rows.length, [rows.length, totalRowCount]);
-  const pagesCount = (0, _react.useMemo)(() => Math.ceil(paginationTotal / maxItemsPerPage), [maxItemsPerPage, paginationTotal]);
-  const minRowNumber = (0, _react.useMemo)(() => {
+  const paginationTotal = useMemo(() => totalRowCount || rows.length, [rows.length, totalRowCount]);
+  const pagesCount = useMemo(() => Math.ceil(paginationTotal / maxItemsPerPage), [maxItemsPerPage, paginationTotal]);
+  const minRowNumber = useMemo(() => {
     if (!sortedPageRows.length) {
       return 0;
     }
     return (pageNumber - 1) * maxItemsPerPage + 1;
   }, [pageNumber, maxItemsPerPage, sortedPageRows.length]);
-  const maxRowNumber = (0, _react.useMemo)(() => {
+  const maxRowNumber = useMemo(() => {
     if (!sortedPageRows.length) {
       return 0;
     }
     return Math.min(pageNumber * maxItemsPerPage, paginationTotal);
   }, [pageNumber, maxItemsPerPage, paginationTotal, sortedPageRows.length]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTopBar && /*#__PURE__*/_react.default.createElement(_EnhancedTableToolbarV.default, {
-    selectedRowsCount: (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) || 0,
-    pagesCount: pagesCount,
-    renderNumSelectedText: renderNumSelectedText,
-    rowsCount: rows.length,
-    topBarButtons: topBarButtons,
-    topBarSelectionConfig: enhancedTopBarSelectionConfig ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, enhancedTopBarSelectionConfig), {}, {
-      handleSelectAll: () => setSelectedRows && setSelectedRows(rows),
-      handleSelectNone: () => setSelectedRows && setSelectedRows([])
-    }) : undefined
-  }), /*#__PURE__*/_react.default.createElement(_material.TableContainer, {
-    id: id
-  }, /*#__PURE__*/_react.default.createElement(_core.DndContext, {
-    sensors: sensors,
-    onDragEnd: handleDragEnd
-  }, /*#__PURE__*/_react.default.createElement(_material.Table, {
-    stickyHeader: stickyHeader,
-    "aria-labelledby": "tableTitle",
-    size: "medium",
-    "aria-label": "enhanced table",
-    sx: {
-      borderCollapse: 'initial'
-    }
-  }, !hideHeader && /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
-    order: order,
-    orderBy: orderBy,
-    onRequestSort: handleRequestSort,
-    columns: displayColumnDetails !== null && displayColumnDetails !== void 0 ? displayColumnDetails : [],
-    onReorderEnd: onReorderEndHandler,
-    numSelected: showCheckbox ? selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length : undefined,
-    onSelectAllClick: showCheckbox ? handleSelectAllClick : undefined,
-    rowCount: showCheckbox ? sortedPageRows === null || sortedPageRows === void 0 ? void 0 : sortedPageRows.length : undefined,
-    density: density
-  }), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, sortedPageRows.length < 1 && emptyTableMessage && /*#__PURE__*/_react.default.createElement(_material.TableRow, null, /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    colSpan: columns.length + 1,
-    align: "center"
-  }, /*#__PURE__*/_react.default.createElement("p", null, emptyTableMessage))), sortedPageRows && sortedPageRows.map((row, index) => {
-    const onClick = onSelect && !controlledOnSelect ? () => onSelect(row) : undefined;
-    const isItemSelected = isSelected(row);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: index
-    }, /*#__PURE__*/_react.default.createElement(_material.TableRow, {
-      id: "row".concat(index + 1),
-      hover: true,
-      onClick: e => {
-        e.stopPropagation();
-        if (onClick && !hasEditColumn && (isClickable ? isClickable(row) : true)) {
-          onClick();
-        }
-        if (!onClick && !hasEditColumn && (isClickable ? isClickable(row) : true)) {
-          handleClick(e, row);
-        }
-      },
-      selected: isItemSelected,
-      "aria-checked": isItemSelected,
-      sx: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, isInactive && isInactive(row) ? {
-        backgroundColor: theme.palette.neutral[50]
-      } : {}), {}, {
-        height: (0, _density.getTableRowHeight)(density),
-        '&.MuiTableRow-root.Mui-selected': {
-          backgroundColor: theme.palette.TwClrBgSelectedTertiary
-        },
-        '&:nth-of-type(odd)': {
-          backgroundColor: theme.palette.TwClrBgSecondary
-        },
-        '&:hover': {
-          backgroundColor: theme.palette.TwClrBgSecondaryHover
-        }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showTopBar && /*#__PURE__*/_jsx(EnhancedTableToolbarV2, {
+      selectedRowsCount: selectedRows?.length || 0,
+      pagesCount: pagesCount,
+      renderNumSelectedText: renderNumSelectedText,
+      rowsCount: rows.length,
+      topBarButtons: topBarButtons,
+      topBarSelectionConfig: enhancedTopBarSelectionConfig ? {
+        ...enhancedTopBarSelectionConfig,
+        handleSelectAll: () => setSelectedRows && setSelectedRows(rows),
+        handleSelectNone: () => setSelectedRows && setSelectedRows([])
+      } : undefined
+    }), /*#__PURE__*/_jsx(TableContainer, {
+      id: id,
+      children: /*#__PURE__*/_jsx(DndContext, {
+        sensors: sensors,
+        onDragEnd: handleDragEnd,
+        children: /*#__PURE__*/_jsxs(Table, {
+          stickyHeader: stickyHeader,
+          "aria-labelledby": "tableTitle",
+          size: "medium",
+          "aria-label": "enhanced table",
+          sx: {
+            borderCollapse: 'initial'
+          },
+          children: [!hideHeader && /*#__PURE__*/_jsx(TableHeader, {
+            order: order,
+            orderBy: orderBy,
+            onRequestSort: handleRequestSort,
+            columns: displayColumnDetails ?? [],
+            onReorderEnd: onReorderEndHandler,
+            numSelected: showCheckbox ? selectedRows?.length : undefined,
+            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, {
+                colSpan: columns.length + 1,
+                align: "center",
+                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, {
+                  id: `row${index + 1}`,
+                  hover: true,
+                  onClick: e => {
+                    e.stopPropagation();
+                    if (onClick && !hasEditColumn && (isClickable ? isClickable(row) : true)) {
+                      onClick();
+                    }
+                    if (!onClick && !hasEditColumn && (isClickable ? isClickable(row) : true)) {
+                      handleClick(e, row);
+                    }
+                  },
+                  selected: isItemSelected,
+                  "aria-checked": isItemSelected,
+                  sx: {
+                    ...(isInactive && isInactive(row) ? {
+                      backgroundColor: theme.palette.neutral[50]
+                    } : {}),
+                    height: getTableRowHeight(density),
+                    '&.MuiTableRow-root.Mui-selected': {
+                      backgroundColor: theme.palette.TwClrBgSelectedTertiary
+                    },
+                    '&:nth-of-type(odd)': {
+                      backgroundColor: theme.palette.TwClrBgSecondary
+                    },
+                    '&:hover': {
+                      backgroundColor: theme.palette.TwClrBgSecondaryHover
+                    }
+                  },
+                  children: [showCheckbox && /*#__PURE__*/_jsx(TableCell, {
+                    padding: "checkbox",
+                    sx: {
+                      '&.MuiTableCell-root': {
+                        borderBottom: `1px solid ${theme.palette.TwClrBgSecondary}`
+                      }
+                    },
+                    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, {
+                    index: index + 1,
+                    row: row,
+                    column: c,
+                    value: row[c.key],
+                    onRowClick: onSelect && controlledOnSelect ? newValue => onSelect(row, c.key, newValue) : onClick,
+                    reloadData: reloadData,
+                    booleanFalseText: booleanFalseText,
+                    booleanTrueText: booleanTrueText,
+                    editText: editText,
+                    sx: {
+                      paddingY: getTableCellPaddingY(density)
+                    }
+                  }, c.key))]
+                }), DetailsRenderer && /*#__PURE__*/_jsx(DetailsRenderer, {
+                  index: index,
+                  row: row
+                })]
+              }, index);
+            })]
+          })]
+        })
       })
-    }, showCheckbox && /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-      padding: "checkbox",
-      sx: {
-        '&.MuiTableCell-root': {
-          borderBottom: "1px solid ".concat(theme.palette.TwClrBgSecondary)
-        }
-      }
-    }, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
-      disableRipple: true,
-      sx: (0, _Checkbox.CheckboxStyle)(theme),
-      color: "primary",
-      checked: isItemSelected,
-      onClick: e => !isClickable || !isClickable(row) ? handleClick(e, row) : null
-    })), displayColumnDetails && displayColumnDetails.map(c => /*#__PURE__*/_react.default.createElement(Renderer, {
-      index: index + 1,
-      key: c.key,
-      row: row,
-      column: c,
-      value: row[c.key],
-      onRowClick: onSelect && controlledOnSelect ? newValue => onSelect(row, c.key, newValue) : onClick,
-      reloadData: reloadData,
-      booleanFalseText: booleanFalseText,
-      booleanTrueText: booleanTrueText,
-      editText: editText,
-      sx: {
-        paddingY: (0, _density.getTableCellPaddingY)(density)
-      }
-    }))), DetailsRenderer && /*#__PURE__*/_react.default.createElement(DetailsRenderer, {
-      index: index,
-      row: row
-    }));
-  }))))), tableComments && /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    fontWeight: 400,
-    fontSize: "14px",
-    color: theme.palette.TwClrTxtSecondary,
-    marginTop: 2
-  }, tableComments), renderPaginationText && /*#__PURE__*/_react.default.createElement(_material.Box, {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    paddingTop: "24px"
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    paddingRight: "24px",
-    fontSize: "14px"
-  }, renderPaginationText(minRowNumber, maxRowNumber, paginationTotal)), /*#__PURE__*/_react.default.createElement(_material.Pagination, {
-    count: pagesCount,
-    page: pageNumber,
-    shape: "rounded",
-    onChange: handleChangePage,
-    siblingCount: isMobile ? 0 : 1,
-    size: 'small'
-  })));
+    }), tableComments && /*#__PURE__*/_jsx(Typography, {
+      fontWeight: 400,
+      fontSize: "14px",
+      color: theme.palette.TwClrTxtSecondary,
+      marginTop: 2,
+      children: tableComments
+    }), renderPaginationText && /*#__PURE__*/_jsxs(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-end",
+      paddingTop: "24px",
+      children: [/*#__PURE__*/_jsx(Typography, {
+        paddingRight: "24px",
+        fontSize: "14px",
+        children: renderPaginationText(minRowNumber, maxRowNumber, paginationTotal)
+      }), /*#__PURE__*/_jsx(Pagination, {
+        count: pagesCount,
+        page: pageNumber,
+        shape: "rounded",
+        onChange: handleChangePage,
+        siblingCount: isMobile ? 0 : 1,
+        size: 'small'
+      })]
+    })]
+  });
 }
-function tableSort(ignore, array, comparator) {
+export function tableSort(ignore, array, comparator) {
   if (ignore) {
     return array;
   }
-  return (0, _sort.stableSort)(array, comparator);
+  return stableSort(array, comparator);
 }

package/components/table/sort.js

@@ -1,13 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.descendingComparator = descendingComparator;
-exports.getComparator = getComparator;
-exports.stableSort = stableSort;
-function descendingComparator(a, b, orderBy, order) {
-  var _b$orderBy, _a$orderBy;
+export 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) {
@@ -19,8 +10,8 @@ function descendingComparator(a, b, orderBy, order) {
   }
 
   // if non-numeric, compare using the javascript built-in compare for this type
-  const bValue = (_b$orderBy = b[orderBy]) !== null && _b$orderBy !== void 0 ? _b$orderBy : '';
-  const aValue = (_a$orderBy = a[orderBy]) !== null && _a$orderBy !== void 0 ? _a$orderBy : '';
+  const bValue = b[orderBy] ?? '';
+  const aValue = a[orderBy] ?? '';
 
   // blank values at the end always (any order)
   if (isEmptyValue(aValue.toString()) && isEmptyValue(bValue.toString())) {
@@ -41,25 +32,24 @@ function descendingComparator(a, b, orderBy, order) {
   return 0;
 }
 function isEmptyValue(value) {
-  if (value === '' || value === null || (value === null || value === void 0 ? void 0 : value.toString().trim()) === '' || value === undefined) {
+  if (value === '' || value === null || value?.toString().trim() === '' || value === undefined) {
     return true;
   } else {
     return false;
   }
 }
 function descendingNumComparator(a, b, orderBy) {
-  var _a$orderBy2, _b$orderBy2;
-  const aNumValue = Number((_a$orderBy2 = a[orderBy]) !== null && _a$orderBy2 !== void 0 ? _a$orderBy2 : '0.0');
-  const bNumValue = Number((_b$orderBy2 = b[orderBy]) !== null && _b$orderBy2 !== void 0 ? _b$orderBy2 : '0.0');
+  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) {
+export function getComparator(order, orderBy, sorting) {
   return (a, b) => sorting(a, b, orderBy, order);
 }
-function stableSort(array, comparator) {
+export function stableSort(array, comparator) {
   const stabilizedThis = array.map((el, index) => [el, index]);
   stabilizedThis.sort((a, b) => {
     const order = comparator(a[0], b[0]);

package/components/table/sort.test.js

@@ -1,6 +1,4 @@
-"use strict";
-
-var _sort = require("./sort");
+import { descendingComparator } from './sort';
 const rowA = {
   string1: 'foo',
   string2: 'same',
@@ -16,22 +14,22 @@ const rowB = {
   number3: '1.1'
 };
 test('compare unequal string fields', () => {
-  const cmp = (0, _sort.descendingComparator)(rowA, rowB, 'string1', 'desc');
+  const cmp = descendingComparator(rowA, rowB, 'string1', 'desc');
   expect(cmp).toEqual(-1);
 });
 test('compare equal string fields', () => {
-  const cmp = (0, _sort.descendingComparator)(rowA, rowB, 'string2', 'desc');
+  const cmp = descendingComparator(rowA, rowB, 'string2', 'desc');
   expect(cmp).toEqual(0);
 });
 test('compare unequal number fields with same whole number digits', () => {
-  const cmp = (0, _sort.descendingComparator)(rowA, rowB, 'number1', 'desc');
+  const cmp = descendingComparator(rowA, rowB, 'number1', 'desc');
   expect(Math.sign(cmp)).toEqual(-1);
 });
 test('compare unequal number fields with differing whole number digits', () => {
-  const cmp = (0, _sort.descendingComparator)(rowA, rowB, 'number2', 'desc');
+  const cmp = descendingComparator(rowA, rowB, 'number2', 'desc');
   expect(Math.sign(cmp)).toEqual(1);
 });
 test('compare equal number fields', () => {
-  const cmp = (0, _sort.descendingComparator)(rowA, rowB, 'number3', 'desc');
+  const cmp = descendingComparator(rowA, rowB, 'number3', 'desc');
   expect(Math.sign(cmp)).toEqual(0);
 });

package/components/table/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/components/types/index.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/hooks/useBoolean.d.ts

@@ -0,0 +1,4 @@
+import { Dispatch, SetStateAction } from 'react';
+declare const useBoolean: (initialValue: boolean) => [boolean, Dispatch<SetStateAction<boolean>>, () => void, () => void];
+export default useBoolean;
+//# sourceMappingURL=useBoolean.d.ts.map

package/hooks/useBoolean.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoolean.d.ts","sourceRoot":"","sources":["../../src/hooks/useBoolean.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAExE,QAAA,MAAM,UAAU,GAAI,cAAc,OAAO,KAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,IAAI,EAAE,MAAM,IAAI,CAY9G,CAAC;AAEF,eAAe,UAAU,CAAC"}