@fluentui-react-native/menu 1.4.28 → 1.4.30

package/lib/MenuList/MenuList.d.ts

@@ -0,0 +1,4 @@
+import type { MenuListProps, MenuListState } from './MenuList.types';
+export declare const menuListLookup: (layer: string, state: MenuListState, userProps: MenuListProps) => boolean;
+export declare const MenuList: import("@fluentui-react-native/framework").ComposableComponent<MenuListProps, import("./MenuList.types").MenuListSlotProps, import("./MenuList.types").MenuListTokens, object>;
+//# sourceMappingURL=MenuList.d.ts.map

package/lib/MenuList/MenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AA0BnF,eAAO,MAAM,cAAc,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAE9F,CAAC;AACF,eAAO,MAAM,QAAQ,gLA0EnB,CAAC"}

package/lib/MenuList/MenuList.js

@@ -0,0 +1,68 @@
+import { __assign, __rest } from "tslib";
+/** @jsx withSlots */
+import React from 'react';
+import { Platform, ScrollView, View } from 'react-native';
+import { FocusZone } from '@fluentui-react-native/focus-zone';
+import { compose, mergeProps, stagedComponent, withSlots } from '@fluentui-react-native/framework';
+import { stylingSettings } from './MenuList.styling';
+import { menuListName } from './MenuList.types';
+import { useMenuList } from './useMenuList';
+import { useMenuListContextValue } from './useMenuListContextValue';
+import { useMenuContext } from '../context';
+import { MenuListProvider } from '../context/menuListContext';
+var MenuStack = stagedComponent(function (props) {
+    var gap = props.gap, rest = __rest(props, ["gap"]);
+    return function (final, children) {
+        if (gap && gap > 0 && children) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore - GH:1684, fix typing error
+            children = React.Children.map(children, function (child, index) {
+                if (React.isValidElement(child) && index > 0) {
+                    return React.cloneElement(child, mergeProps(child.props, { style: { marginTop: gap } }));
+                }
+                return child;
+            });
+        }
+        return withSlots(View, __assign({}, mergeProps(rest, final)), children);
+    };
+});
+MenuStack.displayName = 'MenuStack';
+export var menuListLookup = function (layer, state, userProps) {
+    return state[layer] || userProps[layer] || layer === 'hasMaxHeight';
+};
+export var MenuList = compose(__assign(__assign({ displayName: menuListName }, stylingSettings), { slots: __assign({ root: MenuStack, scrollView: ScrollView }, (Platform.OS === 'macos' && { focusZone: FocusZone })), useRender: function (userProps, useSlots) {
+        var menuList = useMenuList(userProps);
+        var menuContext = useMenuContext();
+        var menuListContextValue = useMenuListContextValue(menuList);
+        var Slots = useSlots(menuList.props, function (layer) { return menuListLookup(layer, menuList, userProps); });
+        var focusZoneRef = React.useRef();
+        React.useEffect(function () {
+            var _a;
+            (_a = focusZoneRef === null || focusZoneRef === void 0 ? void 0 : focusZoneRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }, []);
+        return function (_final, children) {
+            var itemCount = React.Children.toArray(children).filter(function (child) { return React.isValidElement(child) && child.type.displayName !== 'MenuDivider'; }).length;
+            var itemPosition = 0;
+            var childrenWithSet = React.Children.toArray(children).map(function (child) {
+                var _a, _b;
+                if (React.isValidElement(child)) {
+                    if (child.type.displayName !== 'MenuDivider') {
+                        itemPosition++;
+                    }
+                    return React.cloneElement(child, {
+                        accessibilityPositionInSet: (_a = child.props.accessibilityPositionInSet) !== null && _a !== void 0 ? _a : itemPosition,
+                        accessibilitySetSize: (_b = child.props.accessibilitySetSize) !== null && _b !== void 0 ? _b : itemCount, //win32
+                    });
+                }
+                return child;
+            });
+            var content = Platform.OS === 'macos' ? (withSlots(Slots.root, null,
+                withSlots(Slots.scrollView, { accessibilityRole: "menu", showsVerticalScrollIndicator: menuContext.hasMaxHeight, showsHorizontalScrollIndicator: menuContext.hasMaxWidth },
+                    withSlots(Slots.focusZone, { componentRef: focusZoneRef, focusZoneDirection: 'vertical', defaultTabbableElement: focusZoneRef, 
+                        // @ts-ignore FocusZone takes ViewProps, but that isn't defined on it's type.
+                        enableFocusRing: false }, childrenWithSet)))) : menuContext.hasMaxHeight ? (withSlots(Slots.root, { style: menuContext.minWidth ? { minWidth: menuContext.minWidth } : {} },
+                withSlots(Slots.scrollView, null, childrenWithSet))) : (withSlots(Slots.root, { style: menuContext.minWidth ? { minWidth: menuContext.minWidth } : {} }, childrenWithSet));
+            return withSlots(MenuListProvider, { value: menuListContextValue }, content);
+        };
+    } }));
+//# sourceMappingURL=MenuList.js.map

package/lib/MenuList/MenuList.js.map

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

package/lib/MenuList/MenuList.styling.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.styling.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.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,EAAqB,CAAC;AAEzE,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,iBAAiB,EAAE,cAAc,CAgB/F,CAAC"}

package/lib/MenuList/MenuList.styling.js

@@ -0,0 +1,17 @@
+import { __assign, __spreadArray } from "tslib";
+import { buildProps } from '@fluentui-react-native/framework';
+import { layoutStyles } from '@fluentui-react-native/tokens';
+import { menuListName } from './MenuList.types';
+import { defaultMenuListTokens } from './MenuListTokens';
+export var menuListStates = ['hasMaxHeight'];
+export var stylingSettings = {
+    tokens: [defaultMenuListTokens, menuListName],
+    states: menuListStates,
+    slotProps: {
+        root: buildProps(function (tokens, theme) { return ({
+            style: __assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, layoutStyles.from(tokens, theme)),
+            gap: tokens.gap,
+        }); }, __spreadArray(['backgroundColor', 'gap'], layoutStyles.keys, true)),
+    },
+};
+//# sourceMappingURL=MenuList.styling.js.map

package/lib/MenuList/MenuList.styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.styling.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.styling.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,CAAC,IAAM,cAAc,GAA6B,CAAC,cAAc,CAAC,CAAC;AAEzE,MAAM,CAAC,IAAM,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC;IAC7C,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,KAAK,aACH,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,IACZ,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;YACD,GAAG,EAAE,MAAM,CAAC,GAAG;SAChB,CAAC,EAPwC,CAOxC,iBACD,iBAAiB,EAAE,KAAK,GAAK,YAAY,CAAC,IAAI,QAChD;KACF;CACF,CAAC"}

package/lib/MenuList/MenuList.types.d.ts

@@ -0,0 +1,77 @@
+import type React from 'react';
+import type { ScrollViewProps } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { FocusZoneProps } from '@fluentui-react-native/focus-zone';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import type { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
+export declare const menuListName = "MenuList";
+export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
+    /**
+     * Space between items in pixels
+     */
+    gap?: number;
+    /**
+     * States of the list control
+     */
+    hasMaxHeight?: MenuListTokens;
+}
+export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
+    /**
+     * Array of all checked items
+     */
+    checked?: string[];
+    /**
+     * Default items to be checked on mount
+     */
+    defaultChecked?: string[];
+    /**
+     * States that menu items can contain selectable items and reserves space for item alignment
+     */
+    hasCheckmarks?: boolean;
+    /**
+     * States that menu items can contain icons and reserves space for item alignment
+     */
+    hasIcons?: boolean;
+    /**
+     * States that menu items all have tooltips with its text by default.
+     *
+     * This option is useful for programmatically generated items to provide
+     * text for options that end up having tuncated text.
+     */
+    hasTooltips?: boolean;
+    /**
+     * Callback when checked items change
+     *
+     * @param checked Array of all currently checked values
+     */
+    onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
+    /**
+     * Defines a minumum width for the Menu.
+     */
+    minWidth?: number | string;
+}
+export interface MenuListState extends Omit<MenuListProps, 'checked' | 'onCheckedChange'> {
+    props: MenuListProps;
+    checked?: Record<string, boolean>;
+    isCheckedControlled: boolean;
+    onArrowClose?: (e: InteractionEvent) => void;
+    onCheckedChange?: (e: InteractionEvent, name: string, isChecked: boolean) => void;
+    selectRadio?: (e: InteractionEvent, name: string) => void;
+    addRadioItem: (name: string) => void;
+    removeRadioItem: (name: string) => void;
+    hasMaxHeight?: boolean;
+    hasMaxWidth?: boolean;
+}
+export interface MenuListSlotProps {
+    root: React.PropsWithRef<IViewProps> & {
+        gap?: number;
+    };
+    focusZone?: FocusZoneProps;
+    scrollView?: ScrollViewProps;
+}
+export interface MenuListType {
+    props: MenuListProps;
+    tokens: MenuListTokens;
+    slotProps: MenuListSlotProps;
+}
+//# sourceMappingURL=MenuList.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}

package/lib/MenuList/MenuList.types.js

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

package/lib/MenuList/MenuList.types.js.map

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

package/lib/MenuList/MenuListTokens.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 { MenuListTokens } from './MenuList.types';
+export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
+//# sourceMappingURL=MenuListTokens.d.ts.map

package/lib/MenuList/MenuListTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,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,CAMrE,CAAC"}

package/lib/MenuList/MenuListTokens.js

@@ -0,0 +1,9 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuListTokens = function (t) { return ({
+    padding: globalTokens.size40,
+    minWidth: 128,
+    maxWidth: 300,
+    backgroundColor: t.colors.neutralBackground1,
+    gap: globalTokens.size20,
+}); };
+//# sourceMappingURL=MenuListTokens.js.map

package/lib/MenuList/MenuListTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,OAAO,EAAE,YAAY,CAAC,MAAM;IAC5B,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,GAAG,EAAE,YAAY,CAAC,MAAM;CACzB,CAAC,EANuG,CAMvG,CAAC"}

package/lib/MenuList/MenuListTokens.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 { MenuListTokens } from './MenuList.types';
+export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
+//# sourceMappingURL=MenuListTokens.macos.d.ts.map

package/lib/MenuList/MenuListTokens.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,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,CAIrE,CAAC"}

package/lib/MenuList/MenuListTokens.macos.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuListTokens = function (t) { return ({
+    padding: 5,
+    backgroundColor: t.colors.transparentBackground,
+    gap: globalTokens.size20,
+}); };
+//# sourceMappingURL=MenuListTokens.macos.js.map

package/lib/MenuList/MenuListTokens.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.macos.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,OAAO,EAAE,CAAC;IACV,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,GAAG,EAAE,YAAY,CAAC,MAAM;CACzB,CAAC,EAJuG,CAIvG,CAAC"}

package/lib/MenuList/MenuListTokens.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 { MenuListTokens } from './MenuList.types';
+export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
+//# sourceMappingURL=MenuListTokens.win32.d.ts.map

package/lib/MenuList/MenuListTokens.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,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,CASrE,CAAC"}

package/lib/MenuList/MenuListTokens.win32.js

@@ -0,0 +1,12 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuListTokens = function (t) { return ({
+    paddingVertical: globalTokens.size40,
+    minWidth: 128,
+    maxWidth: 300,
+    backgroundColor: t.colors.neutralBackground1,
+    /* To account for the width of the vertical scrollView. With the default minWidth, some content may be cut off */
+    hasMaxHeight: {
+        minWidth: 140,
+    },
+}); };
+//# sourceMappingURL=MenuListTokens.win32.js.map

package/lib/MenuList/MenuListTokens.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.win32.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.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,YAAY,CAAC,MAAM;IACpC,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,iHAAiH;IACjH,YAAY,EAAE;QACZ,QAAQ,EAAE,GAAG;KACd;CACF,CAAC,EATuG,CASvG,CAAC"}

package/lib/MenuList/index.d.ts

@@ -0,0 +1,6 @@
+export { MenuList } from './MenuList';
+export { menuListName } from './MenuList.types';
+export type { MenuListProps, MenuListState, MenuListTokens, MenuListSlotProps, MenuListType } from './MenuList.types';
+export { useMenuList } from './useMenuList';
+export { useMenuListContextValue } from './useMenuListContextValue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuList/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,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACtH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/lib/MenuList/index.js

@@ -0,0 +1,5 @@
+export { MenuList } from './MenuList';
+export { menuListName } from './MenuList.types';
+export { useMenuList } from './useMenuList';
+export { useMenuListContextValue } from './useMenuListContextValue';
+//# sourceMappingURL=index.js.map

package/lib/MenuList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuList/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;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/lib/MenuList/useMenuList.d.ts

@@ -0,0 +1,3 @@
+import type { MenuListProps, MenuListState } from './MenuList.types';
+export declare const useMenuList: (_props: MenuListProps) => MenuListState;
+//# sourceMappingURL=useMenuList.d.ts.map

package/lib/MenuList/useMenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuList.d.ts","sourceRoot":"","sources":["../../src/MenuList/useMenuList.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAerE,eAAO,MAAM,WAAW,WAAY,aAAa,KAAG,aAmHnD,CAAC"}

package/lib/MenuList/useMenuList.js

@@ -0,0 +1,109 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { useMenuContext } from '../context/menuContext';
+// Track the radio items so we know what to clear selection from when selectRadio is called
+// Purposefully left out of the hook because
+// 1. RadioItems just keeps track of information - changing this array doesn't need to force rerender
+// 2. Keeping them here means these consts are not recreated on every render, which would force rerendering of all children
+var radioItems = [];
+var addRadioItem = function (name) {
+    radioItems.push(name);
+};
+var removeRadioItem = function (name) {
+    radioItems.filter(function (item) { return item !== name; });
+};
+export var useMenuList = function (_props) {
+    var context = useMenuContext();
+    // MenuList v2 needs to be able to be standalone, but this is not in scope for v1
+    // Assuming that checked information will come from parent Menu
+    var defaultChecked = context.defaultChecked, onCheckedChangeOriginal = context.onCheckedChange, checkedOriginal = context.checked, isSubmenu = context.isSubmenu, setOpen = context.setOpen, triggerRef = context.triggerRef;
+    // Convert passed in array to map so that i's easier to look up checked state
+    var checkedMap = React.useMemo(function () {
+        var state = {};
+        if (!checkedOriginal) {
+            return state;
+        }
+        for (var _i = 0, checkedOriginal_1 = checkedOriginal; _i < checkedOriginal_1.length; _i++) {
+            var key = checkedOriginal_1[_i];
+            state[key] = true;
+        }
+        return state;
+    }, [checkedOriginal]);
+    var _a = React.useState(function () {
+        if (checkedMap) {
+            return checkedMap;
+        }
+        var initialChecked = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : [];
+        var state = {};
+        for (var _i = 0, initialChecked_1 = initialChecked; _i < initialChecked_1.length; _i++) {
+            var key = initialChecked_1[_i];
+            state[key] = true;
+        }
+        return state;
+    }), checkedInternal = _a[0], setCheckedInternal = _a[1];
+    var isCheckedControlled = typeof checkedOriginal !== 'undefined';
+    var checked = isCheckedControlled ? checkedMap : checkedInternal;
+    var onCheckedChange = React.useCallback(function (e, name, isChecked) {
+        var updatedChecked = __assign({}, checked);
+        if (isChecked) {
+            updatedChecked[name] = true;
+        }
+        else {
+            delete updatedChecked[name];
+        }
+        if (!isCheckedControlled) {
+            setCheckedInternal(updatedChecked);
+        }
+        if (onCheckedChangeOriginal) {
+            onCheckedChangeOriginal(e, Object.keys(updatedChecked));
+        }
+    }, [isCheckedControlled, checked, onCheckedChangeOriginal, setCheckedInternal]);
+    var selectRadio = React.useCallback(function (e, name) {
+        var updatedChecked = {};
+        for (var _i = 0, _a = Object.keys(checked); _i < _a.length; _i++) {
+            var checkedName = _a[_i];
+            if (!radioItems.includes(checkedName)) {
+                // Preserve checked state if non-radio items
+                updatedChecked[checkedName] = checked[checkedName];
+            }
+        }
+        updatedChecked[name] = true;
+        if (!isCheckedControlled) {
+            setCheckedInternal(updatedChecked);
+        }
+        if (onCheckedChangeOriginal) {
+            onCheckedChangeOriginal(e, Object.keys(updatedChecked));
+        }
+    }, [isCheckedControlled, onCheckedChangeOriginal, setCheckedInternal, checked]);
+    // The close arrow key must be handled at this level so that close arrow is responsive when arrowing
+    // on a submenu trigger inside a submenu. Otherwise the arrowing event gets "swallowed up" by the trigger,
+    // because it is considered to be inside the submenu due to the Menu component wrapping both the
+    // trigger and popover. Listening to key events directly here to handle this case doesn't work
+    // since left and right arrow key events are already handled and swallowed by native behavior
+    var onArrowClose = React.useCallback(function (e) {
+        var _a;
+        if (!isSubmenu) {
+            return;
+        }
+        setOpen(e, false /* isOpen */, false /* bubble */);
+        (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [isSubmenu, setOpen, triggerRef]);
+    React.useEffect(function () {
+        return function cleanup() {
+            clearTimeout(context.triggerHoverOutTimer);
+        };
+    });
+    return {
+        props: __assign({}, context),
+        isCheckedControlled: isCheckedControlled,
+        checked: checked,
+        onArrowClose: onArrowClose,
+        onCheckedChange: onCheckedChange,
+        selectRadio: selectRadio,
+        addRadioItem: addRadioItem,
+        removeRadioItem: removeRadioItem,
+        hasMaxHeight: context.hasMaxHeight,
+        hasMaxWidth: context.hasMaxWidth,
+    };
+};
+//# sourceMappingURL=useMenuList.js.map

package/lib/MenuList/useMenuList.js.map

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

package/lib/MenuList/useMenuListContextValue.d.ts

@@ -0,0 +1,4 @@
+import type { MenuListState } from './MenuList.types';
+import type { MenuListContextValue } from '../context/menuListContext';
+export declare const useMenuListContextValue: (state: MenuListState) => MenuListContextValue;
+//# sourceMappingURL=useMenuListContextValue.d.ts.map

package/lib/MenuList/useMenuListContextValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuListContextValue.d.ts","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,eAAO,MAAM,uBAAuB,UAAW,aAAa,KAAG,oBAE9D,CAAC"}

package/lib/MenuList/useMenuListContextValue.js

@@ -0,0 +1,5 @@
+import { __assign } from "tslib";
+export var useMenuListContextValue = function (state) {
+    return __assign({ hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips }, state);
+};
+//# sourceMappingURL=useMenuListContextValue.js.map

package/lib/MenuList/useMenuListContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuListContextValue.js","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":";AAGA,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAoB;IAC1D,kBAAS,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,IAAK,KAAK,EAAG;AACtI,CAAC,CAAC"}

package/lib/MenuPopover/MenuPopover.d.ts

@@ -0,0 +1,4 @@
+import type { MenuPopoverTokens } from './MenuPopover.types';
+export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, MenuPopoverTokens, import("@fluentui-react-native/framework").Theme>;
+export default MenuPopover;
+//# sourceMappingURL=MenuPopover.d.ts.map

package/lib/MenuPopover/MenuPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAM/E,eAAO,MAAM,WAAW,gMAwCvB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/lib/MenuPopover/MenuPopover.js

@@ -0,0 +1,44 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { Platform, View } from 'react-native';
+import { Callout } from '@fluentui-react-native/callout';
+import { compressible, mergeProps, patchTokens, useFluentTheme } from '@fluentui-react-native/framework';
+import { menuPopoverName } from './MenuPopover.types';
+import { useMenuPopoverTokens } from './MenuPopoverTokens';
+import { useMenuPopover } from './useMenuPopover';
+import { useMenuContext } from '../context';
+export var MenuPopover = compressible(function (props, useTokens) {
+    var _a;
+    var directionalHint = props.directionalHint, gapSpace = props.gapSpace, maxHeight = props.maxHeight, maxWidth = props.maxWidth, minWidth = props.minWidth, minPadding = props.minPadding, borderWidth = props.borderWidth, borderColor = props.borderColor, backgroundColor = props.backgroundColor;
+    var state = useMenuPopover(props);
+    var theme = useFluentTheme();
+    var context = useMenuContext();
+    var _b = useTokens(theme), tokens = _b[0], cache = _b[1];
+    context.hasMaxHeight = maxHeight != undefined;
+    context.minWidth = minWidth !== null && minWidth !== void 0 ? minWidth : context.minWidth;
+    _a = patchTokens(tokens, cache, {
+        directionalHint: directionalHint,
+        gapSpace: gapSpace,
+        maxHeight: maxHeight,
+        maxWidth: maxWidth,
+        minWidth: minWidth,
+        minPadding: minPadding,
+        borderWidth: borderWidth,
+        borderColor: borderColor,
+        backgroundColor: backgroundColor,
+    }), tokens = _a[0], cache = _a[1];
+    return function (final, children) {
+        var mergedProps = mergeProps(tokens, state.props, final);
+        var innerViewProps = 
+        //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
+        Platform.OS === 'windows' || Platform.OS === 'win32'
+            ? __assign(__assign({}, state.innerView), { style: {
+                    maxHeight: mergedProps.maxHeight,
+                } }) : state.innerView;
+        var content = React.createElement(View, innerViewProps, children);
+        return React.createElement(Callout, __assign({}, mergedProps), content);
+    };
+}, useMenuPopoverTokens);
+MenuPopover.displayName = menuPopoverName;
+export default MenuPopover;
+//# sourceMappingURL=MenuPopover.js.map

package/lib/MenuPopover/MenuPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGzG,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CACrC,UAAC,KAAuB,EAAE,SAAuC;;IACvD,IAAA,eAAe,GAAqG,KAAK,gBAA1G,EAAE,QAAQ,GAA2F,KAAK,SAAhG,EAAE,SAAS,GAAgF,KAAK,UAArF,EAAE,QAAQ,GAAsE,KAAK,SAA3E,EAAE,QAAQ,GAA4D,KAAK,SAAjE,EAAE,UAAU,GAAgD,KAAK,WAArD,EAAE,WAAW,GAAmC,KAAK,YAAxC,EAAE,WAAW,GAAsB,KAAK,YAA3B,EAAE,eAAe,GAAK,KAAK,gBAAV,CAAW;IAClI,IAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAC7B,IAAA,KAAkB,SAAS,CAAC,KAAK,CAAC,EAAjC,MAAM,QAAA,EAAE,KAAK,QAAoB,CAAC;IAEvC,OAAO,CAAC,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,OAAO,CAAC,QAAQ,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,CAAC,QAAQ,CAAC;IAEhD,KAAkB,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE;QAC3C,eAAe,iBAAA;QACf,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;QACX,eAAe,iBAAA;KAChB,CAAC,EAVD,MAAM,QAAA,EAAE,KAAK,QAAA,CAUX;IAEH,OAAO,UAAC,KAAuB,EAAE,QAAyB;QACxD,IAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAM,cAAc;QAClB,uJAAuJ;QACvJ,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAM,OAAe;YAC3D,CAAC,uBACM,KAAK,CAAC,SAAS,KAClB,KAAK,EAAE;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;iBACjC,IAEL,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACpE,OAAO,oBAAC,OAAO,eAAK,WAAW,GAAG,OAAO,CAAW,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC,EACD,oBAAoB,CACrB,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAe,WAAW,CAAC"}

package/lib/MenuPopover/MenuPopover.types.d.ts

@@ -0,0 +1,10 @@
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
+export declare const menuPopoverName = "MenuPopover";
+export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'>;
+export type MenuPopoverProps = ICalloutProps;
+export interface MenuPopoverState {
+    props: ICalloutProps;
+    innerView: IViewProps;
+}
+//# sourceMappingURL=MenuPopover.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.types.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,CAAC;AAEtG,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,UAAU,CAAC;CACvB"}

package/lib/MenuPopover/MenuPopover.types.js

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

package/lib/MenuPopover/MenuPopover.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.types.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC"}

package/lib/MenuPopover/MenuPopoverTokens.d.ts

@@ -0,0 +1,3 @@
+import type { MenuPopoverTokens } from './MenuPopover.types';
+export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<MenuPopoverTokens>;
+//# sourceMappingURL=MenuPopoverTokens.d.ts.map

package/lib/MenuPopover/MenuPopoverTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,yEAGhC,CAAC"}

package/lib/MenuPopover/MenuPopoverTokens.js

@@ -0,0 +1,4 @@
+import { buildUseTokens } from '@fluentui-react-native/framework';
+import { menuPopoverName } from './MenuPopover.types';
+export var useMenuPopoverTokens = buildUseTokens(function (t) { return ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }); }, menuPopoverName);
+//# sourceMappingURL=MenuPopoverTokens.js.map

package/lib/MenuPopover/MenuPopoverTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,IAAM,oBAAoB,GAAG,cAAc,CAChD,UAAC,CAAQ,IAAK,OAAA,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,EAAnE,CAAmE,EACjF,eAAe,CAChB,CAAC"}

package/lib/MenuPopover/index.d.ts

@@ -0,0 +1,5 @@
+export { MenuPopover } from './MenuPopover';
+export { menuPopoverName } from './MenuPopover.types';
+export type { MenuPopoverProps, MenuPopoverState, MenuPopoverTokens } from './MenuPopover.types';
+export { useMenuPopover } from './useMenuPopover';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/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,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/MenuPopover/index.js

@@ -0,0 +1,4 @@
+export { MenuPopover } from './MenuPopover';
+export { menuPopoverName } from './MenuPopover.types';
+export { useMenuPopover } from './useMenuPopover';
+//# sourceMappingURL=index.js.map

package/lib/MenuPopover/index.js.map

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

package/lib/MenuPopover/useMenuPopover.d.ts

@@ -0,0 +1,3 @@
+import type { MenuPopoverProps, MenuPopoverState } from './MenuPopover.types';
+export declare const useMenuPopover: (props: MenuPopoverProps) => MenuPopoverState;
+//# sourceMappingURL=useMenuPopover.d.ts.map

package/lib/MenuPopover/useMenuPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM9E,eAAO,MAAM,cAAc,UAAW,gBAAgB,KAAG,gBAyGxD,CAAC"}