@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
|
@@ -3,28 +3,31 @@ import { useMenuContext } from '../context/menuContext';
|
|
|
3
3
|
import { useMenuListContext } from '../context/menuListContext';
|
|
4
4
|
import { useMenuCheckboxInteraction } from '../MenuItemCheckbox/useMenuItemCheckbox';
|
|
5
5
|
export const useMenuItemRadio = (props) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
const { disabled = false, name, persistOnClick } = props;
|
|
7
|
+
const context = useMenuContext();
|
|
8
|
+
const listContext = useMenuListContext();
|
|
9
|
+
const selectRadio = listContext.selectRadio;
|
|
10
|
+
const setOpen = context.setOpen;
|
|
11
|
+
let shouldPersist = context.persistOnItemClick;
|
|
12
|
+
shouldPersist = persistOnClick ?? shouldPersist;
|
|
13
|
+
const toggleChecked = React.useCallback(
|
|
14
|
+
(e) => {
|
|
15
|
+
if (!disabled) {
|
|
16
|
+
selectRadio(e, name);
|
|
17
|
+
if (!shouldPersist) {
|
|
18
|
+
setOpen(e, false /*isOpen*/, true /*bubble*/);
|
|
19
19
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
[disabled, name, selectRadio, setOpen, shouldPersist],
|
|
23
|
+
);
|
|
24
|
+
// Explicitly only run on mount and unmount
|
|
25
|
+
React.useEffect(() => {
|
|
26
|
+
listContext.addRadioItem(name);
|
|
27
|
+
return () => {
|
|
28
|
+
listContext.removeRadioItem(name);
|
|
29
|
+
};
|
|
30
|
+
}, []);
|
|
31
|
+
return useMenuCheckboxInteraction(props, toggleChecked);
|
|
29
32
|
};
|
|
30
|
-
//# sourceMappingURL=useMenuItemRadio.js.map
|
|
33
|
+
//# sourceMappingURL=useMenuItemRadio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuItemRadio.js","sourceRoot":"","sources":["../../src/MenuItemRadio/useMenuItemRadio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAGrF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAyB,EAAqB,EAAE;
|
|
1
|
+
{"version":3,"file":"useMenuItemRadio.js","sourceRoot":"","sources":["../../src/MenuItemRadio/useMenuItemRadio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAGrF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAyB,EAAqB,EAAE,CAAC;IAChF,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IACzC,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC;IAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,IAAI,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAC/C,aAAa,GAAG,cAAc,IAAI,aAAa,CAAC;IAEhD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,CAAmB,EAAE,EAAE,CAAC;QACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,aAAa,EAAE,CAAC;gBACnB,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YAChD,CAAC;QACH,CAAC;IAAA,CACF,EACD,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,CACtD,CAAC;IAEF,2CAA2C;IAC3C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE/B,OAAO,GAAG,EAAE,CAAC;YACX,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAAA,CACnC,CAAC;IAAA,CACH,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,0BAA0B,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAAA,CACzD,CAAC"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import type { MenuListProps, MenuListState } from './MenuList.types';
|
|
2
2
|
export declare const menuListLookup: (layer: string, state: MenuListState, userProps: MenuListProps) => boolean;
|
|
3
|
-
export declare const MenuList: import(
|
|
4
|
-
|
|
3
|
+
export declare const MenuList: import('@fluentui-react-native/framework').ComposableComponent<
|
|
4
|
+
MenuListProps,
|
|
5
|
+
import('./MenuList.types').MenuListSlotProps,
|
|
6
|
+
import('./MenuList.types').MenuListTokens,
|
|
7
|
+
import('@fluentui-react-native/framework-base').ObjectBase
|
|
8
|
+
>;
|
|
9
|
+
//# sourceMappingURL=MenuList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AAUnF,eAAO,MAAM,cAAc,4EAE1B,CAAC;AAEF,eAAO,MAAM,QAAQ,oOA8EnB,CAAC"}
|
package/lib/MenuList/MenuList.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
/** @
|
|
1
|
+
import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
|
|
2
|
+
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { Platform, ScrollView, View } from 'react-native';
|
|
5
5
|
import { FocusZone } from '@fluentui-react-native/focus-zone';
|
|
6
|
-
import { compose
|
|
6
|
+
import { compose } from '@fluentui-react-native/framework';
|
|
7
|
+
import { extractProps } from '@fluentui-react-native/framework-base';
|
|
7
8
|
import { stylingSettings } from './MenuList.styling';
|
|
8
9
|
import { menuListName } from './MenuList.types';
|
|
9
10
|
import { useMenuList } from './useMenuList';
|
|
@@ -13,60 +14,75 @@ const shouldHaveFocusZone = ['macos', 'win32'].includes(Platform.OS);
|
|
|
13
14
|
const focusLandsOnContainer = Platform.OS === 'macos';
|
|
14
15
|
const hasCircularNavigation = Platform.OS === 'win32';
|
|
15
16
|
export const menuListLookup = (layer, state, userProps) => {
|
|
16
|
-
|
|
17
|
+
return state[layer] || userProps[layer] || layer === 'hasMaxHeight';
|
|
17
18
|
};
|
|
18
19
|
export const MenuList = compose({
|
|
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
|
-
|
|
20
|
+
displayName: menuListName,
|
|
21
|
+
...stylingSettings,
|
|
22
|
+
slots: {
|
|
23
|
+
root: View,
|
|
24
|
+
scrollView: ScrollView,
|
|
25
|
+
focusZone: shouldHaveFocusZone ? FocusZone : View,
|
|
26
|
+
},
|
|
27
|
+
useRender: (userProps, useSlots) => {
|
|
28
|
+
const menuList = useMenuList(userProps);
|
|
29
|
+
const menuListContextValue = useMenuListContextValue(menuList);
|
|
30
|
+
const Slots = useSlots(menuList.props, (layer) => menuListLookup(layer, menuList, userProps));
|
|
31
|
+
return (_final, children) => {
|
|
32
|
+
const itemCount = React.Children.toArray(children).filter(
|
|
33
|
+
(child) => React.isValidElement(child) && child.type.displayName !== 'MenuDivider',
|
|
34
|
+
).length;
|
|
35
|
+
let itemPosition = 0;
|
|
36
|
+
const childrenWithSet = React.Children.toArray(children).map((child) => {
|
|
37
|
+
if (React.isValidElement(child)) {
|
|
38
|
+
if (child.type.displayName !== 'MenuDivider') {
|
|
39
|
+
itemPosition++;
|
|
40
|
+
}
|
|
41
|
+
const childProps = extractProps(child);
|
|
42
|
+
return React.cloneElement(child, {
|
|
43
|
+
accessibilityPosInSet: childProps?.accessibilityPosInSet ?? itemPosition, // win32
|
|
44
|
+
accessibilitySetSize: childProps?.accessibilitySetSize ?? itemCount, //win32
|
|
45
|
+
...(childProps?.tooltip && { alwaysShowToolTip: true }),
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
return child;
|
|
49
|
+
});
|
|
50
|
+
const shouldHaveScrollView = Platform.OS === 'macos' || menuList.hasMaxHeight || menuList.hasMaxWidth;
|
|
51
|
+
const ScrollViewWrapper = shouldHaveScrollView ? Slots.scrollView : React.Fragment;
|
|
52
|
+
const hasMenuGroupChild = React.Children.toArray(children).some(
|
|
53
|
+
(child) => child && child.type && child.type.displayName === 'MenuGroup',
|
|
54
|
+
);
|
|
55
|
+
// On win32, tab navigation should only be enabled when we have menu groups.
|
|
56
|
+
const hasTabNavigation = Platform.OS === 'win32' && hasMenuGroupChild;
|
|
57
|
+
const content = _jsx(Slots.root, {
|
|
58
|
+
children: _jsx(
|
|
59
|
+
ScrollViewWrapper,
|
|
60
|
+
// avoid error that fires when props are passed into React.fragment
|
|
61
|
+
{
|
|
62
|
+
...(shouldHaveScrollView && {
|
|
63
|
+
showsVerticalScrollIndicator: menuList.hasMaxHeight,
|
|
64
|
+
showsHorizontalScrollIndicator: menuList.hasMaxWidth,
|
|
65
|
+
}),
|
|
66
|
+
children: _jsx(
|
|
67
|
+
Slots.focusZone,
|
|
68
|
+
// avoid error that fires when props are passed into React.fragment
|
|
69
|
+
{
|
|
70
|
+
...(shouldHaveFocusZone && {
|
|
71
|
+
componentRef: focusLandsOnContainer && menuList.focusZoneRef,
|
|
72
|
+
focusZoneDirection: 'vertical',
|
|
73
|
+
defaultTabbableElement: focusLandsOnContainer && menuList.focusZoneRef,
|
|
74
|
+
enableFocusRing: false,
|
|
75
|
+
isCircularNavigation: hasCircularNavigation,
|
|
76
|
+
tabKeyNavigation: hasTabNavigation ? 'Normal' : 'None',
|
|
77
|
+
}),
|
|
78
|
+
children: childrenWithSet,
|
|
79
|
+
},
|
|
80
|
+
),
|
|
81
|
+
},
|
|
82
|
+
),
|
|
83
|
+
});
|
|
84
|
+
return _jsx(MenuListProvider, { value: menuListContextValue, children: content });
|
|
85
|
+
};
|
|
86
|
+
},
|
|
71
87
|
});
|
|
72
|
-
//# sourceMappingURL=MenuList.js.map
|
|
88
|
+
//# sourceMappingURL=MenuList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,mBAAmB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;AAC/E,MAAM,qBAAqB,GAAG,QAAQ,CAAC,EAAE,KAAK,OAAO,CAAC;AACtD,MAAM,qBAAqB,GAAG,QAAQ,CAAC,EAAE,KAAM,OAAe,CAAC;AAE/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB,EAAW,EAAE,CAAC;IACxG,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,cAAc,CAAC;AAAA,CACrE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,CAAe;IAC5C,WAAW,EAAE,YAAY;IACzB,GAAG,eAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;KAClD;IACD,SAAS,EAAE,CAAC,SAAwB,EAAE,QAAgC,EAAE,EAAE,CAAC;QACzE,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;QACxC,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;QAC/D,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;QAE9F,OAAO,CAAC,MAAqB,EAAE,QAAyB,EAAE,EAAE,CAAC;YAC3D,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,aAAa,CAC5F,CAAC,MAAM,CAAC;YACT,IAAI,YAAY,GAAG,CAAC,CAAC;YAErB,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;gBACtE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;oBAChC,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,aAAa,EAAE,CAAC;wBACtD,YAAY,EAAE,CAAC;oBACjB,CAAC;oBAED,MAAM,UAAU,GAAG,YAAY,CAAa,KAAK,CAAC,CAAC;oBACnD,OAAO,KAAK,CAAC,YAAY,CACvB,KAA+E,EAC/E;wBACE,qBAAqB,EAAE,UAAU,EAAE,qBAAqB,IAAI,YAAY,EAAE,QAAQ;wBAClF,oBAAoB,EAAE,UAAU,EAAE,oBAAoB,IAAI,SAAS,EAAE,OAAO;wBAC5E,GAAG,CAAC,UAAU,EAAE,OAAO,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC;qBACjD,CACT,CAAC;gBACJ,CAAC;gBAED,OAAO,KAAK,CAAC;YAAA,CACd,CAAC,CAAC;YAEH,MAAM,oBAAoB,GAAG,QAAQ,CAAC,EAAE,KAAK,OAAO,IAAI,QAAQ,CAAC,YAAY,IAAI,QAAQ,CAAC,WAAW,CAAC;YACtG,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;YAEnF,MAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC7D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAK,KAAa,CAAC,IAAI,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,WAAW,CAC3F,CAAC;YAEF,4EAA4E;YAC5E,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE,KAAM,OAAe,IAAI,iBAAiB,CAAC;YAE/E,MAAM,OAAO,GAAG,CACd,KAAC,KAAK,CAAC,IAAI,cACT,KAAC,iBAAiB;gBAChB,mEAAmE;uBAC/D,CAAC,oBAAoB,IAAI;wBAC3B,4BAA4B,EAAE,QAAQ,CAAC,YAAY;wBACnD,8BAA8B,EAAE,QAAQ,CAAC,WAAW;qBACrD,CAAC,YAEF,KAAC,KAAK,CAAC,SAAS;oBACd,mEAAmE;2BAC/D,CAAC,mBAAmB,IAAI;4BAC1B,YAAY,EAAE,qBAAqB,IAAI,QAAQ,CAAC,YAAY;4BAC5D,kBAAkB,EAAE,UAAU;4BAC9B,sBAAsB,EAAE,qBAAqB,IAAI,QAAQ,CAAC,YAAY;4BACtE,eAAe,EAAE,KAAK;4BACtB,oBAAoB,EAAE,qBAAqB;4BAC3C,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;yBACvD,CAAC,YAED,eAAe,GACA,GACA,GACT,CACd,CAAC;YAEF,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,oBAAoB,YAAG,OAAO,GAAoB,CAAC;QAAA,CACpF,CAAC;IAAA,CACH;CACF,CAAC,CAAC"}
|
|
@@ -2,4 +2,4 @@ import type { UseStylingOptions } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { MenuListProps, MenuListTokens, MenuListSlotProps } from './MenuList.types';
|
|
3
3
|
export declare const menuListStates: (keyof MenuListTokens)[];
|
|
4
4
|
export declare const stylingSettings: UseStylingOptions<MenuListProps, MenuListSlotProps, MenuListTokens>;
|
|
5
|
-
//# sourceMappingURL=MenuList.styling.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuList.styling.d.ts.map
|
|
@@ -5,25 +5,31 @@ import { menuListName } from './MenuList.types';
|
|
|
5
5
|
import { defaultMenuListTokens } from './MenuListTokens';
|
|
6
6
|
export const menuListStates = ['hasMaxHeight'];
|
|
7
7
|
export const stylingSettings = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
8
|
+
tokens: [defaultMenuListTokens, menuListName],
|
|
9
|
+
states: menuListStates,
|
|
10
|
+
slotProps: {
|
|
11
|
+
root: buildProps(
|
|
12
|
+
(tokens, theme) => ({
|
|
13
|
+
style: {
|
|
14
|
+
backgroundColor: tokens.backgroundColor,
|
|
15
|
+
display: 'flex',
|
|
16
|
+
gap: tokens.gap,
|
|
17
|
+
...layoutStyles.from(tokens, theme),
|
|
18
|
+
...(Platform.OS === 'android' && { borderRadius: tokens.borderRadius }),
|
|
19
|
+
},
|
|
20
|
+
}),
|
|
21
|
+
['backgroundColor', 'borderRadius', 'gap', ...layoutStyles.keys],
|
|
22
|
+
),
|
|
23
|
+
focusZone: buildProps(
|
|
24
|
+
(tokens) => ({
|
|
25
|
+
style: {
|
|
26
|
+
display: 'flex',
|
|
27
|
+
flexDirection: 'column',
|
|
28
|
+
gap: tokens.gap,
|
|
29
|
+
},
|
|
30
|
+
}),
|
|
31
|
+
['gap'],
|
|
32
|
+
),
|
|
33
|
+
},
|
|
28
34
|
};
|
|
29
|
-
//# sourceMappingURL=MenuList.styling.js.map
|
|
35
|
+
//# sourceMappingURL=MenuList.styling.js.map
|
|
@@ -1,90 +1,90 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
-
import type { ScrollViewProps, View } from 'react-native';
|
|
2
|
+
import type { ScrollViewProps, View, AnimatableNumericValue } from 'react-native';
|
|
3
3
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
4
4
|
import type { FocusZoneProps } from '@fluentui-react-native/focus-zone';
|
|
5
5
|
import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
|
|
6
6
|
import type { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
|
|
7
|
-
export declare const menuListName =
|
|
7
|
+
export declare const menuListName = 'MenuList';
|
|
8
8
|
export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Space between items in pixels
|
|
11
|
+
*/
|
|
12
|
+
gap?: number;
|
|
13
|
+
/**
|
|
14
|
+
* States of the list control
|
|
15
|
+
*/
|
|
16
|
+
hasMaxHeight?: MenuListTokens;
|
|
17
|
+
/**
|
|
18
|
+
* Border radius of the menu list
|
|
19
|
+
* @platform android macos
|
|
20
|
+
*/
|
|
21
|
+
borderRadius?: AnimatableNumericValue | string;
|
|
22
22
|
}
|
|
23
23
|
export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
|
|
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
|
-
|
|
24
|
+
/**
|
|
25
|
+
* Array of all checked items
|
|
26
|
+
*/
|
|
27
|
+
checked?: string[];
|
|
28
|
+
/**
|
|
29
|
+
* Default items to be checked on mount
|
|
30
|
+
*/
|
|
31
|
+
defaultChecked?: string[];
|
|
32
|
+
/**
|
|
33
|
+
* States that menu items can contain selectable items and reserves space for item alignment
|
|
34
|
+
*/
|
|
35
|
+
hasCheckmarks?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* States that menu items can contain icons and reserves space for item alignment
|
|
38
|
+
*/
|
|
39
|
+
hasIcons?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* States that menu items all have tooltips with its text by default.
|
|
42
|
+
*
|
|
43
|
+
* This option is useful for programmatically generated items to provide
|
|
44
|
+
* text for options that end up having tuncated text.
|
|
45
|
+
* @platform win32, macOS
|
|
46
|
+
*/
|
|
47
|
+
hasTooltips?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Callback when checked items change
|
|
50
|
+
*
|
|
51
|
+
* @param checked Array of all currently checked values
|
|
52
|
+
*/
|
|
53
|
+
onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
|
|
54
|
+
/**
|
|
55
|
+
* Defines a minumum width for the Menu.
|
|
56
|
+
*/
|
|
57
|
+
minWidth?: number | string;
|
|
58
58
|
}
|
|
59
59
|
export interface MenuListState extends Omit<MenuListProps, 'checked' | 'onCheckedChange'> {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
60
|
+
props: MenuListProps;
|
|
61
|
+
checked?: Record<string, boolean>;
|
|
62
|
+
isCheckedControlled: boolean;
|
|
63
|
+
onArrowClose?: (e: InteractionEvent) => void;
|
|
64
|
+
onCheckedChange?: (e: InteractionEvent, name: string, isChecked: boolean) => void;
|
|
65
|
+
selectRadio?: (e: InteractionEvent, name: string) => void;
|
|
66
|
+
addRadioItem: (name: string) => void;
|
|
67
|
+
removeRadioItem: (name: string) => void;
|
|
68
|
+
trackMenuItem: (item: TrackedMenuItem) => void;
|
|
69
|
+
untrackMenuItem: (item: TrackedMenuItem) => void;
|
|
70
|
+
hasMaxHeight: boolean;
|
|
71
|
+
hasMaxWidth: boolean;
|
|
72
|
+
focusZoneRef?: React.RefObject<View>;
|
|
73
73
|
}
|
|
74
74
|
export interface MenuListSlotProps {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
75
|
+
root: React.PropsWithRef<IViewProps> & {
|
|
76
|
+
gap?: number;
|
|
77
|
+
};
|
|
78
|
+
focusZone?: FocusZoneProps;
|
|
79
|
+
scrollView?: ScrollViewProps;
|
|
80
80
|
}
|
|
81
81
|
export interface MenuListType {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
props: MenuListProps;
|
|
83
|
+
tokens: MenuListTokens;
|
|
84
|
+
slotProps: MenuListSlotProps;
|
|
85
85
|
}
|
|
86
86
|
export interface TrackedMenuItem {
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
ref: React.RefObject<View>;
|
|
88
|
+
disabled: boolean;
|
|
89
89
|
}
|
|
90
|
-
//# sourceMappingURL=MenuList.types.d.ts.map
|
|
90
|
+
//# sourceMappingURL=MenuList.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const menuListName = 'MenuList';
|
|
2
|
-
//# sourceMappingURL=MenuList.types.js.map
|
|
2
|
+
//# sourceMappingURL=MenuList.types.js.map
|
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuListTokens } from './MenuList.types';
|
|
4
4
|
export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuListTokens.android.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuListTokens.android.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
export const defaultMenuListTokens = (t) => ({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
backgroundColor: t.colors.neutralBackground1,
|
|
4
|
+
borderRadius: globalTokens.corner.radius80,
|
|
5
|
+
paddingVertical: globalTokens.size80,
|
|
6
6
|
});
|
|
7
|
-
//# sourceMappingURL=MenuListTokens.android.js.map
|
|
7
|
+
//# sourceMappingURL=MenuListTokens.android.js.map
|
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuListTokens } from './MenuList.types';
|
|
4
4
|
export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuListTokens.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuListTokens.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
export const defaultMenuListTokens = (t) => ({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
padding: globalTokens.size40,
|
|
4
|
+
minWidth: 128,
|
|
5
|
+
maxWidth: 300,
|
|
6
|
+
backgroundColor: t.colors.neutralBackground1,
|
|
7
|
+
gap: globalTokens.size20,
|
|
8
8
|
});
|
|
9
|
-
//# sourceMappingURL=MenuListTokens.js.map
|
|
9
|
+
//# sourceMappingURL=MenuListTokens.js.map
|
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuListTokens } from './MenuList.types';
|
|
4
4
|
export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuListTokens.macos.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuListTokens.macos.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
export const defaultMenuListTokens = (t) => ({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
padding: 5, // hardcoded for now to match NSMenu
|
|
4
|
+
backgroundColor: t.colors.transparentBackground,
|
|
5
|
+
gap: globalTokens.size20,
|
|
6
6
|
});
|
|
7
|
-
//# sourceMappingURL=MenuListTokens.macos.js.map
|
|
7
|
+
//# sourceMappingURL=MenuListTokens.macos.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuListTokens.macos.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,CAAQ,EAAkB,EAAE,CAAC,CAAC;IACxG,OAAO,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuListTokens.macos.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,CAAQ,EAAkB,EAAE,CAAC,CAAC;IACxG,OAAO,EAAE,CAAC,EAAE,oCAAoC;IAChD,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,GAAG,EAAE,YAAY,CAAC,MAAM;CACzB,CAAC,CAAC"}
|
|
@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
|
|
|
2
2
|
import type { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
3
|
import type { MenuListTokens } from './MenuList.types';
|
|
4
4
|
export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuListTokens.win32.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuListTokens.win32.d.ts.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
export const defaultMenuListTokens = (t) => ({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
paddingVertical: globalTokens.size40,
|
|
4
|
+
minWidth: 128,
|
|
5
|
+
maxWidth: 300,
|
|
6
|
+
backgroundColor: t.colors.neutralBackground1,
|
|
7
|
+
/* To account for the width of the vertical scrollView. With the default minWidth, some content may be cut off */
|
|
8
|
+
hasMaxHeight: {
|
|
9
|
+
minWidth: 140,
|
|
10
|
+
},
|
|
11
11
|
});
|
|
12
|
-
//# sourceMappingURL=MenuListTokens.win32.js.map
|
|
12
|
+
//# sourceMappingURL=MenuListTokens.win32.js.map
|
package/lib/MenuList/index.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ export { menuListName } from './MenuList.types';
|
|
|
3
3
|
export type { MenuListProps, MenuListState, MenuListTokens, MenuListSlotProps, MenuListType } from './MenuList.types';
|
|
4
4
|
export { useMenuList } from './useMenuList';
|
|
5
5
|
export { useMenuListContextValue } from './useMenuListContextValue';
|
|
6
|
-
//# sourceMappingURL=index.d.ts.map
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
package/lib/MenuList/index.js
CHANGED
|
@@ -2,4 +2,4 @@ export { MenuList } from './MenuList';
|
|
|
2
2
|
export { menuListName } from './MenuList.types';
|
|
3
3
|
export { useMenuList } from './useMenuList';
|
|
4
4
|
export { useMenuListContextValue } from './useMenuListContextValue';
|
|
5
|
-
//# sourceMappingURL=index.js.map
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -3,4 +3,4 @@ import type { View } from 'react-native';
|
|
|
3
3
|
import type { MenuListProps, MenuListState } from './MenuList.types';
|
|
4
4
|
export declare const useMenuList: (_props: MenuListProps) => MenuListState;
|
|
5
5
|
export declare const useMenuItemTracking: (ref: React.RefObject<View>, disabled: boolean) => void;
|
|
6
|
-
//# sourceMappingURL=useMenuList.d.ts.map
|
|
6
|
+
//# sourceMappingURL=useMenuList.d.ts.map
|