@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuList.d.ts","sourceRoot":"","sources":["../../src/MenuList/useMenuList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"useMenuList.d.ts","sourceRoot":"","sources":["../../src/MenuList/useMenuList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKzC,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAmB,MAAM,kBAAkB,CAAC;AAoBtF,eAAO,MAAM,WAAW,0CAwKvB,CAAC;AAGF,eAAO,MAAM,mBAAmB,yDAe/B,CAAC"}
|
|
@@ -8,160 +8,176 @@ import { useMenuListContext } from '../context/menuListContext';
|
|
|
8
8
|
// 2. Keeping them here means these consts are not recreated on every render, which would force rerendering of all children
|
|
9
9
|
const radioItems = [];
|
|
10
10
|
const addRadioItem = (name) => {
|
|
11
|
-
|
|
11
|
+
radioItems.push(name);
|
|
12
12
|
};
|
|
13
13
|
const removeRadioItem = (name) => {
|
|
14
|
-
|
|
14
|
+
radioItems.filter((item) => item !== name);
|
|
15
15
|
};
|
|
16
16
|
const platformsWithoutFocusOnDisabled = ['ios', 'macos'];
|
|
17
17
|
const handledKeys = ['Home', 'End'];
|
|
18
18
|
const handleFocusOnMouseLevae = Platform.OS === 'macos';
|
|
19
19
|
export const useMenuList = (_props) => {
|
|
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
|
-
else {
|
|
54
|
-
delete updatedChecked[name];
|
|
55
|
-
}
|
|
56
|
-
if (!isCheckedControlled) {
|
|
57
|
-
setCheckedInternal(updatedChecked);
|
|
58
|
-
}
|
|
59
|
-
if (onCheckedChangeOriginal) {
|
|
60
|
-
onCheckedChangeOriginal(e, Object.keys(updatedChecked));
|
|
61
|
-
}
|
|
62
|
-
}, [isCheckedControlled, checked, onCheckedChangeOriginal, setCheckedInternal]);
|
|
63
|
-
const selectRadio = React.useCallback((e, name) => {
|
|
64
|
-
const updatedChecked = {};
|
|
65
|
-
for (const checkedName of Object.keys(checked)) {
|
|
66
|
-
if (!radioItems.includes(checkedName)) {
|
|
67
|
-
// Preserve checked state if non-radio items
|
|
68
|
-
updatedChecked[checkedName] = checked[checkedName];
|
|
69
|
-
}
|
|
70
|
-
}
|
|
20
|
+
const context = useMenuContext();
|
|
21
|
+
// MenuList v2 needs to be able to be standalone, but this is not in scope for v1
|
|
22
|
+
// Assuming that checked information will come from parent Menu
|
|
23
|
+
const { defaultChecked, onCheckedChange: onCheckedChangeOriginal, checked: checkedOriginal, isSubmenu, setOpen, triggerRef } = context;
|
|
24
|
+
// Convert passed in array to map so that i's easier to look up checked state
|
|
25
|
+
const checkedMap = React.useMemo(() => {
|
|
26
|
+
const state = {};
|
|
27
|
+
if (!checkedOriginal) {
|
|
28
|
+
return state;
|
|
29
|
+
}
|
|
30
|
+
for (const key of checkedOriginal) {
|
|
31
|
+
state[key] = true;
|
|
32
|
+
}
|
|
33
|
+
return state;
|
|
34
|
+
}, [checkedOriginal]);
|
|
35
|
+
const [checkedInternal, setCheckedInternal] = React.useState(() => {
|
|
36
|
+
if (checkedMap) {
|
|
37
|
+
return checkedMap;
|
|
38
|
+
}
|
|
39
|
+
const initialChecked = defaultChecked ?? [];
|
|
40
|
+
const state = {};
|
|
41
|
+
for (const key of initialChecked) {
|
|
42
|
+
state[key] = true;
|
|
43
|
+
}
|
|
44
|
+
return state;
|
|
45
|
+
});
|
|
46
|
+
const isCheckedControlled = typeof checkedOriginal !== 'undefined';
|
|
47
|
+
const checked = isCheckedControlled ? checkedMap : checkedInternal;
|
|
48
|
+
const onCheckedChange = React.useCallback(
|
|
49
|
+
(e, name, isChecked) => {
|
|
50
|
+
const updatedChecked = { ...checked };
|
|
51
|
+
if (isChecked) {
|
|
71
52
|
updatedChecked[name] = true;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
53
|
+
} else {
|
|
54
|
+
delete updatedChecked[name];
|
|
55
|
+
}
|
|
56
|
+
if (!isCheckedControlled) {
|
|
57
|
+
setCheckedInternal(updatedChecked);
|
|
58
|
+
}
|
|
59
|
+
if (onCheckedChangeOriginal) {
|
|
60
|
+
onCheckedChangeOriginal(e, Object.keys(updatedChecked));
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
[isCheckedControlled, checked, onCheckedChangeOriginal, setCheckedInternal],
|
|
64
|
+
);
|
|
65
|
+
const selectRadio = React.useCallback(
|
|
66
|
+
(e, name) => {
|
|
67
|
+
const updatedChecked = {};
|
|
68
|
+
for (const checkedName of Object.keys(checked)) {
|
|
69
|
+
if (!radioItems.includes(checkedName)) {
|
|
70
|
+
// Preserve checked state if non-radio items
|
|
71
|
+
updatedChecked[checkedName] = checked[checkedName];
|
|
87
72
|
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
73
|
+
}
|
|
74
|
+
updatedChecked[name] = true;
|
|
75
|
+
if (!isCheckedControlled) {
|
|
76
|
+
setCheckedInternal(updatedChecked);
|
|
77
|
+
}
|
|
78
|
+
if (onCheckedChangeOriginal) {
|
|
79
|
+
onCheckedChangeOriginal(e, Object.keys(updatedChecked));
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
[isCheckedControlled, onCheckedChangeOriginal, setCheckedInternal, checked],
|
|
83
|
+
);
|
|
84
|
+
// The close arrow key must be handled at this level so that close arrow is responsive when arrowing
|
|
85
|
+
// on a submenu trigger inside a submenu. Otherwise the arrowing event gets "swallowed up" by the trigger,
|
|
86
|
+
// because it is considered to be inside the submenu due to the Menu component wrapping both the
|
|
87
|
+
// trigger and popover. Listening to key events directly here to handle this case doesn't work
|
|
88
|
+
// since left and right arrow key events are already handled and swallowed by native behavior
|
|
89
|
+
const onArrowClose = React.useCallback(
|
|
90
|
+
(e) => {
|
|
91
|
+
if (!isSubmenu) {
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
setOpen(e, false /* isOpen */, false /* bubble */);
|
|
95
|
+
triggerRef?.current?.focus();
|
|
96
|
+
},
|
|
97
|
+
[isSubmenu, setOpen, triggerRef],
|
|
98
|
+
);
|
|
99
|
+
// Handle 'Home' and 'End' keypresses here. Native menus allow 'Home' and 'End' keypresses to jump to the
|
|
100
|
+
// start and end of each menu list. We need to keep track of all MenuItems in our list, and we need access to
|
|
101
|
+
// (1) the item's ref to focus on and (2) whether the item is disabled or not as different platforms allow
|
|
102
|
+
// and don't allow focus for disabled items.
|
|
103
|
+
// Instead of calling useState to instantiate an array, we call useMemo because we don't want to re-render the
|
|
104
|
+
// MenuList on adding / removing items.
|
|
105
|
+
const trackedMenuItems = React.useMemo(() => [], []);
|
|
106
|
+
const trackMenuItem = React.useCallback((item) => trackedMenuItems.push(item), [trackedMenuItems]);
|
|
107
|
+
const untrackMenuItem = React.useCallback(
|
|
108
|
+
(item) =>
|
|
109
|
+
trackedMenuItems.splice(
|
|
110
|
+
trackedMenuItems.findIndex((x) => x.ref === item.ref),
|
|
111
|
+
1,
|
|
112
|
+
),
|
|
113
|
+
[trackedMenuItems],
|
|
114
|
+
);
|
|
115
|
+
const onListKeyDown = (e) => {
|
|
116
|
+
const key = e.nativeEvent.key;
|
|
117
|
+
if (handledKeys.includes(key)) {
|
|
118
|
+
// For iOS and macOS, 'Home' and 'End' must set focus on the first and last enabled item.
|
|
119
|
+
// For other platforms, we can just jump to the first and last keys.
|
|
120
|
+
let increment, idx;
|
|
121
|
+
if (key === 'Home') {
|
|
122
|
+
increment = 1;
|
|
123
|
+
idx = 0;
|
|
124
|
+
} else if (key === 'End') {
|
|
125
|
+
increment = -1;
|
|
126
|
+
idx = trackedMenuItems.length - 1;
|
|
127
|
+
}
|
|
128
|
+
while (platformsWithoutFocusOnDisabled.includes(Platform.OS) && trackedMenuItems[idx].disabled) {
|
|
129
|
+
idx += increment;
|
|
130
|
+
}
|
|
131
|
+
trackedMenuItems[idx].ref.current?.focus();
|
|
132
|
+
}
|
|
133
|
+
};
|
|
134
|
+
React.useEffect(() => {
|
|
135
|
+
return function cleanup() {
|
|
136
|
+
clearTimeout(context.triggerHoverOutTimer);
|
|
151
137
|
};
|
|
138
|
+
});
|
|
139
|
+
// focus management
|
|
140
|
+
const focusZoneRef = React.useRef(null);
|
|
141
|
+
const setFocusZoneFocus = () => {
|
|
142
|
+
focusZoneRef?.current?.focus();
|
|
143
|
+
};
|
|
144
|
+
React.useEffect(() => {
|
|
145
|
+
setFocusZoneFocus();
|
|
146
|
+
}, []);
|
|
147
|
+
return {
|
|
148
|
+
props: {
|
|
149
|
+
...context,
|
|
150
|
+
onMouseLeave: handleFocusOnMouseLevae ? setFocusZoneFocus : context.onMouseLeave,
|
|
151
|
+
onKeyDown: onListKeyDown,
|
|
152
|
+
},
|
|
153
|
+
isCheckedControlled,
|
|
154
|
+
checked,
|
|
155
|
+
onArrowClose,
|
|
156
|
+
onCheckedChange,
|
|
157
|
+
selectRadio,
|
|
158
|
+
addRadioItem,
|
|
159
|
+
removeRadioItem,
|
|
160
|
+
trackMenuItem,
|
|
161
|
+
untrackMenuItem,
|
|
162
|
+
hasMaxHeight: context.hasMaxHeight ?? false,
|
|
163
|
+
hasMaxWidth: context.hasMaxWidth ?? false,
|
|
164
|
+
focusZoneRef: focusZoneRef,
|
|
165
|
+
};
|
|
152
166
|
};
|
|
153
167
|
// Hook called in individual MenuItems to keep track of their refs - this is for "Home" and "End" functionality.
|
|
154
168
|
export const useMenuItemTracking = (ref, disabled) => {
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
169
|
+
const { trackMenuItem, untrackMenuItem } = useMenuListContext();
|
|
170
|
+
const item = React.useMemo(
|
|
171
|
+
() => ({
|
|
172
|
+
ref,
|
|
173
|
+
disabled,
|
|
174
|
+
}),
|
|
175
|
+
[ref, disabled],
|
|
176
|
+
);
|
|
177
|
+
// We only want to call this once - when the item initially renders.
|
|
178
|
+
React.useEffect(() => {
|
|
179
|
+
trackMenuItem(item);
|
|
180
|
+
return () => untrackMenuItem(item);
|
|
181
|
+
}, []);
|
|
166
182
|
};
|
|
167
|
-
//# sourceMappingURL=useMenuList.js.map
|
|
183
|
+
//# sourceMappingURL=useMenuList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuList.js","sourceRoot":"","sources":["../../src/MenuList/useMenuList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"useMenuList.js","sourceRoot":"","sources":["../../src/MenuList/useMenuList.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { MenuListState } from './MenuList.types';
|
|
2
2
|
import type { MenuListContextValue } from '../context/menuListContext';
|
|
3
3
|
export declare const useMenuListContextValue: (state: MenuListState) => MenuListContextValue;
|
|
4
|
-
//# sourceMappingURL=useMenuListContextValue.d.ts.map
|
|
4
|
+
//# sourceMappingURL=useMenuListContextValue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuListContextValue.d.ts","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"useMenuListContextValue.d.ts","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,eAAO,MAAM,uBAAuB,gDAEnC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export const useMenuListContextValue = (state) => {
|
|
2
|
-
|
|
2
|
+
return { hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips, ...state };
|
|
3
3
|
};
|
|
4
|
-
//# sourceMappingURL=useMenuListContextValue.js.map
|
|
4
|
+
//# sourceMappingURL=useMenuListContextValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuListContextValue.js","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAoB,EAAwB,EAAE;
|
|
1
|
+
{"version":3,"file":"useMenuListContextValue.js","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAoB,EAAwB,EAAE,CAAC;IACrF,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,KAAK,EAAE,CAAC;AAAA,CACrI,CAAC"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
export declare const MenuPopover: import(
|
|
2
|
-
|
|
1
|
+
export declare const MenuPopover: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
2
|
+
import('@fluentui-react-native/callout').ICalloutProps,
|
|
3
|
+
Omit<import('@fluentui-react-native/callout').ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
|
|
4
|
+
borderRadius?: string | import('react-native').AnimatableNumericValue;
|
|
3
5
|
elevation?: number;
|
|
4
|
-
},
|
|
6
|
+
},
|
|
7
|
+
import('@fluentui-react-native/theme-types').Theme
|
|
8
|
+
>;
|
|
5
9
|
export default MenuPopover;
|
|
6
|
-
//# sourceMappingURL=MenuPopover.d.ts.map
|
|
10
|
+
//# sourceMappingURL=MenuPopover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW;;;
|
|
1
|
+
{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW;;;sDA4CvB,CAAC;AAGF,eAAe,WAAW,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx } from 'react/jsx-runtime';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { Platform, View } from 'react-native';
|
|
3
4
|
import { compressible, mergeProps, patchTokens, useFluentTheme } from '@fluentui-react-native/framework';
|
|
@@ -7,40 +8,40 @@ import { useMenuPopover } from './useMenuPopover';
|
|
|
7
8
|
import { useMenuContext } from '../context';
|
|
8
9
|
import { MenuCallout } from '../MenuCallout';
|
|
9
10
|
export const MenuPopover = compressible((props, useTokens) => {
|
|
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
|
-
|
|
11
|
+
const { directionalHint, gapSpace, maxHeight, maxWidth, minWidth, minPadding, borderWidth, borderColor, backgroundColor } = props;
|
|
12
|
+
const state = useMenuPopover(props);
|
|
13
|
+
const theme = useFluentTheme();
|
|
14
|
+
const context = useMenuContext();
|
|
15
|
+
let [tokens, cache] = useTokens(theme);
|
|
16
|
+
context.hasMaxHeight = maxHeight != undefined;
|
|
17
|
+
context.minWidth = minWidth ?? context.minWidth;
|
|
18
|
+
[tokens, cache] = patchTokens(tokens, cache, {
|
|
19
|
+
directionalHint,
|
|
20
|
+
gapSpace,
|
|
21
|
+
maxHeight,
|
|
22
|
+
maxWidth,
|
|
23
|
+
minWidth,
|
|
24
|
+
minPadding,
|
|
25
|
+
borderWidth,
|
|
26
|
+
borderColor,
|
|
27
|
+
backgroundColor,
|
|
28
|
+
});
|
|
29
|
+
return (final, children) => {
|
|
30
|
+
const mergedProps = mergeProps(tokens, state.props, final);
|
|
31
|
+
const innerViewProps =
|
|
32
|
+
//For windows platforms, styling needs to be set on container view instead of the callout itself for the scrollview to reflect correct width and height
|
|
33
|
+
Platform.OS === 'windows' || Platform.OS === 'win32'
|
|
34
|
+
? {
|
|
35
|
+
...state.innerView,
|
|
36
|
+
style: {
|
|
37
|
+
maxHeight: mergedProps.maxHeight,
|
|
38
|
+
},
|
|
39
|
+
}
|
|
40
|
+
: state.innerView;
|
|
41
|
+
const content = React.createElement(View, innerViewProps, children);
|
|
42
|
+
return _jsx(MenuCallout, { tokens: tokens, ...mergedProps, children: content });
|
|
43
|
+
};
|
|
43
44
|
}, useMenuPopoverTokens);
|
|
44
45
|
MenuPopover.displayName = menuPopoverName;
|
|
45
46
|
export default MenuPopover;
|
|
46
|
-
//# sourceMappingURL=MenuPopover.js.map
|
|
47
|
+
//# sourceMappingURL=MenuPopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGzG,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CACrC,CAAC,KAAuB,EAAE,SAAuC,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGzG,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CACrC,CAAC,KAAuB,EAAE,SAAuC,EAAE,EAAE,CAAC;IACpE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClI,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CAAC,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,OAAO,CAAC,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;IAEhD,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE;QAC3C,eAAe;QACf,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,UAAU;QACV,WAAW;QACX,WAAW;QACX,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO,CAAC,KAAuB,EAAE,QAAyB,EAAE,EAAE,CAAC;QAC7D,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3D,MAAM,cAAc;QAClB,uJAAuJ;QACvJ,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAM,OAAe;YAC3D,CAAC,CAAC;gBACE,GAAG,KAAK,CAAC,SAAS;gBAClB,KAAK,EAAE;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;iBACjC;aACF;YACH,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACpE,OAAO,CACL,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,KAAM,WAAW,YACzC,OAAO,GACI,CACf,CAAC;IAAA,CACH,CAAC;AAAA,CACH,EACD,oBAAoB,CACrB,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAe,WAAW,CAAC"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import type { AnimatableNumericValue } from 'react-native';
|
|
2
2
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
3
3
|
import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
|
|
4
|
-
export declare const menuPopoverName =
|
|
4
|
+
export declare const menuPopoverName = 'MenuPopover';
|
|
5
5
|
export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
6
|
+
/**
|
|
7
|
+
* The props for the corner radius for the Modal MenuPopover
|
|
8
|
+
* @platform android macos
|
|
9
|
+
*/
|
|
10
|
+
borderRadius?: AnimatableNumericValue | string;
|
|
11
|
+
/**
|
|
12
|
+
* Shadown elevation for the Modal MenuPopover
|
|
13
|
+
* @platform android
|
|
14
|
+
*/
|
|
15
|
+
elevation?: number;
|
|
16
16
|
};
|
|
17
17
|
export type MenuPopoverProps = ICalloutProps;
|
|
18
18
|
export interface MenuPopoverState {
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
props: ICalloutProps;
|
|
20
|
+
innerView: IViewProps;
|
|
21
21
|
}
|
|
22
|
-
//# sourceMappingURL=MenuPopover.types.d.ts.map
|
|
22
|
+
//# sourceMappingURL=MenuPopover.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopover.types.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"MenuPopover.types.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GAC3B,CAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA,CAAC;AAEN,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,UAAU,CAAC;CACvB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const menuPopoverName = 'MenuPopover';
|
|
2
|
-
//# sourceMappingURL=MenuPopover.types.js.map
|
|
2
|
+
//# sourceMappingURL=MenuPopover.types.js.map
|
|
@@ -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.android.d.ts.map
|
|
@@ -2,13 +2,16 @@ import { Dimensions } from 'react-native';
|
|
|
2
2
|
import { buildUseTokens } from '@fluentui-react-native/framework';
|
|
3
3
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
4
4
|
import { menuPopoverName } from './MenuPopover.types';
|
|
5
|
-
export const useMenuPopoverTokens = buildUseTokens(
|
|
5
|
+
export const useMenuPopoverTokens = buildUseTokens(
|
|
6
|
+
(t) => ({
|
|
6
7
|
borderWidth: 1,
|
|
7
8
|
borderColor: t.colors.neutralStrokeAccessible,
|
|
8
|
-
maxHeight: Dimensions.get('window').height / 2 - globalTokens.size320,
|
|
9
|
-
maxWidth: Dimensions.get('window').width - globalTokens.size160,
|
|
9
|
+
maxHeight: Dimensions.get('window').height / 2 - globalTokens.size320, // Getting window height size and subtracting the padding considering on vertical
|
|
10
|
+
maxWidth: Dimensions.get('window').width - globalTokens.size160, // Getting window height size and subtracting the screen offset a/c design
|
|
10
11
|
cornerRadius: globalTokens.corner.radius80,
|
|
11
12
|
elevation: globalTokens.size160,
|
|
12
13
|
minPadding: globalTokens.size160,
|
|
13
|
-
}),
|
|
14
|
-
|
|
14
|
+
}),
|
|
15
|
+
menuPopoverName,
|
|
16
|
+
);
|
|
17
|
+
//# sourceMappingURL=MenuPopoverTokens.android.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,cAAc,CAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;IAC7C,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC,OAAO;
|
|
1
|
+
{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,cAAc,CAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;IAC7C,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC,OAAO,EAAE,iFAAiF;IACxJ,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,EAAE,0EAA0E;IAC3I,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,SAAS,EAAE,YAAY,CAAC,OAAO;IAC/B,UAAU,EAAE,YAAY,CAAC,OAAO;CACjC,CAAC,EACF,eAAe,CAChB,CAAC"}
|
|
@@ -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.d.ts.map
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { buildUseTokens } from '@fluentui-react-native/framework';
|
|
2
2
|
import { menuPopoverName } from './MenuPopover.types';
|
|
3
|
-
export const useMenuPopoverTokens = buildUseTokens(
|
|
4
|
-
|
|
3
|
+
export const useMenuPopoverTokens = buildUseTokens(
|
|
4
|
+
(t) => ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }),
|
|
5
|
+
menuPopoverName,
|
|
6
|
+
);
|
|
7
|
+
//# sourceMappingURL=MenuPopoverTokens.js.map
|