@tomino/dynamic-form-semantic-ui/dist/cjs/semantic/signature/signature.js

Semantic UI form renderer based on dynamic form generation

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const common_1 = require("../../common");
const semantic_ui_react_1 = require("semantic-ui-react");
const signature_sign_1 = require("./signature_sign");
const signature_reject_1 = require("./signature_reject");
const error_view_1 = require("../error_view");
const helpers_1 = require("../../helpers");
const signatureLine = common_1.css `
  height: 20px;
  margin: 12px;
  border-bottom: dashed 1px #d4d4d5;
`;
exports.SignatureRoot = props => {
    const [reason, setReason] = React.useState('');
    if (props.readOnly) {
        return React.createElement("div", { className: signatureLine }, "\u00A0");
    }
    return (React.createElement(React.Fragment, null,
        props.allowComment && (React.createElement(semantic_ui_react_1.TextArea, { placeholder: "Please leave a comment ...", value: reason, onChange: e => setReason(e.currentTarget.value) })),
        React.createElement(signature_sign_1.SignatureSign, Object.assign({}, props, { reason: reason })),
        (props.formElement.props || {}).allowReject && (React.createElement(signature_reject_1.SignatureReject, Object.assign({}, props, { reason: reason }))),
        React.createElement(error_view_1.ErrorView, { owner: props.owner, source: helpers_1.valueSource(props.formElement) + '.name', newLine: true })));
};
exports.SignatureRoot.displayName = 'Signature';
//# sourceMappingURL=signature.js.map