@lyra/components/lib/fileinput/Button.js

Basic UX components

'use strict';

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

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; };

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _default = require('part:@lyra/components/buttons/default');

var _default2 = _interopRequireDefault(_default);

var _default3 = require('part:@lyra/components/fileinput/default');

var _default4 = _interopRequireDefault(_default3);

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

class FileInputButton extends _react2.default.PureComponent {
  render() {
    return _react2.default.createElement(
      _default2.default,
      { ripple: false },
      _react2.default.createElement(
        'div',
        {
          style: {
            position: 'absolute',
            top: 0,
            left: 0,
            width: '100%',
            height: '100%',
            opacity: 0
          }
        },
        _react2.default.createElement(
          _default4.default,
          _extends({}, this.props, {
            style: { height: '100%', width: '100%', display: 'block' }
          }),
          this.props.children
        )
      ),
      this.props.children
    );
  }
}
exports.default = FileInputButton;
FileInputButton.propTypes = {
  children: _propTypes2.default.node
};