cozy-harvest-lib 12.5.2 → 12.7.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 12.7.0 (2023-01-31)
+
+
+### Features
+
+* Update cozy-client and cozy-ui ([6ae3b04](https://github.com/cozy/cozy-libs/commit/6ae3b04925ae64fa30f3ec8b6e716453d0a630fe))
+
+
+
+
+
+# [12.6.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@12.5.2...cozy-harvest-lib@12.6.0) (2023-01-31)
+
+
+### Features
+
+* Remove the ability to close the connection backdrop ([22ab2d2](https://github.com/cozy/cozy-libs/commit/22ab2d27a46c9ea68f5007b77f340594f5283025))
+
+
+
+
+
 ## [12.5.2](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@12.5.1...cozy-harvest-lib@12.5.2) (2023-01-27)
 
 

package/dist/components/AccountForm/ConnectionBackdrop.js

@@ -1,11 +1,7 @@
 import React from 'react';
-import cx from 'classnames';
 import { makeStyles } from 'cozy-ui/transpiled/react/styles';
 import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Backdrop from 'cozy-ui/transpiled/react/Backdrop';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import IconButton from 'cozy-ui/transpiled/react/IconButton';
-import CrossMediumIcon from 'cozy-ui/transpiled/react/Icons/CrossMedium';
 import LinearProgress from 'cozy-ui/transpiled/react/LinearProgress';
 import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme';
 import Typography from 'cozy-ui/transpiled/react/Typography';
@@ -14,15 +10,11 @@ var useStyles = makeStyles({
     position: 'fixed',
     zIndex: 'var(--zIndex-modal)',
     inset: 0
-  },
-  iconButton: {
-    position: 'absolute'
   }
 });
 
 var ConnectionBackdrop = function ConnectionBackdrop(_ref) {
-  var name = _ref.name,
-      onClose = _ref.onClose;
+  var name = _ref.name;
   var styles = useStyles();
 
   var _useI18n = useI18n(),
@@ -35,13 +27,7 @@ var ConnectionBackdrop = function ConnectionBackdrop(_ref) {
   }, /*#__PURE__*/React.createElement(Backdrop, {
     open: true,
     className: "u-p-2"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    size: "large",
-    onClick: onClose,
-    className: cx('u-right-0 u-top-0 u-m-1 u-m-0-s', styles.iconButton)
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: CrossMediumIcon
-  })), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "u-w-6 u-w-100-s"
   }, /*#__PURE__*/React.createElement(Typography, {
     variant: "h4",

package/dist/components/AccountForm/index.js

@@ -88,8 +88,7 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
 
     _this.state = {
       showConfirmationModal: false,
-      showCannotConnectModal: false,
-      showConnectionBackdrop: false
+      showCannotConnectModal: false
     };
     _this.inputs = {};
     _this.inputFocused = null;
@@ -101,8 +100,6 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
     _this.hideConfirmationModal = _this.hideConfirmationModal.bind(_assertThisInitialized(_this));
     _this.showCannotConnectModal = _this.showCannotConnectModal.bind(_assertThisInitialized(_this));
     _this.hideCannotConnectModal = _this.hideCannotConnectModal.bind(_assertThisInitialized(_this));
-    _this.showConnectionBackdrop = _this.showConnectionBackdrop.bind(_assertThisInitialized(_this));
-    _this.hideConnectionBackdrop = _this.hideConnectionBackdrop.bind(_assertThisInitialized(_this));
     return _this;
   }
   /**
@@ -221,7 +218,6 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
       form.reset(values);
       onSubmit(values);
       this.hideConfirmationModal();
-      this.showConnectionBackdrop();
     }
     /**
      * Callback passed to `<AccountFields />` element. Called with a field name,
@@ -279,24 +275,6 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
         });
       });
     }
-  }, {
-    key: "showConnectionBackdrop",
-    value: function showConnectionBackdrop() {
-      this.setState(function (prev) {
-        return _objectSpread(_objectSpread({}, prev), {}, {
-          showConnectionBackdrop: true
-        });
-      });
-    }
-  }, {
-    key: "hideConnectionBackdrop",
-    value: function hideConnectionBackdrop() {
-      this.setState(function (prev) {
-        return _objectSpread(_objectSpread({}, prev), {}, {
-          showConnectionBackdrop: false
-        });
-      });
-    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -382,7 +360,7 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
               component: "button",
               onClick: _this3.showCannotConnectModal
             }, t('accountForm.cannotConnectLink')), /*#__PURE__*/React.createElement(Button, {
-              busy: submitting && (!flag('harvest.inappconnectors.enabled') || !_this3.state.showConnectionBackdrop),
+              busy: submitting && !flag('harvest.inappconnectors.enabled'),
               className: "u-mt-2 u-mb-1-half",
               disabled: submitting || !_this3.isSubmittable({
                 dirty: dirty,
@@ -396,9 +374,8 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
                 return _this3.handleSubmit(values, form);
               },
               "data-testid": "submit-btn"
-            }), submitting && flag('harvest.inappconnectors.enabled') && _this3.state.showConnectionBackdrop && /*#__PURE__*/React.createElement(ConnectionBackdrop, {
-              name: name,
-              onClose: _this3.hideConnectionBackdrop
+            }), submitting && flag('harvest.inappconnectors.enabled') && /*#__PURE__*/React.createElement(ConnectionBackdrop, {
+              name: name
             })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Media, {
               align: "top"
             }, /*#__PURE__*/React.createElement(Img, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-harvest-lib",
-  "version": "12.5.2",
+  "version": "12.7.0",
   "description": "Provides logic, modules and components for Cozy's harvest applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -29,8 +29,8 @@
     "@cozy/minilog": "^1.0.0",
     "@sentry/browser": "^6.0.1",
     "cozy-bi-auth": "0.0.25",
-    "cozy-doctypes": "^1.86.1",
-    "cozy-logger": "^1.9.1",
+    "cozy-doctypes": "^1.87.0",
+    "cozy-logger": "^1.10.0",
     "date-fns": "^1.30.1",
     "final-form": "^4.18.5",
     "lodash": "^4.17.19",
@@ -45,18 +45,18 @@
     "@babel/cli": "7.16.8",
     "@babel/core": "7.16.12",
     "@babel/register": "7.16.9",
-    "@cozy/cli-tree": "^0.6.0",
+    "@cozy/cli-tree": "^0.7.0",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "10.4.9",
     "babel-jest": "26.6.3",
     "babel-plugin-inline-react-svg": "1.1.2",
-    "babel-preset-cozy-app": "^2.0.4",
+    "babel-preset-cozy-app": "^2.1.0",
     "cozy-client": "^34.2.0",
-    "cozy-device-helper": "^2.6.0",
-    "cozy-flags": "^2.10.2",
-    "cozy-intent": "^2.7.0",
+    "cozy-device-helper": "^2.7.0",
+    "cozy-flags": "^2.11.0",
+    "cozy-intent": "^2.8.0",
     "cozy-keys-lib": "^4.1.9",
-    "cozy-realtime": "^4.2.9",
+    "cozy-realtime": "^4.3.0",
     "cozy-ui": "^77.9.0",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
@@ -88,5 +88,5 @@
     "react-router-dom": ">=4.3.1"
   },
   "sideEffects": false,
-  "gitHead": "375a7a11c40e30357d6215fa9a05b2a1a7f3c1f4"
+  "gitHead": "453292c639960e7a18f51799472d7d1cc06177bb"
 }

package/src/components/AccountForm/ConnectionBackdrop.jsx

@@ -1,12 +1,8 @@
 import React from 'react'
-import cx from 'classnames'
 
 import { makeStyles } from 'cozy-ui/transpiled/react/styles'
 import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Backdrop from 'cozy-ui/transpiled/react/Backdrop'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import IconButton from 'cozy-ui/transpiled/react/IconButton'
-import CrossMediumIcon from 'cozy-ui/transpiled/react/Icons/CrossMedium'
 import LinearProgress from 'cozy-ui/transpiled/react/LinearProgress'
 import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
 import Typography from 'cozy-ui/transpiled/react/Typography'
@@ -16,13 +12,10 @@ const useStyles = makeStyles({
     position: 'fixed',
     zIndex: 'var(--zIndex-modal)',
     inset: 0
-  },
-  iconButton: {
-    position: 'absolute'
   }
 })
 
-const ConnectionBackdrop = ({ name, onClose }) => {
+const ConnectionBackdrop = ({ name }) => {
   const styles = useStyles()
   const { t } = useI18n()
 
@@ -30,13 +23,6 @@ const ConnectionBackdrop = ({ name, onClose }) => {
     <MuiCozyTheme variant="inverted">
       <div className={styles.container}>
         <Backdrop open className="u-p-2">
-          <IconButton
-            size="large"
-            onClick={onClose}
-            className={cx('u-right-0 u-top-0 u-m-1 u-m-0-s', styles.iconButton)}
-          >
-            <Icon icon={CrossMediumIcon} />
-          </IconButton>
           <div className="u-w-6 u-w-100-s">
             <Typography variant="h4" className="u-ta-center">
               {t('connectionBackdrop.connecting')}

package/src/components/AccountForm/index.jsx

@@ -48,8 +48,7 @@ export class AccountForm extends PureComponent {
 
     this.state = {
       showConfirmationModal: false,
-      showCannotConnectModal: false,
-      showConnectionBackdrop: false
+      showCannotConnectModal: false
     }
 
     this.inputs = {}
@@ -63,8 +62,6 @@ export class AccountForm extends PureComponent {
     this.hideConfirmationModal = this.hideConfirmationModal.bind(this)
     this.showCannotConnectModal = this.showCannotConnectModal.bind(this)
     this.hideCannotConnectModal = this.hideCannotConnectModal.bind(this)
-    this.showConnectionBackdrop = this.showConnectionBackdrop.bind(this)
-    this.hideConnectionBackdrop = this.hideConnectionBackdrop.bind(this)
   }
 
   /**
@@ -166,7 +163,6 @@ export class AccountForm extends PureComponent {
     form.reset(values)
     onSubmit(values)
     this.hideConfirmationModal()
-    this.showConnectionBackdrop()
   }
 
   /**
@@ -214,14 +210,6 @@ export class AccountForm extends PureComponent {
     this.setState(prev => ({ ...prev, showCannotConnectModal: false }))
   }
 
-  showConnectionBackdrop() {
-    this.setState(prev => ({ ...prev, showConnectionBackdrop: true }))
-  }
-
-  hideConnectionBackdrop() {
-    this.setState(prev => ({ ...prev, showConnectionBackdrop: false }))
-  }
-
   manageSecretFieldOptions = () => {
     const secretFieldOptions = this.props.fieldOptions
     const secretInput = this.inputs[SECRET]
@@ -326,11 +314,7 @@ export class AccountForm extends PureComponent {
                   </Link>
                 )}
                 <Button
-                  busy={
-                    submitting &&
-                    (!flag('harvest.inappconnectors.enabled') ||
-                      !this.state.showConnectionBackdrop)
-                  }
+                  busy={submitting && !flag('harvest.inappconnectors.enabled')}
                   className="u-mt-2 u-mb-1-half"
                   disabled={
                     submitting ||
@@ -341,14 +325,9 @@ export class AccountForm extends PureComponent {
                   onClick={() => this.handleSubmit(values, form)}
                   data-testid="submit-btn"
                 />
-                {submitting &&
-                  flag('harvest.inappconnectors.enabled') &&
-                  this.state.showConnectionBackdrop && (
-                    <ConnectionBackdrop
-                      name={name}
-                      onClose={this.hideConnectionBackdrop}
-                    />
-                  )}
+                {submitting && flag('harvest.inappconnectors.enabled') && (
+                  <ConnectionBackdrop name={name} />
+                )}
               </>
             ) : (
               <>