@navikt/ds-react/cjs/form/fieldset/useFieldset.js

React components from the Norwegian Labour and Welfare Administration.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useFieldset = void 0;
const clsx_1 = __importDefault(require("clsx"));
const useFormField_1 = require("../useFormField");
/**
 * Handles props for Fieldset in context with parent Fieldset.
 */
const useFieldset = (props, legendId) => {
    const formField = (0, useFormField_1.useFormField)(props, "fieldset");
    return Object.assign(Object.assign({}, formField), { inputProps: {
            // Having both legend and description in labelledby seems to work best, ref. https://mortentollefsen.no/demo/radio-description.html
            "aria-labelledby": props["aria-labelledby"] ||
                (0, clsx_1.default)(legendId, {
                    [formField.inputDescriptionId]: props.description && !(0, useFormField_1.containsReadMore)(props.description),
                }),
            // We don't include errorId in labelledby/describedby on the fieldset, because it will be included on each input inside.
        } });
};
exports.useFieldset = useFieldset;
//# sourceMappingURL=useFieldset.js.map