@wavemaker/app-rn-runtime 11.10.0-next.47275 → 11.10.0-rc.198

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

@@ -1,68 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
-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);
-    _defineProperty(this, "handlePlaybackStatus", status => {
-      if ('isPlaying' in status && typeof status === 'object') {
-        console.log(status.isPlaying ? 'Playing' : 'Paused');
-      } else if ('error' in status) {
-        console.error(`Encountered a fatal error during playback: ${status.error}`);
-      }
-    });
-  }
-  getSource(path) {
-    if (!path) {
-      return null;
-    }
-    const resource = this.loadAsset(path);
-    if (isFullPathUrl(resource)) {
-      return {
-        uri: resource
-      };
-    }
-    return resource;
-  }
-  renderSkeleton(props) {
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root
-    });
-  }
-  renderWidget(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Video, _extends({}, getAccessibilityProps(AccessibilityWidgetType.VIDEO, props), {
-      ref: video => {
-        this.video = video;
-      },
-      style: {
-        width: '100%',
-        height: '100%',
-        flex: 1
-      },
-      shouldPlay: props.autoplay,
-      onPlaybackStatusUpdate: this.handlePlaybackStatus,
-      source: this.getSource(props.mp4format || props.webmformat),
-      posterSource: this.getSource(props.videoposter),
-      useNativeControls: props.controls,
-      resizeMode: ResizeMode.CONTAIN,
-      isLooping: props.loop,
-      isMuted: props.muted,
-      testID: this.getTestId('video')
-    })));
-  }
-}
-//# 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","AccessibilityWidgetType","getAccessibilityProps","isFullPathUrl","createSkeleton","WmVideoState","WmVideo","constructor","props","_defineProperty","status","console","log","isPlaying","error","getSource","path","resource","loadAsset","uri","renderSkeleton","theme","styles","skeleton","root","renderWidget","createElement","style","_background","_extends","VIDEO","ref","video","width","height","flex","shouldPlay","autoplay","onPlaybackStatusUpdate","handlePlaybackStatus","source","mp4format","webmformat","posterSource","videoposter","useNativeControls","controls","resizeMode","CONTAIN","isLooping","loop","isMuted","muted","testID","getTestId"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video, AVPlaybackStatus } from 'expo-av';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport { isString } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {}\n\nexport default class WmVideo extends BaseComponent<WmVideoProps, WmVideoState, WmVideoStyles> {\n\n  private video: Video | null = null as any;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset(path);\n    if (isFullPathUrl(resource as string)) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n   handlePlaybackStatus = (status: AVPlaybackStatus) => {\n    if ('isPlaying' in status && typeof status === 'object') {\n      console.log(status.isPlaying? 'Playing' : 'Paused');\n    } else if ('error' in status) {\n      console.error(`Encountered a fatal error during playback: ${status.error}`);\n    }\n  };\n\n  public renderSkeleton(props: WmVideoProps): React.ReactNode {\n    return createSkeleton(this.theme, this.styles.skeleton , {\n      ...this.styles.root\n    });\n  }\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          {...getAccessibilityProps(AccessibilityWidgetType.VIDEO, props)}\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\n          shouldPlay={props.autoplay}\n          onPlaybackStatusUpdate={this.handlePlaybackStatus}\n          source={this.getSource(\n            props.mp4format\n            || props.webmformat) as any}\n          posterSource={ this.getSource(props.videoposter) as any }\n          useNativeControls={props.controls}\n          resizeMode={ResizeMode.CONTAIN}\n          isLooping={props.loop}\n          isMuted={props.muted}\n          testID={this.getTestId('video')}\n        />\n      </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,25 +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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmVideoProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "autoplay", false);
-    _defineProperty(this, "controls", false);
-    _defineProperty(this, "loop", false);
-    _defineProperty(this, "mp4format", null);
-    _defineProperty(this, "muted", false);
-    _defineProperty(this, "oggformat", null);
-    _defineProperty(this, "subtitlelang", 'en');
-    _defineProperty(this, "subtitlesource", null);
-    _defineProperty(this, "videoposter", 'resources/images/imagelists/default-image.png');
-    _defineProperty(this, "videopreload", 'none');
-    _defineProperty(this, "videosupportmessage", 'Your browser does not support the video tag.');
-    _defineProperty(this, "webmformat", null);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", void 0);
-  }
-}
-//# sourceMappingURL=video.props.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["BaseProps","WmVideoProps","constructor","args","_defineProperty","undefined"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\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    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;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;IAAAA,eAAA,6BACKC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE7B","ignoreList":[]}

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

@@ -1,148 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import Color from "color";
-import { View, Text, Platform } from 'react-native';
-import { Defs, LinearGradient, Stop } from 'react-native-svg';
-import { VictoryArea, VictoryChart, VictoryStack, VictoryScatter, VictoryGroup } from "victory-native";
-import WmAreaChartProps from './area-chart.props';
-import { DEFAULT_CLASS } from './area-chart.styles';
-import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
-import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
-import { isNumber } from 'lodash-es';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-export class WmAreaChartState extends BaseChartComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "chartWidth", 0);
-  }
-}
-export default class WmAreaChart extends BaseChartComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());
-    _defineProperty(this, "onViewLayoutChange", e => {
-      let viewWidth = e.nativeEvent.layout.width;
-      this.updateState({
-        chartWidth: viewWidth
-      });
-    });
-  }
-  onSelect(event, data) {
-    let value = data.data[data.index].y;
-    let label = this.state.xaxisDatakeyArr[data.datum.x];
-    let selectedItem = this.props.dataset[data.index];
-    const nativeEvent = event.nativeEvent;
-    this.setTooltipPosition(nativeEvent);
-    let selectedChartItem = [{
-      series: 0,
-      x: data.index,
-      y: value,
-      _dataObj: selectedItem
-    }, data.index];
-    this.updateState({
-      tooltipXaxis: label,
-      tooltipYaxis: value,
-      isTooltipOpen: true,
-      selectedItem: {
-        ...selectedItem,
-        index: data.index
-      }
-    });
-    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
-  }
-  renderWidget(props) {
-    var _this$state$data, _this$props$name;
-    this.invokeEventCallback('onBeforerender', [this.proxy, null]);
-    if (!((_this$state$data = this.state.data) !== null && _this$state$data !== void 0 && _this$state$data.length)) {
-      return null;
-    }
-    let mindomain = {
-      x: props.xdomain === 'Min' ? this.state.chartMinX : undefined,
-      y: props.ydomain === 'Min' ? this.state.chartMinY : undefined
-    };
-    const chartName = (_this$props$name = this.props.name) !== null && _this$props$name !== void 0 ? _this$props$name : 'nonameAreachart';
-    let gradientStop = '100%';
-    if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {
-      gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';
-    }
-    return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root,
-      onLayout: this.onViewLayoutChange.bind(this),
-      key: `${props.title}_area_chart`
-    }), this.getTooltip(), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
-      iconclass: props.iconclass,
-      styles: this.styles.icon
-    }) : null, /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.title
-    }, props.title)), /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.subHeading
-    }, props.subheading)), this.state.chartWidth ? /*#__PURE__*/React.createElement(VictoryChart, {
-      theme: this.state.theme,
-      height: this.styles.root.height,
-      width: this.state.chartWidth || 120,
-      padding: {
-        top: props.offsettop,
-        bottom: props.offsetbottom,
-        left: props.offsetleft,
-        right: props.offsetright
-      },
-      minDomain: mindomain
-    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), /*#__PURE__*/React.createElement(VictoryStack, null, this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryGroup, {
-        key: props.name + '_area_group_' + i
-      }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
-        id: `${chartName}Gradient${i}`,
-        x1: "0%",
-        y1: "0%",
-        x2: "0%",
-        y2: "100%"
-      }, /*#__PURE__*/React.createElement(Stop, {
-        offset: "0%",
-        stopColor: Color(this.state.colors[i]).lighten(0.2).rgb().toString()
-      }), /*#__PURE__*/React.createElement(Stop, {
-        offset: gradientStop,
-        stopColor: Color(this.state.colors[i]).lighten(0.6).rgb().toString()
-      }))), /*#__PURE__*/React.createElement(VictoryArea, {
-        interpolation: props.interpolation,
-        key: props.name + '_' + i,
-        name: props.name + '_' + i,
-        style: {
-          data: {
-            fill: `url(#${chartName}Gradient${i})`,
-            stroke: this.state.colors[i],
-            strokeWidth: props.linethickness
-          }
-        },
-        data: this.isRTL ? d.toReversed() : d
-      }), /*#__PURE__*/React.createElement(VictoryScatter, {
-        size: 5,
-        key: props.name + '_scatter' + i,
-        style: {
-          data: props.highlightpoints ? {
-            fill: this.state.colors[i],
-            opacity: 0.8
-          } : {
-            opacity: 0
-          }
-        },
-        data: this.isRTL ? d.toReversed() : d,
-        events: [{
-          target: 'data',
-          eventHandlers: Platform.OS == "web" ? {
-            onClick: this.onSelect.bind(this)
-          } : {
-            onPress: this.onSelect.bind(this)
-          }
-        }]
-      }));
-    }))) : null);
-  }
-}
-//# sourceMappingURL=area-chart.component.js.map

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

@@ -1,12 +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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import BaseChartComponentProps from "@wavemaker/app-rn-runtime/components/chart/basechart.props";
-export default class WmAreaChartProps extends BaseChartComponentProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "linethickness", 2);
-    _defineProperty(this, "onSelect", void 0);
-  }
-}
-//# sourceMappingURL=area-chart.props.js.map

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

@@ -1,120 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
-import { View, Text, Platform } from 'react-native';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-import { VictoryChart, VictoryBar, VictoryStack, VictoryGroup } from "victory-native";
-import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
-import WmBarChartProps from './bar-chart.props';
-import { DEFAULT_CLASS } from './bar-chart.styles';
-import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
-export class WmBarChartState extends BaseChartComponentState {}
-export default class WmBarChart extends BaseChartComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());
-  }
-  labelFn(data) {
-    return this.abbreviateNumber(data.datum.y);
-  }
-  getBarChart(props) {
-    return this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryBar, {
-        key: props.name + '_' + i,
-        horizontal: props.horizontal,
-        labels: props.showvalues ? this.labelFn.bind(this) : undefined,
-        data: this.isRTL ? d.toReversed() : d,
-        height: 100,
-        alignment: "start",
-        style: props.customcolors ? {
-          data: {
-            fill: ({
-              datum
-            }) => {
-              var _this$state$colors$da;
-              return (_this$state$colors$da = this.state.colors[datum.x]) !== null && _this$state$colors$da !== void 0 ? _this$state$colors$da : this.state.colors[datum.x % this.state.colors.length];
-            }
-          }
-        } : {},
-        cornerRadius: {
-          topLeft: this.styles.bar.borderTopLeftRadius,
-          topRight: this.styles.bar.borderTopRightRadius,
-          bottomLeft: this.styles.bar.borderBottomLeftRadius,
-          bottomRight: this.styles.bar.borderBottomRightRadius
-        },
-        events: [{
-          target: 'data',
-          eventHandlers: Platform.OS == "web" ? {
-            onClick: this.onSelect.bind(this)
-          } : {
-            onPress: this.onSelect.bind(this)
-          }
-        }]
-      });
-    });
-  }
-  onSelect(event, data) {
-    let value = data.data[data.index].y;
-    let label = this.state.xaxisDatakeyArr[data.datum.x];
-    let selectedItem = this.props.dataset[data.index];
-    const nativeEvent = event.nativeEvent;
-    this.setTooltipPosition(nativeEvent);
-    let selectedChartItem = [{
-      series: 0,
-      x: data.index,
-      y: value,
-      _dataObj: selectedItem
-    }, data.index];
-    this.updateState({
-      tooltipXaxis: label,
-      tooltipYaxis: value,
-      isTooltipOpen: true,
-      selectedItem: {
-        ...selectedItem,
-        index: data.index
-      }
-    });
-    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
-  }
-  renderWidget(props) {
-    this.invokeEventCallback('onBeforerender', [this.proxy, null]);
-    if (!this.state.data.length) {
-      return null;
-    }
-    let mindomain = {
-      x: this.props.xdomain === 'Min' ? this.state.chartMinX : undefined,
-      y: this.props.ydomain === 'Min' ? this.state.chartMinY : undefined
-    };
-    return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root,
-      onLayout: this.onViewLayoutChange.bind(this)
-    }), this.getTooltip(), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
-      iconclass: props.iconclass,
-      styles: this.styles.icon
-    }) : null, /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.title
-    }, props.title)), /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.subHeading
-    }, props.subheading)), /*#__PURE__*/React.createElement(VictoryChart, {
-      theme: this.state.theme,
-      height: this.styles.root.height,
-      width: this.state.chartWidth || this.screenWidth,
-      minDomain: mindomain,
-      padding: {
-        top: props.offsettop,
-        bottom: props.offsetbottom,
-        left: props.offsetleft,
-        right: props.offsetright
-      }
-    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), props.viewtype === 'Stacked' ? /*#__PURE__*/React.createElement(VictoryStack, {
-      colorScale: this.state.colors
-    }, this.getBarChart(props)) : /*#__PURE__*/React.createElement(VictoryGroup, {
-      colorScale: this.state.colors,
-      offset: 10
-    }, this.getBarChart(props))));
-  }
-}
-//# sourceMappingURL=bar-chart.component.js.map

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

@@ -1,13 +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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import BaseChartComponentProps from "@wavemaker/app-rn-runtime/components/chart/basechart.props";
-export default class WmBarChartProps extends BaseChartComponentProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "horizontal", true);
-    _defineProperty(this, "viewtype", 'Grouped');
-    _defineProperty(this, "onSelect", void 0);
-  }
-}
-//# sourceMappingURL=bar-chart.props.js.map