cozy-viewer 17.0.0 → 18.0.0

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [18.0.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@17.0.0...cozy-viewer@18.0.0) (2025-02-05)
+
+
+### Bug Fixes
+
+* **Viewer:** Replace Modal by Dialog and add better click propagation ([26a49e0](https://github.com/cozy/cozy-libs/commit/26a49e0868f017634367e0a82d24d8fb4e4e6782))
+
+
+### Features
+
+* Upgrade cozy-ui ([15e3419](https://github.com/cozy/cozy-libs/commit/15e3419eea04917239adfadedb78feed667f4a9f))
+
+
+### BREAKING CHANGES
+
+* You must have `cozy-ui >=117.2.2`
+
+
+
+
+
 # [17.0.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@16.2.1...cozy-viewer@17.0.0) (2025-02-04)
 
 

package/dist/ViewerContainer.d.ts

@@ -8,6 +8,8 @@ declare namespace ViewerContainerWrapper {
         namespace componentsProps {
             namespace modalProps {
                 const open: boolean;
+                const fullScreen: boolean;
+                const fullWidth: boolean;
             }
         }
     }

package/dist/ViewerContainer.js

@@ -31,7 +31,7 @@ var _permission = require("cozy-client/dist/models/permission");
 
 var _cozySharing = _interopRequireWildcard(require("cozy-sharing"));
 
-var _Modal = _interopRequireDefault(require("cozy-ui/transpiled/react/Modal"));
+var _Dialog = _interopRequireDefault(require("cozy-ui/transpiled/react/Dialog"));
 
 var _proptypes = require("cozy-ui/transpiled/react/proptypes");
 
@@ -39,8 +39,6 @@ var _Alert = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/
 
 var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
 
-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");
@@ -267,29 +265,27 @@ var ViewerContainerWrapper = function ViewerContainerWrapper(_ref2) {
   var disableModal = _ref2.disableModal,
       props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
 
-  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
-      type = _useCozyTheme.type,
-      variant = _useCozyTheme.variant;
-
   var _ref3 = props.componentsProps || {},
       _ref3$modalProps = _ref3.modalProps,
       modalProps = _ref3$modalProps === void 0 ? {
-    open: true
+    open: true,
+    fullScreen: true,
+    fullWidth: true
   } : _ref3$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)));
+  return /*#__PURE__*/_react.default.createElement(_Dialog.default, modalProps, /*#__PURE__*/_react.default.createElement(ViewerContainer, props));
 };
 
 ViewerContainerWrapper.defaultProps = {
   componentsProps: {
     modalProps: {
-      open: true
+      open: true,
+      fullScreen: true,
+      fullWidth: true
     }
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "17.0.0",
+  "version": "18.0.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -27,11 +27,11 @@
     "babel-preset-cozy-app": "^2.8.1",
     "cozy-client": "^53.1.1",
     "cozy-device-helper": "2.0.0",
-    "cozy-harvest-lib": "^32.2.31",
+    "cozy-harvest-lib": "^32.2.32",
     "cozy-intent": "^2.29.2",
     "cozy-logger": "^1.16.1",
     "cozy-sharing": "^21.2.2",
-    "cozy-ui": "^117.2.0",
+    "cozy-ui": "^117.2.2",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
     "jest-canvas-mock": "2.3.1",
@@ -55,9 +55,9 @@
     "cozy-intent": ">=2.29.1",
     "cozy-logger": ">=1.9.0",
     "cozy-sharing": ">=21.2.2",
-    "cozy-ui": ">=117.2.0",
+    "cozy-ui": ">=117.2.2",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
-  "gitHead": "b401142915731e066c5f2e78830f9eecb26326f8"
+  "gitHead": "2f737393a33f6a9d22cf22779ce86bd40eca5979"
 }

package/src/ViewerContainer.jsx

@@ -6,11 +6,10 @@ import { useClient } from 'cozy-client'
 import { isDocumentReadOnly } from 'cozy-client/dist/models/permission'
 import SharingProvider from 'cozy-sharing'
 import { useSharingContext } from 'cozy-sharing'
-import Modal from 'cozy-ui/transpiled/react/Modal'
+import Dialog from 'cozy-ui/transpiled/react/Dialog'
 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'
 
@@ -194,27 +193,26 @@ ViewerContainer.defaultProps = {
 }
 
 const ViewerContainerWrapper = ({ disableModal, ...props }) => {
-  const { type, variant } = useCozyTheme()
-  const { modalProps = { open: true } } = props.componentsProps || {}
+  const { modalProps = { open: true, fullScreen: true, fullWidth: true } } =
+    props.componentsProps || {}
 
   if (disableModal) {
     return <ViewerContainer {...props} />
   }
 
   return (
-    <Modal {...modalProps} className={`CozyTheme--${type}-${variant}`}>
-      {/* This div is needed for the Modal ref */}
-      <div>
-        <ViewerContainer {...props} />
-      </div>
-    </Modal>
+    <Dialog {...modalProps}>
+      <ViewerContainer {...props} />
+    </Dialog>
   )
 }
 
 ViewerContainerWrapper.defaultProps = {
   componentsProps: {
     modalProps: {
-      open: true
+      open: true,
+      fullScreen: true,
+      fullWidth: true
     }
   }
 }