cozy-ui 110.7.0 → 110.8.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [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)
+
+
+### Bug Fixes
+
+* **AlertProvider:** `filled` wasn't the default variant ([c4d545d](https://github.com/cozy/cozy-ui/commit/c4d545d))
+
 # [110.7.0](https://github.com/cozy/cozy-ui/compare/v110.6.0...v110.7.0) (2024-07-09)
 
 

package/package.json

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

package/react/providers/Alert/Readme.md

@@ -13,7 +13,7 @@ const initialVariants = [{
   largeIcon: false,
   noIcon: false,
   square: false,
-  filled: false,
+  standard: false,
   outlined: false,
   close: true
 }]
@@ -30,17 +30,17 @@ const Component = ({ variant }) => {
           severity: 'success',
           message: 'Alert message',
           color: variant.color ? "#EFA82D" : undefined,
-          variant: variant.filled
-            ? 'filled'
+          variant: variant.standard
+            ? 'standard'
             : variant.outlined
             ? 'outlined'
-            : undefined,
+            : 'filled',
           block: variant.block,
           square: variant.square,
           icon: variant.noIcon
             ? false
             : variant.largeIcon
-            ? <Icon icon={DeviceLaptopIcon} color="var(--errorColor)" size={32} />
+            ? <Icon icon={DeviceLaptopIcon} size={32} />
             : undefined,
           onClose: variant.close ? () => {} : undefined
         })

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,8 +55,13 @@ 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}
           onClose={handleClose(state, setState)}
           {...alertProps}

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,8 +80,10 @@ 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",
     elevation: 6,
     onClose: handleClose(state, setState)
   }, alertProps), title && /*#__PURE__*/React.createElement(AlertTitle, null, title), message)));