@linzjs/lui 17.46.0 → 17.47.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [17.47.0](https://github.com/linz/lui/compare/v17.46.0...v17.47.0) (2023-03-29)
+
+
+### Features
+
+* Allow onClose timeout to be separately configured for LuiToastMessage ([#908](https://github.com/linz/lui/issues/908)) ([c9629a1](https://github.com/linz/lui/commit/c9629a1a7694bd712f95907fb63e3494da6a3cfd))
+
 # [17.46.0](https://github.com/linz/lui/compare/v17.45.4...v17.46.0) (2023-03-29)
 
 

package/dist/components/LuiToastMessage/LuiToastMessage.d.ts

@@ -11,6 +11,8 @@ interface ILuiToastMessageProps {
     requireDismiss?: boolean;
     /** called when all said and done, allows the consumer to remove from React Dom */
     onClose?: () => void;
+    /** delay before calling onClose, defaults to displayTimeout */
+    onCloseDelay?: number;
     children?: React.ReactNode;
     type?: 'button' | 'submit' | 'reset';
 }

package/dist/index.js

@@ -12992,15 +12992,15 @@ var LuiFloatingWindow = function (props) {
 };
 
 var LuiToastMessage = function (_a) {
-    var level = _a.level, _b = _a.displayTimeout, displayTimeout = _b === void 0 ? 4000 : _b, _c = _a.display, display = _c === void 0 ? true : _c, requireDismiss = _a.requireDismiss, onClose = _a.onClose, children = _a.children, type = _a.type;
-    var _d = React$1.useState('lui-msg-toast-show'), className = _d[0], setClassname = _d[1];
-    var _e = React$1.useState(undefined), fadeOutTimer = _e[0], setFadeOutTimer = _e[1];
-    var _f = React$1.useState(undefined), removeTimer = _f[0], setRemoveTimer = _f[1];
+    var level = _a.level, _b = _a.displayTimeout, displayTimeout = _b === void 0 ? 4000 : _b, _c = _a.display, display = _c === void 0 ? true : _c, requireDismiss = _a.requireDismiss, onClose = _a.onClose, _d = _a.onCloseDelay, onCloseDelay = _d === void 0 ? displayTimeout : _d, children = _a.children, type = _a.type;
+    var _e = React$1.useState('lui-msg-toast-show'), className = _e[0], setClassname = _e[1];
+    var _f = React$1.useState(undefined), fadeOutTimer = _f[0], setFadeOutTimer = _f[1];
+    var _g = React$1.useState(undefined), removeTimer = _g[0], setRemoveTimer = _g[1];
     var materialIcon = getMaterialIconForLevel(level);
     var callOnCloseAfterDissolved = function () {
         // This is so the caller can remove it from the dom
         if (onClose) {
-            var timer = window.setTimeout(onClose, displayTimeout);
+            var timer = window.setTimeout(onClose, onCloseDelay);
             setRemoveTimer(timer);
         }
     };