cozy-viewer 1.1.0

package/dist/Footer/ForwardButton.spec.d.ts

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

package/dist/Footer/ForwardOrDownloadButton.d.ts

@@ -0,0 +1,11 @@
+export default ForwardOrDownloadButton;
+declare function ForwardOrDownloadButton({ file, ...props }: {
+    [x: string]: any;
+    file: any;
+}): JSX.Element;
+declare namespace ForwardOrDownloadButton {
+    namespace propTypes {
+        const file: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Footer/ForwardOrDownloadButton.js

@@ -0,0 +1,42 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _DownloadButton = _interopRequireDefault(require("./DownloadButton"));
+
+var _ForwardButton = _interopRequireDefault(require("./ForwardButton"));
+
+var _helpers = require("./helpers");
+
+var _excluded = ["file"];
+
+var ForwardOrDownloadButton = function ForwardOrDownloadButton(_ref) {
+  var file = _ref.file,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var client = (0, _cozyClient.useClient)();
+  var FileActionButton = (0, _helpers.shouldBeForwardButton)(client) ? _ForwardButton.default : _DownloadButton.default;
+  return /*#__PURE__*/_react.default.createElement(FileActionButton, (0, _extends2.default)({
+    file: file
+  }, props));
+};
+
+ForwardOrDownloadButton.propTypes = {
+  file: _propTypes.default.object
+};
+var _default = ForwardOrDownloadButton;
+exports.default = _default;

package/dist/Footer/Sharing.d.ts

@@ -0,0 +1,16 @@
+export default Sharing;
+declare function Sharing({ file, variant }: {
+    file: any;
+    variant: any;
+}): JSX.Element;
+declare namespace Sharing {
+    namespace propTypes {
+        const file: PropTypes.Requireable<object>;
+        const variant: PropTypes.Requireable<string>;
+    }
+    namespace defaultProptypes {
+        const variant_1: string;
+        export { variant_1 as variant };
+    }
+}
+import PropTypes from "prop-types";

package/dist/Footer/Sharing.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _cozySharing = require("cozy-sharing");
+
+var _SharingProvider = require("cozy-sharing/dist/SharingProvider");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Share = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Share"));
+
+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 Sharing = function Sharing(_ref) {
+  var file = _ref.file,
+      variant = _ref.variant;
+  var client = (0, _cozyClient.useClient)();
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showShareModal = _useState2[0],
+      setShowShareModal = _useState2[1];
+
+  var SharingButton = variant === 'iconButton' ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    className: "u-white",
+    onClick: function onClick() {
+      return setShowShareModal(true);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Share.default
+  })) : /*#__PURE__*/_react.default.createElement(_cozySharing.ShareButton, {
+    fullWidth: true,
+    useShortLabel: true,
+    docId: file.id,
+    onClick: function onClick() {
+      return setShowShareModal(true);
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SharingProvider.SharingProvider, {
+    client: client,
+    doctype: "io.cozy.files",
+    documentType: "Files"
+  }, showShareModal && /*#__PURE__*/_react.default.createElement(_cozySharing.ShareModal, {
+    document: file,
+    documentType: "Files",
+    sharingDesc: file.name,
+    onClose: function onClose() {
+      return setShowShareModal(false);
+    }
+  }), SharingButton));
+};
+
+Sharing.propTypes = {
+  file: _propTypes.default.object,
+  variant: _propTypes.default.oneOf(['default', 'iconButton'])
+};
+Sharing.defaultProptypes = {
+  variant: 'default'
+};
+var _default = Sharing;
+exports.default = _default;

package/dist/Footer/helpers.d.ts

@@ -0,0 +1,8 @@
+export function shouldBeForwardButton(client: any): boolean;
+export function exportFilesNative(client: CozyClient, files: array, filename: string): Promise<void>;
+export function mapToAllChildren(children: any, cb: any): any;
+export function extractChildrenCompByName({ children, file, name }: {
+    children: any;
+    file: any;
+    name: any;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/dist/Footer/helpers.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldBeForwardButton = exports.mapToAllChildren = exports.extractChildrenCompByName = exports.exportFilesNative = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = require("react");
+
+var _fsnative = require("cozy-client/dist/models/fsnative");
+
+var _cozyDeviceHelper = require("cozy-device-helper");
+
+var _Alerter = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecated/Alerter"));
+
+var shouldBeForwardButton = function shouldBeForwardButton(client) {
+  var _client$appMetadata;
+
+  var isDrive = (client === null || client === void 0 ? void 0 : (_client$appMetadata = client.appMetadata) === null || _client$appMetadata === void 0 ? void 0 : _client$appMetadata.slug) === 'drive';
+  if ((0, _cozyDeviceHelper.isMobileApp)() || navigator.share && !isDrive) return true;
+  return false;
+};
+
+exports.shouldBeForwardButton = shouldBeForwardButton;
+
+var isMissingFileError = function isMissingFileError(error) {
+  return error.status === 404;
+};
+
+var downloadFileError = function downloadFileError(error) {
+  return isMissingFileError(error) ? 'Viewer.error.downloadFile.missing' : 'Viewer.error.missing';
+};
+/**
+ * exportFilesNative - Triggers a prompt to download a file on mobile devices
+ *
+ * @param {CozyClient} client
+ * @param {array} files    One or more files to download
+ * @param {string} filename The name of the file that will be saved
+ */
+
+
+var exportFilesNative = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(client, files, filename) {
+    var downloadAllFiles, urls;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            downloadAllFiles = files.map( /*#__PURE__*/function () {
+              var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
+                var response, blob, filenameToUse, localFile;
+                return _regenerator.default.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return client.collection('io.cozy.files').fetchFileContentById(file.id);
+
+                      case 2:
+                        response = _context.sent;
+                        _context.next = 5;
+                        return response.blob();
+
+                      case 5:
+                        blob = _context.sent;
+                        filenameToUse = filename ? filename : file.name;
+                        _context.next = 9;
+                        return (0, _fsnative.saveFileWithCordova)(blob, filenameToUse);
+
+                      case 9:
+                        localFile = _context.sent;
+                        return _context.abrupt("return", localFile.nativeURL);
+
+                      case 11:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              return function (_x4) {
+                return _ref2.apply(this, arguments);
+              };
+            }());
+            _context2.prev = 1;
+
+            _Alerter.default.info('Viewer.alert.preparing', {
+              duration: Math.min(downloadAllFiles.length * 2000, 6000)
+            });
+
+            _context2.next = 5;
+            return Promise.all(downloadAllFiles);
+
+          case 5:
+            urls = _context2.sent;
+
+            if (urls.length === 1 && (0, _cozyDeviceHelper.isIOS)()) {
+              // TODO
+              // It seems that files: is not well supported on iOS. url seems to work well
+              // at with one file. Need to check when severals
+              window.plugins.socialsharing.shareWithOptions({
+                url: urls[0]
+              }, function (result) {
+                if (result.completed === true) {
+                  _Alerter.default.success('Viewer.share.success');
+                }
+              }, function (error) {
+                throw error;
+              });
+            } else {
+              window.plugins.socialsharing.shareWithOptions({
+                files: urls
+              }, null, function (error) {
+                throw error;
+              });
+            }
+
+            _context2.next = 12;
+            break;
+
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](1);
+
+            _Alerter.default.error(downloadFileError(_context2.t0));
+
+          case 12:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[1, 9]]);
+  }));
+
+  return function exportFilesNative(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.exportFilesNative = exportFilesNative;
+
+var mapToAllChildren = function mapToAllChildren(children, cb) {
+  return _react.Children.map(children, function (child) {
+    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) return child;
+    var grandchildren = child.props.children;
+
+    if (grandchildren) {
+      return /*#__PURE__*/(0, _react.cloneElement)(child, {
+        children: mapToAllChildren(grandchildren, cb)
+      });
+    }
+
+    return cb(child);
+  });
+};
+
+exports.mapToAllChildren = mapToAllChildren;
+
+var extractChildrenCompByName = function extractChildrenCompByName(_ref3) {
+  var children = _ref3.children,
+      file = _ref3.file,
+      name = _ref3.name;
+  var ChildrenComp = _react.Children.toArray(children).find(function (child) {
+    return child.type.name === name || child.type.displayName === name;
+  }) || null;
+  var ChildrenCompWithFile = /*#__PURE__*/(0, _react.isValidElement)(ChildrenComp) ? /*#__PURE__*/(0, _react.cloneElement)(ChildrenComp, {
+    file: file
+  }) : null;
+  return ChildrenCompWithFile;
+};
+
+exports.extractChildrenCompByName = extractChildrenCompByName;

package/dist/Footer/helpers.spec.d.ts

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

package/dist/NoViewer/DownloadButton.d.ts

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

package/dist/NoViewer/DownloadButton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _Button = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecated/Button"));
+
+var _proptypes = require("cozy-ui/transpiled/react/proptypes");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _helpers = require("../helpers");
+
+var DownloadButton = function DownloadButton(_ref) {
+  var client = _ref.client,
+      file = _ref.file,
+      url = _ref.url;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: function onClick() {
+      return (0, _helpers.downloadFile)({
+        client: client,
+        file: file,
+        url: url
+      });
+    },
+    label: t('Viewer.download')
+  });
+};
+
+DownloadButton.propTypes = {
+  client: _propTypes.default.object.isRequired,
+  file: _proptypes.FileDoctype,
+  url: _propTypes.default.string
+};
+
+var _default = (0, _cozyClient.withClient)(DownloadButton);
+
+exports.default = _default;

package/dist/NoViewer/FileIcon.d.ts

@@ -0,0 +1,4 @@
+export default FileIcon;
+declare function FileIcon({ type }: {
+    type: any;
+}): JSX.Element;

package/dist/NoViewer/FileIcon.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _FileTypeBin = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeBin"));
+
+var _FileTypeCode = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeCode"));
+
+var _FileTypeFiles = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeFiles"));
+
+var _FileTypePdf = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypePdf"));
+
+var _FileTypeSheet = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeSheet"));
+
+var _FileTypeSlide = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeSlide"));
+
+var _FileTypeText = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeText"));
+
+var _FileTypeZip = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeZip"));
+
+var FileIcon = function FileIcon(_ref) {
+  var type = _ref.type;
+  var icon;
+
+  switch (type) {
+    case 'bin':
+      icon = _FileTypeBin.default;
+      break;
+
+    case 'code':
+      icon = _FileTypeCode.default;
+      break;
+
+    case 'spreadsheet':
+      icon = _FileTypeSheet.default;
+      break;
+
+    case 'slide':
+      icon = _FileTypeSlide.default;
+      break;
+
+    case 'text':
+      icon = _FileTypeText.default;
+      break;
+
+    case 'zip':
+      icon = _FileTypeZip.default;
+      break;
+
+    case 'pdf':
+      icon = _FileTypePdf.default;
+      break;
+
+    default:
+      icon = _FileTypeFiles.default;
+      break;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: icon,
+    width: 160,
+    height: 140
+  });
+};
+
+var _default = FileIcon;
+exports.default = _default;

package/dist/NoViewer/NoViewer.d.ts

@@ -0,0 +1,18 @@
+export default NoViewer;
+declare function NoViewer({ file, url, renderFallbackExtraContent }: {
+    file: any;
+    url: any;
+    renderFallbackExtraContent: any;
+}): JSX.Element;
+declare namespace NoViewer {
+    namespace propTypes {
+        const file: any;
+        const renderFallbackExtraContent: PropTypes.Requireable<(...args: any[]) => any>;
+        const url: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        export function renderFallbackExtraContent_1(file: any, url: any): JSX.Element;
+        export { renderFallbackExtraContent_1 as renderFallbackExtraContent };
+    }
+}
+import PropTypes from "prop-types";

package/dist/NoViewer/NoViewer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _proptypes = require("cozy-ui/transpiled/react/proptypes");
+
+var _DownloadButton = _interopRequireDefault(require("./DownloadButton"));
+
+var _FileIcon = _interopRequireDefault(require("./FileIcon"));
+
+var styles = {
+  "viewer-imageviewer": "styles__viewer-imageviewer___2O8pW",
+  "viewer-noviewer": "styles__viewer-noviewer___3HRGf",
+  "viewer-audioviewer": "styles__viewer-audioviewer___dpxUM",
+  "viewer-videoviewer": "styles__viewer-videoviewer___3yUQ5",
+  "viewer-pdfviewer": "styles__viewer-pdfviewer___3MJPk",
+  "viewer-textviewer": "styles__viewer-textviewer___1fl1c",
+  "viewer-canceled": "styles__viewer-canceled___3KRBk",
+  "viewer-textviewer-content": "styles__viewer-textviewer-content___30dhP",
+  "viewer-filename": "styles__viewer-filename___1-DIz",
+  "viewer-pdfviewer-pdf": "styles__viewer-pdfviewer-pdf___3R4jL",
+  "viewer-pdfviewer-page": "styles__viewer-pdfviewer-page___VvOF3",
+  "viewer-pdfviewer-toolbar": "styles__viewer-pdfviewer-toolbar___2Eat3",
+  "viewer-pdfMobile": "styles__viewer-pdfMobile___ym7we",
+  "viewer-pdfMobile--image": "styles__viewer-pdfMobile--image___3_zsS"
+};
+
+var NoViewer = function NoViewer(_ref) {
+  var file = _ref.file,
+      url = _ref.url,
+      renderFallbackExtraContent = _ref.renderFallbackExtraContent;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles['viewer-noviewer']
+  }, /*#__PURE__*/_react.default.createElement(_FileIcon.default, {
+    type: file.class
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: styles['viewer-filename']
+  }, file.name), renderFallbackExtraContent(file, url));
+};
+
+NoViewer.propTypes = {
+  file: _proptypes.FileDoctype.isRequired,
+  renderFallbackExtraContent: _propTypes.default.func,
+  url: _propTypes.default.string
+};
+NoViewer.defaultProps = {
+  renderFallbackExtraContent: function renderFallbackExtraContent(file, url) {
+    return /*#__PURE__*/_react.default.createElement(_DownloadButton.default, {
+      file: file,
+      url: url
+    });
+  }
+};
+var _default = NoViewer;
+exports.default = _default;

package/dist/NoViewer/NoViewer.spec.d.ts

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

package/dist/NoViewer/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./NoViewer";

package/dist/NoViewer/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _NoViewer.default;
+  }
+});
+
+var _NoViewer = _interopRequireDefault(require("./NoViewer"));

package/dist/Panel/ActionMenuDesktop.d.ts

@@ -0,0 +1,3 @@
+export default ActionMenuDesktop;
+declare const ActionMenuDesktop: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";