cozy-ui 110.7.1 → 110.8.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [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)
+
+
+### Features
+
+* **AlertProvider:** Add `duration` prop ([03b2f0e](https://github.com/cozy/cozy-ui/commit/03b2f0e))
+
 ## [110.7.1](https://github.com/cozy/cozy-ui/compare/v110.7.0...v110.7.1) (2024-07-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "110.7.1",
+  "version": "110.8.1",
   "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/providers/Alert/index.jsx

@@ -29,6 +29,7 @@ export const useAlert = () => {
 const defaultState = {
   title: '',
   message: '',
+  duration: null,
   open: false
 }
 const handleClose = (state, setState) => () => {
@@ -37,7 +38,7 @@ const handleClose = (state, setState) => () => {
 
 const AlertProvider = ({ children }) => {
   const [state, setState] = useState(defaultState)
-  const { open, message, title, ...alertProps } = state
+  const { open, message, title, duration, ...alertProps } = state
 
   const value = useMemo(
     () => ({
@@ -54,7 +55,11 @@ const AlertProvider = ({ children }) => {
   return (
     <AlertContext.Provider value={value}>
       {children}
-      <Snackbar open={open} onClose={handleClose(state, setState)}>
+      <Snackbar
+        open={open}
+        autoHideDuration={duration}
+        onClose={handleClose(state, setState)}
+      >
         <Alert
           variant="filled"
           elevation={6}

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/providers/Alert/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["open", "message", "title"];
+var _excluded = ["open", "message", "title", "duration"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -38,6 +38,7 @@ export var useAlert = function useAlert() {
 var defaultState = {
   title: '',
   message: '',
+  duration: null,
   open: false
 };
 
@@ -60,6 +61,7 @@ var AlertProvider = function AlertProvider(_ref) {
   var open = state.open,
       message = state.message,
       title = state.title,
+      duration = state.duration,
       alertProps = _objectWithoutProperties(state, _excluded);
 
   var value = useMemo(function () {
@@ -78,6 +80,7 @@ var AlertProvider = function AlertProvider(_ref) {
     value: value
   }, children, /*#__PURE__*/React.createElement(Snackbar, {
     open: open,
+    autoHideDuration: duration,
     onClose: handleClose(state, setState)
   }, /*#__PURE__*/React.createElement(Alert, _extends({
     variant: "filled",