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

app-rn-runtime/components/advanced/carousel/carousel.styles.js

@@ -0,0 +1,180 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-carousel';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const btn = {
+    height: 48,
+    width: 48,
+    borderRadius: 48,
+    borderColor: themeVariables.transparent,
+    borderWidth: 1,
+    justifyContent: 'center'
+  };
+  const defaultStyles = defineStyles({
+    root: {
+      position: 'relative',
+      rippleColor: themeVariables.transparent
+    },
+    text: {},
+    slide: {
+      width: '100%',
+      overflow: 'hidden',
+      paddingHorizontal: 16,
+      transform: [{
+        scale: 0.8
+      }]
+    },
+    firstSlide: {},
+    lastSlide: {},
+    activeSlide: {},
+    btnPanel: {
+      position: 'absolute',
+      top: '50%',
+      marginTop: -64,
+      height: 64,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      width: '100%'
+    },
+    prevBtn: {
+      root: {
+        marginLeft: 12,
+        ...btn,
+        backgroundColor: themeVariables.carouselPrevBgColor,
+        rippleColor: themeVariables.transparent
+      },
+      text: {
+        fontSize: 32
+      },
+      icon: {
+        color: themeVariables.carouselPrevBtnColor
+      }
+    },
+    nextBtn: {
+      root: {
+        marginRight: 12,
+        ...btn,
+        backgroundColor: themeVariables.carouselPrevBgColor,
+        rippleColor: themeVariables.transparent
+      },
+      text: {
+        fontSize: 32
+      },
+      icon: {
+        color: themeVariables.carouselNextBtnColor
+      }
+    },
+    dotsWrapperStyle: {
+      opacity: 1,
+      backgroundColor: themeVariables.carouselDotWrapperBgColor,
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingTop: 4,
+      paddingBottom: 4
+    },
+    activeDotStyle: {
+      position: 'absolute',
+      backgroundColor: themeVariables.carouselActiveDotColor,
+      opacity: 1,
+      padding: 4
+    },
+    dotStyle: {
+      width: 8,
+      height: 8,
+      borderRadius: 10,
+      opacity: 0.2,
+      marginLeft: 2,
+      marginRight: 2,
+      backgroundColor: themeVariables.carouselDotColor
+    },
+    skeleton: {
+      root: {
+        width: '100%'
+      },
+      text: {}
+    },
+    dotSkeleton: {
+      root: {
+        width: 10,
+        height: 10,
+        borderRadius: 5,
+        opacity: 1,
+        backgroundColor: themeVariables.skeletonAnimatedBgColor
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    prevBtn: {
+      root: {
+        transform: [{
+          rotateY: '180deg'
+        }]
+      }
+    },
+    nextBtn: {
+      root: {
+        transform: [{
+          rotateY: '180deg'
+        }]
+      }
+    }
+  });
+  addStyle('app-carousel-1', '', {
+    btnPanel: {
+      top: '100%'
+    },
+    prevBtn: {
+      root: {
+        borderRadius: 6
+      }
+    },
+    nextBtn: {
+      root: {
+        borderRadius: 6
+      }
+    }
+  });
+  addStyle('app-carousel-2', '', {
+    btnPanel: {
+      backgroundColor: themeVariables.defaultColorF,
+      width: '100%',
+      top: '100%',
+      right: 0,
+      padding: 8,
+      justifyContent: 'flex-end'
+    },
+    dotsWrapperStyle: {
+      alignSelf: 'flex-start',
+      justifyContent: 'flex-start'
+    },
+    activeDotStyle: {
+      backgroundColor: themeVariables.primaryColor
+    },
+    dotStyle: {
+      backgroundColor: themeVariables.primaryColor
+    },
+    prevBtn: {
+      root: {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderColor: themeVariables.primaryColor
+      },
+      icon: {
+        color: themeVariables.primaryColor
+      }
+    },
+    nextBtn: {
+      root: {
+        marginLeft: 8,
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderColor: themeVariables.primaryColor
+      },
+      icon: {
+        color: themeVariables.primaryColor
+      }
+    }
+  });
+});
+//# sourceMappingURL=carousel.styles.js.map

app-rn-runtime/components/advanced/carousel/carousel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","btn","height","width","borderRadius","borderColor","transparent","borderWidth","justifyContent","defaultStyles","root","position","rippleColor","text","slide","overflow","paddingHorizontal","transform","scale","firstSlide","lastSlide","activeSlide","btnPanel","top","marginTop","flexDirection","alignItems","prevBtn","marginLeft","backgroundColor","carouselPrevBgColor","fontSize","icon","color","carouselPrevBtnColor","nextBtn","marginRight","carouselNextBtnColor","dotsWrapperStyle","opacity","carouselDotWrapperBgColor","paddingTop","paddingBottom","activeDotStyle","carouselActiveDotColor","padding","dotStyle","carouselDotColor","skeleton","dotSkeleton","skeletonAnimatedBgColor","rotateY","defaultColorF","right","alignSelf","primaryColor"],"sources":["carousel.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCarouselStyles = BaseStyles & {\n    btnPanel: AllStyle,\n    prevBtn: WmIconStyles,\n    slide: AllStyle,\n    firstSlide: AllStyle,\n    lastSlide: AllStyle,\n    activeSlide: AllStyle,\n    nextBtn: WmIconStyles,\n    dotsWrapperStyle: AllStyle,\n    dotStyle: AllStyle,\n    activeDotStyle: AllStyle,\n    skeleton: WmSkeletonStyles\n    dotSkeleton: WmSkeletonStyles\n};\nexport const DEFAULT_CLASS = 'app-carousel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const btn: ViewStyle = {\n        height: 48,\n        width: 48,\n        borderRadius: 48,\n        borderColor: themeVariables.transparent,\n        borderWidth: 1,\n        justifyContent: 'center'\n    };\n    const defaultStyles: WmCarouselStyles = defineStyles({\n        root: {\n            position: 'relative',\n            rippleColor: themeVariables.transparent\n        },\n        text: {},\n        slide: {\n            width: '100%',\n            overflow: 'hidden',\n            paddingHorizontal: 16,\n            transform: [\n                {\n                    scale: 0.8\n                }\n            ]\n        },\n        firstSlide: {},\n        lastSlide: {},\n        activeSlide: {},\n        btnPanel: {\n            position: 'absolute',\n            top: '50%',\n            marginTop: -64,\n            height: 64,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            width: '100%'\n        },\n        prevBtn : {\n            root: {\n                marginLeft: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselPrevBtnColor\n            }\n        } as WmIconStyles,\n        nextBtn : {\n            root: {\n                marginRight: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselNextBtnColor\n            }\n        } as WmIconStyles,\n        dotsWrapperStyle:{\n            opacity: 1,\n            backgroundColor: themeVariables.carouselDotWrapperBgColor,\n            flexDirection: 'row',\n            justifyContent: 'center',\n            alignItems: 'center',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        activeDotStyle: {\n            position: 'absolute',\n            backgroundColor: themeVariables.carouselActiveDotColor,\n            opacity: 1,\n            padding: 4\n        },\n        dotStyle: {\n            width: 8,\n            height: 8,\n            borderRadius: 10,\n            opacity: 0.2,\n            marginLeft: 2,\n            marginRight: 2,\n            backgroundColor: themeVariables.carouselDotColor\n        },\n        skeleton: {\n            root: {\n                width: '100%',\n            },\n            text: {}\n        } as any as WmSkeletonStyles,\n        dotSkeleton: {\n            root: {\n                width: 10,\n                height: 10,\n                borderRadius: 5,\n                opacity: 1,\n                backgroundColor: themeVariables.skeletonAnimatedBgColor    \n            }\n        } as any as WmSkeletonStyles\n    } as WmCarouselStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        },\n        nextBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        }\n    });\n\n    addStyle('app-carousel-1', '', {\n        btnPanel: {\n            top: '100%'\n        },\n        prevBtn: {\n            root: {\n                borderRadius: 6\n            }\n        },\n        nextBtn: {\n            root: {\n                borderRadius: 6\n            }\n        }\n    } as any as WmCarouselStyles);\n\n    addStyle('app-carousel-2', '', {\n        btnPanel: {\n            backgroundColor: themeVariables.defaultColorF,\n            width: '100%',\n            top: '100%',\n            right: 0,\n            padding: 8,\n            justifyContent: 'flex-end'\n        },\n        dotsWrapperStyle:{\n            alignSelf: 'flex-start',\n            justifyContent: 'flex-start'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        dotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        prevBtn: {\n            root: {\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        },\n        nextBtn: {\n            root: {\n                marginLeft: 8,\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        }\n    } as any as WmCarouselStyles);\n});"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/advanced/login/login.component.js

@@ -0,0 +1,39 @@
+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 { Text, View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLoginProps from './login.props';
+import { DEFAULT_CLASS } from './login.styles';
+export class WmLoginState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "errorMsg", '');
+  }
+}
+export default class WmLogin extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLoginProps());
+  }
+  onLoginSuccess(response) {}
+  onLoginError(error) {
+    this.updateState({
+      errorMsg: error === null || error === void 0 ? void 0 : error.message
+    });
+  }
+  doLogin(formData) {
+    this.props.onLogin(formData, this.onLoginSuccess.bind(this), this.onLoginError.bind(this));
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, this.state.errorMsg && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('error'), {
+      style: this.styles.errorMsgStyles
+    }), this.state.errorMsg), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.formStyles
+    }, props.children));
+  }
+}
+//# sourceMappingURL=login.component.js.map

app-rn-runtime/components/advanced/login/login.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 WmLoginProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "onLogin", () => {});
+  }
+}
+//# sourceMappingURL=login.props.js.map

app-rn-runtime/components/advanced/login/login.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmLoginProps","constructor","args","_defineProperty"],"sources":["login.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLoginProps extends BaseProps {\n    children: any;\n    onLogin: Function = () => {};\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,kBAE5B,MAAM,CAAC,CAAC;EAAA;AAChC","ignoreList":[]}

app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.component.js

@@ -0,0 +1,114 @@
+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 { Text, TouchableOpacity, View } from 'react-native';
+import NetworkService from '@wavemaker/app-rn-runtime/core/network.service';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { ToastConsumer } from '@wavemaker/app-rn-runtime/core/toast.service';
+import WmNetworkInfoToasterProps from './network-info-toaster.props';
+import { DEFAULT_CLASS } from './network-info-toaster.styles';
+import { isEqual } from 'lodash-es';
+export class WmNetworkInfoToasterState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "newtworkState", {});
+    _defineProperty(this, "showToast", false);
+  }
+}
+export default class WmNetworkInfoToaster extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());
+    _defineProperty(this, "options", {});
+    _defineProperty(this, "_close", null);
+    this.updateState({
+      newtworkState: NetworkService.getState(),
+      showToast: !NetworkService.isConnected()
+    });
+    this.cleanup.push(NetworkService.notifier.subscribe('onNetworkStateChange', networkState => {
+      if (!isEqual(networkState, this.state.newtworkState)) {
+        this.updateState({
+          newtworkState: networkState,
+          showToast: true
+        });
+      }
+    }));
+  }
+  getToastContent() {
+    if (this.state.newtworkState.isConnected) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+        style: this.styles.text
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
+        style: this.styles.action,
+        onPress: () => this._close()
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionText
+      }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
+    }
+    if (this.state.newtworkState.isConnecting) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+        style: this.styles.text
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING));
+    }
+    if (this.state.newtworkState.isServiceAvailable) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+        style: this.styles.text
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
+        style: this.styles.action,
+        onPress: () => this._close()
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionText
+      }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionSeparator
+      }, "|"), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('connect'), {
+        style: this.styles.action
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionText
+      }, this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE)));
+    }
+    if (!this.state.newtworkState.isNetworkAvailable) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+        style: this.styles.text
+      }), this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
+        style: this.styles.action,
+        onPress: () => this._close()
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionText
+      }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+      style: this.styles.text
+    }), this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
+      style: this.styles.action,
+      onPress: () => this._close()
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.actionText
+    }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
+  }
+  renderWidget(props) {
+    this.options.content = this.getToastContent();
+    this.options.onClose = () => {
+      this._close = null;
+      this.updateState({
+        showToast: false
+      });
+    };
+    return this.options.content && this.state.showToast ? /*#__PURE__*/React.createElement(ToastConsumer, null, toastService => {
+      this._close = () => toastService.hideToast(this.options);
+      toastService.showToast(this.options);
+      return null;
+    }) : null;
+  }
+}
+//# sourceMappingURL=network-info-toaster.component.js.map

app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.props.js

@@ -0,0 +1,11 @@
+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 WmNetworkInfoToasterProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "appLocale", {});
+  }
+}
+//# sourceMappingURL=network-info-toaster.props.js.map

app-rn-runtime/components/advanced/webview/webview.component.js

@@ -0,0 +1,153 @@
+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 { BackHandler, Platform, View } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmWebviewProps from './webview.props';
+import { DEFAULT_CLASS } from './webview.styles';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { isAndroid, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+class WmWebViewState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "currentTarget", {
+      title: '',
+      src: ''
+    });
+  }
+}
+export default class WmWebview extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmWebviewProps());
+    _defineProperty(this, "webview", null);
+    _defineProperty(this, "webViewState", null);
+    _defineProperty(this, "invokeJSCallbacks", {});
+    _defineProperty(this, "handleBackButtonPress", () => {
+      if (this.webview && this.webViewState && this.webViewState.canGoBack) {
+        this.webview.goBack();
+        return true;
+      }
+      return false;
+    });
+    _defineProperty(this, "onMessage", event => {
+      var _event$nativeEvent;
+      const data = (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.data;
+      if (data && data.startsWith('afterInjectJavaScript')) {
+        const id = data === null || data === void 0 ? void 0 : data.match(/\:([0-9]+)\:/);
+        const callback = id && this.invokeJSCallbacks[id[1]];
+        const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);
+        callback && callback(this.parseResult(result));
+      } else {
+        this.invokeEventCallback('onMessage', [event, this]);
+      }
+    });
+    this.hideMode = HideMode.DONOT_ADD_TO_DOM;
+    if (isAndroid() && !isWebPreviewMode()) {
+      BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);
+    }
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+    if (isAndroid() && !isWebPreviewMode()) {
+      BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonPress);
+    }
+  }
+  get title() {
+    var _this$state$currentTa;
+    return (_this$state$currentTa = this.state.currentTarget) === null || _this$state$currentTa === void 0 ? void 0 : _this$state$currentTa.title;
+  }
+  get currentsrc() {
+    var _this$state$currentTa2;
+    return (_this$state$currentTa2 = this.state.currentTarget) === null || _this$state$currentTa2 === void 0 ? void 0 : _this$state$currentTa2.src;
+  }
+  executeScript(fn) {
+    return new Promise((resolve, reject) => {
+      if (this.webview) {
+        const id = '' + Date.now();
+        this.invokeJSCallbacks[id] = resolve;
+        fn = `
+         (function(){
+          try{
+            return (${fn});
+          } catch(e) {
+            return e.getMessage();
+          }
+         }())
+        `;
+        this.webview.injectJavaScript(`window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`);
+      } else {
+        reject();
+      }
+    });
+  }
+  insertCSS(style = '') {
+    style = style.replace(/[\n\t\r]/g, '');
+    return this.executeScript(`
+    function() {
+      const style = document.createElement('style');
+      style.innerHTML = '${style}';
+      document.head.appendChild(style);
+      return 'SUCCESS';
+    }()
+    `);
+  }
+  parseResult(result) {
+    try {
+      return JSON.parse(result);
+    } catch (e) {
+      if (result === 'undefined' || result === 'null') {
+        return null;
+      }
+      return result;
+    }
+  }
+  getTitle(iframe) {
+    try {
+      return iframe.currentTarget.contentWindow.document.title;
+    } catch (e) {
+      // browser blocks cross origin access to iframe content.
+    }
+  }
+  onLoad(e, title, src) {
+    this.updateState({
+      currentTarget: {
+        title: title,
+        src: src
+      }
+    }, () => {
+      this.invokeEventCallback('onLoad', [e, this]);
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, Platform.OS === 'web' ? /*#__PURE__*/React.createElement("iframe", {
+      src: props.src,
+      width: '100%',
+      height: '100%',
+      onLoad: e => this.onLoad(e, this.getTitle(e.currentTarget), e.currentTarget.src)
+    }) : /*#__PURE__*/React.createElement(WebView, _extends({
+      ref: ref => this.webview = ref,
+      nestedScrollEnabled: true,
+      style: this.styles.webview,
+      source: {
+        uri: props.src
+      },
+      testID: this.getTestId('web_view')
+    }, getAccessibilityProps(AccessibilityWidgetType.WEBVIEW, props), {
+      incognito: props.incognito,
+      onMessage: this.onMessage,
+      sharedCookiesEnabled: true,
+      onNavigationStateChange: state => {
+        this.webViewState = state;
+      },
+      scrollEnabled: true,
+      onLoadEnd: e => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)
+    })));
+  }
+}
+//# sourceMappingURL=webview.component.js.map

app-rn-runtime/components/advanced/webview/webview.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 { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmWebviewProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "src", null);
+    _defineProperty(this, "incognito", false);
+    _defineProperty(this, "onLoad", null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+  }
+}
+//# sourceMappingURL=webview.props.js.map

app-rn-runtime/components/advanced/webview/webview.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmWebviewProps","constructor","args","_defineProperty","undefined"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmWebview from './webview.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmWebviewProps extends BaseProps {\n  src: string = null as any;\n  incognito? = false;\n  onLoad?: ($event: any, $widget: WmWebview) => void = null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,cACtC,IAAI;IAAAA,eAAA,oBACL,KAAK;IAAAA,eAAA,iBACmC,IAAI;IAAAA,eAAA,6BAC3BC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B","ignoreList":[]}

app-rn-runtime/components/basic/anchor/anchor.component.js

@@ -0,0 +1,99 @@
+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 { Text } from 'react-native';
+import { Badge } from 'react-native-paper';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';
+import WmAnchorProps from './anchor.props';
+import { DEFAULT_CLASS } from './anchor.styles';
+import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { createSkeleton } from '../skeleton/skeleton.component';
+export class WmAnchorState extends BaseComponentState {}
+export default class WmAnchor extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAnchorProps());
+  }
+  onTap(navigationService, e) {
+    const props = this.state.props;
+    if (props.hyperlink) {
+      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;
+      navigationService.openUrl(link, {
+        target: this.state.props.target
+      });
+    }
+    this.invokeEventCallback('onTap', [e, this.proxy]);
+  }
+  renderSkeleton(props) {
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: this.props.skeletonwidth || this.styles.root.width,
+      height: this.props.skeletonheight || this.styles.root.height
+    });
+  }
+  renderBadge() {
+    const {
+      badgevalue
+    } = this.props;
+    if (this._showSkeleton) {
+      return createSkeleton(this.theme, this.styles.badgeSkeleton, {
+        ...this.styles.badge
+        // marginTop: -50
+      });
+    }
+    return badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, {
+      style: this.styles.badge
+    }, badgevalue) : null;
+  }
+  renderWidget(props) {
+    const {
+      iconclass,
+      iconurl,
+      name,
+      iconheight,
+      iconmargin,
+      iconwidth,
+      badgevalue
+    } = props;
+    if (this.styles.icon && this.styles.icon.text) {
+      this.styles.icon.text.color = this.styles.text.color;
+    }
+    const icon = (iconclass || iconurl) && /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
+      styles: this.styles.icon,
+      hint: props === null || props === void 0 ? void 0 : props.hint,
+      name: name + '_icon',
+      iconclass: iconclass,
+      iconurl: iconurl,
+      iconheight: iconheight,
+      iconmargin: iconmargin,
+      iconwidth: iconwidth
+    });
+    return /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      style: {
+        width: this.styles.root.width,
+        height: this.styles.root.height,
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      target: this,
+      styles: [this.styles.root, this.styles.root.width && this.styles.root.height ? {
+        width: '100%',
+        height: '100%'
+      } : null, {
+        flexDirection: props.iconposition === 'top' ? 'column' : 'row'
+      }],
+      onTap: props.hyperlink || props.onTap ? e => this.onTap(navigationService, e) : undefined
+    }), this._background, props.iconposition === 'top' && icon, props.iconposition === 'left' && icon, props.caption ? /*#__PURE__*/React.createElement(Text, _extends({
+      style: this.styles.text
+    }, this.getTestPropsForLabel('caption'), getAccessibilityProps(AccessibilityWidgetType.ANCHOR, props), {
+      numberOfLines: props.nooflines
+    }), props.caption) : null, props.iconposition === 'right' && icon, this.renderBadge())));
+  }
+}
+//# sourceMappingURL=anchor.component.js.map