@popmenu/table 0.47.1 → 0.48.0

package/build/index.js

@@ -1012,7 +1012,6 @@ var getTableMinHeight = function (rootRef, pageSize) {
     var defaultBodyRowHeight = 56;
     var defaultHeaderRowHeight = 57;
     var defaultFooterHeight = 88;
-    var borderOffset = 1;
     var minHeight = defaultBodyRowHeight * pageSize + defaultHeaderRowHeight + defaultFooterHeight;
     if (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) {
         var rootTableNode = rootRef.current;
@@ -1020,9 +1019,8 @@ var getTableMinHeight = function (rootRef, pageSize) {
         var bodyRowNode = rootTableNode.querySelector("[data-table-element=\"body-row\"]");
         if (headerRowNode && bodyRowNode) {
             var headerRowHeight = headerRowNode.getBoundingClientRect().height;
-            var firstBodyRowHeight = bodyRowNode.getBoundingClientRect().height;
-            var restBodyRowHeight = firstBodyRowHeight - borderOffset;
-            minHeight = headerRowHeight + firstBodyRowHeight + restBodyRowHeight * (pageSize - 1) + defaultFooterHeight;
+            var bodyRowHeight = bodyRowNode.getBoundingClientRect().height;
+            minHeight = headerRowHeight + bodyRowHeight * pageSize + defaultFooterHeight;
         }
     }
     return minHeight;
@@ -3297,15 +3295,18 @@ var Table = function (props) {
         var pageIndex = pageNumber - 1;
         table.setPageIndex(pageIndex);
     };
+    var showControls = searchable || isControlledGlobalFilter || hasColumnFilters;
     return (React__default['default'].createElement(TableContext.Provider, { value: table },
-        React__default['default'].createElement(core.Box, __assign$3({ className: classes.root }, { ref: rootRef }, { "data-table-element": "root", minHeight: getTableMinHeight(rootRef, table.getState().pagination.pageSize) }),
-            React__default['default'].createElement(core.Box, null,
+        React__default['default'].createElement(core.Box, __assign$3({ className: classes.root }, { ref: rootRef }, { "data-table-element": "root" }, (table.getPageCount() > 1 && {
+            minHeight: getTableMinHeight(rootRef, table.getState().pagination.pageSize),
+        })),
+            showControls && (React__default['default'].createElement(core.Box, null,
                 React__default['default'].createElement(core.Box, { display: "grid", gridAutoFlow: "column", marginBottom: 3 },
                     (searchable || isControlledGlobalFilter) && (React__default['default'].createElement(GlobalFilter, __assign$3({}, GlobalFilterProps, { value: table.getState().globalFilter, setValue: table.setGlobalFilter }))),
                     hasColumnFilters && React__default['default'].createElement(FilterPanel, null)),
                 React__default['default'].createElement(core.Box, { display: "flex", flexWrap: "wrap", gridGap: 8 },
                     selectedColumnFilters.map(function (selectedColumnFilter, i) { return (React__default['default'].createElement(ColumnFilterChip, { key: "selected-column-filter-chip-" + i, columnFilter: selectedColumnFilter, label: formatSelectedFilterText(selectedColumnFilter), onClick: deselectColumnFilter })); }),
-                    selectedColumnFilters.length >= 1 && React__default['default'].createElement(ColumnFilterResetButton, { onClick: function () { return resetColumnFilters(); } }))),
+                    selectedColumnFilters.length >= 1 && React__default['default'].createElement(ColumnFilterResetButton, { onClick: function () { return resetColumnFilters(); } })))),
             React__default['default'].createElement(core.Box, { className: classes.tableContainer, flexGrow: loading || isEmpty ? 0 : 1 },
                 React__default['default'].createElement("table", { className: classes.table },
                     React__default['default'].createElement(TableHeader, null, table.getHeaderGroups().map(function (headerGroup) { return (React__default['default'].createElement(TableHeaderRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) { return (React__default['default'].createElement(TableHeaderCell, { key: header.id, context: header.getContext() }, reactTable.flexRender(header.column.columnDef.header, header.getContext()))); }))); })),