@fluentui-react-native/menu 1.14.41 → 1.15.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 +49 -1
- package/lib/Menu/Menu.d.ts +2 -2
- package/lib/Menu/Menu.d.ts.map +1 -1
- package/lib/Menu/Menu.js +14 -14
- package/lib/Menu/Menu.js.map +1 -1
- package/lib/Menu/Menu.types.d.ts +47 -48
- package/lib/Menu/Menu.types.d.ts.map +1 -1
- package/lib/Menu/Menu.types.js +6 -5
- package/lib/Menu/Menu.types.js.map +1 -1
- package/lib/Menu/index.d.ts +1 -1
- package/lib/Menu/index.js +1 -1
- package/lib/Menu/renderMenu.android.d.ts +6 -2
- package/lib/Menu/renderMenu.android.d.ts.map +1 -1
- package/lib/Menu/renderMenu.android.js +17 -10
- package/lib/Menu/renderMenu.android.js.map +1 -1
- package/lib/Menu/renderMenu.d.ts +6 -2
- package/lib/Menu/renderMenu.d.ts.map +1 -1
- package/lib/Menu/renderMenu.js +8 -7
- package/lib/Menu/renderMenu.js.map +1 -1
- package/lib/Menu/useMenu.android.d.ts +1 -1
- package/lib/Menu/useMenu.android.d.ts.map +1 -1
- package/lib/Menu/useMenu.android.js +251 -246
- package/lib/Menu/useMenu.android.js.map +1 -1
- package/lib/Menu/useMenu.d.ts +1 -1
- package/lib/Menu/useMenu.d.ts.map +1 -1
- package/lib/Menu/useMenu.js +75 -70
- package/lib/Menu/useMenu.js.map +1 -1
- package/lib/Menu/useMenuContextValue.d.ts +1 -1
- package/lib/Menu/useMenuContextValue.d.ts.map +1 -1
- package/lib/Menu/useMenuContextValue.js +4 -4
- package/lib/Menu/useMenuContextValue.js.map +1 -1
- package/lib/MenuCallout/MenuCallout.android.d.ts +2 -2
- package/lib/MenuCallout/MenuCallout.android.d.ts.map +1 -1
- package/lib/MenuCallout/MenuCallout.android.js +42 -25
- package/lib/MenuCallout/MenuCallout.android.js.map +1 -1
- package/lib/MenuCallout/MenuCallout.d.ts +2 -2
- package/lib/MenuCallout/MenuCallout.d.ts.map +1 -1
- package/lib/MenuCallout/MenuCallout.js +9 -9
- package/lib/MenuCallout/MenuCallout.js.map +1 -1
- 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 +7 -2
- package/lib/MenuDivider/MenuDivider.d.ts.map +1 -1
- package/lib/MenuDivider/MenuDivider.js +15 -15
- package/lib/MenuDivider/MenuDivider.js.map +1 -1
- package/lib/MenuDivider/MenuDivider.styling.d.ts +1 -1
- package/lib/MenuDivider/MenuDivider.styling.js +19 -16
- 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 +8 -2
- package/lib/MenuGroup/MenuGroup.d.ts.map +1 -1
- package/lib/MenuGroup/MenuGroup.js +66 -53
- package/lib/MenuGroup/MenuGroup.js.map +1 -1
- 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 +7 -2
- package/lib/MenuGroupHeader/MenuGroupHeader.d.ts.map +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.js +15 -14
- package/lib/MenuGroupHeader/MenuGroupHeader.js.map +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.js +16 -13
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.js.map +1 -1
- 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 +8 -4
- package/lib/MenuItem/MenuItem.d.ts.map +1 -1
- package/lib/MenuItem/MenuItem.js +64 -47
- package/lib/MenuItem/MenuItem.js.map +1 -1
- package/lib/MenuItem/MenuItem.styling.d.ts +1 -1
- package/lib/MenuItem/MenuItem.styling.js +70 -52
- package/lib/MenuItem/MenuItem.styling.js.map +1 -1
- 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.macos.js.map +1 -1
- 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.d.ts.map +1 -1
- package/lib/MenuItem/useMenuItem.js +111 -101
- package/lib/MenuItem/useMenuItem.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts +12 -7
- package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.js +55 -32
- package/lib/MenuItemCheckbox/MenuItemCheckbox.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js +81 -62
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +91 -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.macos.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +45 -45
- package/lib/MenuItemCheckbox/index.d.ts +8 -2
- package/lib/MenuItemCheckbox/index.js +1 -1
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.d.ts +5 -2
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.d.ts.map +1 -1
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.js +129 -104
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.d.ts +12 -7
- package/lib/MenuItemRadio/MenuItemRadio.d.ts.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.js +55 -32
- package/lib/MenuItemRadio/MenuItemRadio.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.android.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.android.js +78 -60
- package/lib/MenuItemRadio/MenuItemRadio.styling.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.js +59 -44
- package/lib/MenuItemRadio/MenuItemRadio.types.d.ts +122 -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/MenuItemRadioTokens.macos.js.map +1 -1
- package/lib/MenuItemRadio/index.d.ts +8 -2
- package/lib/MenuItemRadio/index.js +1 -1
- package/lib/MenuItemRadio/useMenuItemRadio.d.ts +1 -1
- package/lib/MenuItemRadio/useMenuItemRadio.d.ts.map +1 -1
- package/lib/MenuItemRadio/useMenuItemRadio.js +26 -23
- package/lib/MenuItemRadio/useMenuItemRadio.js.map +1 -1
- package/lib/MenuList/MenuList.d.ts +7 -2
- package/lib/MenuList/MenuList.d.ts.map +1 -1
- package/lib/MenuList/MenuList.js +73 -57
- package/lib/MenuList/MenuList.js.map +1 -1
- package/lib/MenuList/MenuList.styling.d.ts +1 -1
- package/lib/MenuList/MenuList.styling.js +27 -21
- package/lib/MenuList/MenuList.types.d.ts +73 -73
- package/lib/MenuList/MenuList.types.d.ts.map +1 -1
- 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.macos.js.map +1 -1
- 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.d.ts.map +1 -1
- package/lib/MenuList/useMenuList.js +159 -143
- package/lib/MenuList/useMenuList.js.map +1 -1
- package/lib/MenuList/useMenuListContextValue.d.ts +1 -1
- package/lib/MenuList/useMenuListContextValue.d.ts.map +1 -1
- package/lib/MenuList/useMenuListContextValue.js +2 -2
- package/lib/MenuList/useMenuListContextValue.js.map +1 -1
- package/lib/MenuPopover/MenuPopover.d.ts +8 -4
- package/lib/MenuPopover/MenuPopover.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopover.js +35 -34
- package/lib/MenuPopover/MenuPopover.js.map +1 -1
- 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 +6 -4
- package/lib/MenuPopover/MenuPopoverTokens.android.js +8 -5
- package/lib/MenuPopover/MenuPopoverTokens.android.js.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.d.ts +6 -4
- package/lib/MenuPopover/MenuPopoverTokens.js +5 -2
- package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts +6 -4
- package/lib/MenuPopover/MenuPopoverTokens.macos.js +10 -7
- package/lib/MenuPopover/index.d.ts +1 -1
- package/lib/MenuPopover/index.js +1 -1
- package/lib/MenuPopover/useMenuPopover.d.ts +3 -3
- package/lib/MenuPopover/useMenuPopover.d.ts.map +1 -1
- package/lib/MenuPopover/useMenuPopover.js +96 -80
- package/lib/MenuPopover/useMenuPopover.js.map +1 -1
- package/lib/MenuTrigger/MenuTrigger.d.ts +5 -2
- package/lib/MenuTrigger/MenuTrigger.d.ts.map +1 -1
- package/lib/MenuTrigger/MenuTrigger.js +17 -14
- package/lib/MenuTrigger/MenuTrigger.js.map +1 -1
- package/lib/MenuTrigger/MenuTrigger.types.d.ts +15 -14
- package/lib/MenuTrigger/MenuTrigger.types.d.ts.map +1 -1
- package/lib/MenuTrigger/MenuTrigger.types.js +1 -1
- package/lib/MenuTrigger/MenuTrigger.types.js.map +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.d.ts.map +1 -1
- package/lib/MenuTrigger/useMenuTrigger.js +99 -70
- package/lib/MenuTrigger/useMenuTrigger.js.map +1 -1
- package/lib/MenuTrigger/useMergeRefs.d.ts +1 -1
- package/lib/MenuTrigger/useMergeRefs.d.ts.map +1 -1
- package/lib/MenuTrigger/useMergeRefs.js +16 -16
- package/lib/MenuTrigger/useMergeRefs.js.map +1 -1
- package/lib/__tests__/Menu.test.d.ts +1 -1
- package/lib/__tests__/Menu.test.js +234 -126
- package/lib/__tests__/Menu.test.js.map +1 -1
- 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 -6
- package/lib/context/menuContext.d.ts.map +1 -1
- 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 +26 -4
- package/lib/index.js +12 -2
- package/lib-commonjs/Menu/Menu.d.ts +2 -2
- package/lib-commonjs/Menu/Menu.d.ts.map +1 -1
- package/lib-commonjs/Menu/Menu.js +26 -24
- package/lib-commonjs/Menu/Menu.js.map +1 -1
- package/lib-commonjs/Menu/Menu.types.d.ts +47 -48
- package/lib-commonjs/Menu/Menu.types.d.ts.map +1 -1
- package/lib-commonjs/Menu/Menu.types.js +7 -7
- package/lib-commonjs/Menu/Menu.types.js.map +1 -1
- package/lib-commonjs/Menu/index.d.ts +1 -1
- package/lib-commonjs/Menu/index.js +31 -11
- package/lib-commonjs/Menu/index.js.map +1 -1
- package/lib-commonjs/Menu/renderMenu.android.d.ts +6 -2
- package/lib-commonjs/Menu/renderMenu.android.d.ts.map +1 -1
- package/lib-commonjs/Menu/renderMenu.android.js +26 -17
- package/lib-commonjs/Menu/renderMenu.android.js.map +1 -1
- package/lib-commonjs/Menu/renderMenu.d.ts +6 -2
- package/lib-commonjs/Menu/renderMenu.d.ts.map +1 -1
- package/lib-commonjs/Menu/renderMenu.js +11 -13
- package/lib-commonjs/Menu/renderMenu.js.map +1 -1
- package/lib-commonjs/Menu/useMenu.android.d.ts +1 -1
- package/lib-commonjs/Menu/useMenu.android.d.ts.map +1 -1
- package/lib-commonjs/Menu/useMenu.android.js +307 -275
- package/lib-commonjs/Menu/useMenu.android.js.map +1 -1
- package/lib-commonjs/Menu/useMenu.d.ts +1 -1
- package/lib-commonjs/Menu/useMenu.d.ts.map +1 -1
- package/lib-commonjs/Menu/useMenu.js +86 -79
- package/lib-commonjs/Menu/useMenu.js.map +1 -1
- package/lib-commonjs/Menu/useMenuContextValue.d.ts +1 -1
- package/lib-commonjs/Menu/useMenuContextValue.d.ts.map +1 -1
- package/lib-commonjs/Menu/useMenuContextValue.js +12 -10
- package/lib-commonjs/Menu/useMenuContextValue.js.map +1 -1
- package/lib-commonjs/MenuCallout/MenuCallout.android.d.ts +2 -2
- package/lib-commonjs/MenuCallout/MenuCallout.android.d.ts.map +1 -1
- package/lib-commonjs/MenuCallout/MenuCallout.android.js +50 -33
- package/lib-commonjs/MenuCallout/MenuCallout.android.js.map +1 -1
- package/lib-commonjs/MenuCallout/MenuCallout.d.ts +2 -2
- package/lib-commonjs/MenuCallout/MenuCallout.d.ts.map +1 -1
- package/lib-commonjs/MenuCallout/MenuCallout.js +13 -16
- package/lib-commonjs/MenuCallout/MenuCallout.js.map +1 -1
- 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 +17 -7
- package/lib-commonjs/MenuCallout/index.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDivider.d.ts +7 -2
- package/lib-commonjs/MenuDivider/MenuDivider.d.ts.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDivider.js +20 -20
- package/lib-commonjs/MenuDivider/MenuDivider.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDivider.styling.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDivider.styling.js +25 -22
- 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.android.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js.map +1 -1
- package/lib-commonjs/MenuDivider/index.d.ts +1 -1
- package/lib-commonjs/MenuDivider/index.js +17 -7
- package/lib-commonjs/MenuDivider/index.js.map +1 -1
- package/lib-commonjs/MenuGroup/MenuGroup.d.ts +8 -2
- package/lib-commonjs/MenuGroup/MenuGroup.d.ts.map +1 -1
- package/lib-commonjs/MenuGroup/MenuGroup.js +79 -62
- package/lib-commonjs/MenuGroup/MenuGroup.js.map +1 -1
- 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 +17 -7
- package/lib-commonjs/MenuGroup/index.js.map +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts +7 -2
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts.map +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js +20 -19
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js.map +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js +22 -19
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js.map +1 -1
- 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.js.map +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +11 -11
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuGroupHeader/index.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/index.js +17 -7
- package/lib-commonjs/MenuGroupHeader/index.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItem.d.ts +8 -4
- package/lib-commonjs/MenuItem/MenuItem.d.ts.map +1 -1
- package/lib-commonjs/MenuItem/MenuItem.js +73 -56
- package/lib-commonjs/MenuItem/MenuItem.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItem.styling.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItem.styling.js +80 -59
- package/lib-commonjs/MenuItem/MenuItem.styling.js.map +1 -1
- 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.android.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.js +38 -38
- package/lib-commonjs/MenuItem/MenuItemTokens.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.js +37 -37
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.js +39 -39
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.js.map +1 -1
- package/lib-commonjs/MenuItem/index.d.ts +1 -1
- package/lib-commonjs/MenuItem/index.js +24 -9
- package/lib-commonjs/MenuItem/index.js.map +1 -1
- package/lib-commonjs/MenuItem/useMenuItem.d.ts +1 -1
- package/lib-commonjs/MenuItem/useMenuItem.d.ts.map +1 -1
- package/lib-commonjs/MenuItem/useMenuItem.js +173 -134
- package/lib-commonjs/MenuItem/useMenuItem.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.d.ts +12 -7
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.d.ts.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js +65 -42
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js +91 -69
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +91 -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.android.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.js +47 -47
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +45 -45
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +48 -48
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/index.d.ts +8 -2
- package/lib-commonjs/MenuItemCheckbox/index.js +30 -10
- package/lib-commonjs/MenuItemCheckbox/index.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.d.ts +5 -2
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.d.ts.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js +189 -137
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.d.ts +12 -7
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.d.ts.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.js +65 -42
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.js +88 -67
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.js +69 -51
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.d.ts +122 -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.android.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js +48 -48
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.js +46 -46
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/index.d.ts +8 -2
- package/lib-commonjs/MenuItemRadio/index.js +24 -9
- package/lib-commonjs/MenuItemRadio/index.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.d.ts.map +1 -1
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js +82 -52
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js.map +1 -1
- package/lib-commonjs/MenuList/MenuList.d.ts +7 -2
- package/lib-commonjs/MenuList/MenuList.d.ts.map +1 -1
- package/lib-commonjs/MenuList/MenuList.js +88 -70
- package/lib-commonjs/MenuList/MenuList.js.map +1 -1
- package/lib-commonjs/MenuList/MenuList.styling.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuList.styling.js +34 -28
- package/lib-commonjs/MenuList/MenuList.styling.js.map +1 -1
- package/lib-commonjs/MenuList/MenuList.types.d.ts +73 -73
- package/lib-commonjs/MenuList/MenuList.types.d.ts.map +1 -1
- 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.android.js.map +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.js +9 -9
- package/lib-commonjs/MenuList/MenuListTokens.js.map +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.macos.js +7 -7
- package/lib-commonjs/MenuList/MenuListTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.win32.js +12 -12
- package/lib-commonjs/MenuList/MenuListTokens.win32.js.map +1 -1
- package/lib-commonjs/MenuList/index.d.ts +1 -1
- package/lib-commonjs/MenuList/index.js +31 -11
- package/lib-commonjs/MenuList/index.js.map +1 -1
- package/lib-commonjs/MenuList/useMenuList.d.ts +1 -1
- package/lib-commonjs/MenuList/useMenuList.d.ts.map +1 -1
- package/lib-commonjs/MenuList/useMenuList.js +170 -152
- package/lib-commonjs/MenuList/useMenuList.js.map +1 -1
- package/lib-commonjs/MenuList/useMenuListContextValue.d.ts +1 -1
- package/lib-commonjs/MenuList/useMenuListContextValue.d.ts.map +1 -1
- package/lib-commonjs/MenuList/useMenuListContextValue.js +4 -4
- package/lib-commonjs/MenuList/useMenuListContextValue.js.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopover.d.ts +8 -4
- package/lib-commonjs/MenuPopover/MenuPopover.js +50 -47
- package/lib-commonjs/MenuPopover/MenuPopover.js.map +1 -1
- 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 +6 -4
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js +14 -11
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts +6 -4
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.js +9 -6
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts +6 -4
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js +15 -12
- package/lib-commonjs/MenuPopover/index.d.ts +1 -1
- package/lib-commonjs/MenuPopover/index.js +24 -9
- package/lib-commonjs/MenuPopover/index.js.map +1 -1
- package/lib-commonjs/MenuPopover/useMenuPopover.d.ts +3 -3
- package/lib-commonjs/MenuPopover/useMenuPopover.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/useMenuPopover.js +106 -88
- package/lib-commonjs/MenuPopover/useMenuPopover.js.map +1 -1
- package/lib-commonjs/MenuTrigger/MenuTrigger.d.ts +5 -2
- package/lib-commonjs/MenuTrigger/MenuTrigger.d.ts.map +1 -1
- package/lib-commonjs/MenuTrigger/MenuTrigger.js +73 -43
- package/lib-commonjs/MenuTrigger/MenuTrigger.js.map +1 -1
- package/lib-commonjs/MenuTrigger/MenuTrigger.types.d.ts +15 -14
- package/lib-commonjs/MenuTrigger/MenuTrigger.types.d.ts.map +1 -1
- package/lib-commonjs/MenuTrigger/MenuTrigger.types.js +3 -3
- package/lib-commonjs/MenuTrigger/MenuTrigger.types.js.map +1 -1
- package/lib-commonjs/MenuTrigger/index.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/index.js +24 -9
- package/lib-commonjs/MenuTrigger/index.js.map +1 -1
- package/lib-commonjs/MenuTrigger/useMenuTrigger.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/useMenuTrigger.d.ts.map +1 -1
- package/lib-commonjs/MenuTrigger/useMenuTrigger.js +111 -80
- package/lib-commonjs/MenuTrigger/useMenuTrigger.js.map +1 -1
- package/lib-commonjs/MenuTrigger/useMergeRefs.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/useMergeRefs.d.ts.map +1 -1
- package/lib-commonjs/MenuTrigger/useMergeRefs.js +70 -44
- package/lib-commonjs/MenuTrigger/useMergeRefs.js.map +1 -1
- package/lib-commonjs/__tests__/Menu.test.d.ts +1 -1
- package/lib-commonjs/__tests__/Menu.test.js +340 -166
- package/lib-commonjs/__tests__/Menu.test.js.map +1 -1
- 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 +70 -16
- package/lib-commonjs/context/index.js.map +1 -1
- package/lib-commonjs/context/menuContext.d.ts +5 -6
- package/lib-commonjs/context/menuContext.d.ts.map +1 -1
- package/lib-commonjs/context/menuContext.js +68 -41
- package/lib-commonjs/context/menuContext.js.map +1 -1
- package/lib-commonjs/context/menuListContext.d.ts +4 -4
- package/lib-commonjs/context/menuListContext.js +65 -38
- package/lib-commonjs/context/menuListContext.js.map +1 -1
- package/lib-commonjs/context/menuTriggerContext.d.ts +1 -1
- package/lib-commonjs/context/menuTriggerContext.js +9 -7
- package/lib-commonjs/context/menuTriggerContext.js.map +1 -1
- package/lib-commonjs/index.d.ts +26 -4
- package/lib-commonjs/index.js +296 -56
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +74 -72
- package/src/Menu/Menu.tsx +5 -5
- package/src/Menu/useMenu.android.ts +2 -2
- package/src/Menu/useMenu.ts +2 -1
- package/src/MenuCallout/MenuCallout.android.tsx +8 -9
- package/src/MenuCallout/MenuCallout.tsx +6 -8
- package/src/MenuCallout/MenuCallout.types.ts +1 -1
- package/src/MenuDivider/MenuDivider.tsx +2 -3
- package/src/MenuGroup/MenuGroup.tsx +9 -7
- package/src/MenuGroupHeader/MenuGroupHeader.tsx +2 -3
- package/src/MenuItem/MenuItem.tsx +2 -3
- package/src/MenuItemCheckbox/MenuItemCheckbox.tsx +5 -6
- package/src/MenuItemCheckbox/MenuItemCheckbox.types.ts +2 -2
- package/src/MenuItemRadio/MenuItemRadio.tsx +5 -6
- package/src/MenuItemRadio/MenuItemRadio.types.ts +2 -2
- package/src/MenuItemRadio/useMenuItemRadio.ts +1 -1
- package/src/MenuList/MenuList.tsx +8 -6
- package/src/MenuList/MenuList.types.ts +2 -2
- package/src/MenuList/useMenuList.ts +3 -3
- package/src/MenuPopover/MenuPopover.types.ts +1 -1
- package/src/MenuPopover/useMenuPopover.ts +0 -1
- package/src/MenuTrigger/MenuTrigger.tsx +5 -2
- package/src/MenuTrigger/MenuTrigger.types.ts +3 -2
- package/src/MenuTrigger/useMenuTrigger.ts +6 -8
- package/src/MenuTrigger/useMergeRefs.ts +0 -1
- package/src/__tests__/Menu.test.tsx +81 -42
- package/src/__tests__/__snapshots__/Menu.test.tsx.snap +106 -0
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
export declare const useMenuPopoverTokens: import(
|
|
2
|
-
|
|
1
|
+
export declare const useMenuPopoverTokens: import('@fluentui-react-native/framework').UseTokens<
|
|
2
|
+
Omit<import('@fluentui-react-native/callout').ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
|
|
3
|
+
borderRadius?: string | import('react-native').AnimatableNumericValue;
|
|
3
4
|
elevation?: number;
|
|
4
|
-
}
|
|
5
|
-
|
|
5
|
+
}
|
|
6
|
+
>;
|
|
7
|
+
//# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { buildUseTokens } from '@fluentui-react-native/framework';
|
|
2
2
|
import { getCurrentAppearance, isHighContrast } from '@fluentui-react-native/theming-utils';
|
|
3
3
|
import { menuPopoverName } from './MenuPopover.types';
|
|
4
|
-
export const useMenuPopoverTokens = buildUseTokens(
|
|
4
|
+
export const useMenuPopoverTokens = buildUseTokens(
|
|
5
|
+
(t) => ({
|
|
5
6
|
borderWidth: 1,
|
|
6
7
|
borderRadius: 5,
|
|
7
8
|
borderColor: isHighContrast()
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}),
|
|
13
|
-
|
|
9
|
+
? t.colors.neutralStroke1
|
|
10
|
+
: getCurrentAppearance(t.host.appearance, 'light') === 'dark'
|
|
11
|
+
? t.colors.neutralStroke3
|
|
12
|
+
: t.colors.transparentStroke,
|
|
13
|
+
}),
|
|
14
|
+
menuPopoverName,
|
|
15
|
+
);
|
|
16
|
+
//# sourceMappingURL=MenuPopoverTokens.macos.js.map
|
|
@@ -2,4 +2,4 @@ export { MenuPopover } from './MenuPopover';
|
|
|
2
2
|
export { menuPopoverName } from './MenuPopover.types';
|
|
3
3
|
export type { MenuPopoverProps, MenuPopoverState, MenuPopoverTokens } from './MenuPopover.types';
|
|
4
4
|
export { useMenuPopover } from './useMenuPopover';
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
package/lib/MenuPopover/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const useMenuPopover: (props:
|
|
3
|
-
//# sourceMappingURL=useMenuPopover.d.ts.map
|
|
1
|
+
import type { MenuPopoverState } from './MenuPopover.types';
|
|
2
|
+
export declare const useMenuPopover: (props: import('@fluentui-react-native/callout').ICalloutProps) => MenuPopoverState;
|
|
3
|
+
//# sourceMappingURL=useMenuPopover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"useMenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM9E,eAAO,MAAM,cAAc,qFAuG1B,CAAC"}
|
|
@@ -4,87 +4,103 @@ import { useMenuContext } from '../context/menuContext';
|
|
|
4
4
|
const controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'];
|
|
5
5
|
const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End', 'Escape'];
|
|
6
6
|
export const useMenuPopover = (props) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
onKeyDown,
|
|
74
|
-
onKeyUp,
|
|
75
|
-
accessible: shouldFocusOnContainer,
|
|
76
|
-
focusable: canFocusOnPopover,
|
|
77
|
-
onBlur,
|
|
78
|
-
},
|
|
7
|
+
const context = useMenuContext();
|
|
8
|
+
const {
|
|
9
|
+
setOpen,
|
|
10
|
+
triggerRef,
|
|
11
|
+
isControlled,
|
|
12
|
+
isSubmenu,
|
|
13
|
+
openOnHover,
|
|
14
|
+
parentPopoverHoverOutTimer,
|
|
15
|
+
popoverHoverOutTimer,
|
|
16
|
+
setPopoverHoverOutTimer,
|
|
17
|
+
shouldFocusOnContainer,
|
|
18
|
+
triggerHoverOutTimer,
|
|
19
|
+
} = context;
|
|
20
|
+
const { onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp } = props;
|
|
21
|
+
const onDismiss = React.useCallback(() => {
|
|
22
|
+
props.onDismiss?.();
|
|
23
|
+
setOpen(undefined, false /* isOpen */), [setOpen];
|
|
24
|
+
}, [props.onDismiss, setOpen]);
|
|
25
|
+
const dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
|
|
26
|
+
const directionalHint = props.directionalHint ?? getDirectionalHint(isSubmenu, I18nManager.isRTL);
|
|
27
|
+
const setInitialFocus = true;
|
|
28
|
+
const doNotTakePointerCapture = props.doNotTakePointerCapture ?? openOnHover;
|
|
29
|
+
const accessibilityRole = 'menu';
|
|
30
|
+
const onMouseEnter = React.useCallback(() => {
|
|
31
|
+
clearTimeout(triggerHoverOutTimer);
|
|
32
|
+
clearTimeout(popoverHoverOutTimer);
|
|
33
|
+
clearTimeout(parentPopoverHoverOutTimer);
|
|
34
|
+
}, [parentPopoverHoverOutTimer, popoverHoverOutTimer, triggerHoverOutTimer]);
|
|
35
|
+
const onMouseLeave = React.useCallback(() => {
|
|
36
|
+
if (!openOnHover) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
const timer = setTimeout(() => {
|
|
40
|
+
setOpen(undefined, false /* isOpen */);
|
|
41
|
+
}, 500);
|
|
42
|
+
setPopoverHoverOutTimer(timer);
|
|
43
|
+
}, [openOnHover, setOpen, setPopoverHoverOutTimer]);
|
|
44
|
+
const onKeyDown = React.useCallback(
|
|
45
|
+
(e) => {
|
|
46
|
+
onKeyDownProp && onKeyDownProp(e);
|
|
47
|
+
// Mark key events that move selection as handled.
|
|
48
|
+
// These key events are handled on the native side.
|
|
49
|
+
if (stopPropagationKeys.includes(e.nativeEvent.key)) {
|
|
50
|
+
e.stopPropagation();
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
[onKeyDownProp],
|
|
54
|
+
);
|
|
55
|
+
const onKeyUp = React.useCallback(
|
|
56
|
+
(e) => {
|
|
57
|
+
onKeyUpProp && onKeyUpProp(e);
|
|
58
|
+
// Mark key events that move selection as handled.
|
|
59
|
+
// These key events are handled on the native side.
|
|
60
|
+
if (stopPropagationKeys.includes(e.nativeEvent.key)) {
|
|
61
|
+
e.stopPropagation();
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
[onKeyUpProp],
|
|
65
|
+
);
|
|
66
|
+
const [canFocusOnPopover, setCanFocusOnPopover] = React.useState(shouldFocusOnContainer);
|
|
67
|
+
const onBlur = React.useCallback(() => {
|
|
68
|
+
setCanFocusOnPopover(false);
|
|
69
|
+
}, [setCanFocusOnPopover]);
|
|
70
|
+
React.useEffect(() => {
|
|
71
|
+
return function cleanup() {
|
|
72
|
+
clearTimeout(popoverHoverOutTimer);
|
|
79
73
|
};
|
|
74
|
+
});
|
|
75
|
+
return {
|
|
76
|
+
props: {
|
|
77
|
+
accessibilityRole,
|
|
78
|
+
target: triggerRef,
|
|
79
|
+
onDismiss,
|
|
80
|
+
onShow: props.onShow,
|
|
81
|
+
directionalHint,
|
|
82
|
+
dismissBehaviors,
|
|
83
|
+
doNotTakePointerCapture,
|
|
84
|
+
setInitialFocus,
|
|
85
|
+
},
|
|
86
|
+
innerView: {
|
|
87
|
+
onMouseEnter,
|
|
88
|
+
onMouseLeave,
|
|
89
|
+
onKeyDown,
|
|
90
|
+
onKeyUp,
|
|
91
|
+
accessible: shouldFocusOnContainer,
|
|
92
|
+
focusable: canFocusOnPopover,
|
|
93
|
+
onBlur,
|
|
94
|
+
},
|
|
95
|
+
};
|
|
80
96
|
};
|
|
81
97
|
const getDirectionalHint = (isSubmenu, isRtl) => {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
98
|
+
if (!isSubmenu) {
|
|
99
|
+
return undefined;
|
|
100
|
+
}
|
|
101
|
+
if (isRtl) {
|
|
102
|
+
return 'leftTopEdge';
|
|
103
|
+
}
|
|
104
|
+
return 'rightTopEdge';
|
|
89
105
|
};
|
|
90
|
-
//# sourceMappingURL=useMenuPopover.js.map
|
|
106
|
+
//# sourceMappingURL=useMenuPopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,0BAA0B,GAAG,CAAC,yBAAyB,EAAE,8BAA8B,CAAuB,CAAC;AACrH,MAAM,mBAAmB,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAU,CAAC;AAEzH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAoB,EAAE;
|
|
1
|
+
{"version":3,"file":"useMenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { MenuTriggerProps } from './MenuTrigger.types';
|
|
3
|
-
export declare
|
|
3
|
+
export declare function MenuTrigger(props: MenuTriggerProps): import('react/jsx-runtime').JSX.Element;
|
|
4
|
+
export declare namespace MenuTrigger {
|
|
5
|
+
var displayName: string;
|
|
6
|
+
}
|
|
4
7
|
export default MenuTrigger;
|
|
5
|
-
//# sourceMappingURL=MenuTrigger.d.ts.map
|
|
8
|
+
//# sourceMappingURL=MenuTrigger.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTrigger.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTrigger.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;oCAOW,KAAK,EAAE,gBAAgB;;;;AAsB9F,eAAe,WAAW,CAAC"}
|
|
@@ -1,23 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from 'react/jsx-runtime';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import { menuTriggerName } from './MenuTrigger.types';
|
|
3
4
|
import { useMenuTrigger } from './useMenuTrigger';
|
|
4
5
|
import { MenuTriggerProvider } from '../context/menuTriggerContext';
|
|
6
|
+
import { extractProps } from '@fluentui-react-native/framework-base';
|
|
5
7
|
export const MenuTrigger = (props) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
8
|
+
if (__DEV__) {
|
|
9
|
+
if (!React.Children.only(props.children)) {
|
|
10
|
+
console.warn('Only expecting one child for MenuTrigger');
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
})
|
|
19
|
-
|
|
12
|
+
}
|
|
13
|
+
const childrenProps = extractProps(props.children);
|
|
14
|
+
const menuTrigger = useMenuTrigger(childrenProps);
|
|
15
|
+
// In order to properly support accessibility without erasing props set on the
|
|
16
|
+
// child component which may affect accessibility, we need to modify the
|
|
17
|
+
// state in the inner render so we can access the child component and its props.
|
|
18
|
+
const revised = React.cloneElement(props.children, {
|
|
19
|
+
...(childrenProps?.tooltip && { alwaysShowToolTip: true }),
|
|
20
|
+
...menuTrigger.props,
|
|
21
|
+
});
|
|
22
|
+
return _jsx(MenuTriggerProvider, { value: menuTrigger.hasSubmenu, children: revised });
|
|
20
23
|
};
|
|
21
24
|
MenuTrigger.displayName = menuTriggerName;
|
|
22
25
|
export default MenuTrigger;
|
|
23
|
-
//# sourceMappingURL=MenuTrigger.js.map
|
|
26
|
+
//# sourceMappingURL=MenuTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTrigger.js","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,KAAuB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"MenuTrigger.js","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAErE,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,KAAuB,EAAE,EAAE,CAAC;IACjG,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YACzC,OAAO,CAAC,IAAI,CAAC,0CAA0C,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,CAAa,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IAElD,8EAA8E;IAC9E,wEAAwE;IACxE,gFAAgF;IAChF,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE;QACjD,GAAG,CAAC,aAAa,EAAE,OAAO,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC;QAC1D,GAAG,WAAW,CAAC,KAAK;KACrB,CAAC,CAAC;IAEH,OAAO,KAAC,mBAAmB,IAAC,KAAK,EAAE,WAAW,CAAC,UAAU,YAAG,OAAO,GAAuB,CAAC;AAAA,CAC5F,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAe,WAAW,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
|
|
2
|
+
import type { MouseEvent } from 'react-native';
|
|
3
|
+
import type { PressablePropsExtended } from '@fluentui-react-native/interactive-hooks';
|
|
4
|
+
export declare const menuTriggerName = 'MenuTrigger';
|
|
4
5
|
/**
|
|
5
6
|
* Represents single react element (or null), which is the
|
|
6
7
|
* type of the child of MenuTrigger. Notably this excludes string, number,
|
|
@@ -8,21 +9,21 @@ export declare const menuTriggerName = "MenuTrigger";
|
|
|
8
9
|
*/
|
|
9
10
|
type SingleReactElement = React.ReactElement | null;
|
|
10
11
|
export interface MenuTriggerProps {
|
|
11
|
-
|
|
12
|
+
children?: SingleReactElement;
|
|
12
13
|
}
|
|
13
14
|
export interface MenuTriggerChildProps extends Omit<PressablePropsExtended, 'onPress'> {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
/**
|
|
16
|
+
* A RefObject to refer to the trigger component.
|
|
17
|
+
*/
|
|
18
|
+
componentRef?: React.RefObject<React.Component>;
|
|
19
|
+
/**
|
|
20
|
+
* A callback to call on button click event
|
|
21
|
+
*/
|
|
22
|
+
onClick?: (e: MouseEvent) => void;
|
|
22
23
|
}
|
|
23
24
|
export interface MenuTriggerState {
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
props: MenuTriggerChildProps;
|
|
26
|
+
hasSubmenu: boolean;
|
|
26
27
|
}
|
|
27
28
|
export {};
|
|
28
|
-
//# sourceMappingURL=MenuTrigger.types.d.ts.map
|
|
29
|
+
//# sourceMappingURL=MenuTrigger.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTrigger.types.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"MenuTrigger.types.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAEvF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAE7C;;;;GAIG;AACH,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC;IACpF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEhD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const menuTriggerName = 'MenuTrigger';
|
|
2
|
-
//# sourceMappingURL=MenuTrigger.types.js.map
|
|
2
|
+
//# sourceMappingURL=MenuTrigger.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTrigger.types.js","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuTrigger.types.js","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC"}
|
|
@@ -2,4 +2,4 @@ export { MenuTrigger } from './MenuTrigger';
|
|
|
2
2
|
export { menuTriggerName } from './MenuTrigger.types';
|
|
3
3
|
export type { MenuTriggerChildProps, MenuTriggerState } from './MenuTrigger.types';
|
|
4
4
|
export { useMenuTrigger } from './useMenuTrigger';
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
package/lib/MenuTrigger/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuTrigger.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useMenuTrigger.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAUnF,eAAO,MAAM,cAAc,yDAoH1B,CAAC"}
|
|
@@ -7,76 +7,105 @@ const baseAccessibilityActions = Platform.OS === 'win32' ? [{ name: 'Expand' },
|
|
|
7
7
|
const expandedState = { expanded: true };
|
|
8
8
|
const collapsedState = { expanded: false };
|
|
9
9
|
export const useMenuTrigger = (childProps) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
const context = useMenuContext();
|
|
11
|
+
const {
|
|
12
|
+
hoverDelay = hoverDelayDefault,
|
|
13
|
+
open,
|
|
14
|
+
openOnHover,
|
|
15
|
+
popoverHoverOutTimer,
|
|
16
|
+
setOpen,
|
|
17
|
+
setTriggerHoverOutTimer,
|
|
18
|
+
triggerHoverOutTimer,
|
|
19
|
+
triggerRef,
|
|
20
|
+
} = context;
|
|
21
|
+
const {
|
|
22
|
+
accessibilityActions: childAccessibilityActions,
|
|
23
|
+
accessibilityState: childAccessibilityState,
|
|
24
|
+
onAccessibilityAction: childOnAccessibilityAction,
|
|
25
|
+
accessibilityPosInSet: childaccessibilityPosInSet, // win32
|
|
13
26
|
accessibilitySetSize: childAccessibilitySetSize, // win32
|
|
14
|
-
onClick: childOnClick,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
27
|
+
onClick: childOnClick,
|
|
28
|
+
onHoverIn: childOnHoverIn,
|
|
29
|
+
onHoverOut: childOnHoverOut,
|
|
30
|
+
componentRef: childComponentRef,
|
|
31
|
+
} = childProps;
|
|
32
|
+
const accessibilityActions = React.useMemo(() => {
|
|
33
|
+
if (childAccessibilityActions) {
|
|
34
|
+
return [...baseAccessibilityActions, ...childAccessibilityActions];
|
|
35
|
+
}
|
|
36
|
+
return baseAccessibilityActions;
|
|
37
|
+
}, [childAccessibilityActions]);
|
|
38
|
+
const accessibilityState = React.useMemo(() => {
|
|
39
|
+
const baseState = open ? expandedState : collapsedState;
|
|
40
|
+
if (childAccessibilityState) {
|
|
41
|
+
return { ...baseState, ...childAccessibilityState };
|
|
42
|
+
}
|
|
43
|
+
return baseState;
|
|
44
|
+
}, [childAccessibilityState, open]);
|
|
45
|
+
const onAccessibilityAction = React.useCallback(
|
|
46
|
+
(e) => {
|
|
47
|
+
if (Platform.OS === 'win32') {
|
|
48
|
+
switch (e.nativeEvent.actionName) {
|
|
49
|
+
case 'Expand':
|
|
50
|
+
setOpen(e, true /* isOpen */);
|
|
51
|
+
break;
|
|
52
|
+
case 'Collapse':
|
|
53
|
+
setOpen(e, false /* isOpen */);
|
|
54
|
+
break;
|
|
18
55
|
}
|
|
19
|
-
|
|
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
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
accessibilityState,
|
|
74
|
-
accessibilityActions,
|
|
75
|
-
onAccessibilityAction,
|
|
76
|
-
accessibilityPositionInSet: childAccessibilityPositionInSet ?? context.accessibilityPositionInSet,
|
|
77
|
-
accessibilitySetSize: childAccessibilitySetSize ?? context.accessibilitySetSize, // win32
|
|
78
|
-
},
|
|
79
|
-
hasSubmenu: context.isSubmenu,
|
|
80
|
-
};
|
|
56
|
+
}
|
|
57
|
+
childOnAccessibilityAction && childOnAccessibilityAction(e);
|
|
58
|
+
},
|
|
59
|
+
[childOnAccessibilityAction, setOpen],
|
|
60
|
+
);
|
|
61
|
+
const onHoverIn = React.useCallback(
|
|
62
|
+
(e) => {
|
|
63
|
+
if (openOnHover) {
|
|
64
|
+
clearTimeout(popoverHoverOutTimer);
|
|
65
|
+
clearTimeout(triggerHoverOutTimer);
|
|
66
|
+
e.persist();
|
|
67
|
+
setTimeout(() => {
|
|
68
|
+
setOpen(e, true /* isOpen */);
|
|
69
|
+
}, hoverDelay);
|
|
70
|
+
}
|
|
71
|
+
childOnHoverIn && childOnHoverIn(e);
|
|
72
|
+
},
|
|
73
|
+
[childOnHoverIn, hoverDelay, openOnHover, setOpen, triggerHoverOutTimer, popoverHoverOutTimer],
|
|
74
|
+
);
|
|
75
|
+
const onHoverOut = React.useCallback(
|
|
76
|
+
(e) => {
|
|
77
|
+
if (openOnHover) {
|
|
78
|
+
e.persist();
|
|
79
|
+
const timer = setTimeout(() => {
|
|
80
|
+
setOpen(e, false /* isOpen */);
|
|
81
|
+
}, hoverDelay);
|
|
82
|
+
setTriggerHoverOutTimer(timer);
|
|
83
|
+
}
|
|
84
|
+
childOnHoverOut && childOnHoverOut(e);
|
|
85
|
+
},
|
|
86
|
+
[childOnHoverOut, hoverDelay, openOnHover, setOpen, setTriggerHoverOutTimer],
|
|
87
|
+
);
|
|
88
|
+
const onClick = React.useCallback(
|
|
89
|
+
(e) => {
|
|
90
|
+
setOpen(e, !open);
|
|
91
|
+
childOnClick && childOnClick(e);
|
|
92
|
+
},
|
|
93
|
+
[childOnClick, open, setOpen],
|
|
94
|
+
);
|
|
95
|
+
const ref = useMergedRefs(triggerRef, childComponentRef);
|
|
96
|
+
return {
|
|
97
|
+
props: {
|
|
98
|
+
onClick,
|
|
99
|
+
onHoverIn,
|
|
100
|
+
onHoverOut,
|
|
101
|
+
componentRef: ref,
|
|
102
|
+
accessibilityState,
|
|
103
|
+
accessibilityActions,
|
|
104
|
+
onAccessibilityAction,
|
|
105
|
+
accessibilityPosInSet: childaccessibilityPosInSet ?? context.accessibilityPosInSet, // win32
|
|
106
|
+
accessibilitySetSize: childAccessibilitySetSize ?? context.accessibilitySetSize, // win32
|
|
107
|
+
},
|
|
108
|
+
hasSubmenu: context.isSubmenu,
|
|
109
|
+
};
|
|
81
110
|
};
|
|
82
|
-
//# sourceMappingURL=useMenuTrigger.js.map
|
|
111
|
+
//# sourceMappingURL=useMenuTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuTrigger.js","sourceRoot":"","sources":["../../src/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"useMenuTrigger.js","sourceRoot":"","sources":["../../src/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":"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"}
|