@popmenu/table 0.73.0 → 0.74.0

package/build/components/FilterPanel/FilterControl/ToggleFilter/ToggleFilter.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ToggleFilter: (props: {
+    columnId: string;
+}) => JSX.Element;

package/build/components/FilterPanel/FilterControl/ToggleFilter/index.d.ts

@@ -0,0 +1 @@
+export { ToggleFilter } from './ToggleFilter';

package/build/index.es.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { createElement, forwardRef, createContext, useContext, useState, useRef, isValidElement } from 'react';
-import { makeStyles, Typography as Typography$2, Link as Link$2, Paper as Paper$2, Box, FormControl, InputLabel, Select, TextField, Popover, ButtonBase, InputAdornment, useTheme as useTheme$1 } from '@material-ui/core';
+import { makeStyles, Typography as Typography$2, Link as Link$2, Paper as Paper$2, Box, FormControl, InputLabel, Select, FormControlLabel as FormControlLabel$1, Switch as Switch$2, TextField, Popover, ButtonBase, InputAdornment, useTheme as useTheme$1 } from '@material-ui/core';
 import { Pagination } from '@material-ui/lab';
 import { useReactTable, getCoreRowModel, getSortedRowModel, getFilteredRowModel, getPaginationRowModel, flexRender } from '@tanstack/react-table';
 import CommonAlert from '@material-ui/lab/Alert';
@@ -1296,12 +1296,27 @@ var SelectFilter = function (props) {
             })))));
 };
 
+var ToggleFilter = function (props) {
+    var table = useContext(TableContext);
+    var columnId = props.columnId;
+    var column = table.getColumn(columnId);
+    var meta = column.columnDef.meta;
+    var filterName = meta.filter.name;
+    var value = column.getFilterValue();
+    var handleChange = function (event, checked) {
+        event.stopPropagation();
+        column.setFilterValue(checked);
+    };
+    return React__default.createElement(FormControlLabel$1, { control: React__default.createElement(Switch$2, { checked: value, onChange: handleChange }), label: filterName });
+};
+
 var FilterControl = function (props) {
     var input = props.input, columnFilter = __rest$3(props, ["input"]);
     var inputDictionary = {
         text: TextField,
         select: SelectFilter,
         'multi-select': SelectFilter,
+        toggle: ToggleFilter,
     };
     var propsDictionary = {
         select: { multiple: false },