@100mslive/react-native-room-kit 0.0.1

package/lib/module/components/Meeting.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useRTCStatsListeners } from '../utils/hooks';
+import { COLORS } from '../utils/theme';
+import { clearPendingModalTasks, useFetchHMSRoles, useHMSMessages, useHMSPIPRoomLeave, useHMSRemovedFromRoomUpdate, useLandscapeChatViewVisible, usePIPListener } from '../hooks-util';
+import { ChatView } from './ChatWindow';
+import { MeetingScreenContent } from './MeetingScreenContent';
+export const Meeting = _ref => {
+  let {
+    peerTrackNodes
+  } = _ref;
+  // TODO: Fetch latest Room and localPeer on mount of this component?
+
+  useFetchHMSRoles();
+  useHMSMessages();
+  useHMSRemovedFromRoomUpdate();
+
+  // Handle when user press leave button visible on PIP Window
+  useHMSPIPRoomLeave();
+
+  // Handle state change to reset layout when App is focused from PIP Window
+  usePIPListener();
+
+  // Handle rendering RTC stats on Tiles and inside RTC stats modal
+  useRTCStatsListeners();
+  const landscapeChatViewVisible = useLandscapeChatViewVisible();
+
+  // Clearing any pending modal opening tasks
+  React.useEffect(() => {
+    return () => {
+      clearPendingModalTasks();
+    };
+  }, []);
+
+  /**
+   * TODO: disbaled Expended View animation in Webrtc flow
+   *
+   * Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
+   * Solution: Try using Tab Gesture detector instead on Pressable component
+   */
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(MeetingScreenContent, {
+    peerTrackNodes: peerTrackNodes
+  }), landscapeChatViewVisible ? /*#__PURE__*/React.createElement(ChatView, null) : null);
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: COLORS.BACKGROUND.DIM,
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=Meeting.js.map

package/lib/module/components/Meeting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","SafeAreaView","useRTCStatsListeners","COLORS","clearPendingModalTasks","useFetchHMSRoles","useHMSMessages","useHMSPIPRoomLeave","useHMSRemovedFromRoomUpdate","useLandscapeChatViewVisible","usePIPListener","ChatView","MeetingScreenContent","Meeting","_ref","peerTrackNodes","landscapeChatViewVisible","useEffect","createElement","style","styles","container","create","flex","backgroundColor","BACKGROUND","DIM","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAG7D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SACEC,sBAAsB,EACtBC,gBAAgB,EAChBC,cAAc,EACdC,kBAAkB,EAClBC,2BAA2B,EAC3BC,2BAA2B,EAC3BC,cAAc,QACT,eAAe;AACtB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,oBAAoB,QAAQ,wBAAwB;AAM7D,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC;EAAe,CAAC,GAAAD,IAAA;EAChE;;EAEAT,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBE,2BAA2B,CAAC,CAAC;;EAE7B;EACAD,kBAAkB,CAAC,CAAC;;EAEpB;EACAG,cAAc,CAAC,CAAC;;EAEhB;EACAR,oBAAoB,CAAC,CAAC;EAEtB,MAAMc,wBAAwB,GAAGP,2BAA2B,CAAC,CAAC;;EAE9D;EACAV,KAAK,CAACkB,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXb,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;AACF;AACA;AACA;AACA;AACA;EACE,oBACEL,KAAA,CAAAmB,aAAA,CAACjB,YAAY;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBACpCtB,KAAA,CAAAmB,aAAA,CAACN,oBAAoB;IAACG,cAAc,EAAEA;EAAe,CAAE,CAAC,EAEvDC,wBAAwB,gBAAGjB,KAAA,CAAAmB,aAAA,CAACP,QAAQ,MAAE,CAAC,GAAG,IAC/B,CAAC;AAEnB,CAAC;AAED,MAAMS,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,eAAe,EAAErB,MAAM,CAACsB,UAAU,CAACC,GAAG;IACtCC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/MeetingScreenContent.js

@@ -0,0 +1,89 @@
+import React, { useCallback, useRef, useState } from 'react';
+import { StyleSheet, Pressable } from 'react-native';
+import { useSelector } from 'react-redux';
+import { Easing, cancelAnimation, runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';
+import { PipModes } from '../utils/types';
+import { Footer } from './Footer';
+import { DisplayView } from './DisplayView';
+import { Header } from './Header';
+import { useIsHLSViewer, useLandscapeChatViewVisible } from '../hooks-util';
+import { HMSStatusBar } from './StatusBar';
+export const MeetingScreenContent = _ref => {
+  let {
+    peerTrackNodes
+  } = _ref;
+  const offset = useSharedValue(1);
+  const isHLSViewer = useIsHLSViewer();
+  const timerIdRef = useRef(null);
+  const [controlsHidden, setControlsHidden] = useState(false);
+  const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
+  const toggleControls = useCallback(() => {
+    'worklet';
+
+    if (timerIdRef.current) {
+      clearTimeout(timerIdRef.current);
+      timerIdRef.current = null;
+    }
+    cancelAnimation(offset);
+    offset.value = withTiming(offset.value === 1 ? 0 : 1, {
+      duration: 200,
+      easing: Easing.ease
+    }, finished => {
+      if (finished) {
+        runOnJS(setControlsHidden)(offset.value === 0);
+      }
+    });
+  }, []);
+
+  // Handles Auto hiding the controls for the first time
+  // to make this feature discoverable
+  // useEffect(() => {
+  //   if (false && !isHLSViewer) {
+  //     if (timerIdRef.current) {
+  //       clearTimeout(timerIdRef.current);
+  //     }
+  //     timerIdRef.current = setTimeout(() => {
+  //       timerIdRef.current = null;
+  //       toggleControls();
+  //     }, 3000); d
+
+  //     return () => {
+  //       if (timerIdRef.current) {
+  //         clearTimeout(timerIdRef.current);
+  //       }
+  //     };
+  //   }
+  // }, [isHLSViewer]);
+
+  const landscapeChatViewVisible = useLandscapeChatViewVisible();
+
+  /**
+   * TODO: disbaled Expended View animation in Webrtc flow
+   *
+   * Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
+   * Solution: Try using Tab Gesture detector instead on Pressable component
+   */
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: toggleControls,
+    style: [styles.container, landscapeChatViewVisible ? styles.takeLessSpaceAsItCan : null],
+    disabled: isHLSViewer || true
+  }, /*#__PURE__*/React.createElement(HMSStatusBar, {
+    hidden: controlsHidden
+  }), isPipModeActive ? null : /*#__PURE__*/React.createElement(Header, {
+    offset: offset
+  }), /*#__PURE__*/React.createElement(DisplayView, {
+    offset: offset,
+    peerTrackNodes: peerTrackNodes
+  }), isPipModeActive ? null : /*#__PURE__*/React.createElement(Footer, {
+    offset: offset
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  takeLessSpaceAsItCan: {
+    flex: 0
+  }
+});
+//# sourceMappingURL=MeetingScreenContent.js.map

package/lib/module/components/MeetingScreenContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","Pressable","useSelector","Easing","cancelAnimation","runOnJS","useSharedValue","withTiming","PipModes","Footer","DisplayView","Header","useIsHLSViewer","useLandscapeChatViewVisible","HMSStatusBar","MeetingScreenContent","_ref","peerTrackNodes","offset","isHLSViewer","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","toggleControls","current","clearTimeout","value","duration","easing","ease","finished","landscapeChatViewVisible","createElement","onPress","style","styles","container","takeLessSpaceAsItCan","disabled","hidden","create","flex"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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"}

package/lib/module/components/MenuModal/Menu.js

@@ -0,0 +1,242 @@
+import React from 'react';
+import { Animated, Dimensions, Easing, I18nManager, Modal, Platform, StatusBar, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { COLORS } from '../../utils/theme';
+var States = /*#__PURE__*/function (States) {
+  States[States["Hidden"] = 0] = "Hidden";
+  States[States["Animating"] = 1] = "Animating";
+  States[States["Shown"] = 2] = "Shown";
+  return States;
+}(States || {});
+const EASING = Easing.bezier(0.4, 0, 0.2, 1);
+const SCREEN_INDENT = 8;
+export class Menu extends React.Component {
+  _container = null;
+  static defaultProps = {
+    animationDuration: 300
+  };
+  constructor(props) {
+    super(props);
+    this.state = {
+      menuState: States.Hidden,
+      top: 0,
+      left: 0,
+      menuWidth: 0,
+      menuHeight: 0,
+      buttonWidth: 0,
+      buttonHeight: 0,
+      menuSizeAnimation: new Animated.ValueXY({
+        x: 0,
+        y: 0
+      }),
+      opacityAnimation: new Animated.Value(0)
+    };
+  }
+  componentDidMount() {
+    if (!this.props.visible) {
+      return;
+    }
+    this.show();
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.visible === this.props.visible) {
+      return;
+    }
+    if (this.props.visible) {
+      this.show();
+    } else {
+      this.hide();
+    }
+  }
+  setContainerRef = ref => {
+    this._container = ref;
+  };
+
+  // Start menu animation
+  onMenuLayout = e => {
+    if (this.state.menuState === States.Animating) {
+      return;
+    }
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    this.setState({
+      menuState: States.Animating,
+      menuWidth: width,
+      menuHeight: height
+    }, () => {
+      Animated.parallel([Animated.timing(this.state.menuSizeAnimation, {
+        toValue: {
+          x: width,
+          y: height
+        },
+        duration: this.props.animationDuration,
+        easing: EASING,
+        useNativeDriver: false
+      }), Animated.timing(this.state.opacityAnimation, {
+        toValue: 1,
+        duration: this.props.animationDuration,
+        easing: EASING,
+        useNativeDriver: false
+      })]).start();
+    });
+  };
+  show = () => {
+    var _this$_container;
+    (_this$_container = this._container) === null || _this$_container === void 0 ? void 0 : _this$_container.measureInWindow((left, top, buttonWidth, buttonHeight) => {
+      this.setState({
+        buttonHeight,
+        buttonWidth,
+        left,
+        menuState: States.Shown,
+        top
+      });
+    });
+  };
+  hide = () => {
+    Animated.timing(this.state.opacityAnimation, {
+      toValue: 0,
+      duration: this.props.animationDuration,
+      easing: EASING,
+      useNativeDriver: false
+    }).start(() => {
+      // Reset state
+      this.setState({
+        menuState: States.Hidden,
+        menuSizeAnimation: new Animated.ValueXY({
+          x: 0,
+          y: 0
+        }),
+        opacityAnimation: new Animated.Value(0)
+      });
+    });
+  };
+  onRequestClose = () => {
+    var _this$props$onRequest, _this$props;
+    (_this$props$onRequest = (_this$props = this.props).onRequestClose) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props);
+  };
+  render() {
+    const {
+      isRTL
+    } = I18nManager;
+    const dimensions = Dimensions.get('window');
+    const {
+      width: windowWidth
+    } = dimensions;
+    const windowHeight = dimensions.height - (StatusBar.currentHeight || 0);
+    const {
+      menuSizeAnimation,
+      menuWidth,
+      menuHeight,
+      buttonWidth,
+      buttonHeight,
+      opacityAnimation
+    } = this.state;
+    const menuSize = {
+      width: menuSizeAnimation.x,
+      height: menuSizeAnimation.y
+    };
+
+    // Adjust position of menu
+    let {
+      left,
+      top
+    } = this.state;
+    const transforms = [];
+    if (isRTL && left + buttonWidth - menuWidth > SCREEN_INDENT || !isRTL && left + menuWidth > windowWidth - SCREEN_INDENT) {
+      transforms.push({
+        translateX: Animated.multiply(menuSizeAnimation.x, -1)
+      });
+      left = Math.min(windowWidth - SCREEN_INDENT, left + buttonWidth);
+    } else if (left < SCREEN_INDENT) {
+      left = SCREEN_INDENT;
+    }
+
+    // Flip by Y axis if menu hits bottom screen border
+    if (top > windowHeight - menuHeight - SCREEN_INDENT) {
+      transforms.push({
+        translateY: Animated.multiply(menuSizeAnimation.y, -1)
+      });
+      top = windowHeight - SCREEN_INDENT;
+      top = Math.min(windowHeight - SCREEN_INDENT, top + buttonHeight);
+    } else if (top < SCREEN_INDENT) {
+      top = SCREEN_INDENT;
+    }
+    const shadowMenuContainerStyle = {
+      opacity: opacityAnimation,
+      transform: transforms,
+      top,
+      // Switch left to right for rtl devices
+      ...(isRTL ? {
+        right: left
+      } : {
+        left
+      })
+    };
+    const {
+      menuState
+    } = this.state;
+    const animationStarted = menuState === States.Animating;
+    const modalVisible = menuState === States.Shown || animationStarted;
+    const {
+      testID,
+      anchor,
+      style,
+      children
+    } = this.props;
+    return /*#__PURE__*/React.createElement(View, {
+      ref: this.setContainerRef,
+      collapsable: false,
+      testID: testID
+    }, anchor, /*#__PURE__*/React.createElement(Modal, {
+      visible: modalVisible,
+      onRequestClose: this.onRequestClose,
+      supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
+      transparent: true
+    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: this.onRequestClose,
+      accessible: false
+    }, /*#__PURE__*/React.createElement(View, {
+      style: StyleSheet.absoluteFill
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      onLayout: this.onMenuLayout,
+      style: [styles.shadowMenuContainer, shadowMenuContainerStyle, style]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.menuContainer, animationStarted && menuSize]
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      style: styles.children,
+      keyboardShouldPersistTaps: "always"
+    }, children)))))));
+  }
+}
+const styles = StyleSheet.create({
+  shadowMenuContainer: {
+    position: 'absolute',
+    backgroundColor: COLORS.WHITE,
+    borderRadius: 4,
+    opacity: 0,
+    // Shadow
+    ...Platform.select({
+      ios: {
+        shadowColor: COLORS.BLACK,
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.14,
+        shadowRadius: 2
+      },
+      android: {
+        elevation: 8
+      }
+    })
+  },
+  menuContainer: {
+    overflow: 'hidden'
+  },
+  children: {
+    maxHeight: 300
+  }
+});
+//# sourceMappingURL=Menu.js.map

package/lib/module/components/MenuModal/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Dimensions","Easing","I18nManager","Modal","Platform","StatusBar","StyleSheet","TouchableWithoutFeedback","View","ScrollView","COLORS","States","EASING","bezier","SCREEN_INDENT","Menu","Component","_container","defaultProps","animationDuration","constructor","props","state","menuState","Hidden","top","left","menuWidth","menuHeight","buttonWidth","buttonHeight","menuSizeAnimation","ValueXY","x","y","opacityAnimation","Value","componentDidMount","visible","show","componentDidUpdate","prevProps","hide","setContainerRef","ref","onMenuLayout","e","Animating","width","height","nativeEvent","layout","setState","parallel","timing","toValue","duration","easing","useNativeDriver","start","_this$_container","measureInWindow","Shown","onRequestClose","_this$props$onRequest","_this$props","call","render","isRTL","dimensions","get","windowWidth","windowHeight","currentHeight","menuSize","transforms","push","translateX","multiply","Math","min","translateY","shadowMenuContainerStyle","opacity","transform","right","animationStarted","modalVisible","testID","anchor","style","children","createElement","collapsable","supportedOrientations","transparent","onPress","accessible","absoluteFill","onLayout","styles","shadowMenuContainer","menuContainer","keyboardShouldPersistTaps","create","position","backgroundColor","WHITE","borderRadius","select","ios","shadowColor","BLACK","shadowOffset","shadowOpacity","shadowRadius","android","elevation","overflow","maxHeight"],"sourceRoot":"../../../../src","sources":["components/MenuModal/Menu.tsx"],"mappings":"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"}

package/lib/module/components/MenuModal/MenuDivider.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS } from '../../utils/theme';
+export function MenuDivider(_ref) {
+  let {
+    color = COLORS.BORDER.DEFAULT
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.divider, {
+      borderBottomColor: color
+    }]
+  });
+}
+const styles = StyleSheet.create({
+  divider: {
+    flex: 1,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  }
+});
+//# sourceMappingURL=MenuDivider.js.map

package/lib/module/components/MenuModal/MenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","MenuDivider","_ref","color","BORDER","DEFAULT","createElement","style","styles","divider","borderBottomColor","create","flex","borderBottomWidth","hairlineWidth"],"sourceRoot":"../../../../src","sources":["components/MenuModal/MenuDivider.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,MAAM,QAAQ,mBAAmB;AAM1C,OAAO,SAASC,WAAWA,CAAAC,IAAA,EAEN;EAAA,IAFO;IAC1BC,KAAK,GAAGH,MAAM,CAACI,MAAM,CAACC;EACN,CAAC,GAAAH,IAAA;EACjB,oBAAOL,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE;MAAEC,iBAAiB,EAAEP;IAAM,CAAC;EAAE,CAAE,CAAC;AACxE;AAEA,MAAMK,MAAM,GAAGV,UAAU,CAACa,MAAM,CAAC;EAC/BF,OAAO,EAAE;IACPG,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAEf,UAAU,CAACgB;EAChC;AACF,CAAC,CAAC"}

package/lib/module/components/MenuModal/MenuItem.js

@@ -0,0 +1,53 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Platform, Pressable, StyleSheet, Text, View } from 'react-native';
+import { COLORS } from '../../utils/theme';
+export function MenuItem(_ref) {
+  let {
+    children,
+    disabled = false,
+    disabledTextColor = COLORS.TEXT.DISABLED,
+    onPress,
+    pressColor = COLORS.TEXT.MEDIUM_EMPHASIS,
+    style,
+    textStyle,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    disabled: disabled,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return {
+        backgroundColor: Platform.OS !== 'android' && pressed ? pressColor : undefined
+      };
+    },
+    android_ripple: {
+      color: pressColor
+    },
+    onPress: onPress
+  }, props), /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: [styles.title, disabled && {
+      color: disabledTextColor
+    }, textStyle]
+  }, children)));
+}
+const styles = StyleSheet.create({
+  container: {
+    height: 48,
+    justifyContent: 'center',
+    maxWidth: 248,
+    minWidth: 124
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: '400',
+    paddingHorizontal: 16,
+    textAlign: 'left'
+  }
+});
+//# sourceMappingURL=MenuItem.js.map

package/lib/module/components/MenuModal/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","Pressable","StyleSheet","Text","View","COLORS","MenuItem","_ref","children","disabled","disabledTextColor","TEXT","DISABLED","onPress","pressColor","MEDIUM_EMPHASIS","style","textStyle","props","createElement","_extends","_ref2","pressed","backgroundColor","OS","undefined","android_ripple","color","styles","container","numberOfLines","title","create","height","justifyContent","maxWidth","minWidth","fontSize","fontWeight","paddingHorizontal","textAlign"],"sourceRoot":"../../../../src","sources":["components/MenuModal/MenuItem.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAG1E,SAASC,MAAM,QAAQ,mBAAmB;AAW1C,OAAO,SAASC,QAAQA,CAAAC,IAAA,EASN;EAAA,IATO;IACvBC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,iBAAiB,GAAGL,MAAM,CAACM,IAAI,CAACC,QAAQ;IACxCC,OAAO;IACPC,UAAU,GAAGT,MAAM,CAACM,IAAI,CAACI,eAAe;IACxCC,KAAK;IACLC,SAAS;IACT,GAAGC;EACU,CAAC,GAAAX,IAAA;EACd,oBACER,KAAA,CAAAoB,aAAA,CAAClB,SAAS,EAAAmB,QAAA;IACRX,QAAQ,EAAEA,QAAS;IACnBO,KAAK,EAAEK,KAAA;MAAA,IAAC;QAAEC;MAAQ,CAAC,GAAAD,KAAA;MAAA,OAAM;QACvBE,eAAe,EACbvB,QAAQ,CAACwB,EAAE,KAAK,SAAS,IAAIF,OAAO,GAAGR,UAAU,GAAGW;MACxD,CAAC;IAAA,CAAE;IACHC,cAAc,EAAE;MAAEC,KAAK,EAAEb;IAAW,CAAE;IACtCD,OAAO,EAAEA;EAAQ,GACbK,KAAK,gBAETnB,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACY,KAAK,EAAE,CAACY,MAAM,CAACC,SAAS,EAAEb,KAAK;EAAE,gBACrCjB,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IACH2B,aAAa,EAAE,CAAE;IACjBd,KAAK,EAAE,CACLY,MAAM,CAACG,KAAK,EACZtB,QAAQ,IAAI;MAAEkB,KAAK,EAAEjB;IAAkB,CAAC,EACxCO,SAAS;EACT,GAEDT,QACG,CACF,CACG,CAAC;AAEhB;AAEA,MAAMoB,MAAM,GAAG1B,UAAU,CAAC8B,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDL,KAAK,EAAE;IACLM,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,EAAE;IACrBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/components/MenuModal/index.js

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

package/lib/module/components/MenuModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Menu","MenuDivider","MenuItem"],"sourceRoot":"../../../../src","sources":["components/MenuModal/index.ts"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,QAAQ,QAAQ,YAAY"}