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

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

@@ -1,124 +0,0 @@
-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('app-autocomplete', '', {
-    text: {
-      borderRightWidth: 1,
-      borderTopRightRadius: 4,
-      borderBottomRightRadius: 4
-    }
-  });
-});
-//# sourceMappingURL=search.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["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"],"sources":["search.styles.ts"],"sourcesContent":["import { 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('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/skeleton/skeleton.component.js.map

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

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

@@ -1,85 +0,0 @@
-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) {
-    const Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;
-    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

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

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

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

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

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

@@ -1,31 +0,0 @@
-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);
-});
-//# sourceMappingURL=spinner.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["defineStyles","BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","text","fontSize","paddingLeft","icon","color","spinnerIconColor","image","lottie","width","height","alignSelf"],"sources":["spinner.styles.ts"],"sourcesContent":["import { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport BASE_THEME, { NamedStyles, AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmSpinnerStyles = BaseStyles & {\n  icon: WmIconStyles\n  image: WmPictureStyles\n  lottie: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-spinner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSpinnerStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      fontSize: 14,\n      paddingLeft: 8\n    },\n    icon: {\n      text: {\n        fontSize: 24,\n        color: themeVariables.spinnerIconColor\n      }\n    } as WmIconStyles,\n    image: {} as WmPictureStyles,\n    lottie: {\n      width: 100,\n      height: 100,\n      alignSelf: 'center',\n      justifyContent: 'center'\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,SAAqBA,YAAY,QAAQ,+CAA+C;AACxF,OAAOC,UAAU,MAAiC,wCAAwC;AAU1F,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGN,YAAY,CAAC;IAClDO,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE;IACf,CAAC;IACDC,IAAI,EAAE;MACJH,IAAI,EAAE;QACJC,QAAQ,EAAE,EAAE;QACZG,KAAK,EAAEX,cAAc,CAACY;MACxB;IACF,CAAiB;IACjBC,KAAK,EAAE,CAAC,CAAoB;IAC5BC,MAAM,EAAE;MACNC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,SAAS,EAAE,QAAQ;MACnBZ,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

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

@@ -1,56 +0,0 @@
-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 { isString } from 'lodash-es';
-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 (isString(resource) && (resource.startsWith('http') || resource.startsWith('data:') || resource.startsWith('file:'))) {
-      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

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","isString","WmVideoState","WmVideo","constructor","props","getSource","path","resource","loadAsset","startsWith","uri","componentDidMount","state","autoplay","video","playAsync","renderWidget","styles","root","_background","width","height","flex","mp4format","webmformat","videoposter","controls","CONTAIN","loop","muted"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video } from 'expo-av';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport { isString } from 'lodash-es';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {}\n\nexport default class WmVideo extends BaseComponent<WmVideoProps, WmVideoState, WmVideoStyles> {\n\n  private video: Video | null = null as any;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset(path);\n    if (isString(resource) && (\n      resource.startsWith('http') \n        || resource.startsWith('data:') \n        || resource.startsWith('file:'))) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n  componentDidMount(): void {\n    if (this.state.props.autoplay) {\n      this.video?.playAsync();\n    }\n  }\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\n          source={this.getSource(\n            props.mp4format\n            || props.webmformat) as any}\n          posterSource={ this.getSource(props.videoposter) as any }\n          useNativeControls={props.controls}\n          resizeMode={ResizeMode.CONTAIN}\n          isLooping={props.loop}\n          isMuted={props.muted}\n        />\n      </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,QAAQ,SAAS;AAC3C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,QAAQ,QAAQ,WAAW;AAEpC,OAAO,MAAMC,YAAY,SAASJ,kBAAkB,CAAe;AAEnE,eAAe,MAAMK,OAAO,SAASN,aAAa,CAA4C;EAI5FO,WAAW,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,YAAY,EAAE,EAAE,IAAIG,YAAY,EAAE,CAAC;IAAC,+BAHxC,IAAI;EAIlC;EAEAI,SAAS,CAACC,IAAY,EAAE;IACtB,IAAI,CAACA,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC;IACrC,IAAIN,QAAQ,CAACO,QAAQ,CAAC,KACpBA,QAAQ,CAACE,UAAU,CAAC,MAAM,CAAC,IACtBF,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,IAC5BF,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE;MACpC,OAAO;QACLC,GAAG,EAAEH;MACP,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAEAI,iBAAiB,GAAS;IACxB,IAAI,IAAI,CAACC,KAAK,CAACR,KAAK,CAACS,QAAQ,EAAE;MAAA;MAC7B,mBAAI,CAACC,KAAK,gDAAV,YAAYC,SAAS,EAAE;IACzB;EACF;EAEAC,YAAY,CAACZ,KAAmB,EAAE;IAChC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACa,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,KAAK;MACJ,GAAG,EAAGL,KAAK,IAAK;QAAE,IAAI,CAACA,KAAK,GAAGA,KAAK;MAAE,CAAE;MACxC,KAAK,EAAE;QAAEM,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAE,CAAE;MAClD,MAAM,EAAE,IAAI,CAACjB,SAAS,CACpBD,KAAK,CAACmB,SAAS,IACZnB,KAAK,CAACoB,UAAU,CAAS;MAC9B,YAAY,EAAG,IAAI,CAACnB,SAAS,CAACD,KAAK,CAACqB,WAAW,CAAU;MACzD,iBAAiB,EAAErB,KAAK,CAACsB,QAAS;MAClC,UAAU,EAAEhC,UAAU,CAACiC,OAAQ;MAC/B,SAAS,EAAEvB,KAAK,CAACwB,IAAK;MACtB,OAAO,EAAExB,KAAK,CAACyB;IAAM,EACrB,CACG;EACX;AACF"}

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

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

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

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

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

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

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

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