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

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

@@ -1,212 +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,
-      scrollEnabled: props.shouldScroll
-    }, /*#__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.props.js

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

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.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/tabs.component.js

@@ -1,282 +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 { View } from 'react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';
-import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
-import WmTabsProps from './tabs.props';
-import { DEFAULT_CLASS } from './tabs.styles';
-import WmTabheader from './tabheader/tabheader.component';
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
-export class WmTabsState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "tabsShown", []);
-    _defineProperty(this, "selectedTabIndex", 0);
-  }
-}
-export default class WmTabs extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());
-    _defineProperty(this, "tabPanes", []);
-    _defineProperty(this, "newIndex", 0);
-    _defineProperty(this, "tabLayout", null);
-    _defineProperty(this, "tabPaneHeights", []);
-    _defineProperty(this, "animationView", null);
-    _defineProperty(this, "animationHandlers", {
-      bounds: e => {
-        var _this$tabLayout;
-        const activeTabIndex = this.state.selectedTabIndex,
-          w = ((_this$tabLayout = this.tabLayout) === null || _this$tabLayout === void 0 ? void 0 : _this$tabLayout.width) || 0,
-          noOfTabs = this.tabPanes.length;
-        return {
-          lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,
-          center: -1 * activeTabIndex * w,
-          upper: -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w
-        };
-      },
-      onLower: e => {
-        this.onChange(this.state.selectedTabIndex - 1);
-      },
-      onUpper: e => {
-        this.onChange(this.state.selectedTabIndex + 1);
-      }
-    });
-  }
-  setTabLayout(event) {
-    this.tabLayout = event.nativeEvent.layout;
-    this.forceUpdate(() => {
-      this.goToTab();
-    });
-  }
-  setTabPaneHeights(index, nativeEvent) {
-    var _nativeEvent$nativeEv;
-    this.tabPaneHeights[index] = (_nativeEvent$nativeEv = nativeEvent.nativeEvent.layout) === null || _nativeEvent$nativeEv === void 0 ? void 0 : _nativeEvent$nativeEv.height;
-    if (index === this.state.selectedTabIndex) {
-      this.forceUpdate();
-    }
-  }
-  setTabShown(tabIndex, callback) {
-    if (!this.state.tabsShown[tabIndex]) {
-      const tabsShown = [...this.state.tabsShown];
-      tabsShown[tabIndex] = true;
-      setTimeout(() => {
-        this.updateState({
-          tabsShown: tabsShown
-        }, callback);
-      }, 300);
-    } else {
-      callback && callback();
-    }
-  }
-  addTabPane(tabPane) {
-    tabPane.paneId = `tabPane${this.newIndex++}`;
-    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);
-    if (i >= 0) {
-      this.tabPanes[i] = tabPane;
-    } else {
-      this.tabPanes.push(tabPane);
-    }
-  }
-  removeTabPane(tabPane) {
-    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);
-    if (i >= 0) {
-      this.tabPanes.splice(i, 1);
-      this.newIndex--;
-    }
-  }
-  selectTabPane(tabPane) {
-    this.goToTab(this.tabPanes.indexOf(tabPane));
-  }
-  get selectedTabPane() {
-    return this.tabPanes[this.state.selectedTabIndex];
-  }
-  goToTab(index = this.state.selectedTabIndex) {
-    var _this$tabLayout2;
-    if (index < 0 || index >= this.tabPanes.length) {
-      return;
-    }
-    const position = -1 * index * (((_this$tabLayout2 = this.tabLayout) === null || _this$tabLayout2 === void 0 ? void 0 : _this$tabLayout2.width) || 0);
-    if (this.animationView) {
-      this.animationView.setPosition(position).then(() => this.onChange(index));
-    } else {
-      this.onChange(index);
-    }
-  }
-  prev() {
-    var _this$animationView;
-    (_this$animationView = this.animationView) === null || _this$animationView === void 0 || _this$animationView.goToLower();
-  }
-  next() {
-    var _this$animationView2;
-    (_this$animationView2 = this.animationView) === null || _this$animationView2 === void 0 || _this$animationView2.goToLower();
-  }
-  onChange(newIndex) {
-    if (newIndex < 0 || newIndex >= this.tabPanes.length) {
-      return;
-    }
-    const oldIndex = this.state.selectedTabIndex;
-    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];
-    this.newIndex = newIndex;
-    deselectedTab === null || deselectedTab === void 0 || deselectedTab._onDeselect();
-    this.updateState({
-      selectedTabIndex: newIndex
-    }, () => {
-      this.setTabShown(newIndex, () => {
-        const selectedTab = this.tabPanes[newIndex];
-        selectedTab === null || selectedTab === void 0 || selectedTab._onSelect();
-        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);
-      });
-    });
-  }
-  renderSkeletonContent(props) {
-    const tabPanes = React.Children.toArray(this.props.children).filter((item, index) => item.props.show != false);
-    const headerData = tabPanes.map((p, i) => ({
-      title: p.props.title,
-      icon: '',
-      key: `tab-${p.props.title}-${i}`
-    }));
-    return /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.root, {
-        borderBottomWidth: 0
-      }]
-    }, /*#__PURE__*/React.createElement(View, {
-      onLayout: this.setTabLayout.bind(this),
-      style: {
-        width: '100%'
-      }
-    }), /*#__PURE__*/React.createElement(WmTabheader, {
-      styles: this.styles.tabHeader,
-      data: headerData,
-      showskeleton: this.props.showskeleton,
-      selectedTabIndex: this.state.selectedTabIndex
-    }), /*#__PURE__*/React.createElement(View
-    //{...this.panResponder.panHandlers}
-    , {
-      style: {
-        width: '100%',
-        //height: this.tabPaneHeights[this.state.selectedTabIndex],
-        overflow: 'hidden'
-      }
-    }, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: 'row',
-        flexWrap: 'nowrap'
-      }
-    }, tabPanes.map((p, i) => {
-      return /*#__PURE__*/React.createElement(View, {
-        key: `tab-${p.props.title}-${i}`,
-        style: {
-          width: '100%',
-          alignSelf: 'flex-start'
-        },
-        onLayout: this.setTabPaneHeights.bind(this, i)
-      }, /*#__PURE__*/React.cloneElement(p, {
-        "invokeVariables": false
-      }));
-    }))));
-  }
-  renderSkeleton(props) {
-    if (!props.showskeletonchildren) {
-      var _this$props;
-      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
-        root: {},
-        text: {}
-      };
-      return createSkeleton(this.theme, skeletonStyles, {
-        ...this.styles.root
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.root, {
-          opacity: 0
-        }]
-      }, this.renderSkeletonContent(props)));
-    }
-    return this.renderSkeletonContent(props);
-  }
-  onPropertyChange(name, $new, $old) {
-    super.onPropertyChange(name, $new, $old);
-    switch (name) {
-      case "defaultpaneindex":
-        const selectedIndex = $new || 0;
-        const tabsShown = [];
-        tabsShown[selectedIndex] = true;
-        this.updateState({
-          selectedTabIndex: selectedIndex,
-          tabsShown: tabsShown
-        });
-    }
-  }
-  getBackground() {
-    return this._showSkeleton ? null : this._background;
-  }
-  renderWidget(props) {
-    const tabPanes = React.Children.toArray(props.children).filter((item, index) => item.props.show != false);
-    const headerData = tabPanes.map((p, i) => ({
-      title: p.props.title,
-      icon: p.props.paneicon || '',
-      key: `tab-${p.props.title}-${i}`
-    }));
-    const styles = this._showSkeleton ? {
-      ...this.styles.root,
-      ...this.styles.skeleton.root
-    } : this.styles.root;
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles
-    }, this.getBackground(), /*#__PURE__*/React.createElement(View, {
-      onLayout: this.setTabLayout.bind(this),
-      style: {
-        width: '100%'
-      }
-    }), /*#__PURE__*/React.createElement(WmTabheader, {
-      id: this.getTestId('headers'),
-      styles: this.styles.tabHeader,
-      data: headerData,
-      selectedTabIndex: this.state.selectedTabIndex,
-      onIndexChange: this.goToTab.bind(this),
-      shouldScroll: props.enablescroll
-    }), /*#__PURE__*/React.createElement(View, {
-      style: [{
-        width: '100%',
-        flex: 1
-      }, this.styles.root.height ? isWebPreviewMode() ? {
-        'overflowX': 'hidden',
-        'overflowY': 'auto'
-      } : {
-        overflow: 'scroll'
-      } : {
-        overflow: 'hidden',
-        maxHeight: this.tabPaneHeights[this.state.selectedTabIndex]
-      }, this.styles.tabContent]
-    }, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
-      enableGestures: props.enablegestures,
-      style: {
-        flexDirection: 'row',
-        flexWrap: 'nowrap',
-        alignItems: 'flex-start'
-      },
-      direction: "horizontal",
-      ref: r => {
-        this.animationView = r;
-      },
-      handlers: this.animationHandlers
-    }, tabPanes.map((p, i) => {
-      return /*#__PURE__*/React.createElement(View, {
-        key: `tab-${p.props.title}-${i}`,
-        style: {
-          width: '100%',
-          height: this.styles.root.height ? undefined : 1000000,
-          alignSelf: 'flex-start'
-        }
-      }, /*#__PURE__*/React.createElement(View, {
-        style: {
-          width: '100%',
-          alignSelf: 'flex-start'
-        },
-        onLayout: this.setTabPaneHeights.bind(this, i)
-      }, p));
-    }))));
-  }
-}
-//# sourceMappingURL=tabs.component.js.map

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

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

app-rn-runtime/components/container/tile/tile.component.js

@@ -1,49 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
-import { View } from 'react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmTileProps from './tile.props';
-import { DEFAULT_CLASS } from './tile.styles';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
-export class WmTileState extends BaseComponentState {}
-export default class WmTile extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmTileProps());
-  }
-  renderSkeleton(props) {
-    if (!props.showskeletonchildren) {
-      var _this$props;
-      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
-        root: {},
-        text: {}
-      };
-      return createSkeleton(this.theme, skeletonStyles, {
-        ...this.styles.root
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.root, {
-          opacity: 0
-        }]
-      }, props.children));
-    }
-    return null;
-  }
-  getBackground() {
-    return this._showSkeleton ? null : this._background;
-  }
-  renderWidget(props) {
-    const styles = this._showSkeleton ? {
-      ...this.styles.root,
-      ...this.styles.skeleton.root
-    } : this.styles.root;
-    return /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
-      target: this
-    }), /*#__PURE__*/React.createElement(Animatedview, {
-      entryanimation: props.animation,
-      delay: props.animationdelay,
-      style: styles
-    }, this.getBackground(), props.children));
-  }
-}
-//# sourceMappingURL=tile.component.js.map