react-lightning-design-components/lib/scripts/Input.js

Salesforce Lightning Design System components built with React 16

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _uuid = require('uuid');

var _uuid2 = _interopRequireDefault(_uuid);

var _FormElement = require('./FormElement');

var _FormElement2 = _interopRequireDefault(_FormElement);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _util = require('./util');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Input = function (_Component) {
  (0, _inherits3.default)(Input, _Component);

  function Input() {
    (0, _classCallCheck3.default)(this, Input);
    return (0, _possibleConstructorReturn3.default)(this, (Input.__proto__ || (0, _getPrototypeOf2.default)(Input)).apply(this, arguments));
  }

  (0, _createClass3.default)(Input, [{
    key: 'onChange',
    value: function onChange(e) {
      var value = e.target.value;
      if (this.props.onChange) {
        this.props.onChange(e, value);
      }
    }
  }, {
    key: 'render',
    value: function render() {
      var _props = this.props,
          _props$id = _props.id,
          id = _props$id === undefined ? 'input-' + (0, _uuid2.default)() : _props$id,
          label = _props.label,
          required = _props.required,
          error = _props.error,
          readonly = _props.readonly,
          inputRef = _props.inputRef,
          tooltip = _props.tooltip,
          props = (0, _objectWithoutProperties3.default)(_props, ['id', 'label', 'required', 'error', 'readonly', 'inputRef', 'tooltip']);

      if (label || required || error) {
        var formElemProps = { id: id, label: label, required: required, error: error, tooltip: tooltip };
        return _react2.default.createElement(
          _FormElement2.default,
          formElemProps,
          _react2.default.createElement(Input, (0, _extends3.default)({ readOnly: readonly, inputRef: inputRef }, (0, _extends3.default)({}, props, { id: id })))
        );
      }
      var className = props.className,
          type = props.type,
          bare = props.bare,
          pprops = (0, _objectWithoutProperties3.default)(props, ['className', 'type', 'bare']);

      delete pprops.initialValue;
      delete pprops.onUpdate;
      delete pprops.valid;
      delete pprops.invalid;
      delete pprops.dirty;
      delete pprops.pristine;
      delete pprops.active;
      delete pprops.touched;
      delete pprops.visited;
      delete pprops.onSearchTextChange;
      delete pprops.targetScope;
      delete pprops.onScopeMenuClick;
      delete pprops.onScopeChange;
      delete pprops.onPressDown;
      delete pprops.onComplete;
      delete pprops.defaultValue;
      delete pprops.disablePastDateSelection;
      var value = pprops.value && pprops.value || '';
      var inputClassNames = (0, _classnames2.default)(className, bare ? 'slds-input--bare' : 'slds-input');
      var ieDraggbleFix = _util.isIE || _util.isEdge ? { onMouseDown: function onMouseDown(e) {
          return e.target.focus();
        } } : {};
      return _react2.default.createElement('input', (0, _extends3.default)({
        readOnly: readonly,
        className: inputClassNames,
        type: type,
        onChange: this.onChange.bind(this)
      }, pprops, {
        value: value,
        ref: inputRef
      }, ieDraggbleFix));
    }
  }]);
  return Input;
}(_react.Component);

exports.default = Input;


Input.propTypes = {
  id: _propTypes2.default.string,
  className: _propTypes2.default.string,
  label: _propTypes2.default.string,
  required: _propTypes2.default.bool,
  readonly: _propTypes2.default.bool,
  error: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.shape({
    message: _propTypes2.default.string
  })]),
  value: _propTypes2.default.any,
  defaultValue: _propTypes2.default.any,
  placeholder: _propTypes2.default.string,
  bare: _propTypes2.default.bool,
  onChange: _propTypes2.default.func,
  maxLength: _propTypes2.default.number,
  inputRef: _propTypes2.default.func,
  tooltip: _propTypes2.default.element
};

Input.defaultProps = {
  maxLength: 255
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zY3JpcHRzL0lucHV0LmpzIl0sIm5hbWVzIjpbIklucHV0IiwiZSIsInZhbHVlIiwidGFyZ2V0IiwicHJvcHMiLCJvbkNoYW5nZSIsImlkIiwibGFiZWwiLCJyZXF1aXJlZCIsImVycm9yIiwicmVhZG9ubHkiLCJpbnB1dFJlZiIsInRvb2x0aXAiLCJmb3JtRWxlbVByb3BzIiwiY2xhc3NOYW1lIiwidHlwZSIsImJhcmUiLCJwcHJvcHMiLCJpbml0aWFsVmFsdWUiLCJvblVwZGF0ZSIsInZhbGlkIiwiaW52YWxpZCIsImRpcnR5IiwicHJpc3RpbmUiLCJhY3RpdmUiLCJ0b3VjaGVkIiwidmlzaXRlZCIsIm9uU2VhcmNoVGV4dENoYW5nZSIsInRhcmdldFNjb3BlIiwib25TY29wZU1lbnVDbGljayIsIm9uU2NvcGVDaGFuZ2UiLCJvblByZXNzRG93biIsIm9uQ29tcGxldGUiLCJkZWZhdWx0VmFsdWUiLCJkaXNhYmxlUGFzdERhdGVTZWxlY3Rpb24iLCJpbnB1dENsYXNzTmFtZXMiLCJpZURyYWdnYmxlRml4Iiwib25Nb3VzZURvd24iLCJmb2N1cyIsImJpbmQiLCJwcm9wVHlwZXMiLCJzdHJpbmciLCJib29sIiwib25lT2ZUeXBlIiwic2hhcGUiLCJtZXNzYWdlIiwiYW55IiwicGxhY2Vob2xkZXIiLCJmdW5jIiwibWF4TGVuZ3RoIiwibnVtYmVyIiwiZWxlbWVudCIsImRlZmF1bHRQcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7OztJQUdxQkEsSzs7Ozs7Ozs7Ozs2QkFDVkMsQyxFQUFHO0FBQ1YsVUFBTUMsUUFBUUQsRUFBRUUsTUFBRixDQUFTRCxLQUF2QjtBQUNBLFVBQUksS0FBS0UsS0FBTCxDQUFXQyxRQUFmLEVBQXlCO0FBQ3ZCLGFBQUtELEtBQUwsQ0FBV0MsUUFBWCxDQUFvQkosQ0FBcEIsRUFB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LENBSHlCLENBQXBCLENBTlM7QUFhaEJ2QyxTQUFPLG9CQUFVNEMsR0FiRDtBQWNoQmIsZ0JBQWMsb0JBQVVhLEdBZFI7QUFlaEJDLGVBQWEsb0JBQVVOLE1BZlA7QUFnQmhCekIsUUFBTSxvQkFBVTBCLElBaEJBO0FBaUJoQnJDLFlBQVUsb0JBQVUyQyxJQWpCSjtBQWtCaEJDLGFBQVcsb0JBQVVDLE1BbEJMO0FBbUJoQnZDLFlBQVUsb0JBQVVxQyxJQW5CSjtBQW9CaEJwQyxXQUFTLG9CQUFVdUM7QUFwQkgsQ0FBbEI7O0FBdUJBbkQsTUFBTW9ELFlBQU4sR0FBcUI7QUFDbkJILGFBQVc7QUFEUSxDQUFyQiIsImZpbGUiOiJJbnB1dC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQnO1xuaW1wb3J0IEZvcm1FbGVtZW50IGZyb20gJy4vRm9ybUVsZW1lbnQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGlzSUUsIGlzRWRnZSB9IGZyb20gJy4vdXRpbCc7XG5cblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgSW5wdXQgZXh0ZW5kcyBDb21wb25lbnQge1xuICBvbkNoYW5nZShlKSB7XG4gICAgY29uc3QgdmFsdWUgPSBlLnRhcmdldC52YWx1ZTtcbiAgICBpZiAodGhpcy5wcm9wcy5vbkNoYW5nZSkge1xuICAgICAgdGhpcy5wcm9wcy5vbkNoYW5nZShlLCB2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGlkID0gYGlucHV0LSR7dXVpZCgpfWAsIGxhYmVsLCByZXF1aXJlZCwgZXJyb3IsIHJlYWRvbmx5LCBpbnB1dFJlZiwgdG9vbHRpcCwgLi4ucHJvcHMsXG4gICAgfSA9IHRoaXMucHJvcHM7XG4gICAgaWYgKGxhYmVsIHx8IHJlcXVpcmVkIHx8IGVycm9yKSB7XG4gICAgICBjb25zdCBmb3JtRWxlbVByb3BzID0geyBpZCwgbGFiZWwsIHJlcXVpcmVkLCBlcnJvciwgdG9vbHRpcCB9O1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEZvcm1FbGVtZW50IHsgLi4uZm9ybUVsZW1Qcm9wcyB9PlxuICAgICAgICAgIDxJbnB1dCByZWFkT25seT17cmVhZG9ubHl9IGlucHV0UmVmPXtpbnB1dFJlZn0geyAuLi57IC4uLnByb3BzLCBpZCB9IH0gLz5cbiAgICAgICAgPC9Gb3JtRWxlbWVudD5cbiAgICAgICk7XG4gICAgfVxuICAgIGNvbnN0IHsgY2xhc3NOYW1lLCB0eXBlLCBiYXJlLCAuLi5wcHJvcHMgfSA9IHByb3BzO1xuICAgIGRlbGV0ZSBwcHJvcHMuaW5pdGlhbFZhbHVlO1xuICAgIGRlbGV0ZSBwcHJvcHMub25VcGRhdGU7XG4gICAgZGVsZXRlIHBwcm9wcy52YWxpZDtcbiAgICBkZWxldGUgcHByb3BzLmludmFsaWQ7XG4gICAgZGVsZXRlIHBwcm9wcy5kaXJ0eTtcbiAgICBkZWxldGUgcHByb3BzLnByaXN0aW5lO1xuICAgIGRlbGV0ZSBwcHJvcHMuYWN0aXZlO1xuICAgIGRlbGV0ZSBwcHJvcHMudG91Y2hlZDtcbiAgICBkZWxldGUgcHByb3BzLnZpc2l0ZWQ7XG4gICAgZGVsZXRlIHBwcm9wcy5vblNlYXJjaFRleHRDaGFuZ2U7XG4gICAgZGVsZXRlIHBwcm9wcy50YXJnZXRTY29wZTtcbiAgICBkZWxldGUgcHByb3BzLm9uU2NvcGVNZW51Q2xpY2s7XG4gICAgZGVsZXRlIHBwcm9wcy5vblNjb3BlQ2hhbmdlO1xuICAgIGRlbGV0ZSBwcHJvcHMub25QcmVzc0Rvd247XG4gICAgZGVsZXRlIHBwcm9wcy5vbkNvbXBsZXRlO1xuICAgIGRlbGV0ZSBwcHJvcHMuZGVmYXVsdFZhbHVlO1xuICAgIGRlbGV0ZSBwcHJvcHMuZGlzYWJsZVBhc3REYXRlU2VsZWN0aW9uO1xuICAgIGNvbnN0IHZhbHVlID0gcHByb3BzLnZhbHVlICYmIHBwcm9wcy52YWx1ZSB8fCAnJztcbiAgICBjb25zdCBpbnB1dENsYXNzTmFtZXMgPSBjbGFzc25hbWVzKGNsYXNzTmFtZSwgYmFyZSA/ICdzbGRzLWlucHV0LS1iYXJlJyA6ICdzbGRzLWlucHV0Jyk7XG4gICAgY29uc3QgaWVEcmFnZ2JsZUZpeCA9IChpc0lFIHx8IGlzRWRnZSkgPyB7IG9uTW91c2VEb3duOiBlID0+IGUudGFyZ2V0LmZvY3VzKCkgfSA6IHt9O1xuICAgIHJldHVybiAoXG4gICAgICA8aW5wdXRcbiAgICAgICAgcmVhZE9ubHk9e3JlYWRvbmx5fVxuICAgICAgICBjbGFzc05hbWU9eyBpbnB1dENsYXNzTmFtZXMgfVxuICAgICAgICB0eXBlPXsgdHlwZSB9XG4gICAgICAgIG9uQ2hhbmdlPXsgdGhpcy5vbkNoYW5nZS5iaW5kKHRoaXMpIH1cbiAgICAgICAgeyAuLi5wcHJvcHMgfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgIHsgLi4uaWVEcmFnZ2JsZUZpeCB9XG4gICAgICAvPlxuICAgICk7XG4gIH1cbn1cblxuSW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgcmVxdWlyZWQ6IFByb3BUeXBlcy5ib29sLFxuICByZWFkb25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMuYm9vbCxcbiAgICBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBtZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIH0pLFxuICBdKSxcbiAgdmFsdWU6IFByb3BUeXBlcy5hbnksXG4gIGRlZmF1bHRWYWx1ZTogUHJvcFR5cGVzLmFueSxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGJhcmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgaW5wdXRSZWY6IFByb3BUeXBlcy5mdW5jLFxuICB0b29sdGlwOiBQcm9wVHlwZXMuZWxlbWVudCxcbn07XG5cbklucHV0LmRlZmF1bHRQcm9wcyA9IHtcbiAgbWF4TGVuZ3RoOiAyNTUsXG59O1xuIl19