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

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

@@ -0,0 +1,250 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _theme = require("../../utils/theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 = _reactNative.Easing.bezier(0.4, 0, 0.2, 1);
+const SCREEN_INDENT = 8;
+class Menu extends _react.default.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 _reactNative.Animated.ValueXY({
+        x: 0,
+        y: 0
+      }),
+      opacityAnimation: new _reactNative.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
+    }, () => {
+      _reactNative.Animated.parallel([_reactNative.Animated.timing(this.state.menuSizeAnimation, {
+        toValue: {
+          x: width,
+          y: height
+        },
+        duration: this.props.animationDuration,
+        easing: EASING,
+        useNativeDriver: false
+      }), _reactNative.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 = () => {
+    _reactNative.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 _reactNative.Animated.ValueXY({
+          x: 0,
+          y: 0
+        }),
+        opacityAnimation: new _reactNative.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
+    } = _reactNative.I18nManager;
+    const dimensions = _reactNative.Dimensions.get('window');
+    const {
+      width: windowWidth
+    } = dimensions;
+    const windowHeight = dimensions.height - (_reactNative.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: _reactNative.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: _reactNative.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.default.createElement(_reactNative.View, {
+      ref: this.setContainerRef,
+      collapsable: false,
+      testID: testID
+    }, anchor, /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+      visible: modalVisible,
+      onRequestClose: this.onRequestClose,
+      supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
+      transparent: true
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
+      onPress: this.onRequestClose,
+      accessible: false
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _reactNative.StyleSheet.absoluteFill
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      onLayout: this.onMenuLayout,
+      style: [styles.shadowMenuContainer, shadowMenuContainerStyle, style]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      style: [styles.menuContainer, animationStarted && menuSize]
+    }, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.ScrollView, {
+      style: styles.children,
+      keyboardShouldPersistTaps: "always"
+    }, children)))))));
+  }
+}
+exports.Menu = Menu;
+const styles = _reactNative.StyleSheet.create({
+  shadowMenuContainer: {
+    position: 'absolute',
+    backgroundColor: _theme.COLORS.WHITE,
+    borderRadius: 4,
+    opacity: 0,
+    // Shadow
+    ..._reactNative.Platform.select({
+      ios: {
+        shadowColor: _theme.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/commonjs/components/MenuModal/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_theme","obj","__esModule","default","States","EASING","Easing","bezier","SCREEN_INDENT","Menu","React","Component","_container","defaultProps","animationDuration","constructor","props","state","menuState","Hidden","top","left","menuWidth","menuHeight","buttonWidth","buttonHeight","menuSizeAnimation","Animated","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","I18nManager","dimensions","Dimensions","get","windowWidth","windowHeight","StatusBar","currentHeight","menuSize","transforms","push","translateX","multiply","Math","min","translateY","shadowMenuContainerStyle","opacity","transform","right","animationStarted","modalVisible","testID","anchor","style","children","createElement","View","collapsable","Modal","supportedOrientations","transparent","TouchableWithoutFeedback","onPress","accessible","StyleSheet","absoluteFill","onLayout","styles","shadowMenuContainer","menuContainer","ScrollView","keyboardShouldPersistTaps","exports","create","position","backgroundColor","COLORS","WHITE","borderRadius","Platform","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/commonjs/components/MenuModal/MenuDivider.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuDivider = MenuDivider;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../../utils/theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function MenuDivider(_ref) {
+  let {
+    color = _theme.COLORS.BORDER.DEFAULT
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.divider, {
+      borderBottomColor: color
+    }]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  divider: {
+    flex: 1,
+    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth
+  }
+});
+//# sourceMappingURL=MenuDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","obj","__esModule","default","MenuDivider","_ref","color","COLORS","BORDER","DEFAULT","createElement","View","style","styles","divider","borderBottomColor","StyleSheet","create","flex","borderBottomWidth","hairlineWidth"],"sourceRoot":"../../../../src","sources":["components/MenuModal/MenuDivider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMpC,SAASG,WAAWA,CAAAC,IAAA,EAEN;EAAA,IAFO;IAC1BC,KAAK,GAAGC,aAAM,CAACC,MAAM,CAACC;EACN,CAAC,GAAAJ,IAAA;EACjB,oBAAOT,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE;MAAEC,iBAAiB,EAAET;IAAM,CAAC;EAAE,CAAE,CAAC;AACxE;AAEA,MAAMO,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAEH,uBAAU,CAACI;EAChC;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItem = MenuItem;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../../utils/theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+function MenuItem(_ref) {
+  let {
+    children,
+    disabled = false,
+    disabledTextColor = _theme.COLORS.TEXT.DISABLED,
+    onPress,
+    pressColor = _theme.COLORS.TEXT.MEDIUM_EMPHASIS,
+    style,
+    textStyle,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
+    disabled: disabled,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return {
+        backgroundColor: _reactNative.Platform.OS !== 'android' && pressed ? pressColor : undefined
+      };
+    },
+    android_ripple: {
+      color: pressColor
+    },
+    onPress: onPress
+  }, props), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: [styles.title, disabled && {
+      color: disabledTextColor
+    }, textStyle]
+  }, children)));
+}
+const styles = _reactNative.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/commonjs/components/MenuModal/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MenuItem","_ref","children","disabled","disabledTextColor","COLORS","TEXT","DISABLED","onPress","pressColor","MEDIUM_EMPHASIS","style","textStyle","props","createElement","Pressable","_ref2","pressed","backgroundColor","Platform","OS","undefined","android_ripple","color","View","styles","container","Text","numberOfLines","title","StyleSheet","create","height","justifyContent","maxWidth","minWidth","fontSize","fontWeight","paddingHorizontal","textAlign"],"sourceRoot":"../../../../src","sources":["components/MenuModal/MenuItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAWpC,SAASQ,QAAQA,CAAAC,IAAA,EASN;EAAA,IATO;IACvBC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,iBAAiB,GAAGC,aAAM,CAACC,IAAI,CAACC,QAAQ;IACxCC,OAAO;IACPC,UAAU,GAAGJ,aAAM,CAACC,IAAI,CAACI,eAAe;IACxCC,KAAK;IACLC,SAAS;IACT,GAAGC;EACU,CAAC,GAAAZ,IAAA;EACd,oBACEvB,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACjC,YAAA,CAAAkC,SAAS,EAAA7B,QAAA;IACRiB,QAAQ,EAAEA,QAAS;IACnBQ,KAAK,EAAEK,KAAA;MAAA,IAAC;QAAEC;MAAQ,CAAC,GAAAD,KAAA;MAAA,OAAM;QACvBE,eAAe,EACbC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAIH,OAAO,GAAGR,UAAU,GAAGY;MACxD,CAAC;IAAA,CAAE;IACHC,cAAc,EAAE;MAAEC,KAAK,EAAEd;IAAW,CAAE;IACtCD,OAAO,EAAEA;EAAQ,GACbK,KAAK,gBAETnC,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACjC,YAAA,CAAA2C,IAAI;IAACb,KAAK,EAAE,CAACc,MAAM,CAACC,SAAS,EAAEf,KAAK;EAAE,gBACrCjC,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACjC,YAAA,CAAA8C,IAAI;IACHC,aAAa,EAAE,CAAE;IACjBjB,KAAK,EAAE,CACLc,MAAM,CAACI,KAAK,EACZ1B,QAAQ,IAAI;MAAEoB,KAAK,EAAEnB;IAAkB,CAAC,EACxCQ,SAAS;EACT,GAEDV,QACG,CACF,CACG,CAAC;AAEhB;AAEA,MAAMuB,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDN,KAAK,EAAE;IACLO,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,EAAE;IACrBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () {
+    return _Menu.Menu;
+  }
+});
+Object.defineProperty(exports, "MenuDivider", {
+  enumerable: true,
+  get: function () {
+    return _MenuDivider.MenuDivider;
+  }
+});
+Object.defineProperty(exports, "MenuItem", {
+  enumerable: true,
+  get: function () {
+    return _MenuItem.MenuItem;
+  }
+});
+var _Menu = require("./Menu");
+var _MenuDivider = require("./MenuDivider");
+var _MenuItem = require("./MenuItem");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Menu","require","_MenuDivider","_MenuItem"],"sourceRoot":"../../../../src","sources":["components/MenuModal/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA"}