cozy-ui 110.8.0 → 110.8.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [110.8.2](https://github.com/cozy/cozy-ui/compare/v110.8.1...v110.8.2) (2024-07-11)
+
+
+### Bug Fixes
+
+* **ViewerControls:** children can contain undefined values ([506fd4c](https://github.com/cozy/cozy-ui/commit/506fd4c))
+
+## [110.8.1](https://github.com/cozy/cozy-ui/compare/v110.8.0...v110.8.1) (2024-07-10)
+
+
+### Bug Fixes
+
+* **PermissionDialog:** Show overflow icon on iOS ([f9f6073](https://github.com/cozy/cozy-ui/commit/f9f6073))
+
 # [110.8.0](https://github.com/cozy/cozy-ui/compare/v110.7.1...v110.8.0) (2024-07-09)
 
 

package/jest.config.js

@@ -14,7 +14,9 @@ module.exports = {
     'react-pdf/dist/esm/entry.webpack': 'react-pdf',
     '^cozy-client$': 'cozy-client/dist/index'
   },
-  transformIgnorePatterns: ['node_modules/(?!(react-styleguidist)/)'],
+  transformIgnorePatterns: [
+    'node_modules/(?!(react-styleguidist|cozy-harvest-lib)/)'
+  ],
   testPathIgnorePatterns: ['/node_modules/', '/transpiled/', '/dist/'],
   transform: {
     '^.+\\.(ts|tsx|js|jsx)?$': 'babel-jest'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "110.8.0",
+  "version": "110.8.2",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js

@@ -456,7 +456,10 @@ export const makeLightNormalOverrides = theme => ({
         }
       },
       '&.overflow': {
-        overflowY: 'visible !important' // Allow the icon to overflow the dialog, otherwise it will be cut off
+        overflowY: 'visible !important', // Allow the icon to overflow the dialog, otherwise it will be cut off,
+        '& .cozyDialogContent': {
+          overflowY: 'visible !important' // This allow the overflow to work also on iOS
+        }
       }
     },
     scrollPaper: {

package/react/Viewer/components/ViewerControls.jsx

@@ -95,8 +95,8 @@ class ViewerControls extends Component {
 
     return React.Children.map(children, child => {
       if (
-        child.type.name === 'ViewerByFile' ||
-        child.type.displayName === 'ViewerByFile'
+        child?.type?.name === 'ViewerByFile' ||
+        child?.type?.displayName === 'ViewerByFile'
       ) {
         return React.cloneElement(child, {
           gestures: this.state.gestures,

package/react/Viewer/components/ViewerControls.spec.jsx

@@ -0,0 +1,54 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+
+import ViewerControls from './ViewerControls'
+import ViewerByFile from './ViewerByFile'
+
+jest.mock('../ViewersByFile/AudioViewer', () => () => <div>AudioViewer</div>)
+jest.mock('../providers/EncryptedProvider', () => ({
+  useEncrypted: () => ({ url: 'random' })
+}))
+
+describe('ViewerControls', () => {
+  const file = {
+    _id: 'audio',
+    class: 'audio',
+    mime: 'audio/mp3',
+    name: 'sample.mp3'
+  }
+
+  const setup = ({ children } = {}) => {
+    render(
+      <ViewerControls
+        file={file}
+        onClose={() => {}}
+        hasPrevious={false}
+        hasNext={false}
+        onPrevious={() => {}}
+        onNext={() => {}}
+        expanded={false}
+        toolbarProps={{
+          showToolbar: false,
+          showClose: false,
+          showFilePath: false,
+          toolbarRef: undefined
+        }}
+        showNavigation={false}
+      >
+        {children}
+      </ViewerControls>
+    )
+  }
+
+  it('should only render children if they are ViewerByFile', () => {
+    setup({
+      children: [
+        undefined,
+        <div key="notViewer">not ViewerByFile</div>,
+        <ViewerByFile key="viewer" file={file} onClose={() => {}} />
+      ]
+    })
+    expect(screen.queryByText('not ViewerByFile')).not.toBeInTheDocument()
+    expect(screen.getByText('AudioViewer')).toBeInTheDocument()
+  })
+})

package/transpiled/react/MuiCozyTheme/overrides/makeDarkInvertedOverrides.d.ts

@@ -529,6 +529,9 @@ export function makeDarkInvertedOverrides(theme: any): {
             };
             '&.overflow': {
                 overflowY: string;
+                '& .cozyDialogContent': {
+                    overflowY: string;
+                };
             };
         };
         scrollPaper: {

package/transpiled/react/MuiCozyTheme/overrides/makeDarkNormalOverrides.d.ts

@@ -529,6 +529,9 @@ export function makeDarkNormalOverrides(theme: any): {
             };
             '&.overflow': {
                 overflowY: string;
+                '& .cozyDialogContent': {
+                    overflowY: string;
+                };
             };
         };
         scrollPaper: {

package/transpiled/react/MuiCozyTheme/overrides/makeLightInvertedOverrides.d.ts

@@ -529,6 +529,9 @@ export function makeLightInvertedOverrides(theme: any): {
             };
             '&.overflow': {
                 overflowY: string;
+                '& .cozyDialogContent': {
+                    overflowY: string;
+                };
             };
         };
         scrollPaper: {

package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.d.ts

@@ -529,6 +529,9 @@ export function makeLightNormalOverrides(theme: any): {
             };
             '&.overflow': {
                 overflowY: string;
+                '& .cozyDialogContent': {
+                    overflowY: string;
+                };
             };
         };
         scrollPaper: {

package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js

@@ -426,8 +426,12 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
           maxWidth: '800px'
         }),
         '&.overflow': {
-          overflowY: 'visible !important' // Allow the icon to overflow the dialog, otherwise it will be cut off
+          overflowY: 'visible !important',
+          // Allow the icon to overflow the dialog, otherwise it will be cut off,
+          '& .cozyDialogContent': {
+            overflowY: 'visible !important' // This allow the overflow to work also on iOS
 
+          }
         }
       },
       scrollPaper: {

package/transpiled/react/Viewer/components/ViewerControls.js

@@ -141,7 +141,9 @@ var ViewerControls = /*#__PURE__*/function (_Component) {
 
       if (!children) return null;
       return React.Children.map(children, function (child) {
-        if (child.type.name === 'ViewerByFile' || child.type.displayName === 'ViewerByFile') {
+        var _child$type, _child$type2;
+
+        if ((child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) === 'ViewerByFile' || (child === null || child === void 0 ? void 0 : (_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === 'ViewerByFile') {
           return /*#__PURE__*/React.cloneElement(child, {
             gestures: _this2.state.gestures,
             gesturesRef: _this2.wrapped,