@patternfly/chatbot 6.5.0-prerelease.29 → 6.5.0-prerelease.30

package/dist/cjs/MessageBar/MessageBar.js

@@ -40,6 +40,11 @@ const MessageBarBase = (_a) => {
     const textareaRef = (_b = innerRef) !== null && _b !== void 0 ? _b : inputRef;
     const attachButtonRef = (0, react_1.useRef)(null);
     const topMargin = '1rem';
+    (0, react_1.useEffect)(() => {
+        if (value !== undefined && value !== message) {
+            setMessage(value);
+        }
+    }, [value, message]);
     const setInitialLineHeight = (field) => {
         field.style.setProperty('line-height', '1rem');
         const parent = field.parentElement;

package/dist/esm/MessageBar/MessageBar.js

@@ -34,6 +34,11 @@ export const MessageBarBase = (_a) => {
     const textareaRef = (_b = innerRef) !== null && _b !== void 0 ? _b : inputRef;
     const attachButtonRef = useRef(null);
     const topMargin = '1rem';
+    useEffect(() => {
+        if (value !== undefined && value !== message) {
+            setMessage(value);
+        }
+    }, [value, message]);
     const setInitialLineHeight = (field) => {
         field.style.setProperty('line-height', '1rem');
         const parent = field.parentElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/chatbot",
-  "version": "6.5.0-prerelease.29",
+  "version": "6.5.0-prerelease.30",
   "description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/MessageBar/MessageBar.tsx

@@ -179,6 +179,12 @@ export const MessageBarBase: FunctionComponent<MessageBarProps> = ({
 
   const topMargin = '1rem';
 
+  useEffect(() => {
+    if (value !== undefined && value !== message) {
+      setMessage(value);
+    }
+  }, [value, message]);
+
   const setInitialLineHeight = (field: HTMLTextAreaElement) => {
     field.style.setProperty('line-height', '1rem');
     const parent = field.parentElement;