cozy-viewer 12.0.0 → 12.0.2

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [12.0.2](https://github.com/cozy/cozy-libs/compare/cozy-viewer@12.0.1...cozy-viewer@12.0.2) (2025-01-08)
+
+**Note:** Version bump only for package cozy-viewer
+
+
+
+
+
+## [12.0.1](https://github.com/cozy/cozy-libs/compare/cozy-viewer@12.0.0...cozy-viewer@12.0.1) (2025-01-07)
+
+
+### Bug Fixes
+
+* **Viewer:** Now use intent inner dialog backdrop instead of custom one ([e0c8882](https://github.com/cozy/cozy-libs/commit/e0c8882ba7f80cde51dd7398216f9c137a99479f))
+
+
+
+
+
 # [12.0.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@11.4.0...cozy-viewer@12.0.0) (2025-01-07)
 
 

package/dist/components/IntentOpener.js

@@ -9,47 +9,23 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _Backdrop = _interopRequireDefault(require("cozy-ui/transpiled/react/Backdrop"));
+var _react = _interopRequireDefault(require("react"));
 
 var _IntentDialogOpener = _interopRequireDefault(require("cozy-ui/transpiled/react/IntentDialogOpener"));
 
-var _Portal = _interopRequireDefault(require("cozy-ui/transpiled/react/Portal"));
-
-var _excluded = ["children"],
-    _excluded2 = ["action", "doctype", "options", "disabled", "children"];
-
-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); }
+var _excluded = ["action", "doctype", "options", "disabled", "children"];
 
-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 PortalBackdrop = function PortalBackdrop(_ref) {
-  var children = _ref.children,
+var IntentOpener = function IntentOpener(_ref) {
+  var action = _ref.action,
+      doctype = _ref.doctype,
+      options = _ref.options,
+      disabled = _ref.disabled,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Portal.default, {
-    into: "body"
-  }, /*#__PURE__*/_react.default.createElement(_Backdrop.default, props, children));
-};
-
-var IntentOpener = function IntentOpener(_ref2) {
-  var action = _ref2.action,
-      doctype = _ref2.doctype,
-      options = _ref2.options,
-      disabled = _ref2.disabled,
-      children = _ref2.children,
-      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isLoading = _useState2[0],
-      setIsLoading = _useState2[1];
 
   if (disabled) {
     return children;
@@ -59,18 +35,17 @@ var IntentOpener = function IntentOpener(_ref2) {
     action: action,
     doctype: doctype,
     options: options,
-    Component: PortalBackdrop,
-    invisible: !isLoading,
-    isOver: true,
     showCloseButton: false,
     iframeProps: {
       spinnerProps: {
         className: 'u-m-0',
         middle: true,
         color: 'white'
-      },
-      setIsLoading: setIsLoading
-    }
+      }
+    },
+    fullScreen: true,
+    fullWidth: true,
+    PaperComponent: "div"
   }), children);
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "12.0.0",
+  "version": "12.0.2",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -27,10 +27,10 @@
     "babel-preset-cozy-app": "^2.8.1",
     "cozy-client": "^52.1.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-harvest-lib": "^32.2.2",
+    "cozy-harvest-lib": "^32.2.4",
     "cozy-intent": "^2.29.1",
     "cozy-logger": "^1.16.1",
-    "cozy-sharing": "^18.0.0",
+    "cozy-sharing": "^19.0.0",
     "cozy-ui": "^116.0.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
@@ -59,5 +59,5 @@
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
-  "gitHead": "e8122fd96a5dbfda7f6b445c60bb34c4b14004d8"
+  "gitHead": "74889d160e15166c4aa132e4fc8c77ebe95c62ae"
 }

package/src/components/IntentOpener.jsx

@@ -1,17 +1,7 @@
 import PropTypes from 'prop-types'
-import React, { useState } from 'react'
+import React from 'react'
 
-import Backdrop from 'cozy-ui/transpiled/react/Backdrop'
 import IntentDialogOpener from 'cozy-ui/transpiled/react/IntentDialogOpener'
-import Portal from 'cozy-ui/transpiled/react/Portal'
-
-const PortalBackdrop = ({ children, ...props }) => {
-  return (
-    <Portal into="body">
-      <Backdrop {...props}>{children}</Backdrop>
-    </Portal>
-  )
-}
 
 const IntentOpener = ({
   action,
@@ -21,8 +11,6 @@ const IntentOpener = ({
   children,
   ...props
 }) => {
-  const [isLoading, setIsLoading] = useState(true)
-
   if (disabled) {
     return children
   }
@@ -33,14 +21,13 @@ const IntentOpener = ({
       action={action}
       doctype={doctype}
       options={options}
-      Component={PortalBackdrop}
-      invisible={!isLoading}
-      isOver
       showCloseButton={false}
       iframeProps={{
-        spinnerProps: { className: 'u-m-0', middle: true, color: 'white' },
-        setIsLoading
+        spinnerProps: { className: 'u-m-0', middle: true, color: 'white' }
       }}
+      fullScreen
+      fullWidth
+      PaperComponent="div"
     >
       {children}
     </IntentDialogOpener>