@fluentui-react-native/menu 1.14.41 → 1.15.0

package/lib/MenuItemRadio/MenuItemRadio.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
 import { Image, Platform, Pressable, View } from 'react-native';
-import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { compose, mergeProps } 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';
@@ -8,40 +9,62 @@ import { menuItemRadioName } from './MenuItemRadio.types';
 import { useMenuItemRadio } from './useMenuItemRadio';
 import { getAccessibilityLabel, getTooltip } from '../MenuItem/MenuItem';
 export const MenuItemRadio = compose({
-    displayName: menuItemRadioName,
-    ...stylingSettings,
-    slots: {
-        root: Pressable,
-        radioInnerCircle: View,
-        radioButton: Pressable,
-        checkmark: SvgXml,
-        content: Text,
-        iconPlaceholder: View,
-        imgIcon: Image,
-        fontOrSvgIcon: Icon,
-    },
-    useRender: (userProps, useSlots) => {
-        const menuItem = useMenuItemRadio(userProps);
-        const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
-        return menuItemRadioFinalRender(menuItem, Slots);
-    },
+  displayName: menuItemRadioName,
+  ...stylingSettings,
+  slots: {
+    root: Pressable,
+    radioInnerCircle: View,
+    radioButton: Pressable,
+    checkmark: SvgXml,
+    content: Text,
+    iconPlaceholder: View,
+    imgIcon: Image,
+    fontOrSvgIcon: Icon,
+  },
+  useRender: (userProps, useSlots) => {
+    const menuItem = useMenuItemRadio(userProps);
+    const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
+    return menuItemRadioFinalRender(menuItem, Slots);
+  },
 });
 export const menuItemRadioFinalRender = (menuItem, Slots) => {
-    return (final, children) => {
-        const { accessibilityLabel, icon, tooltip, ...mergedProps } = mergeProps(menuItem.props, final);
-        const checkmarkXml = `
+  return (final, ...children) => {
+    const { accessibilityLabel, icon, tooltip, ...mergedProps } = mergeProps(menuItem.props, final);
+    const checkmarkXml = `
     <svg>
       <path fill='currentColor' d='M9.85355 3.14645C10.0488 3.34171 10.0488 3.65829 9.85355 3.85355L5.35355 8.35355C5.15829 8.54882 4.84171 8.54882 4.64645 8.35355L2.64645 6.35355C2.45118 6.15829 2.45118 5.84171 2.64645 5.64645C2.84171 5.45118 3.15829 5.45118 3.35355 5.64645L5 7.29289L9.14645 3.14645C9.34171 2.95118 9.65829 2.95118 9.85355 3.14645Z' />
     </svg>`;
-        const label = getAccessibilityLabel(accessibilityLabel, children[0]);
-        const tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
-        return (withSlots(Slots.root, { ...mergedProps, accessibilityLabel: label },
-            Platform.OS === 'android' ? (withSlots(Slots.radioButton, { onPress: mergedProps.onPress, accessible: false, focusable: false },
-                withSlots(Slots.radioInnerCircle, null))) : (withSlots(Slots.checkmark, { accessible: false, xml: checkmarkXml })),
-            (icon || menuItem.state.hasIcons) && (withSlots(Slots.iconPlaceholder, { accessible: false },
-                icon && icon.source && withSlots(Slots.imgIcon, { accessible: false, ...icon }),
-                icon && (icon.svgSource || icon.fontSource) && withSlots(Slots.fontOrSvgIcon, { accessible: false, ...icon }))),
-            children && (withSlots(Slots.content, { accessible: false, tooltip: tooltipResult, ...(tooltipResult && { alwaysShowToolTip: true }) }, children))));
-    };
+    const label = getAccessibilityLabel(accessibilityLabel, children[0]);
+    const tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
+    return _jsxs(Slots.root, {
+      ...mergedProps,
+      accessibilityLabel: label,
+      children: [
+        Platform.OS === 'android'
+          ? _jsx(Slots.radioButton, {
+              onPress: mergedProps.onPress,
+              accessible: false,
+              focusable: false,
+              children: _jsx(Slots.radioInnerCircle, {}),
+            })
+          : _jsx(Slots.checkmark, { accessible: false, xml: checkmarkXml }),
+        (icon || menuItem.state.hasIcons) &&
+          _jsxs(Slots.iconPlaceholder, {
+            accessible: false,
+            children: [
+              icon && icon.source && _jsx(Slots.imgIcon, { accessible: false, ...icon }),
+              icon && (icon.svgSource || icon.fontSource) && _jsx(Slots.fontOrSvgIcon, { accessible: false, ...icon }),
+            ],
+          }),
+        children &&
+          _jsx(Slots.content, {
+            accessible: false,
+            tooltip: tooltipResult,
+            ...(tooltipResult && { alwaysShowToolTip: true }),
+            children: children,
+          }),
+      ],
+    });
+  };
 };
-//# sourceMappingURL=MenuItemRadio.js.map
+//# sourceMappingURL=MenuItemRadio.js.map

package/lib/MenuItemRadio/MenuItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemRadio.js","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadio.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItemRadio.js","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadio.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEzE,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAoB;IACtD,WAAW,EAAE,iBAAiB;IAC9B,GAAG,eAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,gBAAgB,EAAE,IAAI;QACtB,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,IAAI;QACrB,OAAO,EAAE,KAAK;QACd,aAAa,EAAE,IAAI;KACpB;IACD,SAAS,EAAE,CAAC,SAA6B,EAAE,QAAqC,EAAE,EAAE,CAAC;QACnF,MAAM,QAAQ,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QAEjG,OAAO,wBAAwB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAAA,CAClD;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,QAA2B,EAC3B,KAAoC,EACH,EAAE,CAAC;IACpC,OAAO,CAAC,KAAyB,EAAE,GAAG,QAA2B,EAAE,EAAE,CAAC;QACpE,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAEhG,MAAM,YAAY,GAAG;;;WAGd,CAAC;QAER,MAAM,KAAK,GAAG,qBAAqB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAEnF,OAAO,CACL,MAAC,KAAK,CAAC,IAAI,OAAK,WAAW,EAAE,kBAAkB,EAAE,KAAK,aACnD,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,KAAC,KAAK,CAAC,WAAW,IAAC,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,YAClF,KAAC,KAAK,CAAC,gBAAgB,KAAG,GACR,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,CAAC,SAAS,IAAC,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,YAAY,GAAI,CAC1D,EACA,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CACpC,MAAC,KAAK,CAAC,eAAe,IAAC,UAAU,EAAE,KAAK,aACrC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,KAAC,KAAK,CAAC,OAAO,IAAC,UAAU,EAAE,KAAK,KAAM,IAAI,GAAI,EACrE,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,KAAC,KAAK,CAAC,aAAa,IAAC,UAAU,EAAE,KAAK,KAAM,IAAI,GAAI,IAC9E,CACzB,EACA,QAAQ,IAAI,CACX,KAAC,KAAK,CAAC,OAAO,IAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,KAAM,CAAC,aAAa,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,YACzG,QAAQ,GACK,CACjB,IACU,CACd,CAAC;IAAA,CACH,CAAC;AAAA,CACH,CAAC"}

package/lib/MenuItemRadio/MenuItemRadio.styling.android.d.ts

@@ -3,4 +3,4 @@ import type { MenuItemRadioProps, MenuItemRadioSlotProps } from './MenuItemRadio
 import type { MenuItemRadioTokens } from '../MenuItemRadio/MenuItemRadio.types';
 export declare const menuItemRadioStates: (keyof MenuItemRadioTokens)[];
 export declare const stylingSettings: UseStylingOptions<MenuItemRadioProps, MenuItemRadioSlotProps, MenuItemRadioTokens>;
-//# sourceMappingURL=MenuItemRadio.styling.android.d.ts.map
+//# sourceMappingURL=MenuItemRadio.styling.android.d.ts.map

package/lib/MenuItemRadio/MenuItemRadio.styling.android.js

@@ -5,64 +5,82 @@ import { menuItemRadioName } from './MenuItemRadio.types';
 import { defaultMenuItemRadioTokens } from './MenuItemRadioTokens';
 export const menuItemRadioStates = ['hovered', 'focused', 'pressed', 'disabled', 'checked'];
 export const stylingSettings = {
-    tokens: [defaultMenuItemRadioTokens, menuItemRadioName],
-    states: menuItemRadioStates,
-    slotProps: {
-        root: buildProps((tokens, theme) => ({
-            style: {
-                alignItems: 'center',
-                backgroundColor: tokens.backgroundColor,
-                display: 'flex',
-                flexDirection: 'row',
-                ...layoutStyles.from(tokens, theme),
-                ...borderStyles.from(tokens, theme),
-            },
-        }), ['backgroundColor', ...borderStyles.keys, ...layoutStyles.keys]),
-        radioButton: buildProps((tokens) => ({
-            style: {
-                backgroundColor: 'transparent',
-                alignItems: 'center',
-                justifyContent: 'center',
-                marginEnd: tokens.paddingHorizontal,
-                width: tokens.radioOuterCircleSize,
-                height: tokens.radioOuterCircleSize,
-                borderWidth: tokens.radioBorderWidth,
-                borderStyle: tokens.radioBorderStyle,
-                borderRadius: tokens.radioOuterCircleSize / 2,
-                borderColor: tokens.radioBorder,
-            },
-            android_ripple: { color: tokens.rippleColor, radius: tokens.rippleRadius, borderless: true },
-        }), ['radioBorderWidth', 'radioBorderStyle', 'radioOuterCircleSize', 'rippleColor', 'rippleRadius', 'radioBorder']),
-        radioInnerCircle: buildProps((tokens) => ({
-            style: {
-                opacity: tokens.radioVisibility,
-                borderRadius: tokens.radioInnerCircleSize / 2,
-                height: tokens.radioInnerCircleSize,
-                width: tokens.radioInnerCircleSize,
-                backgroundColor: tokens.radioFill,
-            },
-        }), ['radioInnerCircleSize', 'radioVisibility', 'radioFill']),
-        content: buildProps((tokens, theme) => ({
-            style: {
-                flexGrow: 1,
-                color: tokens.color,
-                ...(Platform.OS === 'android' && { flexShrink: 1 }),
-                ...fontStyles.from(tokens, theme),
-            },
-        }), ['color', ...fontStyles.keys]),
-        iconPlaceholder: buildProps((tokens) => ({
-            style: {
-                minHeight: tokens.iconSize,
-                minWidth: tokens.iconSize,
-                alignItems: 'center',
-                justifyContent: 'center',
-                marginEnd: tokens.gap,
-            },
-        }), ['checkmarkSize', 'gap']),
-        imgIcon: buildProps((tokens) => ({
-            style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
-        }), ['gap', 'iconColor', 'iconSize']),
-        fontOrSvgIcon: buildProps((tokens) => ({ color: tokens.iconColor, size: tokens.iconSize }), ['gap', 'iconColor', 'iconSize']),
-    },
+  tokens: [defaultMenuItemRadioTokens, menuItemRadioName],
+  states: menuItemRadioStates,
+  slotProps: {
+    root: buildProps(
+      (tokens, theme) => ({
+        style: {
+          alignItems: 'center',
+          backgroundColor: tokens.backgroundColor,
+          display: 'flex',
+          flexDirection: 'row',
+          ...layoutStyles.from(tokens, theme),
+          ...borderStyles.from(tokens, theme),
+        },
+      }),
+      ['backgroundColor', ...borderStyles.keys, ...layoutStyles.keys],
+    ),
+    radioButton: buildProps(
+      (tokens) => ({
+        style: {
+          backgroundColor: 'transparent',
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginEnd: tokens.paddingHorizontal,
+          width: tokens.radioOuterCircleSize,
+          height: tokens.radioOuterCircleSize,
+          borderWidth: tokens.radioBorderWidth,
+          borderStyle: tokens.radioBorderStyle,
+          borderRadius: tokens.radioOuterCircleSize / 2,
+          borderColor: tokens.radioBorder,
+        },
+        android_ripple: { color: tokens.rippleColor, radius: tokens.rippleRadius, borderless: true },
+      }),
+      ['radioBorderWidth', 'radioBorderStyle', 'radioOuterCircleSize', 'rippleColor', 'rippleRadius', 'radioBorder'],
+    ),
+    radioInnerCircle: buildProps(
+      (tokens) => ({
+        style: {
+          opacity: tokens.radioVisibility,
+          borderRadius: tokens.radioInnerCircleSize / 2,
+          height: tokens.radioInnerCircleSize,
+          width: tokens.radioInnerCircleSize,
+          backgroundColor: tokens.radioFill,
+        },
+      }),
+      ['radioInnerCircleSize', 'radioVisibility', 'radioFill'],
+    ),
+    content: buildProps(
+      (tokens, theme) => ({
+        style: {
+          flexGrow: 1,
+          color: tokens.color,
+          ...(Platform.OS === 'android' && { flexShrink: 1 }),
+          ...fontStyles.from(tokens, theme),
+        },
+      }),
+      ['color', ...fontStyles.keys],
+    ),
+    iconPlaceholder: buildProps(
+      (tokens) => ({
+        style: {
+          minHeight: tokens.iconSize,
+          minWidth: tokens.iconSize,
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginEnd: tokens.gap,
+        },
+      }),
+      ['checkmarkSize', 'gap'],
+    ),
+    imgIcon: buildProps(
+      (tokens) => ({
+        style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
+      }),
+      ['gap', 'iconColor', 'iconSize'],
+    ),
+    fontOrSvgIcon: buildProps((tokens) => ({ color: tokens.iconColor, size: tokens.iconSize }), ['gap', 'iconColor', 'iconSize']),
+  },
 };
-//# sourceMappingURL=MenuItemRadio.styling.android.js.map
+//# sourceMappingURL=MenuItemRadio.styling.android.js.map

package/lib/MenuItemRadio/MenuItemRadio.styling.d.ts

@@ -2,4 +2,4 @@ import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { MenuItemRadioProps, MenuItemRadioSlotProps, MenuItemRadioTokens } from './MenuItemRadio.types';
 export declare const menuItemRadioStates: (keyof MenuItemRadioTokens)[];
 export declare const stylingSettings: UseStylingOptions<MenuItemRadioProps, MenuItemRadioSlotProps, MenuItemRadioTokens>;
-//# sourceMappingURL=MenuItemRadio.styling.d.ts.map
+//# sourceMappingURL=MenuItemRadio.styling.d.ts.map

package/lib/MenuItemRadio/MenuItemRadio.styling.js

@@ -5,48 +5,63 @@ import { menuItemRadioName } from './MenuItemRadio.types';
 import { defaultMenuItemRadioTokens } from './MenuItemRadioTokens';
 export const menuItemRadioStates = ['hovered', 'focused', 'pressed', 'disabled', 'checked'];
 export const stylingSettings = {
-    tokens: [defaultMenuItemRadioTokens, menuItemRadioName],
-    states: menuItemRadioStates,
-    slotProps: {
-        root: buildProps((tokens, theme) => ({
-            style: {
-                alignItems: 'center',
-                backgroundColor: tokens.backgroundColor,
-                display: 'flex',
-                flexDirection: 'row',
-                ...layoutStyles.from(tokens, theme),
-                ...borderStyles.from(tokens, theme),
-            },
-        }), ['backgroundColor', ...borderStyles.keys, ...layoutStyles.keys]),
-        checkmark: buildProps((tokens) => ({
-            opacity: tokens.checkmarkVisibility,
-            color: tokens.checkmarkColor ?? tokens.color,
-            height: tokens.checkmarkSize,
-            width: tokens.checkmarkSize,
-            viewBox: '0 0 ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2) + ' ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2),
-            ...(Platform.OS !== 'android' && { style: { marginEnd: tokens.gap } }),
-        }), ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap']),
-        content: buildProps((tokens, theme) => ({
-            style: {
-                flexGrow: 1,
-                color: tokens.color,
-                ...(Platform.OS === 'android' && { flexShrink: 1 }),
-                ...fontStyles.from(tokens, theme),
-            },
-        }), ['color', ...fontStyles.keys]),
-        iconPlaceholder: buildProps((tokens) => ({
-            style: {
-                minHeight: tokens.iconSize,
-                minWidth: tokens.iconSize,
-                alignItems: 'center',
-                justifyContent: 'center',
-                marginEnd: tokens.gap,
-            },
-        }), ['checkmarkSize', 'gap']),
-        imgIcon: buildProps((tokens) => ({
-            style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
-        }), ['gap', 'iconColor', 'iconSize']),
-        fontOrSvgIcon: buildProps((tokens) => ({ color: tokens.iconColor, size: tokens.iconSize }), ['gap', 'iconColor', 'iconSize']),
-    },
+  tokens: [defaultMenuItemRadioTokens, menuItemRadioName],
+  states: menuItemRadioStates,
+  slotProps: {
+    root: buildProps(
+      (tokens, theme) => ({
+        style: {
+          alignItems: 'center',
+          backgroundColor: tokens.backgroundColor,
+          display: 'flex',
+          flexDirection: 'row',
+          ...layoutStyles.from(tokens, theme),
+          ...borderStyles.from(tokens, theme),
+        },
+      }),
+      ['backgroundColor', ...borderStyles.keys, ...layoutStyles.keys],
+    ),
+    checkmark: buildProps(
+      (tokens) => ({
+        opacity: tokens.checkmarkVisibility,
+        color: tokens.checkmarkColor ?? tokens.color,
+        height: tokens.checkmarkSize,
+        width: tokens.checkmarkSize,
+        viewBox: '0 0 ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2) + ' ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2),
+        ...(Platform.OS !== 'android' && { style: { marginEnd: tokens.gap } }),
+      }),
+      ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap'],
+    ),
+    content: buildProps(
+      (tokens, theme) => ({
+        style: {
+          flexGrow: 1,
+          color: tokens.color,
+          ...(Platform.OS === 'android' && { flexShrink: 1 }),
+          ...fontStyles.from(tokens, theme),
+        },
+      }),
+      ['color', ...fontStyles.keys],
+    ),
+    iconPlaceholder: buildProps(
+      (tokens) => ({
+        style: {
+          minHeight: tokens.iconSize,
+          minWidth: tokens.iconSize,
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginEnd: tokens.gap,
+        },
+      }),
+      ['checkmarkSize', 'gap'],
+    ),
+    imgIcon: buildProps(
+      (tokens) => ({
+        style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
+      }),
+      ['gap', 'iconColor', 'iconSize'],
+    ),
+    fontOrSvgIcon: buildProps((tokens) => ({ color: tokens.iconColor, size: tokens.iconSize }), ['gap', 'iconColor', 'iconSize']),
+  },
 };
-//# sourceMappingURL=MenuItemRadio.styling.js.map
+//# sourceMappingURL=MenuItemRadio.styling.js.map