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

package/components/data/list/list.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","listContainer","text","listIcon","marginTop","marginRight","groupHeading","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","heading","padding","marginBottom","listHeaderBgColor","title","listTitleColor","fontWeight","subheading","emptyMessage","onDemandMessage","paddingVertical","width","textAlign","group","item","boxShadow","flexDirection","paddingTop","paddingBottom","minHeight","itemBgColor","borderColor","selectedItemBorderColor","borderRadius","borderStyle","itemContainer","selectedItem","selectedIcon","position","right","top","primaryColor","skeleton","shadowColor","minWidth","borderBottomWidth","borderBottomColor","listDividerColor","borderRightWidth","borderRightColor"],"sources":["list.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmLabelStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.styles';\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 WmListStyles = BaseStyles & {\n    heading: AllStyle,\n    groupHeading: TextStyle,\n    listIcon: WmIconStyles,\n    loadingIcon: WmIconStyles,\n    title: WmLabelStyles,\n    subheading: WmLabelStyles,\n    emptyMessage: WmLabelStyles,\n    onDemandMessage: WmLabelStyles,\n    item: AllStyle,\n    itemContainer: ViewStyle | ViewStyle[],\n    selectedItem: AllStyle,\n    selectedIcon: WmIconStyles,\n    group: AllStyle,\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-list';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmListStyles = defineStyles({\n        root: {},\n        listContainer:{},\n        text: {},\n        listIcon: {\n            root: {\n                marginTop: 10,\n                marginRight: 8\n            }\n        } as WmIconStyles,\n        groupHeading: {\n            backgroundColor: themeVariables.groupHeadingBgColor,\n            fontSize: 16,\n            paddingLeft: 8,\n            paddingRight: 8,\n            lineHeight: 40,\n            fontFamily: themeVariables.baseFont\n        },\n        loadingIcon: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                justifyContent: 'center',\n                fontSize: 16\n            },\n            text: {\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmIconStyles,\n        heading : {\n            padding: 8,\n            marginBottom: 6,\n            backgroundColor: themeVariables.listHeaderBgColor\n        },\n        title: {\n            text: {\n                color: themeVariables.listTitleColor,\n                fontSize: 16,\n                fontFamily: themeVariables.baseFont,\n                lineHeight: 24,\n                fontWeight: '400'\n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 14,\n                lineHeight: 20,\n                fontFamily: themeVariables.baseFont,\n                fontWeight: '400',\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        emptyMessage: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                fontSize: 16,\n                lineHeight: 18,\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        onDemandMessage: {\n            root: {\n                paddingVertical: 8,\n                width: '100%'\n            } as ViewStyle,\n            text: {\n                textAlign: 'center',\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        group: {\n            marginBottom: 16,\n        },\n        item: {\n            boxShadow: '1px 1px 1px rgba(0, 0, 0, 0.08)',\n            paddingLeft: 4,\n            paddingRight: 4,\n            flex: 1,\n            flexDirection: 'row',\n            paddingTop: 4,\n            paddingBottom: 4,\n            minHeight: 56,\n            backgroundColor: themeVariables.itemBgColor,\n            borderColor: themeVariables.selectedItemBorderColor,\n            borderRadius: 6,\n            borderStyle: 'solid',\n        },\n        itemContainer: {\n        },\n        selectedItem : {} as AllStyle,\n        selectedIcon : {\n            root: {\n                position: 'absolute',\n                right: 0,\n                top: 0\n            },\n            text: {\n                color: themeVariables.primaryColor,\n                fontSize: 16\n            }\n        } as WmIconStyles,\n        skeleton: {\n            root: {\n                shadowColor: 'transparent',\n                paddingTop: 0,\n                paddingBottom: 0,\n                paddingLeft: 0,\n                paddingRight: 0,\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n    addStyle('app-horizontal-list', '', {\n        groupHeading: {\n            minWidth: 120,\n            backgroundColor: themeVariables.groupHeadingBgColor,\n        },\n        item: {\n            marginRight: 6,\n            borderColor: themeVariables.selectedItemBorderColor,\n        }\n    } as WmListStyles);\n\n    addStyle('app-vertical-list', '', {\n        item: {\n            marginBottom: 6,\n            width: '100%',\n            borderBottomWidth: 0,\n            borderBottomColor: themeVariables.listDividerColor,\n        }\n    } as any as WmListStyles);\n\n    addStyle('app-horizontal-list-dense', '', {\n        item: {\n            marginRight: 0,\n            borderRadius: 0,\n            borderRightWidth: 1,\n            borderRightColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n\n    addStyle('app-list-dense', '', {\n        item: {\n            marginBottom: 0,\n            borderRadius: 0,\n            borderBottomWidth: 1,\n            borderBottomColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","listContainer","text","listIcon","marginTop","marginRight","groupHeading","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","heading","padding","marginBottom","listHeaderBgColor","title","listTitleColor","fontWeight","subheading","emptyMessage","onDemandMessage","paddingVertical","width","textAlign","group","item","itemContainer","selectedItem","selectedIcon","position","right","top","primaryColor","skeleton","shadowColor","paddingTop","paddingBottom","minWidth","borderColor","selectedItemBorderColor","borderBottomWidth","borderBottomColor","listDividerColor","borderRadius","borderRightWidth","borderRightColor"],"sources":["list.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmLabelStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.styles';\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 WmListStyles = BaseStyles & {\n    heading: AllStyle,\n    groupHeading: TextStyle,\n    listIcon: WmIconStyles,\n    loadingIcon: WmIconStyles,\n    title: WmLabelStyles,\n    subheading: WmLabelStyles,\n    emptyMessage: WmLabelStyles,\n    onDemandMessage: WmLabelStyles,\n    item: AllStyle,\n    itemContainer: ViewStyle | ViewStyle[],\n    selectedItem: AllStyle,\n    selectedIcon: WmIconStyles,\n    group: AllStyle,\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-list';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmListStyles = defineStyles({\n        root: {},\n        listContainer:{},\n        text: {},\n        listIcon: {\n            root: {\n                marginTop: 10,\n                marginRight: 8\n            }\n        } as WmIconStyles,\n        groupHeading: {\n            backgroundColor: themeVariables.groupHeadingBgColor,\n            fontSize: 16,\n            paddingLeft: 8,\n            paddingRight: 8,\n            lineHeight: 40,\n            fontFamily: themeVariables.baseFont\n        },\n        loadingIcon: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                justifyContent: 'center',\n                fontSize: 16\n            },\n            text: {\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmIconStyles,\n        heading : {\n            padding: 8,\n            marginBottom: 6,\n            backgroundColor: themeVariables.listHeaderBgColor\n        },\n        title: {\n            text: {\n                color: themeVariables.listTitleColor,\n                fontSize: 16,\n                fontFamily: themeVariables.baseFont,\n                lineHeight: 24,\n                fontWeight: '400'\n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 14,\n                lineHeight: 20,\n                fontFamily: themeVariables.baseFont,\n                fontWeight: '400',\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        emptyMessage: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                fontSize: 16,\n                lineHeight: 18,\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        onDemandMessage: {\n            root: {\n                paddingVertical: 8,\n                width: '100%'\n            } as ViewStyle,\n            text: {\n                textAlign: 'center',\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        group: {\n            marginBottom: 16,\n        },\n        item: {\n        },\n        itemContainer: {\n        },\n        selectedItem : {} as AllStyle,\n        selectedIcon : {\n            root: {\n                position: 'absolute',\n                right: 0,\n                top: 0\n            },\n            text: {\n                color: themeVariables.primaryColor,\n                fontSize: 16\n            }\n        } as WmIconStyles,\n        skeleton: {\n            root: {\n                shadowColor: 'transparent',\n                paddingTop: 0,\n                paddingBottom: 0,\n                paddingLeft: 0,\n                paddingRight: 0,\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n    addStyle('app-horizontal-list', '', {\n        groupHeading: {\n            minWidth: 120,\n            backgroundColor: themeVariables.groupHeadingBgColor,\n        },\n        item: {\n            marginRight: 6,\n            borderColor: themeVariables.selectedItemBorderColor,\n        }\n    } as WmListStyles);\n\n    addStyle('app-vertical-list', '', {\n        item: {\n            marginBottom: 6,\n            width: '100%',\n            borderBottomWidth: 0,\n            borderBottomColor: themeVariables.listDividerColor,\n        }\n    } as any as WmListStyles);\n\n    addStyle('app-horizontal-list-dense', '', {\n        item: {\n            marginRight: 0,\n            borderRadius: 0,\n            borderRightWidth: 1,\n            borderRightColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n\n    addStyle('app-list-dense', '', {\n        item: {\n            marginBottom: 0,\n            borderRadius: 0,\n            borderBottomWidth: 1,\n            borderBottomColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n});\n"],"mappings":"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","ignoreList":[]}

package/components/page/page-content/page-content.component.js

@@ -93,6 +93,9 @@ export default class WmPageContent extends BaseComponent {
       });
     }
   }
+  hasOwnFillHugResolution() {
+    return isAutoLayout(extractAutoLayoutProps(this.state.props));
+  }
   componentWillUnmount() {
     super.componentWillUnmount();
     if (this._unsubscribeNavHeight) this._unsubscribeNavHeight();

package/components/page/page-content/page-content.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","KeyboardAvoidingView","Platform","View","isWebPreviewMode","HideMode","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","WmPageContentProps","DEFAULT_CLASS","WmLottie","SafeAreaInsetsContext","Animated","StickyWrapperContext","isNumber","WmPageContentState","constructor","args","_defineProperty","WmPageContent","props","event","context","_event$nativeEvent","onScrollEndDrag","scrollDirection","scrollPosition","nativeEvent","contentOffset","y","value","invokeEventCallback","proxy","scrollRef","requestAnimationFrame","notify","hideMode","DONOT_ADD_TO_DOM","state","navHeightForRender","bottomTabHeightForRender","subscribe","scrollTo","_this$scrollRef","current","scrollToEnd","componentDidMount","_unsubscribeNavHeight","navHeightValue","setState","navHeight","bottomTabHeightValue","bottomTabHeight","componentWillUnmount","position","_this$scrollRef2","x","animated","renderSkeleton","skeletonanimationresource","createElement","style","width","styles","root","content","skeleton","source","loop","autoplay","speed","skeletonanimationspeed","renderWidget","showScrollbar","scrollbarColor","borderRadiusStyles","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","autoLayoutProps","hasAutoLayout","autoLayoutStyles","overflow","height","backgroundColor","_showSkeleton","_background","Consumer","insets","top","bottom","left","right","_this$styles","_this$styles2","_this$styles3","_this$styles4","keyboardOffset","consumenotch","verticalOffset","OS","keyboardverticaloffset","paddingTop","padding","paddingBottom","paddingTopVal","paddingBottomVal","navHeightVal","onscroll","bottomTabHeightVal","behavior","undefined","keyboardVerticalOffset","flex","ScrollView","keyboardShouldPersistTaps","keyboardpersisttaps","testID","getTestId","ref","contentContainerStyle","onLayout","handleScrollViewLayout","showsVerticalScrollIndicator","onScroll","alwaysBounceVertical","alwaysBounceHorizontal","bounces","overScrollMode","removeClippedSubviews","handleOnScrollEndDrag","children"],"sources":["page-content.component.tsx"],"sourcesContent":["import React, { createRef, RefObject, useEffect, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { HideMode } from '@wavemaker-ai/app-rn-runtime/core/if.component';\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';\n\nimport WmPageContentProps from './page-content.props';\nimport { DEFAULT_CLASS, WmPageContentStyles } from './page-content.styles';\nimport WmLottie from '@wavemaker-ai/app-rn-runtime/components/basic/lottie/lottie.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport Animated from 'react-native-reanimated';\nimport { StickyWrapperContextType, StickyWrapperContext } from '@wavemaker-ai/app-rn-runtime/core/sticky-wrapper';\nimport { isNumber } from 'lodash-es';\n\nexport class WmPageContentState extends BaseComponentState<WmPageContentProps> {\n  navHeightForRender = 0;\n  bottomTabHeightForRender = 0;\n}\nexport default class WmPageContent extends BaseComponent<WmPageContentProps, WmPageContentState, WmPageContentStyles> {\n  private scrollRef: RefObject<any>;\n  static contextType = StickyWrapperContext;\n  private _unsubscribeNavHeight : any;\n\n  constructor(props: WmPageContentProps) {\n    super(props, DEFAULT_CLASS, new WmPageContentProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.scrollRef = createRef();\n\n    this.state = {\n      ...this.state,\n      navHeightForRender: 0,\n      bottomTabHeightForRender: 0,\n    };\n\n    this.subscribe('scrollToPosition', (args: any) => {\n      this.scrollTo(args);\n    });\n\n    this.subscribe('scrollToEnd', () => {\n      this.scrollRef?.current?.scrollToEnd();\n    });\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this._unsubscribeNavHeight = this.subscribe('updateNavHeight', (navHeightValue: number) => {\n      if (this.state.navHeightForRender !== navHeightValue) {\n        this.setState({ navHeightForRender: navHeightValue });\n      }\n      return null;\n    });\n    if (this.context && (this.context as StickyWrapperContextType).navHeight) {\n      this.setState({ navHeightForRender: (this.context as StickyWrapperContextType).navHeight.value });\n    }\n\n    this._unsubscribeNavHeight = this.subscribe('updateBottomTabHeight', (bottomTabHeightValue: number) => {\n      if (this.state.bottomTabHeightForRender !== bottomTabHeightValue) {\n        this.setState({ bottomTabHeightForRender: bottomTabHeightValue });\n      }\n      return null;\n    });\n    if (this.context && (this.context as StickyWrapperContextType).bottomTabHeight) {\n      this.setState({ bottomTabHeightForRender: (this.context as StickyWrapperContextType).bottomTabHeight.value });\n    }\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    if (this._unsubscribeNavHeight) this._unsubscribeNavHeight();\n  }\n\n  public scrollTo(position: {x: number, y: number}){\n    this.scrollRef?.current?.scrollTo({\n      x: position.x,\n      y: position.y,\n      animated: true\n    });\n  }\n\n  private handleOnScrollEndDrag = (event: any) => {\n    if(this.context) {\n      const { onScrollEndDrag, scrollDirection } = this.context as StickyWrapperContextType;\n      const scrollPosition = event?.nativeEvent?.contentOffset?.y;\n      if (scrollPosition >= 0) {\n        if(scrollDirection.value > 0) {\n          this.invokeEventCallback('onSwipeup', [null, this.proxy]);\n        }else {\n          this.invokeEventCallback('onSwipedown', [null, this.proxy]);\n        }\n        onScrollEndDrag(this.scrollRef);\n      }\n    }\n  }\n\n  public renderSkeleton(props: WmPageContentProps): React.ReactNode {\n    if(this.props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles.root]}>\n       <WmLottie styles={{ content: {...this.styles.root, ...this.styles.skeleton.root} }} source={this.props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n      </View>\n    }\n    return null;\n  }\n\n  private handleScrollViewLayout = () => {\n    requestAnimationFrame(() => {\n        this.notify('updateStickyHeaders', []);\n    });\n  }\n\n  renderWidget(props: WmPageContentProps) {\n    const showScrollbar = (this.styles.root as any).scrollbarColor != 'transparent';\n    const borderRadiusStyles = {\n      borderRadius: this.styles.root.borderRadius,\n      borderTopLeftRadius: this.styles.root.borderTopLeftRadius,\n      borderTopRightRadius: this.styles.root.borderTopRightRadius,\n      borderBottomLeftRadius: this.styles.root.borderBottomLeftRadius,\n      borderBottomRightRadius: this.styles.root.borderBottomRightRadius,\n    };\n\n    const autoLayoutProps = extractAutoLayoutProps(props);\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const autoLayoutStyles = hasAutoLayout ? [\n      getDirectionStyle(autoLayoutProps),\n      getContentContainerStyle(autoLayoutProps),\n      getDimensionStyle(autoLayoutProps, this.styles.root),\n    ] : [];\n\n    return (props.overflow == \"scroll\" || isWebPreviewMode()) ? (\n      <View style={{height: '100%', width: '100%',\n         ...borderRadiusStyles,\n       backgroundColor: this._showSkeleton && this.styles.skeleton.root.backgroundColor ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor\n\n       }}>\n        {this._background}\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            const keyboardOffset = props.consumenotch ? (insets?.bottom || 0) : 0;\n            const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;\n            const paddingTop = this.styles?.root?.paddingTop || this.styles?.root?.padding;\n            const paddingBottom = this.styles?.root?.paddingBottom || this.styles?.root?.padding;\n            const paddingTopVal = isNumber(paddingTop) ? paddingTop : 0;\n            const paddingBottomVal = isNumber(paddingBottom) ? paddingBottom : 0;\n            const navHeightVal = (this.props.onscroll == 'topnav' || this.props.onscroll == 'topnav-bottomnav') ? this.state.navHeightForRender : 0;\n            const bottomTabHeightVal = this.props.onscroll == 'topnav-bottomnav' ? this.state.bottomTabHeightForRender : 0;\n            return (\n              <KeyboardAvoidingView\n                behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                keyboardVerticalOffset={verticalOffset}\n                style={{ flex: 1 }}>\n                  <Animated.ScrollView\n                    keyboardShouldPersistTaps={props.keyboardpersisttaps}\n                    testID={this.getTestId(\"page_content_scrollview\")}\n                    ref={this.scrollRef}\n                    contentContainerStyle={[\n                      this.styles.root, {backgroundColor: 'transparent', \n                        paddingTop: navHeightVal + paddingTopVal, \n                        paddingBottom: bottomTabHeightVal + paddingBottomVal\n                      },\n                      ...autoLayoutStyles,\n                    ]}\n                    onLayout={this.handleScrollViewLayout}\n                    showsVerticalScrollIndicator={showScrollbar}\n                    onScroll={this.context && (this.context as StickyWrapperContextType).onScroll ?\n                      (this.context as StickyWrapperContextType).onScroll\n                      : ()=>{}\n                    }\n                    alwaysBounceVertical={false}\n                    alwaysBounceHorizontal={false}\n                    bounces={false}\n                    overScrollMode=\"never\"\n                    removeClippedSubviews={Platform.OS == 'android'}\n                    onScrollEndDrag={this.handleOnScrollEndDrag}\n                  >\n                    {props.children}\n                  </Animated.ScrollView>\n              </KeyboardAvoidingView>\n            )\n          }}\n        </SafeAreaInsetsContext.Consumer>\n      </View>\n    ) : (\n      <View style={[this.styles.root,\n          {backgroundColor: this._showSkeleton ?\n            this.styles.skeleton.root.backgroundColor :\n            this.styles.root.backgroundColor},\n          ...autoLayoutStyles,\n        ]}>\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            const keyboardOffset = props.consumenotch ? (insets?.bottom || 0) : 0;\n            const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;\n            return (\n              <KeyboardAvoidingView\n                behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                keyboardVerticalOffset={verticalOffset}\n                style={{ flex: 1 }}>\n                {this._background}\n                {props.children}\n              </KeyboardAvoidingView>\n            )}}\n        </SafeAreaInsetsContext.Consumer>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createRef","KeyboardAvoidingView","Platform","View","isWebPreviewMode","HideMode","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","WmPageContentProps","DEFAULT_CLASS","WmLottie","SafeAreaInsetsContext","Animated","StickyWrapperContext","isNumber","WmPageContentState","constructor","args","_defineProperty","WmPageContent","props","event","context","_event$nativeEvent","onScrollEndDrag","scrollDirection","scrollPosition","nativeEvent","contentOffset","y","value","invokeEventCallback","proxy","scrollRef","requestAnimationFrame","notify","hideMode","DONOT_ADD_TO_DOM","state","navHeightForRender","bottomTabHeightForRender","subscribe","scrollTo","_this$scrollRef","current","scrollToEnd","componentDidMount","_unsubscribeNavHeight","navHeightValue","setState","navHeight","bottomTabHeightValue","bottomTabHeight","hasOwnFillHugResolution","componentWillUnmount","position","_this$scrollRef2","x","animated","renderSkeleton","skeletonanimationresource","createElement","style","width","styles","root","content","skeleton","source","loop","autoplay","speed","skeletonanimationspeed","renderWidget","showScrollbar","scrollbarColor","borderRadiusStyles","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","autoLayoutProps","hasAutoLayout","autoLayoutStyles","overflow","height","backgroundColor","_showSkeleton","_background","Consumer","insets","top","bottom","left","right","_this$styles","_this$styles2","_this$styles3","_this$styles4","keyboardOffset","consumenotch","verticalOffset","OS","keyboardverticaloffset","paddingTop","padding","paddingBottom","paddingTopVal","paddingBottomVal","navHeightVal","onscroll","bottomTabHeightVal","behavior","undefined","keyboardVerticalOffset","flex","ScrollView","keyboardShouldPersistTaps","keyboardpersisttaps","testID","getTestId","ref","contentContainerStyle","onLayout","handleScrollViewLayout","showsVerticalScrollIndicator","onScroll","alwaysBounceVertical","alwaysBounceHorizontal","bounces","overScrollMode","removeClippedSubviews","handleOnScrollEndDrag","children"],"sources":["page-content.component.tsx"],"sourcesContent":["import React, { createRef, RefObject, useEffect, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { HideMode } from '@wavemaker-ai/app-rn-runtime/core/if.component';\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';\n\nimport WmPageContentProps from './page-content.props';\nimport { DEFAULT_CLASS, WmPageContentStyles } from './page-content.styles';\nimport WmLottie from '@wavemaker-ai/app-rn-runtime/components/basic/lottie/lottie.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport Animated from 'react-native-reanimated';\nimport { StickyWrapperContextType, StickyWrapperContext } from '@wavemaker-ai/app-rn-runtime/core/sticky-wrapper';\nimport { isNumber } from 'lodash-es';\nimport WmOfflineBanner from '@wavemaker-ai/app-rn-runtime/components/advanced/offline-banner/offline-banner.component';\n\nexport class WmPageContentState extends BaseComponentState<WmPageContentProps> {\n  navHeightForRender = 0;\n  bottomTabHeightForRender = 0;\n}\nexport default class WmPageContent extends BaseComponent<WmPageContentProps, WmPageContentState, WmPageContentStyles> {\n  private scrollRef: RefObject<any>;\n  static contextType = StickyWrapperContext;\n  private _unsubscribeNavHeight : any;\n\n  constructor(props: WmPageContentProps) {\n    super(props, DEFAULT_CLASS, new WmPageContentProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.scrollRef = createRef();\n\n    this.state = {\n      ...this.state,\n      navHeightForRender: 0,\n      bottomTabHeightForRender: 0,\n    };\n\n    this.subscribe('scrollToPosition', (args: any) => {\n      this.scrollTo(args);\n    });\n\n    this.subscribe('scrollToEnd', () => {\n      this.scrollRef?.current?.scrollToEnd();\n    });\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this._unsubscribeNavHeight = this.subscribe('updateNavHeight', (navHeightValue: number) => {\n      if (this.state.navHeightForRender !== navHeightValue) {\n        this.setState({ navHeightForRender: navHeightValue });\n      }\n      return null;\n    });\n    if (this.context && (this.context as StickyWrapperContextType).navHeight) {\n      this.setState({ navHeightForRender: (this.context as StickyWrapperContextType).navHeight.value });\n    }\n\n    this._unsubscribeNavHeight = this.subscribe('updateBottomTabHeight', (bottomTabHeightValue: number) => {\n      if (this.state.bottomTabHeightForRender !== bottomTabHeightValue) {\n        this.setState({ bottomTabHeightForRender: bottomTabHeightValue });\n      }\n      return null;\n    });\n    if (this.context && (this.context as StickyWrapperContextType).bottomTabHeight) {\n      this.setState({ bottomTabHeightForRender: (this.context as StickyWrapperContextType).bottomTabHeight.value });\n    }\n  }\n\n  protected hasOwnFillHugResolution(): boolean {\n    return isAutoLayout(extractAutoLayoutProps(this.state.props));\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    if (this._unsubscribeNavHeight) this._unsubscribeNavHeight();\n  }\n\n  public scrollTo(position: {x: number, y: number}){\n    this.scrollRef?.current?.scrollTo({\n      x: position.x,\n      y: position.y,\n      animated: true\n    });\n  }\n\n  private handleOnScrollEndDrag = (event: any) => {\n    if(this.context) {\n      const { onScrollEndDrag, scrollDirection } = this.context as StickyWrapperContextType;\n      const scrollPosition = event?.nativeEvent?.contentOffset?.y;\n      if (scrollPosition >= 0) {\n        if(scrollDirection.value > 0) {\n          this.invokeEventCallback('onSwipeup', [null, this.proxy]);\n        }else {\n          this.invokeEventCallback('onSwipedown', [null, this.proxy]);\n        }\n        onScrollEndDrag(this.scrollRef);\n      }\n    }\n  }\n\n  public renderSkeleton(props: WmPageContentProps): React.ReactNode {\n    if(this.props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles.root]}>\n       <WmLottie styles={{ content: {...this.styles.root, ...this.styles.skeleton.root} }} source={this.props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n      </View>\n    }\n    return null;\n  }\n\n  private handleScrollViewLayout = () => {\n    requestAnimationFrame(() => {\n        this.notify('updateStickyHeaders', []);\n    });\n  }\n\n  renderWidget(props: WmPageContentProps) {\n    const showScrollbar = (this.styles.root as any).scrollbarColor != 'transparent';\n    const borderRadiusStyles = {\n      borderRadius: this.styles.root.borderRadius,\n      borderTopLeftRadius: this.styles.root.borderTopLeftRadius,\n      borderTopRightRadius: this.styles.root.borderTopRightRadius,\n      borderBottomLeftRadius: this.styles.root.borderBottomLeftRadius,\n      borderBottomRightRadius: this.styles.root.borderBottomRightRadius,\n    };\n\n    const autoLayoutProps = extractAutoLayoutProps(props);\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const autoLayoutStyles = hasAutoLayout ? [\n      getDirectionStyle(autoLayoutProps),\n      getContentContainerStyle(autoLayoutProps),\n      getDimensionStyle(autoLayoutProps, this.styles.root),\n    ] : [];\n\n    return (props.overflow == \"scroll\" || isWebPreviewMode()) ? (\n      <View style={{height: '100%', width: '100%',\n         ...borderRadiusStyles,\n       backgroundColor: this._showSkeleton && this.styles.skeleton.root.backgroundColor ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor\n\n       }}>\n        {this._background}\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            const keyboardOffset = props.consumenotch ? (insets?.bottom || 0) : 0;\n            const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;\n            const paddingTop = this.styles?.root?.paddingTop || this.styles?.root?.padding;\n            const paddingBottom = this.styles?.root?.paddingBottom || this.styles?.root?.padding;\n            const paddingTopVal = isNumber(paddingTop) ? paddingTop : 0;\n            const paddingBottomVal = isNumber(paddingBottom) ? paddingBottom : 0;\n            const navHeightVal = (this.props.onscroll == 'topnav' || this.props.onscroll == 'topnav-bottomnav') ? this.state.navHeightForRender : 0;\n            const bottomTabHeightVal = this.props.onscroll == 'topnav-bottomnav' ? this.state.bottomTabHeightForRender : 0;\n            return (\n              <KeyboardAvoidingView\n                behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                keyboardVerticalOffset={verticalOffset}\n                style={{ flex: 1 }}>\n                  <Animated.ScrollView\n                    keyboardShouldPersistTaps={props.keyboardpersisttaps}\n                    testID={this.getTestId(\"page_content_scrollview\")}\n                    ref={this.scrollRef}\n                    contentContainerStyle={[\n                      this.styles.root, {backgroundColor: 'transparent', \n                        paddingTop: navHeightVal + paddingTopVal, \n                        paddingBottom: bottomTabHeightVal + paddingBottomVal\n                      },\n                      ...autoLayoutStyles,\n                    ]}\n                    onLayout={this.handleScrollViewLayout}\n                    showsVerticalScrollIndicator={showScrollbar}\n                    onScroll={this.context && (this.context as StickyWrapperContextType).onScroll ?\n                      (this.context as StickyWrapperContextType).onScroll\n                      : ()=>{}\n                    }\n                    alwaysBounceVertical={false}\n                    alwaysBounceHorizontal={false}\n                    bounces={false}\n                    overScrollMode=\"never\"\n                    removeClippedSubviews={Platform.OS == 'android'}\n                    onScrollEndDrag={this.handleOnScrollEndDrag}\n                  >\n                    {props.children}\n                  </Animated.ScrollView>\n              </KeyboardAvoidingView>\n            )\n          }}\n        </SafeAreaInsetsContext.Consumer>\n      </View>\n    ) : (\n      <View style={[this.styles.root,\n          {backgroundColor: this._showSkeleton ?\n            this.styles.skeleton.root.backgroundColor :\n            this.styles.root.backgroundColor},\n          ...autoLayoutStyles,\n        ]}>\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            const keyboardOffset = props.consumenotch ? (insets?.bottom || 0) : 0;\n            const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;\n            return (\n              <KeyboardAvoidingView\n                behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                keyboardVerticalOffset={verticalOffset}\n                style={{ flex: 1 }}>\n                {this._background}\n                {props.children}\n              </KeyboardAvoidingView>\n            )}}\n        </SafeAreaInsetsContext.Consumer>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/page/page-content/page-content.props.js

@@ -14,6 +14,8 @@ class WmPageContentProps extends SkeletonAnimationProps {
     _defineProperty(this, "onscroll", '');
     _defineProperty(this, "clipcontent", true);
     _defineProperty(this, "overflow", 'scroll');
+    /** Network connectivity state passed from parent fragment */
+    _defineProperty(this, "isconnected", true);
   }
 }
 export default WmPageContentProps;

package/components/page/page-content/page-content.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["SkeletonAnimationProps","WmPageContentProps","constructor","args","_defineProperty"],"sources":["page-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { SkeletonAnimationProps } from '@wavemaker-ai/app-rn-runtime/runtime/base-fragment.component';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmPageContentProps extends AutoLayoutProps {}\n\nclass WmPageContentProps extends SkeletonAnimationProps {\n    children: any[] = null as any;\n    onSwipeup?: Function = null as any;\n    onSwipedown?: Function = null as any;\n    keyboardverticaloffset: number = 100;\n    keyboardpersisttaps: 'never'| 'always' | 'handled' = 'never';\n    consumenotch: boolean = true;\n    onscroll: string = '';\n    clipcontent = true;\n    overflow: AutoLayoutProps['overflow'] = 'scroll';\n}\nexport default WmPageContentProps;"],"mappings":";;;AACA,SAASA,sBAAsB,QAAQ,8DAA8D;AAKrG,MAAMC,kBAAkB,SAASD,sBAAsB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAClC,IAAI;IAAAA,eAAA,oBACC,IAAI;IAAAA,eAAA,sBACF,IAAI;IAAAA,eAAA,iCACI,GAAG;IAAAA,eAAA,8BACiB,OAAO;IAAAA,eAAA,uBACpC,IAAI;IAAAA,eAAA,mBACT,EAAE;IAAAA,eAAA,sBACP,IAAI;IAAAA,eAAA,mBACsB,QAAQ;EAAA;AACpD;AACA,eAAeH,kBAAkB","ignoreList":[]}
+{"version":3,"names":["SkeletonAnimationProps","WmPageContentProps","constructor","args","_defineProperty"],"sources":["page-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { SkeletonAnimationProps } from '@wavemaker-ai/app-rn-runtime/runtime/base-fragment.component';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmPageContentProps extends AutoLayoutProps {}\n\nclass WmPageContentProps extends SkeletonAnimationProps {\n    children: any[] = null as any;\n    onSwipeup?: Function = null as any;\n    onSwipedown?: Function = null as any;\n    keyboardverticaloffset: number = 100;\n    keyboardpersisttaps: 'never'| 'always' | 'handled' = 'never';\n    consumenotch: boolean = true;\n    onscroll: string = '';\n    clipcontent = true;\n    overflow: AutoLayoutProps['overflow'] = 'scroll';\n    /** Network connectivity state passed from parent fragment */\n    isconnected?: boolean = true;\n}\nexport default WmPageContentProps;"],"mappings":";;;AACA,SAASA,sBAAsB,QAAQ,8DAA8D;AAKrG,MAAMC,kBAAkB,SAASD,sBAAsB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAClC,IAAI;IAAAA,eAAA,oBACC,IAAI;IAAAA,eAAA,sBACF,IAAI;IAAAA,eAAA,iCACI,GAAG;IAAAA,eAAA,8BACiB,OAAO;IAAAA,eAAA,uBACpC,IAAI;IAAAA,eAAA,mBACT,EAAE;IAAAA,eAAA,sBACP,IAAI;IAAAA,eAAA,mBACsB,QAAQ;IAChD;IAAAA,eAAA,sBACwB,IAAI;EAAA;AAChC;AACA,eAAeH,kBAAkB","ignoreList":[]}

package/components/page/page.component.js

@@ -10,21 +10,114 @@ import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 import { StickyViewComponents } from '@wavemaker-ai/app-rn-runtime/core/sticky-view.component';
 import { FixedViewContainer } from '@wavemaker-ai/app-rn-runtime/core/fixed-view.component';
 import injector from '@wavemaker-ai/app-rn-runtime/core/injector';
-export class WmPageState extends BaseComponentState {}
+import * as NavigationBar from 'expo-navigation-bar';
+import NetworkService from '@wavemaker-ai/app-rn-runtime/core/network.service';
+import WmOfflineBanner from '@wavemaker-ai/app-rn-runtime/components/advanced/offline-banner/offline-banner.component';
+import { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';
+export class WmPageState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isConnected", void 0);
+  }
+}
 export default class WmPage extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS);
     _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+    _defineProperty(this, "_unsubscribeNetworkState", void 0);
+    _defineProperty(this, "_networkMonitoringActive", void 0);
     _defineProperty(this, "panResponder", PanResponder.create({
       onStartShouldSetPanResponderCapture: e => {
         this.notify('globaltouch', [e]);
         return false;
       }
     }));
+    this.state = {
+      ...this.state,
+      isConnected: true
+    };
   }
-  renderWidget(props) {
+  componentDidMount() {
+    super.componentDidMount();
+    this.setNavigationBarColor();
+  }
+  componentDidUpdate(prevProps, prevState) {
+    super.componentDidUpdate(prevProps, prevState);
+    if (prevProps.navigationbarstyle !== this.props.navigationbarstyle) {
+      this.setNavigationBarColor();
+    }
+  }
+  pageFocus() {
+    if (this._networkMonitoringActive || !this.props.showofflinebanner) {
+      return;
+    }
+    this._networkMonitoringActive = true;
+    this._unsubscribeNetworkState = NetworkService.notifier.subscribe('onNetworkStateChange', networkState => {
+      var _networkState$, _networkState$2;
+      const connected = ((_networkState$ = networkState[0]) === null || _networkState$ === void 0 ? void 0 : _networkState$.isConnected) && ((_networkState$2 = networkState[0]) === null || _networkState$2 === void 0 ? void 0 : _networkState$2.isNetworkAvailable);
+      if (this.state.isConnected !== connected) {
+        this.setState({
+          ...this.state,
+          isConnected: connected
+        });
+      }
+    });
+
+    // Do the initial check for network state. The above subscribe listener will not be called in this case.
+    const connected = NetworkService.isConnected();
+    if (connected) {
+      this.setState({
+        ...this.state,
+        isConnected: connected
+      });
+    }
+  }
+  pageBlur() {
+    if (!this._networkMonitoringActive) {
+      return;
+    }
+    this._networkMonitoringActive = false;
+    if (this._unsubscribeNetworkState) {
+      this._unsubscribeNetworkState();
+      this._unsubscribeNetworkState = null;
+    }
+  }
+  setNavigationBarColor() {
     var _this$appConfig;
     const isEdgeToEdgeApp = !!((_this$appConfig = this.appConfig) !== null && _this$appConfig !== void 0 && (_this$appConfig = _this$appConfig.edgeToEdgeConfig) !== null && _this$appConfig !== void 0 && _this$appConfig.isEdgeToEdgeApp);
+    if (Platform.OS !== 'android' || !isEdgeToEdgeApp) return;
+    const isDark = this.props.navigationbarstyle === 'dark';
+    const navbarColor = isDark ? 'rgba(0,0,0,0.2)' : 'rgba(255,255,255,0.5)';
+    const buttonStyle = isDark ? 'light' : 'dark';
+    NavigationBar.setBackgroundColorAsync(navbarColor);
+    NavigationBar.setButtonStyleAsync(buttonStyle);
+  }
+  async onNetworkRetry() {
+    const isConnected = await NetworkService.isConnected();
+    if (!isConnected) {
+      return;
+    }
+    this.setState({
+      ...this.state,
+      isConnected: true
+    });
+  }
+  renderOfflineBanner() {
+    return /*#__PURE__*/React.createElement(WmOfflineBanner, {
+      onRetry: async () => {
+        await this.onNetworkRetry();
+        this.props.listener.onNetworkRetry();
+      }
+    });
+  }
+  renderWidget(props) {
+    var _this$appConfig2;
+    // TODO: add  props.networkerrorinparent condition to check if the network error is in the parent fragment
+
+    if (!isWebPreviewMode() && props.showofflinebanner && !this.state.isConnected) {
+      return this.renderOfflineBanner();
+    }
+    const isEdgeToEdgeApp = !!((_this$appConfig2 = this.appConfig) !== null && _this$appConfig2 !== void 0 && (_this$appConfig2 = _this$appConfig2.edgeToEdgeConfig) !== null && _this$appConfig2 !== void 0 && _this$appConfig2.isEdgeToEdgeApp);
     return /*#__PURE__*/React.createElement(StickyViewComponents, {
       hasAppnavbar: props.hasappnavbar,
       onscroll: props.onscroll,

package/components/page/page.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PanResponder","View","StatusBar","Platform","BaseComponent","BaseComponentState","DEFAULT_CLASS","SafeAreaInsetsContext","StickyViewComponents","FixedViewContainer","injector","WmPageState","WmPage","constructor","props","_defineProperty","get","create","onStartShouldSetPanResponderCapture","e","notify","renderWidget","_this$appConfig","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","createElement","hasAppnavbar","hasappnavbar","onscroll","notifier","OS","barStyle","statusbarstyle","Consumer","insets","top","bottom","left","right","_extends","getTestProps","style","paddingTop","styles","root","panResponder","panHandlers","_background","children"],"sources":["page.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PanResponder, ScrollView, View, NativeSyntheticEvent,  NativeScrollEvent ,StatusBar, Platform} from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmPageProps from './page.props';\nimport { DEFAULT_CLASS, WmPageStyles } from './page.styles';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyViewComponents } from '@wavemaker-ai/app-rn-runtime/core/sticky-view.component';\nimport { FixedViewContainer } from '@wavemaker-ai/app-rn-runtime/core/fixed-view.component';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport * as NavigationBar from 'expo-navigation-bar';\n\nexport class WmPageState extends BaseComponentState<WmPageProps> {}\n\nexport default class WmPage extends BaseComponent<WmPageProps, WmPageState, WmPageStyles> {\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n\n  panResponder = PanResponder.create({\n    onStartShouldSetPanResponderCapture: (e) => {\n      this.notify('globaltouch', [e]);\n      return false;\n    },\n  });\n  constructor(props: WmPageProps) {\n    super(props, DEFAULT_CLASS);\n  }\n\n\n  renderWidget(props: WmPageProps) {\n\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    return (\n      <StickyViewComponents hasAppnavbar={props.hasappnavbar} onscroll={props.onscroll} notifier={this.notifier}>\n        <FixedViewContainer>\n        {isEdgeToEdgeApp && Platform.OS ===\"android\" ? <StatusBar barStyle={props.statusbarstyle}/> : null}\n          <SafeAreaInsetsContext.Consumer>\n            {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n              return (\n                <View\n                  {...this.getTestProps()}\n                  style={[{paddingTop : !props?.hasappnavbar && isEdgeToEdgeApp ? insets?.top : 0 },this.styles.root]}\n                  {...this.panResponder.panHandlers}\n                >\n                  {this._background}\n                  {props.children}\n                </View>\n              )\n            }}\n          </SafeAreaInsetsContext.Consumer>\n        </FixedViewContainer>\n      </StickyViewComponents>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAcC,IAAI,EAA4CC,SAAS,EAAEC,QAAQ,QAAO,cAAc;AAE3H,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,SAASC,aAAa,QAAsB,eAAe;AAC3D,SAASC,qBAAqB,QAAQ,gCAAgC;AACtE,SAASC,oBAAoB,QAAQ,yDAAyD;AAC9F,SAASC,kBAAkB,QAAQ,wDAAwD;AAC3F,OAAOC,QAAQ,MAAM,4CAA4C;AAIjE,OAAO,MAAMC,WAAW,SAASN,kBAAkB,CAAc;AAEjE,eAAe,MAAMO,MAAM,SAASR,aAAa,CAAyC;EASxFS,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAER,aAAa,CAAC;IAACS,eAAA,oBATVL,QAAQ,CAACM,GAAG,CAAY,YAAY,CAAC;IAAAD,eAAA,uBAE1Cf,YAAY,CAACiB,MAAM,CAAC;MACjCC,mCAAmC,EAAGC,CAAC,IAAK;QAC1C,IAAI,CAACC,MAAM,CAAC,aAAa,EAAE,CAACD,CAAC,CAAC,CAAC;QAC/B,OAAO,KAAK;MACd;IACF,CAAC,CAAC;EAGF;EAGAE,YAAYA,CAACP,KAAkB,EAAE;IAAA,IAAAQ,eAAA;IAE/B,MAAMC,eAAe,GAAG,CAAC,GAAAD,eAAA,GAAC,IAAI,CAACE,SAAS,cAAAF,eAAA,gBAAAA,eAAA,GAAdA,eAAA,CAAgBG,gBAAgB,cAAAH,eAAA,eAAhCA,eAAA,CAAkCC,eAAe;IAC3E,oBACExB,KAAA,CAAA2B,aAAA,CAAClB,oBAAoB;MAACmB,YAAY,EAAEb,KAAK,CAACc,YAAa;MAACC,QAAQ,EAAEf,KAAK,CAACe,QAAS;MAACC,QAAQ,EAAE,IAAI,CAACA;IAAS,gBACxG/B,KAAA,CAAA2B,aAAA,CAACjB,kBAAkB,QAClBc,eAAe,IAAIpB,QAAQ,CAAC4B,EAAE,KAAI,SAAS,gBAAGhC,KAAA,CAAA2B,aAAA,CAACxB,SAAS;MAAC8B,QAAQ,EAAElB,KAAK,CAACmB;IAAe,CAAC,CAAC,GAAG,IAAI,eAChGlC,KAAA,CAAA2B,aAAA,CAACnB,qBAAqB,CAAC2B,QAAQ,QAC5B,CAACC,MAAM,GAAG;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,KAAK;MACtD,oBACExC,KAAA,CAAA2B,aAAA,CAACzB,IAAI,EAAAuC,QAAA,KACC,IAAI,CAACC,YAAY,CAAC,CAAC;QACvBC,KAAK,EAAE,CAAC;UAACC,UAAU,EAAG,EAAC7B,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEc,YAAY,KAAIL,eAAe,GAAGY,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,GAAG,GAAG;QAAE,CAAC,EAAC,IAAI,CAACQ,MAAM,CAACC,IAAI;MAAE,GAChG,IAAI,CAACC,YAAY,CAACC,WAAW,GAEhC,IAAI,CAACC,WAAW,EAChBlC,KAAK,CAACmC,QACH,CAAC;IAEX,CAC8B,CACd,CACA,CAAC;EAE3B;AACF","ignoreList":[]}
+{"version":3,"names":["React","PanResponder","View","StatusBar","Platform","BaseComponent","BaseComponentState","DEFAULT_CLASS","SafeAreaInsetsContext","StickyViewComponents","FixedViewContainer","injector","NavigationBar","NetworkService","WmOfflineBanner","isWebPreviewMode","WmPageState","constructor","args","_defineProperty","WmPage","props","get","create","onStartShouldSetPanResponderCapture","e","notify","state","isConnected","componentDidMount","setNavigationBarColor","componentDidUpdate","prevProps","prevState","navigationbarstyle","pageFocus","_networkMonitoringActive","showofflinebanner","_unsubscribeNetworkState","notifier","subscribe","networkState","_networkState$","_networkState$2","connected","isNetworkAvailable","setState","pageBlur","_this$appConfig","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","OS","isDark","navbarColor","buttonStyle","setBackgroundColorAsync","setButtonStyleAsync","onNetworkRetry","renderOfflineBanner","createElement","onRetry","listener","renderWidget","_this$appConfig2","hasAppnavbar","hasappnavbar","onscroll","barStyle","statusbarstyle","Consumer","insets","top","bottom","left","right","_extends","getTestProps","style","paddingTop","styles","root","panResponder","panHandlers","_background","children"],"sources":["page.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PanResponder, ScrollView, View, NativeSyntheticEvent,  NativeScrollEvent ,StatusBar, Platform} from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmPageProps from './page.props';\nimport { DEFAULT_CLASS, WmPageStyles } from './page.styles';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyViewComponents } from '@wavemaker-ai/app-rn-runtime/core/sticky-view.component';\nimport { FixedViewContainer } from '@wavemaker-ai/app-rn-runtime/core/fixed-view.component';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport * as NavigationBar from 'expo-navigation-bar';\nimport NetworkService from '@wavemaker-ai/app-rn-runtime/core/network.service';\nimport WmOfflineBanner from '@wavemaker-ai/app-rn-runtime/components/advanced/offline-banner/offline-banner.component';\nimport BasePage from '@wavemaker-ai/app-rn-runtime/runtime/base-page.component';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmPageState extends BaseComponentState<WmPageProps> {\n  isConnected?: boolean;\n}\n\nexport default class WmPage extends BaseComponent<WmPageProps, WmPageState, WmPageStyles> {\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  private _unsubscribeNetworkState: any;\n  private _networkMonitoringActive: any;\n  panResponder = PanResponder.create({\n    onStartShouldSetPanResponderCapture: (e) => {\n      this.notify('globaltouch', [e]);\n      return false;\n    },\n  });\n  constructor(props: WmPageProps) {\n    super(props, DEFAULT_CLASS);\n    this.state = {\n            ...this.state,\n            isConnected: true\n        } as WmPageState;\n  \n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setNavigationBarColor();\n  }\n\n\n  componentDidUpdate(prevProps: WmPageProps, prevState: WmPageState) {\n    super.componentDidUpdate(prevProps, prevState)\n    if (prevProps.navigationbarstyle !== this.props.navigationbarstyle) {\n      this.setNavigationBarColor();\n    }\n  }\n\n  public pageFocus(): void {\n    if (this._networkMonitoringActive || !this.props.showofflinebanner) {\n      return;\n    }\n    this._networkMonitoringActive = true;\n    \n    this._unsubscribeNetworkState = NetworkService.notifier.subscribe('onNetworkStateChange', (networkState: any) => {\n      const connected = networkState[0]?.isConnected && networkState[0]?.isNetworkAvailable;\n      if (this.state.isConnected !== connected) {\n          this.setState({ ...this.state, isConnected: connected } as WmPageState);\n      }\n    });\n    \n    // Do the initial check for network state. The above subscribe listener will not be called in this case.\n    const connected = NetworkService.isConnected();\n    if (connected) {\n        this.setState({ ...this.state, isConnected: connected } as WmPageState);\n    }\n  }\n\n  public pageBlur(): void {\n    if (!this._networkMonitoringActive) {\n      return;\n    }\n    this._networkMonitoringActive = false;\n    \n    if (this._unsubscribeNetworkState) {\n      this._unsubscribeNetworkState();\n      this._unsubscribeNetworkState = null;\n    }\n  }\n\n  setNavigationBarColor() {\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    if (Platform.OS !== 'android' || !isEdgeToEdgeApp) return;\n    \n    const isDark = this.props.navigationbarstyle === 'dark';\n    const navbarColor = isDark ? 'rgba(0,0,0,0.2)' : 'rgba(255,255,255,0.5)';\n      \n    const buttonStyle = isDark ? 'light' : 'dark';\n\n    NavigationBar.setBackgroundColorAsync(navbarColor);\n    NavigationBar.setButtonStyleAsync(buttonStyle);\n  }\n\n  async onNetworkRetry() {\n    const isConnected = await NetworkService.isConnected();\n    if(!isConnected) {\n      return;\n    }\n    this.setState({ ...this.state, isConnected: true } as WmPageState);\n  }\n\n  private renderOfflineBanner() {\n    return (\n      <WmOfflineBanner onRetry={async () => {\n        await this.onNetworkRetry();\n        (this.props.listener as BasePage).onNetworkRetry();\n      }} />\n    );\n  }\n\n  renderWidget(props: WmPageProps) {\n\n    // TODO: add  props.networkerrorinparent condition to check if the network error is in the parent fragment\n\n    if (!isWebPreviewMode() && props.showofflinebanner && (!this.state.isConnected)) {\n      return this.renderOfflineBanner();\n    }\n\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    return (\n      <StickyViewComponents hasAppnavbar={props.hasappnavbar} onscroll={props.onscroll} notifier={this.notifier}>\n        <FixedViewContainer>\n        {isEdgeToEdgeApp && Platform.OS ===\"android\" ? <StatusBar barStyle={props.statusbarstyle}/> : null}\n          <SafeAreaInsetsContext.Consumer>\n            {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n              return (\n                <View\n                  {...this.getTestProps()}\n                  style={[{paddingTop : !props?.hasappnavbar && isEdgeToEdgeApp ? insets?.top : 0 },this.styles.root]}\n                  {...this.panResponder.panHandlers}\n                >\n                  {this._background}\n                  {props.children}\n                </View>\n              )\n            }}\n          </SafeAreaInsetsContext.Consumer>\n        </FixedViewContainer>\n      </StickyViewComponents>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/page/page.props.js

@@ -10,6 +10,9 @@ export default class WmPageProps extends BaseProps {
     _defineProperty(this, "onscroll", '');
     // none, topnav, topnav-bottomnav
     _defineProperty(this, "statusbarstyle", 'default');
+    _defineProperty(this, "navigationbarstyle", "light");
+    _defineProperty(this, "showofflinebanner", false);
+    _defineProperty(this, "networkerrorinparent", false);
   }
 }
 //# sourceMappingURL=page.props.js.map

package/components/page/page.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmPageProps","constructor","args","_defineProperty"],"sources":["page.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nexport default class WmPageProps extends BaseProps{\n  children: any[] = [];\n  hasappnavbar:boolean = true;\n  onscroll: string = ''; // none, topnav, topnav-bottomnav\n  statusbarstyle:'default'|'dark-content'|'light-content' = 'default';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAC5E,eAAe,MAAMC,WAAW,SAASD,SAAS;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC9B,EAAE;IAAAA,eAAA,uBACG,IAAI;IAAAA,eAAA,mBACR,EAAE;IAAE;IAAAA,eAAA,yBACmC,SAAS;EAAA;AACrE","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmPageProps","constructor","args","_defineProperty"],"sources":["page.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nexport default class WmPageProps extends BaseProps{\n  children: any[] = [];\n  hasappnavbar:boolean = true;\n  onscroll: string = ''; // none, topnav, topnav-bottomnav\n  statusbarstyle:'default'|'dark-content'|'light-content' = 'default';\n  navigationbarstyle:'dark'|'light' = \"light\";\n  showofflinebanner:boolean = false;\n  networkerrorinparent:boolean = false\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAC5E,eAAe,MAAMC,WAAW,SAASD,SAAS;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC9B,EAAE;IAAAA,eAAA,uBACG,IAAI;IAAAA,eAAA,mBACR,EAAE;IAAE;IAAAA,eAAA,yBACmC,SAAS;IAAAA,eAAA,6BAC/B,OAAO;IAAAA,eAAA,4BACf,KAAK;IAAAA,eAAA,+BACF,KAAK;EAAA;AACtC","ignoreList":[]}

package/components/page/tabbar/tabbar.component.js

@@ -61,12 +61,13 @@ export default class WmTabbar extends BaseNavComponent {
     }
   }
   renderTabItem(item, testId, props, onSelect, floating = false) {
-    const isActive = props.isActive && props.isActive(item);
+    const isActive = !!(props.isActive && props.isActive(item));
+    const activeOnParent = props.highlightactivetab === 'parent view';
     const getDisplayLabel = this.props.getDisplayExpression || (label => label);
     const displayLabel = getDisplayLabel(item.label);
     let increasedGap = Number(testId) === (item === null || item === void 0 ? void 0 : item.indexBeforeMid) && this.state.dataItems.length % 2 != 0 && (props.classname || '').indexOf('clipped-tabbar') >= 0 ? [this.styles.tabItem, {
       paddingRight: 70
-    }] : [this.styles.tabItem];
+    }] : [isActive && activeOnParent ? this.styles.activeTabItem : this.styles.tabItem];
     return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('item' + testId), {
       style: [increasedGap, floating ? this.styles.centerHubItem : {}],
       key: `${item.label}_${testId}`,

package/components/page/tabbar/tabbar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","Dimensions","Keyboard","Animated","Easing","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","Svg","Path","getPathDown","ThemeVariables","FixedView","SafeAreaInsetsContext","injector","StickyWrapperContext","scale","n","WmTabbarState","constructor","args","_defineProperty","WmTabbar","props","Value","get","width","cleanup","push","addListener","keyBoardShown","forceUpdate","remove","onPropertyChange","name","$new","$old","destroyScrollListner","subscribeToPageScroll","renderTabItem","item","testId","onSelect","floating","isActive","getDisplayLabel","getDisplayExpression","label","displayLabel","increasedGap","Number","indexBeforeMid","state","dataItems","length","classname","indexOf","styles","tabItem","paddingRight","createElement","_extends","getTestPropsForAction","style","centerHubItem","key","onPress","activeTabItem","theme","mergeStyle","tabIcon","centerHubIcon","activeTabIcon","iconclass","icon","tabLabel","centerHubLabel","activeTabLabel","numberOfLines","onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","isVisible","animateWithTiming","value","duratiion","timing","translateY","toValue","easing","linear","duration","useNativeDriver","start","tabbarHeightWithInsets","subscribe","event","_this$getLayout","_this$insets","contentOffset","layoutMeasurement","contentSize","nativeEvent","scrollPosition","y","getLayout","height","visibleContentHeight","endReached","bottomInsets","insets","e","Math","abs","scrollDelta","scrollDirection","componentWillUnmount","renderContent","max","tabItems","tabItemsLength","bottomTabHeightValue","isClippedTabbar","middleIndex","floor","returnpathDown","maxWidth","root","moreItems","moreItemsCount","ceil","j","i","row","Consumer","top","left","right","_this$appConfig","paddingBottomVal","paddingBottom","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","backgroundColor","menu","ref","baseView","onLayout","context","bottomTabHeight","hideonscroll","layout","notify","handleLayout","zIndex","position","INSTANCE","transparent","fill","tabbarBackgroundColor","d","Fragment","modalService","showMore","showModal","moreMenu","map","a","moreMenuRow","index","hideModal","testID","filter","morebuttonlabel","morebuttoniconclass","updateState","renderWidget","isFixed","animateStyle","transform","animated","_background"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity, Dimensions, Keyboard, Animated, Easing, LayoutChangeEvent,\n  NativeSyntheticEvent,  NativeScrollEvent\n} from 'react-native';\nimport { ThemeProvider } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker-ai/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\nimport Svg, { Path } from 'react-native-svg';\nimport { getPathDown } from './curve';\n// import { scale } from 'react-native-size-scaling';\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport { FixedView } from '@wavemaker-ai/app-rn-runtime/core/fixed-view.component';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport { StickyWrapperContext, StickyWrapperContextType } from '@wavemaker-ai/app-rn-runtime/core/sticky-wrapper';\n\ninterface TabDataItem extends NavigationDataItem {\n  floating: boolean;\n  indexBeforeMid: number;\n}\n\ninterface CustomScrollEvent {\n  scrollDirection: number;\n  scrollDelta: number;\n}\n\nconst scale = (n: number) => n;\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T> {\n  showMore = false;\n  modalOptions = {} as ModalOptions;\n  dataItems: TabDataItem[] = [];\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n  private tabbarHeight = 0;\n  private keyBoardShown = false;\n  private destroyScrollListner: Function = null as any;\n  private translateY = new Animated.Value(0);\n  private insets: EdgeInsets | null = null;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  private tabbarHeightWithInsets: number = 0;\n  static contextType = StickyWrapperContext;\n\n  constructor(props: WmTabbarProps) {\n    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n    this.cleanup.push(Keyboard.addListener('keyboardWillShow', () => {\n      this.keyBoardShown = true;\n      this.forceUpdate();\n    }).remove);\n    this.cleanup.push(Keyboard.addListener('keyboardWillHide', () => {\n      this.keyBoardShown = false;\n      this.forceUpdate();\n    }).remove);\n  }\n\n  private maxWidth = Dimensions.get(\"window\").width;\n  private returnpathDown: any;\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name){\n        case 'hideonscroll':\n          this.destroyScrollListner && this.destroyScrollListner();\n          if($new) {\n            this.subscribeToPageScroll();\n          }\n          break;\n      }\n  }\n\n  renderTabItem(item: TabDataItem, testId: string, props: WmTabbarProps, onSelect: Function, floating = false) {\n\n    const isActive = props.isActive && props.isActive(item);\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    const displayLabel = getDisplayLabel(item.label);\n    let increasedGap = Number(testId) === item?.indexBeforeMid && (this.state.dataItems.length % 2!=0)  && ((props.classname || '').indexOf('clipped-tabbar') >= 0)\n    ? [this.styles.tabItem, { paddingRight: 70 }]\n    : [this.styles.tabItem];\n\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction('item' + testId)}\n        style={[increasedGap, floating? this.styles.centerHubItem: {}]}\n        key={`${item.label}_${testId}`}\n        onPress={() => onSelect && onSelect()}>\n        <View key={item.key}>\n          <View style={[isActive && !floating  ? this.styles.activeTabItem : {}]}>\n            <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.tabIcon, floating? this.styles.centerHubIcon: {}, isActive ? this.styles.activeTabIcon : {})}\n              iconclass={item.icon}\n            ></WmIcon>\n          </View>\n        </View>\n        {displayLabel ? (\n          <Text style={[this.styles.tabLabel, floating? this.styles.centerHubLabel: {},  isActive ? this.styles.activeTabLabel : {}]} numberOfLines={1}>\n            {displayLabel}\n          </Text>\n        ) : null}\n      </TouchableOpacity>\n    );\n  }\n\n  onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n    item.link && navigationService.openUrl(item.link);\n    this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n  }\n\n  prepareModalOptions(content: ReactNode) {\n    const o = this.state.modalOptions;\n    o.content = content;\n    o.modalStyle = {\n      bottom: this.tabbarHeight\n    };\n    o.contentStyle = this.styles.modalContent;\n    return o;\n  }\n\n  isVisible(): boolean {\n    return super.isVisible() && !this.keyBoardShown;\n  }\n\n  animateWithTiming(value: number, duratiion: number): void {\n    Animated.timing(this.translateY, {\n      toValue: value,\n      easing: Easing.linear,\n      duration: duratiion,\n      useNativeDriver: false\n    }).start()\n  }\n\n  subscribeToPageScroll(){\n    this.tabbarHeightWithInsets = 0;\n    this.destroyScrollListner = this.subscribe('scroll', (event: NativeSyntheticEvent<NativeScrollEvent>)=>{\n      const { contentOffset, layoutMeasurement, contentSize } = event.nativeEvent ;\n      const scrollPosition = contentOffset.y ;\n      this.tabbarHeightWithInsets = this.tabbarHeightWithInsets ? this.tabbarHeightWithInsets : this.getLayout()?.height ;\n      const visibleContentHeight = layoutMeasurement.height ;\n      const endReached = (scrollPosition + visibleContentHeight + this.tabbarHeightWithInsets) + 8 >= contentSize.height ;\n      const bottomInsets = this.insets?.bottom || 0\n      const e = event.nativeEvent as any as CustomScrollEvent;\n      if(Math.abs(e?.scrollDelta) >= 2){\n        if(e?.scrollDirection > 0){\n          this.animateWithTiming(0, 100)\n        }else if(e?.scrollDirection < 0) {\n          this.animateWithTiming(this.tabbarHeightWithInsets + bottomInsets, 100)\n        }\n      }\n      if(endReached){\n        this.animateWithTiming(0, 0)\n      }\n    })\n  }\n\n  componentWillUnmount(): void {\n      this.destroyScrollListner && this.destroyScrollListner();\n  }\n\n  renderContent(props: WmTabbarProps){\n    let max = 5;\n    const tabItems = this.state.dataItems;\n    const tabItemsLength = tabItems.length;\n    let bottomTabHeightValue;\n    const isClippedTabbar = ((props.classname || '').indexOf('clipped-tabbar') >= 0) && (tabItemsLength % 2 !== 0);\n    if (isClippedTabbar && tabItemsLength % 2 !== 0) {\n      const middleIndex = Math.floor(tabItemsLength / 2);\n      tabItems[middleIndex]['floating'] = true;\n      tabItems[middleIndex - 1]['indexBeforeMid'] = middleIndex-1;\n    }\n   this.returnpathDown = getPathDown(this.maxWidth, 65 ,60,this.styles.root.height as number);\n    const moreItems = [] as any[][];\n    if (tabItems.length > max) {\n      const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n      let j = 0;\n      for (let i = max-1; i < moreItemsCount;) {\n        const row = [];\n        for (let j = 0; j < max; j++) {\n          row[j] = tabItems[i++] || {key: 'tabItem' + i} as TabDataItem;\n        }\n        moreItems.push(row);\n      }\n      max = max - 1;\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n      {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n      this.insets = insets;\n      const paddingBottomVal = this.styles.root.paddingBottom || this.styles.root.padding;\n      const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n      const stylesWithFs = isEdgeToEdgeApp ?  {height: this.styles.root.height as number + (insets?.bottom || 0) as number,\n        paddingBottom: (paddingBottomVal || 0) as number + (insets?.bottom || 0) as number , backgroundColor: this.styles.root.backgroundColor || this.styles.menu.backgroundColor} : {}\n      return (\n      <NavigationServiceConsumer>\n      {(navigationService) =>(\n        <View style={[this.styles.root, stylesWithFs]}\n          ref={(ref)=> {this.baseView = ref as any}}\n          onLayout={(event: LayoutChangeEvent) => {\n            if(this.context && (this.context as StickyWrapperContextType).bottomTabHeight && props.hideonscroll) {\n              bottomTabHeightValue = event.nativeEvent.layout.height || 0;\n              (this.context as StickyWrapperContextType).bottomTabHeight.value = bottomTabHeightValue;\n              this.notify('updateBottomTabHeight', [bottomTabHeightValue], true);\n            }\n            this.handleLayout(event);\n          }}\n        >\n      {isClippedTabbar ? (\n        <Svg width={this.maxWidth} height={scale(this.styles.root.height as number)} style={{zIndex: -1,position: 'absolute',backgroundColor: ThemeVariables.INSTANCE.transparent}}>\n        <Path fill={ThemeVariables.INSTANCE.tabbarBackgroundColor} {...{ d: this.returnpathDown }}/>\n        </Svg>\n           ): <></>}\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              if (this.state.showMore) {\n                modalService.showModal(this.prepareModalOptions((\n                <ThemeProvider value={this.theme} >\n                  <View style={this.styles.moreMenu}>\n                    {moreItems.map((a, i) =>\n                      (<View key={i} style={this.styles.moreMenuRow}>\n                        {a.map((item, index) => this.renderTabItem(item, i + '', props,  () => this.onItemSelect(item, navigationService)))}\n                      </View>)\n                    )}\n                  </View>\n                </ThemeProvider>)));\n              } else {\n                modalService.hideModal(this.state.modalOptions);\n              }\n              return null;\n            }}\n          </ModalConsumer>\n          <View\n            testID=\"test_tabbar-menu\"\n            style={this.styles.menu}\n            onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}>\n            {tabItems.filter((item, i) => i < max)\n              .map((item, i) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService), item.floating))}\n            {tabItems.length > max && (\n              this.renderTabItem({\n                label: props.morebuttonlabel,\n                icon: props.morebuttoniconclass\n              } as TabDataItem, 6666 +'', props,  () => {\n                this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n              })\n            )}\n          </View>\n        </View>)}\n      </NavigationServiceConsumer>\n      )}}\n    </SafeAreaInsetsContext.Consumer>\n    )\n  }\n\n  renderWidget(props: WmTabbarProps) {\n    this.isFixed = true;\n    const animateStyle = props.hideonscroll ? {transform: [{translateY: this.translateY}]} : {};\n    return props.hideonscroll ? (\n        <FixedView\n          name={this.props.name}\n          style={{...{bottom: 0, width:'100%', zIndex: 11}, ...animateStyle}}\n          theme={this.theme}\n          animated={props.hideonscroll || false}>\n          {this._background}\n          {this.renderContent(props)}\n        </FixedView>\n      ) : this.renderContent(props)\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","TouchableOpacity","Dimensions","Keyboard","Animated","Easing","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","Svg","Path","getPathDown","ThemeVariables","FixedView","SafeAreaInsetsContext","injector","StickyWrapperContext","scale","n","WmTabbarState","constructor","args","_defineProperty","WmTabbar","props","Value","get","width","cleanup","push","addListener","keyBoardShown","forceUpdate","remove","onPropertyChange","name","$new","$old","destroyScrollListner","subscribeToPageScroll","renderTabItem","item","testId","onSelect","floating","isActive","activeOnParent","highlightactivetab","getDisplayLabel","getDisplayExpression","label","displayLabel","increasedGap","Number","indexBeforeMid","state","dataItems","length","classname","indexOf","styles","tabItem","paddingRight","activeTabItem","createElement","_extends","getTestPropsForAction","style","centerHubItem","key","onPress","theme","mergeStyle","tabIcon","centerHubIcon","activeTabIcon","iconclass","icon","tabLabel","centerHubLabel","activeTabLabel","numberOfLines","onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","isVisible","animateWithTiming","value","duratiion","timing","translateY","toValue","easing","linear","duration","useNativeDriver","start","tabbarHeightWithInsets","subscribe","event","_this$getLayout","_this$insets","contentOffset","layoutMeasurement","contentSize","nativeEvent","scrollPosition","y","getLayout","height","visibleContentHeight","endReached","bottomInsets","insets","e","Math","abs","scrollDelta","scrollDirection","componentWillUnmount","renderContent","max","tabItems","tabItemsLength","bottomTabHeightValue","isClippedTabbar","middleIndex","floor","returnpathDown","maxWidth","root","moreItems","moreItemsCount","ceil","j","i","row","Consumer","top","left","right","_this$appConfig","paddingBottomVal","paddingBottom","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","backgroundColor","menu","ref","baseView","onLayout","context","bottomTabHeight","hideonscroll","layout","notify","handleLayout","zIndex","position","INSTANCE","transparent","fill","tabbarBackgroundColor","d","Fragment","modalService","showMore","showModal","moreMenu","map","a","moreMenuRow","index","hideModal","testID","filter","morebuttonlabel","morebuttoniconclass","updateState","renderWidget","isFixed","animateStyle","transform","animated","_background"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity, Dimensions, Keyboard, Animated, Easing, LayoutChangeEvent,\n  NativeSyntheticEvent,  NativeScrollEvent\n} from 'react-native';\nimport { ThemeProvider } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker-ai/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\nimport Svg, { Path } from 'react-native-svg';\nimport { getPathDown } from './curve';\n// import { scale } from 'react-native-size-scaling';\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport { FixedView } from '@wavemaker-ai/app-rn-runtime/core/fixed-view.component';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport { StickyWrapperContext, StickyWrapperContextType } from '@wavemaker-ai/app-rn-runtime/core/sticky-wrapper';\n\ninterface TabDataItem extends NavigationDataItem {\n  floating: boolean;\n  indexBeforeMid: number;\n}\n\ninterface CustomScrollEvent {\n  scrollDirection: number;\n  scrollDelta: number;\n}\n\nconst scale = (n: number) => n;\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T> {\n  showMore = false;\n  modalOptions = {} as ModalOptions;\n  dataItems: TabDataItem[] = [];\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n  private tabbarHeight = 0;\n  private keyBoardShown = false;\n  private destroyScrollListner: Function = null as any;\n  private translateY = new Animated.Value(0);\n  private insets: EdgeInsets | null = null;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  private tabbarHeightWithInsets: number = 0;\n  static contextType = StickyWrapperContext;\n\n  constructor(props: WmTabbarProps) {\n    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n    this.cleanup.push(Keyboard.addListener('keyboardWillShow', () => {\n      this.keyBoardShown = true;\n      this.forceUpdate();\n    }).remove);\n    this.cleanup.push(Keyboard.addListener('keyboardWillHide', () => {\n      this.keyBoardShown = false;\n      this.forceUpdate();\n    }).remove);\n  }\n\n  private maxWidth = Dimensions.get(\"window\").width;\n  private returnpathDown: any;\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name){\n        case 'hideonscroll':\n          this.destroyScrollListner && this.destroyScrollListner();\n          if($new) {\n            this.subscribeToPageScroll();\n          }\n          break;\n      }\n  }\n\n  renderTabItem(item: TabDataItem, testId: string, props: WmTabbarProps, onSelect: Function, floating = false) {\n\n    const isActive = !!(props.isActive && props.isActive(item));\n    const activeOnParent = props.highlightactivetab === 'parent view';\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    const displayLabel = getDisplayLabel(item.label);\n    let increasedGap = Number(testId) === item?.indexBeforeMid && (this.state.dataItems.length % 2!=0)  && ((props.classname || '').indexOf('clipped-tabbar') >= 0)\n    ? [this.styles.tabItem, { paddingRight: 70 }]\n    : [isActive && activeOnParent ? this.styles.activeTabItem : this.styles.tabItem];\n\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction('item' + testId)}\n        style={[increasedGap, floating? this.styles.centerHubItem: {}]}\n        key={`${item.label}_${testId}`}\n        onPress={() => onSelect && onSelect()}>\n        <View key={item.key}>\n          <View style={[isActive && !floating  ? this.styles.activeTabItem : {}]}>\n            <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.tabIcon, floating? this.styles.centerHubIcon: {}, isActive ? this.styles.activeTabIcon : {})}\n              iconclass={item.icon}\n            ></WmIcon>\n          </View>\n        </View>\n        {displayLabel ? (\n          <Text style={[this.styles.tabLabel, floating? this.styles.centerHubLabel: {},  isActive ? this.styles.activeTabLabel : {}]} numberOfLines={1}>\n            {displayLabel}\n          </Text>\n        ) : null}\n      </TouchableOpacity>\n    );\n  }\n\n  onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n    item.link && navigationService.openUrl(item.link);\n    this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n  }\n\n  prepareModalOptions(content: ReactNode) {\n    const o = this.state.modalOptions;\n    o.content = content;\n    o.modalStyle = {\n      bottom: this.tabbarHeight\n    };\n    o.contentStyle = this.styles.modalContent;\n    return o;\n  }\n\n  isVisible(): boolean {\n    return super.isVisible() && !this.keyBoardShown;\n  }\n\n  animateWithTiming(value: number, duratiion: number): void {\n    Animated.timing(this.translateY, {\n      toValue: value,\n      easing: Easing.linear,\n      duration: duratiion,\n      useNativeDriver: false\n    }).start()\n  }\n\n  subscribeToPageScroll(){\n    this.tabbarHeightWithInsets = 0;\n    this.destroyScrollListner = this.subscribe('scroll', (event: NativeSyntheticEvent<NativeScrollEvent>)=>{\n      const { contentOffset, layoutMeasurement, contentSize } = event.nativeEvent ;\n      const scrollPosition = contentOffset.y ;\n      this.tabbarHeightWithInsets = this.tabbarHeightWithInsets ? this.tabbarHeightWithInsets : this.getLayout()?.height ;\n      const visibleContentHeight = layoutMeasurement.height ;\n      const endReached = (scrollPosition + visibleContentHeight + this.tabbarHeightWithInsets) + 8 >= contentSize.height ;\n      const bottomInsets = this.insets?.bottom || 0\n      const e = event.nativeEvent as any as CustomScrollEvent;\n      if(Math.abs(e?.scrollDelta) >= 2){\n        if(e?.scrollDirection > 0){\n          this.animateWithTiming(0, 100)\n        }else if(e?.scrollDirection < 0) {\n          this.animateWithTiming(this.tabbarHeightWithInsets + bottomInsets, 100)\n        }\n      }\n      if(endReached){\n        this.animateWithTiming(0, 0)\n      }\n    })\n  }\n\n  componentWillUnmount(): void {\n      this.destroyScrollListner && this.destroyScrollListner();\n  }\n\n  renderContent(props: WmTabbarProps){\n    let max = 5;\n    const tabItems = this.state.dataItems;\n    const tabItemsLength = tabItems.length;\n    let bottomTabHeightValue;\n    const isClippedTabbar = ((props.classname || '').indexOf('clipped-tabbar') >= 0) && (tabItemsLength % 2 !== 0);\n    if (isClippedTabbar && tabItemsLength % 2 !== 0) {\n      const middleIndex = Math.floor(tabItemsLength / 2);\n      tabItems[middleIndex]['floating'] = true;\n      tabItems[middleIndex - 1]['indexBeforeMid'] = middleIndex-1;\n    }\n   this.returnpathDown = getPathDown(this.maxWidth, 65 ,60,this.styles.root.height as number);\n    const moreItems = [] as any[][];\n    if (tabItems.length > max) {\n      const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n      let j = 0;\n      for (let i = max-1; i < moreItemsCount;) {\n        const row = [];\n        for (let j = 0; j < max; j++) {\n          row[j] = tabItems[i++] || {key: 'tabItem' + i} as TabDataItem;\n        }\n        moreItems.push(row);\n      }\n      max = max - 1;\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n      {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n      this.insets = insets;\n      const paddingBottomVal = this.styles.root.paddingBottom || this.styles.root.padding;\n      const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n      const stylesWithFs = isEdgeToEdgeApp ?  {height: this.styles.root.height as number + (insets?.bottom || 0) as number,\n        paddingBottom: (paddingBottomVal || 0) as number + (insets?.bottom || 0) as number , backgroundColor: this.styles.root.backgroundColor || this.styles.menu.backgroundColor} : {}\n      return (\n      <NavigationServiceConsumer>\n      {(navigationService) =>(\n        <View style={[this.styles.root, stylesWithFs]}\n          ref={(ref)=> {this.baseView = ref as any}}\n          onLayout={(event: LayoutChangeEvent) => {\n            if(this.context && (this.context as StickyWrapperContextType).bottomTabHeight && props.hideonscroll) {\n              bottomTabHeightValue = event.nativeEvent.layout.height || 0;\n              (this.context as StickyWrapperContextType).bottomTabHeight.value = bottomTabHeightValue;\n              this.notify('updateBottomTabHeight', [bottomTabHeightValue], true);\n            }\n            this.handleLayout(event);\n          }}\n        >\n      {isClippedTabbar ? (\n        <Svg width={this.maxWidth} height={scale(this.styles.root.height as number)} style={{zIndex: -1,position: 'absolute',backgroundColor: ThemeVariables.INSTANCE.transparent}}>\n        <Path fill={ThemeVariables.INSTANCE.tabbarBackgroundColor} {...{ d: this.returnpathDown }}/>\n        </Svg>\n           ): <></>}\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              if (this.state.showMore) {\n                modalService.showModal(this.prepareModalOptions((\n                <ThemeProvider value={this.theme} >\n                  <View style={this.styles.moreMenu}>\n                    {moreItems.map((a, i) =>\n                      (<View key={i} style={this.styles.moreMenuRow}>\n                        {a.map((item, index) => this.renderTabItem(item, i + '', props,  () => this.onItemSelect(item, navigationService)))}\n                      </View>)\n                    )}\n                  </View>\n                </ThemeProvider>)));\n              } else {\n                modalService.hideModal(this.state.modalOptions);\n              }\n              return null;\n            }}\n          </ModalConsumer>\n          <View\n            testID=\"test_tabbar-menu\"\n            style={this.styles.menu}\n            onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}>\n            {tabItems.filter((item, i) => i < max)\n              .map((item, i) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService), item.floating))}\n            {tabItems.length > max && (\n              this.renderTabItem({\n                label: props.morebuttonlabel,\n                icon: props.morebuttoniconclass\n              } as TabDataItem, 6666 +'', props,  () => {\n                this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n              })\n            )}\n          </View>\n        </View>)}\n      </NavigationServiceConsumer>\n      )}}\n    </SafeAreaInsetsContext.Consumer>\n    )\n  }\n\n  renderWidget(props: WmTabbarProps) {\n    this.isFixed = true;\n    const animateStyle = props.hideonscroll ? {transform: [{translateY: this.translateY}]} : {};\n    return props.hideonscroll ? (\n        <FixedView\n          name={this.props.name}\n          style={{...{bottom: 0, width:'100%', zIndex: 11}, ...animateStyle}}\n          theme={this.theme}\n          animated={props.hideonscroll || false}>\n          {this._background}\n          {this.renderContent(props)}\n        </FixedView>\n      ) : this.renderContent(props)\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/page/tabbar/tabbar.props.js

@@ -24,6 +24,7 @@ export default class WmTabbarProps extends BaseNavProps {
       'icon': 'wm-sl-r sl-settings'
     }]);
     _defineProperty(this, "hideonscroll", false);
+    _defineProperty(this, "highlightactivetab", 'nested view');
   }
 }
 //# sourceMappingURL=tabbar.props.js.map

package/components/page/tabbar/tabbar.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseNavProps","WmTabbarProps","constructor","args","_defineProperty","item"],"sources":["tabbar.props.ts"],"sourcesContent":["import { BaseNavProps } from '../../navigation/basenav/basenav.props';\nimport WmTabbar from './tabbar.component';\n\nexport default class WmTabbarProps extends BaseNavProps {\n  morebuttoniconclass? = 'wi wi-more-horiz';\n  morebuttonlabel? = 'more';\n  itemchildren?: string = 'children';\n  isActive? = (item: any) => false;\n  onSelect? : (event: any, widget: WmTabbar) => any;\n  dataset?: any = [{\n      'label' : 'Home',\n      'icon'  : 'wm-sl-r sl-home'\n    },{\n      'label' : 'Analytics',\n      'icon'  : 'wm-sl-r sl-graph-ascend'\n    },{\n      'label' : 'Alerts',\n      'icon'  : 'wm-sl-r sl-alarm-bell'\n    },{\n      'label' : 'Settings',\n      'icon'  : 'wm-sl-r sl-settings'\n  }];\n  hideonscroll: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,wCAAwC;AAGrE,eAAe,MAAMC,aAAa,SAASD,YAAY,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,8BAC/B,kBAAkB;IAAAA,eAAA,0BACtB,MAAM;IAAAA,eAAA,uBACD,UAAU;IAAAA,eAAA,mBACrBC,IAAS,IAAK,KAAK;IAAAD,eAAA;IAAAA,eAAA,kBAEhB,CAAC;MACb,OAAO,EAAG,MAAM;MAChB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,WAAW;MACrB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,QAAQ;MAClB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,UAAU;MACpB,MAAM,EAAI;IACd,CAAC,CAAC;IAAAA,eAAA,uBACsB,KAAK;EAAA;AAC/B","ignoreList":[]}
+{"version":3,"names":["BaseNavProps","WmTabbarProps","constructor","args","_defineProperty","item"],"sources":["tabbar.props.ts"],"sourcesContent":["import { BaseNavProps } from '../../navigation/basenav/basenav.props';\nimport WmTabbar from './tabbar.component';\n\nexport default class WmTabbarProps extends BaseNavProps {\n  morebuttoniconclass? = 'wi wi-more-horiz';\n  morebuttonlabel? = 'more';\n  itemchildren?: string = 'children';\n  isActive? = (item: any) => false;\n  onSelect? : (event: any, widget: WmTabbar) => any;\n  dataset?: any = [{\n      'label' : 'Home',\n      'icon'  : 'wm-sl-r sl-home'\n    },{\n      'label' : 'Analytics',\n      'icon'  : 'wm-sl-r sl-graph-ascend'\n    },{\n      'label' : 'Alerts',\n      'icon'  : 'wm-sl-r sl-alarm-bell'\n    },{\n      'label' : 'Settings',\n      'icon'  : 'wm-sl-r sl-settings'\n  }];\n  hideonscroll: boolean = false;\n  highlightactivetab: string = 'nested view';\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,wCAAwC;AAGrE,eAAe,MAAMC,aAAa,SAASD,YAAY,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,8BAC/B,kBAAkB;IAAAA,eAAA,0BACtB,MAAM;IAAAA,eAAA,uBACD,UAAU;IAAAA,eAAA,mBACrBC,IAAS,IAAK,KAAK;IAAAD,eAAA;IAAAA,eAAA,kBAEhB,CAAC;MACb,OAAO,EAAG,MAAM;MAChB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,WAAW;MACrB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,QAAQ;MAClB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,UAAU;MACpB,MAAM,EAAI;IACd,CAAC,CAAC;IAAAA,eAAA,uBACsB,KAAK;IAAAA,eAAA,6BACA,aAAa;EAAA;AAC5C","ignoreList":[]}