@popmenu/table 0.47.0 → 0.47.1

package/build/components/Table/TableProps.d.ts

@@ -1,3 +1,4 @@
+import { TextFieldProps } from '@material-ui/core';
 import { Column, ColumnFiltersState, PaginationState } from '@tanstack/react-table';
 import { Dispatch, SetStateAction } from 'react';
 export interface ColumnFilter {
@@ -21,6 +22,8 @@ export interface TableProps<T = unknown> {
     paginationState?: [PaginationState, Dispatch<SetStateAction<PaginationState>>];
     /** GlobalFiltering state. Expects the result of a React useState hook. Used only for manual filtering. */
     globalFilterState?: [string, Dispatch<SetStateAction<string>>];
+    /** Props applied to the TextField for global filtering. */
+    GlobalFilterProps?: TextFieldProps;
     /** Filtering state. Expects the result of a React useState hook. Used only for manual filtering. */
     filterState?: [ColumnFiltersState, Dispatch<SetStateAction<Array<ColumnFilter>>>];
     /** Filtering state. Expects the result of a React useState hook. Used only for manual filtering. */

package/build/index.es.js

@@ -3128,16 +3128,14 @@ var useStyles$1 = 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.createElement(TextField, __assign$3({ className: classes.root, variant: "outlined", value: value, onChange: handleChange, InputProps: __assign$3({ startAdornment: (React__default.createElement(InputAdornment, { position: "start" },
-                React__default.createElement(Icon$1, { icon: SvgSearch }))) }, InputProps) }, cleanRestProps)));
+    return (React__default.createElement(TextField, __assign$3({ className: classes.root, variant: "outlined", value: value, onChange: handleChange, InputProps: {
+            startAdornment: (React__default.createElement(InputAdornment, { position: "start" },
+                React__default.createElement(Icon$1, { icon: SvgSearch }))),
+        } }, restProps)));
 };
 
 var TableHeaderRow = function (props) {
@@ -3220,7 +3218,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 = useRef(null);
     // Prepare Empty State
@@ -3254,7 +3252,7 @@ var Table = function (props) {
         React__default.createElement(Box, __assign$3({ className: classes.root }, { ref: rootRef }, { "data-table-element": "root", minHeight: getTableMinHeight(rootRef, table.getState().pagination.pageSize) }),
             React__default.createElement(Box, null,
                 React__default.createElement(Box, { display: "grid", gridAutoFlow: "column", marginBottom: 3 },
-                    (searchable || isControlledGlobalFilter) && (React__default.createElement(GlobalFilter, { value: table.getState().globalFilter, setValue: table.setGlobalFilter })),
+                    (searchable || isControlledGlobalFilter) && (React__default.createElement(GlobalFilter, __assign$3({}, GlobalFilterProps, { value: table.getState().globalFilter, setValue: table.setGlobalFilter }))),
                     hasColumnFilters && React__default.createElement(FilterPanel, null)),
                 React__default.createElement(Box, { display: "flex", flexWrap: "wrap", gridGap: 8 },
                     selectedColumnFilters.map(function (selectedColumnFilter, i) { return (React__default.createElement(ColumnFilterChip, { key: "selected-column-filter-chip-" + i, columnFilter: selectedColumnFilter, label: formatSelectedFilterText(selectedColumnFilter), onClick: deselectColumnFilter })); }),