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

User-friendly query builder for React. Fluent 8 widgets

import React from "react";
import { TextField } from "@fluentui/react";
var FluentUINumber = function FluentUINumber(props) {
  var value = props.value,
    setValue = props.setValue,
    readonly = props.readonly,
    min = props.min,
    max = props.max,
    step = props.step,
    placeholder = props.placeholder;
  var onChange = function onChange(_e, val) {
    var newVal;
    if (val === "" || val === null || val === undefined) {
      newVal = undefined;
    } else {
      newVal = Number.isInteger(step) ? parseInt(val) : parseFloat(val);
    }
    setValue(newVal);
  };
  return /*#__PURE__*/React.createElement(TextField, {
    type: "number",
    value: value,
    placeholder: placeholder,
    readOnly: readonly,
    disabled: readonly,
    min: min,
    max: max,
    step: step,
    onChange: onChange
  });
};
export default FluentUINumber;