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
JavaScript
;
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;