cozy-viewer 1.1.0

package/dist/components/InformationPanel.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.infoWidth = exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var infoWidth = '22rem';
+exports.infoWidth = infoWidth;
+var styles = {
+  panel: {
+    width: infoWidth,
+    backgroundColor: 'var(--defaultBackgroundColor)'
+  }
+};
+
+var InformationPanel = function InformationPanel(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: styles.panel,
+    className: "u-h-100 u-ov-auto"
+  }, children);
+};
+
+InformationPanel.propTypes = {
+  classes: _propTypes.default.object,
+  children: _propTypes.default.element
+};
+var _default = InformationPanel;
+exports.default = _default;

package/dist/components/Navigation.d.ts

@@ -0,0 +1,18 @@
+export default Navigation;
+declare function Navigation({ className, hidden, onMouseEnter, onMouseLeave, onClick }: {
+    className: any;
+    hidden: any;
+    onMouseEnter: any;
+    onMouseLeave: any;
+    onClick: any;
+}): JSX.Element;
+declare namespace Navigation {
+    namespace propTypes {
+        const className: PropTypes.Validator<string>;
+        const hidden: PropTypes.Validator<boolean>;
+        const onMouseEnter: PropTypes.Validator<(...args: any[]) => any>;
+        const onMouseLeave: PropTypes.Validator<(...args: any[]) => any>;
+        const onClick: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/components/Navigation.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _DropdownClose = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/DropdownClose"));
+
+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 Navigation = function Navigation(_ref) {
+  var className = _ref.className,
+      hidden = _ref.hidden,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave,
+      onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    className: (0, _classnames.default)(className, styles['viewer-nav'], (0, _defineProperty2.default)({}, styles['viewer-nav--visible'], !hidden)),
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _DropdownClose.default,
+    size: "32",
+    className: styles['viewer-nav-arrow']
+  }));
+};
+
+Navigation.propTypes = {
+  className: _propTypes.default.string.isRequired,
+  hidden: _propTypes.default.bool.isRequired,
+  onMouseEnter: _propTypes.default.func.isRequired,
+  onMouseLeave: _propTypes.default.func.isRequired,
+  onClick: _propTypes.default.func.isRequired
+};
+var _default = Navigation;
+exports.default = _default;

package/dist/components/PdfToolbarButton.d.ts

@@ -0,0 +1,16 @@
+export default PdfToolbarButton;
+declare function PdfToolbarButton({ icon, onClick, disabled, label }: {
+    icon: any;
+    onClick: any;
+    disabled: any;
+    label: any;
+}): JSX.Element;
+declare namespace PdfToolbarButton {
+    namespace propTypes {
+        const icon: PropTypes.Validator<string>;
+        const onClick: PropTypes.Validator<(...args: any[]) => any>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const label: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/components/PdfToolbarButton.js

@@ -0,0 +1,40 @@
+"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 _Button = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecated/Button"));
+
+var PdfToolbarButton = function PdfToolbarButton(_ref) {
+  var icon = _ref.icon,
+      onClick = _ref.onClick,
+      disabled = _ref.disabled,
+      label = _ref.label;
+  return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    iconOnly: true,
+    subtle: true,
+    theme: "secondary",
+    className: "u-p-half u-m-half",
+    icon: icon,
+    onClick: onClick,
+    disabled: disabled,
+    label: label
+  });
+};
+
+PdfToolbarButton.propTypes = {
+  icon: _propTypes.default.string.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  disabled: _propTypes.default.bool,
+  label: _propTypes.default.string.isRequired
+};
+var _default = PdfToolbarButton;
+exports.default = _default;

package/dist/components/PrintButton.d.ts

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

package/dist/components/PrintButton.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyIntent = require("cozy-intent");
+
+var _helpers = require("cozy-ui/transpiled/react/ActionsMenu/Actions/helpers");
+
+var _print = require("cozy-ui/transpiled/react/ActionsMenu/Actions/print");
+
+var _ActionsItems = _interopRequireWildcard(require("cozy-ui/transpiled/react/ActionsMenu/ActionsItems"));
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+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 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) { (0, _defineProperty2.default)(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; }
+
+var ActionComponent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var action = _ref.action,
+      variant = _ref.variant,
+      onClick = _ref.onClick;
+  var label = action.label,
+      icon = action.icon;
+
+  if (variant === 'button') {
+    return /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      ref: ref,
+      variant: "secondary",
+      "aria-label": label,
+      label: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icon: icon
+      }),
+      onClick: onClick
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    ref: ref,
+    className: "u-white",
+    "aria-label": label,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: icon
+  }));
+});
+ActionComponent.displayName = 'ActionComponent';
+ActionComponent.propTypes = _objectSpread(_objectSpread({}, _ActionsItems.actionsItemsComponentPropTypes), {}, {
+  variant: _propTypes.default.oneOf(['default', 'button'])
+});
+
+var PrintButton = function PrintButton(_ref2) {
+  var file = _ref2.file,
+      variant = _ref2.variant;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isPrintAvailable = _useState2[0],
+      setIsPrintAvailable = _useState2[1];
+
+  var webviewIntent = (0, _cozyIntent.useWebviewIntent)();
+  var isPDFDoc = file.mime === 'application/pdf';
+  var showPrintButton = isPDFDoc && isPrintAvailable;
+  (0, _react.useEffect)(function () {
+    var init = /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _yield$webviewIntent$;
+
+        var isAvailable;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return webviewIntent === null || webviewIntent === void 0 ? void 0 : webviewIntent.call('isAvailable', 'print');
+
+              case 2:
+                _context.t1 = _yield$webviewIntent$ = _context.sent;
+                _context.t0 = _context.t1 !== null;
+
+                if (!_context.t0) {
+                  _context.next = 6;
+                  break;
+                }
+
+                _context.t0 = _yield$webviewIntent$ !== void 0;
+
+              case 6:
+                if (!_context.t0) {
+                  _context.next = 10;
+                  break;
+                }
+
+                _context.t2 = _yield$webviewIntent$;
+                _context.next = 11;
+                break;
+
+              case 10:
+                _context.t2 = true;
+
+              case 11:
+                isAvailable = _context.t2;
+                setIsPrintAvailable(isAvailable);
+
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function init() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+
+    init();
+  }, [webviewIntent]);
+  if (!showPrintButton) return null;
+  var actions = (0, _helpers.makeActions)([_print.print]);
+  return /*#__PURE__*/_react.default.createElement(_ActionsItems.default, {
+    docs: [file],
+    actions: actions,
+    component: ActionComponent,
+    variant: variant
+  });
+};
+
+PrintButton.propTypes = {
+  file: _propTypes.default.object.isRequired,
+  variant: _propTypes.default.oneOf(['default', 'button'])
+};
+PrintButton.defaultProps = {
+  variant: 'default'
+};
+var _default = PrintButton;
+exports.default = _default;

package/dist/components/Toolbar.d.ts

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

package/dist/components/Toolbar.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Download = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Download"));
+
+var _Previous = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Previous"));
+
+var _MidEllipsis = _interopRequireDefault(require("cozy-ui/transpiled/react/MidEllipsis"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/helpers/withBreakpoints"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
+var _PrintButton = _interopRequireDefault(require("./PrintButton"));
+
+var _ToolbarFilePath = require("./ToolbarFilePath");
+
+var _helpers = require("../Footer/helpers");
+
+var _helpers2 = require("../helpers");
+
+var _EncryptedProvider = require("../providers/EncryptedProvider");
+
+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 useClasses = (0, _styles.makeStyles)(function (theme) {
+  return {
+    iconButton: (0, _defineProperty2.default)({}, theme.breakpoints.down('md'), {
+      marginLeft: '0.25rem'
+    })
+  };
+});
+
+var Toolbar = function Toolbar(_ref) {
+  var hidden = _ref.hidden,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave,
+      file = _ref.file,
+      onClose = _ref.onClose,
+      toolbarRef = _ref.toolbarRef,
+      isDesktop = _ref.breakpoints.isDesktop,
+      children = _ref.children,
+      showFilePath = _ref.showFilePath;
+  var client = (0, _cozyClient.useClient)();
+  var classes = useClasses();
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useEncrypted = (0, _EncryptedProvider.useEncrypted)(),
+      url = _useEncrypted.url;
+
+  var ToolbarButtons = (0, _helpers.extractChildrenCompByName)({
+    children: children,
+    file: file,
+    name: 'ToolbarButtons'
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: toolbarRef,
+    "data-testid": "viewer-toolbar",
+    className: (0, _classnames.default)(styles['viewer-toolbar'], (0, _defineProperty2.default)({}, styles['viewer-toolbar--hidden'], hidden)),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, onClose && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.iconButton, {
+      'u-white': isDesktop
+    }),
+    onClick: onClose
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Previous.default
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-pl-half u-ov-auto u-w-100"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h3",
+    color: isDesktop ? 'inherit' : 'textPrimary',
+    noWrap: true
+  }, /*#__PURE__*/_react.default.createElement(_MidEllipsis.default, {
+    text: file.name
+  })), showFilePath ? /*#__PURE__*/_react.default.createElement(_ToolbarFilePath.ToolbarFilePath, {
+    file: file
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex"
+  }, isDesktop && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ToolbarButtons, /*#__PURE__*/_react.default.createElement(_PrintButton.default, {
+    file: file
+  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    className: "u-white",
+    "aria-label": t('Viewer.download'),
+    onClick: function onClick() {
+      return (0, _helpers2.downloadFile)({
+        client: client,
+        file: file,
+        url: url
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Download.default
+  })))));
+};
+
+Toolbar.propTypes = {
+  hidden: _propTypes.default.bool,
+  onMouseEnter: _propTypes.default.func.isRequired,
+  onMouseLeave: _propTypes.default.func.isRequired,
+  file: _propTypes.default.object.isRequired,
+  onClose: _propTypes.default.func,
+  showFilePath: _propTypes.default.bool
+};
+
+var _default = (0, _withBreakpoints.default)()(Toolbar);
+
+exports.default = _default;

package/dist/components/ToolbarButtons.d.ts

@@ -0,0 +1,5 @@
+export default ToolbarButtons;
+declare function ToolbarButtons(props: any): JSX.Element;
+declare namespace ToolbarButtons {
+    const displayName: string;
+}

package/dist/components/ToolbarButtons.js

@@ -0,0 +1,20 @@
+"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 _FooterActionButtons = _interopRequireDefault(require("../Footer/FooterActionButtons"));
+
+var ToolbarButtons = function ToolbarButtons(props) {
+  return /*#__PURE__*/_react.default.createElement(_FooterActionButtons.default, props);
+};
+
+ToolbarButtons.displayName = 'ToolbarButtons';
+var _default = ToolbarButtons;
+exports.default = _default;

package/dist/components/ToolbarFilePath.d.ts

@@ -0,0 +1,3 @@
+export function ToolbarFilePath({ file }: {
+    file: any;
+}): JSX.Element | null;

package/dist/components/ToolbarFilePath.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarFilePath = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _AppLinker = _interopRequireDefault(require("cozy-ui/transpiled/react/AppLinker"));
+
+var _FilePath = _interopRequireDefault(require("cozy-ui/transpiled/react/FilePath"));
+
+var _Link = _interopRequireDefault(require("cozy-ui/transpiled/react/Link"));
+
+var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
+
+var _helpers = require("../helpers");
+
+var _queries = require("../queries");
+
+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 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) { (0, _defineProperty2.default)(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; }
+
+var ensureFilePath = _cozyClient.models.file.ensureFilePath;
+
+var ToolbarFilePath = function ToolbarFilePath(_ref) {
+  var file = _ref.file;
+  var client = (0, _cozyClient.useClient)();
+
+  var _useBreakpoints = (0, _Breakpoints.default)(),
+      isDesktop = _useBreakpoints.isDesktop;
+
+  var normalizeFile = (0, _helpers.normalizeAndSpreadAttributes)(file);
+  var parentQuery = (0, _queries.buildFileByIdQuery)(normalizeFile.dir_id);
+  var parentResult = (0, _cozyClient.useQuery)(parentQuery.definition, _objectSpread(_objectSpread({}, parentQuery.options), {}, {
+    enabled: !!normalizeFile.dir_id
+  }));
+  var fileWithPath = (0, _react.useMemo)(function () {
+    return parentResult.data ? ensureFilePath(normalizeFile, parentResult.data) : undefined;
+  }, [normalizeFile, parentResult.data]);
+
+  if (fileWithPath) {
+    var appSlug = 'drive';
+    var nativePath = "/folder/".concat(fileWithPath.dir_id);
+    var path = (0, _helpers.removeFilenameFromPath)(fileWithPath.path);
+    var link = (0, _helpers.makeWebLink)({
+      client: client,
+      path: nativePath,
+      slug: appSlug
+    });
+
+    if (isDesktop && link) {
+      return /*#__PURE__*/_react.default.createElement(_AppLinker.default, {
+        app: {
+          slug: appSlug
+        },
+        nativePath: nativePath,
+        href: link
+      }, function (_ref2) {
+        var href = _ref2.href,
+            onClick = _ref2.onClick;
+        return /*#__PURE__*/_react.default.createElement(_Link.default, {
+          href: href,
+          onClick: onClick,
+          color: "inherit"
+        }, /*#__PURE__*/_react.default.createElement(_FilePath.default, {
+          className: "u-white"
+        }, path));
+      });
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_FilePath.default, {
+      className: isDesktop ? 'u-white' : null
+    }, path);
+  }
+
+  return null;
+};
+
+exports.ToolbarFilePath = ToolbarFilePath;

package/dist/components/ViewerByFile.d.ts

@@ -0,0 +1,7 @@
+export function getViewerComponentName({ file, isDesktop, isOnlyOfficeEnabled }: {
+    file: any;
+    isDesktop: any;
+    isOnlyOfficeEnabled: any;
+}): any;
+export default ViewerByFile;
+declare const ViewerByFile: any;