@fluentui/react-message-bar 9.5.2 → 9.5.4

package/CHANGELOG.md

@@ -1,12 +1,31 @@
 # Change Log - @fluentui/react-message-bar
 
-This log was last generated on Thu, 26 Jun 2025 14:07:54 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Jul 2025 15:56:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.5.4)
+
+Fri, 11 Jul 2025 15:56:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.5.3..@fluentui/react-message-bar_v9.5.4)
+
+### Patches
+
+- fix: MessageBarActions renders slots with keys ([PR #34801](https://github.com/microsoft/fluentui/pull/34801) by lingfangao@hotmail.com)
+
+## [9.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.5.3)
+
+Fri, 27 Jun 2025 13:39:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.5.2..@fluentui/react-message-bar_v9.5.3)
+
+### Patches
+
+- Bump @fluentui/react-button to v9.5.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
+- Bump @fluentui/react-link to v9.5.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
+
 ## [9.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.5.2)
 
-Thu, 26 Jun 2025 14:07:54 GMT 
+Thu, 26 Jun 2025 14:11:55 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.5.1..@fluentui/react-message-bar_v9.5.2)
 
 ### Patches

package/lib/components/MessageBarActions/renderMessageBarActions.js

@@ -5,20 +5,12 @@ import { ButtonContextProvider } from '@fluentui/react-button';
  * Render the final JSX of MessageBarActions
  */ export const renderMessageBarActions_unstable = (state, contexts)=>{
     assertSlots(state);
-    if (state.layout === 'multiline') {
-        return /*#__PURE__*/ _jsxs(ButtonContextProvider, {
-            value: contexts.button,
-            children: [
-                state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {}),
-                /*#__PURE__*/ _jsx(state.root, {})
-            ]
-        });
-    }
     return /*#__PURE__*/ _jsxs(ButtonContextProvider, {
         value: contexts.button,
         children: [
+            state.layout === 'multiline' && state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {}, "containerAction"),
             /*#__PURE__*/ _jsx(state.root, {}),
-            state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {})
+            state.layout !== 'multiline' && state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {}, "containerAction")
         ]
     });
 };

package/lib/components/MessageBarActions/renderMessageBarActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/renderMessageBarActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  MessageBarActionsState,\n  MessageBarActionsSlots,\n  MessageBarActionsContextValues,\n} from './MessageBarActions.types';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of MessageBarActions\n */\nexport const renderMessageBarActions_unstable = (\n  state: MessageBarActionsState,\n  contexts: MessageBarActionsContextValues,\n) => {\n  assertSlots<MessageBarActionsSlots>(state);\n  if (state.layout === 'multiline') {\n    return (\n      <ButtonContextProvider value={contexts.button}>\n        {state.containerAction && <state.containerAction />}\n        <state.root />\n      </ButtonContextProvider>\n    );\n  }\n\n  return (\n    <ButtonContextProvider value={contexts.button}>\n      <state.root />\n      {state.containerAction && <state.containerAction />}\n    </ButtonContextProvider>\n  );\n};\n"],"names":["assertSlots","ButtonContextProvider","renderMessageBarActions_unstable","state","contexts","layout","value","button","containerAction","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAC9CC,OACAC;IAEAJ,YAAoCG;IACpC,IAAIA,MAAME,MAAM,KAAK,aAAa;QAChC,qBACE,MAACJ;YAAsBK,OAAOF,SAASG,MAAM;;gBAC1CJ,MAAMK,eAAe,kBAAI,KAACL,MAAMK,eAAe;8BAChD,KAACL,MAAMM,IAAI;;;IAGjB;IAEA,qBACE,MAACR;QAAsBK,OAAOF,SAASG,MAAM;;0BAC3C,KAACJ,MAAMM,IAAI;YACVN,MAAMK,eAAe,kBAAI,KAACL,MAAMK,eAAe;;;AAGtD,EAAE"}
+{"version":3,"sources":["../src/components/MessageBarActions/renderMessageBarActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  MessageBarActionsState,\n  MessageBarActionsSlots,\n  MessageBarActionsContextValues,\n} from './MessageBarActions.types';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of MessageBarActions\n */\nexport const renderMessageBarActions_unstable = (\n  state: MessageBarActionsState,\n  contexts: MessageBarActionsContextValues,\n) => {\n  assertSlots<MessageBarActionsSlots>(state);\n\n  return (\n    <ButtonContextProvider value={contexts.button}>\n      {state.layout === 'multiline' && state.containerAction && <state.containerAction key=\"containerAction\" />}\n      <state.root />\n      {state.layout !== 'multiline' && state.containerAction && <state.containerAction key=\"containerAction\" />}\n    </ButtonContextProvider>\n  );\n};\n"],"names":["assertSlots","ButtonContextProvider","renderMessageBarActions_unstable","state","contexts","value","button","layout","containerAction","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAC9CC,OACAC;IAEAJ,YAAoCG;IAEpC,qBACE,MAACF;QAAsBI,OAAOD,SAASE,MAAM;;YAC1CH,MAAMI,MAAM,KAAK,eAAeJ,MAAMK,eAAe,kBAAI,KAACL,MAAMK,eAAe,MAAK;0BACrF,KAACL,MAAMM,IAAI;YACVN,MAAMI,MAAM,KAAK,eAAeJ,MAAMK,eAAe,kBAAI,KAACL,MAAMK,eAAe,MAAK;;;AAG3F,EAAE"}

package/lib-commonjs/components/MessageBarActions/renderMessageBarActions.js

@@ -13,20 +13,12 @@ const _reactutilities = require("@fluentui/react-utilities");
 const _reactbutton = require("@fluentui/react-button");
 const renderMessageBarActions_unstable = (state, contexts)=>{
     (0, _reactutilities.assertSlots)(state);
-    if (state.layout === 'multiline') {
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
-            value: contexts.button,
-            children: [
-                state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {}),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
-            ]
-        });
-    }
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
         value: contexts.button,
         children: [
+            state.layout === 'multiline' && state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {}, "containerAction"),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {}),
-            state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {})
+            state.layout !== 'multiline' && state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {}, "containerAction")
         ]
     });
 };

package/lib-commonjs/components/MessageBarActions/renderMessageBarActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/renderMessageBarActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  MessageBarActionsState,\n  MessageBarActionsSlots,\n  MessageBarActionsContextValues,\n} from './MessageBarActions.types';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of MessageBarActions\n */\nexport const renderMessageBarActions_unstable = (\n  state: MessageBarActionsState,\n  contexts: MessageBarActionsContextValues,\n) => {\n  assertSlots<MessageBarActionsSlots>(state);\n  if (state.layout === 'multiline') {\n    return (\n      <ButtonContextProvider value={contexts.button}>\n        {state.containerAction && <state.containerAction />}\n        <state.root />\n      </ButtonContextProvider>\n    );\n  }\n\n  return (\n    <ButtonContextProvider value={contexts.button}>\n      <state.root />\n      {state.containerAction && <state.containerAction />}\n    </ButtonContextProvider>\n  );\n};\n"],"names":["renderMessageBarActions_unstable","state","contexts","assertSlots","layout","_jsxs","ButtonContextProvider","value","button","containerAction","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;gCAE4B;6BAMU;AAK/B,MAAMA,mCAAmC,CAC9CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAoCF;IACpC,IAAIA,MAAMG,MAAM,KAAK,aAAa;QAChC,OAAA,WAAA,GACEC,IAAAA,gBAAA,EAACC,kCAAAA,EAAAA;YAAsBC,OAAOL,SAASM,MAAM;;gBAC1CP,MAAMQ,eAAe,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACT,MAAMQ,eAAe,EAAA,CAAA;8BAChDC,IAAAA,eAAA,EAACT,MAAMU,IAAI,EAAA,CAAA;;;IAGjB;IAEA,OAAA,WAAA,GACEN,IAAAA,gBAAA,EAACC,kCAAAA,EAAAA;QAAsBC,OAAOL,SAASM,MAAM;;0BAC3CE,IAAAA,eAAA,EAACT,MAAMU,IAAI,EAAA,CAAA;YACVV,MAAMQ,eAAe,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACT,MAAMQ,eAAe,EAAA,CAAA;;;AAGtD"}
+{"version":3,"sources":["../src/components/MessageBarActions/renderMessageBarActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  MessageBarActionsState,\n  MessageBarActionsSlots,\n  MessageBarActionsContextValues,\n} from './MessageBarActions.types';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of MessageBarActions\n */\nexport const renderMessageBarActions_unstable = (\n  state: MessageBarActionsState,\n  contexts: MessageBarActionsContextValues,\n) => {\n  assertSlots<MessageBarActionsSlots>(state);\n\n  return (\n    <ButtonContextProvider value={contexts.button}>\n      {state.layout === 'multiline' && state.containerAction && <state.containerAction key=\"containerAction\" />}\n      <state.root />\n      {state.layout !== 'multiline' && state.containerAction && <state.containerAction key=\"containerAction\" />}\n    </ButtonContextProvider>\n  );\n};\n"],"names":["renderMessageBarActions_unstable","state","contexts","assertSlots","_jsxs","ButtonContextProvider","value","button","layout","containerAction","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;gCAE4B;6BAMU;AAK/B,MAAMA,mCAAmC,CAC9CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAoCF;IAEpC,OAAA,WAAA,GACEG,IAAAA,gBAAA,EAACC,kCAAAA,EAAAA;QAAsBC,OAAOJ,SAASK,MAAM;;YAC1CN,MAAMO,MAAM,KAAK,eAAeP,MAAMQ,eAAe,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACT,MAAMQ,eAAe,EAAA,CAAA,GAAK;0BACrFC,IAAAA,eAAA,EAACT,MAAMU,IAAI,EAAA,CAAA;YACVV,MAAMO,MAAM,KAAK,eAAeP,MAAMQ,eAAe,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACT,MAAMQ,eAAe,EAAA,CAAA,GAAK;;;AAG3F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-message-bar",
-  "version": "9.5.2",
+  "version": "9.5.4",
   "description": "Fluent UI MessageBar component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -15,14 +15,15 @@
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
     "@fluentui/react-conformance-griffel": "*",
-    "@fluentui/scripts-api-extractor": "*"
+    "@fluentui/scripts-api-extractor": "*",
+    "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.5.2",
+    "@fluentui/react-button": "^9.5.3",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-jsx-runtime": "^9.1.2",
     "@fluentui/react-shared-contexts": "^9.24.0",
-    "@fluentui/react-link": "^9.5.2",
+    "@fluentui/react-link": "^9.5.3",
     "@fluentui/react-theme": "^9.1.24",
     "@fluentui/react-utilities": "^9.22.0",
     "@griffel/react": "^1.5.22",