cozy-viewer 1.1.0

package/dist/components/ViewerByFile.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getViewerComponentName = exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _file = require("cozy-client/dist/models/file");
+
+var _cozyDeviceHelper = require("cozy-device-helper");
+
+var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/helpers/withBreakpoints"));
+
+var _proptypes = require("cozy-ui/transpiled/react/proptypes");
+
+var _NoViewer = _interopRequireDefault(require("../NoViewer"));
+
+var _AudioViewer = _interopRequireDefault(require("../ViewersByFile/AudioViewer"));
+
+var _BlankPaperViewer = _interopRequireDefault(require("../ViewersByFile/BlankPaperViewer"));
+
+var _ImageViewer = _interopRequireDefault(require("../ViewersByFile/ImageViewer"));
+
+var _OnlyOfficeViewer = _interopRequireDefault(require("../ViewersByFile/OnlyOfficeViewer"));
+
+var _PdfJsViewer = _interopRequireDefault(require("../ViewersByFile/PdfJsViewer"));
+
+var _PdfMobileViewer = _interopRequireDefault(require("../ViewersByFile/PdfMobileViewer"));
+
+var _ShortcutViewer = _interopRequireDefault(require("../ViewersByFile/ShortcutViewer"));
+
+var _TextViewer = _interopRequireDefault(require("../ViewersByFile/TextViewer"));
+
+var _VideoViewer = _interopRequireDefault(require("../ViewersByFile/VideoViewer"));
+
+var _EncryptedProvider = require("../providers/EncryptedProvider");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var isBlankPaper = function isBlankPaper(doc) {
+  var _doc$metadata, _doc$metadata$paperPr;
+
+  return (_doc$metadata = doc.metadata) === null || _doc$metadata === void 0 ? void 0 : (_doc$metadata$paperPr = _doc$metadata.paperProps) === null || _doc$metadata$paperPr === void 0 ? void 0 : _doc$metadata$paperPr.isBlank;
+};
+
+var getViewerComponentName = function getViewerComponentName(_ref) {
+  var file = _ref.file,
+      isDesktop = _ref.isDesktop,
+      isOnlyOfficeEnabled = _ref.isOnlyOfficeEnabled;
+
+  switch (file.class) {
+    case 'shortcut':
+      return _ShortcutViewer.default;
+
+    case 'image':
+      return _ImageViewer.default;
+
+    case 'audio':
+      return _AudioViewer.default;
+
+    case 'video':
+      return (0, _cozyDeviceHelper.isMobile)() ? _NoViewer.default : _VideoViewer.default;
+
+    case 'pdf':
+      return isBlankPaper(file) ? _BlankPaperViewer.default : isDesktop ? _PdfJsViewer.default : _PdfMobileViewer.default;
+
+    case 'text':
+      return (0, _file.isPlainText)(file.mime, file.name) ? _TextViewer.default : isOnlyOfficeEnabled ? _OnlyOfficeViewer.default : _NoViewer.default;
+
+    case 'slide':
+      return isOnlyOfficeEnabled ? _OnlyOfficeViewer.default : _NoViewer.default;
+
+    case 'spreadsheet':
+      return isOnlyOfficeEnabled ? _OnlyOfficeViewer.default : _NoViewer.default;
+
+    default:
+      return _NoViewer.default;
+  }
+};
+
+exports.getViewerComponentName = getViewerComponentName;
+var ViewerByFile = (0, _withBreakpoints.default)()(function (_ref2) {
+  var _componentsProps$Only, _componentsProps$Only2;
+
+  var file = _ref2.file,
+      onClose = _ref2.onClose,
+      renderFallbackExtraContent = _ref2.renderFallbackExtraContent,
+      gestures = _ref2.gestures,
+      gesturesRef = _ref2.gesturesRef,
+      onSwipe = _ref2.onSwipe,
+      isDesktop = _ref2.breakpoints.isDesktop,
+      componentsProps = _ref2.componentsProps;
+  var isOnlyOfficeEnabled = componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$Only = componentsProps.OnlyOfficeViewer) === null || _componentsProps$Only === void 0 ? void 0 : _componentsProps$Only.isEnabled;
+  var onlyOfficeOpener = componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$Only2 = componentsProps.OnlyOfficeViewer) === null || _componentsProps$Only2 === void 0 ? void 0 : _componentsProps$Only2.opener;
+
+  var _useEncrypted = (0, _EncryptedProvider.useEncrypted)(),
+      url = _useEncrypted.url;
+
+  var ComponentName = (0, _react.useMemo)(function () {
+    return getViewerComponentName({
+      file: file,
+      isDesktop: isDesktop,
+      isOnlyOfficeEnabled: isOnlyOfficeEnabled
+    });
+  }, [file, isDesktop, isOnlyOfficeEnabled]);
+  return /*#__PURE__*/_react.default.createElement(ComponentName, {
+    file: file,
+    url: url,
+    onClose: onClose,
+    renderFallbackExtraContent: renderFallbackExtraContent,
+    gestures: gestures,
+    gesturesRef: gesturesRef,
+    onSwipe: onSwipe,
+    onlyOfficeOpener: onlyOfficeOpener
+  });
+});
+ViewerByFile.propTypes = {
+  file: _proptypes.FileDoctype.isRequired,
+  onClose: _propTypes.default.func.isRequired,
+  renderFallbackExtraContent: _propTypes.default.func,
+  // gestures, gesturesRef and onSwipe are got from ViewerControls
+  gestures: _propTypes.default.object,
+  gesturesRef: _propTypes.default.object,
+  onSwipe: _propTypes.default.func,
+  componentsProps: _propTypes.default.object
+};
+ViewerByFile.displayName = 'ViewerByFile';
+var _default = ViewerByFile;
+exports.default = _default;

package/dist/components/ViewerByFile.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ViewerControls.d.ts

@@ -0,0 +1,9 @@
+declare var _default: React.ComponentType<(Pick<import("@material-ui/types").ConsistentWith<any, {
+    classes: import("@material-ui/styles").ClassNameMap<"viewerControlsWithInfo">;
+}>, string | number | symbol> | Pick<import("@material-ui/types").ConsistentWith<any, {
+    classes: import("@material-ui/styles").ClassNameMap<"viewerControlsWithInfo">;
+}> & {
+    children?: React.ReactNode;
+}, string | number | symbol>) & import("@material-ui/styles/withStyles/withStyles").StyledComponentProps<"viewerControlsWithInfo">>;
+export default _default;
+import React from "react";

package/dist/components/ViewerControls.js

@@ -0,0 +1,251 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _hammerjs = _interopRequireDefault(require("hammerjs"));
+
+var _flow = _interopRequireDefault(require("lodash/flow"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/helpers/withBreakpoints"));
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
+var _InformationPanel = require("./InformationPanel");
+
+var _Navigation = _interopRequireDefault(require("./Navigation"));
+
+var _Toolbar = _interopRequireDefault(require("./Toolbar"));
+
+var _helpers = require("../helpers");
+
+var _proptypes = require("../proptypes");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var styles = {
+  "viewer-nav": "styles__viewer-nav___3V03k",
+  "viewer-nav--visible": "styles__viewer-nav--visible___4GLTe",
+  "viewer-nav--previous": "styles__viewer-nav--previous___2LsMS",
+  "viewer-nav-arrow": "styles__viewer-nav-arrow___Z0ykc",
+  "viewer-nav--next": "styles__viewer-nav--next___3mBHi",
+  "viewer-controls": "styles__viewer-controls___2lf-z",
+  "--expanded": "styles__--expanded___1sp4Q",
+  "viewer-controls--display-content-top": "styles__viewer-controls--display-content-top___3wszk",
+  "viewer-toolbar": "styles__viewer-toolbar___1GLOA",
+  "viewer-toolbar--hidden": "styles__viewer-toolbar--hidden___Zq97m",
+  "viewer-footer": "styles__viewer-footer___iGv8J"
+};
+var ACTIONS_HIDE_DELAY = 3000;
+
+var customStyles = function customStyles() {
+  return {
+    viewerControlsWithInfo: {
+      width: "calc(100% - ".concat(_InformationPanel.infoWidth, ") !important")
+    }
+  };
+};
+
+var ViewerControls = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ViewerControls, _Component);
+
+  var _super = _createSuper(ViewerControls);
+
+  function ViewerControls() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ViewerControls);
+
+    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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      hidden: false,
+      gestures: null
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_mounted", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "showControls", function () {
+      if (_this._mounted) {
+        _this.setState({
+          hidden: false
+        });
+
+        _this.hideAfterDelay();
+
+        document.removeEventListener('mousemove', _this.showControls);
+        document.addEventListener('mousemove', _this.hideAfterDelay);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hideControls", function () {
+      if (_this._mounted) {
+        _this.setState({
+          hidden: true
+        });
+
+        document.removeEventListener('mousemove', _this.hideAfterDelay);
+        document.addEventListener('mousemove', _this.showControls);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hideAfterDelay", function () {
+      clearTimeout(_this.hideTimeout);
+      _this.hideTimeout = setTimeout(function () {
+        _this.hideControls();
+      }, ACTIONS_HIDE_DELAY);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSwipe", function (e) {
+      if (e.direction === _hammerjs.default.DIRECTION_LEFT) _this.props.onNext();else if (e.direction === _hammerjs.default.DIRECTION_RIGHT) _this.props.onPrevious();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "initGestures", function () {
+      var gestures = new _hammerjs.default(_this.wrapped, _this.props.breakpoints.isDesktop ? {
+        cssProps: {
+          userSelect: 'auto'
+        }
+      } : {});
+      if (!_this.props.breakpoints.isDesktop) gestures.on('swipe', _this.onSwipe);
+      return gestures;
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(ViewerControls, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this._mounted = true;
+      clearTimeout(this.hideTimeout);
+      this.hideAfterDelay();
+      var gestures = this.initGestures();
+      this.setState({
+        gestures: gestures
+      });
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this._mounted = false;
+      clearTimeout(this.hideTimeout);
+      if (this.state.gestures) this.state.gestures.destroy();
+    }
+  }, {
+    key: "renderChildren",
+    value: function renderChildren(children) {
+      var _this2 = this;
+
+      if (!children) return null;
+      return _react.default.Children.map(children, function (child) {
+        var _child$type, _child$type2;
+
+        if ((child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) === 'ViewerByFile' || (child === null || child === void 0 ? void 0 : (_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === 'ViewerByFile') {
+          return /*#__PURE__*/_react.default.cloneElement(child, {
+            gestures: _this2.state.gestures,
+            gesturesRef: _this2.wrapped,
+            onSwipe: _this2.onSwipe
+          });
+        }
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _cx,
+          _this3 = this;
+
+      var _this$props = this.props,
+          file = _this$props.file,
+          onClose = _this$props.onClose,
+          hasPrevious = _this$props.hasPrevious,
+          hasNext = _this$props.hasNext,
+          onPrevious = _this$props.onPrevious,
+          onNext = _this$props.onNext,
+          expanded = _this$props.expanded,
+          toolbarProps = _this$props.toolbarProps,
+          showNavigation = _this$props.showNavigation,
+          showInfoPanel = _this$props.showInfoPanel,
+          children = _this$props.children,
+          classes = _this$props.classes,
+          isDesktop = _this$props.breakpoints.isDesktop;
+      var showToolbar = toolbarProps.showToolbar,
+          showClose = toolbarProps.showClose,
+          toolbarRef = toolbarProps.toolbarRef,
+          showFilePath = toolbarProps.showFilePath;
+      var hidden = this.state.hidden;
+      var shouldDisplayContentTop = (0, _helpers.isValidForPanel)({
+        file: file
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(styles['viewer-controls'], (_cx = {}, (0, _defineProperty2.default)(_cx, styles['viewer-controls--expanded'], expanded), (0, _defineProperty2.default)(_cx, styles['viewer-controls--display-content-top'], shouldDisplayContentTop), (0, _defineProperty2.default)(_cx, classes.viewerControlsWithInfo, showInfoPanel), _cx)),
+        ref: function ref(wrapped) {
+          _this3.wrapped = wrapped;
+        }
+      }, showToolbar && /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
+        toolbarRef: toolbarRef,
+        file: file,
+        showFilePath: showFilePath,
+        onMouseEnter: this.showControls,
+        onMouseLeave: this.hideControls,
+        onClose: showClose && onClose
+      }, children), showNavigation && isDesktop && hasPrevious && /*#__PURE__*/_react.default.createElement(_Navigation.default, {
+        className: styles['viewer-nav--previous'],
+        hidden: hidden,
+        onMouseEnter: this.showControls,
+        onMouseLeave: this.hideControls,
+        onClick: onPrevious
+      }), this.renderChildren(children), showNavigation && isDesktop && hasNext && /*#__PURE__*/_react.default.createElement(_Navigation.default, {
+        className: styles['viewer-nav--next'],
+        hidden: hidden,
+        onMouseEnter: this.showControls,
+        onMouseLeave: this.hideControls,
+        onClick: onNext
+      }));
+    }
+  }]);
+  return ViewerControls;
+}(_react.Component);
+
+ViewerControls.propTypes = {
+  file: _propTypes.default.object.isRequired,
+  onClose: _propTypes.default.func.isRequired,
+  hasPrevious: _propTypes.default.bool.isRequired,
+  hasNext: _propTypes.default.bool.isRequired,
+  onPrevious: _propTypes.default.func.isRequired,
+  onNext: _propTypes.default.func.isRequired,
+  expanded: _propTypes.default.bool.isRequired,
+  toolbarProps: _propTypes.default.shape(_proptypes.toolbarPropsPropType),
+  showNavigation: _propTypes.default.bool.isRequired,
+  showInfoPanel: _propTypes.default.bool
+};
+
+var _default = (0, _flow.default)((0, _withBreakpoints.default)(), (0, _styles.withStyles)(customStyles))(ViewerControls);
+
+exports.default = _default;

package/dist/components/ViewerControls.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ViewerSpinner.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/dist/components/ViewerSpinner.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Spinner = _interopRequireDefault(require("cozy-ui/transpiled/react/Spinner"));
+
+var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/helpers/withBreakpoints"));
+
+var ViewerSpinner = function ViewerSpinner(_ref) {
+  var isDesktop = _ref.breakpoints.isDesktop;
+  return /*#__PURE__*/_react.default.createElement(_Spinner.default, (0, _extends2.default)({
+    size: "xxlarge",
+    middle: true,
+    noMargin: true
+  }, isDesktop && {
+    color: 'white'
+  }));
+};
+
+var _default = (0, _withBreakpoints.default)()(ViewerSpinner);
+
+exports.default = _default;

package/dist/docs/DemoProvider.d.ts

@@ -0,0 +1,6 @@
+export default Wrapper;
+declare class Wrapper extends React.Component<any, any, any> {
+    constructor(props: Readonly<any>);
+    constructor(props: any, context?: any);
+}
+import React from "react";

package/dist/docs/DemoProvider.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _cloudWallpaper = _interopRequireDefault(require("cozy-ui/docs/cloud-wallpaper.jpg"));
+
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
+var _I18n = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n"));
+
+var _index = require("../locales/index");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var demoTextFileResponse = {
+  text: function text() {
+    return new Promise(function (resolve) {
+      return resolve('Hello World !');
+    });
+  }
+};
+var demoFilesByClass = {
+  pdf: 'https://raw.githubusercontent.com/rospdf/pdf-php/2ccf7591fc2f18e63342ebfedad7997b08c34ed2/readme.pdf',
+  audio: 'https://viewerdemo.cozycloud.cc/Z.mp3',
+  video: 'https://viewerdemo.cozycloud.cc/Nextcloud.mp4',
+  text: 'https://viewerdemo.cozycloud.cc/notes.md'
+};
+var mockClient = {
+  plugins: {
+    realtime: {
+      subscribe: function subscribe() {},
+      unsubscribe: function unsubscribe() {},
+      unsubscribeAll: function unsubscribeAll() {}
+    }
+  },
+  on: function on() {},
+  collection: function collection() {
+    return {
+      getDownloadLinkById: function getDownloadLinkById(id) {
+        return new Promise(function (resolve) {
+          return resolve(demoFilesByClass[id]);
+        });
+      },
+      download: function download() {
+        return alert("This is a demo, there's no actual Cozy to download the file from ¯\\_(ツ)_/¯");
+      },
+      get: function get() {
+        return new Promise(function (resolve) {
+          return resolve({
+            data: {
+              links: {
+                large: _cloudWallpaper.default
+              }
+            }
+          });
+        });
+      }
+    };
+  },
+  getStackClient: function getStackClient() {
+    return {
+      uri: '',
+      fetch: function fetch() {
+        return new Promise(function (resolve) {
+          return resolve(demoTextFileResponse);
+        });
+      }
+    };
+  },
+  getClient: function getClient() {
+    return mockClient;
+  },
+  store: {
+    getState: function getState() {},
+    subscribe: function subscribe() {},
+    unsubscribe: function unsubscribe() {}
+  },
+  getQueryFromState: function getQueryFromState(queryName) {
+    if (queryName === 'io.cozy.files/parent_folder') {
+      return {
+        data: {
+          _id: 'parent_id',
+          path: '/Parent'
+        }
+      };
+    }
+  },
+  query: function query() {
+    return {
+      data: [{
+        attributes: {
+          slug: 'mespapiers'
+        },
+        links: {
+          related: ''
+        }
+      }]
+    };
+  },
+  getInstanceOptions: function getInstanceOptions() {
+    return {
+      app: {
+        slug: 'mespapiers'
+      },
+      subdomain: 'flat'
+    };
+  }
+};
+
+var Wrapper = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(Wrapper, _React$Component);
+
+  var _super = _createSuper(Wrapper);
+
+  function Wrapper() {
+    (0, _classCallCheck2.default)(this, Wrapper);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(Wrapper, [{
+    key: "render",
+    value: function render() {
+      var lang = localStorage.getItem('lang') || 'en';
+      return /*#__PURE__*/_react.default.createElement(_cozyClient.CozyProvider, {
+        client: mockClient
+      }, /*#__PURE__*/_react.default.createElement(_Breakpoints.BreakpointsProvider, null, /*#__PURE__*/_react.default.createElement(_I18n.default, {
+        dictRequire: function dictRequire(lang) {
+          return _index.locales[lang];
+        },
+        lang: lang
+      }, this.props.children)));
+    }
+  }]);
+  return Wrapper;
+}(_react.default.Component);
+
+var _default = Wrapper;
+exports.default = _default;

package/dist/helpers.d.ts

@@ -0,0 +1,37 @@
+export function getCurrentModel(metadataName: any): "information" | "contact" | "page" | undefined;
+export function isValidForPanel({ file }: {
+    file: IOCozyFile;
+}): boolean;
+export function downloadFile({ client, file, url }: {
+    client: any;
+    file: any;
+    url: any;
+}): Promise<any>;
+export function isFileEncrypted(file: any): any;
+export function formatDate({ f, lang, date }: {
+    f: any;
+    lang: any;
+    date: any;
+}): any;
+export function buildEditAttributePath(editPathByModelProps: {
+    information: string;
+    page: string;
+}, currentModel: string, name: string): string;
+export function isEditableAttribute(name: any, file: any): boolean;
+export function normalizeAndSpreadAttributes(rawFile: any): any;
+export function makeWebLink({ client, slug, path }: {
+    client: CozyClient;
+    slug: string;
+    path: string;
+}): string;
+export function removeFilenameFromPath(path: string): string;
+export type Reference = {
+    /**
+     * - id of the document
+     */
+    id: string;
+    /**
+     * - doctype of the document
+     */
+    type: string;
+};