polaris-offices-viewer/dist/esm/fetch-wrapper.js

var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        if (typeof b !== "function" && b !== null)
            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
// @ts-nocheck
import React, { Component } from 'react';
// import Error from './error';
// import Loading from './loading';
var Error = function (_a) {
    var error = _a.error;
    return React.createElement("div", null, error);
};
var Loading = function () {
    return React.createElement("div", null, "\u6587\u4EF6\u52A0\u8F7D\u4E2D \u2026\u2026");
};
function withFetching(WrappedComponent, props) {
    return /** @class */ (function (_super) {
        __extends(class_1, _super);
        function class_1(props) {
            // eslint-disable-line no-shadow
            var _this = _super.call(this, props) || this;
            _this.state = {};
            _this.xhr = _this.createRequest(props.filePath);
            return _this;
        }
        class_1.prototype.componentDidMount = function () {
            try {
                this.fetch();
            }
            catch (e) {
                if (this.props.onError) {
                    this.props.onError(e);
                }
                this.setState({ error: 'fetch error' });
            }
        };
        class_1.prototype.componentWillUnmount = function () {
            this.abort();
        };
        class_1.prototype.createRequest = function (path) {
            var _this = this;
            var xhr = new XMLHttpRequest();
            if ('withCredentials' in xhr) {
                // XHR for Chrome/Firefox/Opera/Safari.
                xhr.open('GET', path, true);
            }
            else if (typeof XDomainRequest !== 'undefined') {
                // XDomainRequest for IE.
                xhr = new XDomainRequest();
                xhr.open('GET', path);
            }
            else {
                // CORS not supported.
                xhr = null;
                return null;
            }
            if (props.responseType) {
                xhr.responseType = props.responseType;
            }
            xhr.onload = function () {
                if (xhr.status >= 400) {
                    _this.setState({ error: "fetch error with status ".concat(xhr.status) });
                    return;
                }
                var resp = props.responseType ? xhr.response : xhr.responseText;
                _this.setState({ data: resp });
            };
            return xhr;
        };
        class_1.prototype.fetch = function () {
            this.xhr.send();
        };
        class_1.prototype.abort = function () {
            if (this.xhr) {
                this.xhr.abort();
            }
        };
        class_1.prototype.render = function () {
            if (!this.xhr) {
                return React.createElement("h1", null, "CORS not supported..");
            }
            if (this.state.error) {
                return React.createElement(Error, __assign({}, this.props, { error: this.state.error }));
            }
            if (this.state.data) {
                return React.createElement(WrappedComponent, __assign({ data: this.state.data }, this.props));
            }
            return React.createElement(Loading, null);
        };
        return class_1;
    }(Component));
}
export default withFetching;