@fluentui/react-nav 9.2.0 → 9.2.1

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +16 -2
  2. package/lib/components/SplitNavItem/renderSplitNavItem.js +19 -12
  3. package/lib/components/SplitNavItem/renderSplitNavItem.js.map +1 -1
  4. package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js +20 -12
  5. package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js.map +1 -1
  6. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,12 +1,26 @@
1
1
  # Change Log - @fluentui/react-nav
2
2
 
3
- This log was last generated on Thu, 26 Jun 2025 14:07:52 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 27 Jun 2025 13:36:32 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.2.1)
8
+
9
+ Fri, 27 Jun 2025 13:36:32 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.2.0..@fluentui/react-nav_v9.2.1)
11
+
12
+ ### Patches
13
+
14
+ - fix: move action button to be the first button ([PR #34718](https://github.com/microsoft/fluentui/pull/34718) by marcosvmmoura@gmail.com)
15
+ - Bump @fluentui/react-aria to v9.15.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
16
+ - Bump @fluentui/react-button to v9.5.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
17
+ - Bump @fluentui/react-drawer to v9.8.5 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
18
+ - Bump @fluentui/react-tabster to v9.25.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
19
+ - Bump @fluentui/react-tooltip to v9.7.5 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
20
+
7
21
  ## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.2.0)
8
22
 
9
- Thu, 26 Jun 2025 14:07:52 GMT
23
+ Thu, 26 Jun 2025 14:11:54 GMT
10
24
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.1.3..@fluentui/react-nav_v9.2.0)
11
25
 
12
26
  ### Minor changes
package/lib/components/SplitNavItem/renderSplitNavItem.js CHANGED
@@ -1,5 +1,21 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
2
+ import * as React from 'react';
2
3
  import { assertSlots } from '@fluentui/react-utilities';
4
+ /**
5
+ * @internal
6
+ *
7
+ * Helper function to render button slots
8
+ */ const renderButtonSlot = (Button, ButtonTooltip)=>{
9
+ if (!Button) {
10
+ return null;
11
+ }
12
+ if (ButtonTooltip) {
13
+ return /*#__PURE__*/ _jsx(ButtonTooltip, {
14
+ children: /*#__PURE__*/ _jsx(Button, {})
15
+ });
16
+ }
17
+ return /*#__PURE__*/ _jsx(Button, {});
18
+ };
3
19
  /**
4
20
  * Render the final JSX of SplitNavItem
5
21
  */ export const renderSplitNavItem_unstable = (state)=>{
@@ -7,18 +23,9 @@ import { assertSlots } from '@fluentui/react-utilities';
7
23
  return /*#__PURE__*/ _jsxs(state.root, {
8
24
  children: [
9
25
  state.navItem && /*#__PURE__*/ _jsx(state.navItem, {}),
10
- state.actionButton && state.actionButtonTooltip && /*#__PURE__*/ _jsx(state.actionButtonTooltip, {
11
- children: /*#__PURE__*/ _jsx(state.actionButton, {})
12
- }),
13
- state.actionButton && !state.actionButtonTooltip && /*#__PURE__*/ _jsx(state.actionButton, {}),
14
- state.toggleButton && state.toggleButtonTooltip && /*#__PURE__*/ _jsx(state.toggleButtonTooltip, {
15
- children: /*#__PURE__*/ _jsx(state.toggleButton, {})
16
- }),
17
- state.toggleButton && !state.toggleButtonTooltip && /*#__PURE__*/ _jsx(state.toggleButton, {}),
18
- state.menuButton && state.menuButtonTooltip && /*#__PURE__*/ _jsx(state.menuButtonTooltip, {
19
- children: /*#__PURE__*/ _jsx(state.menuButton, {})
20
- }),
21
- state.menuButton && !state.menuButtonTooltip && /*#__PURE__*/ _jsx(state.menuButton, {})
26
+ renderButtonSlot(state.actionButton, state.actionButtonTooltip),
27
+ renderButtonSlot(state.menuButton, state.menuButtonTooltip),
28
+ renderButtonSlot(state.toggleButton, state.toggleButtonTooltip)
22
29
  ]
23
30
  });
24
31
  };
package/lib/components/SplitNavItem/renderSplitNavItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\n\n/**\n * Render the final JSX of SplitNavItem\n */\nexport const renderSplitNavItem_unstable = (state: SplitNavItemState) => {\n assertSlots<SplitNavItemSlots>(state);\n\n return (\n <state.root>\n {state.navItem && <state.navItem />}\n {state.actionButton && state.actionButtonTooltip && (\n <state.actionButtonTooltip>\n <state.actionButton />\n </state.actionButtonTooltip>\n )}\n {state.actionButton && !state.actionButtonTooltip && <state.actionButton />}\n\n {state.toggleButton && state.toggleButtonTooltip && (\n <state.toggleButtonTooltip>\n <state.toggleButton />\n </state.toggleButtonTooltip>\n )}\n {state.toggleButton && !state.toggleButtonTooltip && <state.toggleButton />}\n\n {state.menuButton && state.menuButtonTooltip && (\n <state.menuButtonTooltip>\n <state.menuButton />\n </state.menuButtonTooltip>\n )}\n {state.menuButton && !state.menuButtonTooltip && <state.menuButton />}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderSplitNavItem_unstable","state","root","navItem","actionButton","actionButtonTooltip","toggleButton","toggleButtonTooltip","menuButton","menuButtonTooltip"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC;IAC1CF,YAA+BE;IAE/B,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,OAAO,kBAAI,KAACF,MAAME,OAAO;YAC/BF,MAAMG,YAAY,IAAIH,MAAMI,mBAAmB,kBAC9C,KAACJ,MAAMI,mBAAmB;0BACxB,cAAA,KAACJ,MAAMG,YAAY;;YAGtBH,MAAMG,YAAY,IAAI,CAACH,MAAMI,mBAAmB,kBAAI,KAACJ,MAAMG,YAAY;YAEvEH,MAAMK,YAAY,IAAIL,MAAMM,mBAAmB,kBAC9C,KAACN,MAAMM,mBAAmB;0BACxB,cAAA,KAACN,MAAMK,YAAY;;YAGtBL,MAAMK,YAAY,IAAI,CAACL,MAAMM,mBAAmB,kBAAI,KAACN,MAAMK,YAAY;YAEvEL,MAAMO,UAAU,IAAIP,MAAMQ,iBAAiB,kBAC1C,KAACR,MAAMQ,iBAAiB;0BACtB,cAAA,KAACR,MAAMO,UAAU;;YAGpBP,MAAMO,UAAU,IAAI,CAACP,MAAMQ,iBAAiB,kBAAI,KAACR,MAAMO,UAAU;;;AAGxE,EAAE"}
1
+ {"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\n\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\n\n/**\n * @internal\n *\n * Helper function to render button slots\n */\nconst renderButtonSlot = (Button?: React.ElementType, ButtonTooltip?: React.ElementType) => {\n if (!Button) {\n return null;\n }\n\n if (ButtonTooltip) {\n return (\n <ButtonTooltip>\n <Button />\n </ButtonTooltip>\n );\n }\n\n return <Button />;\n};\n\n/**\n * Render the final JSX of SplitNavItem\n */\nexport const renderSplitNavItem_unstable = (state: SplitNavItemState) => {\n assertSlots<SplitNavItemSlots>(state);\n\n return (\n <state.root>\n {state.navItem && <state.navItem />}\n {renderButtonSlot(state.actionButton, state.actionButtonTooltip)}\n {renderButtonSlot(state.menuButton, state.menuButtonTooltip)}\n {renderButtonSlot(state.toggleButton, state.toggleButtonTooltip)}\n </state.root>\n );\n};\n"],"names":["React","assertSlots","renderButtonSlot","Button","ButtonTooltip","renderSplitNavItem_unstable","state","root","navItem","actionButton","actionButtonTooltip","menuButton","menuButtonTooltip","toggleButton","toggleButtonTooltip"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,YAAYA,WAAW,QAAQ;AAC/B,SAASC,WAAW,QAAQ,4BAA4B;AAIxD;;;;CAIC,GACD,MAAMC,mBAAmB,CAACC,QAA4BC;IACpD,IAAI,CAACD,QAAQ;QACX,OAAO;IACT;IAEA,IAAIC,eAAe;QACjB,qBACE,KAACA;sBACC,cAAA,KAACD;;IAGP;IAEA,qBAAO,KAACA;AACV;AAEA;;CAEC,GACD,OAAO,MAAME,8BAA8B,CAACC;IAC1CL,YAA+BK;IAE/B,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,OAAO,kBAAI,KAACF,MAAME,OAAO;YAC/BN,iBAAiBI,MAAMG,YAAY,EAAEH,MAAMI,mBAAmB;YAC9DR,iBAAiBI,MAAMK,UAAU,EAAEL,MAAMM,iBAAiB;YAC1DV,iBAAiBI,MAAMO,YAAY,EAAEP,MAAMQ,mBAAmB;;;AAGrE,EAAE"}
package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js CHANGED
@@ -8,25 +8,33 @@ Object.defineProperty(exports, "renderSplitNavItem_unstable", {
8
8
  return renderSplitNavItem_unstable;
9
9
  }
10
10
  });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
11
12
  const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
13
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
12
14
  const _reactutilities = require("@fluentui/react-utilities");
15
+ /**
16
+ * @internal
17
+ *
18
+ * Helper function to render button slots
19
+ */ const renderButtonSlot = (Button, ButtonTooltip)=>{
20
+ if (!Button) {
21
+ return null;
22
+ }
23
+ if (ButtonTooltip) {
24
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(ButtonTooltip, {
25
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Button, {})
26
+ });
27
+ }
28
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(Button, {});
29
+ };
13
30
  const renderSplitNavItem_unstable = (state)=>{
14
31
  (0, _reactutilities.assertSlots)(state);
15
32
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
16
33
  children: [
17
34
  state.navItem && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.navItem, {}),
18
- state.actionButton && state.actionButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButtonTooltip, {
19
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButton, {})
20
- }),
21
- state.actionButton && !state.actionButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButton, {}),
22
- state.toggleButton && state.toggleButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButtonTooltip, {
23
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButton, {})
24
- }),
25
- state.toggleButton && !state.toggleButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButton, {}),
26
- state.menuButton && state.menuButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButtonTooltip, {
27
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
28
- }),
29
- state.menuButton && !state.menuButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
35
+ renderButtonSlot(state.actionButton, state.actionButtonTooltip),
36
+ renderButtonSlot(state.menuButton, state.menuButtonTooltip),
37
+ renderButtonSlot(state.toggleButton, state.toggleButtonTooltip)
30
38
  ]
31
39
  });
32
40
  };
package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\n\n/**\n * Render the final JSX of SplitNavItem\n */\nexport const renderSplitNavItem_unstable = (state: SplitNavItemState) => {\n assertSlots<SplitNavItemSlots>(state);\n\n return (\n <state.root>\n {state.navItem && <state.navItem />}\n {state.actionButton && state.actionButtonTooltip && (\n <state.actionButtonTooltip>\n <state.actionButton />\n </state.actionButtonTooltip>\n )}\n {state.actionButton && !state.actionButtonTooltip && <state.actionButton />}\n\n {state.toggleButton && state.toggleButtonTooltip && (\n <state.toggleButtonTooltip>\n <state.toggleButton />\n </state.toggleButtonTooltip>\n )}\n {state.toggleButton && !state.toggleButtonTooltip && <state.toggleButton />}\n\n {state.menuButton && state.menuButtonTooltip && (\n <state.menuButtonTooltip>\n <state.menuButton />\n </state.menuButtonTooltip>\n )}\n {state.menuButton && !state.menuButtonTooltip && <state.menuButton />}\n </state.root>\n );\n};\n"],"names":["renderSplitNavItem_unstable","state","assertSlots","_jsxs","root","navItem","_jsx","actionButton","actionButtonTooltip","toggleButton","toggleButtonTooltip","menuButton","menuButtonTooltip"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,8BAA8B,CAACC;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,OAAO,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,OAAO,EAAA,CAAA;YAC/BJ,MAAMM,YAAY,IAAIN,MAAMO,mBAAmB,IAAA,WAAA,GAC9CF,IAAAA,eAAA,EAACL,MAAMO,mBAAmB,EAAA;0BACxB,WAAA,GAAAF,IAAAA,eAAA,EAACL,MAAMM,YAAY,EAAA,CAAA;;YAGtBN,MAAMM,YAAY,IAAI,CAACN,MAAMO,mBAAmB,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMM,YAAY,EAAA,CAAA;YAEvEN,MAAMQ,YAAY,IAAIR,MAAMS,mBAAmB,IAAA,WAAA,GAC9CJ,IAAAA,eAAA,EAACL,MAAMS,mBAAmB,EAAA;0BACxB,WAAA,GAAAJ,IAAAA,eAAA,EAACL,MAAMQ,YAAY,EAAA,CAAA;;YAGtBR,MAAMQ,YAAY,IAAI,CAACR,MAAMS,mBAAmB,IAAA,WAAA,GAAIJ,IAAAA,eAAA,EAACL,MAAMQ,YAAY,EAAA,CAAA;YAEvER,MAAMU,UAAU,IAAIV,MAAMW,iBAAiB,IAAA,WAAA,GAC1CN,IAAAA,eAAA,EAACL,MAAMW,iBAAiB,EAAA;0BACtB,WAAA,GAAAN,IAAAA,eAAA,EAACL,MAAMU,UAAU,EAAA,CAAA;;YAGpBV,MAAMU,UAAU,IAAI,CAACV,MAAMW,iBAAiB,IAAA,WAAA,GAAIN,IAAAA,eAAA,EAACL,MAAMU,UAAU,EAAA,CAAA;;;AAGxE"}
1
+ {"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\n\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\n\n/**\n * @internal\n *\n * Helper function to render button slots\n */\nconst renderButtonSlot = (Button?: React.ElementType, ButtonTooltip?: React.ElementType) => {\n if (!Button) {\n return null;\n }\n\n if (ButtonTooltip) {\n return (\n <ButtonTooltip>\n <Button />\n </ButtonTooltip>\n );\n }\n\n return <Button />;\n};\n\n/**\n * Render the final JSX of SplitNavItem\n */\nexport const renderSplitNavItem_unstable = (state: SplitNavItemState) => {\n assertSlots<SplitNavItemSlots>(state);\n\n return (\n <state.root>\n {state.navItem && <state.navItem />}\n {renderButtonSlot(state.actionButton, state.actionButtonTooltip)}\n {renderButtonSlot(state.menuButton, state.menuButtonTooltip)}\n {renderButtonSlot(state.toggleButton, state.toggleButtonTooltip)}\n </state.root>\n );\n};\n"],"names":["renderSplitNavItem_unstable","renderButtonSlot","Button","ButtonTooltip","_jsx","state","assertSlots","_jsxs","root","navItem","actionButton","actionButtonTooltip","menuButton","menuButtonTooltip","toggleButton","toggleButtonTooltip"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgCaA;;;eAAAA;;;;4BA/Bb;iEAEuB;gCACK;AAI5B;;;;CAIC,GACD,MAAMC,mBAAmB,CAACC,QAA4BC;IACpD,IAAI,CAACD,QAAQ;QACX,OAAO;IACT;IAEA,IAAIC,eAAe;QACjB,OAAA,WAAA,GACEC,IAAAA,eAAA,EAACD,eAAAA;sBACC,WAAA,GAAAC,IAAAA,eAAA,EAACF,QAAAA,CAAAA;;IAGP;IAEA,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,QAAAA,CAAAA;AACV;AAKO,MAAMF,8BAA8B,CAACK;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,OAAO,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACC,MAAMI,OAAO,EAAA,CAAA;YAC/BR,iBAAiBI,MAAMK,YAAY,EAAEL,MAAMM,mBAAmB;YAC9DV,iBAAiBI,MAAMO,UAAU,EAAEP,MAAMQ,iBAAiB;YAC1DZ,iBAAiBI,MAAMS,YAAY,EAAET,MAAMU,mBAAmB;;;AAGrE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-nav",
3
- "version": "9.2.0",
3
+ "version": "9.2.1",
4
4
  "description": "New fluentui react package",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -18,18 +18,18 @@
18
18
  "@fluentui/scripts-api-extractor": "*"
19
19
  },
20
20
  "dependencies": {
21
- "@fluentui/react-aria": "^9.15.2",
22
- "@fluentui/react-button": "^9.5.2",
21
+ "@fluentui/react-aria": "^9.15.3",
22
+ "@fluentui/react-button": "^9.5.3",
23
23
  "@fluentui/react-context-selector": "^9.2.2",
24
24
  "@fluentui/react-divider": "^9.3.2",
25
- "@fluentui/react-drawer": "^9.8.4",
25
+ "@fluentui/react-drawer": "^9.8.5",
26
26
  "@fluentui/react-icons": "^2.0.245",
27
27
  "@fluentui/react-jsx-runtime": "^9.1.2",
28
28
  "@fluentui/react-motion": "^9.9.0",
29
29
  "@fluentui/react-shared-contexts": "^9.24.0",
30
- "@fluentui/react-tabster": "^9.25.2",
30
+ "@fluentui/react-tabster": "^9.25.3",
31
31
  "@fluentui/react-theme": "^9.1.24",
32
- "@fluentui/react-tooltip": "^9.7.4",
32
+ "@fluentui/react-tooltip": "^9.7.5",
33
33
  "@fluentui/react-utilities": "^9.22.0",
34
34
  "@griffel/react": "^1.5.22",
35
35
  "@swc/helpers": "^0.5.1"