@react-awesome-query-builder/fluent/esm/widgets/value/FluentUIText.js

User-friendly query builder for React. Fluent 8 widgets

import React from "react";
import { TextField } from "@fluentui/react";
var FluentUIText = function FluentUIText(props) {
  var value = props.value,
    setValue = props.setValue,
    readonly = props.readonly,
    placeholder = props.placeholder,
    maxLength = props.maxLength;
  var onChange = function onChange(e, val) {
    if (val === "") val = undefined; // don't allow empty value
    setValue(val);
  };
  var textValue = value || "";
  return /*#__PURE__*/React.createElement(TextField, {
    value: textValue,
    placeholder: placeholder,
    readOnly: readonly,
    disabled: readonly,
    onChange: onChange,
    maxLength: maxLength
  });
};
export default FluentUIText;