UNPKG

filter-material-ui

Version:

A material-ui component which allows to edit a user defined set of fields representing a filter and display it as a text or a form

19 lines (18 loc) 1.16 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var react_1 = __importDefault(require("react")); var react_2 = require("react"); var react_select_material_ui_1 = require("react-select-material-ui"); function SingleSelectField(props) { var label = props.label, name = props.name, noOptionsAvailable = props.noOptionsAvailable, noOptionsMatchFilter = props.noOptionsMatchFilter, onChange = props.onChange, options = props.options, value = props.value; var handleChange = (0, react_2.useCallback)(function (value) { return onChange(name, value !== null && value !== void 0 ? value : ''); }, [name, onChange]); return (react_1.default.createElement(react_select_material_ui_1.SingleSelect, { label: label, onChange: handleChange, options: options, SelectProps: { isClearable: true, msgNoOptionsAvailable: noOptionsAvailable, msgNoOptionsMatchFilter: noOptionsMatchFilter, }, defaultValue: value })); } exports.default = SingleSelectField;