@singularsystems/neo-react 1.0.0-alpha.2 → 1.0.0-beta.0

package/dist/ReactComponents/FileManager/FileInput.d.ts

@@ -1,42 +1,44 @@
-import * as React from 'react';
-import { FileContext, IFileComponentProps } from './FileContext';
-import { IButtonOptions } from '@singularsystems/neo-core/dist/Components/ButtonOptions';
-import ComponentBase from '../ComponentBase';
-import { AxiosPromise } from 'axios';
-export interface IFileEditorProps extends IFileComponentProps {
-    /** Browse button options */
-    browseButton?: IButtonOptions;
-    /** Set this if you want to allow the user to choose a new file. */
-    changeFileText?: string;
-    /** Text to show in the download link. Use {0} as a placeholder for fileName */
-    downloadLinkText?: string;
-    /**
-     * Path of API endpoint which will handle downloading a file. Only required if downloadLinkText is specified.
-     */
-    downloadEndpoint?: string | ((fileID: any) => string);
-    /**
-     * Path of API endpoint which will handle downloading a file. Only required if downloadLinkText is specified.
-     */
-    downloadEndpointAsync?: ((fileId: any) => Promise<string>) | ((fileId: any) => AxiosPromise<string>);
-    isReadOnly?: boolean;
-    /** Placeholder text for drag here... */
-    placeholder?: string;
-}
-/**
- * The file manager component manages uploading, and binding of files to a model.
- */
-export default class FileInput extends ComponentBase<IFileEditorProps> {
-    static contextType: React.Context<import("./FileContext").IFileContextProps>;
-    context: React.ContextType<typeof FileContext>;
-    private fileManager;
-    private gettingDownloadUrl;
-    render(): JSX.Element;
-    private getFileDisplayComponent;
-    /** Renders when the file is busy uploading. */
-    private renderBusy;
-    /** Renders where a file has not yet been selected. */
-    private renderEmpty;
-    /** Renders where a file has been selected. */
-    private renderSelected;
-    private onDownloadLinkClicked;
-}
+import * as React from 'react';
+import { Components } from '@singularsystems/neo-core';
+import { FileContext, IFileComponentProps } from './FileContext';
+import { IButtonOptions } from '@singularsystems/neo-core/dist/Components/ButtonOptions';
+import ComponentBase from '../ComponentBase';
+import { AxiosPromise } from 'axios';
+export interface IFileEditorProps extends IFileComponentProps, Partial<Components.IBoundFileManagerOptions> {
+    /** Browse button options */
+    browseButton?: IButtonOptions;
+    /** Set this if you want to allow the user to choose a new file. */
+    changeFileText?: string;
+    /** Text to show in the download link. Use {0} as a placeholder for fileName */
+    downloadLinkText?: string;
+    /**
+     * Path of API endpoint which will handle downloading a file. Only required if downloadLinkText is specified.
+     */
+    downloadEndpoint?: string | ((fileID: any) => string);
+    /**
+     * Path of API endpoint which will handle downloading a file. Only required if downloadLinkText is specified.
+     */
+    downloadEndpointAsync?: ((fileId: any) => Promise<string>) | ((fileId: any) => AxiosPromise<string>);
+    isReadOnly?: boolean;
+    /** Placeholder text for drag here... */
+    placeholder?: string;
+}
+/**
+ * The file manager component manages uploading, and binding of files to a model.
+ */
+export default class FileInput extends ComponentBase<IFileEditorProps> {
+    static contextType: React.Context<import("./FileContext").IFileContextProps>;
+    context: React.ContextType<typeof FileContext>;
+    private fileManager;
+    private gettingDownloadUrl;
+    constructor(props: IFileEditorProps);
+    render(): JSX.Element;
+    private getFileDisplayComponent;
+    /** Renders when the file is busy uploading. */
+    private renderBusy;
+    /** Renders where a file has not yet been selected. */
+    private renderEmpty;
+    /** Renders where a file has been selected. */
+    private renderSelected;
+    private onDownloadLinkClicked;
+}

package/dist/ReactComponents/FileManager/FileInput.js

@@ -1,189 +1,191 @@
-import { __assign, __awaiter, __decorate, __extends, __generator, __metadata, __spreadArray } from "tslib";
-import * as React from 'react';
-import { Components, Utils, Misc, Validation } from '@singularsystems/neo-core';
-import { observer } from 'mobx-react';
-import FileUploadButton from './FileUploadButton';
-import { FileContext } from './FileContext';
-import { ProgressBar, Button, FileDropArea } from '../_Exports';
-import ComponentBase from '../ComponentBase';
-import { BindPropsHelper } from '../PropTypes';
-import { observable } from 'mobx';
-/**
- * The file manager component manages uploading, and binding of files to a model.
- */
-var FileInput = /** @class */ (function (_super) {
-    __extends(FileInput, _super);
-    function FileInput() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.gettingDownloadUrl = false;
-        return _this;
-    }
-    FileInput.prototype.render = function () {
-        var splitProps = BindPropsHelper.normaliseEditorProps(this, this.props);
-        var fileProps;
-        if (splitProps.fileProps) {
-            // Part of a form group.
-            fileProps = this.props.fileProps;
-            if (this.props.bind) {
-                fileProps.bind = this.props.bind;
-            }
-            ;
-        }
-        else {
-            fileProps = this.props;
-        }
-        if (!this.fileManager) {
-            if (this.context.fileManager) {
-                this.fileManager = this.context.fileManager;
-            }
-            else {
-                this.fileManager = new Components.BoundFileManager(fileProps.uploadEndpoint, fileProps);
-            }
-        }
-        else {
-            this.fileManager.options = fileProps;
-        }
-        if (!this.fileManager.uploadEndpoint) {
-            throw Error("File input requires an uploadEndpoint.");
-        }
-        if (!this.fileManager.options.bind) {
-            throw Error("File input requires a bind property.");
-        }
-        var displayInfo = this.fileManager.options.bind.validator.getDisplayState(Validation.DisplayMode.Always);
-        var domProps = { className: "form-control" };
-        displayInfo.applyToDom(domProps, !splitProps.inGroup);
-        if (this.fileManager.isUploading || this.gettingDownloadUrl) {
-            return this.renderBusy(fileProps);
-        }
-        else {
-            if (this.fileManager.options.bind.value) {
-                return this.renderSelected(fileProps, splitProps.editor, domProps);
-            }
-            else {
-                return this.renderEmpty(fileProps, splitProps.editor, domProps);
-            }
-        }
-    };
-    FileInput.prototype.getFileDisplayComponent = function (props, domProps) {
-        var _this = this;
-        var options = this.fileManager.options;
-        if (props.downloadEndpoint || props.downloadEndpointAsync) {
-            var downloadLinkText = void 0;
-            var fileName = "file";
-            if (options.fileDescriptorProperty) {
-                var fileDesciptor = options.fileDescriptorProperty.value;
-                if (fileDesciptor) {
-                    if (typeof fileDesciptor === "string") {
-                        fileName = fileDesciptor;
-                    }
-                    else {
-                        fileName = fileDesciptor.fileName;
-                    }
-                }
-            }
-            if (props.downloadLinkText) {
-                downloadLinkText = props.downloadLinkText.format(fileName);
-            }
-            else {
-                downloadLinkText = fileName;
-            }
-            if (props.downloadEndpointAsync) {
-                return React.createElement("a", __assign({}, domProps, { href: "/", onClick: function (e) { return _this.onDownloadLinkClicked(e, props); } }), downloadLinkText);
-            }
-            else {
-                var downloadPath = void 0;
-                if (typeof props.downloadEndpoint === "string") {
-                    downloadPath = props.downloadEndpoint;
-                }
-                else {
-                    downloadPath = props.downloadEndpoint(options.bind.value);
-                }
-                return React.createElement("a", __assign({}, domProps, { href: downloadPath }), downloadLinkText);
-            }
-        }
-        else {
-            return React.createElement("span", __assign({}, domProps), "File selected");
-        }
-    };
-    /** Renders when the file is busy uploading. */
-    FileInput.prototype.renderBusy = function (props) {
-        return this.gettingDownloadUrl ?
-            React.createElement("div", { className: "form-control form-control-loading" },
-                React.createElement("div", { className: "spinner-border" })) :
-            React.createElement(ProgressBar, { variant: "dark", type: "animated", progress: this.fileManager.uploadPercent });
-    };
-    /** Renders where a file has not yet been selected. */
-    FileInput.prototype.renderEmpty = function (props, editorProps, domProps) {
-        var buttonOptions = Utils.populatePartialWithDefaults(Utils.populatePartialWithDefaults(__assign({}, props.browseButton), Misc.Settings.fileManager.fileEditorButton), { text: "Select file", variant: "dark" });
-        if (buttonOptions.menuItems) {
-            // If the user supplied a custom buton menu, split the button, and remove the start seperator, since this
-            // button has no menu items of its own.
-            buttonOptions.splitMenu = true;
-            if (buttonOptions.menuItems[0].isDivider) {
-                buttonOptions.menuItems = buttonOptions.menuItems.slice(1);
-            }
-        }
-        domProps.className += " file-placeholder";
-        return (React.createElement("div", { className: "input-group file-editor" },
-            React.createElement("span", __assign({}, domProps),
-                React.createElement(FileDropArea, { fileManager: this.fileManager }, editorProps.placeholder || "Drag a file here")),
-            React.createElement("div", { className: "input-group-append" },
-                React.createElement(FileUploadButton, __assign({}, buttonOptions, { fileManager: this.fileManager })))));
-    };
-    /** Renders where a file has been selected. */
-    FileInput.prototype.renderSelected = function (props, editorProps, domProps) {
-        var _this = this;
-        var append = null;
-        if (editorProps.isReadOnly !== true) {
-            var buttonOptions = Utils.populatePartialWithDefaults(Utils.populatePartialWithDefaults(__assign({}, props.browseButton), Misc.Settings.fileManager.fileEditorButton), { text: "Options", variant: "dark" });
-            buttonOptions.menuItems = buttonOptions.menuItems ? __spreadArray([], buttonOptions.menuItems, true) : [];
-            buttonOptions.menuItems.splice(0, 0, { text: props.changeFileText || "Change file", onClick: function () { return _this.fileManager.showFileDialog(); } }, { text: "Unlink file", onClick: function () { return _this.fileManager.clearFile(); } });
-            append = React.createElement("div", { className: "input-group-append" },
-                React.createElement(Button, __assign({}, buttonOptions)));
-        }
-        return (React.createElement("div", { className: "input-group file-editor" },
-            this.getFileDisplayComponent(props, domProps),
-            append));
-    };
-    FileInput.prototype.onDownloadLinkClicked = function (e, props) {
-        return __awaiter(this, void 0, void 0, function () {
-            var result, downloadPath;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        e.preventDefault();
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, , 3, 4]);
-                        this.gettingDownloadUrl = true;
-                        return [4 /*yield*/, props.downloadEndpointAsync(this.fileManager.options.bind.value)];
-                    case 2:
-                        result = _a.sent();
-                        downloadPath = void 0;
-                        if (typeof result === "string") {
-                            downloadPath = result;
-                        }
-                        else {
-                            downloadPath = result.data;
-                        }
-                        window.location.href = downloadPath;
-                        return [3 /*break*/, 4];
-                    case 3:
-                        this.gettingDownloadUrl = false;
-                        return [7 /*endfinally*/];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    FileInput.contextType = FileContext;
-    __decorate([
-        observable,
-        __metadata("design:type", Boolean)
-    ], FileInput.prototype, "gettingDownloadUrl", void 0);
-    FileInput = __decorate([
-        observer
-    ], FileInput);
-    return FileInput;
-}(ComponentBase));
-export default FileInput;
+import { __assign, __awaiter, __decorate, __extends, __generator, __metadata, __spreadArray } from "tslib";
+import * as React from 'react';
+import { Components, Utils, Misc, Validation } from '@singularsystems/neo-core';
+import { observer } from 'mobx-react';
+import FileUploadButton from './FileUploadButton';
+import { FileContext } from './FileContext';
+import { ProgressBar, Button, FileDropArea } from '../_Exports';
+import ComponentBase from '../ComponentBase';
+import { BindPropsHelper } from '../PropTypes';
+import { makeObservable, observable } from 'mobx';
+/**
+ * The file manager component manages uploading, and binding of files to a model.
+ */
+var FileInput = /** @class */ (function (_super) {
+    __extends(FileInput, _super);
+    function FileInput(props) {
+        var _this = _super.call(this, props) || this;
+        _this.gettingDownloadUrl = false;
+        makeObservable(_this);
+        return _this;
+    }
+    FileInput.prototype.render = function () {
+        var splitProps = BindPropsHelper.normaliseEditorProps(this, this.props);
+        var fileProps;
+        if (splitProps.fileProps) {
+            // Part of a form group.
+            fileProps = this.props.fileProps;
+            if (this.props.bind) {
+                fileProps.bind = this.props.bind;
+            }
+            ;
+        }
+        else {
+            fileProps = this.props;
+        }
+        if (!this.fileManager) {
+            if (this.context.fileManager) {
+                this.fileManager = this.context.fileManager;
+            }
+            else {
+                this.fileManager = new Components.BoundFileManager(fileProps.uploadEndpoint, fileProps);
+            }
+        }
+        else {
+            this.fileManager.options = fileProps;
+        }
+        if (!this.fileManager.uploadEndpoint) {
+            throw Error("File input requires an uploadEndpoint.");
+        }
+        if (!this.fileManager.options.bind) {
+            throw Error("File input requires a bind property.");
+        }
+        var displayInfo = this.fileManager.options.bind.validator.getDisplayState(Validation.DisplayMode.Always);
+        var domProps = { className: "form-control" };
+        displayInfo.applyToDom(domProps, !splitProps.inGroup);
+        if (this.fileManager.isUploading || this.gettingDownloadUrl) {
+            return this.renderBusy(fileProps);
+        }
+        else {
+            if (this.fileManager.options.bind.value) {
+                return this.renderSelected(fileProps, splitProps.editor, domProps);
+            }
+            else {
+                return this.renderEmpty(fileProps, splitProps.editor, domProps);
+            }
+        }
+    };
+    FileInput.prototype.getFileDisplayComponent = function (props, domProps) {
+        var _this = this;
+        var options = this.fileManager.options;
+        if (props.downloadEndpoint || props.downloadEndpointAsync) {
+            var downloadLinkText = void 0;
+            var fileName = "file";
+            if (options.fileDescriptorProperty) {
+                var fileDesciptor = options.fileDescriptorProperty.value;
+                if (fileDesciptor) {
+                    if (typeof fileDesciptor === "string") {
+                        fileName = fileDesciptor;
+                    }
+                    else {
+                        fileName = fileDesciptor.fileName;
+                    }
+                }
+            }
+            if (props.downloadLinkText) {
+                downloadLinkText = props.downloadLinkText.format(fileName);
+            }
+            else {
+                downloadLinkText = fileName;
+            }
+            if (props.downloadEndpointAsync) {
+                return React.createElement("a", __assign({}, domProps, { href: "/", onClick: function (e) { return _this.onDownloadLinkClicked(e, props); } }), downloadLinkText);
+            }
+            else {
+                var downloadPath = void 0;
+                if (typeof props.downloadEndpoint === "string") {
+                    downloadPath = props.downloadEndpoint;
+                }
+                else {
+                    downloadPath = props.downloadEndpoint(options.bind.value);
+                }
+                return React.createElement("a", __assign({}, domProps, { href: downloadPath }), downloadLinkText);
+            }
+        }
+        else {
+            return React.createElement("span", __assign({}, domProps), "File selected");
+        }
+    };
+    /** Renders when the file is busy uploading. */
+    FileInput.prototype.renderBusy = function (props) {
+        return this.gettingDownloadUrl ?
+            React.createElement("div", { className: "form-control form-control-loading" },
+                React.createElement("div", { className: "spinner-border" })) :
+            React.createElement(ProgressBar, { variant: "dark", type: "animated", progress: this.fileManager.uploadPercent });
+    };
+    /** Renders where a file has not yet been selected. */
+    FileInput.prototype.renderEmpty = function (props, editorProps, domProps) {
+        var buttonOptions = Utils.populatePartialWithDefaults(Utils.populatePartialWithDefaults(__assign({}, props.browseButton), Misc.Settings.fileManager.fileEditorButton), { text: "Select file", variant: "dark" });
+        if (buttonOptions.menuItems) {
+            // If the user supplied a custom buton menu, split the button, and remove the start seperator, since this
+            // button has no menu items of its own.
+            buttonOptions.splitMenu = true;
+            if (buttonOptions.menuItems[0].isDivider) {
+                buttonOptions.menuItems = buttonOptions.menuItems.slice(1);
+            }
+        }
+        domProps.className += " file-placeholder";
+        return (React.createElement("div", { className: "input-group file-editor" },
+            React.createElement("span", __assign({}, domProps),
+                React.createElement(FileDropArea, { fileManager: this.fileManager }, editorProps.placeholder || "Drag a file here")),
+            React.createElement("div", { className: "input-group-append" },
+                React.createElement(FileUploadButton, __assign({}, buttonOptions, { fileManager: this.fileManager })))));
+    };
+    /** Renders where a file has been selected. */
+    FileInput.prototype.renderSelected = function (props, editorProps, domProps) {
+        var _this = this;
+        var append = null;
+        if (editorProps.isReadOnly !== true) {
+            var buttonOptions = Utils.populatePartialWithDefaults(Utils.populatePartialWithDefaults(__assign({}, props.browseButton), Misc.Settings.fileManager.fileEditorButton), { text: "Options", variant: "dark" });
+            buttonOptions.menuItems = buttonOptions.menuItems ? __spreadArray([], buttonOptions.menuItems, true) : [];
+            buttonOptions.menuItems.splice(0, 0, { text: props.changeFileText || "Change file", onClick: function () { return _this.fileManager.showFileDialog(); } }, { text: "Unlink file", onClick: function () { return _this.fileManager.clearFile(); } });
+            append = React.createElement("div", { className: "input-group-append" },
+                React.createElement(Button, __assign({}, buttonOptions)));
+        }
+        return (React.createElement("div", { className: "input-group file-editor" },
+            this.getFileDisplayComponent(props, domProps),
+            append));
+    };
+    FileInput.prototype.onDownloadLinkClicked = function (e, props) {
+        return __awaiter(this, void 0, void 0, function () {
+            var result, downloadPath;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        e.preventDefault();
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, , 3, 4]);
+                        this.gettingDownloadUrl = true;
+                        return [4 /*yield*/, props.downloadEndpointAsync(this.fileManager.options.bind.value)];
+                    case 2:
+                        result = _a.sent();
+                        downloadPath = void 0;
+                        if (typeof result === "string") {
+                            downloadPath = result;
+                        }
+                        else {
+                            downloadPath = result.data;
+                        }
+                        window.location.href = downloadPath;
+                        return [3 /*break*/, 4];
+                    case 3:
+                        this.gettingDownloadUrl = false;
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    FileInput.contextType = FileContext;
+    __decorate([
+        observable,
+        __metadata("design:type", Boolean)
+    ], FileInput.prototype, "gettingDownloadUrl", void 0);
+    FileInput = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], FileInput);
+    return FileInput;
+}(ComponentBase));
+export default FileInput;

package/dist/ReactComponents/FileManager/FileUploadButton.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { Components } from '@singularsystems/neo-core';
-import { IButtonOptions } from '@singularsystems/neo-core/dist/Components/ButtonOptions';
-import { FileContext } from './FileContext';
-interface IFileUploadButtonProps extends IButtonOptions {
-    fileManager?: Components.IFileManager;
-}
-export default class FileUploadButton extends React.Component<IFileUploadButtonProps & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>> {
-    static contextType: React.Context<import("./FileContext").IFileContextProps>;
-    context: React.ContextType<typeof FileContext>;
-    private fileManager;
-    private fileInputRef;
-    constructor(props: IFileUploadButtonProps & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>);
-    private browseButtonClicked;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { Components } from '@singularsystems/neo-core';
+import { IButtonOptions } from '@singularsystems/neo-core/dist/Components/ButtonOptions';
+import { FileContext } from './FileContext';
+interface IFileUploadButtonProps extends IButtonOptions {
+    fileManager?: Components.IFileManager;
+}
+export default class FileUploadButton extends React.Component<IFileUploadButtonProps & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>> {
+    static contextType: React.Context<import("./FileContext").IFileContextProps>;
+    context: React.ContextType<typeof FileContext>;
+    private fileManager;
+    private fileInputRef;
+    constructor(props: IFileUploadButtonProps & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>);
+    private browseButtonClicked;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/FileManager/FileUploadButton.js

@@ -1,49 +1,49 @@
-import { __assign, __decorate, __extends, __metadata, __rest } from "tslib";
-import React from 'react';
-import { observer } from 'mobx-react';
-import Button from '../Button';
-import { FileContext } from './FileContext';
-import FileBasicInput from './FileBasicInput';
-var FileUploadButton = /** @class */ (function (_super) {
-    __extends(FileUploadButton, _super);
-    function FileUploadButton(props) {
-        var _this = _super.call(this, props) || this;
-        _this.fileInputRef = React.createRef();
-        _this.browseButtonClicked = _this.browseButtonClicked.bind(_this);
-        return _this;
-    }
-    FileUploadButton.prototype.browseButtonClicked = function (e) {
-        if (this.fileInputRef.current) {
-            this.fileInputRef.current.click();
-        }
-    };
-    FileUploadButton.prototype.render = function () {
-        var _a = this.props, fileManager = _a.fileManager, buttonProps = __rest(_a, ["fileManager"]);
-        if (this.context.fileManager) {
-            this.fileManager = this.context.fileManager;
-        }
-        else {
-            if (!fileManager) {
-                throw Error("File upload button must be in a FileContext, or have fileManager specified.");
-            }
-            this.fileManager = fileManager;
-        }
-        if (!buttonProps)
-            buttonProps = {};
-        if (!buttonProps.variant)
-            buttonProps.variant = "light";
-        if (this.fileManager.isUploading && !this.fileManager.options.allowConcurrent) {
-            buttonProps.disabled = true;
-        }
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Button, __assign({}, buttonProps, { onClick: this.browseButtonClicked }), this.props.children),
-            React.createElement(FileBasicInput, { fileManager: this.fileManager, isHidden: true, inputRef: this.fileInputRef })));
-    };
-    FileUploadButton.contextType = FileContext;
-    FileUploadButton = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], FileUploadButton);
-    return FileUploadButton;
-}(React.Component));
-export default FileUploadButton;
+import { __assign, __decorate, __extends, __metadata, __rest } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react';
+import Button from '../Button';
+import { FileContext } from './FileContext';
+import FileBasicInput from './FileBasicInput';
+var FileUploadButton = /** @class */ (function (_super) {
+    __extends(FileUploadButton, _super);
+    function FileUploadButton(props) {
+        var _this = _super.call(this, props) || this;
+        _this.fileInputRef = React.createRef();
+        _this.browseButtonClicked = _this.browseButtonClicked.bind(_this);
+        return _this;
+    }
+    FileUploadButton.prototype.browseButtonClicked = function (e) {
+        if (this.fileInputRef.current) {
+            this.fileInputRef.current.click();
+        }
+    };
+    FileUploadButton.prototype.render = function () {
+        var _a = this.props, fileManager = _a.fileManager, buttonProps = __rest(_a, ["fileManager"]);
+        if (this.context.fileManager) {
+            this.fileManager = this.context.fileManager;
+        }
+        else {
+            if (!fileManager) {
+                throw Error("File upload button must be in a FileContext, or have fileManager specified.");
+            }
+            this.fileManager = fileManager;
+        }
+        if (!buttonProps)
+            buttonProps = {};
+        if (!buttonProps.variant)
+            buttonProps.variant = "light";
+        if (this.fileManager.isUploading && !this.fileManager.options.allowConcurrent) {
+            buttonProps.disabled = true;
+        }
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Button, __assign({}, buttonProps, { onClick: this.browseButtonClicked }), this.props.children),
+            React.createElement(FileBasicInput, { fileManager: this.fileManager, isHidden: true, inputRef: this.fileInputRef })));
+    };
+    FileUploadButton.contextType = FileContext;
+    FileUploadButton = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], FileUploadButton);
+    return FileUploadButton;
+}(React.Component));
+export default FileUploadButton;