@wavemaker/app-rn-runtime 11.10.0-next.24983 → 11.10.0-next.27705

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

@@ -1,138 +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 axios from 'axios';
-import { Platform, View } from 'react-native';
-import LottieView from 'lottie-react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmLottieProps from './lottie.props';
-import { DEFAULT_CLASS } from './lottie.styles';
-export class WmLottieState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "animationData", void 0);
-    _defineProperty(this, "isCompleted", false);
-  }
-}
-export default class WmLottie extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmLottieProps(), new WmLottieState());
-    _defineProperty(this, "lottie", /*#__PURE__*/React.createRef());
-  }
-  play() {
-    if (this.lottie.current) {
-      if (this.state.isCompleted) {
-        this.reset();
-      } else {
-        this.lottie.current.play();
-        this.invokeEventCallback('onPlay', [null, this.proxy]);
-      }
-    }
-  }
-  pause() {
-    if (this.lottie.current) {
-      this.lottie.current.pause();
-      this.invokeEventCallback('onPause', [null, this.proxy]);
-    }
-  }
-  reset() {
-    if (this.lottie.current) {
-      if (this.lottie.current.reset) {
-        this.lottie.current.reset();
-        this.lottie.current.play();
-      } else if (this.lottie.current.goToAndPlay) {
-        this.lottie.current.goToAndPlay(0);
-      } else {
-        return;
-      }
-      this.invokeEventCallback('onPlay', [null, this.proxy]);
-      this.updateState({
-        isCompleted: false
-      });
-    }
-  }
-  onReady() {
-    this.invokeEventCallback('onReady', [null, this.proxy]);
-    if (this.state.props.autoplay) {
-      this.invokeEventCallback('onPlay', [null, this.proxy]);
-    }
-  }
-  loadAnimationData() {
-    if (this.state.animationData || !this.loadAsset) {
-      return;
-    }
-    if (Platform.OS == 'web') {
-      const url = this.loadAsset(this.state.props.source);
-      axios.get(url).then(({
-        data
-      }) => {
-        this.updateState({
-          animationData: data
-        }, () => this.onReady());
-      });
-    } else {
-      this.updateState({
-        animationData: this.loadAsset(this.state.props.source)
-      }, () => this.onReady());
-    }
-  }
-  onPropertyChange(name, $new, $old) {
-    super.onPropertyChange(name, $new, $old);
-    switch (name) {
-      case 'src':
-        this.loadAnimationData();
-        break;
-      case 'loop':
-        if (this.initialized && !this.state.isCompleted && ($new || this.state.props.autoplay)) {
-          setTimeout(() => this.reset(), 200);
-        }
-        break;
-    }
-  }
-  componentDidMount() {
-    super.componentDidMount();
-    this.loadAnimationData();
-  }
-  renderWebLottie(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 /*#__PURE__*/React.createElement(Lottie, {
-      animationData: this.state.animationData,
-      ref: this.lottie,
-      loop: props.loop,
-      play: props.autoplay,
-      speed: props.speed,
-      style: this.styles.content,
-      onComplete: () => {
-        this.updateState({
-          isCompleted: true
-        });
-        this.invokeEventCallback('onComplete', [null, this.proxy]);
-      }
-    });
-  }
-  renderNativeLottie(props) {
-    return /*#__PURE__*/React.createElement(LottieView, {
-      source: this.state.animationData,
-      ref: this.lottie,
-      autoPlay: props.autoplay,
-      speed: props.speed,
-      loop: props.loop,
-      style: this.styles.content,
-      onAnimationFinish: () => {
-        this.updateState({
-          isCompleted: true
-        });
-        this.invokeEventCallback('onComplete', [null, this.proxy]);
-      }
-    });
-  }
-  renderWidget(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this._background, this.state.animationData ? Platform.OS == 'web' ? this.renderWebLottie(props) : this.renderNativeLottie(props) : null);
-  }
-}
-//# sourceMappingURL=lottie.component.js.map

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

@@ -1,14 +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 WmLottieProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "speed", 1);
-    _defineProperty(this, "autoplay", false);
-    _defineProperty(this, "loop", false);
-    _defineProperty(this, "source", '');
-  }
-}
-//# sourceMappingURL=lottie.props.js.map

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

@@ -1,78 +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, Text } from 'react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmMessageProps from './message.props';
-import { DEFAULT_CLASS } from './message.styles';
-import WmIcon from '../icon/icon.component';
-import WmButton from '../button/button.component';
-import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-export class WmMessageState extends BaseComponentState {}
-const MESSAGE_ICONS = {
-  'success': 'wm-sl-l sl-check',
-  'warning': 'wm-sl-l sl-alarm-bell',
-  'error': 'fa fa-times-circle',
-  'info': 'wi wi-info',
-  'loading': 'fa fa-spinner fa-spin'
-};
-const DEFAULT_TITLE = {
-  'success': 'Success',
-  'warning': 'Warning',
-  'error': 'Error',
-  'info': 'Info',
-  'loading': 'Processing'
-};
-export default class WmMessage extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmMessageProps());
-    _defineProperty(this, "close", () => {
-      this.updateState({
-        props: {
-          show: false
-        }
-      }, () => this.invokeEventCallback('onClose', [null, this]));
-    });
-  }
-  showMessage() {
-    this.updateState({
-      props: {
-        show: true
-      }
-    });
-  }
-  hideMessage() {
-    this.updateState({
-      props: {
-        show: false
-      }
-    });
-  }
-  renderWidget(props) {
-    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);
-    return /*#__PURE__*/React.createElement(Animatedview, {
-      entryanimation: props.animation,
-      delay: props.animationdelay,
-      style: styles.root
-    }, this._background, /*#__PURE__*/React.createElement(WmIcon, {
-      id: this.getTestId('icon'),
-      iconclass: props.type && MESSAGE_ICONS[props.type],
-      styles: styles.icon
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.message
-    }, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('title'), {
-      style: styles.title
-    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
-      style: styles.text
-    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
-      id: this.getTestId('close'),
-      iconclass: "wi wi-close",
-      styles: styles.closeBtn,
-      onTap: this.close
-    }));
-  }
-}
-//# sourceMappingURL=message.component.js.map

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

@@ -1,21 +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 WmMessageProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "animation", 'fadeIn');
-    _defineProperty(this, "animationdelay", null);
-    _defineProperty(this, "title", '');
-    _defineProperty(this, "variant", 'dark');
-    _defineProperty(this, "caption", 'Message');
-    _defineProperty(this, "type", 'success');
-    _defineProperty(this, "hideclose", false);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", 'alert');
-    _defineProperty(this, "onClose", void 0);
-  }
-}
-//# sourceMappingURL=message.props.js.map

app-rn-runtime/components/basic/modal/modal.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 { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmModalProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", null);
-    _defineProperty(this, "animationType", 'slide');
-  }
-}
-//# sourceMappingURL=modal.props.js.map

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

@@ -1,197 +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 { Image, View } from 'react-native';
-// import { NumberProp, SvgUri } from 'react-native-svg';
-import { isNumber } from 'lodash-es';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';
-import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-import WmPictureProps from './picture.props';
-import { DEFAULT_CLASS } from './picture.styles';
-import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
-import { createSkeleton } from '../skeleton/skeleton.component';
-export class WmPictureState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "naturalImageWidth", 0);
-    _defineProperty(this, "naturalImageHeight", 0);
-    _defineProperty(this, "imageWidth", 0);
-    _defineProperty(this, "imageHeight", 0);
-  }
-}
-export default class WmPicture extends BaseComponent {
-  constructor(_props) {
-    super(_props, DEFAULT_CLASS, new WmPictureProps());
-    _defineProperty(this, "_pictureSource", null);
-    _defineProperty(this, "_picturePlaceHolder", null);
-    _defineProperty(this, "onViewLayoutChange", e => {
-      let imageWidth = e.nativeEvent.layout.width;
-      let imageHeight = e.nativeEvent.layout.height;
-      if (!imageWidth && !imageHeight) {
-        return;
-      }
-      if (!this.styles.root.height || typeof this.styles.root.height === 'string' && !this.styles.root.height.includes('%')) {
-        imageHeight = 0;
-      }
-      if (imageWidth && !imageHeight) {
-        imageHeight = imageWidth * this.state.naturalImageHeight / this.state.naturalImageWidth;
-      } else if (imageHeight && !imageWidth) {
-        imageWidth = imageHeight * this.state.naturalImageWidth / this.state.naturalImageHeight;
-      }
-      this.updateState({
-        imageWidth: imageWidth,
-        imageHeight: imageHeight
-      });
-    });
-    _defineProperty(this, "showImage", (imageElement, props) => {
-      if (props.fastload) {
-        return imageElement;
-      }
-      return this.state.imageWidth ? imageElement : null;
-    });
-  }
-  loadImage(image) {
-    if (!image || !this.loadAsset) {
-      return null;
-    }
-    const imageSrc = this.loadAsset(image);
-    if (imageSrc && typeof imageSrc === 'object' && typeof imageSrc.default === 'function') {
-      return null;
-    }
-    if (isNumber(imageSrc)) {
-      const {
-        width,
-        height
-      } = Image.resolveAssetSource(imageSrc);
-      this.updateState({
-        naturalImageWidth: width,
-        naturalImageHeight: height
-      });
-    } else if (imageSrc !== null) {
-      const cancel = ImageSizeEstimator.getSize(imageSrc, (width, height) => {
-        this.updateState({
-          naturalImageWidth: width,
-          naturalImageHeight: height
-        });
-        this.cleanup.splice(this.cleanup.indexOf(cancel), 1);
-      });
-      this.cleanup.push(cancel);
-    }
-    return imageSrc;
-  }
-  onPropertyChange(name, $new, $old) {
-    switch (name) {
-      case 'picturesource':
-        this._pictureSource = null;
-      case 'pictureplaceholder':
-        this._picturePlaceHolder = null;
-        break;
-    }
-  }
-  createShape(shape, imageWidth) {
-    if (shape) {
-      switch (shape) {
-        case 'circle':
-          return {
-            picture: {
-              borderRadius: isNumber(imageWidth) ? imageWidth / 2 : 4
-            }
-          };
-        case 'rounded':
-          return this.theme.getStyle('rounded-image');
-        case 'thumbnail':
-          return this.theme.getStyle('thumbnail-image');
-      }
-    }
-    return {};
-  }
-  getElementToShow(props, imgSrc, shapeStyles) {
-    let elementToshow, source;
-    if (imgSrc && typeof imgSrc === 'object' && typeof (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.default) === 'function') {
-      let imgStyle = {};
-      if (props.resizemode === 'contain') {
-        imgStyle['width'] = '100%';
-        imgStyle['height'] = '100%';
-      }
-      elementToshow = /*#__PURE__*/React.createElement(imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.default, imgStyle);
-      //} else if (!isWebPreviewMode() && props.isSvg) {
-      //  svg from uri
-      //  elementToshow = <SvgUri testID={this.getTestId('picture')} width={this.styles.root.width as NumberProp} height={this.styles.root.height as NumberProp} uri={imgSrc}/>;
-    } else if (isFullPathUrl(imgSrc)) {
-      source = {
-        uri: imgSrc
-      };
-    } else {
-      source = imgSrc;
-    }
-    if (this.state.naturalImageWidth) {
-      elementToshow = /*#__PURE__*/React.createElement(Image, _extends({}, this.getTestProps('picture'), {
-        style: [this.styles.picture, shapeStyles.picture],
-        resizeMode: props.resizemode,
-        source: source
-      }, getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)));
-    }
-    return elementToshow;
-  }
-  renderSkeleton(props) {
-    var _this$styles$root, _shapeStyles$root, _shapeStyles$picture, _this$styles$root2, _shapeStyles$root2, _shapeStyles$picture2, _this$styles$root3, _shapeStyles$picture3, _shapeStyles$root3, _this$styles$root4;
-    const imageWidth = this.state.imageWidth;
-    const imageHeight = this.state.imageHeight;
-    const shapeStyles = this.createShape(this.props.shape, imageWidth);
-    const skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width) || ((_shapeStyles$root = shapeStyles.root) === null || _shapeStyles$root === void 0 ? void 0 : _shapeStyles$root.width) || ((_shapeStyles$picture = shapeStyles.picture) === null || _shapeStyles$picture === void 0 ? void 0 : _shapeStyles$picture.width) || imageWidth;
-    const skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || ((_shapeStyles$root2 = shapeStyles.root) === null || _shapeStyles$root2 === void 0 ? void 0 : _shapeStyles$root2.height) || ((_shapeStyles$picture2 = shapeStyles.picture) === null || _shapeStyles$picture2 === void 0 ? void 0 : _shapeStyles$picture2.height) || imageHeight;
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      borderRadius: this.props.shape == 'circle' && (_this$styles$root3 = this.styles.root) !== null && _this$styles$root3 !== void 0 && _this$styles$root3.width ? 25 : ((_shapeStyles$picture3 = shapeStyles.picture) === null || _shapeStyles$picture3 === void 0 ? void 0 : _shapeStyles$picture3.borderRadius) || ((_shapeStyles$root3 = shapeStyles.root) === null || _shapeStyles$root3 === void 0 ? void 0 : _shapeStyles$root3.borderRadius) || ((_this$styles$root4 = this.styles.root) === null || _this$styles$root4 === void 0 ? void 0 : _this$styles$root4.borderRadius) || 4,
-      width: skeletonWidth,
-      height: skeletonHeight
-    });
-  }
-  renderWidget(props) {
-    var _shapeStyles$picture4;
-    const imageWidth = this.state.imageWidth;
-    const imageHeight = this.state.imageHeight;
-    const shapeStyles = this.createShape(props.shape, imageWidth);
-    this._pictureSource = this._pictureSource || this.loadImage(props.picturesource);
-    this._picturePlaceHolder = props.fastload ? this._pictureSource || this._picturePlaceHolder || this.loadImage(props.pictureplaceholder) : this._picturePlaceHolder || this.loadImage(props.pictureplaceholder);
-    const imgSrc = this._pictureSource || this._picturePlaceHolder;
-    let elementToshow;
-    if (imgSrc) {
-      elementToshow = this.getElementToShow(props, imgSrc, shapeStyles);
-    }
-    return imgSrc && (this.state.naturalImageWidth || props.isSvg) ? /*#__PURE__*/React.createElement(View, {
-      style: [{
-        width: imageWidth,
-        height: imageHeight
-      }, this.styles.root, shapeStyles.root, shapeStyles.picture]
-    }, this._background, /*#__PURE__*/React.createElement(View, {
-      style: [{
-        overflow: 'hidden',
-        width: '100%',
-        height: '100%'
-      }],
-      onLayout: this.onViewLayoutChange
-    }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
-      rippleColor: this.styles.root.rippleColor,
-      target: this,
-      styles: {
-        width: imageWidth ? null : '100%',
-        height: imageHeight ? null : '100%'
-      }
-    }), /*#__PURE__*/React.createElement(Animatedview, {
-      entryanimation: props.animation,
-      delay: props.animationdelay,
-      style: [{
-        height: imageHeight,
-        width: imageWidth,
-        borderRadius: (_shapeStyles$picture4 = shapeStyles.picture) === null || _shapeStyles$picture4 === void 0 ? void 0 : _shapeStyles$picture4.borderRadius
-      }]
-    }, this.showImage(elementToshow, props))))) : null;
-  }
-}
-//# sourceMappingURL=picture.component.js.map

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

@@ -1,23 +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 WmPictureProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "animation", null);
-    _defineProperty(this, "animationdelay", null);
-    _defineProperty(this, "picturesource", null);
-    _defineProperty(this, "pictureplaceholder", null);
-    _defineProperty(this, "shape", null);
-    _defineProperty(this, "isSvg", null);
-    _defineProperty(this, "resizemode", 'stretch');
-    _defineProperty(this, "skeletonheight", null);
-    _defineProperty(this, "skeletonwidth", null);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", 'image');
-    _defineProperty(this, "fastload", false);
-  }
-}
-//# sourceMappingURL=picture.props.js.map

app-rn-runtime/components/basic/progress-bar/progress-bar.component.js

@@ -1,59 +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 } from 'react-native';
-import { ProgressBar } from 'react-native-paper';
-import { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-import WmProgressBarProps from './progress-bar.props';
-import { DEFAULT_CLASS } from './progress-bar.styles';
-import { parseLinearGradient } from '@wavemaker/app-rn-runtime/core/utils';
-export class WmProgressBarState extends BaseComponentState {}
-export default class WmProgressBar extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmProgressBarProps());
-  }
-  renderWidget(props) {
-    var _styles$root, _styles$progressBar;
-    let value = (props.datavalue - props.minvalue) / (props.maxvalue - props.minvalue);
-    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);
-    const {
-      hasLinearGradient,
-      color1,
-      color2,
-      start,
-      end
-    } = parseLinearGradient(styles === null || styles === void 0 || (_styles$root = styles.root) === null || _styles$root === void 0 || (_styles$root = _styles$root.progressBar) === null || _styles$root === void 0 ? void 0 : _styles$root.backgroundColor);
-    const gradientColors = [color1, color2];
-    const valuePercent = `${Math.round(value * 100)}%`;
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
-      target: this,
-      styles: {
-        root: {
-          width: '100%',
-          height: '100%'
-        }
-      }
-    }, /*#__PURE__*/React.createElement(ProgressBar, _extends({}, this.getTestPropsForAction('progressbar'), getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, props), {
-      progress: value,
-      color: styles.progressValue.color,
-      style: [styles.progressBar, {
-        height: styles.root.height || styles.progressBar.height
-      }]
-    })), hasLinearGradient ? /*#__PURE__*/React.createElement(ExpoLinearGradient, {
-      colors: gradientColors,
-      start: start,
-      end: end,
-      style: [{
-        width: valuePercent,
-        height: styles.root.height || styles.progressBar.height,
-        position: 'absolute',
-        borderRadius: (styles === null || styles === void 0 || (_styles$progressBar = styles.progressBar) === null || _styles$progressBar === void 0 ? void 0 : _styles$progressBar.borderRadius) || 0
-      }]
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null)));
-  }
-}
-//# sourceMappingURL=progress-bar.component.js.map

app-rn-runtime/components/basic/progress-bar/progress-bar.component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","ProgressBar","LinearGradient","ExpoLinearGradient","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressBarProps","DEFAULT_CLASS","parseLinearGradient","WmProgressBarState","WmProgressBar","constructor","props","renderWidget","_styles$root","_styles$progressBar","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","hasLinearGradient","color1","color2","start","end","root","progressBar","backgroundColor","gradientColors","valuePercent","Math","round","createElement","style","_background","target","width","height","_extends","getTestPropsForAction","PROGRESSBAR","progress","color","progressValue","colors","position","borderRadius","Fragment"],"sources":["progress-bar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ProgressBar } from 'react-native-paper';\nimport { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmProgressBarProps from './progress-bar.props';\nimport { DEFAULT_CLASS, WmProgressBarStyles } from './progress-bar.styles';\nimport { parseLinearGradient } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmProgressBarState extends BaseComponentState<WmProgressBarProps> {}\n\nexport default class WmProgressBar extends BaseComponent<WmProgressBarProps, WmProgressBarState, WmProgressBarStyles> {\n\n  constructor(props: WmProgressBarProps) {\n    super(props, DEFAULT_CLASS, new WmProgressBarProps());\n  }\n\n  renderWidget(props: WmProgressBarProps) {\n    let value = (props.datavalue - props.minvalue) / (props.maxvalue - props.minvalue);\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);\n    const {hasLinearGradient, color1, color2, start, end} = parseLinearGradient(styles?.root?.progressBar?.backgroundColor as string);\n    const gradientColors = [color1, color2];\n    const valuePercent = `${Math.round(value * 100)}%`;\n\n    return (\n    <View style={styles.root}>\n      {this._background}\n      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}}>\n        <ProgressBar\n          {...this.getTestPropsForAction('progressbar')}\n          {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, props)}\n          progress={value}\n          color={styles.progressValue.color}\n          style={[styles.progressBar, {height: styles.root.height || styles.progressBar.height}]}></ProgressBar>\n          {hasLinearGradient ? (\n            <ExpoLinearGradient\n              colors={gradientColors}\n              start={start}\n              end={end}\n              style={[\n                {\n                  width: valuePercent as any,\n                  height: styles.root.height || styles.progressBar.height,\n                  position: 'absolute',\n                  borderRadius: styles?.progressBar?.borderRadius || 0,\n                },\n              ]}\n            />\n          ) : (\n            <></>\n          )}\n      </Tappable>\n    </View>); \n  }\n\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/basic/progress-bar/progress-bar.props.js

@@ -1,16 +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 WmProgressBarProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "type", 'default');
-    _defineProperty(this, "datavalue", 30);
-    _defineProperty(this, "minvalue", 0);
-    _defineProperty(this, "maxvalue", 100);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "accessibilityrole", 'progressbar');
-  }
-}
-//# sourceMappingURL=progress-bar.props.js.map

app-rn-runtime/components/basic/progress-bar/progress-bar.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","progressBar","height","progressValue","getStyle","color","backgroundColor","alpha","rgb","toString","progressBarDefaultColor","progressBarSuccessColor","progressBarInfoColor","progressBarDangerColor","progressBarWarningColor"],"sources":["progress-bar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmProgressBarStyles = BaseStyles & {\n    progressBar : AllStyle,\n    progressValue: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-progress-bar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmProgressBarStyles = defineStyles({\n        root: {},\n        text: {},\n        progressBar: {\n            height: 4\n        },\n        progressValue: {}\n    });\n\n    const getStyle = (color: string) => ({\n        progressBar: {\n            backgroundColor: Color(color).alpha(0.2).rgb().toString()\n        },\n        progressValue: {\n            color: color\n        }\n    } as WmProgressBarStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-default-progress-bar', '', getStyle(themeVariables.progressBarDefaultColor));\n    addStyle('app-success-progress-bar', '', getStyle(themeVariables.progressBarSuccessColor));\n    addStyle('app-info-progress-bar', '', getStyle(themeVariables.progressBarInfoColor));\n    addStyle('app-danger-progress-bar', '', getStyle(themeVariables.progressBarDangerColor));\n    addStyle('app-warning-progress-bar', '', getStyle(themeVariables.progressBarWarningColor));\n});"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACTC,MAAM,EAAE;IACZ,CAAC;IACDC,aAAa,EAAE,CAAC;EACpB,CAAC,CAAC;EAEF,MAAMC,QAAQ,GAAIC,KAAa,KAAM;IACjCJ,WAAW,EAAE;MACTK,eAAe,EAAEf,KAAK,CAACc,KAAK,CAAC,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;IAC5D,CAAC;IACDN,aAAa,EAAE;MACXE,KAAK,EAAEA;IACX;EACJ,CAAC,CAAwB;EAEzBR,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACc,uBAAuB,CAAC,CAAC;EAC1Fb,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACe,uBAAuB,CAAC,CAAC;EAC1Fd,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACgB,oBAAoB,CAAC,CAAC;EACpFf,QAAQ,CAAC,yBAAyB,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACiB,sBAAsB,CAAC,CAAC;EACxFhB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACkB,uBAAuB,CAAC,CAAC;AAC9F,CAAC,CAAC","ignoreList":[]}