@fluentui/react-nav 9.3.23 → 9.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +41 -2
- package/dist/index.d.ts +105 -13
- package/lib/AppItem.js +1 -1
- package/lib/AppItem.js.map +1 -1
- package/lib/AppItemStatic.js +1 -1
- package/lib/AppItemStatic.js.map +1 -1
- package/lib/Nav.js +2 -2
- package/lib/Nav.js.map +1 -1
- package/lib/NavItem.js +1 -1
- package/lib/NavItem.js.map +1 -1
- package/lib/NavSubItem.js +1 -1
- package/lib/NavSubItem.js.map +1 -1
- package/lib/NavSubItemGroup.js +1 -1
- package/lib/NavSubItemGroup.js.map +1 -1
- package/lib/components/AppItem/AppItem.types.js +1 -3
- package/lib/components/AppItem/AppItem.types.js.map +1 -1
- package/lib/components/AppItem/index.js +1 -1
- package/lib/components/AppItem/index.js.map +1 -1
- package/lib/components/AppItem/useAppItem.js +18 -4
- package/lib/components/AppItem/useAppItem.js.map +1 -1
- package/lib/components/AppItem/useAppItemStyles.styles.js +2 -0
- package/lib/components/AppItem/useAppItemStyles.styles.js.map +1 -1
- package/lib/components/AppItem/useAppItemStyles.styles.raw.js +2 -0
- package/lib/components/AppItem/useAppItemStyles.styles.raw.js.map +1 -1
- package/lib/components/AppItemStatic/AppItemStatic.types.js +1 -3
- package/lib/components/AppItemStatic/AppItemStatic.types.js.map +1 -1
- package/lib/components/AppItemStatic/index.js +1 -1
- package/lib/components/AppItemStatic/index.js.map +1 -1
- package/lib/components/AppItemStatic/useAppItemStatic.js +9 -4
- package/lib/components/AppItemStatic/useAppItemStatic.js.map +1 -1
- package/lib/components/AppItemStatic/useAppItemStaticStyles.styles.js +2 -0
- package/lib/components/AppItemStatic/useAppItemStaticStyles.styles.js.map +1 -1
- package/lib/components/AppItemStatic/useAppItemStaticStyles.styles.raw.js +2 -0
- package/lib/components/AppItemStatic/useAppItemStaticStyles.styles.raw.js.map +1 -1
- package/lib/components/Hamburger/Hamburger.types.js.map +1 -1
- package/lib/components/Hamburger/useHamburgerStyles.styles.js +2 -0
- package/lib/components/Hamburger/useHamburgerStyles.styles.js.map +1 -1
- package/lib/components/Hamburger/useHamburgerStyles.styles.raw.js +2 -0
- package/lib/components/Hamburger/useHamburgerStyles.styles.raw.js.map +1 -1
- package/lib/components/Nav/Nav.types.js +1 -1
- package/lib/components/Nav/Nav.types.js.map +1 -1
- package/lib/components/Nav/index.js +1 -1
- package/lib/components/Nav/index.js.map +1 -1
- package/lib/components/Nav/useNav.js +17 -4
- package/lib/components/Nav/useNav.js.map +1 -1
- package/lib/components/Nav/useNavStyles.styles.js +1 -0
- package/lib/components/Nav/useNavStyles.styles.js.map +1 -1
- package/lib/components/Nav/useNavStyles.styles.raw.js +1 -0
- package/lib/components/Nav/useNavStyles.styles.raw.js.map +1 -1
- package/lib/components/NavCategory/NavCategory.types.js +3 -1
- package/lib/components/NavCategory/NavCategory.types.js.map +1 -1
- package/lib/components/NavCategory/renderNavCategory.js.map +1 -1
- package/lib/components/NavCategory/useNavCategory.js +0 -1
- package/lib/components/NavCategory/useNavCategory.js.map +1 -1
- package/lib/components/NavCategoryContext.js.map +1 -1
- package/lib/components/NavCategoryItem/NavCategoryItem.types.js +1 -1
- package/lib/components/NavCategoryItem/NavCategoryItem.types.js.map +1 -1
- package/lib/components/NavCategoryItem/index.js +1 -1
- package/lib/components/NavCategoryItem/index.js.map +1 -1
- package/lib/components/NavCategoryItem/useNavCategoryItem.js +34 -12
- package/lib/components/NavCategoryItem/useNavCategoryItem.js.map +1 -1
- package/lib/components/NavCategoryItem/useNavCategoryItem.styles.js +3 -0
- package/lib/components/NavCategoryItem/useNavCategoryItem.styles.js.map +1 -1
- package/lib/components/NavCategoryItem/useNavCategoryItem.styles.raw.js +3 -0
- package/lib/components/NavCategoryItem/useNavCategoryItem.styles.raw.js.map +1 -1
- package/lib/components/NavCategoryItemContext.js.map +1 -1
- package/lib/components/NavContext.js.map +1 -1
- package/lib/components/NavContext.types.js +1 -1
- package/lib/components/NavContext.types.js.map +1 -1
- package/lib/components/NavDivider/useNavDivider.js +0 -1
- package/lib/components/NavDivider/useNavDivider.js.map +1 -1
- package/lib/components/NavDivider/useNavDividerStyles.styles.js +2 -0
- package/lib/components/NavDivider/useNavDividerStyles.styles.js.map +1 -1
- package/lib/components/NavDivider/useNavDividerStyles.styles.raw.js +2 -0
- package/lib/components/NavDivider/useNavDividerStyles.styles.raw.js.map +1 -1
- package/lib/components/NavDrawer/NavDrawer.js.map +1 -1
- package/lib/components/NavDrawer/NavDrawer.types.js.map +1 -1
- package/lib/components/NavDrawer/useNavDrawer.js +0 -1
- package/lib/components/NavDrawer/useNavDrawer.js.map +1 -1
- package/lib/components/NavDrawer/useNavDrawerStyles.styles.js +1 -0
- package/lib/components/NavDrawer/useNavDrawerStyles.styles.js.map +1 -1
- package/lib/components/NavDrawer/useNavDrawerStyles.styles.raw.js +1 -0
- package/lib/components/NavDrawer/useNavDrawerStyles.styles.raw.js.map +1 -1
- package/lib/components/NavDrawerBody/useNavDrawerBody.js +0 -1
- package/lib/components/NavDrawerBody/useNavDrawerBody.js.map +1 -1
- package/lib/components/NavDrawerBody/useNavDrawerBodyStyles.styles.js +1 -0
- package/lib/components/NavDrawerBody/useNavDrawerBodyStyles.styles.js.map +1 -1
- package/lib/components/NavDrawerBody/useNavDrawerBodyStyles.styles.raw.js +1 -0
- package/lib/components/NavDrawerBody/useNavDrawerBodyStyles.styles.raw.js.map +1 -1
- package/lib/components/NavDrawerFooter/useNavDrawerFooter.js +0 -1
- package/lib/components/NavDrawerFooter/useNavDrawerFooter.js.map +1 -1
- package/lib/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.js +1 -0
- package/lib/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.js.map +1 -1
- package/lib/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.raw.js +1 -0
- package/lib/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.raw.js.map +1 -1
- package/lib/components/NavDrawerHeader/useNavDrawerHeader.js +0 -1
- package/lib/components/NavDrawerHeader/useNavDrawerHeader.js.map +1 -1
- package/lib/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.js +1 -0
- package/lib/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.js.map +1 -1
- package/lib/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js +1 -0
- package/lib/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js.map +1 -1
- package/lib/components/NavItem/NavItem.types.js +1 -3
- package/lib/components/NavItem/NavItem.types.js.map +1 -1
- package/lib/components/NavItem/index.js +1 -1
- package/lib/components/NavItem/index.js.map +1 -1
- package/lib/components/NavItem/useNavItem.js +16 -3
- package/lib/components/NavItem/useNavItem.js.map +1 -1
- package/lib/components/NavItem/useNavItemStyles.styles.js +2 -0
- package/lib/components/NavItem/useNavItemStyles.styles.js.map +1 -1
- package/lib/components/NavItem/useNavItemStyles.styles.raw.js +2 -0
- package/lib/components/NavItem/useNavItemStyles.styles.raw.js.map +1 -1
- package/lib/components/NavSectionHeader/useNavSectionHeader.js +0 -1
- package/lib/components/NavSectionHeader/useNavSectionHeader.js.map +1 -1
- package/lib/components/NavSectionHeader/useNavSectionHeaderStyles.styles.js +1 -0
- package/lib/components/NavSectionHeader/useNavSectionHeaderStyles.styles.js.map +1 -1
- package/lib/components/NavSectionHeader/useNavSectionHeaderStyles.styles.raw.js +1 -0
- package/lib/components/NavSectionHeader/useNavSectionHeaderStyles.styles.raw.js.map +1 -1
- package/lib/components/NavSubItem/NavSubItem.types.js +1 -3
- package/lib/components/NavSubItem/NavSubItem.types.js.map +1 -1
- package/lib/components/NavSubItem/index.js +1 -1
- package/lib/components/NavSubItem/index.js.map +1 -1
- package/lib/components/NavSubItem/useNavSubItem.js +16 -3
- package/lib/components/NavSubItem/useNavSubItem.js.map +1 -1
- package/lib/components/NavSubItem/useNavSubItemStyles.styles.js +1 -0
- package/lib/components/NavSubItem/useNavSubItemStyles.styles.js.map +1 -1
- package/lib/components/NavSubItem/useNavSubItemStyles.styles.raw.js +1 -0
- package/lib/components/NavSubItem/useNavSubItemStyles.styles.raw.js.map +1 -1
- package/lib/components/NavSubItemContext.js.map +1 -1
- package/lib/components/NavSubItemGroup/NavSubItemGroup.types.js +1 -3
- package/lib/components/NavSubItemGroup/NavSubItemGroup.types.js.map +1 -1
- package/lib/components/NavSubItemGroup/index.js +1 -1
- package/lib/components/NavSubItemGroup/index.js.map +1 -1
- package/lib/components/NavSubItemGroup/useNavSubItemGroup.js +25 -10
- package/lib/components/NavSubItemGroup/useNavSubItemGroup.js.map +1 -1
- package/lib/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.js +1 -0
- package/lib/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.js.map +1 -1
- package/lib/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.raw.js +1 -0
- package/lib/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.raw.js.map +1 -1
- package/lib/components/SplitNavItem/SplitNavItem.types.js.map +1 -1
- package/lib/components/SplitNavItem/useSplitNavItemStyles.styles.js +5 -0
- package/lib/components/SplitNavItem/useSplitNavItemStyles.styles.js.map +1 -1
- package/lib/components/SplitNavItem/useSplitNavItemStyles.styles.raw.js +5 -0
- package/lib/components/SplitNavItem/useSplitNavItemStyles.styles.raw.js.map +1 -1
- package/lib/components/useNavCategoryContextValues_unstable.js.map +1 -1
- package/lib/components/useNavCategoryItemContextValues_unstable.js.map +1 -1
- package/lib/components/useNavContextValues.js.map +1 -1
- package/lib/index.js +7 -7
- package/lib/index.js.map +1 -1
- package/lib-commonjs/AppItem.js +3 -0
- package/lib-commonjs/AppItem.js.map +1 -1
- package/lib-commonjs/AppItemStatic.js +3 -0
- package/lib-commonjs/AppItemStatic.js.map +1 -1
- package/lib-commonjs/Nav.js +6 -0
- package/lib-commonjs/Nav.js.map +1 -1
- package/lib-commonjs/NavItem.js +3 -0
- package/lib-commonjs/NavItem.js.map +1 -1
- package/lib-commonjs/NavSubItem.js +3 -0
- package/lib-commonjs/NavSubItem.js.map +1 -1
- package/lib-commonjs/NavSubItemGroup.js +3 -0
- package/lib-commonjs/NavSubItemGroup.js.map +1 -1
- package/lib-commonjs/components/AppItem/AppItem.types.js +1 -3
- package/lib-commonjs/components/AppItem/AppItem.types.js.map +1 -1
- package/lib-commonjs/components/AppItem/index.js +3 -0
- package/lib-commonjs/components/AppItem/index.js.map +1 -1
- package/lib-commonjs/components/AppItem/useAppItem.js +20 -8
- package/lib-commonjs/components/AppItem/useAppItem.js.map +1 -1
- package/lib-commonjs/components/AppItem/useAppItemStyles.styles.js +2 -0
- package/lib-commonjs/components/AppItem/useAppItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AppItem/useAppItemStyles.styles.raw.js +2 -0
- package/lib-commonjs/components/AppItem/useAppItemStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/AppItemStatic/AppItemStatic.types.js +1 -3
- package/lib-commonjs/components/AppItemStatic/AppItemStatic.types.js.map +1 -1
- package/lib-commonjs/components/AppItemStatic/index.js +3 -0
- package/lib-commonjs/components/AppItemStatic/index.js.map +1 -1
- package/lib-commonjs/components/AppItemStatic/useAppItemStatic.js +20 -8
- package/lib-commonjs/components/AppItemStatic/useAppItemStatic.js.map +1 -1
- package/lib-commonjs/components/AppItemStatic/useAppItemStaticStyles.styles.js +2 -0
- package/lib-commonjs/components/AppItemStatic/useAppItemStaticStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AppItemStatic/useAppItemStaticStyles.styles.raw.js +2 -0
- package/lib-commonjs/components/AppItemStatic/useAppItemStaticStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/Hamburger/Hamburger.types.js.map +1 -1
- package/lib-commonjs/components/Hamburger/useHamburgerStyles.styles.js +2 -0
- package/lib-commonjs/components/Hamburger/useHamburgerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Hamburger/useHamburgerStyles.styles.raw.js +2 -0
- package/lib-commonjs/components/Hamburger/useHamburgerStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/Nav/Nav.types.js +0 -2
- package/lib-commonjs/components/Nav/Nav.types.js.map +1 -1
- package/lib-commonjs/components/Nav/index.js +3 -0
- package/lib-commonjs/components/Nav/index.js.map +1 -1
- package/lib-commonjs/components/Nav/useNav.js +28 -7
- package/lib-commonjs/components/Nav/useNav.js.map +1 -1
- package/lib-commonjs/components/Nav/useNavStyles.styles.js +1 -0
- package/lib-commonjs/components/Nav/useNavStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Nav/useNavStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/Nav/useNavStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavCategory/NavCategory.types.js +3 -3
- package/lib-commonjs/components/NavCategory/NavCategory.types.js.map +1 -1
- package/lib-commonjs/components/NavCategory/renderNavCategory.js.map +1 -1
- package/lib-commonjs/components/NavCategory/useNavCategory.js +0 -2
- package/lib-commonjs/components/NavCategory/useNavCategory.js.map +1 -1
- package/lib-commonjs/components/NavCategoryContext.js.map +1 -1
- package/lib-commonjs/components/NavCategoryItem/NavCategoryItem.types.js +1 -1
- package/lib-commonjs/components/NavCategoryItem/NavCategoryItem.types.js.map +1 -1
- package/lib-commonjs/components/NavCategoryItem/index.js +3 -0
- package/lib-commonjs/components/NavCategoryItem/index.js.map +1 -1
- package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.js +40 -15
- package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.js.map +1 -1
- package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.js +3 -0
- package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.js.map +1 -1
- package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.raw.js +3 -0
- package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavCategoryItemContext.js.map +1 -1
- package/lib-commonjs/components/NavContext.js.map +1 -1
- package/lib-commonjs/components/NavContext.types.js +0 -2
- package/lib-commonjs/components/NavContext.types.js.map +1 -1
- package/lib-commonjs/components/NavDivider/useNavDivider.js +0 -2
- package/lib-commonjs/components/NavDivider/useNavDivider.js.map +1 -1
- package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.js +2 -0
- package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.raw.js +2 -0
- package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavDrawer/NavDrawer.js.map +1 -1
- package/lib-commonjs/components/NavDrawer/NavDrawer.types.js.map +1 -1
- package/lib-commonjs/components/NavDrawer/useNavDrawer.js +0 -2
- package/lib-commonjs/components/NavDrawer/useNavDrawer.js.map +1 -1
- package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.js +1 -0
- package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavDrawerBody/useNavDrawerBody.js +0 -2
- package/lib-commonjs/components/NavDrawerBody/useNavDrawerBody.js.map +1 -1
- package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.js +1 -0
- package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooter.js +0 -2
- package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooter.js.map +1 -1
- package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.js +1 -0
- package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeader.js +0 -2
- package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeader.js.map +1 -1
- package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.js +1 -0
- package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavItem/NavItem.types.js +1 -3
- package/lib-commonjs/components/NavItem/NavItem.types.js.map +1 -1
- package/lib-commonjs/components/NavItem/index.js +3 -0
- package/lib-commonjs/components/NavItem/index.js.map +1 -1
- package/lib-commonjs/components/NavItem/useNavItem.js +21 -6
- package/lib-commonjs/components/NavItem/useNavItem.js.map +1 -1
- package/lib-commonjs/components/NavItem/useNavItemStyles.styles.js +2 -0
- package/lib-commonjs/components/NavItem/useNavItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavItem/useNavItemStyles.styles.raw.js +2 -0
- package/lib-commonjs/components/NavItem/useNavItemStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavSectionHeader/useNavSectionHeader.js +0 -2
- package/lib-commonjs/components/NavSectionHeader/useNavSectionHeader.js.map +1 -1
- package/lib-commonjs/components/NavSectionHeader/useNavSectionHeaderStyles.styles.js +1 -0
- package/lib-commonjs/components/NavSectionHeader/useNavSectionHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavSectionHeader/useNavSectionHeaderStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/NavSectionHeader/useNavSectionHeaderStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavSubItem/NavSubItem.types.js +1 -3
- package/lib-commonjs/components/NavSubItem/NavSubItem.types.js.map +1 -1
- package/lib-commonjs/components/NavSubItem/index.js +3 -0
- package/lib-commonjs/components/NavSubItem/index.js.map +1 -1
- package/lib-commonjs/components/NavSubItem/useNavSubItem.js +21 -6
- package/lib-commonjs/components/NavSubItem/useNavSubItem.js.map +1 -1
- package/lib-commonjs/components/NavSubItem/useNavSubItemStyles.styles.js +1 -0
- package/lib-commonjs/components/NavSubItem/useNavSubItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavSubItem/useNavSubItemStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/NavSubItem/useNavSubItemStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/NavSubItemContext.js.map +1 -1
- package/lib-commonjs/components/NavSubItemGroup/NavSubItemGroup.types.js +1 -3
- package/lib-commonjs/components/NavSubItemGroup/NavSubItemGroup.types.js.map +1 -1
- package/lib-commonjs/components/NavSubItemGroup/index.js +3 -0
- package/lib-commonjs/components/NavSubItemGroup/index.js.map +1 -1
- package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroup.js +30 -14
- package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroup.js.map +1 -1
- package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.js +1 -0
- package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.js.map +1 -1
- package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.raw.js +1 -0
- package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/SplitNavItem/SplitNavItem.types.js.map +1 -1
- package/lib-commonjs/components/SplitNavItem/useSplitNavItemStyles.styles.js +5 -0
- package/lib-commonjs/components/SplitNavItem/useSplitNavItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/SplitNavItem/useSplitNavItemStyles.styles.raw.js +5 -0
- package/lib-commonjs/components/SplitNavItem/useSplitNavItemStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/useNavCategoryContextValues_unstable.js.map +1 -1
- package/lib-commonjs/components/useNavCategoryItemContextValues_unstable.js.map +1 -1
- package/lib-commonjs/components/useNavContextValues.js.map +1 -1
- package/lib-commonjs/index.js +21 -0
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/useNavContextValues.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { NavContextValue, NavContextValues, NavState } from '../Nav';\n\nexport function useNavContextValues_unstable(state: NavState): NavContextValues {\n const {\n selectedValue,\n selectedCategoryValue,\n onRegister,\n onUnregister,\n onSelect,\n getRegisteredNavItems,\n onRequestNavCategoryItemToggle,\n openCategories,\n multiple,\n density,\n onNavItemSelect,\n tabbable,\n } = state;\n\n const navContext = React.useMemo<NavContextValue>(\n () => ({\n selectedValue,\n selectedCategoryValue,\n onSelect,\n onRegister,\n onUnregister,\n getRegisteredNavItems,\n onRequestNavCategoryItemToggle,\n openCategories,\n multiple,\n density,\n onNavItemSelect,\n tabbable,\n }),\n [\n selectedValue,\n selectedCategoryValue,\n onSelect,\n onRegister,\n onUnregister,\n getRegisteredNavItems,\n onRequestNavCategoryItemToggle,\n openCategories,\n multiple,\n density,\n onNavItemSelect,\n tabbable,\n ],\n );\n\n return { nav: navContext };\n}\n"],"names":["React","useNavContextValues_unstable","state","selectedValue","selectedCategoryValue","onRegister","onUnregister","onSelect","getRegisteredNavItems","onRequestNavCategoryItemToggle","openCategories","multiple","density","onNavItemSelect","tabbable","navContext","useMemo","nav"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,6BAA6BC,KAAe;IAC1D,MAAM,EACJC,aAAa,EACbC,qBAAqB,EACrBC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,qBAAqB,EACrBC,8BAA8B,EAC9BC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACPC,eAAe,EACfC,QAAQ,EACT,GAAGZ;IAEJ,MAAMa,aAAaf,MAAMgB,OAAO,CAC9B,IAAO,CAAA;YACLb;YACAC;YACAG;YACAF;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QACEX;QACAC;QACAG;QACAF;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IAGH,OAAO;QAAEG,KAAKF;IAAW;AAC3B"}
|
|
1
|
+
{"version":3,"sources":["../src/components/useNavContextValues.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { NavContextValue, NavContextValues, NavState } from '../Nav';\n\nexport function useNavContextValues_unstable(state: NavState): NavContextValues {\n const {\n selectedValue,\n selectedCategoryValue,\n onRegister,\n onUnregister,\n onSelect,\n getRegisteredNavItems,\n onRequestNavCategoryItemToggle,\n openCategories,\n multiple,\n density,\n onNavItemSelect,\n tabbable,\n } = state;\n\n const navContext = React.useMemo<NavContextValue>(\n () => ({\n selectedValue,\n selectedCategoryValue,\n onSelect,\n onRegister,\n onUnregister,\n getRegisteredNavItems,\n onRequestNavCategoryItemToggle,\n openCategories,\n multiple,\n density,\n onNavItemSelect,\n tabbable,\n }),\n [\n selectedValue,\n selectedCategoryValue,\n onSelect,\n onRegister,\n onUnregister,\n getRegisteredNavItems,\n onRequestNavCategoryItemToggle,\n openCategories,\n multiple,\n density,\n onNavItemSelect,\n tabbable,\n ],\n );\n\n return { nav: navContext };\n}\n"],"names":["React","useNavContextValues_unstable","state","selectedValue","selectedCategoryValue","onRegister","onUnregister","onSelect","getRegisteredNavItems","onRequestNavCategoryItemToggle","openCategories","multiple","density","onNavItemSelect","tabbable","navContext","useMemo","nav"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,6BAA6BC,KAAe;IAC1D,MAAM,EACJC,aAAa,EACbC,qBAAqB,EACrBC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,qBAAqB,EACrBC,8BAA8B,EAC9BC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACPC,eAAe,EACfC,QAAQ,EACT,GAAGZ;IAEJ,MAAMa,aAAaf,MAAMgB,OAAO,CAC9B,IAAO,CAAA;YACLb;YACAC;YACAG;YACAF;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QACEX;QACAC;QACAG;QACAF;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IAGH,OAAO;QAAEG,KAAKF;IAAW;AAC3B"}
|
package/lib/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { Nav, renderNav_unstable, useNav_unstable, useNavStyles_unstable, navClassNames } from './components/Nav/index';
|
|
1
|
+
export { Nav, renderNav_unstable, useNav_unstable, useNavBase_unstable, useNavStyles_unstable, navClassNames } from './components/Nav/index';
|
|
2
2
|
export { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';
|
|
3
|
-
export { NavCategoryItem, navCategoryItemClassNames, renderNavCategoryItem_unstable, useNavCategoryItem_unstable, useNavCategoryItemStyles_unstable } from './components/NavCategoryItem/index';
|
|
4
|
-
export { NavItem, renderNavItem_unstable, useNavItem_unstable, useNavItemStyles_unstable, navItemClassNames } from './components/NavItem/index';
|
|
3
|
+
export { NavCategoryItem, navCategoryItemClassNames, renderNavCategoryItem_unstable, useNavCategoryItem_unstable, useNavCategoryItemBase_unstable, useNavCategoryItemStyles_unstable } from './components/NavCategoryItem/index';
|
|
4
|
+
export { NavItem, renderNavItem_unstable, useNavItem_unstable, useNavItemBase_unstable, useNavItemStyles_unstable, navItemClassNames } from './components/NavItem/index';
|
|
5
5
|
export { NavProvider, useNavContext_unstable } from './components/NavContext';
|
|
6
|
-
export { NavSubItem, renderNavSubItem_unstable, useNavSubItem_unstable, useNavSubItemStyles_unstable, navSubItemClassNames } from './components/NavSubItem/index';
|
|
7
|
-
export { NavSubItemGroup, renderNavSubItemGroup_unstable, useNavSubItemGroup_unstable, useNavSubItemGroupStyles_unstable, navSubItemGroupClassNames } from './components/NavSubItemGroup/index';
|
|
6
|
+
export { NavSubItem, renderNavSubItem_unstable, useNavSubItem_unstable, useNavSubItemBase_unstable, useNavSubItemStyles_unstable, navSubItemClassNames } from './components/NavSubItem/index';
|
|
7
|
+
export { NavSubItemGroup, renderNavSubItemGroup_unstable, useNavSubItemGroup_unstable, useNavSubItemGroupBase_unstable, useNavSubItemGroupStyles_unstable, navSubItemGroupClassNames } from './components/NavSubItemGroup/index';
|
|
8
8
|
export { NavDrawer, navDrawerClassNames, renderNavDrawer_unstable, useNavDrawerStyles_unstable, useNavDrawer_unstable } from './NavDrawer';
|
|
9
9
|
export { NavDrawerFooter, navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable, useNavDrawerFooter_unstable } from './NavDrawerFooter';
|
|
10
10
|
export { NavDrawerHeader, navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable, useNavDrawerHeader_unstable } from './NavDrawerHeader';
|
|
@@ -12,8 +12,8 @@ export { NavDrawerBody, navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable
|
|
|
12
12
|
export { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from './Hamburger';
|
|
13
13
|
export { NavSectionHeader, navSectionHeaderClassNames, renderNavSectionHeader_unstable, useNavSectionHeaderStyles_unstable, useNavSectionHeader_unstable } from './NavSectionHeader';
|
|
14
14
|
export { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from './NavDivider';
|
|
15
|
-
export { AppItem, appItemClassNames, renderAppItem_unstable, useAppItemStyles_unstable, useAppItem_unstable } from './AppItem';
|
|
16
|
-
export { AppItemStatic, appItemStaticClassNames, renderAppItemStatic_unstable, useAppItemStaticStyles_unstable, useAppItemStatic_unstable } from './AppItemStatic';
|
|
15
|
+
export { AppItem, appItemClassNames, renderAppItem_unstable, useAppItemStyles_unstable, useAppItem_unstable, useAppItemBase_unstable } from './AppItem';
|
|
16
|
+
export { AppItemStatic, appItemStaticClassNames, renderAppItemStatic_unstable, useAppItemStaticStyles_unstable, useAppItemStatic_unstable, useAppItemStaticBase_unstable } from './AppItemStatic';
|
|
17
17
|
export { SplitNavItem, renderSplitNavItem_unstable, splitNavItemClassNames, useSplitNavItemStyles_unstable, useSplitNavItem_unstable } from './SplitNavItem';
|
|
18
18
|
export { NavCategoryProvider, useNavCategoryContext_unstable } from './components/NavCategoryContext';
|
|
19
19
|
export { useNavCategoryContextValues_unstable } from './components/useNavCategoryContextValues_unstable';
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Nav,\n renderNav_unstable,\n useNav_unstable,\n useNavBase_unstable,\n useNavStyles_unstable,\n navClassNames,\n} from './components/Nav/index';\nexport type {\n NavProps,\n NavSlots,\n NavState,\n NavDensity,\n OnNavItemSelectData,\n NavBaseProps,\n NavBaseState,\n} from './components/Nav/index';\n\nexport { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';\nexport type { NavCategoryProps, NavCategoryState } from './components/NavCategory/index';\n\nexport {\n NavCategoryItem,\n navCategoryItemClassNames,\n renderNavCategoryItem_unstable,\n useNavCategoryItem_unstable,\n useNavCategoryItemBase_unstable,\n useNavCategoryItemStyles_unstable,\n} from './components/NavCategoryItem/index';\nexport type {\n NavCategoryItemProps,\n NavCategoryItemSlots,\n NavCategoryItemState,\n NavCategoryItemBaseProps,\n NavCategoryItemBaseSlots,\n NavCategoryItemBaseState,\n} from './components/NavCategoryItem/index';\n\nexport {\n NavItem,\n renderNavItem_unstable,\n useNavItem_unstable,\n useNavItemBase_unstable,\n useNavItemStyles_unstable,\n navItemClassNames,\n} from './components/NavItem/index';\nexport type {\n NavItemSlots,\n NavItemProps,\n NavItemState,\n NavItemBaseProps,\n NavItemBaseState,\n} from './components/NavItem/index';\n\nexport { NavProvider, useNavContext_unstable } from './components/NavContext';\nexport type {\n NavItemValue,\n NavContextValue,\n NavContextValues,\n NavItemRegisterData,\n RegisterNavItemEventHandler,\n} from './components/NavContext.types';\n\nexport {\n NavSubItem,\n renderNavSubItem_unstable,\n useNavSubItem_unstable,\n useNavSubItemBase_unstable,\n useNavSubItemStyles_unstable,\n navSubItemClassNames,\n} from './components/NavSubItem/index';\nexport type {\n NavSubItemSlots,\n NavSubItemProps,\n NavSubItemState,\n NavSubItemBaseProps,\n NavSubItemBaseState,\n} from './components/NavSubItem/index';\n\nexport {\n NavSubItemGroup,\n renderNavSubItemGroup_unstable,\n useNavSubItemGroup_unstable,\n useNavSubItemGroupBase_unstable,\n useNavSubItemGroupStyles_unstable,\n navSubItemGroupClassNames,\n} from './components/NavSubItemGroup/index';\nexport type {\n NavSubItemGroupSlots,\n NavSubItemGroupProps,\n NavSubItemGroupState,\n NavSubItemGroupBaseSlots,\n NavSubItemGroupBaseProps,\n NavSubItemGroupBaseState,\n} from './components/NavSubItemGroup/index';\nexport type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './NavDrawer';\nexport {\n NavDrawer,\n navDrawerClassNames,\n renderNavDrawer_unstable,\n useNavDrawerStyles_unstable,\n useNavDrawer_unstable,\n} from './NavDrawer';\nexport type { NavDrawerFooterProps, NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter';\nexport {\n NavDrawerFooter,\n navDrawerFooterClassNames,\n useNavDrawerFooterStyles_unstable,\n useNavDrawerFooter_unstable,\n} from './NavDrawerFooter';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader';\nexport {\n NavDrawerHeader,\n navDrawerHeaderClassNames,\n useNavDrawerHeaderStyles_unstable,\n useNavDrawerHeader_unstable,\n} from './NavDrawerHeader';\nexport type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody';\nexport {\n NavDrawerBody,\n navDrawerBodyClassNames,\n useNavDrawerBodyStyles_unstable,\n useNavDrawerBody_unstable,\n} from './NavDrawerBody';\nexport type { HamburgerProps, HamburgerState } from './Hamburger';\nexport { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from './Hamburger';\nexport type { NavSectionHeaderProps, NavSectionHeaderSlots, NavSectionHeaderState } from './NavSectionHeader';\nexport {\n NavSectionHeader,\n navSectionHeaderClassNames,\n renderNavSectionHeader_unstable,\n useNavSectionHeaderStyles_unstable,\n useNavSectionHeader_unstable,\n} from './NavSectionHeader';\nexport type { NavDividerProps, NavDividerState } from './NavDivider';\nexport { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from './NavDivider';\nexport type { AppItemProps, AppItemSlots, AppItemState, AppItemBaseProps, AppItemBaseState } from './AppItem';\nexport {\n AppItem,\n appItemClassNames,\n renderAppItem_unstable,\n useAppItemStyles_unstable,\n useAppItem_unstable,\n useAppItemBase_unstable,\n} from './AppItem';\nexport type {\n AppItemStaticProps,\n AppItemStaticSlots,\n AppItemStaticState,\n AppItemStaticBaseProps,\n AppItemStaticBaseState,\n} from './AppItemStatic';\nexport {\n AppItemStatic,\n appItemStaticClassNames,\n renderAppItemStatic_unstable,\n useAppItemStaticStyles_unstable,\n useAppItemStatic_unstable,\n useAppItemStaticBase_unstable,\n} from './AppItemStatic';\nexport type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './SplitNavItem';\nexport {\n SplitNavItem,\n renderSplitNavItem_unstable,\n splitNavItemClassNames,\n useSplitNavItemStyles_unstable,\n useSplitNavItem_unstable,\n} from './SplitNavItem';\n\nexport type { NavCategoryContextValues } from './components/NavCategoryContext';\nexport { NavCategoryProvider, useNavCategoryContext_unstable } from './components/NavCategoryContext';\nexport { useNavCategoryContextValues_unstable } from './components/useNavCategoryContextValues_unstable';\n\nexport type { NavCategoryItemContextValues } from './components/NavCategoryItem/NavCategoryItem.types';\nexport { NavCategoryItemProvider, useNavCategoryItemContext_unstable } from './components/NavCategoryItemContext';\nexport { useNavCategoryItemContextValues_unstable } from './components/useNavCategoryItemContextValues_unstable';\n\nexport { useNavContextValues_unstable } from './components/useNavContextValues';\n"],"names":["Nav","renderNav_unstable","useNav_unstable","useNavBase_unstable","useNavStyles_unstable","navClassNames","NavCategory","renderNavCategory_unstable","useNavCategory_unstable","NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItem_unstable","useNavCategoryItemBase_unstable","useNavCategoryItemStyles_unstable","NavItem","renderNavItem_unstable","useNavItem_unstable","useNavItemBase_unstable","useNavItemStyles_unstable","navItemClassNames","NavProvider","useNavContext_unstable","NavSubItem","renderNavSubItem_unstable","useNavSubItem_unstable","useNavSubItemBase_unstable","useNavSubItemStyles_unstable","navSubItemClassNames","NavSubItemGroup","renderNavSubItemGroup_unstable","useNavSubItemGroup_unstable","useNavSubItemGroupBase_unstable","useNavSubItemGroupStyles_unstable","navSubItemGroupClassNames","NavDrawer","navDrawerClassNames","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavDrawer_unstable","NavDrawerFooter","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","useNavDrawerFooter_unstable","NavDrawerHeader","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable","NavDrawerBody","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","useNavDrawerBody_unstable","Hamburger","hamburgerClassNames","useHamburgerStyles_unstable","useHamburger_unstable","NavSectionHeader","navSectionHeaderClassNames","renderNavSectionHeader_unstable","useNavSectionHeaderStyles_unstable","useNavSectionHeader_unstable","NavDivider","navDividerClassNames","useNavDividerStyles_unstable","useNavDivider_unstable","AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles_unstable","useAppItem_unstable","useAppItemBase_unstable","AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable","useAppItemStaticBase_unstable","SplitNavItem","renderSplitNavItem_unstable","splitNavItemClassNames","useSplitNavItemStyles_unstable","useSplitNavItem_unstable","NavCategoryProvider","useNavCategoryContext_unstable","useNavCategoryContextValues_unstable","NavCategoryItemProvider","useNavCategoryItemContext_unstable","useNavCategoryItemContextValues_unstable","useNavContextValues_unstable"],"mappings":"AAAA,SACEA,GAAG,EACHC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,EACnBC,qBAAqB,EACrBC,aAAa,QACR,yBAAyB;AAWhC,SAASC,WAAW,EAAEC,0BAA0B,EAAEC,uBAAuB,QAAQ,iCAAiC;AAGlH,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,+BAA+B,EAC/BC,iCAAiC,QAC5B,qCAAqC;AAU5C,SACEC,OAAO,EACPC,sBAAsB,EACtBC,mBAAmB,EACnBC,uBAAuB,EACvBC,yBAAyB,EACzBC,iBAAiB,QACZ,6BAA6B;AASpC,SAASC,WAAW,EAAEC,sBAAsB,QAAQ,0BAA0B;AAS9E,SACEC,UAAU,EACVC,yBAAyB,EACzBC,sBAAsB,EACtBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,oBAAoB,QACf,gCAAgC;AASvC,SACEC,eAAe,EACfC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,+BAA+B,EAC/BC,iCAAiC,EACjCC,yBAAyB,QACpB,qCAAqC;AAU5C,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAErB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAE3B,SACEC,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAE3B,SACEC,aAAa,EACbC,uBAAuB,EACvBC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAEzB,SAASC,SAAS,EAAEC,mBAAmB,EAAEC,2BAA2B,EAAEC,qBAAqB,QAAQ,cAAc;AAEjH,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,QACvB,qBAAqB;AAE5B,SAASC,UAAU,EAAEC,oBAAoB,EAAEC,4BAA4B,EAAEC,sBAAsB,QAAQ,eAAe;AAEtH,SACEC,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,QAClB,YAAY;AAQnB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,kBAAkB;AAEzB,SACEC,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAGxB,SAASC,mBAAmB,EAAEC,8BAA8B,QAAQ,kCAAkC;AACtG,SAASC,oCAAoC,QAAQ,oDAAoD;AAGzG,SAASC,uBAAuB,EAAEC,kCAAkC,QAAQ,sCAAsC;AAClH,SAASC,wCAAwC,QAAQ,wDAAwD;AAEjH,SAASC,4BAA4B,QAAQ,mCAAmC"}
|
package/lib-commonjs/AppItem.js
CHANGED
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderAppItem_unstable: function() {
|
|
19
19
|
return _index.renderAppItem_unstable;
|
|
20
20
|
},
|
|
21
|
+
useAppItemBase_unstable: function() {
|
|
22
|
+
return _index.useAppItemBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useAppItemStyles: function() {
|
|
22
25
|
return _index.useAppItemStyles;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AppItem.ts"],"sourcesContent":["export type {
|
|
1
|
+
{"version":3,"sources":["../src/AppItem.ts"],"sourcesContent":["export type {\n AppItemProps,\n AppItemSlots,\n AppItemState,\n AppItemBaseProps,\n AppItemBaseState,\n} from './components/AppItem/index';\nexport {\n AppItem,\n appItemClassNames,\n renderAppItem_unstable,\n useAppItemStyles,\n useAppItemStyles_unstable,\n useAppItem_unstable,\n useAppItemBase_unstable,\n} from './components/AppItem/index';\n"],"names":["AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles","useAppItemStyles_unstable","useAppItem_unstable","useAppItemBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eAItBI,8BAAuB;;;eAHvBH,uBAAgB;;;eAChBC,gCAAyB;;;eACzBC,0BAAmB;;;uBAEd,6BAA6B"}
|
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderAppItemStatic_unstable: function() {
|
|
19
19
|
return _index.renderAppItemStatic_unstable;
|
|
20
20
|
},
|
|
21
|
+
useAppItemStaticBase_unstable: function() {
|
|
22
|
+
return _index.useAppItemStaticBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useAppItemStaticStyles_unstable: function() {
|
|
22
25
|
return _index.useAppItemStaticStyles_unstable;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AppItemStatic.ts"],"sourcesContent":["export type {
|
|
1
|
+
{"version":3,"sources":["../src/AppItemStatic.ts"],"sourcesContent":["export type {\n AppItemStaticProps,\n AppItemStaticSlots,\n AppItemStaticState,\n AppItemStaticBaseProps,\n AppItemStaticBaseState,\n} from './components/AppItemStatic/index';\nexport {\n AppItemStatic,\n appItemStaticClassNames,\n renderAppItemStatic_unstable,\n useAppItemStaticStyles_unstable,\n useAppItemStatic_unstable,\n useAppItemStaticBase_unstable,\n} from './components/AppItemStatic/index';\n"],"names":["AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable","useAppItemStaticBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAG5BG,oCAA6B;;;eAF7BF,sCAA+B;;;eAC/BC,gCAAyB;;;uBAEpB,mCAAmC"}
|
package/lib-commonjs/Nav.js
CHANGED
|
@@ -30,6 +30,12 @@ _export(exports, {
|
|
|
30
30
|
renderNav_unstable: function() {
|
|
31
31
|
return _index.renderNav_unstable;
|
|
32
32
|
},
|
|
33
|
+
useNavBase_unstable: function() {
|
|
34
|
+
return _index.useNavBase_unstable;
|
|
35
|
+
},
|
|
36
|
+
useNavCategoryItemBase_unstable: function() {
|
|
37
|
+
return _index1.useNavCategoryItemBase_unstable;
|
|
38
|
+
},
|
|
33
39
|
useNavCategoryItemStyles_unstable: function() {
|
|
34
40
|
return _index1.useNavCategoryItemStyles_unstable;
|
|
35
41
|
},
|
package/lib-commonjs/Nav.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Nav.ts"],"sourcesContent":["export type {
|
|
1
|
+
{"version":3,"sources":["../src/Nav.ts"],"sourcesContent":["export type {\n NavProps,\n NavDensity,\n NavSlots,\n NavState,\n OnNavItemSelectData,\n NavBaseProps,\n NavBaseState,\n} from './components/Nav/index';\nexport {\n Nav,\n navClassNames,\n renderNav_unstable,\n useNavStyles_unstable,\n useNav_unstable,\n useNavBase_unstable,\n} from './components/Nav/index';\nexport type {\n NavCategoryItemProps,\n NavCategoryItemSlots,\n NavCategoryItemState,\n NavCategoryItemBaseProps,\n NavCategoryItemBaseSlots,\n NavCategoryItemBaseState,\n} from './components/NavCategoryItem/index';\nexport {\n NavCategoryItem,\n navCategoryItemClassNames,\n renderNavCategoryItem_unstable,\n useNavCategoryItemStyles_unstable,\n useNavCategoryItem_unstable,\n useNavCategoryItemBase_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","useNavBase_unstable","NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItemStyles_unstable","useNavCategoryItem_unstable","useNavCategoryItemBase_unstable","NavProvider","useNavContext_unstable"],"mappings":";;;;;;;;;;;IAUEA;yBAAG;;;eAgBHM,uBAAe;;;eAORM,uBAAW;;6BANO;eAAzBL;;;eAhBAN,oBAAa;;;eAiBbO,sCAA8B;;;eAhB9BN,yBAAkB;;;eAGlBG,0BAAmB;;;eAgBnBM,uCAA+B;;;eAF/BF,yCAAiC;;;eACjCC,mCAA2B;;;eAGPG,kCAAsB;;;eApB1CV,4BAAqB;;;eACrBC,sBAAe;;;uBAEV,yBAAyB;wBAgBzB,qCAAqC;4BACQ,0BAA0B"}
|
package/lib-commonjs/NavItem.js
CHANGED
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderNavItem_unstable: function() {
|
|
19
19
|
return _index.renderNavItem_unstable;
|
|
20
20
|
},
|
|
21
|
+
useNavItemBase_unstable: function() {
|
|
22
|
+
return _index.useNavItemBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useNavItemStyles_unstable: function() {
|
|
22
25
|
return _index.useNavItemStyles_unstable;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/NavItem.ts"],"sourcesContent":["export type {
|
|
1
|
+
{"version":3,"sources":["../src/NavItem.ts"],"sourcesContent":["export type {\n NavItemProps,\n NavItemSlots,\n NavItemState,\n NavItemBaseProps,\n NavItemBaseState,\n} from './components/NavItem/index';\nexport {\n NavItem,\n navItemClassNames,\n renderNavItem_unstable,\n useNavItemStyles_unstable,\n useNavItem_unstable,\n useNavItemBase_unstable,\n} from './components/NavItem/index';\n"],"names":["NavItem","navItemClassNames","renderNavItem_unstable","useNavItemStyles_unstable","useNavItem_unstable","useNavItemBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eAGtBG,8BAAuB;;;eAFvBF,gCAAyB;;;eACzBC,0BAAmB;;;uBAEd,6BAA6B"}
|
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderNavSubItem_unstable: function() {
|
|
19
19
|
return _index.renderNavSubItem_unstable;
|
|
20
20
|
},
|
|
21
|
+
useNavSubItemBase_unstable: function() {
|
|
22
|
+
return _index.useNavSubItemBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useNavSubItemStyles_unstable: function() {
|
|
22
25
|
return _index.useNavSubItemStyles_unstable;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/NavSubItem.ts"],"sourcesContent":["export type {
|
|
1
|
+
{"version":3,"sources":["../src/NavSubItem.ts"],"sourcesContent":["export type {\n NavSubItemProps,\n NavSubItemSlots,\n NavSubItemState,\n NavSubItemBaseProps,\n NavSubItemBaseState,\n} from './components/NavSubItem/index';\nexport {\n NavSubItem,\n navSubItemClassNames,\n renderNavSubItem_unstable,\n useNavSubItemStyles_unstable,\n useNavSubItem_unstable,\n useNavSubItemBase_unstable,\n} from './components/NavSubItem/index';\n"],"names":["NavSubItem","navSubItemClassNames","renderNavSubItem_unstable","useNavSubItemStyles_unstable","useNavSubItem_unstable","useNavSubItemBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eAGzBG,iCAA0B;;;eAF1BF,mCAA4B;;;eAC5BC,6BAAsB;;;uBAEjB,gCAAgC"}
|
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderNavSubItemGroup_unstable: function() {
|
|
19
19
|
return _index.renderNavSubItemGroup_unstable;
|
|
20
20
|
},
|
|
21
|
+
useNavSubItemGroupBase_unstable: function() {
|
|
22
|
+
return _index.useNavSubItemGroupBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useNavSubItemGroupStyles_unstable: function() {
|
|
22
25
|
return _index.useNavSubItemGroupStyles_unstable;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
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":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../src/NavSubItemGroup.ts"],"sourcesContent":["export type {\n NavSubItemGroupProps,\n NavSubItemGroupSlots,\n NavSubItemGroupState,\n NavSubItemGroupBaseSlots,\n NavSubItemGroupBaseProps,\n NavSubItemGroupBaseState,\n} from './components/NavSubItemGroup/index';\nexport {\n NavSubItemGroup,\n navSubItemGroupClassNames,\n renderNavSubItemGroup_unstable,\n useNavSubItemGroupStyles_unstable,\n useNavSubItemGroup_unstable,\n useNavSubItemGroupBase_unstable,\n} from './components/NavSubItemGroup/index';\n"],"names":["NavSubItemGroup","navSubItemGroupClassNames","renderNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","useNavSubItemGroup_unstable","useNavSubItemGroupBase_unstable"],"mappings":";;;;;;;;;;;;eASEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAG9BG,sCAA+B;;;eAF/BF,wCAAiC;;;eACjCC,kCAA2B;;;uBAEtB,qCAAqC"}
|
|
@@ -1 +1 @@
|
|
|
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":"
|
|
1
|
+
{"version":3,"sources":["../src/components/AppItem/AppItem.types.ts"],"sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { 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\nexport type AppItemBaseProps = AppItemProps;\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\nexport type AppItemBaseState = Omit<AppItemState, 'density'>;\n"],"names":[],"mappings":""}
|
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderAppItem_unstable: function() {
|
|
19
19
|
return _renderAppItem.renderAppItem_unstable;
|
|
20
20
|
},
|
|
21
|
+
useAppItemBase_unstable: function() {
|
|
22
|
+
return _useAppItem.useAppItemBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useAppItemStyles: function() {
|
|
22
25
|
return _useAppItemStylesstyles.useAppItemStyles;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
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;;;
|
|
1
|
+
{"version":3,"sources":["../src/components/AppItem/index.ts"],"sourcesContent":["export { AppItem } from './AppItem';\nexport type { AppItemProps, AppItemSlots, AppItemState, AppItemBaseProps, AppItemBaseState } from './AppItem.types';\nexport { renderAppItem_unstable } from './renderAppItem';\nexport { useAppItem_unstable, useAppItemBase_unstable } from './useAppItem';\nexport { appItemClassNames, useAppItemStyles, useAppItemStyles_unstable } from './useAppItemStyles.styles';\n"],"names":["AppItem","renderAppItem_unstable","useAppItem_unstable","useAppItemBase_unstable","appItemClassNames","useAppItemStyles","useAppItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAIPI,yCAAiB;;;eAFjBH,qCAAsB;;;eACDE,mCAAuB;;;eACzBE,wCAAgB;;;eAAEC,iDAAyB;;;eAD9DJ,+BAAmB;;;yBAHJ,YAAY;+BAEG,kBAAkB;4BACI,eAAe;wCACG,4BAA4B"}
|
|
@@ -3,21 +3,34 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
function _export(target, all) {
|
|
7
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: all[name]
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
_export(exports, {
|
|
13
|
+
useAppItemBase_unstable: function() {
|
|
14
|
+
return useAppItemBase_unstable;
|
|
15
|
+
},
|
|
16
|
+
useAppItem_unstable: function() {
|
|
9
17
|
return useAppItem_unstable;
|
|
10
18
|
}
|
|
11
19
|
});
|
|
12
|
-
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
20
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
15
21
|
const _reactaria = require("@fluentui/react-aria");
|
|
16
22
|
const _NavContext = require("../NavContext");
|
|
17
23
|
const useAppItem_unstable = (props, ref)=>{
|
|
24
|
+
const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
|
|
25
|
+
const state = useAppItemBase_unstable(props, ref);
|
|
26
|
+
return {
|
|
27
|
+
...state,
|
|
28
|
+
density
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
const useAppItemBase_unstable = (props, ref)=>{
|
|
18
32
|
const { icon, as, href } = props;
|
|
19
33
|
const rootElementType = as || (href ? 'a' : 'button');
|
|
20
|
-
const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
|
|
21
34
|
const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(rootElementType, (0, _reactaria.useARIAButtonProps)(rootElementType, {
|
|
22
35
|
...props
|
|
23
36
|
})), {
|
|
@@ -35,7 +48,6 @@ const useAppItem_unstable = (props, ref)=>{
|
|
|
35
48
|
root,
|
|
36
49
|
icon: _reactutilities.slot.optional(icon, {
|
|
37
50
|
elementType: 'span'
|
|
38
|
-
})
|
|
39
|
-
density
|
|
51
|
+
})
|
|
40
52
|
};
|
|
41
53
|
};
|
|
@@ -1 +1 @@
|
|
|
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
|
|
1
|
+
{"version":3,"sources":["../src/components/AppItem/useAppItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemBaseProps, AppItemBaseState, AppItemProps, AppItemState } from './AppItem.types';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { 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 { density = 'medium' } = useNavContext_unstable();\n const state = useAppItemBase_unstable(props, ref);\n\n return {\n ...state,\n density,\n };\n};\n\n/**\n * Create the base 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 * @returns The base state of AppItem\n */\nexport const useAppItemBase_unstable = (\n props: AppItemBaseProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): AppItemBaseState => {\n const { icon, as, href } = props;\n const rootElementType = as || (href ? 'a' : 'button');\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 };\n};\n"],"names":["getIntrinsicElementProps","slot","useARIAButtonProps","useNavContext_unstable","useAppItem_unstable","props","ref","density","state","useAppItemBase_unstable","icon","as","href","rootElementType","root","always","elementType","defaultProps","type","components","optional"],"mappings":"AAAA;;;;;;;;;;;;2BAyCaS;eAAAA;;uBAvBAL;;;;gCAfkC,4BAA4B;2BAGxC,uBAAuB;4BACnB,gBAAgB;AAWhD,MAAMA,sBAAsB,CACjCC,OACAC;IAEA,MAAM,EAAEC,UAAU,QAAQ,EAAE,OAAGJ,kCAAAA;IAC/B,MAAMK,QAAQC,wBAAwBJ,OAAOC;IAE7C,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AAYK,gCAAgC,CACrCF,OACAC;IAEA,MAAM,EAAEI,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGP;IAC3B,MAAMQ,kBAAkBF,MAAOC,CAAAA,OAAO,MAAM,QAAA,CAAO;IAEnD,MAAME,OAAOb,oBAAAA,CAAKc,MAAM,KACtBf,wCAAAA,EACEa,qBACAX,6BAAAA,EAAmBW,iBAAiB;QAClC,GAAGR,KAAK;IACV,KAEF;QACEW,aAAaH;QACbI,cAAc;YACZX,KAAKA;YACLY,MAAML;QACR;IACF;IAGF,OAAO;QACLM,YAAY;YACVL,MAAMD;YACNH,MAAM;QACR;QACAI;QACAJ,MAAMT,oBAAAA,CAAKmB,QAAQ,CAACV,MAAM;YACxBM,aAAa;QACf;IACF;AACF,EAAE"}
|
|
@@ -126,8 +126,10 @@ const useAppItemStyles_unstable = (state)=>{
|
|
|
126
126
|
const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
|
|
127
127
|
const appItemSpecificStyles = useAppItemStyles();
|
|
128
128
|
const { density, icon } = state;
|
|
129
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
129
130
|
state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
|
|
130
131
|
if (state.icon) {
|
|
132
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
131
133
|
state.icon.className = (0, _react.mergeClasses)(appItemClassNames.icon, iconStyles.base, state.icon.className);
|
|
132
134
|
}
|
|
133
135
|
return state;
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\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;eAAzB0B;;;uBA9BwB,gBAAgB;uCAEF,2BAA2B;AAC3E,0BAA0B;IAC7BzB,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,mCAAmCE,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/B,oDAAA;IACAA,KAAK,CAAC1B,IAAI,CAAC+B,SAAS,GAAGrC,uBAAY,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;QACZ,oDAAA;QACAyB,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"}
|
|
@@ -52,8 +52,10 @@ const useAppItemStyles_unstable = (state)=>{
|
|
|
52
52
|
const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
|
|
53
53
|
const appItemSpecificStyles = useAppItemStyles();
|
|
54
54
|
const { density, icon } = state;
|
|
55
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
55
56
|
state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
|
|
56
57
|
if (state.icon) {
|
|
58
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
57
59
|
state.icon.className = (0, _react.mergeClasses)(appItemClassNames.icon, iconStyles.base, state.icon.className);
|
|
58
60
|
}
|
|
59
61
|
return state;
|
|
@@ -1 +1 @@
|
|
|
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;;;
|
|
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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\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;;;IAuBAe,yBAAAA;;;;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;IAE1B,oDAAoD;IACpDA,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;QACd,oDAAoD;QACpDiB,MAAMjB,IAAI,CAACsB,SAAS,OAAG7B,mBAAAA,EAAaK,kBAAkBE,IAAI,EAAEmB,WAAWI,IAAI,EAAEN,MAAMjB,IAAI,CAACsB,SAAS;IACnG;IAEA,OAAOL;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
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
|
|
1
|
+
{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { 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\nexport type AppItemStaticBaseProps = AppItemStaticProps;\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\nexport type AppItemStaticBaseState = Omit<AppItemStaticState, 'density'>;\n"],"names":[],"mappings":""}
|
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderAppItemStatic_unstable: function() {
|
|
19
19
|
return _renderAppItemStatic.renderAppItemStatic_unstable;
|
|
20
20
|
},
|
|
21
|
+
useAppItemStaticBase_unstable: function() {
|
|
22
|
+
return _useAppItemStatic.useAppItemStaticBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useAppItemStaticStyles_unstable: function() {
|
|
22
25
|
return _useAppItemStaticStylesstyles.useAppItemStaticStyles_unstable;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AppItemStatic/index.ts"],"sourcesContent":["export { AppItemStatic } from './AppItemStatic';\nexport type {
|
|
1
|
+
{"version":3,"sources":["../src/components/AppItemStatic/index.ts"],"sourcesContent":["export { AppItemStatic } from './AppItemStatic';\nexport type {\n AppItemStaticProps,\n AppItemStaticSlots,\n AppItemStaticState,\n AppItemStaticBaseProps,\n AppItemStaticBaseState,\n} from './AppItemStatic.types';\nexport { renderAppItemStatic_unstable } from './renderAppItemStatic';\nexport { useAppItemStatic_unstable, useAppItemStaticBase_unstable } from './useAppItemStatic';\nexport { appItemStaticClassNames, useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';\n"],"names":["AppItemStatic","renderAppItemStatic_unstable","useAppItemStatic_unstable","useAppItemStaticBase_unstable","appItemStaticClassNames","useAppItemStaticStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAUbI,qDAAuB;;;eAFvBH,iDAA4B;;;eACDE,+CAA6B;;;eAC/BE,6DAA+B;;;eADxDH,2CAAyB;;;+BATJ,kBAAkB;qCAQH,wBAAwB;kCACI,qBAAqB;8CACrB,kCAAkC"}
|
|
@@ -3,19 +3,32 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
function _export(target, all) {
|
|
7
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: all[name]
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
_export(exports, {
|
|
13
|
+
useAppItemStaticBase_unstable: function() {
|
|
14
|
+
return useAppItemStaticBase_unstable;
|
|
15
|
+
},
|
|
16
|
+
useAppItemStatic_unstable: function() {
|
|
9
17
|
return useAppItemStatic_unstable;
|
|
10
18
|
}
|
|
11
19
|
});
|
|
12
|
-
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
20
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
15
21
|
const _NavContext = require("../NavContext");
|
|
16
22
|
const useAppItemStatic_unstable = (props, ref)=>{
|
|
17
|
-
const { icon } = props;
|
|
18
23
|
const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
|
|
24
|
+
const state = useAppItemStaticBase_unstable(props, ref);
|
|
25
|
+
return {
|
|
26
|
+
...state,
|
|
27
|
+
density
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
const useAppItemStaticBase_unstable = (props, ref)=>{
|
|
31
|
+
const { icon } = props;
|
|
19
32
|
return {
|
|
20
33
|
components: {
|
|
21
34
|
root: 'div',
|
|
@@ -29,7 +42,6 @@ const useAppItemStatic_unstable = (props, ref)=>{
|
|
|
29
42
|
}),
|
|
30
43
|
icon: _reactutilities.slot.optional(icon, {
|
|
31
44
|
elementType: 'span'
|
|
32
|
-
})
|
|
33
|
-
density
|
|
45
|
+
})
|
|
34
46
|
};
|
|
35
47
|
};
|
|
@@ -1 +1 @@
|
|
|
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 {
|
|
1
|
+
{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStatic.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n AppItemStaticBaseProps,\n AppItemStaticBaseState,\n AppItemStaticProps,\n AppItemStaticState,\n} 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 { density = 'medium' } = useNavContext_unstable();\n const state = useAppItemStaticBase_unstable(props, ref);\n\n return {\n ...state,\n density,\n };\n};\n\nexport const useAppItemStaticBase_unstable = (\n props: AppItemStaticBaseProps,\n ref: React.Ref<HTMLDivElement>,\n): AppItemStaticBaseState => {\n const { icon } = props;\n\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 };\n};\n"],"names":["getIntrinsicElementProps","slot","useNavContext_unstable","useAppItemStatic_unstable","props","ref","density","state","useAppItemStaticBase_unstable","icon","components","root","always","elementType","optional"],"mappings":"AAAA;;;;;;;;;;;;iCAkCaQ;eAAAA;;6BAbAL;;;;gCAlBkC,4BAA4B;4BAOpC,gBAAgB;AAWhD,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,UAAU,QAAQ,EAAE,OAAGJ,kCAAAA;IAC/B,MAAMK,QAAQC,8BAA8BJ,OAAOC;IAEnD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AAEK,sCAAsC,CAC3CF,OACAC;IAEA,MAAM,EAAEI,IAAI,EAAE,GAAGL;IAEjB,OAAO;QACLM,YAAY;YACVC,MAAM;YACNF,MAAM;QACR;QACAE,MAAMV,oBAAAA,CAAKW,MAAM,KACfZ,wCAAAA,EAAyB,OAAO;YAC9BK;YACA,GAAGD,KAAK;QACV,IACA;YAAES,aAAa;QAAM;QAEvBJ,MAAMR,oBAAAA,CAAKa,QAAQ,CAACL,MAAM;YACxBI,aAAa;QACf;IACF;AACF,EAAE"}
|
|
@@ -48,8 +48,10 @@ const useAppItemStaticStyles_unstable = (state)=>{
|
|
|
48
48
|
const appItemSpecificStyles = (0, _useAppItemStylesstyles.useAppItemStyles)();
|
|
49
49
|
const appItemStaticStyles = useAppItemStaticStyles();
|
|
50
50
|
const { density, icon } = state;
|
|
51
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
51
52
|
state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
|
|
52
53
|
if (state.icon) {
|
|
54
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
53
55
|
state.icon.className = (0, _react.mergeClasses)(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);
|
|
54
56
|
}
|
|
55
57
|
return state;
|
|
@@ -1 +1 @@
|
|
|
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;;;
|
|
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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\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;;;IAiBnBU,+BAA+B;;;;uBApBP,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,OAAGb,8CAAuB,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/B,oDAAA;IACAA,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;QACZ,oDAAA;QACAS,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"}
|
|
@@ -42,8 +42,10 @@ const useAppItemStaticStyles_unstable = (state)=>{
|
|
|
42
42
|
const appItemSpecificStyles = (0, _useAppItemStylesstyles.useAppItemStyles)();
|
|
43
43
|
const appItemStaticStyles = useAppItemStaticStyles();
|
|
44
44
|
const { density, icon } = state;
|
|
45
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
45
46
|
state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
|
|
46
47
|
if (state.icon) {
|
|
48
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
47
49
|
state.icon.className = (0, _react.mergeClasses)(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);
|
|
48
50
|
}
|
|
49
51
|
return state;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\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;IAE1B,oDAAoD;IACpDA,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;QACd,oDAAoD;QACpDK,MAAML,IAAI,CAACW,SAAS,OAAGjB,mBAAAA,EAAaI,wBAAwBE,IAAI,EAAEO,WAAWO,IAAI,EAAET,MAAML,IAAI,CAACW,SAAS;IACzG;IAEA,OAAON;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/Hamburger/Hamburger.types.ts"],"sourcesContent":["import type { 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"}
|
|
@@ -71,8 +71,10 @@ const useHamburgerStyles_unstable = (state)=>{
|
|
|
71
71
|
'use no memo';
|
|
72
72
|
(0, _reactbutton.useButtonStyles_unstable)(state);
|
|
73
73
|
const styles = useStyles();
|
|
74
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
74
75
|
state.root.className = (0, _react.mergeClasses)(hamburgerClassNames.root, styles.root, state.root.className);
|
|
75
76
|
if (state.icon) {
|
|
77
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
76
78
|
state.icon.className = (0, _react.mergeClasses)(hamburgerClassNames.icon, state.icon.className);
|
|
77
79
|
}
|
|
78
80
|
return state;
|