cozy-viewer 1.1.0

package/dist/Panel/getPanelBlocks.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPanelBlocksSpecs = exports.default = void 0;
+
+var _cozyClient = require("cozy-client");
+
+var _KonnectorBlock = _interopRequireDefault(require("cozy-harvest-lib/dist/components/KonnectorBlock"));
+
+var _Certifications = _interopRequireDefault(require("./Certifications"));
+
+var _Qualification = _interopRequireDefault(require("./Qualification"));
+
+var _models$file = _cozyClient.models.file,
+    isFromKonnector = _models$file.isFromKonnector,
+    hasQualifications = _models$file.hasQualifications,
+    hasCertifications = _models$file.hasCertifications;
+/**
+ * @typedef {Object} PanelBlockSpec
+ * @property {Function} condition - Function that returns true if the block should be displayed
+ * @property {React.Component} component - Component to display
+ */
+
+/**
+ * @typedef {Object.<string, PanelBlockSpec>} PanelBlocksSpecs
+ */
+
+/**
+ * Returns the specs of the blocks to display in the panel
+ * @param {boolean} isPublic - Whether the panel is displayed in public view
+ * @returns {PanelBlocksSpecs}
+ */
+
+var getPanelBlocksSpecs = function getPanelBlocksSpecs() {
+  var isPublic = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return {
+    qualifications: {
+      condition: hasQualifications,
+      component: _Qualification.default
+    },
+    konnector: {
+      condition: function condition(file) {
+        return isFromKonnector(file) && !isPublic;
+      },
+      component: _KonnectorBlock.default
+    },
+    certifications: {
+      condition: hasCertifications,
+      component: _Certifications.default
+    }
+  };
+};
+/**
+ * Returns the blocks to display in the panel
+ * @param {Object} options
+ * @param {PanelBlocksSpecs} options.panelBlocksSpecs - Specs of the blocks to display in the panel
+ * @param {import('cozy-client/types/types').FileDocument} options.file - File object
+ * @returns {Array.<React.Component>}
+ */
+
+
+exports.getPanelBlocksSpecs = getPanelBlocksSpecs;
+
+var getPanelBlocks = function getPanelBlocks(_ref) {
+  var panelBlocksSpecs = _ref.panelBlocksSpecs,
+      file = _ref.file;
+  var panelBlocks = [];
+  Object.values(panelBlocksSpecs).forEach(function (panelBlock) {
+    panelBlock.condition(file) && panelBlocks.push(panelBlock.component);
+  });
+  return panelBlocks;
+};
+
+var _default = getPanelBlocks;
+exports.default = _default;

package/dist/Panel/getPanelBlocks.spec.d.ts

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

package/dist/Viewer.d.ts

@@ -0,0 +1,39 @@
+export default Viewer;
+declare class Viewer extends React.Component<any, any, any> {
+    constructor();
+    onKeyUp: (e: any) => void;
+    onNext: () => void;
+    onPrevious: () => void;
+    onClose: () => void;
+    onChange(nextFile: any, nextIndex: any): void;
+}
+declare namespace Viewer {
+    namespace propTypes {
+        const currentFile: any;
+        const hasNext: PropTypes.Requireable<boolean>;
+        const hasPrevious: PropTypes.Requireable<boolean>;
+        const onCloseRequest: PropTypes.Requireable<(...args: any[]) => any>;
+        const onChangeRequest: PropTypes.Requireable<(...args: any[]) => any>;
+        const toolbarRef: PropTypes.Requireable<object>;
+        const showNavigation: PropTypes.Requireable<boolean>;
+        const renderFallbackExtraContent: PropTypes.Requireable<(...args: any[]) => any>;
+        const validForPanel: PropTypes.Requireable<boolean>;
+        const componentsProps: PropTypes.Requireable<PropTypes.InferProps<{
+            /** Used to open an Only Office file */
+            OnlyOfficeViewer: PropTypes.Requireable<PropTypes.InferProps<{
+                /** Whether Only Office is enabled on the server */
+                isEnabled: PropTypes.Requireable<boolean>;
+                /** To open the Only Office file */
+                opener: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            toolbarProps: PropTypes.Requireable<PropTypes.InferProps<{
+                showToolbar: PropTypes.Requireable<boolean>;
+                showClose: PropTypes.Requireable<boolean>;
+                toolbarRef: PropTypes.Requireable<object>;
+                showFilePath: PropTypes.Requireable<boolean>;
+            }>>;
+        }>>;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/dist/Viewer.js

@@ -0,0 +1,191 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _proptypes = require("cozy-ui/transpiled/react/proptypes");
+
+var _ViewerByFile = _interopRequireDefault(require("./components/ViewerByFile"));
+
+var _ViewerControls = _interopRequireDefault(require("./components/ViewerControls"));
+
+var _proptypes2 = 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 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; }
+
+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 KEY_CODE_LEFT = 37;
+var KEY_CODE_RIGHT = 39;
+var KEY_CODE_ESCAPE = 27;
+
+var Viewer = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Viewer, _Component);
+
+  var _super = _createSuper(Viewer);
+
+  function Viewer() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Viewer);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyUp", function (e) {
+      if (e.keyCode === KEY_CODE_LEFT) _this.onPrevious();else if (e.keyCode === KEY_CODE_RIGHT) _this.onNext();else if (e.keyCode === KEY_CODE_ESCAPE) _this.onClose();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onNext", function () {
+      var _this$props = _this.props,
+          files = _this$props.files,
+          currentIndex = _this$props.currentIndex;
+
+      if (currentIndex === files.length - 1) {
+        return;
+      }
+
+      var nextIndex = currentIndex + 1;
+      var nextFile = files[nextIndex];
+
+      _this.onChange(nextFile, nextIndex);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPrevious", function () {
+      var _this$props2 = _this.props,
+          files = _this$props2.files,
+          currentIndex = _this$props2.currentIndex;
+
+      if (currentIndex === 0) {
+        return;
+      }
+
+      var prevIndex = currentIndex - 1;
+      var prevFile = files[prevIndex];
+
+      _this.onChange(prevFile, prevIndex);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClose", function () {
+      if (_this.props.onCloseRequest) {
+        _this.props.onCloseRequest();
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(Viewer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.addEventListener('keyup', this.onKeyUp, false);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('keyup', this.onKeyUp, false);
+    }
+  }, {
+    key: "onChange",
+    value: function onChange(nextFile, nextIndex) {
+      if (this.props.onChangeRequest) {
+        this.props.onChangeRequest(nextFile, nextIndex);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          currentFile = _this$props3.currentFile,
+          hasPrevious = _this$props3.hasPrevious,
+          hasNext = _this$props3.hasNext,
+          toolbarRef = _this$props3.toolbarRef,
+          showNavigation = _this$props3.showNavigation,
+          renderFallbackExtraContent = _this$props3.renderFallbackExtraContent,
+          validForPanel = _this$props3.validForPanel,
+          children = _this$props3.children,
+          componentsProps = _this$props3.componentsProps; // this `expanded` property makes the next/previous controls cover the displayed image
+
+      var expanded = currentFile && currentFile.class === 'image';
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ViewerControls.default, {
+        file: currentFile,
+        onClose: this.onClose,
+        hasPrevious: hasPrevious,
+        hasNext: hasNext,
+        onPrevious: this.onPrevious,
+        onNext: this.onNext,
+        expanded: expanded,
+        toolbarProps: _objectSpread(_objectSpread({}, componentsProps.toolbarProps), {}, {
+          toolbarRef: toolbarRef
+        }),
+        showNavigation: showNavigation,
+        showInfoPanel: validForPanel
+      }, children, /*#__PURE__*/_react.default.createElement(_ViewerByFile.default, {
+        file: currentFile,
+        onClose: this.onClose,
+        renderFallbackExtraContent: renderFallbackExtraContent,
+        componentsProps: componentsProps
+      })));
+    }
+  }]);
+  return Viewer;
+}(_react.Component);
+
+Viewer.propTypes = {
+  /** One `io.cozy.files` to display */
+  currentFile: _proptypes.FileDoctype.isRequired,
+  hasNext: _propTypes.default.bool,
+  hasPrevious: _propTypes.default.bool,
+
+  /** Called when the user wants to leave the Viewer */
+  onCloseRequest: _propTypes.default.func,
+
+  /** Called with (nextFile, nextIndex) when the user requests to navigate to another file */
+  onChangeRequest: _propTypes.default.func,
+  toolbarRef: _propTypes.default.object,
+
+  /** Whether to show left and right arrows to navigate between files */
+  showNavigation: _propTypes.default.bool,
+
+  /** A render prop that is called when a file can't be displayed */
+  renderFallbackExtraContent: _propTypes.default.func,
+  validForPanel: _propTypes.default.bool,
+
+  /* Props passed to components with the same name */
+  componentsProps: _propTypes.default.shape({
+    /** Used to open an Only Office file */
+    OnlyOfficeViewer: _propTypes.default.shape({
+      /** Whether Only Office is enabled on the server */
+      isEnabled: _propTypes.default.bool,
+
+      /** To open the Only Office file */
+      opener: _propTypes.default.func
+    }),
+    toolbarProps: _propTypes.default.shape(_proptypes2.toolbarPropsPropType)
+  })
+};
+var _default = Viewer;
+exports.default = _default;

package/dist/ViewerContainer.d.ts

@@ -0,0 +1,22 @@
+export default ViewerContainerWrapper;
+declare function ViewerContainerWrapper({ disableModal, ...props }: {
+    [x: string]: any;
+    disableModal: any;
+}): JSX.Element;
+declare namespace ViewerContainerWrapper {
+    namespace defaultProps {
+        namespace componentsProps {
+            namespace modalProps {
+                const open: boolean;
+            }
+        }
+    }
+    namespace propTypes {
+        export const disableModal: PropTypes.Requireable<boolean>;
+        const componentsProps_1: PropTypes.Requireable<PropTypes.InferProps<{
+            modalProps: PropTypes.Requireable<object>;
+        }>>;
+        export { componentsProps_1 as componentsProps };
+    }
+}
+import PropTypes from "prop-types";

package/dist/ViewerContainer.js

@@ -0,0 +1,221 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Modal = _interopRequireDefault(require("cozy-ui/transpiled/react/Modal"));
+
+var _proptypes = require("cozy-ui/transpiled/react/proptypes");
+
+var _Alert = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Alert"));
+
+var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
+
+var _CozyTheme = require("cozy-ui/transpiled/react/providers/CozyTheme");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _Viewer = _interopRequireDefault(require("./Viewer"));
+
+var _ViewerInformationsWrapper = _interopRequireDefault(require("./ViewerInformationsWrapper"));
+
+var _helpers = require("./helpers");
+
+var _locales = require("./locales");
+
+var _proptypes2 = require("./proptypes");
+
+var _ActionMenuProvider = require("./providers/ActionMenuProvider");
+
+var _EncryptedProvider = _interopRequireDefault(require("./providers/EncryptedProvider"));
+
+var _excluded = ["className", "disableFooter", "disablePanel", "editPathByModelProps", "children", "componentsProps", "isPublic"],
+    _excluded2 = ["disableModal"];
+
+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 styles = {
+  "viewer-wrapper": "styles__viewer-wrapper___OkRf5",
+  "flagship-app": "styles__flagship-app___2EqfW"
+};
+
+var ViewerContainer = function ViewerContainer(props) {
+  var className = props.className,
+      disableFooter = props.disableFooter,
+      disablePanel = props.disablePanel,
+      editPathByModelProps = props.editPathByModelProps,
+      children = props.children,
+      componentsProps = props.componentsProps,
+      isPublic = props.isPublic,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var currentIndex = props.currentIndex,
+      files = props.files,
+      currentURL = props.currentURL;
+  var toolbarRef = /*#__PURE__*/(0, _react.createRef)();
+
+  var _useBreakpoints = (0, _Breakpoints.default)(),
+      isDesktop = _useBreakpoints.isDesktop;
+
+  (0, _I18n.useExtendI18n)(_locales.locales);
+  var currentFile = files[currentIndex];
+  var fileCount = files.length;
+  var hasPrevious = currentIndex > 0;
+  var hasNext = currentIndex < fileCount - 1;
+  var validForPanel = (0, _helpers.isValidForPanel)({
+    file: currentFile
+  }) && isDesktop && !disablePanel;
+
+  var componentsPropsWithDefault = _objectSpread(_objectSpread({}, componentsProps), {}, {
+    toolbarProps: _objectSpread({
+      showToolbar: true,
+      showClose: true
+    }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.toolbarProps)
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_Alert.default, null, /*#__PURE__*/_react.default.createElement(_ActionMenuProvider.ActionMenuProvider, {
+    editPathByModelProps: editPathByModelProps
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "viewer-wrapper",
+    className: (0, _classnames.default)(styles['viewer-wrapper'], className)
+  }, /*#__PURE__*/_react.default.createElement(_EncryptedProvider.default, {
+    url: currentURL
+  }, /*#__PURE__*/_react.default.createElement(_Viewer.default, (0, _extends2.default)({}, rest, {
+    componentsProps: componentsPropsWithDefault,
+    currentFile: currentFile,
+    hasPrevious: hasPrevious,
+    hasNext: hasNext,
+    validForPanel: validForPanel,
+    toolbarRef: toolbarRef
+  }), children)), /*#__PURE__*/_react.default.createElement(_ViewerInformationsWrapper.default, {
+    isPublic: isPublic,
+    disableFooter: disableFooter,
+    validForPanel: validForPanel,
+    currentFile: currentFile,
+    toolbarRef: toolbarRef
+  }, children))));
+};
+
+ViewerContainer.propTypes = {
+  /** One or more `io.cozy.files` to display */
+  files: _propTypes.default.arrayOf(_proptypes.FileDoctype).isRequired,
+
+  /** Index of the file to show */
+  currentIndex: _propTypes.default.number,
+
+  /** Optionnal URL of the file */
+  currentURL: _propTypes.default.string,
+  className: _propTypes.default.string,
+
+  /** Called when the user wants to leave the Viewer */
+  onCloseRequest: _propTypes.default.func,
+
+  /** Called with (nextFile, nextIndex) when the user requests to navigate to another file */
+  onChangeRequest: _propTypes.default.func,
+
+  /** Whether to show left and right arrows to navigate between files */
+  showNavigation: _propTypes.default.bool,
+
+  /** A render prop that is called when a file can't be displayed */
+  renderFallbackExtraContent: _propTypes.default.func,
+
+  /** Edit path by model properties */
+  editPathByModelProps: _propTypes.default.shape({
+    /** URL used to edit the file when editing a `information` type metadata (text, date) */
+    information: _propTypes.default.string,
+
+    /** URL used to edit the file when editing a `page` type metadata (side of the document) */
+    page: _propTypes.default.string
+  }),
+
+  /** Show/Hide the panel containing more information about the file only on Desktop */
+  disablePanel: _propTypes.default.bool,
+
+  /** Show/Hide the panel containing more information about the file only on Phone & Tablet devices */
+  disableFooter: _propTypes.default.bool,
+
+  /** If the Viewer is in public view */
+  isPublic: _propTypes.default.bool,
+
+  /* Props passed to components with the same name */
+  componentsProps: _propTypes.default.shape({
+    /** Used to open an Only Office file */
+    OnlyOfficeViewer: _propTypes.default.shape({
+      /** Whether Only Office is enabled on the server */
+      isEnabled: _propTypes.default.bool,
+
+      /** To open the Only Office file */
+      opener: _propTypes.default.func
+    }),
+
+    /** Toolbar properties */
+    toolbarProps: _propTypes.default.shape(_proptypes2.toolbarPropsPropType)
+  })
+};
+ViewerContainer.defaultProps = {
+  currentIndex: 0,
+  showNavigation: true
+};
+
+var ViewerContainerWrapper = function ViewerContainerWrapper(_ref) {
+  var disableModal = _ref.disableModal,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+
+  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
+      type = _useCozyTheme.type,
+      variant = _useCozyTheme.variant;
+
+  var _ref2 = props.componentsProps || {},
+      _ref2$modalProps = _ref2.modalProps,
+      modalProps = _ref2$modalProps === void 0 ? {
+    open: true
+  } : _ref2$modalProps;
+
+  if (disableModal) {
+    return /*#__PURE__*/_react.default.createElement(ViewerContainer, props);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, modalProps, {
+    className: "CozyTheme--".concat(type, "-").concat(variant)
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(ViewerContainer, props)));
+};
+
+ViewerContainerWrapper.defaultProps = {
+  componentsProps: {
+    modalProps: {
+      open: true
+    }
+  }
+};
+ViewerContainerWrapper.propTypes = {
+  /** To avoid wrapping the Viewer with a Modal component */
+  disableModal: _propTypes.default.bool,
+
+  /** Props passed to Modal component */
+  componentsProps: _propTypes.default.shape({
+    modalProps: _propTypes.default.object
+  })
+};
+var _default = ViewerContainerWrapper;
+exports.default = _default;

package/dist/ViewerExposer.d.ts

@@ -0,0 +1,2 @@
+export default DefaultViewer;
+import DefaultViewer from ".";

package/dist/ViewerExposer.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ = _interopRequireDefault(require("."));
+
+var _default = _.default;
+exports.default = _default;

package/dist/ViewerInformationsWrapper.d.ts

@@ -0,0 +1,20 @@
+export default ViewerInformationsWrapper;
+declare function ViewerInformationsWrapper({ currentFile, disableFooter, validForPanel, toolbarRef, isPublic, children }: {
+    currentFile: any;
+    disableFooter: any;
+    validForPanel: any;
+    toolbarRef: any;
+    isPublic: any;
+    children: any;
+}): JSX.Element;
+declare namespace ViewerInformationsWrapper {
+    namespace propTypes {
+        const currentFile: any;
+        const disableFooter: PropTypes.Requireable<boolean>;
+        const validForPanel: PropTypes.Requireable<boolean>;
+        const toolbarRef: PropTypes.Requireable<object>;
+        const isPublic: PropTypes.Requireable<boolean>;
+        const children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/ViewerInformationsWrapper.js

@@ -0,0 +1,68 @@
+"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 _useSetFlagshipUI = require("cozy-ui/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI");
+
+var _proptypes = require("cozy-ui/transpiled/react/proptypes");
+
+var _CozyTheme = require("cozy-ui/transpiled/react/providers/CozyTheme");
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
+var _FooterContent = _interopRequireDefault(require("./Footer/FooterContent"));
+
+var _PanelContent = _interopRequireDefault(require("./Panel/PanelContent"));
+
+var _Footer = _interopRequireDefault(require("./components/Footer"));
+
+var _InformationPanel = _interopRequireDefault(require("./components/InformationPanel"));
+
+var ViewerInformationsWrapper = function ViewerInformationsWrapper(_ref) {
+  var currentFile = _ref.currentFile,
+      disableFooter = _ref.disableFooter,
+      validForPanel = _ref.validForPanel,
+      toolbarRef = _ref.toolbarRef,
+      isPublic = _ref.isPublic,
+      children = _ref.children;
+  var theme = (0, _styles.useTheme)();
+
+  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
+      isLight = _useCozyTheme.isLight;
+
+  var sidebar = document.querySelector('[class*="sidebar"]');
+  (0, _useSetFlagshipUI.useSetFlagshipUI)({
+    bottomBackground: theme.palette.background.paper,
+    bottomTheme: isLight ? 'dark' : 'light'
+  }, {
+    bottomBackground: theme.palette.background[sidebar ? 'default' : 'paper']
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !disableFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_FooterContent.default, {
+    file: currentFile,
+    toolbarRef: toolbarRef,
+    isPublic: isPublic
+  }, children)), validForPanel && /*#__PURE__*/_react.default.createElement(_InformationPanel.default, null, /*#__PURE__*/_react.default.createElement(_PanelContent.default, {
+    file: currentFile,
+    isPublic: isPublic
+  })));
+};
+
+ViewerInformationsWrapper.propTypes = {
+  currentFile: _proptypes.FileDoctype.isRequired,
+  disableFooter: _propTypes.default.bool,
+  validForPanel: _propTypes.default.bool,
+  toolbarRef: _propTypes.default.object,
+  isPublic: _propTypes.default.bool,
+  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.node)])
+};
+var _default = ViewerInformationsWrapper;
+exports.default = _default;

package/dist/ViewerInformationsWrapper.spec.d.ts

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

package/dist/ViewerWithCustomPanelAndFooter.d.ts

@@ -0,0 +1,2 @@
+export default ViewerWithCustomPanelAndFooter;
+declare function ViewerWithCustomPanelAndFooter(props: any): JSX.Element;