@terraware/web-components 2.15.0 → 2.15.1-rc.0

package/components/table/EnhancedTableToolbar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TopBarButton } from '.';
 import { EnhancedTopBarSelectionConfig } from './EnhancedTableToolbarV2';
 interface EnhancedTableToolbarProps {

package/components/table/EnhancedTableToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/table/EnhancedTableToolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,YAAY,EAAE,MAAM,GAAG,CAAC;AAGjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAmBzE,UAAU,yBAAyB;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,aAAa,CAAC,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;IAC/C,qBAAqB,CAAC,EAAE,6BAA6B,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA+DjG"}
+{"version":3,"file":"EnhancedTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/table/EnhancedTableToolbar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAkB,YAAY,EAAE,MAAM,GAAG,CAAC;AAGjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAmBzE,UAAU,yBAAyB;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,aAAa,CAAC,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;IAC/C,qBAAqB,CAAC,EAAE,6BAA6B,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA+DjG"}

package/components/table/EnhancedTableToolbar.js

@@ -12,43 +12,45 @@ var _styles = require("@mui/styles");
 var _ = require(".");
 var _Button = _interopRequireDefault(require("../Button/Button"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
-var styles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    toolbar: {
-      background: theme.palette.TwClrBgSecondary,
-      borderRadius: theme.spacing(0.5)
-    },
-    flexText: {
-      flex: '1 1 auto'
-    },
-    buttonSpacing: {
-      marginLeft: theme.spacing(1)
-    },
-    selectLink: {
-      color: theme.palette.TwClrTxtBrand,
-      cursor: 'pointer'
-    }
-  };
-});
+const styles = (0, _styles.makeStyles)(theme => ({
+  toolbar: {
+    background: theme.palette.TwClrBgSecondary,
+    borderRadius: theme.spacing(0.5)
+  },
+  flexText: {
+    flex: '1 1 auto'
+  },
+  buttonSpacing: {
+    marginLeft: theme.spacing(1)
+  },
+  selectLink: {
+    color: theme.palette.TwClrTxtBrand,
+    cursor: 'pointer'
+  }
+}));
 function EnhancedTableToolbar(props) {
-  var isAllSelected = props.isAllSelected,
-    numSelected = props.numSelected,
-    renderNumSelectedText = props.renderNumSelectedText,
-    topBarButtons = props.topBarButtons,
-    topBarSelectionConfig = props.topBarSelectionConfig;
-  var classes = styles();
-  var topBarSelection = (0, _react.useMemo)(function () {
+  const {
+    isAllSelected,
+    numSelected,
+    renderNumSelectedText,
+    topBarButtons,
+    topBarSelectionConfig
+  } = props;
+  const classes = styles();
+  const topBarSelection = (0, _react.useMemo)(() => {
     if (!renderNumSelectedText) {
       return null;
     }
     if (!topBarSelectionConfig) {
       return renderNumSelectedText(numSelected);
     }
-    var handleSelectAll = topBarSelectionConfig.handleSelectAll,
-      handleSelectNone = topBarSelectionConfig.handleSelectNone,
-      renderSelectAllText = topBarSelectionConfig.renderSelectAllText,
-      renderSelectNoneText = topBarSelectionConfig.renderSelectNoneText,
-      renderEnhancedNumSelectedText = topBarSelectionConfig.renderEnhancedNumSelectedText;
+    const {
+      handleSelectAll,
+      handleSelectNone,
+      renderSelectAllText,
+      renderSelectNoneText,
+      renderEnhancedNumSelectedText
+    } = topBarSelectionConfig;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderEnhancedNumSelectedText ? renderEnhancedNumSelectedText() : renderNumSelectedText(numSelected), ' ', !isAllSelected && handleSelectAll && renderSelectAllText && /*#__PURE__*/_react.default.createElement(_material.Link, {
       className: classes.selectLink,
       onClick: handleSelectAll
@@ -64,19 +66,17 @@ function EnhancedTableToolbar(props) {
     variant: "subtitle1",
     component: "div",
     className: classes.flexText
-  }, topBarSelection), topBarButtons === null || topBarButtons === void 0 ? void 0 : topBarButtons.map(function (tbButton, index) {
-    return (0, _.isTopBarButton)(tbButton) ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: tbButton.tooltipTitle,
-      key: index
-    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      className: classes.buttonSpacing,
-      key: tbButton.buttonText,
-      label: tbButton.buttonText,
-      priority: "secondary",
-      type: tbButton.buttonType,
-      onClick: tbButton.onButtonClick,
-      icon: tbButton.icon,
-      disabled: tbButton.disabled
-    })) : tbButton;
-  })) : null;
+  }, topBarSelection), topBarButtons === null || topBarButtons === void 0 ? void 0 : topBarButtons.map((tbButton, index) => (0, _.isTopBarButton)(tbButton) ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    title: tbButton.tooltipTitle,
+    key: index
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: classes.buttonSpacing,
+    key: tbButton.buttonText,
+    label: tbButton.buttonText,
+    priority: "secondary",
+    type: tbButton.buttonType,
+    onClick: tbButton.onButtonClick,
+    icon: tbButton.icon,
+    disabled: tbButton.disabled
+  })) : tbButton)) : null;
 }

package/components/table/EnhancedTableToolbarV2.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TopBarButton, EnhancedTopBarSelectionProps } from './index';
 export interface EnhancedTopBarSelectionConfig {
     handleSelectAll?: () => void;
@@ -15,6 +16,6 @@ interface EnhancedTableToolbarV2Props {
     topBarButtons?: (TopBarButton | JSX.Element)[];
     topBarSelectionConfig?: DecoratedEnhancedTopBarSelectionConfig;
 }
-declare const EnhancedTableToolbarV2: ({ selectedRowsCount, pagesCount, renderNumSelectedText, rowsCount, topBarButtons, topBarSelectionConfig, }: EnhancedTableToolbarV2Props) => JSX.Element;
+declare const EnhancedTableToolbarV2: ({ selectedRowsCount, pagesCount, renderNumSelectedText, rowsCount, topBarButtons, topBarSelectionConfig, }: EnhancedTableToolbarV2Props) => import("react/jsx-runtime").JSX.Element;
 export default EnhancedTableToolbarV2;
 //# sourceMappingURL=EnhancedTableToolbarV2.d.ts.map

package/components/table/EnhancedTableToolbarV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedTableToolbarV2.d.ts","sourceRoot":"","sources":["../../../src/components/table/EnhancedTableToolbarV2.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,WAAW,6BAA6B;IAC5C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,6BAA6B,CAAC,EAAE,MAAM,MAAM,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,MAAM,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAC;CACrC;AAED,KAAK,sCAAsC,GAAG,IAAI,CAChD,6BAA6B,EAC7B,+BAA+B,GAAG,qBAAqB,GAAG,sBAAsB,CACjF,GACC,4BAA4B,CAAC;AAE/B,UAAU,2BAA2B;IACnC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;IAC/C,qBAAqB,CAAC,EAAE,sCAAsC,CAAC;CAChE;AAED,QAAA,MAAM,sBAAsB,+GAOzB,2BAA2B,gBAmC7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"EnhancedTableToolbarV2.d.ts","sourceRoot":"","sources":["../../../src/components/table/EnhancedTableToolbarV2.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,WAAW,6BAA6B;IAC5C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,6BAA6B,CAAC,EAAE,MAAM,MAAM,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,MAAM,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAC;CACrC;AAED,KAAK,sCAAsC,GAAG,IAAI,CAChD,6BAA6B,EAC7B,+BAA+B,GAAG,qBAAqB,GAAG,sBAAsB,CACjF,GACC,4BAA4B,CAAC;AAE/B,UAAU,2BAA2B;IACnC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;IAC/C,qBAAqB,CAAC,EAAE,sCAAsC,CAAC;CAChE;AAED,QAAA,MAAM,sBAAsB,+GAOzB,2BAA2B,4CAmC7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/components/table/EnhancedTableToolbarV2.js

@@ -1,35 +1,35 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _EnhancedTableToolbar = _interopRequireDefault(require("./EnhancedTableToolbar"));
-var EnhancedTableToolbarV2 = function EnhancedTableToolbarV2(_ref) {
-  var selectedRowsCount = _ref.selectedRowsCount,
-    pagesCount = _ref.pagesCount,
-    renderNumSelectedText = _ref.renderNumSelectedText,
-    rowsCount = _ref.rowsCount,
-    topBarButtons = _ref.topBarButtons,
-    topBarSelectionConfig = _ref.topBarSelectionConfig;
-  var _topBarSelectionConfig = (0, _react.useMemo)(function () {
+const EnhancedTableToolbarV2 = _ref => {
+  let {
+    selectedRowsCount,
+    pagesCount,
+    renderNumSelectedText,
+    rowsCount,
+    topBarButtons,
+    topBarSelectionConfig
+  } = _ref;
+  const _topBarSelectionConfig = (0, _react.useMemo)(() => {
     if (!topBarSelectionConfig) {
       return topBarSelectionConfig;
     }
-    var _renderEnhancedNumSelectedText = topBarSelectionConfig.renderEnhancedNumSelectedText,
-      _renderSelectAllText = topBarSelectionConfig.renderSelectAllText;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, topBarSelectionConfig), {}, {
-      renderEnhancedNumSelectedText: function renderEnhancedNumSelectedText() {
-        return _renderEnhancedNumSelectedText && _renderEnhancedNumSelectedText(selectedRowsCount || 0, pagesCount) || '';
-      },
-      renderSelectAllText: function renderSelectAllText() {
-        return _renderSelectAllText && _renderSelectAllText(rowsCount) || '';
-      }
-    });
+    const {
+      renderEnhancedNumSelectedText,
+      renderSelectAllText
+    } = topBarSelectionConfig;
+    return {
+      ...topBarSelectionConfig,
+      renderEnhancedNumSelectedText: () => renderEnhancedNumSelectedText && renderEnhancedNumSelectedText(selectedRowsCount || 0, pagesCount) || '',
+      renderSelectAllText: () => renderSelectAllText && renderSelectAllText(rowsCount) || ''
+    };
   }, [topBarSelectionConfig, selectedRowsCount, rowsCount, pagesCount]);
   if (topBarSelectionConfig) {
     return /*#__PURE__*/_react.default.createElement(_EnhancedTableToolbar.default, {
@@ -46,5 +46,4 @@ var EnhancedTableToolbarV2 = function EnhancedTableToolbarV2(_ref) {
     topBarButtons: topBarButtons
   });
 };
-var _default = EnhancedTableToolbarV2;
-exports.default = _default;
+var _default = exports.default = EnhancedTableToolbarV2;

package/components/table/TableCellRenderer.js

@@ -16,38 +16,38 @@ var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("@mui/styles");
 var _utils = require("../../utils");
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    editIcon: {
-      marginLeft: theme.spacing(1)
-    },
-    textRoot: {
-      maxWidth: 400
-    },
-    date: {
-      whiteSpace: 'nowrap'
-    },
-    default: {
-      '&.MuiTableCell-root': {
-        height: '52px',
-        paddingTop: '0px',
-        paddingBottom: '0px',
-        borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary),
-        fontVariantNumeric: 'tabular-nums'
-      }
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  editIcon: {
+    marginLeft: theme.spacing(1)
+  },
+  textRoot: {
+    maxWidth: 400
+  },
+  date: {
+    whiteSpace: 'nowrap'
+  },
+  default: {
+    '&.MuiTableCell-root': {
+      height: '52px',
+      paddingTop: '0px',
+      paddingBottom: '0px',
+      borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary),
+      fontVariantNumeric: 'tabular-nums'
     }
-  };
-});
+  }
+}));
 function CellRenderer(props) {
-  var column = props.column,
-    value = props.value,
-    onRowClick = props.onRowClick,
-    index = props.index,
-    className = props.className,
-    booleanFalseText = props.booleanFalseText,
-    booleanTrueText = props.booleanTrueText,
-    editText = props.editText;
-  var id = "row".concat(index, "-").concat(column.key);
+  const {
+    column,
+    value,
+    onRowClick,
+    index,
+    className,
+    booleanFalseText,
+    booleanTrueText,
+    editText
+  } = props;
+  const id = "row".concat(index, "-").concat(column.key);
   if (column.type === 'date' && typeof value === 'string' && value) {
     return /*#__PURE__*/_react.default.createElement(CellDateRenderer, {
       id: id,
@@ -87,18 +87,20 @@ function CellRenderer(props) {
     alignment: column.alignment
   });
 }
-var cellDateFormatter = function cellDateFormatter(value) {
+const cellDateFormatter = value => {
   if (value) {
     return (0, _utils.getDateDisplayValue)(value);
   }
 };
 exports.cellDateFormatter = cellDateFormatter;
 function CellDateRenderer(_ref) {
-  var id = _ref.id,
-    value = _ref.value,
-    className = _ref.className,
-    alignment = _ref.alignment;
-  var classes = useStyles();
+  let {
+    id,
+    value,
+    className,
+    alignment
+  } = _ref;
+  const classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: alignment || 'left',
@@ -110,11 +112,13 @@ function CellDateRenderer(_ref) {
   }, cellDateFormatter(value)));
 }
 function CellTextRenderer(_ref2) {
-  var id = _ref2.id,
-    value = _ref2.value,
-    className = _ref2.className,
-    alignment = _ref2.alignment;
-  var classes = useStyles();
+  let {
+    id,
+    value,
+    className,
+    alignment
+  } = _ref2;
+  const classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: alignment || 'left',
@@ -131,13 +135,15 @@ function CellTextRenderer(_ref2) {
   }, value));
 }
 function CellBooleanRenderer(_ref3) {
-  var id = _ref3.id,
-    value = _ref3.value,
-    className = _ref3.className,
-    booleanFalseText = _ref3.booleanFalseText,
-    booleanTrueText = _ref3.booleanTrueText,
-    alignment = _ref3.alignment;
-  var classes = useStyles();
+  let {
+    id,
+    value,
+    className,
+    booleanFalseText,
+    booleanTrueText,
+    alignment
+  } = _ref3;
+  const classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: alignment || 'left',
@@ -149,11 +155,13 @@ function CellBooleanRenderer(_ref3) {
   }, (value === null || value === void 0 ? void 0 : value.toString()) === 'true' ? booleanTrueText : booleanFalseText));
 }
 function CellNotesRenderer(_ref4) {
-  var id = _ref4.id,
-    value = _ref4.value,
-    className = _ref4.className,
-    alignment = _ref4.alignment;
-  var classes = useStyles();
+  let {
+    id,
+    value,
+    className,
+    alignment
+  } = _ref4;
+  const classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: alignment || 'left',
@@ -166,12 +174,14 @@ function CellNotesRenderer(_ref4) {
   }, value && value.length > 0 ? /*#__PURE__*/_react.default.createElement(_iconsMaterial.Notes, null) : ''));
 }
 function CellEditRenderer(_ref5) {
-  var id = _ref5.id,
-    onRowClick = _ref5.onRowClick,
-    className = _ref5.className,
-    editText = _ref5.editText,
-    alignment = _ref5.alignment;
-  var classes = useStyles();
+  let {
+    id,
+    onRowClick,
+    className,
+    editText,
+    alignment
+  } = _ref5;
+  const classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: alignment || 'left',
@@ -179,7 +189,7 @@ function CellEditRenderer(_ref5) {
   }, /*#__PURE__*/_react.default.createElement(_material.Link, {
     id: "".concat(id, "-button"),
     href: "#",
-    onClick: function onClick(event) {
+    onClick: event => {
       (0, _utils.preventDefaultEvent)(event);
       if (onRowClick) {
         onRowClick();

package/components/table/TableHeader.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = EnhancedTableHead;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _sortable = require("@dnd-kit/sortable");
@@ -13,42 +12,37 @@ var _TableHeaderItem = _interopRequireDefault(require("./TableHeaderItem"));
 var _styles = require("@mui/styles");
 var _Checkbox = require("../Checkbox");
 var _text = require("../../utils/text");
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    headerCell: {
-      '&.MuiTableCell-root': {
-        borderBottom: "2px solid ".concat(theme.palette.TwClrBrdrSecondary)
-      }
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  headerCell: {
+    '&.MuiTableCell-root': {
+      borderBottom: "2px solid ".concat(theme.palette.TwClrBrdrSecondary)
     }
-  };
-});
+  }
+}));
 function EnhancedTableHead(props) {
-  var classes = useStyles();
-  var theme = (0, _material.useTheme)();
-  var order = props.order,
-    orderBy = props.orderBy,
-    onRequestSort = props.onRequestSort,
-    numSelected = props.numSelected,
-    rowCount = props.rowCount,
-    onSelectAllClick = props.onSelectAllClick;
-  var _React$useState = _react.default.useState(columnsToHeadCells(props.columns)),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    headCells = _React$useState2[0],
-    setHeadCells = _React$useState2[1];
-  _react.default.useEffect(function () {
+  const classes = useStyles();
+  const theme = (0, _material.useTheme)();
+  const {
+    order,
+    orderBy,
+    onRequestSort,
+    numSelected,
+    rowCount,
+    onSelectAllClick
+  } = props;
+  const [headCells, setHeadCells] = _react.default.useState(columnsToHeadCells(props.columns));
+  _react.default.useEffect(() => {
     setHeadCells(columnsToHeadCells(props.columns));
   }, [props.columns]);
   function columnsToHeadCells(columns) {
-    return columns.map(function (c) {
-      return {
-        id: c.key,
-        disablePadding: false,
-        className: "".concat(classes.headerCell, " ").concat(c.className),
-        label: typeof c.name === 'string' && c.name.length > 0 ? (0, _text.titleCase)(c.name) : c.name,
-        tooltipTitle: c.tooltipTitle,
-        alignment: c.alignment
-      };
-    });
+    return columns.map(c => ({
+      id: c.key,
+      disablePadding: false,
+      className: "".concat(classes.headerCell, " ").concat(c.className),
+      label: typeof c.name === 'string' && c.name.length > 0 ? (0, _text.titleCase)(c.name) : c.name,
+      tooltipTitle: c.tooltipTitle,
+      alignment: c.alignment
+    }));
   }
   return /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, {
     id: "table-header"
@@ -64,7 +58,7 @@ function EnhancedTableHead(props) {
     onChange: onSelectAllClick
   })), /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
     items: headCells
-  }, headCells.map(function (headCell, i) {
+  }, headCells.map((headCell, i) => {
     return /*#__PURE__*/_react.default.createElement(_TableHeaderItem.default, {
       headCell: headCell,
       order: order,

package/components/table/TableHeaderItem.js

@@ -12,46 +12,43 @@ var _iconsMaterial = require("@mui/icons-material");
 var _material = require("@mui/material");
 var _styles = require("@mui/styles");
 var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    dragIcon: {
-      marginLeft: function marginLeft(props) {
-        return props.rightAligned ? '0px' : '-20px';
-      },
-      color: theme.palette.common.white,
-      '&:hover': {
-        color: theme.palette.neutral[600]
-      }
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  dragIcon: {
+    marginLeft: props => props.rightAligned ? '0px' : '-20px',
+    color: theme.palette.common.white,
+    '&:hover': {
+      color: theme.palette.neutral[600]
     }
-  };
-});
+  }
+}));
 function TableHeaderItem(props) {
-  var headCell = props.headCell,
-    order = props.order,
-    orderBy = props.orderBy,
-    onRequestSort = props.onRequestSort,
-    i = props.i;
-  var classes = useStyles({
+  const {
+    headCell,
+    order,
+    orderBy,
+    onRequestSort,
+    i
+  } = props;
+  const classes = useStyles({
     rightAligned: headCell.alignment === 'right'
   });
-  var _useSortable = (0, _sortable.useSortable)({
-      id: headCell.id
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition,
-    isDragging = _useSortable.isDragging;
-  var style = {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = (0, _sortable.useSortable)({
+    id: headCell.id
+  });
+  const style = {
     transform: _utilities.CSS.Transform.toString(transform),
-    transition: transition,
+    transition,
     opacity: isDragging ? 0.5 : 1
   };
-  var createSortHandler = function createSortHandler(property) {
-    return function (event) {
-      onRequestSort(event, property);
-    };
+  const createSortHandler = property => event => {
+    onRequestSort(event, property);
   };
   return headCell.alignment === 'right' ? /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     ref: setNodeRef,

package/components/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}