@kwiz/fluentui/dist/controls/field-editor.js

KWIZ common controls for FluentUI

import { jsx as _jsx } from "react/jsx-runtime";
import { Field, mergeClasses } from '@fluentui/react-components';
import { isNullOrUndefined } from '@kwiz/common';
import { GetLogger } from '../_modules/config';
import { InputEx, TextAreaEx } from './input';
const logger = GetLogger('FieldEditor');
export const FieldEditor = (props) => {
    if (isNullOrUndefined(props.value)) {
        logger.error(`${props.label}: value should not be null`);
    }
    return (_jsx(Field, { required: props.required, validationMessage: props.error || props.description, validationState: props.error ? "error" : "none", children: props.type === "multiline"
            ? _jsx(TextAreaEx, { className: props.css && mergeClasses(...props.css), required: props.required, placeholder: props.label, value: props.value || "", allowTab: props.allowTab, onValueChange: (e, data) => props.onChange(data.value) })
            : _jsx(InputEx, { className: props.css && mergeClasses(...props.css), required: props.required, placeholder: props.label, value: props.value || "", onChange: (e, data) => props.onChange(data.value) }) }));
};
//# sourceMappingURL=field-editor.js.map