@fluentui/react-nav 9.2.0 → 9.2.2
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 +26 -2
- package/lib/components/NavCategory/renderNavCategory.js.map +1 -1
- package/lib/components/SplitNavItem/renderSplitNavItem.js +19 -12
- package/lib/components/SplitNavItem/renderSplitNavItem.js.map +1 -1
- package/lib-commonjs/components/NavCategory/renderNavCategory.js.map +1 -1
- package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js +20 -12
- package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,36 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-nav
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 04 Jul 2025 10:00:06 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.2.2)
|
|
8
|
+
|
|
9
|
+
Fri, 04 Jul 2025 10:00:06 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.2.1..@fluentui/react-nav_v9.2.2)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-drawer to v9.8.6 ([PR #34457](https://github.com/microsoft/fluentui/pull/34457) by beachball)
|
|
15
|
+
- Bump @fluentui/react-tooltip to v9.7.6 ([PR #34457](https://github.com/microsoft/fluentui/pull/34457) by beachball)
|
|
16
|
+
|
|
17
|
+
## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.2.1)
|
|
18
|
+
|
|
19
|
+
Fri, 27 Jun 2025 13:39:40 GMT
|
|
20
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.2.0..@fluentui/react-nav_v9.2.1)
|
|
21
|
+
|
|
22
|
+
### Patches
|
|
23
|
+
|
|
24
|
+
- fix: move action button to be the first button ([PR #34718](https://github.com/microsoft/fluentui/pull/34718) by marcosvmmoura@gmail.com)
|
|
25
|
+
- Bump @fluentui/react-aria to v9.15.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
|
|
26
|
+
- Bump @fluentui/react-button to v9.5.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
|
|
27
|
+
- Bump @fluentui/react-drawer to v9.8.5 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
|
|
28
|
+
- Bump @fluentui/react-tabster to v9.25.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
|
|
29
|
+
- Bump @fluentui/react-tooltip to v9.7.5 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
|
|
30
|
+
|
|
7
31
|
## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.2.0)
|
|
8
32
|
|
|
9
|
-
Thu, 26 Jun 2025 14:
|
|
33
|
+
Thu, 26 Jun 2025 14:11:54 GMT
|
|
10
34
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.1.3..@fluentui/react-nav_v9.2.0)
|
|
11
35
|
|
|
12
36
|
### Minor changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/NavCategory/renderNavCategory.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryContextValues, NavCategoryProvider } from '../NavCategoryContext';\n\nimport type { NavCategoryState } from './NavCategory.types';\n\n/**\n * Render the final JSX of NavCategory\n */\nexport const renderNavCategory_unstable = (state: NavCategoryState
|
|
1
|
+
{"version":3,"sources":["../src/components/NavCategory/renderNavCategory.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryContextValues, NavCategoryProvider } from '../NavCategoryContext';\n\nimport type { NavCategoryState } from './NavCategory.types';\n\n/**\n * Render the final JSX of NavCategory\n */\nexport const renderNavCategory_unstable = (\n state: NavCategoryState,\n contextValues: NavCategoryContextValues,\n): // eslint-disable-next-line @typescript-eslint/no-deprecated\nJSX.Element => {\n return <NavCategoryProvider value={contextValues.categoryValue}>{state.children}</NavCategoryProvider>;\n};\n"],"names":["React","NavCategoryProvider","renderNavCategory_unstable","state","contextValues","value","categoryValue","children"],"rangeMappings":";;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAAmCC,mBAAmB,QAAQ,wBAAwB;AAItF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAGA,qBAAO,oBAACH;QAAoBI,OAAOD,cAAcE,aAAa;OAAGH,MAAMI,QAAQ;AACjF,EAAE"}
|
|
@@ -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
|
|
11
|
-
|
|
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
|
};
|
|
@@ -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 *
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/NavCategory/renderNavCategory.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryContextValues, NavCategoryProvider } from '../NavCategoryContext';\n\nimport type { NavCategoryState } from './NavCategory.types';\n\n/**\n * Render the final JSX of NavCategory\n */\nexport const renderNavCategory_unstable = (state: NavCategoryState
|
|
1
|
+
{"version":3,"sources":["../src/components/NavCategory/renderNavCategory.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryContextValues, NavCategoryProvider } from '../NavCategoryContext';\n\nimport type { NavCategoryState } from './NavCategory.types';\n\n/**\n * Render the final JSX of NavCategory\n */\nexport const renderNavCategory_unstable = (\n state: NavCategoryState,\n contextValues: NavCategoryContextValues,\n): // eslint-disable-next-line @typescript-eslint/no-deprecated\nJSX.Element => {\n return <NavCategoryProvider value={contextValues.categoryValue}>{state.children}</NavCategoryProvider>;\n};\n"],"names":["renderNavCategory_unstable","state","contextValues","React","createElement","NavCategoryProvider","value","categoryValue","children"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;oCACuC;AAOvD,MAAMA,6BAA6B,CACxCC,OACAC;IAGA,OAAA,WAAA,GAAOC,OAAAC,aAAA,CAACC,uCAAAA,EAAAA;QAAoBC,OAAOJ,cAAcK,aAAa;OAAGN,MAAMO,QAAQ;AACjF"}
|
|
@@ -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
|
|
19
|
-
|
|
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
|
};
|
|
@@ -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 *
|
|
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.
|
|
3
|
+
"version": "9.2.2",
|
|
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.
|
|
22
|
-
"@fluentui/react-button": "^9.5.
|
|
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.
|
|
25
|
+
"@fluentui/react-drawer": "^9.8.6",
|
|
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.
|
|
30
|
+
"@fluentui/react-tabster": "^9.25.3",
|
|
31
31
|
"@fluentui/react-theme": "^9.1.24",
|
|
32
|
-
"@fluentui/react-tooltip": "^9.7.
|
|
32
|
+
"@fluentui/react-tooltip": "^9.7.6",
|
|
33
33
|
"@fluentui/react-utilities": "^9.22.0",
|
|
34
34
|
"@griffel/react": "^1.5.22",
|
|
35
35
|
"@swc/helpers": "^0.5.1"
|