@popmenu/table 0.47.0 → 0.47.3

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;
@@ -3177,16 +3175,14 @@ var useStyles$1 = core.makeStyles({
 
 var GlobalFilter = function (props) {
     var value = props.value, setValue = props.setValue, restProps = __rest$3(props, ["value", "setValue"]);
-    var onChange = restProps.onChange, InputProps = restProps.InputProps, cleanRestProps = __rest$3(restProps, ["onChange", "InputProps"]);
     var classes = useStyles$1();
     var handleChange = function (e) {
         setValue(e.target.value);
-        if (onChange) {
-            onChange(e);
-        }
     };
-    return (React__default['default'].createElement(core.TextField, __assign$3({ className: classes.root, variant: "outlined", value: value, onChange: handleChange, InputProps: __assign$3({ startAdornment: (React__default['default'].createElement(core.InputAdornment, { position: "start" },
-                React__default['default'].createElement(Icon$1, { icon: SvgSearch }))) }, InputProps) }, cleanRestProps)));
+    return (React__default['default'].createElement(core.TextField, __assign$3({ className: classes.root, variant: "outlined", value: value, onChange: handleChange, InputProps: {
+            startAdornment: (React__default['default'].createElement(core.InputAdornment, { position: "start" },
+                React__default['default'].createElement(Icon$1, { icon: SvgSearch }))),
+        } }, restProps)));
 };
 
 var TableHeaderRow = function (props) {
@@ -3269,7 +3265,7 @@ var defaultTableProps = {
     searchable: false,
 };
 var Table = function (props) {
-    var data = props.data, columns = props.columns, loading = props.loading, searchable = props.searchable, sortable = props.sortable, externalFilterState = props.filterState, externalGlobalFilterState = props.globalFilterState, externalPaginationState = props.paginationState, externalVisibilityState = props.visibilityState, pageCount = props.pageCount, Empty = props.Empty;
+    var data = props.data, columns = props.columns, loading = props.loading, searchable = props.searchable, sortable = props.sortable, externalFilterState = props.filterState, externalGlobalFilterState = props.globalFilterState, externalPaginationState = props.paginationState, externalVisibilityState = props.visibilityState, pageCount = props.pageCount, GlobalFilterProps = props.GlobalFilterProps, Empty = props.Empty;
     var classes = useStyles$6(props);
     var rootRef = React.useRef(null);
     // Prepare Empty State
@@ -3299,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, { value: table.getState().globalFilter, setValue: table.setGlobalFilter })),
+                    (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()))); }))); })),