@wavemaker/app-rn-runtime 12.0.0-next.45102 → 12.0.0-next.45128

app-rn-runtime/components/basic/skeleton/skeleton.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmSkeletonProps"],"sources":["skeleton.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nexport default class WmSkeletonProps extends BaseProps {\n}"],"mappings":"AAAA,SAASA,SAAS,QAAQ,+CAA+C;AACzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmSkeletonProps","constructor","args","_defineProperty"],"sources":["skeleton.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nexport default class WmSkeletonProps extends BaseProps {\n    children?: React.ReactNode | null = null;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AACzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACf,IAAI;EAAA;AAC5C","ignoreList":[]}

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

@@ -71,14 +71,13 @@ export default class WmSpinner extends BaseComponent {
       loop: true,
       play: true,
       style: this.styles.lottie
-    }) : /*#__PURE__*/React.createElement(LottieView, {
-      testID: this.getTestId('lottie'),
+    }) : /*#__PURE__*/React.createElement(LottieView, _extends({}, this.getTestProps('loader'), {
       source: this.addClasstoLottie(props.lottie),
       resizeMode: "contain",
       autoPlay: true,
       loop: true,
       style: this.styles.lottie
-    });
+    }));
   }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {

app-rn-runtime/components/basic/spinner/spinner.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Platform","Color","BaseComponent","BaseComponentState","WmSpinnerProps","DEFAULT_CLASS","WmIcon","WmPicture","LottieView","ThemeVariables","WmSpinnerState","WmSpinner","constructor","props","_defineProperty","obj","colors","Object","keys","forEach","key","value","ind","Math","floor","random","length","toLowerCase","includes","shape","recursiveSearch","prepareIcon","createElement","id","getTestId","styles","icon","iconclass","iconsize","prepareImage","image","picturesource","toRgbArray","color","red","green","blue","addClasstoLottie","lottiePath","primaryColor","INSTANCE","darken","json","loader","prepareLottie","_Lottie","Lottie","OS","require","default","animationData","lottie","loop","play","style","testID","source","resizeMode","autoPlay","renderWidget","root","_background","caption","_extends","getTestPropsForLabel","text"],"sources":["spinner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform } from 'react-native';\nimport Color from \"color\";\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmSpinnerProps from './spinner.props';\nimport { DEFAULT_CLASS, WmSpinnerStyles } from './spinner.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport LottieView from 'lottie-react-native';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport class WmSpinnerState extends BaseComponentState<WmSpinnerProps> {\n\n}\n\nexport default class WmSpinner extends BaseComponent<WmSpinnerProps, WmSpinnerState, WmSpinnerStyles> {\n\n  constructor(props: WmSpinnerProps) {\n    super(props, DEFAULT_CLASS, new WmSpinnerProps());\n  }\n\n  private prepareIcon(props: any) {\n    return (<WmIcon\n      id={this.getTestId('icon')}\n      styles={this.styles.icon}\n      iconclass={props.iconclass + ' fa-spin'} iconsize={props.iconsize}></WmIcon>);\n  }\n\n  private prepareImage(props: any) {\n    return (<WmPicture\n        id={this.getTestId('picture')}\n        styles={this.styles.image}\n        picturesource={props.image}></WmPicture>);\n  }\n\n  private recursiveSearch = (obj: any, colors: any) => {\n    obj && Object.keys(obj).forEach(key => {\n        let value = obj[key];\n        let ind = Math.floor(Math.random() * (0 - colors.length ) + colors.length);\n        if (key == \"nm\" && (value.toLowerCase().includes('fill ') || value.toLowerCase().includes('stroke '))) {\n            if (obj[\"c\"] && obj[\"c\"][\"k\"] \n              && (obj[\"c\"][\"k\"].length == 4\n                || (obj[\"c\"][\"k\"].length ==3 \n                  && typeof obj[\"c\"][\"k\"][0] == 'number'))) {\n                obj[\"c\"][\"k\"] = colors[ind];\n            }\n            else {\n                if (obj[\"c\"] && obj[\"c\"][\"k\"]){\n                    for (let shape in obj[\"c\"][\"k\"]) {\n                      if(obj[\"c\"][\"k\"][shape] && obj[\"c\"][\"k\"][shape][\"s\"]){\n                        obj[\"c\"][\"k\"][shape][\"s\"] = colors[ind];\n                      }\n                    }\n                }\n            }\n        } else if (typeof value === 'object') {\n            this.recursiveSearch(value, colors);\n        }\n      });\n      return obj;\n  };\n\n  private toRgbArray(color: Color) {\n    return [\n      color.red()/255,\n      color.green()/255,\n      color.blue()/255,\n      1\n    ]\n  }\n\n  private addClasstoLottie(lottiePath: any) {\n    let primaryColor = Color(ThemeVariables.INSTANCE.primaryColor);\n    let colors = [this.toRgbArray(primaryColor), \n      this.toRgbArray(primaryColor.darken(0.2)), \n      this.toRgbArray(primaryColor.darken(0.4)), \n      this.toRgbArray(primaryColor.darken(0.6)), \n      this.toRgbArray(primaryColor.darken(0.8))];\n    return this.recursiveSearch(lottiePath.json, lottiePath.loader == 'circleSpinner' ? [colors[0]] : colors);\n  }\n\n  private prepareLottie(props: any) {\n    let Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;\n    Lottie = Lottie?.default || Lottie;\n    return (\n      Platform.OS == 'web' ? <Lottie animationData={this.addClasstoLottie(props.lottie)} loop={true} play={true} style={this.styles.lottie} /> : <LottieView\n        testID={this.getTestId('lottie')}\n        source={this.addClasstoLottie(props.lottie)}\n        resizeMode='contain'\n        autoPlay={true}\n        loop={true}\n        style={this.styles.lottie}\n      />\n    )\n  }\n\n  renderWidget(props: WmSpinnerProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {props.lottie ? this.prepareLottie(props) : props.image ? this.prepareImage(props) : this.prepareIcon(props)}\n        {props.caption ? <Text {...this.getTestPropsForLabel()} style={this.styles.text}>{props.caption}</Text> : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","Platform","Color","BaseComponent","BaseComponentState","WmSpinnerProps","DEFAULT_CLASS","WmIcon","WmPicture","LottieView","ThemeVariables","WmSpinnerState","WmSpinner","constructor","props","_defineProperty","obj","colors","Object","keys","forEach","key","value","ind","Math","floor","random","length","toLowerCase","includes","shape","recursiveSearch","prepareIcon","createElement","id","getTestId","styles","icon","iconclass","iconsize","prepareImage","image","picturesource","toRgbArray","color","red","green","blue","addClasstoLottie","lottiePath","primaryColor","INSTANCE","darken","json","loader","prepareLottie","_Lottie","Lottie","OS","require","default","animationData","lottie","loop","play","style","_extends","getTestProps","source","resizeMode","autoPlay","renderWidget","root","_background","caption","getTestPropsForLabel","text"],"sources":["spinner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform } from 'react-native';\nimport Color from \"color\";\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmSpinnerProps from './spinner.props';\nimport { DEFAULT_CLASS, WmSpinnerStyles } from './spinner.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport LottieView from 'lottie-react-native';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport class WmSpinnerState extends BaseComponentState<WmSpinnerProps> {\n\n}\n\nexport default class WmSpinner extends BaseComponent<WmSpinnerProps, WmSpinnerState, WmSpinnerStyles> {\n\n  constructor(props: WmSpinnerProps) {\n    super(props, DEFAULT_CLASS, new WmSpinnerProps());\n  }\n\n  private prepareIcon(props: any) {\n    return (<WmIcon\n      id={this.getTestId('icon')}\n      styles={this.styles.icon}\n      iconclass={props.iconclass + ' fa-spin'} iconsize={props.iconsize}></WmIcon>);\n  }\n\n  private prepareImage(props: any) {\n    return (<WmPicture\n        id={this.getTestId('picture')}\n        styles={this.styles.image}\n        picturesource={props.image}></WmPicture>);\n  }\n\n  private recursiveSearch = (obj: any, colors: any) => {\n    obj && Object.keys(obj).forEach(key => {\n        let value = obj[key];\n        let ind = Math.floor(Math.random() * (0 - colors.length ) + colors.length);\n        if (key == \"nm\" && (value.toLowerCase().includes('fill ') || value.toLowerCase().includes('stroke '))) {\n            if (obj[\"c\"] && obj[\"c\"][\"k\"] \n              && (obj[\"c\"][\"k\"].length == 4\n                || (obj[\"c\"][\"k\"].length ==3 \n                  && typeof obj[\"c\"][\"k\"][0] == 'number'))) {\n                obj[\"c\"][\"k\"] = colors[ind];\n            }\n            else {\n                if (obj[\"c\"] && obj[\"c\"][\"k\"]){\n                    for (let shape in obj[\"c\"][\"k\"]) {\n                      if(obj[\"c\"][\"k\"][shape] && obj[\"c\"][\"k\"][shape][\"s\"]){\n                        obj[\"c\"][\"k\"][shape][\"s\"] = colors[ind];\n                      }\n                    }\n                }\n            }\n        } else if (typeof value === 'object') {\n            this.recursiveSearch(value, colors);\n        }\n      });\n      return obj;\n  };\n\n  private toRgbArray(color: Color) {\n    return [\n      color.red()/255,\n      color.green()/255,\n      color.blue()/255,\n      1\n    ]\n  }\n\n  private addClasstoLottie(lottiePath: any) {\n    let primaryColor = Color(ThemeVariables.INSTANCE.primaryColor);\n    let colors = [this.toRgbArray(primaryColor), \n      this.toRgbArray(primaryColor.darken(0.2)), \n      this.toRgbArray(primaryColor.darken(0.4)), \n      this.toRgbArray(primaryColor.darken(0.6)), \n      this.toRgbArray(primaryColor.darken(0.8))];\n    return this.recursiveSearch(lottiePath.json, lottiePath.loader == 'circleSpinner' ? [colors[0]] : colors);\n  }\n\n  private prepareLottie(props: any) {\n    let Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;\n    Lottie = Lottie?.default || Lottie;\n    return (\n      Platform.OS == 'web' ? <Lottie animationData={this.addClasstoLottie(props.lottie)} loop={true} play={true} style={this.styles.lottie} /> : <LottieView\n        {...this.getTestProps('loader')}\n        source={this.addClasstoLottie(props.lottie)}\n        resizeMode='contain'\n        autoPlay={true}\n        loop={true}\n        style={this.styles.lottie}\n      />\n    )\n  }\n\n  renderWidget(props: WmSpinnerProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {props.lottie ? this.prepareLottie(props) : props.image ? this.prepareImage(props) : this.prepareIcon(props)}\n        {props.caption ? <Text {...this.getTestPropsForLabel()} style={this.styles.text}>{props.caption}</Text> : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/basic/spinner/spinner.styles.js

@@ -21,8 +21,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     image: {},
     lottie: {
-      width: 100,
-      height: 100,
+      position: 'absolute',
+      width: 150,
+      height: 150,
       alignSelf: 'center',
       justifyContent: 'center'
     }

app-rn-runtime/components/basic/spinner/spinner.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["defineStyles","BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","text","fontSize","paddingLeft","icon","width","color","spinnerIconColor","image","lottie","height","alignSelf","textAlign","paddingRight"],"sources":["spinner.styles.ts"],"sourcesContent":["import { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport BASE_THEME, { NamedStyles, AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmSpinnerStyles = BaseStyles & {\n  icon: WmIconStyles\n  image: WmPictureStyles\n  lottie: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-spinner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSpinnerStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      fontSize: 16,\n      paddingLeft: 8\n    },\n    icon: {\n      text: {\n        fontSize: 48,\n        width: 4,\n        color: themeVariables.spinnerIconColor\n      }\n    } as WmIconStyles,\n    image: {} as WmPictureStyles,\n    lottie: {\n      width: 100,\n      height: 100,\n      alignSelf: 'center',\n      justifyContent: 'center'\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root : {\n      textAlign: 'right'\n    },\n    text: {\n      paddingRight: 8\n    }\n  });\n});\n"],"mappings":"AAAA,SAAqBA,YAAY,QAAQ,+CAA+C;AACxF,OAAOC,UAAU,MAAiC,wCAAwC;AAU1F,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGN,YAAY,CAAC;IAClDO,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE;IACf,CAAC;IACDC,IAAI,EAAE;MACJH,IAAI,EAAE;QACJC,QAAQ,EAAE,EAAE;QACZG,KAAK,EAAE,CAAC;QACRC,KAAK,EAAEZ,cAAc,CAACa;MACxB;IACF,CAAiB;IACjBC,KAAK,EAAE,CAAC,CAAoB;IAC5BC,MAAM,EAAE;MACNJ,KAAK,EAAE,GAAG;MACVK,MAAM,EAAE,GAAG;MACXC,SAAS,EAAE,QAAQ;MACnBZ,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLe,SAAS,EAAE;IACb,CAAC;IACDX,IAAI,EAAE;MACJY,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["defineStyles","BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","text","fontSize","paddingLeft","icon","width","color","spinnerIconColor","image","lottie","position","height","alignSelf","textAlign","paddingRight"],"sources":["spinner.styles.ts"],"sourcesContent":["import { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport BASE_THEME, { NamedStyles, AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmSpinnerStyles = BaseStyles & {\n  icon: WmIconStyles\n  image: WmPictureStyles\n  lottie: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-spinner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSpinnerStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      fontSize: 16,\n      paddingLeft: 8\n    },\n    icon: {\n      text: {\n        fontSize: 48,\n        width: 4,\n        color: themeVariables.spinnerIconColor\n      }\n    } as WmIconStyles,\n    image: {} as WmPictureStyles,\n    lottie: {\n      position: 'absolute',\n      width: 150,\n      height: 150,\n      alignSelf: 'center',\n      justifyContent: 'center'\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root : {\n      textAlign: 'right'\n    },\n    text: {\n      paddingRight: 8\n    }\n  });\n});\n"],"mappings":"AAAA,SAAqBA,YAAY,QAAQ,+CAA+C;AACxF,OAAOC,UAAU,MAAiC,wCAAwC;AAU1F,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGN,YAAY,CAAC;IAClDO,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE;IACf,CAAC;IACDC,IAAI,EAAE;MACJH,IAAI,EAAE;QACJC,QAAQ,EAAE,EAAE;QACZG,KAAK,EAAE,CAAC;QACRC,KAAK,EAAEZ,cAAc,CAACa;MACxB;IACF,CAAiB;IACjBC,KAAK,EAAE,CAAC,CAAoB;IAC5BC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpBL,KAAK,EAAE,GAAG;MACVM,MAAM,EAAE,GAAG;MACXC,SAAS,EAAE,QAAQ;MACnBb,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLgB,SAAS,EAAE;IACb,CAAC;IACDZ,IAAI,EAAE;MACJa,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/basic/video/video.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isFullPathUrl","WmVideoState","WmVideo","constructor","props","_defineProperty","status","console","log","isPlaying","error","getSource","path","resource","loadAsset","uri","renderWidget","createElement","style","styles","root","_background","_extends","VIDEO","ref","video","width","height","flex","shouldPlay","autoplay","onPlaybackStatusUpdate","handlePlaybackStatus","source","mp4format","webmformat","posterSource","videoposter","useNativeControls","controls","resizeMode","CONTAIN","isLooping","loop","isMuted","muted","testID","getTestId"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video, AVPlaybackStatus } from 'expo-av';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport { isString } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {}\n\nexport default class WmVideo extends BaseComponent<WmVideoProps, WmVideoState, WmVideoStyles> {\n\n  private video: Video | null = null as any;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset(path);\n    if (isFullPathUrl(resource as string)) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n   handlePlaybackStatus = (status: AVPlaybackStatus) => {\n    if ('isPlaying' in status && typeof status === 'object') {\n      console.log(status.isPlaying? 'Playing' : 'Paused');\n    } else if ('error' in status) {\n      console.error(`Encountered a fatal error during playback: ${status.error}`);\n    }\n  };\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          {...getAccessibilityProps(AccessibilityWidgetType.VIDEO, props)}\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\n          shouldPlay={props.autoplay}\n          onPlaybackStatusUpdate={this.handlePlaybackStatus}\n          source={this.getSource(\n            props.mp4format\n            || props.webmformat) as any}\n          posterSource={ this.getSource(props.videoposter) as any }\n          useNativeControls={props.controls}\n          resizeMode={ResizeMode.CONTAIN}\n          isLooping={props.loop}\n          isMuted={props.muted}\n          testID={this.getTestId('video')}\n        />\n      </View>); \n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,QAA0B,SAAS;AAC7D,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAE7D,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,SAASC,aAAa,QAAQ,sCAAsC;AAEpE,OAAO,MAAMC,YAAY,SAASN,kBAAkB,CAAe;AAEnE,eAAe,MAAMO,OAAO,SAASR,aAAa,CAA4C;EAI5FS,WAAWA,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIK,YAAY,CAAC,CAAC,CAAC;IAACI,eAAA,gBAHxC,IAAI;IAAAA,eAAA,+BAmBTC,MAAwB,IAAK;MACpD,IAAI,WAAW,IAAIA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QACvDC,OAAO,CAACC,GAAG,CAACF,MAAM,CAACG,SAAS,GAAE,SAAS,GAAG,QAAQ,CAAC;MACrD,CAAC,MAAM,IAAI,OAAO,IAAIH,MAAM,EAAE;QAC5BC,OAAO,CAACG,KAAK,CAAE,8CAA6CJ,MAAM,CAACI,KAAM,EAAC,CAAC;MAC7E;IACF,CAAC;EArBD;EAEAC,SAASA,CAACC,IAAY,EAAE;IACtB,IAAI,CAACA,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC;IACrC,IAAIZ,aAAa,CAACa,QAAkB,CAAC,EAAE;MACrC,OAAO;QACLE,GAAG,EAAEF;MACP,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAUAG,YAAYA,CAACZ,KAAmB,EAAE;IAChC,oBACEd,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MAAC2B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB/B,KAAA,CAAA2B,aAAA,CAACxB,KAAK,EAAA6B,QAAA,KACAvB,qBAAqB,CAACD,uBAAuB,CAACyB,KAAK,EAAEnB,KAAK,CAAC;MAC/DoB,GAAG,EAAGC,KAAK,IAAK;QAAE,IAAI,CAACA,KAAK,GAAGA,KAAK;MAAE,CAAE;MACxCP,KAAK,EAAE;QAAEQ,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAE,CAAE;MAClDC,UAAU,EAAEzB,KAAK,CAAC0B,QAAS;MAC3BC,sBAAsB,EAAE,IAAI,CAACC,oBAAqB;MAClDC,MAAM,EAAE,IAAI,CAACtB,SAAS,CACpBP,KAAK,CAAC8B,SAAS,IACZ9B,KAAK,CAAC+B,UAAU,CAAS;MAC9BC,YAAY,EAAG,IAAI,CAACzB,SAAS,CAACP,KAAK,CAACiC,WAAW,CAAU;MACzDC,iBAAiB,EAAElC,KAAK,CAACmC,QAAS;MAClCC,UAAU,EAAEhD,UAAU,CAACiD,OAAQ;MAC/BC,SAAS,EAAEtC,KAAK,CAACuC,IAAK;MACtBC,OAAO,EAAExC,KAAK,CAACyC,KAAM;MACrBC,MAAM,EAAE,IAAI,CAACC,SAAS,CAAC,OAAO;IAAE,EACjC,CACG,CAAC;EACX;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isFullPathUrl","WmVideoState","WmVideo","constructor","props","_defineProperty","status","console","log","isPlaying","error","getSource","path","resource","loadAsset","uri","renderWidget","createElement","style","styles","root","_background","_extends","VIDEO","ref","video","width","height","flex","shouldPlay","autoplay","onPlaybackStatusUpdate","handlePlaybackStatus","source","mp4format","webmformat","posterSource","videoposter","useNativeControls","controls","resizeMode","CONTAIN","isLooping","loop","isMuted","muted","testID","getTestId"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video, AVPlaybackStatus } from 'expo-av';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport { isString } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {}\n\nexport default class WmVideo extends BaseComponent<WmVideoProps, WmVideoState, WmVideoStyles> {\n\n  private video: Video | null = null as any;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset(path);\n    if (isFullPathUrl(resource as string)) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n   handlePlaybackStatus = (status: AVPlaybackStatus) => {\n    if ('isPlaying' in status && typeof status === 'object') {\n      console.log(status.isPlaying? 'Playing' : 'Paused');\n    } else if ('error' in status) {\n      console.error(`Encountered a fatal error during playback: ${status.error}`);\n    }\n  };\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          {...getAccessibilityProps(AccessibilityWidgetType.VIDEO, props)}\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\n          shouldPlay={props.autoplay}\n          onPlaybackStatusUpdate={this.handlePlaybackStatus}\n          source={this.getSource(\n            props.mp4format\n            || props.webmformat) as any}\n          posterSource={ this.getSource(props.videoposter) as any }\n          useNativeControls={props.controls}\n          resizeMode={ResizeMode.CONTAIN}\n          isLooping={props.loop}\n          isMuted={props.muted}\n          testID={this.getTestId('video')}\n        />\n      </View>); \n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,QAA0B,SAAS;AAC7D,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAE7D,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,SAASC,aAAa,QAAQ,sCAAsC;AAEpE,OAAO,MAAMC,YAAY,SAASN,kBAAkB,CAAe;AAEnE,eAAe,MAAMO,OAAO,SAASR,aAAa,CAA4C;EAI5FS,WAAWA,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIK,YAAY,CAAC,CAAC,CAAC;IAACI,eAAA,gBAHxC,IAAI;IAAAA,eAAA,+BAmBTC,MAAwB,IAAK;MACpD,IAAI,WAAW,IAAIA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QACvDC,OAAO,CAACC,GAAG,CAACF,MAAM,CAACG,SAAS,GAAE,SAAS,GAAG,QAAQ,CAAC;MACrD,CAAC,MAAM,IAAI,OAAO,IAAIH,MAAM,EAAE;QAC5BC,OAAO,CAACG,KAAK,CAAC,8CAA8CJ,MAAM,CAACI,KAAK,EAAE,CAAC;MAC7E;IACF,CAAC;EArBD;EAEAC,SAASA,CAACC,IAAY,EAAE;IACtB,IAAI,CAACA,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC;IACrC,IAAIZ,aAAa,CAACa,QAAkB,CAAC,EAAE;MACrC,OAAO;QACLE,GAAG,EAAEF;MACP,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAUAG,YAAYA,CAACZ,KAAmB,EAAE;IAChC,oBACEd,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MAAC2B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB/B,KAAA,CAAA2B,aAAA,CAACxB,KAAK,EAAA6B,QAAA,KACAvB,qBAAqB,CAACD,uBAAuB,CAACyB,KAAK,EAAEnB,KAAK,CAAC;MAC/DoB,GAAG,EAAGC,KAAK,IAAK;QAAE,IAAI,CAACA,KAAK,GAAGA,KAAK;MAAE,CAAE;MACxCP,KAAK,EAAE;QAAEQ,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAE,CAAE;MAClDC,UAAU,EAAEzB,KAAK,CAAC0B,QAAS;MAC3BC,sBAAsB,EAAE,IAAI,CAACC,oBAAqB;MAClDC,MAAM,EAAE,IAAI,CAACtB,SAAS,CACpBP,KAAK,CAAC8B,SAAS,IACZ9B,KAAK,CAAC+B,UAAU,CAAS;MAC9BC,YAAY,EAAG,IAAI,CAACzB,SAAS,CAACP,KAAK,CAACiC,WAAW,CAAU;MACzDC,iBAAiB,EAAElC,KAAK,CAACmC,QAAS;MAClCC,UAAU,EAAEhD,UAAU,CAACiD,OAAQ;MAC/BC,SAAS,EAAEtC,KAAK,CAACuC,IAAK;MACtBC,OAAO,EAAExC,KAAK,CAACyC,KAAM;MACrBC,MAAM,EAAE,IAAI,CAACC,SAAS,CAAC,OAAO;IAAE,EACjC,CACG,CAAC;EACX;AACF","ignoreList":[]}

app-rn-runtime/components/basic/video/video.styles.js

@@ -3,7 +3,10 @@ import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
 export const DEFAULT_CLASS = 'app-video';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
-    root: {},
+    root: {
+      height: 300,
+      width: "100%"
+    },
     text: {}
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

app-rn-runtime/components/basic/video/video.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmVideoStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {},\n        text: {}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EACFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","width","text"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmVideoStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {\n            height: 300,\n            width : \"100%\"\n        },\n        text: {}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE;MACFC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAG;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EACFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/area-chart/area-chart.component.js

@@ -69,7 +69,8 @@ export default class WmAreaChart extends BaseChartComponent {
     }
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       style: this.styles.root,
-      onLayout: this.onViewLayoutChange.bind(this)
+      onLayout: this.onViewLayoutChange.bind(this),
+      key: `${props.title}_area_chart`
     }), this.getTooltip(), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
       style: {
         flexDirection: 'row',

app-rn-runtime/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","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","setTooltipPosition","selectedChartItem","series","_dataObj","tooltipXaxis","tooltipYaxis","isTooltipOpen","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","getTooltip","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","height","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","minDomain","getLegendView","getXaxis","getYAxis","map","d","i","key","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","isRTL","toReversed","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/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \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    this.updateState({\n      chartWidth: viewWidth\n    } as WmAreaChartState)\n  }\n\n  onSelect(event: any, data: any){\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    this.setTooltipPosition(nativeEvent);\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    } as WmAreaChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, 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    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      >\n        {this.getTooltip()}\n        <View>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {this.state.chartWidth ? \n        (\n          <VictoryChart\n            theme={this.state.theme}\n            height={this.styles.root.height as number}\n            width={this.state.chartWidth || 120}\n            padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: 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={this.isRTL?d.toReversed():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={this.isRTL?d.toReversed():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        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"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","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","setTooltipPosition","selectedChartItem","series","_dataObj","tooltipXaxis","tooltipYaxis","isTooltipOpen","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","getTooltip","flexDirection","alignItems","iconclass","icon","subHeading","subheading","theme","height","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","minDomain","getLegendView","getXaxis","getYAxis","map","d","i","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","isRTL","toReversed","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/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \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    this.updateState({\n      chartWidth: viewWidth\n    } as WmAreaChartState)\n  }\n\n  onSelect(event: any, data: any){\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    this.setTooltipPosition(nativeEvent);\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    } as WmAreaChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, 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    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        {this.getTooltip()}\n        <View>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {this.state.chartWidth ? \n        (\n          <VictoryChart\n            theme={this.state.theme}\n            height={this.styles.root.height as number}\n            width={this.state.chartWidth || 120}\n            padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: 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={this.isRTL?d.toReversed():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={this.isRTL?d.toReversed():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        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/chart/area-chart/area-chart.styles.js

@@ -2,6 +2,12 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-area-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
+    skeleton: {
+      root: {
+        height: 200
+      }
+    }
+  });
 });
 //# sourceMappingURL=area-chart.styles.js.map

app-rn-runtime/components/chart/area-chart/area-chart.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["area-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmAreaChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-area-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAIxG,OAAO,MAAMD,aAAa,GAAG,gBAAgB;AAC7CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["area-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmAreaChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-area-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKxG,OAAO,MAAMD,aAAa,GAAG,gBAAgB;AAC7CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/bar-chart/bar-chart.styles.js

@@ -2,6 +2,12 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-bar-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
+    style: {
+      root: {
+        height: 200
+      }
+    }
+  });
 });
 //# sourceMappingURL=bar-chart.styles.js.map

app-rn-runtime/components/chart/bar-chart/bar-chart.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["bar-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS} from '../basechart.styles';\n\nexport type WmBarChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-bar-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAkCC,aAAa,IAAIC,wBAAwB,QAAO,qBAAqB;AAIvG,OAAO,MAAMD,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","style","root","height"],"sources":["bar-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS} from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmBarChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-bar-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        style: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAkCC,aAAa,IAAIC,wBAAwB,QAAO,qBAAqB;AAKvG,OAAO,MAAMD,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,KAAK,EAAE;MACHC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/basechart.component.js

@@ -12,6 +12,7 @@ import ThemeFactory from "@wavemaker/app-rn-runtime/components/chart/theme/chart
 import { DEFAULT_CLASS } from "./basechart.styles";
 import { constructSampleData, getChartType } from "./staticdata";
 import { isWebPreviewMode } from "@wavemaker/app-rn-runtime/core/utils";
+import WmLottie from "../basic/lottie/lottie.component";
 export class BaseChartComponentState extends BaseComponentState {
   constructor(...args) {
     super(...args);
@@ -78,7 +79,7 @@ export class BaseChartComponent extends BaseComponent {
   onViewLayoutChange(e) {
     let viewWidth = e.nativeEvent.layout.width;
     let viewHeight = e.nativeEvent.layout.height;
-    if (viewWidth !== this.state.chartWidth) {
+    if (this !== null && this !== void 0 && this.state && viewWidth !== this.state.chartWidth) {
       this.updateState({
         chartWidth: Number(viewWidth),
         totalHeight: Number(viewHeight)
@@ -136,6 +137,28 @@ export class BaseChartComponent extends BaseComponent {
     const _min = Math.floor(value);
     return Math.abs(value) - _min > 0 ? value - .1 : _min - 1;
   }
+  setYAxisFormat(yVal, ynumberformat) {
+    const matchFixed = ynumberformat.match(/\.([0-9])f/);
+    const matchExponential = ynumberformat.match(/\.([0-9])g/);
+    if (matchFixed) {
+      return yVal.toFixed(parseInt(matchFixed[1], 10));
+    } else if (matchExponential) {
+      return yVal.toExponential(parseInt(matchExponential[1], 10));
+    }
+    switch (ynumberformat) {
+      case '%':
+        return (yVal * 100).toFixed(0) + '%';
+      case 'Billion':
+        return (yVal / 1e9).toFixed(1) + 'B';
+      case 'Million':
+        return (yVal / 1e6).toFixed(1) + 'M';
+      case 'Thousand':
+        return (yVal / 1e3).toFixed(1) + 'K';
+      case ',r':
+        return yVal.toLocaleString();
+    }
+  }
+
   // x axis with vertical lines having grid stroke colors
   getXaxis() {
     const minIndex = 0;
@@ -190,6 +213,7 @@ export class BaseChartComponent extends BaseComponent {
       return null;
     }
     const getTickValueLabel = props.ytickexpr;
+    const ynumberformat = props.ynumberformat;
     let xaxislabeldistance = props.xaxislabeldistance ? props.xaxislabeldistance : 20;
     return /*#__PURE__*/React.createElement(VictoryAxis, {
       crossAxis: false,
@@ -217,6 +241,9 @@ export class BaseChartComponent extends BaseComponent {
         if (getTickValueLabel) {
           return getTickValueLabel(d, i, (ticks || []).length);
         }
+        if (ynumberformat) {
+          return this.setYAxisFormat(d, ynumberformat);
+        }
         return this.abbreviateNumber(d);
       },
       orientation: this.isRTL ? "right" : "left",
@@ -255,6 +282,8 @@ export class BaseChartComponent extends BaseComponent {
     });
   }
   getTooltip() {
+    const ynumberformat = this.state.props.ynumberformat;
+    let yAxisData = ynumberformat ? this.setYAxisFormat(this.state.tooltipYaxis, ynumberformat) : this.state.tooltipYaxis;
     return this.state.isTooltipOpen ? !isEmpty(this.state.template) && this.props.renderitempartial ? /*#__PURE__*/React.createElement(View, {
       onLayout: this.setTooltipPartialLayout.bind(this),
       style: {
@@ -276,7 +305,7 @@ export class BaseChartComponent extends BaseComponent {
       }, this.styles.tooltipXText]
     }, this.state.tooltipXaxis), /*#__PURE__*/React.createElement(Text, {
       style: this.styles.tooltipXText
-    }, this.state.tooltipYaxis), this.renderPointer()) : null;
+    }, yAxisData), this.renderPointer()) : null;
   }
 
   // X/Y Domain properties are supported only for Column and Area charts
@@ -554,6 +583,7 @@ export class BaseChartComponent extends BaseComponent {
   renderLoadingIcon() {
     const props = this.state.props;
     return /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('loadericon'),
       styles: this.styles.loadingIcon,
       iconclass: props.loadingicon,
       caption: props.loadingdatamsg
@@ -634,6 +664,28 @@ export class BaseChartComponent extends BaseComponent {
         break;
     }
   }
+  renderSkeleton(props) {
+    if (props.skeletonanimationresource) {
+      var _this$styles, _this$styles2, _this$styles3;
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          width: '100%'
+        }, (_this$styles = this.styles) === null || _this$styles === void 0 ? void 0 : _this$styles.root]
+      }, /*#__PURE__*/React.createElement(WmLottie, {
+        styles: {
+          content: {
+            ...((_this$styles2 = this.styles) === null || _this$styles2 === void 0 ? void 0 : _this$styles2.root),
+            ...((_this$styles3 = this.styles) === null || _this$styles3 === void 0 || (_this$styles3 = _this$styles3.skeleton) === null || _this$styles3 === void 0 ? void 0 : _this$styles3.root)
+          }
+        },
+        source: props.skeletonanimationresource,
+        loop: true,
+        autoplay: true,
+        speed: this.props.skeletonanimationspeed
+      }));
+    }
+    return null;
+  }
 }
 function getDataType(widgetContext) {
   throw new Error("Function not implemented.");