@wavemaker-ai/app-rn-runtime 1.0.0-rc.324 → 1.0.0-rc.328

package/components/container/container.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Platform","Animated","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","createSkeleton","StickyWrapperContext","SafeAreaInsetsContext","StickyContainer","getParentStyles","injector","isAutoLayout","checkAutoLayout","getContentContainerStyle","getDirectionStyle","getDimensionStyle","extractAutoLayoutProps","AutoLayoutHost","WmContainerState","constructor","args","_defineProperty","WmContainer","props","get","top","bottom","left","right","containerRef","createRef","stickyContainerOpacity","Value","subscribe","_event","sticky","setTimeout","getStickyHeaderTranslateY","getBackground","_showSkeleton","_background","getAutoLayoutProps","_this$parent","parent","state","renderSkeleton","showskeletonchildren","_this$props","dimensions","width","styles","root","undefined","height","skeletonStyles","skeleton","text","theme","createElement","style","opacity","_extends","getTestPropsForAction","target","disableTouchEffect","disabletoucheffect","content","renderContent","_this$appConfig","_this$containerRef","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","current","measure","_x","_y","_width","_height","px","py","_this$insets","topInsetsInYposition","OS","insets","context","stickyContainerTranslateY","value","updateState","stickyContainerVisibility","componentDidUpdate","_prevProps","prevState","timing","toValue","delay","useNativeDriver","start","renderStickyContent","positioningStyles","alProps","autoLayoutStyle","directionStyle","autoLayoutDimensionsInner","Fragment","component","backgroundColor","positionStyles","show","ref","renderWidget","autoLayoutDimensionsOuter","isSticky","Consumer","entryanimation","animation","animationdelay","onLayout","event","handleLayout","autoLayoutProps","shouldScroll","overflow","containerStyle","contentStyle","minWidth","onScroll","notify"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, ViewStyle, Platform, Animated } from 'react-native';\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\nimport { createSkeleton } from '../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\nimport { StickyWrapperContextType, StickyWrapperContext } from '@wavemaker-ai/app-rn-runtime/core/sticky-wrapper';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyContainer } from '@wavemaker-ai/app-rn-runtime/core/components/sticky-container.component';\nimport { getParentStyles } from '@wavemaker-ai/app-rn-runtime/core/components/sticky-container.styles';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport {\n  isAutoLayout as checkAutoLayout,\n  getContentContainerStyle,\n  getDirectionStyle,\n  getDimensionStyle,\n  extractAutoLayoutProps,\n} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n  stickyContainerVisibility = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  static contextType = StickyWrapperContext;\n  private containerRef: React.RefObject<View | null>;\n  private stickyContainerOpacity: Animated.Value;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  insets: EdgeInsets | null = {\n    top: 0, bottom: 0, left: 0, right: 0\n  };\n\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());\n    this.containerRef = React.createRef();\n    this.stickyContainerOpacity = new Animated.Value(1);\n\n    this.subscribe('updateStickyHeaders', (_event: any) => {\n      if(this.props.sticky){\n        setTimeout(()=>{\n          this.getStickyHeaderTranslateY();\n        }, 500);\n      }\n    })\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  private getAutoLayoutProps() {\n    return extractAutoLayoutProps(this.props, this.parent?.state?.props);\n  }\n\n  public renderSkeleton(props: WmContainerProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const dimensions = {\n          width: this.styles.root.width ? '100%' : undefined,\n          height: this.styles.root.height ? '100%' : undefined\n        };\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                  <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions} disableTouchEffect={this.state.props.disabletoucheffect}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n\n        </View>))\n      }\n      return null;\n  }\n\n  public getStickyHeaderTranslateY(){\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    this.containerRef?.current?.measure((_x = 0, _y = 0, _width = 0, _height = 0, px = 0, py = 0)=>{\n      const topInsetsInYposition = (Platform.OS == 'ios' && !isEdgeToEdgeApp) ? (this.insets?.top || 0): 0\n      if((this.context) && (this.context as StickyWrapperContextType).stickyContainerTranslateY) {\n        (this.context as StickyWrapperContextType).stickyContainerTranslateY.value = py - topInsetsInYposition ;\n        this.updateState({ stickyContainerVisibility: true} as WmContainerState);\n      }\n    })\n  }\n\n  componentDidUpdate(_prevProps: any, prevState: any) {\n    if (prevState.stickyContainerVisibility !== this.state.stickyContainerVisibility) {\n      Animated.timing(this.stickyContainerOpacity, {\n        toValue: this.state.stickyContainerVisibility ? 0 : 1,\n        delay: 500,\n        useNativeDriver: true\n      }).start();\n    }\n  }\n\n  private renderStickyContent(props: WmContainerProps, dimensions: ViewStyle, styles: ViewStyle) {\n    const { stickyContainerVisibility } = this.state;\n    const { positioningStyles } = getParentStyles(this);\n    const alProps = this.getAutoLayoutProps();\n    const autoLayoutStyle = getContentContainerStyle(alProps);\n    const directionStyle = getDirectionStyle(alProps);\n    const autoLayoutDimensionsInner = getDimensionStyle(alProps, this.styles.root, true);\n    const isAutoLayout = checkAutoLayout(alProps);\n\n    return (\n      <>\n        {stickyContainerVisibility ? (\n          <StickyContainer\n            component={this}\n            theme={this.theme}\n            style={[\n              this.styles.sticky,\n              { backgroundColor: styles.backgroundColor },\n              isAutoLayout ? directionStyle : {}\n            ]}\n            positionStyles={positioningStyles}\n            show={props.show as boolean}\n          >\n            <View style={[isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle, { backgroundColor: styles.backgroundColor }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}]}>\n              {this.renderContent(props)}\n            </View>\n          </StickyContainer>\n        ) : <></>}\n        <Animated.View\n          style={[\n            isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle,\n            { opacity: this.stickyContainerOpacity },\n            this.styles.content,\n            isAutoLayout ? autoLayoutStyle : {}\n          ]}\n          ref={this.containerRef}\n        >\n          {this.renderContent(props)}\n        </Animated.View>\n      </>\n    );\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const alProps = this.getAutoLayoutProps();\n    const autoLayoutStyle = getContentContainerStyle(alProps);\n    const directionStyle = getDirectionStyle(alProps);\n    const autoLayoutDimensionsInner = getDimensionStyle(alProps, this.styles.root, true);\n    const autoLayoutDimensionsOuter = getDimensionStyle(alProps, this.styles.root);\n\n    const dimensions: ViewStyle = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root;\n\n    if (props.sticky) {\n      this.isSticky = true;\n    }\n\n    const isAutoLayout = checkAutoLayout(alProps);\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          this.insets = insets;\n          return (\n              <Animatedview\n              entryanimation={props.animation}\n              delay={props.animationdelay}\n              style={[styles, isAutoLayout ? {...autoLayoutDimensionsOuter, ...directionStyle} : {}]}\n              onLayout={(event: LayoutChangeEvent, ref: React.RefObject<View>) => {\n                this.handleLayout(event, ref);\n              }}\n            >\n              {this.getBackground()}\n              <Tappable\n                {...this.getTestPropsForAction()}\n                target={this}\n                styles={[isAutoLayout ? { ...autoLayoutDimensionsInner, ...directionStyle } : dimensions]}\n                disableTouchEffect={this.state.props.disabletoucheffect}\n              >\n                  {props.sticky ? (\n                    this.renderStickyContent(props, dimensions, styles)\n                  ) : (\n                    <AutoLayoutHost\n                      autoLayoutProps={alProps}\n                      shouldScroll={props.overflow === 'scroll'}\n                      containerStyle={isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle}\n                      contentStyle={[\n                        this.styles.content,\n                        isAutoLayout ? { ...directionStyle, ...autoLayoutStyle, minWidth: 0 } : {},\n                      ]}\n                      onScroll={(event) => this.notify('scroll', [event])}\n                    >\n                      {this.renderContent(props)}\n                    </AutoLayoutHost>\n                  )}\n              </Tappable>\n            </Animatedview>\n          );\n        }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Platform","Animated","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","createSkeleton","StickyWrapperContext","SafeAreaInsetsContext","StickyContainer","getParentStyles","injector","isAutoLayout","checkAutoLayout","getContentContainerStyle","getDirectionStyle","getDimensionStyle","extractAutoLayoutProps","AutoLayoutHost","WmContainerState","constructor","args","_defineProperty","WmContainer","props","createRef","get","top","bottom","left","right","event","_event$nativeEvent","currentY","nativeEvent","contentOffset","y","invokeEventCallback","proxy","_event$nativeEvent2","containerRef","stickyContainerOpacity","Value","subscribe","_event","sticky","setTimeout","getStickyHeaderTranslateY","getBackground","_showSkeleton","_background","getAutoLayoutProps","_this$parent","parent","state","hasOwnFillHugResolution","renderSkeleton","showskeletonchildren","_this$props","dimensions","width","styles","root","undefined","height","skeletonStyles","skeleton","text","theme","createElement","style","opacity","_extends","getTestPropsForAction","target","disableTouchEffect","disabletoucheffect","content","renderContent","_this$appConfig","_this$containerRef","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","current","measure","_x","_y","_width","_height","px","py","_this$insets","topInsetsInYposition","OS","insets","context","stickyContainerTranslateY","value","updateState","stickyContainerVisibility","componentDidUpdate","_prevProps","prevState","timing","toValue","delay","useNativeDriver","start","scrollViewRef","notify","renderStickyContent","positioningStyles","alProps","autoLayoutStyle","directionStyle","autoLayoutDimensionsInner","Fragment","component","backgroundColor","positionStyles","show","ref","renderWidget","autoLayoutDimensionsOuter","isSticky","Consumer","entryanimation","animation","animationdelay","onLayout","handleLayout","autoLayoutProps","shouldScroll","overflow","containerStyle","contentStyle","minWidth","onScroll","scrollEventThrottle","onScrollEndDrag","handleOnScrollEndDrag","onMomentumScrollEnd","handleOnMomentumScrollEnd"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, ViewStyle, Platform, Animated } from 'react-native';\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\nimport { createSkeleton } from '../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\nimport { StickyWrapperContextType, StickyWrapperContext } from '@wavemaker-ai/app-rn-runtime/core/sticky-wrapper';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyContainer } from '@wavemaker-ai/app-rn-runtime/core/components/sticky-container.component';\nimport { getParentStyles } from '@wavemaker-ai/app-rn-runtime/core/components/sticky-container.styles';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport {\n  isAutoLayout as checkAutoLayout,\n  getContentContainerStyle,\n  getDirectionStyle,\n  getDimensionStyle,\n  extractAutoLayoutProps,\n} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\nimport { ScrollView } from 'react-native-gesture-handler';\n\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n  stickyContainerVisibility = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  static contextType = StickyWrapperContext;\n  private containerRef: React.RefObject<View | null>;\n  private scrollViewRef = React.createRef<ScrollView>();\n  private stickyContainerOpacity: Animated.Value;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  insets: EdgeInsets | null = {\n    top: 0, bottom: 0, left: 0, right: 0\n  };\n\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());\n    this.containerRef = React.createRef();\n    this.stickyContainerOpacity = new Animated.Value(1);\n\n    this.subscribe('updateStickyHeaders', (_event: any) => {\n      if(this.props.sticky){\n        setTimeout(()=>{\n          this.getStickyHeaderTranslateY();\n        }, 500);\n      }\n    })\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  private getAutoLayoutProps() {\n    return extractAutoLayoutProps(this.props, this.parent?.state?.props);\n  }\n\n  protected hasOwnFillHugResolution(): boolean {\n    return checkAutoLayout(this.getAutoLayoutProps());\n  }\n\n  public renderSkeleton(props: WmContainerProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const dimensions = {\n          width: this.styles.root.width ? '100%' : undefined,\n          height: this.styles.root.height ? '100%' : undefined\n        };\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                  <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions} disableTouchEffect={this.state.props.disabletoucheffect}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n\n        </View>))\n      }\n      return null;\n  }\n\n  public getStickyHeaderTranslateY(){\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    this.containerRef?.current?.measure((_x = 0, _y = 0, _width = 0, _height = 0, px = 0, py = 0)=>{\n      const topInsetsInYposition = (Platform.OS == 'ios' && !isEdgeToEdgeApp) ? (this.insets?.top || 0): 0\n      if((this.context) && (this.context as StickyWrapperContextType).stickyContainerTranslateY) {\n        (this.context as StickyWrapperContextType).stickyContainerTranslateY.value = py - topInsetsInYposition ;\n        this.updateState({ stickyContainerVisibility: true} as WmContainerState);\n      }\n    })\n  }\n  private handleOnScrollEndDrag = (event: any) => {\n    const currentY = event?.nativeEvent?.contentOffset?.y;\n    if (currentY > 0) {\n      this.invokeEventCallback('onScroll', [null, this.proxy]);\n    }\n  }\n\n  private handleOnMomentumScrollEnd = (event: any) => {\n    const currentY = event?.nativeEvent?.contentOffset?.y;\n    if (currentY < 1) {\n      this.invokeEventCallback('onScrolltotop', [null, this.proxy]);\n    }\n  }\n\n\n  componentDidUpdate(_prevProps: any, prevState: any) {\n    if (prevState.stickyContainerVisibility !== this.state.stickyContainerVisibility) {\n      Animated.timing(this.stickyContainerOpacity, {\n        toValue: this.state.stickyContainerVisibility ? 0 : 1,\n        delay: 500,\n        useNativeDriver: true\n      }).start();\n    }\n    //emiting container wdiget scrollview ref value to bottom sheet widget(bottom sheet sticky header/footer feature)\n    if (this.scrollViewRef.current) {\n      this.notify('containerScrollViewReady', [this.scrollViewRef], true);\n    }\n        \n  }\n\n  private renderStickyContent(props: WmContainerProps, dimensions: ViewStyle, styles: ViewStyle) {\n    const { stickyContainerVisibility } = this.state;\n    const { positioningStyles } = getParentStyles(this);\n    const alProps = this.getAutoLayoutProps();\n    const autoLayoutStyle = getContentContainerStyle(alProps);\n    const directionStyle = getDirectionStyle(alProps);\n    const autoLayoutDimensionsInner = getDimensionStyle(alProps, this.styles.root, true);\n    const isAutoLayout = checkAutoLayout(alProps);\n\n    return (\n      <>\n        {stickyContainerVisibility ? (\n          <StickyContainer\n            component={this}\n            theme={this.theme}\n            style={[\n              this.styles.sticky,\n              { backgroundColor: styles.backgroundColor },\n              isAutoLayout ? directionStyle : {}\n            ]}\n            positionStyles={positioningStyles}\n            show={props.show as boolean}\n          >\n            <View style={[isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle, { backgroundColor: styles.backgroundColor }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}]}>\n              {this.renderContent(props)}\n            </View>\n          </StickyContainer>\n        ) : <></>}\n        <Animated.View\n          style={[\n            isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle,\n            { opacity: this.stickyContainerOpacity },\n            this.styles.content,\n            isAutoLayout ? autoLayoutStyle : {}\n          ]}\n          ref={this.containerRef}\n        >\n          {this.renderContent(props)}\n        </Animated.View>\n      </>\n    );\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const alProps = this.getAutoLayoutProps();\n    const autoLayoutStyle = getContentContainerStyle(alProps);\n    const directionStyle = getDirectionStyle(alProps);\n    const autoLayoutDimensionsInner = getDimensionStyle(alProps, this.styles.root, true);\n    const autoLayoutDimensionsOuter = getDimensionStyle(alProps, this.styles.root);\n\n    const dimensions: ViewStyle = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root;\n\n    if (props.sticky) {\n      this.isSticky = true;\n    }\n\n    const isAutoLayout = checkAutoLayout(alProps);\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          this.insets = insets;\n          return (\n              <Animatedview\n              entryanimation={props.animation}\n              delay={props.animationdelay}\n              style={[styles, isAutoLayout ? {...autoLayoutDimensionsOuter, ...directionStyle} : {}]}\n              onLayout={(event: LayoutChangeEvent, ref: React.RefObject<View>) => {\n                this.handleLayout(event, ref);\n              }}\n            >\n              {this.getBackground()}\n              <Tappable\n                {...this.getTestPropsForAction()}\n                target={this}\n                styles={[isAutoLayout ? { ...autoLayoutDimensionsInner, ...directionStyle } : dimensions]}\n                disableTouchEffect={this.state.props.disabletoucheffect}\n              >\n                  {props.sticky ? (\n                    this.renderStickyContent(props, dimensions, styles)\n                  ) : (\n                    <AutoLayoutHost\n                      autoLayoutProps={alProps}\n                      shouldScroll={props.overflow === 'scroll'}\n                      containerStyle={isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle}\n                      contentStyle={[\n                        this.styles.content,\n                        isAutoLayout ? { ...directionStyle, ...autoLayoutStyle, minWidth: 0 } : {},\n                      ]}\n                      onScroll={(event) => this.notify('scroll', [event])}\n                      scrollEventThrottle={48}\n                      ref={this.scrollViewRef}\n                      onScrollEndDrag={this.handleOnScrollEndDrag}\n                      onMomentumScrollEnd={this.handleOnMomentumScrollEnd}\n                    >\n                      {this.renderContent(props)}\n                    </AutoLayoutHost>\n                  )}\n              </Tappable>\n            </Animatedview>\n          );\n        }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/container.props.js

@@ -12,6 +12,13 @@ class WmContainerProps extends PartialHostProps {
     _defineProperty(this, "sticky", false);
     _defineProperty(this, "stickyContainerVisibility", false);
     _defineProperty(this, "stickyContainerOpacity", void 0);
+    _defineProperty(this, "direction", void 0);
+    _defineProperty(this, "wrap", void 0);
+    _defineProperty(this, "alignment", void 0);
+    _defineProperty(this, "gap", void 0);
+    _defineProperty(this, "columngap", void 0);
+    _defineProperty(this, "parent-direction", void 0);
+    _defineProperty(this, "emittoparent", false);
   }
 }
 export default WmContainerProps;

package/components/container/container.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["PartialHostProps","WmContainerProps","constructor","args","_defineProperty"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\nimport { Animated } from 'react-native';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmContainerProps extends AutoLayoutProps {}\n\nclass WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  animationdelay?: number = null as any;\n  onLoad?: Function;\n  scrollable?: Boolean = false as any;\n  sticky?: Boolean = false as boolean;\n  stickyContainerVisibility?: Boolean = false;\n  stickyContainerOpacity?: Animated.Value;\n}\nexport default WmContainerProps;\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAM3D,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACzB,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEP,KAAK;IAAAA,eAAA,iBACT,KAAK;IAAAA,eAAA,oCACc,KAAK;IAAAA,eAAA;EAAA;AAE7C;AACA,eAAeH,gBAAgB","ignoreList":[]}
+{"version":3,"names":["PartialHostProps","WmContainerProps","constructor","args","_defineProperty"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\nimport { Animated } from 'react-native';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmContainerProps extends AutoLayoutProps {}\n\nclass WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  animationdelay?: number = null as any;\n  onLoad?: Function;\n  scrollable?: Boolean = false as any;\n  sticky?: Boolean = false as boolean;\n  stickyContainerVisibility?: Boolean = false;\n  stickyContainerOpacity?: Animated.Value;\n  direction?: 'row' | 'column';\n  wrap?: boolean;\n  alignment?: string;\n  gap?: number | string | 'auto';\n  columngap?: number | string | 'auto';\n  \"parent-direction\"?: string;\n  emittoparent?: boolean = false;\n}\nexport default WmContainerProps;\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAM3D,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACzB,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEP,KAAK;IAAAA,eAAA,iBACT,KAAK;IAAAA,eAAA,oCACc,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,OAO3C,kBAAkB;IAAAA,eAAA,uBACO,KAAK;EAAA;AAChC;AACA,eAAeH,gBAAgB","ignoreList":[]}

package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js

@@ -1,17 +1,33 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { View, Platform } from 'react-native';
 import { isNil } from 'lodash-es';
 import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import WmLinearlayoutitemProps from './linearlayoutitem.props';
 import { DEFAULT_CLASS } from './linearlayoutitem.styles';
 export class WmLinearlayoutitemState extends BaseComponentState {}
 export default class WmLinearlayoutitem extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());
+    //linear layout item swipe up/down gesture logic
+    _defineProperty(this, "swipeGesture", void 0);
+    this.swipeGesture = Gesture.Pan().runOnJS(true).activeOffsetY([-8, 8]) // Only activates on vertical movement
+    .failOffsetX([-30, 30]) // Blocks horizontal swipes
+    .onEnd(event => {
+      // If we're here, it's definitely a vertical swipe
+      if (event.translationY < 0) {
+        this.invokeEventCallback('onSwipeup', [null, this]);
+      } else {
+        this.invokeEventCallback('onSwipedown', [null, this]);
+      }
+    });
   }
   renderWidget(props) {
     const direction = this.parent.state.props.direction;
-    return /*#__PURE__*/React.createElement(View, {
+    const content = /*#__PURE__*/React.createElement(View, {
       style: {
         ...this.styles.root,
         flexGrow: props.flexgrow,
@@ -20,6 +36,14 @@ export default class WmLinearlayoutitem extends BaseComponent {
       },
       onLayout: event => this.handleLayout(event)
     }, this._background, props.children);
+
+    //Conditionally wrap with GestureDetector
+    if (props.enableswipe) {
+      return /*#__PURE__*/React.createElement(GestureDetector, {
+        gesture: this.swipeGesture
+      }, content);
+    }
+    return content;
   }
 }
 //# sourceMappingURL=linearlayoutitem.component.js.map

package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Platform","isNil","BaseComponent","BaseComponentState","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","renderWidget","direction","parent","state","createElement","style","styles","root","flexGrow","flexgrow","flexShrink","flexshrink","OS","flexBasis","onLayout","event","handleLayout","_background","children"],"sources":["linearlayoutitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } from 'react-native';\nimport { isNil } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmLinearlayout from '../linearlayout.component';\nimport WmLinearlayoutitemProps from './linearlayoutitem.props';\nimport { DEFAULT_CLASS, WmLinearlayoutitemStyles } from './linearlayoutitem.styles';\n\nexport class WmLinearlayoutitemState extends BaseComponentState<WmLinearlayoutitemProps> {}\n\nexport default class WmLinearlayoutitem extends BaseComponent<WmLinearlayoutitemProps, WmLinearlayoutitemState, WmLinearlayoutitemStyles> {\n\n  constructor(props: WmLinearlayoutitemProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());\n  }\n\n  renderWidget(props: WmLinearlayoutitemProps) {\n    const direction = (this.parent as WmLinearlayout).state.props.direction;\n    return (\n    <View\n      style={{\n        ...this.styles.root,\n        flexGrow: props.flexgrow,\n        flexShrink: isNil(props.flexshrink) ? Platform.OS == \"web\" ? props.flexgrow : 0 : props.flexshrink,\n        flexBasis:  (props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto')\n      } as any}\n      onLayout={(event) => this.handleLayout(event)}\n    >{this._background}{props.children}</View>);\n\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC7C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAGpG,OAAOC,uBAAuB,MAAM,0BAA0B;AAC9D,SAASC,aAAa,QAAkC,2BAA2B;AAEnF,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;IAC3C,MAAME,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACJ,KAAK,CAACE,SAAS;IACvE,oBACAb,KAAA,CAAAgB,aAAA,CAACf,IAAI;MACHgB,KAAK,EAAE;QACL,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI;QACnBC,QAAQ,EAAET,KAAK,CAACU,QAAQ;QACxBC,UAAU,EAAEnB,KAAK,CAACQ,KAAK,CAACY,UAAU,CAAC,GAAGrB,QAAQ,CAACsB,EAAE,IAAI,KAAK,GAAGb,KAAK,CAACU,QAAQ,GAAG,CAAC,GAAGV,KAAK,CAACY,UAAU;QAClGE,SAAS,EAAId,KAAK,CAACU,QAAQ,KAAKR,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC5F,CAAS;MACTa,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAC9C,IAAI,CAACE,WAAW,EAAElB,KAAK,CAACmB,QAAe,CAAC;EAE5C;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","Platform","isNil","BaseComponent","BaseComponentState","Gesture","GestureDetector","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","_defineProperty","swipeGesture","Pan","runOnJS","activeOffsetY","failOffsetX","onEnd","event","translationY","invokeEventCallback","renderWidget","direction","parent","state","content","createElement","style","styles","root","flexGrow","flexgrow","flexShrink","flexshrink","OS","flexBasis","onLayout","handleLayout","_background","children","enableswipe","gesture"],"sources":["linearlayoutitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } from 'react-native';\nimport { isNil } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { Gesture, GestureDetector, GestureType } from 'react-native-gesture-handler';\n\nimport WmLinearlayout from '../linearlayout.component';\nimport WmLinearlayoutitemProps from './linearlayoutitem.props';\nimport { DEFAULT_CLASS, WmLinearlayoutitemStyles } from './linearlayoutitem.styles';\n\nexport class WmLinearlayoutitemState extends BaseComponentState<WmLinearlayoutitemProps> {}\n\nexport default class WmLinearlayoutitem extends BaseComponent<WmLinearlayoutitemProps, WmLinearlayoutitemState, WmLinearlayoutitemStyles> {\n\n  private swipeGesture: GestureType;\n  constructor(props: WmLinearlayoutitemProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());\n    //linear layout item swipe up/down gesture logic\n    this.swipeGesture = Gesture.Pan()\n      .runOnJS(true)\n      .activeOffsetY([-8, 8])    // Only activates on vertical movement\n      .failOffsetX([-30, 30])    // Blocks horizontal swipes\n      .onEnd((event) => {\n        // If we're here, it's definitely a vertical swipe\n        if (event.translationY < 0) {\n          this.invokeEventCallback('onSwipeup', [null, this]);\n        } else {\n          this.invokeEventCallback('onSwipedown', [null, this]);\n        }\n      });\n  }\n\n  \n\n  renderWidget(props: WmLinearlayoutitemProps) {\n    const direction = (this.parent as WmLinearlayout).state.props.direction;\n\n     const content = (\n      <View \n      style={{\n        ...this.styles.root,\n        flexGrow: props.flexgrow,\n        flexShrink: isNil(props.flexshrink) ? Platform.OS == \"web\" ? props.flexgrow : 0 : props.flexshrink,\n        flexBasis:  (props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto')\n      } as any}\n      onLayout={(event) => this.handleLayout(event)}\n    >{this._background}{props.children}</View>); \n    \n\n    //Conditionally wrap with GestureDetector\n    if (props.enableswipe) {\n      return (\n        <GestureDetector gesture={this.swipeGesture}>\n          {content}\n        </GestureDetector>\n      );\n    }\n    \n    return content;\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC7C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AACpG,SAASC,OAAO,EAAEC,eAAe,QAAqB,8BAA8B;AAGpF,OAAOC,uBAAuB,MAAM,0BAA0B;AAC9D,SAASC,aAAa,QAAkC,2BAA2B;AAEnF,OAAO,MAAMC,uBAAuB,SAASL,kBAAkB,CAA0B;AAEzF,eAAe,MAAMM,kBAAkB,SAASP,aAAa,CAA6E;EAGxIQ,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;IAC1D;IAAAM,eAAA;IACA,IAAI,CAACC,YAAY,GAAGT,OAAO,CAACU,GAAG,CAAC,CAAC,CAC9BC,OAAO,CAAC,IAAI,CAAC,CACbC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAI;IAAA,CAC1BC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAI;IAAA,CAC1BC,KAAK,CAAEC,KAAK,IAAK;MAChB;MACA,IAAIA,KAAK,CAACC,YAAY,GAAG,CAAC,EAAE;QAC1B,IAAI,CAACC,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;MACrD,CAAC,MAAM;QACL,IAAI,CAACA,mBAAmB,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;MACvD;IACF,CAAC,CAAC;EACN;EAIAC,YAAYA,CAACX,KAA8B,EAAE;IAC3C,MAAMY,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACd,KAAK,CAACY,SAAS;IAEtE,MAAMG,OAAO,gBACZ5B,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;MACL6B,KAAK,EAAE;QACL,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI;QACnBC,QAAQ,EAAEpB,KAAK,CAACqB,QAAQ;QACxBC,UAAU,EAAEhC,KAAK,CAACU,KAAK,CAACuB,UAAU,CAAC,GAAGlC,QAAQ,CAACmC,EAAE,IAAI,KAAK,GAAGxB,KAAK,CAACqB,QAAQ,GAAG,CAAC,GAAGrB,KAAK,CAACuB,UAAU;QAClGE,SAAS,EAAIzB,KAAK,CAACqB,QAAQ,KAAKT,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC5F,CAAS;MACTc,QAAQ,EAAGlB,KAAK,IAAK,IAAI,CAACmB,YAAY,CAACnB,KAAK;IAAE,GAC9C,IAAI,CAACoB,WAAW,EAAE5B,KAAK,CAAC6B,QAAe,CAAE;;IAG3C;IACA,IAAI7B,KAAK,CAAC8B,WAAW,EAAE;MACrB,oBACE3C,KAAA,CAAA6B,aAAA,CAACtB,eAAe;QAACqC,OAAO,EAAE,IAAI,CAAC7B;MAAa,GACzCa,OACc,CAAC;IAEtB;IAEA,OAAOA,OAAO;EAChB;AACF","ignoreList":[]}

package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.props.js

@@ -6,6 +6,7 @@ export default class WmLinearlayoutitemProps extends BaseProps {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "children", []);
+    _defineProperty(this, "enableswipe", false);
     _defineProperty(this, "flexgrow", null);
     _defineProperty(this, "flexshrink", null);
   }

package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmLinearlayoutitemProps","constructor","args","_defineProperty"],"sources":["linearlayoutitem.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutitemProps extends BaseProps {\n    children?: any[] = [];\n    flexgrow: number = null as any;\n    flexshrink: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACxC,EAAE;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,qBACF,IAAI;EAAA;AAC7B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmLinearlayoutitemProps","constructor","args","_defineProperty"],"sources":["linearlayoutitem.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutitemProps extends BaseProps {\n    children?: any[] = [];\n    enableswipe?: boolean = false;\n    flexgrow: number = null as any;\n    flexshrink: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACxC,EAAE;IAAAA,eAAA,sBACG,KAAK;IAAAA,eAAA,mBACV,IAAI;IAAAA,eAAA,qBACF,IAAI;EAAA;AAC7B","ignoreList":[]}

package/components/container/tabs/tabheader/tabheader.component.js

@@ -72,9 +72,6 @@ export default class WmTabheader extends BaseComponent {
     const maxScrollPosition = 0;
     toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);
     toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);
-    const headertype = this.state.props.headertype || 'icon-label';
-    const iconposition = headertype === 'icon-label' ? this.state.props.iconposition || 'top' : this.state.props.iconposition;
-    const indicatorTargetWidth = iconposition === 'left' || iconposition === 'right' ? toIndicatorWidth : toIndicatorWidth / 3;
     let positionIndicator = toIndicatorPosition - (100 - toIndicatorWidth) / 2;
     let position = this.isRTL ? -positionIndicator : positionIndicator;
     const positionX = this.scrollPosition(selectedTabIndex, totalWidth, toIndicatorPosition);
@@ -90,12 +87,12 @@ export default class WmTabheader extends BaseComponent {
       easing: Easing.linear
     }), Animated.timing(this.indicatorWidth, {
       useNativeDriver: true,
-      toValue: indicatorTargetWidth / 100,
+      toValue: toIndicatorWidth / 100,
       duration: 200,
       easing: Easing.linear
     }), Animated.timing(this.reverseIndicatorWidth, {
       useNativeDriver: true,
-      toValue: indicatorTargetWidth ? 100 / indicatorTargetWidth : 0,
+      toValue: toIndicatorWidth ? 100 / toIndicatorWidth : 0,
       duration: 200,
       easing: Easing.linear
     }), Animated.timing(this.indicatorPosition, {
@@ -149,12 +146,6 @@ export default class WmTabheader extends BaseComponent {
   }
   renderHeaderContent(props) {
     const arrowIndicator = this.styles.arrowIndicator;
-    const headertype = props.headertype || 'icon-label';
-    const variantClass = `${DEFAULT_CLASS}-${headertype}`;
-    const variantStyles = this.theme.getStyle(variantClass);
-    const iconposition = props.iconposition || 'top';
-    const iconpositionClass = iconposition ? `${DEFAULT_CLASS}-iconposition-${iconposition}` : '';
-    const iconpositionStyles = iconpositionClass ? this.theme.getStyle(iconpositionClass) : null;
     return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
     }, this._background, props.data.map((header, i) => {
@@ -177,17 +168,17 @@ export default class WmTabheader extends BaseComponent {
       }), /*#__PURE__*/React.createElement(View, {
         onLayout: this.setHeaderPositon.bind(this, i)
       }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.header, variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.header, iconpositionStyles === null || iconpositionStyles === void 0 ? void 0 : iconpositionStyles.header, {
+        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, variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.headerIcon, iconpositionStyles === null || iconpositionStyles === void 0 ? void 0 : iconpositionStyles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null),
+        styles: this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null),
         iconclass: header.icon,
         accessible: false
       }), /*#__PURE__*/React.createElement(Text, _extends({
         numberOfLines: 1,
-        style: [this.styles.headerText, variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.headerText, iconpositionStyles === null || iconpositionStyles === void 0 ? void 0 : iconpositionStyles.headerText, isSelected ? this.styles.activeHeaderText : null]
+        style: [this.styles.headerText, isSelected ? this.styles.activeHeaderText : null]
       }, this.getTestPropsForLabel(i + '_title')), header.title))));
     })), /*#__PURE__*/React.createElement(Animated.View, {
       style: [this.styles.activeIndicator, {

package/components/container/tabs/tabheader/tabheader.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","Animated","Easing","Text","View","ScrollView","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmIcon","AccessibilityWidgetType","getAccessibilityProps","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$headersLayout$s","_this$headersLayout$s2","_this$headerPanelLayo","initialPosition","isRTL","baseWidth","elementWidth","width","positionX","setPosition","_this$headersLayout$s3","_this$headerPanelLayo2","_this$headerPanelLayo3","_this$listRef$current","toIndicatorWidth","toHeaderScrollPosition","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","headertype","iconposition","indicatorTargetWidth","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","disableTouchEffect","disabletoucheffect","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderHeaderContent","arrowIndicator","variantClass","variantStyles","getStyle","iconpositionClass","iconpositionStyles","_background","accessibilityProps","TABS","selected","accessibilitylabel","hint","accessibilityrole","_extends","getTestPropsForAction","flexGrow","undefined","id","getTestId","mergeStyle","headerIcon","activeHeaderIcon","iconclass","icon","accessible","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot","renderWidget","overflow","zIndex","getTestProps","event","handleLayout","shouldScroll","ref","horizontal","contentContainerStyle","showsHorizontalScrollIndicator","scrollEnabled","Fragment"],"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-ai/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker-ai/app-rn-runtime/styles/background.component';\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\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    const headertype = this.state.props.headertype || 'icon-label';\n    const iconposition =\n      headertype === 'icon-label'\n        ? (this.state.props.iconposition || 'top')\n        : this.state.props.iconposition;\n    const indicatorTargetWidth =\n      iconposition === 'left' || iconposition === 'right'\n        ? toIndicatorWidth\n        : (toIndicatorWidth / 3);\n\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:  indicatorTargetWidth / 100,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.reverseIndicatorWidth, {\n        useNativeDriver: true,\n        toValue:  indicatorTargetWidth ? 100 / indicatorTargetWidth : 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}} disableTouchEffect={this.state.props.disabletoucheffect}>\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  public renderHeaderContent(props: WmTabheaderProps){\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    const headertype = props.headertype || 'icon-label';\n    const variantClass = `${DEFAULT_CLASS}-${headertype}`;\n    const variantStyles = this.theme.getStyle(variantClass) as any;\n    const iconposition = props.iconposition || 'top';\n    const iconpositionClass = iconposition ? `${DEFAULT_CLASS}-iconposition-${iconposition}` : '';\n    const iconpositionStyles = iconpositionClass ? (this.theme.getStyle(iconpositionClass) as any) : null;\n    return (\n    <View>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            const accessibilityProps = getAccessibilityProps(AccessibilityWidgetType.TABS, {\n              selected: isSelected,\n              accessibilitylabel: props.accessibilityProps[i].accessibilitylabel,\n              hint: props.accessibilityProps[i].hint,\n              accessibilityrole: props.accessibilityProps[i].accessibilityrole,\n            });\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key}\n                disableTouchEffect={this.state.props.disabletoucheffect}\n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null} accessibilityProps={accessibilityProps}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)}>\n                  <View style={[\n                    this.styles.header,\n                    variantStyles?.header,\n                    iconpositionStyles?.header,\n                    {flexGrow: undefined},\n                    isSelected ? this.styles.activeHeader : null]}>\n                    <WmIcon\n                      id={this.getTestId(i + 'icon')}\n                      styles={this.theme.mergeStyle(\n                        {},\n                        this.styles.headerIcon,\n                        variantStyles?.headerIcon,\n                        iconpositionStyles?.headerIcon,\n                        isSelected ? this.styles.activeHeaderIcon : null\n                      )}\n                      iconclass={header.icon}\n                      accessible={false}></WmIcon>\n                    <Text numberOfLines={1}\n                      style={[\n                        this.styles.headerText,\n                        variantStyles?.headerText,\n                        iconpositionStyles?.headerText,\n                        isSelected ? this.styles.activeHeaderText : null\n                      ]}\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  }\n\n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    return (\n      <View\n        style={{overflow: 'hidden', zIndex: 16}}\n        {...this.getTestProps('tabheader')}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n     {props.shouldScroll ?\n      <ScrollView\n        ref={this.listRef}\n        horizontal={true}\n        onLayout={this.setHeaderPanelPositon.bind(this)}\n        contentContainerStyle={{width: '100%'}}\n        showsHorizontalScrollIndicator={false}\n        scrollEnabled={props.shouldScroll}\n      >\n     {this.renderHeaderContent(props)}\n      </ScrollView> : <>\n      {this.renderHeaderContent(props)}\n      </>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createRef","Animated","Easing","Text","View","ScrollView","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmIcon","AccessibilityWidgetType","getAccessibilityProps","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$headersLayout$s","_this$headersLayout$s2","_this$headerPanelLayo","initialPosition","isRTL","baseWidth","elementWidth","width","positionX","setPosition","_this$headersLayout$s3","_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","disableTouchEffect","disabletoucheffect","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderHeaderContent","arrowIndicator","_background","accessibilityProps","TABS","selected","accessibilitylabel","hint","accessibilityrole","_extends","getTestPropsForAction","flexGrow","undefined","id","getTestId","mergeStyle","headerIcon","activeHeaderIcon","iconclass","icon","accessible","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot","renderWidget","overflow","zIndex","getTestProps","event","handleLayout","shouldScroll","ref","horizontal","contentContainerStyle","showsHorizontalScrollIndicator","scrollEnabled","Fragment"],"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-ai/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker-ai/app-rn-runtime/styles/background.component';\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\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}} disableTouchEffect={this.state.props.disabletoucheffect}>\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  public renderHeaderContent(props: WmTabheaderProps){\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n    <View>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            const accessibilityProps = getAccessibilityProps(AccessibilityWidgetType.TABS, {\n              selected: isSelected,\n              accessibilitylabel: props.accessibilityProps[i].accessibilitylabel,\n              hint: props.accessibilityProps[i].hint,\n              accessibilityrole: props.accessibilityProps[i].accessibilityrole,\n            });\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key}\n                disableTouchEffect={this.state.props.disabletoucheffect}\n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null} accessibilityProps={accessibilityProps}>\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}\n                      accessible={false}></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  }\n\n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    return (\n      <View\n        style={{overflow: 'hidden', zIndex: 16}}\n        {...this.getTestProps('tabheader')}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n     {props.shouldScroll ?\n      <ScrollView\n        ref={this.listRef}\n        horizontal={true}\n        onLayout={this.setHeaderPanelPositon.bind(this)}\n        contentContainerStyle={{width: '100%'}}\n        showsHorizontalScrollIndicator={false}\n        scrollEnabled={props.shouldScroll}\n      >\n     {this.renderHeaderContent(props)}\n      </ScrollView> : <>\n      {this.renderHeaderContent(props)}\n      </>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/tabs/tabheader/tabheader.props.js

@@ -11,8 +11,6 @@ export default class WmTabheaderProps extends BaseProps {
     _defineProperty(this, "shouldScroll", void 0);
     _defineProperty(this, "disabletoucheffect", false);
     _defineProperty(this, "accessibilityProps", void 0);
-    _defineProperty(this, "headertype", 'icon-label');
-    _defineProperty(this, "iconposition", void 0);
   }
 }
 //# sourceMappingURL=tabheader.props.js.map

package/components/container/tabs/tabheader/tabheader.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmTabheaderProps","constructor","args","_defineProperty"],"sources":["tabheader.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/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  shouldScroll?: boolean;\n  disabletoucheffect?: boolean = false;\n  accessibilityProps?: any;\n  headertype?: 'icon-only' | 'icon-label' | 'label-only' = 'icon-label';\n  iconposition?: 'left' | 'right' | 'top';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,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;IAAAA,eAAA;IAAAA,eAAA,6BAEd,KAAK;IAAAA,eAAA;IAAAA,eAAA,qBAEqB,YAAY;IAAAA,eAAA;EAAA;AAEvE","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmTabheaderProps","constructor","args","_defineProperty"],"sources":["tabheader.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/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  shouldScroll?: boolean;\n  disabletoucheffect?: boolean = false;\n  accessibilityProps?: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,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;IAAAA,eAAA;IAAAA,eAAA,6BAEd,KAAK;IAAAA,eAAA;EAAA;AAEtC","ignoreList":[]}

package/components/container/tabs/tabheader/tabheader.styles.js

@@ -16,11 +16,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       paddingVertical: 12,
       minWidth: 80,
       minHeight: 48,
-      flexDirection: 'column',
+      flexDirection: 'row',
       justifyContent: 'center',
-      alignItems: 'center',
       flexGrow: 1
-      // gap: 4
     },
     headerIcon: {
       text: {
@@ -67,45 +65,5 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     skeleton: {}
   };
   addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle(DEFAULT_CLASS + '-icon-label', '', {});
-  addStyle(DEFAULT_CLASS + '-icon-only', '', {
-    headerText: {
-      display: 'none'
-    }
-  });
-  addStyle(DEFAULT_CLASS + '-label-only', '', {
-    headerIcon: {
-      root: {
-        display: 'none'
-      }
-    }
-  });
-  addStyle(DEFAULT_CLASS + '-iconposition-top', '', {
-    header: {
-      flexDirection: 'column'
-    }
-  });
-  addStyle(DEFAULT_CLASS + '-iconposition-left', '', {
-    header: {
-      flexDirection: 'row',
-      gap: 8
-    },
-    headerIcon: {
-      root: {
-        marginRight: 8
-      }
-    }
-  });
-  addStyle(DEFAULT_CLASS + '-iconposition-right', '', {
-    header: {
-      flexDirection: 'row-reverse',
-      gap: 8
-    },
-    headerIcon: {
-      root: {
-        marginLeft: 8
-      }
-    }
-  });
 });
 //# sourceMappingURL=tabheader.styles.js.map

package/components/container/tabs/tabheader/tabheader.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","minWidth","overflow","backgroundColor","tabHeaderBgColor","text","header","paddingTop","paddingBottom","paddingVertical","minHeight","justifyContent","alignItems","flexGrow","headerIcon","color","tabHeaderIconColor","icon","fontSize","headerText","tabHeaderTextColor","fontFamily","baseFont","fontWeight","activeHeader","tabActiveHeaderBgColor","activeIndicator","tabActiveIndicatorBgColor","width","height","marginTop","activeHeaderIcon","tabActiveHeaderIconColor","activeHeaderText","tabActiveHeaderTextColor","arrowIndicator","display","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","arrowIndicatorDot","skeleton","gap","marginRight","marginLeft"],"sources":["tabheader.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTabheaderStyles = BaseStyles & {\n    activeIndicator: ViewStyle,\n    header: ViewStyle,\n    headerIcon: WmIconStyles,\n    headerText: TextStyle,\n    arrowIndicator: ViewStyle,\n    arrowIndicatorDot: ViewStyle,\n    activeHeader: ViewStyle,\n    activeHeaderIcon: WmIconStyles,\n    activeHeaderText: TextStyle,\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-tabheader';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = {\n        root: {\n            flexDirection: 'row',\n            minWidth: '100%',\n            overflow: 'visible',\n            backgroundColor: themeVariables.tabHeaderBgColor,\n        },\n        text: {},\n        header: {\n            backgroundColor: themeVariables.tabHeaderBgColor,\n            paddingTop: 16,\n            paddingBottom: 16,\n            paddingVertical: 12,\n            minWidth: 80,\n            minHeight:48,\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            flexGrow: 1,\n            // gap: 4\n        },\n        headerIcon: {\n            text: {\n                color: themeVariables.tabHeaderIconColor\n            },\n            icon: {\n                fontSize : 12\n             }\n        } as WmIconStyles,\n        headerText: {\n            color: themeVariables.tabHeaderTextColor,\n            overflow: 'visible',\n            fontFamily: themeVariables.baseFont,\n            fontWeight: '500',\n            fontSize: 14,\n        },\n        activeHeader: {\n            backgroundColor: themeVariables.tabActiveHeaderBgColor\n        },\n        activeIndicator: {\n            backgroundColor: themeVariables.tabActiveIndicatorBgColor,\n            width: 100,\n            height: 2,\n            marginTop: -2\n        },\n        activeHeaderIcon: {\n            text: {\n                color: themeVariables.tabActiveHeaderIconColor\n            }\n        } as WmIconStyles,\n        activeHeaderText: {\n            color: themeVariables.tabActiveHeaderTextColor\n        },\n        arrowIndicator: {\n            display: 'none',\n            backgroundImage: '',\n            backgroundSize: '100% 100%',\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat'\n        },\n        arrowIndicatorDot: {\n            display: 'none'\n        },\n        skeleton: {} as WmSkeletonStyles\n    } as WmTabheaderStyles;\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-icon-label', '', {} as any);\n    addStyle(DEFAULT_CLASS + '-icon-only', '', {\n        headerText: {\n            display: 'none'\n        }\n    } as any);\n    addStyle(DEFAULT_CLASS + '-label-only', '', {\n        headerIcon: {\n            root: {\n                display: 'none'\n            }\n        } as any\n    } as any);\n\n    addStyle(DEFAULT_CLASS + '-iconposition-top', '', {\n        header: {\n            flexDirection: 'column'\n        }\n    } as any);\n\n    addStyle(DEFAULT_CLASS + '-iconposition-left', '', {\n        header: {\n            flexDirection: 'row',\n            gap: 8\n        },\n        headerIcon: {\n            root: {\n                marginRight: 8\n            }\n        } as any\n    } as any);\n\n    addStyle(DEFAULT_CLASS + '-iconposition-right', '', {\n        header: {\n            flexDirection: 'row-reverse',\n            gap: 8\n        },\n        headerIcon: {\n            root: {\n                marginLeft: 8\n            }\n        } as any\n    } as any);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","minWidth","overflow","backgroundColor","tabHeaderBgColor","text","header","paddingTop","paddingBottom","paddingVertical","minHeight","justifyContent","flexGrow","headerIcon","color","tabHeaderIconColor","icon","fontSize","headerText","tabHeaderTextColor","fontFamily","baseFont","fontWeight","activeHeader","tabActiveHeaderBgColor","activeIndicator","tabActiveIndicatorBgColor","width","height","marginTop","activeHeaderIcon","tabActiveHeaderIconColor","activeHeaderText","tabActiveHeaderTextColor","arrowIndicator","display","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","arrowIndicatorDot","skeleton"],"sources":["tabheader.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTabheaderStyles = BaseStyles & {\n    activeIndicator: ViewStyle,\n    header: ViewStyle,\n    headerIcon: WmIconStyles,\n    headerText: TextStyle,\n    arrowIndicator: ViewStyle,\n    arrowIndicatorDot: ViewStyle,\n    activeHeader: ViewStyle,\n    activeHeaderIcon: WmIconStyles,\n    activeHeaderText: TextStyle,\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-tabheader';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = {\n        root: {\n            flexDirection: 'row',\n            minWidth: '100%',\n            overflow: 'visible',\n            backgroundColor: themeVariables.tabHeaderBgColor,\n        },\n        text: {},\n        header: {\n            backgroundColor: themeVariables.tabHeaderBgColor,\n            paddingTop: 16,\n            paddingBottom: 16,\n            paddingVertical: 12,\n            minWidth: 80,\n            minHeight:48,\n            flexDirection: 'row',\n            justifyContent: 'center',\n            flexGrow: 1\n        },\n        headerIcon: {\n            text: {\n                color: themeVariables.tabHeaderIconColor\n            },\n            icon: {\n                fontSize : 12\n             }\n        } as WmIconStyles,\n        headerText: {\n            color: themeVariables.tabHeaderTextColor,\n            overflow: 'visible',\n            fontFamily: themeVariables.baseFont,\n            fontWeight: '500',\n            fontSize: 14,\n        },\n        activeHeader: {\n            backgroundColor: themeVariables.tabActiveHeaderBgColor\n        },\n        activeIndicator: {\n            backgroundColor: themeVariables.tabActiveIndicatorBgColor,\n            width: 100,\n            height: 2,\n            marginTop: -2\n        },\n        activeHeaderIcon: {\n            text: {\n                color: themeVariables.tabActiveHeaderIconColor\n            }\n        } as WmIconStyles,\n        activeHeaderText: {\n            color: themeVariables.tabActiveHeaderTextColor\n        },\n        arrowIndicator: {\n            display: 'none',\n            backgroundImage: '',\n            backgroundSize: '100% 100%',\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat'\n        },\n        arrowIndicatorDot: {\n            display: 'none'\n        },\n        skeleton: {} as WmSkeletonStyles\n    } as WmTabheaderStyles;\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAmBlE,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAG;IAClBC,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE,SAAS;MACnBC,eAAe,EAAEP,cAAc,CAACQ;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACJH,eAAe,EAAEP,cAAc,CAACQ,gBAAgB;MAChDG,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,eAAe,EAAE,EAAE;MACnBR,QAAQ,EAAE,EAAE;MACZS,SAAS,EAAC,EAAE;MACZV,aAAa,EAAE,KAAK;MACpBW,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACd,CAAC;IACDC,UAAU,EAAE;MACRR,IAAI,EAAE;QACFS,KAAK,EAAElB,cAAc,CAACmB;MAC1B,CAAC;MACDC,IAAI,EAAE;QACFC,QAAQ,EAAG;MACd;IACL,CAAiB;IACjBC,UAAU,EAAE;MACRJ,KAAK,EAAElB,cAAc,CAACuB,kBAAkB;MACxCjB,QAAQ,EAAE,SAAS;MACnBkB,UAAU,EAAExB,cAAc,CAACyB,QAAQ;MACnCC,UAAU,EAAE,KAAK;MACjBL,QAAQ,EAAE;IACd,CAAC;IACDM,YAAY,EAAE;MACVpB,eAAe,EAAEP,cAAc,CAAC4B;IACpC,CAAC;IACDC,eAAe,EAAE;MACbtB,eAAe,EAAEP,cAAc,CAAC8B,yBAAyB;MACzDC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,CAAC;MACTC,SAAS,EAAE,CAAC;IAChB,CAAC;IACDC,gBAAgB,EAAE;MACdzB,IAAI,EAAE;QACFS,KAAK,EAAElB,cAAc,CAACmC;MAC1B;IACJ,CAAiB;IACjBC,gBAAgB,EAAE;MACdlB,KAAK,EAAElB,cAAc,CAACqC;IAC1B,CAAC;IACDC,cAAc,EAAE;MACZC,OAAO,EAAE,MAAM;MACfC,eAAe,EAAE,EAAE;MACnBC,cAAc,EAAE,WAAW;MAC3BC,kBAAkB,EAAE,QAAQ;MAC5BC,gBAAgB,EAAE;IACtB,CAAC;IACDC,iBAAiB,EAAE;MACfL,OAAO,EAAE;IACb,CAAC;IACDM,QAAQ,EAAE,CAAC;EACf,CAAsB;EACtB5C,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/container/tabs/tabpane/tabpane.component.js

@@ -25,6 +25,10 @@ export default class WmTabpane extends BaseComponent {
   onPartialLoad() {
     this.invokeEventCallback('onLoad', [null, this]);
   }
+  hasOwnFillHugResolution() {
+    var _this$parent;
+    return isAutoLayout(extractAutoLayoutProps(this.state.props, (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.state) === null || _this$parent === void 0 ? void 0 : _this$parent.props));
+  }
   renderContent(props) {
     if (props.renderPartial) {
       if (!this.state.isPartialLoaded) {
@@ -71,8 +75,8 @@ export default class WmTabpane extends BaseComponent {
     this.parent.selectTabPane(this);
   }
   renderWidget(props) {
-    var _this$parent;
-    const autoLayoutProps = extractAutoLayoutProps(props, (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.state) === null || _this$parent === void 0 ? void 0 : _this$parent.props);
+    var _this$parent2;
+    const autoLayoutProps = extractAutoLayoutProps(props, (_this$parent2 = this.parent) === null || _this$parent2 === void 0 || (_this$parent2 = _this$parent2.state) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.props);
     const hasAutoLayout = isAutoLayout(autoLayoutProps);
     const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';
     const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};

package/components/container/tabs/tabpane/tabpane.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","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","_this$parent","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","contentStyle","minWidth","undefined","onScroll","notify","onLayout","handleLayout","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.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    const autoLayoutProps = extractAutoLayoutProps(\n      props,\n      this.parent?.state?.props\n    );\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n    return (\n    <AutoLayoutHost\n      autoLayoutProps={autoLayoutProps}\n      shouldScroll={shouldScroll}\n      containerStyle={[\n        this.styles.root,\n        hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n      ]}\n      contentStyle={hasAutoLayout ? {\n        ...autoLayoutDirectionStyle,\n        ...autoLayoutContentStyle,\n        ...autoLayoutInnerDimensionStyle,\n        minWidth: 0,\n      } : undefined}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n        {this.renderContent(props)}\n      </AutoLayoutHost>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","constructor","args","_defineProperty","WmTabpane","props","subscribe","event","state","isActive","onPartialLoad","invokeEventCallback","hasOwnFillHugResolution","_this$parent","parent","renderContent","renderPartial","isPartialLoaded","setTimeout","updateState","bind","children","showView","isVisible","componentDidMount","tabs","addTabPane","proxy","componentWillUnmount","removeTabPane","_onSelect","_onDeselect","select","selectTabPane","renderWidget","_this$parent2","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","contentStyle","minWidth","undefined","onScroll","notify","onLayout","handleLayout","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.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  protected hasOwnFillHugResolution(): boolean {\n    return isAutoLayout(extractAutoLayoutProps(this.state.props, this.parent?.state?.props));\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    const autoLayoutProps = extractAutoLayoutProps(\n      props,\n      this.parent?.state?.props\n    );\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n    return (\n    <AutoLayoutHost\n      autoLayoutProps={autoLayoutProps}\n      shouldScroll={shouldScroll}\n      containerStyle={[\n        this.styles.root,\n        hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n      ]}\n      contentStyle={hasAutoLayout ? {\n        ...autoLayoutDirectionStyle,\n        ...autoLayoutContentStyle,\n        ...autoLayoutInnerDimensionStyle,\n        minWidth: 0,\n      } : undefined}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n        {this.renderContent(props)}\n      </AutoLayoutHost>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AACpG,SAAQC,sBAAsB,EAAEC,wBAAwB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,YAAY,QAAO,qDAAqD;AACxK,SAASC,cAAc,QAAQ,8DAA8D;AAE7F,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAGjE,OAAO,MAAMC,cAAc,SAAST,kBAAkB,CAAiB;EAAAU,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACnD,KAAK;IAAAA,eAAA,mBACZ,KAAK;EAAA;AAClB;AAEA,eAAe,MAAMC,SAAS,SAASd,aAAa,CAAkD;EAEpGW,WAAWA,CAACI,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,EAAE,IAAIE,cAAc,CAAC,CAAC,CAAC;IAACG,eAAA,iBAFlD,EAAE;IAGxB,IAAI,CAACG,SAAS,CAAC,QAAQ,EAAGC,KAAU,IAAK;MACvC,OAAO,IAAI,CAACC,KAAK,CAACC,QAAQ;IAC5B,CAAC,CAAC;EACJ;EAEAC,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEUC,uBAAuBA,CAAA,EAAY;IAAA,IAAAC,YAAA;IAC3C,OAAOjB,YAAY,CAACJ,sBAAsB,CAAC,IAAI,CAACgB,KAAK,CAACH,KAAK,GAAAQ,YAAA,GAAE,IAAI,CAACC,MAAM,cAAAD,YAAA,gBAAAA,YAAA,GAAXA,YAAA,CAAaL,KAAK,cAAAK,YAAA,uBAAlBA,YAAA,CAAoBR,KAAK,CAAC,CAAC;EAC1F;EAEAU,aAAaA,CAACV,KAAqB,EAAE;IACnC,IAAIA,KAAK,CAACW,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACR,KAAK,CAACS,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAmB,CAAC;QACtB,CAAC,CAAC;MACJ;MACA,OAAOZ,KAAK,CAACW,aAAa,CAACX,KAAK,EAAE,IAAI,CAACK,aAAa,CAACU,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;IACA,OAAOf,KAAK,CAACgB,QAAQ;EACvB;EAEAC,QAAQA,CAAA,EAAY;IAClB,OAAO,IAAI,CAACC,SAAS,CAAC,CAAC,IAAI,IAAI,CAACf,KAAK,CAACC,QAAQ;EAChD;EAEAe,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,IAAI,GAAI,IAAI,CAACX,MAAiB;IACpC;IACA,IAAGW,IAAI,CAACC,UAAU,EAAE;MAClBD,IAAI,CAACC,UAAU,CAAC,IAAI,CAACC,KAAkB,CAAC;IAC1C;IACA,KAAK,CAACH,iBAAiB,CAAC,CAAC;EAC3B;EAEAI,oBAAoBA,CAAA,EAAG;IACrB,MAAMH,IAAI,GAAI,IAAI,CAACX,MAAiB;IACpC,IAAGW,IAAI,CAACI,aAAa,EAAE;MACrBJ,IAAI,CAACI,aAAa,CAAC,IAAI,CAAC;IAC1B;EACF;EAEAC,SAASA,CAAA,EAAG;IACV,IAAI,CAACX,WAAW,CAAC;MACfV,QAAQ,EAAE;IACZ,CAAmB,CAAC;IACpB,IAAI,CAACE,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACgB,KAAK,CAAC,CAAC;EAC1D;EACAI,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACZ,WAAW,CAAC;MACfV,QAAQ,EAAE;IACZ,CAAmB,CAAC;IACpB,IAAI,CAACE,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACgB,KAAK,CAAC,CAAC;EAC5D;EAEAK,MAAMA,CAAA,EAAG;IACN,IAAI,CAAClB,MAAM,CAAYmB,aAAa,CAAC,IAAI,CAAC;EAC7C;EAEAC,YAAYA,CAAC7B,KAAqB,EAAE;IAAA,IAAA8B,aAAA;IAClC,MAAMC,eAAe,GAAG5C,sBAAsB,CAC5Ca,KAAK,GAAA8B,aAAA,GACL,IAAI,CAACrB,MAAM,cAAAqB,aAAA,gBAAAA,aAAA,GAAXA,aAAA,CAAa3B,KAAK,cAAA2B,aAAA,uBAAlBA,aAAA,CAAoB9B,KACtB,CAAC;IACD,MAAMgC,aAAa,GAAGzC,YAAY,CAACwC,eAAe,CAAC;IACnD,MAAME,YAAY,GAAG,CAACD,aAAa,IAAID,eAAe,CAACG,QAAQ,KAAK,QAAQ;IAC5E,MAAMC,wBAAwB,GAAGH,aAAa,GAAG3C,iBAAiB,CAAC0C,eAAe,CAAC,GAAG,CAAC,CAAC;IACxF,MAAMK,sBAAsB,GAAGJ,aAAa,GAAG5C,wBAAwB,CAAC2C,eAAe,CAAC,GAAG,CAAC,CAAC;IAC7F,MAAMM,6BAA6B,GAAGL,aAAa,GAAG1C,iBAAiB,CAACyC,eAAe,EAAE,IAAI,CAACO,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/G,MAAMC,6BAA6B,GAAGR,aAAa,GAAG1C,iBAAiB,CAACyC,eAAe,EAAE,IAAI,CAACO,MAAM,CAACC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAErH,oBACAvD,KAAA,CAAAyD,aAAA,CAACjD,cAAc;MACbuC,eAAe,EAAEA,eAAgB;MACjCE,YAAY,EAAEA,YAAa;MAC3BS,cAAc,EAAE,CACd,IAAI,CAACJ,MAAM,CAACC,IAAI,EAChBP,aAAa,GAAG;QAAE,GAAGG,wBAAwB;QAAE,GAAGE;MAA8B,CAAC,GAAG,CAAC,CAAC,CACtF;MACFM,YAAY,EAAEX,aAAa,GAAG;QAC5B,GAAGG,wBAAwB;QAC3B,GAAGC,sBAAsB;QACzB,GAAGI,6BAA6B;QAChCI,QAAQ,EAAE;MACZ,CAAC,GAAGC,SAAU;MACdC,QAAQ,EAAG5C,KAAK,IAAK;QAAC,IAAI,CAAC6C,MAAM,CAAC,QAAQ,EAAE,CAAC7C,KAAK,CAAC,CAAC;MAAA,CAAE;MACtD8C,QAAQ,EAAG9C,KAAK,IAAK,IAAI,CAAC+C,YAAY,CAAC/C,KAAK;IAAE,GAE3C,IAAI,CAACgD,WAAW,EAChB,IAAI,CAACxC,aAAa,CAACV,KAAK,CACX,CAAC;EACrB;AACF","ignoreList":[]}