cozy-viewer 1.1.0

package/dist/ViewerWithCustomPanelAndFooter.js

@@ -0,0 +1,78 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
+
+var _Viewer = _interopRequireDefault(require("./Viewer"));
+
+var _Footer = _interopRequireDefault(require("./components/Footer"));
+
+var _InformationPanel = _interopRequireDefault(require("./components/InformationPanel"));
+
+var _excluded = ["footerProps", "panelInfoProps", "className"];
+
+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 styles = {
+  "viewer-wrapper": "styles__viewer-wrapper___OkRf5",
+  "flagship-app": "styles__flagship-app___2EqfW"
+};
+
+var ViewerWithCustomPanelAndFooter = function ViewerWithCustomPanelAndFooter(props) {
+  // eslint-disable-next-line no-console
+  console.warn('Warning: Please do not use the "ViewerWithCustomPanelAndFooter" Component, replace it with the default export component');
+  var footerProps = props.footerProps,
+      panelInfoProps = props.panelInfoProps,
+      className = props.className,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var files = props.files,
+      currentIndex = props.currentIndex;
+  var fileCount = files.length;
+  var hasPrevious = currentIndex > 0;
+  var hasNext = currentIndex < fileCount - 1;
+
+  var _useBreakpoints = (0, _Breakpoints.default)(),
+      isDesktop = _useBreakpoints.isDesktop;
+
+  var toolbarRef = /*#__PURE__*/(0, _react.createRef)();
+  var currentFile = files[currentIndex];
+  var showInfoPanel = isDesktop && panelInfoProps && panelInfoProps.showPanel({
+    file: currentFile
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: "viewer-wrapper",
+    className: (0, _classnames.default)(styles['viewer-wrapper'], className)
+  }, /*#__PURE__*/_react.default.createElement(_Viewer.default, (0, _extends2.default)({}, rest, {
+    disablePanel: true,
+    disableFooter: true,
+    currentFile: currentFile,
+    hasPrevious: hasPrevious,
+    hasNext: hasNext,
+    validForPanel: showInfoPanel,
+    toolbarRef: toolbarRef
+  })), /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(footerProps.FooterContent, {
+    file: currentFile,
+    toolbarRef: toolbarRef
+  })), showInfoPanel && /*#__PURE__*/_react.default.createElement(_InformationPanel.default, null, /*#__PURE__*/_react.default.createElement(panelInfoProps.PanelContent, {
+    file: currentFile
+  })));
+};
+
+var _default = ViewerWithCustomPanelAndFooter;
+exports.default = _default;

package/dist/ViewersByFile/AudioViewer.d.ts

@@ -0,0 +1,74 @@
+declare var _default: {
+    new (props: Readonly<any>): {
+        state: {
+            status: string;
+            downloadUrl: null;
+        };
+        UNSAFE_componentWillMount(): void;
+        UNSAFE_componentWillReceiveProps(nextProps: any): void;
+        componentDidUpdate(): void;
+        loadDownloadUrl(): Promise<void>;
+        timeout: number | null | undefined;
+        getDownloadLink(file: any): any;
+        clearTimeout(): void;
+        reset: () => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    new (props: any, context?: any): {
+        state: {
+            status: string;
+            downloadUrl: null;
+        };
+        UNSAFE_componentWillMount(): void;
+        UNSAFE_componentWillReceiveProps(nextProps: any): void;
+        componentDidUpdate(): void;
+        loadDownloadUrl(): Promise<void>;
+        timeout: number | null | undefined;
+        getDownloadLink(file: any): any;
+        clearTimeout(): void;
+        reset: () => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    contextTypes: {
+        client: import("prop-types").Validator<object>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;
+import React from "react";

package/dist/ViewersByFile/AudioViewer.js

@@ -0,0 +1,57 @@
+"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 _FileTypeAudio = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeAudio"));
+
+var _isTesting = _interopRequireDefault(require("cozy-ui/transpiled/react/helpers/isTesting"));
+
+var _withFileUrl = _interopRequireDefault(require("../hoc/withFileUrl"));
+
+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 AudioViewer = function AudioViewer(_ref) {
+  var file = _ref.file,
+      url = _ref.url;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles['viewer-audioviewer']
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _FileTypeAudio.default,
+    width: 160,
+    height: 140
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: styles['viewer-filename']
+  }, file.name), /*#__PURE__*/_react.default.createElement("audio", {
+    src: url,
+    controls: "controls",
+    preload: (0, _isTesting.default)() ? 'none' : 'auto'
+  }));
+};
+
+var _default = (0, _withFileUrl.default)(AudioViewer);
+
+exports.default = _default;

package/dist/ViewersByFile/AudioViewer.spec.d.ts

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

package/dist/ViewersByFile/BlankPaperViewer.d.ts

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

package/dist/ViewersByFile/BlankPaperViewer.js

@@ -0,0 +1,97 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _Backdrop = _interopRequireDefault(require("cozy-ui/transpiled/react/Backdrop"));
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Empty = _interopRequireDefault(require("cozy-ui/transpiled/react/Empty"));
+
+var _IntentDialogOpener = _interopRequireDefault(require("cozy-ui/transpiled/react/IntentDialogOpener"));
+
+var _IlluGenericNewPage = _interopRequireDefault(require("../assets/IlluGenericNewPage.svg"));
+
+var _withViewerLocales = require("../hoc/withViewerLocales");
+
+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 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 BlankPaperViewer = function BlankPaperViewer(_ref) {
+  var _file$metadata, _file$metadata$qualif;
+
+  var file = _ref.file,
+      t = _ref.t;
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isLoading = _useState2[0],
+      setIsLoading = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles['viewer-noviewer']
+  }, /*#__PURE__*/_react.default.createElement(_Empty.default, {
+    icon: /*#__PURE__*/_react.default.createElement("img", {
+      src: _IlluGenericNewPage.default
+    }),
+    text: t('Viewer.noImage'),
+    componentsProps: {
+      text: {
+        color: 'inherit'
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IntentDialogOpener.default, {
+    action: "OPEN",
+    doctype: "io.cozy.files.paper",
+    Component: _Backdrop.default,
+    invisible: !isLoading,
+    isOver: true,
+    options: {
+      fileId: file._id,
+      qualificationLabel: (_file$metadata = file.metadata) === null || _file$metadata === void 0 ? void 0 : (_file$metadata$qualif = _file$metadata.qualification) === null || _file$metadata$qualif === void 0 ? void 0 : _file$metadata$qualif.label
+    },
+    showCloseButton: false,
+    iframeProps: {
+      spinnerProps: {
+        className: 'u-m-0',
+        middle: true,
+        color: 'white'
+      },
+      setIsLoading: setIsLoading
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    className: "u-mt-1",
+    label: t('Viewer.complete')
+  }))));
+};
+
+var _default = (0, _withViewerLocales.withViewerLocales)(BlankPaperViewer);
+
+exports.default = _default;

package/dist/ViewersByFile/ImageViewer.d.ts

@@ -0,0 +1,31 @@
+export default ImageViewer;
+declare class ImageViewer extends React.Component<any, any, any> {
+    constructor(props: any);
+    reload: () => void;
+    onImageError: () => void;
+    onImageLoad: () => void;
+    tearDownGestures(): void;
+    onSwipe: (e: any) => void;
+    initGestures(): void;
+    gestures: any;
+    viewer: any;
+    setupGestures(): void;
+    photo: HTMLImageElement | null | undefined;
+    /**
+     * Things to do when a gesture starts:
+     * - saves the current scale and offset, which will be used as base values for calculations
+     * - kill any remaining momentum from previous gestures
+     * - hide the actions
+     */
+    prepareForGesture(): void;
+    /**
+     * Gradually applies the momentum after a pan end
+     */
+    applyMomentum(): void;
+    /**
+     * Compute the maximum offset that can be applied to the photo on each axis before it goes over the edges
+     * @returns {object} A point with an x and y property
+     */
+    computeMaxOffset(): object;
+}
+import React from "react";