Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

1190
node_modules/@fluentui/react-nav/CHANGELOG.md generated vendored Normal file

File diff suppressed because it is too large Load Diff

15
node_modules/@fluentui/react-nav/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,15 @@
@fluentui/react-nav
Copyright (c) Microsoft Corporation
All rights reserved.
MIT License
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED _AS IS_, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

5
node_modules/@fluentui/react-nav/README.md generated vendored Normal file
View File

@@ -0,0 +1,5 @@
# @fluentui/react-nav
**React Nav components for [Fluent UI React](https://react.fluentui.dev/)**
These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.

1022
node_modules/@fluentui/react-nav/dist/index.d.ts generated vendored Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
AppItem: function() {
return _index.AppItem;
},
appItemClassNames: function() {
return _index.appItemClassNames;
},
renderAppItem_unstable: function() {
return _index.renderAppItem_unstable;
},
useAppItemStyles: function() {
return _index.useAppItemStyles;
},
useAppItemStyles_unstable: function() {
return _index.useAppItemStyles_unstable;
},
useAppItem_unstable: function() {
return _index.useAppItem_unstable;
}
});
const _index = require("./components/AppItem/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/AppItem.ts"],"sourcesContent":["export type { AppItemProps, AppItemSlots, AppItemState } from './components/AppItem/index';\nexport {\n AppItem,\n appItemClassNames,\n renderAppItem_unstable,\n useAppItemStyles,\n useAppItemStyles_unstable,\n useAppItem_unstable,\n} from './components/AppItem/index';\n"],"names":["AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles","useAppItemStyles_unstable","useAppItem_unstable"],"mappings":";;;;;;;;;;;;eAEEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eACtBC,uBAAgB;;;eAChBC,gCAAyB;;;eACzBC,0BAAmB;;;uBACd,6BAA6B"}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
AppItemStatic: function() {
return _index.AppItemStatic;
},
appItemStaticClassNames: function() {
return _index.appItemStaticClassNames;
},
renderAppItemStatic_unstable: function() {
return _index.renderAppItemStatic_unstable;
},
useAppItemStaticStyles_unstable: function() {
return _index.useAppItemStaticStyles_unstable;
},
useAppItemStatic_unstable: function() {
return _index.useAppItemStatic_unstable;
}
});
const _index = require("./components/AppItemStatic/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/AppItemStatic.ts"],"sourcesContent":["export type { AppItemStaticProps, AppItemStaticSlots, AppItemStaticState } from './components/AppItemStatic/index';\nexport {\n AppItemStatic,\n appItemStaticClassNames,\n renderAppItemStatic_unstable,\n useAppItemStaticStyles_unstable,\n useAppItemStatic_unstable,\n} from './components/AppItemStatic/index';\n"],"names":["AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable"],"mappings":";;;;;;;;;;;;eAEEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAC5BC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,mCAAmC"}

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Hamburger: function() {
return _index.Hamburger;
},
hamburgerClassNames: function() {
return _index.hamburgerClassNames;
},
useHamburgerStyles_unstable: function() {
return _index.useHamburgerStyles_unstable;
},
useHamburger_unstable: function() {
return _index.useHamburger_unstable;
}
});
const _index = require("./components/Hamburger/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Hamburger.ts"],"sourcesContent":["export type { HamburgerProps, HamburgerState } from './components/Hamburger/index';\nexport {\n Hamburger,\n hamburgerClassNames,\n useHamburgerStyles_unstable,\n useHamburger_unstable,\n} from './components/Hamburger/index';\n"],"names":["Hamburger","hamburgerClassNames","useHamburgerStyles_unstable","useHamburger_unstable"],"mappings":";;;;;;;;;;;;eAEEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,+BAA+B"}

51
node_modules/@fluentui/react-nav/lib-commonjs/Nav.js generated vendored Normal file
View File

@@ -0,0 +1,51 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Nav: function() {
return _index.Nav;
},
NavCategoryItem: function() {
return _index1.NavCategoryItem;
},
NavProvider: function() {
return _NavContext.NavProvider;
},
navCategoryItemClassNames: function() {
return _index1.navCategoryItemClassNames;
},
navClassNames: function() {
return _index.navClassNames;
},
renderNavCategoryItem_unstable: function() {
return _index1.renderNavCategoryItem_unstable;
},
renderNav_unstable: function() {
return _index.renderNav_unstable;
},
useNavCategoryItemStyles_unstable: function() {
return _index1.useNavCategoryItemStyles_unstable;
},
useNavCategoryItem_unstable: function() {
return _index1.useNavCategoryItem_unstable;
},
useNavContext_unstable: function() {
return _NavContext.useNavContext_unstable;
},
useNavStyles_unstable: function() {
return _index.useNavStyles_unstable;
},
useNav_unstable: function() {
return _index.useNav_unstable;
}
});
const _index = require("./components/Nav/index");
const _index1 = require("./components/NavCategoryItem/index");
const _NavContext = require("./components/NavContext");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Nav.ts"],"sourcesContent":["export type { NavProps, NavDensity, NavSlots, NavState, OnNavItemSelectData } from './components/Nav/index';\nexport { Nav, navClassNames, renderNav_unstable, useNavStyles_unstable, useNav_unstable } from './components/Nav/index';\nexport type {\n NavCategoryItemProps,\n NavCategoryItemSlots,\n NavCategoryItemState,\n} from './components/NavCategoryItem/index';\nexport {\n NavCategoryItem,\n navCategoryItemClassNames,\n renderNavCategoryItem_unstable,\n useNavCategoryItemStyles_unstable,\n useNavCategoryItem_unstable,\n} from './components/NavCategoryItem/index';\nexport { NavProvider, useNavContext_unstable } from './components/NavContext';\nexport type {\n NavContextValue,\n NavContextValues,\n NavItemRegisterData,\n NavItemValue,\n RegisterNavItemEventHandler,\n} from './components/NavContext.types';\n"],"names":["Nav","navClassNames","renderNav_unstable","useNavStyles_unstable","useNav_unstable","NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItemStyles_unstable","useNavCategoryItem_unstable","NavProvider","useNavContext_unstable"],"mappings":";;;;;;;;;;;IACSA;yBAAG;;;eAOVK,uBAAe;;IAMRK;sCAAW;;;eALlBJ,iCAAyB;;;eARbL,oBAAa;;;eASzBM,sCAA8B;;;eATHL,yBAAkB;;;eAU7CM,yCAAiC;;;eACjCC,mCAA2B;;IAEPE;iDAAsB;;;eAbKR,4BAAqB;;;eAAEC,sBAAe;;;uBAAQ,yBAAyB;wBAYjH,qCAAqC;4BACQ,0BAA0B"}

View File

@@ -0,0 +1,22 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavCategory: function() {
return _index.NavCategory;
},
renderNavCategory_unstable: function() {
return _index.renderNavCategory_unstable;
},
useNavCategory_unstable: function() {
return _index.useNavCategory_unstable;
}
});
const _index = require("./components/NavCategory/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavCategory.ts"],"sourcesContent":["export type { NavCategoryProps, NavCategoryState } from './components/NavCategory/index';\nexport { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';\n"],"names":["NavCategory","renderNavCategory_unstable","useNavCategory_unstable"],"mappings":";;;;;;;;;;;;eACSA,kBAAW;;;eAAEC,iCAA0B;;;eAAEC,8BAAuB;;;uBAAQ,iCAAiC"}

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavDivider: function() {
return _index.NavDivider;
},
navDividerClassNames: function() {
return _index.navDividerClassNames;
},
useNavDividerStyles_unstable: function() {
return _index.useNavDividerStyles_unstable;
},
useNavDivider_unstable: function() {
return _index.useNavDivider_unstable;
}
});
const _index = require("./components/NavDivider/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavDivider.ts"],"sourcesContent":["export type { NavDividerProps, NavDividerState } from './components/NavDivider/index';\nexport {\n NavDivider,\n navDividerClassNames,\n useNavDividerStyles_unstable,\n useNavDivider_unstable,\n} from './components/NavDivider/index';\n"],"names":["NavDivider","navDividerClassNames","useNavDividerStyles_unstable","useNavDivider_unstable"],"mappings":";;;;;;;;;;;;eAEEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,gCAAgC"}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavDrawer: function() {
return _index.NavDrawer;
},
navDrawerClassNames: function() {
return _index.navDrawerClassNames;
},
renderNavDrawer_unstable: function() {
return _index.renderNavDrawer_unstable;
},
useNavDrawerStyles_unstable: function() {
return _index.useNavDrawerStyles_unstable;
},
useNavDrawer_unstable: function() {
return _index.useNavDrawer_unstable;
}
});
const _index = require("./components/NavDrawer/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavDrawer.ts"],"sourcesContent":["export type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './components/NavDrawer/index';\nexport {\n NavDrawer,\n navDrawerClassNames,\n renderNavDrawer_unstable,\n useNavDrawerStyles_unstable,\n useNavDrawer_unstable,\n} from './components/NavDrawer/index';\n"],"names":["NavDrawer","navDrawerClassNames","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavDrawer_unstable"],"mappings":";;;;;;;;;;;;eAEEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,+BAAwB;;;eACxBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,+BAA+B"}

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavDrawerBody: function() {
return _index.NavDrawerBody;
},
navDrawerBodyClassNames: function() {
return _index.navDrawerBodyClassNames;
},
useNavDrawerBodyStyles_unstable: function() {
return _index.useNavDrawerBodyStyles_unstable;
},
useNavDrawerBody_unstable: function() {
return _index.useNavDrawerBody_unstable;
}
});
const _index = require("./components/NavDrawerBody/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavDrawerBody.ts"],"sourcesContent":["export type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './components/NavDrawerBody/index';\nexport {\n NavDrawerBody,\n navDrawerBodyClassNames,\n useNavDrawerBodyStyles_unstable,\n useNavDrawerBody_unstable,\n} from './components/NavDrawerBody/index';\n"],"names":["NavDrawerBody","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","useNavDrawerBody_unstable"],"mappings":";;;;;;;;;;;;eAEEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,mCAAmC"}

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavDrawerFooter: function() {
return _index.NavDrawerFooter;
},
navDrawerFooterClassNames: function() {
return _index.navDrawerFooterClassNames;
},
useNavDrawerFooterStyles_unstable: function() {
return _index.useNavDrawerFooterStyles_unstable;
},
useNavDrawerFooter_unstable: function() {
return _index.useNavDrawerFooter_unstable;
}
});
const _index = require("./components/NavDrawerFooter/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavDrawerFooter.ts"],"sourcesContent":["export type {\n NavDrawerFooterProps,\n NavDrawerFooterSlots,\n NavDrawerFooterState,\n} from './components/NavDrawerFooter/index';\nexport {\n NavDrawerFooter,\n navDrawerFooterClassNames,\n useNavDrawerFooterStyles_unstable,\n useNavDrawerFooter_unstable,\n} from './components/NavDrawerFooter/index';\n"],"names":["NavDrawerFooter","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","useNavDrawerFooter_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,qCAAqC"}

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavDrawerHeader: function() {
return _index.NavDrawerHeader;
},
navDrawerHeaderClassNames: function() {
return _index.navDrawerHeaderClassNames;
},
useNavDrawerHeaderStyles_unstable: function() {
return _index.useNavDrawerHeaderStyles_unstable;
},
useNavDrawerHeader_unstable: function() {
return _index.useNavDrawerHeader_unstable;
}
});
const _index = require("./components/NavDrawerHeader/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavDrawerHeader.ts"],"sourcesContent":["export type {\n NavDrawerHeaderProps,\n NavDrawerHeaderSlots,\n NavDrawerHeaderState,\n} from './components/NavDrawerHeader/index';\nexport {\n NavDrawerHeader,\n navDrawerHeaderClassNames,\n useNavDrawerHeaderStyles_unstable,\n useNavDrawerHeader_unstable,\n} from './components/NavDrawerHeader/index';\n"],"names":["NavDrawerHeader","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,qCAAqC"}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavItem: function() {
return _index.NavItem;
},
navItemClassNames: function() {
return _index.navItemClassNames;
},
renderNavItem_unstable: function() {
return _index.renderNavItem_unstable;
},
useNavItemStyles_unstable: function() {
return _index.useNavItemStyles_unstable;
},
useNavItem_unstable: function() {
return _index.useNavItem_unstable;
}
});
const _index = require("./components/NavItem/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavItem.ts"],"sourcesContent":["export type { NavItemProps, NavItemSlots, NavItemState } from './components/NavItem/index';\nexport {\n NavItem,\n navItemClassNames,\n renderNavItem_unstable,\n useNavItemStyles_unstable,\n useNavItem_unstable,\n} from './components/NavItem/index';\n"],"names":["NavItem","navItemClassNames","renderNavItem_unstable","useNavItemStyles_unstable","useNavItem_unstable"],"mappings":";;;;;;;;;;;;eAEEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eACtBC,gCAAyB;;;eACzBC,0BAAmB;;;uBACd,6BAA6B"}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavSectionHeader: function() {
return _index.NavSectionHeader;
},
navSectionHeaderClassNames: function() {
return _index.navSectionHeaderClassNames;
},
renderNavSectionHeader_unstable: function() {
return _index.renderNavSectionHeader_unstable;
},
useNavSectionHeaderStyles_unstable: function() {
return _index.useNavSectionHeaderStyles_unstable;
},
useNavSectionHeader_unstable: function() {
return _index.useNavSectionHeader_unstable;
}
});
const _index = require("./components/NavSectionHeader/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavSectionHeader.ts"],"sourcesContent":["export type {\n NavSectionHeaderProps,\n NavSectionHeaderSlots,\n NavSectionHeaderState,\n} from './components/NavSectionHeader/index';\nexport {\n NavSectionHeader,\n navSectionHeaderClassNames,\n renderNavSectionHeader_unstable,\n useNavSectionHeaderStyles_unstable,\n useNavSectionHeader_unstable,\n} from './components/NavSectionHeader/index';\n"],"names":["NavSectionHeader","navSectionHeaderClassNames","renderNavSectionHeader_unstable","useNavSectionHeaderStyles_unstable","useNavSectionHeader_unstable"],"mappings":";;;;;;;;;;;;eAMEA,uBAAgB;;;eAChBC,iCAA0B;;;eAC1BC,sCAA+B;;;eAC/BC,yCAAkC;;;eAClCC,mCAA4B;;;uBACvB,sCAAsC"}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavSubItem: function() {
return _index.NavSubItem;
},
navSubItemClassNames: function() {
return _index.navSubItemClassNames;
},
renderNavSubItem_unstable: function() {
return _index.renderNavSubItem_unstable;
},
useNavSubItemStyles_unstable: function() {
return _index.useNavSubItemStyles_unstable;
},
useNavSubItem_unstable: function() {
return _index.useNavSubItem_unstable;
}
});
const _index = require("./components/NavSubItem/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavSubItem.ts"],"sourcesContent":["export type { NavSubItemProps, NavSubItemSlots, NavSubItemState } from './components/NavSubItem/index';\nexport {\n NavSubItem,\n navSubItemClassNames,\n renderNavSubItem_unstable,\n useNavSubItemStyles_unstable,\n useNavSubItem_unstable,\n} from './components/NavSubItem/index';\n"],"names":["NavSubItem","navSubItemClassNames","renderNavSubItem_unstable","useNavSubItemStyles_unstable","useNavSubItem_unstable"],"mappings":";;;;;;;;;;;;eAEEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eACzBC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,gCAAgC"}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavSubItemGroup: function() {
return _index.NavSubItemGroup;
},
navSubItemGroupClassNames: function() {
return _index.navSubItemGroupClassNames;
},
renderNavSubItemGroup_unstable: function() {
return _index.renderNavSubItemGroup_unstable;
},
useNavSubItemGroupStyles_unstable: function() {
return _index.useNavSubItemGroupStyles_unstable;
},
useNavSubItemGroup_unstable: function() {
return _index.useNavSubItemGroup_unstable;
}
});
const _index = require("./components/NavSubItemGroup/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/NavSubItemGroup.ts"],"sourcesContent":["export type {\n NavSubItemGroupProps,\n NavSubItemGroupSlots,\n NavSubItemGroupState,\n} from './components/NavSubItemGroup/index';\nexport {\n NavSubItemGroup,\n navSubItemGroupClassNames,\n renderNavSubItemGroup_unstable,\n useNavSubItemGroupStyles_unstable,\n useNavSubItemGroup_unstable,\n} from './components/NavSubItemGroup/index';\n"],"names":["NavSubItemGroup","navSubItemGroupClassNames","renderNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","useNavSubItemGroup_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAC9BC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,qCAAqC"}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
SplitNavItem: function() {
return _index.SplitNavItem;
},
renderSplitNavItem_unstable: function() {
return _index.renderSplitNavItem_unstable;
},
splitNavItemClassNames: function() {
return _index.splitNavItemClassNames;
},
useSplitNavItemStyles_unstable: function() {
return _index.useSplitNavItemStyles_unstable;
},
useSplitNavItem_unstable: function() {
return _index.useSplitNavItem_unstable;
}
});
const _index = require("./components/SplitNavItem/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/SplitNavItem.ts"],"sourcesContent":["export type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './components/SplitNavItem/index';\nexport {\n SplitNavItem,\n renderSplitNavItem_unstable,\n splitNavItemClassNames,\n useSplitNavItemStyles_unstable,\n useSplitNavItem_unstable,\n} from './components/SplitNavItem/index';\n"],"names":["SplitNavItem","renderSplitNavItem_unstable","splitNavItemClassNames","useSplitNavItemStyles_unstable","useSplitNavItem_unstable"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,kCAA2B;;;eAC3BC,6BAAsB;;;eACtBC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,kCAAkC"}

View File

@@ -0,0 +1,24 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "AppItem", {
enumerable: true,
get: function() {
return AppItem;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useAppItem = require("./useAppItem");
const _renderAppItem = require("./renderAppItem");
const _useAppItemStylesstyles = require("./useAppItemStyles.styles");
const AppItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useAppItem.useAppItem_unstable)(props, ref);
(0, _useAppItemStylesstyles.useAppItemStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useAppItemStyles_unstable')(state);
return (0, _renderAppItem.renderAppItem_unstable)(state);
});
AppItem.displayName = 'AppItem';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItem/AppItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useAppItem_unstable } from './useAppItem';\nimport { renderAppItem_unstable } from './renderAppItem';\nimport { useAppItemStyles_unstable } from './useAppItemStyles.styles';\nimport type { AppItemProps } from './AppItem.types';\n\n/**\n * AppItem component - Application item in the navigation menu.\n */\nexport const AppItem: ForwardRefComponent<AppItemProps> = React.forwardRef((props, ref) => {\n const state = useAppItem_unstable(props, ref);\n\n useAppItemStyles_unstable(state);\n useCustomStyleHook_unstable('useAppItemStyles_unstable')(state);\n\n return renderAppItem_unstable(state);\n});\n\nAppItem.displayName = 'AppItem';\n"],"names":["React","useCustomStyleHook_unstable","useAppItem_unstable","renderAppItem_unstable","useAppItemStyles_unstable","AppItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;4BAE1C,eAAe;+BACZ,kBAAkB;wCACf,4BAA4B;AAM/D,MAAMK,UAAAA,WAAAA,GAA6CL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,YAAQP,+BAAAA,EAAoBK,OAAOC;QAEzCJ,iDAAAA,EAA0BK;QAC1BR,gDAAAA,EAA4B,6BAA6BQ;IAEzD,WAAON,qCAAAA,EAAuBM;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}

View File

@@ -0,0 +1,6 @@
/**
* State used in rendering AppItem
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItem/AppItem.types.ts"],"sourcesContent":["import { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { NavDensity } from '../Nav/Nav.types';\n\nexport type AppItemSlots = {\n /**\n * The root element of the AppItem.\n */\n root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n\n /**\n * Icon that renders before the content.\n */\n icon?: Slot<'span'>;\n};\n\n/**\n * AppItem Props\n */\nexport type AppItemProps = ComponentProps<AppItemSlots> & { href?: string };\n\n/**\n * State used in rendering AppItem\n */\nexport type AppItemState = ComponentState<AppItemSlots> & {\n /**\n * The density of the NavItem\n *\n * @default 'medium'\n */\n density: NavDensity;\n};\n"],"names":[],"mappings":"AAqBA;;CAEC,GACD,WAOE"}

View File

@@ -0,0 +1,34 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
AppItem: function() {
return _AppItem.AppItem;
},
appItemClassNames: function() {
return _useAppItemStylesstyles.appItemClassNames;
},
renderAppItem_unstable: function() {
return _renderAppItem.renderAppItem_unstable;
},
useAppItemStyles: function() {
return _useAppItemStylesstyles.useAppItemStyles;
},
useAppItemStyles_unstable: function() {
return _useAppItemStylesstyles.useAppItemStyles_unstable;
},
useAppItem_unstable: function() {
return _useAppItem.useAppItem_unstable;
}
});
const _AppItem = require("./AppItem");
const _renderAppItem = require("./renderAppItem");
const _useAppItem = require("./useAppItem");
const _useAppItemStylesstyles = require("./useAppItemStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItem/index.ts"],"sourcesContent":["export { AppItem } from './AppItem';\nexport type { AppItemProps, AppItemSlots, AppItemState } from './AppItem.types';\nexport { renderAppItem_unstable } from './renderAppItem';\nexport { useAppItem_unstable } from './useAppItem';\nexport { appItemClassNames, useAppItemStyles, useAppItemStyles_unstable } from './useAppItemStyles.styles';\n"],"names":["AppItem","renderAppItem_unstable","useAppItem_unstable","appItemClassNames","useAppItemStyles","useAppItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAIPG,yCAAiB;;;eAFjBF,qCAAsB;;;eAEHG,wCAAgB;;;eAAEC,iDAAyB;;;eAD9DH,+BAAmB;;;yBAHJ,YAAY;+BAEG,kBAAkB;4BACrB,eAAe;wCAC4B,4BAA4B"}

View File

@@ -0,0 +1,21 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderAppItem_unstable", {
enumerable: true,
get: function() {
return renderAppItem_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const renderAppItem_unstable = (state)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
children: [
state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
state.root.children
]
});
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItem/renderAppItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { AppItemState, AppItemSlots } from './AppItem.types';\n\n/**\n * Render the final JSX of AppItem\n */\nexport const renderAppItem_unstable = (state: AppItemState): JSXElement => {\n assertSlots<AppItemSlots>(state);\n\n return (\n <state.root>\n {state.icon && <state.icon />}\n {state.root.children}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderAppItem_unstable","state","root","icon","children"],"mappings":";;;;+BAUaC;;;;;;4BATb,iCAAiD;gCAErB,4BAA4B;AAOjD,+BAA+B,CAACC;QACrCF,2BAAAA,EAA0BE;IAE1B,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,IAAI,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,IAAI,EAAA,CAAA;YACzBF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}

View File

@@ -0,0 +1,41 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useAppItem_unstable", {
enumerable: true,
get: function() {
return useAppItem_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const _reactaria = require("@fluentui/react-aria");
const _NavContext = require("../NavContext");
const useAppItem_unstable = (props, ref)=>{
const { icon, as, href } = props;
const rootElementType = as || (href ? 'a' : 'button');
const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(rootElementType, (0, _reactaria.useARIAButtonProps)(rootElementType, {
...props
})), {
elementType: rootElementType,
defaultProps: {
ref: ref,
type: rootElementType
}
});
return {
components: {
root: rootElementType,
icon: 'span'
},
root,
icon: _reactutilities.slot.optional(icon, {
elementType: 'span'
}),
density
};
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItem/useAppItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemProps, AppItemState } from './AppItem.types';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render AppItem.\n *\n * The returned state can be modified with hooks such as useAppItemStyles_unstable,\n * before being passed to renderAppItem_unstable.\n *\n * @param props - props from this instance of AppItem\n * @param ref - reference to root HTMLDivElement of AppItem\n */\nexport const useAppItem_unstable = (\n props: AppItemProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): AppItemState => {\n const { icon, as, href } = props;\n const rootElementType = as || (href ? 'a' : 'button');\n\n const { density = 'medium' } = useNavContext_unstable();\n\n const root = slot.always<ARIAButtonSlotProps<'a'>>(\n getIntrinsicElementProps(\n rootElementType,\n useARIAButtonProps(rootElementType, {\n ...props,\n }),\n ),\n {\n elementType: rootElementType,\n defaultProps: {\n ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n type: rootElementType,\n },\n },\n );\n\n return {\n components: {\n root: rootElementType,\n icon: 'span',\n },\n root,\n icon: slot.optional(icon, {\n elementType: 'span',\n }),\n density,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useARIAButtonProps","useNavContext_unstable","useAppItem_unstable","props","ref","icon","as","href","rootElementType","density","root","always","elementType","defaultProps","type","components","optional"],"mappings":"AAAA;;;;;+BAiBaK;;;;;;;iEAfU,QAAQ;gCACgB,4BAA4B;2BAEnB,uBAAuB;4BACxC,gBAAgB;AAWhD,4BAA4B,CACjCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGJ;IAC3B,MAAMK,kBAAkBF,MAAOC,CAAAA,OAAO,MAAM,QAAA,CAAO;IAEnD,MAAM,EAAEE,UAAU,QAAQ,EAAE,OAAGR,kCAAAA;IAE/B,MAAMS,OAAOX,oBAAAA,CAAKY,MAAM,KACtBb,wCAAAA,EACEU,iBACAR,iCAAAA,EAAmBQ,iBAAiB;QAClC,GAAGL,KAAK;IACV,KAEF;QACES,aAAaJ;QACbK,cAAc;YACZT,KAAKA;YACLU,MAAMN;QACR;IACF;IAGF,OAAO;QACLO,YAAY;YACVL,MAAMF;YACNH,MAAM;QACR;QACAK;QACAL,MAAMN,oBAAAA,CAAKiB,QAAQ,CAACX,MAAM;YACxBO,aAAa;QACf;QACAH;IACF;AACF,EAAE"}

View File

@@ -0,0 +1,134 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
appItemClassNames: function() {
return appItemClassNames;
},
useAppItemStyles: function() {
return useAppItemStyles;
},
useAppItemStyles_unstable: function() {
return useAppItemStyles_unstable;
}
});
const _react = require("@griffel/react");
const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
const appItemClassNames = {
root: 'fui-AppItem',
icon: 'fui-AppItem__icon'
};
const useAppItemStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bokbzmb: "f1x6gvzo",
Jyy4pa: "f1djyvue",
B1u1w3b: "feysv1g",
a9b677: "f1jd6clc",
Bt984gj: "f122n59",
i8kkvl: 0,
Belr9w4: 0,
rmohyg: "f1ga9sj3",
Byoj8tv: 0,
uwmqm3: 0,
z189sj: 0,
z8tnut: 0,
B0ocmuz: [
"f1fdqhks",
"fnlwq4f"
],
Bahqtrf: "fk6fouc",
Be2twd7: "fod5ikn",
Bhrd7zp: "fl43uef",
Bg96gwp: "faaz57k"
},
small: {
Byoj8tv: 0,
uwmqm3: 0,
z189sj: 0,
z8tnut: 0,
B0ocmuz: [
"f1m1l4b8",
"f1yxbtnt"
],
i8kkvl: 0,
Belr9w4: 0,
rmohyg: "f1let0xu"
},
absentIconRootAdjustment: {
B1hrpyx: "ft8721j"
}
}, {
d: [
[
".feysv1g{margin-inline:4px;}",
{
p: -1
}
],
".f1jd6clc{width:revert;}",
".f122n59{align-items:center;}",
[
".f1ga9sj3{gap:10px;}",
{
p: -1
}
],
".f1djyvue{-webkit-margin-start:-6px;margin-inline-start:-6px;}",
".f1x6gvzo{-webkit-margin-end:0px;margin-inline-end:0px;}",
[
".f1fdqhks{padding:var(--spacingVerticalS) var(--spacingHorizontalS) var(--spacingVerticalS) var(--spacingHorizontalMNudge);}",
{
p: -1
}
],
[
".fnlwq4f{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge) var(--spacingVerticalS) var(--spacingHorizontalS);}",
{
p: -1
}
],
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fod5ikn{font-size:var(--fontSizeBase400);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".faaz57k{line-height:var(--lineHeightBase400);}",
[
".f1m1l4b8{padding:var(--spacingVerticalS) var(--spacingHorizontalS) var(--spacingVerticalS) 14px;}",
{
p: -1
}
],
[
".f1yxbtnt{padding:var(--spacingVerticalS) 14px var(--spacingVerticalS) var(--spacingHorizontalS);}",
{
p: -1
}
],
[
".f1let0xu{gap:14px;}",
{
p: -1
}
],
".ft8721j{-webkit-padding-start:16px;padding-inline-start:16px;}"
]
});
const useAppItemStyles_unstable = (state)=>{
'use no memo';
const rootDefaultClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
const appItemSpecificStyles = useAppItemStyles();
const { density, icon } = state;
state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
if (state.icon) {
state.icon.className = (0, _react.mergeClasses)(appItemClassNames.icon, iconStyles.base, state.icon.className);
}
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useAppItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const appItemClassNames = {\n root: 'fui-AppItem',\n icon: 'fui-AppItem__icon'\n};\n/**\n * Styles for the root slot\n */ export const useAppItemStyles = makeStyles({\n root: {\n marginInline: '4px',\n width: 'revert',\n alignItems: 'center',\n gap: '10px',\n marginInlineStart: '-6px',\n marginInlineEnd: '0px',\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n ...typographyStyles.subtitle2\n },\n small: {\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,\n gap: '14px'\n },\n absentIconRootAdjustment: {\n paddingInlineStart: '16px'\n }\n});\n/**\n * Apply styling to the AppItem slots based on the state\n */ export const useAppItemStyles_unstable = (state)=>{\n 'use no memo';\n const rootDefaultClassName = useRootDefaultClassName();\n const iconStyles = useIconStyles();\n const appItemSpecificStyles = useAppItemStyles();\n const { density, icon } = state;\n state.root.className = mergeClasses(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","useIconStyles","useRootDefaultClassName","appItemClassNames","root","icon","useAppItemStyles","Bokbzmb","Jyy4pa","B1u1w3b","a9b677","Bt984gj","i8kkvl","Belr9w4","rmohyg","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","absentIconRootAdjustment","B1hrpyx","d","p","useAppItemStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","density","className","base"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICM,iBAAiB;;;oBAMG;;;6BAqBS;;;;uBA9BD,gBAAgB;uCAEF,2BAA2B;AAC3E,0BAA0B;IAC7BC,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,mBAAgB,WAAA,OAAGT,eAAA,EAAA;IAAAO,IAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAT,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAP,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAW,wBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAkBnC,CAAC;AAGS,MAAMC,6BAA6BC,KAAK,IAAG;IAClD,aAAa;IACb,MAAMC,oBAAoB,OAAG7B,8CAAuB,CAAC,CAAC;IACtD,MAAM8B,UAAU,OAAG/B,oCAAa,CAAC,CAAC;IAClC,MAAMgC,qBAAqB,GAAG3B,gBAAgB,CAAC,CAAC;IAChD,MAAM,EAAE4B,OAAO,EAAE7B,IAAAA,EAAM,GAAGyB,KAAK;IAC/BA,KAAK,CAAC1B,IAAI,CAAC+B,SAAS,OAAGrC,mBAAY,EAACiC,oBAAoB,EAAE5B,iBAAiB,CAACC,IAAI,EAAE6B,qBAAqB,CAAC7B,IAAI,EAAE8B,OAAO,KAAK,OAAO,IAAID,qBAAqB,CAACT,KAAK,EAAE,CAACnB,IAAI,IAAI4B,qBAAqB,CAACR,wBAAwB,EAAEK,KAAK,CAAC1B,IAAI,CAAC+B,SAAS,CAAC;IAChP,IAAIL,KAAK,CAACzB,IAAI,EAAE;QACZyB,KAAK,CAACzB,IAAI,CAAC8B,SAAS,OAAGrC,mBAAY,EAACK,iBAAiB,CAACE,IAAI,EAAE2B,UAAU,CAACI,IAAI,EAAEN,KAAK,CAACzB,IAAI,CAAC8B,SAAS,CAAC;IACtG;IACA,OAAOL,KAAK;AAChB,CAAC"}

View File

@@ -0,0 +1,60 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
appItemClassNames: function() {
return appItemClassNames;
},
useAppItemStyles: function() {
return useAppItemStyles;
},
useAppItemStyles_unstable: function() {
return useAppItemStyles_unstable;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
const appItemClassNames = {
root: 'fui-AppItem',
icon: 'fui-AppItem__icon'
};
const useAppItemStyles = (0, _react.makeStyles)({
root: {
marginInline: '4px',
width: 'revert',
alignItems: 'center',
gap: '10px',
marginInlineStart: '-6px',
marginInlineEnd: '0px',
padding: `${_reacttheme.tokens.spacingVerticalS} ${_reacttheme.tokens.spacingHorizontalS} ${_reacttheme.tokens.spacingVerticalS} ${_reacttheme.tokens.spacingHorizontalMNudge}`,
..._reacttheme.typographyStyles.subtitle2
},
small: {
padding: `${_reacttheme.tokens.spacingVerticalS} ${_reacttheme.tokens.spacingHorizontalS} ${_reacttheme.tokens.spacingVerticalS} 14px`,
gap: '14px'
},
absentIconRootAdjustment: {
paddingInlineStart: '16px'
}
});
const useAppItemStyles_unstable = (state)=>{
'use no memo';
const rootDefaultClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
const appItemSpecificStyles = useAppItemStyles();
const { density, icon } = state;
state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
if (state.icon) {
state.icon.className = (0, _react.mergeClasses)(appItemClassNames.icon, iconStyles.base, state.icon.className);
}
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItem/useAppItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { AppItemSlots, AppItemState } from './AppItem.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const appItemClassNames: SlotClassNames<AppItemSlots> = {\n root: 'fui-AppItem',\n icon: 'fui-AppItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useAppItemStyles = makeStyles({\n root: {\n marginInline: '4px',\n width: 'revert',\n alignItems: 'center',\n gap: '10px',\n marginInlineStart: '-6px',\n marginInlineEnd: '0px',\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n ...typographyStyles.subtitle2,\n },\n small: {\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,\n gap: '14px',\n },\n absentIconRootAdjustment: {\n paddingInlineStart: '16px',\n },\n});\n\n/**\n * Apply styling to the AppItem slots based on the state\n */\nexport const useAppItemStyles_unstable = (state: AppItemState): AppItemState => {\n 'use no memo';\n\n const rootDefaultClassName = useRootDefaultClassName();\n const iconStyles = useIconStyles();\n const appItemSpecificStyles = useAppItemStyles();\n\n const { density, icon } = state;\n\n state.root.className = mergeClasses(\n rootDefaultClassName,\n appItemClassNames.root,\n appItemSpecificStyles.root,\n density === 'small' && appItemSpecificStyles.small,\n !icon && appItemSpecificStyles.absentIconRootAdjustment,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","useIconStyles","useRootDefaultClassName","appItemClassNames","root","icon","useAppItemStyles","marginInline","width","alignItems","gap","marginInlineStart","marginInlineEnd","padding","spacingVerticalS","spacingHorizontalS","spacingHorizontalMNudge","subtitle2","small","absentIconRootAdjustment","paddingInlineStart","useAppItemStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","density","className","base"],"mappings":"AAAA;;;;;;;;;;;;IAQaM,iBAAAA;;;oBAQAG;;;6BAuBAe;eAAAA;;;uBArC4B,iBAAiB;4BAGjB,wBAAwB;uCACV,4BAA4B;AAE5E,0BAAwD;IAC7DjB,MAAM;IACNC,MAAM;AACR,EAAE;AAKK,MAAMC,uBAAmBT,iBAAAA,EAAW;IACzCO,MAAM;QACJG,cAAc;QACdC,OAAO;QACPC,YAAY;QACZC,KAAK;QACLC,mBAAmB;QACnBC,iBAAiB;QACjBC,SAAS,GAAGd,kBAAAA,CAAOe,gBAAgB,CAAC,CAAC,EAAEf,kBAAAA,CAAOgB,kBAAkB,CAAC,CAAC,EAAEhB,kBAAAA,CAAOe,gBAAgB,CAAC,CAAC,EAAEf,kBAAAA,CAAOiB,uBAAuB,EAAE;QAC/H,GAAGhB,4BAAAA,CAAiBiB,SAAS;IAC/B;IACAC,OAAO;QACLL,SAAS,GAAGd,kBAAAA,CAAOe,gBAAgB,CAAC,CAAC,EAAEf,kBAAAA,CAAOgB,kBAAkB,CAAC,CAAC,EAAEhB,kBAAAA,CAAOe,gBAAgB,CAAC,KAAK,CAAC;QAClGJ,KAAK;IACP;IACAS,0BAA0B;QACxBC,oBAAoB;IACtB;AACF,GAAG;AAKI,kCAAkC,CAACE;IACxC;IAEA,MAAMC,2BAAuBrB,8CAAAA;IAC7B,MAAMsB,iBAAavB,oCAAAA;IACnB,MAAMwB,wBAAwBnB;IAE9B,MAAM,EAAEoB,OAAO,EAAErB,IAAI,EAAE,GAAGiB;IAE1BA,MAAMlB,IAAI,CAACuB,SAAS,OAAG7B,mBAAAA,EACrByB,sBACApB,kBAAkBC,IAAI,EACtBqB,sBAAsBrB,IAAI,EAC1BsB,YAAY,WAAWD,sBAAsBP,KAAK,EAClD,CAACb,QAAQoB,sBAAsBN,wBAAwB,EACvDG,MAAMlB,IAAI,CAACuB,SAAS;IAGtB,IAAIL,MAAMjB,IAAI,EAAE;QACdiB,MAAMjB,IAAI,CAACsB,SAAS,OAAG7B,mBAAAA,EAAaK,kBAAkBE,IAAI,EAAEmB,WAAWI,IAAI,EAAEN,MAAMjB,IAAI,CAACsB,SAAS;IACnG;IAEA,OAAOL;AACT,EAAE"}

View File

@@ -0,0 +1,24 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "AppItemStatic", {
enumerable: true,
get: function() {
return AppItemStatic;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useAppItemStatic = require("./useAppItemStatic");
const _renderAppItemStatic = require("./renderAppItemStatic");
const _useAppItemStaticStylesstyles = require("./useAppItemStaticStyles.styles");
const AppItemStatic = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useAppItemStatic.useAppItemStatic_unstable)(props, ref);
(0, _useAppItemStaticStylesstyles.useAppItemStaticStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useAppItemStaticStyles_unstable')(state);
return (0, _renderAppItemStatic.renderAppItemStatic_unstable)(state);
});
AppItemStatic.displayName = 'AppItemStatic';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useAppItemStatic_unstable } from './useAppItemStatic';\nimport { renderAppItemStatic_unstable } from './renderAppItemStatic';\nimport { useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';\nimport type { AppItemStaticProps } from './AppItemStatic.types';\n\n/**\n * AppItemStatic component - Static application item in the navigation menu.\n */\nexport const AppItemStatic: ForwardRefComponent<AppItemStaticProps> = React.forwardRef((props, ref) => {\n const state = useAppItemStatic_unstable(props, ref);\n\n useAppItemStaticStyles_unstable(state);\n useCustomStyleHook_unstable('useAppItemStaticStyles_unstable')(state);\n\n return renderAppItemStatic_unstable(state);\n});\n\nAppItemStatic.displayName = 'AppItemStatic';\n"],"names":["React","useCustomStyleHook_unstable","useAppItemStatic_unstable","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","AppItemStatic","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;kCAEpC,qBAAqB;qCAClB,wBAAwB;8CACrB,kCAAkC;AAM3E,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQP,2CAAAA,EAA0BK,OAAOC;QAE/CJ,6DAAAA,EAAgCK;QAChCR,gDAAAA,EAA4B,mCAAmCQ;IAE/D,WAAON,iDAAAA,EAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

View File

@@ -0,0 +1,6 @@
/**
* State used in rendering AppItemStatic
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { NavDensity } from '../Nav/Nav.types';\n\nexport type AppItemStaticSlots = {\n /**\n * The root element of the AppItemStatic.\n */\n root: Slot<'div'>;\n /**\n * Icon that renders before the content.\n */\n icon?: Slot<'span'>;\n};\n\n/**\n * AppItemStatic Props\n */\nexport type AppItemStaticProps = ComponentProps<AppItemStaticSlots> & {};\n\n/**\n * State used in rendering AppItemStatic\n */\nexport type AppItemStaticState = ComponentState<AppItemStaticSlots> & {\n /**\n * The density of the Nav\n *\n * @default 'medium'\n */\n density: NavDensity;\n};\n"],"names":[],"mappings":"AAmBA;;CAEC,GACD,WAOE"}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
AppItemStatic: function() {
return _AppItemStatic.AppItemStatic;
},
appItemStaticClassNames: function() {
return _useAppItemStaticStylesstyles.appItemStaticClassNames;
},
renderAppItemStatic_unstable: function() {
return _renderAppItemStatic.renderAppItemStatic_unstable;
},
useAppItemStaticStyles_unstable: function() {
return _useAppItemStaticStylesstyles.useAppItemStaticStyles_unstable;
},
useAppItemStatic_unstable: function() {
return _useAppItemStatic.useAppItemStatic_unstable;
}
});
const _AppItemStatic = require("./AppItemStatic");
const _renderAppItemStatic = require("./renderAppItemStatic");
const _useAppItemStatic = require("./useAppItemStatic");
const _useAppItemStaticStylesstyles = require("./useAppItemStaticStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItemStatic/index.ts"],"sourcesContent":["export { AppItemStatic } from './AppItemStatic';\nexport type { AppItemStaticProps, AppItemStaticSlots, AppItemStaticState } from './AppItemStatic.types';\nexport { renderAppItemStatic_unstable } from './renderAppItemStatic';\nexport { useAppItemStatic_unstable } from './useAppItemStatic';\nexport { appItemStaticClassNames, useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';\n"],"names":["AppItemStatic","renderAppItemStatic_unstable","useAppItemStatic_unstable","appItemStaticClassNames","useAppItemStaticStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAIbG,qDAAuB;;;eAFvBF,iDAA4B;;;eAEHG,6DAA+B;;;eADxDF,2CAAyB;;;+BAHJ,kBAAkB;qCAEH,wBAAwB;kCAC3B,qBAAqB;8CACU,kCAAkC"}

View File

@@ -0,0 +1,21 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderAppItemStatic_unstable", {
enumerable: true,
get: function() {
return renderAppItemStatic_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const renderAppItemStatic_unstable = (state)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
children: [
state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
state.root.children
]
});
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItemStatic/renderAppItemStatic.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { AppItemStaticState, AppItemStaticSlots } from './AppItemStatic.types';\n\n/**\n * Render the final JSX of AppItemStatic\n */\nexport const renderAppItemStatic_unstable = (state: AppItemStaticState): JSXElement => {\n assertSlots<AppItemStaticSlots>(state);\n\n return (\n <state.root>\n {state.icon && <state.icon />}\n {state.root.children}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderAppItemStatic_unstable","state","root","icon","children"],"mappings":";;;;+BAUaC;;;;;;4BATb,iCAAiD;gCAErB,4BAA4B;AAOjD,qCAAqC,CAACC;QAC3CF,2BAAAA,EAAgCE;IAEhC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,IAAI,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,IAAI,EAAA,CAAA;YACzBF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}

View File

@@ -0,0 +1,35 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useAppItemStatic_unstable", {
enumerable: true,
get: function() {
return useAppItemStatic_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const _NavContext = require("../NavContext");
const useAppItemStatic_unstable = (props, ref)=>{
const { icon } = props;
const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
return {
components: {
root: 'div',
icon: 'span'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
ref,
...props
}), {
elementType: 'div'
}),
icon: _reactutilities.slot.optional(icon, {
elementType: 'span'
}),
density
};
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStatic.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemStaticProps, AppItemStaticState } from './AppItemStatic.types';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render AppItemStatic.\n *\n * The returned state can be modified with hooks such as useAppItemStaticStyles_unstable,\n * before being passed to renderAppItemStatic_unstable.\n *\n * @param props - props from this instance of AppItemStatic\n * @param ref - reference to root HTMLDivElement of AppItemStatic\n */\nexport const useAppItemStatic_unstable = (\n props: AppItemStaticProps,\n ref: React.Ref<HTMLDivElement>,\n): AppItemStaticState => {\n const { icon } = props;\n\n const { density = 'medium' } = useNavContext_unstable();\n return {\n components: {\n root: 'div',\n icon: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(icon, {\n elementType: 'span',\n }),\n density,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useNavContext_unstable","useAppItemStatic_unstable","props","ref","icon","density","components","root","always","elementType","optional"],"mappings":"AAAA;;;;;+BAgBaI;;;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;4BAEpC,gBAAgB;AAWhD,kCAAkC,CACvCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAM,EAAEG,UAAU,QAAQ,EAAE,OAAGL,kCAAAA;IAC/B,OAAO;QACLM,YAAY;YACVC,MAAM;YACNH,MAAM;QACR;QACAG,MAAMR,oBAAAA,CAAKS,MAAM,KACfV,wCAAAA,EAAyB,OAAO;YAC9BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL,MAAML,oBAAAA,CAAKW,QAAQ,CAACN,MAAM;YACxBK,aAAa;QACf;QACAJ;IACF;AACF,EAAE"}

View File

@@ -0,0 +1,56 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
appItemStaticClassNames: function() {
return appItemStaticClassNames;
},
useAppItemStaticStyles_unstable: function() {
return useAppItemStaticStyles_unstable;
}
});
const _react = require("@griffel/react");
const _useAppItemStylesstyles = require("../AppItem/useAppItemStyles.styles");
const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
const appItemStaticClassNames = {
root: 'fui-AppItemStatic',
icon: 'fui-AppItemStatic__icon'
};
const useAppItemStaticStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bceei9c: "f158kwzp",
Jwef8y: "fmaajru",
ecr2s2: "f11z5bqc"
}
}, {
d: [
".f158kwzp{cursor:default;}"
],
h: [
".fmaajru:hover{background-color:unset;}"
],
a: [
".f11z5bqc:active{background-color:unset;}"
]
});
const useAppItemStaticStyles_unstable = (state)=>{
'use no memo';
const rootDefaultClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
const appItemSpecificStyles = (0, _useAppItemStylesstyles.useAppItemStyles)();
const appItemStaticStyles = useAppItemStaticStyles();
const { density, icon } = state;
state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
if (state.icon) {
state.icon.className = (0, _react.mergeClasses)(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);
}
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useAppItemStaticStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const appItemStaticClassNames = {\n root: 'fui-AppItemStatic',\n icon: 'fui-AppItemStatic__icon'\n};\nconst useAppItemStaticStyles = makeStyles({\n root: {\n cursor: 'default',\n ':hover': {\n backgroundColor: 'unset'\n },\n ':active': {\n backgroundColor: 'unset'\n }\n }\n});\n/**\n * Apply styling to the AppItemStatic slots based on the state\n */ export const useAppItemStaticStyles_unstable = (state)=>{\n 'use no memo';\n const rootDefaultClassName = useRootDefaultClassName();\n const iconStyles = useIconStyles();\n const appItemSpecificStyles = useAppItemStyles();\n const appItemStaticStyles = useAppItemStaticStyles();\n const { density, icon } = state;\n state.root.className = mergeClasses(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","useAppItemStyles","useIconStyles","useRootDefaultClassName","appItemStaticClassNames","root","icon","useAppItemStaticStyles","Bceei9c","Jwef8y","ecr2s2","d","h","a","useAppItemStaticStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","appItemStaticStyles","density","className","small","absentIconRootAdjustment","base"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICK,uBAAuB;;;mCAiBY;eAA/BU;;;uBApBwB,gBAAgB;wCACxB,oCAAoC;uCACd,2BAA2B;AAC3E,gCAAgC;IACnCT,IAAI,EAAE,mBAAmB;IACzBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,sBAAsB,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAU9B,CAAC;AAGS,yCAAyCE,KAAK,IAAG;IACxD,aAAa;IACb,MAAMC,oBAAoB,GAAGb,kDAAuB,CAAC,CAAC;IACtD,MAAMc,UAAU,OAAGf,oCAAa,CAAC,CAAC;IAClC,MAAMgB,qBAAqB,OAAGjB,wCAAgB,CAAC,CAAC;IAChD,MAAMkB,mBAAmB,GAAGZ,sBAAsB,CAAC,CAAC;IACpD,MAAM,EAAEa,OAAO,EAAEd,IAAAA,EAAM,GAAGS,KAAK;IAC/BA,KAAK,CAACV,IAAI,CAACgB,SAAS,OAAGrB,mBAAY,EAACgB,oBAAoB,EAAEZ,uBAAuB,CAACC,IAAI,EAAEa,qBAAqB,CAACb,IAAI,EAAEc,mBAAmB,CAACd,IAAI,EAAEe,OAAO,KAAK,OAAO,IAAIF,qBAAqB,CAACI,KAAK,EAAE,CAAChB,IAAI,IAAIY,qBAAqB,CAACK,wBAAwB,EAAER,KAAK,CAACV,IAAI,CAACgB,SAAS,CAAC;IAChR,IAAIN,KAAK,CAACT,IAAI,EAAE;QACZS,KAAK,CAACT,IAAI,CAACe,SAAS,OAAGrB,mBAAY,EAACI,uBAAuB,CAACE,IAAI,EAAEW,UAAU,CAACO,IAAI,EAAET,KAAK,CAACT,IAAI,CAACe,SAAS,CAAC;IAC5G;IACA,OAAON,KAAK;AAChB,CAAC"}

View File

@@ -0,0 +1,50 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
appItemStaticClassNames: function() {
return appItemStaticClassNames;
},
useAppItemStaticStyles_unstable: function() {
return useAppItemStaticStyles_unstable;
}
});
const _react = require("@griffel/react");
const _useAppItemStylesstyles = require("../AppItem/useAppItemStyles.styles");
const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
const appItemStaticClassNames = {
root: 'fui-AppItemStatic',
icon: 'fui-AppItemStatic__icon'
};
const useAppItemStaticStyles = (0, _react.makeStyles)({
root: {
cursor: 'default',
':hover': {
backgroundColor: 'unset'
},
':active': {
backgroundColor: 'unset'
}
}
});
const useAppItemStaticStyles_unstable = (state)=>{
'use no memo';
const rootDefaultClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
const appItemSpecificStyles = (0, _useAppItemStylesstyles.useAppItemStyles)();
const appItemStaticStyles = useAppItemStaticStyles();
const { density, icon } = state;
state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
if (state.icon) {
state.icon.className = (0, _react.mergeClasses)(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);
}
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStaticStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { AppItemStaticSlots, AppItemStaticState } from './AppItemStatic.types';\nimport { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const appItemStaticClassNames: SlotClassNames<AppItemStaticSlots> = {\n root: 'fui-AppItemStatic',\n icon: 'fui-AppItemStatic__icon',\n};\n\nconst useAppItemStaticStyles = makeStyles({\n root: {\n cursor: 'default',\n ':hover': {\n backgroundColor: 'unset',\n },\n ':active': {\n backgroundColor: 'unset',\n },\n },\n});\n\n/**\n * Apply styling to the AppItemStatic slots based on the state\n */\nexport const useAppItemStaticStyles_unstable = (state: AppItemStaticState): AppItemStaticState => {\n 'use no memo';\n\n const rootDefaultClassName = useRootDefaultClassName();\n const iconStyles = useIconStyles();\n const appItemSpecificStyles = useAppItemStyles();\n const appItemStaticStyles = useAppItemStaticStyles();\n\n const { density, icon } = state;\n\n state.root.className = mergeClasses(\n rootDefaultClassName,\n appItemStaticClassNames.root,\n appItemSpecificStyles.root,\n appItemStaticStyles.root,\n density === 'small' && appItemSpecificStyles.small,\n !icon && appItemSpecificStyles.absentIconRootAdjustment,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useAppItemStyles","useIconStyles","useRootDefaultClassName","appItemStaticClassNames","root","icon","useAppItemStaticStyles","cursor","backgroundColor","useAppItemStaticStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","appItemStaticStyles","density","className","small","absentIconRootAdjustment","base"],"mappings":"AAAA;;;;;;;;;;;;IAQaK,uBAAAA;;;mCAoBAM;eAAAA;;;uBA1B4B,iBAAiB;wCAGzB,qCAAqC;uCACf,4BAA4B;AAE5E,gCAAoE;IACzEL,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,yBAAyBR,qBAAAA,EAAW;IACxCM,MAAM;QACJG,QAAQ;QACR,UAAU;YACRC,iBAAiB;QACnB;QACA,WAAW;YACTA,iBAAiB;QACnB;IACF;AACF;AAKO,wCAAwC,CAACE;IAC9C;IAEA,MAAMC,2BAAuBT,8CAAAA;IAC7B,MAAMU,iBAAaX,oCAAAA;IACnB,MAAMY,wBAAwBb,4CAAAA;IAC9B,MAAMc,sBAAsBR;IAE5B,MAAM,EAAES,OAAO,EAAEV,IAAI,EAAE,GAAGK;IAE1BA,MAAMN,IAAI,CAACY,SAAS,OAAGjB,mBAAAA,EACrBY,sBACAR,wBAAwBC,IAAI,EAC5BS,sBAAsBT,IAAI,EAC1BU,oBAAoBV,IAAI,EACxBW,YAAY,WAAWF,sBAAsBI,KAAK,EAClD,CAACZ,QAAQQ,sBAAsBK,wBAAwB,EACvDR,MAAMN,IAAI,CAACY,SAAS;IAGtB,IAAIN,MAAML,IAAI,EAAE;QACdK,MAAML,IAAI,CAACW,SAAS,OAAGjB,mBAAAA,EAAaI,wBAAwBE,IAAI,EAAEO,WAAWO,IAAI,EAAET,MAAML,IAAI,CAACW,SAAS;IACzG;IAEA,OAAON;AACT,EAAE"}

View File

@@ -0,0 +1,24 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Hamburger", {
enumerable: true,
get: function() {
return Hamburger;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactbutton = require("@fluentui/react-button");
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useHamburger = require("./useHamburger");
const _useHamburgerStylesstyles = require("./useHamburgerStyles.styles");
const Hamburger = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useHamburger.useHamburger_unstable)(props, ref);
(0, _useHamburgerStylesstyles.useHamburgerStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useHamburgerStyles_unstable')(state);
return (0, _reactbutton.renderButton_unstable)(state);
});
Hamburger.displayName = 'Hamburger';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Hamburger/Hamburger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useHamburger_unstable } from './useHamburger';\nimport { useHamburgerStyles_unstable } from './useHamburgerStyles.styles';\nimport type { HamburgerProps } from './Hamburger.types';\n\n/**\n * Hamburger component - a button that toggles a menu or navigation drawer.\n */\nexport const Hamburger: ForwardRefComponent<HamburgerProps> = React.forwardRef((props, ref) => {\n const state = useHamburger_unstable(props, ref);\n\n useHamburgerStyles_unstable(state);\n useCustomStyleHook_unstable('useHamburgerStyles_unstable')(state);\n\n return renderButton_unstable(state);\n}) as ForwardRefComponent<HamburgerProps>;\n\nHamburger.displayName = 'Hamburger';\n"],"names":["React","renderButton_unstable","useCustomStyleHook_unstable","useHamburger_unstable","useHamburgerStyles_unstable","Hamburger","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAEO,yBAAyB;qCACnB,kCAAkC;8BAExC,iBAAiB;0CACX,8BAA8B;AAMnE,MAAMK,YAAAA,WAAAA,GAAiDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,YAAQN,mCAAAA,EAAsBI,OAAOC;QAE3CJ,qDAAAA,EAA4BK;QAC5BP,gDAAAA,EAA4B,+BAA+BO;IAE3D,WAAOR,kCAAAA,EAAsBQ;AAC/B,GAA0C;AAE1CJ,UAAUK,WAAW,GAAG"}

View File

@@ -0,0 +1,6 @@
/**
* State used in rendering Hamburger
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Hamburger/Hamburger.types.ts"],"sourcesContent":["import { ButtonProps, ButtonState } from '@fluentui/react-button';\n\n/**\n * Hamburger Props\n */\nexport type HamburgerProps = ButtonProps;\n\n/**\n * State used in rendering Hamburger\n */\nexport type HamburgerState = ButtonState;\n"],"names":[],"mappings":"AAOA;;CAEC,GACD,WAAyC"}

View File

@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Hamburger: function() {
return _Hamburger.Hamburger;
},
hamburgerClassNames: function() {
return _useHamburgerStylesstyles.hamburgerClassNames;
},
useHamburgerStyles_unstable: function() {
return _useHamburgerStylesstyles.useHamburgerStyles_unstable;
},
useHamburger_unstable: function() {
return _useHamburger.useHamburger_unstable;
}
});
const _Hamburger = require("./Hamburger");
const _useHamburger = require("./useHamburger");
const _useHamburgerStylesstyles = require("./useHamburgerStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Hamburger/index.ts"],"sourcesContent":["export { Hamburger } from './Hamburger';\nexport type { HamburgerProps, HamburgerState } from './Hamburger.types';\nexport { useHamburger_unstable } from './useHamburger';\nexport { hamburgerClassNames, useHamburgerStyles_unstable } from './useHamburgerStyles.styles';\n"],"names":["Hamburger","useHamburger_unstable","hamburgerClassNames","useHamburgerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAGTE,6CAAmB;;;eAAEC,qDAA2B;;;eADhDF,mCAAqB;;;2BAFJ,cAAc;8BAEF,iBAAiB;0CACU,8BAA8B"}

View File

@@ -0,0 +1,22 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useHamburger_unstable", {
enumerable: true,
get: function() {
return useHamburger_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactbutton = require("@fluentui/react-button");
const _reacticons = require("@fluentui/react-icons");
const useHamburger_unstable = (props, ref)=>{
return (0, _reactbutton.useButton_unstable)({
icon: /*#__PURE__*/ _react.createElement(_reacticons.Navigation20Filled, null),
appearance: 'transparent',
...props
}, ref);
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Hamburger/useHamburger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { Navigation20Filled } from '@fluentui/react-icons';\nimport type { HamburgerProps, HamburgerState } from './Hamburger.types';\n\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useHamburger_unstable = (\n props: HamburgerProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): HamburgerState => {\n return useButton_unstable({ icon: <Navigation20Filled />, appearance: 'transparent', ...props }, ref);\n};\n"],"names":["React","useButton_unstable","Navigation20Filled","useHamburger_unstable","props","ref","icon","appearance"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACI,yBAAyB;4BACzB,wBAAwB;AASpD,MAAMG,wBAAwB,CACnCC,OACAC;IAEA,WAAOJ,+BAAAA,EAAmB;QAAEK,MAAAA,WAAAA,GAAM,OAAA,aAAA,CAACJ,8BAAAA,EAAAA;QAAuBK,YAAY;QAAe,GAAGH,KAAK;IAAC,GAAGC;AACnG,EAAE"}

View File

@@ -0,0 +1,79 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
hamburgerClassNames: function() {
return hamburgerClassNames;
},
useHamburgerStyles_unstable: function() {
return useHamburgerStyles_unstable;
}
});
const _react = require("@griffel/react");
const _reactbutton = require("@fluentui/react-button");
const hamburgerClassNames = {
root: 'fui-Hamburger',
icon: 'fui-Hamburger__icon'
};
/**
* Styles for the root slot
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
w71qe1: "f1iuv45f",
De3pzq: "f1ctqxl6",
Bgfg5da: 0,
B9xav0g: 0,
oivjwe: 0,
Bn0qgzm: 0,
B4g9neb: 0,
zhjwy3: 0,
wvpqe5: 0,
ibv6hh: 0,
u1mtju: 0,
h3c5rm: 0,
vrafjx: 0,
Bekrc4i: 0,
i8vvqc: 0,
g2u3we: 0,
icvyot: 0,
B4j52fo: 0,
irswps: "f3bhgqh",
Jwef8y: "f11oyicx",
ecr2s2: "f9fof1w"
}
}, {
d: [
".f1iuv45f{text-decoration-line:none;}",
".f1ctqxl6{background-color:var(--colorNeutralBackground4);}",
[
".f3bhgqh{border:none;}",
{
p: -2
}
]
],
h: [
".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}"
],
a: [
".f9fof1w:active{background-color:var(--colorNeutralBackground4Pressed);}"
]
});
const useHamburgerStyles_unstable = (state)=>{
'use no memo';
(0, _reactbutton.useButtonStyles_unstable)(state);
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(hamburgerClassNames.root, styles.root, state.root.className);
if (state.icon) {
state.icon.className = (0, _react.mergeClasses)(hamburgerClassNames.icon, state.icon.className);
}
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useHamburgerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nimport { navItemTokens } from '../sharedNavStyles.styles';\nexport const hamburgerClassNames = {\n root: 'fui-Hamburger',\n icon: 'fui-Hamburger__icon'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n textDecorationLine: 'none',\n backgroundColor: navItemTokens.backgroundColor,\n border: 'none',\n ':hover': {\n backgroundColor: navItemTokens.backgroundColorHover\n },\n ':active': {\n backgroundColor: navItemTokens.backgroundColorPressed\n }\n }\n});\n/**\n * Apply styling to the Hamburger slots based on the state\n */ export const useHamburgerStyles_unstable = (state)=>{\n 'use no memo';\n useButtonStyles_unstable(state);\n const styles = useStyles();\n state.root.className = mergeClasses(hamburgerClassNames.root, styles.root, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(hamburgerClassNames.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","useButtonStyles_unstable","navItemTokens","hamburgerClassNames","root","icon","useStyles","w71qe1","De3pzq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Jwef8y","ecr2s2","d","p","h","a","useHamburgerStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICI,mBAAmB;;;IAqBf6B,2BAA2B;;;;uBAxBH,gBAAgB;6BAChB,wBAAwB;AAE1D,4BAA4B;IAC/B5B,IAAI,EAAE,eAAe;IACrBC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAG,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAYrB,CAAC;AAGS,oCAAqCE,KAAK,IAAG;IACpD,aAAa;QACbhC,qCAAwB,EAACgC,KAAK,CAAC;IAC/B,MAAMC,MAAM,GAAG5B,SAAS,CAAC,CAAC;IAC1B2B,KAAK,CAAC7B,IAAI,CAAC+B,SAAS,OAAGnC,mBAAY,EAACG,mBAAmB,CAACC,IAAI,EAAE8B,MAAM,CAAC9B,IAAI,EAAE6B,KAAK,CAAC7B,IAAI,CAAC+B,SAAS,CAAC;IAChG,IAAIF,KAAK,CAAC5B,IAAI,EAAE;QACZ4B,KAAK,CAAC5B,IAAI,CAAC8B,SAAS,OAAGnC,mBAAY,EAACG,mBAAmB,CAACE,IAAI,EAAE4B,KAAK,CAAC5B,IAAI,CAAC8B,SAAS,CAAC;IACvF;IACA,OAAOF,KAAK;AAChB,CAAC"}

View File

@@ -0,0 +1,51 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
hamburgerClassNames: function() {
return hamburgerClassNames;
},
useHamburgerStyles_unstable: function() {
return useHamburgerStyles_unstable;
}
});
const _react = require("@griffel/react");
const _reactbutton = require("@fluentui/react-button");
const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
const hamburgerClassNames = {
root: 'fui-Hamburger',
icon: 'fui-Hamburger__icon'
};
/**
* Styles for the root slot
*/ const useStyles = (0, _react.makeStyles)({
root: {
textDecorationLine: 'none',
backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColor,
border: 'none',
':hover': {
backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColorHover
},
':active': {
backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColorPressed
}
}
});
const useHamburgerStyles_unstable = (state)=>{
'use no memo';
(0, _reactbutton.useButtonStyles_unstable)(state);
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(hamburgerClassNames.root, styles.root, state.root.className);
if (state.icon) {
state.icon.className = (0, _react.mergeClasses)(hamburgerClassNames.icon, state.icon.className);
}
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Hamburger/useHamburgerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { ButtonSlots, useButtonStyles_unstable } from '@fluentui/react-button';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { HamburgerState } from './Hamburger.types';\nimport { navItemTokens } from '../sharedNavStyles.styles';\n\nexport const hamburgerClassNames: SlotClassNames<ButtonSlots> = {\n root: 'fui-Hamburger',\n icon: 'fui-Hamburger__icon',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n textDecorationLine: 'none',\n backgroundColor: navItemTokens.backgroundColor,\n border: 'none',\n ':hover': {\n backgroundColor: navItemTokens.backgroundColorHover,\n },\n ':active': {\n backgroundColor: navItemTokens.backgroundColorPressed,\n },\n },\n});\n\n/**\n * Apply styling to the Hamburger slots based on the state\n */\nexport const useHamburgerStyles_unstable = (state: HamburgerState): HamburgerState => {\n 'use no memo';\n\n useButtonStyles_unstable(state);\n const styles = useStyles();\n\n state.root.className = mergeClasses(hamburgerClassNames.root, styles.root, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(hamburgerClassNames.icon, state.icon.className);\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","navItemTokens","hamburgerClassNames","root","icon","useStyles","textDecorationLine","backgroundColor","border","backgroundColorHover","backgroundColorPressed","useHamburgerStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaI,mBAAAA;;;+BAyBAS;eAAAA;;;uBA/B4B,iBAAiB;6BACJ,yBAAyB;uCAGjD,4BAA4B;AAEnD,4BAAyD;IAC9DR,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYP,iBAAAA,EAAW;IAC3BK,MAAM;QACJG,oBAAoB;QACpBC,iBAAiBN,oCAAAA,CAAcM,eAAe;QAC9CC,QAAQ;QACR,UAAU;YACRD,iBAAiBN,oCAAAA,CAAcQ,oBAAoB;QACrD;QACA,WAAW;YACTF,iBAAiBN,oCAAAA,CAAcS,sBAAsB;QACvD;IACF;AACF;AAKO,oCAAoC,CAACE;IAC1C;QAEAZ,qCAAAA,EAAyBY;IACzB,MAAMC,SAASR;IAEfO,MAAMT,IAAI,CAACW,SAAS,OAAGf,mBAAAA,EAAaG,oBAAoBC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE/F,IAAIF,MAAMR,IAAI,EAAE;QACdQ,MAAMR,IAAI,CAACU,SAAS,OAAGf,mBAAAA,EAAaG,oBAAoBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACpF;IAEA,OAAOF;AACT,EAAE"}

View File

@@ -0,0 +1,26 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Nav", {
enumerable: true,
get: function() {
return Nav;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useNav = require("./useNav");
const _renderNav = require("./renderNav");
const _useNavStylesstyles = require("./useNavStyles.styles");
const _useNavContextValues = require("../useNavContextValues");
const Nav = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useNav.useNav_unstable)(props, ref);
const contextValues = (0, _useNavContextValues.useNavContextValues_unstable)(state);
(0, _useNavStylesstyles.useNavStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useHamburgerStyles_unstable')(state);
return (0, _renderNav.renderNav_unstable)(state, contextValues);
});
Nav.displayName = 'Nav';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Nav/Nav.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNav_unstable } from './useNav';\nimport { renderNav_unstable } from './renderNav';\nimport { useNavStyles_unstable } from './useNavStyles.styles';\nimport { useNavContextValues_unstable } from '../useNavContextValues';\nimport type { NavProps } from './Nav.types';\n\n/**\n * Nav - A component that provides up to two levels of nesting for navigation.\n */\nexport const Nav: ForwardRefComponent<NavProps> = React.forwardRef((props, ref) => {\n const state = useNav_unstable(props, ref);\n\n const contextValues = useNavContextValues_unstable(state);\n\n useNavStyles_unstable(state);\n useCustomStyleHook_unstable('useHamburgerStyles_unstable')(state);\n\n return renderNav_unstable(state, contextValues);\n});\n\nNav.displayName = 'Nav';\n"],"names":["React","useCustomStyleHook_unstable","useNav_unstable","renderNav_unstable","useNavStyles_unstable","useNavContextValues_unstable","Nav","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;wBAE9C,WAAW;2BACR,cAAc;oCACX,wBAAwB;qCACjB,yBAAyB;AAM/D,MAAMM,MAAAA,WAAAA,GAAqCN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACzE,MAAMC,YAAQR,uBAAAA,EAAgBM,OAAOC;IAErC,MAAME,oBAAgBN,iDAAAA,EAA6BK;QAEnDN,yCAAAA,EAAsBM;QACtBT,gDAAAA,EAA4B,+BAA+BS;IAE3D,WAAOP,6BAAAA,EAAmBO,OAAOC;AACnC,GAAG;AAEHL,IAAIM,WAAW,GAAG"}

View File

@@ -0,0 +1,6 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Nav/Nav.types.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { ComponentProps, ComponentState, EventData, EventHandler, Slot } from '@fluentui/react-utilities';\nimport type { NavContextValue, NavItemValue } from '../NavContext.types';\n\nexport type NavSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\n/***\n * Indicates the vertical density of the Nav content.\n * This does not affect horizontal spacing.\n */\nexport type NavDensity = 'small' | 'medium';\n\n/**\n * Nav Props\n */\nexport type NavProps = ComponentProps<NavSlots> & {\n /**\n * The value of the navItem to be selected by default.\n * Typically useful when the selectedValue is uncontrolled.\n * Mutually exclusive with selectedValue.\n * Empty string indicates no selection.\n */\n defaultSelectedValue?: NavItemValue;\n\n /**\n * The value of the navCategory to be selected by default.\n * Typically useful when the selectedValue is uncontrolled.\n * Mutually exclusive with selectedValue.\n * Empty string indicates no selection.\n */\n defaultSelectedCategoryValue?: NavItemValue;\n\n /**\n * Set of categories that are opened by default.\n * Typically useful when the openCategories is uncontrolled.\n */\n defaultOpenCategories?: NavItemValue[];\n\n /**\n * Controls the open categories.\n * For use in controlled scenarios.\n */\n openCategories?: NavItemValue[];\n\n /**\n * Raised when a navItem is selected.\n * If the navItem is child of a category, the categoryValue will be provided\n */\n onNavItemSelect?: EventHandler<OnNavItemSelectData>;\n\n /**\n * The value of the currently selected navItem.\n * Mutually exclusive with defaultSelectedValue.\n * @default undefined\n */\n selectedValue?: NavItemValue;\n\n /**\n * Indicates a category that has a selected child\n * Will show the category as selected if it is closed.\n * @default undefined\n */\n selectedCategoryValue?: NavItemValue;\n\n /**\n * Indicates if Nav supports multiple open Categories at the same time.\n * @default true, indicating that multiple categories can be open at the same time.\n */\n multiple?: boolean;\n\n /**\n * Callback raised when a NavCategoryItem is toggled.\n */\n onNavCategoryItemToggle?: EventHandler<OnNavItemSelectData>;\n\n /**\n * The vertical density of the Nav and it's children\n * @default 'medium'\n */\n density?: NavDensity;\n};\n\nexport type OnNavItemSelectData = EventData<'click', React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>> & {\n /**\n * The value of the selected navItem.\n * In the case of a category selection, this will be the value of the selected category.\n */\n value: NavItemValue;\n\n /**\n * The parent value of the selected navSubItem\n * Null if not a child of a category\n */\n categoryValue?: NavItemValue;\n};\n\n/**\n * State used in rendering Nav\n */\nexport type NavState = ComponentState<NavSlots> & NavContextValue;\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Nav: function() {
return _Nav.Nav;
},
navClassNames: function() {
return _useNavStylesstyles.navClassNames;
},
renderNav_unstable: function() {
return _renderNav.renderNav_unstable;
},
useNavStyles_unstable: function() {
return _useNavStylesstyles.useNavStyles_unstable;
},
useNav_unstable: function() {
return _useNav.useNav_unstable;
}
});
const _Nav = require("./Nav");
const _renderNav = require("./renderNav");
const _useNav = require("./useNav");
const _useNavStylesstyles = require("./useNavStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Nav/index.ts"],"sourcesContent":["export { Nav } from './Nav';\nexport type { NavSlots, NavProps, OnNavItemSelectData, NavState, NavDensity } from './Nav.types';\nexport { renderNav_unstable } from './renderNav';\nexport { useNav_unstable } from './useNav';\nexport { useNavStyles_unstable, navClassNames } from './useNavStyles.styles';\n"],"names":["Nav","renderNav_unstable","useNav_unstable","useNavStyles_unstable","navClassNames"],"mappings":";;;;;;;;;;;;eAASA,QAAG;;;eAIoBI,iCAAa;;;eAFpCH,6BAAkB;;;eAElBE,yCAAqB;;;eADrBD,uBAAe;;;qBAHJ,QAAQ;2BAEO,cAAc;wBACjB,WAAW;oCACU,wBAAwB"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderNav_unstable", {
enumerable: true,
get: function() {
return renderNav_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const _NavContext = require("../NavContext");
const renderNav_unstable = (state, contextValues)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_NavContext.NavProvider, {
value: contextValues.nav,
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
});
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Nav/renderNav.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { NavProvider } from '../NavContext';\nimport type { NavState, NavSlots } from './Nav.types';\nimport type { NavContextValues } from '../NavContext.types';\n\nexport const renderNav_unstable = (state: NavState, contextValues: NavContextValues): JSXElement => {\n assertSlots<NavSlots>(state);\n\n return (\n <NavProvider value={contextValues.nav}>\n <state.root />\n </NavProvider>\n );\n};\n"],"names":["assertSlots","NavProvider","renderNav_unstable","state","contextValues","value","nav","root"],"mappings":";;;;+BASaE;;;;;;4BARb,gDAAiD;gCAErB,4BAA4B;4BAE5B,gBAAgB;AAIrC,2BAA2B,CAACC,OAAiBC;QAClDJ,2BAAAA,EAAsBG;IAEtB,OAAA,WAAA,OACE,eAAA,EAACF,uBAAAA,EAAAA;QAAYI,OAAOD,cAAcE,GAAG;kBACnC,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

View File

@@ -0,0 +1,139 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useNav_unstable", {
enumerable: true,
get: function() {
return useNav_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
/**
* Initial value for the uncontrolled case of the list of open indexes
*/ function initializeUncontrolledOpenCategories({ defaultOpenCategories, multiple }) {
if (defaultOpenCategories !== undefined) {
if (Array.isArray(defaultOpenCategories)) {
return multiple ? defaultOpenCategories : [
defaultOpenCategories[0]
];
}
return [
defaultOpenCategories
];
}
return undefined;
}
/**
* Updates the list of open indexes based on an index that changes
* @param value - the index that will change
* @param previousOpenItems - list of current open indexes
* @param multiple - if Nav supports open categories at the same time
*/ const updateOpenCategories = (value, previousOpenItems, multiple)=>{
if (multiple) {
if (previousOpenItems.includes(value)) {
return previousOpenItems.filter((i)=>i !== value);
} else {
return [
...previousOpenItems,
value
];
}
}
return previousOpenItems[0] === value ? [] : [
value
];
};
const useNav_unstable = (props, ref)=>{
const { onNavItemSelect, onNavCategoryItemToggle, multiple = true, density = 'medium', openCategories: controlledOpenCategoryItems, selectedCategoryValue: controlledSelectedCategoryValue, selectedValue: controlledSelectedValue, defaultOpenCategories, defaultSelectedValue, defaultSelectedCategoryValue } = props;
const innerRef = _react.useRef(null);
const [openCategories, setOpenCategories] = (0, _reactutilities.useControllableState)({
state: controlledOpenCategoryItems,
defaultState: initializeUncontrolledOpenCategories({
defaultOpenCategories,
multiple
}),
initialState: []
});
const [selectedCategoryValue, setSelectedCategoryValue] = (0, _reactutilities.useControllableState)({
state: controlledSelectedCategoryValue,
defaultState: defaultSelectedCategoryValue,
initialState: undefined
});
const [selectedValue, setSelectedValue] = (0, _reactutilities.useControllableState)({
state: controlledSelectedValue,
defaultState: defaultSelectedValue,
initialState: undefined
});
// considered usePrevious, but it is sensitive to re-renders
// this could cause the previous to move to current in the case where the navItem list re-renders.
// these refs avoid getRegisteredNavItems changing when selectedValue changes and causing
// renders for navItems that have not changed.
const currentSelectedValue = _react.useRef(undefined);
const previousSelectedValue = _react.useRef(undefined);
const currentSelectedCategoryValue = _react.useRef(undefined);
const previousSelectedCategoryValue = _react.useRef(undefined);
if (currentSelectedValue.current !== selectedValue) {
previousSelectedValue.current = currentSelectedValue.current;
currentSelectedValue.current = selectedValue;
}
if (currentSelectedCategoryValue.current !== selectedCategoryValue) {
previousSelectedCategoryValue.current = currentSelectedCategoryValue.current;
currentSelectedCategoryValue.current = selectedCategoryValue;
}
// used for NavItems and NavSubItems
const onSelect = (0, _reactutilities.useEventCallback)((event, data)=>{
setSelectedValue(data.value);
setSelectedCategoryValue(data.categoryValue ? data.categoryValue : '');
onNavItemSelect === null || onNavItemSelect === void 0 ? void 0 : onNavItemSelect(event, data);
});
// used for NavCategoryItems
const onRequestNavCategoryItemToggle = (0, _reactutilities.useEventCallback)((event, data)=>{
if (data.categoryValue !== undefined) {
const nextOpenCategories = updateOpenCategories(data.categoryValue, openCategories !== null && openCategories !== void 0 ? openCategories : [], multiple);
onNavCategoryItemToggle === null || onNavCategoryItemToggle === void 0 ? void 0 : onNavCategoryItemToggle(event, data);
setOpenCategories(nextOpenCategories);
}
});
const registeredNavItems = _react.useRef({});
const onRegister = _react.useCallback((data)=>{
registeredNavItems.current[JSON.stringify(data.value)] = data;
}, []);
const onUnregister = _react.useCallback((data)=>{
delete registeredNavItems.current[JSON.stringify(data.value)];
}, []);
const getRegisteredNavItems = _react.useCallback(()=>{
return {
selectedValue: currentSelectedValue.current,
previousSelectedValue: previousSelectedValue.current,
selectedCategoryValue: currentSelectedCategoryValue.current,
previousSelectedCategoryValue: previousSelectedCategoryValue.current,
registeredNavItems: registeredNavItems.current
};
}, []);
return {
components: {
root: 'div'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
ref: (0, _reactutilities.useMergedRefs)(ref, innerRef),
...props
}), {
elementType: 'div'
}),
openCategories,
selectedValue,
selectedCategoryValue,
onRegister,
onUnregister,
onSelect,
getRegisteredNavItems,
onRequestNavCategoryItemToggle,
multiple,
density,
tabbable: false
};
};

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,44 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
navClassNames: function() {
return navClassNames;
},
useNavStyles_unstable: function() {
return useNavStyles_unstable;
}
});
const _react = require("@griffel/react");
const navClassNames = {
root: 'fui-Nav'
};
/**
* Styles for the root slot
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
mc9l5x: "f22iagw",
Beiy3e4: "f1vx9l62"
}
}, {
d: [
".f22iagw{display:flex;}",
".f1vx9l62{flex-direction:column;}"
]
});
const useNavStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(navClassNames.root, styles.root, state.root.className);
// TODO Add class names to slots, for example:
// state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useNavStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const navClassNames = {\n root: 'fui-Nav'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column'\n }\n});\n/**\n * Apply styling to the Nav slots based on the state\n */ export const useNavStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);\n // TODO Add class names to slots, for example:\n // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","navClassNames","root","useStyles","mc9l5x","Beiy3e4","d","useNavStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,aAAa;;;IAaTM,qBAAqB;;;;uBAdG,gBAAgB;AAClD,sBAAsB;IACzBL,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAKrB,CAAC;AAGS,+BAA+BE,KAAK,IAAG;IAC9C,aAAa;IACb,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;IAC1BK,KAAK,CAACN,IAAI,CAACQ,SAAS,OAAGV,mBAAY,EAACC,aAAa,CAACC,IAAI,EAAEO,MAAM,CAACP,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACQ,SAAS,CAAC;IAC1F,8CAAA;IACA,gFAAA;IACA,OAAOF,KAAK;AAChB,CAAC"}

View File

@@ -0,0 +1,39 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
navClassNames: function() {
return navClassNames;
},
useNavStyles_unstable: function() {
return useNavStyles_unstable;
}
});
const _react = require("@griffel/react");
const navClassNames = {
root: 'fui-Nav'
};
/**
* Styles for the root slot
*/ const useStyles = (0, _react.makeStyles)({
root: {
display: 'flex',
flexDirection: 'column'
}
});
const useNavStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(navClassNames.root, styles.root, state.root.className);
// TODO Add class names to slots, for example:
// state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Nav/useNavStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSlots, NavState } from './Nav.types';\n\nexport const navClassNames: SlotClassNames<NavSlots> = {\n root: 'fui-Nav',\n // TODO: add class names for all slots on NavSlots.\n // Should be of the form `<slotName>: 'fui-Nav__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n },\n\n // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the Nav slots based on the state\n */\nexport const useNavStyles_unstable = (state: NavState): NavState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);\n\n // TODO Add class names to slots, for example:\n // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","navClassNames","root","useStyles","display","flexDirection","useNavStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,aAAAA;;;yBAqBAK;eAAAA;;;uBAzB4B,iBAAiB;AAInD,sBAAgD;IACrDJ,MAAM;AAGR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,SAAS;QACTC,eAAe;IACjB;AAGF;AAKO,8BAA8B,CAACE;IACpC;IAEA,MAAMC,SAASL;IACfI,MAAML,IAAI,CAACO,SAAS,OAAGT,mBAAAA,EAAaC,cAAcC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEzF,8CAA8C;IAC9C,gFAAgF;IAEhF,OAAOF;AACT,EAAE"}

View File

@@ -0,0 +1,22 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "NavCategory", {
enumerable: true,
get: function() {
return NavCategory;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _useNavCategory = require("./useNavCategory");
const _renderNavCategory = require("./renderNavCategory");
const _useNavCategoryContextValues_unstable = require("../useNavCategoryContextValues_unstable");
const NavCategory = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useNavCategory.useNavCategory_unstable)(props, ref);
const contextValues = (0, _useNavCategoryContextValues_unstable.useNavCategoryContextValues_unstable)(state);
return (0, _renderNavCategory.renderNavCategory_unstable)(state, contextValues);
});
NavCategory.displayName = 'NavCategory';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/NavCategory/NavCategory.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { NavCategoryProps } from './NavCategory.types';\n\nimport { useNavCategory_unstable } from './useNavCategory';\nimport { renderNavCategory_unstable } from './renderNavCategory';\nimport { useNavCategoryContextValues_unstable } from '../useNavCategoryContextValues_unstable';\n\n/**\n * NavCategory component - a category in the navigation menu that can contain multiple items.\n */\nexport const NavCategory: ForwardRefComponent<NavCategoryProps> = React.forwardRef((props, ref) => {\n const state = useNavCategory_unstable(props, ref);\n const contextValues = useNavCategoryContextValues_unstable(state);\n\n return renderNavCategory_unstable(state, contextValues);\n});\n\nNavCategory.displayName = 'NavCategory';\n"],"names":["React","useNavCategory_unstable","renderNavCategory_unstable","useNavCategoryContextValues_unstable","NavCategory","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCAKS,mBAAmB;mCAChB,sBAAsB;sDACZ,0CAA0C;AAKxF,MAAMI,cAAAA,WAAAA,GAAqDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQP,2CAAAA,EAAwBK,OAAOC;IAC7C,MAAME,oBAAgBN,0EAAAA,EAAqCK;IAE3D,WAAON,6CAAAA,EAA2BM,OAAOC;AAC3C,GAAG;AAEHL,YAAYM,WAAW,GAAG"}

View File

@@ -0,0 +1,6 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/NavCategory/NavCategory.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavItemValue } from '../NavContext.types';\nimport { NavCategoryContextValue } from '../NavCategoryContext';\n\n/**\n * NavCategory Props\n */\nexport type NavCategoryProps = {\n /**\n * Required value that identifies this item inside an Nav component.\n */\n value: NavItemValue;\n\n /**\n * Children of the NavCategory\n */\n children?: React.ReactNode | null;\n};\n\n/**\n * State used in rendering NavCategory\n */\nexport type NavCategoryState = NavCategoryContextValue & Required<NavCategoryProps>;\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

View File

@@ -0,0 +1,24 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavCategory: function() {
return _NavCategory.NavCategory;
},
renderNavCategory_unstable: function() {
return _renderNavCategory.renderNavCategory_unstable;
},
useNavCategory_unstable: function() {
return _useNavCategory.useNavCategory_unstable;
}
});
const _NavCategory = require("./NavCategory");
const _renderNavCategory = require("./renderNavCategory");
const _useNavCategory = require("./useNavCategory");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/NavCategory/index.ts"],"sourcesContent":["export { NavCategory } from './NavCategory';\nexport type { NavCategoryProps, NavCategoryState } from './NavCategory.types';\nexport { renderNavCategory_unstable } from './renderNavCategory';\nexport { useNavCategory_unstable } from './useNavCategory';\n"],"names":["NavCategory","renderNavCategory_unstable","useNavCategory_unstable"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eAEXC,6CAA0B;;;eAC1BC,uCAAuB;;;6BAHJ,gBAAgB;mCAED,sBAAsB;gCACzB,mBAAmB"}

View File

@@ -0,0 +1,18 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderNavCategory_unstable", {
enumerable: true,
get: function() {
return renderNavCategory_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _NavCategoryContext = require("../NavCategoryContext");
const renderNavCategory_unstable = (state, contextValues)=>{
return /*#__PURE__*/ _react.createElement(_NavCategoryContext.NavCategoryProvider, {
value: contextValues.categoryValue
}, state.children);
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/NavCategory/renderNavCategory.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\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): JSXElement => {\n return <NavCategoryProvider value={contextValues.categoryValue}>{state.children}</NavCategoryProvider>;\n};\n"],"names":["React","NavCategoryProvider","renderNavCategory_unstable","state","contextValues","value","categoryValue","children"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;oCAE+B,wBAAwB;AAO/E,MAAME,6BAA6B,CACxCC,OACAC;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACH,uCAAAA,EAAAA;QAAoBI,OAAOD,cAAcE,aAAa;OAAGH,MAAMI,QAAQ;AACjF,EAAE"}

View File

@@ -0,0 +1,24 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useNavCategory_unstable", {
enumerable: true,
get: function() {
return useNavCategory_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _NavContext = require("../NavContext");
const useNavCategory_unstable = (props, ref)=>{
const { value, children } = props;
const { openCategories } = (0, _NavContext.useNavContext_unstable)();
const open = openCategories === null || openCategories === void 0 ? void 0 : openCategories.includes(value);
return {
open,
value,
children: children !== null && children !== void 0 ? children : null
};
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/NavCategory/useNavCategory.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useNavContext_unstable } from '../NavContext';\n\nimport type { NavCategoryProps, NavCategoryState } from './NavCategory.types';\n\n/**\n * Create the state required to render NavCategory.\n *\n * The returned state can be modified with hooks such as useNavCategoryStyles_unstable,\n * before being passed to renderNavCategory_unstable.\n *\n * @param props - props from this instance of NavCategory\n * @param ref - reference to root HTMLDivElement of NavCategory\n */\nexport const useNavCategory_unstable = (props: NavCategoryProps, ref: React.Ref<HTMLDivElement>): NavCategoryState => {\n const { value, children } = props;\n\n const { openCategories } = useNavContext_unstable();\n\n const open: boolean = openCategories?.includes(value);\n\n return {\n open,\n value,\n children: children ?? null,\n };\n};\n"],"names":["React","useNavContext_unstable","useNavCategory_unstable","props","ref","value","children","openCategories","open","includes"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;4BACQ,gBAAgB;AAahD,MAAME,0BAA0B,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAE5B,MAAM,EAAEI,cAAc,EAAE,GAAGN,sCAAAA;IAE3B,MAAMO,OAAgBD,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBE,QAAQ,CAACJ;IAE/C,OAAO;QACLG;QACAH;QACAC,UAAUA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY;IACxB;AACF,EAAE"}

View File

@@ -0,0 +1,31 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NavCategoryProvider: function() {
return NavCategoryProvider;
},
useNavCategoryContext_unstable: function() {
return useNavCategoryContext_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const NavCategoryContext = /*#__PURE__*/ _react.createContext(undefined);
const navCategoryContextDefaultValue = {
open: false,
value: ''
};
const { Provider: NavCategoryProvider } = NavCategoryContext;
const useNavCategoryContext_unstable = ()=>{
var _React_useContext;
return (_React_useContext = _react.useContext(NavCategoryContext)) !== null && _React_useContext !== void 0 ? _React_useContext : navCategoryContextDefaultValue;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/NavCategoryContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { NavItemValue } from './NavContext.types';\n\n// This context is analogous to AccordionItemContext\n\nexport type NavCategoryContextValues = {\n categoryValue: NavCategoryContextValue;\n};\n\nexport type NavCategoryContextValue = {\n open: boolean;\n value: NavItemValue;\n};\n\nconst NavCategoryContext = React.createContext<NavCategoryContextValue | undefined>(\n undefined,\n) as React.Context<NavCategoryContextValue>;\n\nconst navCategoryContextDefaultValue: NavCategoryContextValue = {\n open: false,\n value: '',\n};\n\nexport const { Provider: NavCategoryProvider } = NavCategoryContext;\n\nexport const useNavCategoryContext_unstable = (): NavCategoryContextValue => {\n return React.useContext(NavCategoryContext) ?? navCategoryContextDefaultValue;\n};\n"],"names":["React","NavCategoryContext","createContext","undefined","navCategoryContextDefaultValue","open","value","Provider","NavCategoryProvider","useNavCategoryContext_unstable","useContext"],"mappings":"AAAA;;;;;;;;;;;;;;;kCA2BaS;;;;;iEAzBU,QAAQ;AAc/B,MAAMR,mCAAqBD,OAAME,aAAa,CAC5CC;AAGF,MAAMC,iCAA0D;IAC9DC,MAAM;IACNC,OAAO;AACT;AAEO,MAAM,EAAEC,UAAUC,mBAAmB,EAAE,GAAGP,mBAAmB;AAE7D,MAAMQ,iCAAiC;QACrCT;IAAP,OAAOA,CAAAA,oBAAAA,OAAMU,UAAU,CAACT,mBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAwCI;AACjD,EAAE"}

Some files were not shown because too many files have changed in this diff Show More