@fluentui-react-native/menu 1.14.23 → 1.14.24
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.json +36 -1
- package/CHANGELOG.md +10 -2
- package/eslint.config.js +3 -0
- package/lib/Menu/Menu.js +5 -5
- package/lib/Menu/Menu.js.map +1 -1
- package/lib/Menu/Menu.types.js +1 -1
- package/lib/Menu/Menu.types.js.map +1 -1
- package/lib/Menu/renderMenu.android.js +5 -5
- package/lib/Menu/renderMenu.android.js.map +1 -1
- package/lib/Menu/renderMenu.js +3 -3
- package/lib/Menu/renderMenu.js.map +1 -1
- package/lib/Menu/useMenu.android.js +86 -61
- package/lib/Menu/useMenu.android.js.map +1 -1
- package/lib/Menu/useMenu.js +39 -29
- package/lib/Menu/useMenu.js.map +1 -1
- package/lib/Menu/useMenuContextValue.js +4 -5
- package/lib/Menu/useMenuContextValue.js.map +1 -1
- package/lib/MenuCallout/MenuCallout.android.js +7 -8
- package/lib/MenuCallout/MenuCallout.android.js.map +1 -1
- package/lib/MenuCallout/MenuCallout.js +4 -5
- package/lib/MenuCallout/MenuCallout.js.map +1 -1
- package/lib/MenuCallout/MenuCallout.types.js +1 -1
- package/lib/MenuCallout/MenuCallout.types.js.map +1 -1
- package/lib/MenuDivider/MenuDivider.js +11 -7
- package/lib/MenuDivider/MenuDivider.js.map +1 -1
- package/lib/MenuDivider/MenuDivider.styling.js +12 -5
- package/lib/MenuDivider/MenuDivider.styling.js.map +1 -1
- package/lib/MenuDivider/MenuDivider.types.js +2 -2
- package/lib/MenuDivider/MenuDivider.types.js.map +1 -1
- package/lib/MenuDivider/MenuDividerTokens.android.js +2 -2
- package/lib/MenuDivider/MenuDividerTokens.android.js.map +1 -1
- package/lib/MenuDivider/MenuDividerTokens.js +2 -2
- package/lib/MenuDivider/MenuDividerTokens.js.map +1 -1
- package/lib/MenuDivider/MenuDividerTokens.macos.js +2 -2
- package/lib/MenuDivider/MenuDividerTokens.macos.js.map +1 -1
- package/lib/MenuDivider/MenuDividerTokens.win32.js +2 -2
- package/lib/MenuDivider/MenuDividerTokens.win32.js.map +1 -1
- package/lib/MenuGroup/MenuGroup.js +25 -30
- package/lib/MenuGroup/MenuGroup.js.map +1 -1
- package/lib/MenuGroup/MenuGroup.types.js +1 -1
- package/lib/MenuGroup/MenuGroup.types.js.map +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.js +12 -8
- package/lib/MenuGroupHeader/MenuGroupHeader.js.map +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.js +6 -4
- package/lib/MenuGroupHeader/MenuGroupHeader.styling.js.map +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.types.js +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeader.types.js.map +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js +2 -2
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js.map +1 -1
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +2 -2
- package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js.map +1 -1
- package/lib/MenuItem/MenuItem.js +31 -21
- package/lib/MenuItem/MenuItem.js.map +1 -1
- package/lib/MenuItem/MenuItem.styling.js +27 -18
- package/lib/MenuItem/MenuItem.styling.js.map +1 -1
- package/lib/MenuItem/MenuItem.types.js +1 -1
- package/lib/MenuItem/MenuItem.types.js.map +1 -1
- package/lib/MenuItem/MenuItemTokens.android.js +2 -2
- package/lib/MenuItem/MenuItemTokens.android.js.map +1 -1
- package/lib/MenuItem/MenuItemTokens.js +2 -2
- package/lib/MenuItem/MenuItemTokens.js.map +1 -1
- package/lib/MenuItem/MenuItemTokens.macos.js +2 -2
- package/lib/MenuItem/MenuItemTokens.macos.js.map +1 -1
- package/lib/MenuItem/MenuItemTokens.win32.js +2 -2
- package/lib/MenuItem/MenuItemTokens.win32.js.map +1 -1
- package/lib/MenuItem/useMenuItem.js +57 -41
- package/lib/MenuItem/useMenuItem.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.js +34 -16
- package/lib/MenuItemCheckbox/MenuItemCheckbox.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js +54 -27
- package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.js +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.android.js +2 -2
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.android.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.js +2 -2
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +2 -2
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +2 -2
- package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js.map +1 -1
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.js +60 -40
- package/lib/MenuItemCheckbox/useMenuItemCheckbox.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.js +23 -16
- package/lib/MenuItemRadio/MenuItemRadio.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.android.js +29 -18
- package/lib/MenuItemRadio/MenuItemRadio.styling.android.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.styling.js +33 -18
- package/lib/MenuItemRadio/MenuItemRadio.styling.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.types.js +1 -1
- package/lib/MenuItemRadio/MenuItemRadio.types.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.android.js +2 -2
- package/lib/MenuItemRadio/MenuItemRadioTokens.android.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.js +2 -2
- package/lib/MenuItemRadio/MenuItemRadioTokens.js.map +1 -1
- package/lib/MenuItemRadio/MenuItemRadioTokens.macos.js +2 -2
- package/lib/MenuItemRadio/MenuItemRadioTokens.macos.js.map +1 -1
- package/lib/MenuItemRadio/useMenuItemRadio.js +11 -11
- package/lib/MenuItemRadio/useMenuItemRadio.js.map +1 -1
- package/lib/MenuList/MenuList.js +46 -39
- package/lib/MenuList/MenuList.js.map +1 -1
- package/lib/MenuList/MenuList.styling.js +10 -6
- package/lib/MenuList/MenuList.styling.js.map +1 -1
- package/lib/MenuList/MenuList.types.js +1 -1
- package/lib/MenuList/MenuList.types.js.map +1 -1
- package/lib/MenuList/MenuListTokens.android.js +2 -2
- package/lib/MenuList/MenuListTokens.android.js.map +1 -1
- package/lib/MenuList/MenuListTokens.js +2 -2
- package/lib/MenuList/MenuListTokens.js.map +1 -1
- package/lib/MenuList/MenuListTokens.macos.js +2 -2
- package/lib/MenuList/MenuListTokens.macos.js.map +1 -1
- package/lib/MenuList/MenuListTokens.win32.js +2 -2
- package/lib/MenuList/MenuListTokens.win32.js.map +1 -1
- package/lib/MenuList/useMenuList.js +63 -69
- package/lib/MenuList/useMenuList.js.map +1 -1
- package/lib/MenuList/useMenuListContextValue.js +2 -3
- package/lib/MenuList/useMenuListContextValue.js.map +1 -1
- package/lib/MenuPopover/MenuPopover.d.ts +1 -1
- package/lib/MenuPopover/MenuPopover.js +29 -27
- package/lib/MenuPopover/MenuPopover.js.map +1 -1
- package/lib/MenuPopover/MenuPopover.types.js +1 -1
- package/lib/MenuPopover/MenuPopover.types.js.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.android.js +2 -2
- package/lib/MenuPopover/MenuPopoverTokens.android.js.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.d.ts +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.js +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.js.map +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts +1 -1
- package/lib/MenuPopover/MenuPopoverTokens.macos.js +2 -2
- package/lib/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
- package/lib/MenuPopover/useMenuPopover.js +33 -35
- package/lib/MenuPopover/useMenuPopover.js.map +1 -1
- package/lib/MenuTrigger/MenuTrigger.js +6 -4
- package/lib/MenuTrigger/MenuTrigger.js.map +1 -1
- package/lib/MenuTrigger/MenuTrigger.types.js +1 -1
- package/lib/MenuTrigger/MenuTrigger.types.js.map +1 -1
- package/lib/MenuTrigger/useMenuTrigger.js +29 -30
- package/lib/MenuTrigger/useMenuTrigger.js.map +1 -1
- package/lib/MenuTrigger/useMergeRefs.js +6 -10
- package/lib/MenuTrigger/useMergeRefs.js.map +1 -1
- package/lib/__tests__/Menu.test.js +21 -21
- package/lib/__tests__/Menu.test.js.map +1 -1
- package/lib/consts.js +1 -1
- package/lib/consts.js.map +1 -1
- package/lib/context/menuContext.js +5 -5
- package/lib/context/menuContext.js.map +1 -1
- package/lib/context/menuListContext.js +9 -9
- package/lib/context/menuListContext.js.map +1 -1
- package/lib/context/menuTriggerContext.js +3 -3
- package/lib/context/menuTriggerContext.js.map +1 -1
- package/lib-commonjs/Menu/Menu.js +12 -12
- package/lib-commonjs/Menu/Menu.js.map +1 -1
- package/lib-commonjs/Menu/renderMenu.android.js +9 -9
- package/lib-commonjs/Menu/renderMenu.android.js.map +1 -1
- package/lib-commonjs/Menu/renderMenu.js +6 -6
- package/lib-commonjs/Menu/renderMenu.js.map +1 -1
- package/lib-commonjs/Menu/useMenu.android.js +91 -65
- package/lib-commonjs/Menu/useMenu.android.js.map +1 -1
- package/lib-commonjs/Menu/useMenu.js +44 -33
- package/lib-commonjs/Menu/useMenu.js.map +1 -1
- package/lib-commonjs/Menu/useMenuContextValue.js +6 -6
- package/lib-commonjs/Menu/useMenuContextValue.js.map +1 -1
- package/lib-commonjs/MenuCallout/MenuCallout.android.js +14 -14
- package/lib-commonjs/MenuCallout/MenuCallout.android.js.map +1 -1
- package/lib-commonjs/MenuCallout/MenuCallout.js +10 -10
- package/lib-commonjs/MenuCallout/MenuCallout.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDivider.js +15 -11
- package/lib-commonjs/MenuDivider/MenuDivider.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDivider.styling.js +15 -8
- package/lib-commonjs/MenuDivider/MenuDivider.styling.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.android.js +3 -3
- package/lib-commonjs/MenuDivider/MenuDividerTokens.android.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.js +3 -3
- package/lib-commonjs/MenuDivider/MenuDividerTokens.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js +3 -3
- package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js +3 -3
- package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js.map +1 -1
- package/lib-commonjs/MenuGroup/MenuGroup.js +30 -34
- package/lib-commonjs/MenuGroup/MenuGroup.js.map +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js +16 -12
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js.map +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js +9 -7
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js.map +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js +3 -3
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js.map +1 -1
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +3 -3
- package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItem.js +37 -27
- package/lib-commonjs/MenuItem/MenuItem.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItem.styling.js +30 -21
- package/lib-commonjs/MenuItem/MenuItem.styling.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.android.js +3 -3
- package/lib-commonjs/MenuItem/MenuItemTokens.android.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.js +3 -3
- package/lib-commonjs/MenuItem/MenuItemTokens.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.js +3 -3
- package/lib-commonjs/MenuItem/MenuItemTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.js +3 -3
- package/lib-commonjs/MenuItem/MenuItemTokens.win32.js.map +1 -1
- package/lib-commonjs/MenuItem/useMenuItem.js +65 -48
- package/lib-commonjs/MenuItem/useMenuItem.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js +43 -25
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js +57 -30
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.android.js +3 -3
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.android.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.js +3 -3
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +3 -3
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +3 -3
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js +69 -48
- package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.js +32 -25
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.js +32 -21
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.js +36 -21
- package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.android.js +3 -3
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.android.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js +3 -3
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.js +3 -3
- package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js +16 -16
- package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js.map +1 -1
- package/lib-commonjs/MenuList/MenuList.js +56 -48
- package/lib-commonjs/MenuList/MenuList.js.map +1 -1
- package/lib-commonjs/MenuList/MenuList.styling.js +13 -9
- package/lib-commonjs/MenuList/MenuList.styling.js.map +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.android.js +3 -3
- package/lib-commonjs/MenuList/MenuListTokens.android.js.map +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.js +3 -3
- package/lib-commonjs/MenuList/MenuListTokens.js.map +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.macos.js +3 -3
- package/lib-commonjs/MenuList/MenuListTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuList/MenuListTokens.win32.js +3 -3
- package/lib-commonjs/MenuList/MenuListTokens.win32.js.map +1 -1
- package/lib-commonjs/MenuList/useMenuList.js +68 -73
- package/lib-commonjs/MenuList/useMenuList.js.map +1 -1
- package/lib-commonjs/MenuList/useMenuListContextValue.js +2 -3
- package/lib-commonjs/MenuList/useMenuListContextValue.js.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopover.d.ts +1 -1
- package/lib-commonjs/MenuPopover/MenuPopover.js +38 -35
- package/lib-commonjs/MenuPopover/MenuPopover.js.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js +6 -6
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.js +3 -3
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.js.map +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts +1 -1
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js +5 -5
- package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
- package/lib-commonjs/MenuPopover/useMenuPopover.js +37 -39
- package/lib-commonjs/MenuPopover/useMenuPopover.js.map +1 -1
- package/lib-commonjs/MenuTrigger/MenuTrigger.js +11 -8
- package/lib-commonjs/MenuTrigger/MenuTrigger.js.map +1 -1
- package/lib-commonjs/MenuTrigger/useMenuTrigger.js +35 -35
- package/lib-commonjs/MenuTrigger/useMenuTrigger.js.map +1 -1
- package/lib-commonjs/MenuTrigger/useMergeRefs.js +8 -11
- package/lib-commonjs/MenuTrigger/useMergeRefs.js.map +1 -1
- package/lib-commonjs/__tests__/Menu.test.js +35 -35
- package/lib-commonjs/__tests__/Menu.test.js.map +1 -1
- package/lib-commonjs/consts.js +1 -1
- package/lib-commonjs/consts.js.map +1 -1
- package/lib-commonjs/context/menuContext.js +5 -5
- package/lib-commonjs/context/menuContext.js.map +1 -1
- package/lib-commonjs/context/menuListContext.js +9 -9
- package/lib-commonjs/context/menuListContext.js.map +1 -1
- package/lib-commonjs/context/menuTriggerContext.js +3 -3
- package/lib-commonjs/context/menuTriggerContext.js.map +1 -1
- package/package.json +26 -14
- package/.eslintrc.js +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuList.js","sourceRoot":"","sources":["../../src/MenuList/useMenuList.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"useMenuList.js","sourceRoot":"","sources":["../../src/MenuList/useMenuList.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMenuListContextValue = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
return tslib_1.__assign({ hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips }, state);
|
|
4
|
+
const useMenuListContextValue = (state) => {
|
|
5
|
+
return { hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips, ...state };
|
|
7
6
|
};
|
|
8
7
|
exports.useMenuListContextValue = useMenuListContextValue;
|
|
9
8
|
//# sourceMappingURL=useMenuListContextValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuListContextValue.js","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useMenuListContextValue.js","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":";;;AAGO,MAAM,uBAAuB,GAAG,CAAC,KAAoB,EAAwB,EAAE;IACpF,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,KAAK,EAAE,CAAC;AACtI,CAAC,CAAC;AAFW,QAAA,uBAAuB,2BAElC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const MenuPopover: import("@fluentui-react-native/
|
|
1
|
+
export declare const MenuPopover: import("@fluentui-react-native/framework").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
|
|
2
2
|
borderRadius?: import("react-native").AnimatableNumericValue;
|
|
3
3
|
elevation?: number;
|
|
4
4
|
}, import("@fluentui-react-native/framework").Theme>;
|
|
@@ -1,45 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MenuPopover = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
exports.MenuPopover = (0, framework_1.compressible)(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var _b = useTokens(theme), tokens = _b[0], cache = _b[1];
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
8
|
+
const MenuPopover_types_1 = require("./MenuPopover.types");
|
|
9
|
+
const MenuPopoverTokens_1 = require("./MenuPopoverTokens");
|
|
10
|
+
const useMenuPopover_1 = require("./useMenuPopover");
|
|
11
|
+
const context_1 = require("../context");
|
|
12
|
+
const MenuCallout_1 = require("../MenuCallout");
|
|
13
|
+
exports.MenuPopover = (0, framework_1.compressible)((props, useTokens) => {
|
|
14
|
+
const { directionalHint, gapSpace, maxHeight, maxWidth, minWidth, minPadding, borderWidth, borderColor, backgroundColor } = props;
|
|
15
|
+
const state = (0, useMenuPopover_1.useMenuPopover)(props);
|
|
16
|
+
const theme = (0, framework_1.useFluentTheme)();
|
|
17
|
+
const context = (0, context_1.useMenuContext)();
|
|
18
|
+
let [tokens, cache] = useTokens(theme);
|
|
20
19
|
context.hasMaxHeight = maxHeight != undefined;
|
|
21
|
-
context.minWidth = minWidth
|
|
22
|
-
|
|
23
|
-
directionalHint
|
|
24
|
-
gapSpace
|
|
25
|
-
maxHeight
|
|
26
|
-
maxWidth
|
|
27
|
-
minWidth
|
|
28
|
-
minPadding
|
|
29
|
-
borderWidth
|
|
30
|
-
borderColor
|
|
31
|
-
backgroundColor
|
|
32
|
-
})
|
|
33
|
-
return
|
|
34
|
-
|
|
35
|
-
|
|
20
|
+
context.minWidth = minWidth ?? context.minWidth;
|
|
21
|
+
[tokens, cache] = (0, framework_1.patchTokens)(tokens, cache, {
|
|
22
|
+
directionalHint,
|
|
23
|
+
gapSpace,
|
|
24
|
+
maxHeight,
|
|
25
|
+
maxWidth,
|
|
26
|
+
minWidth,
|
|
27
|
+
minPadding,
|
|
28
|
+
borderWidth,
|
|
29
|
+
borderColor,
|
|
30
|
+
backgroundColor,
|
|
31
|
+
});
|
|
32
|
+
return (final, children) => {
|
|
33
|
+
const mergedProps = (0, framework_1.mergeProps)(tokens, state.props, final);
|
|
34
|
+
const innerViewProps =
|
|
36
35
|
//For windows platforms, styling needs to be set on container view instead of the callout itself for the scrollview to reflect correct width and height
|
|
37
36
|
react_native_1.Platform.OS === 'windows' || react_native_1.Platform.OS === 'win32'
|
|
38
|
-
?
|
|
37
|
+
? {
|
|
38
|
+
...state.innerView,
|
|
39
|
+
style: {
|
|
39
40
|
maxHeight: mergedProps.maxHeight,
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
},
|
|
42
|
+
}
|
|
43
|
+
: state.innerView;
|
|
44
|
+
const content = react_1.default.createElement(react_native_1.View, innerViewProps, children);
|
|
45
|
+
return (react_1.default.createElement(MenuCallout_1.MenuCallout, { tokens: tokens, ...mergedProps }, content));
|
|
43
46
|
};
|
|
44
47
|
}, MenuPopoverTokens_1.useMenuPopoverTokens);
|
|
45
48
|
exports.MenuPopover.displayName = MenuPopover_types_1.menuPopoverName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,+CAA8C;AAG9C,gEAAyG;AAGzG,2DAAsD;AACtD,2DAA2D;AAC3D,qDAAkD;AAClD,wCAA4C;AAC5C,gDAA6C;AAEhC,QAAA,WAAW,GAAG,IAAA,wBAAY,EACrC,CAAC,KAAuB,EAAE,SAAuC,EAAE,EAAE;IACnE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClI,MAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,IAAA,wBAAc,GAAE,CAAC;IACjC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CAAC,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,OAAO,CAAC,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;IAEhD,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,IAAA,uBAAW,EAAC,MAAM,EAAE,KAAK,EAAE;QAC3C,eAAe;QACf,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,UAAU;QACV,WAAW;QACX,WAAW;QACX,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO,CAAC,KAAuB,EAAE,QAAyB,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3D,MAAM,cAAc;QAClB,uJAAuJ;QACvJ,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAM,OAAe;YAC3D,CAAC,CAAC;gBACE,GAAG,KAAK,CAAC,SAAS;gBAClB,KAAK,EAAE;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;iBACjC;aACF;YACH,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,MAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAC,mBAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACpE,OAAO,CACL,8BAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,KAAM,WAAW,IACzC,OAAO,CACI,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,EACD,wCAAoB,CACrB,CAAC;AACF,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMenuPopoverTokens = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(
|
|
4
|
+
const react_native_1 = require("react-native");
|
|
5
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
6
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
7
|
+
const MenuPopover_types_1 = require("./MenuPopover.types");
|
|
8
|
+
exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({
|
|
9
9
|
borderWidth: 1,
|
|
10
10
|
borderColor: t.colors.neutralStrokeAccessible,
|
|
11
11
|
maxHeight: react_native_1.Dimensions.get('window').height / 2 - theme_tokens_1.globalTokens.size320,
|
|
@@ -13,5 +13,5 @@ exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { re
|
|
|
13
13
|
cornerRadius: theme_tokens_1.globalTokens.corner.radius80,
|
|
14
14
|
elevation: theme_tokens_1.globalTokens.size160,
|
|
15
15
|
minPadding: theme_tokens_1.globalTokens.size160,
|
|
16
|
-
})
|
|
16
|
+
}), MenuPopover_types_1.menuPopoverName);
|
|
17
17
|
//# sourceMappingURL=MenuPopoverTokens.android.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAG1C,gEAAkE;AAClE,sEAAmE;AAGnE,2DAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;IAC7C,SAAS,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,2BAAY,CAAC,OAAO;IACrE,QAAQ,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,2BAAY,CAAC,OAAO;IAC/D,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,SAAS,EAAE,2BAAY,CAAC,OAAO;IAC/B,UAAU,EAAE,2BAAY,CAAC,OAAO;CACjC,CAAC,EACF,mCAAe,CAChB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
|
|
2
|
-
borderRadius?: import("react-native/types").AnimatableNumericValue;
|
|
2
|
+
borderRadius?: import("react-native/types/index").AnimatableNumericValue;
|
|
3
3
|
elevation?: number;
|
|
4
4
|
}>;
|
|
5
5
|
//# sourceMappingURL=MenuPopoverTokens.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMenuPopoverTokens = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(
|
|
4
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
5
|
+
const MenuPopover_types_1 = require("./MenuPopover.types");
|
|
6
|
+
exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }), MenuPopover_types_1.menuPopoverName);
|
|
7
7
|
//# sourceMappingURL=MenuPopoverTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopoverTokens.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"MenuPopoverTokens.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":";;;AACA,gEAAkE;AAGlE,2DAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,EACjF,mCAAe,CAChB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
|
|
2
|
-
borderRadius?: import("react-native/types").AnimatableNumericValue;
|
|
2
|
+
borderRadius?: import("react-native/types/index").AnimatableNumericValue;
|
|
3
3
|
elevation?: number;
|
|
4
4
|
}>;
|
|
5
5
|
//# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMenuPopoverTokens = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(
|
|
4
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
5
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
6
|
+
const MenuPopover_types_1 = require("./MenuPopover.types");
|
|
7
|
+
exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({
|
|
8
8
|
borderWidth: 1,
|
|
9
9
|
borderRadius: 5,
|
|
10
10
|
borderColor: (0, theming_utils_1.isHighContrast)()
|
|
@@ -12,5 +12,5 @@ exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { re
|
|
|
12
12
|
: (0, theming_utils_1.getCurrentAppearance)(t.host.appearance, 'light') === 'dark'
|
|
13
13
|
? t.colors.neutralStroke3
|
|
14
14
|
: t.colors.transparentStroke,
|
|
15
|
-
})
|
|
15
|
+
}), MenuPopover_types_1.menuPopoverName);
|
|
16
16
|
//# sourceMappingURL=MenuPopoverTokens.macos.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":";;;AACA,gEAAkE;AAClE,wEAA4F;AAG5F,2DAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,IAAA,8BAAc,GAAE;QAC3B,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;QACzB,CAAC,CAAC,IAAA,oCAAoB,EAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,MAAM;YAC7D,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;YACzB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB;CAC/B,CAAC,EACF,mCAAe,CAChB,CAAC"}
|
|
@@ -1,42 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMenuPopover = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var _a;
|
|
17
|
-
(_a = props.onDismiss) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const menuContext_1 = require("../context/menuContext");
|
|
8
|
+
const controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'];
|
|
9
|
+
const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End', 'Escape'];
|
|
10
|
+
const useMenuPopover = (props) => {
|
|
11
|
+
const context = (0, menuContext_1.useMenuContext)();
|
|
12
|
+
const { setOpen, triggerRef, isControlled, isSubmenu, openOnHover, parentPopoverHoverOutTimer, popoverHoverOutTimer, setPopoverHoverOutTimer, shouldFocusOnContainer, triggerHoverOutTimer, } = context;
|
|
13
|
+
const { onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp } = props;
|
|
14
|
+
const onDismiss = react_1.default.useCallback(() => {
|
|
15
|
+
props.onDismiss?.();
|
|
18
16
|
setOpen(undefined, false /* isOpen */), [setOpen];
|
|
19
17
|
}, [props.onDismiss, setOpen]);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
const dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
|
|
19
|
+
const directionalHint = props.directionalHint ?? getDirectionalHint(isSubmenu, react_native_1.I18nManager.isRTL);
|
|
20
|
+
const setInitialFocus = true;
|
|
21
|
+
const doNotTakePointerCapture = props.doNotTakePointerCapture ?? openOnHover;
|
|
22
|
+
const accessibilityRole = 'menu';
|
|
23
|
+
const onMouseEnter = react_1.default.useCallback(() => {
|
|
26
24
|
clearTimeout(triggerHoverOutTimer);
|
|
27
25
|
clearTimeout(popoverHoverOutTimer);
|
|
28
26
|
clearTimeout(parentPopoverHoverOutTimer);
|
|
29
27
|
}, [parentPopoverHoverOutTimer, popoverHoverOutTimer, triggerHoverOutTimer]);
|
|
30
|
-
|
|
28
|
+
const onMouseLeave = react_1.default.useCallback(() => {
|
|
31
29
|
if (!openOnHover) {
|
|
32
30
|
return;
|
|
33
31
|
}
|
|
34
|
-
|
|
32
|
+
const timer = setTimeout(() => {
|
|
35
33
|
setOpen(undefined, false /* isOpen */);
|
|
36
34
|
}, 500);
|
|
37
35
|
setPopoverHoverOutTimer(timer);
|
|
38
36
|
}, [openOnHover, setOpen, setPopoverHoverOutTimer]);
|
|
39
|
-
|
|
37
|
+
const onKeyDown = react_1.default.useCallback((e) => {
|
|
40
38
|
onKeyDownProp && onKeyDownProp(e);
|
|
41
39
|
// Mark key events that move selection as handled.
|
|
42
40
|
// These key events are handled on the native side.
|
|
@@ -44,7 +42,7 @@ var useMenuPopover = function (props) {
|
|
|
44
42
|
e.stopPropagation();
|
|
45
43
|
}
|
|
46
44
|
}, [onKeyDownProp]);
|
|
47
|
-
|
|
45
|
+
const onKeyUp = react_1.default.useCallback((e) => {
|
|
48
46
|
onKeyUpProp && onKeyUpProp(e);
|
|
49
47
|
// Mark key events that move selection as handled.
|
|
50
48
|
// These key events are handled on the native side.
|
|
@@ -52,39 +50,39 @@ var useMenuPopover = function (props) {
|
|
|
52
50
|
e.stopPropagation();
|
|
53
51
|
}
|
|
54
52
|
}, [onKeyUpProp]);
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
const [canFocusOnPopover, setCanFocusOnPopover] = react_1.default.useState(shouldFocusOnContainer);
|
|
54
|
+
const onBlur = react_1.default.useCallback(() => {
|
|
57
55
|
setCanFocusOnPopover(false);
|
|
58
56
|
}, [setCanFocusOnPopover]);
|
|
59
|
-
react_1.default.useEffect(
|
|
57
|
+
react_1.default.useEffect(() => {
|
|
60
58
|
return function cleanup() {
|
|
61
59
|
clearTimeout(popoverHoverOutTimer);
|
|
62
60
|
};
|
|
63
61
|
});
|
|
64
62
|
return {
|
|
65
63
|
props: {
|
|
66
|
-
accessibilityRole
|
|
64
|
+
accessibilityRole,
|
|
67
65
|
target: triggerRef,
|
|
68
|
-
onDismiss
|
|
66
|
+
onDismiss,
|
|
69
67
|
onShow: props.onShow,
|
|
70
|
-
directionalHint
|
|
71
|
-
dismissBehaviors
|
|
72
|
-
doNotTakePointerCapture
|
|
73
|
-
setInitialFocus
|
|
68
|
+
directionalHint,
|
|
69
|
+
dismissBehaviors,
|
|
70
|
+
doNotTakePointerCapture,
|
|
71
|
+
setInitialFocus,
|
|
74
72
|
},
|
|
75
73
|
innerView: {
|
|
76
|
-
onMouseEnter
|
|
77
|
-
onMouseLeave
|
|
78
|
-
onKeyDown
|
|
79
|
-
onKeyUp
|
|
74
|
+
onMouseEnter,
|
|
75
|
+
onMouseLeave,
|
|
76
|
+
onKeyDown,
|
|
77
|
+
onKeyUp,
|
|
80
78
|
accessible: shouldFocusOnContainer,
|
|
81
79
|
focusable: canFocusOnPopover,
|
|
82
|
-
onBlur
|
|
80
|
+
onBlur,
|
|
83
81
|
},
|
|
84
82
|
};
|
|
85
83
|
};
|
|
86
84
|
exports.useMenuPopover = useMenuPopover;
|
|
87
|
-
|
|
85
|
+
const getDirectionalHint = (isSubmenu, isRtl) => {
|
|
88
86
|
if (!isSubmenu) {
|
|
89
87
|
return undefined;
|
|
90
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"useMenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MenuTrigger = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const MenuTrigger_types_1 = require("./MenuTrigger.types");
|
|
7
|
+
const useMenuTrigger_1 = require("./useMenuTrigger");
|
|
8
|
+
const menuTriggerContext_1 = require("../context/menuTriggerContext");
|
|
9
|
+
const MenuTrigger = (props) => {
|
|
10
10
|
if (__DEV__) {
|
|
11
11
|
if (!React.Children.only(props.children)) {
|
|
12
12
|
console.warn('Only expecting one child for MenuTrigger');
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
|
|
15
|
+
const menuTrigger = (0, useMenuTrigger_1.useMenuTrigger)(props.children.props);
|
|
16
16
|
// In order to properly support accessibility without erasing props set on the
|
|
17
17
|
// child component which may affect accessibility, we need to modify the
|
|
18
18
|
// state in the inner render so we can access the child component and its props.
|
|
19
|
-
|
|
19
|
+
const revised = React.cloneElement(props.children, {
|
|
20
|
+
...(props.children.props.tooltip && { alwaysShowToolTip: true }),
|
|
21
|
+
...menuTrigger.props,
|
|
22
|
+
});
|
|
20
23
|
return React.createElement(menuTriggerContext_1.MenuTriggerProvider, { value: menuTrigger.hasSubmenu }, revised);
|
|
21
24
|
};
|
|
22
25
|
exports.MenuTrigger = MenuTrigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTrigger.js","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"MenuTrigger.js","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,2DAAsD;AACtD,qDAAkD;AAClD,sEAAoE;AAE7D,MAAM,WAAW,GAA8C,CAAC,KAAuB,EAAE,EAAE;IAChG,IAAI,OAAO,EAAE;QACX,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACxC,OAAO,CAAC,IAAI,CAAC,0CAA0C,CAAC,CAAC;SAC1D;KACF;IAED,MAAM,WAAW,GAAG,IAAA,+BAAc,EAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEzD,8EAA8E;IAC9E,wEAAwE;IACxE,gFAAgF;IAChF,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE;QACjD,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC;QAChE,GAAG,WAAW,CAAC,KAAK;KACrB,CAAC,CAAC;IAEH,OAAO,oBAAC,wCAAmB,IAAC,KAAK,EAAE,WAAW,CAAC,UAAU,IAAG,OAAO,CAAuB,CAAC;AAC7F,CAAC,CAAC;AAlBW,QAAA,WAAW,eAkBtB;AACF,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMenuTrigger = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
childAccessibilitySetSize
|
|
18
|
-
childOnClick
|
|
19
|
-
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const useMergeRefs_1 = require("./useMergeRefs");
|
|
8
|
+
const consts_1 = require("../consts");
|
|
9
|
+
const menuContext_1 = require("../context/menuContext");
|
|
10
|
+
const baseAccessibilityActions = react_native_1.Platform.OS === 'win32' ? [{ name: 'Expand' }, { name: 'Collapse' }] : [];
|
|
11
|
+
const expandedState = { expanded: true };
|
|
12
|
+
const collapsedState = { expanded: false };
|
|
13
|
+
const useMenuTrigger = (childProps) => {
|
|
14
|
+
const context = (0, menuContext_1.useMenuContext)();
|
|
15
|
+
const { hoverDelay = consts_1.hoverDelayDefault, open, openOnHover, popoverHoverOutTimer, setOpen, setTriggerHoverOutTimer, triggerHoverOutTimer, triggerRef, } = context;
|
|
16
|
+
const { accessibilityActions: childAccessibilityActions, accessibilityState: childAccessibilityState, onAccessibilityAction: childOnAccessibilityAction, accessibilityPositionInSet: childAccessibilityPositionInSet, // win32
|
|
17
|
+
accessibilitySetSize: childAccessibilitySetSize, // win32
|
|
18
|
+
onClick: childOnClick, onHoverIn: childOnHoverIn, onHoverOut: childOnHoverOut, componentRef: childComponentRef, } = childProps;
|
|
19
|
+
const accessibilityActions = react_1.default.useMemo(() => {
|
|
20
20
|
if (childAccessibilityActions) {
|
|
21
|
-
return
|
|
21
|
+
return [...baseAccessibilityActions, ...childAccessibilityActions];
|
|
22
22
|
}
|
|
23
23
|
return baseAccessibilityActions;
|
|
24
24
|
}, [childAccessibilityActions]);
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
const accessibilityState = react_1.default.useMemo(() => {
|
|
26
|
+
const baseState = open ? expandedState : collapsedState;
|
|
27
27
|
if (childAccessibilityState) {
|
|
28
|
-
return
|
|
28
|
+
return { ...baseState, ...childAccessibilityState };
|
|
29
29
|
}
|
|
30
30
|
return baseState;
|
|
31
31
|
}, [childAccessibilityState, open]);
|
|
32
|
-
|
|
32
|
+
const onAccessibilityAction = react_1.default.useCallback((e) => {
|
|
33
33
|
if (react_native_1.Platform.OS === 'win32') {
|
|
34
34
|
switch (e.nativeEvent.actionName) {
|
|
35
35
|
case 'Expand':
|
|
@@ -42,43 +42,43 @@ var useMenuTrigger = function (childProps) {
|
|
|
42
42
|
}
|
|
43
43
|
childOnAccessibilityAction && childOnAccessibilityAction(e);
|
|
44
44
|
}, [childOnAccessibilityAction, setOpen]);
|
|
45
|
-
|
|
45
|
+
const onHoverIn = react_1.default.useCallback((e) => {
|
|
46
46
|
if (openOnHover) {
|
|
47
47
|
clearTimeout(popoverHoverOutTimer);
|
|
48
48
|
clearTimeout(triggerHoverOutTimer);
|
|
49
49
|
e.persist();
|
|
50
|
-
setTimeout(
|
|
50
|
+
setTimeout(() => {
|
|
51
51
|
setOpen(e, true /* isOpen */);
|
|
52
52
|
}, hoverDelay);
|
|
53
53
|
}
|
|
54
54
|
childOnHoverIn && childOnHoverIn(e);
|
|
55
55
|
}, [childOnHoverIn, hoverDelay, openOnHover, setOpen, triggerHoverOutTimer, popoverHoverOutTimer]);
|
|
56
|
-
|
|
56
|
+
const onHoverOut = react_1.default.useCallback((e) => {
|
|
57
57
|
if (openOnHover) {
|
|
58
58
|
e.persist();
|
|
59
|
-
|
|
59
|
+
const timer = setTimeout(() => {
|
|
60
60
|
setOpen(e, false /* isOpen */);
|
|
61
61
|
}, hoverDelay);
|
|
62
62
|
setTriggerHoverOutTimer(timer);
|
|
63
63
|
}
|
|
64
64
|
childOnHoverOut && childOnHoverOut(e);
|
|
65
65
|
}, [childOnHoverOut, hoverDelay, openOnHover, setOpen, setTriggerHoverOutTimer]);
|
|
66
|
-
|
|
66
|
+
const onClick = react_1.default.useCallback((e) => {
|
|
67
67
|
setOpen(e, !open);
|
|
68
68
|
childOnClick && childOnClick(e);
|
|
69
69
|
}, [childOnClick, open, setOpen]);
|
|
70
|
-
|
|
70
|
+
const ref = (0, useMergeRefs_1.useMergedRefs)(triggerRef, childComponentRef);
|
|
71
71
|
return {
|
|
72
72
|
props: {
|
|
73
|
-
onClick
|
|
74
|
-
onHoverIn
|
|
75
|
-
onHoverOut
|
|
73
|
+
onClick,
|
|
74
|
+
onHoverIn,
|
|
75
|
+
onHoverOut,
|
|
76
76
|
componentRef: ref,
|
|
77
|
-
accessibilityState
|
|
78
|
-
accessibilityActions
|
|
79
|
-
onAccessibilityAction
|
|
80
|
-
accessibilityPositionInSet: childAccessibilityPositionInSet
|
|
81
|
-
accessibilitySetSize: childAccessibilitySetSize
|
|
77
|
+
accessibilityState,
|
|
78
|
+
accessibilityActions,
|
|
79
|
+
onAccessibilityAction,
|
|
80
|
+
accessibilityPositionInSet: childAccessibilityPositionInSet ?? context.accessibilityPositionInSet,
|
|
81
|
+
accessibilitySetSize: childAccessibilitySetSize ?? context.accessibilitySetSize, // win32
|
|
82
82
|
},
|
|
83
83
|
hasSubmenu: context.isSubmenu,
|
|
84
84
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMenuTrigger.js","sourceRoot":"","sources":["../../src/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"useMenuTrigger.js","sourceRoot":"","sources":["../../src/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":"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"}
|