163 | );
164 | }
165 | }
166 |
167 | AnyOfField.defaultProps = {
168 | disabled: false,
169 | errorSchema: {},
170 | idSchema: {},
171 | uiSchema: {},
172 | };
173 |
174 | if (process.env.NODE_ENV !== "production") {
175 | AnyOfField.propTypes = {
176 | options: PropTypes.arrayOf(PropTypes.object).isRequired,
177 | baseType: PropTypes.string,
178 | uiSchema: PropTypes.object,
179 | idSchema: PropTypes.object,
180 | formData: PropTypes.any,
181 | errorSchema: PropTypes.object,
182 | registry: types.registry.isRequired,
183 | };
184 | }
185 |
186 | export default AnyOfField;
187 |
--------------------------------------------------------------------------------
/src/components/fields/NullField.js:
--------------------------------------------------------------------------------
1 | import { Component } from "react";
2 | import * as types from "../../types";
3 |
4 | class NullField extends Component {
5 | componentDidMount() {
6 | if (this.props.formData === undefined) {
7 | this.props.onChange(null);
8 | }
9 | }
10 |
11 | render() {
12 | return null;
13 | }
14 | }
15 |
16 | if (process.env.NODE_ENV !== "production") {
17 | NullField.propTypes = types.fieldProps;
18 | }
19 |
20 | export default NullField;
21 |
--------------------------------------------------------------------------------
/src/components/fields/NumberField.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import * as types from "../../types";
4 | import { asNumber } from "../../utils";
5 |
6 | // Matches a string that ends in a . character, optionally followed by a sequence of
7 | // digits followed by any number of 0 characters up until the end of the line.
8 | // Ensuring that there is at least one prefixed character is important so that
9 | // you don't incorrectly match against "0".
10 | const trailingCharMatcherWithPrefix = /\.([0-9]*0)*$/;
11 |
12 | // This is used for trimming the trailing 0 and . characters without affecting
13 | // the rest of the string. Its possible to use one RegEx with groups for this
14 | // functionality, but it is fairly complex compared to simply defining two
15 | // different matchers.
16 | const trailingCharMatcher = /[0.]0*$/;
17 |
18 | /**
19 | * The NumberField class has some special handling for dealing with trailing
20 | * decimal points and/or zeroes. This logic is designed to allow trailing values
21 | * to be visible in the input element, but not be represented in the
22 | * corresponding form data.
23 | *
24 | * The algorithm is as follows:
25 | *
26 | * 1. When the input value changes the value is cached in the component state
27 | *
28 | * 2. The value is then normalized, removing trailing decimal points and zeros,
29 | * then passed to the "onChange" callback
30 | *
31 | * 3. When the component is rendered, the formData value is checked against the
32 | * value cached in the state. If it matches the cached value, the cached
33 | * value is passed to the input instead of the formData value
34 | */
35 | class NumberField extends React.Component {
36 | constructor(props) {
37 | super(props);
38 |
39 | this.state = {
40 | lastValue: props.value,
41 | };
42 | }
43 |
44 | handleChange = value => {
45 | // Cache the original value in component state
46 | this.setState({ lastValue: value });
47 |
48 | // Normalize decimals that don't start with a zero character in advance so
49 | // that the rest of the normalization logic is simpler
50 | if (`${value}`.charAt(0) === ".") {
51 | value = `0${value}`;
52 | }
53 |
54 | // Check that the value is a string (this can happen if the widget used is a
55 | //