cozy-viewer 2.0.3 → 2.1.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 2.1.0 (2024-10-25)
+
+
+### Features
+
+* **Viewer:** Replace Encrypted provider by cozy-ui one ([aa81d02](https://github.com/cozy/cozy-libs/commit/aa81d02f0a70de8044f704cbd895b1d54c9f38b8))
+
+
+
+
+
 ## 2.0.3 (2024-10-23)
 
 **Note:** Version bump only for package cozy-viewer

package/dist/ViewerContainer.js

@@ -29,6 +29,8 @@ var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/prov
 
 var _CozyTheme = require("cozy-ui/transpiled/react/providers/CozyTheme");
 
+var _Encrypted = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Encrypted"));
+
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _Viewer = _interopRequireDefault(require("./Viewer"));
@@ -43,8 +45,6 @@ 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"];
 
@@ -99,7 +99,7 @@ var ViewerContainer = function ViewerContainer(props) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     id: "viewer-wrapper",
     className: (0, _classnames.default)(styles['viewer-wrapper'], className)
-  }, /*#__PURE__*/_react.default.createElement(_EncryptedProvider.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Encrypted.default, {
     url: currentURL
   }, /*#__PURE__*/_react.default.createElement(_Viewer.default, (0, _extends2.default)({}, rest, {
     componentsProps: componentsPropsWithDefault,

package/dist/components/Toolbar.js

@@ -35,6 +35,8 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
 
 var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/helpers/withBreakpoints"));
 
+var _Encrypted = require("cozy-ui/transpiled/react/providers/Encrypted");
+
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _styles = require("cozy-ui/transpiled/react/styles");
@@ -45,8 +47,6 @@ var _ToolbarFilePath = require("./ToolbarFilePath");
 
 var _helpers = require("../Footer/helpers");
 
-var _EncryptedProvider = require("../providers/EncryptedProvider");
-
 var styles = {
   "viewer-nav": "styles__viewer-nav___3V03k",
   "viewer-nav--visible": "styles__viewer-nav--visible___4GLTe",
@@ -86,7 +86,7 @@ var Toolbar = function Toolbar(_ref) {
 
   var webviewIntent = (0, _cozyIntent.useWebviewIntent)();
 
-  var _useEncrypted = (0, _EncryptedProvider.useEncrypted)(),
+  var _useEncrypted = (0, _Encrypted.useEncrypted)(),
       url = _useEncrypted.url;
 
   var ToolbarButtons = (0, _helpers.extractChildrenCompByName)({

package/dist/components/ViewerByFile.js

@@ -19,6 +19,8 @@ var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/
 
 var _proptypes = require("cozy-ui/transpiled/react/proptypes");
 
+var _Encrypted = require("cozy-ui/transpiled/react/providers/Encrypted");
+
 var _NoViewer = _interopRequireDefault(require("../NoViewer"));
 
 var _AudioViewer = _interopRequireDefault(require("../ViewersByFile/AudioViewer"));
@@ -39,8 +41,6 @@ var _TextViewer = _interopRequireDefault(require("../ViewersByFile/TextViewer"))
 
 var _VideoViewer = _interopRequireDefault(require("../ViewersByFile/VideoViewer"));
 
-var _EncryptedProvider = require("../providers/EncryptedProvider");
-
 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; }
@@ -101,7 +101,7 @@ var ViewerByFile = (0, _withBreakpoints.default)()(function (_ref2) {
   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 = (0, _EncryptedProvider.useEncrypted)(),
+  var _useEncrypted = (0, _Encrypted.useEncrypted)(),
       url = _useEncrypted.url;
 
   var ComponentName = (0, _react.useMemo)(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -24,14 +24,14 @@
     "@testing-library/react": "11.2.7",
     "@testing-library/react-hooks": "^3.2.1",
     "babel-plugin-inline-json-import": "0.3.2",
-    "babel-preset-cozy-app": "^2.2.2",
+    "babel-preset-cozy-app": "^2.3.0",
     "cozy-client": "48.8.0",
     "cozy-device-helper": "2.0.0",
     "cozy-harvest-lib": "^6.7.3",
     "cozy-intent": "^1.16.1",
-    "cozy-logger": "^1.10.6",
+    "cozy-logger": "^1.11.0",
     "cozy-sharing": "14.1.0",
-    "cozy-ui": "^111.9.0",
+    "cozy-ui": "^112.0.0",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
@@ -56,9 +56,9 @@
     "cozy-intent": ">=1.16.1",
     "cozy-logger": ">=1.9.0",
     "cozy-sharing": ">=14.1.0",
-    "cozy-ui": ">=111.9.0",
+    "cozy-ui": ">=112.0.0",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
-  "gitHead": "1d7cc93f1c89ad2d02caffe8190ef1af57a8bb70"
+  "gitHead": "30c23cd07bf3c50a8627fb291c62cc4007d0908a"
 }

package/src/Footer/ForwardButton.spec.jsx

@@ -6,7 +6,7 @@ import { isMobileApp } from 'cozy-device-helper'
 
 import ForwardButton from './ForwardButton'
 import { exportFilesNative } from './helpers'
-import DemoProvider from '../docs/DemoProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 jest.mock('cozy-device-helper')
 jest.mock('cozy-client/dist/models/sharing', () => ({

package/src/NoViewer/NoViewer.spec.jsx

@@ -2,7 +2,7 @@ import { render } from '@testing-library/react'
 import React from 'react'
 
 import NoViewer from './NoViewer'
-import DemoProvider from '../docs/DemoProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 const file = {
   _id: 'notSupported',

package/src/Readme.md

@@ -54,7 +54,7 @@ import { Media, Img, Bd } from 'cozy-ui/transpiled/react/deprecated/Media'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import CarbonCopyIcon from 'cozy-ui/transpiled/react/Icons/CarbonCopy'
 // The DemoProvider inserts a fake cozy-client in the React context.
-import DemoProvider from './docs/DemoProvider'
+import DemoProvider from './providers/DemoProvider'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import DownloadIcon from 'cozy-ui/transpiled/react/Icons/Download'
 import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share'

package/src/ViewerContainer.jsx

@@ -7,6 +7,7 @@ import { FileDoctype } from 'cozy-ui/transpiled/react/proptypes'
 import AlertProvider from 'cozy-ui/transpiled/react/providers/Alert'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useCozyTheme } from 'cozy-ui/transpiled/react/providers/CozyTheme'
+import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
 import { useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import Viewer from './Viewer'
@@ -15,7 +16,6 @@ import { isValidForPanel } from './helpers'
 import { locales } from './locales'
 import { toolbarPropsPropType } from './proptypes'
 import { ActionMenuProvider } from './providers/ActionMenuProvider'
-import EncryptedProvider from './providers/EncryptedProvider'
 import styles from './styles.styl'
 
 const ViewerContainer = props => {

package/src/ViewersByFile/AudioViewer.spec.jsx

@@ -4,7 +4,7 @@ import React from 'react'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
 
 import AudioViewer from './AudioViewer'
-import DemoProvider from '../docs/DemoProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 const file = {
   _id: 'audio',

package/src/ViewersByFile/ImageViewer.spec.jsx

@@ -3,10 +3,10 @@ import React from 'react'
 
 import { checkImageSource } from 'cozy-ui/transpiled/react/FileImageLoader/checkImageSource'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
 
 import ImageViewer from './ImageViewer'
-import DemoProvider from '../docs/DemoProvider'
-import EncryptedProvider from '../providers/EncryptedProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 jest.mock('cozy-ui/transpiled/react/FileImageLoader/checkImageSource', () => ({
   ...jest.requireActual(

package/src/ViewersByFile/PdfMobileViewer.spec.jsx

@@ -3,10 +3,10 @@ import React from 'react'
 
 import { CozyProvider, createMockClient } from 'cozy-client'
 import logger from 'cozy-logger'
+import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
 import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { PdfMobileViewer } from './PdfMobileViewer'
-import EncryptedProvider from '../providers/EncryptedProvider'
 
 logger.error = logger.warn = jest.fn()
 

package/src/ViewersByFile/VideoViewer.spec.jsx

@@ -4,7 +4,7 @@ import React from 'react'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
 
 import VideoViewer from './VideoViewer'
-import DemoProvider from '../docs/DemoProvider'
+import DemoProvider from '../providers/DemoProvider'
 
 const file = {
   _id: 'video',

package/src/components/Toolbar.jsx

@@ -12,6 +12,7 @@ import PreviousIcon from 'cozy-ui/transpiled/react/Icons/Previous'
 import MidEllipsis from 'cozy-ui/transpiled/react/MidEllipsis'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import withBreakpoints from 'cozy-ui/transpiled/react/helpers/withBreakpoints'
+import { useEncrypted } from 'cozy-ui/transpiled/react/providers/Encrypted'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import { makeStyles } from 'cozy-ui/transpiled/react/styles'
 
@@ -19,7 +20,6 @@ import PrintButton from './PrintButton'
 import { ToolbarFilePath } from './ToolbarFilePath'
 import styles from './styles.styl'
 import { extractChildrenCompByName } from '../Footer/helpers'
-import { useEncrypted } from '../providers/EncryptedProvider'
 
 const useClasses = makeStyles(theme => ({
   iconButton: {

package/src/components/ViewerByFile.jsx

@@ -5,6 +5,7 @@ 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 { useEncrypted } from 'cozy-ui/transpiled/react/providers/Encrypted'
 
 import NoViewer from '../NoViewer'
 import AudioViewer from '../ViewersByFile/AudioViewer'
@@ -16,7 +17,6 @@ import PdfMobileViewer from '../ViewersByFile/PdfMobileViewer'
 import ShortcutViewer from '../ViewersByFile/ShortcutViewer'
 import TextViewer from '../ViewersByFile/TextViewer'
 import VideoViewer from '../ViewersByFile/VideoViewer'
-import { useEncrypted } from '../providers/EncryptedProvider'
 
 const isBlankPaper = doc => doc.metadata?.paperProps?.isBlank
 

package/src/components/ViewerControls.spec.jsx

@@ -5,7 +5,7 @@ import ViewerByFile from './ViewerByFile'
 import ViewerControls from './ViewerControls'
 
 jest.mock('../ViewersByFile/AudioViewer', () => () => <div>AudioViewer</div>)
-jest.mock('../providers/EncryptedProvider', () => ({
+jest.mock('cozy-ui/transpiled/react/providers/Encrypted', () => ({
   useEncrypted: () => ({ url: 'random' })
 }))
 

package/dist/providers/EncryptedProvider.d.ts

@@ -1,8 +0,0 @@
-export const EncryptedContext: React.Context<any>;
-export function useEncrypted(): any;
-declare var _default: React.MemoExoticComponent<({ url, children }: {
-    url: any;
-    children: any;
-}) => JSX.Element>;
-export default _default;
-import React from "react";

package/dist/providers/EncryptedProvider.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEncrypted = exports.default = exports.EncryptedContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-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 EncryptedContext = /*#__PURE__*/_react.default.createContext();
-
-exports.EncryptedContext = EncryptedContext;
-
-var useEncrypted = function useEncrypted() {
-  var context = (0, _react.useContext)(EncryptedContext);
-
-  if (!context) {
-    throw new Error('useEncrypted must be used within a EncryptedProvider');
-  }
-
-  return context;
-};
-
-exports.useEncrypted = useEncrypted;
-
-var EncryptedProvider = function EncryptedProvider(_ref) {
-  var url = _ref.url,
-      children = _ref.children;
-  var contextValue = {
-    url: url
-  };
-  return /*#__PURE__*/_react.default.createElement(EncryptedContext.Provider, {
-    value: contextValue
-  }, children);
-};
-
-var _default = /*#__PURE__*/_react.default.memo(EncryptedProvider);
-
-exports.default = _default;

package/src/providers/EncryptedProvider.jsx

@@ -1,25 +0,0 @@
-import React, { useContext } from 'react'
-
-export const EncryptedContext = React.createContext()
-
-export const useEncrypted = () => {
-  const context = useContext(EncryptedContext)
-
-  if (!context) {
-    throw new Error('useEncrypted must be used within a EncryptedProvider')
-  }
-  return context
-}
-
-const EncryptedProvider = ({ url, children }) => {
-  const contextValue = {
-    url
-  }
-  return (
-    <EncryptedContext.Provider value={contextValue}>
-      {children}
-    </EncryptedContext.Provider>
-  )
-}
-
-export default React.memo(EncryptedProvider)