@react-awesome-query-builder/ui/cjs/components/widgets/vanilla/value/VanillaPrice.js

User-friendly query builder for React. Core React UI

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _numberFormat = require("../../../../utils/numberFormat");
var _default = exports["default"] = function _default(props) {
  var value = props.value,
    setValue = props.setValue,
    readonly = props.readonly,
    placeholder = props.placeholder,
    min = props.min,
    max = props.max,
    customProps = props.customProps;
  var numericFormatProps = (0, _numberFormat.getNumberFormatProps)(props);
  var formattedValue = value == undefined ? "" : value;
  //const isValid = value != undefined && (max == undefined || value <= max) && (min == undefined || value >= min);

  var onValueChange = function onValueChange(values) {
    var floatValue = values.floatValue;
    setValue(floatValue !== undefined ? floatValue : undefined);
  };
  return /*#__PURE__*/_react["default"].createElement(_numberFormat.NumericFormat, (0, _extends2["default"])({
    value: formattedValue,
    placeholder: placeholder,
    disabled: readonly,
    onValueChange: onValueChange
  }, customProps, numericFormatProps));
};