envoc-form/lib/Field/FieldErrorScrollTarget.js

Envoc form components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = require("react");
var FieldNameContext_1 = require("./FieldNameContext");
/** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
function FieldErrorScrollTarget() {
    var name = (0, react_1.useContext)(FieldNameContext_1.FieldNameContext);
    if (!name) {
        return null;
    }
    var divId = "".concat(name.toLowerCase(), "-error-scroll-target");
    return (0, jsx_runtime_1.jsx)("div", { id: divId, style: { display: 'none' } });
}
exports.default = FieldErrorScrollTarget;