@wavemaker/app-rn-runtime 11.8.5-next.27430 → 11.8.5-patch.1

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

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

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","constructor","args","_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","componentDidMount","animationRunner","componentWillUnmount","renderWidget","_this$styles$gradient","_this$styles$gradient2","_this$styles$gradient3","outpuRange","state","deg","translateX","interpolate","inputRange","outputRange","createElement","ref","onLayout","onLayoutChange","style","styles","root","children","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  }\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        {props.children}\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, children?: React.ReactNode) => {\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})} children={children}/>);\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +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 WmSkeletonProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", null);
-  }
-}
-//# sourceMappingURL=skeleton.props.js.map

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

@@ -1,90 +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 { 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, {
-      id: this.getTestId('icon'),
-      styles: this.styles.icon,
-      iconclass: props.iconclass + ' fa-spin',
-      iconsize: props.iconsize
-    });
-  }
-  prepareImage(props) {
-    return /*#__PURE__*/React.createElement(WmPicture, {
-      id: this.getTestId('picture'),
-      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, _extends({}, this.getTestProps('loader'), {
-      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, _extends({}, this.getTestPropsForLabel(), {
-      style: this.styles.text
-    }), props.caption) : null);
-  }
-}
-//# sourceMappingURL=spinner.component.js.map

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

@@ -1,17 +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 WmSpinnerProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "caption", 'Loading...');
-    _defineProperty(this, "iconclass", 'fa fa-circle-o-notch fa-spin');
-    _defineProperty(this, "iconsize", 0);
-    _defineProperty(this, "image", null);
-    _defineProperty(this, "imageheight", null);
-    _defineProperty(this, "imagewidth", 20);
-    _defineProperty(this, "lottie", null);
-  }
-}
-//# sourceMappingURL=spinner.props.js.map

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

@@ -1,18 +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 WmTooltipProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "showTooltip", false);
-    _defineProperty(this, "text", "");
-    _defineProperty(this, "tooltipStyle", void 0);
-    _defineProperty(this, "tooltipLabelStyle", void 0);
-    _defineProperty(this, "tooltipTriangleStyle", void 0);
-    _defineProperty(this, "direction", "up");
-    _defineProperty(this, "children", void 0);
-  }
-}
-;
-//# sourceMappingURL=tooltip.props.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["BaseProps","WmTooltipProps","constructor","args","_defineProperty"],"sources":["tooltip.props.ts"],"sourcesContent":["import { BaseProps } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport { ReactElement } from \"react\";\nimport { TextStyle, ViewStyle } from \"react-native\";\n\nexport type TooltipDirection = 'up' | 'down' | 'left' | 'right';\n\nexport default class WmTooltipProps extends BaseProps {\n  showTooltip?: boolean = false;\n  text: string | number = \"\";\n  tooltipStyle?: any;\n  tooltipLabelStyle?: TextStyle | TextStyle[];\n  tooltipTriangleStyle?: ViewStyle | ViewStyle[];\n  direction?: TooltipDirection = \"up\";\n  children?: ReactElement;\n};\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAMzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBAC5B,KAAK;IAAAA,eAAA,eACL,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAIK,IAAI;IAAAA,eAAA;EAAA;AAErC;AAAC","ignoreList":[]}

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

@@ -1,62 +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';
-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;
-  }
-  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.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.component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Color","View","Text","Platform","Defs","LinearGradient","Stop","VictoryArea","VictoryChart","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","isNumber","AccessibilityWidgetType","getAccessibilityProps","WmAreaChartState","constructor","args","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","setTooltipPosition","selectedChartItem","series","_dataObj","tooltipXaxis","tooltipYaxis","isTooltipOpen","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$props$name","length","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","chartName","name","gradientStop","chartMaxY","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","key","title","getTooltip","flexDirection","alignItems","iconclass","icon","subHeading","subheading","theme","height","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","minDomain","getLegendView","getXaxis","getYAxis","map","d","i","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","isRTL","toReversed","size","highlightpoints","opacity","events","target","eventHandlers","OS","onClick","onPress"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport Color from \"color\";\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, VictoryLine, 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\";\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \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  onSelect(event: any, data: any){\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    this.setTooltipPosition(nativeEvent);\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n    } as WmAreaChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmAreaChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    let mindomain={\n      x: props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n      y: props.ydomain === 'Min' ? this.state.chartMinY: undefined\n    };\n    const chartName = this.props.name ?? 'nonameAreachart';\n    let gradientStop = '100%';\n    if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {\n      gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';\n    }\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n        key={`${props.title}_area_chart`}\n      >\n        {this.getTooltip()}\n        <View>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {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: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n            minDomain={mindomain}\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={Color(this.state.colors[i]).lighten(0.2).rgb().toString()}/>\n                      <Stop offset={gradientStop} stopColor={Color(this.state.colors[i]).lighten(0.6).rgb().toString()}/>\n                    </LinearGradient>\n                  </Defs>\n                  <VictoryArea\n                    interpolation={props.interpolation as InterpolationPropType}\n                    key={props.name + '_' + i}\n                    name={props.name + '_' + i}\n                    style={{\n                      data: {\n                        fill: `url(#${chartName}Gradient${i})`,\n                        stroke: this.state.colors[i],\n                        strokeWidth: props.linethickness,\n                      }\n                    }}\n                    data={this.isRTL?d.toReversed():d}\n                  />\n                    <VictoryScatter\n                      size={5}\n                      key={props.name + '_scatter' + i}\n                      style={{\n                        data: props.highlightpoints ? {fill: this.state.colors[i], opacity: 0.8}:{opacity: 0}\n                      }}        \n                      data={this.isRTL?d.toReversed():d}\n                      events={[{\n                        target: 'data',\n                        eventHandlers: Platform.OS == \"web\" ? {\n                          onClick: this.onSelect.bind(this)\n                        }:{\n                          onPress: this.onSelect.bind(this)\n                        }\n                      }]}\n                      />\n                </VictoryGroup>\n              })\n            }\n            </VictoryStack>\n          </VictoryChart>\n        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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/area-chart/area-chart.props.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BaseChartComponentProps","WmAreaChartProps","constructor","args","_defineProperty"],"sources":["area-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmAreaChartProps extends BaseChartComponentProps {\n    linethickness: number = 2;\n    onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC1C,CAAC;IAAAA,eAAA;EAAA;AAE7B","ignoreList":[]}