fix: Improve cozy-bar interactions

CHANGELOG.md

@@ -5,9 +5,12 @@
 * Update cozy-stack-client and cozy-pouch-link to sync with cozy-client version
 * Update cozy-ui
   - Modify Viewers to handle [68.0.0 BC](https://github.com/cozy/cozy-ui/releases/tag/v68.0.0)
+* Update cozy-scripts for Amirale development
 
 ## 🐛 Bug Fixes
 
+* Improve cozy-bar implementation to fix UI bugs in Amirale
+
 ## 🔧 Tech
 
 # 1.42.1

package.json

@@ -114,7 +114,7 @@
     "classnames": "2.3.1",
     "copy-text-to-clipboard": "1.0.4",
     "cozy-authentication": "2.8.3",
-    "cozy-bar": "7.17.7",
+    "cozy-bar": "7.17.9",
     "cozy-ci": "0.4.1",
     "cozy-client": "^29.1.1",
     "cozy-client-js": "0.19.0",

src/drive/web/modules/drive/Toolbar/index.jsx

@@ -10,6 +10,7 @@ import SharingProvider, { SharedDocument } from 'cozy-sharing'
 import { translate } from 'cozy-ui/transpiled/react/I18n'
 import withBreakpoints from 'cozy-ui/transpiled/react/helpers/withBreakpoints'
 import BarContextProvider from 'cozy-ui/transpiled/react/BarContextProvider'
+import { useWebviewIntent } from 'cozy-intent'
 
 import { isSelectionBarVisible } from 'drive/web/modules/selection/duck'
 import { getCurrentFolderId } from 'drive/web/modules/selectors'
@@ -60,7 +61,7 @@ class Toolbar extends Component {
       hasWriteAccess,
       breakpoints: { isMobile },
       client,
-      webviewIntent
+      webviewService
     } = this.props
 
     const isDisabled = disabled || selectionModeActive
@@ -99,7 +100,7 @@ class Toolbar extends Component {
               store={this.context.store}
               t={t}
               lang={lang}
-              webviewService={webviewIntent}
+              webviewService={webviewService}
             >
               <SharingProvider doctype="io.cozy.files" documentType="Files">
                 <MoreMenu
@@ -122,6 +123,12 @@ const mapStateToProps = state => ({
   selectionModeActive: isSelectionBarVisible(state)
 })
 
+const ToolbarWithWebviewContext = props => {
+  const webviewIntent = useWebviewIntent()
+
+  return <Toolbar webviewService={webviewIntent} {...props} />
+}
+
 /**
  * Provides the Toolbar with sharing properties of the current folder.
  *
@@ -130,12 +137,17 @@ const mapStateToProps = state => ({
  */
 const ToolbarWithSharingContext = props => {
   return !props.folderId ? (
-    <Toolbar {...props} />
+    <ToolbarWithWebviewContext {...props} />
   ) : (
     <SharedDocument docId={props.folderId}>
       {sharingProps => {
         const { hasWriteAccess } = sharingProps
-        return <Toolbar {...props} hasWriteAccess={hasWriteAccess} />
+        return (
+          <ToolbarWithWebviewContext
+            {...props}
+            hasWriteAccess={hasWriteAccess}
+          />
+        )
       }}
     </SharedDocument>
   )

src/drive/web/modules/public/PublicToolbarByLink.jsx

@@ -16,6 +16,7 @@ import AddButton from 'drive/web/modules/drive/Toolbar/components/AddButton'
 import AddMenuProvider from 'drive/web/modules/drive/AddMenu/AddMenuProvider'
 
 import { DownloadFilesButton } from './DownloadButton'
+import { useWebviewIntent } from 'cozy-intent'
 
 export const isFilesIsFile = files =>
   files.length === 1 && files[0].type === 'file'
@@ -87,12 +88,18 @@ const PublicToolbarByLink = ({
   const isFile = isFilesIsFile(files)
   const client = useClient()
   const { isMobile } = useBreakpoints()
+  const webviewIntent = useWebviewIntent()
 
   const shouldDisplayMoreMenu = isMobile || (!isFile && files.length > 0)
 
   return (
     <CozyBarRightMobile>
-      <BarContextProvider client={client} t={t} store={client.store}>
+      <BarContextProvider
+        client={client}
+        t={t}
+        store={client.store}
+        webviewService={webviewIntent}
+      >
         {!isMobile && (
           <>
             {hasWriteAccess && (

src/drive/web/modules/public/PublicToolbarCozyToCozy.jsx

@@ -14,6 +14,7 @@ import { downloadFiles } from 'drive/web/modules/actions/utils'
 import CozyBarRightMobile from 'drive/web/modules/public/CozyBarRightMobile'
 import { DownloadFilesButton } from './DownloadButton'
 import { isFilesIsFile } from './PublicToolbarByLink'
+import { useWebviewIntent } from 'cozy-intent'
 
 const openExternalLink = url => (window.location = url)
 
@@ -77,12 +78,18 @@ const PublicToolbarCozyToCozy = ({
   const isFile = isFilesIsFile(files)
   const client = useClient()
   const { isMobile } = useBreakpoints()
+  const { webviewIntent } = useWebviewIntent()
 
   const shouldDisplayMoreMenu = isMobile || (!isFile && files.length > 0)
 
   return (
     <CozyBarRightMobile>
-      <BarContextProvider client={client} t={t} store={client.store}>
+      <BarContextProvider
+        client={client}
+        t={t}
+        store={client.store}
+        webviewService={webviewIntent}
+      >
         {!isMobile && files.length > 0 && <DownloadFilesButton files={files} />}
         {shouldDisplayMoreMenu && (
           <MoreMenu

src/drive/web/modules/trash/Toolbar.jsx

@@ -20,6 +20,7 @@ import { MoreButton } from 'components/Button'
 import EmptyTrashConfirm from './components/EmptyTrashConfirm'
 
 import styles from 'drive/styles/toolbar.styl'
+import { useWebviewIntent } from 'cozy-intent'
 
 export const Toolbar = ({
   t,
@@ -33,6 +34,7 @@ export const Toolbar = ({
   const anchorRef = React.createRef()
   const openMenu = useCallback(() => setMenuVisible(true), [setMenuVisible])
   const closeMenu = useCallback(() => setMenuVisible(false), [setMenuVisible])
+  const webviewIntent = useWebviewIntent()
 
   const { pushModal, popModal } = useContext(ModalContext)
 
@@ -94,7 +96,12 @@ export const Toolbar = ({
 
       {isMobile ? (
         <BarRight>
-          <BarContextProvider client={client} t={t} store={client.store}>
+          <BarContextProvider
+            client={client}
+            t={t}
+            store={client.store}
+            webviewService={webviewIntent}
+          >
             {MoreMenu}
           </BarContextProvider>
         </BarRight>

src/drive/web/modules/views/Drive/index.jsx

@@ -49,7 +49,6 @@ import FolderViewBreadcrumb from 'drive/web/modules/views/Folder/FolderViewBread
 import { useTrashRedirect } from 'drive/web/modules/views/Drive/useTrashRedirect'
 import FabWithMenuContext from 'drive/web/modules/drive/FabWithMenuContext'
 import AddMenuProvider from 'drive/web/modules/drive/AddMenu/AddMenuProvider'
-import { useWebviewIntent } from 'cozy-intent'
 
 const desktopExtraColumnsNames = ['carbonCopy', 'electronicSafe']
 const mobileExtraColumnsNames = []
@@ -172,8 +171,6 @@ const DriveView = ({
     }
   }, [setIsFabDisplayed, isMobile, canWriteToCurrentFolder])
 
-  const webviewIntent = useWebviewIntent()
-
   return (
     <FolderView>
       <FolderViewHeader>
@@ -188,7 +185,6 @@ const DriveView = ({
           canUpload={true}
           canCreateFolder={true}
           disabled={isLoading || isInError || isPending}
-          webviewIntent={webviewIntent}
         />
       </FolderViewHeader>
       {__TARGET__ === 'mobile' && (

yarn.lock

@@ -5890,10 +5890,10 @@ cozy-authentication@2.8.3:
     snarkdown "1.2.2"
     url-polyfill "1.1.7"
 
-cozy-bar@7.17.7:
-  version "7.17.7"
-  resolved "https://registry.yarnpkg.com/cozy-bar/-/cozy-bar-7.17.7.tgz#d1dd7985fdbb29819bbebfeced03ce757b0cac9a"
-  integrity sha512-ZwUrOphiH2dJohZsQoePiVAPXsLm4Fg/kvyPqwpkoxMpGtCMsGHGs+gZ2oX/bOiyb3z7I7KNun7HZ+/VZ8D3uQ==
+cozy-bar@7.17.9:
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/cozy-bar/-/cozy-bar-7.17.9.tgz#00727dfbcbacaafcd598b991bd31b50587e15aaf"
+  integrity sha512-dYJ7E2yGQg0Jmx7OLOpXLsCX/KgpIi5wt5QQn/CTj9+pRvGzN4+jUUzwL2i9EnqU5MxORIQoqrt9Q2b9ok7oPw==
   dependencies:
     "@cozy/minilog" "^1.0.0"
     cozy-client "^27.14.4"