@fluentui-react-native/menu 1.4.28 → 1.4.30

package/lib/MenuDivider/MenuDividerTokens.win32.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuDividerTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralStroke1,
+    height: globalTokens.stroke.width10,
+    margin: globalTokens.size20,
+}); };
+//# sourceMappingURL=MenuDividerTokens.win32.js.map

package/lib/MenuDivider/MenuDividerTokens.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.win32.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,CAAQ,IAAwB,OAAA,CAAC;IACjH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IACxC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;IACnC,MAAM,EAAE,YAAY,CAAC,MAAM;CAC5B,CAAC,EAJgH,CAIhH,CAAC"}

package/lib/MenuDivider/index.d.ts

@@ -0,0 +1,4 @@
+export { MenuDivider } from './MenuDivider';
+export { menuDividerName } from './MenuDivider.types';
+export type { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps, MenuDividerType } from './MenuDivider.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuDivider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/MenuDivider/index.js

@@ -0,0 +1,3 @@
+export { MenuDivider } from './MenuDivider';
+export { menuDividerName } from './MenuDivider.types';
+//# sourceMappingURL=index.js.map

package/lib/MenuDivider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuDivider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/MenuItem/MenuItem.d.ts

@@ -0,0 +1,7 @@
+/** @jsx withSlots */
+import React from 'react';
+import type { MenuItemProps } from './MenuItem.types';
+export declare const MenuItem: import("@fluentui-react-native/framework").ComposableComponent<MenuItemProps, import("./MenuItem.types").MenuItemSlotProps, import("./MenuItem.types").MenuItemTokens, object>;
+export declare const getAccessibilityLabel: (accessibilityLabel: string, child: React.ReactNode) => string;
+export declare const getTooltip: (tooltip: string, hasTooltips: boolean, child: React.ReactNode) => string;
+//# sourceMappingURL=MenuItem.d.ts.map

package/lib/MenuItem/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AAIpE,eAAO,MAAM,QAAQ,gLAmDnB,CAAC;AAaH,eAAO,MAAM,qBAAqB,uBAXuB,MAAM,SAAS,MAAM,SAAS,WAWd,CAAC;AAa1E,eAAO,MAAM,UAAU,YAXY,MAAM,eAAe,OAAO,SAAS,MAAM,SAAS,WAWpC,CAAC"}

package/lib/MenuItem/MenuItem.js

@@ -0,0 +1,58 @@
+import { __assign, __rest } from "tslib";
+import { I18nManager, Image, Pressable, View } from 'react-native';
+import { compose, memoize, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { IconV1 as Icon } from '@fluentui-react-native/icon';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { SvgXml } from 'react-native-svg';
+import { stylingSettings } from './MenuItem.styling';
+import { menuItemName } from './MenuItem.types';
+import { useMenuItem } from './useMenuItem';
+export var MenuItem = compose(__assign(__assign({ displayName: menuItemName }, stylingSettings), { slots: {
+        root: Pressable,
+        checkmark: View,
+        content: Text,
+        iconPlaceholder: View,
+        imgIcon: Image,
+        fontOrSvgIcon: Icon,
+        submenuIndicator: SvgXml,
+    }, useRender: function (userProps, useSlots) {
+        var menuItem = useMenuItem(userProps);
+        var Slots = useSlots(userProps, function (layer) { return menuItem.state[layer] || userProps[layer]; });
+        return function (final, children) {
+            var _a = mergeProps(menuItem.props, final), accessibilityLabel = _a.accessibilityLabel, icon = _a.icon, tooltip = _a.tooltip, mergedProps = __rest(_a, ["accessibilityLabel", "icon", "tooltip"]);
+            var chevronXml = I18nManager.isRTL
+                ? "\n          <svg>\n          <path fill='currentColor' d=\"M10.2603 3.20041C10.5639 3.48226 10.5814 3.95681 10.2996 4.26034L6.77348 8L10.2996 11.7397C10.5814 12.0432 10.5639 12.5177 10.2603 12.7996C9.9568 13.0815 9.48226 13.0639 9.2004 12.7603L5.2004 8.51034C4.9332 8.22258 4.9332 7.77743 5.2004 7.48966L9.20041 3.23966C9.48226 2.93613 9.95681 2.91856 10.2603 3.20041Z\"/>\n          </svg>"
+                : "\n          <svg>\n          <path fill='currentColor' d=\"M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z\"/>\n          </svg>";
+            // We only automatically support the one child string.
+            var label = getAccessibilityLabel(accessibilityLabel, children[0]);
+            var tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
+            return (withSlots(Slots.root, __assign({}, mergedProps, { accessibilityLabel: label }),
+                menuItem.state.hasCheckmarks && withSlots(Slots.checkmark, { accessible: false }),
+                (icon || menuItem.state.hasIcons) && (withSlots(Slots.iconPlaceholder, { accessible: false },
+                    icon && icon.source && withSlots(Slots.imgIcon, __assign({ accessible: false }, icon)),
+                    icon && (icon.svgSource || icon.fontSource) && withSlots(Slots.fontOrSvgIcon, __assign({ accessible: false }, icon)))),
+                children && (withSlots(Slots.content, { accessible: false, tooltip: tooltipResult }, children)),
+                menuItem.state.hasSubmenu && withSlots(Slots.submenuIndicator, { accessible: false, xml: chevronXml })));
+        };
+    } }));
+var getAccessibilityLabelWorker = function (accessibilityLabel, child) {
+    if (accessibilityLabel !== undefined) {
+        return accessibilityLabel;
+    }
+    if (typeof child === 'string') {
+        return child;
+    }
+    return undefined;
+};
+export var getAccessibilityLabel = memoize(getAccessibilityLabelWorker);
+var getTooltipWorker = function (tooltip, hasTooltips, child) {
+    if (tooltip !== undefined) {
+        return tooltip;
+    }
+    if (hasTooltips && typeof child === 'string') {
+        return child;
+    }
+    return undefined;
+};
+export var getTooltip = memoize(getTooltipWorker);
+//# sourceMappingURL=MenuItem.js.map

package/lib/MenuItem/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"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"}

package/lib/MenuItem/MenuItem.styling.d.ts

@@ -0,0 +1,5 @@
+import type { UseStylingOptions } from '@fluentui-react-native/framework';
+import type { MenuItemProps, MenuItemTokens, MenuItemSlotProps } from './MenuItem.types';
+export declare const menuItemStates: (keyof MenuItemTokens)[];
+export declare const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps, MenuItemTokens>;
+//# sourceMappingURL=MenuItem.styling.d.ts.map

package/lib/MenuItem/MenuItem.styling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.styling.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAIjF,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIzF,eAAO,MAAM,cAAc,EAAE,CAAC,MAAM,cAAc,CAAC,EAAkD,CAAC;AAEtG,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,iBAAiB,EAAE,cAAc,CAyE/F,CAAC"}

package/lib/MenuItem/MenuItem.styling.js

@@ -0,0 +1,50 @@
+import { __assign, __spreadArray } from "tslib";
+import { buildProps } from '@fluentui-react-native/framework';
+import { borderStyles, fontStyles, layoutStyles } from '@fluentui-react-native/tokens';
+import { menuItemName } from './MenuItem.types';
+import { defaultMenuItemTokens } from './MenuItemTokens';
+export var menuItemStates = ['hovered', 'focused', 'pressed', 'disabled'];
+export var stylingSettings = {
+    tokens: [defaultMenuItemTokens, menuItemName],
+    states: menuItemStates,
+    slotProps: {
+        root: buildProps(function (tokens, theme) { return ({
+            style: __assign(__assign({ alignItems: 'center', backgroundColor: tokens.backgroundColor, display: 'flex', flexDirection: 'row' }, layoutStyles.from(tokens, theme)), borderStyles.from(tokens, theme)),
+        }); }, __spreadArray(__spreadArray(['backgroundColor'], borderStyles.keys, true), layoutStyles.keys, true)),
+        checkmark: buildProps(function (tokens) { return ({
+            style: {
+                height: tokens.checkmarkSize,
+                width: tokens.checkmarkSize,
+                marginEnd: tokens.gap,
+            },
+        }); }, ['checkmarkSize', 'gap']),
+        content: buildProps(function (tokens, theme) {
+            return {
+                color: tokens.color,
+                style: __assign({ flexGrow: 1 }, fontStyles.from(tokens, theme)),
+            };
+        }, __spreadArray(['color'], fontStyles.keys, true)),
+        iconPlaceholder: buildProps(function (tokens) { return ({
+            style: {
+                minHeight: tokens.iconSize,
+                minWidth: tokens.iconSize,
+                alignItems: 'center',
+                justifyContent: 'center',
+                marginEnd: tokens.gap,
+            },
+        }); }, ['checkmarkSize', 'gap']),
+        imgIcon: buildProps(function (tokens) { return ({
+            style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
+        }); }, ['gap', 'iconColor', 'iconSize']),
+        fontOrSvgIcon: buildProps(function (tokens) { return ({ color: tokens.iconColor, size: tokens.iconSize }); }, ['gap', 'iconColor', 'iconSize']),
+        submenuIndicator: buildProps(function (tokens) {
+            return {
+                color: tokens.submenuIndicatorColor,
+                height: tokens.submenuIndicatorSize,
+                width: tokens.submenuIndicatorSize,
+                viewBox: "0 0 ".concat(tokens.submenuIndicatorSize, " ").concat(tokens.submenuIndicatorSize),
+            };
+        }, ['submenuIndicatorColor', 'submenuIndicatorPadding', 'submenuIndicatorSize']),
+    },
+};
+//# sourceMappingURL=MenuItem.styling.js.map

package/lib/MenuItem/MenuItem.styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.styling.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styling.ts"],"names":[],"mappings":"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"}

package/lib/MenuItem/MenuItem.types.d.ts

@@ -0,0 +1,98 @@
+import type * as React from 'react';
+import type { ColorValue, ImageProps } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { IconPropsV1 as IconProps } from '@fluentui-react-native/icon';
+import type { IFocusable, InteractionEvent, PressablePropsExtended, PressableState } from '@fluentui-react-native/interactive-hooks';
+import type { TextProps } from '@fluentui-react-native/text';
+import type { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
+import type { XmlProps } from 'react-native-svg';
+export declare const menuItemName = "MenuItem";
+export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
+    /**
+     * Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
+     */
+    checkmarkSize?: number;
+    /**
+     * Space between parts of the item control in pixels
+     */
+    gap?: number;
+    /**
+     * Color of the icon
+     */
+    iconColor?: ColorValue;
+    /**
+     * Size of the icon. Pixels for SVG and points for font icon.
+     */
+    iconSize?: number;
+    /**
+     * Color of the indicator that shows that an item has a submenu
+     */
+    submenuIndicatorColor?: ColorValue;
+    /**
+     * Amount of space in pixels around the indicator that shows that an item has a submenu
+     */
+    submenuIndicatorPadding?: number;
+    /**
+     * Height and width in pixels of the indicator that shows that an item has a submenu
+     */
+    submenuIndicatorSize?: number;
+    /**
+     * States of the item control
+     */
+    disabled?: MenuItemTokens;
+    focused?: MenuItemTokens;
+    hovered?: MenuItemTokens;
+    pressed?: MenuItemTokens;
+}
+export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress'> {
+    /**
+     * A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
+     */
+    componentRef?: React.RefObject<IFocusable>;
+    icon?: IconProps | ImageProps;
+    /**
+     * A callback to call on button click event
+     */
+    onClick?: (e: InteractionEvent) => void;
+    /**
+     * Do not dismiss the menu when a menu item is clicked
+     */
+    persistOnClick?: boolean;
+}
+export interface MenuItemState extends PressableState {
+    /**
+     * Whether Menu has other items that are checkbox or radio.
+     */
+    hasCheckmarks?: boolean;
+    /**
+     * Whether Menu has items with icons.
+     */
+    hasIcons?: boolean;
+    /**
+     * If the menu item is a trigger for a submenu
+     */
+    hasSubmenu?: boolean;
+    /**
+     * States that menu items all have tooltips with its text by default.
+     */
+    hasTooltips?: boolean;
+}
+export interface MenuItemInfo {
+    props: MenuItemProps & React.ComponentPropsWithRef<any>;
+    state: MenuItemState;
+}
+export interface MenuItemSlotProps {
+    root: React.PropsWithRef<PressablePropsExtended>;
+    content?: TextProps;
+    checkmark?: React.PropsWithRef<IViewProps>;
+    iconPlaceholder?: React.PropsWithRef<IViewProps>;
+    imgIcon?: ImageProps;
+    fontOrSvgIcon?: IconProps;
+    submenuIndicator?: XmlProps;
+}
+export interface MenuItemType {
+    props: MenuItemProps;
+    tokens: MenuItemTokens;
+    slotProps: MenuItemSlotProps;
+}
+//# sourceMappingURL=MenuItem.types.d.ts.map

package/lib/MenuItem/MenuItem.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"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"}

package/lib/MenuItem/MenuItem.types.js

@@ -0,0 +1,2 @@
+export var menuItemName = 'MenuItem';
+//# sourceMappingURL=MenuItem.types.js.map

package/lib/MenuItem/MenuItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.types.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CAAC"}

package/lib/MenuItem/MenuItemTokens.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuItemTokens } from './MenuItem.types';
+export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
+//# sourceMappingURL=MenuItemTokens.d.ts.map

package/lib/MenuItem/MenuItemTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemTokens.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAoCrE,CAAC"}

package/lib/MenuItem/MenuItemTokens.js

@@ -0,0 +1,39 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuItemTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralBackground1,
+    borderRadius: globalTokens.corner.radius40,
+    checkmarkSize: 16,
+    color: t.colors.neutralForeground2,
+    fontFamily: t.typography.families.primary,
+    fontSize: globalTokens.font.size300,
+    fontWeight: globalTokens.font.weight.regular,
+    gap: globalTokens.size40,
+    iconColor: t.colors.neutralForeground2,
+    iconSize: 16,
+    minHeight: 32,
+    minWidth: 128,
+    maxWidth: 300,
+    padding: globalTokens.size60,
+    submenuIndicatorColor: t.colors.neutralForeground2,
+    submenuIndicatorPadding: globalTokens.sizeNone,
+    submenuIndicatorSize: 16,
+    hovered: {
+        backgroundColor: t.colors.neutralBackground1Hover,
+        color: t.colors.neutralForeground2Hover,
+        iconColor: t.colors.neutralForeground2Hover,
+        submenuIndicatorColor: t.colors.neutralForeground2Hover,
+    },
+    pressed: {
+        backgroundColor: t.colors.neutralBackground1Pressed,
+        color: t.colors.neutralForeground2Pressed,
+        iconColor: t.colors.neutralForeground2Pressed,
+        submenuIndicatorColor: t.colors.neutralForeground2Pressed,
+    },
+    disabled: {
+        backgroundColor: t.colors.neutralBackground1,
+        color: t.colors.neutralForegroundDisabled,
+        iconColor: t.colors.neutralForegroundDisabled,
+        submenuIndicatorColor: t.colors.neutralForegroundDisabled,
+    },
+}); };
+//# sourceMappingURL=MenuItemTokens.js.map

package/lib/MenuItem/MenuItemTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemTokens.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;IACnC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,YAAY,CAAC,MAAM;IAC5B,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,QAAQ;IAC9C,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QAC3C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;CACF,CAAC,EApCuG,CAoCvG,CAAC"}

package/lib/MenuItem/MenuItemTokens.macos.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuItemTokens } from './MenuItem.types';
+export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
+//# sourceMappingURL=MenuItemTokens.macos.d.ts.map

package/lib/MenuItem/MenuItemTokens.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CA+BrE,CAAC"}

package/lib/MenuItem/MenuItemTokens.macos.js

@@ -0,0 +1,34 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuItemTokens = function (t) { return ({
+    backgroundColor: t.colors.transparentBackground,
+    borderRadius: 5,
+    checkmarkSize: 16,
+    color: t.colors.neutralForeground1,
+    fontFamily: t.typography.families.primary,
+    fontSize: 13,
+    fontWeight: globalTokens.font.weight.regular,
+    gap: globalTokens.size40,
+    iconColor: t.colors.neutralForeground1,
+    iconSize: 16,
+    paddingHorizontal: 5,
+    paddingVertical: 3,
+    submenuIndicatorColor: t.colors.neutralForeground1,
+    submenuIndicatorPadding: globalTokens.sizeNone,
+    submenuIndicatorSize: 16,
+    focused: {
+        backgroundColor: t.colors.menuItemBackgroundHovered,
+        color: t.colors.menuItemTextHovered,
+        iconColor: t.colors.menuItemTextHovered,
+    },
+    pressed: {
+        backgroundColor: t.colors.menuItemBackgroundPressed,
+        color: t.colors.menuItemTextHovered,
+        iconColor: t.colors.menuItemTextHovered,
+    },
+    disabled: {
+        backgroundColor: t.colors.menuBackground,
+        color: t.colors.disabledText,
+        iconColor: t.colors.disabledText,
+    },
+}); };
+//# sourceMappingURL=MenuItemTokens.macos.js.map

package/lib/MenuItem/MenuItemTokens.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemTokens.macos.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,QAAQ;IAC9C,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;KACxC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;KACxC;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QACxC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAC5B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;KACjC;CACF,CAAC,EA/BuG,CA+BvG,CAAC"}

package/lib/MenuItem/MenuItemTokens.win32.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuItemTokens } from './MenuItem.types';
+export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
+//# sourceMappingURL=MenuItemTokens.win32.d.ts.map

package/lib/MenuItem/MenuItemTokens.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAqCrE,CAAC"}

package/lib/MenuItem/MenuItemTokens.win32.js

@@ -0,0 +1,40 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuItemTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralBackground1,
+    borderRadius: globalTokens.corner.radiusNone,
+    checkmarkSize: 16,
+    color: t.colors.neutralForeground1,
+    fontFamily: t.typography.families.primary,
+    fontSize: globalTokens.font.size200,
+    fontWeight: globalTokens.font.weight.regular,
+    gap: globalTokens.size40,
+    iconColor: t.colors.neutralForeground1,
+    iconSize: 16,
+    minHeight: 24,
+    minWidth: 128,
+    maxWidth: 300,
+    padding: globalTokens.size40,
+    paddingHorizontal: globalTokens.size80,
+    submenuIndicatorColor: t.colors.neutralForeground1,
+    submenuIndicatorPadding: globalTokens.size20,
+    submenuIndicatorSize: 16,
+    pressed: {
+        backgroundColor: t.colors.neutralBackground1Pressed,
+        color: t.colors.neutralForeground1Pressed,
+        iconColor: t.colors.neutralForeground1Pressed,
+        submenuIndicatorColor: t.colors.neutralForeground1Pressed,
+    },
+    disabled: {
+        backgroundColor: t.colors.neutralBackground1,
+        color: t.colors.neutralForegroundDisabled,
+        iconColor: t.colors.neutralForegroundDisabled,
+        submenuIndicatorColor: t.colors.neutralForegroundDisabled,
+    },
+    focused: {
+        backgroundColor: t.colors.neutralBackground1Hover,
+        color: t.colors.neutralForeground1Hover,
+        iconColor: t.colors.neutralForeground1Hover,
+        submenuIndicatorColor: t.colors.neutralForeground1Hover,
+    },
+}); };
+//# sourceMappingURL=MenuItemTokens.win32.js.map

package/lib/MenuItem/MenuItemTokens.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemTokens.win32.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,UAAU;IAC5C,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;IACnC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,YAAY,CAAC,MAAM;IAC5B,iBAAiB,EAAE,YAAY,CAAC,MAAM;IACtC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,MAAM;IAC5C,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QAC3C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;CACF,CAAC,EArCuG,CAqCvG,CAAC"}

package/lib/MenuItem/index.d.ts

@@ -0,0 +1,5 @@
+export { MenuItem } from './MenuItem';
+export { menuItemName } from './MenuItem.types';
+export type { MenuItemProps, MenuItemState, MenuItemInfo, MenuItemTokens, MenuItemSlotProps, MenuItemType } from './MenuItem.types';
+export { useMenuItem } from './useMenuItem';
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpI,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/MenuItem/index.js

@@ -0,0 +1,4 @@
+export { MenuItem } from './MenuItem';
+export { menuItemName } from './MenuItem.types';
+export { useMenuItem } from './useMenuItem';
+//# sourceMappingURL=index.js.map

package/lib/MenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/MenuItem/useMenuItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { MenuItemProps, MenuItemInfo } from './MenuItem.types';
+export declare const triggerKeys: string[];
+export declare const submenuTriggerKeys: string[];
+export declare const useMenuItem: (props: MenuItemProps) => MenuItemInfo;
+export declare const useHoverFocusEffect: (hovered: boolean, componentRef: React.MutableRefObject<any>) => void;
+//# sourceMappingURL=useMenuItem.d.ts.map

package/lib/MenuItem/useMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuItem.d.ts","sourceRoot":"","sources":["../../src/MenuItem/useMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKpE,eAAO,MAAM,WAAW,UAAiB,CAAC;AAC1C,eAAO,MAAM,kBAAkB,UAA8C,CAAC;AAE9E,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,YA2ElD,CAAC;AAUF,eAAO,MAAM,mBAAmB,YAAa,OAAO,gBAAgB,MAAM,gBAAgB,CAAC,GAAG,CAAC,SAQ9F,CAAC"}

package/lib/MenuItem/useMenuItem.js

@@ -0,0 +1,74 @@
+import { __assign, __rest, __spreadArray } from "tslib";
+import * as React from 'react';
+import { I18nManager, Platform } from 'react-native';
+import { memoize } from '@fluentui-react-native/framework';
+import { isKeyPressEvent, usePressableState, useKeyDownProps, useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
+import { useMenuContext } from '../context/menuContext';
+import { useMenuListContext } from '../context/menuListContext';
+import { useMenuTriggerContext } from '../context/menuTriggerContext';
+export var triggerKeys = [' ', 'Enter'];
+export var submenuTriggerKeys = __spreadArray(['ArrowLeft', 'ArrowRight'], triggerKeys, true);
+export var useMenuItem = function (props) {
+    // attach the pressable state handlers
+    var defaultComponentRef = React.useRef(null);
+    var accessible = props.accessible, onClick = props.onClick, accessibilityState = props.accessibilityState, _a = props.componentRef, componentRef = _a === void 0 ? defaultComponentRef : _a, disabled = props.disabled, persistOnClick = props.persistOnClick, rest = __rest(props, ["accessible", "onClick", "accessibilityState", "componentRef", "disabled", "persistOnClick"]);
+    var _b = useMenuContext(), isSubmenu = _b.isSubmenu, persistOnItemClick = _b.persistOnItemClick, setOpen = _b.setOpen;
+    var _c = useMenuListContext(), hasCheckmarks = _c.hasCheckmarks, hasIcons = _c.hasIcons, hasTooltips = _c.hasTooltips, onArrowClose = _c.onArrowClose;
+    var isTrigger = useMenuTriggerContext();
+    var shouldPersist = persistOnClick !== null && persistOnClick !== void 0 ? persistOnClick : persistOnItemClick;
+    var hasSubmenu = isSubmenu && isTrigger;
+    var onInvoke = React.useCallback(function (e) {
+        var _a;
+        var isRtl = I18nManager.isRTL;
+        var isArrowKey = isKeyPressEvent(e) && (e.nativeEvent.key === 'ArrowLeft' || e.nativeEvent.key === 'ArrowRight');
+        var isArrowOpen = hasSubmenu &&
+            isKeyPressEvent(e) &&
+            ((isRtl && e.nativeEvent.key === 'ArrowLeft') || (!isRtl && e.nativeEvent.key === 'ArrowRight'));
+        if (!disabled && (!isArrowKey || isArrowOpen)) {
+            (_a = componentRef === null || componentRef === void 0 ? void 0 : componentRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }
+        if (!hasSubmenu && !isArrowKey && !shouldPersist) {
+            setOpen(e, false /*isOpen*/, true /*bubble*/);
+        }
+        var isArrowClose = isKeyPressEvent(e) && ((isRtl && e.nativeEvent.key === 'ArrowRight') || (!isRtl && e.nativeEvent.key === 'ArrowLeft'));
+        if (isArrowClose) {
+            onArrowClose === null || onArrowClose === void 0 ? void 0 : onArrowClose(e);
+        }
+    }, [componentRef, disabled, hasSubmenu, onArrowClose, onClick, setOpen, shouldPersist]);
+    var pressable = usePressableState(__assign(__assign({}, rest), { onPress: onInvoke }));
+    var itemRef = useViewCommandFocus(componentRef);
+    var keys = disabled ? [] : isSubmenu ? submenuTriggerKeys : triggerKeys;
+    // Explicitly override onKeyDown to override the native behavior of moving focus with arrow keys.
+    var onKeyDownProps = useKeyDownProps.apply(void 0, __spreadArray([onInvoke], keys, false));
+    useHoverFocusEffect(pressable.state.hovered, componentRef);
+    return {
+        props: __assign(__assign(__assign({}, pressable.props), { accessible: accessible !== null && accessible !== void 0 ? accessible : true, accessibilityRole: 'menuitem', onAccessibilityTap: props.onAccessibilityTap || onInvoke, accessibilityState: getAccessibilityState(disabled, accessibilityState), disabled: disabled, enableFocusRing: Platform.select({
+                macos: false,
+                default: !pressable.state.hovered, // win32
+            }), focusable: Platform.select({
+                macos: !disabled,
+                default: true, // win32
+            }), ref: itemRef }), onKeyDownProps),
+        state: __assign(__assign({}, pressable.state), { hasSubmenu: hasSubmenu, hasIcons: hasIcons, hasCheckmarks: hasCheckmarks, hasTooltips: hasTooltips }),
+    };
+};
+var getAccessibilityState = memoize(getAccessibilityStateWorker);
+function getAccessibilityStateWorker(disabled, accessibilityState) {
+    if (accessibilityState) {
+        return __assign({ disabled: disabled }, accessibilityState);
+    }
+    return { disabled: disabled };
+}
+export var useHoverFocusEffect = function (hovered, componentRef) {
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (hovered) {
+            (_a = componentRef === null || componentRef === void 0 ? void 0 : componentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        else {
+            (_b = componentRef === null || componentRef === void 0 ? void 0 : componentRef.current) === null || _b === void 0 ? void 0 : _b.blur();
+        }
+    }, [hovered, componentRef]);
+};
+//# sourceMappingURL=useMenuItem.js.map

package/lib/MenuItem/useMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/useMenuItem.ts"],"names":[],"mappings":"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"}

package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts

@@ -0,0 +1,7 @@
+/** @jsx withSlots */
+import React from 'react';
+import type { Slots } from '@fluentui-react-native/framework';
+import type { MenuItemCheckboxProps, MenuItemCheckboxSlotProps, MenuItemCheckboxInfo } from './MenuItemCheckbox.types';
+export declare const MenuItemCheckbox: import("@fluentui-react-native/framework").ComposableComponent<MenuItemCheckboxProps, MenuItemCheckboxSlotProps, import("./MenuItemCheckbox.types").MenuItemCheckboxTokens, object>;
+export declare const menuItemFinalRender: (menuItem: MenuItemCheckboxInfo, Slots: Slots<MenuItemCheckboxSlotProps>) => React.FunctionComponent<MenuItemCheckboxProps>;
+//# sourceMappingURL=MenuItemCheckbox.d.ts.map

package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemCheckbox.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAY,MAAM,kCAAkC,CAAC;AAOxE,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EAErB,MAAM,0BAA0B,CAAC;AAKlC,eAAO,MAAM,gBAAgB,qLAiB3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,aACpB,oBAAoB,8CAE7B,MAAM,iBAAiB,CAAC,qBAAqB,CA4B/C,CAAC"}