@wavemaker/app-rn-runtime 11.4.0-next.28151 → 11.4.0-next.28701

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Animated","Easing","StyleSheet","LinearGradient","BaseComponent","BaseComponentState","WmSkeletonProps","DEFAULT_CLASS","isUndefined","WmSkeletonState","left","top","width","height","AnimationRunner","Value","run","counter","timing","animationValue","duration","time","speed","toValue","useNativeDriver","easing","linear","start","event","finished","setValue","stop","Math","max","getValue","WmSkeleton","constructor","props","skeletonloaderRef","measure","x","y","px","py","layout","setState","animate","state","componentDidMount","animationRunner","componentWillUnmount","renderWidget","outpuRange","deg","translateX","interpolate","inputRange","outputRange","ref","onLayoutChange","styles","root","absoluteFill","animatedView","transform","rotate","gradientForeground","backgroundColor","toString","gradient","createSkeleton","theme","skeletonStyles","wrapper","style","addStyleProp","propName","mergeStyle"],"sources":["skeleton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Animated, Easing, StyleSheet, LayoutChangeEvent, ColorValue, ViewStyle } from 'react-native';\nimport { LinearGradient } from 'expo-linear-gradient';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Theme } from '@wavemaker/app-rn-runtime/styles/theme';\n\nimport WmSkeletonProps from './skeleton.props';\nimport { DEFAULT_CLASS, WmSkeletonStyles } from './skeleton.styles';\nimport { isUndefined } from 'lodash-es';\n\nexport class WmSkeletonState extends BaseComponentState<WmSkeletonProps> {\n  layout = {\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  };\n  animate = false;\n}\n\nclass AnimationRunner {\n  private time: number = 1000;\n  public speed = 1;\n  private counter = 0;\n  private animationValue = new Animated.Value(0.2);\n\n  public run() {\n    if (this.counter == 0) {\n      return;\n    }\n    Animated.timing(this.animationValue, {\n      duration: this.time * this.speed,\n      toValue: 1,\n      useNativeDriver: true,\n      easing: Easing.linear,\n    }).start((event) => {\n      if (event.finished) {\n        this.animationValue.setValue(0)\n        this.run();\n      }\n    });\n  }\n\n  public start() {\n    this.counter++;\n    if (this.counter == 1) {\n      this.run();\n    }\n  }\n\n  public stop() {\n    this.counter = Math.max(--this.counter, 0);\n  }\n\n  public getValue() {\n    return this.animationValue;\n  }\n}\n\nexport default class WmSkeleton extends BaseComponent<WmSkeletonProps, WmSkeletonState, WmSkeletonStyles> {\n\n  private skeletonloaderRef: any = null;\n  private animationRunner = new AnimationRunner();\n\n  constructor(props: WmSkeletonProps) {\n    super(props, DEFAULT_CLASS, new WmSkeletonProps(), new WmSkeletonState());\n    this.state = new WmSkeletonState();\n  }\n\n  componentDidMount(): void {\n    this.animationRunner.start();\n  }\n\n  componentWillUnmount(): void {\n    this.animationRunner.stop();\n  }\n\n  onLayoutChange = (event: LayoutChangeEvent) => {\n    this.skeletonloaderRef?.measure((x: number, y: number, width: number, height: number, px: number, py: number) => {\n      let layout = {\n        left: px,\n        top: py,\n        width: width,\n        height: height,\n      };\n      this.setState({\n        layout: {\n          ...layout as any\n        }, animate: true\n      });\n    });\n  }\n\n  renderWidget(props: WmSkeletonProps) {\n    let outpuRange = [-this.state.layout.width-this.state.layout.left, this.state.layout.width + this.state.layout.height];\n    let deg = -20;\n    let translateX = this.animationRunner.getValue().interpolate({\n      inputRange: [0, 1],\n      outputRange: [-50, 400]\n    });\n    return (\n      <View ref={(ref) => { this.skeletonloaderRef = ref; }} onLayout={this.onLayoutChange}\n        style={this.styles.root} >\n        {this.state.animate ?\n          <Animated.View\n            style={[\n              StyleSheet.absoluteFill,\n              this.styles.animatedView,\n              { \n                transform: [\n                  { translateX },\n                  { rotate: deg + 'deg' }\n                ]\n              }]}>\n            <LinearGradient\n              start={{ x: 0, y: 0 }}\n              end={{ x: 1, y: 0 }}\n              colors={[this.styles.gradientForeground.backgroundColor?.toString() as string,\n              this.styles.gradient.backgroundColor?.toString() as string,\n              this.styles.gradientForeground.backgroundColor?.toString() as string]}\n              locations={[0, 0.5, 1]}\n              style={[this.styles.gradient, {backgroundColor: this.styles.animatedView.backgroundColor}]} />\n          </Animated.View> : null}\n      </View>);\n  }\n}\n\nexport const createSkeleton = (theme: Theme, skeletonStyles: WmSkeletonStyles, wrapper: ViewStyle) => {\n  const style = {} as ViewStyle;\n  const addStyleProp = (propName: any) => {\n    if (!isUndefined((wrapper as any)[propName])) {\n      (style as any)[propName] = (wrapper as any)[propName];\n    }\n  };\n  addStyleProp('width');\n  addStyleProp('height');\n  addStyleProp('borderRadius');\n  addStyleProp('borderRadius');\n  addStyleProp('marginTop');\n  addStyleProp('marginBottom');\n  addStyleProp('marginLeft');\n  addStyleProp('marginRight');\n  return(<WmSkeleton styles={theme.mergeStyle(skeletonStyles, {root: style})}/>);\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Animated","Easing","StyleSheet","LinearGradient","BaseComponent","BaseComponentState","WmSkeletonProps","DEFAULT_CLASS","isUndefined","WmSkeletonState","constructor","arguments","_defineProperty","left","top","width","height","AnimationRunner","Value","run","counter","timing","animationValue","duration","time","speed","toValue","useNativeDriver","easing","linear","start","event","finished","setValue","stop","Math","max","getValue","WmSkeleton","props","_this$skeletonloaderR","skeletonloaderRef","measure","x","y","px","py","layout","setState","animate","state","componentDidMount","animationRunner","componentWillUnmount","renderWidget","_this$styles$gradient","_this$styles$gradient2","_this$styles$gradient3","outpuRange","deg","translateX","interpolate","inputRange","outputRange","createElement","ref","onLayout","onLayoutChange","style","styles","root","absoluteFill","animatedView","transform","rotate","end","colors","gradientForeground","backgroundColor","toString","gradient","locations","createSkeleton","theme","skeletonStyles","wrapper","addStyleProp","propName","mergeStyle"],"sources":["skeleton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Animated, Easing, StyleSheet, LayoutChangeEvent, ColorValue, ViewStyle } from 'react-native';\nimport { LinearGradient } from 'expo-linear-gradient';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Theme } from '@wavemaker/app-rn-runtime/styles/theme';\n\nimport WmSkeletonProps from './skeleton.props';\nimport { DEFAULT_CLASS, WmSkeletonStyles } from './skeleton.styles';\nimport { isUndefined } from 'lodash-es';\n\nexport class WmSkeletonState extends BaseComponentState<WmSkeletonProps> {\n  layout = {\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  };\n  animate = false;\n}\n\nclass AnimationRunner {\n  private time: number = 1000;\n  public speed = 1;\n  private counter = 0;\n  private animationValue = new Animated.Value(0.2);\n\n  public run() {\n    if (this.counter == 0) {\n      return;\n    }\n    Animated.timing(this.animationValue, {\n      duration: this.time * this.speed,\n      toValue: 1,\n      useNativeDriver: true,\n      easing: Easing.linear,\n    }).start((event) => {\n      if (event.finished) {\n        this.animationValue.setValue(0)\n        this.run();\n      }\n    });\n  }\n\n  public start() {\n    this.counter++;\n    if (this.counter == 1) {\n      this.run();\n    }\n  }\n\n  public stop() {\n    this.counter = Math.max(--this.counter, 0);\n  }\n\n  public getValue() {\n    return this.animationValue;\n  }\n}\n\nexport default class WmSkeleton extends BaseComponent<WmSkeletonProps, WmSkeletonState, WmSkeletonStyles> {\n\n  private skeletonloaderRef: any = null;\n  private animationRunner = new AnimationRunner();\n\n  constructor(props: WmSkeletonProps) {\n    super(props, DEFAULT_CLASS, new WmSkeletonProps(), new WmSkeletonState());\n    this.state = new WmSkeletonState();\n  }\n\n  componentDidMount(): void {\n    this.animationRunner.start();\n  }\n\n  componentWillUnmount(): void {\n    this.animationRunner.stop();\n  }\n\n  onLayoutChange = (event: LayoutChangeEvent) => {\n    this.skeletonloaderRef?.measure((x: number, y: number, width: number, height: number, px: number, py: number) => {\n      let layout = {\n        left: px,\n        top: py,\n        width: width,\n        height: height,\n      };\n      this.setState({\n        layout: {\n          ...layout as any\n        }, animate: true\n      });\n    });\n  }\n\n  renderWidget(props: WmSkeletonProps) {\n    let outpuRange = [-this.state.layout.width-this.state.layout.left, this.state.layout.width + this.state.layout.height];\n    let deg = -20;\n    let translateX = this.animationRunner.getValue().interpolate({\n      inputRange: [0, 1],\n      outputRange: [-50, 400]\n    });\n    return (\n      <View ref={(ref) => { this.skeletonloaderRef = ref; }} onLayout={this.onLayoutChange}\n        style={this.styles.root} >\n        {this.state.animate ?\n          <Animated.View\n            style={[\n              StyleSheet.absoluteFill,\n              this.styles.animatedView,\n              { \n                transform: [\n                  { translateX },\n                  { rotate: deg + 'deg' }\n                ]\n              }]}>\n            <LinearGradient\n              start={{ x: 0, y: 0 }}\n              end={{ x: 1, y: 0 }}\n              colors={[this.styles.gradientForeground.backgroundColor?.toString() as string,\n              this.styles.gradient.backgroundColor?.toString() as string,\n              this.styles.gradientForeground.backgroundColor?.toString() as string]}\n              locations={[0, 0.5, 1]}\n              style={[this.styles.gradient, {backgroundColor: this.styles.animatedView.backgroundColor}]} />\n          </Animated.View> : null}\n      </View>);\n  }\n}\n\nexport const createSkeleton = (theme: Theme, skeletonStyles: WmSkeletonStyles, wrapper: ViewStyle) => {\n  const style = {} as ViewStyle;\n  const addStyleProp = (propName: any) => {\n    if (!isUndefined((wrapper as any)[propName])) {\n      (style as any)[propName] = (wrapper as any)[propName];\n    }\n  };\n  addStyleProp('width');\n  addStyleProp('height');\n  addStyleProp('borderRadius');\n  addStyleProp('borderRadius');\n  addStyleProp('marginTop');\n  addStyleProp('marginBottom');\n  addStyleProp('marginLeft');\n  addStyleProp('marginRight');\n  return(<WmSkeleton styles={theme.mergeStyle(skeletonStyles, {root: style})}/>);\n};\n"],"mappings":"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"}

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

@@ -60,7 +60,9 @@ export default class WmSpinner extends BaseComponent {
     return this.recursiveSearch(lottiePath.json, lottiePath.loader == 'circleSpinner' ? [colors[0]] : colors);
   }
   prepareLottie(props) {
-    const Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;
+    var _Lottie;
+    let Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;
+    Lottie = ((_Lottie = Lottie) === null || _Lottie === void 0 ? void 0 : _Lottie.default) || Lottie;
     return Platform.OS == 'web' ? /*#__PURE__*/React.createElement(Lottie, {
       animationData: this.addClasstoLottie(props.lottie),
       loop: true,

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","obj","colors","Object","keys","forEach","key","value","ind","Math","floor","random","length","toLowerCase","includes","shape","recursiveSearch","prepareIcon","styles","icon","iconclass","iconsize","prepareImage","image","toRgbArray","color","red","green","blue","addClasstoLottie","lottiePath","primaryColor","INSTANCE","darken","json","loader","prepareLottie","Lottie","OS","require","lottie","renderWidget","root","_background","caption","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      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        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    const Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;\n    return (\n      Platform.OS == 'web' ? <Lottie animationData={this.addClasstoLottie(props.lottie)} loop={true} play={true} style={this.styles.lottie} /> : <LottieView\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 style={this.styles.text}>{props.caption}</Text> : null}\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACnD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AACjE,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,SAAS,MAAM,sEAAsE;AAC5F,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,OAAOC,cAAc,MAAM,kDAAkD;AAE7E,OAAO,MAAMC,cAAc,SAASP,kBAAkB,CAAiB;AAIvE,eAAe,MAAMQ,SAAS,SAAST,aAAa,CAAkD;EAEpGU,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,cAAc,EAAE,CAAC;IAAC,yCAe1B,CAACU,GAAQ,EAAEC,MAAW,KAAK;MACnDD,GAAG,IAAIE,MAAM,CAACC,IAAI,CAACH,GAAG,CAAC,CAACI,OAAO,CAACC,GAAG,IAAI;QACnC,IAAIC,KAAK,GAAGN,GAAG,CAACK,GAAG,CAAC;QACpB,IAAIE,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,IAAI,CAAC,GAAGT,MAAM,CAACU,MAAM,CAAE,GAAGV,MAAM,CAACU,MAAM,CAAC;QAC1E,IAAIN,GAAG,IAAI,IAAI,KAAKC,KAAK,CAACM,WAAW,EAAE,CAACC,QAAQ,CAAC,OAAO,CAAC,IAAIP,KAAK,CAACM,WAAW,EAAE,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE;UACnG,IAAIb,GAAG,CAAC,GAAG,CAAC,IAAIA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KACvBA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACW,MAAM,IAAI,CAAC,IACvBX,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACW,MAAM,IAAG,CAAC,IACvB,OAAOX,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,QAAS,CAAC,EAAE;YAC5CA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAGC,MAAM,CAACM,GAAG,CAAC;UAC/B,CAAC,MACI;YACD,IAAIP,GAAG,CAAC,GAAG,CAAC,IAAIA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAC;cAC1B,KAAK,IAAIc,KAAK,IAAId,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;gBAC/B,IAAGA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,IAAId,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,CAAC,GAAG,CAAC,EAAC;kBACnDd,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGb,MAAM,CAACM,GAAG,CAAC;gBACzC;cACF;YACJ;UACJ;QACJ,CAAC,MAAM,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAClC,IAAI,CAACS,eAAe,CAACT,KAAK,EAAEL,MAAM,CAAC;QACvC;MACF,CAAC,CAAC;MACF,OAAOD,GAAG;IACd,CAAC;EAvCD;EAEQgB,WAAW,CAACjB,KAAU,EAAE;IAC9B,oBAAQ,oBAAC,MAAM;MACb,MAAM,EAAE,IAAI,CAACkB,MAAM,CAACC,IAAK;MACzB,SAAS,EAAEnB,KAAK,CAACoB,SAAS,GAAG,UAAW;MAAC,QAAQ,EAAEpB,KAAK,CAACqB;IAAS,EAAU;EAChF;EAEQC,YAAY,CAACtB,KAAU,EAAE;IAC/B,oBAAQ,oBAAC,SAAS;MACd,MAAM,EAAE,IAAI,CAACkB,MAAM,CAACK,KAAM;MAC1B,aAAa,EAAEvB,KAAK,CAACuB;IAAM,EAAa;EAC9C;EA6BQC,UAAU,CAACC,KAAY,EAAE;IAC/B,OAAO,CACLA,KAAK,CAACC,GAAG,EAAE,GAAC,GAAG,EACfD,KAAK,CAACE,KAAK,EAAE,GAAC,GAAG,EACjBF,KAAK,CAACG,IAAI,EAAE,GAAC,GAAG,EAChB,CAAC,CACF;EACH;EAEQC,gBAAgB,CAACC,UAAe,EAAE;IACxC,IAAIC,YAAY,GAAG3C,KAAK,CAACQ,cAAc,CAACoC,QAAQ,CAACD,YAAY,CAAC;IAC9D,IAAI7B,MAAM,GAAG,CAAC,IAAI,CAACsB,UAAU,CAACO,YAAY,CAAC,EACzC,IAAI,CAACP,UAAU,CAACO,YAAY,CAACE,MAAM,CAAC,GAAG,CAAC,CAAC,EACzC,IAAI,CAACT,UAAU,CAACO,YAAY,CAACE,MAAM,CAAC,GAAG,CAAC,CAAC,EACzC,IAAI,CAACT,UAAU,CAACO,YAAY,CAACE,MAAM,CAAC,GAAG,CAAC,CAAC,EACzC,IAAI,CAACT,UAAU,CAACO,YAAY,CAACE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,OAAO,IAAI,CAACjB,eAAe,CAACc,UAAU,CAACI,IAAI,EAAEJ,UAAU,CAACK,MAAM,IAAI,eAAe,GAAG,CAACjC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC;EAC3G;EAEQkC,aAAa,CAACpC,KAAU,EAAE;IAChC,MAAMqC,MAAM,GAAGlD,QAAQ,CAACmD,EAAE,IAAI,KAAK,GAAGC,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI;IAC3E,OACEpD,QAAQ,CAACmD,EAAE,IAAI,KAAK,gBAAG,oBAAC,MAAM;MAAC,aAAa,EAAE,IAAI,CAACT,gBAAgB,CAAC7B,KAAK,CAACwC,MAAM,CAAE;MAAC,IAAI,EAAE,IAAK;MAAC,IAAI,EAAE,IAAK;MAAC,KAAK,EAAE,IAAI,CAACtB,MAAM,CAACsB;IAAO,EAAG,gBAAG,oBAAC,UAAU;MACpJ,MAAM,EAAE,IAAI,CAACX,gBAAgB,CAAC7B,KAAK,CAACwC,MAAM,CAAE;MAC5C,UAAU,EAAC,SAAS;MACpB,QAAQ,EAAE,IAAK;MACf,IAAI,EAAE,IAAK;MACX,KAAK,EAAE,IAAI,CAACtB,MAAM,CAACsB;IAAO,EAC1B;EAEN;EAEAC,YAAY,CAACzC,KAAqB,EAAE;IAClC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACkB,MAAM,CAACwB;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChB3C,KAAK,CAACwC,MAAM,GAAG,IAAI,CAACJ,aAAa,CAACpC,KAAK,CAAC,GAAGA,KAAK,CAACuB,KAAK,GAAG,IAAI,CAACD,YAAY,CAACtB,KAAK,CAAC,GAAG,IAAI,CAACiB,WAAW,CAACjB,KAAK,CAAC,EAC3GA,KAAK,CAAC4C,OAAO,gBAAG,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAAC1B,MAAM,CAAC2B;IAAK,GAAE7C,KAAK,CAAC4C,OAAO,CAAQ,GAAG,IAAI,CACxE;EAEX;AACF"}
+{"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","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","source","resizeMode","autoPlay","renderWidget","root","_background","caption","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      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        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        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 style={this.styles.text}>{props.caption}</Text> : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmSpinnerProps"],"sources":["spinner.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmSpinnerProps extends BaseProps {\n  caption: string = 'Loading...';\n  iconclass?: string = 'fa fa-circle-o-notch fa-spin';\n  iconsize? = 0;\n  image?: string = null as any;\n  imageheight?: string = null as any;\n  imagewidth?: number = 20;\n  lottie?: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,iCAClC,YAAY;IAAA,mCACT,8BAA8B;IAAA,kCACvC,CAAC;IAAA,+BACI,IAAI;IAAA,qCACE,IAAI;IAAA,oCACL,EAAE;IAAA,gCACN,IAAI;EAAA;AACxB"}
+{"version":3,"names":["BaseProps","WmSpinnerProps","constructor","arguments","_defineProperty"],"sources":["spinner.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmSpinnerProps extends BaseProps {\n  caption: string = 'Loading...';\n  iconclass?: string = 'fa fa-circle-o-notch fa-spin';\n  iconsize? = 0;\n  image?: string = null as any;\n  imageheight?: string = null as any;\n  imagewidth?: number = 20;\n  lottie?: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBAClC,YAAY;IAAAA,eAAA,oBACT,8BAA8B;IAAAA,eAAA,mBACvC,CAAC;IAAAA,eAAA,gBACI,IAAI;IAAAA,eAAA,sBACE,IAAI;IAAAA,eAAA,qBACL,EAAE;IAAAA,eAAA,iBACN,IAAI;EAAA;AACxB"}

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

@@ -27,5 +27,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    root: {
+      textAlign: 'right'
+    },
+    text: {
+      paddingRight: 8
+    }
+  });
 });
 //# sourceMappingURL=spinner.styles.js.map

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","color","spinnerIconColor","image","lottie","width","height","alignSelf"],"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: 14,\n      paddingLeft: 8\n    },\n    icon: {\n      text: {\n        fontSize: 24,\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});\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,EAAEX,cAAc,CAACY;MACxB;IACF,CAAiB;IACjBC,KAAK,EAAE,CAAC,CAAoB;IAC5BC,MAAM,EAAE;MACNC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,SAAS,EAAE,QAAQ;MACnBZ,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["defineStyles","BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","text","fontSize","paddingLeft","icon","color","spinnerIconColor","image","lottie","width","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: 14,\n      paddingLeft: 8\n    },\n    icon: {\n      text: {\n        fontSize: 24,\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,EAAEX,cAAc,CAACY;MACxB;IACF,CAAiB;IACjBC,KAAK,EAAE,CAAC,CAAoB;IAC5BC,MAAM,EAAE;MACNC,KAAK,EAAE,GAAG;MACVC,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"}

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

@@ -7,7 +7,7 @@ import { ResizeMode, Video } from 'expo-av';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmVideoProps from './video.props';
 import { DEFAULT_CLASS } from './video.styles';
-import { isString } from 'lodash-es';
+import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
 export class WmVideoState extends BaseComponentState {}
 export default class WmVideo extends BaseComponent {
   constructor(props) {
@@ -19,7 +19,7 @@ export default class WmVideo extends BaseComponent {
       return null;
     }
     const resource = this.loadAsset(path);
-    if (isString(resource) && (resource.startsWith('http') || resource.startsWith('data:') || resource.startsWith('file:'))) {
+    if (isFullPathUrl(resource)) {
       return {
         uri: resource
       };

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","isString","WmVideoState","WmVideo","constructor","props","getSource","path","resource","loadAsset","startsWith","uri","componentDidMount","state","autoplay","video","playAsync","renderWidget","styles","root","_background","width","height","flex","mp4format","webmformat","videoposter","controls","CONTAIN","loop","muted"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video } 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';\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 (isString(resource) && (\n      resource.startsWith('http') \n        || resource.startsWith('data:') \n        || resource.startsWith('file:'))) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n  componentDidMount(): void {\n    if (this.state.props.autoplay) {\n      this.video?.playAsync();\n    }\n  }\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\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        />\n      </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,QAAQ,SAAS;AAC3C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,QAAQ,QAAQ,WAAW;AAEpC,OAAO,MAAMC,YAAY,SAASJ,kBAAkB,CAAe;AAEnE,eAAe,MAAMK,OAAO,SAASN,aAAa,CAA4C;EAI5FO,WAAW,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,YAAY,EAAE,EAAE,IAAIG,YAAY,EAAE,CAAC;IAAC,+BAHxC,IAAI;EAIlC;EAEAI,SAAS,CAACC,IAAY,EAAE;IACtB,IAAI,CAACA,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC;IACrC,IAAIN,QAAQ,CAACO,QAAQ,CAAC,KACpBA,QAAQ,CAACE,UAAU,CAAC,MAAM,CAAC,IACtBF,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,IAC5BF,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE;MACpC,OAAO;QACLC,GAAG,EAAEH;MACP,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAEAI,iBAAiB,GAAS;IACxB,IAAI,IAAI,CAACC,KAAK,CAACR,KAAK,CAACS,QAAQ,EAAE;MAAA;MAC7B,mBAAI,CAACC,KAAK,gDAAV,YAAYC,SAAS,EAAE;IACzB;EACF;EAEAC,YAAY,CAACZ,KAAmB,EAAE;IAChC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACa,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,KAAK;MACJ,GAAG,EAAGL,KAAK,IAAK;QAAE,IAAI,CAACA,KAAK,GAAGA,KAAK;MAAE,CAAE;MACxC,KAAK,EAAE;QAAEM,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAE,CAAE;MAClD,MAAM,EAAE,IAAI,CAACjB,SAAS,CACpBD,KAAK,CAACmB,SAAS,IACZnB,KAAK,CAACoB,UAAU,CAAS;MAC9B,YAAY,EAAG,IAAI,CAACnB,SAAS,CAACD,KAAK,CAACqB,WAAW,CAAU;MACzD,iBAAiB,EAAErB,KAAK,CAACsB,QAAS;MAClC,UAAU,EAAEhC,UAAU,CAACiC,OAAQ;MAC/B,SAAS,EAAEvB,KAAK,CAACwB,IAAK;MACtB,OAAO,EAAExB,KAAK,CAACyB;IAAM,EACrB,CACG;EACX;AACF"}
+{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","isFullPathUrl","WmVideoState","WmVideo","constructor","props","_defineProperty","getSource","path","resource","loadAsset","uri","componentDidMount","state","autoplay","_this$video","video","playAsync","renderWidget","createElement","style","styles","root","_background","ref","width","height","flex","source","mp4format","webmformat","posterSource","videoposter","useNativeControls","controls","resizeMode","CONTAIN","isLooping","loop","isMuted","muted"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video } 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 { 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  componentDidMount(): void {\n    if (this.state.props.autoplay) {\n      this.video?.playAsync();\n    }\n  }\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\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        />\n      </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,QAAQ,SAAS;AAC3C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAE7D,SAASC,aAAa,QAAQ,sCAAsC;AAEpE,OAAO,MAAMC,YAAY,SAASJ,kBAAkB,CAAe;AAEnE,eAAe,MAAMK,OAAO,SAASN,aAAa,CAA4C;EAI5FO,WAAWA,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIG,YAAY,CAAC,CAAC,CAAC;IAACI,eAAA,gBAHxC,IAAI;EAIlC;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,IAAIP,aAAa,CAACQ,QAAkB,CAAC,EAAE;MACrC,OAAO;QACLE,GAAG,EAAEF;MACP,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAEAG,iBAAiBA,CAAA,EAAS;IACxB,IAAI,IAAI,CAACC,KAAK,CAACR,KAAK,CAACS,QAAQ,EAAE;MAAA,IAAAC,WAAA;MAC7B,CAAAA,WAAA,OAAI,CAACC,KAAK,cAAAD,WAAA,uBAAVA,WAAA,CAAYE,SAAS,CAAC,CAAC;IACzB;EACF;EAEAC,YAAYA,CAACb,KAAmB,EAAE;IAChC,oBACEZ,KAAA,CAAA0B,aAAA,CAACzB,IAAI;MAAC0B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB9B,KAAA,CAAA0B,aAAA,CAACvB,KAAK;MACJ4B,GAAG,EAAGR,KAAK,IAAK;QAAE,IAAI,CAACA,KAAK,GAAGA,KAAK;MAAE,CAAE;MACxCI,KAAK,EAAE;QAAEK,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAE,CAAE;MAClDC,MAAM,EAAE,IAAI,CAACrB,SAAS,CACpBF,KAAK,CAACwB,SAAS,IACZxB,KAAK,CAACyB,UAAU,CAAS;MAC9BC,YAAY,EAAG,IAAI,CAACxB,SAAS,CAACF,KAAK,CAAC2B,WAAW,CAAU;MACzDC,iBAAiB,EAAE5B,KAAK,CAAC6B,QAAS;MAClCC,UAAU,EAAExC,UAAU,CAACyC,OAAQ;MAC/BC,SAAS,EAAEhC,KAAK,CAACiC,IAAK;MACtBC,OAAO,EAAElC,KAAK,CAACmC;IAAM,CACtB,CACG,CAAC;EACX;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmVideoProps"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmVideoProps extends BaseProps {\n    autoplay = false;\n    controls = false;\n    loop = false;\n    mp4format: string = null as any;\n    muted = false;\n    oggformat: string = null as any;\n    subtitlelang = 'en';\n    subtitlesource: string = null as any;\n    videoposter = 'resources/images/imagelists/default-image.png';\n    videopreload = 'none';\n    videosupportmessage = 'Your browser does not support the video tag.';\n    webmformat: string = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,kCACrC,KAAK;IAAA,kCACL,KAAK;IAAA,8BACT,KAAK;IAAA,mCACQ,IAAI;IAAA,+BAChB,KAAK;IAAA,mCACO,IAAI;IAAA,sCACT,IAAI;IAAA,wCACM,IAAI;IAAA,qCACf,+CAA+C;IAAA,sCAC9C,MAAM;IAAA,6CACC,8CAA8C;IAAA,oCAC/C,IAAI;EAAA;AAC7B"}
+{"version":3,"names":["BaseProps","WmVideoProps","constructor","arguments","_defineProperty"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmVideoProps extends BaseProps {\n    autoplay = false;\n    controls = false;\n    loop = false;\n    mp4format: string = null as any;\n    muted = false;\n    oggformat: string = null as any;\n    subtitlelang = 'en';\n    subtitlesource: string = null as any;\n    videoposter = 'resources/images/imagelists/default-image.png';\n    videopreload = 'none';\n    videosupportmessage = 'Your browser does not support the video tag.';\n    webmformat: string = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACrC,KAAK;IAAAA,eAAA,mBACL,KAAK;IAAAA,eAAA,eACT,KAAK;IAAAA,eAAA,oBACQ,IAAI;IAAAA,eAAA,gBAChB,KAAK;IAAAA,eAAA,oBACO,IAAI;IAAAA,eAAA,uBACT,IAAI;IAAAA,eAAA,yBACM,IAAI;IAAAA,eAAA,sBACf,+CAA+C;IAAAA,eAAA,uBAC9C,MAAM;IAAAA,eAAA,8BACC,8CAA8C;IAAAA,eAAA,qBAC/C,IAAI;EAAA;AAC7B"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Defs","LinearGradient","Stop","Svg","VictoryArea","VictoryChart","VictoryLegend","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmAreaChartState","WmAreaChart","constructor","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","renderWidget","state","data","length","mindomain","x","xdomain","chartMinX","undefined","y","ydomain","chartMinY","chartName","name","styles","root","onViewLayoutChange","bind","theme","height","top","bottom","left","right","title","subheading","getLegendView","getXaxis","getYAxis","map","d","i","colors","interpolation","fill","stroke","highlightpoints","opacity"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, 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\";\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  renderWidget(props: WmAreaChartProps) {\n    if (!this.state.data?.length) {\n      return null;\n    }\n    let mindomain={\n      x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n      y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined\n    };\n    const chartName = this.props.name ?? 'nonameAreachart';\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n      >\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: 70, bottom: 50, left: 50, right: 50 }}\n            minDomain={mindomain}\n          > \n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\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={this.state.colors[i]}/>\n                      <Stop offset=\"100%\" stopColor={'#ffffff00'} stopOpacity=\"0\"/>\n                    </LinearGradient>\n                  </Defs>\n                  <VictoryArea\n                    interpolation={props.interpolation as InterpolationPropType}\n                    key={props.name + '_' + i}\n                    style={{\n                      data: {\n                        fill: `url(#${chartName}Gradient${i})`,\n                        stroke: this.state.colors[i]\n                      }\n                    }}\n                    data={d}\n                  />\n                  {props.highlightpoints ?\n                    <VictoryScatter\n                      size={5}\n                      key={props.name + '_scatter' + i}\n                      style={{\n                        data: { fill: this.state.colors[i], opacity: 0.8}\n                      }}\n                      data={d}/>\n                  : null}\n                </VictoryGroup>\n              })\n            }\n            </VictoryStack>\n          </VictoryChart>\n        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Defs","LinearGradient","Stop","Svg","VictoryArea","VictoryChart","VictoryLegend","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmAreaChartState","constructor","arguments","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","renderWidget","_this$state$data","state","data","length","mindomain","x","xdomain","chartMinX","undefined","y","ydomain","chartMinY","chartName","name","createElement","style","styles","root","onLayout","onViewLayoutChange","bind","theme","height","padding","top","bottom","left","right","minDomain","containerComponent","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","key","id","x1","y1","x2","y2","offset","stopColor","colors","stopOpacity","interpolation","fill","stroke","highlightpoints","size","opacity"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, 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\";\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  renderWidget(props: WmAreaChartProps) {\n    if (!this.state.data?.length) {\n      return null;\n    }\n    let mindomain={\n      x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n      y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined\n    };\n    const chartName = this.props.name ?? 'nonameAreachart';\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n      >\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: 70, bottom: 50, left: 50, right: 50 }}\n            minDomain={mindomain}\n          > \n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\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={this.state.colors[i]}/>\n                      <Stop offset=\"100%\" stopColor={'#ffffff00'} stopOpacity=\"0\"/>\n                    </LinearGradient>\n                  </Defs>\n                  <VictoryArea\n                    interpolation={props.interpolation as InterpolationPropType}\n                    key={props.name + '_' + i}\n                    style={{\n                      data: {\n                        fill: `url(#${chartName}Gradient${i})`,\n                        stroke: this.state.colors[i]\n                      }\n                    }}\n                    data={d}\n                  />\n                  {props.highlightpoints ?\n                    <VictoryScatter\n                      size={5}\n                      key={props.name + '_scatter' + i}\n                      style={{\n                        data: { fill: this.state.colors[i], opacity: 0.8}\n                      }}\n                      data={d}/>\n                  : null}\n                </VictoryGroup>\n              })\n            }\n            </VictoryStack>\n          </VictoryChart>\n        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","VictoryChart","VictoryBar","VictoryLegend","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","Svg","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","state","map","d","i","name","horizontal","showvalues","bind","undefined","renderWidget","length","mindomain","x","xdomain","chartMinX","ydomain","chartMinY","styles","root","theme","height","width","screenWidth","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","title","subheading","getLegendView","getXaxis","getYAxis","viewtype","colors"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport { Svg } from \"react-native-svg\";\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={d}\n        height={100}\n        />\n    });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      style={this.styles.root}\n    ><VictoryChart theme={this.state.theme}\n                          height={this.styles.root.height as number}\n                          width={this.styles.root.width as number || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}>\n      <VictoryLegend\n        name={'legend'}\n        containerComponent={<Svg />}\n        title={[props.title, props.subheading]}\n        orientation=\"horizontal\"\n        gutter={20}\n        data={[]}\n        theme={this.state.theme}\n      />\n      {this.getLegendView()}\n      {this.getXaxis()}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack colorScale={this.state.colors}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={this.state.colors} offset={5}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","VictoryChart","VictoryBar","VictoryLegend","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","Svg","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","state","map","d","i","createElement","key","name","horizontal","labels","showvalues","bind","undefined","height","renderWidget","length","mindomain","x","xdomain","chartMinX","ydomain","chartMinY","style","styles","root","theme","width","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","viewtype","colorScale","colors","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport { Svg } from \"react-native-svg\";\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={d}\n        height={100}\n        />\n    });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      style={this.styles.root}\n    ><VictoryChart theme={this.state.theme}\n                          height={this.styles.root.height as number}\n                          width={this.styles.root.width as number || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}>\n      <VictoryLegend\n        name={'legend'}\n        containerComponent={<Svg />}\n        title={[props.title, props.subheading]}\n        orientation=\"horizontal\"\n        gutter={20}\n        data={[]}\n        theme={this.state.theme}\n      />\n      {this.getLegendView()}\n      {this.getXaxis()}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack colorScale={this.state.colors}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={this.state.colors} offset={5}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View>);\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmBarChartProps"],"sources":["bar-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBarChartProps extends BaseChartComponentProps {\n  horizontal?: boolean = true;\n  viewtype: string = 'Grouped';\n  yaxislabeldistance: number = 30;\n  xaxislabeldistance: number = 50;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAA;IAAA;IAAA,oCAC5C,IAAI;IAAA,kCACR,SAAS;IAAA,4CACC,EAAE;IAAA,4CACF,EAAE;EAAA;AACjC"}
+{"version":3,"names":["BaseChartComponentProps","WmBarChartProps","constructor","arguments","_defineProperty"],"sources":["bar-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBarChartProps extends BaseChartComponentProps {\n  horizontal?: boolean = true;\n  viewtype: string = 'Grouped';\n  yaxislabeldistance: number = 30;\n  xaxislabeldistance: number = 50;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,qBAC5C,IAAI;IAAAA,eAAA,mBACR,SAAS;IAAAA,eAAA,6BACC,EAAE;IAAAA,eAAA,6BACF,EAAE;EAAA;AACjC"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","moment","forEach","get","isArray","isEmpty","isObject","maxBy","minBy","set","trim","VictoryAxis","VictoryLegend","VictoryLabel","BaseComponent","BaseComponentState","WmIcon","ThemeFactory","DEFAULT_CLASS","BaseChartComponentState","undefined","screenWidth","width","shapes","SI_SYMBOL","BaseChartComponent","constructor","props","defaultClass","defaultProps","defaultState","theme","applyTheme","componentDidMount","abbreviateNumber","number","tier","Math","log10","abs","suffix","scale","pow","scaled","toFixed","getLegendView","showlegend","top","parseInt","styles","root","height","orientation","state","legendData","border","stroke","left","getYScaleMinValue","value","_min","floor","getXaxis","showxaxis","xaxislabel","xaxisdatakey","xunits","grid","labelangle","d","xaxisDatakeyArr","length","getYAxis","showyaxis","yaxislabel","yaxisdatakey","yunits","axisLabel","padding","yaxislabeldistance","t","isAxisDomainSupported","type","isAxisDomainValid","axis","areMinMaxValuesValid","values","isFinite","min","max","setDomainValues","xDomainValues","yDomainValues","data","x","getXMinMaxValues","getYMinMaxValues","updateState","chartMinX","chartMaxX","yMin","y","chartMinY","chartMaxY","datum","xValues","dataObject","yValues","minValues","maxValues","push","setHeightWidthOnChart","cb","chartHeight","chartWidth","themeName","colorsToUse","customcolors","split","map","themeToUse","getColorsObj","getTheme","colors","prepareLegendData","yAxis","ldata","name","prepareEvents","_","idx","childName","target","eventKey","String","eventHandlers","onClick","mutation","onMouseOver","onMouseOut","getxAxisVal","dataObj","xKey","index","isValid","isNaN","prepareDataItems","dataset","xaxis","yaxis","datasets","yPts","o","xindex","xVal","yVal","parseFloat","bubblesize","shape","invokeEventCallback","proxy","setTimeout","endAngle","updateData","renderLoadingIcon","loadingIcon","loadingicon","loadingdatamsg","labeltype","setTotal","ydomain","xdomain","loading","total","onPropertyChange","$new","$old","units","xLabel","yLabel"],"sources":["basechart.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dimensions } from 'react-native';\nimport moment from \"moment\";\nimport {forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim} from \"lodash-es\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {VictoryAxis, VictoryLegend, VictoryLabel} from \"victory-native\";\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport ThemeFactory  from \"@wavemaker/app-rn-runtime/components/chart/theme/chart.theme\";\n\nimport BaseChartComponentProps from \"./basechart.props\";\nimport { DEFAULT_CLASS, BaseChartComponentStyles} from \"./basechart.styles\";\n\nexport class BaseChartComponentState <T extends BaseChartComponentProps> extends BaseComponentState<T> {\n  data: any = [];\n  content: any = null;\n  yAxis: Array<string> = [];\n  xaxisDatakeyArr: Array<any> = [];\n  legendData: any = [];\n  theme: any;\n  colors: any;\n  xLabel: string = '';\n  yLabel: string = '';\n  total: number = 0;\n  endAngle: number = 0;\n  loading: boolean = true;\n  chartHeight: number = 0;\n  chartWidth: number = 0;\n  chartMinY: number | undefined = undefined;\n  chartMinX: number | undefined = undefined;\n  chartMaxY: number | undefined = undefined;\n  chartMaxX: number | undefined = undefined;\n}\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\nconst shapes: {[key: string]: ScatterSymbolType} = {\n  'circle': 'circle',\n  'cross': 'cross',\n  'diamond': 'diamond',\n  'plus': 'plus',\n  'minus': 'minus',\n  'square': 'square',\n  'star': 'star',\n  'triangle-down': 'triangleDown',\n  'triangle-up': 'triangleUp'\n};\n\nconst SI_SYMBOL = [\"\", \"k\", \"M\", \"G\", \"T\", \"P\", \"E\"];\n\nexport abstract class BaseChartComponent<T extends BaseChartComponentProps, S extends BaseChartComponentState<T>, L extends BaseChartComponentStyles> extends BaseComponent<T, S, L> {\n  protected screenWidth: number = screenWidth;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n    if (!props.theme) {\n      this.applyTheme(props);\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  abbreviateNumber(number: any) {\n    if (typeof number !== 'number') {\n      return number;\n    }\n    const tier = Math.log10(Math.abs(number)) / 3 | 0;\n\n    if (tier == 0) {\n      return number;\n    }\n\n    // get suffix and determine scale\n    const suffix = SI_SYMBOL[tier];\n    const scale = Math.pow(10, tier * 3);\n\n    // scale the number\n    var scaled = number / scale;\n\n    // format number and add suffix\n    return scaled.toFixed(1) + suffix;\n  }\n\n  getLegendView() {\n    if (this.props.showlegend === 'hide') {\n      return null;\n    }\n    let top = this.props.showlegend === 'bottom' ? parseInt(this.styles.root.height as string) : 0;\n    if (top) {\n      top = top - (50); // remove legendHeight\n    }\n    const orientation = (this.props.showlegend === 'right' || this.props.showlegend === 'left') ? 'vertical' : 'horizontal';\n    return <VictoryLegend\n      name={'legendData'}\n      orientation={orientation}\n      gutter={20}\n      data={this.state.legendData}\n      style={{ border: { stroke: 'none' } }}\n      borderPadding={{top: 30, left: 50}}\n      y={top}\n    />\n  }\n\n  getYScaleMinValue(value: number) {\n    const _min = Math.floor(value);\n    return Math.abs(value) - _min > 0 ? value - .1 : _min - 1;\n  };\n\n  // x axis with vertical lines having grid stroke colors\n  getXaxis() {\n    if (this.props.showxaxis === false) {\n      return null;\n    }\n    return <VictoryAxis crossAxis label={(this.props.xaxislabel || this.props.xaxisdatakey) + (this.props.xunits ? `(${this.props.xunits})` : '')}\n                        style={{\n                          grid: this.styles.grid\n                        }}\n                        fixLabelOverlap={true}\n                        tickLabelComponent={<VictoryLabel angle={this.props.labelangle || 0} />} theme={this.state.theme}\n                        tickFormat={(d) => `${this.state.xaxisDatakeyArr.length ? this.state.xaxisDatakeyArr[d] : d}`}/>;\n  }\n  /* y axis with horizontal lines having grid stroke colors*/\n  getYAxis() {\n    if (this.props.showyaxis === false) {\n      return null;\n    }\n    return <VictoryAxis crossAxis label={(this.props.yaxislabel || this.props.yaxisdatakey) + (this.props.yunits ? `(${this.props.yunits})` : '')}\n                        style={{\n                          axisLabel: {padding: this.props.yaxislabeldistance},\n                          grid: this.styles.grid\n                        }}\n                        theme={this.state.theme}\n                        tickFormat={(t) => `${this.abbreviateNumber(t)}`} dependentAxis />;\n  }\n\n  // X/Y Domain properties are supported only for Column and Area charts\n  isAxisDomainSupported(type: string) {\n    return type === 'Column'|| type === 'Area';\n  }\n\n  // Check whether X/Y Domain was set to Min and is supported for the present chart\n  isAxisDomainValid(axis: string) {\n    if (get(this.props, axis + 'domain') === 'Min' && (this.isAxisDomainSupported(this.props.type))) {\n      return true;\n    }\n    return false;\n  };\n\n// Check whether min and max values are finite or not\n  areMinMaxValuesValid(values: any) {\n    if (isFinite(values.min) && isFinite(values.max)) {\n      return true;\n    }\n    return false;\n  };\n\n  setDomainValues() {\n    let xDomainValues, yDomainValues;\n    if (this.state.data.length > 0) {\n      if (this.isAxisDomainValid('x') && typeof this.state.data[0].x === 'number') {\n        xDomainValues = this.getXMinMaxValues(this.state.data[0]);\n      }\n      if (this.isAxisDomainValid('y')) {\n        yDomainValues = this.getYMinMaxValues(this.state.data);\n      }\n      if (xDomainValues) {\n        this.updateState({\n          chartMinX: yDomainValues.min.x,\n          chartMaxX: yDomainValues.max.x\n        } as S)\n      }\n      let yMin;\n      if (yDomainValues) {\n        if (this.areMinMaxValuesValid({max: yDomainValues.max.y, min: yDomainValues.min.y})) {\n          yMin = this.getYScaleMinValue(yDomainValues.min.y);\n        }\n        this.updateState({\n          chartMinY: yMin ? yMin : yDomainValues.min.y,\n          chartMaxY: yDomainValues.max.y\n        } as S);\n      }\n    }\n  }\n\n  // Getting the min and max values among all the x values\n  getXMinMaxValues(datum: Array<{x: number, y: any}>) {\n    if (!datum) {\n      return;\n    }\n    const xValues: any = {};\n    /*\n     compute the min x value\n     eg: When data has objects\n        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]\n        min x: 1\n     eg: When data has arrays\n        input: [[10, 20], [20, 30], [30, 40]];\n        min x: 10\n    */\n    xValues.min = minBy(datum, (dataObject: {x: any, y: any}) => dataObject.x) || {x: undefined};\n    /*\n     compute the max x value\n     eg: When data has objects\n        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]\n        max x: 3\n     eg: When data has arrays\n        input: [[10, 20], [20, 30], [30, 40]];\n        max x: 30\n     */\n    xValues.max = maxBy(datum, (dataObject: {x: any, y: any}) => dataObject.x)|| {x: undefined};\n    return xValues;\n  }\n\n  // Getting the min and max values among all the y values\n  getYMinMaxValues(datum: Array<Array<{x: any, y: number}>>) {\n    const yValues: any = {},\n      minValues: any = [],\n      maxValues: any = [];\n    if (!datum) {\n      return;\n    }\n\n    /*\n     Getting the min and max y values among all the series of data\n     compute the min y value\n     eg: When data has objects\n        input: [[{x:1, y:2}, {x:2, y:3}, {x:3, y:4}], [{x:2, y:3}, {x:3, y:4}, {x:4, y:5}]]\n        min y values : '2'(among first set) & '3'(among second set)\n        max y values : '4'(among first set) & '5'(among second set)\n\n     eg: When data has arrays\n        input: [[[10, 20], [20, 30], [30, 40]], [[20, 30], [30, 40], [40, 50]]]\n        min y values : '20'(among first set) & '30'(among second set)\n        max y values : '40'(among first set) & '50'(among second set)\n     */\n\n    forEach(datum, data => {\n      if (data && !isEmpty(data)) {\n        minValues.push(minBy(data,  (dataObject: {x: any, y: any}) => { return dataObject.y }));\n        maxValues.push(maxBy(data,  (dataObject: {x: any, y: any}) => { return dataObject.y }));\n      }\n    });\n    // Gets the least and highest values among all the min and max values of respective series of data\n    yValues.min = minBy(minValues, (dataObject: {x: any, y: any}) => dataObject.y) || {y: undefined};\n    yValues.max = maxBy(maxValues, (dataObject: {x: any, y: any}) => dataObject.y) || {y: undefined};\n    return yValues;\n  }\n\n  setHeightWidthOnChart(cb?: () => void) {\n    let height = this.styles.root.height || 250;\n    let width = this.styles.root.width || screenWidth;\n    if (height && typeof height === 'string') {\n      height = parseInt(height);\n    }\n    if (width && typeof width === 'string') {\n      width = parseInt(width);\n    }\n    this.updateState({\n      chartHeight: height,\n      chartWidth: width\n    } as S, cb);\n  }\n\n  applyTheme(props: BaseChartComponentProps) {\n    let themeName = props.theme ? props.theme : (props.type === 'Pie' ? 'Azure' : 'Terrestrial');\n    let colorsToUse = [];\n    if (typeof props.customcolors === 'string' && !isEmpty(props.customcolors)) {\n      colorsToUse = props.customcolors.split(',').map(trim);\n    }\n    let themeToUse;\n    if (typeof themeName === 'string') {\n      if (!colorsToUse.length) {\n        colorsToUse = ThemeFactory.getColorsObj(themeName);\n      }\n      themeToUse = ThemeFactory.getTheme(themeName, this.props.styles, colorsToUse);\n    } else if (typeof themeName === 'object') {\n      // if theme is passed as an object then use that custom theme.\n      themeToUse = props.theme;\n    }\n    this.updateState({\n      colors: colorsToUse,\n      theme: themeToUse\n    } as S);\n  }\n\n  prepareLegendData() {\n    if (this.state.yAxis) {\n      let ldata = this.state.yAxis.map((d: string) => {\n        return {\n          name: d\n        }\n      });\n      this.updateState({\n        legendData: ldata\n      } as S);\n    }\n  }\n\n  prepareEvents(name: string) {\n    return this.state.legendData.map((_: any, idx: number) => {\n      return {\n        childName: ['legend'],\n        target: 'data',\n        eventKey: String(idx),\n        eventHandlers: {\n          onClick: () => {\n            return [\n              {\n                childName: [name + '_' + idx],\n                target: 'data',\n                eventKey: 'all',\n                mutation: (props: any) => {\n                  return null;\n                }\n              }\n            ];\n          },\n          onMouseOver: () => {\n          },\n          onMouseOut: () => {\n          }\n        }\n      };\n    });\n  }\n\n  // If date string is bound to xaxis then we are pushing the x values as indexes.\n  getxAxisVal(dataObj: {[key: string] : any}, xKey: string, index: number, xaxisDatakeyArr: Array<any>) {\n    const value: any = get(dataObj, xKey);\n    if (moment(value, true).isValid() || isNaN(value)) {\n      xaxisDatakeyArr.push(value);\n      return index;\n    }\n    return value;\n  }\n\n  prepareDataItems(dataset: any) {\n    let xaxis = this.props.xaxisdatakey;\n    let yaxis = this.props.yaxisdatakey;\n    let xaxisDatakeyArr: Array<any> = [];\n    let datasets: any = [];\n\n    if (xaxis && yaxis) {\n      let yPts = yaxis.split(',');\n      yPts.forEach((y: any) => {\n        if (xaxis !== y) {\n          datasets.push(dataset.map((o: {[key: string] : any}, xindex: number) => {\n            const xVal = this.getxAxisVal(o, xaxis, xindex, xaxisDatakeyArr);\n            let yVal: string | number = get(o, y);\n            if (typeof yVal === 'string') {\n              yVal = parseFloat(yVal) || yVal;\n            }\n            let dataObj = {\n              x: xVal,\n              y: yVal,\n            };\n            if (this.props.bubblesize) {\n              set(dataObj, 'size', get(o, this.props.bubblesize, 5));\n            }\n            if (this.props.shape) {\n              set(dataObj, 'symbol', shapes[this.props.shape]);\n            }\n            return dataObj;\n          }));\n        }\n      });\n      // chartTransform\n      this.invokeEventCallback('onTransform', [undefined, this.proxy]);\n      if (this.props.type == 'Pie' || this.props.type === 'Donut') {\n        // for animation effect\n        setTimeout(() => {\n          this.updateState({\n            endAngle: 360,\n          } as S);\n        }, 500);\n      }\n      this.updateData(datasets, yPts, xaxisDatakeyArr);\n    }\n  }\n\n\n  protected renderLoadingIcon() {\n    return (<WmIcon styles={this.styles.loadingIcon}\n    iconclass={this.props.loadingicon}\n    caption={this.props.loadingdatamsg}></WmIcon>);\n  }\n\n  updateData(datasets: any, yPts: any, xaxisDatakeyArr: Array<any>) {\n    this.updateState({\n      data: datasets as any,\n      yAxis: yPts,\n      xaxisDatakeyArr: xaxisDatakeyArr\n    } as S, () => {\n      this.prepareLegendData();\n      if (!this.props.labeltype || this.props.labeltype === 'percent') {\n        this.setTotal(this.state.data[0]);\n      }\n      if (this.isAxisDomainSupported(this.props.type) && (this.props.ydomain || this.props.xdomain)) {\n        this.setDomainValues();\n      }\n      this.updateState({\n        loading: false\n      } as S);\n    });\n  }\n\n  setTotal(data: Array<{x: any, y: number}>) {\n    let total = 0;\n    data.forEach((d: {x: any, y: any}) => {\n      total += d.y as number;\n    });\n    this.updateState({\n      total: total\n    } as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    let units = '';\n    switch(name) {\n      case 'customcolors':\n        if (isEmpty($new)) {\n          return;\n        }\n        if (typeof $new === 'string') {\n          $new = $new.split(',');\n        }\n        this.updateState({\n          colors: $new\n        } as S);\n        break;\n      case 'theme':\n        this.applyTheme(this.props);\n        break;\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n        }\n        $new && this.prepareDataItems($new);\n        break;\n      case 'xaxislabel':\n        if (this.props.xunits) {\n          units = ' (' + this.props.xunits + ')';\n        }\n        this.updateState({\n          xLabel: $new + units\n        } as S);\n        break;\n      case 'yaxislabel':\n        if (this.props.yunits) {\n          units = ' (' + this.props.yunits + ')';\n        }\n        this.updateState({\n          yLabel: $new + units\n        } as S);\n        break;\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Dimensions","moment","forEach","get","isArray","isEmpty","isObject","maxBy","minBy","set","trim","VictoryAxis","VictoryLegend","VictoryLabel","BaseComponent","BaseComponentState","WmIcon","ThemeFactory","DEFAULT_CLASS","BaseChartComponentState","constructor","arguments","_defineProperty","undefined","screenWidth","width","shapes","SI_SYMBOL","BaseChartComponent","props","defaultClass","length","defaultProps","defaultState","theme","applyTheme","componentDidMount","abbreviateNumber","number","tier","Math","log10","abs","suffix","scale","pow","scaled","toFixed","getLegendView","showlegend","top","parseInt","styles","root","height","orientation","createElement","name","gutter","data","state","legendData","style","border","stroke","borderPadding","left","y","getYScaleMinValue","value","_min","floor","getXaxis","showxaxis","crossAxis","label","xaxislabel","xaxisdatakey","xunits","grid","fixLabelOverlap","tickLabelComponent","angle","labelangle","tickFormat","d","xaxisDatakeyArr","getYAxis","showyaxis","yaxislabel","yaxisdatakey","yunits","axisLabel","padding","yaxislabeldistance","t","dependentAxis","isAxisDomainSupported","type","isAxisDomainValid","axis","areMinMaxValuesValid","values","isFinite","min","max","setDomainValues","xDomainValues","yDomainValues","x","getXMinMaxValues","getYMinMaxValues","updateState","chartMinX","chartMaxX","yMin","chartMinY","chartMaxY","datum","xValues","dataObject","yValues","minValues","maxValues","push","setHeightWidthOnChart","cb","chartHeight","chartWidth","themeName","colorsToUse","customcolors","split","map","themeToUse","getColorsObj","getTheme","colors","prepareLegendData","yAxis","ldata","prepareEvents","_","idx","childName","target","eventKey","String","eventHandlers","onClick","mutation","onMouseOver","onMouseOut","getxAxisVal","dataObj","xKey","index","isValid","isNaN","prepareDataItems","dataset","xaxis","yaxis","datasets","yPts","o","xindex","xVal","yVal","parseFloat","bubblesize","shape","invokeEventCallback","proxy","setTimeout","endAngle","updateData","renderLoadingIcon","loadingIcon","iconclass","loadingicon","caption","loadingdatamsg","labeltype","setTotal","ydomain","xdomain","loading","total","onPropertyChange","$new","$old","units","xLabel","yLabel"],"sources":["basechart.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dimensions } from 'react-native';\nimport moment from \"moment\";\nimport {forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim} from \"lodash-es\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {VictoryAxis, VictoryLegend, VictoryLabel} from \"victory-native\";\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport ThemeFactory  from \"@wavemaker/app-rn-runtime/components/chart/theme/chart.theme\";\n\nimport BaseChartComponentProps from \"./basechart.props\";\nimport { DEFAULT_CLASS, BaseChartComponentStyles} from \"./basechart.styles\";\n\nexport class BaseChartComponentState <T extends BaseChartComponentProps> extends BaseComponentState<T> {\n  data: any = [];\n  content: any = null;\n  yAxis: Array<string> = [];\n  xaxisDatakeyArr: Array<any> = [];\n  legendData: any = [];\n  theme: any;\n  colors: any;\n  xLabel: string = '';\n  yLabel: string = '';\n  total: number = 0;\n  endAngle: number = 0;\n  loading: boolean = true;\n  chartHeight: number = 0;\n  chartWidth: number = 0;\n  chartMinY: number | undefined = undefined;\n  chartMinX: number | undefined = undefined;\n  chartMaxY: number | undefined = undefined;\n  chartMaxX: number | undefined = undefined;\n}\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\nconst shapes: {[key: string]: ScatterSymbolType} = {\n  'circle': 'circle',\n  'cross': 'cross',\n  'diamond': 'diamond',\n  'plus': 'plus',\n  'minus': 'minus',\n  'square': 'square',\n  'star': 'star',\n  'triangle-down': 'triangleDown',\n  'triangle-up': 'triangleUp'\n};\n\nconst SI_SYMBOL = [\"\", \"k\", \"M\", \"G\", \"T\", \"P\", \"E\"];\n\nexport abstract class BaseChartComponent<T extends BaseChartComponentProps, S extends BaseChartComponentState<T>, L extends BaseChartComponentStyles> extends BaseComponent<T, S, L> {\n  protected screenWidth: number = screenWidth;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n    if (!props.theme) {\n      this.applyTheme(props);\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  abbreviateNumber(number: any) {\n    if (typeof number !== 'number') {\n      return number;\n    }\n    const tier = Math.log10(Math.abs(number)) / 3 | 0;\n\n    if (tier == 0) {\n      return number;\n    }\n\n    // get suffix and determine scale\n    const suffix = SI_SYMBOL[tier];\n    const scale = Math.pow(10, tier * 3);\n\n    // scale the number\n    var scaled = number / scale;\n\n    // format number and add suffix\n    return scaled.toFixed(1) + suffix;\n  }\n\n  getLegendView() {\n    if (this.props.showlegend === 'hide') {\n      return null;\n    }\n    let top = this.props.showlegend === 'bottom' ? parseInt(this.styles.root.height as string) : 0;\n    if (top) {\n      top = top - (50); // remove legendHeight\n    }\n    const orientation = (this.props.showlegend === 'right' || this.props.showlegend === 'left') ? 'vertical' : 'horizontal';\n    return <VictoryLegend\n      name={'legendData'}\n      orientation={orientation}\n      gutter={20}\n      data={this.state.legendData}\n      style={{ border: { stroke: 'none' } }}\n      borderPadding={{top: 30, left: 50}}\n      y={top}\n    />\n  }\n\n  getYScaleMinValue(value: number) {\n    const _min = Math.floor(value);\n    return Math.abs(value) - _min > 0 ? value - .1 : _min - 1;\n  };\n\n  // x axis with vertical lines having grid stroke colors\n  getXaxis() {\n    if (this.props.showxaxis === false) {\n      return null;\n    }\n    return <VictoryAxis crossAxis label={(this.props.xaxislabel || this.props.xaxisdatakey) + (this.props.xunits ? `(${this.props.xunits})` : '')}\n                        style={{\n                          grid: this.styles.grid\n                        }}\n                        fixLabelOverlap={true}\n                        tickLabelComponent={<VictoryLabel angle={this.props.labelangle || 0} />} theme={this.state.theme}\n                        tickFormat={(d) => `${this.state.xaxisDatakeyArr.length ? this.state.xaxisDatakeyArr[d] : d}`}/>;\n  }\n  /* y axis with horizontal lines having grid stroke colors*/\n  getYAxis() {\n    if (this.props.showyaxis === false) {\n      return null;\n    }\n    return <VictoryAxis crossAxis label={(this.props.yaxislabel || this.props.yaxisdatakey) + (this.props.yunits ? `(${this.props.yunits})` : '')}\n                        style={{\n                          axisLabel: {padding: this.props.yaxislabeldistance},\n                          grid: this.styles.grid\n                        }}\n                        theme={this.state.theme}\n                        tickFormat={(t) => `${this.abbreviateNumber(t)}`} dependentAxis />;\n  }\n\n  // X/Y Domain properties are supported only for Column and Area charts\n  isAxisDomainSupported(type: string) {\n    return type === 'Column'|| type === 'Area';\n  }\n\n  // Check whether X/Y Domain was set to Min and is supported for the present chart\n  isAxisDomainValid(axis: string) {\n    if (get(this.props, axis + 'domain') === 'Min' && (this.isAxisDomainSupported(this.props.type))) {\n      return true;\n    }\n    return false;\n  };\n\n// Check whether min and max values are finite or not\n  areMinMaxValuesValid(values: any) {\n    if (isFinite(values.min) && isFinite(values.max)) {\n      return true;\n    }\n    return false;\n  };\n\n  setDomainValues() {\n    let xDomainValues, yDomainValues;\n    if (this.state.data.length > 0) {\n      if (this.isAxisDomainValid('x') && typeof this.state.data[0].x === 'number') {\n        xDomainValues = this.getXMinMaxValues(this.state.data[0]);\n      }\n      if (this.isAxisDomainValid('y')) {\n        yDomainValues = this.getYMinMaxValues(this.state.data);\n      }\n      if (xDomainValues) {\n        this.updateState({\n          chartMinX: yDomainValues.min.x,\n          chartMaxX: yDomainValues.max.x\n        } as S)\n      }\n      let yMin;\n      if (yDomainValues) {\n        if (this.areMinMaxValuesValid({max: yDomainValues.max.y, min: yDomainValues.min.y})) {\n          yMin = this.getYScaleMinValue(yDomainValues.min.y);\n        }\n        this.updateState({\n          chartMinY: yMin ? yMin : yDomainValues.min.y,\n          chartMaxY: yDomainValues.max.y\n        } as S);\n      }\n    }\n  }\n\n  // Getting the min and max values among all the x values\n  getXMinMaxValues(datum: Array<{x: number, y: any}>) {\n    if (!datum) {\n      return;\n    }\n    const xValues: any = {};\n    /*\n     compute the min x value\n     eg: When data has objects\n        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]\n        min x: 1\n     eg: When data has arrays\n        input: [[10, 20], [20, 30], [30, 40]];\n        min x: 10\n    */\n    xValues.min = minBy(datum, (dataObject: {x: any, y: any}) => dataObject.x) || {x: undefined};\n    /*\n     compute the max x value\n     eg: When data has objects\n        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]\n        max x: 3\n     eg: When data has arrays\n        input: [[10, 20], [20, 30], [30, 40]];\n        max x: 30\n     */\n    xValues.max = maxBy(datum, (dataObject: {x: any, y: any}) => dataObject.x)|| {x: undefined};\n    return xValues;\n  }\n\n  // Getting the min and max values among all the y values\n  getYMinMaxValues(datum: Array<Array<{x: any, y: number}>>) {\n    const yValues: any = {},\n      minValues: any = [],\n      maxValues: any = [];\n    if (!datum) {\n      return;\n    }\n\n    /*\n     Getting the min and max y values among all the series of data\n     compute the min y value\n     eg: When data has objects\n        input: [[{x:1, y:2}, {x:2, y:3}, {x:3, y:4}], [{x:2, y:3}, {x:3, y:4}, {x:4, y:5}]]\n        min y values : '2'(among first set) & '3'(among second set)\n        max y values : '4'(among first set) & '5'(among second set)\n\n     eg: When data has arrays\n        input: [[[10, 20], [20, 30], [30, 40]], [[20, 30], [30, 40], [40, 50]]]\n        min y values : '20'(among first set) & '30'(among second set)\n        max y values : '40'(among first set) & '50'(among second set)\n     */\n\n    forEach(datum, data => {\n      if (data && !isEmpty(data)) {\n        minValues.push(minBy(data,  (dataObject: {x: any, y: any}) => { return dataObject.y }));\n        maxValues.push(maxBy(data,  (dataObject: {x: any, y: any}) => { return dataObject.y }));\n      }\n    });\n    // Gets the least and highest values among all the min and max values of respective series of data\n    yValues.min = minBy(minValues, (dataObject: {x: any, y: any}) => dataObject.y) || {y: undefined};\n    yValues.max = maxBy(maxValues, (dataObject: {x: any, y: any}) => dataObject.y) || {y: undefined};\n    return yValues;\n  }\n\n  setHeightWidthOnChart(cb?: () => void) {\n    let height = this.styles.root.height || 250;\n    let width = this.styles.root.width || screenWidth;\n    if (height && typeof height === 'string') {\n      height = parseInt(height);\n    }\n    if (width && typeof width === 'string') {\n      width = parseInt(width);\n    }\n    this.updateState({\n      chartHeight: height,\n      chartWidth: width\n    } as S, cb);\n  }\n\n  applyTheme(props: BaseChartComponentProps) {\n    let themeName = props.theme ? props.theme : (props.type === 'Pie' ? 'Azure' : 'Terrestrial');\n    let colorsToUse = [];\n    if (typeof props.customcolors === 'string' && !isEmpty(props.customcolors)) {\n      colorsToUse = props.customcolors.split(',').map(trim);\n    }\n    let themeToUse;\n    if (typeof themeName === 'string') {\n      if (!colorsToUse.length) {\n        colorsToUse = ThemeFactory.getColorsObj(themeName);\n      }\n      themeToUse = ThemeFactory.getTheme(themeName, this.props.styles, colorsToUse);\n    } else if (typeof themeName === 'object') {\n      // if theme is passed as an object then use that custom theme.\n      themeToUse = props.theme;\n    }\n    this.updateState({\n      colors: colorsToUse,\n      theme: themeToUse\n    } as S);\n  }\n\n  prepareLegendData() {\n    if (this.state.yAxis) {\n      let ldata = this.state.yAxis.map((d: string) => {\n        return {\n          name: d\n        }\n      });\n      this.updateState({\n        legendData: ldata\n      } as S);\n    }\n  }\n\n  prepareEvents(name: string) {\n    return this.state.legendData.map((_: any, idx: number) => {\n      return {\n        childName: ['legend'],\n        target: 'data',\n        eventKey: String(idx),\n        eventHandlers: {\n          onClick: () => {\n            return [\n              {\n                childName: [name + '_' + idx],\n                target: 'data',\n                eventKey: 'all',\n                mutation: (props: any) => {\n                  return null;\n                }\n              }\n            ];\n          },\n          onMouseOver: () => {\n          },\n          onMouseOut: () => {\n          }\n        }\n      };\n    });\n  }\n\n  // If date string is bound to xaxis then we are pushing the x values as indexes.\n  getxAxisVal(dataObj: {[key: string] : any}, xKey: string, index: number, xaxisDatakeyArr: Array<any>) {\n    const value: any = get(dataObj, xKey);\n    if (moment(value, true).isValid() || isNaN(value)) {\n      xaxisDatakeyArr.push(value);\n      return index;\n    }\n    return value;\n  }\n\n  prepareDataItems(dataset: any) {\n    let xaxis = this.props.xaxisdatakey;\n    let yaxis = this.props.yaxisdatakey;\n    let xaxisDatakeyArr: Array<any> = [];\n    let datasets: any = [];\n\n    if (xaxis && yaxis) {\n      let yPts = yaxis.split(',');\n      yPts.forEach((y: any) => {\n        if (xaxis !== y) {\n          datasets.push(dataset.map((o: {[key: string] : any}, xindex: number) => {\n            const xVal = this.getxAxisVal(o, xaxis, xindex, xaxisDatakeyArr);\n            let yVal: string | number = get(o, y);\n            if (typeof yVal === 'string') {\n              yVal = parseFloat(yVal) || yVal;\n            }\n            let dataObj = {\n              x: xVal,\n              y: yVal,\n            };\n            if (this.props.bubblesize) {\n              set(dataObj, 'size', get(o, this.props.bubblesize, 5));\n            }\n            if (this.props.shape) {\n              set(dataObj, 'symbol', shapes[this.props.shape]);\n            }\n            return dataObj;\n          }));\n        }\n      });\n      // chartTransform\n      this.invokeEventCallback('onTransform', [undefined, this.proxy]);\n      if (this.props.type == 'Pie' || this.props.type === 'Donut') {\n        // for animation effect\n        setTimeout(() => {\n          this.updateState({\n            endAngle: 360,\n          } as S);\n        }, 500);\n      }\n      this.updateData(datasets, yPts, xaxisDatakeyArr);\n    }\n  }\n\n\n  protected renderLoadingIcon() {\n    return (<WmIcon styles={this.styles.loadingIcon}\n    iconclass={this.props.loadingicon}\n    caption={this.props.loadingdatamsg}></WmIcon>);\n  }\n\n  updateData(datasets: any, yPts: any, xaxisDatakeyArr: Array<any>) {\n    this.updateState({\n      data: datasets as any,\n      yAxis: yPts,\n      xaxisDatakeyArr: xaxisDatakeyArr\n    } as S, () => {\n      this.prepareLegendData();\n      if (!this.props.labeltype || this.props.labeltype === 'percent') {\n        this.setTotal(this.state.data[0]);\n      }\n      if (this.isAxisDomainSupported(this.props.type) && (this.props.ydomain || this.props.xdomain)) {\n        this.setDomainValues();\n      }\n      this.updateState({\n        loading: false\n      } as S);\n    });\n  }\n\n  setTotal(data: Array<{x: any, y: number}>) {\n    let total = 0;\n    data.forEach((d: {x: any, y: any}) => {\n      total += d.y as number;\n    });\n    this.updateState({\n      total: total\n    } as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    let units = '';\n    switch(name) {\n      case 'customcolors':\n        if (isEmpty($new)) {\n          return;\n        }\n        if (typeof $new === 'string') {\n          $new = $new.split(',');\n        }\n        this.updateState({\n          colors: $new\n        } as S);\n        break;\n      case 'theme':\n        this.applyTheme(this.props);\n        break;\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n        }\n        $new && this.prepareDataItems($new);\n        break;\n      case 'xaxislabel':\n        if (this.props.xunits) {\n          units = ' (' + this.props.xunits + ')';\n        }\n        this.updateState({\n          xLabel: $new + units\n        } as S);\n        break;\n      case 'yaxislabel':\n        if (this.props.yunits) {\n          units = ' (' + this.props.yunits + ')';\n        }\n        this.updateState({\n          yLabel: $new + units\n        } as S);\n        break;\n    }\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/chart/basechart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseChartComponentProps"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseChartComponentProps extends BaseProps {\n  xaxisdatakey: string = '';\n  yaxisdatakey: string = '';\n  dataset: any;\n  type: string = '';\n  title: string = '';\n  subheading: string = '';\n  theme: string = '';\n  xaxislabel: string = '';\n  xunits: string = '';\n  staggerlabels: boolean = false;\n  yaxislabel: string = '';\n  yunits: string = '';\n  yaxislabeldistance: number = 50;\n  xaxislabeldistance: number = 30;\n  customcolors: string | Array<string> = '';\n  legendheight: number = 0;\n  labellegendheight: number = 0;\n  labeltype: string = 'percent';\n  bubblesize: string= '';\n  shape: string = '';\n  loadingicon='fa fa-circle-o-notch fa-pulse';\n  loadingdatamsg = 'Loading...';\n  nodatamessage = 'No data found';\n  offsetbottom: number = 50;\n  offsettop: number = 70;\n  offsetleft: number = 65;\n  offsetright: number = 25;\n  showlegend: string = 'top';\n  showlabels: string = 'outside';\n  tooltips: boolean = false;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = '';\n  xdomain: string = '';\n  labelangle: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,sCACtC,EAAE;IAAA,sCACF,EAAE;IAAA;IAAA,8BAEV,EAAE;IAAA,+BACD,EAAE;IAAA,oCACG,EAAE;IAAA,+BACP,EAAE;IAAA,oCACG,EAAE;IAAA,gCACN,EAAE;IAAA,uCACM,KAAK;IAAA,oCACT,EAAE;IAAA,gCACN,EAAE;IAAA,4CACU,EAAE;IAAA,4CACF,EAAE;IAAA,sCACQ,EAAE;IAAA,sCAClB,CAAC;IAAA,2CACI,CAAC;IAAA,mCACT,SAAS;IAAA,oCACT,EAAE;IAAA,+BACN,EAAE;IAAA,qCACN,+BAA+B;IAAA,wCAC1B,YAAY;IAAA,uCACb,eAAe;IAAA,sCACR,EAAE;IAAA,mCACL,EAAE;IAAA,oCACD,EAAE;IAAA,qCACD,EAAE;IAAA,oCACH,KAAK;IAAA,oCACL,SAAS;IAAA,kCACV,KAAK;IAAA,uCACD,QAAQ;IAAA,yCACL,KAAK;IAAA,oCACV,KAAK;IAAA,mCACN,IAAI;IAAA,mCACJ,IAAI;IAAA,iCACP,EAAE;IAAA,iCACF,EAAE;IAAA,oCACC,CAAC;EAAA;AACxB"}
+{"version":3,"names":["BaseProps","BaseChartComponentProps","constructor","arguments","_defineProperty"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseChartComponentProps extends BaseProps {\n  xaxisdatakey: string = '';\n  yaxisdatakey: string = '';\n  dataset: any;\n  type: string = '';\n  title: string = '';\n  subheading: string = '';\n  theme: string = '';\n  xaxislabel: string = '';\n  xunits: string = '';\n  staggerlabels: boolean = false;\n  yaxislabel: string = '';\n  yunits: string = '';\n  yaxislabeldistance: number = 50;\n  xaxislabeldistance: number = 30;\n  customcolors: string | Array<string> = '';\n  legendheight: number = 0;\n  labellegendheight: number = 0;\n  labeltype: string = 'percent';\n  bubblesize: string= '';\n  shape: string = '';\n  loadingicon='fa fa-circle-o-notch fa-pulse';\n  loadingdatamsg = 'Loading...';\n  nodatamessage = 'No data found';\n  offsetbottom: number = 50;\n  offsettop: number = 70;\n  offsetleft: number = 65;\n  offsetright: number = 25;\n  showlegend: string = 'top';\n  showlabels: string = 'outside';\n  tooltips: boolean = false;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = '';\n  xdomain: string = '';\n  labelangle: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,uBACtC,EAAE;IAAAA,eAAA,uBACF,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEV,EAAE;IAAAA,eAAA,gBACD,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,gBACP,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,wBACM,KAAK;IAAAA,eAAA,qBACT,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,6BACU,EAAE;IAAAA,eAAA,6BACF,EAAE;IAAAA,eAAA,uBACQ,EAAE;IAAAA,eAAA,uBAClB,CAAC;IAAAA,eAAA,4BACI,CAAC;IAAAA,eAAA,oBACT,SAAS;IAAAA,eAAA,qBACT,EAAE;IAAAA,eAAA,gBACN,EAAE;IAAAA,eAAA,sBACN,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,wBACb,eAAe;IAAAA,eAAA,uBACR,EAAE;IAAAA,eAAA,oBACL,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA,qBACL,SAAS;IAAAA,eAAA,mBACV,KAAK;IAAAA,eAAA,wBACD,QAAQ;IAAAA,eAAA,0BACL,KAAK;IAAAA,eAAA,qBACV,KAAK;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,kBACP,EAAE;IAAAA,eAAA,kBACF,EAAE;IAAAA,eAAA,qBACC,CAAC;EAAA;AACxB"}

app-rn-runtime/components/chart/bubble-chart/bubble-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","WmBubbleChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","VictoryChart","VictoryLegend","VictoryScatter","Svg","WmBubbleChartState","WmBubbleChart","constructor","props","renderWidget","state","data","length","styles","root","theme","height","width","screenWidth","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","title","subheading","getLegendView","getXaxis","getYAxis","map","d","i","colors","fill","opacity","datum","name"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport {VictoryAxis, VictoryChart, VictoryLegend, VictoryLine, VictoryScatter} from \"victory-native\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {Svg} from \"react-native-svg\";\nimport {get} from \"lodash-es\";\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  renderWidget(props: WmBubbleChartProps) {\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      style={this.styles.root}\n    >\n      <VictoryChart\n        theme={this.state.theme}\n        height={this.styles.root.height as number}\n        width={this.styles.root.width as number || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          title={[props.title, props.subheading]}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n        return <VictoryScatter\n          colorScale={this.state.colors}\n          style={{\n            data: { fill: this.state.colors[i], opacity: ({ datum }) => datum.opacity }\n          }}\n          key={props.name + '_bubble_' + i}\n          name={props.name + '_bubble_' + i}\n          data={d}\n          size={5}\n        />\n      })}\n      </VictoryChart></View>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,IAAI,QAAO,cAAc;AAGvC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAC1E,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,SAAqBC,YAAY,EAAEC,aAAa,EAAeC,cAAc,QAAO,gBAAgB;AAEpG,SAAQC,GAAG,QAAO,kBAAkB;AAGpC,OAAO,MAAMC,kBAAkB,SAASL,uBAAuB,CAAqB;AAEpF,eAAe,MAAMM,aAAa,SAASP,kBAAkB,CAA8D;EAEzHQ,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,kBAAkB,EAAE,EAAE,IAAIQ,kBAAkB,EAAE,CAAC;EACjF;EAEAI,YAAY,CAACD,KAAyB,EAAE;IAAA;IACtC,IAAI,sBAAC,IAAI,CAACE,KAAK,CAACC,IAAI,6CAAf,iBAAiBC,MAAM,GAAE;MAC5B,OAAO,IAAI;IACb;IACA,oBAAQ,oBAAC,IAAI;MACX,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,gBAExB,oBAAC,YAAY;MACX,KAAK,EAAE,IAAI,CAACJ,KAAK,CAACK,KAAM;MACxB,MAAM,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,MAAiB;MAC1C,KAAK,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACG,KAAK,IAAc,IAAI,CAACC,WAAY;MAC5D,OAAO,EAAE;QAAEC,GAAG,EAAEX,KAAK,CAACY,SAAS;QAAEC,MAAM,EAAEb,KAAK,CAACc,YAAY;QAAEC,IAAI,EAAEf,KAAK,CAACgB,UAAU;QAAEC,KAAK,EAAEjB,KAAK,CAACkB;MAAY;IAAE,gBAEhH,oBAAC,aAAa;MACZ,IAAI,EAAE,QAAS;MACf,kBAAkB,eAAE,oBAAC,GAAG,OAAI;MAC5B,KAAK,EAAE,CAAClB,KAAK,CAACmB,KAAK,EAAEnB,KAAK,CAACoB,UAAU,CAAE;MACvC,WAAW,EAAC,YAAY;MACxB,MAAM,EAAE,EAAG;MACX,IAAI,EAAE,EAAG;MACT,KAAK,EAAE,IAAI,CAAClB,KAAK,CAACK;IAAM,EACxB,EACD,IAAI,CAACc,aAAa,EAAE,EACpB,IAAI,CAACC,QAAQ,EAAE,EACf,IAAI,CAACC,QAAQ,EAAE,EACf,IAAI,CAACrB,KAAK,CAACC,IAAI,CAACqB,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAS,KAAK;MAC5C,oBAAO,oBAAC,cAAc;QACpB,UAAU,EAAE,IAAI,CAACxB,KAAK,CAACyB,MAAO;QAC9B,KAAK,EAAE;UACLxB,IAAI,EAAE;YAAEyB,IAAI,EAAE,IAAI,CAAC1B,KAAK,CAACyB,MAAM,CAACD,CAAC,CAAC;YAAEG,OAAO,EAAE;cAAA,IAAC;gBAAEC;cAAM,CAAC;cAAA,OAAKA,KAAK,CAACD,OAAO;YAAA;UAAC;QAC5E,CAAE;QACF,GAAG,EAAE7B,KAAK,CAAC+B,IAAI,GAAG,UAAU,GAAGL,CAAE;QACjC,IAAI,EAAE1B,KAAK,CAAC+B,IAAI,GAAG,UAAU,GAAGL,CAAE;QAClC,IAAI,EAAED,CAAE;QACR,IAAI,EAAE;MAAE,EACR;IACJ,CAAC,CAAC,CACa,CAAO;EAC1B;AACF"}
+{"version":3,"names":["React","View","WmBubbleChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","VictoryChart","VictoryLegend","VictoryScatter","Svg","WmBubbleChartState","WmBubbleChart","constructor","props","renderWidget","_this$state$data","state","data","length","createElement","style","styles","root","theme","height","width","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","name","containerComponent","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","colorScale","colors","fill","opacity","_ref","datum","key","size"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport {VictoryAxis, VictoryChart, VictoryLegend, VictoryLine, VictoryScatter} from \"victory-native\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {Svg} from \"react-native-svg\";\nimport {get} from \"lodash-es\";\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  renderWidget(props: WmBubbleChartProps) {\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      style={this.styles.root}\n    >\n      <VictoryChart\n        theme={this.state.theme}\n        height={this.styles.root.height as number}\n        width={this.styles.root.width as number || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          title={[props.title, props.subheading]}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n        return <VictoryScatter\n          colorScale={this.state.colors}\n          style={{\n            data: { fill: this.state.colors[i], opacity: ({ datum }) => datum.opacity }\n          }}\n          key={props.name + '_bubble_' + i}\n          name={props.name + '_bubble_' + i}\n          data={d}\n          size={5}\n        />\n      })}\n      </VictoryChart></View>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,IAAI,QAAO,cAAc;AAGvC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAC1E,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,SAAqBC,YAAY,EAAEC,aAAa,EAAeC,cAAc,QAAO,gBAAgB;AAEpG,SAAQC,GAAG,QAAO,kBAAkB;AAGpC,OAAO,MAAMC,kBAAkB,SAASL,uBAAuB,CAAqB;AAEpF,eAAe,MAAMM,aAAa,SAASP,kBAAkB,CAA8D;EAEzHQ,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,EAAE,IAAIQ,kBAAkB,CAAC,CAAC,CAAC;EACjF;EAEAI,YAAYA,CAACD,KAAyB,EAAE;IAAA,IAAAE,gBAAA;IACtC,IAAI,GAAAA,gBAAA,GAAC,IAAI,CAACC,KAAK,CAACC,IAAI,cAAAF,gBAAA,eAAfA,gBAAA,CAAiBG,MAAM,GAAE;MAC5B,OAAO,IAAI;IACb;IACA,oBAAQlB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;MACXmB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,gBAExBtB,KAAA,CAAAmB,aAAA,CAACb,YAAY;MACXiB,KAAK,EAAE,IAAI,CAACP,KAAK,CAACO,KAAM;MACxBC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAiB;MAC1CC,KAAK,EAAE,IAAI,CAACJ,MAAM,CAACC,IAAI,CAACG,KAAK,IAAc,IAAI,CAACC,WAAY;MAC5DC,OAAO,EAAE;QAAEC,GAAG,EAAEf,KAAK,CAACgB,SAAS;QAAEC,MAAM,EAAEjB,KAAK,CAACkB,YAAY;QAAEC,IAAI,EAAEnB,KAAK,CAACoB,UAAU;QAAEC,KAAK,EAAErB,KAAK,CAACsB;MAAY;IAAE,gBAEhHnC,KAAA,CAAAmB,aAAA,CAACZ,aAAa;MACZ6B,IAAI,EAAE,QAAS;MACfC,kBAAkB,eAAErC,KAAA,CAAAmB,aAAA,CAACV,GAAG,MAAE,CAAE;MAC5B6B,KAAK,EAAE,CAACzB,KAAK,CAACyB,KAAK,EAAEzB,KAAK,CAAC0B,UAAU,CAAE;MACvCC,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACXxB,IAAI,EAAE,EAAG;MACTM,KAAK,EAAE,IAAI,CAACP,KAAK,CAACO;IAAM,CACzB,CAAC,EACD,IAAI,CAACmB,aAAa,CAAC,CAAC,EACpB,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAAC5B,KAAK,CAACC,IAAI,CAAC4B,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAS,KAAK;MAC5C,oBAAO/C,KAAA,CAAAmB,aAAA,CAACX,cAAc;QACpBwC,UAAU,EAAE,IAAI,CAAChC,KAAK,CAACiC,MAAO;QAC9B7B,KAAK,EAAE;UACLH,IAAI,EAAE;YAAEiC,IAAI,EAAE,IAAI,CAAClC,KAAK,CAACiC,MAAM,CAACF,CAAC,CAAC;YAAEI,OAAO,EAAEC,IAAA;cAAA,IAAC;gBAAEC;cAAM,CAAC,GAAAD,IAAA;cAAA,OAAKC,KAAK,CAACF,OAAO;YAAA;UAAC;QAC5E,CAAE;QACFG,GAAG,EAAEzC,KAAK,CAACuB,IAAI,GAAG,UAAU,GAAGW,CAAE;QACjCX,IAAI,EAAEvB,KAAK,CAACuB,IAAI,GAAG,UAAU,GAAGW,CAAE;QAClC9B,IAAI,EAAE6B,CAAE;QACRS,IAAI,EAAE;MAAE,CACT,CAAC;IACJ,CAAC,CACa,CAAO,CAAC;EAC1B;AACF"}

app-rn-runtime/components/chart/column-chart/column-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmBarChart","WmBarChartState","WmColumnChartState","WmColumnChart","constructor","props"],"sources":["column-chart.component.tsx"],"sourcesContent":["import React from 'react';\n\nimport WmColumnChartProps from './column-chart.props';\nimport WmBarChart, {WmBarChartState} from \"@wavemaker/app-rn-runtime/components/chart/bar-chart/bar-chart.component\";\n\nexport class WmColumnChartState extends WmBarChartState {}\n\nexport default class WmColumnChart extends WmBarChart {\n\n  constructor(props: WmColumnChartProps) {\n    super(props)\n  }\n}\n"],"mappings":"AAGA,OAAOA,UAAU,IAAGC,eAAe,QAAO,0EAA0E;AAEpH,OAAO,MAAMC,kBAAkB,SAASD,eAAe,CAAC;AAExD,eAAe,MAAME,aAAa,SAASH,UAAU,CAAC;EAEpDI,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,CAAC;EACd;AACF"}
+{"version":3,"names":["WmBarChart","WmBarChartState","WmColumnChartState","WmColumnChart","constructor","props"],"sources":["column-chart.component.tsx"],"sourcesContent":["import React from 'react';\n\nimport WmColumnChartProps from './column-chart.props';\nimport WmBarChart, {WmBarChartState} from \"@wavemaker/app-rn-runtime/components/chart/bar-chart/bar-chart.component\";\n\nexport class WmColumnChartState extends WmBarChartState {}\n\nexport default class WmColumnChart extends WmBarChart {\n\n  constructor(props: WmColumnChartProps) {\n    super(props)\n  }\n}\n"],"mappings":"AAGA,OAAOA,UAAU,IAAGC,eAAe,QAAO,0EAA0E;AAEpH,OAAO,MAAMC,kBAAkB,SAASD,eAAe,CAAC;AAExD,eAAe,MAAME,aAAa,SAASH,UAAU,CAAC;EAEpDI,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,CAAC;EACd;AACF"}

app-rn-runtime/components/chart/donut-chart/donut-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmPieChart","WmDonutChart","constructor","props"],"sources":["donut-chart.component.tsx"],"sourcesContent":["import React from 'react';\n\nimport WmDonutChartProps from './donut-chart.props';\nimport WmPieChart from \"@wavemaker/app-rn-runtime/components/chart/pie-chart/pie-chart.component\";\n\n\nexport default class WmDonutChart extends WmPieChart {\n\n  constructor(props: WmDonutChartProps) {\n    super(props);\n  }\n}\n"],"mappings":"AAGA,OAAOA,UAAU,MAAM,0EAA0E;AAGjG,eAAe,MAAMC,YAAY,SAASD,UAAU,CAAC;EAEnDE,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,CAAC;EACd;AACF"}
+{"version":3,"names":["WmPieChart","WmDonutChart","constructor","props"],"sources":["donut-chart.component.tsx"],"sourcesContent":["import React from 'react';\n\nimport WmDonutChartProps from './donut-chart.props';\nimport WmPieChart from \"@wavemaker/app-rn-runtime/components/chart/pie-chart/pie-chart.component\";\n\n\nexport default class WmDonutChart extends WmPieChart {\n\n  constructor(props: WmDonutChartProps) {\n    super(props);\n  }\n}\n"],"mappings":"AAGA,OAAOA,UAAU,MAAM,0EAA0E;AAGjG,eAAe,MAAMC,YAAY,SAASD,UAAU,CAAC;EAEnDE,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,CAAC;EACd;AACF"}

app-rn-runtime/components/chart/donut-chart/donut-chart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmPieChartProps","WmDonutChartProps"],"sources":["donut-chart.props.ts"],"sourcesContent":["import WmPieChartProps from \"@wavemaker/app-rn-runtime/components/chart/pie-chart/pie-chart.props\";\n\nexport default class WmDonutChartProps extends WmPieChartProps {\n  donutratio: number = 0.5;\n  labeltype: string = 'percent';\n}\n"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,sEAAsE;AAElG,eAAe,MAAMC,iBAAiB,SAASD,eAAe,CAAC;EAAA;IAAA;IAAA,oCACxC,GAAG;IAAA,mCACJ,SAAS;EAAA;AAC/B"}
+{"version":3,"names":["WmPieChartProps","WmDonutChartProps","constructor","arguments","_defineProperty"],"sources":["donut-chart.props.ts"],"sourcesContent":["import WmPieChartProps from \"@wavemaker/app-rn-runtime/components/chart/pie-chart/pie-chart.props\";\n\nexport default class WmDonutChartProps extends WmPieChartProps {\n  donutratio: number = 0.5;\n  labeltype: string = 'percent';\n}\n"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,sEAAsE;AAElG,eAAe,MAAMC,iBAAiB,SAASD,eAAe,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,qBACxC,GAAG;IAAAA,eAAA,oBACJ,SAAS;EAAA;AAC/B"}