@intuitionrobotics/thunderstorm
Version:
55 lines • 1.97 kB
JavaScript
/*
* Thunderstorm is a full web app framework!
*
* Typescript & Express backend infrastructure that natively runs on firebase function
* Typescript & React frontend infrastructure
*
* Copyright (C) 2020 Intuition Robotics
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import {} from "./types.js";
import * as React from "react";
import { _keys } from "@intuitionrobotics/ts-common";
export class Component_Form extends React.Component {
constructor(p) {
super(p);
this.state = { value: p.value };
}
render() {
const data = this.state.value;
return (React.createElement("div", { className: `ll_v_c ${this.props.className}`, style: { justifyContent: 'space-evenly' } }, _keys(this.props.form).map(key => this.renderField(data, key))));
}
renderField(data, key) {
const field = this.props.form[key];
const fieldProps = {
key,
field,
value: data[key],
onChange: this.onValueChanged,
showErrors: this.props.showErrors,
validator: this.props.validator?.[key],
onAccept: () => {
this.props.onAccept(this.state.value);
}
};
return this.props.renderer[key](fieldProps);
}
onValueChanged = (value, id) => {
this.setState(state => {
state.value[id] = value;
return state;
});
};
}
//# sourceMappingURL=Form.js.map