@fluentui-react-native/menu 1.15.0 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/SPEC.md +8 -4
- package/lib/Menu/Menu.d.ts +2 -2
- package/lib/Menu/Menu.js +12 -12
- package/lib/Menu/Menu.types.d.ts +47 -47
- package/lib/Menu/Menu.types.js +4 -4
- package/lib/Menu/index.d.ts +1 -1
- package/lib/Menu/index.js +1 -1
- package/lib/Menu/renderMenu.android.d.ts +2 -6
- package/lib/Menu/renderMenu.android.js +10 -17
- package/lib/Menu/renderMenu.d.ts +2 -6
- package/lib/Menu/renderMenu.js +5 -8
- package/lib/Menu/useMenu.android.d.ts +1 -1
- package/lib/Menu/useMenu.android.js +245 -251
- package/lib/Menu/useMenu.d.ts +1 -1
- package/lib/Menu/useMenu.js +70 -75
- package/lib/Menu/useMenuContextValue.d.ts +1 -1
- package/lib/Menu/useMenuContextValue.js +4 -4
- package/lib/MenuCallout/MenuCallout.android.d.ts +2 -2
- package/lib/MenuCallout/MenuCallout.android.js +19 -39
- package/lib/MenuCallout/MenuCallout.d.ts +2 -2
- package/lib/MenuCallout/MenuCallout.js +7 -7
- package/lib/MenuCallout/MenuCallout.types.d.ts +13 -13
- package/lib/MenuCallout/MenuCallout.types.d.ts.map +1 -1
- package/lib/MenuCallout/MenuCallout.types.js +1 -1
- package/lib/MenuCallout/index.d.ts +1 -1
- package/lib/MenuCallout/index.js +1 -1
- package/lib/MenuDivider/MenuDivider.d.ts +2 -7
- package/lib/MenuDivider/MenuDivider.js +13 -13
- package/lib/MenuDivider/MenuDivider.styling.d.ts +1 -1
- package/lib/MenuDivider/MenuDivider.styling.js +16 -19
- package/lib/MenuDivider/MenuDivider.types.d.ts +12 -12
- package/lib/MenuDivider/MenuDivider.types.js +1 -1
- package/lib/MenuDivider/MenuDividerTokens.android.d.ts +1 -1
- package/lib/MenuDivider/MenuDividerTokens.android.js +4 -4
- package/lib/MenuDivider/MenuDividerTokens.d.ts +1 -1
- package/lib/MenuDivider/MenuDividerTokens.js +4 -4
- package/lib/MenuDivider/MenuDividerTokens.macos.d.ts +1 -1
- package/lib/MenuDivider/MenuDividerTokens.macos.js +4 -4
- package/lib/MenuDivider/MenuDividerTokens.win32.d.ts +1 -1
- package/lib/MenuDivider/MenuDividerTokens.win32.js +4 -4
- package/lib/MenuDivider/index.d.ts +1 -1
- package/lib/MenuDivider/index.js +1 -1
- package/lib/MenuGroup/MenuGroup.d.ts +2 -7
- package/lib/MenuGroup/MenuGroup.js +51 -63
- package/lib/MenuGroup/MenuGroup.types.d.ts +7 -7
- package/lib/MenuGroup/MenuGroup.types.js +1 -1
- package/lib/MenuGroup/index.d.ts +1 -1
- package/lib/MenuGroup/index.js +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.d.ts +2 -7
- package/lib/MenuGroupHeader/MenuGroupHeader.js +14 -14
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.js +13 -16
- package/lib/MenuGroupHeader/MenuGroupHeader.types.d.ts +7 -7
- package/lib/MenuGroupHeader/MenuGroupHeader.types.js +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js +7 -7
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +8 -8
- package/lib/MenuGroupHeader/index.d.ts +1 -1
- package/lib/MenuGroupHeader/index.js +1 -1
- package/lib/MenuItem/MenuItem.d.ts +2 -7
- package/lib/MenuItem/MenuItem.js +41 -63
- package/lib/MenuItem/MenuItem.styling.d.ts +1 -1
- package/lib/MenuItem/MenuItem.styling.js +52 -70
- package/lib/MenuItem/MenuItem.types.d.ts +83 -83
- package/lib/MenuItem/MenuItem.types.js +1 -1
- package/lib/MenuItem/MenuItemTokens.android.d.ts +1 -1
- package/lib/MenuItem/MenuItemTokens.android.js +17 -17
- package/lib/MenuItem/MenuItemTokens.d.ts +1 -1
- package/lib/MenuItem/MenuItemTokens.js +35 -35
- package/lib/MenuItem/MenuItemTokens.macos.d.ts +1 -1
- package/lib/MenuItem/MenuItemTokens.macos.js +34 -34
- package/lib/MenuItem/MenuItemTokens.win32.d.ts +1 -1
- package/lib/MenuItem/MenuItemTokens.win32.js +36 -36
- package/lib/MenuItem/index.d.ts +1 -1
- package/lib/MenuItem/index.js +1 -1
- package/lib/MenuItem/useMenuItem.d.ts +1 -1
- package/lib/MenuItem/useMenuItem.js +101 -111
- package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts +3 -11
- package/lib/MenuItemCheckbox/MenuItemCheckbox.js +26 -54
- package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js +62 -81
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +89 -90
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.js +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.android.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.android.js +35 -35
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.js +44 -44
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +42 -42
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +45 -45
- package/lib/MenuItemCheckbox/index.d.ts +2 -8
- package/lib/MenuItemCheckbox/index.js +1 -1
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.d.ts +2 -5
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.js +104 -129
- package/lib/MenuItemRadio/MenuItemRadio.d.ts +3 -11
- package/lib/MenuItemRadio/MenuItemRadio.js +26 -54
- package/lib/MenuItemRadio/MenuItemRadio.styling.android.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.android.js +60 -78
- package/lib/MenuItemRadio/MenuItemRadio.styling.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.js +44 -59
- package/lib/MenuItemRadio/MenuItemRadio.types.d.ts +120 -121
- package/lib/MenuItemRadio/MenuItemRadio.types.d.ts.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.types.js +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.android.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.android.js +38 -38
- package/lib/MenuItemRadio/MenuItemRadioTokens.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.js +45 -45
- package/lib/MenuItemRadio/MenuItemRadioTokens.macos.d.ts +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.macos.js +43 -43
- package/lib/MenuItemRadio/index.d.ts +2 -8
- package/lib/MenuItemRadio/index.js +1 -1
- package/lib/MenuItemRadio/useMenuItemRadio.d.ts +1 -1
- package/lib/MenuItemRadio/useMenuItemRadio.js +23 -26
- package/lib/MenuList/MenuList.d.ts +2 -7
- package/lib/MenuList/MenuList.js +54 -70
- package/lib/MenuList/MenuList.styling.d.ts +1 -1
- package/lib/MenuList/MenuList.styling.js +21 -27
- package/lib/MenuList/MenuList.types.d.ts +72 -72
- package/lib/MenuList/MenuList.types.js +1 -1
- package/lib/MenuList/MenuListTokens.android.d.ts +1 -1
- package/lib/MenuList/MenuListTokens.android.js +4 -4
- package/lib/MenuList/MenuListTokens.d.ts +1 -1
- package/lib/MenuList/MenuListTokens.js +6 -6
- package/lib/MenuList/MenuListTokens.macos.d.ts +1 -1
- package/lib/MenuList/MenuListTokens.macos.js +4 -4
- package/lib/MenuList/MenuListTokens.win32.d.ts +1 -1
- package/lib/MenuList/MenuListTokens.win32.js +9 -9
- package/lib/MenuList/index.d.ts +1 -1
- package/lib/MenuList/index.js +1 -1
- package/lib/MenuList/useMenuList.d.ts +1 -1
- package/lib/MenuList/useMenuList.js +142 -159
- package/lib/MenuList/useMenuListContextValue.d.ts +1 -1
- package/lib/MenuList/useMenuListContextValue.js +2 -2
- package/lib/MenuPopover/MenuPopover.d.ts +3 -9
- package/lib/MenuPopover/MenuPopover.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopover.js +35 -35
- package/lib/MenuPopover/MenuPopover.types.d.ts +14 -14
- package/lib/MenuPopover/MenuPopover.types.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopover.types.js +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.android.d.ts +3 -7
- package/lib/MenuPopover/MenuPopoverTokens.android.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.android.js +3 -6
- package/lib/MenuPopover/MenuPopoverTokens.d.ts +3 -7
- package/lib/MenuPopover/MenuPopoverTokens.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.js +2 -5
- package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts +3 -7
- package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.macos.js +7 -10
- package/lib/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
- package/lib/MenuPopover/index.d.ts +1 -1
- package/lib/MenuPopover/index.js +1 -1
- package/lib/MenuPopover/useMenuPopover.d.ts +2 -2
- package/lib/MenuPopover/useMenuPopover.js +79 -96
- package/lib/MenuPopover/useMenuPopover.js.map +1 -1
- package/lib/MenuTrigger/MenuTrigger.d.ts +3 -3
- package/lib/MenuTrigger/MenuTrigger.js +16 -16
- package/lib/MenuTrigger/MenuTrigger.types.d.ts +13 -13
- package/lib/MenuTrigger/MenuTrigger.types.js +1 -1
- package/lib/MenuTrigger/index.d.ts +1 -1
- package/lib/MenuTrigger/index.js +1 -1
- package/lib/MenuTrigger/useMenuTrigger.d.ts +1 -1
- package/lib/MenuTrigger/useMenuTrigger.js +70 -99
- package/lib/MenuTrigger/useMergeRefs.d.ts +1 -1
- package/lib/MenuTrigger/useMergeRefs.js +14 -16
- package/lib/__tests__/Menu.test.d.ts +1 -1
- package/lib/__tests__/Menu.test.js +122 -230
- package/lib/consts.d.ts +1 -1
- package/lib/consts.js +3 -3
- package/lib/context/index.d.ts +1 -1
- package/lib/context/index.js +1 -1
- package/lib/context/menuContext.d.ts +5 -5
- package/lib/context/menuContext.js +15 -15
- package/lib/context/menuListContext.d.ts +4 -4
- package/lib/context/menuListContext.js +12 -12
- package/lib/context/menuTriggerContext.d.ts +1 -1
- package/lib/context/menuTriggerContext.js +1 -1
- package/lib/index.d.ts +4 -26
- package/lib/index.js +2 -12
- package/lib-commonjs/Menu/Menu.d.ts +2 -2
- package/lib-commonjs/Menu/Menu.js +23 -25
- package/lib-commonjs/Menu/Menu.types.d.ts +47 -47
- package/lib-commonjs/Menu/Menu.types.js +6 -6
- package/lib-commonjs/Menu/index.d.ts +1 -1
- package/lib-commonjs/Menu/index.js +11 -31
- package/lib-commonjs/Menu/renderMenu.android.d.ts +2 -6
- package/lib-commonjs/Menu/renderMenu.android.js +14 -26
- package/lib-commonjs/Menu/renderMenu.d.ts +2 -6
- package/lib-commonjs/Menu/renderMenu.js +8 -11
- package/lib-commonjs/Menu/useMenu.android.d.ts +1 -1
- package/lib-commonjs/Menu/useMenu.android.js +280 -303
- package/lib-commonjs/Menu/useMenu.d.ts +1 -1
- package/lib-commonjs/Menu/useMenu.js +79 -86
- package/lib-commonjs/Menu/useMenuContextValue.d.ts +1 -1
- package/lib-commonjs/Menu/useMenuContextValue.js +10 -12
- package/lib-commonjs/MenuCallout/MenuCallout.android.d.ts +2 -2
- package/lib-commonjs/MenuCallout/MenuCallout.android.js +25 -48
- package/lib-commonjs/MenuCallout/MenuCallout.d.ts +2 -2
- package/lib-commonjs/MenuCallout/MenuCallout.js +12 -12
- package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts +13 -13
- package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts.map +1 -1
- package/lib-commonjs/MenuCallout/MenuCallout.types.js +3 -3
- package/lib-commonjs/MenuCallout/index.d.ts +1 -1
- package/lib-commonjs/MenuCallout/index.js +7 -17
- package/lib-commonjs/MenuDivider/MenuDivider.d.ts +2 -7
- package/lib-commonjs/MenuDivider/MenuDivider.js +19 -19
- package/lib-commonjs/MenuDivider/MenuDivider.styling.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDivider.styling.js +22 -25
- package/lib-commonjs/MenuDivider/MenuDivider.types.d.ts +12 -12
- package/lib-commonjs/MenuDivider/MenuDivider.types.js +3 -3
- package/lib-commonjs/MenuDivider/MenuDividerTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.android.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js +7 -7
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js +7 -7
- package/lib-commonjs/MenuDivider/index.d.ts +1 -1
- package/lib-commonjs/MenuDivider/index.js +7 -17
- package/lib-commonjs/MenuGroup/MenuGroup.d.ts +2 -7
- package/lib-commonjs/MenuGroup/MenuGroup.js +62 -78
- package/lib-commonjs/MenuGroup/MenuGroup.types.d.ts +7 -7
- package/lib-commonjs/MenuGroup/MenuGroup.types.js +3 -3
- package/lib-commonjs/MenuGroup/index.d.ts +1 -1
- package/lib-commonjs/MenuGroup/index.js +7 -17
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts +2 -7
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js +20 -20
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js +19 -22
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.d.ts +7 -7
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js +3 -3
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js +10 -10
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +11 -11
- package/lib-commonjs/MenuGroupHeader/index.d.ts +1 -1
- package/lib-commonjs/MenuGroupHeader/index.js +7 -17
- package/lib-commonjs/MenuItem/MenuItem.d.ts +2 -7
- package/lib-commonjs/MenuItem/MenuItem.js +51 -73
- package/lib-commonjs/MenuItem/MenuItem.styling.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItem.styling.js +59 -80
- package/lib-commonjs/MenuItem/MenuItem.types.d.ts +83 -83
- package/lib-commonjs/MenuItem/MenuItem.types.js +3 -3
- package/lib-commonjs/MenuItem/MenuItemTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.android.js +20 -20
- package/lib-commonjs/MenuItem/MenuItemTokens.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.js +38 -38
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.js +37 -37
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.js +39 -39
- package/lib-commonjs/MenuItem/index.d.ts +1 -1
- package/lib-commonjs/MenuItem/index.js +9 -24
- package/lib-commonjs/MenuItem/useMenuItem.d.ts +1 -1
- package/lib-commonjs/MenuItem/useMenuItem.js +140 -169
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.d.ts +3 -11
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js +37 -65
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js +69 -91
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +89 -90
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.js +3 -3
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.android.js +38 -38
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.js +47 -47
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +45 -45
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +48 -48
- package/lib-commonjs/MenuItemCheckbox/index.d.ts +2 -8
- package/lib-commonjs/MenuItemCheckbox/index.js +10 -30
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.d.ts +2 -5
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js +143 -185
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.d.ts +3 -11
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.js +37 -65
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.js +67 -88
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.js +51 -69
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.d.ts +120 -121
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.d.ts.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.js +3 -3
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.android.js +41 -41
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js +48 -48
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.js +46 -46
- package/lib-commonjs/MenuItemRadio/index.d.ts +2 -8
- package/lib-commonjs/MenuItemRadio/index.js +9 -24
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.d.ts +1 -1
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js +58 -78
- package/lib-commonjs/MenuList/MenuList.d.ts +2 -7
- package/lib-commonjs/MenuList/MenuList.js +69 -87
- package/lib-commonjs/MenuList/MenuList.styling.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuList.styling.js +28 -34
- package/lib-commonjs/MenuList/MenuList.types.d.ts +72 -72
- package/lib-commonjs/MenuList/MenuList.types.js +3 -3
- package/lib-commonjs/MenuList/MenuListTokens.android.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.android.js +7 -7
- package/lib-commonjs/MenuList/MenuListTokens.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.js +9 -9
- package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.macos.js +7 -7
- package/lib-commonjs/MenuList/MenuListTokens.win32.d.ts +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.win32.js +12 -12
- package/lib-commonjs/MenuList/index.d.ts +1 -1
- package/lib-commonjs/MenuList/index.js +11 -31
- package/lib-commonjs/MenuList/useMenuList.d.ts +1 -1
- package/lib-commonjs/MenuList/useMenuList.js +151 -170
- package/lib-commonjs/MenuList/useMenuListContextValue.d.ts +1 -1
- package/lib-commonjs/MenuList/useMenuListContextValue.js +4 -4
- package/lib-commonjs/MenuPopover/MenuPopover.d.ts +3 -9
- package/lib-commonjs/MenuPopover/MenuPopover.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopover.js +48 -50
- package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts +14 -14
- package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopover.types.js +3 -3
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts +3 -7
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js +9 -12
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts +3 -7
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.js +6 -9
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts +3 -7
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js +12 -15
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuPopover/index.d.ts +1 -1
- package/lib-commonjs/MenuPopover/index.js +9 -24
- package/lib-commonjs/MenuPopover/useMenuPopover.d.ts +2 -2
- package/lib-commonjs/MenuPopover/useMenuPopover.js +87 -106
- package/lib-commonjs/MenuPopover/useMenuPopover.js.map +1 -1
- package/lib-commonjs/MenuTrigger/MenuTrigger.d.ts +3 -3
- package/lib-commonjs/MenuTrigger/MenuTrigger.js +52 -69
- package/lib-commonjs/MenuTrigger/MenuTrigger.types.d.ts +13 -13
- package/lib-commonjs/MenuTrigger/MenuTrigger.types.js +3 -3
- package/lib-commonjs/MenuTrigger/index.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/index.js +9 -24
- package/lib-commonjs/MenuTrigger/useMenuTrigger.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/useMenuTrigger.js +80 -111
- package/lib-commonjs/MenuTrigger/useMergeRefs.d.ts +1 -1
- package/lib-commonjs/MenuTrigger/useMergeRefs.js +46 -65
- package/lib-commonjs/__tests__/Menu.test.d.ts +1 -1
- package/lib-commonjs/__tests__/Menu.test.js +169 -333
- package/lib-commonjs/consts.d.ts +1 -1
- package/lib-commonjs/consts.js +6 -6
- package/lib-commonjs/context/index.d.ts +1 -1
- package/lib-commonjs/context/index.js +16 -70
- package/lib-commonjs/context/menuContext.d.ts +5 -5
- package/lib-commonjs/context/menuContext.js +47 -64
- package/lib-commonjs/context/menuListContext.d.ts +4 -4
- package/lib-commonjs/context/menuListContext.js +44 -61
- package/lib-commonjs/context/menuTriggerContext.d.ts +1 -1
- package/lib-commonjs/context/menuTriggerContext.js +7 -9
- package/lib-commonjs/index.d.ts +4 -26
- package/lib-commonjs/index.js +56 -296
- package/package.json +28 -27
- package/src/MenuCallout/MenuCallout.types.ts +12 -13
- package/src/MenuItemCheckbox/MenuItemCheckbox.types.ts +4 -2
- package/src/MenuItemRadio/MenuItemRadio.types.ts +4 -2
- package/src/MenuPopover/MenuPopover.types.ts +12 -13
- package/src/MenuPopover/MenuPopoverTokens.macos.ts +2 -2
- package/src/MenuPopover/useMenuPopover.ts +1 -1
|
@@ -6,133 +6,132 @@ import type { PressablePropsExtended, PressableState } from '@fluentui-react-nat
|
|
|
6
6
|
import type { TextProps } from '@fluentui-react-native/text';
|
|
7
7
|
import type { XmlProps } from 'react-native-svg';
|
|
8
8
|
import type { MenuItemProps, MenuItemTokens } from '../MenuItem/MenuItem.types';
|
|
9
|
-
export declare const menuItemRadioName =
|
|
10
|
-
export interface MenuItemRadioTokens
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
pressed?: MenuItemRadioTokens;
|
|
9
|
+
export declare const menuItemRadioName = "MenuItemRadio";
|
|
10
|
+
export interface MenuItemRadioTokens extends Omit<MenuItemTokens, 'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'> {
|
|
11
|
+
/**
|
|
12
|
+
* Color of the checkmark icon
|
|
13
|
+
*/
|
|
14
|
+
checkmarkColor?: ColorValue;
|
|
15
|
+
/**
|
|
16
|
+
* Amount of space in pixels around the checkmark icon
|
|
17
|
+
*/
|
|
18
|
+
checkmarkPadding?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Visibility of the checkmark icon from 0 to 1
|
|
21
|
+
*/
|
|
22
|
+
checkmarkVisibility?: number;
|
|
23
|
+
/**
|
|
24
|
+
* Color of the icon
|
|
25
|
+
*/
|
|
26
|
+
iconColor?: ColorValue;
|
|
27
|
+
/**
|
|
28
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
29
|
+
*/
|
|
30
|
+
iconSize?: number;
|
|
31
|
+
/**
|
|
32
|
+
* Ripple color for Android.
|
|
33
|
+
*
|
|
34
|
+
* A ripple animation is shown on click for Android. This sets the color of the ripple.
|
|
35
|
+
* @platform android
|
|
36
|
+
*/
|
|
37
|
+
rippleColor?: ColorValue;
|
|
38
|
+
/**
|
|
39
|
+
* Color of the background of the box containing the radio.
|
|
40
|
+
* @platform android
|
|
41
|
+
*/
|
|
42
|
+
radioBackgroundColor?: ColorValue;
|
|
43
|
+
/**
|
|
44
|
+
* Color of the border of the box containing the radio.
|
|
45
|
+
* @platform android
|
|
46
|
+
*/
|
|
47
|
+
radioBorderColor?: ColorValue;
|
|
48
|
+
/**
|
|
49
|
+
* Border radius of the box containing the radio.
|
|
50
|
+
* @platform android
|
|
51
|
+
*/
|
|
52
|
+
radioBorderRadius?: AnimatableNumericValue | string;
|
|
53
|
+
/**
|
|
54
|
+
* Height and width of the box containing the radio.
|
|
55
|
+
* @platform android
|
|
56
|
+
*/
|
|
57
|
+
radioSize?: number;
|
|
58
|
+
/**
|
|
59
|
+
* Indicator radio border color
|
|
60
|
+
* @platform android
|
|
61
|
+
*/
|
|
62
|
+
radioBorder?: ColorValue;
|
|
63
|
+
/**
|
|
64
|
+
* Indicator radio border style
|
|
65
|
+
* @platform android
|
|
66
|
+
*/
|
|
67
|
+
radioBorderStyle?: ViewStyle['borderStyle'];
|
|
68
|
+
/**
|
|
69
|
+
* Inner circle color when selected
|
|
70
|
+
* @platform android
|
|
71
|
+
*/
|
|
72
|
+
radioFill?: ColorValue;
|
|
73
|
+
/**
|
|
74
|
+
* Visibility of the radio inner circle from 0 to 1
|
|
75
|
+
* @platform android
|
|
76
|
+
*/
|
|
77
|
+
radioVisibility?: number;
|
|
78
|
+
/**
|
|
79
|
+
* Diameter size of the outer indicator
|
|
80
|
+
* @platform android
|
|
81
|
+
*/
|
|
82
|
+
radioOuterCircleSize?: number;
|
|
83
|
+
/**
|
|
84
|
+
* Diameter size of the inner circle indicator
|
|
85
|
+
* @platform android
|
|
86
|
+
*/
|
|
87
|
+
radioInnerCircleSize?: number;
|
|
88
|
+
/**
|
|
89
|
+
* Border width of Radio
|
|
90
|
+
* @platform android
|
|
91
|
+
*/
|
|
92
|
+
radioBorderWidth?: number;
|
|
93
|
+
/**
|
|
94
|
+
* Ripple radius for circular radio on Android.
|
|
95
|
+
*
|
|
96
|
+
* A ripple animation is shown on click for Android. This sets the radius of the circular ripple shown on the radio button.
|
|
97
|
+
* @platform android
|
|
98
|
+
*/
|
|
99
|
+
rippleRadius?: number;
|
|
100
|
+
/**
|
|
101
|
+
* States of the item control
|
|
102
|
+
*/
|
|
103
|
+
checked?: MenuItemRadioTokens;
|
|
104
|
+
disabled?: MenuItemRadioTokens;
|
|
105
|
+
focused?: MenuItemRadioTokens;
|
|
106
|
+
hovered?: MenuItemRadioTokens;
|
|
107
|
+
pressed?: MenuItemRadioTokens;
|
|
109
108
|
}
|
|
110
109
|
export interface MenuItemRadioProps extends MenuItemProps {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
110
|
+
/**
|
|
111
|
+
* Identifier for the control
|
|
112
|
+
*/
|
|
113
|
+
name: string;
|
|
115
114
|
}
|
|
116
115
|
export interface MenuItemRadioInfo {
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
116
|
+
props: MenuItemRadioProps & React.ComponentPropsWithRef<any>;
|
|
117
|
+
state: PressableState & {
|
|
118
|
+
hasIcons: boolean;
|
|
119
|
+
hasTooltips: boolean;
|
|
120
|
+
};
|
|
122
121
|
}
|
|
123
122
|
export interface MenuItemRadioSlotProps {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
123
|
+
root: React.PropsWithRef<PressablePropsExtended>;
|
|
124
|
+
content?: TextProps;
|
|
125
|
+
checkmark?: XmlProps;
|
|
126
|
+
radioButton?: PressablePropsExtended;
|
|
127
|
+
radioInnerCircle?: React.PropsWithRef<IViewProps>;
|
|
128
|
+
iconPlaceholder?: React.PropsWithRef<IViewProps>;
|
|
129
|
+
imgIcon?: ImageProps;
|
|
130
|
+
fontOrSvgIcon?: IconProps;
|
|
132
131
|
}
|
|
133
132
|
export interface MenuItemRadioType {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
133
|
+
props: MenuItemRadioProps;
|
|
134
|
+
tokens: MenuItemRadioTokens;
|
|
135
|
+
slotProps: MenuItemRadioSlotProps;
|
|
137
136
|
}
|
|
138
|
-
//# sourceMappingURL=MenuItemRadio.types.d.ts.map
|
|
137
|
+
//# sourceMappingURL=MenuItemRadio.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemRadio.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadio.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEhF,eAAO,MAAM,iBAAiB,kBAAkB,CAAC;AAEjD,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"MenuItemRadio.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadio.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const menuItemRadioName = 'MenuItemRadio';
|
|
2
|
-
//# sourceMappingURL=MenuItemRadio.types.js.map
|
|
2
|
+
//# sourceMappingURL=MenuItemRadio.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 { MenuItemRadioTokens } from './MenuItemRadio.types';
|
|
4
4
|
export declare const defaultMenuItemRadioTokens: TokenSettings<MenuItemRadioTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuItemRadioTokens.android.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuItemRadioTokens.android.d.ts.map
|
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
export const defaultMenuItemRadioTokens = (t) => ({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
radioVisibility: 0,
|
|
20
|
-
rippleColor: '#D4D4D4',
|
|
21
|
-
pressed: {
|
|
22
|
-
backgroundColor: t.colors.neutralBackground1Pressed,
|
|
23
|
-
},
|
|
24
|
-
disabled: {
|
|
25
|
-
backgroundColor: t.colors.neutralBackground1,
|
|
26
|
-
color: t.colors.neutralForegroundDisabled1,
|
|
27
|
-
iconColor: t.colors.neutralForegroundDisabled,
|
|
28
|
-
// Unselected, Disabled
|
|
29
|
-
rippleColor: '#D4D4D4',
|
|
30
|
-
radioBorder: t.colors.neutralStrokeDisabled,
|
|
3
|
+
checkmarkSize: globalTokens.size120,
|
|
4
|
+
color: t.colors.neutralForeground1,
|
|
5
|
+
variant: 'body1',
|
|
6
|
+
gap: globalTokens.size160,
|
|
7
|
+
iconColor: t.colors.neutralForeground2,
|
|
8
|
+
iconSize: globalTokens.size200,
|
|
9
|
+
maxWidth: 300,
|
|
10
|
+
paddingVertical: globalTokens.size60,
|
|
11
|
+
paddingHorizontal: globalTokens.size160,
|
|
12
|
+
radioOuterCircleSize: globalTokens.size200,
|
|
13
|
+
radioInnerCircleSize: globalTokens.size100,
|
|
14
|
+
radioBorderStyle: 'solid',
|
|
15
|
+
radioBorderWidth: globalTokens.stroke.width15,
|
|
16
|
+
rippleRadius: globalTokens.size160,
|
|
17
|
+
// Unselected, Rest
|
|
18
|
+
radioBorder: t.colors.neutralStrokeAccessible,
|
|
31
19
|
radioVisibility: 0,
|
|
20
|
+
rippleColor: '#D4D4D4',
|
|
21
|
+
pressed: {
|
|
22
|
+
backgroundColor: t.colors.neutralBackground1Pressed,
|
|
23
|
+
},
|
|
24
|
+
disabled: {
|
|
25
|
+
backgroundColor: t.colors.neutralBackground1,
|
|
26
|
+
color: t.colors.neutralForegroundDisabled1,
|
|
27
|
+
iconColor: t.colors.neutralForegroundDisabled,
|
|
28
|
+
// Unselected, Disabled
|
|
29
|
+
rippleColor: '#D4D4D4',
|
|
30
|
+
radioBorder: t.colors.neutralStrokeDisabled,
|
|
31
|
+
radioVisibility: 0,
|
|
32
|
+
checked: {
|
|
33
|
+
radioBorder: t.colors.brandBackgroundDisabled,
|
|
34
|
+
radioFill: t.colors.brandForegroundDisabled2,
|
|
35
|
+
radioVisibility: 1,
|
|
36
|
+
},
|
|
37
|
+
},
|
|
32
38
|
checked: {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
39
|
+
radioBorder: t.colors.brandBackground,
|
|
40
|
+
radioFill: t.colors.brandForeground1,
|
|
41
|
+
radioVisibility: 1,
|
|
36
42
|
},
|
|
37
|
-
},
|
|
38
|
-
checked: {
|
|
39
|
-
radioBorder: t.colors.brandBackground,
|
|
40
|
-
radioFill: t.colors.brandForeground1,
|
|
41
|
-
radioVisibility: 1,
|
|
42
|
-
},
|
|
43
43
|
});
|
|
44
|
-
//# sourceMappingURL=MenuItemRadioTokens.android.js.map
|
|
44
|
+
//# sourceMappingURL=MenuItemRadioTokens.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 { MenuItemRadioTokens } from './MenuItemRadio.types';
|
|
4
4
|
export declare const defaultMenuItemRadioTokens: TokenSettings<MenuItemRadioTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuItemRadioTokens.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuItemRadioTokens.d.ts.map
|
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
export const defaultMenuItemRadioTokens = (t) => ({
|
|
3
|
-
backgroundColor: t.colors.neutralBackground1,
|
|
4
|
-
borderRadius: globalTokens.corner.radiusNone,
|
|
5
|
-
checkmarkPadding: globalTokens.size20,
|
|
6
|
-
checkmarkSize: 16,
|
|
7
|
-
checkmarkVisibility: 0,
|
|
8
|
-
color: t.colors.neutralForeground1,
|
|
9
|
-
fontFamily: t.typography.families.primary,
|
|
10
|
-
fontSize: globalTokens.font.size200,
|
|
11
|
-
fontWeight: globalTokens.font.weight.regular,
|
|
12
|
-
gap: globalTokens.size40,
|
|
13
|
-
iconColor: t.colors.neutralForeground1,
|
|
14
|
-
iconSize: 16,
|
|
15
|
-
minHeight: 24,
|
|
16
|
-
minWidth: 160,
|
|
17
|
-
maxWidth: 300,
|
|
18
|
-
padding: globalTokens.size40,
|
|
19
|
-
paddingHorizontal: globalTokens.size80,
|
|
20
|
-
pressed: {
|
|
21
|
-
backgroundColor: t.colors.neutralBackground1Pressed,
|
|
22
|
-
color: t.colors.neutralForeground1Pressed,
|
|
23
|
-
iconColor: t.colors.neutralForeground1Pressed,
|
|
24
|
-
checked: {
|
|
25
|
-
checkmarkColor: t.colors.neutralForeground1Pressed,
|
|
26
|
-
checkmarkVisibility: 1,
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
disabled: {
|
|
30
3
|
backgroundColor: t.colors.neutralBackground1,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
4
|
+
borderRadius: globalTokens.corner.radiusNone,
|
|
5
|
+
checkmarkPadding: globalTokens.size20,
|
|
6
|
+
checkmarkSize: 16,
|
|
7
|
+
checkmarkVisibility: 0,
|
|
8
|
+
color: t.colors.neutralForeground1,
|
|
9
|
+
fontFamily: t.typography.families.primary,
|
|
10
|
+
fontSize: globalTokens.font.size200,
|
|
11
|
+
fontWeight: globalTokens.font.weight.regular,
|
|
12
|
+
gap: globalTokens.size40,
|
|
13
|
+
iconColor: t.colors.neutralForeground1,
|
|
14
|
+
iconSize: 16,
|
|
15
|
+
minHeight: 24,
|
|
16
|
+
minWidth: 160,
|
|
17
|
+
maxWidth: 300,
|
|
18
|
+
padding: globalTokens.size40,
|
|
19
|
+
paddingHorizontal: globalTokens.size80,
|
|
20
|
+
pressed: {
|
|
21
|
+
backgroundColor: t.colors.neutralBackground1Pressed,
|
|
22
|
+
color: t.colors.neutralForeground1Pressed,
|
|
23
|
+
iconColor: t.colors.neutralForeground1Pressed,
|
|
24
|
+
checked: {
|
|
25
|
+
checkmarkColor: t.colors.neutralForeground1Pressed,
|
|
26
|
+
checkmarkVisibility: 1,
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
disabled: {
|
|
30
|
+
backgroundColor: t.colors.neutralBackground1,
|
|
31
|
+
color: t.colors.neutralForegroundDisabled,
|
|
32
|
+
iconColor: t.colors.neutralForegroundDisabled,
|
|
33
|
+
checked: {
|
|
34
|
+
checkmarkColor: t.colors.neutralForegroundDisabled,
|
|
35
|
+
checkmarkVisibility: 1,
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
focused: {
|
|
39
|
+
backgroundColor: t.colors.neutralBackground1Hover,
|
|
40
|
+
color: t.colors.neutralForeground1Hover,
|
|
41
|
+
iconColor: t.colors.neutralForeground1Hover,
|
|
42
|
+
checked: {
|
|
43
|
+
checkmarkColor: t.colors.neutralForeground1Hover,
|
|
44
|
+
checkmarkVisibility: 1,
|
|
45
|
+
},
|
|
36
46
|
},
|
|
37
|
-
},
|
|
38
|
-
focused: {
|
|
39
|
-
backgroundColor: t.colors.neutralBackground1Hover,
|
|
40
|
-
color: t.colors.neutralForeground1Hover,
|
|
41
|
-
iconColor: t.colors.neutralForeground1Hover,
|
|
42
47
|
checked: {
|
|
43
|
-
|
|
44
|
-
|
|
48
|
+
checkmarkColor: t.colors.neutralForeground1,
|
|
49
|
+
checkmarkVisibility: 1,
|
|
45
50
|
},
|
|
46
|
-
},
|
|
47
|
-
checked: {
|
|
48
|
-
checkmarkColor: t.colors.neutralForeground1,
|
|
49
|
-
checkmarkVisibility: 1,
|
|
50
|
-
},
|
|
51
51
|
});
|
|
52
|
-
//# sourceMappingURL=MenuItemRadioTokens.js.map
|
|
52
|
+
//# sourceMappingURL=MenuItemRadioTokens.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 { MenuItemRadioTokens } from './MenuItemRadio.types';
|
|
4
4
|
export declare const defaultMenuItemRadioTokens: TokenSettings<MenuItemRadioTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=MenuItemRadioTokens.macos.d.ts.map
|
|
5
|
+
//# sourceMappingURL=MenuItemRadioTokens.macos.d.ts.map
|
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
export const defaultMenuItemRadioTokens = (t) => ({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
3
|
+
backgroundColor: t.colors.transparentBackground,
|
|
4
|
+
borderRadius: 5, // hardcoded for now to match NSMenu
|
|
5
|
+
checkmarkPadding: globalTokens.size20,
|
|
6
|
+
checkmarkSize: 16,
|
|
7
|
+
checkmarkVisibility: 0,
|
|
8
|
+
color: t.colors.neutralForeground1,
|
|
9
|
+
fontFamily: t.typography.families.primary,
|
|
10
|
+
fontSize: 13, // aligning with NSMenu font size
|
|
11
|
+
fontWeight: globalTokens.font.weight.regular,
|
|
12
|
+
gap: globalTokens.size40,
|
|
13
|
+
iconColor: t.colors.neutralForeground1,
|
|
14
|
+
iconSize: 16,
|
|
15
|
+
padding: globalTokens.size40,
|
|
16
|
+
paddingHorizontal: 5, // hardcoded for now to match NSMenu
|
|
17
|
+
paddingVertical: 3, // hardcoded for now to match NSMenu
|
|
18
|
+
pressed: {
|
|
19
|
+
backgroundColor: t.colors.menuItemBackgroundPressed,
|
|
20
|
+
color: t.colors.menuItemTextHovered,
|
|
21
|
+
iconColor: t.colors.menuItemTextHovered,
|
|
22
|
+
checked: {
|
|
23
|
+
checkmarkColor: t.colors.menuItemTextHovered,
|
|
24
|
+
checkmarkVisibility: 1,
|
|
25
|
+
},
|
|
25
26
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
disabled: {
|
|
28
|
+
backgroundColor: t.colors.menuBackground,
|
|
29
|
+
color: t.colors.disabledText,
|
|
30
|
+
iconColor: t.colors.disabledText,
|
|
31
|
+
checked: {
|
|
32
|
+
checkmarkColor: t.colors.disabledText,
|
|
33
|
+
checkmarkVisibility: 1,
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
focused: {
|
|
37
|
+
backgroundColor: t.colors.menuItemBackgroundHovered,
|
|
38
|
+
color: t.colors.menuItemTextHovered,
|
|
39
|
+
iconColor: t.colors.menuItemTextHovered,
|
|
40
|
+
checked: {
|
|
41
|
+
checkmarkColor: t.colors.menuItemTextHovered,
|
|
42
|
+
checkmarkVisibility: 1,
|
|
43
|
+
},
|
|
34
44
|
},
|
|
35
|
-
},
|
|
36
|
-
focused: {
|
|
37
|
-
backgroundColor: t.colors.menuItemBackgroundHovered,
|
|
38
|
-
color: t.colors.menuItemTextHovered,
|
|
39
|
-
iconColor: t.colors.menuItemTextHovered,
|
|
40
45
|
checked: {
|
|
41
|
-
|
|
42
|
-
|
|
46
|
+
checkmarkColor: t.colors.neutralForeground1,
|
|
47
|
+
checkmarkVisibility: 1,
|
|
43
48
|
},
|
|
44
|
-
},
|
|
45
|
-
checked: {
|
|
46
|
-
checkmarkColor: t.colors.neutralForeground1,
|
|
47
|
-
checkmarkVisibility: 1,
|
|
48
|
-
},
|
|
49
49
|
});
|
|
50
|
-
//# sourceMappingURL=MenuItemRadioTokens.macos.js.map
|
|
50
|
+
//# sourceMappingURL=MenuItemRadioTokens.macos.js.map
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
export { MenuItemRadio } from './MenuItemRadio';
|
|
2
2
|
export { useMenuItemRadio } from './useMenuItemRadio';
|
|
3
|
-
export type {
|
|
4
|
-
MenuItemRadioInfo,
|
|
5
|
-
MenuItemRadioProps,
|
|
6
|
-
MenuItemRadioSlotProps,
|
|
7
|
-
MenuItemRadioTokens,
|
|
8
|
-
MenuItemRadioType,
|
|
9
|
-
} from './MenuItemRadio.types';
|
|
3
|
+
export type { MenuItemRadioInfo, MenuItemRadioProps, MenuItemRadioSlotProps, MenuItemRadioTokens, MenuItemRadioType, } from './MenuItemRadio.types';
|
|
10
4
|
export { menuItemRadioName } from './MenuItemRadio.types';
|
|
11
|
-
//# sourceMappingURL=index.d.ts.map
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { MenuItemRadioProps, MenuItemRadioInfo } from '../MenuItemRadio/MenuItemRadio.types';
|
|
2
2
|
export declare const useMenuItemRadio: (props: MenuItemRadioProps) => MenuItemRadioInfo;
|
|
3
|
-
//# sourceMappingURL=useMenuItemRadio.d.ts.map
|
|
3
|
+
//# sourceMappingURL=useMenuItemRadio.d.ts.map
|
|
@@ -3,31 +3,28 @@ 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((e) => {
|
|
14
|
+
if (!disabled) {
|
|
15
|
+
selectRadio(e, name);
|
|
16
|
+
if (!shouldPersist) {
|
|
17
|
+
setOpen(e, false /*isOpen*/, true /*bubble*/);
|
|
18
|
+
}
|
|
19
19
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
}, []);
|
|
31
|
-
return useMenuCheckboxInteraction(props, toggleChecked);
|
|
20
|
+
}, [disabled, name, selectRadio, setOpen, shouldPersist]);
|
|
21
|
+
// Explicitly only run on mount and unmount
|
|
22
|
+
React.useEffect(() => {
|
|
23
|
+
listContext.addRadioItem(name);
|
|
24
|
+
return () => {
|
|
25
|
+
listContext.removeRadioItem(name);
|
|
26
|
+
};
|
|
27
|
+
}, []);
|
|
28
|
+
return useMenuCheckboxInteraction(props, toggleChecked);
|
|
32
29
|
};
|
|
33
|
-
//# sourceMappingURL=useMenuItemRadio.js.map
|
|
30
|
+
//# sourceMappingURL=useMenuItemRadio.js.map
|