@jsonforms/material-renderers 3.5.0 → 3.6.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/jsonforms-react-material.cjs.js +8 -8
- package/lib/jsonforms-react-material.cjs.js.map +1 -1
- package/lib/jsonforms-react-material.esm.js +8 -8
- package/lib/jsonforms-react-material.esm.js.map +1 -1
- package/lib/util/layout.d.ts +1 -1
- package/package.json +5 -5
- package/src/mui-controls/MuiInputInteger.tsx +2 -0
- package/src/mui-controls/MuiInputNumber.tsx +2 -0
- package/src/mui-controls/MuiInputTime.tsx +2 -0
- package/src/mui-controls/MuiSelect.tsx +2 -0
- package/src/util/layout.tsx +1 -1
|
@@ -608,12 +608,12 @@ var toNumber$1 = function (value) {
|
|
|
608
608
|
};
|
|
609
609
|
var eventToValue$2 = function (ev) { return toNumber$1(ev.target.value); };
|
|
610
610
|
var MuiInputInteger = React__default["default"].memo(function MuiInputInteger(props) {
|
|
611
|
-
var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, path = props.path, handleChange = props.handleChange, config = props.config, label = props.label;
|
|
611
|
+
var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, isValid = props.isValid, path = props.path, handleChange = props.handleChange, config = props.config, label = props.label;
|
|
612
612
|
var InputComponent = useInputComponent();
|
|
613
613
|
var inputProps = { step: '1' };
|
|
614
614
|
var appliedUiSchemaOptions = merge__default["default"]({}, config, uischema.options);
|
|
615
615
|
var _a = useDebouncedChange(handleChange, '', data, path, eventToValue$2), inputValue = _a[0], onChange = _a[1];
|
|
616
|
-
return (React__default["default"].createElement(InputComponent, { label: label, type: 'number', value: inputValue, onChange: onChange, className: className, id: id, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, inputProps: inputProps, fullWidth: true }));
|
|
616
|
+
return (React__default["default"].createElement(InputComponent, { label: label, type: 'number', value: inputValue, onChange: onChange, className: className, id: id, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, inputProps: inputProps, fullWidth: true, error: !isValid }));
|
|
617
617
|
});
|
|
618
618
|
|
|
619
619
|
var toNumber = function (value) {
|
|
@@ -621,12 +621,12 @@ var toNumber = function (value) {
|
|
|
621
621
|
};
|
|
622
622
|
var eventToValue$1 = function (ev) { return toNumber(ev.target.value); };
|
|
623
623
|
var MuiInputNumber = React__default["default"].memo(function MuiInputNumber(props) {
|
|
624
|
-
var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, path = props.path, handleChange = props.handleChange, config = props.config, label = props.label;
|
|
624
|
+
var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, isValid = props.isValid, path = props.path, handleChange = props.handleChange, config = props.config, label = props.label;
|
|
625
625
|
var InputComponent = useInputComponent();
|
|
626
626
|
var inputProps = { step: '0.1' };
|
|
627
627
|
var appliedUiSchemaOptions = merge__default["default"]({}, config, uischema.options);
|
|
628
628
|
var _a = useDebouncedChange(handleChange, '', data, path, eventToValue$1), inputValue = _a[0], onChange = _a[1];
|
|
629
|
-
return (React__default["default"].createElement(InputComponent, { type: 'number', label: label, value: inputValue, onChange: onChange, className: className, id: id, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, inputProps: inputProps, fullWidth: true }));
|
|
629
|
+
return (React__default["default"].createElement(InputComponent, { type: 'number', label: label, value: inputValue, onChange: onChange, className: className, id: id, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, inputProps: inputProps, fullWidth: true, error: !isValid }));
|
|
630
630
|
});
|
|
631
631
|
|
|
632
632
|
var MuiInputNumberFormat = React__default["default"].memo(function MuiInputNumberFormat(props) {
|
|
@@ -689,18 +689,18 @@ var MuiInputText = React__default["default"].memo(function MuiInputText(props) {
|
|
|
689
689
|
});
|
|
690
690
|
|
|
691
691
|
var MuiInputTime = React__default["default"].memo(function MuiInputTime(props) {
|
|
692
|
-
var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, path = props.path, handleChange = props.handleChange, config = props.config, label = props.label;
|
|
692
|
+
var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, isValid = props.isValid, path = props.path, handleChange = props.handleChange, config = props.config, label = props.label;
|
|
693
693
|
var InputComponent = useInputComponent();
|
|
694
694
|
var appliedUiSchemaOptions = merge__default["default"]({}, config, uischema.options);
|
|
695
695
|
var _a = useDebouncedChange(handleChange, '', data, path), inputValue = _a[0], onChange = _a[1];
|
|
696
|
-
return (React__default["default"].createElement(InputComponent, { type: 'time', value: inputValue, onChange: onChange, className: className, id: id, label: label, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, fullWidth: true }));
|
|
696
|
+
return (React__default["default"].createElement(InputComponent, { type: 'time', value: inputValue, onChange: onChange, className: className, id: id, label: label, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, fullWidth: true, error: !isValid }));
|
|
697
697
|
});
|
|
698
698
|
|
|
699
699
|
var MuiSelect = React__default["default"].memo(function MuiSelect(props) {
|
|
700
|
-
var data = props.data, className = props.className, id = props.id, enabled = props.enabled, schema = props.schema, uischema = props.uischema, path = props.path, handleChange = props.handleChange, options = props.options, config = props.config, label = props.label, t = props.t, multiple = props.multiple;
|
|
700
|
+
var data = props.data, className = props.className, id = props.id, enabled = props.enabled, schema = props.schema, uischema = props.uischema, isValid = props.isValid, path = props.path, handleChange = props.handleChange, options = props.options, config = props.config, label = props.label, t = props.t, multiple = props.multiple;
|
|
701
701
|
var appliedUiSchemaOptions = merge__default["default"]({}, config, uischema.options);
|
|
702
702
|
var noneOptionLabel = React.useMemo(function () { return t('enum.none', i18nDefaults['enum.none'], { schema: schema, uischema: uischema, path: path }); }, [t, schema, uischema, path]);
|
|
703
|
-
return (React__default["default"].createElement(material.Select, { className: className, id: id, label: label, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, value: data !== undefined ? data : '', onChange: function (ev) { return handleChange(path, ev.target.value || undefined); }, fullWidth: true, multiple: multiple || false }, [
|
|
703
|
+
return (React__default["default"].createElement(material.Select, { className: className, id: id, label: label, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, value: data !== undefined ? data : '', onChange: function (ev) { return handleChange(path, ev.target.value || undefined); }, fullWidth: true, multiple: multiple || false, error: !isValid }, [
|
|
704
704
|
React__default["default"].createElement(material.MenuItem, { value: '', key: 'jsonforms.enum.none' },
|
|
705
705
|
React__default["default"].createElement("em", null, noneOptionLabel)),
|
|
706
706
|
].concat(options.map(function (optionValue) { return (React__default["default"].createElement(material.MenuItem, { value: optionValue.value, key: optionValue.value }, optionValue.label)); }))));
|