@pnp/spfx-controls-react/lib-commonjs/controls/uploadFiles/components/UploadButton/UploadButton.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UploadButton = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var Button_1 = require("@fluentui/react/lib/Button");
var UploadButton = function (props) {
    var onUpload = props.onUpload, text = props.text, styles = props.styles, iconName = props.iconName;
    var onClick = React.useCallback(function (ev) {
        var input = document.createElement("input");
        input.type = "file";
        input.onchange = function (e) {
            var file = e.target.files[0];
            onUpload(file);
        };
        input.click();
    }, []);
    return (React.createElement(React.Fragment, null,
        React.createElement(Button_1.PrimaryButton, { styles: styles !== null && styles !== void 0 ? styles : undefined, iconProps: { iconName: iconName !== null && iconName !== void 0 ? iconName : "upload" }, onClick: onClick }, text)));
};
exports.UploadButton = UploadButton;
//# sourceMappingURL=UploadButton.js.map