kitchen-simulator/lib/components/style/form-color-input.js

It is a kitchen simulator (self-contained micro-frontend).

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = FormColorInput;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _formTextInput = _interopRequireDefault(require("./form-text-input"));
var _excluded = ["onChange"];
var STYLE = {
  padding: 0,
  border: 0
};
var EREG_NUMBER = /^.*$/;
function FormColorInput(_ref) {
  var onChange = _ref.onChange,
    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  var onChangeCustom = function onChangeCustom(event) {
    var value = event.target.value;
    if (EREG_NUMBER.test(value)) {
      onChange(event);
    }
  };
  return /*#__PURE__*/_react["default"].createElement(_formTextInput["default"], (0, _extends2["default"])({
    type: "color",
    style: STYLE,
    onChange: onChangeCustom,
    autoComplete: "off"
  }, rest));
}
module.exports = exports.default;