@etsoo/materialui
Version:
TypeScript Material-UI Implementation
48 lines (47 loc) • 1.82 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FieldCombobox = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const ComboBoxMultiple_1 = require("../ComboBoxMultiple");
const Typography_1 = __importDefault(require("@mui/material/Typography"));
/**
* Combobox (multiple values) field creator
* type combobox
* @returns Component
*/
const FieldCombobox = ({ field, mref, onChange, defaultValue }) => {
// State
const [ids, setIds] = react_1.default.useState();
const getValue = () => ids;
const setValue = (value) => {
if (Array.isArray(value))
setIds(value);
else if (typeof value === "number" || typeof value === "string")
setIds([value]);
};
// Ref
react_1.default.useImperativeHandle(mref, () => ({
getValue,
setValue
}));
react_1.default.useEffect(() => {
if (defaultValue == null)
return;
setValue(defaultValue);
}, [defaultValue]);
// Name
const name = field.name;
if (!name) {
return ((0, jsx_runtime_1.jsxs)(Typography_1.default, { children: ["No name for FieldCombobox ", JSON.stringify(field)] }));
}
return ((0, jsx_runtime_1.jsx)(ComboBoxMultiple_1.ComboBoxMultiple, { label: field.label ?? "", inputHelperText: field.helperText, name: name, options: field.options, fullWidth: true, idValues: ids, onChange: (_event, value) => {
const ids = value.map((v) => v.id);
setIds(ids);
onChange(name, ids);
}, ...field.mainSlotProps }));
};
exports.FieldCombobox = FieldCombobox;