@wavemaker/app-rn-runtime 11.8.5-patch.2 → 11.8.5-rc.187

app-rn-runtime/components/navigation/basenav/basenav.component.js

@@ -0,0 +1,72 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { DEFAULT_CLASS } from './basenav.styles';
+import { isArray } from 'lodash-es';
+export class BaseNavState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataItems", []);
+  }
+}
+export class BaseNavComponent extends BaseComponent {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
+    super(props, defaultClass, defaultProps, defaultState);
+    this.defaultClass = defaultClass;
+  }
+  getValue(item, val) {
+    if (typeof val === 'string') {
+      return item[val];
+    } else if (typeof val === 'function') {
+      return val(item);
+    }
+    return null;
+  }
+  setDataItems(dataset = this.state.props.dataset) {
+    const name = this.props.name;
+    let dataItems = [];
+    if (typeof dataset === 'string') {
+      dataItems = dataset.split(',').map((s, i) => {
+        return {
+          key: `${name}_item${i}`,
+          label: s,
+          data: s
+        };
+      });
+    } else if (dataset) {
+      if (!isArray(dataset)) {
+        dataset = [dataset];
+      }
+      dataItems = dataset.map((d, i) => {
+        return {
+          key: `${name}_item${i}`,
+          label: this.getValue(d, this.state.props.itemlabel),
+          icon: this.getValue(d, this.state.props.itemicon),
+          link: this.getValue(d, this.state.props.itemlink),
+          badge: this.getValue(d, this.state.props.itembadge),
+          isactive: this.getValue(d, this.state.props.isactive),
+          data: d,
+          childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null
+        };
+      });
+    }
+    this.updateState({
+      dataItems: dataItems
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'dataset':
+        this.setDataItems($new);
+        break;
+      case 'itemlabel':
+      case 'itemicon':
+      case 'itemlink':
+      case 'itemchildren':
+        this.setDataItems();
+        break;
+    }
+  }
+}
+//# sourceMappingURL=basenav.component.js.map

app-rn-runtime/components/navigation/basenav/basenav.props.js

@@ -0,0 +1,18 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export class BaseNavProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", null);
+    _defineProperty(this, "itemlabel", 'label');
+    _defineProperty(this, "itemlink", 'link');
+    _defineProperty(this, "itemicon", 'icon');
+    _defineProperty(this, "itembadge", null);
+    _defineProperty(this, "isactive", null);
+    _defineProperty(this, "itemchildren", null);
+    _defineProperty(this, "getDisplayExpression", label => null);
+  }
+}
+//# sourceMappingURL=basenav.props.js.map

app-rn-runtime/components/navigation/menu/menu.component.js

@@ -0,0 +1,63 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View } from 'react-native';
+import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
+import { BaseNavComponent, BaseNavState } from '../basenav/basenav.component';
+import WmPopover from '../popover/popover.component';
+import WmMenuProps from './menu.props';
+import { DEFAULT_CLASS } from './menu.styles';
+export class WmMenuState extends BaseNavState {}
+const animationMap = {
+  slide: 'slideInDown',
+  fade: 'fadeIn',
+  scale: 'zoomIn'
+};
+export default class WmMenu extends BaseNavComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmMenuProps(), new WmMenuState());
+    _defineProperty(this, "popOverRef", null);
+    _defineProperty(this, "listener", {
+      onComponentInit: c => {
+        if (c instanceof WmPopover) {
+          this.popOverRef = c;
+        }
+      }
+    });
+  }
+  renderMenuItem(item, index) {
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
+    return /*#__PURE__*/React.createElement(WmAnchor, {
+      id: this.getTestId('menuitem' + index),
+      iconclass: item.icon,
+      caption: getDisplayLabel(item.label),
+      hyperlink: item.link,
+      styles: this.styles.menuItem,
+      onTap: () => {
+        this.invokeEventCallback('onSelect', [null, this, item]);
+        this.popOverRef.hide();
+      }
+    });
+  }
+  renderWidget(props) {
+    const menuItems = this.state.dataItems;
+    return /*#__PURE__*/React.createElement(WmPopover, {
+      id: this.getTestId('menu'),
+      styles: this.styles,
+      contentanimation: animationMap[props.animateitems || 'scale'],
+      caption: props.caption,
+      iconclass: props.iconclass,
+      listener: this.listener,
+      popoverheight: this.styles.menu.height || null,
+      popoverwidth: this.styles.menu.width || null,
+      iconposition: "right",
+      type: "dropdown"
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.menu
+    }, menuItems.map((item, index) => /*#__PURE__*/React.createElement(View, {
+      key: item.key
+    }, this.renderMenuItem(item, index)))));
+  }
+}
+//# sourceMappingURL=menu.component.js.map

app-rn-runtime/components/navigation/menu/menu.props.js

@@ -0,0 +1,14 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';
+export default class WmMenuProps extends BaseNavProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animateitems", 'slide');
+    _defineProperty(this, "caption", '');
+    _defineProperty(this, "dataset", 'Menu Item 1, Menu Item 2, Menu Item 3');
+    _defineProperty(this, "iconclass", 'fa fa-caret-down');
+  }
+}
+//# sourceMappingURL=menu.props.js.map

app-rn-runtime/components/navigation/navbar/navbar.props.js

@@ -0,0 +1,16 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';
+export default class WmNavbarProps extends BaseNavProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "type", 'pills');
+    _defineProperty(this, "layout", '');
+    _defineProperty(this, "children", []);
+    _defineProperty(this, "indent", 0);
+    _defineProperty(this, "onSelect", ($event, target, $item) => {});
+    _defineProperty(this, "ischildnav", false);
+  }
+}
+//# sourceMappingURL=navbar.props.js.map

app-rn-runtime/components/navigation/navitem/navitem.component.js

@@ -0,0 +1,67 @@
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View, TouchableOpacity } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import WmNavItemProps from './navitem.props';
+import { DEFAULT_CLASS } from './navitem.styles';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+export class WmNavItemState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "collapsed", true);
+  }
+}
+export default class WmNavItem extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmNavItemProps(), new WmNavItemState());
+  }
+  onSelectItem(cb, $item, $event) {
+    cb && cb($event, this, $item === null || $item === void 0 ? void 0 : $item.data);
+  }
+  renderWidget(props) {
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
+    let child = props.children;
+    if (props.view === 'anchor') {
+      child = /*#__PURE__*/React.createElement(WmAnchor, _extends({
+        id: this.getTestId('navlink')
+      }, getAccessibilityProps(AccessibilityWidgetType.NAV, props), {
+        styles: this.styles.navAnchorItem,
+        caption: getDisplayLabel(props.item.label),
+        hyperlink: props.item.link,
+        badgevalue: props.item.badge,
+        iconclass: props.item.icon,
+        onTap: this.onSelectItem.bind(this, props.onSelect, props.item)
+      }));
+    }
+    if (props.view === 'dropdown') {
+      child = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('navitem'), {
+        onPress: () => {
+          this.updateState({
+            collapsed: !this.state.collapsed
+          });
+        }
+      }), /*#__PURE__*/React.createElement(View, {
+        style: this.styles.dropdownNav
+      }, /*#__PURE__*/React.createElement(WmAnchor, _extends({
+        id: this.getTestId('navlink'),
+        styles: this.styles.navAnchorItem,
+        caption: getDisplayLabel(props.item.label),
+        iconclass: props.item.icon,
+        onTap: this.onSelectItem.bind(this, props.onSelect, props.item)
+      }, getAccessibilityProps(AccessibilityWidgetType.NAV, props))), /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('icon'),
+        styles: this.styles.caretIcon,
+        iconclass: this.state.collapsed ? 'fa fa-sort-down' : 'fa fa-sort-up'
+      }))), !this.state.collapsed && props.children);
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, child);
+  }
+}
+//# sourceMappingURL=navitem.component.js.map

app-rn-runtime/components/navigation/navitem/navitem.props.js

@@ -0,0 +1,19 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmNavItemProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "caption", void 0);
+    _defineProperty(this, "item", []);
+    _defineProperty(this, "view", 'default');
+    _defineProperty(this, "onSelect", ($event, target, $item) => {});
+    _defineProperty(this, "getDisplayExpression", label => null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "link");
+  }
+}
+//# sourceMappingURL=navitem.props.js.map

app-rn-runtime/components/navigation/navitem/navitem.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmNavItemProps","constructor","args","_defineProperty","$event","target","$item","label","undefined"],"sources":["navitem.props.ts"],"sourcesContent":["import {BaseComponent, BaseProps} from '@wavemaker/app-rn-runtime/core/base.component';\nimport {NavigationDataItem} from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport {SyntheticEvent} from \"@wavemaker/app-rn-runtime/core/tappable.component\";\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmNavItemProps extends BaseProps {\n  children?: any;\n  caption?: string;\n  item: any = [];\n  view: 'default' | 'dropdown' | 'anchor' = 'default';\n  onSelect? = ($event: SyntheticEvent, target: any, $item: NavigationDataItem) => {};\n  getDisplayExpression? = (label: string) => null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"link\";\n}\n"],"mappings":";;;AAAA,SAAuBA,SAAS,QAAO,+CAA+C;AAKtF,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,eAGxC,EAAE;IAAAA,eAAA,eAC4B,SAAS;IAAAA,eAAA,mBACvC,CAACC,MAAsB,EAAEC,MAAW,EAAEC,KAAyB,KAAK,CAAC,CAAC;IAAAH,eAAA,+BACzDI,KAAa,IAAK,IAAW;IAAAJ,eAAA,6BACxBK,SAAS;IAAAL,eAAA,eACvBK,SAAS;IAAAL,eAAA,4BACe,MAAM;EAAA;AAChD","ignoreList":[]}

app-rn-runtime/components/navigation/popover/popover.component.js

@@ -0,0 +1,193 @@
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { isString } from 'lodash-es';
+import { TouchableOpacity, Text, View, Dimensions, Animated, PanResponder } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
+import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
+import WmPopoverProps from './popover.props';
+import { DEFAULT_CLASS } from './popover.styles';
+import WmContainer from '../../container/container.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { ScrollView, GestureHandlerRootView } from 'react-native-gesture-handler';
+export class WmPopoverState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isOpened", false);
+    _defineProperty(this, "modalOptions", {});
+    _defineProperty(this, "position", {});
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+export default class WmPopover extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());
+    _defineProperty(this, "view", null);
+    _defineProperty(this, "dragY", new Animated.Value(0));
+    _defineProperty(this, "panResponder", PanResponder.create({
+      onStartShouldSetPanResponder: () => true,
+      onMoveShouldSetPanResponder: () => true,
+      onPanResponderMove: (_, gestureState) => {
+        if (gestureState.dy > 0 && gestureState.dy < Number(this.styles.popover.minHeight)) {
+          this.dragY.setValue(Number(this.styles.popover.minHeight) - gestureState.dy);
+        }
+      },
+      onPanResponderRelease: (_, gestureState) => {
+        if (gestureState.dy < -50) {
+          Animated.timing(this.dragY, {
+            toValue: Number(this.styles.popover.maxHeight),
+            duration: 500,
+            useNativeDriver: false
+          }).start();
+        } else {
+          Animated.timing(this.dragY, {
+            toValue: Number(this.styles.popover.minHeight),
+            duration: 500,
+            useNativeDriver: false
+          }).start();
+        }
+      }
+    }));
+    _defineProperty(this, "computePosition", e => {
+      const position = {};
+      if (this.state.props.type === 'dropdown') {
+        const windowDimensions = Dimensions.get('window');
+        this.view.measure((x, y, width, height, px, py) => {
+          let popoverwidth = this.state.props.popoverwidth;
+          if (popoverwidth && isString(popoverwidth)) {
+            popoverwidth = parseInt(popoverwidth);
+          }
+          position.left = px;
+          if (px + popoverwidth > windowDimensions.width) {
+            position.left = px + width - popoverwidth;
+          }
+          position.top = py + height;
+          this.updateState({
+            position: position
+          });
+        });
+      }
+    });
+    _defineProperty(this, "showPopover", e => {
+      this.updateState({
+        isOpened: true
+      });
+      this.invokeEventCallback('onShow', [e, this]);
+      e === null || e === void 0 || e.stopPropagation();
+    });
+    _defineProperty(this, "hide", () => {});
+    if (this.state.props.autoopen) {
+      this.showPopover();
+    }
+  }
+  getDefaultStyles() {
+    const isActionSheet = this.state.props.type === 'action-sheet';
+    return this.theme.getStyle(`${this.defaultClass} ${isActionSheet ? 'app-popover-action-sheet' : ''}`);
+  }
+  renderPopoverContent(props, styles, dimensions) {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      style: props.type === "action-sheet" ? {
+        dimensions
+      } : this.theme.mergeStyle(styles.popover, dimensions),
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      },
+      scrollEventThrottle: 48,
+      accessible: props.type !== "dropdown",
+      accessibilityViewIsModal: true
+    }, props.title ? /*#__PURE__*/React.createElement(Text, {
+      style: styles.title
+    }, props.title) : null, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('outercontent'), {
+      activeOpacity: 1,
+      onPress: () => {
+        props.autoclose === 'always' && this.hide();
+      },
+      style: styles.popoverContent.root
+    }), /*#__PURE__*/React.createElement(WmContainer, _extends({
+      styles: styles.popoverContent,
+      onLoad: () => this.invokeEventCallback('onLoad', [this])
+    }, props.renderPartial ? {
+      renderPartial: (p, onLoad) => {
+        return props.renderPartial && props.renderPartial(props, onLoad);
+      }
+    } : {}), props.renderPartial ? null : props.children)));
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case "autoopen":
+        if ($new) {
+          this.showPopover && this.showPopover();
+        } else {
+          this.hide && this.hide();
+        }
+    }
+  }
+  prepareModalOptions(content, styles, modalService) {
+    const o = this.state.modalOptions;
+    o.modalStyle = styles.modal;
+    o.contentStyle = {
+      ...styles.modalContent,
+      ...this.state.position
+    };
+    o.content = content;
+    o.isModal = this.state.props.autoclose !== 'disabled';
+    o.centered = true;
+    o.animation = this.state.props.contentanimation || 'slideInUp';
+    o.onClose = () => {
+      this.hide = () => {};
+      this.setState({
+        isOpened: false,
+        isPartialLoaded: false,
+        modalOptions: {}
+      });
+      this.invokeEventCallback('onHide', [null, this]);
+    };
+    this.hide = () => modalService.hideModal(this.state.modalOptions);
+    return o;
+  }
+  renderWidget(props) {
+    let dimensions = {};
+    const styles = this.theme.mergeStyle(this.theme.getStyle('popover-' + props.type), this.styles);
+    if (props.type === 'dropdown') {
+      if (props.popoverwidth) {
+        dimensions.width = props.popoverwidth;
+        styles.modalContent.width = props.popoverwidth;
+      }
+      if (props.popoverheight) {
+        dimensions.height = props.popoverheight;
+      }
+    }
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: styles.root,
+      onLayout: this.computePosition,
+      ref: ref => {
+        this.view = ref;
+      }
+    }, getAccessibilityProps(AccessibilityWidgetType.POVOVER, props)), this._background, /*#__PURE__*/React.createElement(WmAnchor, {
+      id: this.getTestId('trigger'),
+      animation: props.animation,
+      caption: props.caption,
+      badgevalue: props.badgevalue,
+      iconclass: props.iconclass,
+      iconposition: props.iconposition,
+      iconheight: props.iconheight,
+      iconwidth: props.iconwidth,
+      iconmargin: props.iconmargin,
+      iconurl: props.iconurl,
+      styles: styles.link,
+      onTap: this.showPopover
+    }), this.state.isOpened ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+      modalService.showModal(this.prepareModalOptions(props.type === 'action-sheet' ? /*#__PURE__*/React.createElement(Animated.View, _extends({
+        style: [styles.popover, {
+          height: this.dragY
+        }]
+      }, this.panResponder.panHandlers), /*#__PURE__*/React.createElement(GestureHandlerRootView, null, this.renderPopoverContent(props, styles, dimensions))) : this.renderPopoverContent(props, styles, dimensions), styles, modalService));
+      return null;
+    }) : null);
+  }
+}
+//# sourceMappingURL=popover.component.js.map

app-rn-runtime/components/navigation/popover/popover.props.js

@@ -0,0 +1,31 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmPopoverProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "badgevalue", null);
+    _defineProperty(this, "caption", 'Link');
+    _defineProperty(this, "contentanimation", null);
+    _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "iconposition", 'left');
+    _defineProperty(this, "popoverwidth", 240);
+    _defineProperty(this, "popoverheight", 360);
+    _defineProperty(this, "autoclose", 'outsideClick');
+    _defineProperty(this, "autoopen", false);
+    _defineProperty(this, "children", []);
+    _defineProperty(this, "renderPartial", null);
+    _defineProperty(this, "title", null);
+    _defineProperty(this, "type", 'action-sheet');
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+  }
+}
+//# sourceMappingURL=popover.props.js.map

app-rn-runtime/components/navigation/popover/popover.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmPopoverProps","constructor","args","_defineProperty","undefined"],"sources":["popover.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport React from 'react';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmPopoverProps extends BaseProps {\n  animation?: string = null as any;\n  badgevalue? = null as any;\n  caption? = 'Link';\n  contentanimation?: string = null as any;\n  iconclass? = null as any;\n  iconposition? = 'left' as any;\n  popoverwidth?: string | number | null = 240;\n  popoverheight?: string | number | null = 360;\n  autoclose?: 'outsideClick' | 'disabled' | 'always' = 'outsideClick';\n  autoopen?: boolean = false;\n  children? = [] as any;\n  renderPartial?: Function = null as any;\n  title?: string = null as any;\n  type?: 'action-sheet' | 'dropdown' = 'action-sheet';\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,qBACX,IAAI;IAAAA,eAAA,kBACP,MAAM;IAAAA,eAAA,2BACW,IAAI;IAAAA,eAAA,oBACnB,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,uBACkB,GAAG;IAAAA,eAAA,wBACF,GAAG;IAAAA,eAAA,oBACS,cAAc;IAAAA,eAAA,mBAC9C,KAAK;IAAAA,eAAA,mBACd,EAAE;IAAAA,eAAA,wBACa,IAAI;IAAAA,eAAA,gBACd,IAAI;IAAAA,eAAA,eACgB,cAAc;IAAAA,eAAA,kBAChC,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B","ignoreList":[]}

app-rn-runtime/components/page/left-panel/left-panel.component.js

@@ -0,0 +1,45 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLeftPanelProps from './left-panel.props';
+import { DEFAULT_CLASS } from './left-panel.styles';
+import { ScrollView } from 'react-native-gesture-handler';
+export class WmLeftPanelState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+export default class WmLeftPanel extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLeftPanelProps());
+  }
+  onPartialLoad() {
+    this.invokeEventCallback('onLoad', [null, this]);
+  }
+  renderContent(props) {
+    if (props.renderPartial) {
+      if (!this.state.isPartialLoaded) {
+        setTimeout(() => {
+          this.updateState({
+            isPartialLoaded: true
+          });
+        });
+      }
+      return props.renderPartial(props, this.onPartialLoad.bind(this));
+    }
+    return props.children;
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      },
+      scrollEventThrottle: 48,
+      contentContainerStyle: this.styles.root
+    }, this._background, this.renderContent(props));
+  }
+}
+//# sourceMappingURL=left-panel.component.js.map

app-rn-runtime/components/page/left-panel/left-panel.props.js

@@ -0,0 +1,12 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmLeftPanelProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "renderPartial", void 0);
+  }
+}
+//# sourceMappingURL=left-panel.props.js.map

app-rn-runtime/components/page/left-panel/left-panel.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmLeftPanelProps","constructor","args","_defineProperty"],"sources":["left-panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLeftPanelProps extends BaseProps {\n  children?: any;\n  renderPartial?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;EAAA;AAGxD","ignoreList":[]}

app-rn-runtime/components/page/page-content/page-content.props.js

@@ -0,0 +1,12 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { SkeletonAnimationProps } from '@wavemaker/app-rn-runtime/runtime/base-fragment.component';
+export default class WmPageContentProps extends SkeletonAnimationProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "scrollable", true);
+  }
+}
+//# sourceMappingURL=page-content.props.js.map

app-rn-runtime/components/page/page.component.js

@@ -0,0 +1,26 @@
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { PanResponder, View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { DEFAULT_CLASS } from './page.styles';
+export class WmPageState extends BaseComponentState {}
+export default class WmPage extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS);
+    _defineProperty(this, "panResponder", PanResponder.create({
+      onStartShouldSetPanResponderCapture: e => {
+        this.notify('globaltouch', [e]);
+        return false;
+      }
+    }));
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: this.styles.root
+    }, this.panResponder.panHandlers), this._background, props.children);
+  }
+}
+//# sourceMappingURL=page.component.js.map