@fluentui-react-native/menu 1.14.23 → 1.14.24

package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuItemRadio = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var menuContext_1 = require("../context/menuContext");
-var menuListContext_1 = require("../context/menuListContext");
-var useMenuItemCheckbox_1 = require("../MenuItemCheckbox/useMenuItemCheckbox");
-var useMenuItemRadio = function (props) {
-    var _a = props.disabled, disabled = _a === void 0 ? false : _a, name = props.name, persistOnClick = props.persistOnClick;
-    var context = (0, menuContext_1.useMenuContext)();
-    var listContext = (0, menuListContext_1.useMenuListContext)();
-    var selectRadio = listContext.selectRadio;
-    var setOpen = context.setOpen;
-    var shouldPersist = context.persistOnItemClick;
-    shouldPersist = persistOnClick !== null && persistOnClick !== void 0 ? persistOnClick : shouldPersist;
-    var toggleChecked = React.useCallback(function (e) {
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const menuContext_1 = require("../context/menuContext");
+const menuListContext_1 = require("../context/menuListContext");
+const useMenuItemCheckbox_1 = require("../MenuItemCheckbox/useMenuItemCheckbox");
+const useMenuItemRadio = (props) => {
+    const { disabled = false, name, persistOnClick } = props;
+    const context = (0, menuContext_1.useMenuContext)();
+    const listContext = (0, menuListContext_1.useMenuListContext)();
+    const selectRadio = listContext.selectRadio;
+    const setOpen = context.setOpen;
+    let shouldPersist = context.persistOnItemClick;
+    shouldPersist = persistOnClick ?? shouldPersist;
+    const toggleChecked = React.useCallback((e) => {
         if (!disabled) {
             selectRadio(e, name);
             if (!shouldPersist) {
@@ -23,9 +23,9 @@ var useMenuItemRadio = function (props) {
         }
     }, [disabled, name, selectRadio, setOpen, shouldPersist]);
     // Explicitly only run on mount and unmount
-    React.useEffect(function () {
+    React.useEffect(() => {
         listContext.addRadioItem(name);
-        return function () {
+        return () => {
             listContext.removeRadioItem(name);
         };
     }, []); // eslint-disable-line react-hooks/exhaustive-deps

package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemRadio.js","sourceRoot":"","sources":["../../src/MenuItemRadio/useMenuItemRadio.ts"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAI/B,sDAAwD;AACxD,8DAAgE;AAChE,+EAAqF;AAG9E,IAAM,gBAAgB,GAAG,UAAC,KAAyB;IAChD,IAAA,KAA2C,KAAK,SAAhC,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,IAAI,GAAqB,KAAK,KAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IACzD,IAAM,OAAO,GAAG,IAAA,4BAAc,GAAE,CAAC;IACjC,IAAM,WAAW,GAAG,IAAA,oCAAkB,GAAE,CAAC;IACzC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC;IAC5C,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,IAAI,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAC/C,aAAa,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,aAAa,CAAC;IAEhD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,CAAmB;QAClB,IAAI,CAAC,QAAQ,EAAE;YACb,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,aAAa,EAAE;gBAClB,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,CACtD,CAAC;IAEF,2CAA2C;IAC3C,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE/B,OAAO;YACL,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,OAAO,IAAA,gDAA0B,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAC1D,CAAC,CAAC;AA/BW,QAAA,gBAAgB,oBA+B3B"}
+{"version":3,"file":"useMenuItemRadio.js","sourceRoot":"","sources":["../../src/MenuItemRadio/useMenuItemRadio.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,wDAAwD;AACxD,gEAAgE;AAChE,iFAAqF;AAG9E,MAAM,gBAAgB,GAAG,CAAC,KAAyB,EAAqB,EAAE;IAC/E,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,4BAAc,GAAE,CAAC;IACjC,MAAM,WAAW,GAAG,IAAA,oCAAkB,GAAE,CAAC;IACzC,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC;IAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,IAAI,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAC/C,aAAa,GAAG,cAAc,IAAI,aAAa,CAAC;IAEhD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,CAAmB,EAAE,EAAE;QACtB,IAAI,CAAC,QAAQ,EAAE;YACb,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,aAAa,EAAE;gBAClB,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,CACtD,CAAC;IAEF,2CAA2C;IAC3C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE/B,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,OAAO,IAAA,gDAA0B,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAC1D,CAAC,CAAC;AA/BW,QAAA,gBAAgB,oBA+B3B"}

package/lib-commonjs/MenuList/MenuList.js

@@ -1,86 +1,94 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuList = exports.menuListLookup = void 0;
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 /** @jsxRuntime classic */
 /** @jsx withSlots */
-var react_1 = tslib_1.__importDefault(require("react"));
-var react_native_1 = require("react-native");
-var focus_zone_1 = require("@fluentui-react-native/focus-zone");
-var framework_1 = require("@fluentui-react-native/framework");
-var MenuList_styling_1 = require("./MenuList.styling");
-var MenuList_types_1 = require("./MenuList.types");
-var useMenuList_1 = require("./useMenuList");
-var useMenuListContextValue_1 = require("./useMenuListContextValue");
-var menuListContext_1 = require("../context/menuListContext");
-var MenuStack = (0, framework_1.stagedComponent)(function (props) {
-    var gap = props.gap, rest = tslib_1.__rest(props, ["gap"]);
-    return function (final, children) {
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const focus_zone_1 = require("@fluentui-react-native/focus-zone");
+const framework_1 = require("@fluentui-react-native/framework");
+const MenuList_styling_1 = require("./MenuList.styling");
+const MenuList_types_1 = require("./MenuList.types");
+const useMenuList_1 = require("./useMenuList");
+const useMenuListContextValue_1 = require("./useMenuListContextValue");
+const menuListContext_1 = require("../context/menuListContext");
+const MenuStack = (0, framework_1.stagedComponent)((props) => {
+    const { gap, ...rest } = props;
+    return (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_1.default.Children.map(children, function (child, index) {
+            children = react_1.default.Children.map(children, (child, index) => {
                 if (react_1.default.isValidElement(child) && index > 0) {
                     return react_1.default.cloneElement(child, (0, framework_1.mergeProps)(child.props, { style: { marginTop: gap } }));
                 }
                 return child;
             });
         }
-        return (0, framework_1.withSlots)(react_native_1.View, tslib_1.__assign({}, (0, framework_1.mergeProps)(rest, final)), children);
+        return (0, framework_1.withSlots)(react_native_1.View, { ...(0, framework_1.mergeProps)(rest, final) }, children);
     };
 });
 MenuStack.displayName = 'MenuStack';
-var shouldHaveFocusZone = ['macos', 'win32'].includes(react_native_1.Platform.OS);
-var focusLandsOnContainer = react_native_1.Platform.OS === 'macos';
-var hasCircularNavigation = react_native_1.Platform.OS === 'win32';
-var menuListLookup = function (layer, state, userProps) {
+const shouldHaveFocusZone = ['macos', 'win32'].includes(react_native_1.Platform.OS);
+const focusLandsOnContainer = react_native_1.Platform.OS === 'macos';
+const hasCircularNavigation = react_native_1.Platform.OS === 'win32';
+const menuListLookup = (layer, state, userProps) => {
     return state[layer] || userProps[layer] || layer === 'hasMaxHeight';
 };
 exports.menuListLookup = menuListLookup;
-exports.MenuList = (0, framework_1.compose)(tslib_1.__assign(tslib_1.__assign({ displayName: MenuList_types_1.menuListName }, MenuList_styling_1.stylingSettings), { slots: {
+exports.MenuList = (0, framework_1.compose)({
+    displayName: MenuList_types_1.menuListName,
+    ...MenuList_styling_1.stylingSettings,
+    slots: {
         root: MenuStack,
         scrollView: react_native_1.ScrollView,
         focusZone: shouldHaveFocusZone ? focus_zone_1.FocusZone : react_1.default.Fragment,
-    }, useRender: function (userProps, useSlots) {
-        var menuList = (0, useMenuList_1.useMenuList)(userProps);
-        var menuListContextValue = (0, useMenuListContextValue_1.useMenuListContextValue)(menuList);
-        var Slots = useSlots(menuList.props, function (layer) { return (0, exports.menuListLookup)(layer, menuList, userProps); });
-        return function (_final, children) {
-            var itemCount = react_1.default.Children.toArray(children).filter(function (child) { return react_1.default.isValidElement(child) && child.type.displayName !== 'MenuDivider'; }).length;
-            var itemPosition = 0;
-            var childrenWithSet = react_1.default.Children.toArray(children).map(function (child) {
-                var _a, _b;
+    },
+    useRender: (userProps, useSlots) => {
+        const menuList = (0, useMenuList_1.useMenuList)(userProps);
+        const menuListContextValue = (0, useMenuListContextValue_1.useMenuListContextValue)(menuList);
+        const Slots = useSlots(menuList.props, (layer) => (0, exports.menuListLookup)(layer, menuList, userProps));
+        return (_final, children) => {
+            const itemCount = react_1.default.Children.toArray(children).filter((child) => react_1.default.isValidElement(child) && child.type.displayName !== 'MenuDivider').length;
+            let itemPosition = 0;
+            const childrenWithSet = react_1.default.Children.toArray(children).map((child) => {
                 if (react_1.default.isValidElement(child)) {
                     if (child.type.displayName !== 'MenuDivider') {
                         itemPosition++;
                     }
-                    return react_1.default.cloneElement(child, tslib_1.__assign({ accessibilityPositionInSet: (_a = child.props.accessibilityPositionInSet) !== null && _a !== void 0 ? _a : itemPosition, accessibilitySetSize: (_b = child.props.accessibilitySetSize) !== null && _b !== void 0 ? _b : itemCount }, (child.props.tooltip && { alwaysShowToolTip: true })));
+                    return react_1.default.cloneElement(child, {
+                        accessibilityPositionInSet: child.props.accessibilityPositionInSet ?? itemPosition,
+                        accessibilitySetSize: child.props.accessibilitySetSize ?? itemCount,
+                        ...(child.props.tooltip && { alwaysShowToolTip: true }),
+                    });
                 }
                 return child;
             });
-            var shouldHaveScrollView = react_native_1.Platform.OS === 'macos' || menuList.hasMaxHeight || menuList.hasMaxWidth;
-            var ScrollViewWrapper = shouldHaveScrollView ? Slots.scrollView : react_1.default.Fragment;
-            var hasMenuGroupChild = react_1.default.Children.toArray(children).some(function (child) { return child && child.type && child.type.displayName === 'MenuGroup'; });
+            const shouldHaveScrollView = react_native_1.Platform.OS === 'macos' || menuList.hasMaxHeight || menuList.hasMaxWidth;
+            const ScrollViewWrapper = shouldHaveScrollView ? Slots.scrollView : react_1.default.Fragment;
+            const hasMenuGroupChild = react_1.default.Children.toArray(children).some((child) => child && child.type && child.type.displayName === 'MenuGroup');
             // On win32, tab navigation should only be enabled when we have menu groups.
-            var hasTabNavigation = react_native_1.Platform.OS === 'win32' && hasMenuGroupChild;
-            var content = ((0, framework_1.withSlots)(Slots.root, null,
+            const hasTabNavigation = react_native_1.Platform.OS === 'win32' && hasMenuGroupChild;
+            const content = ((0, framework_1.withSlots)(Slots.root, null,
                 (0, framework_1.withSlots)(ScrollViewWrapper
                 // avoid error that fires when props are passed into React.fragment
-                , tslib_1.__assign({}, (shouldHaveScrollView && {
-                    showsVerticalScrollIndicator: menuList.hasMaxHeight,
-                    showsHorizontalScrollIndicator: menuList.hasMaxWidth,
-                })),
+                , { ...(shouldHaveScrollView && {
+                        showsVerticalScrollIndicator: menuList.hasMaxHeight,
+                        showsHorizontalScrollIndicator: menuList.hasMaxWidth,
+                    }) },
                     (0, framework_1.withSlots)(Slots.focusZone
                     // avoid error that fires when props are passed into React.fragment
-                    , tslib_1.__assign({}, (shouldHaveFocusZone && {
-                        componentRef: focusLandsOnContainer && menuList.focusZoneRef,
-                        focusZoneDirection: 'vertical',
-                        defaultTabbableElement: focusLandsOnContainer && menuList.focusZoneRef,
-                        enableFocusRing: false,
-                        isCircularNavigation: hasCircularNavigation,
-                        tabKeyNavigation: hasTabNavigation ? 'Normal' : 'None',
-                    })), childrenWithSet))));
+                    , { ...(shouldHaveFocusZone && {
+                            componentRef: focusLandsOnContainer && menuList.focusZoneRef,
+                            focusZoneDirection: 'vertical',
+                            defaultTabbableElement: focusLandsOnContainer && menuList.focusZoneRef,
+                            enableFocusRing: false,
+                            isCircularNavigation: hasCircularNavigation,
+                            tabKeyNavigation: hasTabNavigation ? 'Normal' : 'None',
+                        }) }, childrenWithSet))));
             return (0, framework_1.withSlots)(menuListContext_1.MenuListProvider, { value: menuListContextValue }, content);
         };
-    } }));
+    },
+});
 //# sourceMappingURL=MenuList.js.map

package/lib-commonjs/MenuList/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.tsx"],"names":[],"mappings":";;;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,wDAA0B;AAC1B,6CAA0D;AAG1D,gEAA8D;AAE9D,8DAAmG;AAEnG,uDAAqD;AAErD,mDAAgD;AAChD,6CAA4C;AAC5C,qEAAoE;AACpE,8DAA8D;AAE9D,IAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,UAAC,KAAwD;IACjF,IAAA,GAAG,GAAc,KAAK,IAAnB,EAAK,IAAI,kBAAK,KAAK,EAAxB,OAAgB,CAAF,CAAW;IAC/B,OAAO,UAAC,KAAwD,EAAE,QAAyB;QACzF,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC,IAAI,QAAQ,EAAE;YAC9B,6DAA6D;YAC7D,yCAAyC;YACzC,QAAQ,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAuB,EAAE,KAAa;gBAC7E,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;oBAC5C,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,IAAA,sBAAU,EAAC,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;iBAC1F;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;SACJ;QAED,OAAO,2BAAC,mBAAI,uBAAK,IAAA,sBAAU,EAAC,IAAI,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAQ,CAAC;IAC9D,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,IAAM,mBAAmB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;AAC/E,IAAM,qBAAqB,GAAG,uBAAQ,CAAC,EAAE,KAAK,OAAO,CAAC;AACtD,IAAM,qBAAqB,GAAG,uBAAQ,CAAC,EAAE,KAAM,OAAe,CAAC;AAExD,IAAM,cAAc,GAAG,UAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB;IAC1F,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,cAAc,CAAC;AACtE,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB;AAEW,QAAA,QAAQ,GAAG,IAAA,mBAAO,sCAC7B,WAAW,EAAE,6BAAY,IACtB,kCAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,yBAAU;QACtB,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,sBAAS,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ;KAC5D,EACD,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,SAAS,CAAC,CAAC;QACxC,IAAM,oBAAoB,GAAG,IAAA,iDAAuB,EAAC,QAAQ,CAAC,CAAC;QAC/D,IAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAC,KAAK,IAAK,OAAA,IAAA,sBAAc,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,EAA1C,CAA0C,CAAC,CAAC;QAE9F,OAAO,UAAC,MAAqB,EAAE,QAAyB;YACtD,IAAM,SAAS,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACvD,UAAC,KAAK,IAAK,OAAA,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,aAAa,EAAhF,CAAgF,CAC5F,CAAC,MAAM,CAAC;YACT,IAAI,YAAY,GAAG,CAAC,CAAC;YAErB,IAAM,eAAe,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK;;gBACjE,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;oBAC/B,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,aAAa,EAAE;wBACrD,YAAY,EAAE,CAAC;qBAChB;oBAED,OAAO,eAAK,CAAC,YAAY,CACvB,KAA+E,EAC/E,mBACE,0BAA0B,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,0BAA0B,mCAAI,YAAY,EAClF,oBAAoB,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,oBAAoB,mCAAI,SAAS,IAChE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CACjD,CACT,CAAC;iBACH;gBAED,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;YAEH,IAAM,oBAAoB,GAAG,uBAAQ,CAAC,EAAE,KAAK,OAAO,IAAI,QAAQ,CAAC,YAAY,IAAI,QAAQ,CAAC,WAAW,CAAC;YACtG,IAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC;YAEnF,IAAM,iBAAiB,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC7D,UAAC,KAAK,IAAK,OAAA,KAAK,IAAK,KAAa,CAAC,IAAI,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,WAAW,EAA/E,CAA+E,CAC3F,CAAC;YAEF,4EAA4E;YAC5E,IAAM,gBAAgB,GAAG,uBAAQ,CAAC,EAAE,KAAM,OAAe,IAAI,iBAAiB,CAAC;YAE/E,IAAM,OAAO,GAAG,CACd,2BAAC,KAAK,CAAC,IAAI;gBACT,2BAAC,iBAAiB;gBAChB,mEAAmE;uCAC/D,CAAC,oBAAoB,IAAI;oBAC3B,4BAA4B,EAAE,QAAQ,CAAC,YAAY;oBACnD,8BAA8B,EAAE,QAAQ,CAAC,WAAW;iBACrD,CAAC;oBAEF,2BAAC,KAAK,CAAC,SAAS;oBACd,mEAAmE;2CAC/D,CAAC,mBAAmB,IAAI;wBAC1B,YAAY,EAAE,qBAAqB,IAAI,QAAQ,CAAC,YAAY;wBAC5D,kBAAkB,EAAE,UAAU;wBAC9B,sBAAsB,EAAE,qBAAqB,IAAI,QAAQ,CAAC,YAAY;wBACtE,eAAe,EAAE,KAAK;wBACtB,oBAAoB,EAAE,qBAAqB;wBAC3C,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;qBACvD,CAAC,GAED,eAAe,CACA,CACA,CACT,CACd,CAAC;YAEF,OAAO,2BAAC,kCAAgB,IAAC,KAAK,EAAE,oBAAoB,IAAG,OAAO,CAAoB,CAAC;QACrF,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}
+{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.tsx"],"names":[],"mappings":";;;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,0DAA0B;AAC1B,+CAA0D;AAG1D,kEAA8D;AAE9D,gEAAmG;AAEnG,yDAAqD;AAErD,qDAAgD;AAChD,+CAA4C;AAC5C,uEAAoE;AACpE,gEAA8D;AAE9D,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,CAAC,KAAwD,EAAE,EAAE;IAC7F,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,KAAwD,EAAE,QAAyB,EAAE,EAAE;QAC7F,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC,IAAI,QAAQ,EAAE;YAC9B,6DAA6D;YAC7D,yCAAyC;YACzC,QAAQ,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAuB,EAAE,KAAa,EAAE,EAAE;gBACjF,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;oBAC5C,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,IAAA,sBAAU,EAAC,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;iBAC1F;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;SACJ;QAED,OAAO,2BAAC,mBAAI,OAAK,IAAA,sBAAU,EAAC,IAAI,EAAE,KAAK,CAAC,IAAG,QAAQ,CAAQ,CAAC;IAC9D,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,mBAAmB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;AAC/E,MAAM,qBAAqB,GAAG,uBAAQ,CAAC,EAAE,KAAK,OAAO,CAAC;AACtD,MAAM,qBAAqB,GAAG,uBAAQ,CAAC,EAAE,KAAM,OAAe,CAAC;AAExD,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB,EAAW,EAAE;IACvG,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,cAAc,CAAC;AACtE,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB;AAEW,QAAA,QAAQ,GAAG,IAAA,mBAAO,EAAe;IAC5C,WAAW,EAAE,6BAAY;IACzB,GAAG,kCAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,yBAAU;QACtB,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,sBAAS,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ;KAC5D;IACD,SAAS,EAAE,CAAC,SAAwB,EAAE,QAAgC,EAAE,EAAE;QACxE,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,SAAS,CAAC,CAAC;QACxC,MAAM,oBAAoB,GAAG,IAAA,iDAAuB,EAAC,QAAQ,CAAC,CAAC;QAC/D,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,sBAAc,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;QAE9F,OAAO,CAAC,MAAqB,EAAE,QAAyB,EAAE,EAAE;YAC1D,MAAM,SAAS,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACvD,CAAC,KAAK,EAAE,EAAE,CAAC,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,aAAa,CAC5F,CAAC,MAAM,CAAC;YACT,IAAI,YAAY,GAAG,CAAC,CAAC;YAErB,MAAM,eAAe,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrE,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;oBAC/B,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,aAAa,EAAE;wBACrD,YAAY,EAAE,CAAC;qBAChB;oBAED,OAAO,eAAK,CAAC,YAAY,CACvB,KAA+E,EAC/E;wBACE,0BAA0B,EAAE,KAAK,CAAC,KAAK,CAAC,0BAA0B,IAAI,YAAY;wBAClF,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,oBAAoB,IAAI,SAAS;wBACnE,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC;qBACjD,CACT,CAAC;iBACH;gBAED,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;YAEH,MAAM,oBAAoB,GAAG,uBAAQ,CAAC,EAAE,KAAK,OAAO,IAAI,QAAQ,CAAC,YAAY,IAAI,QAAQ,CAAC,WAAW,CAAC;YACtG,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC;YAEnF,MAAM,iBAAiB,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC7D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAK,KAAa,CAAC,IAAI,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,KAAK,WAAW,CAC3F,CAAC;YAEF,4EAA4E;YAC5E,MAAM,gBAAgB,GAAG,uBAAQ,CAAC,EAAE,KAAM,OAAe,IAAI,iBAAiB,CAAC;YAE/E,MAAM,OAAO,GAAG,CACd,2BAAC,KAAK,CAAC,IAAI;gBACT,2BAAC,iBAAiB;gBAChB,mEAAmE;uBAC/D,CAAC,oBAAoB,IAAI;wBAC3B,4BAA4B,EAAE,QAAQ,CAAC,YAAY;wBACnD,8BAA8B,EAAE,QAAQ,CAAC,WAAW;qBACrD,CAAC;oBAEF,2BAAC,KAAK,CAAC,SAAS;oBACd,mEAAmE;2BAC/D,CAAC,mBAAmB,IAAI;4BAC1B,YAAY,EAAE,qBAAqB,IAAI,QAAQ,CAAC,YAAY;4BAC5D,kBAAkB,EAAE,UAAU;4BAC9B,sBAAsB,EAAE,qBAAqB,IAAI,QAAQ,CAAC,YAAY;4BACtE,eAAe,EAAE,KAAK;4BACtB,oBAAoB,EAAE,qBAAqB;4BAC3C,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;yBACvD,CAAC,IAED,eAAe,CACA,CACA,CACT,CACd,CAAC;YAEF,OAAO,2BAAC,kCAAgB,IAAC,KAAK,EAAE,oBAAoB,IAAG,OAAO,CAAoB,CAAC;QACrF,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/lib-commonjs/MenuList/MenuList.styling.js

@@ -1,21 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = exports.menuListStates = void 0;
-var tslib_1 = require("tslib");
-var react_native_1 = require("react-native");
-var framework_1 = require("@fluentui-react-native/framework");
-var tokens_1 = require("@fluentui-react-native/tokens");
-var MenuList_types_1 = require("./MenuList.types");
-var MenuListTokens_1 = require("./MenuListTokens");
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const tokens_1 = require("@fluentui-react-native/tokens");
+const MenuList_types_1 = require("./MenuList.types");
+const MenuListTokens_1 = require("./MenuListTokens");
 exports.menuListStates = ['hasMaxHeight'];
 exports.stylingSettings = {
     tokens: [MenuListTokens_1.defaultMenuListTokens, MenuList_types_1.menuListName],
     states: exports.menuListStates,
     slotProps: {
-        root: (0, framework_1.buildProps)(function (tokens, theme) { return ({
-            style: tslib_1.__assign(tslib_1.__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, tokens_1.layoutStyles.from(tokens, theme)), (react_native_1.Platform.OS === 'android' && { borderRadius: tokens.borderRadius })),
+        root: (0, framework_1.buildProps)((tokens, theme) => ({
+            style: {
+                backgroundColor: tokens.backgroundColor,
+                display: 'flex',
+                ...tokens_1.layoutStyles.from(tokens, theme),
+                ...(react_native_1.Platform.OS === 'android' && { borderRadius: tokens.borderRadius }),
+            },
             gap: tokens.gap,
-        }); }, tslib_1.__spreadArray(['backgroundColor', 'gap'], tokens_1.layoutStyles.keys, true)),
+        }), ['backgroundColor', 'gap', ...tokens_1.layoutStyles.keys]),
     },
 };
 //# sourceMappingURL=MenuList.styling.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuList.styling.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.styling.ts"],"names":[],"mappings":";;;;AAAA,6CAAwC;AAGxC,8DAA8D;AAC9D,wDAA6D;AAG7D,mDAAgD;AAChD,mDAAyD;AAE5C,QAAA,cAAc,GAA6B,CAAC,cAAc,CAAC,CAAC;AAE5D,QAAA,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,sCAAqB,EAAE,6BAAY,CAAC;IAC7C,MAAM,EAAE,sBAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,KAAK,sCACH,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,IACZ,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAChC,CAAC,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,EAAE,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CACxE;YACD,GAAG,EAAE,MAAM,CAAC,GAAG;SAChB,CAAC,EARwC,CAQxC,yBACD,iBAAiB,EAAE,KAAK,GAAK,qBAAY,CAAC,IAAI,QAChD;KACF;CACF,CAAC"}
+{"version":3,"file":"MenuList.styling.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.styling.ts"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,gEAA8D;AAC9D,0DAA6D;AAG7D,qDAAgD;AAChD,qDAAyD;AAE5C,QAAA,cAAc,GAA6B,CAAC,cAAc,CAAC,CAAC;AAE5D,QAAA,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,sCAAqB,EAAE,6BAAY,CAAC;IAC7C,MAAM,EAAE,sBAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAAsB,EAAE,KAAY,EAAE,EAAE,CAAC,CAAC;YACzC,KAAK,EAAE;gBACL,eAAe,EAAE,MAAM,CAAC,eAAe;gBACvC,OAAO,EAAE,MAAM;gBACf,GAAG,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;gBACnC,GAAG,CAAC,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,EAAE,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;aACxE;YACD,GAAG,EAAE,MAAM,CAAC,GAAG;SAChB,CAAC,EACF,CAAC,iBAAiB,EAAE,KAAK,EAAE,GAAG,qBAAY,CAAC,IAAI,CAAC,CACjD;KACF;CACF,CAAC"}

package/lib-commonjs/MenuList/MenuListTokens.android.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuListTokens = void 0;
-var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
-var defaultMenuListTokens = function (t) { return ({
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const defaultMenuListTokens = (t) => ({
     backgroundColor: t.colors.neutralBackground1,
     borderRadius: theme_tokens_1.globalTokens.corner.radius80,
     paddingVertical: theme_tokens_1.globalTokens.size80,
-}); };
+});
 exports.defaultMenuListTokens = defaultMenuListTokens;
 //# sourceMappingURL=MenuListTokens.android.js.map

package/lib-commonjs/MenuList/MenuListTokens.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuListTokens.android.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.android.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,eAAe,EAAE,2BAAY,CAAC,MAAM;CACrC,CAAC,EAJuG,CAIvG,CAAC;AAJU,QAAA,qBAAqB,yBAI/B"}
+{"version":3,"file":"MenuListTokens.android.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.android.ts"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,qBAAqB,GAAyC,CAAC,CAAQ,EAAkB,EAAE,CAAC,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,eAAe,EAAE,2BAAY,CAAC,MAAM;CACrC,CAAC,CAAC;AAJU,QAAA,qBAAqB,yBAI/B"}

package/lib-commonjs/MenuList/MenuListTokens.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuListTokens = void 0;
-var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
-var defaultMenuListTokens = function (t) { return ({
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const defaultMenuListTokens = (t) => ({
     padding: theme_tokens_1.globalTokens.size40,
     minWidth: 128,
     maxWidth: 300,
     backgroundColor: t.colors.neutralBackground1,
     gap: theme_tokens_1.globalTokens.size20,
-}); };
+});
 exports.defaultMenuListTokens = defaultMenuListTokens;
 //# sourceMappingURL=MenuListTokens.js.map

package/lib-commonjs/MenuList/MenuListTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuListTokens.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,OAAO,EAAE,2BAAY,CAAC,MAAM;IAC5B,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,GAAG,EAAE,2BAAY,CAAC,MAAM;CACzB,CAAC,EANuG,CAMvG,CAAC;AANU,QAAA,qBAAqB,yBAM/B"}
+{"version":3,"file":"MenuListTokens.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.ts"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,qBAAqB,GAAyC,CAAC,CAAQ,EAAkB,EAAE,CAAC,CAAC;IACxG,OAAO,EAAE,2BAAY,CAAC,MAAM;IAC5B,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,GAAG,EAAE,2BAAY,CAAC,MAAM;CACzB,CAAC,CAAC;AANU,QAAA,qBAAqB,yBAM/B"}

package/lib-commonjs/MenuList/MenuListTokens.macos.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuListTokens = void 0;
-var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
-var defaultMenuListTokens = function (t) { return ({
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const defaultMenuListTokens = (t) => ({
     padding: 5,
     backgroundColor: t.colors.transparentBackground,
     gap: theme_tokens_1.globalTokens.size20,
-}); };
+});
 exports.defaultMenuListTokens = defaultMenuListTokens;
 //# sourceMappingURL=MenuListTokens.macos.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuListTokens.macos.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,OAAO,EAAE,CAAC;IACV,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,GAAG,EAAE,2BAAY,CAAC,MAAM;CACzB,CAAC,EAJuG,CAIvG,CAAC;AAJU,QAAA,qBAAqB,yBAI/B"}
+{"version":3,"file":"MenuListTokens.macos.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,qBAAqB,GAAyC,CAAC,CAAQ,EAAkB,EAAE,CAAC,CAAC;IACxG,OAAO,EAAE,CAAC;IACV,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,GAAG,EAAE,2BAAY,CAAC,MAAM;CACzB,CAAC,CAAC;AAJU,QAAA,qBAAqB,yBAI/B"}

package/lib-commonjs/MenuList/MenuListTokens.win32.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuListTokens = void 0;
-var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
-var defaultMenuListTokens = function (t) { return ({
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const defaultMenuListTokens = (t) => ({
     paddingVertical: theme_tokens_1.globalTokens.size40,
     minWidth: 128,
     maxWidth: 300,
@@ -11,6 +11,6 @@ var defaultMenuListTokens = function (t) { return ({
     hasMaxHeight: {
         minWidth: 140,
     },
-}); };
+});
 exports.defaultMenuListTokens = defaultMenuListTokens;
 //# sourceMappingURL=MenuListTokens.win32.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuListTokens.win32.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.win32.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,2BAAY,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;AATU,QAAA,qBAAqB,yBAS/B"}
+{"version":3,"file":"MenuListTokens.win32.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.win32.ts"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,qBAAqB,GAAyC,CAAC,CAAQ,EAAkB,EAAE,CAAC,CAAC;IACxG,eAAe,EAAE,2BAAY,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,CAAC;AATU,QAAA,qBAAqB,yBAS/B"}

package/lib-commonjs/MenuList/useMenuList.js

@@ -1,59 +1,56 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuItemTracking = exports.useMenuList = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var react_native_1 = require("react-native");
-var menuContext_1 = require("../context/menuContext");
-var menuListContext_1 = require("../context/menuListContext");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const menuContext_1 = require("../context/menuContext");
+const menuListContext_1 = require("../context/menuListContext");
 // 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) {
+const radioItems = [];
+const addRadioItem = (name) => {
     radioItems.push(name);
 };
-var removeRadioItem = function (name) {
-    radioItems.filter(function (item) { return item !== name; });
+const removeRadioItem = (name) => {
+    radioItems.filter((item) => item !== name);
 };
-var platformsWithoutFocusOnDisabled = ['ios', 'macos'];
-var handledKeys = ['Home', 'End'];
-var handleFocusOnMouseLevae = react_native_1.Platform.OS === 'macos';
-var useMenuList = function (_props) {
-    var _a, _b;
-    var context = (0, menuContext_1.useMenuContext)();
+const platformsWithoutFocusOnDisabled = ['ios', 'macos'];
+const handledKeys = ['Home', 'End'];
+const handleFocusOnMouseLevae = react_native_1.Platform.OS === 'macos';
+const useMenuList = (_props) => {
+    const context = (0, menuContext_1.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;
+    const { defaultChecked, onCheckedChange: onCheckedChangeOriginal, checked: checkedOriginal, isSubmenu, setOpen, triggerRef } = context;
     // Convert passed in array to map so that i's easier to look up checked state
-    var checkedMap = react_1.default.useMemo(function () {
-        var state = {};
+    const checkedMap = react_1.default.useMemo(() => {
+        const state = {};
         if (!checkedOriginal) {
             return state;
         }
-        for (var _i = 0, checkedOriginal_1 = checkedOriginal; _i < checkedOriginal_1.length; _i++) {
-            var key = checkedOriginal_1[_i];
+        for (const key of checkedOriginal) {
             state[key] = true;
         }
         return state;
     }, [checkedOriginal]);
-    var _c = react_1.default.useState(function () {
+    const [checkedInternal, setCheckedInternal] = react_1.default.useState(() => {
         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];
+        const initialChecked = defaultChecked ?? [];
+        const state = {};
+        for (const key of initialChecked) {
             state[key] = true;
         }
         return state;
-    }), checkedInternal = _c[0], setCheckedInternal = _c[1];
-    var isCheckedControlled = typeof checkedOriginal !== 'undefined';
-    var checked = isCheckedControlled ? checkedMap : checkedInternal;
-    var onCheckedChange = react_1.default.useCallback(function (e, name, isChecked) {
-        var updatedChecked = tslib_1.__assign({}, checked);
+    });
+    const isCheckedControlled = typeof checkedOriginal !== 'undefined';
+    const checked = isCheckedControlled ? checkedMap : checkedInternal;
+    const onCheckedChange = react_1.default.useCallback((e, name, isChecked) => {
+        const updatedChecked = { ...checked };
         if (isChecked) {
             updatedChecked[name] = true;
         }
@@ -67,10 +64,9 @@ var useMenuList = function (_props) {
             onCheckedChangeOriginal(e, Object.keys(updatedChecked));
         }
     }, [isCheckedControlled, checked, onCheckedChangeOriginal, setCheckedInternal]);
-    var selectRadio = react_1.default.useCallback(function (e, name) {
-        var updatedChecked = {};
-        for (var _i = 0, _a = Object.keys(checked); _i < _a.length; _i++) {
-            var checkedName = _a[_i];
+    const selectRadio = react_1.default.useCallback((e, name) => {
+        const updatedChecked = {};
+        for (const checkedName of Object.keys(checked)) {
             if (!radioItems.includes(checkedName)) {
                 // Preserve checked state if non-radio items
                 updatedChecked[checkedName] = checked[checkedName];
@@ -89,13 +85,12 @@ var useMenuList = function (_props) {
     // 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_1.default.useCallback(function (e) {
-        var _a;
+    const onArrowClose = react_1.default.useCallback((e) => {
         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();
+        triggerRef?.current?.focus();
     }, [isSubmenu, setOpen, triggerRef]);
     // Handle 'Home' and 'End' keypresses here. Native menus allow 'Home' and 'End' keypresses to jump to the
     // start and end of each menu list. We need to keep track of all MenuItems in our list, and we need access to
@@ -103,18 +98,15 @@ var useMenuList = function (_props) {
     // and don't allow focus for disabled items.
     // Instead of calling useState to instantiate an array, we call useMemo because we don't want to re-render the
     // MenuList on adding / removing items.
-    var trackedMenuItems = react_1.default.useMemo(function () { return []; }, []);
-    var trackMenuItem = react_1.default.useCallback(function (item) { return trackedMenuItems.push(item); }, [trackedMenuItems]);
-    var untrackMenuItem = react_1.default.useCallback(function (item) {
-        return trackedMenuItems.splice(trackedMenuItems.findIndex(function (x) { return x.ref === item.ref; }), 1);
-    }, [trackedMenuItems]);
-    var onListKeyDown = function (e) {
-        var _a;
-        var key = e.nativeEvent.key;
+    const trackedMenuItems = react_1.default.useMemo(() => [], []);
+    const trackMenuItem = react_1.default.useCallback((item) => trackedMenuItems.push(item), [trackedMenuItems]);
+    const untrackMenuItem = react_1.default.useCallback((item) => trackedMenuItems.splice(trackedMenuItems.findIndex((x) => x.ref === item.ref), 1), [trackedMenuItems]);
+    const onListKeyDown = (e) => {
+        const key = e.nativeEvent.key;
         if (handledKeys.includes(key)) {
             // For iOS and macOS, 'Home' and 'End' must set focus on the first and last enabled item.
             // For other platforms, we can just jump to the first and last keys.
-            var increment = void 0, idx = void 0;
+            let increment, idx;
             if (key === 'Home') {
                 increment = 1;
                 idx = 0;
@@ -126,51 +118,54 @@ var useMenuList = function (_props) {
             while (platformsWithoutFocusOnDisabled.includes(react_native_1.Platform.OS) && trackedMenuItems[idx].disabled) {
                 idx += increment;
             }
-            (_a = trackedMenuItems[idx].ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+            trackedMenuItems[idx].ref.current?.focus();
         }
     };
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         return function cleanup() {
             clearTimeout(context.triggerHoverOutTimer);
         };
     });
     // focus management
-    var focusZoneRef = react_1.default.useRef();
-    var setFocusZoneFocus = function () {
-        var _a;
-        (_a = focusZoneRef === null || focusZoneRef === void 0 ? void 0 : focusZoneRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    const focusZoneRef = react_1.default.useRef();
+    const setFocusZoneFocus = () => {
+        focusZoneRef?.current?.focus();
     };
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         setFocusZoneFocus();
     }, []);
     return {
-        props: tslib_1.__assign(tslib_1.__assign({}, context), { onMouseLeave: handleFocusOnMouseLevae ? setFocusZoneFocus : context.onMouseLeave, onKeyDown: onListKeyDown }),
-        isCheckedControlled: isCheckedControlled,
-        checked: checked,
-        onArrowClose: onArrowClose,
-        onCheckedChange: onCheckedChange,
-        selectRadio: selectRadio,
-        addRadioItem: addRadioItem,
-        removeRadioItem: removeRadioItem,
-        trackMenuItem: trackMenuItem,
-        untrackMenuItem: untrackMenuItem,
-        hasMaxHeight: (_a = context.hasMaxHeight) !== null && _a !== void 0 ? _a : false,
-        hasMaxWidth: (_b = context.hasMaxWidth) !== null && _b !== void 0 ? _b : false,
+        props: {
+            ...context,
+            onMouseLeave: handleFocusOnMouseLevae ? setFocusZoneFocus : context.onMouseLeave,
+            onKeyDown: onListKeyDown,
+        },
+        isCheckedControlled,
+        checked,
+        onArrowClose,
+        onCheckedChange,
+        selectRadio,
+        addRadioItem,
+        removeRadioItem,
+        trackMenuItem,
+        untrackMenuItem,
+        hasMaxHeight: context.hasMaxHeight ?? false,
+        hasMaxWidth: context.hasMaxWidth ?? false,
         focusZoneRef: focusZoneRef,
     };
 };
 exports.useMenuList = useMenuList;
 // Hook called in individual MenuItems to keep track of their refs - this is for "Home" and "End" functionality.
-var useMenuItemTracking = function (ref, disabled) {
-    var _a = (0, menuListContext_1.useMenuListContext)(), trackMenuItem = _a.trackMenuItem, untrackMenuItem = _a.untrackMenuItem;
-    var item = react_1.default.useMemo(function () { return ({
-        ref: ref,
-        disabled: disabled,
-    }); }, [ref, disabled]);
+const useMenuItemTracking = (ref, disabled) => {
+    const { trackMenuItem, untrackMenuItem } = (0, menuListContext_1.useMenuListContext)();
+    const item = react_1.default.useMemo(() => ({
+        ref,
+        disabled,
+    }), [ref, disabled]);
     // We only want to call this once - when the item initially renders.
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         trackMenuItem(item);
-        return function () { return untrackMenuItem(item); };
+        return () => untrackMenuItem(item);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 };