@wavemaker/app-rn-runtime 11.4.1-next.29471 → 11.4.1-patch.5

{app-rn-runtime → package}/components/advanced/carousel/carousel-template/carousel-template.component.js

@@ -9,8 +9,11 @@ export default class WmCarouselTemplate extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmCarouselTemplateProps());
   }
   renderWidget(props) {
+    var _this$parent;
     return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
+      style: [this.styles.root, {
+        height: this.styles.root.height || ((_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.styles.root.height) && '100%'
+      }]
     }, this._background, props.children);
   }
 }

package/components/advanced/carousel/carousel-template/carousel-template.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCarouselTemplateProps","DEFAULT_CLASS","WmCarouselTemplateState","WmCarouselTemplate","constructor","props","renderWidget","_this$parent","createElement","style","styles","root","height","parent","_background","children"],"sources":["carousel-template.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCarouselTemplateProps from './carousel-template.props';\nimport { DEFAULT_CLASS, WmCarouselTemplateStyles } from './carousel-template.styles';\n\nexport class WmCarouselTemplateState extends BaseComponentState<WmCarouselTemplateProps> {}\n\nexport default class WmCarouselTemplate extends BaseComponent<WmCarouselTemplateProps, WmCarouselTemplateState, WmCarouselTemplateStyles> {\n\n  constructor(props: WmCarouselTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselTemplateProps());\n  }\n\n  renderWidget(props: WmCarouselTemplateProps) {\n    return (<View style={[this.styles.root, {\n      height: this.styles.root.height || (this.parent?.styles.root.height && '100%')\n    }]}>{this._background}{props.children}</View>);  \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,SAASC,aAAa,QAAkC,4BAA4B;AAEpF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;EAC5D;EAEAM,YAAYA,CAACD,KAA8B,EAAE;IAAA,IAAAE,YAAA;IAC3C,oBAAQX,KAAA,CAAAY,aAAA,CAACX,IAAI;MAACY,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QACtCC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC,MAAM,IAAK,EAAAL,YAAA,OAAI,CAACM,MAAM,cAAAN,YAAA,uBAAXA,YAAA,CAAaG,MAAM,CAACC,IAAI,CAACC,MAAM,KAAI;MACzE,CAAC;IAAE,GAAE,IAAI,CAACE,WAAW,EAAET,KAAK,CAACU,QAAe,CAAC;EAC/C;AACF"}

{app-rn-runtime → package}/components/advanced/carousel/carousel-template/carousel-template.styles.js

@@ -7,8 +7,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       flexDirection: 'column',
       justifyContent: 'center',
       alignItems: 'center',
-      width: '100%',
-      height: '100%'
+      width: '100%'
     },
     text: {}
   });

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","width","text"],"sources":["carousel-template.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmCarouselTemplateStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-carousel-template';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCarouselTemplateStyles = defineStyles({\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            width: '100%'\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,uBAAuB;AAEpDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAuC,GAAGL,YAAY,CAAC;IACzDM,IAAI,EAAE;MACFC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE;IACX,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

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

@@ -0,0 +1,201 @@
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { isArray } from 'lodash-es';
+import { Animated, 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 WmCarouselProps from './carousel.props';
+import { DEFAULT_CLASS } from './carousel.styles';
+export class WmCarouselState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _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, "slideLayout", null);
+    _defineProperty(this, "keyExtractor", new DefaultKeyExtractor());
+    _defineProperty(this, "stopPlay", null);
+    _defineProperty(this, "animationView", null);
+    _defineProperty(this, "animationHandlers", {
+      bounds: e => {
+        var _this$slideLayout;
+        const activeTabIndex = this.state.activeIndex - 1,
+          w = ((_this$slideLayout = this.slideLayout) === null || _this$slideLayout === void 0 ? void 0 : _this$slideLayout.width) || 0,
+          noOfTabs = this.state.props.dataset.length;
+        return {
+          lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,
+          center: -1 * activeTabIndex * w,
+          upper: -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w
+        };
+      },
+      computePhase: value => {
+        var _this$slideLayout2;
+        const w = ((_this$slideLayout2 = this.slideLayout) === null || _this$slideLayout2 === void 0 ? void 0 : _this$slideLayout2.width) || 0;
+        return w && Math.abs(value / w);
+      },
+      onLower: e => {
+        this.onSlideChange(this.state.activeIndex - 1);
+      },
+      onUpper: e => {
+        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]));
+    });
+    _defineProperty(this, "renderItem", (item, index) => {
+      const props = this.state.props;
+      if (props.type === 'dynamic') {
+        return props.renderSlide ? props.renderSlide(item, index) : null;
+      }
+      return props.children[index];
+    });
+    _defineProperty(this, "next", () => {
+      if (this.state.activeIndex >= this.state.props.dataset.length) {
+        var _this$animationView;
+        this.onSlideChange(1);
+        (_this$animationView = this.animationView) === null || _this$animationView === void 0 ? void 0 : _this$animationView.setPosition(0);
+      } else {
+        var _this$animationView2;
+        (_this$animationView2 = this.animationView) === null || _this$animationView2 === void 0 ? void 0 : _this$animationView2.goToUpper();
+      }
+    });
+    _defineProperty(this, "prev", () => {
+      var _this$animationView3;
+      (_this$animationView3 = this.animationView) === null || _this$animationView3 === void 0 ? void 0 : _this$animationView3.goToLower();
+    });
+    this.cleanup.push(() => {
+      this.stopPlay && this.stopPlay();
+    });
+  }
+  generateItemKey(item, index, props) {
+    if (props.itemkey && item && !this._showSkeleton) {
+      return props.itemkey(item, index);
+    }
+    return 'list_item_' + this.keyExtractor.getKey(item, true);
+  }
+  setSlideLayout(event) {
+    this.slideLayout = event.nativeEvent.layout;
+    this.forceUpdate();
+  }
+  autoPlay() {
+    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$animationView4;
+        this.onSlideChange(1);
+        (_this$animationView4 = this.animationView) === null || _this$animationView4 === void 0 ? void 0 : _this$animationView4.setPosition(0);
+      }, 1000);
+    }
+  }
+  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 ? void 0 : _this$keyExtractor.clear();
+          this.updateState({
+            activeIndex: Math.min(this.state.activeIndex, ($new === null || $new === void 0 ? void 0 : $new.length) || 0)
+          });
+          break;
+        }
+      case 'animation':
+      case 'animationinterval':
+        {
+          this.autoPlay();
+        }
+    }
+  }
+  renderPagination(data) {
+    const maxNoOfDots = this.state.props.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;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.dotsWrapperStyle
+    }, data.map((item, index) => {
+      return index >= minIndex && index <= maxIndex ? /*#__PURE__*/React.createElement(View, {
+        key: 'dots_' + this.generateItemKey(item, index, this.state.props),
+        style: [this.styles.dotStyle, index === this.state.activeIndex - 1 ? this.styles.activeDotStyle : null]
+      }) : null;
+    }));
+  }
+  renderWidget(props) {
+    var _data;
+    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;
+    // 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: this.setSlideLayout.bind(this)
+    }, this._background, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
+      enableGestures: props.enablegestures,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'nowrap',
+        alignItems: 'center'
+      },
+      direction: "horizontal",
+      ref: r => {
+        this.animationView = r;
+      },
+      handlers: this.animationHandlers
+    }, data.map((item, index) => {
+      var _this$animationView5, _this$animationView6;
+      const isActive = index === this.state.activeIndex - 1;
+      let scale = (_this$animationView5 = this.animationView) === null || _this$animationView5 === void 0 ? void 0 : _this$animationView5.animationPhase.interpolate({
+        inputRange: [-2000, index - 1, index, index + 1, 2000],
+        outputRange: [0.8, 0.8, 1, 0.8, 0.8]
+      });
+      let translateX = (_this$animationView6 = this.animationView) === null || _this$animationView6 === void 0 ? void 0 : _this$animationView6.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),
+        style: [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: translateX
+          }, {
+            scale: scale
+          }]
+        } : null]
+      }, this.renderItem(item, index));
+    })), hasNavs ? /*#__PURE__*/React.createElement(View, {
+      style: styles.btnPanel
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: "wi wi-chevron-left fa-2x",
+      styles: styles.prevBtn,
+      onTap: this.prev
+    }), /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: "wi wi-chevron-right fa-2x",
+      styles: styles.nextBtn,
+      onTap: this.next
+    })) : null, hasDots && data ? this.renderPagination(data) : null);
+  }
+}
+//# sourceMappingURL=carousel.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","isArray","Animated","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","SwipeAnimation","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","constructor","arguments","_defineProperty","WmCarousel","props","bounds","e","_this$slideLayout","activeTabIndex","state","activeIndex","w","slideLayout","width","noOfTabs","dataset","length","lower","center","upper","computePhase","value","_this$slideLayout2","Math","abs","onLower","onSlideChange","onUpper","index","prevIndex","updateState","invokeEventCallback","item","type","renderSlide","children","_this$animationView","animationView","setPosition","_this$animationView2","goToUpper","_this$animationView3","goToLower","cleanup","push","stopPlay","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","setSlideLayout","event","nativeEvent","layout","forceUpdate","autoPlay","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","_this$animationView4","onPropertyChange","name","$new","$old","_this$keyExtractor","clear","min","renderPagination","data","maxNoOfDots","maxnoofdots","minIndex","max","maxIndex","createElement","style","styles","dotsWrapperStyle","map","key","dotStyle","activeDotStyle","renderWidget","_data","hasNavs","controls","hasDots","noOfSlides","root","onLayout","bind","_background","enableGestures","enablegestures","flexDirection","flexWrap","alignItems","direction","ref","r","handlers","animationHandlers","_this$animationView5","_this$animationView6","isActive","scale","animationPhase","interpolate","inputRange","outputRange","translateX","slide","firstSlide","lastSlide","activeSlide","transform","renderItem","btnPanel","iconclass","prevBtn","onTap","prev","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isArray } from 'lodash-es';\nimport { Animated, View, Text, LayoutChangeEvent, LayoutRectangle } from 'react-native';\nimport { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 1;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  noOfSlides: number = 0;\n  private slideLayout: LayoutRectangle = null as any;\n  private keyExtractor = new DefaultKeyExtractor();\n  stopPlay: Function = null as any;\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.activeIndex - 1,\n            w = this.slideLayout?.width || 0,\n            noOfTabs = this.state.props.dataset.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    computePhase: (value) => {\n      const w = this.slideLayout?.width || 0;\n      return w && Math.abs(value / w);\n    },\n    onLower: (e) => {\n      this.onSlideChange(this.state.activeIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onSlideChange(this.state.activeIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\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  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  setSlideLayout(event: LayoutChangeEvent) {\n    this.slideLayout = event.nativeEvent.layout;\n    this.forceUpdate();\n  }\n\n  autoPlay() {\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        this.animationView?.setPosition(0);\n      }, 1000);\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 || 0)\n          } as WmCarouselState);\n          break;\n        }\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\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  }\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) : null;\n    }\n    return props.children[index];\n  }\n\n  next = () => {\n    if (this.state.activeIndex >= this.state.props.dataset.length) {\n      this.onSlideChange(1);\n      this.animationView?.setPosition(0);\n    } else {\n      this.animationView?.goToUpper();\n    }\n  }\n\n  prev = () => {\n    this.animationView?.goToLower();\n  }\n\n  renderPagination(data: any) {\n    const maxNoOfDots = this.state.props.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    return (<View style={this.styles.dotsWrapperStyle}>\n      {\n        data.map((item: any, index: number) => {\n          return index >= minIndex && index <= maxIndex ? (\n            <View key={'dots_' + this.generateItemKey(item, index, this.state.props)} \n              style={[\n                this.styles.dotStyle,\n                index === this.state.activeIndex - 1 ? this.styles.activeDotStyle: null]}>\n            </View>) : null;\n        })\n      }\n    </View>);\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    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608\n    return (\n      <View style={styles.root} onLayout={this.setSlideLayout.bind(this)}>\n        {this._background}\n        <SwipeAnimation.View \n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'center'\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n          {data.map((item: any, index: number) => {\n            const isActive = index === this.state.activeIndex - 1;\n            let scale = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [0.8, 0.8, 1, 0.8, 0.8]\n            });\n            let translateX = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [-56, -56, 0, 56, 56]\n            });\n            return (\n              <Animated.View key={this.generateItemKey(item, index, props)}\n                style={[this.styles.slide,\n                  index === 0 ? this.styles.firstSlide : null,\n                  index === data.length - 1 ? this.styles.lastSlide: null,\n                  isActive ? this.styles.activeSlide: null,\n                  translateX && scale ? {\n                    transform: [\n                      {\n                        translateX: translateX\n                      },\n                      {\n                        scale: scale\n                      }\n                    ]\n                  } : null]}>\n                {this.renderItem(item, index)}\n              </Animated.View>\n            );\n          })}\n        </SwipeAnimation.View>\n        {hasNavs ? (\n          <View style={styles.btnPanel}>\n            <WmIcon\n              iconclass=\"wi wi-chevron-left fa-2x\"\n              styles={styles.prevBtn}\n              onTap={this.prev}/>\n            <WmIcon\n              iconclass=\"wi wi-chevron-right fa-2x\"\n              styles={styles.nextBtn}\n              onTap={this.next}/>\n          </View>): null}\n          {hasDots && data ? this.renderPagination(data) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/advanced/carousel/carousel.props.js

@@ -13,6 +13,8 @@ export default class WmCarouselProps extends BaseProps {
     _defineProperty(this, "children", null);
     _defineProperty(this, "itemkey", null);
     _defineProperty(this, "renderSlide", void 0);
+    _defineProperty(this, "enablegestures", true);
+    _defineProperty(this, "maxnoofdots", 20);
   }
 }
 //# sourceMappingURL=carousel.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCarouselProps","constructor","arguments","_defineProperty"],"sources":["carousel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/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) => React.ReactNode;\n  enablegestures  = true;\n  maxnoofdots = 20;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;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,EAAE;EAAA;AAClB"}

{app-rn-runtime → package}/components/advanced/carousel/carousel.styles.js

@@ -15,6 +15,16 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       position: 'relative'
     },
     text: {},
+    slide: {
+      width: '100%',
+      paddingHorizontal: 16,
+      transform: [{
+        translateX: 0
+      }]
+    },
+    firstSlide: {},
+    lastSlide: {},
+    activeSlide: {},
     btnPanel: {
       position: 'absolute',
       top: '50%',
@@ -53,25 +63,23 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     dotsWrapperStyle: {
       opacity: 1,
-      height: 64,
-      marginTop: -64,
-      position: 'absolute',
-      top: '100%',
       backgroundColor: themeVariables.carouselDotWrapperBgColor,
-      alignSelf: 'center',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
       paddingTop: 4,
       paddingBottom: 4
     },
     activeDotStyle: {
-      width: 12,
-      height: 12,
-      borderRadius: 10,
       backgroundColor: themeVariables.carouselActiveDotColor,
       opacity: 1
     },
     dotStyle: {
+      width: 8,
+      height: 8,
+      borderRadius: 10,
       opacity: 0.2,
-      marginHorizontal: -2,
+      marginHorizontal: 2,
       backgroundColor: themeVariables.carouselDotColor
     }
   });

package/components/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","text","slide","paddingHorizontal","transform","translateX","firstSlide","lastSlide","activeSlide","btnPanel","top","marginTop","flexDirection","alignItems","prevBtn","marginLeft","backgroundColor","carouselPrevBgColor","fontSize","icon","color","carouselPrevBtnColor","nextBtn","marginRight","carouselNextBtnColor","dotsWrapperStyle","opacity","carouselDotWrapperBgColor","paddingTop","paddingBottom","activeDotStyle","carouselActiveDotColor","dotStyle","marginHorizontal","carouselDotColor","rotateY","defaultColorF","right","padding","alignSelf","primaryColor"],"sources":["carousel.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.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    dotStyle: AllStyle,\n    activeDotStyle: AllStyle\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        },\n        text: {},\n        slide: {\n            width: '100%',\n            paddingHorizontal: 16,\n            transform: [\n                {\n                    translateX: 0\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            },\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            },\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            flexDirection: 'row',\n            justifyContent: 'center',\n            alignItems: 'center',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.carouselActiveDotColor,\n            opacity: 1\n        },\n        dotStyle: {\n            width: 8,\n            height: 8,\n            borderRadius: 10,\n            opacity: 0.2,\n            marginHorizontal: 2,\n            backgroundColor: themeVariables.carouselDotColor\n        }\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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"}

{app-rn-runtime → package}/components/basic/icon/icon.component.js

@@ -133,11 +133,14 @@ export default class WmIcon extends BaseComponent {
         size: iconSize
       }, customIcon);
     } else if (props.show && iconDef) {
+      var _this$styles$icon;
       let WMCustomIcon = WavIcon;
       if (iconDef.isStreamlineLightIcon) {
         WMCustomIcon = StreamlineLightIcon;
       } else if (iconDef.isStreamlineRegularIcon) {
         WMCustomIcon = StreamlineRegularIcon;
+      } else if (!iconDef.isWavIcon && !((_this$styles$icon = this.styles.icon) !== null && _this$styles$icon !== void 0 && _this$styles$icon.fontFamily)) {
+        return null;
       }
       //@ts-ignore type information is not matching
       icon = WMCustomIcon ? /*#__PURE__*/React.createElement(WMCustomIcon, {

package/components/basic/icon/icon.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","Text","FontAwesome","BaseComponent","BaseComponentState","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","arguments","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeleton","root","width","skeletonwidth","iconsize","height","skeletonheight","renderIcon","state","color","text","transform","iconSize","fontSize","show","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","View","opacity","renderWidget","target","entryanimation","_background","iconposition","caption"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n  isFontAwesome: boolean;\n  isWavIcon: boolean;\n  isStreamlineLightIcon: boolean;\n  isStreamlineRegularIcon: boolean;\n  type: string;\n  rotate: string;\n  size: number;\n  animation: string;\n}\n\nconst ICON_SIZES = new Map([\n  ['fa-lg', 24],\n  ['fa-2x', 36],\n  ['fa-3x', 48],\n  ['fa-4x', 60],\n  ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n  ['fa-rotate-90', '90deg'],\n  ['fa-rotate-180', '180deg'],\n  ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n  public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n  spinValue = new Animated.Value(0);\n  pulseValue = new Animated.Value(0);\n  public stopAnimation = true; \n\n  constructor(props: WmIconProps) {\n    super(props, DEFAULT_CLASS, new WmIconProps());\n  }\n\n  getIconDef(iconClass: string): IconDef {\n    const iconDef = {\n      rotate: '0'\n    } as IconDef;\n    const splits = iconClass.split(' ');\n    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n    if (iconDef.isFontAwesome) {\n      iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineLightIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineRegularIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else {\n      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n      iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n    }\n    if (iconClass.indexOf('fa-spin') >= 0) {\n      iconDef.animation = 'spin';\n    } else if (iconClass.indexOf('fa-pulse') >= 0) {\n      iconDef.animation = 'pulse';\n    }\n    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n    return iconDef;\n  }\n\n  private spin () {\n    if (this.stopAnimation) {\n      return;\n    }\n    this.spinValue.setValue(0);\n    Animated.timing(\n      this.spinValue,\n      {\n        toValue: 1,\n        duration: 1000,\n        easing: Easing.linear,\n        useNativeDriver: true\n      }\n    ).start(() => this.spin());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.spin();\n  }\n\n  componentWillUnmount(): void {\n      super.componentWillUnmount();\n      this.stopAnimation = true;\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'iconclass':\n        $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n        break;\n    }\n  }\n\n  private getCustomIcon(props: WmIconProps, style: any) {\n    const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n    const customIconContent = customIcon?.content;\n    if (customIconContent) {\n      delete customIcon.content;\n      return (<Text\n        style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n          {decodeURIComponent(customIconContent)}\n      </Text>);\n    }\n    return null;\n  }\n\n  public renderSkeleton(props: WmIconProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderIcon(props: WmIconProps) {\n    const iconDef = this.state.iconDef;\n    if (!iconDef) {\n      return null;\n    }\n    let icon = null;\n    const style = [{\n      color: this.styles.root.color || this.styles.text.color\n    }, this.styles.icon, {transform: [{rotate: iconDef.rotate}]}];\n    const customIcon = this.getCustomIcon(props, style);\n    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n    if (props.show && iconDef && iconDef.isFontAwesome) {\n      //@ts-ignore type information is not matching\n      icon = (<FontAwesome name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n          {customIcon}\n        </FontAwesome>);\n    } else if (props.show && iconDef) {\n      let WMCustomIcon = WavIcon as unknown;\n      if (iconDef.isStreamlineLightIcon) {\n        WMCustomIcon = StreamlineLightIcon;\n      } else if (iconDef.isStreamlineRegularIcon) {\n        WMCustomIcon = StreamlineRegularIcon;\n      } else if (!iconDef.isWavIcon && !this.styles.icon?.fontFamily) {\n        return null;\n      }\n      //@ts-ignore type information is not matching\n      icon = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n        {customIcon}\n      </WMCustomIcon>) : null;\n    }\n    if (icon && iconDef.animation === 'spin') {\n      const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n      const animation = { transform: [{ rotate }] };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{icon}</Animated.View>);\n    } else if (icon && iconDef.animation === 'pulse') {\n      const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n      const animation = { opacity: opacity };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{icon}</Animated.View>);\n    } else {\n      this.stopAnimation = true;\n    }\n    return icon;\n  }\n\n  renderWidget(props: WmIconProps) {\n    let icon = this.renderIcon(props);\n    return (\n      <Tappable target={this}>\n        <Animatedview entryanimation={props.animation} style={this.styles.root}>\n          {this._background}\n          {(props.iconposition === 'left' && icon) || null}\n          {(props.caption && (<Text style={this.styles.text}>{props.caption}</Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/basic/search/search.component.js

@@ -169,7 +169,9 @@ export default class WmSearch extends BaseDatasetComponent {
           datavalue: ''
         }
       });
-      return;
+      if (value === prevQuery) {
+        return;
+      }
     }
     if (this.props.invokeEvent) {
       this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);

package/components/basic/search/search.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Keyboard","Platform","ScrollView","Text","TextInput","View","find","isNull","WmSearchProps","DEFAULT_CLASS","ModalConsumer","DataProvider","BaseDatasetComponent","BaseDatasetState","WmAnchor","WmPicture","Tappable","WmButton","get","isArray","isEmpty","isObject","AssetProvider","WmSearchState","constructor","arguments","_defineProperty","top","left","WmSearch","props","_this","this","Promise","resolve","position","view","measure","x","length","undefined","y","width","height","px","py","updateState","computePosition","then","isOpened","dataProvider","datavalue","query","clearSearch","invokeEventCallback","hide","dataItems","state","map","item","selected","type","updateFilteredData","_filteredData","queryText","filterOptions","entries","filteredData","minchars","_this$dataProvider","searchkey","updateRequired","init","invokeVariable","response","dataSet","setDataItems","filter","result","dataObject","data","isFocused","showPopover","focus","_this$widgetRef","widgetRef","onChange","value","isDefaultQuery","prevQuery","searchon","validate","invokeEvent","proxy","invokeChange","e","OS","cursor","target","selectionStart","onFocus","disabled","_this$state$props$que","onBlur","setTimeout","triggerValidation","prepareModalOptions","content","styles","modalService","o","modalOptions","modalContentSTyles","searchInputWidth","modalContent","borderWidth","modalStyle","modal","contentStyle","isModal","onClose","dismiss","setState","hideModal","searchIconPress","onItemSelect","displayexp","displayfield","datafield","updateDatavalue","prevDatavalue","queryModel","renderSearchBar","_this$state$dataItems","opts","valueExpr","createElement","style","root","ref","onLayout","searchInputWrapper","_extends","text","isValid","invalid","focusedText","selectionEnd","placeholderTextColor","placeholderText","color","placeholder","autoFocus","autofocus","editable","readonly","onChangeText","bind","nativeEvent","layout","showclear","onTap","clearButton","iconclass","showSearchIcon","searchButton","reset","renderSearchItem","index","imageStyles","imagewidth","searchItem","name","picturesource","imgSrc","searchItemText","updateDefaultQueryModel","selectedItem","onDataItemsUpdate","componentDidMount","onPropertyChange","$new","$old","dataset","renderWidget","showModal","maxHeight","contentContainerStyle","dropDownContent","loadAsset","key","limit","caption","datacompletemsg","dataCompleteItem"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Keyboard, Platform, ScrollView, Text, TextInput, View } from 'react-native';\nimport { find, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS, WmSearchStyles } from './search.styles';\nimport { ModalConsumer, ModalOptions, ModalService} from \"@wavemaker/app-rn-runtime/core/modal.service\";\nimport { DataProvider } from '@wavemaker/app-rn-runtime/components/basic/search/local-data-provider';\n\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { get, isArray, isEmpty, isObject } from \"lodash-es\";\nimport { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';\n\nexport class WmSearchState extends BaseDatasetState<WmSearchProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  position = {\n    top: 0,\n    left: 0\n  } as DropdownPosition;\n  data: any = [];\n}\n\nexport interface DropdownPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmSearch extends BaseDatasetComponent<WmSearchProps, WmSearchState, WmSearchStyles> {\n  view: View = null as any;\n  private prevDatavalue: any;\n  private queryModel: any;\n  private searchInputWidth: any;\n  private isDefaultQuery: boolean = true;\n  private dataProvider: DataProvider;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  private isFocused: boolean = false;\n  private updateRequired: any;\n\n  constructor(props: WmSearchProps) {\n    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());\n    this.dataProvider = new DataProvider();\n    if (this.props.datavalue) {\n      this.updateState({\n        props: {\n          query: this.props.datavalue\n        }\n      } as WmSearchState);\n    }\n  }\n\n  computePosition = () => {\n    return new Promise<void>((resolve) => {\n      const position = {} as DropdownPosition;\n      this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {\n        position.left = px;\n        position.top = py + height;\n        this.updateState({ position: position } as WmSearchState, resolve);\n      });\n    });\n  }\n\n  clearSearch() {\n    this.invokeEventCallback('onClear', [null, this]);\n    this.hide();\n    this.updateState({\n      props: {\n        query: ''\n      },\n      dataItems: this.state.dataItems ? this.state.dataItems.map((item: any) => {\n        item.selected = false;\n        return item;\n      }) : []\n    } as WmSearchState, () => {\n      if (this.state.props.type === 'autocomplete') {\n        this.updateFilteredData('');\n      }\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    const props = this.state.props;\n    const filterOptions = {\n      query: queryText,\n      props: props,\n      entries: this.state.dataItems\n    };\n    let filteredData: Array<any> = [];\n    if (props.minchars && queryText.length < props.minchars) {\n      filteredData = [];\n    } else if (props.type === 'search' && !queryText) {\n      filteredData = [];\n    } else {\n      if (this.props.searchkey && this.updateRequired === undefined) {\n        this.updateRequired = this.dataProvider.init(this);\n      }\n      // for service variables invoke the variable with params.\n      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {\n        this.dataProvider.invokeVariable(this, queryText).then((response: any) => {\n          if (response) {\n            response = response.dataSet;\n            if (isEmpty(response)) {\n              filteredData = [];\n            } else {\n              if (isObject(response) && !isArray(response)) {\n                response = [response];\n              }\n              this.setDataItems(response);\n            }\n          }\n        }, () => {});\n        return;\n      }\n      filteredData = this.dataProvider?.filter(filterOptions);\n    }\n    this.updateState({\n      props: { result: filteredData?.map( (item: any) => item.dataObject), query: queryText },\n      data: filteredData,\n    } as WmSearchState);\n    if (!this.state.isOpened && this.isFocused) {\n      this.showPopover && this.showPopover();\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  onChange(value: any) {\n    this.isDefaultQuery = false;\n    const prevQuery = this.state.props.query;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateState({\n        props: {result: [], query: value},\n        data: []\n      } as WmSearchState);\n    } else {\n      this.updateFilteredData(value);\n    }\n    if (value === '') {\n      this.validate(value);\n      this.updateState({\n        props: {\n          datavalue: '',\n        },\n      } as WmSearchState);\n      if (value === prevQuery) {\n        return;\n      }\n    }\n    if (this.props.invokeEvent) {\n      this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);\n    }\n     this.invokeEventCallback('onChange', [ undefined, this.proxy, value, prevQuery ]);\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.updateState({ props: { query: e.target.value } } as WmSearchState);\n    }\n  }\n\n  onFocus() {\n    this.isFocused = true;\n    if (!this.state.props.disabled && this.state.props.type === 'autocomplete') {\n      this.cursor = this.state.props.query?.length || 0;\n      this.updateFilteredData(this.state.props.query || '');\n    }\n    this.invokeEventCallback('onFocus', [null, this]);\n  }\n\n  onBlur() {\n    this.isFocused = false;\n    this.validate(this.state.props.datavalue);\n    if (!this.state.props.datavalue) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  public showPopover = () => {\n    this.computePosition().then(() => {\n      this.updateState({ isOpened: true } as WmSearchState);\n    });\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSearchStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    const modalContentSTyles = {\n      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),\n      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0) };\n    o.modalStyle = {...styles.modal};\n    o.contentStyle = {...styles.modalContent, ...this.state.position, ...modalContentSTyles};\n    o.content = content;\n    o.isModal = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      Keyboard.dismiss();\n      if (this.state.isOpened) {\n        this.setState({isOpened: false, modalOptions: {} as ModalOptions} as WmSearchState);\n      }\n    };\n    this.hide = () => {\n      modalService.hideModal(this.state.modalOptions);\n      if (this.state.isOpened) {\n        this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSearchState);\n      }\n    }\n    return o;\n  }\n\n  searchIconPress() {\n    this.isFocused = false;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(this.state.props.query);\n    } else {\n      this.onItemSelect(this.state.data[0]);\n    }\n  }\n\n  onItemSelect(item: any) {\n    this.isFocused = false;\n    this.updateState({ props: {\n        query: item.displayexp || item.displayfield\n      }\n    } as WmSearchState);\n    this.validate(item.datafield);\n    this.updateDatavalue(item.datafield);\n    this.prevDatavalue = item.datafield;\n    this.queryModel = item;\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      this.props.invokeEvent('onSelect', [null, this, item.datafield]);\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSelect', [null, this, item.datafield]);\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.hide();\n  }\n\n  renderSearchBar() {\n    const props = this.state.props;\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.props.query || '';\n    return(\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View style={this.styles.root} ref={ref => {this.view = ref as View}} onLayout={() => {}}>\n        <View style={this.styles.searchInputWrapper}>\n          <TextInput style={[this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && this.state.dataItems?.length > 0? this.styles.focusedText : null]}\n           ref={ref => {this.widgetRef = ref;\n             // @ts-ignore\n             if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n               // @ts-ignore\n               ref.selectionStart = ref.selectionEnd = this.cursor;\n             }}}\n            placeholderTextColor={this.styles.placeholderText.color as any}\n            placeholder={props.placeholder || 'Search'}\n            autoFocus={props.autofocus}\n            editable={props.disabled || props.readonly ? false : true}\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onLayout={e => {this.searchInputWidth = e.nativeEvent.layout.width}}\n            onBlur={this.onBlur.bind(this)}\n            {...opts}>\n         </TextInput>\n         {props.showclear && this.state.props.query ? <WmButton onTap={this.clearSearch.bind(this)}\n                   styles={this.styles.clearButton} iconclass={'wi wi-clear'}></WmButton> : null}\n       </View>\n        {props.showSearchIcon && props.type === 'search' ? <WmButton styles={this.styles.searchButton}\n                  iconclass={'wm-sl-l sl-search'} onTap={this.searchIconPress.bind(this)}></WmButton> : null}\n      </View>\n    );\n  }\n\n  reset() {\n    if (this.state.props.query) {\n      this.updateState({\n        props: {\n          query: ''\n        }\n      } as WmSearchState);\n    }\n  }\n\n  renderSearchItem(item: any, index: number) {\n    const props = this.state.props;\n    const imageStyles = { root: {height:props.imagewidth, width:props.imagewidth}}\n    return (\n      <Tappable onTap={this.onItemSelect.bind(this, item)}>\n        <View  style={this.styles.searchItem}>\n          <WmPicture styles={imageStyles} name={props.name + '_image'}  picturesource={item.imgSrc}></WmPicture>\n          <Text style={this.styles.searchItemText}>{item.displayexp || item.displayfield}</Text>\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n        const selectedItem = find(this.state.dataItems, (item) => item.selected);\n        this.updateState({ props: {\n            query: selectedItem ? (selectedItem.displayexp || selectedItem.displayfield) : ''\n          }\n        } as WmSearchState);\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n          this.updateState({\n            props: {\n              dataset: $new\n            }\n          } as WmSearchState);\n        }\n        break;\n    }\n    super.onPropertyChange(name, $new, $old);\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const result = this.state.data;\n    return (\n      <View>\n        {this.renderSearchBar()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                <ScrollView style={{width: '100%', maxHeight: 200}} contentContainerStyle={this.styles.dropDownContent}>\n                    <AssetProvider value={this.loadAsset}>\n                    {result && result.map((item: any, index: any) => (\n                      <View key={item.key}>\n                        {\n                          (!props.limit) || (props.limit && index+1 <= props.limit) ?\n                            this.renderSearchItem(item, index)\n                            : null\n                        }\n                        {\n                          index === result.length - 1 ?\n                          <WmAnchor caption={props.datacompletemsg} styles={this.styles.dataCompleteItem}></WmAnchor> : null\n                        }\n                      </View>\n                    ))}\n                    </AssetProvider>\n                </ScrollView>\n              ), this.styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>\n\n    );\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/chart/basechart.component.js

@@ -4,7 +4,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import React from "react";
 import { Dimensions } from 'react-native';
 import moment from "moment";
-import { forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim } from "lodash-es";
+import { forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim, orderBy } from "lodash-es";
 import { VictoryAxis, VictoryLegend, VictoryLabel } from "victory-native";
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
@@ -80,8 +80,8 @@ export class BaseChartComponent extends BaseComponent {
     // format number and add suffix
     return scaled.toFixed(1) + suffix;
   }
-  getLegendView() {
-    if (this.props.showlegend === 'hide') {
+  getLegendView(colorScale) {
+    if (this.state.props.showlegend === 'hide') {
       return null;
     }
     let top = this.props.showlegend === 'bottom' ? parseInt(this.styles.root.height) : 0;
@@ -91,6 +91,7 @@ export class BaseChartComponent extends BaseComponent {
 
     const orientation = this.props.showlegend === 'right' || this.props.showlegend === 'left' ? 'vertical' : 'horizontal';
     return /*#__PURE__*/React.createElement(VictoryLegend, {
+      colorScale: colorScale,
       name: 'legendData',
       orientation: orientation,
       gutter: 20,
@@ -311,11 +312,21 @@ export class BaseChartComponent extends BaseComponent {
   }
   prepareLegendData() {
     if (this.state.yAxis) {
-      let ldata = this.state.yAxis.map(d => {
-        return {
-          name: d
-        };
-      });
+      let ldata;
+      if (this.props.type === 'Stack') {
+        const data = orderBy(this.state.data[0], 'y', 'asc');
+        ldata = data.map(d => {
+          return {
+            name: this.state.xaxisDatakeyArr[d.x]
+          };
+        });
+      } else {
+        ldata = this.state.yAxis.map(d => {
+          return {
+            name: d
+          };
+        });
+      }
       this.updateState({
         legendData: ldata
       });