@wavemaker/app-rn-runtime 11.5.0-next.40301 → 11.5.0-rc.151

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","text","height","paddingTop","paddingBottom","paddingLeft","paddingRight","width","borderWidth","borderRightWidth","borderTopLeftRadius","borderBottomLeftRadius","borderColor","searchBorderColor","backgroundColor","searchDropdownBackgroundColor","invalid","borderBottomColor","inputInvalidBorderColor","focusedText","modal","transparent","modalContent","borderRadius","position","borderStyle","dropDownContent","searchInputWrapper","alignItems","justifyContent","flex","clearButton","marginLeft","padding","alignSelf","searchButton","borderTopRightRadius","borderBottomRightRadius","searchButtonColor","icon","fontSize","color","searchButtonTextColor","searchItem","marginBottom","paddingHorizontal","paddingVertical","searchItemBorderColor","searchItemTextColor","searchItemText","fontFamily","baseFont","dataCompleteItem","searchDataCompleteItemBgColor","textDecorationLine","placeholderText","inputPlaceholderColor","inputDisabledBgColor","OS","textAlign","borderLeftWidth","left"],"sources":["search.styles.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmSearchStyles = BaseStyles & {\n  focusedText: TextStyle,\n  modal: AllStyle;\n  modalContent: AllStyle;\n  searchItem: AllStyle;\n  dropDownContent: AllStyle;\n  searchItemText: AllStyle;\n  clearButton: WmButtonStyles;\n  searchButton: WmButtonStyles;\n  searchInputWrapper: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSearchStyles = defineStyles({\n      root: {\n        flexDirection: 'row'\n      },\n      text: {\n        height: 48,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 12,\n        paddingRight: 12,\n        width: '100%',\n        borderWidth: 1,\n        borderRightWidth: 0,\n        borderTopLeftRadius: 6,\n        borderBottomLeftRadius: 6,\n        borderColor: themeVariables.searchBorderColor,\n        backgroundColor: themeVariables.searchDropdownBackgroundColor,\n      },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n      focusedText : {\n        borderBottomLeftRadius: 0,\n      },\n    modal: {\n      backgroundColor: themeVariables.transparent,\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.searchDropdownBackgroundColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.searchBorderColor,\n      width: '90%'\n    },\n      dropDownContent: {\n          width: '100%'\n      },\n      searchInputWrapper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flex: 1\n      },\n      clearButton: {\n        root: {\n          marginLeft: -40,\n          padding: 0,\n          width: 36,\n          alignItems: 'center',\n          alignSelf: 'center',\n          justifyContent: 'center',\n          backgroundColor: 'transparent'\n        }\n      } as WmButtonStyles,\n      searchButton: {\n        root: {\n          alignItems: 'center',\n          justifyContent: 'center',\n          borderRadius: 0,\n          borderTopRightRadius: 4,\n          borderBottomRightRadius: 4,\n          backgroundColor: themeVariables.searchButtonColor,\n          height: 48\n        },\n        icon: {\n          icon: {\n            fontSize: 24,\n            color: themeVariables.searchButtonTextColor,\n          }\n        }\n      } as WmButtonStyles,\n      searchItem: {\n        width: '100%',\n        marginBottom: 4,\n        paddingHorizontal: 16,\n        paddingVertical: 8,\n        borderBottomColor: themeVariables.searchItemBorderColor,\n        flexDirection: 'row',\n        alignItems: 'center',\n        color: themeVariables.searchItemTextColor\n      },\n      searchItemText: {\n        fontSize: 16,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont\n      },\n      dataCompleteItem: {\n          root: {\n            backgroundColor: themeVariables.searchDataCompleteItemBgColor,\n            justifyContent: 'center',\n            padding: 8\n          },\n          text: {\n            fontSize: 12,\n            textDecorationLine: 'none',\n            color: themeVariables.searchItemTextColor\n          }\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      text : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS=='android'?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderLeftWidth: 0,\n      borderRightWidth: 1,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 4,\n        borderBottomRightRadius: 4,\n      },\n    }\n  }:Platform.OS=='web'?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        borderTopLeftRadius: 4,\n        borderBottomLeftRadius: 4,\n      },\n    },\n    clearButton: {\n      root: {\n        left: 0,\n        position: 'absolute',\n        marginLeft: 0\n      }\n    } as WmButtonStyles,\n  }:{\n    text : {\n      textAlign: 'right',\n    }\n  });\n\n  addStyle('app-autocomplete', '', {\n    text: {\n      borderRightWidth: 1,\n      borderTopRightRadius: 4,\n      borderBottomRightRadius: 4,\n    }\n  } as WmSearchStyles);\n});\n"],"mappings":"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"}
+{"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","text","minHeight","paddingTop","paddingBottom","paddingLeft","paddingRight","width","borderWidth","borderRightWidth","borderTopLeftRadius","borderBottomLeftRadius","borderColor","searchBorderColor","backgroundColor","searchDropdownBackgroundColor","invalid","borderBottomColor","inputInvalidBorderColor","focusedText","modal","transparent","height","modalContent","borderRadius","position","borderStyle","dropDownContent","searchInputWrapper","alignItems","justifyContent","flex","clearButton","marginLeft","padding","alignSelf","searchButton","borderTopRightRadius","borderBottomRightRadius","searchButtonColor","icon","fontSize","color","searchButtonTextColor","marginRight","searchItem","marginBottom","paddingHorizontal","paddingVertical","searchItemBorderColor","searchItemTextColor","searchItemText","fontFamily","baseFont","dataCompleteItem","searchDataCompleteItemBgColor","textDecorationLine","placeholderText","inputPlaceholderColor","inputDisabledBgColor","OS","textAlign","borderLeftWidth","left"],"sources":["search.styles.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmSearchStyles = BaseStyles & {\n  focusedText: TextStyle,\n  modal: AllStyle;\n  modalContent: AllStyle;\n  searchItem: AllStyle;\n  dropDownContent: AllStyle;\n  searchItemText: AllStyle;\n  clearButton: WmButtonStyles;\n  searchButton: WmButtonStyles;\n  searchInputWrapper: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSearchStyles = defineStyles({\n      root: {\n        flexDirection: 'row'\n      },\n      text: {\n        minHeight: 56,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 24,\n        paddingRight: 14,\n        width: '100%',\n        borderWidth: 1,\n        borderRightWidth: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n        borderColor: themeVariables.searchBorderColor,\n        backgroundColor: themeVariables.searchDropdownBackgroundColor,\n      },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n      focusedText : {\n        borderBottomLeftRadius: 28,\n      },\n    modal: {\n      backgroundColor: themeVariables.transparent,\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.searchDropdownBackgroundColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.searchBorderColor,\n      width: '90%'\n    },\n      dropDownContent: {\n          width: '100%'\n      },\n      searchInputWrapper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flex: 1\n      },\n      clearButton: {\n        root: {\n          marginLeft: -40,\n          padding: 0,\n          width: 36,\n          alignItems: 'center',\n          alignSelf: 'center',\n          justifyContent: 'center',\n          backgroundColor: 'transparent'\n        }\n      } as WmButtonStyles,\n      searchButton: {\n        root: {\n          alignItems: 'center',\n          justifyContent: 'center',\n          borderRadius: 0,\n          borderTopRightRadius: 28,\n          borderBottomRightRadius: 28,\n          backgroundColor: themeVariables.searchButtonColor,\n          height: 56\n        },\n        icon: {\n          icon: {\n            fontSize: 24,\n            color: themeVariables.searchButtonTextColor,\n            marginRight: 4\n          }\n        }\n      } as WmButtonStyles,\n      searchItem: {\n        width: '100%',\n        marginBottom: 4,\n        paddingHorizontal: 16,\n        paddingVertical: 8,\n        borderBottomColor: themeVariables.searchItemBorderColor,\n        flexDirection: 'row',\n        alignItems: 'center',\n        color: themeVariables.searchItemTextColor\n      },\n      searchItemText: {\n        fontSize: 16,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont\n      },\n      dataCompleteItem: {\n          root: {\n            backgroundColor: themeVariables.searchDataCompleteItemBgColor,\n            justifyContent: 'center',\n            padding: 8\n          },\n          text: {\n            fontSize: 12,\n            textDecorationLine: 'none',\n            color: themeVariables.searchItemTextColor\n          }\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      text : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS=='android'?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderLeftWidth: 0,\n      borderRightWidth: 1,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 4,\n        borderBottomRightRadius: 4,\n      },\n    }\n  }:Platform.OS=='web'?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        borderTopLeftRadius: 4,\n        borderBottomLeftRadius: 4,\n      },\n    },\n    clearButton: {\n      root: {\n        left: 0,\n        position: 'absolute',\n        marginLeft: 0\n      }\n    } as WmButtonStyles,\n  }:{\n    text : {\n      textAlign: 'right',\n    }\n  });\n\n  addStyle('app-autocomplete', '', {\n    text: {\n      borderRightWidth: 1,\n      borderTopRightRadius: 4,\n      borderBottomRightRadius: 4,\n    }\n  } as WmSearchStyles);\n});\n"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -40,6 +41,7 @@ export default class WmSpinner extends BaseComponent {
   }
   prepareIcon(props) {
     return /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
       styles: this.styles.icon,
       iconclass: props.iconclass + ' fa-spin',
       iconsize: props.iconsize
@@ -47,6 +49,7 @@ export default class WmSpinner extends BaseComponent {
   }
   prepareImage(props) {
     return /*#__PURE__*/React.createElement(WmPicture, {
+      id: this.getTestId('picture'),
       styles: this.styles.image,
       picturesource: props.image
     });
@@ -69,6 +72,7 @@ export default class WmSpinner extends BaseComponent {
       play: true,
       style: this.styles.lottie
     }) : /*#__PURE__*/React.createElement(LottieView, {
+      testID: this.getTestId('lottie'),
       source: this.addClasstoLottie(props.lottie),
       resizeMode: "contain",
       autoPlay: true,
@@ -79,9 +83,9 @@ export default class WmSpinner extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this._background, props.lottie ? this.prepareLottie(props) : props.image ? this.prepareImage(props) : this.prepareIcon(props), props.caption ? /*#__PURE__*/React.createElement(Text, {
+    }, this._background, props.lottie ? this.prepareLottie(props) : props.image ? this.prepareImage(props) : this.prepareIcon(props), props.caption ? /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(), {
       style: this.styles.text
-    }, props.caption) : null);
+    }), props.caption) : null);
   }
 }
 //# sourceMappingURL=spinner.component.js.map

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

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

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

@@ -9,12 +9,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       alignItems: 'center'
     },
     text: {
-      fontSize: 14,
+      fontSize: 16,
       paddingLeft: 8
     },
     icon: {
       text: {
-        fontSize: 24,
+        fontSize: 48,
+        width: 4,
         color: themeVariables.spinnerIconColor
       }
     },

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

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

@@ -49,7 +49,8 @@ export default class WmVideo extends BaseComponent {
       useNativeControls: props.controls,
       resizeMode: ResizeMode.CONTAIN,
       isLooping: props.loop,
-      isMuted: props.muted
+      isMuted: props.muted,
+      testID: this.getTestId('video')
     }));
   }
 }

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

@@ -1 +1 @@
-{"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"}
+{"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","testID","getTestId"],"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          testID={this.getTestId('video')}\n        />\n      </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,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,KAAM;MACrBC,MAAM,EAAE,IAAI,CAACC,SAAS,CAAC,OAAO;IAAE,CACjC,CACG,CAAC;EACX;AACF"}

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

@@ -4,7 +4,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import React from "react";
 import { Dimensions } from 'react-native';
 import moment from "moment";
-import { forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim } from "lodash-es";
+import { forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim, orderBy } from "lodash-es";
 import { VictoryAxis, VictoryLegend, VictoryLabel } from "victory-native";
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
@@ -80,8 +80,8 @@ export class BaseChartComponent extends BaseComponent {
     // format number and add suffix
     return scaled.toFixed(1) + suffix;
   }
-  getLegendView() {
-    if (this.props.showlegend === 'hide') {
+  getLegendView(colorScale) {
+    if (this.state.props.showlegend === 'hide') {
       return null;
     }
     let top = this.props.showlegend === 'bottom' ? parseInt(this.styles.root.height) : 0;
@@ -91,6 +91,7 @@ export class BaseChartComponent extends BaseComponent {
 
     const orientation = this.props.showlegend === 'right' || this.props.showlegend === 'left' ? 'vertical' : 'horizontal';
     return /*#__PURE__*/React.createElement(VictoryLegend, {
+      colorScale: colorScale,
       name: 'legendData',
       orientation: orientation,
       gutter: 20,
@@ -311,11 +312,21 @@ export class BaseChartComponent extends BaseComponent {
   }
   prepareLegendData() {
     if (this.state.yAxis) {
-      let ldata = this.state.yAxis.map(d => {
-        return {
-          name: d
-        };
-      });
+      let ldata;
+      if (this.props.type === 'Stack') {
+        const data = orderBy(this.state.data[0], 'y', 'asc');
+        ldata = data.map(d => {
+          return {
+            name: this.state.xaxisDatakeyArr[d.x]
+          };
+        });
+      } else {
+        ldata = this.state.yAxis.map(d => {
+          return {
+            name: d
+          };
+        });
+      }
       this.updateState({
         legendData: ldata
       });

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","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 (!isArray($new)) {\n          if (isObject($new) && !isEmpty($new)) {\n            $new = [$new];\n          } else {\n            $new = [];\n          }\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","orderBy","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","colorScale","state","showlegend","top","parseInt","styles","root","height","orientation","createElement","name","gutter","data","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, orderBy} 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(colorScale?: any) {\n    if (this.state.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      colorScale={colorScale}\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: any;\n      if (this.props.type === 'Stack') {\n        const data = orderBy(this.state.data[0], 'y', 'asc');\n        ldata = data.map((d: any) => {\n          return {\n            name: this.state.xaxisDatakeyArr[d.x]\n          }\n        });\n      } else {\n        ldata = this.state.yAxis.map((d: string) => {\n          return {\n            name: d\n          }\n        });\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 (!isArray($new)) {\n          if (isObject($new) && !isEmpty($new)) {\n            $new = [$new];\n          } else {\n            $new = [];\n          }\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/pie-chart/pie-chart.component.js

@@ -2,7 +2,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { View, Text } from 'react-native';
+import { View, Text, Platform } from 'react-native';
 import { Svg } from 'react-native-svg';
 import { VictoryLabel, VictoryPie } from 'victory-native';
 import WmPieChartProps from './pie-chart.props';
@@ -72,6 +72,19 @@ export default class WmPieChart extends BaseChartComponent {
         }
     }
   }
+  onSelect(event, data) {
+    let value = data.slice.value;
+    let label = this.state.xaxisDatakeyArr[data.datum.x];
+    let selectedItem = this.props.dataset[data.index];
+    let selectedChartItem = data.slice;
+    selectedChartItem["data"] = {
+      x: label,
+      y: value,
+      color: data.style.fill,
+      _dataObj: selectedItem
+    };
+    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+  }
   renderWidget(props) {
     if (!this.state.data.length) {
       return null;
@@ -162,7 +175,15 @@ export default class WmPieChart extends BaseChartComponent {
       data: pieData,
       origin: origin,
       labelPlacement: props.labelplacement,
-      labelRadius: labelRadius
+      labelRadius: labelRadius,
+      events: [{
+        target: 'data',
+        eventHandlers: Platform.OS == "web" ? {
+          onClick: this.onSelect.bind(this)
+        } : {
+          onPress: this.onSelect.bind(this)
+        }
+      }]
     }), /*#__PURE__*/React.createElement(VictoryLabel, {
       textAnchor: "middle",
       style: this.styles.title,

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Svg","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","arguments","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","_e$nativeEvent3","_e$nativeEvent4","legendWidth","legendHeight","componentDidMount","getLabel","d","labeltype","Math","round","y","state","total","xaxisDatakeyArr","x","renderWidget","data","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","index","name","color","colors","createElement","style","onLayout","onViewLayoutChange","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","flex","standalone","colorScale","_ref","datum","endAngle","theme","key","labelPlacement","labelplacement","textAnchor","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport { VictoryLabel, VictoryLegend, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  renderWidget(props: WmPieChartProps) {\n    if (!this.state.data.length) {\n      return null;\n    }\n    const pieData = this.state.data[0];\n    const chartWidth = this.state.chartWidth \n      - (props.showlegend === 'right' ? this.state.legendWidth : 0);\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) \n      - this.state.infoHeight \n      - (props.showlegend === 'right' ? 0 : this.state.legendHeight);\n    let radius = (Math.min(chartWidth, chartHeight) - 40)/ 2;\n    let innerRadius = props.donutratio * radius;\n    let styleProp = {};\n    let labelRadius;\n    if (props.showlabels === 'hide') {\n      styleProp={labels: { display: \"none\" }};\n    } else if (props.showlabels === 'inside') {\n      labelRadius = radius/2;\n    } else {\n      labelRadius = radius + 8;\n    }\n    const origin = {x: (chartWidth/2), y: (chartHeight/2)};\n    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';\n    let legendData = pieData.map((d: {x: any, y: any}, index: number) => {\n      return {\n        name: this.state.xaxisDatakeyArr[d.x],\n        color: this.state.colors[index % (this.state.colors.length)]\n      };\n    });\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        onLayout={this.onViewLayoutChange}>\n        <View onLayout={this.onInfoViewLayoutChange}>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {props.showlegend === 'top' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n          <View style={{flex: 1}}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={styleProp}\n                standalone={false}\n                colorScale={this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\n              />\n              <VictoryLabel\n                textAnchor=\"middle\"\n                style={this.styles.title as any}\n                x={origin.x} y={origin.y}\n                text={props.centerlabel}\n              />\n            </Svg>) : null}\n          </View>\n          {props.showlegend === 'right' ? \n            (<View style={{maxWidth: '50%'}} onLayout={this.onLegendViewLayoutChange}>\n              <Legend data={legendData}\n                testStyle={this.styles.legendText}\n                dotStyle={this.styles.legenedDot}\n                orientation='vertical'></Legend>\n            </View>) : null }\n        </View>\n        {props.showlegend === 'bottom' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","Platform","Svg","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","arguments","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","_e$nativeEvent3","_e$nativeEvent4","legendWidth","legendHeight","componentDidMount","getLabel","d","labeltype","Math","round","y","state","total","xaxisDatakeyArr","x","onSelect","event","data","value","slice","label","datum","selectedItem","dataset","index","selectedChartItem","color","style","fill","_dataObj","invokeEventCallback","proxy","renderWidget","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","createElement","onLayout","onViewLayoutChange","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","flex","standalone","colorScale","_ref","endAngle","theme","key","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport { VictoryLabel, VictoryLegend, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  onSelect(event: any, data: any){\n    let value = data.slice.value;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = data.slice;\n    selectedChartItem[\"data\"] = {x: label, y: value, color: data.style.fill, _dataObj: selectedItem}\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmPieChartProps) {\n    if (!this.state.data.length) {\n      return null;\n    }\n    const pieData = this.state.data[0];\n    const chartWidth = this.state.chartWidth \n      - (props.showlegend === 'right' ? this.state.legendWidth : 0);\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) \n      - this.state.infoHeight \n      - (props.showlegend === 'right' ? 0 : this.state.legendHeight);\n    let radius = (Math.min(chartWidth, chartHeight) - 40)/ 2;\n    let innerRadius = props.donutratio * radius;\n    let styleProp = {};\n    let labelRadius;\n    if (props.showlabels === 'hide') {\n      styleProp={labels: { display: \"none\" }};\n    } else if (props.showlabels === 'inside') {\n      labelRadius = radius/2;\n    } else {\n      labelRadius = radius + 8;\n    }\n    const origin = {x: (chartWidth/2), y: (chartHeight/2)};\n    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';\n    let legendData = pieData.map((d: {x: any, y: any}, index: number) => {\n      return {\n        name: this.state.xaxisDatakeyArr[d.x],\n        color: this.state.colors[index % (this.state.colors.length)]\n      };\n    });\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        onLayout={this.onViewLayoutChange}>\n        <View onLayout={this.onInfoViewLayoutChange}>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {props.showlegend === 'top' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n          <View style={{flex: 1}}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={styleProp}\n                standalone={false}\n                colorScale={this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\n                events={[{\n                  target: 'data',\n                  eventHandlers: Platform.OS == \"web\" ? {\n                    onClick: this.onSelect.bind(this)\n                  }:{\n                    onPress: this.onSelect.bind(this)\n                  }\n                }]}\n              />\n              <VictoryLabel\n                textAnchor=\"middle\"\n                style={this.styles.title as any}\n                x={origin.x} y={origin.y}\n                text={props.centerlabel}\n              />\n            </Svg>) : null}\n          </View>\n          {props.showlegend === 'right' ? \n            (<View style={{maxWidth: '50%'}} onLayout={this.onLegendViewLayoutChange}>\n              <Legend data={legendData}\n                testStyle={this.styles.legendText}\n                dotStyle={this.styles.legenedDot}\n                orientation='vertical'></Legend>\n            </View>) : null }\n        </View>\n        {props.showlegend === 'bottom' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/chart/pie-chart/pie-chart.props.js

@@ -8,6 +8,7 @@ export default class WmPieChartProps extends BaseChartComponentProps {
     _defineProperty(this, "donutratio", 0);
     _defineProperty(this, "labelplacement", 'vertical');
     _defineProperty(this, "centerlabel", '');
+    _defineProperty(this, "onSelect", void 0);
   }
 }
 //# sourceMappingURL=pie-chart.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmPieChartProps","constructor","arguments","_defineProperty"],"sources":["pie-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker/app-rn-runtime/components/chart/basechart.props';\nimport { VictorySliceLabelPlacementType } from 'victory-pie';\n\nexport default class WmPieChartProps extends BaseChartComponentProps {\n  donutratio: number = 0;\n  labelplacement: VictorySliceLabelPlacementType = 'vertical';\n  centerlabel = '';\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAGhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,qBAC9C,CAAC;IAAAA,eAAA,yBAC2B,UAAU;IAAAA,eAAA,sBAC7C,EAAE;EAAA;AAClB"}
+{"version":3,"names":["BaseChartComponentProps","WmPieChartProps","constructor","arguments","_defineProperty"],"sources":["pie-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker/app-rn-runtime/components/chart/basechart.props';\nimport { VictorySliceLabelPlacementType } from 'victory-pie';\n\nexport default class WmPieChartProps extends BaseChartComponentProps {\n  donutratio: number = 0;\n  labelplacement: VictorySliceLabelPlacementType = 'vertical';\n  centerlabel = '';\n  onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAGhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,qBAC9C,CAAC;IAAAA,eAAA,yBAC2B,UAAU;IAAAA,eAAA,sBAC7C,EAAE;IAAAA,eAAA;EAAA;AAElB"}