@intuitionrobotics/thunderstorm
Version:
26 lines • 1.61 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TS_CheckboxField = void 0;
const React = require("react");
const react_1 = require("react");
const TS_Checkbox_1 = require("./TS_Checkbox");
class TS_CheckboxField extends react_1.Component {
constructor() {
super(...arguments);
this.gridCss = () => {
if (this.props.gridColumns)
return { display: "grid",
gridAutoFlow: this.props.horizontal ? "unset" : "column",
gridGap: "1px",
gridTemplateColumns: `repeat(${this.props.gridColumns}, 1fr)`,
gridTemplateRows: `repeat(${Math.ceil(this.props.options.length / this.props.gridColumns)}, auto)`
};
return {};
};
}
render() {
return React.createElement("div", { className: `${this.props.fieldContainerClass} ${this.props.horizontal && !this.props.gridColumns ? 'll_h_c' : ''}`, style: this.gridCss() }, this.props.options.map((option, i) => React.createElement(TS_Checkbox_1.TS_Checkbox, { key: i, value: option.value, checked: Array.isArray(this.props.value) ? this.props.value.includes(option.value) : this.props.value === option.value, onCheck: this.props.onCheck, label: this.props.label(option), circle: this.props.circle, rtl: this.props.rtl, disabled: option.disabled, buttonClass: this.props.buttonClass, containerClass: this.props.checkboxContainerClass, innerNode: this.props.innerNode })));
}
}
exports.TS_CheckboxField = TS_CheckboxField;
//# sourceMappingURL=TS_CheckboxField.js.map