@linzjs/lui 17.46.0 → 17.47.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [17.47.1](https://github.com/linz/lui/compare/v17.47.0...v17.47.1) (2023-04-02)
+
+
+### Bug Fixes
+
+* release luitooltip offset change ([#916](https://github.com/linz/lui/issues/916)) ([19a1f37](https://github.com/linz/lui/commit/19a1f37776e0736191359555d4fa163a58dee3c9))
+
+# [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/components/LuiTooltip/LuiTooltip.d.ts

@@ -12,5 +12,6 @@ export interface ILuiTooltipProperties {
     mode?: 'default' | 'info' | 'error';
     interactive?: boolean;
     allowHTML?: boolean;
+    offset?: [number, number];
 }
 export declare const LuiTooltip: (props: ILuiTooltipProperties) => JSX.Element;

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);
         }
     };
@@ -47287,7 +47287,7 @@ styleInject(css_248z$4);
 var id = 0;
 var getKey = function () { return id++; };
 var LuiTooltip = function (props) {
-    var children = props.children, message = props.message, placement = props.placement, trigger = props.trigger, _a = props.animation, animation = _a === void 0 ? true : _a, _b = props.followCursor, followCursor$1 = _b === void 0 ? false : _b, _c = props.mode, mode = _c === void 0 ? 'default' : _c, _d = props.interactive, interactive = _d === void 0 ? false : _d, _e = props.allowHTML, allowHTML = _e === void 0 ? false : _e;
+    var children = props.children, message = props.message, placement = props.placement, trigger = props.trigger, _a = props.animation, animation = _a === void 0 ? true : _a, _b = props.followCursor, followCursor$1 = _b === void 0 ? false : _b, _c = props.mode, mode = _c === void 0 ? 'default' : _c, _d = props.interactive, interactive = _d === void 0 ? false : _d, _e = props.allowHTML, allowHTML = _e === void 0 ? false : _e, _f = props.offset, offset = _f === void 0 ? [0, 18] : _f;
     var id = "LuiToolTip_".concat(React$1.useMemo(getKey, []));
     if (typeof message !== 'string') {
         throw new Error('LuiTooltip message must be a string!');
@@ -47299,7 +47299,7 @@ var LuiTooltip = function (props) {
             trigger: trigger,
             theme: mode,
             placement: placement,
-            offset: [0, 18],
+            offset: offset,
             animation: animation,
             followCursor: followCursor$1,
             interactive: interactive,