@wavemaker/app-rn-runtime 11.4.0-next.28152 → 11.4.0-patch.1

package/components/basic/search/search.styles.js

@@ -0,0 +1,171 @@
+import { Platform } from 'react-native';
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-search';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row'
+    },
+    text: {
+      height: 48,
+      paddingTop: 8,
+      paddingBottom: 8,
+      paddingLeft: 12,
+      paddingRight: 12,
+      width: '100%',
+      borderWidth: 1,
+      borderRightWidth: 0,
+      borderTopLeftRadius: 6,
+      borderBottomLeftRadius: 6,
+      borderColor: themeVariables.searchBorderColor,
+      backgroundColor: themeVariables.searchDropdownBackgroundColor
+    },
+    invalid: {
+      borderBottomColor: themeVariables.inputInvalidBorderColor
+    },
+    focusedText: {
+      borderBottomLeftRadius: 0
+    },
+    modal: {
+      backgroundColor: themeVariables.transparent,
+      height: '100%'
+    },
+    modalContent: {
+      backgroundColor: themeVariables.searchDropdownBackgroundColor,
+      borderRadius: 6,
+      position: 'absolute',
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: themeVariables.searchBorderColor,
+      width: '90%'
+    },
+    dropDownContent: {
+      width: '100%'
+    },
+    searchInputWrapper: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flex: 1
+    },
+    clearButton: {
+      root: {
+        marginLeft: -40,
+        padding: 0,
+        width: 36,
+        alignItems: 'center',
+        alignSelf: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'transparent'
+      }
+    },
+    searchButton: {
+      root: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 0,
+        borderTopRightRadius: 4,
+        borderBottomRightRadius: 4,
+        backgroundColor: themeVariables.searchButtonColor,
+        height: 48
+      },
+      icon: {
+        icon: {
+          fontSize: 24,
+          color: themeVariables.searchButtonTextColor
+        }
+      }
+    },
+    searchItem: {
+      width: '100%',
+      marginBottom: 4,
+      paddingHorizontal: 16,
+      paddingVertical: 8,
+      borderBottomColor: themeVariables.searchItemBorderColor,
+      flexDirection: 'row',
+      alignItems: 'center',
+      color: themeVariables.searchItemTextColor
+    },
+    searchItemText: {
+      fontSize: 16,
+      paddingLeft: 8,
+      fontFamily: themeVariables.baseFont
+    },
+    dataCompleteItem: {
+      root: {
+        backgroundColor: themeVariables.searchDataCompleteItemBgColor,
+        justifyContent: 'center',
+        padding: 8
+      },
+      text: {
+        fontSize: 12,
+        textDecorationLine: 'none',
+        color: themeVariables.searchItemTextColor
+      }
+    },
+    placeholderText: {
+      color: themeVariables.inputPlaceholderColor
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    text: {
+      backgroundColor: themeVariables.inputDisabledBgColor
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == 'android' ? {
+    text: {
+      textAlign: 'right',
+      borderWidth: 1,
+      borderLeftWidth: 0,
+      borderRightWidth: 1,
+      borderTopRightRadius: 6,
+      borderBottomRightRadius: 6
+    },
+    searchButton: {
+      root: {
+        borderTopRightRadius: 4,
+        borderBottomRightRadius: 4
+      }
+    }
+  } : Platform.OS == 'web' ? {
+    text: {
+      textAlign: 'right',
+      borderWidth: 1,
+      borderRightWidth: 1,
+      borderLeftWidth: 0,
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      borderTopRightRadius: 6,
+      borderBottomRightRadius: 6
+    },
+    searchButton: {
+      root: {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0,
+        borderTopLeftRadius: 4,
+        borderBottomLeftRadius: 4
+      }
+    },
+    clearButton: {
+      root: {
+        left: 0,
+        position: 'absolute',
+        marginLeft: 0
+      }
+    }
+  } : {
+    text: {
+      textAlign: 'right'
+    }
+  });
+  addStyle('app-autocomplete', '', {
+    text: {
+      borderRightWidth: 1,
+      borderTopRightRadius: 4,
+      borderBottomRightRadius: 4
+    }
+  });
+});
+//# sourceMappingURL=search.styles.js.map

package/components/basic/search/search.styles.js.map

@@ -0,0 +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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"}

package/components/basic/skeleton/skeleton.component.js.map

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

package/components/basic/spinner/spinner.component.js

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

package/components/basic/spinner/spinner.component.js.map

@@ -0,0 +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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"}

package/components/basic/spinner/spinner.props.js.map

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

package/components/basic/spinner/spinner.styles.js

@@ -0,0 +1,39 @@
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+export const DEFAULT_CLASS = 'app-spinner';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    text: {
+      fontSize: 14,
+      paddingLeft: 8
+    },
+    icon: {
+      text: {
+        fontSize: 24,
+        color: themeVariables.spinnerIconColor
+      }
+    },
+    image: {},
+    lottie: {
+      width: 100,
+      height: 100,
+      alignSelf: 'center',
+      justifyContent: 'center'
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    root: {
+      textAlign: 'right'
+    },
+    text: {
+      paddingRight: 8
+    }
+  });
+});
+//# sourceMappingURL=spinner.styles.js.map

package/components/basic/spinner/spinner.styles.js.map

@@ -0,0 +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"}

package/components/basic/video/video.component.js

@@ -0,0 +1,56 @@
+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); }
+import React from 'react';
+import { View } from 'react-native';
+import { ResizeMode, Video } from 'expo-av';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmVideoProps from './video.props';
+import { DEFAULT_CLASS } from './video.styles';
+import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
+export class WmVideoState extends BaseComponentState {}
+export default class WmVideo extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());
+    _defineProperty(this, "video", null);
+  }
+  getSource(path) {
+    if (!path) {
+      return null;
+    }
+    const resource = this.loadAsset(path);
+    if (isFullPathUrl(resource)) {
+      return {
+        uri: resource
+      };
+    }
+    return resource;
+  }
+  componentDidMount() {
+    if (this.state.props.autoplay) {
+      var _this$video;
+      (_this$video = this.video) === null || _this$video === void 0 ? void 0 : _this$video.playAsync();
+    }
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(Video, {
+      ref: video => {
+        this.video = video;
+      },
+      style: {
+        width: '100%',
+        height: '100%',
+        flex: 1
+      },
+      source: this.getSource(props.mp4format || props.webmformat),
+      posterSource: this.getSource(props.videoposter),
+      useNativeControls: props.controls,
+      resizeMode: ResizeMode.CONTAIN,
+      isLooping: props.loop,
+      isMuted: props.muted
+    }));
+  }
+}
+//# sourceMappingURL=video.component.js.map

package/components/basic/video/video.component.js.map

@@ -0,0 +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"}

package/components/basic/video/video.props.js.map

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

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

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

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

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

package/components/chart/bar-chart/bar-chart.props.js.map

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