@wavemaker-ai/app-rn-runtime 1.0.0-rc.326 → 1.0.0-rc.330

package/components/advanced/offline-banner/offline-banner.component.js

@@ -0,0 +1,68 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { View } from 'react-native';
+import WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';
+import WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';
+import injector from '@wavemaker-ai/app-rn-runtime/core/injector';
+import WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmOfflineBannerProps from './offline-banner.props';
+import { DEFAULT_CLASS } from './offline-banner.styles';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+class WMOfflineBannerState extends BaseComponentState {}
+class OfflineBanner extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmOfflineBannerProps(), new WMOfflineBannerState());
+  }
+  renderWidget(props) {
+    var _appConfig$appLocale;
+    const appConfig = injector.get('APP_CONFIG');
+    const appLocale = (appConfig === null || appConfig === void 0 || (_appConfig$appLocale = appConfig.appLocale) === null || _appConfig$appLocale === void 0 ? void 0 : _appConfig$appLocale.messages) || {};
+    return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      var _appConfig$preference, _appConfig$preference2, _appConfig$preference3, _appConfig$preference4;
+      return /*#__PURE__*/React.createElement(View, _extends({
+        style: [{
+          paddingTop: insets === null || insets === void 0 ? void 0 : insets.top,
+          paddingBottom: insets === null || insets === void 0 ? void 0 : insets.bottom
+        }, this.styles.root]
+      }, getAccessibilityProps(AccessibilityWidgetType.OFFLINE_BANNER, {
+        accessibilitylabel: 'You are currently offline',
+        hint: 'Connection status notification'
+      })), /*#__PURE__*/React.createElement(View, {
+        style: this.styles.infoContainer
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.imageContainer
+      }, /*#__PURE__*/React.createElement(WmPicture, {
+        picturesource: appConfig === null || appConfig === void 0 || (_appConfig$preference = appConfig.preferences) === null || _appConfig$preference === void 0 ? void 0 : _appConfig$preference.offlineImage,
+        resizemode: "contain",
+        name: "offline_picture",
+        classname: "offline-banner-image"
+      })), /*#__PURE__*/React.createElement(View, {
+        style: this.styles.textContainer
+      }, /*#__PURE__*/React.createElement(WmLabel, {
+        caption: appLocale.LABEL_OFFLINE_TITLE || (appConfig === null || appConfig === void 0 || (_appConfig$preference2 = appConfig.preferences) === null || _appConfig$preference2 === void 0 ? void 0 : _appConfig$preference2.offlineTitle) || 'No Internet connection',
+        classname: "offline-banner-message"
+      }), /*#__PURE__*/React.createElement(WmLabel, {
+        caption: appLocale.MESSAGE_OFFLINE_DESCRIPTION || (appConfig === null || appConfig === void 0 || (_appConfig$preference3 = appConfig.preferences) === null || _appConfig$preference3 === void 0 ? void 0 : _appConfig$preference3.offlineMessage) || 'You appear to be offline. Please check your internet connection.',
+        classname: "offline-banner-description"
+      }))), /*#__PURE__*/React.createElement(View, {
+        style: this.styles.buttonContainer
+      }, /*#__PURE__*/React.createElement(WmButton, {
+        caption: appLocale.LABEL_OFFLINE_RETRY || (appConfig === null || appConfig === void 0 || (_appConfig$preference4 = appConfig.preferences) === null || _appConfig$preference4 === void 0 ? void 0 : _appConfig$preference4.offlineRetry) || 'Try Again',
+        classname: "offline-banner-retry-button",
+        onTap: () => {
+          props.onRetry();
+        }
+      })));
+    });
+  }
+}
+;
+export default OfflineBanner;
+//# sourceMappingURL=offline-banner.component.js.map

package/components/advanced/offline-banner/offline-banner.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","WmPicture","WmLabel","injector","WmButton","BaseComponent","BaseComponentState","WmOfflineBannerProps","DEFAULT_CLASS","SafeAreaInsetsContext","AccessibilityWidgetType","getAccessibilityProps","WMOfflineBannerState","OfflineBanner","constructor","props","renderWidget","_appConfig$appLocale","appConfig","get","appLocale","messages","createElement","Consumer","insets","top","bottom","left","right","_appConfig$preference","_appConfig$preference2","_appConfig$preference3","_appConfig$preference4","_extends","style","paddingTop","paddingBottom","styles","root","OFFLINE_BANNER","accessibilitylabel","hint","infoContainer","imageContainer","picturesource","preferences","offlineImage","resizemode","name","classname","textContainer","caption","LABEL_OFFLINE_TITLE","offlineTitle","MESSAGE_OFFLINE_DESCRIPTION","offlineMessage","buttonContainer","LABEL_OFFLINE_RETRY","offlineRetry","onTap","onRetry"],"sources":["offline-banner.component.tsx"],"sourcesContent":["import React from 'react';\nimport {  Alert, View } from 'react-native';\nimport WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';\nimport { BaseComponent, BaseComponentState, BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmOfflineBannerProps from './offline-banner.props';\nimport { DEFAULT_CLASS, WmOfflineBannerStyles } from './offline-banner.styles';\nimport {  SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nclass WMOfflineBannerState extends BaseComponentState<WmOfflineBannerProps> {}\n\nclass OfflineBanner extends BaseComponent<WmOfflineBannerProps, WMOfflineBannerState, WmOfflineBannerStyles> {\n  constructor(props: WmOfflineBannerProps) {\n    super(props, DEFAULT_CLASS, new WmOfflineBannerProps(), new WMOfflineBannerState());\n  }\n\n  renderWidget(props: WmOfflineBannerProps) {\n\n    const appConfig = injector.get<AppConfig>('APP_CONFIG');\n    const appLocale = appConfig?.appLocale?.messages || {};\n\n    return  <SafeAreaInsetsContext.Consumer>\n      {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n      return (\n        <View\n        style={[\n          { paddingTop: insets?.top, paddingBottom: insets?.bottom },\n          this.styles.root,\n        ]}\n        {...getAccessibilityProps(AccessibilityWidgetType.OFFLINE_BANNER, {\n          accessibilitylabel: 'You are currently offline',\n          hint: 'Connection status notification'\n        })}\n      >\n      <View style={this.styles.infoContainer}>\n\n      <View style={this.styles.imageContainer}>\n      <WmPicture\n         picturesource={appConfig?.preferences?.offlineImage}\n         resizemode=\"contain\"\n         name=\"offline_picture\"\n         classname='offline-banner-image'\n         />\n      </View>\n      <View style={this.styles.textContainer}>\n      <WmLabel\n        caption={appLocale.LABEL_OFFLINE_TITLE || appConfig?.preferences?.offlineTitle || 'No Internet connection'}\n        classname='offline-banner-message'\n        />\n      <WmLabel\n        caption={appLocale.MESSAGE_OFFLINE_DESCRIPTION || appConfig?.preferences?.offlineMessage || 'You appear to be offline. Please check your internet connection.'}\n        classname='offline-banner-description'\n        />\n      </View>\n      </View>\n      <View style={this.styles.buttonContainer}>\n      <WmButton\n        caption={appLocale.LABEL_OFFLINE_RETRY || appConfig?.preferences?.offlineRetry || 'Try Again'}\n      classname={\"offline-banner-retry-button\"}\n      onTap={() => {\n        props.onRetry();\n       }}\n     />\n     </View>\n     </View> )\n    }}\n    </SafeAreaInsetsContext.Consumer>\n  }\n};\n\nexport default OfflineBanner;"],"mappings":"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","ignoreList":[]}

package/components/advanced/offline-banner/offline-banner.props.js

@@ -0,0 +1,12 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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-ai/app-rn-runtime/core/base.component';
+export default class WmOfflineBannerProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onRetry", null);
+    _defineProperty(this, "message", 'No Internet Connection');
+  }
+}
+//# sourceMappingURL=offline-banner.props.js.map

package/components/advanced/offline-banner/offline-banner.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmOfflineBannerProps","constructor","args","_defineProperty"],"sources":["offline-banner.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmOfflineBannerProps extends BaseProps {\n  onRetry: () => void = null as any;\n  message?: string = 'No Internet Connection';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBACpC,IAAI;IAAAA,eAAA,kBACP,wBAAwB;EAAA;AAC7C","ignoreList":[]}

package/components/advanced/offline-banner/offline-banner.styles.js

@@ -0,0 +1,99 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-offline-banner';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flex: 1,
+      paddingHorizontal: 20,
+      backgroundColor: '#fff',
+      justifyContent: 'center'
+    },
+    textContainer: {},
+    text: {},
+    infoContainer: {
+      flex: 1,
+      width: '100%',
+      justifyContent: 'center'
+    },
+    imageContainer: {
+      alignItems: 'center',
+      marginVertical: 24
+    },
+    errorImage: {
+      width: '80%',
+      maxWidth: 150,
+      height: undefined,
+      aspectRatio: 1.2,
+      maxHeight: 150,
+      alignSelf: 'center'
+    },
+    title: {
+      fontSize: 24,
+      fontWeight: '700',
+      textAlign: 'center',
+      color: '#2d3748',
+      marginBottom: 8
+    },
+    subtitle: {
+      fontSize: 14,
+      textAlign: 'center',
+      color: '#71717A',
+      marginBottom: 24,
+      fontWeight: '400'
+    },
+    buttonContainer: {
+      width: '100%',
+      maxWidth: 400,
+      alignSelf: 'center',
+      marginTop: 24,
+      marginBottom: 16
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('offline-banner-image', '', {
+    root: {
+      width: '80%',
+      maxWidth: 150,
+      height: undefined,
+      aspectRatio: 1.2,
+      maxHeight: 150,
+      alignSelf: 'center'
+    }
+  });
+  addStyle('offline-banner-message', '', {
+    root: {
+      alignSelf: 'center'
+    },
+    text: defaultStyles.title
+  });
+  addStyle('offline-banner-description', '', {
+    root: {
+      alignSelf: 'center'
+    },
+    text: defaultStyles.subtitle
+  });
+  addStyle('offline-banner-retry-button', '', {
+    root: {
+      backgroundColor: themeVariables.buttonPrimaryColor,
+      borderRadius: 12,
+      paddingVertical: 16,
+      paddingHorizontal: 24,
+      alignItems: 'center',
+      alignSelf: 'center',
+      width: '100%'
+    },
+    text: {
+      color: '#ffffff',
+      fontWeight: '700',
+      fontSize: 16,
+      lineHeight: 24,
+      textAlign: 'center'
+    },
+    badge: {
+      backgroundColor: '#ffffff',
+      color: '#3498db'
+    }
+  });
+});
+//# sourceMappingURL=offline-banner.styles.js.map

package/components/advanced/offline-banner/offline-banner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flex","paddingHorizontal","backgroundColor","justifyContent","textContainer","text","infoContainer","width","imageContainer","alignItems","marginVertical","errorImage","maxWidth","height","undefined","aspectRatio","maxHeight","alignSelf","title","fontSize","fontWeight","textAlign","color","marginBottom","subtitle","buttonContainer","marginTop","buttonPrimaryColor","borderRadius","paddingVertical","lineHeight","badge"],"sources":["offline-banner.styles.ts"],"sourcesContent":["import { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport {\n  BaseStyles,\n  defineStyles,\n} from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmLabelStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.styles';\nimport { WmButtonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmOfflineBannerStyles = BaseStyles & {\n  imageContainer: AllStyle;\n  textContainer: AllStyle;\n  infoContainer: AllStyle;\n  errorImage: AllStyle;\n  title: AllStyle;\n  subtitle: AllStyle;\n  buttonContainer: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-offline-banner';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmOfflineBannerStyles = defineStyles({\n    root: {\n      flex: 1,\n      paddingHorizontal: 20,\n      backgroundColor: '#fff',\n      justifyContent: 'center',\n    },\n    textContainer: {\n    },\n    text: {},\n    infoContainer: {\n      flex: 1,\n      width: '100%',\n      justifyContent: 'center',\n    },\n    imageContainer: {\n      alignItems: 'center',\n      marginVertical: 24,\n    },\n    errorImage: {\n      width: '80%',\n      maxWidth: 150,\n      height: undefined,\n      aspectRatio: 1.2,\n      maxHeight: 150,\n      alignSelf: 'center',\n    },\n    title: {\n      fontSize: 24,\n      fontWeight: '700',\n      textAlign: 'center',\n      color: '#2d3748',\n      marginBottom: 8,\n    },\n    subtitle: {\n      fontSize: 14,\n      textAlign: 'center',\n      color: '#71717A',\n      marginBottom: 24,\n      fontWeight: '400',\n    },\n    buttonContainer: {\n      width: '100%',\n      maxWidth: 400,\n      alignSelf: 'center',\n      marginTop: 24,\n      marginBottom: 16,\n    },\n  })\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  addStyle('offline-banner-image', '', {\n    root: {\n      width: '80%',\n      maxWidth: 150,\n      height: undefined,\n      aspectRatio: 1.2,\n      maxHeight: 150,\n      alignSelf: 'center',  \n    } as any\n  });\n\n  addStyle('offline-banner-message', '', {\n    root: { alignSelf: 'center' },\n    text: defaultStyles.title,\n  } as WmLabelStyles);\n\n  addStyle('offline-banner-description', '', {\n    root: { alignSelf: 'center' },\n    text: defaultStyles.subtitle,\n  } as WmLabelStyles);\n\n  addStyle('offline-banner-retry-button', '', {\n    root: {\n      backgroundColor: themeVariables.buttonPrimaryColor,\n      borderRadius: 12,\n      paddingVertical: 16,\n      paddingHorizontal: 24,\n      alignItems: 'center',\n      alignSelf: 'center',\n      width: '100%',\n    },\n    text: {\n      color: '#ffffff',\n      fontWeight: '700',\n      fontSize: 16,\n      lineHeight: 24,\n      textAlign: 'center',\n    },\n    badge: {\n      backgroundColor: '#ffffff',\n      color: '#3498db',\n    }\n  });\n\n});\n\n\n"],"mappings":"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","ignoreList":[]}

package/components/advanced/webview/webview.component.js

@@ -139,9 +139,9 @@ export default class WmWebview extends BaseComponent {
       containerStyle: this.styles.webview
       // style={this.styles.webview} // when using style, there are some inconsistencies observed in Android. containerStyle gives us a uniformity in IOS and Android.
       ,
-      source: {
+      source: props.src ? {
         uri: props.src
-      },
+      } : undefined,
       testID: this.getTestId('web_view')
     }, getAccessibilityProps(AccessibilityWidgetType.WEBVIEW, props), {
       incognito: props.incognito,

package/components/advanced/webview/webview.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BackHandler","Platform","View","WebView","HideMode","BaseComponent","BaseComponentState","WmWebviewProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isAndroid","isWebPreviewMode","WmWebViewState","constructor","args","_defineProperty","title","src","WmWebview","props","webview","webViewState","canGoBack","goBack","event","_event$nativeEvent","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","hideMode","DONOT_ADD_TO_DOM","backHandlerSubscription","addEventListener","handleBackButtonPress","componentWillUnmount","remove","_this$state$currentTa","state","currentTarget","currentsrc","_this$state$currentTa2","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","replace","JSON","parse","e","getTitle","iframe","contentWindow","document","onLoad","updateState","renderWidget","createElement","styles","root","onLayout","handleLayout","_background","OS","width","height","_extends","ref","nestedScrollEnabled","containerStyle","source","uri","testID","getTestId","WEBVIEW","incognito","onMessage","sharedCookiesEnabled","onNavigationStateChange","scrollEnabled","onLoadEnd","url","allowsFullscreenVideo","allowsInlineMediaPlayback"],"sources":["webview.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler, Platform, View, NativeEventSubscription } from 'react-native';\nimport { WebView, WebViewNavigation, WebViewMessageEvent } from 'react-native-webview';\nimport { HideMode } from '@wavemaker-ai/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmWebviewProps from './webview.props';\nimport { DEFAULT_CLASS, WebviewStyles } from './webview.styles';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { isAndroid, isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nclass WmWebViewState extends BaseComponentState<WmWebviewProps> {\n  currentTarget = {\n    title: '',\n    src: ''\n  };\n\n}\n\nexport default class WmWebview extends BaseComponent<WmWebviewProps, WmWebViewState, WebviewStyles> {\n\n  private webview: WebView | null = null as any;\n  private webViewState: WebViewNavigation = null as any;\n  private invokeJSCallbacks = {} as any;\n  private backHandlerSubscription: NativeEventSubscription | null = null;\n\n  constructor(props: WmWebviewProps) {\n    super(props, DEFAULT_CLASS, new WmWebviewProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    if (isAndroid() && !isWebPreviewMode()) {\n      this.backHandlerSubscription = BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);\n    }\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    if (this.backHandlerSubscription) {\n      this.backHandlerSubscription.remove();\n      this.backHandlerSubscription = null;\n    }\n  }\n\n  handleBackButtonPress = (): boolean => {\n    if (this.webview && this.webViewState && this.webViewState.canGoBack) {\n      this.webview.goBack();\n      return true;\n    }\n    return false;\n  }\n\n  get title() {\n    return this.state.currentTarget?.title;\n  }\n\n  get currentsrc() {\n    return this.state.currentTarget?.src;\n  }\n\n  executeScript(fn: string) {\n    return new Promise((resolve, reject) => {\n      if (this.webview) {\n        const id = '' + Date.now();\n        this.invokeJSCallbacks[id] = resolve;\n        fn = `\n         (function(){\n          try{\n            return (${fn});\n          } catch(e) {\n            return e.getMessage();\n          }\n         }())\n        `;\n        this.webview.injectJavaScript(\n          `window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`\n        );\n      } else {\n        reject();\n      }\n    });\n  }\n\n  insertCSS(style = '') {\n    style = style.replace(/[\\n\\t\\r]/g, '');\n    return this.executeScript(`\n    function() {\n      const style = document.createElement('style');\n      style.innerHTML = '${style}';\n      document.head.appendChild(style);\n      return 'SUCCESS';\n    }()\n    `);\n  }\n\n  parseResult(result: string) {\n    try {\n      return JSON.parse(result);\n    } catch(e) {\n      if (result === 'undefined' || result === 'null') {\n        return null;\n      }\n      return result;\n    }\n  }\n\n  onMessage = (event: WebViewMessageEvent) => {\n    const data: string = event.nativeEvent?.data;\n    if (data && data.startsWith('afterInjectJavaScript')) {\n      const id = data?.match(/\\:([0-9]+)\\:/);\n      const callback = id && this.invokeJSCallbacks[id[1]];\n      const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);\n      callback && callback(this.parseResult(result));\n    } else {\n      this.invokeEventCallback('onMessage', [event, this]);\n    }\n  }\n\n  getTitle(iframe: any) {\n    try {\n      return iframe.currentTarget.contentWindow.document.title;\n    } catch(e) {\n      // browser blocks cross origin access to iframe content.\n    }\n  }\n\n  public onLoad(e: any, title: string, src: string) {\n    this.updateState({\n      currentTarget: {\n        title: title,\n        src: src\n      }\n    } as WmWebViewState, () => {\n      this.invokeEventCallback('onLoad', [e, this]);\n    });\n  }\n\n  protected renderWidget(props: WmWebviewProps) {\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {Platform.OS === 'web' ?\n          (<iframe src={props.src} width={'100%'} height={'100%'}\n            onLoad={(e) => this.onLoad(e, this.getTitle(e.currentTarget), (e.currentTarget as any).src)}></iframe>) :\n          (<WebView\n            ref={(ref) => this.webview = ref}\n            nestedScrollEnabled={true}\n            containerStyle = {this.styles.webview}\n            // style={this.styles.webview} // when using style, there are some inconsistencies observed in Android. containerStyle gives us a uniformity in IOS and Android.\n            source={{\n              uri: props.src\n            }}\n            testID={this.getTestId('web_view')}\n            {...getAccessibilityProps(AccessibilityWidgetType.WEBVIEW, props)}\n            incognito={props.incognito}\n            onMessage={this.onMessage}\n            sharedCookiesEnabled={true}\n            onNavigationStateChange={(state) => {\n              this.webViewState = state;\n            }}\n            scrollEnabled={true}\n            onLoadEnd={(e) => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)}\n            allowsFullscreenVideo={true}\n            allowsInlineMediaPlayback={true}\n          >\n          </WebView>)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","BackHandler","Platform","View","WebView","HideMode","BaseComponent","BaseComponentState","WmWebviewProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isAndroid","isWebPreviewMode","WmWebViewState","constructor","args","_defineProperty","title","src","WmWebview","props","webview","webViewState","canGoBack","goBack","event","_event$nativeEvent","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","hideMode","DONOT_ADD_TO_DOM","backHandlerSubscription","addEventListener","handleBackButtonPress","componentWillUnmount","remove","_this$state$currentTa","state","currentTarget","currentsrc","_this$state$currentTa2","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","replace","JSON","parse","e","getTitle","iframe","contentWindow","document","onLoad","updateState","renderWidget","createElement","styles","root","onLayout","handleLayout","_background","OS","width","height","_extends","ref","nestedScrollEnabled","containerStyle","source","uri","undefined","testID","getTestId","WEBVIEW","incognito","onMessage","sharedCookiesEnabled","onNavigationStateChange","scrollEnabled","onLoadEnd","url","allowsFullscreenVideo","allowsInlineMediaPlayback"],"sources":["webview.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler, Platform, View, NativeEventSubscription } from 'react-native';\nimport { WebView, WebViewNavigation, WebViewMessageEvent } from 'react-native-webview';\nimport { HideMode } from '@wavemaker-ai/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmWebviewProps from './webview.props';\nimport { DEFAULT_CLASS, WebviewStyles } from './webview.styles';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { isAndroid, isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nclass WmWebViewState extends BaseComponentState<WmWebviewProps> {\n  currentTarget = {\n    title: '',\n    src: ''\n  };\n\n}\n\nexport default class WmWebview extends BaseComponent<WmWebviewProps, WmWebViewState, WebviewStyles> {\n\n  private webview: WebView | null = null as any;\n  private webViewState: WebViewNavigation = null as any;\n  private invokeJSCallbacks = {} as any;\n  private backHandlerSubscription: NativeEventSubscription | null = null;\n\n  constructor(props: WmWebviewProps) {\n    super(props, DEFAULT_CLASS, new WmWebviewProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    if (isAndroid() && !isWebPreviewMode()) {\n      this.backHandlerSubscription = BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);\n    }\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    if (this.backHandlerSubscription) {\n      this.backHandlerSubscription.remove();\n      this.backHandlerSubscription = null;\n    }\n  }\n\n  handleBackButtonPress = (): boolean => {\n    if (this.webview && this.webViewState && this.webViewState.canGoBack) {\n      this.webview.goBack();\n      return true;\n    }\n    return false;\n  }\n\n  get title() {\n    return this.state.currentTarget?.title;\n  }\n\n  get currentsrc() {\n    return this.state.currentTarget?.src;\n  }\n\n  executeScript(fn: string) {\n    return new Promise((resolve, reject) => {\n      if (this.webview) {\n        const id = '' + Date.now();\n        this.invokeJSCallbacks[id] = resolve;\n        fn = `\n         (function(){\n          try{\n            return (${fn});\n          } catch(e) {\n            return e.getMessage();\n          }\n         }())\n        `;\n        this.webview.injectJavaScript(\n          `window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`\n        );\n      } else {\n        reject();\n      }\n    });\n  }\n\n  insertCSS(style = '') {\n    style = style.replace(/[\\n\\t\\r]/g, '');\n    return this.executeScript(`\n    function() {\n      const style = document.createElement('style');\n      style.innerHTML = '${style}';\n      document.head.appendChild(style);\n      return 'SUCCESS';\n    }()\n    `);\n  }\n\n  parseResult(result: string) {\n    try {\n      return JSON.parse(result);\n    } catch(e) {\n      if (result === 'undefined' || result === 'null') {\n        return null;\n      }\n      return result;\n    }\n  }\n\n  onMessage = (event: WebViewMessageEvent) => {\n    const data: string = event.nativeEvent?.data;\n    if (data && data.startsWith('afterInjectJavaScript')) {\n      const id = data?.match(/\\:([0-9]+)\\:/);\n      const callback = id && this.invokeJSCallbacks[id[1]];\n      const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);\n      callback && callback(this.parseResult(result));\n    } else {\n      this.invokeEventCallback('onMessage', [event, this]);\n    }\n  }\n\n  getTitle(iframe: any) {\n    try {\n      return iframe.currentTarget.contentWindow.document.title;\n    } catch(e) {\n      // browser blocks cross origin access to iframe content.\n    }\n  }\n\n  public onLoad(e: any, title: string, src: string) {\n    this.updateState({\n      currentTarget: {\n        title: title,\n        src: src\n      }\n    } as WmWebViewState, () => {\n      this.invokeEventCallback('onLoad', [e, this]);\n    });\n  }\n\n  protected renderWidget(props: WmWebviewProps) {\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {Platform.OS === 'web' ?\n          (<iframe src={props.src} width={'100%'} height={'100%'}\n            onLoad={(e) => this.onLoad(e, this.getTitle(e.currentTarget), (e.currentTarget as any).src)}></iframe>) :\n          (<WebView\n            ref={(ref) => this.webview = ref}\n            nestedScrollEnabled={true}\n            containerStyle = {this.styles.webview}\n            // style={this.styles.webview} // when using style, there are some inconsistencies observed in Android. containerStyle gives us a uniformity in IOS and Android.\n            source={props.src ? { uri: props.src } : undefined}\n            testID={this.getTestId('web_view')}\n            {...getAccessibilityProps(AccessibilityWidgetType.WEBVIEW, props)}\n            incognito={props.incognito}\n            onMessage={this.onMessage}\n            sharedCookiesEnabled={true}\n            onNavigationStateChange={(state) => {\n              this.webViewState = state;\n            }}\n            scrollEnabled={true}\n            onLoadEnd={(e) => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)}\n            allowsFullscreenVideo={true}\n            allowsInlineMediaPlayback={true}\n          >\n          </WebView>)}\n      </View>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,QAAiC,cAAc;AACnF,SAASC,OAAO,QAAgD,sBAAsB;AACtF,SAASC,QAAQ,QAAQ,gDAAgD;AACzE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAuB,kBAAkB;AAC/D,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,iDAAiD;AAChH,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,yCAAyC;AAErF,MAAMC,cAAc,SAASP,kBAAkB,CAAiB;EAAAQ,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC9C;MACdC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE;IACP,CAAC;EAAA;AAEH;AAEA,eAAe,MAAMC,SAAS,SAASd,aAAa,CAAgD;EAOlGS,WAAWA,CAACM,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEZ,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;IAACS,eAAA,kBANlB,IAAI;IAAAA,eAAA,uBACI,IAAI;IAAAA,eAAA,4BAClB,CAAC,CAAC;IAAAA,eAAA,kCACoC,IAAI;IAAAA,eAAA,gCAkB9C,MAAe;MACrC,IAAI,IAAI,CAACK,OAAO,IAAI,IAAI,CAACC,YAAY,IAAI,IAAI,CAACA,YAAY,CAACC,SAAS,EAAE;QACpE,IAAI,CAACF,OAAO,CAACG,MAAM,CAAC,CAAC;QACrB,OAAO,IAAI;MACb;MACA,OAAO,KAAK;IACd,CAAC;IAAAR,eAAA,oBAwDYS,KAA0B,IAAK;MAAA,IAAAC,kBAAA;MAC1C,MAAMC,IAAY,IAAAD,kBAAA,GAAGD,KAAK,CAACG,WAAW,cAAAF,kBAAA,uBAAjBA,kBAAA,CAAmBC,IAAI;MAC5C,IAAIA,IAAI,IAAIA,IAAI,CAACE,UAAU,CAAC,uBAAuB,CAAC,EAAE;QACpD,MAAMC,EAAE,GAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,KAAK,CAAC,cAAc,CAAC;QACtC,MAAMC,QAAQ,GAAGF,EAAE,IAAI,IAAI,CAACG,iBAAiB,CAACH,EAAE,CAAC,CAAC,CAAC,CAAC;QACpD,MAAMI,MAAM,GAAGP,IAAI,CAACQ,SAAS,CAACR,IAAI,CAACS,OAAO,CAAC,GAAG,EAAET,IAAI,CAACS,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3EJ,QAAQ,IAAIA,QAAQ,CAAC,IAAI,CAACK,WAAW,CAACH,MAAM,CAAC,CAAC;MAChD,CAAC,MAAM;QACL,IAAI,CAACI,mBAAmB,CAAC,WAAW,EAAE,CAACb,KAAK,EAAE,IAAI,CAAC,CAAC;MACtD;IACF,CAAC;IAtFC,IAAI,CAACc,QAAQ,GAAGnC,QAAQ,CAACoC,gBAAgB;IACzC,IAAI7B,SAAS,CAAC,CAAC,IAAI,CAACC,gBAAgB,CAAC,CAAC,EAAE;MACtC,IAAI,CAAC6B,uBAAuB,GAAGzC,WAAW,CAAC0C,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAACC,qBAAqB,CAAC;IAC9G;EACF;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,KAAK,CAACA,oBAAoB,CAAC,CAAC;IAC5B,IAAI,IAAI,CAACH,uBAAuB,EAAE;MAChC,IAAI,CAACA,uBAAuB,CAACI,MAAM,CAAC,CAAC;MACrC,IAAI,CAACJ,uBAAuB,GAAG,IAAI;IACrC;EACF;EAUA,IAAIxB,KAAKA,CAAA,EAAG;IAAA,IAAA6B,qBAAA;IACV,QAAAA,qBAAA,GAAO,IAAI,CAACC,KAAK,CAACC,aAAa,cAAAF,qBAAA,uBAAxBA,qBAAA,CAA0B7B,KAAK;EACxC;EAEA,IAAIgC,UAAUA,CAAA,EAAG;IAAA,IAAAC,sBAAA;IACf,QAAAA,sBAAA,GAAO,IAAI,CAACH,KAAK,CAACC,aAAa,cAAAE,sBAAA,uBAAxBA,sBAAA,CAA0BhC,GAAG;EACtC;EAEAiC,aAAaA,CAACC,EAAU,EAAE;IACxB,OAAO,IAAIC,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;MACtC,IAAI,IAAI,CAAClC,OAAO,EAAE;QAChB,MAAMS,EAAE,GAAG,EAAE,GAAG0B,IAAI,CAACC,GAAG,CAAC,CAAC;QAC1B,IAAI,CAACxB,iBAAiB,CAACH,EAAE,CAAC,GAAGwB,OAAO;QACpCF,EAAE,GAAG;AACb;AACA;AACA,sBAAsBA,EAAE;AACxB;AACA;AACA;AACA;AACA,SAAS;QACD,IAAI,CAAC/B,OAAO,CAACqC,gBAAgB,CAC3B,oEAAoE5B,EAAE,2BAA2BsB,EAAE,IACrG,CAAC;MACH,CAAC,MAAM;QACLG,MAAM,CAAC,CAAC;MACV;IACF,CAAC,CAAC;EACJ;EAEAI,SAASA,CAACC,KAAK,GAAG,EAAE,EAAE;IACpBA,KAAK,GAAGA,KAAK,CAACC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;IACtC,OAAO,IAAI,CAACV,aAAa,CAAC;AAC9B;AACA;AACA,2BAA2BS,KAAK;AAChC;AACA;AACA;AACA,KAAK,CAAC;EACJ;EAEAvB,WAAWA,CAACH,MAAc,EAAE;IAC1B,IAAI;MACF,OAAO4B,IAAI,CAACC,KAAK,CAAC7B,MAAM,CAAC;IAC3B,CAAC,CAAC,OAAM8B,CAAC,EAAE;MACT,IAAI9B,MAAM,KAAK,WAAW,IAAIA,MAAM,KAAK,MAAM,EAAE;QAC/C,OAAO,IAAI;MACb;MACA,OAAOA,MAAM;IACf;EACF;EAcA+B,QAAQA,CAACC,MAAW,EAAE;IACpB,IAAI;MACF,OAAOA,MAAM,CAAClB,aAAa,CAACmB,aAAa,CAACC,QAAQ,CAACnD,KAAK;IAC1D,CAAC,CAAC,OAAM+C,CAAC,EAAE;MACT;IAAA;EAEJ;EAEOK,MAAMA,CAACL,CAAM,EAAE/C,KAAa,EAAEC,GAAW,EAAE;IAChD,IAAI,CAACoD,WAAW,CAAC;MACftB,aAAa,EAAE;QACb/B,KAAK,EAAEA,KAAK;QACZC,GAAG,EAAEA;MACP;IACF,CAAC,EAAoB,MAAM;MACzB,IAAI,CAACoB,mBAAmB,CAAC,QAAQ,EAAE,CAAC0B,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC;EACJ;EAEUO,YAAYA,CAACnD,KAAqB,EAAE;IAC5C,oBACErB,KAAA,CAAAyE,aAAA,CAACtE,IAAI;MACH0D,KAAK,EAAE,IAAI,CAACa,MAAM,CAACC,IAAK;MACxBC,QAAQ,EAAGlD,KAAK,IAAK,IAAI,CAACmD,YAAY,CAACnD,KAAK;IAAE,GAE7C,IAAI,CAACoD,WAAW,EAChB5E,QAAQ,CAAC6E,EAAE,KAAK,KAAK,gBACnB/E,KAAA,CAAAyE,aAAA;MAAQtD,GAAG,EAAEE,KAAK,CAACF,GAAI;MAAC6D,KAAK,EAAE,MAAO;MAACC,MAAM,EAAE,MAAO;MACrDX,MAAM,EAAGL,CAAC,IAAK,IAAI,CAACK,MAAM,CAACL,CAAC,EAAE,IAAI,CAACC,QAAQ,CAACD,CAAC,CAAChB,aAAa,CAAC,EAAGgB,CAAC,CAAChB,aAAa,CAAS9B,GAAG;IAAE,CAAS,CAAC,gBACvGnB,KAAA,CAAAyE,aAAA,CAACrE,OAAO,EAAA8E,QAAA;MACPC,GAAG,EAAGA,GAAG,IAAK,IAAI,CAAC7D,OAAO,GAAG6D,GAAI;MACjCC,mBAAmB,EAAE,IAAK;MAC1BC,cAAc,EAAI,IAAI,CAACX,MAAM,CAACpD;MAC9B;MAAA;MACAgE,MAAM,EAAEjE,KAAK,CAACF,GAAG,GAAG;QAAEoE,GAAG,EAAElE,KAAK,CAACF;MAAI,CAAC,GAAGqE,SAAU;MACnDC,MAAM,EAAE,IAAI,CAACC,SAAS,CAAC,UAAU;IAAE,GAC/B/E,qBAAqB,CAACD,uBAAuB,CAACiF,OAAO,EAAEtE,KAAK,CAAC;MACjEuE,SAAS,EAAEvE,KAAK,CAACuE,SAAU;MAC3BC,SAAS,EAAE,IAAI,CAACA,SAAU;MAC1BC,oBAAoB,EAAE,IAAK;MAC3BC,uBAAuB,EAAG/C,KAAK,IAAK;QAClC,IAAI,CAACzB,YAAY,GAAGyB,KAAK;MAC3B,CAAE;MACFgD,aAAa,EAAE,IAAK;MACpBC,SAAS,EAAGhC,CAAC,IAAK,IAAI,CAACK,MAAM,CAACL,CAAC,EAAEA,CAAC,CAACpC,WAAW,CAACX,KAAK,EAAE+C,CAAC,CAACpC,WAAW,CAACqE,GAAG,CAAE;MACzEC,qBAAqB,EAAE,IAAK;MAC5BC,yBAAyB,EAAE;IAAK,EAEzB,CACP,CAAC;EAEX;AACF","ignoreList":[]}

package/components/advanced/webview/webview.props.js

@@ -5,7 +5,7 @@ import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
 export default class WmWebviewProps extends BaseProps {
   constructor(...args) {
     super(...args);
-    _defineProperty(this, "src", null);
+    _defineProperty(this, "src", '');
     _defineProperty(this, "incognito", false);
     _defineProperty(this, "onLoad", null);
     _defineProperty(this, "accessibilitylabel", undefined);

package/components/advanced/webview/webview.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWebviewProps","constructor","args","_defineProperty","undefined"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAI5E,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":[]}
+{"version":3,"names":["BaseProps","WmWebviewProps","constructor","args","_defineProperty","undefined"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/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 = '';\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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAI5E,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,cACtC,EAAE;IAAAA,eAAA,oBACH,KAAK;IAAAA,eAAA,iBACmC,IAAI;IAAAA,eAAA,6BAC3BC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B","ignoreList":[]}

package/components/chart/area-chart/area-chart.component.js

@@ -3,15 +3,12 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 Color from "color";
-import { View, Text, Platform } from 'react-native';
-import { Defs, LinearGradient, Stop } from 'react-native-svg';
-import { VictoryArea, VictoryChart, VictoryStack, VictoryScatter, VictoryGroup } from "victory-native";
+import { View, Text } from 'react-native';
+import { AreaChart } from '@wavemaker/react-native-echarts';
 import WmAreaChartProps from './area-chart.props';
 import { DEFAULT_CLASS } from './area-chart.styles';
 import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.component";
 import WmIcon from "@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component";
-import { isNumber } from 'lodash-es';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
 export class WmAreaChartState extends BaseChartComponentState {
   constructor(...args) {
@@ -19,6 +16,15 @@ export class WmAreaChartState extends BaseChartComponentState {
     _defineProperty(this, "chartWidth", 0);
   }
 }
+
+/** Maps Victory interpolation strings to ECharts AreaChart curve types. */
+const getAreaType = interpolation => {
+  if (interpolation === 'cardinal') return 'smooth';
+  if (interpolation === 'step') return 'step';
+  return 'default'; // 'linear' and anything else
+};
+
+// Migrated from victory-native <VictoryChart> + <VictoryArea> → <AreaChart>
 export default class WmAreaChart extends BaseChartComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());
@@ -29,52 +35,56 @@ export default class WmAreaChart extends BaseChartComponent {
         chartWidth: viewWidth
       });
     });
-  }
-  onSelect(event, data) {
-    if (!this.viewRef.current) return;
-    if (!this.state.props.dataset) return;
-    this.viewRef.current.measureInWindow((chartX, chartY) => {
-      let value = data.data[data.index].y;
-      let label = this.state.xaxisDatakeyArr[data.datum.x];
-      let selectedItem = this.props.dataset[data.index];
-      const nativeEvent = event.nativeEvent;
-      let tooltipX = nativeEvent.pageX - chartX;
-      let tooltipY = nativeEvent.pageY - chartY;
-      let selectedChartItem = [{
-        series: 0,
-        x: data.index,
-        y: value,
+    _defineProperty(this, "onSelect", event => {
+      if (!this.state.props.dataset) return;
+      const {
+        dataIndex,
+        y,
+        seriesIndex
+      } = event;
+      const selectedItem = this.props.dataset[dataIndex];
+      const selectedChartItem = [{
+        series: seriesIndex,
+        x: dataIndex,
+        y,
         _dataObj: selectedItem
-      }, data.index];
+      }, dataIndex];
       this.updateState({
-        tooltipXaxis: label,
-        tooltipYaxis: value,
-        isTooltipOpen: true,
         selectedItem: {
           ...selectedItem,
-          index: data.index
-        },
-        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
-        tooltipYPosition: tooltipY - this.state.tooltipoffsety
+          index: dataIndex
+        }
       });
-      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+      this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);
     });
   }
   renderWidget(props) {
-    var _this$state$data, _this$props$name;
+    var _this$state$data, _this$state$colors, _props$tooltip;
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
     if (!((_this$state$data = this.state.data) !== null && _this$state$data !== void 0 && _this$state$data.length)) {
       return null;
     }
-    let mindomain = {
-      x: props.xdomain === 'Min' ? this.state.chartMinX : undefined,
-      y: props.ydomain === 'Min' ? this.state.chartMinY : undefined
-    };
-    const chartName = (_this$props$name = this.props.name) !== null && _this$props$name !== void 0 ? _this$props$name : 'nonameAreachart';
-    let gradientStop = '100%';
-    if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {
-      gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';
-    }
+    const chartData = this.state.data.map((series, i) => ({
+      name: this.state.yAxis[i],
+      data: series.map(pt => pt.y)
+    }));
+    const type = getAreaType(props.interpolation);
+    // step sub-mode: only relevant when curve type resolves to 'step'
+    // const step: 'start' | 'middle' | 'end' | false =
+    //   type === 'step'
+    //     ? props.step === false
+    //       ? false
+    //       : (props.step ?? 'start')
+    //     : false;
+
+    const showLegend = props.showlegend !== 'hide';
+    const legendPosition = ['top', 'bottom', 'left', 'right'].includes(props.showlegend) ? props.showlegend : 'bottom';
+    const minDomain = this.getMinDomain();
+    const series = ((_this$state$colors = this.state.colors) !== null && _this$state$colors !== void 0 && _this$state$colors.length ? this.state.colors : ['#000']).map(color => ({
+      color,
+      lineWidth: props.linethickness
+    }));
+    const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       style: this.styles.root,
       onLayout: this.onViewLayoutChange.bind(this),
@@ -94,66 +104,49 @@ export default class WmAreaChart extends BaseChartComponent {
       style: this.styles.subHeading
     }, props.subheading) : null), this.state.chartWidth ? /*#__PURE__*/React.createElement(View, {
       ref: this.viewRef
-    }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
-      theme: this.state.theme,
-      height: this.styles.root.height,
+    }, /*#__PURE__*/React.createElement(AreaChart, {
+      data: chartData,
       width: this.state.chartWidth || this.screenWidth,
-      padding: {
+      height: this.styles.root.height,
+      colors: this.state.colors,
+      theme: this.getChartTheme(false, series),
+      type: type,
+      step: props.stepposition,
+      stackNormalize: props.stacknormalize,
+      symbol: symbol,
+      symbolSize: props.symbolsize,
+      areaFill: props.areafill,
+      areaOpacity: props.areaopacity,
+      minY: minDomain.y
+      // maxY={this.state.chartMaxY}
+      ,
+      minX: minDomain.x,
+      maxX: this.state.chartMaxX,
+      grid: {
         top: props.offsettop,
         bottom: props.offsetbottom,
         left: this.isRTL ? props.offsetright : props.offsetleft,
         right: this.isRTL ? props.offsetleft : props.offsetright
       },
-      minDomain: mindomain
-    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), /*#__PURE__*/React.createElement(VictoryStack, null, this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryGroup, {
-        key: props.name + '_area_group_' + i
-      }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
-        id: `${chartName}Gradient${i}`,
-        x1: "0%",
-        y1: "0%",
-        x2: "0%",
-        y2: "100%"
-      }, /*#__PURE__*/React.createElement(Stop, {
-        offset: "0%",
-        stopColor: Color(this.state.colors[i]).lighten(0.2).rgb().toString()
-      }), /*#__PURE__*/React.createElement(Stop, {
-        offset: gradientStop,
-        stopColor: Color(this.state.colors[i]).lighten(0.6).rgb().toString()
-      }))), /*#__PURE__*/React.createElement(VictoryArea, {
-        interpolation: props.interpolation,
-        key: props.name + '_' + i,
-        name: props.name + '_' + i,
-        style: {
-          data: {
-            fill: `url(#${chartName}Gradient${i})`,
-            stroke: this.state.colors[i],
-            strokeWidth: props.linethickness
-          }
-        },
-        data: d
-      }), /*#__PURE__*/React.createElement(VictoryScatter, {
-        size: 5,
-        key: props.name + '_scatter' + i,
-        style: {
-          data: props.highlightpoints ? {
-            fill: this.state.colors[i],
-            opacity: 0.8
-          } : {
-            opacity: 0
-          }
-        },
-        data: d,
-        events: [{
-          target: 'data',
-          eventHandlers: Platform.OS == "web" ? {
-            onClick: this.onSelect.bind(this)
-          } : {
-            onPress: this.onSelect.bind(this)
-          }
-        }]
-      }));
-    })))) : null);
+      showXAxis: props.showxaxis !== false,
+      showXAxisTicks: props.showxaxisticks,
+      showYAxis: props.showyaxis !== false,
+      showYAxisTicks: props.showyaxisticks,
+      showXAxisSplitLines: !props.hidegridxaxis,
+      showYAxisSplitLines: !props.hidegridyaxis,
+      xAxisLabel: this.state.xLabel || '',
+      yAxisLabel: this.state.yLabel || '',
+      xAxisTickLabelFormatter: this.getXAxisTickLabelFormatter(),
+      yAxisTickLabelFormatter: this.getYAxisTickLabelFormatter(),
+      showLegend: showLegend,
+      legendPosition: legendPosition,
+      tooltip: props.tooltips ? this.hasCustomTooltip ? 'none' : (_props$tooltip = props.tooltip) !== null && _props$tooltip !== void 0 ? _props$tooltip : 'card' : 'none',
+      renderTooltip: this.getRenderTooltip(),
+      showHighlighter: this.props.showhighlighter,
+      onSelect: this.onSelect,
+      intervalX: props.intervalx,
+      intervalY: props.intervaly
+    })) : null);
   }
 }
 //# sourceMappingURL=area-chart.component.js.map

package/components/chart/area-chart/area-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Color","View","Text","Platform","Defs","LinearGradient","Stop","VictoryArea","VictoryChart","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","isNumber","AccessibilityWidgetType","getAccessibilityProps","WmAreaChartState","constructor","args","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$props$name","length","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","chartName","name","gradientStop","chartMaxY","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","key","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","height","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","minDomain","getLegendView","getXaxis","getYAxis","map","d","i","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","size","highlightpoints","opacity","events","target","eventHandlers","OS","onClick","onPress"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport Color from \"color\";\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, VictoryLine, VictoryChart, VictoryLegend, VictoryStack, VictoryScatter, VictoryGroup } from \"victory-native\";\nimport { InterpolationPropType } from 'victory-core';\nimport WmAreaChartProps from './area-chart.props';\nimport { DEFAULT_CLASS, WmAreaChartStyles } from './area-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\n\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {\n\n  constructor(props: WmAreaChartProps) {\n    super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n\n    this.handleLayout(e);\n\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmAreaChartState)\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    if (!this.state.props.dataset) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx,\n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmAreaChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n  renderWidget(props: WmAreaChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    let mindomain={\n      x: props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n      y: props.ydomain === 'Min' ? this.state.chartMinY: undefined\n    };\n    const chartName = this.props.name ?? 'nonameAreachart';\n    let gradientStop = '100%';\n    if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {\n      gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';\n    }\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n        key={`${props.title}_area_chart`}\n      >\n        <View>\n        { (props.title || props.iconclass) ? (\n          <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n          </View>\n        ) : null }\n          { props.subheading? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n        {this.state.chartWidth ?\n        (\n          <View ref={this.viewRef}>\n          {this.getTooltip()}\n          <VictoryChart\n            theme={this.state.theme}\n            height={this.styles.root.height as number}\n            width={this.state.chartWidth || this.screenWidth}\n            padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n            minDomain={mindomain}\n          >\n            {this.getLegendView()}\n            {this.getXaxis()}\n            {this.getYAxis()}\n            <VictoryStack>\n            {\n              this.state.data.map((d: any, i: number) => {\n                return <VictoryGroup key={props.name + '_area_group_' + i}>\n                  <Defs>\n                    <LinearGradient id={`${chartName}Gradient${i}`} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                      <Stop offset=\"0%\" stopColor={Color(this.state.colors[i]).lighten(0.2).rgb().toString()}/>\n                      <Stop offset={gradientStop} stopColor={Color(this.state.colors[i]).lighten(0.6).rgb().toString()}/>\n                    </LinearGradient>\n                  </Defs>\n                  <VictoryArea\n                    interpolation={props.interpolation as InterpolationPropType}\n                    key={props.name + '_' + i}\n                    name={props.name + '_' + i}\n                    style={{\n                      data: {\n                        fill: `url(#${chartName}Gradient${i})`,\n                        stroke: this.state.colors[i],\n                        strokeWidth: props.linethickness,\n                      }\n                    }}\n                    data={d}\n                  />\n                    <VictoryScatter\n                      size={5}\n                      key={props.name + '_scatter' + i}\n                      style={{\n                        data: props.highlightpoints ? {fill: this.state.colors[i], opacity: 0.8}:{opacity: 0}\n                      }}\n                      data={d}\n                      events={[{\n                        target: 'data',\n                        eventHandlers: Platform.OS == \"web\" ? {\n                          onClick: this.onSelect.bind(this)\n                        }:{\n                          onPress: this.onSelect.bind(this)\n                        }\n                      }]}\n                      />\n                </VictoryGroup>\n              })\n            }\n            </VictoryStack>\n          </VictoryChart>\n          </View>\n        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","AreaChart","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","WmAreaChartState","constructor","args","_defineProperty","getAreaType","interpolation","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","type","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","colors","color","lineWidth","linethickness","symbol","getSeriesSymbol","highlightpoints","ticksymbol","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","key","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","viewRef","screenWidth","height","theme","getChartTheme","step","stepposition","stackNormalize","stacknormalize","symbolSize","symbolsize","areaFill","areafill","areaOpacity","areaopacity","minY","minX","maxX","chartMaxX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","getXAxisTickLabelFormatter","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervalx","intervalY","intervaly"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { AreaChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\nimport WmAreaChartProps from './area-chart.props';\nimport { DEFAULT_CLASS, WmAreaChartStyles } from './area-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport isEmpty from 'lodash-es/isEmpty';\n\nexport class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {\n  chartWidth = 0;\n}\n\n/** Maps Victory interpolation strings to ECharts AreaChart curve types. */\nconst getAreaType = (interpolation: string): 'default' | 'smooth' | 'step' => {\n  if (interpolation === 'cardinal') return 'smooth';\n  if (interpolation === 'step') return 'step';\n  return 'default'; // 'linear' and anything else\n};\n\n\n// Migrated from victory-native <VictoryChart> + <VictoryArea> → <AreaChart>\nexport default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {\n\n  constructor(props: WmAreaChartProps) {\n    super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n\n    this.handleLayout(e);\n\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmAreaChartState);\n  }\n\n onSelect = (event: CartesianChartSelectEvent): void => {\n  if (!this.state.props.dataset) return;\n  const { dataIndex, y, seriesIndex } = event;\n  const selectedItem = this.props.dataset[dataIndex];\n  const selectedChartItem = [\n    { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n    dataIndex,\n  ];\n  this.updateState({\n    selectedItem: { ...selectedItem, index: dataIndex },\n  } as WmAreaChartState);\n  this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n\n  renderWidget(props: WmAreaChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    const chartData = this.state.data.map((series: any[], i: number) => ({\n      name: this.state.yAxis[i],\n      data: series.map((pt: { x: number; y: number }) => pt.y),\n    }));\n\n    const type = getAreaType(props.interpolation);\n    // step sub-mode: only relevant when curve type resolves to 'step'\n    // const step: 'start' | 'middle' | 'end' | false =\n    //   type === 'step'\n    //     ? props.step === false\n    //       ? false\n    //       : (props.step ?? 'start')\n    //     : false;\n\n    const showLegend = props.showlegend !== 'hide';\n    const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n      ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n    const minDomain = this.getMinDomain();\n    const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n      color,\n      lineWidth: props.linethickness,\n    }));\n    const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);\n\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n        key={`${props.title}_area_chart`}\n      >\n        <View>\n        { (props.title || props.iconclass) ? (\n          <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n          </View>\n        ) : null }\n          { props.subheading? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n        {this.state.chartWidth ?\n        (\n          <View ref={this.viewRef}>\n            <AreaChart\n              data={chartData}\n              width={this.state.chartWidth || this.screenWidth}\n              height={this.styles.root.height as number}\n              colors={this.state.colors}\n              theme={this.getChartTheme(false, series)}\n              type={type}\n              step={props.stepposition}\n              stackNormalize={props.stacknormalize}\n              symbol={symbol}\n              symbolSize={props.symbolsize}\n              areaFill={props.areafill}\n              areaOpacity={props.areaopacity}\n              minY={minDomain.y}\n              // maxY={this.state.chartMaxY}\n              minX={minDomain.x}\n              maxX={this.state.chartMaxX}\n              grid={{\n                top: props.offsettop,\n                bottom: props.offsetbottom,\n                left: this.isRTL ? props.offsetright : props.offsetleft,\n                right: this.isRTL ? props.offsetleft : props.offsetright,\n              }}\n              showXAxis={props.showxaxis !== false}\n              showXAxisTicks={props.showxaxisticks}\n              showYAxis={props.showyaxis !== false}\n              showYAxisTicks={props.showyaxisticks}\n              showXAxisSplitLines={!props.hidegridxaxis}\n              showYAxisSplitLines={!props.hidegridyaxis}\n              xAxisLabel={this.state.xLabel || ''}\n              yAxisLabel={this.state.yLabel || ''}\n              xAxisTickLabelFormatter={this.getXAxisTickLabelFormatter()}\n              yAxisTickLabelFormatter={this.getYAxisTickLabelFormatter()}\n              showLegend={showLegend}\n              legendPosition={legendPosition}\n              tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n              renderTooltip={this.getRenderTooltip()}\n              showHighlighter={this.props.showhighlighter}\n              onSelect={this.onSelect}\n              intervalX={props.intervalx}\n              intervalY={props.intervaly}\n            />\n          </View>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}