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

package/dist/ReactComponents/ErrorHandler.js

@@ -1,91 +1,92 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import React from 'react';
-import { Components, ModalUtils } from '@singularsystems/neo-core';
-import { Observer } from 'mobx-react';
-import { observable } from 'mobx';
-var ErrorGroup = /** @class */ (function () {
-    function ErrorGroup(errorDisplay) {
-        this.errorDisplay = errorDisplay;
-        this.count = 1;
-    }
-    __decorate([
-        observable,
-        __metadata("design:type", Object)
-    ], ErrorGroup.prototype, "count", void 0);
-    return ErrorGroup;
-}());
-var ErrorHandler = /** @class */ (function (_super) {
-    __extends(ErrorHandler, _super);
-    function ErrorHandler() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.errorList = [];
-        _this.hidingErrorList = null;
-        return _this;
-    }
-    ErrorHandler.prototype.displayError = function (displayType, error, errorDisplay) {
-        if (errorDisplay.data) {
-            errorDisplay.body = React.createElement(React.Fragment, null,
-                errorDisplay.body,
-                React.createElement("ul", null,
-                    errorDisplay.data.errors.map(function (err) { return (React.createElement("li", null, err)); }),
-                    errorDisplay.data.properties.map(function (property) { return (React.createElement("li", null,
-                        React.createElement("span", { "data-tip": "On field: " + property.key }, property.errors))); })));
-        }
-        _super.prototype.displayError.call(this, displayType, error, errorDisplay);
-    };
-    ErrorHandler.prototype.displayModal = function (error, errorDisplay) {
-        var _this = this;
-        if (errorDisplay.statusCode) {
-            var existing = this.errorList.find(function (c) { return c.errorDisplay.statusCode === errorDisplay.statusCode; });
-            if (existing) {
-                existing.count += 1;
-                return;
-            }
-        }
-        var errorGroup = new ErrorGroup(errorDisplay);
-        if (this.errorList.length === 0) {
-            this.hidingErrorList = null;
-            var modalOptions = errorDisplay.isServerError ? {
-                footerContent: React.createElement("div", { className: "neo-error-modal-info" },
-                    "Timestamp: ",
-                    new Date().toISOString())
-            } : {};
-            modalOptions.onClose = function () {
-                _this.hidingErrorList = _this.errorList;
-                _this.errorList = [];
-            };
-            ModalUtils.showModal(errorDisplay.header, React.createElement(Observer, null, function () {
-                var _a;
-                return React.createElement(React.Fragment, null, ((_a = _this.hidingErrorList) !== null && _a !== void 0 ? _a : _this.errorList).map(function (errorGroup, index) { return (React.createElement("div", { key: index, className: "neo-error-modal-body" },
-                    React.createElement("div", { className: "neo-error-modal-body-icon" }, errorGroup.count === 1 ?
-                        React.createElement("i", { className: _this.getIcon(errorGroup.errorDisplay) }) :
-                        React.createElement("span", { className: "badge badge-danger" }, errorGroup.count)),
-                    React.createElement("div", null, errorGroup.errorDisplay.body))); }));
-            }), modalOptions);
-        }
-        if (this.errorList.length < 5) {
-            this.errorList.push(errorGroup);
-        }
-    };
-    ErrorHandler.prototype.getIcon = function (errorDisplay) {
-        if (errorDisplay.statusCode) {
-            if (errorDisplay.statusCode === 401) {
-                return "fa fa-lock";
-            }
-            if (errorDisplay.statusCode === 403) {
-                return "fa fa-user-lock";
-            }
-        }
-        return "fa fa-exclamation-triangle";
-    };
-    __decorate([
-        observable.shallow,
-        __metadata("design:type", Array)
-    ], ErrorHandler.prototype, "errorList", void 0);
-    __decorate([
-        observable.ref,
-        __metadata("design:type", Object)
-    ], ErrorHandler.prototype, "hidingErrorList", void 0);
-    return ErrorHandler;
-}(Components.ErrorHandler));
-export { ErrorHandler };
+import { __decorate, __extends, __metadata } from "tslib";
+import React from 'react';
+import { Components, ModalUtils } from '@singularsystems/neo-core';
+import { Observer } from 'mobx-react';
+import { makeObservable, observable } from 'mobx';
+var ErrorGroup = /** @class */ (function () {
+    function ErrorGroup(errorDisplay) {
+        this.errorDisplay = errorDisplay;
+        this.count = 1;
+        makeObservable(this);
+    }
+    __decorate([
+        observable,
+        __metadata("design:type", Object)
+    ], ErrorGroup.prototype, "count", void 0);
+    return ErrorGroup;
+}());
+export var ErrorHandler = /** @class */ (function (_super) {
+    __extends(ErrorHandler, _super);
+    function ErrorHandler(notifications) {
+        var _this = _super.call(this, notifications) || this;
+        _this.errorList = [];
+        _this.hidingErrorList = null;
+        makeObservable(_this);
+        return _this;
+    }
+    ErrorHandler.prototype.displayError = function (displayType, error, errorDisplay) {
+        if (errorDisplay.data) {
+            errorDisplay.body = React.createElement(React.Fragment, null,
+                errorDisplay.body,
+                React.createElement("ul", null,
+                    errorDisplay.data.errors.map(function (err) { return (React.createElement("li", null, err)); }),
+                    errorDisplay.data.properties.map(function (property) { return (React.createElement("li", null,
+                        React.createElement("span", { "data-tip": "On field: " + property.key }, property.errors))); })));
+        }
+        _super.prototype.displayError.call(this, displayType, error, errorDisplay);
+    };
+    ErrorHandler.prototype.displayModal = function (error, errorDisplay) {
+        var _this = this;
+        if (errorDisplay.statusCode) {
+            var existing = this.errorList.find(function (c) { return c.errorDisplay.statusCode === errorDisplay.statusCode; });
+            if (existing) {
+                existing.count += 1;
+                return;
+            }
+        }
+        var errorGroup = new ErrorGroup(errorDisplay);
+        if (this.errorList.length === 0) {
+            this.hidingErrorList = null;
+            var modalOptions = errorDisplay.isServerError ? {
+                footerContent: React.createElement("div", { className: "neo-error-modal-info" },
+                    "Timestamp: ",
+                    new Date().toISOString())
+            } : {};
+            modalOptions.onClose = function () {
+                _this.hidingErrorList = _this.errorList;
+                _this.errorList = [];
+            };
+            ModalUtils.showModal(errorDisplay.header, React.createElement(Observer, null, function () {
+                var _a;
+                return React.createElement(React.Fragment, null, ((_a = _this.hidingErrorList) !== null && _a !== void 0 ? _a : _this.errorList).map(function (errorGroup, index) { return (React.createElement("div", { key: index, className: "neo-error-modal-body" },
+                    React.createElement("div", { className: "neo-error-modal-body-icon" }, errorGroup.count === 1 ?
+                        React.createElement("i", { className: _this.getIcon(errorGroup.errorDisplay) }) :
+                        React.createElement("span", { className: "badge badge-danger" }, errorGroup.count)),
+                    React.createElement("div", null, errorGroup.errorDisplay.body))); }));
+            }), modalOptions);
+        }
+        if (this.errorList.length < 5) {
+            this.errorList.push(errorGroup);
+        }
+    };
+    ErrorHandler.prototype.getIcon = function (errorDisplay) {
+        if (errorDisplay.statusCode) {
+            if (errorDisplay.statusCode === 401) {
+                return "fa fa-lock";
+            }
+            if (errorDisplay.statusCode === 403) {
+                return "fa fa-user-lock";
+            }
+        }
+        return "fa fa-exclamation-triangle";
+    };
+    __decorate([
+        observable.shallow,
+        __metadata("design:type", Array)
+    ], ErrorHandler.prototype, "errorList", void 0);
+    __decorate([
+        observable.ref,
+        __metadata("design:type", Object)
+    ], ErrorHandler.prototype, "hidingErrorList", void 0);
+    return ErrorHandler;
+}(Components.ErrorHandler));

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

@@ -1,20 +1,20 @@
-import React from 'react';
-import { Components } from "@singularsystems/neo-core";
-import { FileContext } from './FileContext';
-interface IFileInputProps extends React.HTMLProps<HTMLInputElement> {
-    fileManager?: Components.IFileManager;
-    isHidden?: boolean;
-    inputRef?: React.RefObject<HTMLInputElement>;
-}
-/**
- * Renders an input[type=file] input bound to a file manager.
- */
-export default class FileBasicInput extends React.Component<IFileInputProps> {
-    static contextType: React.Context<import("./FileContext").IFileContextProps>;
-    context: React.ContextType<typeof FileContext>;
-    private fileManager;
-    constructor(props: IFileInputProps);
-    private onFileSelected;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { Components } from "@singularsystems/neo-core";
+import { FileContext } from './FileContext';
+interface IFileInputProps extends React.HTMLProps<HTMLInputElement> {
+    fileManager?: Components.IFileManager;
+    isHidden?: boolean;
+    inputRef?: React.RefObject<HTMLInputElement>;
+}
+/**
+ * Renders an input[type=file] input bound to a file manager.
+ */
+export default class FileBasicInput extends React.Component<IFileInputProps> {
+    static contextType: React.Context<import("./FileContext").IFileContextProps>;
+    context: React.ContextType<typeof FileContext>;
+    private fileManager;
+    constructor(props: IFileInputProps);
+    private onFileSelected;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/FileManager/FileBasicInput.js

@@ -1,70 +1,70 @@
-import { __assign, __awaiter, __decorate, __extends, __generator, __metadata, __rest } from "tslib";
-import React from 'react';
-import { observer } from 'mobx-react';
-import { FileContext } from './FileContext';
-import { BindPropsHelper } from '../PropTypes';
-/**
- * Renders an input[type=file] input bound to a file manager.
- */
-var FileBasicInput = /** @class */ (function (_super) {
-    __extends(FileBasicInput, _super);
-    function FileBasicInput(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onFileSelected = _this.onFileSelected.bind(_this);
-        return _this;
-    }
-    FileBasicInput.prototype.onFileSelected = function (e) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var input;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        if (!e.target.files) return [3 /*break*/, 4];
-                        _c.label = 1;
-                    case 1:
-                        _c.trys.push([1, , 3, 4]);
-                        return [4 /*yield*/, this.fileManager.processFiles(e.target.files, { handleErrors: !this.fileManager.options.taskRunner })];
-                    case 2:
-                        _c.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        input = (_a = e.target) !== null && _a !== void 0 ? _a : (_b = this.props.inputRef) === null || _b === void 0 ? void 0 : _b.current;
-                        if (input) {
-                            input.value = "";
-                        }
-                        return [7 /*endfinally*/];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    FileBasicInput.prototype.render = function () {
-        var _a = this.props, fileManager = _a.fileManager, isHidden = _a.isHidden, inputRef = _a.inputRef, native = __rest(_a, ["fileManager", "isHidden", "inputRef"]);
-        if (this.context.fileManager) {
-            this.fileManager = this.context.fileManager;
-        }
-        else {
-            if (!fileManager) {
-                throw Error("Basic file input must be in a FileContext, or have fileManager specified.");
-            }
-            this.fileManager = fileManager;
-        }
-        if (!native.name) {
-            native.name = this.fileManager.options.name;
-        }
-        var bindProperty = this.fileManager.options.bind;
-        if (bindProperty) {
-            native[BindPropsHelper.DataFieldName] = bindProperty.propertyInfo.propertyName;
-        }
-        var fileManagerProps = this.fileManager.getFileInputProps();
-        return React.createElement("input", __assign({}, fileManagerProps, { ref: inputRef, type: "file", style: { display: isHidden ? "none" : "unset" }, onChange: this.onFileSelected }, native));
-    };
-    FileBasicInput.contextType = FileContext;
-    FileBasicInput = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], FileBasicInput);
-    return FileBasicInput;
-}(React.Component));
-export default FileBasicInput;
+import { __assign, __awaiter, __decorate, __extends, __generator, __metadata, __rest } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react';
+import { FileContext } from './FileContext';
+import { BindPropsHelper } from '../PropTypes';
+/**
+ * Renders an input[type=file] input bound to a file manager.
+ */
+var FileBasicInput = /** @class */ (function (_super) {
+    __extends(FileBasicInput, _super);
+    function FileBasicInput(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onFileSelected = _this.onFileSelected.bind(_this);
+        return _this;
+    }
+    FileBasicInput.prototype.onFileSelected = function (e) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function () {
+            var input;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!e.target.files) return [3 /*break*/, 4];
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, , 3, 4]);
+                        return [4 /*yield*/, this.fileManager.processFiles(e.target.files, { handleErrors: !this.fileManager.options.taskRunner })];
+                    case 2:
+                        _c.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        input = (_a = e.target) !== null && _a !== void 0 ? _a : (_b = this.props.inputRef) === null || _b === void 0 ? void 0 : _b.current;
+                        if (input) {
+                            input.value = "";
+                        }
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    FileBasicInput.prototype.render = function () {
+        var _a = this.props, fileManager = _a.fileManager, isHidden = _a.isHidden, inputRef = _a.inputRef, native = __rest(_a, ["fileManager", "isHidden", "inputRef"]);
+        if (this.context.fileManager) {
+            this.fileManager = this.context.fileManager;
+        }
+        else {
+            if (!fileManager) {
+                throw Error("Basic file input must be in a FileContext, or have fileManager specified.");
+            }
+            this.fileManager = fileManager;
+        }
+        if (!native.name) {
+            native.name = this.fileManager.options.name;
+        }
+        var bindProperty = this.fileManager.options.bind;
+        if (bindProperty) {
+            native[BindPropsHelper.DataFieldName] = bindProperty.propertyInfo.propertyName;
+        }
+        var fileManagerProps = this.fileManager.getFileInputProps();
+        return React.createElement("input", __assign({}, fileManagerProps, { ref: inputRef, type: "file", style: { display: isHidden ? "none" : "unset" }, onChange: this.onFileSelected }, native));
+    };
+    FileBasicInput.contextType = FileContext;
+    FileBasicInput = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], FileBasicInput);
+    return FileBasicInput;
+}(React.Component));
+export default FileBasicInput;

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { Components } from '@singularsystems/neo-core';
-export interface IFileComponentProps extends Partial<Components.IBoundFileManagerOptions> {
-    /** File manager instance. Props that can be specified in file manager options will be ignored on this component. */
-    fileManager?: Components.IFileManager;
-    /** Upload endpoint. This is required when not using a file manager. */
-    uploadEndpoint?: string;
-    children?: React.ReactNode;
-}
-export interface IFileContextProps {
-    fileManager?: Components.IFileManager;
-}
-export declare const FileContext: React.Context<IFileContextProps>;
-export default class FileContextProvider extends React.Component<IFileComponentProps> {
-    render(): JSX.Element;
-}
+import React from 'react';
+import { Components } from '@singularsystems/neo-core';
+export interface IFileComponentProps {
+    /** File manager instance. Props that can be specified in file manager options will be ignored on this component. */
+    fileManager?: Components.IFileManager;
+    /** Upload endpoint. This is required when not using a file manager. */
+    uploadEndpoint?: string;
+    children?: React.ReactNode;
+}
+export interface IFileContextProps {
+    fileManager?: Components.IFileManager;
+}
+export declare const FileContext: React.Context<IFileContextProps>;
+export default class FileContextProvider extends React.Component<IFileComponentProps & (Partial<Components.IFileManagerOptions> | Partial<Components.IBoundFileManagerOptions>)> {
+    render(): JSX.Element;
+}

package/dist/ReactComponents/FileManager/FileContext.js

@@ -1,24 +1,24 @@
-import { __extends } from "tslib";
-import React from 'react';
-import { Components } from '@singularsystems/neo-core';
-export var FileContext = React.createContext({});
-var FileContextProvider = /** @class */ (function (_super) {
-    __extends(FileContextProvider, _super);
-    function FileContextProvider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FileContextProvider.prototype.render = function () {
-        var fileManager = this.props.fileManager;
-        if (!fileManager) {
-            if (this.props.bind) {
-                fileManager = new Components.BoundFileManager(this.props.uploadEndpoint, this.props);
-            }
-            else {
-                fileManager = new Components.FileManager(this.props.uploadEndpoint, this.props);
-            }
-        }
-        return (React.createElement(FileContext.Provider, { value: { fileManager: fileManager } }, this.props.children));
-    };
-    return FileContextProvider;
-}(React.Component));
-export default FileContextProvider;
+import { __extends } from "tslib";
+import React from 'react';
+import { Components } from '@singularsystems/neo-core';
+export var FileContext = React.createContext({});
+var FileContextProvider = /** @class */ (function (_super) {
+    __extends(FileContextProvider, _super);
+    function FileContextProvider() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FileContextProvider.prototype.render = function () {
+        var fileManager = this.props.fileManager;
+        if (!fileManager) {
+            if (this.props.bind) {
+                fileManager = new Components.BoundFileManager(this.props.uploadEndpoint, this.props);
+            }
+            else {
+                fileManager = new Components.FileManager(this.props.uploadEndpoint, this.props);
+            }
+        }
+        return (React.createElement(FileContext.Provider, { value: { fileManager: fileManager } }, this.props.children));
+    };
+    return FileContextProvider;
+}(React.Component));
+export default FileContextProvider;

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

@@ -1,18 +1,19 @@
-import React from 'react';
-import { Components } from '@singularsystems/neo-core';
-import { FileContext } from './FileContext';
-interface IFileDropAreaProps extends React.HTMLProps<HTMLDivElement> {
-    fileManager?: Components.IFileManager;
-}
-export default class FileDropArea extends React.Component<IFileDropAreaProps> {
-    static contextType: React.Context<import("./FileContext").IFileContextProps>;
-    context: React.ContextType<typeof FileContext>;
-    private fileManager;
-    private isDragging;
-    private dropDiv;
-    private dragEnter;
-    private dragLeave;
-    private drop;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { Components } from '@singularsystems/neo-core';
+import { FileContext } from './FileContext';
+interface IFileDropAreaProps extends React.HTMLProps<HTMLDivElement> {
+    fileManager?: Components.IFileManager;
+}
+export default class FileDropArea extends React.Component<IFileDropAreaProps> {
+    static contextType: React.Context<import("./FileContext").IFileContextProps>;
+    context: React.ContextType<typeof FileContext>;
+    private fileManager;
+    private isDragging;
+    private dropDiv;
+    constructor(props: IFileDropAreaProps);
+    private dragEnter;
+    private dragLeave;
+    private drop;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/FileManager/FileDropArea.js

@@ -1,64 +1,66 @@
-import { __assign, __decorate, __extends, __metadata, __rest } from "tslib";
-import React from 'react';
-import { Utils } from '@singularsystems/neo-core';
-import { observable } from 'mobx';
-import { observer } from 'mobx-react';
-import { FileContext } from './FileContext';
-var FileDropArea = /** @class */ (function (_super) {
-    __extends(FileDropArea, _super);
-    function FileDropArea() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.isDragging = false;
-        _this.dropDiv = React.createRef();
-        return _this;
-    }
-    FileDropArea.prototype.dragEnter = function (e) {
-        e.preventDefault();
-        this.isDragging = true;
-    };
-    FileDropArea.prototype.dragLeave = function (e) {
-        if (e.target === this.dropDiv.current && (!e.relatedTarget || !e.target.contains(e.relatedTarget))) {
-            e.preventDefault();
-            this.isDragging = false;
-        }
-    };
-    FileDropArea.prototype.drop = function (e) {
-        this.isDragging = false;
-        e.preventDefault();
-        if (!this.fileManager.isUploading) {
-            var files = void 0;
-            if (e.dataTransfer.items) {
-                files = Array.from(e.dataTransfer.items).filter(function (item) { return item.kind === "file"; }).map(function (file) { return file.getAsFile(); });
-            }
-            else {
-                files = e.dataTransfer.files;
-            }
-            this.fileManager.processFiles(files, { handleErrors: true });
-        }
-    };
-    FileDropArea.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, fileManager = _a.fileManager, nativeProps = __rest(_a, ["fileManager"]);
-        if (this.context.fileManager) {
-            this.fileManager = this.context.fileManager;
-        }
-        else {
-            if (!fileManager) {
-                throw Error("File drop area must be in a FileContext, or have fileManager specified.");
-            }
-            this.fileManager = fileManager;
-        }
-        nativeProps.className = Utils.joinWithSpaces(nativeProps.className, "neo-file-drop", this.isDragging ? "dragging" : "");
-        return (React.createElement("div", __assign({}, nativeProps, { ref: this.dropDiv, onDrop: function (e) { return _this.drop(e); }, onDragEnter: function (e) { return _this.dragEnter(e); }, onDragLeave: function (e) { return _this.dragLeave(e); }, onDragOver: function (e) { return e.preventDefault(); } })));
-    };
-    FileDropArea.contextType = FileContext;
-    __decorate([
-        observable.ref,
-        __metadata("design:type", Object)
-    ], FileDropArea.prototype, "isDragging", void 0);
-    FileDropArea = __decorate([
-        observer
-    ], FileDropArea);
-    return FileDropArea;
-}(React.Component));
-export default FileDropArea;
+import { __assign, __decorate, __extends, __metadata, __rest } from "tslib";
+import React from 'react';
+import { Utils } from '@singularsystems/neo-core';
+import { makeObservable, observable } from 'mobx';
+import { observer } from 'mobx-react';
+import { FileContext } from './FileContext';
+var FileDropArea = /** @class */ (function (_super) {
+    __extends(FileDropArea, _super);
+    function FileDropArea(props) {
+        var _this = _super.call(this, props) || this;
+        _this.isDragging = false;
+        _this.dropDiv = React.createRef();
+        makeObservable(_this);
+        return _this;
+    }
+    FileDropArea.prototype.dragEnter = function (e) {
+        e.preventDefault();
+        this.isDragging = true;
+    };
+    FileDropArea.prototype.dragLeave = function (e) {
+        if (e.target === this.dropDiv.current && (!e.relatedTarget || !e.target.contains(e.relatedTarget))) {
+            e.preventDefault();
+            this.isDragging = false;
+        }
+    };
+    FileDropArea.prototype.drop = function (e) {
+        this.isDragging = false;
+        e.preventDefault();
+        if (!this.fileManager.isUploading) {
+            var files = void 0;
+            if (e.dataTransfer.items) {
+                files = Array.from(e.dataTransfer.items).filter(function (item) { return item.kind === "file"; }).map(function (file) { return file.getAsFile(); });
+            }
+            else {
+                files = e.dataTransfer.files;
+            }
+            this.fileManager.processFiles(files, { handleErrors: true });
+        }
+    };
+    FileDropArea.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, fileManager = _a.fileManager, nativeProps = __rest(_a, ["fileManager"]);
+        if (this.context.fileManager) {
+            this.fileManager = this.context.fileManager;
+        }
+        else {
+            if (!fileManager) {
+                throw Error("File drop area must be in a FileContext, or have fileManager specified.");
+            }
+            this.fileManager = fileManager;
+        }
+        nativeProps.className = Utils.joinWithSpaces(nativeProps.className, "neo-file-drop", this.isDragging ? "dragging" : "");
+        return (React.createElement("div", __assign({}, nativeProps, { ref: this.dropDiv, onDrop: function (e) { return _this.drop(e); }, onDragEnter: function (e) { return _this.dragEnter(e); }, onDragLeave: function (e) { return _this.dragLeave(e); }, onDragOver: function (e) { return e.preventDefault(); } })));
+    };
+    FileDropArea.contextType = FileContext;
+    __decorate([
+        observable.ref,
+        __metadata("design:type", Object)
+    ], FileDropArea.prototype, "isDragging", void 0);
+    FileDropArea = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], FileDropArea);
+    return FileDropArea;
+}(React.Component));
+export default FileDropArea;