@perses-dev/components 0.39.0 → 0.40.1

package/dist/cjs/StatChart/StatChart.js

@@ -16,21 +16,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "StatChart", {
     enumerable: true,
-    get: ()=>StatChart
+    get: function() {
+        return StatChart;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _core = require("@perses-dev/core");
 const _material = require("@mui/material");
-const _merge = /*#__PURE__*/ _interopRequireDefault(require("lodash/merge"));
+const _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge"));
 const _core1 = require("echarts/core");
 const _charts = require("echarts/charts");
 const _components = require("echarts/components");
 const _renderers = require("echarts/renderers");
-const _chartsProvider = require("../context/ChartsProvider");
-const _echart = require("../EChart");
+const _ChartsProvider = require("../context/ChartsProvider");
+const _EChart = require("../EChart");
 const _calculateFontSize = require("./calculateFontSize");
-function _interopRequireDefault(obj) {
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -48,20 +50,20 @@ const SERIES_NAME_MAX_FONT_SIZE = 30;
 const SERIES_NAME_FONT_WEIGHT = 400;
 const VALUE_FONT_WEIGHT = 700;
 function StatChart(props) {
-    var ref, ref1;
-    const { width , height , data , unit , color , sparkline , showSeriesName , valueFontSize  } = props;
-    const chartsTheme = (0, _chartsProvider.useChartsTheme)();
+    var _data_seriesData, _data_seriesData1;
+    const { width , height , data , format , color , sparkline , showSeriesName , valueFontSize  } = props;
+    const chartsTheme = (0, _ChartsProvider.useChartsTheme)();
     let formattedValue = '';
     if (data.calculatedValue === null) {
         formattedValue = 'null';
     } else if (typeof data.calculatedValue === 'number') {
-        formattedValue = (0, _core.formatValue)(data.calculatedValue, unit);
+        formattedValue = (0, _core.formatValue)(data.calculatedValue, format);
     }
     const containerPadding = chartsTheme.container.padding.default;
-    var ref2;
+    var _data_seriesData_name;
     // calculate series name font size and height
     let seriesNameFontSize = (0, _calculateFontSize.useOptimalFontSize)({
-        text: (ref2 = data === null || data === void 0 ? void 0 : (ref = data.seriesData) === null || ref === void 0 ? void 0 : ref.name) !== null && ref2 !== void 0 ? ref2 : '',
+        text: (_data_seriesData_name = data === null || data === void 0 ? void 0 : (_data_seriesData = data.seriesData) === null || _data_seriesData === void 0 ? void 0 : _data_seriesData.name) !== null && _data_seriesData_name !== void 0 ? _data_seriesData_name : '',
         fontWeight: SERIES_NAME_FONT_WEIGHT,
         width,
         height: height * 0.125,
@@ -126,7 +128,7 @@ function StatChart(props) {
                 show: false,
                 min: (value)=>{
                     if (value.min >= 0 && value.min <= 1) {
-                        // helps with PercentDecimal units, or datasets that return 0 or 1 booleans
+                        // helps with percent-decimal units, or datasets that return 0 or 1 booleans
                         return 0;
                     }
                     return value.min;
@@ -150,26 +152,26 @@ function StatChart(props) {
         justifyContent: textAlignment,
         alignItems: textAlignment
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         sx: {
             height: '100%',
             width: '100%',
             ...textStyles
         },
         children: [
-            showSeriesName && /*#__PURE__*/ (0, _jsxRuntime.jsx)(SeriesName, {
+            showSeriesName && /*#__PURE__*/ (0, _jsxruntime.jsx)(SeriesName, {
                 padding: containerPadding,
                 fontSize: seriesNameFontSize,
-                children: (ref1 = data.seriesData) === null || ref1 === void 0 ? void 0 : ref1.name
+                children: (_data_seriesData1 = data.seriesData) === null || _data_seriesData1 === void 0 ? void 0 : _data_seriesData1.name
             }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(Value, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(Value, {
                 variant: "h3",
                 color: color,
                 fontSize: optimalValueFontSize,
                 padding: containerPadding,
                 children: formattedValue
             }),
-            sparkline !== undefined && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_echart.EChart, {
+            sparkline !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsx)(_EChart.EChart, {
                 sx: {
                     width: '100%',
                     height: height - seriesNameHeight - valueFontHeight

package/dist/cjs/StatChart/calculateFontSize.js

@@ -16,9 +16,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useOptimalFontSize", {
     enumerable: true,
-    get: ()=>useOptimalFontSize
+    get: function() {
+        return useOptimalFontSize;
+    }
 });
-const _chartsProvider = require("../context/ChartsProvider");
+const _ChartsProvider = require("../context/ChartsProvider");
 let canvasContext;
 function getGlobalCanvasContext() {
     if (!canvasContext) {
@@ -31,16 +33,16 @@ function getGlobalCanvasContext() {
 }
 function useOptimalFontSize({ text , fontWeight , width , height , lineHeight , maxSize , fontSizeOverride  }) {
     const ctx = getGlobalCanvasContext();
-    const { echartsTheme  } = (0, _chartsProvider.useChartsTheme)();
+    const { echartsTheme  } = (0, _ChartsProvider.useChartsTheme)();
     // if user has selected a font size in the settings, use it instead of calculating the optimal size
     if (fontSizeOverride !== undefined) {
         return Number(fontSizeOverride);
     }
     const textStyle = echartsTheme.textStyle;
-    var ref;
-    const fontSize = (ref = Number(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize)) !== null && ref !== void 0 ? ref : 12;
-    var ref1;
-    const fontFamily = (ref1 = textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontFamily) !== null && ref1 !== void 0 ? ref1 : 'Lato';
+    var _Number;
+    const fontSize = (_Number = Number(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize)) !== null && _Number !== void 0 ? _Number : 12;
+    var _textStyle_fontFamily;
+    const fontFamily = (_textStyle_fontFamily = textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontFamily) !== null && _textStyle_fontFamily !== void 0 ? _textStyle_fontFamily : 'Lato';
     // set the font on the canvas context
     const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;
     ctx.font = fontStyle;

package/dist/cjs/StatChart/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./StatChart"), exports);
-function _exportStar(from, to) {
+_export_star(require("./StatChart"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/Table/InnerTable.js

@@ -16,9 +16,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "InnerTable", {
     enumerable: true,
-    get: ()=>InnerTable
+    get: function() {
+        return InnerTable;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _react = require("react");
 const StyledMuiTable = (0, _material.styled)(_material.Table)(({ theme  })=>({
@@ -32,7 +34,7 @@ const TABLE_DENSITY_CONFIG = {
     standard: 'medium'
 };
 const InnerTable = /*#__PURE__*/ (0, _react.forwardRef)(function InnerTable({ density , ...otherProps }, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(StyledMuiTable, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledMuiTable, {
         ...otherProps,
         tabIndex: -1,
         size: TABLE_DENSITY_CONFIG[density],

package/dist/cjs/Table/Table.js

@@ -16,15 +16,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Table", {
     enumerable: true,
-    get: ()=>Table
+    get: function() {
+        return Table;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _reactTable = require("@tanstack/react-table");
+const _jsxruntime = require("react/jsx-runtime");
+const _reacttable = require("@tanstack/react-table");
 const _material = require("@mui/material");
 const _react = require("react");
-const _virtualizedTable = require("./VirtualizedTable");
-const _tableCheckbox = require("./TableCheckbox");
-const _tableModel = require("./model/table-model");
+const _VirtualizedTable = require("./VirtualizedTable");
+const _TableCheckbox = require("./TableCheckbox");
+const _tablemodel = require("./model/table-model");
 const DEFAULT_GET_ROW_ID = (data, index)=>{
     return `${index}`;
 };
@@ -76,7 +78,7 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
             id: 'checkboxRowSelect',
             size: 28,
             header: ({ table  })=>{
-                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tableCheckbox.TableCheckbox, {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableCheckbox.TableCheckbox, {
                     checked: table.getIsAllRowsSelected(),
                     indeterminate: table.getIsSomeRowsSelected(),
                     onChange: table.getToggleAllRowsSelectedHandler(),
@@ -85,7 +87,7 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
                 });
             },
             cell: ({ row , table  })=>{
-                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tableCheckbox.TableCheckbox, {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableCheckbox.TableCheckbox, {
                     checked: row.getIsSelected(),
                     indeterminate: row.getIsSomeSelected(),
                     onChange: (e)=>{
@@ -104,7 +106,7 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
         handleCheckboxChange
     ]);
     const tableColumns = (0, _react.useMemo)(()=>{
-        const initTableColumns = (0, _tableModel.persesColumnsToTanstackColumns)(columns);
+        const initTableColumns = (0, _tablemodel.persesColumnsToTanstackColumns)(columns);
         if (checkboxSelection) {
             initTableColumns.unshift(checkboxColumn);
         }
@@ -114,12 +116,12 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
         checkboxSelection,
         columns
     ]);
-    const table = (0, _reactTable.useReactTable)({
+    const table = (0, _reacttable.useReactTable)({
         data,
         columns: tableColumns,
         getRowId,
-        getCoreRowModel: (0, _reactTable.getCoreRowModel)(),
-        getSortedRowModel: (0, _reactTable.getSortedRowModel)(),
+        getCoreRowModel: (0, _reacttable.getCoreRowModel)(),
+        getSortedRowModel: (0, _reacttable.getSortedRowModel)(),
         enableRowSelection: !!checkboxSelection,
         onRowSelectionChange: handleRowSelectionChange,
         onSortingChange: handleSortingChange,
@@ -139,7 +141,7 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
         handleRowSelectionEvent,
         table
     ]);
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_virtualizedTable.VirtualizedTable, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_VirtualizedTable.VirtualizedTable, {
         ...otherProps,
         density: density,
         onRowClick: handleRowClick,

package/dist/cjs/Table/TableBody.js

@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TableBody", {
     enumerable: true,
-    get: ()=>TableBody
+    get: function() {
+        return TableBody;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _react = require("react");
 const TableBody = /*#__PURE__*/ (0, _react.forwardRef)(function TableBody(props, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableBody, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
         ...props,
         ref: ref
     });

package/dist/cjs/Table/TableCell.js

@@ -16,12 +16,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TableCell", {
     enumerable: true,
-    get: ()=>TableCell
+    get: function() {
+        return TableCell;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _react = require("react");
-const _tableModel = require("./model/table-model");
+const _tablemodel = require("./model/table-model");
 const StyledMuiTableCell = (0, _material.styled)(_material.TableCell)(({ theme  })=>({
         padding: 0,
         backgroundColor: 'inherit',
@@ -49,9 +51,9 @@ function TableCell({ children , density , variant , width , focusState ='none' ,
         focusState
     ]);
     const handleFocus = (e)=>{
-        var ref;
+        var _e_currentTarget;
         // From https://zellwk.com/blog/keyboard-focusable-elements/
-        const nestedFocusTarget = (ref = e.currentTarget) === null || ref === void 0 ? void 0 : ref.querySelector('a[href], button, input, textarea, select, details,[role="button"]');
+        const nestedFocusTarget = (_e_currentTarget = e.currentTarget) === null || _e_currentTarget === void 0 ? void 0 : _e_currentTarget.querySelector('a[href], button, input, textarea, select, details,[role="button"]');
         if (nestedFocusTarget) {
             // If the cell has a focusable child, focus it instead. Mostly used for
             // checkbox cells, but could have other uses.
@@ -66,7 +68,7 @@ function TableCell({ children , density , variant , width , focusState ='none' ,
         // tabindex and focuses to the right cell.
         onFocusTrigger === null || onFocusTrigger === void 0 ? void 0 : onFocusTrigger(e);
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(StyledMuiTableCell, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledMuiTableCell, {
         ...otherProps,
         // Modify the tab index based on the currently focused cell. It's important
         // to avoid having tabindex 0 on everything because it essentially traps
@@ -81,9 +83,9 @@ function TableCell({ children , density , variant , width , focusState ='none' ,
             borderBottom: isHeader ? (theme)=>`solid 1px ${theme.palette.grey[100]}` : `solid 1px ${theme.palette.grey[50]}`
         },
         ref: elRef,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
             sx: {
-                ...(0, _tableModel.getTableCellLayout)(theme, density, {
+                ...(0, _tablemodel.getTableCellLayout)(theme, density, {
                     isLastColumn,
                     isFirstColumn
                 }),

package/dist/cjs/Table/TableCheckbox.js

@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TableCheckbox", {
     enumerable: true,
-    get: ()=>TableCheckbox
+    get: function() {
+        return TableCheckbox;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 function TableCheckbox({ color , density , ...otherProps }) {
     const isCompact = density === 'compact';
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Checkbox, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
         size: isCompact ? 'small' : 'medium',
         ...otherProps,
         // Disable ripple and set background color below because of some issues

package/dist/cjs/Table/TableHead.js

@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TableHead", {
     enumerable: true,
-    get: ()=>TableHead
+    get: function() {
+        return TableHead;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _react = require("react");
 const TableHead = /*#__PURE__*/ (0, _react.forwardRef)(function TableHead(props, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableHead, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableHead, {
         ...props,
         ref: ref
     });

package/dist/cjs/Table/TableHeaderCell.js

@@ -16,14 +16,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TableHeaderCell", {
     enumerable: true,
-    get: ()=>TableHeaderCell
+    get: function() {
+        return TableHeaderCell;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _tableCell = require("./TableCell");
+const _TableCell = require("./TableCell");
 function TableHeaderCell({ onSort , sortDirection , nextSortDirection , children , ...cellProps }) {
     const showSortLabel = !!onSort;
-    const headerText = /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+    const headerText = /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
         noWrap: true,
         variant: "inherit",
         component: "div",
@@ -32,9 +34,9 @@ function TableHeaderCell({ onSort , sortDirection , nextSortDirection , children
     });
     const isActive = !!sortDirection;
     const direction = isActive ? sortDirection : nextSortDirection;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tableCell.TableCell, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableCell.TableCell, {
         ...cellProps,
-        children: showSortLabel ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableSortLabel, {
+        children: showSortLabel ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableSortLabel, {
             onClick: onSort,
             direction: direction,
             active: isActive,

package/dist/cjs/Table/TableRow.js

@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TableRow", {
     enumerable: true,
-    get: ()=>TableRow
+    get: function() {
+        return TableRow;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _react = require("react");
 const TableRow = /*#__PURE__*/ (0, _react.forwardRef)(function TableRow(props, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableRow, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableRow, {
         ...props,
         ref: ref,
         sx: {

package/dist/cjs/Table/VirtualizedTable.js

@@ -16,20 +16,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "VirtualizedTable", {
     enumerable: true,
-    get: ()=>VirtualizedTable
+    get: function() {
+        return VirtualizedTable;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _reactTable = require("@tanstack/react-table");
+const _jsxruntime = require("react/jsx-runtime");
+const _reacttable = require("@tanstack/react-table");
 const _material = require("@mui/material");
-const _reactVirtuoso = require("react-virtuoso");
+const _reactvirtuoso = require("react-virtuoso");
 const _react = require("react");
-const _tableRow = require("./TableRow");
-const _tableBody = require("./TableBody");
-const _innerTable = require("./InnerTable");
-const _tableHead = require("./TableHead");
-const _tableHeaderCell = require("./TableHeaderCell");
-const _tableCell = require("./TableCell");
-const _virtualizedTableContainer = require("./VirtualizedTableContainer");
+const _TableRow = require("./TableRow");
+const _TableBody = require("./TableBody");
+const _InnerTable = require("./InnerTable");
+const _TableHead = require("./TableHead");
+const _TableHeaderCell = require("./TableHeaderCell");
+const _TableCell = require("./TableCell");
+const _VirtualizedTableContainer = require("./VirtualizedTableContainer");
 const _useVirtualizedTableKeyboardNav = require("./hooks/useVirtualizedTableKeyboardNav");
 function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOver , onRowMouseOut , rows , columns , headers  }) {
     const virtuosoRef = (0, _react.useRef)(null);
@@ -58,16 +60,16 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
     };
     const VirtuosoTableComponents = (0, _react.useMemo)(()=>{
         return {
-            Scroller: _virtualizedTableContainer.VirtualizedTableContainer,
+            Scroller: _VirtualizedTableContainer.VirtualizedTableContainer,
             Table: (props)=>{
-                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_innerTable.InnerTable, {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InnerTable.InnerTable, {
                     ...props,
                     width: width,
                     density: density,
                     onKeyDown: keyboardNav.onTableKeyDown
                 });
             },
-            TableHead: _tableHead.TableHead,
+            TableHead: _TableHead.TableHead,
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             TableRow: ({ item , ...props })=>{
                 const index = props['data-index'];
@@ -79,7 +81,7 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
                     id: row.id,
                     index: row.index
                 };
-                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tableRow.TableRow, {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableRow.TableRow, {
                     ...props,
                     onClick: (e)=>onRowClick(e, row.id),
                     density: density,
@@ -91,7 +93,7 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
                     }
                 });
             },
-            TableBody: _tableBody.TableBody
+            TableBody: _TableBody.TableBody
         };
     }, [
         density,
@@ -102,12 +104,12 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
         rows,
         width
     ]);
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
         sx: {
             width,
             height
         },
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactVirtuoso.TableVirtuoso, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactvirtuoso.TableVirtuoso, {
             ref: virtuosoRef,
             totalCount: rows.length,
             components: VirtuosoTableComponents,
@@ -116,12 +118,12 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
             // https://github.com/petyosi/react-virtuoso/issues/118#issuecomment-642156138
             rangeChanged: setVisibleRange,
             fixedHeaderContent: ()=>{
-                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
                     children: headers.map((headerGroup)=>{
-                        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tableRow.TableRow, {
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableRow.TableRow, {
                             density: density,
                             children: headerGroup.headers.map((header, i, headers)=>{
-                                var ref, ref1;
+                                var _column_columnDef_meta, _column_columnDef_meta1;
                                 const column = header.column;
                                 const position = {
                                     row: 0,
@@ -129,20 +131,20 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
                                 };
                                 const isSorted = column.getIsSorted();
                                 const nextSorting = column.getNextSortingOrder();
-                                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tableHeaderCell.TableHeaderCell, {
+                                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableHeaderCell.TableHeaderCell, {
                                     onSort: column.getCanSort() ? column.getToggleSortingHandler() : undefined,
                                     sortDirection: typeof isSorted === 'string' ? isSorted : undefined,
                                     nextSortDirection: typeof nextSorting === 'string' ? nextSorting : undefined,
                                     width: column.getSize() || 'auto',
-                                    align: (ref = column.columnDef.meta) === null || ref === void 0 ? void 0 : ref.align,
+                                    align: (_column_columnDef_meta = column.columnDef.meta) === null || _column_columnDef_meta === void 0 ? void 0 : _column_columnDef_meta.align,
                                     variant: "head",
                                     density: density,
-                                    description: (ref1 = column.columnDef.meta) === null || ref1 === void 0 ? void 0 : ref1.headerDescription,
+                                    description: (_column_columnDef_meta1 = column.columnDef.meta) === null || _column_columnDef_meta1 === void 0 ? void 0 : _column_columnDef_meta1.headerDescription,
                                     focusState: getFocusState(position),
                                     onFocusTrigger: ()=>keyboardNav.onCellFocus(position),
                                     isFirstColumn: i === 0,
                                     isLastColumn: i === headers.length - 1,
-                                    children: (0, _reactTable.flexRender)(column.columnDef.header, header.getContext())
+                                    children: (0, _reacttable.flexRender)(column.columnDef.header, header.getContext())
                                 }, header.id);
                             })
                         }, headerGroup.id);
@@ -154,9 +156,9 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
                 if (!row) {
                     return null;
                 }
-                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
                     children: row.getVisibleCells().map((cell, i, cells)=>{
-                        var ref, ref1;
+                        var _cell_column_columnDef_meta, _cell_column_columnDef_meta1;
                         const position = {
                             // Add 1 to the row index because the header is row 0
                             row: index + 1,
@@ -165,7 +167,7 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
                         const cellContext = cell.getContext();
                         const cellRenderFn = cell.column.columnDef.cell;
                         const cellContent = typeof cellRenderFn == 'function' ? cellRenderFn(cellContext) : null;
-                        const cellDescriptionDef = (ref = cell.column.columnDef.meta) === null || ref === void 0 ? void 0 : ref.cellDescription;
+                        const cellDescriptionDef = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.cellDescription;
                         let description = undefined;
                         if (typeof cellDescriptionDef === 'function') {
                             // If the cell description is a function, set the value using
@@ -177,9 +179,9 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
                             // cell content.
                             description = cellContent;
                         }
-                        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tableCell.TableCell, {
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableCell.TableCell, {
                             width: cell.column.getSize() || 'auto',
-                            align: (ref1 = cell.column.columnDef.meta) === null || ref1 === void 0 ? void 0 : ref1.align,
+                            align: (_cell_column_columnDef_meta1 = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.align,
                             density: density,
                             focusState: getFocusState(position),
                             onFocusTrigger: ()=>keyboardNav.onCellFocus(position),

package/dist/cjs/Table/VirtualizedTableContainer.js

@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "VirtualizedTableContainer", {
     enumerable: true,
-    get: ()=>VirtualizedTableContainer
+    get: function() {
+        return VirtualizedTableContainer;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _react = require("react");
 const VirtualizedTableContainer = /*#__PURE__*/ (0, _react.forwardRef)(function VirtualizedTableContainer(props, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableContainer, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableContainer, {
         ...props,
         tabIndex: -1,
         ref: ref

package/dist/cjs/Table/hooks/useTableKeyboardNav.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useTableKeyboardNav", {
     enumerable: true,
-    get: ()=>useTableKeyboardNav
+    get: function() {
+        return useTableKeyboardNav;
+    }
 });
 const _react = require("react");
 const DEFAULT_ACTIVE_CELL = {