material-react-table 0.9.2 → 0.9.3

package/dist/material-react-table.esm.js

@@ -1912,7 +1912,7 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
       }, toolbarProps == null ? void 0 : toolbarProps.sx);
     }
   }), React.createElement(MRT_LinearProgressBar, {
-    alignTo: 'top',
+    alignTo: "top",
     tableInstance: tableInstance
   }), positionToolbarAlertBanner === 'bottom' && React.createElement(MRT_ToolbarAlertBanner, {
     tableInstance: tableInstance
@@ -2737,11 +2737,13 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
       editingMode = _tableInstance$option.editingMode,
       enableClickToCopy = _tableInstance$option.enableClickToCopy,
       enableColumnOrdering = _tableInstance$option.enableColumnOrdering,
+      enableColumnResizing = _tableInstance$option.enableColumnResizing,
       enableEditing = _tableInstance$option.enableEditing,
-      tableId = _tableInstance$option.tableId,
+      enableRowVirtualization = _tableInstance$option.enableRowVirtualization,
       muiTableBodyCellProps = _tableInstance$option.muiTableBodyCellProps,
       muiTableBodyCellSkeletonProps = _tableInstance$option.muiTableBodyCellSkeletonProps,
       onMrtCellClick = _tableInstance$option.onMrtCellClick,
+      tableId = _tableInstance$option.tableId,
       setColumnOrder = tableInstance.setColumnOrder,
       setCurrentEditingCell = tableInstance.setCurrentEditingCell;
 
@@ -2817,7 +2819,8 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
         tableInstance: tableInstance
       });
     },
-    onDoubleClick: handleDoubleClick
+    onDoubleClick: handleDoubleClick,
+    title: (enableRowVirtualization || enableColumnResizing) && !(columnDef != null && columnDef.Cell) && !cell.getIsGrouped() && !columnDef.enableClickToCopy && typeof cell.getValue() === 'string' ? cell.getValue() : ''
   }, tableCellProps, {
     ref: columnDefType === 'data' && enableColumnOrdering ? dropRef : undefined,
     sx: function sx(theme) {
@@ -2826,10 +2829,12 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
         boxShadow: getIsLastLeftPinnedColumn() ? "4px 0 4px -2px " + alpha(theme.palette.common.black, 0.1) : getIsFirstRightPinnedColumn() ? "-4px 0 4px -2px " + alpha(theme.palette.common.black, 0.1) : undefined,
         cursor: isEditable && editingMode === 'cell' ? 'pointer' : 'text',
         left: column.getIsPinned() === 'left' ? column.getStart('left') + "px" : undefined,
+        overflow: 'hidden',
         p: isDensePadding ? columnDefType === 'display' ? '0 0.5rem' : '0.5rem' : columnDefType === 'display' ? '0.5rem 0.75rem' : '1rem',
         pl: column.id === 'mrt-expand' ? row.depth + (isDensePadding ? 0.5 : 0.75) + "rem" : undefined,
         position: column.getIsPinned() ? 'sticky' : 'relative',
         right: column.getIsPinned() === 'right' ? getTotalRight() + "px" : undefined,
+        textOverflow: 'ellipsis',
         transition: 'all 0.2s ease-in-out',
         whiteSpace: isDensePadding ? 'nowrap' : 'normal',
         zIndex: column.getIsPinned() ? 1 : undefined,
@@ -2969,14 +2974,14 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
     tableInstance: tableInstance
   }) : muiTableBodyProps;
   var rows = enablePagination ? getPaginationRowModel().rows : getPrePaginationRowModel().rows;
-  var rowVirtualizer = useVirtual({
+  var rowVirtualizer = enableRowVirtualization ? useVirtual({
     overscan: isDensePadding ? 15 : 5,
     size: rows.length,
     parentRef: tableContainerRef
-  });
+  }) : {};
   var virtualRows = rowVirtualizer.virtualItems;
-  var paddingTop = virtualRows.length > 0 ? virtualRows[0].start : 0;
-  var paddingBottom = virtualRows.length > 0 ? rowVirtualizer.totalSize - virtualRows[virtualRows.length - 1].end : 0;
+  var paddingTop = (virtualRows == null ? void 0 : virtualRows.length) > 0 ? virtualRows[0].start : 0;
+  var paddingBottom = (virtualRows == null ? void 0 : virtualRows.length) > 0 ? rowVirtualizer.totalSize - virtualRows[virtualRows.length - 1].end : 0;
   return React.createElement(TableBody, Object.assign({}, tableBodyProps), enableRowVirtualization && paddingTop > 0 && React.createElement("tr", null, React.createElement("td", {
     style: {
       height: paddingTop + "px"
@@ -3089,6 +3094,8 @@ var MRT_Table = function MRT_Table(_ref) {
   var tableContainerRef = _ref.tableContainerRef,
       tableInstance = _ref.tableInstance;
   var _tableInstance$option = tableInstance.options,
+      enableColumnResizing = _tableInstance$option.enableColumnResizing,
+      enableRowVirtualization = _tableInstance$option.enableRowVirtualization,
       enableStickyHeader = _tableInstance$option.enableStickyHeader,
       enableTableFooter = _tableInstance$option.enableTableFooter,
       enableTableHead = _tableInstance$option.enableTableHead,
@@ -3098,7 +3105,11 @@ var MRT_Table = function MRT_Table(_ref) {
   }) : muiTableProps;
   return React.createElement(Table, Object.assign({
     stickyHeader: enableStickyHeader
-  }, tableProps), enableTableHead && React.createElement(MRT_TableHead, {
+  }, tableProps, {
+    sx: _extends({
+      tableLayout: enableColumnResizing || enableRowVirtualization ? 'fixed' : undefined
+    }, tableProps == null ? void 0 : tableProps.sx)
+  }), enableTableHead && React.createElement(MRT_TableHead, {
     tableInstance: tableInstance
   }), React.createElement(MRT_TableBody, {
     tableContainerRef: tableContainerRef,
@@ -3468,9 +3479,9 @@ var MaterialReactTable = (function (_ref) {
       columnResizeMode = _ref$columnResizeMode === void 0 ? 'onEnd' : _ref$columnResizeMode,
       _ref$defaultColumn = _ref.defaultColumn,
       defaultColumn = _ref$defaultColumn === void 0 ? {
-    minSize: 50,
+    minSize: 30,
     maxSize: 1000,
-    size: 150
+    size: 180
   } : _ref$defaultColumn,
       _ref$editingMode = _ref.editingMode,
       editingMode = _ref$editingMode === void 0 ? 'row' : _ref$editingMode,