@wavemaker/app-rn-runtime 12.0.0-next.142016 → 12.0.0-next.25480

app-rn-runtime/components/container/partial-host.component.js

@@ -1,42 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseComponent, BaseComponentState, BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
-export class PartialHostState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "isPartialLoaded", false);
-  }
-}
-export class PartialHostProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "renderPartial", void 0);
-    _defineProperty(this, "children", void 0);
-  }
-}
-export class PartialHost extends BaseComponent {
-  constructor(markupProps, defaultClass, defaultProps, defaultState) {
-    super(markupProps, defaultClass, defaultProps, defaultState);
-  }
-  onPartialLoad() {
-    this.invokeEventCallback('onLoad', [this]);
-  }
-  renderContent(props) {
-    if (props.renderPartial) {
-      if (!this.state.isPartialLoaded && !this.isVisible()) {
-        return null;
-      }
-      if (!this.state.isPartialLoaded) {
-        setTimeout(() => {
-          this.updateState({
-            isPartialLoaded: true
-          });
-        });
-      }
-      return props.renderPartial(props, this.onPartialLoad.bind(this));
-    }
-    return props.children;
-  }
-}
-//# sourceMappingURL=partial-host.component.js.map

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js

@@ -1,211 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { createRef } from 'react';
-import { Animated, Easing, Text, View, ScrollView } from 'react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmTabheaderProps from './tabheader.props';
-import { DEFAULT_CLASS } from './tabheader.styles';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
-import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
-import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
-export class WmTabheaderState extends BaseComponentState {}
-export default class WmTabheader extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());
-    _defineProperty(this, "headerPanelLayout", null);
-    _defineProperty(this, "headersLayout", []);
-    _defineProperty(this, "headerScrollPosition", new Animated.Value(0));
-    _defineProperty(this, "headerScrollPositionValue", 0);
-    _defineProperty(this, "indicatorPosition", new Animated.Value(0));
-    _defineProperty(this, "reverseIndicatorWidth", new Animated.Value(0));
-    _defineProperty(this, "indicatorWidth", new Animated.Value(0));
-    _defineProperty(this, "listRef", /*#__PURE__*/createRef());
-    this.headerScrollPosition.addListener(({
-      value
-    }) => this.headerScrollPositionValue = value);
-  }
-  setHeaderPanelPositon(nativeEvent) {
-    this.headerPanelLayout = nativeEvent.nativeEvent.layout;
-    this.forceUpdate();
-  }
-  setHeaderPositon(index, nativeEvent) {
-    this.headersLayout[index] = nativeEvent.nativeEvent.layout;
-    if (index === this.props.selectedTabIndex) {
-      this.forceUpdate();
-    }
-  }
-  onTabSelection(index) {
-    if (this.state.props.selectedTabIndex != index) {
-      this.state.props.onIndexChange && this.state.props.onIndexChange(index);
-    }
-  }
-  scrollPosition(selectedTabIndex, totalWidth, toIndicatorPosition) {
-    var _this$headerPanelLayo;
-    const initialPosition = this.isRTL ? totalWidth : 0;
-    const baseWidth = this.isRTL ? totalWidth - toIndicatorPosition : toIndicatorPosition;
-    const elementWidth = this.isRTL ? -1 * (this.headersLayout[selectedTabIndex].width / 2) : this.headersLayout[selectedTabIndex].width / 2;
-    const positionX = selectedTabIndex === 0 ? initialPosition : baseWidth + elementWidth - (((_this$headerPanelLayo = this.headerPanelLayout) === null || _this$headerPanelLayo === void 0 ? void 0 : _this$headerPanelLayo.width) || 0) / 2;
-    return positionX;
-  }
-  setPosition() {
-    var _this$headersLayout$s, _this$headerPanelLayo2, _this$headerPanelLayo3, _this$listRef$current;
-    const selectedTabIndex = this.state.props.selectedTabIndex ? this.state.props.selectedTabIndex : 0;
-    let toIndicatorPosition = 0;
-    let toIndicatorWidth = ((_this$headersLayout$s = this.headersLayout[selectedTabIndex]) === null || _this$headersLayout$s === void 0 ? void 0 : _this$headersLayout$s.width) || 0;
-    let toHeaderScrollPosition = this.headerScrollPositionValue;
-    let totalWidth = 0;
-    if (this.state.props.data.length !== this.headersLayout.length) {
-      return;
-    }
-    this.headersLayout.forEach((p, i) => {
-      if (i < selectedTabIndex) {
-        toIndicatorPosition += p.width;
-      }
-      totalWidth += p.width;
-    });
-    toHeaderScrollPosition = -1 * (toIndicatorPosition - (((_this$headerPanelLayo2 = this.headerPanelLayout) === null || _this$headerPanelLayo2 === void 0 ? void 0 : _this$headerPanelLayo2.width) || 0) / 2 + toIndicatorWidth / 2);
-    const minScrollPosition = -1 * (totalWidth - (((_this$headerPanelLayo3 = this.headerPanelLayout) === null || _this$headerPanelLayo3 === void 0 ? void 0 : _this$headerPanelLayo3.width) || 0));
-    const maxScrollPosition = 0;
-    toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);
-    toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);
-    let positionIndicator = toIndicatorPosition - (100 - toIndicatorWidth) / 2;
-    let position = this.isRTL ? -positionIndicator : positionIndicator;
-    const positionX = this.scrollPosition(selectedTabIndex, totalWidth, toIndicatorPosition);
-    (_this$listRef$current = this.listRef.current) === null || _this$listRef$current === void 0 || _this$listRef$current.scrollTo({
-      x: positionX,
-      y: 0,
-      Animated: true
-    });
-    Animated.parallel([Animated.timing(this.headerScrollPosition, {
-      useNativeDriver: true,
-      toValue: toHeaderScrollPosition,
-      duration: 200,
-      easing: Easing.linear
-    }), Animated.timing(this.indicatorWidth, {
-      useNativeDriver: true,
-      toValue: toIndicatorWidth / 100,
-      duration: 200,
-      easing: Easing.linear
-    }), Animated.timing(this.reverseIndicatorWidth, {
-      useNativeDriver: true,
-      toValue: toIndicatorWidth ? 100 / toIndicatorWidth : 0,
-      duration: 200,
-      easing: Easing.linear
-    }), Animated.timing(this.indicatorPosition, {
-      useNativeDriver: true,
-      toValue: position,
-      duration: 200,
-      easing: Easing.linear
-    })]).start();
-  }
-  renderSkeleton(props) {
-    return /*#__PURE__*/React.createElement(Animated.View, {
-      style: {
-        transform: [{
-          translateX: this.headerScrollPosition
-        }]
-      },
-      onLayout: this.setHeaderPanelPositon.bind(this)
-    }, /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this.props.data.map((header, i) => {
-      var _this$styles$root, _this$styles$root2, _this$styles$activeHe;
-      const isSelected = i === this.props.selectedTabIndex;
-      return /*#__PURE__*/React.createElement(Tappable, {
-        onTap: this.onTabSelection.bind(this, i),
-        key: header.key,
-        styles: {
-          flex: 1
-        }
-      }, /*#__PURE__*/React.createElement(View, {
-        onLayout: this.setHeaderPositon.bind(this, i),
-        style: [this.styles.header, isSelected ? this.styles.activeHeader : null]
-      }, createSkeleton(this.theme, {
-        root: {
-          borderRadius: 4
-        }
-      }, {
-        ...this.styles.root,
-        width: ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width) || "80%",
-        height: ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || ((_this$styles$activeHe = this.styles.activeHeaderText) === null || _this$styles$activeHe === void 0 ? void 0 : _this$styles$activeHe.fontSize) || 16
-      })));
-    })), /*#__PURE__*/React.createElement(Animated.View, {
-      style: [this.styles.activeIndicator, {
-        transform: [{
-          translateX: this.indicatorPosition
-        }, {
-          scaleX: this.indicatorWidth
-        }]
-      }]
-    }));
-  }
-  renderWidget(props) {
-    this.setPosition();
-    const arrowIndicator = this.styles.arrowIndicator;
-    return /*#__PURE__*/React.createElement(View, _extends({
-      style: {
-        overflow: 'hidden',
-        zIndex: 16
-      }
-    }, this.getTestProps('tabheader')), /*#__PURE__*/React.createElement(ScrollView, {
-      ref: this.listRef,
-      horizontal: true,
-      onLayout: this.setHeaderPanelPositon.bind(this),
-      showsHorizontalScrollIndicator: false
-    }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this._background, props.data.map((header, i) => {
-      const isSelected = i === props.selectedTabIndex;
-      return /*#__PURE__*/React.createElement(Tappable, _extends({
-        onTap: this.onTabSelection.bind(this, i)
-      }, this.getTestPropsForAction(i + ''), {
-        key: header.key,
-        styles: this.styles.header.flexGrow ? {
-          flexGrow: this.styles.header.flexGrow
-        } : null
-      }), /*#__PURE__*/React.createElement(View, {
-        onLayout: this.setHeaderPositon.bind(this, i)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.header, {
-          flexGrow: undefined
-        }, isSelected ? this.styles.activeHeader : null]
-      }, /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId(i + 'icon'),
-        styles: this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null),
-        iconclass: header.icon
-      }), /*#__PURE__*/React.createElement(Text, _extends({
-        numberOfLines: 1,
-        style: [this.styles.headerText, isSelected ? this.styles.activeHeaderText : null]
-      }, this.getTestPropsForLabel(i + '_title')), header.title))));
-    })), /*#__PURE__*/React.createElement(Animated.View, {
-      style: [this.styles.activeIndicator, {
-        transform: [{
-          translateX: this.indicatorPosition
-        }, {
-          scaleX: this.indicatorWidth
-        }]
-      }]
-    }, /*#__PURE__*/React.createElement(Animated.View, {
-      style: [{
-        transform: [{
-          scaleX: this.reverseIndicatorWidth
-        }]
-      }, this.styles.arrowIndicator]
-    }, arrowIndicator.backgroundImage ? /*#__PURE__*/React.createElement(BackgroundComponent, {
-      image: arrowIndicator.backgroundImage,
-      position: arrowIndicator.backgroundPosition,
-      size: arrowIndicator.backgroundSize,
-      repeat: arrowIndicator.backgroundRepeat,
-      resizeMode: arrowIndicator.backgroundResizeMode,
-      style: {
-        borderRadius: this.styles.root.borderRadius
-      }
-    }) : null, /*#__PURE__*/React.createElement(View, {
-      style: this.styles.arrowIndicatorDot
-    }))))));
-  }
-}
-//# sourceMappingURL=tabheader.component.js.map

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","createRef","Animated","Easing","Text","View","ScrollView","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmIcon","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","forceUpdate","setHeaderPositon","index","headersLayout","selectedTabIndex","onTabSelection","state","onIndexChange","scrollPosition","totalWidth","toIndicatorPosition","_this$headerPanelLayo","initialPosition","isRTL","baseWidth","elementWidth","width","positionX","setPosition","_this$headersLayout$s","_this$headerPanelLayo2","_this$headerPanelLayo3","_this$listRef$current","toIndicatorWidth","toHeaderScrollPosition","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","listRef","current","scrollTo","x","y","parallel","timing","useNativeDriver","toValue","duration","easing","linear","indicatorWidth","reverseIndicatorWidth","indicatorPosition","start","renderSkeleton","createElement","style","transform","translateX","onLayout","bind","styles","root","map","header","_this$styles$root","_this$styles$root2","_this$styles$activeHe","isSelected","onTap","key","flex","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderWidget","arrowIndicator","_extends","overflow","zIndex","getTestProps","ref","horizontal","showsHorizontalScrollIndicator","_background","getTestPropsForAction","flexGrow","undefined","id","getTestId","mergeStyle","headerIcon","activeHeaderIcon","iconclass","icon","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View, ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nexport class WmTabheaderState extends BaseComponentState<WmTabheaderProps> {\n}\n\nexport default class WmTabheader extends BaseComponent<WmTabheaderProps, WmTabheaderState, WmTabheaderStyles> {\n\n  private headerPanelLayout: LayoutRectangle = null as any;\n  private headersLayout: LayoutRectangle[] = [];\n  private headerScrollPosition = new Animated.Value(0);\n  private headerScrollPositionValue = 0;\n  private indicatorPosition = new Animated.Value(0);\n  private reverseIndicatorWidth = new Animated.Value(0);\n  private indicatorWidth = new Animated.Value(0);\n  private listRef: any = createRef();\n\n  constructor(props: WmTabheaderProps) {\n    super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());\n    this.headerScrollPosition.addListener(({value}) => this.headerScrollPositionValue = value);\n  }\n\n  setHeaderPanelPositon(nativeEvent: LayoutChangeEvent) {\n    this.headerPanelLayout = nativeEvent.nativeEvent.layout;\n    this.forceUpdate();\n  }\n\n  setHeaderPositon(index: number, nativeEvent: LayoutChangeEvent) {\n    this.headersLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.props.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  onTabSelection(index: number) {\n    if (this.state.props.selectedTabIndex != index) {\n      this.state.props.onIndexChange && this.state.props.onIndexChange(index);\n    }\n  }\n\n  scrollPosition(selectedTabIndex: number, totalWidth: number, toIndicatorPosition: number) {\n    const initialPosition = this.isRTL ? totalWidth : 0;\n    const baseWidth = this.isRTL ? totalWidth - toIndicatorPosition : toIndicatorPosition;\n    const elementWidth  = this.isRTL ? -1 * (this.headersLayout[selectedTabIndex].width/2) : this.headersLayout[selectedTabIndex].width/2\n    const positionX = selectedTabIndex === 0 ? initialPosition : \n      ((baseWidth + (elementWidth)) - (this.headerPanelLayout?.width || 0) / 2);\n\n    return positionX\n  }\n\n  setPosition() {\n    const selectedTabIndex = this.state.props.selectedTabIndex ? this.state.props.selectedTabIndex : 0\n    let toIndicatorPosition = 0;\n    let toIndicatorWidth = this.headersLayout[selectedTabIndex]?.width || 0;\n    let toHeaderScrollPosition = this.headerScrollPositionValue;\n    let totalWidth = 0;\n    if (this.state.props.data.length !== this.headersLayout.length) {\n      return;\n    }\n    this.headersLayout.forEach((p, i) => {\n      if (i < selectedTabIndex) {\n        toIndicatorPosition += p.width;\n      }\n      totalWidth += p.width;\n    });\n    toHeaderScrollPosition = -1 * (toIndicatorPosition - (this.headerPanelLayout?.width || 0) / 2 + toIndicatorWidth/ 2) ;\n    const minScrollPosition = -1 * (totalWidth - (this.headerPanelLayout?.width || 0));\n    const maxScrollPosition = 0;\n    toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);\n    toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);\n    let positionIndicator = (toIndicatorPosition - (100 - toIndicatorWidth) / 2);\n    let position = this.isRTL?-positionIndicator:positionIndicator;\n\n    const positionX = this.scrollPosition(selectedTabIndex, totalWidth, toIndicatorPosition)\n\n    this.listRef.current?.scrollTo({\n      x: positionX,\n      y: 0,\n      Animated: true\n    });\n\n    Animated.parallel([\n      Animated.timing(this.headerScrollPosition, {\n        useNativeDriver: true,\n        toValue:  toHeaderScrollPosition,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth / 100,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.reverseIndicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth ? 100 / toIndicatorWidth : 0,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorPosition, {\n        useNativeDriver: true,\n        toValue:  position,\n        duration: 200,\n        easing: Easing.linear\n      })\n    ]).start();\n  }\n\n  public renderSkeleton(props: WmTabheaderProps){\n    return(\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this.props.data.map((header ,i) => {\n            const isSelected = i === this.props.selectedTabIndex;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} styles={{flex: 1}}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n                  this.styles.header,\n                  isSelected ? this.styles.activeHeader : null]}>\n                  {\n                    createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                      ...this.styles.root,\n                      width: this.styles.root?.width || \"80%\",\n                      height: this.styles.root?.height || this.styles.activeHeaderText?.fontSize || 16\n                    })\n                  }\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}></Animated.View>\n      </Animated.View>\n\n    )\n  }\n\n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n      <View \n        style={{overflow: 'hidden', zIndex: 16}}\n        {...this.getTestProps('tabheader')}\n      >\n      <ScrollView\n        ref={this.listRef}\n        horizontal={true}\n        onLayout={this.setHeaderPanelPositon.bind(this)}\n        showsHorizontalScrollIndicator={false}\n      >\n      <View>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key}\n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)}>\n                  <View style={[\n                    this.styles.header,\n                    {flexGrow: undefined},\n                    isSelected ? this.styles.activeHeader : null]}>\n                    <WmIcon\n                      id={this.getTestId(i + 'icon')}\n                      styles={this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null)}\n                      iconclass={header.icon}></WmIcon>\n                    <Text numberOfLines={1} style={[\n                      this.styles.headerText,\n                      isSelected ? this.styles.activeHeaderText : null]}\n                      {...this.getTestPropsForLabel(i + '_title')}\n                    >{header.title}</Text>\n                  </View>\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}>\n          <Animated.View style={[{\n              transform: [{\n                scaleX: this.reverseIndicatorWidth\n              }]\n            },\n            this.styles.arrowIndicator\n          ]}>\n            {\n            arrowIndicator.backgroundImage ? (\n              <BackgroundComponent\n              image={arrowIndicator.backgroundImage}\n              position={arrowIndicator.backgroundPosition}\n              size={arrowIndicator.backgroundSize}\n              repeat={arrowIndicator.backgroundRepeat}\n              resizeMode={arrowIndicator.backgroundResizeMode}\n              style={{borderRadius: this.styles.root.borderRadius}}\n              ></BackgroundComponent>\n            ) : null }\n            <View style={this.styles.arrowIndicatorDot}></View>\n          </Animated.View>\n        </Animated.View>\n        </View>\n      </ScrollView>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/container/tabs/tabheader/tabheader.props.js

@@ -1,13 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmTabheaderProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "data", []);
-    _defineProperty(this, "selectedTabIndex", 0);
-    _defineProperty(this, "onIndexChange", null);
-  }
-}
-//# sourceMappingURL=tabheader.props.js.map

app-rn-runtime/components/container/tabs/tabheader/tabheader.props.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BaseProps","WmTabheaderProps","constructor","args","_defineProperty"],"sources":["tabheader.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabheaderProps extends BaseProps {\n  data: {icon: string, key: string, title: string}[] = [] as any;\n  selectedTabIndex? = 0;\n  onIndexChange?: (index: number) => any = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,eACD,EAAE;IAAAA,eAAA,2BACnC,CAAC;IAAAA,eAAA,wBACoB,IAAI;EAAA;AAC/C","ignoreList":[]}

app-rn-runtime/components/container/tabs/tabpane/tabpane.component.js

@@ -1,81 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { ScrollView } from 'react-native-gesture-handler';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmTabpaneProps from './tabpane.props';
-import { DEFAULT_CLASS } from './tabpane.styles';
-export class WmTabpaneState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "isPartialLoaded", false);
-    _defineProperty(this, "isActive", false);
-  }
-}
-export default class WmTabpane extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmTabpaneProps(), new WmTabpaneState());
-    _defineProperty(this, "paneId", "");
-    this.subscribe('scroll', event => {
-      return this.state.isActive;
-    });
-  }
-  onPartialLoad() {
-    this.invokeEventCallback('onLoad', [null, this]);
-  }
-  renderContent(props) {
-    if (props.renderPartial) {
-      if (!this.state.isPartialLoaded) {
-        setTimeout(() => {
-          this.updateState({
-            isPartialLoaded: true
-          });
-        });
-      }
-      return props.renderPartial(props, this.onPartialLoad.bind(this));
-    }
-    return props.children;
-  }
-  showView() {
-    return this.isVisible() && this.state.isActive;
-  }
-  componentDidMount() {
-    const tabs = this.parent;
-    // When skeleton is enabled in the tabs component, the parent would be WMSkeleton which doesnot have addTabPane function
-    if (tabs.addTabPane) {
-      tabs.addTabPane(this.proxy);
-    }
-    super.componentDidMount();
-  }
-  componentWillUnmount() {
-    const tabs = this.parent;
-    if (tabs.removeTabPane) {
-      tabs.removeTabPane(this);
-    }
-  }
-  _onSelect() {
-    this.updateState({
-      isActive: true
-    });
-    this.invokeEventCallback('onSelect', [null, this.proxy]);
-  }
-  _onDeselect() {
-    this.updateState({
-      isActive: false
-    });
-    this.invokeEventCallback('onDeselect', [null, this.proxy]);
-  }
-  select() {
-    this.parent.selectTabPane(this);
-  }
-  renderWidget(props) {
-    return /*#__PURE__*/React.createElement(ScrollView, {
-      style: this.styles.root,
-      onScroll: event => {
-        this.notify('scroll', [event]);
-      }
-    }, this._background, this.renderContent(props));
-  }
-}
-//# sourceMappingURL=tabpane.component.js.map

app-rn-runtime/components/container/tabs/tabpane/tabpane.component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","constructor","args","_defineProperty","WmTabpane","props","subscribe","event","state","isActive","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","updateState","bind","children","showView","isVisible","componentDidMount","tabs","parent","addTabPane","proxy","componentWillUnmount","removeTabPane","_onSelect","_onDeselect","select","selectTabPane","renderWidget","createElement","style","styles","root","onScroll","notify","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler'\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabpaneProps from './tabpane.props';\nimport { DEFAULT_CLASS, WmTabpaneStyles } from './tabpane.styles';\nimport WmTabs from '../tabs.component';\n\nexport class WmTabpaneState extends BaseComponentState<WmTabpaneProps> {\n  isPartialLoaded = false;\n  isActive = false;\n}\n\nexport default class WmTabpane extends BaseComponent<WmTabpaneProps, WmTabpaneState, WmTabpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmTabpaneProps) {\n    super(props, DEFAULT_CLASS, new WmTabpaneProps(), new WmTabpaneState());\n    this.subscribe('scroll', (event: any) => {\n      return this.state.isActive;\n    });\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmTabpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmTabpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  showView(): boolean {\n    return this.isVisible() && this.state.isActive;\n  }\n\n  componentDidMount() {\n    const tabs = (this.parent) as WmTabs;\n    // When skeleton is enabled in the tabs component, the parent would be WMSkeleton which doesnot have addTabPane function\n    if(tabs.addTabPane) {\n      tabs.addTabPane(this.proxy as WmTabpane);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const tabs = (this.parent) as WmTabs;\n    if(tabs.removeTabPane) {\n      tabs.removeTabPane(this)\n    }\n  }\n\n  _onSelect() {\n    this.updateState({\n      isActive: true\n    } as WmTabpaneState);\n    this.invokeEventCallback('onSelect', [null, this.proxy]);\n  }\n  _onDeselect() {\n    this.updateState({\n      isActive: false\n    } as WmTabpaneState);\n    this.invokeEventCallback('onDeselect', [null, this.proxy]);\n  }\n\n  select() {\n    (this.parent as WmTabs).selectTabPane(this);\n  }\n\n  renderWidget(props: WmTabpaneProps) {\n    return (<ScrollView style={this.styles.root} \n    onScroll={(event) => {this.notify('scroll', [event])}}>\n        {this._background}\n        {this.renderContent(props)}\n      </ScrollView>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/container/tabs/tabpane/tabpane.props.js

@@ -1,16 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmTabpaneProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", void 0);
-    _defineProperty(this, "paneicon", null);
-    _defineProperty(this, "title", 'Tab Title');
-    _defineProperty(this, "renderPartial", void 0);
-    _defineProperty(this, "isPartialLoaded", false);
-    _defineProperty(this, "invokeVariables", true);
-  }
-}
-//# sourceMappingURL=tabpane.props.js.map

app-rn-runtime/components/container/tabs/tabpane/tabpane.props.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BaseProps","WmTabpaneProps","constructor","args","_defineProperty"],"sources":["tabpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabpaneProps extends BaseProps {\n  children?: any;\n  paneicon?: string = null as any;\n  title: string = 'Tab Title';\n  renderPartial?: Function;\n  isPartialLoaded? = false;\n  invokeVariables = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,mBAEhC,IAAI;IAAAA,eAAA,gBACR,WAAW;IAAAA,eAAA;IAAAA,eAAA,0BAER,KAAK;IAAAA,eAAA,0BACN,IAAI;EAAA;AACxB","ignoreList":[]}