@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

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

@@ -0,0 +1,322 @@
+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-ai/app-rn-runtime/core/key.extractor';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmCarouselProps from './carousel.props';
+import { DEFAULT_CLASS } from './carousel.styles';
+import FlatListCarousel from '../../../gestures-prism/carousel.flatlist';
+export class WmCarouselState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "activeIndex", 1);
+    _defineProperty(this, "containerWidth", null);
+    _defineProperty(this, "containerHeight", null);
+    _defineProperty(this, "isTemplateReady", false);
+  }
+}
+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, "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 (data.length === this.state.activeIndex) {
+        this.onSlideChange(1);
+      } else {
+        this.onSlideChange(this.state.activeIndex + 1);
+      }
+    });
+    _defineProperty(this, "prev", () => {
+      const props = this.state.props;
+      const data = props.type === 'dynamic' ? props.dataset : props.children;
+      const length = data.length;
+      if (this.state.activeIndex === 1) {
+        this.onSlideChange(length);
+      } else {
+        this.onSlideChange(this.state.activeIndex - 1);
+      }
+    });
+    _defineProperty(this, "changeTemplateStatus", () => {
+      this.updateState({
+        isTemplateReady: true
+      });
+    });
+    _defineProperty(this, "updateLayout", ({
+      width,
+      height
+    }) => {
+      const dimension = {};
+      if (height != null && height > 0) {
+        dimension.containerHeight = height;
+      }
+      // Use measured width so slides match the carousel container (reanimated-carousel needs pixel width === item width).
+      if (width != null && width > 0) {
+        dimension.containerWidth = width;
+      }
+      this.updateState({
+        ...dimension
+      });
+    });
+    this.cleanup.push(() => {
+      this.stopPlay && this.stopPlay();
+    });
+  }
+  addSlideLayout(index, nativeEvent) {
+    if (!this.state.isTemplateReady) {
+      console.log("return out of slide layout");
+      return;
+    }
+    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;
+  }
+  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(() => {
+        this.onSlideChange(1);
+      }, 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;
+    }
+    if (styles.root && styles.root.height && typeof styles.height === 'number' && styles.width && typeof styles.width === 'number') {
+      setTimeout(() => {
+        this.updateState({
+          containerHeight: styles.root.height,
+          containerWidth: styles.root.width
+        });
+      }, 10);
+    }
+
+    // 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,
+      onLayout: event => {
+        const {
+          width = 0,
+          height = 0
+        } = event.nativeEvent.layout;
+        this.handleLayout(event);
+        // Sync carousel dimensions with actual layout (avoid deviceWidth * 0.8 mismatch).
+        if (width > 0 && height > 0) {
+          const w = this.state.containerWidth;
+          const h = this.state.containerHeight;
+          if (w !== width || h !== height) {
+            this.updateState({
+              containerWidth: width,
+              containerHeight: height
+            });
+          }
+        }
+      }
+    }, this._background, /*#__PURE__*/React.createElement(FlatListCarousel, {
+      data: data,
+      carouselType: props.carouseltype,
+      activeIndex: this.state.activeIndex,
+      updateActiveIndex: this.onSlideChange,
+      containerWidth: this.state.containerWidth,
+      customStyles: styles
+    }), 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-prism/advanced/carousel/carousel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","isArray","isUndefined","Animated","Easing","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","WmCarouselProps","DEFAULT_CLASS","FlatListCarousel","WmCarouselState","constructor","args","_defineProperty","WmCarousel","props","Value","index","prevIndex","state","activeIndex","updateState","invokeEventCallback","animatePagination","item","type","renderSlide","children","data","dataset","length","onSlideChange","isTemplateReady","width","height","dimension","containerHeight","containerWidth","cleanup","push","stopPlay","addSlideLayout","nativeEvent","console","log","slidesLayout","layout","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","autoPlay","initialized","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","stopAnimation","startAnimation","onPropertyChange","name","$new","$old","_this$keyExtractor","clear","Math","min","_this$styles$dotStyle","_this$styles$dotStyle2","_this$styles$dotStyle3","maxNoOfDots","maxnoofdots","margin","styles","dotStyle","marginLeft","marginRight","size","multiplier","isRTL","options","useNativeDriver","duration","easing","out","linear","shouldAnimate","newTranslateX","timing","wrapperPosition","toValue","start","dotPosition","max","renderPagination","_this$styles$dotStyle4","_this$styles$dotStyle5","dotMargin","wrapperWidth","minIndex","maxIndex","dotSkeleton","root","createElement","style","justifyContent","alignItems","dotsWrapperStyle","flexDirection","transform","translateX","map","isActive","scale","abs","animatedScale","ease","_extends","key","getTestPropsForAction","activeDotStyle","renderSkeleton","skeleton","renderItem","componentDidMount","renderWidget","_data","_this$styles$slide","hasNavs","controls","hasDots","noOfSlides","slideScale","undefined","slideTranslateX","slide","_this$styles$slide2","_this$styles$slide3","find","o","onLayout","event","handleLayout","w","h","_background","carouselType","carouseltype","updateActiveIndex","customStyles","btnPanel","id","getTestId","iconclass","prevBtn","onTap","prev","accessibilitylabel","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isArray, isUndefined } from 'lodash-es';\nimport { Animated, Easing, View, LayoutChangeEvent, LayoutRectangle, Dimensions, Text } from 'react-native';\nimport { DefaultKeyExtractor } from '@wavemaker-ai/app-rn-runtime/core/key.extractor';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\nimport FlatListCarousel from '../../../gestures-prism/carousel.flatlist';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 1;\n  containerWidth: number | null = null; \n  containerHeight: number | null = null;\n  isTemplateReady: boolean = false;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  noOfSlides: number = 0;\n  private slidesLayout: LayoutRectangle[] = [];\n  private keyExtractor = new DefaultKeyExtractor();\n  stopPlay: Function = null as any;\n  private dotPosition = new Animated.Value(0);\n  private wrapperPosition = new Animated.Value(0);\n\n  constructor(props: WmCarouselProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());\n    this.cleanup.push(() => {\n      this.stopPlay && this.stopPlay();\n    })\n  }\n\n  addSlideLayout(index: number, nativeEvent: LayoutChangeEvent) {\n    if(!this.state.isTemplateReady) {\n      console.log(\"return out of slide layout\")\n      return;\n    }\n\n    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;\n  }\n\n  private generateItemKey(item: any, index: number, props: WmCarouselProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  this.keyExtractor.getKey(item, true);\n  }\n\n  autoPlay() {\n    if(!this.initialized){\n      return;\n    }\n    const props = this.state.props;\n    this.stopPlay && this.stopPlay();\n    if (props.animation === 'auto' && props.animationinterval) {\n      const intervalId = setInterval(() => {\n        this.next();\n      }, props.animationinterval * 1000);\n      this.stopPlay = () => clearInterval(intervalId);\n    } else {\n      setTimeout(() => {\n        this.onSlideChange(1);\n      }, 1000);\n    }\n  }\n\n  stopAnimation(){  \n    this.stopPlay();\n  }\n  startAnimation() {\n      this.autoPlay();\n  }\n  \n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch (name) {\n        case 'dataset': {\n          this.keyExtractor?.clear();\n          this.updateState({\n            activeIndex: Math.min(this.state.activeIndex, $new?.length || 1)\n          } as WmCarouselState);\n          break;\n        }\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\n      }\n  }\n\n  animatePagination(index: number) {\n    const prevIndex = this.state.activeIndex;\n    const props = this.state.props;\n    const maxNoOfDots = this.state.props.maxnoofdots;\n    const margin = ((this.styles.dotStyle?.marginLeft as number)|| 0) + \n    ((this.styles.dotStyle?.marginRight as number)|| 0)\n    const width = (this.styles.dotStyle?.width as number)|| 2;\n    const size = margin + width;\n    const multiplier = this.isRTL ? -1 : 1;\n    const options = {\n      useNativeDriver: true,\n      duration: 100,\n      easing: Easing.out(Easing.linear),\n    };\n    let data = props.type === 'dynamic' ? props.dataset : props.children;\n    const shouldAnimate = !(maxNoOfDots >= data?.length) && index > 3 && index <= data?.length - 2;\n    if (shouldAnimate) {\n      const newTranslateX = multiplier * -(index - 3) * (width + margin);\n      Animated.timing(this.wrapperPosition, {\n        toValue: newTranslateX,\n        ...options,\n      }).start();\n    }\n    if (index == 1 && prevIndex == data?.length) {\n      Animated.timing(this.wrapperPosition, {\n        toValue: 0,\n        ...options,\n      }).start();\n    }   \n    if (prevIndex < index || prevIndex > index) {\n      Animated.timing(this.dotPosition, {\n        toValue: multiplier * size * Math.max(index - 1, 0),\n        ...options,\n      }).start();\n    } \n  }\n\n  onSlideChange = (index: number) => {\n    const prevIndex = this.state.activeIndex;\n    this.updateState({\n      activeIndex: index\n    } as WmCarouselState,\n    () => this.invokeEventCallback('onChange', [this, index, prevIndex]));\n    this.animatePagination(index);\n  }\n\n  renderItem = (item: any, index: number) => {\n    const props = this.state.props;\n    if (props.type === 'dynamic') {\n      return props.renderSlide ? props.renderSlide(item, index, this) : null;\n    }\n    return props.children[index];\n  }\n\n  next = () => {\n    const props = this.state.props;\n    const data = props.type === 'dynamic' ? props.dataset : props.children;\n    if(data.length === this.state.activeIndex) {\n      this.onSlideChange(1);\n    } else {\n      this.onSlideChange(this.state.activeIndex + 1);\n    }\n  }\n\n  prev = () => {\n    const props = this.state.props;\n    const data = props.type === 'dynamic' ? props.dataset : props.children;\n    const length = data.length;\n    if(this.state.activeIndex === 1) {\n      this.onSlideChange(length);\n    } else {\n      this.onSlideChange(this.state.activeIndex - 1);\n    }\n  }\n\n  renderPagination(data: any) {\n    const maxNoOfDots = data.length > 5 ? this.state.props.maxnoofdots : data.length;\n    const activeIndex = this.state.activeIndex - 1;\n    const dotMargin = ((this.styles.dotStyle?.marginLeft as number)|| 0) + \n    ((this.styles.dotStyle?.marginRight as number)|| 0);\n    const wrapperWidth = (this.styles.dotStyle.width as any * maxNoOfDots) + (dotMargin * maxNoOfDots);\n    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);\n    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);\n    if (maxIndex === data.length) {\n      minIndex = maxIndex - maxNoOfDots;\n    }\n    const dotStyle = this._showSkeleton ? {\n      ...this.styles.dotStyle,\n      ...this.styles.dotSkeleton.root\n    } : this.styles.dotStyle\n    return (<View style={{ width: '100%', justifyContent: 'center', alignItems: 'center' }}>\n        <View style={[this.styles.dotsWrapperStyle, { width: wrapperWidth }]}>\n          <Animated.View\n            style={{\n              flexDirection: this.isRTL ? 'row-reverse' : 'row',\n              alignItems: 'center',\n              transform: [{ translateX: this.wrapperPosition }],\n            }}\n          >\n            {data.map((item: any, index: number) => {\n              const isActive = index === activeIndex;\n              let scale = 1;\n              if (activeIndex <= 2) {\n                scale = index <= 2 ? 1 : 1 - 0.1 * (index - 2);\n              } else if (activeIndex >= data.length - 3) {\n                  scale = index >= data.length - 3 ? 1 : 1 - 0.1 * ((data.length - 3) - index);\n              } else {\n                  scale = index === activeIndex ? 1 : (Math.abs(index - activeIndex) === 1 ? 0.9 : 0.8);\n              }\n              const animatedScale = new Animated.Value(scale);\n              Animated.timing(animatedScale, {\n                toValue: scale,\n                duration: 100,\n                easing: Easing.out(Easing.ease),\n                useNativeDriver: true,\n              }).start();\n              return (\n                <Animated.View\n                  key={'dots_' + this.generateItemKey(item, index, this.state.props)}\n                  {...this.getTestPropsForAction('indicator' + index)}\n                  style={[dotStyle,\n                    isActive && this.styles.activeDotStyle,\n                    {                \n                      transform: [{scale: animatedScale}]\n                    },\n                  ]}\n                />\n              );\n            })}\n          </Animated.View>\n        </View>\n      </View>);\n  }\n\n  public renderSkeleton(props: WmCarouselProps): React.ReactNode | null {\n    return <View style={[this.styles.root, {...this.styles.skeleton.root}]}>\n       {this.renderItem({}, 0)}\n      {this.renderPagination([{}, {}, {}])}\n    </View>\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.autoPlay();\n  }\n\n  changeTemplateStatus = () => {\n    this.updateState({ isTemplateReady: true } as WmCarouselState)\n  }\n\n  updateLayout = ({ width, height }: { width?: number; height?: number }) => {\n    const dimension: Partial<WmCarouselState> = {};\n    if (height != null && height > 0) {\n      dimension.containerHeight = height;\n    }\n    // Use measured width so slides match the carousel container (reanimated-carousel needs pixel width === item width).\n    if (width != null && width > 0) {\n      dimension.containerWidth = width;\n    }\n\n    this.updateState({\n      ...dimension,\n    } as WmCarouselState);\n  };\n\n  renderWidget(props: WmCarouselProps) {\n    const hasNavs = props.controls === 'both' || props.controls ==='navs';\n    const hasDots = props.controls === 'both' || props.controls ==='indicators';\n    let styles = this.styles;\n    let data = props.type === 'dynamic' ? props.dataset : props.children;\n    data = isArray(data) ? data : [];\n    this.noOfSlides = data?.length || 0;\n    let slideScale = undefined as any;\n    let slideTranslateX = undefined as any;\n    if (isArray(this.styles.slide?.transform)) {\n      slideScale = (this.styles.slide?.transform?.find(o => !isUndefined((o as any).scale)) as any)?.scale;\n      slideTranslateX = (this.styles.slide?.transform?.find(o => !isUndefined((o as any).translateX)) as any)?.translateX;\n    }\n\n    if(\n      styles.root &&\n      styles.root.height &&\n      typeof styles.height === 'number' &&\n      styles.width &&\n      typeof styles.width === 'number'\n    ){\n      setTimeout(()=>{\n        this.updateState({\n          containerHeight: styles.root.height,\n          containerWidth: styles.root.width\n        } as WmCarouselState)\n      }, 10)\n    }\n\n    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608\n    return (\n      <View \n        style={styles.root}\n        onLayout={(event) => {\n          const { width = 0, height = 0 } = event.nativeEvent.layout;\n          this.handleLayout(event);\n          // Sync carousel dimensions with actual layout (avoid deviceWidth * 0.8 mismatch).\n          if (width > 0 && height > 0) {\n            const w = this.state.containerWidth;\n            const h = this.state.containerHeight;\n            if (w !== width || h !== height) {\n              this.updateState({\n                containerWidth: width,\n                containerHeight: height,\n              } as WmCarouselState);\n            }\n          }\n        }}\n      >\n        {this._background}\n        <FlatListCarousel \n          data={data}\n          carouselType={props.carouseltype}\n          activeIndex={this.state.activeIndex}\n          updateActiveIndex={this.onSlideChange}\n          containerWidth={this.state.containerWidth}\n          customStyles={styles}\n        />\n        {hasNavs ? (\n          <View style={styles.btnPanel}>\n            <WmIcon\n              id={this.getTestId('prev_icon')}\n              iconclass=\"wi wi-chevron-left fa-2x\"\n              styles={styles.prevBtn}\n              onTap={this.prev}\n              accessibilitylabel='back'/>\n            <WmIcon\n              id={this.getTestId('next_icon')}\n              iconclass=\"wi wi-chevron-right fa-2x\"\n              styles={styles.nextBtn}\n              onTap={this.next}\n              accessibilitylabel='next'/>\n          </View>): null}\n          {hasDots && data ? this.renderPagination(data) : null}\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+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-ai/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);
+    _defineProperty(this, "threshold", 5);
+    _defineProperty(this, "stopatlast", false);
+    _defineProperty(this, "carouseltype", 'classic');
+  }
+}
+//# sourceMappingURL=carousel.props.js.map

package/components-prism/advanced/carousel/carousel.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCarouselProps","constructor","args","_defineProperty"],"sources":["carousel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport React from 'react';\n\nexport default class WmCarouselProps extends BaseProps {\n  dataset: any = null;\n  type?: 'static' | 'dynamic' = 'static';\n  animation?: 'auto' | 'none' = 'auto';\n  animationinterval?: number = 3;\n  controls?: 'both' | 'none' | 'navs' | 'indicators' = 'both';\n  children? = null as any;\n  itemkey?: ($item: any, $index: any) => any = null as any;\n  renderSlide?: ($item: any, $index: number, carousel: any) => React.ReactNode;\n  enablegestures  = true;\n  maxnoofdots = 5;\n  showskeletonchildren?: boolean = false;\n  threshold: number = 5;\n  stopatlast: boolean = false;\n  carouseltype: 'classic' | 'multi-browser' | 'hero' | 'center-aligned-hero' = 'classic'\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAG5E,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBACtC,IAAI;IAAAA,eAAA,eACW,QAAQ;IAAAA,eAAA,oBACR,MAAM;IAAAA,eAAA,4BACP,CAAC;IAAAA,eAAA,mBACuB,MAAM;IAAAA,eAAA,mBAC/C,IAAI;IAAAA,eAAA,kBAC6B,IAAI;IAAAA,eAAA;IAAAA,eAAA,yBAE/B,IAAI;IAAAA,eAAA,sBACR,CAAC;IAAAA,eAAA,+BACkB,KAAK;IAAAA,eAAA,oBAClB,CAAC;IAAAA,eAAA,qBACC,KAAK;IAAAA,eAAA,uBACkD,SAAS;EAAA;AACxF","ignoreList":[]}

package/components-prism/advanced/carousel/carousel.styles.js

@@ -0,0 +1,179 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-carousel';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const btn = {
+    height: 48,
+    width: 48,
+    borderRadius: 48,
+    borderColor: themeVariables.transparent,
+    borderWidth: 1,
+    justifyContent: 'center'
+  };
+  const defaultStyles = defineStyles({
+    root: {
+      position: 'relative',
+      rippleColor: themeVariables.transparent
+    },
+    text: {},
+    slide: {
+      width: '100%',
+      overflow: 'hidden',
+      paddingHorizontal: 16,
+      transform: [{
+        scale: 0.8
+      }]
+    },
+    firstSlide: {},
+    lastSlide: {},
+    activeSlide: {},
+    btnPanel: {
+      position: 'absolute',
+      top: '50%',
+      marginTop: -64,
+      height: 64,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      width: '100%'
+    },
+    prevBtn: {
+      root: {
+        marginLeft: 12,
+        ...btn,
+        backgroundColor: themeVariables.carouselPrevBgColor,
+        rippleColor: themeVariables.transparent
+      },
+      text: {
+        fontSize: 32
+      },
+      icon: {
+        color: themeVariables.carouselPrevBtnColor
+      }
+    },
+    nextBtn: {
+      root: {
+        marginRight: 12,
+        ...btn,
+        backgroundColor: themeVariables.carouselPrevBgColor,
+        rippleColor: themeVariables.transparent
+      },
+      text: {
+        fontSize: 32
+      },
+      icon: {
+        color: themeVariables.carouselNextBtnColor
+      }
+    },
+    dotsWrapperStyle: {
+      opacity: 1,
+      backgroundColor: themeVariables.carouselDotWrapperBgColor,
+      paddingTop: 4,
+      paddingBottom: 4,
+      overflow: 'hidden'
+    },
+    dotsContainerStyle: {
+      alignItems: 'center'
+    },
+    activeDotStyle: {
+      backgroundColor: themeVariables.carouselActiveDotColor,
+      opacity: 1
+    },
+    dotStyle: {
+      width: 10,
+      height: 10,
+      opacity: 0.6,
+      borderRadius: 5,
+      marginLeft: 4,
+      marginRight: 4,
+      backgroundColor: themeVariables.carouselDotColor
+    },
+    skeleton: {
+      root: {
+        width: '100%'
+      },
+      text: {}
+    },
+    dotSkeleton: {
+      root: {
+        width: 10,
+        height: 10,
+        borderRadius: 5,
+        opacity: 1,
+        backgroundColor: themeVariables.skeletonAnimatedBgColor
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    prevBtn: {
+      root: {
+        transform: [{
+          rotateY: '180deg'
+        }]
+      }
+    },
+    nextBtn: {
+      root: {
+        transform: [{
+          rotateY: '180deg'
+        }]
+      }
+    }
+  });
+  addStyle('app-carousel-1', '', {
+    btnPanel: {
+      top: '100%'
+    },
+    prevBtn: {
+      root: {
+        borderRadius: 6
+      }
+    },
+    nextBtn: {
+      root: {
+        borderRadius: 6
+      }
+    }
+  });
+  addStyle('app-carousel-2', '', {
+    btnPanel: {
+      backgroundColor: themeVariables.defaultColorF,
+      width: '100%',
+      top: '100%',
+      right: 0,
+      padding: 8,
+      justifyContent: 'flex-end'
+    },
+    dotsWrapperStyle: {
+      alignSelf: 'flex-start',
+      justifyContent: 'flex-start'
+    },
+    activeDotStyle: {
+      backgroundColor: themeVariables.primaryColor
+    },
+    dotStyle: {
+      backgroundColor: themeVariables.primaryColor
+    },
+    prevBtn: {
+      root: {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderColor: themeVariables.primaryColor
+      },
+      icon: {
+        color: themeVariables.primaryColor
+      }
+    },
+    nextBtn: {
+      root: {
+        marginLeft: 8,
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderColor: themeVariables.primaryColor
+      },
+      icon: {
+        color: themeVariables.primaryColor
+      }
+    }
+  });
+});
+//# sourceMappingURL=carousel.styles.js.map

package/components-prism/advanced/carousel/carousel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","btn","height","width","borderRadius","borderColor","transparent","borderWidth","justifyContent","defaultStyles","root","position","rippleColor","text","slide","overflow","paddingHorizontal","transform","scale","firstSlide","lastSlide","activeSlide","btnPanel","top","marginTop","flexDirection","alignItems","prevBtn","marginLeft","backgroundColor","carouselPrevBgColor","fontSize","icon","color","carouselPrevBtnColor","nextBtn","marginRight","carouselNextBtnColor","dotsWrapperStyle","opacity","carouselDotWrapperBgColor","paddingTop","paddingBottom","dotsContainerStyle","activeDotStyle","carouselActiveDotColor","dotStyle","carouselDotColor","skeleton","dotSkeleton","skeletonAnimatedBgColor","rotateY","defaultColorF","right","padding","alignSelf","primaryColor"],"sources":["carousel.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCarouselStyles = BaseStyles & {\n    btnPanel: AllStyle,\n    prevBtn: WmIconStyles,\n    slide: AllStyle,\n    firstSlide: AllStyle,\n    lastSlide: AllStyle,\n    activeSlide: AllStyle,\n    nextBtn: WmIconStyles,\n    dotsWrapperStyle: AllStyle,\n    dotsContainerStyle:AllStyle,\n    dotStyle: AllStyle,\n    activeDotStyle: AllStyle,\n    skeleton: WmSkeletonStyles\n    dotSkeleton: WmSkeletonStyles\n};\nexport const DEFAULT_CLASS = 'app-carousel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const btn: ViewStyle = {\n        height: 48,\n        width: 48,\n        borderRadius: 48,\n        borderColor: themeVariables.transparent,\n        borderWidth: 1,\n        justifyContent: 'center'\n    };\n    const defaultStyles: WmCarouselStyles = defineStyles({\n        root: {\n            position: 'relative',\n            rippleColor: themeVariables.transparent\n        },\n        text: {},\n        slide: {\n            width: '100%',\n            overflow: 'hidden',\n            paddingHorizontal: 16,\n            transform: [\n                {\n                    scale: 0.8\n                }\n            ],\n        },\n        firstSlide: {},\n        lastSlide: {},\n        activeSlide: {},\n        btnPanel: {\n            position: 'absolute',\n            top: '50%',\n            marginTop: -64,\n            height: 64,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            width: '100%'\n        },\n        prevBtn : {\n            root: {\n                marginLeft: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselPrevBtnColor\n            }\n        } as WmIconStyles,\n        nextBtn : {\n            root: {\n                marginRight: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselNextBtnColor\n            }\n        } as WmIconStyles,\n        dotsWrapperStyle:{\n            opacity: 1,\n            backgroundColor: themeVariables.carouselDotWrapperBgColor,\n            paddingTop: 4,\n            paddingBottom: 4,\n            overflow: 'hidden',\n        },\n        dotsContainerStyle:{\n            alignItems: 'center'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.carouselActiveDotColor,\n            opacity: 1,\n        },\n        dotStyle: {\n            width: 10,\n            height: 10,\n            opacity: 0.6,\n            borderRadius: 5,\n            marginLeft: 4,\n            marginRight: 4,\n            backgroundColor: themeVariables.carouselDotColor\n        },\n        skeleton: {\n            root: {\n                width: '100%',\n            },\n            text: {}\n        } as any as WmSkeletonStyles,\n        dotSkeleton: {\n            root: {\n                width: 10,\n                height: 10,\n                borderRadius: 5,\n                opacity: 1,\n                backgroundColor: themeVariables.skeletonAnimatedBgColor    \n            }\n        } as any as WmSkeletonStyles\n    } as WmCarouselStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        },\n        nextBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        }\n    });\n\n    addStyle('app-carousel-1', '', {\n        btnPanel: {\n            top: '100%'\n        },\n        prevBtn: {\n            root: {\n                borderRadius: 6\n            }\n        },\n        nextBtn: {\n            root: {\n                borderRadius: 6\n            }\n        }\n    } as any as WmCarouselStyles);\n\n    addStyle('app-carousel-2', '', {\n        btnPanel: {\n            backgroundColor: themeVariables.defaultColorF,\n            width: '100%',\n            top: '100%',\n            right: 0,\n            padding: 8,\n            justifyContent: 'flex-end'\n        },\n        dotsWrapperStyle:{\n            alignSelf: 'flex-start',\n            justifyContent: 'flex-start'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        dotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        prevBtn: {\n            root: {\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        },\n        nextBtn: {\n            root: {\n                marginLeft: 8,\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        }\n    } as any as WmCarouselStyles);\n});"],"mappings":"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","ignoreList":[]}