cozy-ui 111.20.0 → 112.0.0

package/transpiled/react/Viewer/components/ViewerByFile.js

@@ -1,105 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { useMemo } from 'react';
-import { isPlainText } from 'cozy-client/dist/models/file';
-import { isMobile as isMobileDevice } from 'cozy-device-helper';
-import withBreakpoints from "cozy-ui/transpiled/react/helpers/withBreakpoints";
-import { FileDoctype } from "cozy-ui/transpiled/react/proptypes";
-import NoViewer from "cozy-ui/transpiled/react/Viewer/NoViewer";
-import AudioViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/AudioViewer";
-import BlankPaperViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/BlankPaperViewer";
-import ImageViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/ImageViewer";
-import OnlyOfficeViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/OnlyOfficeViewer";
-import PdfJsViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/PdfJsViewer";
-import PdfMobileViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/PdfMobileViewer";
-import ShortcutViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/ShortcutViewer";
-import TextViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/TextViewer";
-import VideoViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/VideoViewer";
-import { useEncrypted } from "cozy-ui/transpiled/react/Viewer/providers/EncryptedProvider";
-
-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;
-};
-
-export var getViewerComponentName = function getViewerComponentName(_ref) {
-  var file = _ref.file,
-      isDesktop = _ref.isDesktop,
-      isOnlyOfficeEnabled = _ref.isOnlyOfficeEnabled;
-
-  switch (file.class) {
-    case 'shortcut':
-      return ShortcutViewer;
-
-    case 'image':
-      return ImageViewer;
-
-    case 'audio':
-      return AudioViewer;
-
-    case 'video':
-      return isMobileDevice() ? NoViewer : VideoViewer;
-
-    case 'pdf':
-      return isBlankPaper(file) ? BlankPaperViewer : isDesktop ? PdfJsViewer : PdfMobileViewer;
-
-    case 'text':
-      return isPlainText(file.mime, file.name) ? TextViewer : isOnlyOfficeEnabled ? OnlyOfficeViewer : NoViewer;
-
-    case 'slide':
-      return isOnlyOfficeEnabled ? OnlyOfficeViewer : NoViewer;
-
-    case 'spreadsheet':
-      return isOnlyOfficeEnabled ? OnlyOfficeViewer : NoViewer;
-
-    default:
-      return NoViewer;
-  }
-};
-var ViewerByFile = withBreakpoints()(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 = useEncrypted(),
-      url = _useEncrypted.url;
-
-  var ComponentName = useMemo(function () {
-    return getViewerComponentName({
-      file: file,
-      isDesktop: isDesktop,
-      isOnlyOfficeEnabled: isOnlyOfficeEnabled
-    });
-  }, [file, isDesktop, isOnlyOfficeEnabled]);
-  return /*#__PURE__*/React.createElement(ComponentName, {
-    file: file,
-    url: url,
-    onClose: onClose,
-    renderFallbackExtraContent: renderFallbackExtraContent,
-    gestures: gestures,
-    gesturesRef: gesturesRef,
-    onSwipe: onSwipe,
-    onlyOfficeOpener: onlyOfficeOpener
-  });
-});
-ViewerByFile.propTypes = {
-  file: FileDoctype.isRequired,
-  onClose: PropTypes.func.isRequired,
-  renderFallbackExtraContent: PropTypes.func,
-  // gestures, gesturesRef and onSwipe are got from ViewerControls
-  gestures: PropTypes.object,
-  gesturesRef: PropTypes.object,
-  onSwipe: PropTypes.func,
-  componentsProps: PropTypes.object
-};
-ViewerByFile.displayName = 'ViewerByFile';
-export default ViewerByFile;

package/transpiled/react/Viewer/components/ViewerControls.js

@@ -1,226 +0,0 @@
-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 Hammer from 'hammerjs';
-import flow from 'lodash/flow';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { infoWidth } from "cozy-ui/transpiled/react/Viewer/components/InformationPanel";
-import Navigation from "cozy-ui/transpiled/react/Viewer/components/Navigation";
-import Toolbar from "cozy-ui/transpiled/react/Viewer/components/Toolbar";
-var styles = {
-  "viewer-nav": "styles__viewer-nav___1MSd7",
-  "viewer-nav--visible": "styles__viewer-nav--visible___h_KJD",
-  "viewer-nav--previous": "styles__viewer-nav--previous___WOwzv",
-  "viewer-nav-arrow": "styles__viewer-nav-arrow___3_d1_",
-  "viewer-nav--next": "styles__viewer-nav--next___1ah-4",
-  "viewer-controls": "styles__viewer-controls___1BYEX",
-  "--expanded": "styles__--expanded___2NoA-",
-  "viewer-controls--display-content-top": "styles__viewer-controls--display-content-top___3I1xq",
-  "viewer-toolbar": "styles__viewer-toolbar___2zPR7",
-  "viewer-toolbar--hidden": "styles__viewer-toolbar--hidden___3r3Sj",
-  "viewer-footer": "styles__viewer-footer___2ieQS"
-};
-import { toolbarPropsPropType } from "cozy-ui/transpiled/react/Viewer";
-import withBreakpoints from "cozy-ui/transpiled/react/helpers/withBreakpoints";
-import { withStyles } from "cozy-ui/transpiled/react/styles";
-import { isValidForPanel } from "cozy-ui/transpiled/react/Viewer/helpers";
-var ACTIONS_HIDE_DELAY = 3000;
-
-var customStyles = function customStyles() {
-  return {
-    viewerControlsWithInfo: {
-      width: "calc(100% - ".concat(infoWidth, ") !important")
-    }
-  };
-};
-
-var ViewerControls = /*#__PURE__*/function (_Component) {
-  _inherits(ViewerControls, _Component);
-
-  var _super = _createSuper(ViewerControls);
-
-  function ViewerControls() {
-    var _this;
-
-    _classCallCheck(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));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      hidden: false,
-      gestures: null
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "_mounted", false);
-
-    _defineProperty(_assertThisInitialized(_this), "showControls", function () {
-      if (_this._mounted) {
-        _this.setState({
-          hidden: false
-        });
-
-        _this.hideAfterDelay();
-
-        document.removeEventListener('mousemove', _this.showControls);
-        document.addEventListener('mousemove', _this.hideAfterDelay);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "hideControls", function () {
-      if (_this._mounted) {
-        _this.setState({
-          hidden: true
-        });
-
-        document.removeEventListener('mousemove', _this.hideAfterDelay);
-        document.addEventListener('mousemove', _this.showControls);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "hideAfterDelay", function () {
-      clearTimeout(_this.hideTimeout);
-      _this.hideTimeout = setTimeout(function () {
-        _this.hideControls();
-      }, ACTIONS_HIDE_DELAY);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSwipe", function (e) {
-      if (e.direction === Hammer.DIRECTION_LEFT) _this.props.onNext();else if (e.direction === Hammer.DIRECTION_RIGHT) _this.props.onPrevious();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "initGestures", function () {
-      var gestures = new Hammer(_this.wrapped, _this.props.breakpoints.isDesktop ? {
-        cssProps: {
-          userSelect: 'auto'
-        }
-      } : {});
-      if (!_this.props.breakpoints.isDesktop) gestures.on('swipe', _this.onSwipe);
-      return gestures;
-    });
-
-    return _this;
-  }
-
-  _createClass(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.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.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 = isValidForPanel({
-        file: file
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: cx(styles['viewer-controls'], (_cx = {}, _defineProperty(_cx, styles['viewer-controls--expanded'], expanded), _defineProperty(_cx, styles['viewer-controls--display-content-top'], shouldDisplayContentTop), _defineProperty(_cx, classes.viewerControlsWithInfo, showInfoPanel), _cx)),
-        ref: function ref(wrapped) {
-          _this3.wrapped = wrapped;
-        }
-      }, showToolbar && /*#__PURE__*/React.createElement(Toolbar, {
-        toolbarRef: toolbarRef,
-        file: file,
-        showFilePath: showFilePath,
-        onMouseEnter: this.showControls,
-        onMouseLeave: this.hideControls,
-        onClose: showClose && onClose
-      }, children), showNavigation && isDesktop && hasPrevious && /*#__PURE__*/React.createElement(Navigation, {
-        className: styles['viewer-nav--previous'],
-        hidden: hidden,
-        onMouseEnter: this.showControls,
-        onMouseLeave: this.hideControls,
-        onClick: onPrevious
-      }), this.renderChildren(children), showNavigation && isDesktop && hasNext && /*#__PURE__*/React.createElement(Navigation, {
-        className: styles['viewer-nav--next'],
-        hidden: hidden,
-        onMouseEnter: this.showControls,
-        onMouseLeave: this.hideControls,
-        onClick: onNext
-      }));
-    }
-  }]);
-
-  return ViewerControls;
-}(Component);
-
-ViewerControls.propTypes = {
-  file: PropTypes.object.isRequired,
-  onClose: PropTypes.func.isRequired,
-  hasPrevious: PropTypes.bool.isRequired,
-  hasNext: PropTypes.bool.isRequired,
-  onPrevious: PropTypes.func.isRequired,
-  onNext: PropTypes.func.isRequired,
-  expanded: PropTypes.bool.isRequired,
-  toolbarProps: PropTypes.shape(toolbarPropsPropType),
-  showNavigation: PropTypes.bool.isRequired,
-  showInfoPanel: PropTypes.bool
-};
-export default flow(withBreakpoints(), withStyles(customStyles))(ViewerControls);

package/transpiled/react/Viewer/components/ViewerSpinner.js

@@ -1,17 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Spinner from "cozy-ui/transpiled/react/Spinner";
-import withBreakpoints from "cozy-ui/transpiled/react/helpers/withBreakpoints";
-
-var ViewerSpinner = function ViewerSpinner(_ref) {
-  var isDesktop = _ref.breakpoints.isDesktop;
-  return /*#__PURE__*/React.createElement(Spinner, _extends({
-    size: "xxlarge",
-    middle: true,
-    noMargin: true
-  }, isDesktop && {
-    color: 'white'
-  }));
-};
-
-export default withBreakpoints()(ViewerSpinner);

package/transpiled/react/Viewer/helpers.js

@@ -1,147 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { generateWebLink } from 'cozy-client';
-import { isEncrypted, isFromKonnector, hasQualifications, hasCertifications, normalize } from 'cozy-client/dist/models/file';
-import { KNOWN_DATE_METADATA_NAMES, KNOWN_INFORMATION_METADATA_NAMES, KNOWN_BILLS_ATTRIBUTES_NAMES } from 'cozy-client/dist/models/paper';
-export var getCurrentModel = function getCurrentModel(metadataName) {
-  if (KNOWN_DATE_METADATA_NAMES.includes(metadataName) || KNOWN_INFORMATION_METADATA_NAMES.includes(metadataName) || KNOWN_BILLS_ATTRIBUTES_NAMES.includes(metadataName)) {
-    return 'information';
-  }
-
-  if (metadataName === 'contact') return 'contact';
-  if (metadataName === 'page') return 'page';
-};
-/**
- * @typedef {object} Reference
- * @property {string} id - id of the document
- * @property {string} type - doctype of the document
- */
-
-/**
- * Checks if the file matches one of the following conditions:
- * - Is certified
- * - Is Qualified
- * - From a Connector
- *
- * @param {object} param
- * @param {IOCozyFile} param.file
- * @returns {boolean}
- */
-
-export var isValidForPanel = function isValidForPanel(_ref) {
-  var file = _ref.file;
-  return hasCertifications(file) || hasQualifications(file) || isFromKonnector(file);
-};
-export var downloadFile = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-    var client, file, url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            client = _ref2.client, file = _ref2.file, url = _ref2.url;
-
-            if (!isEncrypted(file)) {
-              _context.next = 3;
-              break;
-            }
-
-            return _context.abrupt("return", client.collection('io.cozy.files').forceFileDownload(url, file.name));
-
-          case 3:
-            return _context.abrupt("return", client.collection('io.cozy.files').download(file));
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function downloadFile(_x) {
-    return _ref3.apply(this, arguments);
-  };
-}();
-export var isFileEncrypted = function isFileEncrypted(file) {
-  return isEncrypted(file);
-};
-export var formatDate = function formatDate(_ref4) {
-  var f = _ref4.f,
-      lang = _ref4.lang,
-      date = _ref4.date;
-
-  if (lang === 'en') {
-    return f(date, 'MM/DD/YYYY');
-  }
-
-  return f(date, 'DD/MM/YYYY');
-};
-/**
- * @param {{ information: string, page: string }} editPathByModelProps
- * @param {string} currentModel
- * @param {string} name
- * @returns {string}
- */
-
-export var buildEditAttributePath = function buildEditAttributePath(editPathByModelProps, currentModel, name) {
-  var _currentPath$replace;
-
-  var currentPath = editPathByModelProps[currentModel];
-  return (_currentPath$replace = currentPath === null || currentPath === void 0 ? void 0 : currentPath.replace(/__NAME__/, name)) !== null && _currentPath$replace !== void 0 ? _currentPath$replace : '';
-};
-export var isEditableAttribute = function isEditableAttribute(name, file) {
-  var isNotEditableAttributes = ['datetime', 'qualification'];
-  return !isNotEditableAttributes.includes(name) && (name === 'issueDate' && !isFromKonnector(file) || name !== 'issueDate');
-};
-export var normalizeAndSpreadAttributes = function normalizeAndSpreadAttributes(rawFile) {
-  var normalizedFile = normalize(rawFile);
-  return _objectSpread(_objectSpread({}, normalizedFile), normalizedFile === null || normalizedFile === void 0 ? void 0 : normalizedFile.attributes);
-};
-/**
- * Return a web link to an application in the Cozy environment with the specified path
- * @param {object} param
- * @param {CozyClient} param.client - Instance of CozyClient
- * @param {string} param.slug - Slug of the application
- * @param {string} param.path - Path into the application
- * @returns {string} web link
- */
-
-export var makeWebLink = function makeWebLink(_ref5) {
-  var client = _ref5.client,
-      slug = _ref5.slug,
-      path = _ref5.path;
-
-  try {
-    var cozyURL = new URL(client.getStackClient().uri);
-
-    var _client$getInstanceOp = client.getInstanceOptions(),
-        subDomainType = _client$getInstanceOp.subdomain;
-
-    return generateWebLink({
-      pathname: '/',
-      cozyUrl: cozyURL.origin,
-      slug: slug,
-      hash: path,
-      subDomainType: subDomainType
-    });
-  } catch (e) {
-    return null;
-  }
-};
-/**
- * Remove the file name at the end of a path
- * @param {string} path
- * @returns {string} new path
- */
-
-export var removeFilenameFromPath = function removeFilenameFromPath(path) {
-  var newPath = path.substring(0, path.lastIndexOf('/'));
-  return newPath === '' ? '/' : newPath;
-};