@fluentui-react-native/menu 1.4.34 → 1.6.0

package/CHANGELOG.json

@@ -2,7 +2,43 @@
   "name": "@fluentui-react-native/menu",
   "entries": [
     {
-      "date": "Mon, 10 Apr 2023 19:46:07 GMT",
+      "date": "Wed, 19 Apr 2023 10:08:10 GMT",
+      "tag": "@fluentui-react-native/menu_v1.6.0",
+      "version": "1.6.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "rohanpd.work@gmail.com",
+            "package": "@fluentui-react-native/menu",
+            "commit": "3b9596a195208ebf455958f7dd1e64af8e224d39",
+            "comment": "add blackbox example and remove unused tokens"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 12 Apr 2023 18:42:22 GMT",
+      "tag": "@fluentui-react-native/menu_v1.5.0",
+      "version": "1.5.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "rohanpd.work@gmail.com",
+            "package": "@fluentui-react-native/menu",
+            "commit": "34d89fc8baf0f1438c6e5420a0ef75bf3be3fc49",
+            "comment": "menu radio strcutured"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/button to v0.32.50",
+            "commit": "42f64ddb244764adf58f95b463b2638d0989b148"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 10 Apr 2023 19:48:24 GMT",
       "tag": "@fluentui-react-native/menu_v1.4.34",
       "version": "1.4.34",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui-react-native/menu
 
-This log was last generated on Mon, 10 Apr 2023 19:46:07 GMT and should not be manually modified.
+This log was last generated on Wed, 19 Apr 2023 10:08:10 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.6.0
+
+Wed, 19 Apr 2023 10:08:10 GMT
+
+### Minor changes
+
+- add blackbox example and remove unused tokens (rohanpd.work@gmail.com)
+
+## 1.5.0
+
+Wed, 12 Apr 2023 18:42:22 GMT
+
+### Minor changes
+
+- menu radio strcutured (rohanpd.work@gmail.com)
+- Bump @fluentui-react-native/button to v0.32.50
+
 ## 1.4.34
 
-Mon, 10 Apr 2023 19:46:07 GMT
+Mon, 10 Apr 2023 19:48:24 GMT
 
 ### Patches
 

package/SPEC.md

@@ -14,8 +14,14 @@ The below samples do not represent the definitive props of the final implemented
 
 ### Basic Menu
 
+##### On Win32
+
 ![Basic menu with three options](./assets/Menu.png)
 
+##### On Android
+
+![Basic menu with three options](./assets/Menu_android.png)
+
 ```tsx
 const menu = (
   <Menu>
@@ -35,6 +41,8 @@ const menu = (
 
 ### Submenus
 
+Note: Submenus are not supported on Mobile Platforms
+
 ![A menu with a submenu with three options](./assets/Submenu.png)
 
 ```tsx
@@ -66,8 +74,14 @@ const menu = (
 
 ### Selection
 
+##### On Win32
+
 ![A menu with three options that support selection](./assets/checkbox.png)
 
+##### On Android
+
+![A menu with three options that support selection on android](./assets/checkbox_android.png)
+
 ```tsx
 const [selectedItems, setSelectedItems] = React.useState([]);
 const onCheckedChange = React.useCallback(
@@ -101,6 +115,8 @@ A `Menu` should be able to trigger a submenu, or an additional instance of `Menu
 
 Nested menus are by default triggered by hovering over a trigger, but can also be opened by invoking the trigger component for the nested `Menu`.
 
+Note: Nested menus are not supported on mobile platforms.
+
 ### Selection state
 
 A `Menu` should be able to track and represent the selection, or checked, state of its options.
@@ -163,6 +179,7 @@ export interface MenuProps extends MenuListProps {
 
   /**
    * How much delay to have between hover in and showing the menu, in ms.
+   * @platform win32, macOS
    */
   hoverDelay?: number;
 
@@ -178,6 +195,7 @@ export interface MenuProps extends MenuListProps {
 
   /*
    * Opens the menu on hovering over the trigger
+   * @platform win32, macOS
    */
   openOnHover?: boolean;
 
@@ -200,6 +218,15 @@ This component provides the temporary surface that will host the `Menu`'s option
 export type MenuPopoverProps = ICalloutProps;
 ```
 
+### MenuCallout
+
+This component provides the temporary surface that will host the `Menu`'s popover.
+It act as a wrapper for Callout on win32 and macos whereas RN Modal for Android plaform.
+
+```ts
+export type MenuCalloutProps = ICalloutProps & { tokens: MenuCalloutTokens };
+```
+
 ### MenuList
 
 This component is used internally by `Menu` and manages the context and layout of its items.
@@ -207,7 +234,7 @@ This component is used internally by `Menu` and manages the context and layout o
 #### MenuList Props
 
 ```ts
-export type MenuListProps = {
+export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
   /**
    * Array of all checked items
    */
@@ -219,20 +246,21 @@ export type MenuListProps = {
   defaultChecked?: string[];
 
   /**
-   * States that menu items can contain icons and reserves space for item alignment
+   * States that menu items can contain selectable items and reserves space for item alignment
    */
-  hasIcons?: boolean;
+  hasCheckmarks?: boolean;
 
   /**
-   * States that menu items can contain selectable items and reserves space for item alignment
+   * States that menu items can contain icons and reserves space for item alignment
    */
-  hasCheckmarks?: boolean;
+  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.
+   * @platform win32, macOS
    */
   hasTooltips?: boolean;
 
@@ -241,9 +269,12 @@ export type MenuListProps = {
    *
    * @param checked Array of all currently checked values
    */
-  onCheckedChange?: (e: InteractionEvent, checked[]) => void;
-
-};
+  onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
+  /**
+   * Defines a minumum width for the Menu.
+   */
+  minWidth?: number | string;
+}
 ```
 
 #### MenuList Tokens
@@ -259,6 +290,12 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
    * States of the list control
    */
   hasMaxHeight?: MenuListTokens;
+
+  /**
+   * Corner radius of the menu list
+   * @platform android
+   */
+  cornerRadius?: number;
 }
 ```
 
@@ -322,6 +359,12 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
    */
   iconSize?: number;
 
+  /**
+   * Amount of space in pixels at the end of the item control that is reserved to align the item's text with other items which have checkmarks
+   * @platform android
+   */
+  marginEndForCheckedAndroid?: number;
+
   /**
    * Color of the indicator that shows that an item has a submenu
    */
@@ -357,40 +400,138 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
 - `fontOrSvgIcon` - If specified, renders an `Icon` which supports font or SVG icons.
 - `submenuIndicator` - If specified, renders an SVG which indicates that the `MenuItem` is a trigger for a nested `Menu`.
 
-### MenuItemCheckbox/Radio
+### MenuItemCheckbox
 
-Variants of `MenuItem` that allows a single or multiple selection state based on the value that it represents. These `MenuItems` do not support submenus. `MenuItemCheckbox` and `MenuItemRadio` share the same types for props, tokens, and slots.
+Variants of `MenuItem` that allows multiple selection state based on the value that it represents. These `MenuItems` do not support submenus.
 
-#### MenuItemCheckbox/Radio Props
+#### MenuItemCheckbox Props
 
 ```ts
-export interface MenuItemCheckboxProps extends Omit<IWithPressableOptions<ViewProps>, 'onPress'> {
+export interface MenuItemCheckboxProps extends MenuItemProps {
   /**
-   * A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
+   * Identifier for the control
    */
-  componentRef?: React.RefObject<IFocusable>;
+  name: string;
+}
+```
 
-  /*
-   * Source URL or name of the icon to show on the Button.
+#### MenuItemCheckbox Tokens
+
+```ts
+export interface MenuItemCheckboxTokens
+  extends Omit<MenuItemTokens, 'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'> {
+  /**
+   * Color of the checkmark icon
    */
-  icon?: IconProps | ImageProps;
+  checkmarkColor?: ColorValue;
 
   /**
-   * Identifier for the control
+   * Amount of space in pixels around the checkmark icon
    */
-  name: string;
+  checkmarkPadding?: number;
 
   /**
-   * Do not dismiss the menu when a menu item is clicked
+   * Visibility of the checkmark icon from 0 to 1
    */
-  persistOnClick?: boolean;
+  checkmarkVisibility?: number;
+
+  /**
+   * Color of the icon
+   */
+  iconColor?: ColorValue;
+
+  /**
+   * Size of the icon. Pixels for SVG and points for font icon.
+   */
+  iconSize?: number;
+
+  /**
+   * Color of the background of the box containing the checkmark.
+   * @platform android
+   */
+  checkboxBackgroundColor?: ColorValue;
+
+  /**
+   * Color of the border of the box containing the checkmark.
+   * @platform android
+   */
+  checkboxBorderColor?: ColorValue;
+
+  /**
+   * Border radius of the box containing the checkmark.
+   * @platform android
+   */
+  checkboxBorderRadius?: number;
+
+  /**
+   * Width of the border around the box containing the checkmark.
+   * @platform android
+   */
+  checkboxBorderWidth?: number;
+
+  /**
+   * Height and width of the box containing the checkmark.
+   * @platform android
+   */
+  checkboxSize?: number;
+
+  /**
+   * Ripple color for Android.
+   *
+   * A ripple animation is shown on click for Android. This sets the color of the ripple.
+   * @platform android
+   */
+  rippleColor?: ColorValue;
+
+  /**
+   * Ripple radius for circular radio on Android.
+   *
+   * A ripple animation is shown on click for Android. This sets the radius of the circular ripple shown on the radio button.
+   * @platform android
+   */
+  rippleRadius?: number;
+
+  /**
+   * States of the item control
+   */
+  checked?: MenuItemCheckboxTokens;
+  disabled?: MenuItemCheckboxTokens;
+  focused?: MenuItemCheckboxTokens;
+  hovered?: MenuItemCheckboxTokens;
+  pressed?: MenuItemCheckboxTokens;
+}
+```
+
+#### MenuItemCheckbox Slots
+
+- `root` - The outer container representing the `MenuItem` itself that wraps everything passed via the `children` prop.
+- `checkbox` - If specified render box with checkmark svg which indicates that the `MenuItem` is selected.
+- `content` - If specified, renders the `content` prop as text.
+- `checkmark` - If specified, renders an SVG which indicates that the `MenuItem` is selected.
+- `iconPlaceholder` - If specified, renders space for an icon before the content. Could be blank or contain an icon. Used when the `Menu` has `hasIcons`.
+- `imgIcon` - If specified, renders an `Image` as an icon.
+- `fontOrSvgIcon` - If specified, renders an `Icon` which supports font or SVG icons.
+
+### MenuItemRadio
+
+Variants of `MenuItem` that allows single selection state based on the value that it represents. These `MenuItems` do not support submenus.
+
+#### MenuItemRadio Props
+
+```ts
+export interface MenuItemRadioProps extends MenuItemProps {
+  /**
+   * Identifier for the control
+   */
+  name: string;
 }
 ```
 
-#### MenuItemCheckbox/Radio Tokens
+#### MenuItemRadio Tokens
 
 ```ts
-export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
+export interface MenuItemRadioTokens
+  extends Omit<MenuItemTokens, 'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'> {
   /**
    * Color of the checkmark icon
    */
@@ -402,46 +543,120 @@ export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorde
   checkmarkPadding?: number;
 
   /**
-   * Height and width in pixels of the checkmark icon
+   * Visibility of the checkmark icon from 0 to 1
    */
-  checkmarkSize?: number;
+  checkmarkVisibility?: number;
 
   /**
-   * Opacity of the checkmark icon from 0 to 1
+   * Color of the icon
    */
-  checkmarkVisibility?: number;
+  iconColor?: ColorValue;
 
   /**
-   * Space between parts of the item control in pixels
+   * Size of the icon. Pixels for SVG and points for font icon.
    */
-  gap?: number;
+  iconSize?: number;
 
   /**
-   * Color of the icon
+   * Ripple color for Android.
+   *
+   * A ripple animation is shown on click for Android. This sets the color of the ripple.
+   * @platform android
    */
-  iconColor?: ColorValue;
+  rippleColor?: ColorValue;
 
   /**
-   * Size of the icon. Pixels for SVG and points for font icon.
+   * Color of the background of the box containing the radio.
+   * @platform android
    */
-  iconSize?: number;
+  radioBackgroundColor?: ColorValue;
+
+  /**
+   * Color of the border of the box containing the radio.
+   * @platform android
+   */
+  radioBorderColor?: ColorValue;
+
+  /**
+   * Border radius of the box containing the radio.
+   * @platform android
+   */
+  radioBorderRadius?: number;
+
+  /**
+   * Height and width of the box containing the radio.
+   * @platform android
+   */
+  radioSize?: number;
+
+  /**
+   * Indicator  radio border color
+   * @platform android
+   */
+  radioBorder?: ColorValue;
+
+  /**
+   * Indicator radio border style
+   * @platform android
+   */
+  radioBorderStyle?: ViewStyle['borderStyle'];
+
+  /**
+   * Inner circle color when selected
+   * @platform android
+   */
+  radioFill?: ColorValue;
+
+  /**
+   * Visibility of the radio inner circle from 0 to 1
+   * @platform android
+   */
+  radioVisibility?: number;
+
+  /**
+   * Diameter size of the outer indicator
+   * @platform android
+   */
+  radioOuterCircleSize?: number;
+
+  /**
+   * Diameter size of the inner circle indicator
+   * @platform android
+   */
+  radioInnerCircleSize?: number;
+
+  /**
+   * Border width of Radio
+   * @platform android
+   */
+  radioBorderWidth?: number;
+
+  /**
+   * Ripple radius for circular radio on Android.
+   *
+   * A ripple animation is shown on click for Android. This sets the radius of the circular ripple shown on the radio button.
+   * @platform android
+   */
+  rippleRadius?: number;
 
   /**
    * States of the item control
    */
-  checked?: MenuItemCheckboxTokens;
-  disabled?: MenuItemCheckboxTokens;
-  focused?: MenuItemCheckboxTokens;
-  hovered?: MenuItemCheckboxTokens;
-  pressed?: MenuItemCheckboxTokens;
+  checked?: MenuItemRadioTokens;
+  disabled?: MenuItemRadioTokens;
+  focused?: MenuItemRadioTokens;
+  hovered?: MenuItemRadioTokens;
+  pressed?: MenuItemRadioTokens;
 }
 ```
 
-#### MenuItemCheckbox/Radio Slots
+#### MenuItemRadio Slots
 
 - `root` - The outer container representing the `MenuItem` itself that wraps everything passed via the `children` prop.
 - `content` - If specified, renders the `content` prop as text.
 - `checkmark` - If specified, renders an SVG which indicates that the `MenuItem` is selected.
+- `radioButton` - A pressable view that represents the outer circle of the indicator button and wraps the inner circle of the indicator button.
+- `radioInnerCircle` - A wrapper view that represents the inner circle of the indicator button.
 - `iconPlaceholder` - If specified, renders space for an icon before the content. Could be blank or contain an icon. Used when the `Menu` has `hasIcons`.
 - `imgIcon` - If specified, renders an `Image` as an icon.
 - `fontOrSvgIcon` - If specified, renders an `Icon` which supports font or SVG icons.

package/lib/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,IAAI,0EA0Bf,CAAC;AAGH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,IAAI,0EAef,CAAC;AAIH,eAAe,IAAI,CAAC"}

package/lib/Menu/Menu.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { stagedComponent } from '@fluentui-react-native/framework';
 import { menuName } from './Menu.types';
+import { renderFinalMenu } from './renderMenu';
 import { useMenu } from './useMenu';
 import { useMenuContextValue } from './useMenuContextValue';
-import { MenuProvider } from '../context/menuContext';
 export var Menu = stagedComponent(function (props) {
     var state = useMenu(props);
     var contextValue = useMenuContextValue(state);
@@ -15,11 +15,7 @@ export var Menu = stagedComponent(function (props) {
                 console.warn('Menu must contain two children');
             }
         }
-        var menuTrigger = childrenArray[0];
-        var menuPopover = childrenArray[1];
-        return (React.createElement(MenuProvider, { value: contextValue },
-            menuTrigger,
-            state.open && state.shouldFocusOnContainer !== undefined && menuPopover));
+        return renderFinalMenu(childrenArray, contextValue, state);
     };
 });
 Menu.displayName = menuName;

package/lib/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,CAAC,IAAM,IAAI,GAAG,eAAe,CAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB;QACjD,IAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAyB,CAAC;QAE/E,IAAI,OAAO,EAAE;YACX,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;aAChD;SACF;QAED,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACrC,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAErC,OAAO,CACL,oBAAC,YAAY,IAAC,KAAK,EAAE,YAAY;YAC9B,WAAW;YAGX,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,sBAAsB,KAAK,SAAS,IAAI,WAAW,CAC3D,CAChB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE5B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAC,IAAM,IAAI,GAAG,eAAe,CAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB;QACjD,IAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAyB,CAAC;QAE/E,IAAI,OAAO,EAAE;YACX,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;aAChD;SACF;QACD,OAAO,eAAe,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7D,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE5B,eAAe,IAAI,CAAC"}

package/lib/Menu/Menu.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import type React from 'react';
-import type { View } from 'react-native';
+import type { Animated, LayoutChangeEvent, View } from 'react-native';
 import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import type { MenuListProps } from '../MenuList/MenuList.types';
 export declare const menuName = "Menu";
@@ -11,6 +11,7 @@ export interface MenuProps extends MenuListProps {
     defaultOpen?: boolean;
     /**
      * How much delay to have between hover in and showing the menu, in ms.
+     * @platform win32, macOS
      */
     hoverDelay?: number;
     /**
@@ -27,6 +28,10 @@ export interface MenuProps extends MenuListProps {
      */
     persistOnItemClick?: boolean;
 }
+export type MenuSizeType = {
+    width: Animated.Value;
+    height: Animated.Value;
+};
 export interface MenuState extends MenuProps {
     isControlled: boolean;
     isSubmenu: boolean;
@@ -36,5 +41,20 @@ export interface MenuState extends MenuProps {
     triggerRef: React.RefObject<View>;
     hasMaxHeight?: boolean;
     hasMaxWidth?: boolean;
+    setAnchorWidth?: (value: null | number | ((prevState: null | number) => null | number)) => void;
+    shadowMenuContainerStyle?: object;
+    _container?: React.MutableRefObject<View>;
+    onRequestClose?: (e: InteractionEvent) => void;
+    onMenuLayout?: (e: LayoutChangeEvent) => void;
+    menuHeight?: number;
+    maxMenuHeight?: number;
+    animationStarted?: boolean;
+    menuSize?: MenuSizeType;
+    testID?: string;
+}
+export declare enum AndroidMenuStates {
+    Hidden = 0,
+    Animating = 1,
+    Shown = 2
 }
 //# sourceMappingURL=Menu.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAK9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAM9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;IACtB,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAChG,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,iBAAiB;IAC3B,MAAM,IAAA;IACN,SAAS,IAAA;IACT,KAAK,IAAA;CACN"}

package/lib/Menu/Menu.types.js

@@ -1,2 +1,8 @@
 export var menuName = 'Menu';
+export var AndroidMenuStates;
+(function (AndroidMenuStates) {
+    AndroidMenuStates[AndroidMenuStates["Hidden"] = 0] = "Hidden";
+    AndroidMenuStates[AndroidMenuStates["Animating"] = 1] = "Animating";
+    AndroidMenuStates[AndroidMenuStates["Shown"] = 2] = "Shown";
+})(AndroidMenuStates || (AndroidMenuStates = {}));
 //# sourceMappingURL=Menu.types.js.map

package/lib/Menu/Menu.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.js","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Menu.types.js","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC;AA8D/B,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,6DAAM,CAAA;IACN,mEAAS,CAAA;IACT,2DAAK,CAAA;AACP,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B"}

package/lib/Menu/renderMenu.android.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { MenuState } from './Menu.types';
+import type { MenuContextValue } from '../context';
+export declare const renderFinalMenu: (childrenArray: React.ReactElement[], contextValue: MenuContextValue, state: MenuState) => JSX.Element;
+//# sourceMappingURL=renderMenu.android.d.ts.map

package/lib/Menu/renderMenu.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMenu.android.d.ts","sourceRoot":"","sources":["../../src/Menu/renderMenu.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,eAAO,MAAM,eAAe,kBAAmB,MAAM,YAAY,EAAE,gBAAgB,gBAAgB,SAAS,SAAS,gBAkBpH,CAAC"}

package/lib/Menu/renderMenu.android.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { View } from 'react-native';
+import { MenuProvider } from '../context';
+export var renderFinalMenu = function (childrenArray, contextValue, state) {
+    var menuTrigger = childrenArray[0];
+    var menuPopover = childrenArray[1];
+    return (React.createElement(MenuProvider, { value: contextValue },
+        React.createElement(View, { onLayout: function (event) {
+                var width = event.nativeEvent.layout.width;
+                state.setAnchorWidth(width);
+            } }, menuTrigger),
+        React.createElement(View, { ref: state._container, collapsable: false, testID: state.testID }, state.open && menuPopover)));
+};
+//# sourceMappingURL=renderMenu.android.js.map

package/lib/Menu/renderMenu.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMenu.android.js","sourceRoot":"","sources":["../../src/Menu/renderMenu.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,aAAmC,EAAE,YAA8B,EAAE,KAAgB;IACnH,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IACrC,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IACrC,OAAO,CACL,oBAAC,YAAY,IAAC,KAAK,EAAE,YAAY;QAC/B,oBAAC,IAAI,IACH,QAAQ,EAAE,UAAC,KAAK;gBACN,IAAA,KAAK,GAAK,KAAK,CAAC,WAAW,CAAC,MAAM,MAA7B,CAA8B;gBAC3C,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,IAEA,WAAW,CACP;QACP,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,IAClE,KAAK,CAAC,IAAI,IAAI,WAAW,CACrB,CACM,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/lib/Menu/renderMenu.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { MenuState } from './Menu.types';
+import type { MenuContextValue } from '../context';
+export declare const renderFinalMenu: (childrenArray: React.ReactElement[], contextValue: MenuContextValue, state: MenuState) => JSX.Element;
+//# sourceMappingURL=renderMenu.d.ts.map

package/lib/Menu/renderMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMenu.d.ts","sourceRoot":"","sources":["../../src/Menu/renderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,eAAO,MAAM,eAAe,kBAAmB,MAAM,YAAY,EAAE,gBAAgB,gBAAgB,SAAS,SAAS,gBAWpH,CAAC"}