cozy-ui 111.21.0 → 112.0.0

package/transpiled/react/Viewer/ViewersByFile/PdfJsViewer.js

@@ -1,254 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import cx from 'classnames';
-import flow from 'lodash/flow';
-import throttle from 'lodash/throttle';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { Document, Page } from 'react-pdf';
-var styles = {
-  "viewer-imageviewer": "styles__viewer-imageviewer___26k0p",
-  "viewer-noviewer": "styles__viewer-noviewer___auG-6",
-  "viewer-audioviewer": "styles__viewer-audioviewer___1OQPB",
-  "viewer-videoviewer": "styles__viewer-videoviewer___NhFoe",
-  "viewer-pdfviewer": "styles__viewer-pdfviewer___1gTP9",
-  "viewer-textviewer": "styles__viewer-textviewer___3u5Zw",
-  "viewer-canceled": "styles__viewer-canceled___pOA_O",
-  "viewer-textviewer-content": "styles__viewer-textviewer-content___PB-c3",
-  "viewer-filename": "styles__viewer-filename___3jZCt",
-  "viewer-pdfviewer-pdf": "styles__viewer-pdfviewer-pdf___16ID9",
-  "viewer-pdfviewer-page": "styles__viewer-pdfviewer-page___2RPuw",
-  "viewer-pdfviewer-toolbar": "styles__viewer-pdfviewer-toolbar___3NXOk",
-  "viewer-pdfMobile": "styles__viewer-pdfMobile___25FPg",
-  "viewer-pdfMobile--image": "styles__viewer-pdfMobile--image___3gpFL"
-};
-import NoViewer from "cozy-ui/transpiled/react/Viewer/NoViewer";
-import ToolbarButton from "cozy-ui/transpiled/react/Viewer/components/PdfToolbarButton";
-import ViewerSpinner from "cozy-ui/transpiled/react/Viewer/components/ViewerSpinner";
-import withFileUrl from "cozy-ui/transpiled/react/Viewer/hoc/withFileUrl";
-import { withViewerLocales } from "cozy-ui/transpiled/react/Viewer/hoc/withViewerLocales";
-export var MIN_SCALE = 0.25;
-export var MAX_SCALE = 3;
-export var MAX_PAGES = 3;
-var KEY_CODE_UP = 38;
-var KEY_CODE_DOWN = 40;
-export var PdfJsViewer = /*#__PURE__*/function (_Component) {
-  _inherits(PdfJsViewer, _Component);
-
-  var _super = _createSuper(PdfJsViewer);
-
-  function PdfJsViewer() {
-    var _this;
-
-    _classCallCheck(this, PdfJsViewer);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      totalPages: 1,
-      scale: 1,
-      currentPage: 1,
-      loaded: false,
-      errored: false,
-      width: null,
-      renderAllPages: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onKeyUp", function (e) {
-      if (e.keyCode === KEY_CODE_UP) _this.previousPage();else if (e.keyCode === KEY_CODE_DOWN) _this.nextPage();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "setWrapperSize", function () {
-      var width = _this.wrapper ? _this.wrapper.getBoundingClientRect().width : null;
-
-      _this.setState({
-        width: width
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onLoadSuccess", function (_ref) {
-      var numPages = _ref.numPages;
-
-      _this.setState({
-        totalPages: numPages,
-        renderAllPages: numPages <= MAX_PAGES,
-        loaded: true
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onLoadError", function (error) {
-      // eslint-disable-next-line no-console
-      console.warn(error);
-
-      _this.setState({
-        errored: true
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "nextPage", function () {
-      _this.setState(function (state) {
-        return {
-          currentPage: Math.min(state.currentPage + 1, state.totalPages)
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "previousPage", function () {
-      _this.setState(function (state) {
-        return {
-          currentPage: Math.max(state.currentPage - 1, 1)
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "scaleUp", function () {
-      _this.setState(function (state) {
-        var previousScale = state.scale;
-        var scale = Math.min(previousScale + 0.25, MAX_SCALE);
-        if (scale > 1 && previousScale <= 1) _this.toggleGestures(false);
-        return {
-          scale: scale
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "scaleDown", function () {
-      _this.setState(function (state) {
-        var previousScale = state.scale;
-        var scale = Math.max(previousScale - 0.25, MIN_SCALE);
-        if (scale <= 1 && previousScale > 1) _this.toggleGestures(true);
-        return {
-          scale: scale
-        };
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(PdfJsViewer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setWrapperSize();
-      this.resizeListener = throttle(this.setWrapperSize, 500);
-      window.addEventListener('resize', this.resizeListener);
-      document.addEventListener('keyup', this.onKeyUp, false);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('resize', this.resizeListener);
-      document.removeEventListener('keyup', this.onKeyUp, false);
-    }
-  }, {
-    key: "toggleGestures",
-    value: function toggleGestures(enable) {
-      if (!this.props.gestures) return;
-      this.props.gestures.get('swipe').set({
-        enable: enable
-      });
-      this.props.gestures.get('pan').set({
-        enable: enable
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          url = _this$props.url,
-          file = _this$props.file,
-          renderFallbackExtraContent = _this$props.renderFallbackExtraContent,
-          t = _this$props.t;
-      var _this$state = this.state,
-          loaded = _this$state.loaded,
-          errored = _this$state.errored,
-          totalPages = _this$state.totalPages,
-          currentPage = _this$state.currentPage,
-          scale = _this$state.scale,
-          width = _this$state.width,
-          renderAllPages = _this$state.renderAllPages;
-      if (errored) return /*#__PURE__*/React.createElement(NoViewer, {
-        file: file,
-        renderFallbackExtraContent: renderFallbackExtraContent
-      });
-      var pageWidth = width ? width * scale : null; // newer versions of react-pdf do that automatically
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles['viewer-pdfviewer'],
-        ref: function ref(_ref2) {
-          return _this2.wrapper = _ref2;
-        }
-      }, /*#__PURE__*/React.createElement(Document, {
-        file: url,
-        onLoadSuccess: this.onLoadSuccess,
-        onLoadError: this.onLoadError,
-        className: styles['viewer-pdfviewer-pdf'],
-        loading: /*#__PURE__*/React.createElement(ViewerSpinner, null)
-      }, renderAllPages ? _toConsumableArray(Array(totalPages)).map(function (_, page) {
-        return /*#__PURE__*/React.createElement(Page, {
-          key: page,
-          pageNumber: page + 1,
-          width: pageWidth,
-          renderAnnotations: false,
-          className: cx('u-mv-1', styles['viewer-pdfviewer-page'])
-        });
-      }) : /*#__PURE__*/React.createElement(Page, {
-        pageNumber: currentPage,
-        width: pageWidth,
-        renderAnnotations: false,
-        className: styles['viewer-pdfviewer-page']
-      })), loaded && /*#__PURE__*/React.createElement("div", {
-        className: cx(styles['viewer-pdfviewer-toolbar'], 'u-p-half')
-      }, !renderAllPages && /*#__PURE__*/React.createElement("span", {
-        className: "u-mh-half"
-      }, /*#__PURE__*/React.createElement(ToolbarButton, {
-        icon: "top",
-        onClick: this.previousPage,
-        disabled: currentPage === 1,
-        label: t('Viewer.previous')
-      }), currentPage, "/", totalPages, /*#__PURE__*/React.createElement(ToolbarButton, {
-        icon: "bottom",
-        onClick: this.nextPage,
-        disabled: currentPage === totalPages,
-        label: t('Viewer.next')
-      })), /*#__PURE__*/React.createElement("span", {
-        className: "u-mh-half"
-      }, /*#__PURE__*/React.createElement(ToolbarButton, {
-        icon: "dash",
-        onClick: this.scaleDown,
-        disabled: scale === MIN_SCALE,
-        label: t('Viewer.scaledown')
-      }), /*#__PURE__*/React.createElement(ToolbarButton, {
-        icon: "plus",
-        onClick: this.scaleUp,
-        disabled: scale === MAX_SCALE,
-        label: t('Viewer.scaleup')
-      }))));
-    }
-  }]);
-
-  return PdfJsViewer;
-}(Component);
-PdfJsViewer.propTypes = {
-  url: PropTypes.string.isRequired,
-  gestures: PropTypes.object,
-  renderFallbackExtraContent: PropTypes.func
-};
-export default flow(withFileUrl, withViewerLocales)(PdfJsViewer);

package/transpiled/react/Viewer/ViewersByFile/PdfMobileViewer.js

@@ -1,153 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import PropTypes from 'prop-types';
-import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { useClient } from 'cozy-client';
-var styles = {
-  "viewer-imageviewer": "styles__viewer-imageviewer___26k0p",
-  "viewer-noviewer": "styles__viewer-noviewer___auG-6",
-  "viewer-audioviewer": "styles__viewer-audioviewer___1OQPB",
-  "viewer-videoviewer": "styles__viewer-videoviewer___NhFoe",
-  "viewer-pdfviewer": "styles__viewer-pdfviewer___1gTP9",
-  "viewer-textviewer": "styles__viewer-textviewer___3u5Zw",
-  "viewer-canceled": "styles__viewer-canceled___pOA_O",
-  "viewer-textviewer-content": "styles__viewer-textviewer-content___PB-c3",
-  "viewer-filename": "styles__viewer-filename___3jZCt",
-  "viewer-pdfviewer-pdf": "styles__viewer-pdfviewer-pdf___16ID9",
-  "viewer-pdfviewer-page": "styles__viewer-pdfviewer-page___2RPuw",
-  "viewer-pdfviewer-toolbar": "styles__viewer-pdfviewer-toolbar___3NXOk",
-  "viewer-pdfMobile": "styles__viewer-pdfMobile___25FPg",
-  "viewer-pdfMobile--image": "styles__viewer-pdfMobile--image___3gpFL"
-};
-import FileImageLoader from "cozy-ui/transpiled/react/FileImageLoader";
-import Spinner from "cozy-ui/transpiled/react/Spinner";
-import { FileDoctype } from "cozy-ui/transpiled/react/proptypes";
-import { useAlert } from "cozy-ui/transpiled/react/providers/Alert";
-import NoViewer from "cozy-ui/transpiled/react/Viewer/NoViewer";
-import DownloadButton from "cozy-ui/transpiled/react/Viewer/NoViewer/DownloadButton";
-import { withViewerLocales } from "cozy-ui/transpiled/react/Viewer/hoc/withViewerLocales";
-export var PdfMobileViewer = function PdfMobileViewer(_ref) {
-  var file = _ref.file,
-      url = _ref.url,
-      t = _ref.t,
-      gestures = _ref.gestures;
-
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      error = _useState4[0],
-      setError = _useState4[1];
-
-  var imgRef = useRef(null);
-
-  var _useAlert = useAlert(),
-      showAlert = _useAlert.showAlert;
-
-  var client = useClient();
-
-  var onImageError = function onImageError() {
-    setLoading(false);
-    setError(true);
-  };
-
-  var onImageLoad = function onImageLoad() {
-    setLoading(false);
-  };
-
-  var handleOnClick = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return client.collection('io.cozy.files').download(file);
-
-            case 3:
-              _context.next = 8;
-              break;
-
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              showAlert({
-                message: t('Viewer.error.generic'),
-                severity: 'error',
-                variant: 'filled',
-                icon: false
-              });
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 5]]);
-    }));
-
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [client, showAlert, t]);
-  useEffect(function () {
-    if (gestures) {
-      gestures.get('pinch').set({
-        enable: true
-      });
-      gestures.on('pinchend tap', function (evt) {
-        if ((evt.type === 'pinchend' || evt.tapCount === 1) && evt.target === imgRef.current) {
-          handleOnClick(file);
-        }
-      });
-      return function () {
-        gestures.off('pinchend tap');
-      };
-    }
-  }, [client, gestures, file, handleOnClick]);
-
-  if (error) {
-    return /*#__PURE__*/React.createElement(NoViewer, {
-      file: file,
-      renderFallbackExtraContent: function renderFallbackExtraContent(file) {
-        return /*#__PURE__*/React.createElement(DownloadButton, {
-          file: file
-        });
-      }
-    });
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['viewer-pdfMobile']
-  }, loading && /*#__PURE__*/React.createElement(Spinner, {
-    size: "xxlarge",
-    middle: true,
-    noMargin: true
-  }), file && /*#__PURE__*/React.createElement(FileImageLoader, {
-    file: file,
-    url: url,
-    linkType: "medium",
-    onError: onImageError,
-    key: file.id,
-    render: function render(src) {
-      return /*#__PURE__*/React.createElement("img", {
-        ref: imgRef,
-        className: styles['viewer-pdfMobile--image'],
-        alt: file.name,
-        src: src,
-        onLoad: onImageLoad
-      });
-    }
-  }));
-};
-PdfMobileViewer.prototype = {
-  file: FileDoctype.isRequired,
-  url: PropTypes.string,
-  gestures: PropTypes.object
-};
-export default withViewerLocales(PdfMobileViewer);

package/transpiled/react/Viewer/ViewersByFile/ShortcutViewer.js

@@ -1,42 +0,0 @@
-import get from 'lodash/get';
-import React from 'react';
-import { useClient, useFetchShortcut } from 'cozy-client';
-import OpenwithIcon from "cozy-ui/transpiled/react/Icons/Openwith";
-import { ButtonLink } from "cozy-ui/transpiled/react/deprecated/Button";
-import { FileDoctype } from "cozy-ui/transpiled/react/proptypes";
-import NoViewer from "cozy-ui/transpiled/react/Viewer/NoViewer";
-import { withViewerLocales } from "cozy-ui/transpiled/react/Viewer/hoc/withViewerLocales";
-
-var ShortcutViewer = function ShortcutViewer(_ref) {
-  var t = _ref.t,
-      file = _ref.file;
-  var client = useClient();
-
-  var _useFetchShortcut = useFetchShortcut(client, file.id),
-      shortcutInfos = _useFetchShortcut.shortcutInfos;
-
-  var url = '';
-
-  if (shortcutInfos) {
-    url = new URL(get(shortcutInfos, 'data.attributes.url'));
-  }
-
-  return /*#__PURE__*/React.createElement(NoViewer, {
-    file: file,
-    renderFallbackExtraContent: function renderFallbackExtraContent() {
-      return /*#__PURE__*/React.createElement(ButtonLink, {
-        label: "".concat(t('Viewer.goto', {
-          url: get(url, 'origin', '')
-        })),
-        icon: OpenwithIcon,
-        href: "".concat(get(url, 'origin', '')),
-        target: "_blank"
-      });
-    }
-  });
-};
-
-ShortcutViewer.propTypes = {
-  file: FileDoctype.isRequired
-};
-export default withViewerLocales(ShortcutViewer);

package/transpiled/react/Viewer/ViewersByFile/TextViewer.js

@@ -1,219 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import ReactMarkdown from 'react-markdown';
-import { withClient, models } from 'cozy-client';
-var styles = {
-  "viewer-imageviewer": "styles__viewer-imageviewer___26k0p",
-  "viewer-noviewer": "styles__viewer-noviewer___auG-6",
-  "viewer-audioviewer": "styles__viewer-audioviewer___1OQPB",
-  "viewer-videoviewer": "styles__viewer-videoviewer___NhFoe",
-  "viewer-pdfviewer": "styles__viewer-pdfviewer___1gTP9",
-  "viewer-textviewer": "styles__viewer-textviewer___3u5Zw",
-  "viewer-canceled": "styles__viewer-canceled___pOA_O",
-  "viewer-textviewer-content": "styles__viewer-textviewer-content___PB-c3",
-  "viewer-filename": "styles__viewer-filename___3jZCt",
-  "viewer-pdfviewer-pdf": "styles__viewer-pdfviewer-pdf___16ID9",
-  "viewer-pdfviewer-page": "styles__viewer-pdfviewer-page___2RPuw",
-  "viewer-pdfviewer-toolbar": "styles__viewer-pdfviewer-toolbar___3NXOk",
-  "viewer-pdfMobile": "styles__viewer-pdfMobile___25FPg",
-  "viewer-pdfMobile--image": "styles__viewer-pdfMobile--image___3gpFL"
-};
-import { FileDoctype } from "cozy-ui/transpiled/react/proptypes";
-import NoViewer from "cozy-ui/transpiled/react/Viewer/NoViewer";
-import ViewerSpinner from "cozy-ui/transpiled/react/Viewer/components/ViewerSpinner";
-import { isFileEncrypted } from "cozy-ui/transpiled/react/Viewer/helpers";
-import withFileUrl from "cozy-ui/transpiled/react/Viewer/hoc/withFileUrl";
-
-var MarkdownRenderer = function MarkdownRenderer(_ref) {
-  var text = _ref.text;
-  return /*#__PURE__*/React.createElement(ReactMarkdown, {
-    className: cx(styles['viewer-textviewer-content'], 'u-p-1'),
-    source: text
-  });
-};
-
-var PlainTextRenderer = function PlainTextRenderer(_ref2) {
-  var text = _ref2.text;
-  return /*#__PURE__*/React.createElement("pre", {
-    className: cx(styles['viewer-textviewer-content'], 'u-mh-auto', 'u-mv-2')
-  }, text);
-};
-
-var Loader = function Loader() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['viewer-textviewer']
-  }, /*#__PURE__*/React.createElement(ViewerSpinner, null));
-};
-
-export var isMarkdown = function isMarkdown(file) {
-  return file.mime === 'text/markdown' || /.md$/.test(file.name) || models.file.isNote(file);
-};
-export var TextViewer = /*#__PURE__*/function (_React$Component) {
-  _inherits(TextViewer, _React$Component);
-
-  var _super = _createSuper(TextViewer);
-
-  function TextViewer() {
-    var _this;
-
-    _classCallCheck(this, TextViewer);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      text: '',
-      isMarkdown: false,
-      loading: true,
-      error: null
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "_mounted", false);
-
-    return _this;
-  }
-
-  _createClass(TextViewer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this._mounted = true;
-      this.loadFile();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this._mounted = false;
-    }
-  }, {
-    key: "loadFile",
-    value: function () {
-      var _loadFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$props, url, file, response, _URL, pathname, client, text;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this$props = this.props, url = _this$props.url, file = _this$props.file;
-                _context.prev = 1;
-
-                if (!isFileEncrypted(file)) {
-                  _context.next = 8;
-                  break;
-                }
-
-                _context.next = 5;
-                return fetch(url);
-
-              case 5:
-                response = _context.sent;
-                _context.next = 13;
-                break;
-
-              case 8:
-                _URL = new URL(url), pathname = _URL.pathname;
-                client = this.props.client.getStackClient();
-                _context.next = 12;
-                return client.fetch('GET', pathname);
-
-              case 12:
-                response = _context.sent;
-
-              case 13:
-                _context.next = 15;
-                return response.text();
-
-              case 15:
-                text = _context.sent;
-
-                if (this._mounted) {
-                  this.setState({
-                    text: text,
-                    isMarkdown: isMarkdown(file),
-                    loading: false
-                  });
-                }
-
-                _context.next = 23;
-                break;
-
-              case 19:
-                _context.prev = 19;
-                _context.t0 = _context["catch"](1);
-                // eslint-disable-next-line no-console
-                console.warn(_context.t0);
-
-                if (this._mounted) {
-                  this.setState({
-                    loading: false,
-                    error: _context.t0
-                  });
-                }
-
-              case 23:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this, [[1, 19]]);
-      }));
-
-      function loadFile() {
-        return _loadFile.apply(this, arguments);
-      }
-
-      return loadFile;
-    }()
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-          loading = _this$state.loading,
-          error = _this$state.error,
-          text = _this$state.text,
-          isMarkdown = _this$state.isMarkdown;
-      var _this$props2 = this.props,
-          file = _this$props2.file,
-          renderFallbackExtraContent = _this$props2.renderFallbackExtraContent;
-      if (loading) return /*#__PURE__*/React.createElement(Loader, null);else if (error) return /*#__PURE__*/React.createElement(NoViewer, {
-        file: file,
-        renderFallbackExtraContent: renderFallbackExtraContent
-      });else return /*#__PURE__*/React.createElement("div", {
-        className: styles['viewer-textviewer']
-      }, /*#__PURE__*/React.createElement("h2", {
-        className: cx(styles['viewer-filename'], 'u-mt-3', 'u-mb-1')
-      }, file.name), isMarkdown ? /*#__PURE__*/React.createElement(MarkdownRenderer, {
-        text: text
-      }) : /*#__PURE__*/React.createElement(PlainTextRenderer, {
-        text: text
-      }));
-    }
-  }]);
-
-  return TextViewer;
-}(React.Component);
-TextViewer.propTypes = {
-  client: PropTypes.object.isRequired,
-  url: PropTypes.string.isRequired,
-  file: FileDoctype.isRequired,
-  renderFallbackExtraContent: PropTypes.func
-};
-export default withFileUrl(withClient(TextViewer));