@vimeo/iris/components/inputs/FileUpload/FileUpload.js

Vimeo Design System

'use strict';

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

var tslib_es6 = require('../../../tslib.es6-3ec409b7.js');
var React = require('react');
var components_inputs_FileUpload_FileUpload_style = require('./FileUpload.style.js');
var utils_HOCs_withIris = require('../../../utils/HOCs/withIris.js');
require('styled-components');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

var FileUpload = utils_HOCs_withIris.withIris(FileUploadComponent);
function FileUploadComponent(_a) {
    var children = _a.children; _a.defaultValue; var forwardRef = _a.forwardRef, onChange = _a.onChange, disabled = _a.disabled, accept = _a.accept, multiple = _a.multiple, name = _a.name, props = tslib_es6.__rest(_a, ["children", "defaultValue", "forwardRef", "onChange", "disabled", "accept", "multiple", "name"]);
    var ref = React.useRef(null);
    var onClick = function () { return ref.current && ref.current.click(); };
    return (React__default["default"].createElement("div", tslib_es6.__assign({ onClick: onClick, ref: forwardRef, style: { display: 'inline-flex' } }, props),
        React__default["default"].createElement(components_inputs_FileUpload_FileUpload_style.Hidden, { tabIndex: -1, ref: ref, type: "file", accept: accept, disabled: disabled, onChange: onChange, multiple: multiple, name: name }),
        children));
}

exports.FileUpload = FileUpload;