@linzjs/lui 21.53.3 → 21.53.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [21.53.4](https://github.com/linz/lui/compare/v21.53.3...v21.53.4) (2024-11-20)
+
+
+### Bug Fixes
+
+* Missing useCallback on LuiMessagingContextProvider showMessage ([#1173](https://github.com/linz/lui/issues/1173)) ([50f95c0](https://github.com/linz/lui/commit/50f95c0cc4485e1a94951fd29823a34d31a3c0db))
+
 ## [21.53.3](https://github.com/linz/lui/compare/v21.53.2...v21.53.3) (2024-11-20)
 
 

package/dist/components/Toast/Upgrade/index.d.ts

@@ -33,7 +33,7 @@ export declare const LuiMessagingContextProvider: (props: ProviderProps) => JSX.
  * const toaster = useShowLUIMessage();
  * toaster({ message: 'Failed to save', messageType: 'toast', messageLevel: 'error' });
  */
-export declare const useShowLUIMessage: () => (props: import("../../../contexts/LuiMessagingContextProvider").ShowMessageProps) => void;
+export declare const useShowLUIMessage: () => (messageProps: import("../../../contexts/LuiMessagingContextProvider").ShowMessageProps) => void;
 declare type LuiToastMessageProps = ComponentProps<typeof LuiToastMessageOld>;
 export declare const LuiToastMessage: (props: LuiToastMessageProps) => JSX.Element;
 export {};

package/dist/contexts/LuiMessagingContextProvider.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
+import { PropsWithChildren } from 'react';
 export declare type MessageLevel = 'success' | 'info' | 'warning' | 'error';
 export declare type MessageType = 'toast';
 export interface IUIMessagingContext {
-    showMessage: (props: ShowMessageProps) => void;
+    showMessage: (messageProps: ShowMessageProps) => void;
 }
-export declare function useShowLUIMessage(): (props: ShowMessageProps) => void;
+export declare function useShowLUIMessage(): (messageProps: ShowMessageProps) => void;
 export interface ShowMessageProps {
     message: string | JSX.Element;
     messageType: MessageType;
     messageLevel: MessageLevel;
     requireDismiss?: boolean;
 }
-export declare const LuiMessagingContextProvider: React.FC<React.PropsWithChildren<unknown>>;
+export declare const LuiMessagingContextProvider: ({ children, }: PropsWithChildren<unknown>) => JSX.Element;

package/dist/index.js

@@ -59960,25 +59960,27 @@ var LuiToastMessage$1 = function (_a) {
 };
 
 var UIMessagingContext = React.createContext({
-    // @ts-ignore
-    showMessage: function (props) { }
+    showMessage: function (messageProps) {
+        console.error('No UIMessagingContext.Provider found for showMessage', messageProps);
+    }
 });
 function useShowLUIMessage$1() {
     return React.useContext(UIMessagingContext).showMessage;
 }
-var LuiMessagingContextProvider$1 = function (props) {
-    var _a = React.useState(), _message = _a[0], setMessage = _a[1];
-    var _b = React.useState(), _messageType = _b[0], setMessageType = _b[1];
-    var _c = React.useState('success'), _messageLevel = _c[0], setMessageLevel = _c[1];
-    var _d = React.useState(true), _requireDismiss = _d[0], setRequireDismiss = _d[1];
-    var showMessage = function (props) {
-        setMessage(props.message);
-        setMessageType(props.messageType);
-        setMessageLevel(props.messageLevel);
-        setRequireDismiss(props.requireDismiss === undefined
-            ? props.messageLevel === 'error'
-            : props.requireDismiss);
-    };
+var LuiMessagingContextProvider$1 = function (_a) {
+    var children = _a.children;
+    var _b = React.useState(), _message = _b[0], setMessage = _b[1];
+    var _c = React.useState(), _messageType = _c[0], setMessageType = _c[1];
+    var _d = React.useState('success'), _messageLevel = _d[0], setMessageLevel = _d[1];
+    var _e = React.useState(true), _requireDismiss = _e[0], setRequireDismiss = _e[1];
+    var showMessage = React.useCallback(function (messageProps) {
+        setMessage(messageProps.message);
+        setMessageType(messageProps.messageType);
+        setMessageLevel(messageProps.messageLevel);
+        setRequireDismiss(messageProps.requireDismiss === undefined
+            ? messageProps.messageLevel === 'error'
+            : messageProps.requireDismiss);
+    }, []);
     var renderMessage = function () {
         switch (_messageType) {
             case 'toast':
@@ -59992,7 +59994,7 @@ var LuiMessagingContextProvider$1 = function (props) {
     };
     return (React__default["default"].createElement(UIMessagingContext.Provider, { value: { showMessage: showMessage } },
         _message && renderMessage(),
-        props.children));
+        children));
 };
 
 var LuiToastMessageCompatibleInterface = function (props) {