@fluentui/react-message-bar 9.5.3 → 9.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui/react-message-bar
2
2
 
3
- This log was last generated on Fri, 27 Jun 2025 13:36:33 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 11 Jul 2025 15:56:56 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.5.4)
8
+
9
+ Fri, 11 Jul 2025 15:56:56 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.5.3..@fluentui/react-message-bar_v9.5.4)
11
+
12
+ ### Patches
13
+
14
+ - fix: MessageBarActions renders slots with keys ([PR #34801](https://github.com/microsoft/fluentui/pull/34801) by lingfangao@hotmail.com)
15
+
7
16
  ## [9.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.5.3)
8
17
 
9
- Fri, 27 Jun 2025 13:36:33 GMT
18
+ Fri, 27 Jun 2025 13:39:41 GMT
10
19
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.5.2..@fluentui/react-message-bar_v9.5.3)
11
20
 
12
21
  ### Patches
@@ -5,20 +5,12 @@ import { ButtonContextProvider } from '@fluentui/react-button';
5
5
  * Render the final JSX of MessageBarActions
6
6
  */ export const renderMessageBarActions_unstable = (state, contexts)=>{
7
7
  assertSlots(state);
8
- if (state.layout === 'multiline') {
9
- return /*#__PURE__*/ _jsxs(ButtonContextProvider, {
10
- value: contexts.button,
11
- children: [
12
- state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {}),
13
- /*#__PURE__*/ _jsx(state.root, {})
14
- ]
15
- });
16
- }
17
8
  return /*#__PURE__*/ _jsxs(ButtonContextProvider, {
18
9
  value: contexts.button,
19
10
  children: [
11
+ state.layout === 'multiline' && state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {}, "containerAction"),
20
12
  /*#__PURE__*/ _jsx(state.root, {}),
21
- state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {})
13
+ state.layout !== 'multiline' && state.containerAction && /*#__PURE__*/ _jsx(state.containerAction, {}, "containerAction")
22
14
  ]
23
15
  });
24
16
  };
@@ -1 +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"}
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\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"}
@@ -13,20 +13,12 @@ const _reactutilities = require("@fluentui/react-utilities");
13
13
  const _reactbutton = require("@fluentui/react-button");
14
14
  const renderMessageBarActions_unstable = (state, contexts)=>{
15
15
  (0, _reactutilities.assertSlots)(state);
16
- if (state.layout === 'multiline') {
17
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
18
- value: contexts.button,
19
- children: [
20
- state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {}),
21
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
22
- ]
23
- });
24
- }
25
16
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
26
17
  value: contexts.button,
27
18
  children: [
19
+ state.layout === 'multiline' && state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {}, "containerAction"),
28
20
  /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {}),
29
- state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {})
21
+ state.layout !== 'multiline' && state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {}, "containerAction")
30
22
  ]
31
23
  });
32
24
  };
@@ -1 +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"}
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\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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-message-bar",
3
- "version": "9.5.3",
3
+ "version": "9.5.4",
4
4
  "description": "Fluent UI MessageBar component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -15,7 +15,8 @@
15
15
  "@fluentui/eslint-plugin": "*",
16
16
  "@fluentui/react-conformance": "*",
17
17
  "@fluentui/react-conformance-griffel": "*",
18
- "@fluentui/scripts-api-extractor": "*"
18
+ "@fluentui/scripts-api-extractor": "*",
19
+ "@fluentui/scripts-cypress": "*"
19
20
  },
20
21
  "dependencies": {
21
22
  "@fluentui/react-button": "^9.5.3",