@fluentui-react-native/menu 1.15.0 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/SPEC.md +8 -4
- package/lib/Menu/Menu.d.ts +2 -2
- package/lib/Menu/Menu.js +12 -12
- package/lib/Menu/Menu.types.d.ts +47 -47
- package/lib/Menu/Menu.types.js +4 -4
- package/lib/Menu/index.d.ts +1 -1
- package/lib/Menu/index.js +1 -1
- package/lib/Menu/renderMenu.android.d.ts +2 -6
- package/lib/Menu/renderMenu.android.js +10 -17
- package/lib/Menu/renderMenu.d.ts +2 -6
- package/lib/Menu/renderMenu.js +5 -8
- package/lib/Menu/useMenu.android.d.ts +1 -1
- package/lib/Menu/useMenu.android.js +245 -251
- package/lib/Menu/useMenu.d.ts +1 -1
- package/lib/Menu/useMenu.js +70 -75
- package/lib/Menu/useMenuContextValue.d.ts +1 -1
- package/lib/Menu/useMenuContextValue.js +4 -4
- package/lib/MenuCallout/MenuCallout.android.d.ts +2 -2
- package/lib/MenuCallout/MenuCallout.android.js +19 -39
- package/lib/MenuCallout/MenuCallout.d.ts +2 -2
- package/lib/MenuCallout/MenuCallout.js +7 -7
- package/lib/MenuCallout/MenuCallout.types.d.ts +13 -13
- package/lib/MenuCallout/MenuCallout.types.d.ts.map +1 -1
- package/lib/MenuCallout/MenuCallout.types.js +1 -1
- package/lib/MenuCallout/index.d.ts +1 -1
- package/lib/MenuCallout/index.js +1 -1
- package/lib/MenuDivider/MenuDivider.d.ts +2 -7
- package/lib/MenuDivider/MenuDivider.js +13 -13
- package/lib/MenuDivider/MenuDivider.styling.d.ts +1 -1
- package/lib/MenuDivider/MenuDivider.styling.js +16 -19
- package/lib/MenuDivider/MenuDivider.types.d.ts +12 -12
- package/lib/MenuDivider/MenuDivider.types.js +1 -1
- package/lib/MenuDivider/MenuDividerTokens.android.d.ts +1 -1
- package/lib/MenuDivider/MenuDividerTokens.android.js +4 -4
- package/lib/MenuDivider/MenuDividerTokens.d.ts +1 -1
- package/lib/MenuDivider/MenuDividerTokens.js +4 -4
- package/lib/MenuDivider/MenuDividerTokens.macos.d.ts +1 -1
- package/lib/MenuDivider/MenuDividerTokens.macos.js +4 -4
- package/lib/MenuDivider/MenuDividerTokens.win32.d.ts +1 -1
- package/lib/MenuDivider/MenuDividerTokens.win32.js +4 -4
- package/lib/MenuDivider/index.d.ts +1 -1
- package/lib/MenuDivider/index.js +1 -1
- package/lib/MenuGroup/MenuGroup.d.ts +2 -7
- package/lib/MenuGroup/MenuGroup.js +51 -63
- package/lib/MenuGroup/MenuGroup.types.d.ts +7 -7
- package/lib/MenuGroup/MenuGroup.types.js +1 -1
- package/lib/MenuGroup/index.d.ts +1 -1
- package/lib/MenuGroup/index.js +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.d.ts +2 -7
- package/lib/MenuGroupHeader/MenuGroupHeader.js +14 -14
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.js +13 -16
- package/lib/MenuGroupHeader/MenuGroupHeader.types.d.ts +7 -7
- package/lib/MenuGroupHeader/MenuGroupHeader.types.js +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js +7 -7
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +8 -8
- package/lib/MenuGroupHeader/index.d.ts +1 -1
- package/lib/MenuGroupHeader/index.js +1 -1
- package/lib/MenuItem/MenuItem.d.ts +2 -7
- package/lib/MenuItem/MenuItem.js +41 -63
- package/lib/MenuItem/MenuItem.styling.d.ts +1 -1
- package/lib/MenuItem/MenuItem.styling.js +52 -70
- package/lib/MenuItem/MenuItem.types.d.ts +83 -83
- package/lib/MenuItem/MenuItem.types.js +1 -1
- package/lib/MenuItem/MenuItemTokens.android.d.ts +1 -1
- package/lib/MenuItem/MenuItemTokens.android.js +17 -17
- package/lib/MenuItem/MenuItemTokens.d.ts +1 -1
- package/lib/MenuItem/MenuItemTokens.js +35 -35
- package/lib/MenuItem/MenuItemTokens.macos.d.ts +1 -1
- package/lib/MenuItem/MenuItemTokens.macos.js +34 -34
- package/lib/MenuItem/MenuItemTokens.win32.d.ts +1 -1
- package/lib/MenuItem/MenuItemTokens.win32.js +36 -36
- package/lib/MenuItem/index.d.ts +1 -1
- package/lib/MenuItem/index.js +1 -1
- package/lib/MenuItem/useMenuItem.d.ts +1 -1
- package/lib/MenuItem/useMenuItem.js +101 -111
- package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts +3 -11
- package/lib/MenuItemCheckbox/MenuItemCheckbox.js +26 -54
- package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js +62 -81
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +89 -90
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.js +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.android.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.android.js +35 -35
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.js +44 -44
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +42 -42
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +45 -45
- package/lib/MenuItemCheckbox/index.d.ts +2 -8
- package/lib/MenuItemCheckbox/index.js +1 -1
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.d.ts +2 -5
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.js +104 -129
- package/lib/MenuItemRadio/MenuItemRadio.d.ts +3 -11
- package/lib/MenuItemRadio/MenuItemRadio.js +26 -54
- package/lib/MenuItemRadio/MenuItemRadio.styling.android.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.android.js +60 -78
- package/lib/MenuItemRadio/MenuItemRadio.styling.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.js +44 -59
- package/lib/MenuItemRadio/MenuItemRadio.types.d.ts +120 -121
- package/lib/MenuItemRadio/MenuItemRadio.types.d.ts.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.types.js +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.android.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.android.js +38 -38
- package/lib/MenuItemRadio/MenuItemRadioTokens.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.js +45 -45
- package/lib/MenuItemRadio/MenuItemRadioTokens.macos.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.macos.js +43 -43
- package/lib/MenuItemRadio/index.d.ts +2 -8
- package/lib/MenuItemRadio/index.js +1 -1
- package/lib/MenuItemRadio/useMenuItemRadio.d.ts +1 -1
- package/lib/MenuItemRadio/useMenuItemRadio.js +23 -26
- package/lib/MenuList/MenuList.d.ts +2 -7
- package/lib/MenuList/MenuList.js +54 -70
- package/lib/MenuList/MenuList.styling.d.ts +1 -1
- package/lib/MenuList/MenuList.styling.js +21 -27
- package/lib/MenuList/MenuList.types.d.ts +72 -72
- package/lib/MenuList/MenuList.types.js +1 -1
- package/lib/MenuList/MenuListTokens.android.d.ts +1 -1
- package/lib/MenuList/MenuListTokens.android.js +4 -4
- package/lib/MenuList/MenuListTokens.d.ts +1 -1
- package/lib/MenuList/MenuListTokens.js +6 -6
- package/lib/MenuList/MenuListTokens.macos.d.ts +1 -1
- package/lib/MenuList/MenuListTokens.macos.js +4 -4
- package/lib/MenuList/MenuListTokens.win32.d.ts +1 -1
- package/lib/MenuList/MenuListTokens.win32.js +9 -9
- package/lib/MenuList/index.d.ts +1 -1
- package/lib/MenuList/index.js +1 -1
- package/lib/MenuList/useMenuList.d.ts +1 -1
- package/lib/MenuList/useMenuList.js +142 -159
- package/lib/MenuList/useMenuListContextValue.d.ts +1 -1
- package/lib/MenuList/useMenuListContextValue.js +2 -2
- package/lib/MenuPopover/MenuPopover.d.ts +3 -9
- package/lib/MenuPopover/MenuPopover.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopover.js +35 -35
- package/lib/MenuPopover/MenuPopover.types.d.ts +14 -14
- package/lib/MenuPopover/MenuPopover.types.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopover.types.js +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.android.d.ts +3 -7
- package/lib/MenuPopover/MenuPopoverTokens.android.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.android.js +3 -6
- package/lib/MenuPopover/MenuPopoverTokens.d.ts +3 -7
- package/lib/MenuPopover/MenuPopoverTokens.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.js +2 -5
- package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts +3 -7
- package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.macos.js +7 -10
- package/lib/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
- package/lib/MenuPopover/index.d.ts +1 -1
- package/lib/MenuPopover/index.js +1 -1
- package/lib/MenuPopover/useMenuPopover.d.ts +2 -2
- package/lib/MenuPopover/useMenuPopover.js +79 -96
- package/lib/MenuPopover/useMenuPopover.js.map +1 -1
- package/lib/MenuTrigger/MenuTrigger.d.ts +3 -3
- package/lib/MenuTrigger/MenuTrigger.js +16 -16
- package/lib/MenuTrigger/MenuTrigger.types.d.ts +13 -13
- package/lib/MenuTrigger/MenuTrigger.types.js +1 -1
- package/lib/MenuTrigger/index.d.ts +1 -1
- package/lib/MenuTrigger/index.js +1 -1
- package/lib/MenuTrigger/useMenuTrigger.d.ts +1 -1
- package/lib/MenuTrigger/useMenuTrigger.js +70 -99
- package/lib/MenuTrigger/useMergeRefs.d.ts +1 -1
- package/lib/MenuTrigger/useMergeRefs.js +14 -16
- package/lib/__tests__/Menu.test.d.ts +1 -1
- package/lib/__tests__/Menu.test.js +122 -230
- package/lib/consts.d.ts +1 -1
- package/lib/consts.js +3 -3
- package/lib/context/index.d.ts +1 -1
- package/lib/context/index.js +1 -1
- package/lib/context/menuContext.d.ts +5 -5
- package/lib/context/menuContext.js +15 -15
- package/lib/context/menuListContext.d.ts +4 -4
- package/lib/context/menuListContext.js +12 -12
- package/lib/context/menuTriggerContext.d.ts +1 -1
- package/lib/context/menuTriggerContext.js +1 -1
- package/lib/index.d.ts +4 -26
- package/lib/index.js +2 -12
- package/lib-commonjs/Menu/Menu.d.ts +2 -2
- package/lib-commonjs/Menu/Menu.js +23 -25
- package/lib-commonjs/Menu/Menu.types.d.ts +47 -47
- package/lib-commonjs/Menu/Menu.types.js +6 -6
- package/lib-commonjs/Menu/index.d.ts +1 -1
- package/lib-commonjs/Menu/index.js +11 -31
- package/lib-commonjs/Menu/renderMenu.android.d.ts +2 -6
- package/lib-commonjs/Menu/renderMenu.android.js +14 -26
- package/lib-commonjs/Menu/renderMenu.d.ts +2 -6
- package/lib-commonjs/Menu/renderMenu.js +8 -11
- package/lib-commonjs/Menu/useMenu.android.d.ts +1 -1
- package/lib-commonjs/Menu/useMenu.android.js +280 -303
- package/lib-commonjs/Menu/useMenu.d.ts +1 -1
- package/lib-commonjs/Menu/useMenu.js +79 -86
- package/lib-commonjs/Menu/useMenuContextValue.d.ts +1 -1
- package/lib-commonjs/Menu/useMenuContextValue.js +10 -12
- package/lib-commonjs/MenuCallout/MenuCallout.android.d.ts +2 -2
- package/lib-commonjs/MenuCallout/MenuCallout.android.js +25 -48
- package/lib-commonjs/MenuCallout/MenuCallout.d.ts +2 -2
- package/lib-commonjs/MenuCallout/MenuCallout.js +12 -12
- package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts +13 -13
- package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts.map +1 -1
- package/lib-commonjs/MenuCallout/MenuCallout.types.js +3 -3
- package/lib-commonjs/MenuCallout/index.d.ts +1 -1
- package/lib-commonjs/MenuCallout/index.js +7 -17
- package/lib-commonjs/MenuDivider/MenuDivider.d.ts +2 -7
- package/lib-commonjs/MenuDivider/MenuDivider.js +19 -19
- package/lib-commonjs/MenuDivider/MenuDivider.styling.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDivider.styling.js +22 -25
- package/lib-commonjs/MenuDivider/MenuDivider.types.d.ts +12 -12
- package/lib-commonjs/MenuDivider/MenuDivider.types.js +3 -3
- package/lib-commonjs/MenuDivider/MenuDividerTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.android.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js +7 -7
- package/lib-commonjs/MenuDivider/index.d.ts +1 -1
- package/lib-commonjs/MenuDivider/index.js +7 -17
- package/lib-commonjs/MenuGroup/MenuGroup.d.ts +2 -7
- package/lib-commonjs/MenuGroup/MenuGroup.js +62 -78
- package/lib-commonjs/MenuGroup/MenuGroup.types.d.ts +7 -7
- package/lib-commonjs/MenuGroup/MenuGroup.types.js +3 -3
- package/lib-commonjs/MenuGroup/index.d.ts +1 -1
- package/lib-commonjs/MenuGroup/index.js +7 -17
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts +2 -7
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js +20 -20
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js +19 -22
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.d.ts +7 -7
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js +3 -3
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js +10 -10
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +11 -11
- package/lib-commonjs/MenuGroupHeader/index.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/index.js +7 -17
- package/lib-commonjs/MenuItem/MenuItem.d.ts +2 -7
- package/lib-commonjs/MenuItem/MenuItem.js +51 -73
- package/lib-commonjs/MenuItem/MenuItem.styling.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItem.styling.js +59 -80
- package/lib-commonjs/MenuItem/MenuItem.types.d.ts +83 -83
- package/lib-commonjs/MenuItem/MenuItem.types.js +3 -3
- package/lib-commonjs/MenuItem/MenuItemTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.android.js +20 -20
- package/lib-commonjs/MenuItem/MenuItemTokens.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.js +38 -38
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.js +37 -37
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.js +39 -39
- package/lib-commonjs/MenuItem/index.d.ts +1 -1
- package/lib-commonjs/MenuItem/index.js +9 -24
- package/lib-commonjs/MenuItem/useMenuItem.d.ts +1 -1
- package/lib-commonjs/MenuItem/useMenuItem.js +140 -169
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.d.ts +3 -11
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js +37 -65
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js +69 -91
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +89 -90
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.js +3 -3
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.android.js +38 -38
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.js +47 -47
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +45 -45
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +48 -48
- package/lib-commonjs/MenuItemCheckbox/index.d.ts +2 -8
- package/lib-commonjs/MenuItemCheckbox/index.js +10 -30
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.d.ts +2 -5
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js +143 -185
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.d.ts +3 -11
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.js +37 -65
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.js +67 -88
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.js +51 -69
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.d.ts +120 -121
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.d.ts.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.js +3 -3
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.android.js +41 -41
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js +48 -48
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.js +46 -46
- package/lib-commonjs/MenuItemRadio/index.d.ts +2 -8
- package/lib-commonjs/MenuItemRadio/index.js +9 -24
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js +58 -78
- package/lib-commonjs/MenuList/MenuList.d.ts +2 -7
- package/lib-commonjs/MenuList/MenuList.js +69 -87
- package/lib-commonjs/MenuList/MenuList.styling.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuList.styling.js +28 -34
- package/lib-commonjs/MenuList/MenuList.types.d.ts +72 -72
- package/lib-commonjs/MenuList/MenuList.types.js +3 -3
- package/lib-commonjs/MenuList/MenuListTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.android.js +7 -7
- package/lib-commonjs/MenuList/MenuListTokens.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.js +9 -9
- package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.macos.js +7 -7
- package/lib-commonjs/MenuList/MenuListTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.win32.js +12 -12
- package/lib-commonjs/MenuList/index.d.ts +1 -1
- package/lib-commonjs/MenuList/index.js +11 -31
- package/lib-commonjs/MenuList/useMenuList.d.ts +1 -1
- package/lib-commonjs/MenuList/useMenuList.js +151 -170
- package/lib-commonjs/MenuList/useMenuListContextValue.d.ts +1 -1
- package/lib-commonjs/MenuList/useMenuListContextValue.js +4 -4
- package/lib-commonjs/MenuPopover/MenuPopover.d.ts +3 -9
- package/lib-commonjs/MenuPopover/MenuPopover.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopover.js +48 -50
- package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts +14 -14
- package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopover.types.js +3 -3
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts +3 -7
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js +9 -12
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts +3 -7
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.js +6 -9
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts +3 -7
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js +12 -15
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuPopover/index.d.ts +1 -1
- package/lib-commonjs/MenuPopover/index.js +9 -24
- package/lib-commonjs/MenuPopover/useMenuPopover.d.ts +2 -2
- package/lib-commonjs/MenuPopover/useMenuPopover.js +87 -106
- package/lib-commonjs/MenuPopover/useMenuPopover.js.map +1 -1
- package/lib-commonjs/MenuTrigger/MenuTrigger.d.ts +3 -3
- package/lib-commonjs/MenuTrigger/MenuTrigger.js +52 -69
- package/lib-commonjs/MenuTrigger/MenuTrigger.types.d.ts +13 -13
- package/lib-commonjs/MenuTrigger/MenuTrigger.types.js +3 -3
- package/lib-commonjs/MenuTrigger/index.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/index.js +9 -24
- package/lib-commonjs/MenuTrigger/useMenuTrigger.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/useMenuTrigger.js +80 -111
- package/lib-commonjs/MenuTrigger/useMergeRefs.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/useMergeRefs.js +46 -65
- package/lib-commonjs/__tests__/Menu.test.d.ts +1 -1
- package/lib-commonjs/__tests__/Menu.test.js +169 -333
- package/lib-commonjs/consts.d.ts +1 -1
- package/lib-commonjs/consts.js +6 -6
- package/lib-commonjs/context/index.d.ts +1 -1
- package/lib-commonjs/context/index.js +16 -70
- package/lib-commonjs/context/menuContext.d.ts +5 -5
- package/lib-commonjs/context/menuContext.js +47 -64
- package/lib-commonjs/context/menuListContext.d.ts +4 -4
- package/lib-commonjs/context/menuListContext.js +44 -61
- package/lib-commonjs/context/menuTriggerContext.d.ts +1 -1
- package/lib-commonjs/context/menuTriggerContext.js +7 -9
- package/lib-commonjs/index.d.ts +4 -26
- package/lib-commonjs/index.js +56 -296
- package/package.json +28 -27
- package/src/MenuCallout/MenuCallout.types.ts +12 -13
- package/src/MenuItemCheckbox/MenuItemCheckbox.types.ts +4 -2
- package/src/MenuItemRadio/MenuItemRadio.types.ts +4 -2
- package/src/MenuPopover/MenuPopover.types.ts +12 -13
- package/src/MenuPopover/MenuPopoverTokens.macos.ts +2 -2
- package/src/MenuPopover/useMenuPopover.ts +1 -1
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuDividerTokens } from './MenuDivider.types';
|
|
4
4
|
export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuDividerTokens.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuDividerTokens.d.ts.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.defaultMenuDividerTokens = void 0;
|
|
4
|
-
const theme_tokens_1 = require(
|
|
4
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
5
|
const defaultMenuDividerTokens = (t) => ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
backgroundColor: t.colors.neutralStroke2,
|
|
7
|
+
height: theme_tokens_1.globalTokens.stroke.width10,
|
|
8
|
+
marginVertical: theme_tokens_1.globalTokens.size40,
|
|
9
9
|
});
|
|
10
10
|
exports.defaultMenuDividerTokens = defaultMenuDividerTokens;
|
|
11
|
-
//# sourceMappingURL=MenuDividerTokens.js.map
|
|
11
|
+
//# sourceMappingURL=MenuDividerTokens.js.map
|
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuDividerTokens } from './MenuDivider.types';
|
|
4
4
|
export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuDividerTokens.macos.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuDividerTokens.macos.d.ts.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.defaultMenuDividerTokens = void 0;
|
|
4
|
-
const theme_tokens_1 = require(
|
|
4
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
5
|
const defaultMenuDividerTokens = (t) => ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
backgroundColor: t.colors.neutralStroke2,
|
|
7
|
+
height: theme_tokens_1.globalTokens.stroke.width10,
|
|
8
|
+
margin: theme_tokens_1.globalTokens.size40,
|
|
9
9
|
});
|
|
10
10
|
exports.defaultMenuDividerTokens = defaultMenuDividerTokens;
|
|
11
|
-
//# sourceMappingURL=MenuDividerTokens.macos.js.map
|
|
11
|
+
//# sourceMappingURL=MenuDividerTokens.macos.js.map
|
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuDividerTokens } from './MenuDivider.types';
|
|
4
4
|
export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuDividerTokens.win32.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuDividerTokens.win32.d.ts.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.defaultMenuDividerTokens = void 0;
|
|
4
|
-
const theme_tokens_1 = require(
|
|
4
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
5
|
const defaultMenuDividerTokens = (t) => ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
backgroundColor: t.colors.neutralStroke1,
|
|
7
|
+
height: theme_tokens_1.globalTokens.stroke.width10,
|
|
8
|
+
margin: theme_tokens_1.globalTokens.size20,
|
|
9
9
|
});
|
|
10
10
|
exports.defaultMenuDividerTokens = defaultMenuDividerTokens;
|
|
11
|
-
//# sourceMappingURL=MenuDividerTokens.win32.js.map
|
|
11
|
+
//# sourceMappingURL=MenuDividerTokens.win32.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { MenuDivider } from './MenuDivider';
|
|
2
2
|
export { menuDividerName } from './MenuDivider.types';
|
|
3
3
|
export type { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps, MenuDividerType, MenuDividerInsetSize } from './MenuDivider.types';
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.menuDividerName = exports.MenuDivider = void 0;
|
|
4
|
-
const MenuDivider_1 = require(
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
},
|
|
10
|
-
});
|
|
11
|
-
const MenuDivider_types_1 = require('./MenuDivider.types');
|
|
12
|
-
Object.defineProperty(exports, 'menuDividerName', {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return MenuDivider_types_1.menuDividerName;
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
const MenuDivider_1 = require("./MenuDivider");
|
|
5
|
+
Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_1.MenuDivider; } });
|
|
6
|
+
const MenuDivider_types_1 = require("./MenuDivider.types");
|
|
7
|
+
Object.defineProperty(exports, "menuDividerName", { enumerable: true, get: function () { return MenuDivider_types_1.menuDividerName; } });
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,8 +1,3 @@
|
|
|
1
1
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
2
|
-
export declare const MenuGroup: import(
|
|
3
|
-
|
|
4
|
-
import('./MenuGroup.types').MenuGroupSlotProps,
|
|
5
|
-
import('@fluentui-react-native/framework').LayoutTokens,
|
|
6
|
-
import('@fluentui-react-native/framework').ObjectBase
|
|
7
|
-
>;
|
|
8
|
-
//# sourceMappingURL=MenuGroup.d.ts.map
|
|
2
|
+
export declare const MenuGroup: import("@fluentui-react-native/framework").ComposableComponent<IViewProps, import("./MenuGroup.types").MenuGroupSlotProps, import("@fluentui-react-native/framework").LayoutTokens, import("@fluentui-react-native/framework").ObjectBase>;
|
|
3
|
+
//# sourceMappingURL=MenuGroup.d.ts.map
|
|
@@ -1,84 +1,68 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
6
|
exports.MenuGroup = void 0;
|
|
9
|
-
const jsx_runtime_1 = require(
|
|
7
|
+
const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
|
|
10
8
|
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
11
|
-
const react_1 = __importDefault(require(
|
|
12
|
-
const react_native_1 = require(
|
|
13
|
-
const focus_zone_1 = require(
|
|
14
|
-
const framework_1 = require(
|
|
15
|
-
const framework_base_1 = require(
|
|
16
|
-
const MenuGroup_types_1 = require(
|
|
9
|
+
const react_1 = __importDefault(require("react"));
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
const focus_zone_1 = require("@fluentui-react-native/focus-zone");
|
|
12
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
13
|
+
const framework_base_1 = require("@fluentui-react-native/framework-base");
|
|
14
|
+
const MenuGroup_types_1 = require("./MenuGroup.types");
|
|
17
15
|
// Intentionally not enabled on macOS to match system context menus
|
|
18
16
|
const hasFocusZone = ['win32'].includes(react_native_1.Platform.OS);
|
|
19
17
|
exports.MenuGroup = (0, framework_1.compose)({
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
Slots.contentWrapper,
|
|
70
|
-
// avoid error that fires when props are passed into React.fragment
|
|
71
|
-
{
|
|
72
|
-
...(hasFocusZone && {
|
|
73
|
-
focusZoneDirection: 'vertical',
|
|
74
|
-
enableFocusRing: false,
|
|
75
|
-
navigateAtEnd: 'NavigateContinue',
|
|
76
|
-
}),
|
|
77
|
-
children: childrenWithSet,
|
|
78
|
-
},
|
|
79
|
-
),
|
|
80
|
-
});
|
|
81
|
-
};
|
|
82
|
-
},
|
|
18
|
+
displayName: MenuGroup_types_1.menuGroupName,
|
|
19
|
+
slots: {
|
|
20
|
+
root: react_native_1.View,
|
|
21
|
+
contentWrapper: hasFocusZone ? focus_zone_1.FocusZone : react_1.default.Fragment,
|
|
22
|
+
},
|
|
23
|
+
useRender: (userProps, useSlots) => {
|
|
24
|
+
const Slots = useSlots(userProps);
|
|
25
|
+
return (final, children) => {
|
|
26
|
+
const { ...mergedProps } = (0, framework_1.mergeProps)(userProps, final);
|
|
27
|
+
let itemPosition = 0;
|
|
28
|
+
const childrenWithSet = react_1.default.Children.toArray(children).map((child) => {
|
|
29
|
+
if (react_1.default.isValidElement(child)) {
|
|
30
|
+
const itemCount = react_1.default.Children.toArray(children).filter((child) => react_1.default.isValidElement(child) &&
|
|
31
|
+
child.type.displayName !== 'MenuGroupHeader' &&
|
|
32
|
+
child.type.displayName !== 'MenuDivider').length;
|
|
33
|
+
if (child.type.displayName !== 'MenuGroupHeader' && child.type.displayName !== 'MenuDivider') {
|
|
34
|
+
itemPosition++;
|
|
35
|
+
}
|
|
36
|
+
return react_1.default.cloneElement(child, {
|
|
37
|
+
accessibilityPosInSet: (0, framework_base_1.extractProps)(child)?.accessibilityPosInSet ?? itemPosition, // win32
|
|
38
|
+
accessibilitySetSize: (0, framework_base_1.extractProps)(child)?.accessibilitySetSize ?? itemCount, //win32
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
return child;
|
|
42
|
+
});
|
|
43
|
+
// Check if this MenuGroup has a MenuGroupHeader. If so, use the MenuGroupHeader
|
|
44
|
+
// as the accessibilityLabel for the MenuGroup.
|
|
45
|
+
const menuGroupHeader = react_1.default.Children.toArray(children).find((child) => react_1.default.isValidElement(child) && child.type.displayName === 'MenuGroupHeader');
|
|
46
|
+
// On win32, in order for assistive technology to read a group, it must have a name which is why
|
|
47
|
+
// we use a string with a space as the default accessibilityLabel for MenuGroup.
|
|
48
|
+
// If an empty string was used, the group context would not be read.
|
|
49
|
+
let menuGroupA11yLabel = ' ';
|
|
50
|
+
const menuGroupHeaderChild = (0, framework_base_1.extractChildren)(menuGroupHeader);
|
|
51
|
+
if (menuGroupHeader && typeof menuGroupHeaderChild === 'string') {
|
|
52
|
+
menuGroupA11yLabel = menuGroupHeaderChild;
|
|
53
|
+
}
|
|
54
|
+
return (jsx_runtime_1.jsx(Slots.root, { ...mergedProps, ...(react_native_1.Platform.OS == 'win32' && {
|
|
55
|
+
accessible: true,
|
|
56
|
+
accessibilityRole: 'group',
|
|
57
|
+
accessibilityLabel: mergedProps.accessibilityLabel ?? menuGroupA11yLabel,
|
|
58
|
+
}), children: jsx_runtime_1.jsx(Slots.contentWrapper
|
|
59
|
+
// avoid error that fires when props are passed into React.fragment
|
|
60
|
+
, { ...(hasFocusZone && {
|
|
61
|
+
focusZoneDirection: 'vertical',
|
|
62
|
+
enableFocusRing: false,
|
|
63
|
+
navigateAtEnd: 'NavigateContinue',
|
|
64
|
+
}), children: childrenWithSet }) }));
|
|
65
|
+
};
|
|
66
|
+
},
|
|
83
67
|
});
|
|
84
|
-
//# sourceMappingURL=MenuGroup.js.map
|
|
68
|
+
//# sourceMappingURL=MenuGroup.js.map
|
|
@@ -2,16 +2,16 @@ import type { ViewProps } from 'react-native';
|
|
|
2
2
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
3
3
|
import type { FocusZoneProps } from '@fluentui-react-native/focus-zone';
|
|
4
4
|
import type { LayoutTokens } from '@fluentui-react-native/tokens';
|
|
5
|
-
export declare const menuGroupName =
|
|
5
|
+
export declare const menuGroupName = "MenuGroup";
|
|
6
6
|
export type MenuGroupTokens = LayoutTokens;
|
|
7
7
|
export type MenuGroupProps = IViewProps;
|
|
8
8
|
export interface MenuGroupSlotProps {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
root: ViewProps;
|
|
10
|
+
contentWrapper: FocusZoneProps;
|
|
11
11
|
}
|
|
12
12
|
export interface MenuGroupType {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
props: MenuGroupProps;
|
|
14
|
+
tokens: MenuGroupTokens;
|
|
15
|
+
slotProps: MenuGroupSlotProps;
|
|
16
16
|
}
|
|
17
|
-
//# sourceMappingURL=MenuGroup.types.d.ts.map
|
|
17
|
+
//# sourceMappingURL=MenuGroup.types.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.menuGroupName = void 0;
|
|
4
4
|
exports.menuGroupName = 'MenuGroup';
|
|
5
|
-
//# sourceMappingURL=MenuGroup.types.js.map
|
|
5
|
+
//# sourceMappingURL=MenuGroup.types.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { MenuGroup } from './MenuGroup';
|
|
2
2
|
export { menuGroupName } from './MenuGroup.types';
|
|
3
3
|
export type { MenuGroupProps, MenuGroupTokens, MenuGroupSlotProps, MenuGroupType } from './MenuGroup.types';
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.menuGroupName = exports.MenuGroup = void 0;
|
|
4
|
-
const MenuGroup_1 = require(
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
},
|
|
10
|
-
});
|
|
11
|
-
const MenuGroup_types_1 = require('./MenuGroup.types');
|
|
12
|
-
Object.defineProperty(exports, 'menuGroupName', {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return MenuGroup_types_1.menuGroupName;
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
const MenuGroup_1 = require("./MenuGroup");
|
|
5
|
+
Object.defineProperty(exports, "MenuGroup", { enumerable: true, get: function () { return MenuGroup_1.MenuGroup; } });
|
|
6
|
+
const MenuGroup_types_1 = require("./MenuGroup.types");
|
|
7
|
+
Object.defineProperty(exports, "menuGroupName", { enumerable: true, get: function () { return MenuGroup_types_1.menuGroupName; } });
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,8 +1,3 @@
|
|
|
1
1
|
import type { MenuGroupHeaderProps } from './MenuGroupHeader.types';
|
|
2
|
-
export declare const MenuGroupHeader: import(
|
|
3
|
-
|
|
4
|
-
import('./MenuGroupHeader.types').MenuGroupHeaderSlotProps,
|
|
5
|
-
import('./MenuGroupHeader.types').MenuGroupHeaderTokens,
|
|
6
|
-
import('@fluentui-react-native/framework').ObjectBase
|
|
7
|
-
>;
|
|
8
|
-
//# sourceMappingURL=MenuGroupHeader.d.ts.map
|
|
2
|
+
export declare const MenuGroupHeader: import("@fluentui-react-native/framework").ComposableComponent<MenuGroupHeaderProps, import("./MenuGroupHeader.types").MenuGroupHeaderSlotProps, import("./MenuGroupHeader.types").MenuGroupHeaderTokens, import("@fluentui-react-native/framework").ObjectBase>;
|
|
3
|
+
//# sourceMappingURL=MenuGroupHeader.d.ts.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MenuGroupHeader = void 0;
|
|
4
|
-
const jsx_runtime_1 = require(
|
|
5
|
-
const framework_1 = require(
|
|
6
|
-
const text_1 = require(
|
|
7
|
-
const MenuGroupHeader_styling_1 = require(
|
|
8
|
-
const MenuGroupHeader_types_1 = require(
|
|
4
|
+
const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
|
|
5
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
6
|
+
const text_1 = require("@fluentui-react-native/text");
|
|
7
|
+
const MenuGroupHeader_styling_1 = require("./MenuGroupHeader.styling");
|
|
8
|
+
const MenuGroupHeader_types_1 = require("./MenuGroupHeader.types");
|
|
9
9
|
exports.MenuGroupHeader = (0, framework_1.compose)({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
displayName: MenuGroupHeader_types_1.menuGroupHeaderName,
|
|
11
|
+
...MenuGroupHeader_styling_1.stylingSettings,
|
|
12
|
+
slots: {
|
|
13
|
+
root: text_1.TextV1,
|
|
14
|
+
},
|
|
15
|
+
useRender: (userProps, useSlots) => {
|
|
16
|
+
const Slots = useSlots(userProps);
|
|
17
|
+
return (final, children) => {
|
|
18
|
+
const { ...mergedProps } = (0, framework_1.mergeProps)(userProps, final);
|
|
19
|
+
return (jsx_runtime_1.jsx(Slots.root, { accessible: userProps.accessible, ...mergedProps, children: children }));
|
|
20
|
+
};
|
|
21
|
+
},
|
|
22
22
|
});
|
|
23
|
-
//# sourceMappingURL=MenuGroupHeader.js.map
|
|
23
|
+
//# sourceMappingURL=MenuGroupHeader.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { UseStylingOptions } from '@fluentui-react-native/framework';
|
|
2
2
|
import type { MenuGroupHeaderProps, MenuGroupHeaderTokens, MenuGroupHeaderSlotProps } from './MenuGroupHeader.types';
|
|
3
3
|
export declare const stylingSettings: UseStylingOptions<MenuGroupHeaderProps, MenuGroupHeaderSlotProps, MenuGroupHeaderTokens>;
|
|
4
|
-
//# sourceMappingURL=MenuGroupHeader.styling.d.ts.map
|
|
4
|
+
//# sourceMappingURL=MenuGroupHeader.styling.d.ts.map
|
|
@@ -1,25 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.stylingSettings = void 0;
|
|
4
|
-
const framework_1 = require(
|
|
5
|
-
const framework_2 = require(
|
|
6
|
-
const MenuGroupHeader_types_1 = require(
|
|
7
|
-
const MenuGroupHeaderTokens_1 = require(
|
|
4
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
5
|
+
const framework_2 = require("@fluentui-react-native/framework");
|
|
6
|
+
const MenuGroupHeader_types_1 = require("./MenuGroupHeader.types");
|
|
7
|
+
const MenuGroupHeaderTokens_1 = require("./MenuGroupHeaderTokens");
|
|
8
8
|
exports.stylingSettings = {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
['color'],
|
|
22
|
-
),
|
|
23
|
-
},
|
|
9
|
+
tokens: [MenuGroupHeaderTokens_1.defaultMenuGroupHeaderTokens, MenuGroupHeader_types_1.menuGroupHeaderName],
|
|
10
|
+
slotProps: {
|
|
11
|
+
root: (0, framework_2.buildProps)((tokens, theme) => {
|
|
12
|
+
return {
|
|
13
|
+
color: tokens.color,
|
|
14
|
+
style: {
|
|
15
|
+
marginStart: tokens.gap,
|
|
16
|
+
...framework_1.fontStyles.from(tokens, theme),
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
}, ['color']),
|
|
20
|
+
},
|
|
24
21
|
};
|
|
25
|
-
//# sourceMappingURL=MenuGroupHeader.styling.js.map
|
|
22
|
+
//# sourceMappingURL=MenuGroupHeader.styling.js.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import type { TextProps } from '@fluentui-react-native/text';
|
|
2
2
|
import type { FontTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
|
|
3
|
-
export declare const menuGroupHeaderName =
|
|
3
|
+
export declare const menuGroupHeaderName = "MenuGroupHeader";
|
|
4
4
|
export interface MenuGroupHeaderTokens extends LayoutTokens, FontTokens, IColorTokens {
|
|
5
|
-
|
|
5
|
+
gap?: number;
|
|
6
6
|
}
|
|
7
7
|
export type MenuGroupHeaderProps = TextProps;
|
|
8
8
|
export interface MenuGroupHeaderSlotProps {
|
|
9
|
-
|
|
9
|
+
root: TextProps;
|
|
10
10
|
}
|
|
11
11
|
export interface MenuGroupHeaderType {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
props: MenuGroupHeaderProps;
|
|
13
|
+
tokens: MenuGroupHeaderTokens;
|
|
14
|
+
slotProps: MenuGroupHeaderSlotProps;
|
|
15
15
|
}
|
|
16
|
-
//# sourceMappingURL=MenuGroupHeader.types.d.ts.map
|
|
16
|
+
//# sourceMappingURL=MenuGroupHeader.types.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.menuGroupHeaderName = void 0;
|
|
4
4
|
exports.menuGroupHeaderName = 'MenuGroupHeader';
|
|
5
|
-
//# sourceMappingURL=MenuGroupHeader.types.js.map
|
|
5
|
+
//# sourceMappingURL=MenuGroupHeader.types.js.map
|
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuGroupHeaderTokens } from './MenuGroupHeader.types';
|
|
4
4
|
export declare const defaultMenuGroupHeaderTokens: TokenSettings<MenuGroupHeaderTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuGroupHeaderTokens.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuGroupHeaderTokens.d.ts.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.defaultMenuGroupHeaderTokens = void 0;
|
|
4
|
-
const theme_tokens_1 = require(
|
|
4
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
5
|
const defaultMenuGroupHeaderTokens = (t) => ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
color: t.colors.neutralForeground2,
|
|
7
|
+
fontFamily: t.typography.families.primary,
|
|
8
|
+
fontSize: theme_tokens_1.globalTokens.font.size300,
|
|
9
|
+
fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
|
|
10
|
+
gap: theme_tokens_1.globalTokens.size40,
|
|
11
|
+
padding: theme_tokens_1.globalTokens.size60,
|
|
12
12
|
});
|
|
13
13
|
exports.defaultMenuGroupHeaderTokens = defaultMenuGroupHeaderTokens;
|
|
14
|
-
//# sourceMappingURL=MenuGroupHeaderTokens.js.map
|
|
14
|
+
//# sourceMappingURL=MenuGroupHeaderTokens.js.map
|
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuGroupHeaderTokens } from './MenuGroupHeader.types';
|
|
4
4
|
export declare const defaultMenuGroupHeaderTokens: TokenSettings<MenuGroupHeaderTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuGroupHeaderTokens.macos.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuGroupHeaderTokens.macos.d.ts.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.defaultMenuGroupHeaderTokens = void 0;
|
|
4
|
-
const theme_tokens_1 = require(
|
|
4
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
5
|
const defaultMenuGroupHeaderTokens = (t) => ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
color: t.colors.disabledText,
|
|
7
|
+
fontFamily: t.typography.families.primary,
|
|
8
|
+
fontSize: 13,
|
|
9
|
+
fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
|
|
10
|
+
gap: theme_tokens_1.globalTokens.size40,
|
|
11
|
+
paddingHorizontal: 5,
|
|
12
|
+
paddingVertical: 3,
|
|
13
13
|
});
|
|
14
14
|
exports.defaultMenuGroupHeaderTokens = defaultMenuGroupHeaderTokens;
|
|
15
|
-
//# sourceMappingURL=MenuGroupHeaderTokens.macos.js.map
|
|
15
|
+
//# sourceMappingURL=MenuGroupHeaderTokens.macos.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { MenuGroupHeader } from './MenuGroupHeader';
|
|
2
2
|
export { menuGroupHeaderName } from './MenuGroupHeader.types';
|
|
3
3
|
export type { MenuGroupHeaderProps, MenuGroupHeaderTokens, MenuGroupHeaderSlotProps, MenuGroupHeaderType } from './MenuGroupHeader.types';
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.menuGroupHeaderName = exports.MenuGroupHeader = void 0;
|
|
4
|
-
const MenuGroupHeader_1 = require(
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
},
|
|
10
|
-
});
|
|
11
|
-
const MenuGroupHeader_types_1 = require('./MenuGroupHeader.types');
|
|
12
|
-
Object.defineProperty(exports, 'menuGroupHeaderName', {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return MenuGroupHeader_types_1.menuGroupHeaderName;
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
const MenuGroupHeader_1 = require("./MenuGroupHeader");
|
|
5
|
+
Object.defineProperty(exports, "MenuGroupHeader", { enumerable: true, get: function () { return MenuGroupHeader_1.MenuGroupHeader; } });
|
|
6
|
+
const MenuGroupHeader_types_1 = require("./MenuGroupHeader.types");
|
|
7
|
+
Object.defineProperty(exports, "menuGroupHeaderName", { enumerable: true, get: function () { return MenuGroupHeader_types_1.menuGroupHeaderName; } });
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { MenuItemProps } from './MenuItem.types';
|
|
4
|
-
export declare const MenuItem: import(
|
|
5
|
-
MenuItemProps,
|
|
6
|
-
import('./MenuItem.types').MenuItemSlotProps,
|
|
7
|
-
import('./MenuItem.types').MenuItemTokens,
|
|
8
|
-
import('@fluentui-react-native/framework').ObjectBase
|
|
9
|
-
>;
|
|
4
|
+
export declare const MenuItem: import("@fluentui-react-native/framework").ComposableComponent<MenuItemProps, import("./MenuItem.types").MenuItemSlotProps, import("./MenuItem.types").MenuItemTokens, import("@fluentui-react-native/framework").ObjectBase>;
|
|
10
5
|
export declare const getAccessibilityLabel: (accessibilityLabel: string, child: React.ReactNode) => string;
|
|
11
6
|
export declare const getTooltip: (tooltip: string, hasTooltips: boolean, child: React.ReactNode) => string;
|
|
12
|
-
//# sourceMappingURL=MenuItem.d.ts.map
|
|
7
|
+
//# sourceMappingURL=MenuItem.d.ts.map
|