kitchen-simulator
Version:
It is a kitchen simulator (self-contained micro-frontend).
39 lines • 1.48 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
import { FormLabel, Button } from "../../components/style/export";
import PropertyStyle from "./shared-property-style";
export default function PropertyToggle(_ref) {
var value = _ref.value,
onUpdate = _ref.onUpdate,
configs = _ref.configs,
sourceElement = _ref.sourceElement,
internalState = _ref.internalState,
state = _ref.state;
var update = function update(val) {
if (configs.hook) {
return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
return onUpdate(_val);
});
}
return onUpdate(val);
};
return /*#__PURE__*/React.createElement("table", {
className: "PropertyToggle",
style: PropertyStyle.tableStyle
}, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
style: PropertyStyle.firstTdStyle
}, /*#__PURE__*/React.createElement(FormLabel, null, configs.label)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Button, {
onClick: function onClick(e) {
return update(!value);
},
size: "small"
}, configs.actionName)))));
}
PropertyToggle.propTypes = {
value: PropTypes.any.isRequired,
onUpdate: PropTypes.func.isRequired,
configs: PropTypes.object.isRequired,
sourceElement: PropTypes.object,
internalState: PropTypes.object,
state: PropTypes.object.isRequired
};