@popmenu/table 0.47.0 → 0.47.1

package/build/index.js

@@ -3177,16 +3177,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 +3267,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
@@ -3303,7 +3301,7 @@ var Table = function (props) {
         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, { 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 })); }),