mod-arch-shared/dist/components/ThemeAwareFormGroupWrapper.js

Shared UI components and utilities for modular architecture micro-frontend projects

import * as React from 'react';
import { FormGroup } from '@patternfly/react-core';
import { useThemeContext } from 'mod-arch-kubeflow';
import FormFieldset from './FormFieldset';
const ThemeAwareFormGroupWrapper = ({ children, label, fieldId, isRequired, descriptionTextNode, helperTextNode, hasError = false, className, role, isInline, skipFieldset = false, labelHelp, 'data-testid': dataTestId, }) => {
    const { isMUITheme } = useThemeContext();
    const errorClass = `${className || ''} ${hasError ? 'pf-m-error' : ''}`.trim();
    const formGroupProps = {
        className: errorClass,
        label,
        isRequired,
        fieldId,
        role,
        isInline,
        labelHelp,
        'data-testid': dataTestId,
    };
    if (isMUITheme) {
        return (React.createElement(React.Fragment, null,
            descriptionTextNode,
            React.createElement(FormGroup, { ...formGroupProps }, skipFieldset ? children : React.createElement(FormFieldset, { component: children, field: label })),
            helperTextNode));
    }
    return (React.createElement(React.Fragment, null,
        React.createElement(FormGroup, { ...formGroupProps },
            descriptionTextNode,
            children,
            helperTextNode)));
};
export default ThemeAwareFormGroupWrapper;
//# sourceMappingURL=ThemeAwareFormGroupWrapper.js.map