react-planner-viewer/es/components/style/form-color-input.js

react-planner-viewer is a React Component for view plans builded with react-planner in 2D mode

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

import React from 'react';
import FormTextInput from './form-text-input';

var STYLE = {
  padding: 0,
  border: 0
};
var EREG_NUMBER = /^.*$/;

export default function FormColorInput(_ref) {
  var onChange = _ref.onChange,
      rest = _objectWithoutProperties(_ref, ['onChange']);

  var onChangeCustom = function onChangeCustom(event) {
    var value = event.target.value;
    if (EREG_NUMBER.test(value)) {
      onChange(event);
    }
  };

  return React.createElement(FormTextInput, _extends({ type: 'color', style: STYLE, onChange: onChangeCustom, autoComplete: 'off' }, rest));
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlL2Zvcm0tY29sb3ItaW5wdXQuanN4Il0sIm5hbWVzIjpbIlJlYWN0IiwiRm9ybVRleHRJbnB1dCIsIlNUWUxFIiwicGFkZGluZyIsImJvcmRlciIsIkVSRUdfTlVNQkVSIiwiRm9ybUNvbG9ySW5wdXQiLCJvbkNoYW5nZSIsInJlc3QiLCJvbkNoYW5nZUN1c3RvbSIsInZhbHVlIiwiZXZlbnQiLCJ0YXJnZXQiLCJ0ZXN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBT0EsS0FBUCxNQUFrQixPQUFsQjtBQUNBLE9BQU9DLGFBQVAsTUFBMEIsbUJBQTFCOztBQUdBLElBQU1DLFFBQVE7QUFDWkMsV0FBUyxDQURHO0FBRVpDLFVBQVE7QUFGSSxDQUFkO0FBSUEsSUFBTUMsY0FBYyxNQUFwQjs7QUFFQSxlQUFlLFNBQVNDLGNBQVQsT0FBNkM7QUFBQSxNQUFwQkMsUUFBb0IsUUFBcEJBLFFBQW9CO0FBQUEsTUFBUEMsSUFBTzs7QUFDMUQsTUFBSUMsaUJBQWlCLFNBQWpCQSxjQUFpQixRQUFTO0FBQzVCLFFBQUlDLFFBQVFDLE1BQU1DLE1BQU4sQ0FBYUYsS0FBekI7QUFDQSxRQUFJTCxZQUFZUSxJQUFaLENBQWlCSCxLQUFqQixDQUFKLEVBQTZCO0FBQzNCSCxlQUFTSSxLQUFUO0FBQ0Q7QUFDRixHQUxEOztBQU9BLFNBQU8sb0JBQUMsYUFBRCxhQUFlLE1BQUssT0FBcEIsRUFBNEIsT0FBT1QsS0FBbkMsRUFBMEMsVUFBVU8sY0FBcEQsRUFBb0UsY0FBYSxLQUFqRixJQUEyRkQsSUFBM0YsRUFBUDtBQUNEIiwiZmlsZSI6ImZvcm0tY29sb3ItaW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IEZvcm1UZXh0SW5wdXQgZnJvbSAnLi9mb3JtLXRleHQtaW5wdXQnO1xuXG5cbmNvbnN0IFNUWUxFID0ge1xuICBwYWRkaW5nOiAwLFxuICBib3JkZXI6IDAsXG59O1xuY29uc3QgRVJFR19OVU1CRVIgPSAvXi4qJC87XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEZvcm1Db2xvcklucHV0KHtvbkNoYW5nZSwgLi4ucmVzdH0pIHtcbiAgbGV0IG9uQ2hhbmdlQ3VzdG9tID0gZXZlbnQgPT4ge1xuICAgIGxldCB2YWx1ZSA9IGV2ZW50LnRhcmdldC52YWx1ZTtcbiAgICBpZiAoRVJFR19OVU1CRVIudGVzdCh2YWx1ZSkpIHtcbiAgICAgIG9uQ2hhbmdlKGV2ZW50KTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIDxGb3JtVGV4dElucHV0IHR5cGU9XCJjb2xvclwiIHN0eWxlPXtTVFlMRX0gb25DaGFuZ2U9e29uQ2hhbmdlQ3VzdG9tfSBhdXRvQ29tcGxldGU9XCJvZmZcIiB7Li4ucmVzdH0vPjtcbn1cbiJdfQ==