@wavemaker/app-rn-runtime 11.9.4-rc.5977 → 11.10.0-next.140547

package/actions/notification-action.js

@@ -0,0 +1,73 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { BaseAction } from "./base-action";
+const DEFAULT_DURATION = 3000;
+export class NotificationAction extends BaseAction {
+  constructor(config) {
+    super(config);
+    _defineProperty(this, "showDialog", void 0);
+    this.showDialog = config.showDialog;
+  }
+  prepareToastOptions(options = {}) {
+    var _options$class, _params$class;
+    const params = this.config.paramProvider();
+    const o = {};
+    o.text = options.message || params.text;
+    o.type = ((_options$class = options.class) === null || _options$class === void 0 ? void 0 : _options$class.toLowerCase()) || ((_params$class = params.class) === null || _params$class === void 0 ? void 0 : _params$class.toLowerCase());
+    o.onClose = () => {
+      this.config.onClose && this.config.onClose(this);
+    }, o.onClick = () => {
+      this.config.onOk && this.config.onOk(this);
+    }, o.content = this.config.partialContent;
+    o.hideOnClick = options.hideOnClick || true;
+    const toasterPosition = options.position || params.toasterPosition || 'bottom right';
+    const placement = toasterPosition.split(' ')[0];
+    switch (placement) {
+      case 'top':
+        o.styles = {
+          top: 0
+        };
+        break;
+      case 'bottom':
+        o.styles = {
+          bottom: 0
+        };
+        break;
+      case 'center':
+        o.styles = {
+          top: '50%'
+        };
+        break;
+    }
+    if (this.config.partialContent) {
+      if (!o.styles) {
+        o.styles = {};
+      }
+    }
+    if (!params.duration) {
+      params.duration = params.duration !== 0 && o.type === 'success' ? DEFAULT_DURATION : 0;
+    }
+    o.duration = parseInt(options.duration || params.duration);
+    o.name = this.name;
+    return o;
+  }
+  getMessage() {
+    return this.config.paramProvider().text;
+  }
+  invoke(options, success, error) {
+    super.invoke(options, success, error);
+    if (this.config.operation === 'toast') {
+      const toasterService = this.config.toasterService();
+      return toasterService.showToast(this.prepareToastOptions(options));
+    } else {
+      return this.showDialog && this.showDialog({
+        ...this.params,
+        onOk: this.config.onOk,
+        onCancel: this.config.onCancel,
+        onClose: this.config.onClose
+      });
+    }
+  }
+}
+//# sourceMappingURL=notification-action.js.map

package/actions/timer-action.js

@@ -0,0 +1,57 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { BaseAction } from "./base-action";
+export class TimerAction extends BaseAction {
+  constructor(config) {
+    super(config);
+    _defineProperty(this, "repeating", void 0);
+    _defineProperty(this, "_isFired", false);
+    _defineProperty(this, "_schedulerID", -1);
+    _defineProperty(this, "delay", void 0);
+    this.repeating = config.repeating;
+    this.delay = config.delay || 500;
+  }
+  invoke(options, success, error) {
+    super.invoke(options, success, error);
+    return this.fire(this.params, success, error);
+  }
+  cancel() {
+    if (this._schedulerID > -1) {
+      if (this.repeating) {
+        clearInterval(this._schedulerID);
+      } else {
+        clearTimeout(this._schedulerID);
+      }
+      this._schedulerID = -1;
+    }
+  }
+  destroy() {
+    this.cancel();
+  }
+  pause() {
+    this.cancel();
+  }
+  trigger(options, success, error) {
+    if (this._schedulerID > -1) {
+      return;
+    }
+    const repeatTimer = this.repeating,
+      delay = this.delay,
+      exec = () => {
+        this.config.onSuccess && this.config.onSuccess();
+      };
+    this._schedulerID = repeatTimer ? setInterval(exec, delay) : setTimeout(() => {
+      exec();
+      this._schedulerID = -1;
+    }, delay);
+    return this._schedulerID;
+  }
+  fire(options, success, error) {
+    if (this.repeating) {
+      this._isFired = true;
+    }
+    return this.trigger(options, success, error);
+  }
+}
+//# sourceMappingURL=timer-action.js.map

package/components/advanced/carousel/carousel-content/carousel-content.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmCarouselContentProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=carousel-content.props.js.map

package/components/advanced/carousel/carousel-template/carousel-template.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmCarouselTemplateProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=carousel-template.props.js.map

package/components/advanced/carousel/carousel.component.js

@@ -0,0 +1,346 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { isArray, isUndefined } from 'lodash-es';
+import { Animated, Easing, View } from 'react-native';
+import { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import WmCarouselProps from './carousel.props';
+import { DEFAULT_CLASS } from './carousel.styles';
+export class WmCarouselState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "activeIndex", 1);
+  }
+}
+export default class WmCarousel extends BaseComponent {
+  constructor(_props) {
+    super(_props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());
+    _defineProperty(this, "noOfSlides", 0);
+    _defineProperty(this, "slidesLayout", []);
+    _defineProperty(this, "keyExtractor", new DefaultKeyExtractor());
+    _defineProperty(this, "stopPlay", null);
+    _defineProperty(this, "dotPosition", new Animated.Value(0));
+    _defineProperty(this, "wrapperPosition", new Animated.Value(0));
+    _defineProperty(this, "animationView", null);
+    _defineProperty(this, "animationHandlers", {
+      bounds: e => {
+        var _this$slidesLayout, _this$slidesLayout$ac;
+        const activeTabIndex = this.state.activeIndex - 1;
+        let lower = 0;
+        if (activeTabIndex > 0) {
+          lower = this.slidesLayout.filter((l, i) => i < activeTabIndex - 1).reduce((s, l) => s + l.width, 0);
+        }
+        let center = lower + (((_this$slidesLayout = this.slidesLayout[activeTabIndex - 1]) === null || _this$slidesLayout === void 0 ? void 0 : _this$slidesLayout.width) || 0);
+        let upper = center + (((_this$slidesLayout$ac = this.slidesLayout[activeTabIndex]) === null || _this$slidesLayout$ac === void 0 ? void 0 : _this$slidesLayout$ac.width) || 0);
+        return {
+          lower: -1 * lower,
+          center: -1 * center,
+          upper: -1 * upper
+        };
+      },
+      computePhase: value => {
+        var _this$slidesLayout$ac2;
+        const activeTabIndex = this.state.activeIndex - 1;
+        const w = ((_this$slidesLayout$ac2 = this.slidesLayout[activeTabIndex]) === null || _this$slidesLayout$ac2 === void 0 ? void 0 : _this$slidesLayout$ac2.width) || 0;
+        return w && Math.abs(value / w);
+      },
+      onLower: e => {
+        this.onSlideChange(this.state.activeIndex - 1);
+      },
+      onUpper: e => {
+        if (this.noOfSlides < this.state.activeIndex + 1) {
+          var _this$animationView;
+          this.onSlideChange(1);
+          (_this$animationView = this.animationView) === null || _this$animationView === void 0 || _this$animationView.setPosition(0);
+        } else {
+          this.onSlideChange(this.state.activeIndex + 1);
+        }
+      }
+    });
+    _defineProperty(this, "onSlideChange", index => {
+      const prevIndex = this.state.activeIndex;
+      this.updateState({
+        activeIndex: index
+      }, () => this.invokeEventCallback('onChange', [this, index, prevIndex]));
+      this.animatePagination(index);
+    });
+    _defineProperty(this, "renderItem", (item, index) => {
+      const props = this.state.props;
+      if (props.type === 'dynamic') {
+        return props.renderSlide ? props.renderSlide(item, index, this) : null;
+      }
+      return props.children[index];
+    });
+    _defineProperty(this, "next", () => {
+      const props = this.state.props;
+      const data = props.type === 'dynamic' ? props.dataset : props.children;
+      if (this.state.activeIndex >= (data === null || data === void 0 ? void 0 : data.length) || 0) {
+        var _this$animationView2;
+        this.onSlideChange(1);
+        (_this$animationView2 = this.animationView) === null || _this$animationView2 === void 0 || _this$animationView2.setPosition(0);
+      } else {
+        var _this$animationView3;
+        (_this$animationView3 = this.animationView) === null || _this$animationView3 === void 0 || _this$animationView3.goToUpper();
+      }
+    });
+    _defineProperty(this, "prev", () => {
+      var _this$animationView4;
+      (_this$animationView4 = this.animationView) === null || _this$animationView4 === void 0 || _this$animationView4.goToLower();
+    });
+    this.cleanup.push(() => {
+      this.stopPlay && this.stopPlay();
+    });
+  }
+  addSlideLayout(index, nativeEvent) {
+    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;
+    if (index === this.state.activeIndex) {
+      this.forceUpdate();
+    }
+  }
+  generateItemKey(item, index, props) {
+    if (props.itemkey && item && !this._showSkeleton) {
+      return props.itemkey(item, index);
+    }
+    return 'list_item_' + this.keyExtractor.getKey(item, true);
+  }
+  autoPlay() {
+    if (!this.initialized) {
+      return;
+    }
+    const props = this.state.props;
+    this.stopPlay && this.stopPlay();
+    if (props.animation === 'auto' && props.animationinterval) {
+      const intervalId = setInterval(() => {
+        this.next();
+      }, props.animationinterval * 1000);
+      this.stopPlay = () => clearInterval(intervalId);
+    } else {
+      setTimeout(() => {
+        var _this$animationView5;
+        this.onSlideChange(1);
+        (_this$animationView5 = this.animationView) === null || _this$animationView5 === void 0 || _this$animationView5.setPosition(0);
+      }, 1000);
+    }
+  }
+  stopAnimation() {
+    this.stopPlay();
+  }
+  startAnimation() {
+    this.autoPlay();
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'dataset':
+        {
+          var _this$keyExtractor;
+          (_this$keyExtractor = this.keyExtractor) === null || _this$keyExtractor === void 0 || _this$keyExtractor.clear();
+          this.updateState({
+            activeIndex: Math.min(this.state.activeIndex, ($new === null || $new === void 0 ? void 0 : $new.length) || 1)
+          });
+          break;
+        }
+      case 'animation':
+      case 'animationinterval':
+        {
+          this.autoPlay();
+        }
+    }
+  }
+  animatePagination(index) {
+    var _this$styles$dotStyle, _this$styles$dotStyle2, _this$styles$dotStyle3;
+    const prevIndex = this.state.activeIndex;
+    const props = this.state.props;
+    const maxNoOfDots = this.state.props.maxnoofdots;
+    const margin = (((_this$styles$dotStyle = this.styles.dotStyle) === null || _this$styles$dotStyle === void 0 ? void 0 : _this$styles$dotStyle.marginLeft) || 0) + (((_this$styles$dotStyle2 = this.styles.dotStyle) === null || _this$styles$dotStyle2 === void 0 ? void 0 : _this$styles$dotStyle2.marginRight) || 0);
+    const width = ((_this$styles$dotStyle3 = this.styles.dotStyle) === null || _this$styles$dotStyle3 === void 0 ? void 0 : _this$styles$dotStyle3.width) || 2;
+    const size = margin + width;
+    const multiplier = this.isRTL ? -1 : 1;
+    const options = {
+      useNativeDriver: true,
+      duration: 100,
+      easing: Easing.out(Easing.linear)
+    };
+    let data = props.type === 'dynamic' ? props.dataset : props.children;
+    const shouldAnimate = !(maxNoOfDots >= (data === null || data === void 0 ? void 0 : data.length)) && index > 3 && index <= (data === null || data === void 0 ? void 0 : data.length) - 2;
+    if (shouldAnimate) {
+      const newTranslateX = multiplier * -(index - 3) * (width + margin);
+      Animated.timing(this.wrapperPosition, {
+        toValue: newTranslateX,
+        ...options
+      }).start();
+    }
+    if (index == 1 && prevIndex == (data === null || data === void 0 ? void 0 : data.length)) {
+      Animated.timing(this.wrapperPosition, {
+        toValue: 0,
+        ...options
+      }).start();
+    }
+    if (prevIndex < index || prevIndex > index) {
+      Animated.timing(this.dotPosition, {
+        toValue: multiplier * size * Math.max(index - 1, 0),
+        ...options
+      }).start();
+    }
+  }
+  renderPagination(data) {
+    var _this$styles$dotStyle4, _this$styles$dotStyle5;
+    const maxNoOfDots = data.length > 5 ? this.state.props.maxnoofdots : data.length;
+    const activeIndex = this.state.activeIndex - 1;
+    const dotMargin = (((_this$styles$dotStyle4 = this.styles.dotStyle) === null || _this$styles$dotStyle4 === void 0 ? void 0 : _this$styles$dotStyle4.marginLeft) || 0) + (((_this$styles$dotStyle5 = this.styles.dotStyle) === null || _this$styles$dotStyle5 === void 0 ? void 0 : _this$styles$dotStyle5.marginRight) || 0);
+    const wrapperWidth = this.styles.dotStyle.width * maxNoOfDots + dotMargin * maxNoOfDots;
+    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);
+    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);
+    if (maxIndex === data.length) {
+      minIndex = maxIndex - maxNoOfDots;
+    }
+    const dotStyle = this._showSkeleton ? {
+      ...this.styles.dotStyle,
+      ...this.styles.dotSkeleton.root
+    } : this.styles.dotStyle;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.dotsWrapperStyle, {
+        width: wrapperWidth
+      }]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: {
+        flexDirection: this.isRTL ? 'row-reverse' : 'row',
+        alignItems: 'center',
+        transform: [{
+          translateX: this.wrapperPosition
+        }]
+      }
+    }, data.map((item, index) => {
+      const isActive = index === activeIndex;
+      let scale = 1;
+      if (activeIndex <= 2) {
+        scale = index <= 2 ? 1 : 1 - 0.1 * (index - 2);
+      } else if (activeIndex >= data.length - 3) {
+        scale = index >= data.length - 3 ? 1 : 1 - 0.1 * (data.length - 3 - index);
+      } else {
+        scale = index === activeIndex ? 1 : Math.abs(index - activeIndex) === 1 ? 0.9 : 0.8;
+      }
+      const animatedScale = new Animated.Value(scale);
+      Animated.timing(animatedScale, {
+        toValue: scale,
+        duration: 100,
+        easing: Easing.out(Easing.ease),
+        useNativeDriver: true
+      }).start();
+      return /*#__PURE__*/React.createElement(Animated.View, _extends({
+        key: 'dots_' + this.generateItemKey(item, index, this.state.props)
+      }, this.getTestPropsForAction('indicator' + index), {
+        style: [dotStyle, isActive && this.styles.activeDotStyle, {
+          transform: [{
+            scale: animatedScale
+          }]
+        }]
+      }));
+    }))));
+  }
+  renderSkeleton(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, {
+        ...this.styles.skeleton.root
+      }]
+    }, this.renderItem({}, 0), this.renderPagination([{}, {}, {}]));
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.autoPlay();
+  }
+  renderWidget(props) {
+    var _data, _this$styles$slide;
+    const hasNavs = props.controls === 'both' || props.controls === 'navs';
+    const hasDots = props.controls === 'both' || props.controls === 'indicators';
+    let styles = this.styles;
+    let data = props.type === 'dynamic' ? props.dataset : props.children;
+    data = isArray(data) ? data : [];
+    this.noOfSlides = ((_data = data) === null || _data === void 0 ? void 0 : _data.length) || 0;
+    let slideScale = undefined;
+    let slideTranslateX = undefined;
+    if (isArray((_this$styles$slide = this.styles.slide) === null || _this$styles$slide === void 0 ? void 0 : _this$styles$slide.transform)) {
+      var _this$styles$slide2, _this$styles$slide3;
+      slideScale = (_this$styles$slide2 = this.styles.slide) === null || _this$styles$slide2 === void 0 || (_this$styles$slide2 = _this$styles$slide2.transform) === null || _this$styles$slide2 === void 0 || (_this$styles$slide2 = _this$styles$slide2.find(o => !isUndefined(o.scale))) === null || _this$styles$slide2 === void 0 ? void 0 : _this$styles$slide2.scale;
+      slideTranslateX = (_this$styles$slide3 = this.styles.slide) === null || _this$styles$slide3 === void 0 || (_this$styles$slide3 = _this$styles$slide3.transform) === null || _this$styles$slide3 === void 0 || (_this$styles$slide3 = _this$styles$slide3.find(o => !isUndefined(o.translateX))) === null || _this$styles$slide3 === void 0 ? void 0 : _this$styles$slide3.translateX;
+    }
+    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, this._background, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
+      enableGestures: props.enablegestures && this.noOfSlides > 1,
+      style: {
+        flex: 1
+      },
+      direction: "horizontal",
+      ref: r => {
+        this.animationView = r;
+      },
+      handlers: this.animationHandlers,
+      slideMinWidth: this.styles.slide.width
+    }, data.map((item, index) => {
+      var _this$animationView6, _this$animationView7;
+      const isActive = index === this.state.activeIndex - 1;
+      let scale = (_this$animationView6 = this.animationView) === null || _this$animationView6 === void 0 ? void 0 : _this$animationView6.animationPhase.interpolate({
+        inputRange: [-2000, index - 1, index, index + 1, 2000],
+        outputRange: [slideScale, slideScale, 1, slideScale, slideScale]
+      });
+      let translateX = (_this$animationView7 = this.animationView) === null || _this$animationView7 === void 0 ? void 0 : _this$animationView7.animationPhase.interpolate({
+        inputRange: [-2000, index - 1, index, index + 1, 2000],
+        outputRange: [-56, -56, 0, 56, 56]
+      });
+      return /*#__PURE__*/React.createElement(Animated.View, {
+        key: this.generateItemKey(item, index, props),
+        onLayout: this.addSlideLayout.bind(this, index),
+        testID: `carousel_item_${index}`,
+        style: [{
+          height: props.type === 'dynamic' ? undefined : '100%'
+        }, this.styles.slide, index === 0 ? this.styles.firstSlide : null, index === data.length - 1 ? this.styles.lastSlide : null, isActive ? this.styles.activeSlide : null, translateX && scale ? {
+          transform: [{
+            translateX: !isUndefined(slideTranslateX) ? slideTranslateX : translateX
+          }, {
+            scale: scale
+          }]
+        } : null]
+      }, /*#__PURE__*/React.createElement(Tappable, {
+        onTap: () => {
+          var _this$animationView8;
+          this.onSlideChange(index + 1);
+          const position = this.slidesLayout.filter((l, i) => i < index).reduce((s, l) => s + l.width, 0);
+          (_this$animationView8 = this.animationView) === null || _this$animationView8 === void 0 || _this$animationView8.setPosition(-1 * position);
+        },
+        rippleColor: this.styles.root.rippleColor,
+        styles: {
+          height: "100%"
+        }
+      }, this.renderItem(item, index)));
+    })), hasNavs ? /*#__PURE__*/React.createElement(View, {
+      style: styles.btnPanel
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('prev_icon'),
+      iconclass: "wi wi-chevron-left fa-2x",
+      styles: styles.prevBtn,
+      onTap: this.prev,
+      accessibilitylabel: "back"
+    }), /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('next_icon'),
+      iconclass: "wi wi-chevron-right fa-2x",
+      styles: styles.nextBtn,
+      onTap: this.next,
+      accessibilitylabel: "next"
+    })) : null, hasDots && data ? this.renderPagination(data) : null);
+  }
+}
+//# sourceMappingURL=carousel.component.js.map

package/components/advanced/carousel/carousel.props.js

@@ -0,0 +1,21 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmCarouselProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", null);
+    _defineProperty(this, "type", 'static');
+    _defineProperty(this, "animation", 'auto');
+    _defineProperty(this, "animationinterval", 3);
+    _defineProperty(this, "controls", 'both');
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "itemkey", null);
+    _defineProperty(this, "renderSlide", void 0);
+    _defineProperty(this, "enablegestures", true);
+    _defineProperty(this, "maxnoofdots", 5);
+    _defineProperty(this, "showskeletonchildren", false);
+  }
+}
+//# sourceMappingURL=carousel.props.js.map

package/components/advanced/login/login.component.js

@@ -0,0 +1,39 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLoginProps from './login.props';
+import { DEFAULT_CLASS } from './login.styles';
+export class WmLoginState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "errorMsg", '');
+  }
+}
+export default class WmLogin extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLoginProps());
+  }
+  onLoginSuccess(response) {}
+  onLoginError(error) {
+    this.updateState({
+      errorMsg: error === null || error === void 0 ? void 0 : error.message
+    });
+  }
+  doLogin(formData) {
+    this.props.onLogin(formData, this.onLoginSuccess.bind(this), this.onLoginError.bind(this));
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, this.state.errorMsg && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('error'), {
+      style: this.styles.errorMsgStyles
+    }), this.state.errorMsg), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.formStyles
+    }, props.children));
+  }
+}
+//# sourceMappingURL=login.component.js.map

package/components/advanced/login/login.props.js

@@ -0,0 +1,12 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmLoginProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "onLogin", () => {});
+  }
+}
+//# sourceMappingURL=login.props.js.map