@talend/react-forms
Version:
React forms library based on json schema form.
107 lines (106 loc) • 3.22 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = require("react");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _FieldTemplate = _interopRequireDefault(require("../FieldTemplate"));
var _generateId = require("../../Message/generateId");
var _reactComponents = require("@talend/react-components");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function TimeWidget({
errorMessage,
id,
isValid,
options = {},
onChange,
onFinish,
schema,
value,
valueIsUpdating
}) {
const descriptionId = (0, _generateId.generateDescriptionId)(id);
const errorId = (0, _generateId.generateErrorId)(id);
const [state, setState] = (0, _react.useState)({
errorMessage: ''
});
function onBlur(event) {
onFinish(event, {
schema
});
}
function onTimeChange(event, {
errorMessage: nextErrorMessage,
textInput
}) {
setState({
errorMessage: nextErrorMessage
});
const payload = {
schema,
value: textInput
};
onChange(event, payload);
if (!nextErrorMessage) {
onFinish(event, payload);
}
}
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldTemplate.default, {
description: schema.description,
descriptionId: descriptionId,
errorId: errorId,
errorMessage: state.errorMessage || errorMessage,
id: id,
isValid: isValid && !state.errorMessage,
label: schema.title,
labelProps: schema.labelProps,
required: schema.required,
valueIsUpdating: valueIsUpdating,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactComponents.InputTimePicker, {
id: id
// eslint-disable-next-line jsx-a11y/no-autofocus
,
autoFocus: schema.autoFocus,
disabled: schema.disabled || valueIsUpdating,
readOnly: schema.readOnly,
value: value,
useSeconds: options.useSeconds,
onBlur: onBlur,
onChange: onTimeChange
})
});
}
TimeWidget.displayName = 'TimeWidget';
if (process.env.NODE_ENV !== 'production') {
TimeWidget.propTypes = {
id: _propTypes.default.string,
isValid: _propTypes.default.bool,
errorMessage: _propTypes.default.string,
onChange: _propTypes.default.func.isRequired,
onFinish: _propTypes.default.func.isRequired,
options: _propTypes.default.shape({
dateFormat: _propTypes.default.string,
useUTC: _propTypes.default.bool
}),
schema: _propTypes.default.shape({
autoFocus: _propTypes.default.bool,
description: _propTypes.default.string,
disabled: _propTypes.default.bool,
format: _propTypes.default.string,
placeholder: _propTypes.default.string,
readOnly: _propTypes.default.bool,
required: _propTypes.default.bool,
title: _propTypes.default.string,
labelProps: _propTypes.default.object,
schema: _propTypes.default.shape({
type: _propTypes.default.string
})
}),
value: _propTypes.default.string,
valueIsUpdating: _propTypes.default.bool
};
}
var _default = exports.default = TimeWidget;
//# sourceMappingURL=Time.component.js.map