@react-awesome-query-builder/mui
Version:
User-friendly query builder for React. MUI 5 widgets
65 lines (64 loc) • 2.54 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _Select = _interopRequireDefault(require("@mui/material/Select"));
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
var _omit = _interopRequireDefault(require("lodash/omit"));
var _ui = require("@react-awesome-query-builder/ui");
var mapListValues = _ui.Utils.ListUtils.mapListValues;
var _default = function _default(_ref) {
var listValues = _ref.listValues,
value = _ref.value,
setValue = _ref.setValue,
allowCustomValues = _ref.allowCustomValues,
readonly = _ref.readonly,
placeholder = _ref.placeholder,
customProps = _ref.customProps;
var renderOptions = function renderOptions() {
return mapListValues(listValues, function (_ref2) {
var title = _ref2.title,
value = _ref2.value;
return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
key: value,
value: value
}, title);
});
};
var onChange = function onChange(e) {
if (e.target.value === undefined) return;
setValue(e.target.value);
};
var renderValue = function renderValue(selectedValue) {
if (!readonly && selectedValue == null) return placeholder;
return getListValueTitle(selectedValue);
};
var getListValueTitle = function getListValueTitle(selectedValue) {
return mapListValues(listValues, function (_ref3) {
var title = _ref3.title,
value = _ref3.value;
return value === selectedValue ? title : null;
}).filter(function (v) {
return v !== null;
}).shift();
};
var hasValue = value != null;
return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], null, /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({
variant: "standard",
autoWidth: true,
displayEmpty: true,
placeholder: !readonly ? placeholder : "",
onChange: onChange,
value: hasValue ? value : "",
disabled: readonly,
readOnly: readonly,
renderValue: renderValue,
size: "small"
}, (0, _omit["default"])(customProps, ["showSearch", "input"])), renderOptions()));
};
exports["default"] = _default;