@wavemaker/app-rn-runtime 11.14.1-rc.6311 → 11.14.2-1.6423

package/components/container/accordion/accordion.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","header","borderBottomWidth","accordionHeaderBgColor","padding","flexDirection","justifyContent","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","titleIcon","default","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","skeleton","OS","textAlign","marginBottom"],"sources":["accordion.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmAccordionStyles = BaseStyles & {\n  icon: WmIconStyles,\n  rightToggleIcon: WmIconStyles,\n  leftToggleIcon: WmIconStyles,\n  activeIcon: WmIconStyles,\n  pane: AllStyle,\n  badge: AllStyle,\n  activeBadge: AllStyle,\n  firstHeader: ViewStyle,\n  lastHeader: ViewStyle,\n  header: AllStyle,\n  activeHeader: AllStyle,\n  activeHeaderTitle: TextStyle,\n  subheading: AllStyle,\n  titleIcon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n \nexport const DEFAULT_CLASS = 'app-accordion';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmAccordionStyles = defineStyles({\n      root: {\n        width: '100%',\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        borderRadius: 6,\n        backgroundColor: themeVariables.transparent\n      },\n      text: {\n        color: themeVariables.accordionTitleColor,\n        fontSize: 18\n      },\n      firstHeader: {\n        borderTopLeftRadius: 6,\n        borderTopRightRadius: 6\n      },\n      pane : {},\n      header: {\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        backgroundColor: themeVariables.accordionHeaderBgColor,\n        padding: 8,\n        flexDirection: 'row',\n        justifyContent: 'center'\n      },\n      lastHeader: {\n        borderBottomWidth: 0,\n        borderBottomLeftRadius: 6,\n        borderBottomRightRadius: 6\n      },\n      activeHeader: {\n        borderColor: themeVariables.accordionActiveHeaderBgColor,\n        backgroundColor: themeVariables.accordionActiveHeaderBgColor\n      },\n      activeHeaderTitle: {\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      subheading: {\n\n      },\n      icon: {\n        root: {\n          alignSelf: 'auto',\n          width: 24,\n          height: 24,\n          borderRadius: 24,\n          justifyContent: 'center'\n        },\n        icon: {\n          color: themeVariables.accordionIconColor,\n          alignSelf: 'center',\n          justifyContent: 'center',\n          fontSize: 16,\n          fontWeight: 'bold'\n        }\n      } as WmIconStyles,\n      leftToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      rightToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      activeIcon : {\n        root: {\n          borderColor: themeVariables.accordionActiveHeaderTextColor,\n        },\n        icon: {\n          color: themeVariables.accordionActiveHeaderTextColor\n        }\n      } as WmIconStyles,\n      activeBadge: {\n        borderColor: themeVariables.accordionActiveHeaderTextColor,\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      badge: {\n          color: themeVariables.accordionIconColor,\n          fontSize: 14,\n          marginRight: 4,\n          width: 24,\n          height: 24,\n          borderRadius: 12,\n          alignContent: 'center',\n          borderStyle: 'solid',\n          borderWidth: 2,\n          borderColor: themeVariables.accordionIconColor,\n          backgroundColor: themeVariables.transparent\n      },\n      titleIcon: {} as WmIconStyles,\n      default: {},\n      success: {\n        backgroundColor: themeVariables.labelSuccessColor\n      },\n      danger: {\n        backgroundColor: themeVariables.labelDangerColor\n      },\n      warning: {\n        backgroundColor: themeVariables.labelWarningColor\n      },\n      info: {\n        backgroundColor: themeVariables.labelInfoColor\n      },\n      primary: {\n        backgroundColor: themeVariables.labelPrimaryColor\n      },\n      skeleton: {\n        root: {\n        },\n        text: {}\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n        textAlign:'right',\n    }  \n  }:{\n    text:{\n      textAlign:'left',\n    }  \n  });\n  addStyle('app-accordion1', '', {\n    pane: {\n      marginBottom: 0\n    },\n    leftToggleIcon: {\n      root: {\n        width: 1\n      }\n    },\n    icon: {\n      root: {\n        backgroundColor: 'rgba(255, 255, 255, 0.1)'\n      }\n    }\n  } as WmAccordionStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","header","borderBottomWidth","accordionHeaderBgColor","padding","flexDirection","justifyContent","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","titleIcon","activeTitleIcon","default","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","skeleton","OS","textAlign","marginBottom"],"sources":["accordion.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmAccordionStyles = BaseStyles & {\n  icon: WmIconStyles,\n  rightToggleIcon: WmIconStyles,\n  leftToggleIcon: WmIconStyles,\n  activeIcon: WmIconStyles,\n  pane: AllStyle,\n  badge: AllStyle,\n  activeBadge: AllStyle,\n  firstHeader: ViewStyle,\n  lastHeader: ViewStyle,\n  header: AllStyle,\n  activeHeader: AllStyle,\n  activeHeaderTitle: TextStyle,\n  subheading: AllStyle,\n  titleIcon: WmIconStyles,\n  activeTitleIcon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n \nexport const DEFAULT_CLASS = 'app-accordion';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmAccordionStyles = defineStyles({\n      root: {\n        width: '100%',\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        borderRadius: 6,\n        backgroundColor: themeVariables.transparent\n      },\n      text: {\n        color: themeVariables.accordionTitleColor,\n        fontSize: 18\n      },\n      firstHeader: {\n        borderTopLeftRadius: 6,\n        borderTopRightRadius: 6\n      },\n      pane : {},\n      header: {\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        backgroundColor: themeVariables.accordionHeaderBgColor,\n        padding: 8,\n        flexDirection: 'row',\n        justifyContent: 'center'\n      },\n      lastHeader: {\n        borderBottomWidth: 0,\n        borderBottomLeftRadius: 6,\n        borderBottomRightRadius: 6\n      },\n      activeHeader: {\n        borderColor: themeVariables.accordionActiveHeaderBgColor,\n        backgroundColor: themeVariables.accordionActiveHeaderBgColor\n      },\n      activeHeaderTitle: {\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      subheading: {\n        color: themeVariables.accordionTitleColor\n      },\n      icon: {\n        root: {\n          alignSelf: 'auto',\n          width: 24,\n          height: 24,\n          borderRadius: 24,\n          justifyContent: 'center'\n        },\n        icon: {\n          color: themeVariables.accordionIconColor,\n          alignSelf: 'center',\n          justifyContent: 'center',\n          fontSize: 16,\n          fontWeight: 'bold'\n        }\n      } as WmIconStyles,\n      leftToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      rightToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      activeIcon : {\n        root: {\n          borderColor: themeVariables.accordionActiveHeaderTextColor,\n        },\n        icon: {\n          color: themeVariables.accordionActiveHeaderTextColor\n        }\n      } as WmIconStyles,\n      activeBadge: {\n        borderColor: themeVariables.accordionActiveHeaderTextColor,\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      badge: {\n          color: themeVariables.accordionIconColor,\n          fontSize: 14,\n          marginRight: 4,\n          width: 24,\n          height: 24,\n          borderRadius: 12,\n          alignContent: 'center',\n          borderStyle: 'solid',\n          borderWidth: 2,\n          borderColor: themeVariables.accordionIconColor,\n          backgroundColor: themeVariables.transparent\n      },\n      titleIcon: {} as WmIconStyles,\n      activeTitleIcon: {} as WmIconStyles,\n      default: {},\n      success: {\n        backgroundColor: themeVariables.labelSuccessColor\n      },\n      danger: {\n        backgroundColor: themeVariables.labelDangerColor\n      },\n      warning: {\n        backgroundColor: themeVariables.labelWarningColor\n      },\n      info: {\n        backgroundColor: themeVariables.labelInfoColor\n      },\n      primary: {\n        backgroundColor: themeVariables.labelPrimaryColor\n      },\n      skeleton: {\n        root: {\n        },\n        text: {}\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n        textAlign:'right',\n    }  \n  }:{\n    text:{\n      textAlign:'left',\n    }  \n  });\n  addStyle('app-accordion1', '', {\n    pane: {\n      marginBottom: 0\n    },\n    leftToggleIcon: {\n      root: {\n        width: 1\n      }\n    },\n    icon: {\n      root: {\n        backgroundColor: 'rgba(255, 255, 255, 0.1)'\n      }\n    }\n  } as WmAccordionStyles);\n});\n"],"mappings":"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","ignoreList":[]}

package/components/container/container.component.js

@@ -16,6 +16,59 @@ import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 import { StickyContainer } from '@wavemaker/app-rn-runtime/core/components/sticky-container.component';
 import { getParentStyles } from '@wavemaker/app-rn-runtime/core/components/sticky-container.styles';
 import injector from '@wavemaker/app-rn-runtime/core/injector';
+// Alignment matrix for flex properties
+const alignmentMatrixFixed = {
+  'top-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start'
+  },
+  'top-center': {
+    justifyContent: 'center',
+    alignItems: 'flex-start'
+  },
+  'top-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'flex-start'
+  },
+  'middle-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'center'
+  },
+  'middle-center': {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  'middle-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'center'
+  },
+  'bottom-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-end'
+  },
+  'bottom-center': {
+    justifyContent: 'center',
+    alignItems: 'flex-end'
+  },
+  'bottom-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'flex-end'
+  }
+};
+const alignmentMatrixAuto = {
+  start: {
+    justifyContent: 'space-between',
+    alignItems: 'flex-start'
+  },
+  center: {
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  end: {
+    justifyContent: 'space-between',
+    alignItems: 'flex-end'
+  }
+};
 export class WmContainerState extends PartialHostState {
   constructor(...args) {
     super(...args);
@@ -48,14 +101,130 @@ export default class WmContainer extends PartialHost {
   getBackground() {
     return this._showSkeleton ? null : this._background;
   }
+
+  // Compute root style respecting 'fill'|'hug'|<size> for width/height.
+  getRootContainerStyle() {
+    var _this$props, _this$styles$skeleton;
+    // const { width, height } = this.props;
+    const baseStyle = this.styles.root || {};
+    const {
+      width,
+      height
+    } = baseStyle;
+    const dimensionStyle = {};
+    const isRow = ((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.direction) === "row";
+    if (height === 'fill') {
+      if (isRow) {
+        dimensionStyle.alignSelf = 'stretch';
+      } else {
+        dimensionStyle.flexGrow = 1;
+      }
+      dimensionStyle.height = undefined;
+    } else if (height === 'hug') {
+      if (isRow) {
+        dimensionStyle.alignSelf = 'flex-start';
+      } else {
+        dimensionStyle.flexGrow = 0;
+      }
+      dimensionStyle.height = undefined;
+    } else if (height) {
+      const num = typeof height === 'string' && height.endsWith('%') ? height : parseFloat(height);
+      dimensionStyle.height = isNaN(num) ? height : num;
+    }
+    if (width === 'fill') {
+      if (isRow) {
+        dimensionStyle.width = '100%';
+      } else {
+        dimensionStyle.alignSelf = 'stretch';
+        dimensionStyle.width = undefined;
+      }
+    } else if (width === 'hug') {
+      if (isRow) {
+        dimensionStyle.flexGrow = 0;
+      } else {
+        dimensionStyle.alignSelf = 'flex-start';
+      }
+      dimensionStyle.width = undefined;
+    } else if (width) {
+      const num = typeof width === 'string' && width.endsWith('%') ? width : parseFloat(width);
+      dimensionStyle.width = isNaN(num) ? width : num;
+    }
+    const styleWithResize = {
+      ...baseStyle,
+      ...dimensionStyle
+    };
+    return this._showSkeleton ? {
+      ...styleWithResize,
+      ...((_this$styles$skeleton = this.styles.skeleton) === null || _this$styles$skeleton === void 0 ? void 0 : _this$styles$skeleton.root)
+    } : styleWithResize;
+  }
+
+  // Compute content layout (flexDirection, wrap, gap, justifyContent, alignItems).
+  getContentContainerStyle() {
+    const {
+      direction,
+      wrap,
+      gap,
+      alignment,
+      columngap
+    } = this.props;
+
+    /* Check if any of the new layout props are provided. If not, return an empty
+    style object to maintain backward compatibility. */
+    const useNewLayoutSystem = direction !== undefined || wrap !== undefined || gap !== undefined || alignment !== undefined || columngap !== undefined;
+    if (!useNewLayoutSystem) {
+      return {};
+    }
+
+    // Apply defaults only if the new layout system is active
+    const finalDirection = direction !== null && direction !== void 0 ? direction : 'row';
+    const finalWrap = wrap !== null && wrap !== void 0 ? wrap : false;
+    const finalGap = gap !== null && gap !== void 0 ? gap : 4;
+    const finalAlignment = alignment !== null && alignment !== void 0 ? alignment : 'top-left';
+    const isRow = finalDirection === 'row';
+    const isAutoGap = finalGap === 'auto';
+    const isWrap = finalWrap === 'true' || finalWrap === true;
+    const layoutStyle = {
+      flexDirection: finalDirection,
+      flexWrap: isWrap && isRow ? 'wrap' : 'nowrap'
+    };
+    if (isAutoGap) {
+      const alignConfig = alignmentMatrixAuto[finalAlignment] || alignmentMatrixAuto['start'];
+      layoutStyle.justifyContent = alignConfig.justifyContent;
+      layoutStyle.alignItems = alignConfig.alignItems;
+    } else {
+      if (isRow) {
+        // For a row, the main-axis gap (between items) is columnGap.
+        layoutStyle.columnGap = Number(finalGap);
+      } else {
+        // For a column, the main-axis gap (between items) is rowGap.
+        layoutStyle.rowGap = Number(finalGap);
+      }
+      const alignConfig = alignmentMatrixFixed[finalAlignment] || alignmentMatrixFixed['top-left'];
+      layoutStyle.justifyContent = isRow ? alignConfig.justifyContent : alignConfig.alignItems;
+      layoutStyle.alignItems = isRow ? alignConfig.alignItems : alignConfig.justifyContent;
+    }
+
+    // Add columnGap logic for wrapped rows
+    if (isWrap && isRow) {
+      if (columngap === 'auto') {
+        layoutStyle.alignContent = 'space-between';
+      } else if (columngap !== undefined) {
+        layoutStyle.rowGap = Number(columngap);
+      }
+    }
+    return {
+      ...layoutStyle
+    };
+  }
   renderSkeleton(props) {
     if (!props.showskeletonchildren) {
-      var _this$props;
+      var _this$props2;
       const dimensions = {
         width: this.styles.root.width ? '100%' : undefined,
         height: this.styles.root.height ? '100%' : undefined
       };
-      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
+      const skeletonStyles = ((_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.styles) === null || _this$props2 === void 0 ? void 0 : _this$props2.skeleton) || {
         root: {},
         text: {}
       };
@@ -98,7 +267,7 @@ export default class WmContainer extends PartialHost {
       }).start();
     }
   }
-  renderStickyContent(props, dimensions, styles) {
+  renderStickyContent(props, dimensions, styles, autoLayoutStyle) {
     const {
       stickyContainerVisibility
     } = this.state;
@@ -116,18 +285,20 @@ export default class WmContainer extends PartialHost {
     }, /*#__PURE__*/React.createElement(View, {
       style: [dimensions, {
         backgroundColor: styles.backgroundColor
-      }, this.styles.content]
+      }, this.styles.content, autoLayoutStyle]
     }, this.renderContent(props))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(Animated.View, {
       style: [dimensions, {
         opacity: this.stickyContainerOpacity
-      }, this.styles.content],
+      }, this.styles.content, autoLayoutStyle],
       ref: this.containerRef
     }, this.renderContent(props)));
   }
   renderWidget(props) {
+    const rootStyle = this.getRootContainerStyle();
+    const autoLayoutStyle = this.getContentContainerStyle();
     const dimensions = {
-      width: this.styles.root.width ? '100%' : undefined,
-      height: this.styles.root.height ? '100%' : undefined
+      width: rootStyle.width ? '100%' : undefined,
+      height: rootStyle.height ? '100%' : undefined
     };
     const styles = this._showSkeleton ? {
       ...this.styles.root,
@@ -146,7 +317,7 @@ export default class WmContainer extends PartialHost {
       return /*#__PURE__*/React.createElement(Animatedview, {
         entryanimation: props.animation,
         delay: props.animationdelay,
-        style: styles,
+        style: rootStyle,
         onLayout: (event, ref) => {
           this.handleLayout(event, ref);
         }
@@ -154,10 +325,10 @@ export default class WmContainer extends PartialHost {
         target: this,
         styles: dimensions,
         disableTouchEffect: this.state.props.disabletoucheffect
-      }), props.sticky ? this.renderStickyContent(props, dimensions, styles) : !props.scrollable ? /*#__PURE__*/React.createElement(View, {
-        style: [dimensions, this.styles.content]
+      }), props.sticky ? this.renderStickyContent(props, dimensions, styles, autoLayoutStyle) : !props.scrollable ? /*#__PURE__*/React.createElement(View, {
+        style: [dimensions, this.styles.content, autoLayoutStyle]
       }, this.renderContent(props)) : /*#__PURE__*/React.createElement(ScrollView, {
-        style: [dimensions, this.styles.content],
+        style: [dimensions, this.styles.content, autoLayoutStyle],
         onScroll: event => this.notify('scroll', [event]),
         scrollEventThrottle: 48
       }, this.renderContent(props))));

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Platform","Animated","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","createSkeleton","ScrollView","StickyWrapperContext","SafeAreaInsetsContext","StickyContainer","getParentStyles","injector","WmContainerState","constructor","args","_defineProperty","WmContainer","props","get","top","bottom","left","right","containerRef","createRef","stickyContainerOpacity","Value","subscribe","_event","sticky","setTimeout","getStickyHeaderTranslateY","getBackground","_showSkeleton","_background","renderSkeleton","showskeletonchildren","_this$props","dimensions","width","styles","root","undefined","height","skeletonStyles","skeleton","text","theme","createElement","style","opacity","_extends","getTestPropsForAction","target","disableTouchEffect","state","disabletoucheffect","content","renderContent","_this$appConfig","_this$containerRef","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","current","measure","_x","_y","_width","_height","px","py","_this$insets","topInsetsInYposition","OS","insets","context","stickyContainerTranslateY","value","updateState","stickyContainerVisibility","componentDidUpdate","_prevProps","prevState","timing","toValue","delay","useNativeDriver","start","renderStickyContent","positioningStyles","Fragment","component","backgroundColor","positionStyles","show","ref","renderWidget","isSticky","Consumer","entryanimation","animation","animationdelay","onLayout","event","handleLayout","scrollable","onScroll","notify","scrollEventThrottle"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, ViewStyle, Platform, Animated } from 'react-native';\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\nimport { createSkeleton } from '../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { StickyWrapperContextType, StickyWrapperContext } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyContainer } from '@wavemaker/app-rn-runtime/core/components/sticky-container.component';\nimport { getParentStyles } from '@wavemaker/app-rn-runtime/core/components/sticky-container.styles';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n  stickyContainerVisibility = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  static contextType = StickyWrapperContext;\n  private containerRef: React.RefObject<View | null>;\n  private stickyContainerOpacity: Animated.Value;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  insets: EdgeInsets | null = {\n    top: 0, bottom: 0, left: 0, right: 0\n  };\n\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());\n    this.containerRef = React.createRef();\n    this.stickyContainerOpacity = new Animated.Value(1);\n\n    this.subscribe('updateStickyHeaders', (_event: any) => {\n      if(this.props.sticky){\n        setTimeout(()=>{\n          this.getStickyHeaderTranslateY();\n        }, 500);\n      }\n    })\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmContainerProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const dimensions = {\n          width: this.styles.root.width ? '100%' : undefined,\n          height: this.styles.root.height ? '100%' : undefined\n        };    \n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                  <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions} disableTouchEffect={this.state.props.disabletoucheffect}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n\n        </View>))\n      }\n      return null;\n  }\n\n  public getStickyHeaderTranslateY(){\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    this.containerRef?.current?.measure((_x = 0, _y = 0, _width = 0, _height = 0, px = 0, py = 0)=>{\n      const topInsetsInYposition = (Platform.OS == 'ios' && !isEdgeToEdgeApp) ? (this.insets?.top || 0): 0\n      if((this.context) && (this.context as StickyWrapperContextType).stickyContainerTranslateY) {\n        (this.context as StickyWrapperContextType).stickyContainerTranslateY.value = py - topInsetsInYposition ;\n        this.updateState({ stickyContainerVisibility: true} as WmContainerState);     \n      }\n    })\n  }\n\n  componentDidUpdate(_prevProps: any, prevState: any) {\n    if (prevState.stickyContainerVisibility !== this.state.stickyContainerVisibility) {\n      Animated.timing(this.stickyContainerOpacity, {\n        toValue: this.state.stickyContainerVisibility ? 0 : 1,\n        delay: 500,\n        useNativeDriver: true\n      }).start();\n    }\n  }\n\n  private renderStickyContent(props: WmContainerProps, dimensions: ViewStyle, styles: ViewStyle) {\n    const { stickyContainerVisibility } = this.state;\n    const { positioningStyles } = getParentStyles(this);\n\n    return (\n      <>\n        {stickyContainerVisibility ? (\n          <StickyContainer\n            component={this}\n            theme={this.theme}\n            style={[\n              this.styles.sticky,\n              { backgroundColor: styles.backgroundColor }\n            ]}\n            positionStyles={positioningStyles}\n            show={props.show as boolean}\n          >\n            <View style={[dimensions as ViewStyle, { backgroundColor: styles.backgroundColor }, this.styles.content]}>\n              {this.renderContent(props)}\n            </View>\n          </StickyContainer>\n        ) : <></>}\n        <Animated.View \n          style={[\n            dimensions as ViewStyle, \n            { opacity: this.stickyContainerOpacity }, \n            this.styles.content\n          ]} \n          ref={this.containerRef}\n        >\n          {this.renderContent(props)}\n        </Animated.View>\n      </>\n    );\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions: ViewStyle = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root;\n\n    if (props.sticky) {\n      this.isSticky = true;\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          this.insets = insets;\n          return (\n            <Animatedview \n              entryanimation={props.animation} \n              delay={props.animationdelay} \n              style={styles}\n              onLayout={(event: LayoutChangeEvent, ref: React.RefObject<View>) => {\n                this.handleLayout(event, ref);\n              }}\n            >\n              {this.getBackground()}\n              <Tappable \n                {...this.getTestPropsForAction()} \n                target={this} \n                styles={dimensions} \n                disableTouchEffect={this.state.props.disabletoucheffect}\n              >\n                {props.sticky ? (\n                  this.renderStickyContent(props, dimensions, styles)\n                ) : !props.scrollable ? (\n                  <View style={[dimensions as ViewStyle, this.styles.content]}>\n                    {this.renderContent(props)}\n                  </View>\n                ) : (\n                  <ScrollView \n                    style={[dimensions as ViewStyle, this.styles.content]}\n                    onScroll={(event) => this.notify('scroll', [event])}\n                    scrollEventThrottle={48}\n                  >\n                    {this.renderContent(props)}\n                  </ScrollView>\n                )}\n              </Tappable>\n            </Animatedview>\n          );\n        }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,EAAaC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;AACrF,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,0BAA0B;AACxE,SAASC,cAAc,QAAQ,sCAAsC;AAErE,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAAmCC,oBAAoB,QAAQ,+CAA+C;AAC9G,SAAqBC,qBAAqB,QAAQ,gCAAgC;AAClF,SAASC,eAAe,QAAQ,sEAAsE;AACtG,SAASC,eAAe,QAAQ,mEAAmE;AACnG,OAAOC,QAAQ,MAAM,yCAAyC;AAG9D,OAAO,MAAMC,gBAAgB,SAASR,gBAAgB,CAAmB;EAAAS,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACrD,KAAK;IAAAA,eAAA,oCACK,KAAK;EAAA;AACnC;AAEA,eAAe,MAAMC,WAAW,SAASb,WAAW,CAAwD;EAS1GU,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEjB,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAIa,gBAAgB,CAAC,CAAC,CAAC;IAACG,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAN1DJ,QAAQ,CAACO,GAAG,CAAY,YAAY,CAAC;IAAAH,eAAA,iBAC7B;MAC1BI,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IACrC,CAAC;IAIC,IAAI,CAACC,YAAY,gBAAG5B,KAAK,CAAC6B,SAAS,CAAC,CAAC;IACrC,IAAI,CAACC,sBAAsB,GAAG,IAAI3B,QAAQ,CAAC4B,KAAK,CAAC,CAAC,CAAC;IAEnD,IAAI,CAACC,SAAS,CAAC,qBAAqB,EAAGC,MAAW,IAAK;MACrD,IAAG,IAAI,CAACX,KAAK,CAACY,MAAM,EAAC;QACnBC,UAAU,CAAC,MAAI;UACb,IAAI,CAACC,yBAAyB,CAAC,CAAC;QAClC,CAAC,EAAE,GAAG,CAAC;MACT;IACF,CAAC,CAAC;EACJ;EAEAC,aAAaA,CAAA,EAA6B;IACxC,OAAO,IAAI,CAACC,aAAa,GAAG,IAAI,GAAG,IAAI,CAACC,WAAW;EACrD;EAEOC,cAAcA,CAAClB,KAAuB,EAAmB;IAC5D,IAAG,CAACA,KAAK,CAACmB,oBAAoB,EAAE;MAAA,IAAAC,WAAA;MAC9B,MAAMC,UAAU,GAAG;QACjBC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,KAAK,GAAG,MAAM,GAAGG,SAAS;QAClDC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGD;MAC7C,CAAC;MACD,MAAME,cAAgC,GAAG,EAAAP,WAAA,OAAI,CAACpB,KAAK,cAAAoB,WAAA,gBAAAA,WAAA,GAAVA,WAAA,CAAYG,MAAM,cAAAH,WAAA,uBAAlBA,WAAA,CAAoBQ,QAAQ,KAAI;QAAEJ,IAAI,EAAE,CAAC,CAAC;QAAEK,IAAI,EAAE,CAAC;MAAG,CAAqB;MACpH,OAAOzC,cAAc,CAAC,IAAI,CAAC0C,KAAK,EAAEH,cAAc,EAAE;QAChD,GAAG,IAAI,CAACJ,MAAM,CAACC;MACjB,CAAC,eAAG9C,KAAA,CAAAqD,aAAA,CAACpD,IAAI;QAACqD,KAAK,EAAE,CAAC,IAAI,CAACT,MAAM,CAACC,IAAI,EAAE;UAAES,OAAO,EAAE;QAAE,CAAC;MAAE,gBAC1CvD,KAAA,CAAAqD,aAAA,CAAC/C,QAAQ,EAAAkD,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;QAAEC,MAAM,EAAE,IAAK;QAACb,MAAM,EAAEF,UAAW;QAACgB,kBAAkB,EAAE,IAAI,CAACC,KAAK,CAACtC,KAAK,CAACuC;MAAmB,iBAC5I7D,KAAA,CAAAqD,aAAA,CAACpD,IAAI;QAACqD,KAAK,EAAE,CAACX,UAAU,EAAgB,IAAI,CAACE,MAAM,CAACiB,OAAO;MAAE,GAAE,IAAI,CAACC,aAAa,CAACzC,KAAK,CAAQ,CACzF,CAEJ,CAAE,CAAC;IACX;IACA,OAAO,IAAI;EACf;EAEOc,yBAAyBA,CAAA,EAAE;IAAA,IAAA4B,eAAA,EAAAC,kBAAA;IAChC,MAAMC,eAAe,GAAG,CAAC,GAAAF,eAAA,GAAC,IAAI,CAACG,SAAS,cAAAH,eAAA,gBAAAA,eAAA,GAAdA,eAAA,CAAgBI,gBAAgB,cAAAJ,eAAA,eAAhCA,eAAA,CAAkCE,eAAe;IAC3E,CAAAD,kBAAA,OAAI,CAACrC,YAAY,cAAAqC,kBAAA,gBAAAA,kBAAA,GAAjBA,kBAAA,CAAmBI,OAAO,cAAAJ,kBAAA,eAA1BA,kBAAA,CAA4BK,OAAO,CAAC,CAACC,EAAE,GAAG,CAAC,EAAEC,EAAE,GAAG,CAAC,EAAEC,MAAM,GAAG,CAAC,EAAEC,OAAO,GAAG,CAAC,EAAEC,EAAE,GAAG,CAAC,EAAEC,EAAE,GAAG,CAAC,KAAG;MAAA,IAAAC,YAAA;MAC7F,MAAMC,oBAAoB,GAAI5E,QAAQ,CAAC6E,EAAE,IAAI,KAAK,IAAI,CAACb,eAAe,GAAK,EAAAW,YAAA,OAAI,CAACG,MAAM,cAAAH,YAAA,uBAAXA,YAAA,CAAarD,GAAG,KAAI,CAAC,GAAG,CAAC;MACpG,IAAI,IAAI,CAACyD,OAAO,IAAM,IAAI,CAACA,OAAO,CAA8BC,yBAAyB,EAAE;QACxF,IAAI,CAACD,OAAO,CAA8BC,yBAAyB,CAACC,KAAK,GAAGP,EAAE,GAAGE,oBAAoB;QACtG,IAAI,CAACM,WAAW,CAAC;UAAEC,yBAAyB,EAAE;QAAI,CAAqB,CAAC;MAC1E;IACF,CAAC,CAAC;EACJ;EAEAC,kBAAkBA,CAACC,UAAe,EAAEC,SAAc,EAAE;IAClD,IAAIA,SAAS,CAACH,yBAAyB,KAAK,IAAI,CAACzB,KAAK,CAACyB,yBAAyB,EAAE;MAChFlF,QAAQ,CAACsF,MAAM,CAAC,IAAI,CAAC3D,sBAAsB,EAAE;QAC3C4D,OAAO,EAAE,IAAI,CAAC9B,KAAK,CAACyB,yBAAyB,GAAG,CAAC,GAAG,CAAC;QACrDM,KAAK,EAAE,GAAG;QACVC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;EACF;EAEQC,mBAAmBA,CAACxE,KAAuB,EAAEqB,UAAqB,EAAEE,MAAiB,EAAE;IAC7F,MAAM;MAAEwC;IAA0B,CAAC,GAAG,IAAI,CAACzB,KAAK;IAChD,MAAM;MAAEmC;IAAkB,CAAC,GAAGhF,eAAe,CAAC,IAAI,CAAC;IAEnD,oBACEf,KAAA,CAAAqD,aAAA,CAAArD,KAAA,CAAAgG,QAAA,QACGX,yBAAyB,gBACxBrF,KAAA,CAAAqD,aAAA,CAACvC,eAAe;MACdmF,SAAS,EAAE,IAAK;MAChB7C,KAAK,EAAE,IAAI,CAACA,KAAM;MAClBE,KAAK,EAAE,CACL,IAAI,CAACT,MAAM,CAACX,MAAM,EAClB;QAAEgE,eAAe,EAAErD,MAAM,CAACqD;MAAgB,CAAC,CAC3C;MACFC,cAAc,EAAEJ,iBAAkB;MAClCK,IAAI,EAAE9E,KAAK,CAAC8E;IAAgB,gBAE5BpG,KAAA,CAAAqD,aAAA,CAACpD,IAAI;MAACqD,KAAK,EAAE,CAACX,UAAU,EAAe;QAAEuD,eAAe,EAAErD,MAAM,CAACqD;MAAgB,CAAC,EAAE,IAAI,CAACrD,MAAM,CAACiB,OAAO;IAAE,GACtG,IAAI,CAACC,aAAa,CAACzC,KAAK,CACrB,CACS,CAAC,gBAChBtB,KAAA,CAAAqD,aAAA,CAAArD,KAAA,CAAAgG,QAAA,MAAI,CAAC,eACThG,KAAA,CAAAqD,aAAA,CAAClD,QAAQ,CAACF,IAAI;MACZqD,KAAK,EAAE,CACLX,UAAU,EACV;QAAEY,OAAO,EAAE,IAAI,CAACzB;MAAuB,CAAC,EACxC,IAAI,CAACe,MAAM,CAACiB,OAAO,CACnB;MACFuC,GAAG,EAAE,IAAI,CAACzE;IAAa,GAEtB,IAAI,CAACmC,aAAa,CAACzC,KAAK,CACZ,CACf,CAAC;EAEP;EAEAgF,YAAYA,CAAChF,KAAuB,EAAE;IACpC,MAAMqB,UAAqB,GAAG;MAC5BC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,KAAK,GAAG,MAAM,GAAGG,SAAS;MAClDC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGD;IAC7C,CAAC;IAED,MAAMF,MAAM,GAAG,IAAI,CAACP,aAAa,GAAG;MAClC,GAAG,IAAI,CAACO,MAAM,CAACC,IAAI;MACnB,GAAG,IAAI,CAACD,MAAM,CAACK,QAAQ,CAACJ;IAC1B,CAAC,GAAG,IAAI,CAACD,MAAM,CAACC,IAAI;IAEpB,IAAIxB,KAAK,CAACY,MAAM,EAAE;MAChB,IAAI,CAACqE,QAAQ,GAAG,IAAI;IACtB;IACA,oBACEvG,KAAA,CAAAqD,aAAA,CAACxC,qBAAqB,CAAC2F,QAAQ,QAC5B,CAACxB,MAAM,GAAG;MAAExD,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,KAAK;MACtD,IAAI,CAACqD,MAAM,GAAGA,MAAM;MACpB,oBACEhF,KAAA,CAAAqD,aAAA,CAAC9C,YAAY;QACXkG,cAAc,EAAEnF,KAAK,CAACoF,SAAU;QAChCf,KAAK,EAAErE,KAAK,CAACqF,cAAe;QAC5BrD,KAAK,EAAET,MAAO;QACd+D,QAAQ,EAAEA,CAACC,KAAwB,EAAER,GAA0B,KAAK;UAClE,IAAI,CAACS,YAAY,CAACD,KAAK,EAAER,GAAG,CAAC;QAC/B;MAAE,GAED,IAAI,CAAChE,aAAa,CAAC,CAAC,eACrBrC,KAAA,CAAAqD,aAAA,CAAC/C,QAAQ,EAAAkD,QAAA,KACH,IAAI,CAACC,qBAAqB,CAAC,CAAC;QAChCC,MAAM,EAAE,IAAK;QACbb,MAAM,EAAEF,UAAW;QACnBgB,kBAAkB,EAAE,IAAI,CAACC,KAAK,CAACtC,KAAK,CAACuC;MAAmB,IAEvDvC,KAAK,CAACY,MAAM,GACX,IAAI,CAAC4D,mBAAmB,CAACxE,KAAK,EAAEqB,UAAU,EAAEE,MAAM,CAAC,GACjD,CAACvB,KAAK,CAACyF,UAAU,gBACnB/G,KAAA,CAAAqD,aAAA,CAACpD,IAAI;QAACqD,KAAK,EAAE,CAACX,UAAU,EAAe,IAAI,CAACE,MAAM,CAACiB,OAAO;MAAE,GACzD,IAAI,CAACC,aAAa,CAACzC,KAAK,CACrB,CAAC,gBAEPtB,KAAA,CAAAqD,aAAA,CAAC1C,UAAU;QACT2C,KAAK,EAAE,CAACX,UAAU,EAAe,IAAI,CAACE,MAAM,CAACiB,OAAO,CAAE;QACtDkD,QAAQ,EAAGH,KAAK,IAAK,IAAI,CAACI,MAAM,CAAC,QAAQ,EAAE,CAACJ,KAAK,CAAC,CAAE;QACpDK,mBAAmB,EAAE;MAAG,GAEvB,IAAI,CAACnD,aAAa,CAACzC,KAAK,CACf,CAEN,CACE,CAAC;IAEnB,CAC8B,CAAC;EAErC;AACF;AAACF,eAAA,CA/JoBC,WAAW,iBACTT,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","View","Platform","Animated","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","createSkeleton","ScrollView","StickyWrapperContext","SafeAreaInsetsContext","StickyContainer","getParentStyles","injector","alignmentMatrixFixed","justifyContent","alignItems","alignmentMatrixAuto","start","center","end","WmContainerState","constructor","args","_defineProperty","WmContainer","props","get","top","bottom","left","right","containerRef","createRef","stickyContainerOpacity","Value","subscribe","_event","sticky","setTimeout","getStickyHeaderTranslateY","getBackground","_showSkeleton","_background","getRootContainerStyle","_this$props","_this$styles$skeleton","baseStyle","styles","root","width","height","dimensionStyle","isRow","direction","alignSelf","flexGrow","undefined","num","endsWith","parseFloat","isNaN","styleWithResize","skeleton","getContentContainerStyle","wrap","gap","alignment","columngap","useNewLayoutSystem","finalDirection","finalWrap","finalGap","finalAlignment","isAutoGap","isWrap","layoutStyle","flexDirection","flexWrap","alignConfig","columnGap","Number","rowGap","alignContent","renderSkeleton","showskeletonchildren","_this$props2","dimensions","skeletonStyles","text","theme","createElement","style","opacity","_extends","getTestPropsForAction","target","disableTouchEffect","state","disabletoucheffect","content","renderContent","_this$appConfig","_this$containerRef","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","current","measure","_x","_y","_width","_height","px","py","_this$insets","topInsetsInYposition","OS","insets","context","stickyContainerTranslateY","value","updateState","stickyContainerVisibility","componentDidUpdate","_prevProps","prevState","timing","toValue","delay","useNativeDriver","renderStickyContent","autoLayoutStyle","positioningStyles","Fragment","component","backgroundColor","positionStyles","show","ref","renderWidget","rootStyle","isSticky","Consumer","entryanimation","animation","animationdelay","onLayout","event","handleLayout","scrollable","onScroll","notify","scrollEventThrottle"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, StyleProp, View, ViewStyle, Platform, Animated } from 'react-native';\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\nimport { createSkeleton } from '../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { StickyWrapperContextType, StickyWrapperContext } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyContainer } from '@wavemaker/app-rn-runtime/core/components/sticky-container.component';\nimport { getParentStyles } from '@wavemaker/app-rn-runtime/core/components/sticky-container.styles';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\n// Alignment matrix for flex properties\nconst alignmentMatrixFixed: Record<\n  string,\n  { justifyContent: string; alignItems: string }\n> = {\n  'top-left': { justifyContent: 'flex-start', alignItems: 'flex-start' },\n  'top-center': { justifyContent: 'center', alignItems: 'flex-start' },\n  'top-right': { justifyContent: 'flex-end', alignItems: 'flex-start' },\n  'middle-left': { justifyContent: 'flex-start', alignItems: 'center' },\n  'middle-center': { justifyContent: 'center', alignItems: 'center' },\n  'middle-right': { justifyContent: 'flex-end', alignItems: 'center' },\n  'bottom-left': { justifyContent: 'flex-start', alignItems: 'flex-end' },\n  'bottom-center': { justifyContent: 'center', alignItems: 'flex-end' },\n  'bottom-right': { justifyContent: 'flex-end', alignItems: 'flex-end' },\n};\n\nconst alignmentMatrixAuto: Record<\n  string,\n  { justifyContent: string; alignItems: string }\n> = {\n  start: { justifyContent: 'space-between', alignItems: 'flex-start' },\n  center: { justifyContent: 'space-between', alignItems: 'center' },\n  end: { justifyContent: 'space-between', alignItems: 'flex-end' },\n};\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n  stickyContainerVisibility = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  static contextType = StickyWrapperContext;\n  private containerRef: React.RefObject<View | null>;\n  private stickyContainerOpacity: Animated.Value;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  insets: EdgeInsets | null = {\n    top: 0, bottom: 0, left: 0, right: 0\n  };\n\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());\n    this.containerRef = React.createRef();\n    this.stickyContainerOpacity = new Animated.Value(1);\n\n    this.subscribe('updateStickyHeaders', (_event: any) => {\n      if(this.props.sticky){\n        setTimeout(()=>{\n          this.getStickyHeaderTranslateY();\n        }, 500);\n      }\n    })\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n  \n  // Compute root style respecting 'fill'|'hug'|<size> for width/height.\n  private getRootContainerStyle(): ViewStyle {\n    // const { width, height } = this.props;\n    const baseStyle = this.styles.root || {};\n    const { width, height }: any = baseStyle;\n    const dimensionStyle: ViewStyle = {};\n    const isRow = this.props?.direction === \"row\";\n\n    if (height === 'fill') {\n      if (isRow) {\n        dimensionStyle.alignSelf = 'stretch';        \n      } else {\n        dimensionStyle.flexGrow = 1;                 \n      }\n      dimensionStyle.height = undefined;\n    } \n    else if (height === 'hug') {\n      if (isRow) {\n        dimensionStyle.alignSelf = 'flex-start';     \n      } else {\n        dimensionStyle.flexGrow = 0;                 \n      }\n      dimensionStyle.height = undefined;\n    }\n    else if (height) {\n      const num = (typeof height === 'string' && height.endsWith('%')) ? height : parseFloat(height);\n      dimensionStyle.height = (isNaN(num as number) ? height : num) as DimensionValue;\n    }\n\n    if (width === 'fill') {\n      if (isRow) {\n        dimensionStyle.width = '100%';               \n      } else {\n        dimensionStyle.alignSelf = 'stretch';       \n        dimensionStyle.width = undefined;\n      }\n    } \n    else if (width === 'hug') {\n      if (isRow) {\n        dimensionStyle.flexGrow = 0;                 \n      } else {\n        dimensionStyle.alignSelf = 'flex-start';     \n      }\n      dimensionStyle.width = undefined;\n    }\n    else if (width) {\n      const num = (typeof width === 'string' && width.endsWith('%')) ? width : parseFloat(width);\n      dimensionStyle.width = (isNaN(num as number) ? width : num) as DimensionValue;\n    }\n\n    const styleWithResize = {\n      ...baseStyle,\n      ...dimensionStyle,\n    };\n\n    return this._showSkeleton\n      ? { ...styleWithResize, ...this.styles.skeleton?.root }\n      : styleWithResize;\n  }\n\n  // Compute content layout (flexDirection, wrap, gap, justifyContent, alignItems).\n  private getContentContainerStyle(): ViewStyle {\n    const { direction, wrap, gap, alignment, columngap } = this.props;\n\n    /* Check if any of the new layout props are provided. If not, return an empty\n    style object to maintain backward compatibility. */\n    const useNewLayoutSystem = \n        direction !== undefined || \n        wrap !== undefined || \n        gap !== undefined || \n        alignment !== undefined ||\n        columngap !== undefined;\n\n    if (!useNewLayoutSystem) {\n      return {};\n    }\n\n    // Apply defaults only if the new layout system is active\n    const finalDirection = direction ?? 'row';\n    const finalWrap = wrap ?? false;\n    const finalGap = gap ?? 4;\n    const finalAlignment = alignment ?? 'top-left';\n\n    const isRow = finalDirection === 'row';\n    const isAutoGap = finalGap === 'auto';\n    const isWrap = finalWrap === 'true' || finalWrap === true;\n\n    const layoutStyle: ViewStyle = {\n      flexDirection: finalDirection,\n      flexWrap: isWrap && isRow ? 'wrap' : 'nowrap',\n    };\n\n    if (isAutoGap) {\n      const alignConfig =\n        alignmentMatrixAuto[finalAlignment] || alignmentMatrixAuto['start'];\n      layoutStyle.justifyContent =\n        alignConfig.justifyContent as ViewStyle['justifyContent'];\n      layoutStyle.alignItems =\n        alignConfig.alignItems as ViewStyle['alignItems'];\n    } else {\n      if (isRow) {\n        // For a row, the main-axis gap (between items) is columnGap.\n        layoutStyle.columnGap = Number(finalGap);\n      } else {\n        // For a column, the main-axis gap (between items) is rowGap.\n        layoutStyle.rowGap = Number(finalGap);\n      }\n      const alignConfig =\n        alignmentMatrixFixed[finalAlignment] || alignmentMatrixFixed['top-left'];\n\n      layoutStyle.justifyContent = (\n        isRow ? alignConfig.justifyContent : alignConfig.alignItems\n      ) as ViewStyle['justifyContent'];\n      layoutStyle.alignItems = (\n        isRow ? alignConfig.alignItems : alignConfig.justifyContent\n      ) as ViewStyle['alignItems'];\n    }\n\n    // Add columnGap logic for wrapped rows\n    if (isWrap && isRow) {\n      if (columngap === 'auto') {\n        layoutStyle.alignContent = 'space-between';\n      } else if (columngap !== undefined) {\n        layoutStyle.rowGap = Number(columngap);\n      }\n    }\n\n    return {\n      ...layoutStyle,\n    };\n  }\n  \n  public renderSkeleton(props: WmContainerProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const dimensions = {\n          width: this.styles.root.width ? '100%' : undefined,\n          height: this.styles.root.height ? '100%' : undefined\n        };    \n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                  <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions} disableTouchEffect={this.state.props.disabletoucheffect}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n\n        </View>))\n      }\n      return null;\n  }\n\n  public getStickyHeaderTranslateY(){\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    this.containerRef?.current?.measure((_x = 0, _y = 0, _width = 0, _height = 0, px = 0, py = 0)=>{\n      const topInsetsInYposition = (Platform.OS == 'ios' && !isEdgeToEdgeApp) ? (this.insets?.top || 0): 0\n      if((this.context) && (this.context as StickyWrapperContextType).stickyContainerTranslateY) {\n        (this.context as StickyWrapperContextType).stickyContainerTranslateY.value = py - topInsetsInYposition ;\n        this.updateState({ stickyContainerVisibility: true} as WmContainerState);     \n      }\n    })\n  }\n\n  componentDidUpdate(_prevProps: any, prevState: any) {\n    if (prevState.stickyContainerVisibility !== this.state.stickyContainerVisibility) {\n      Animated.timing(this.stickyContainerOpacity, {\n        toValue: this.state.stickyContainerVisibility ? 0 : 1,\n        delay: 500,\n        useNativeDriver: true\n      }).start();\n    }\n  }\n\n  private renderStickyContent(props: WmContainerProps, dimensions: ViewStyle, styles: ViewStyle, autoLayoutStyle: ViewStyle) {\n    const { stickyContainerVisibility } = this.state;\n    const { positioningStyles } = getParentStyles(this);\n\n    return (\n      <>\n        {stickyContainerVisibility ? (\n          <StickyContainer\n            component={this}\n            theme={this.theme}\n            style={[\n              this.styles.sticky,\n              { backgroundColor: styles.backgroundColor }\n            ]}\n            positionStyles={positioningStyles}\n            show={props.show as boolean}\n          >\n            <View style={[dimensions as ViewStyle, { backgroundColor: styles.backgroundColor }, this.styles.content, autoLayoutStyle]}>\n              {this.renderContent(props)}\n            </View>\n          </StickyContainer>\n        ) : <></>}\n        <Animated.View \n          style={[\n            dimensions as ViewStyle, \n            { opacity: this.stickyContainerOpacity }, \n            this.styles.content,\n            autoLayoutStyle\n          ]} \n          ref={this.containerRef}\n        >\n          {this.renderContent(props)}\n        </Animated.View>\n      </>\n    );\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const rootStyle = this.getRootContainerStyle();\n    const autoLayoutStyle = this.getContentContainerStyle();\n\n    const dimensions: ViewStyle = {\n      width: rootStyle.width ? '100%' : undefined,\n      height: rootStyle.height ? '100%' : undefined\n    };\n\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root;\n\n    if (props.sticky) {\n      this.isSticky = true;\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          this.insets = insets;\n          return (\n            <Animatedview \n              entryanimation={props.animation} \n              delay={props.animationdelay} \n              style={rootStyle}\n              onLayout={(event: LayoutChangeEvent, ref: React.RefObject<View>) => {\n                this.handleLayout(event, ref);\n              }}\n            >\n              {this.getBackground()}\n              <Tappable \n                {...this.getTestPropsForAction()} \n                target={this} \n                styles={dimensions} \n                disableTouchEffect={this.state.props.disabletoucheffect}\n              >\n                {props.sticky ? (\n                  this.renderStickyContent(props, dimensions, styles, autoLayoutStyle)\n                ) : !props.scrollable ? (\n                  <View style={[\n                    dimensions as ViewStyle, \n                    this.styles.content,\n                    autoLayoutStyle]}>\n                    {this.renderContent(props)}\n                  </View>\n                ) : (\n                  <ScrollView \n                    style={[dimensions as ViewStyle, this.styles.content, autoLayoutStyle]}\n                    onScroll={(event) => this.notify('scroll', [event])}\n                    scrollEventThrottle={48}\n                  >\n                    {this.renderContent(props)}\n                  </ScrollView>\n                )}\n              </Tappable>\n            </Animatedview>\n          );\n        }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/container.props.js

@@ -12,6 +12,11 @@ export default class WmContainerProps extends PartialHostProps {
     _defineProperty(this, "sticky", false);
     _defineProperty(this, "stickyContainerVisibility", false);
     _defineProperty(this, "stickyContainerOpacity", void 0);
+    _defineProperty(this, "direction", void 0);
+    _defineProperty(this, "wrap", void 0);
+    _defineProperty(this, "alignment", void 0);
+    _defineProperty(this, "gap", void 0);
+    _defineProperty(this, "columngap", void 0);
   }
 }
 //# sourceMappingURL=container.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PartialHostProps","WmContainerProps","constructor","args","_defineProperty"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\nimport { Animated } from 'react-native';\n\nexport default class WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  animationdelay?: number = null as any;\n  onLoad?: Function;\n  scrollable?: Boolean = false as any;\n  sticky?: Boolean = false as boolean;\n  stickyContainerVisibility?: Boolean = false;\n  stickyContainerOpacity?: Animated.Value;\n}\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAG3D,eAAe,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACxC,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEP,KAAK;IAAAA,eAAA,iBACT,KAAK;IAAAA,eAAA,oCACc,KAAK;IAAAA,eAAA;EAAA;AAE7C","ignoreList":[]}
+{"version":3,"names":["PartialHostProps","WmContainerProps","constructor","args","_defineProperty"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\nimport { Animated } from 'react-native';\n\nexport default class WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  animationdelay?: number = null as any;\n  onLoad?: Function;\n  scrollable?: Boolean = false as any;\n  sticky?: Boolean = false as boolean;\n  stickyContainerVisibility?: Boolean = false;\n  stickyContainerOpacity?: Animated.Value;\n  direction?: 'row' | 'column';\n  wrap?: boolean | string;\n  alignment?: string;\n  gap?: number | string | 'auto';\n  columngap?: number | string | 'auto';\n}\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAG3D,eAAe,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACxC,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEP,KAAK;IAAAA,eAAA,iBACT,KAAK;IAAAA,eAAA,oCACc,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAO7C","ignoreList":[]}

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

@@ -20,8 +20,8 @@ export default class WmLinearlayout extends BaseComponent {
     const s = {};
     const direction = props.direction;
     s.display = 'flex';
-    s.width = "100%";
     s.flexDirection = direction;
+    s.width = '100%';
     const isHorizontal = direction.startsWith('row');
     if (isHorizontal) {
       s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLinearlayoutProps","DEFAULT_CLASS","createSkeleton","ALIGNMENT_MAP","WmLinearlayoutState","WmLinearlayout","constructor","props","getStyles","s","direction","display","width","flexDirection","isHorizontal","startsWith","justifyContent","horizontalalign","alignItems","verticalalign","getBackground","_showSkeleton","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","styles","skeleton","root","text","theme","createElement","style","opacity","children","renderWidget","rootStyles","onLayout","event","handleLayout"],"sources":["linearlayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayoutProps from './linearlayout.props';\nimport { DEFAULT_CLASS, WmLinearlayoutStyles } from './linearlayout.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nconst ALIGNMENT_MAP = {\n  'top':  'flex-start',\n  'left': 'flex-start',\n  'center': 'center',\n  'right': 'flex-end',\n  'bottom': 'flex-end'\n} as any;\n\nexport class WmLinearlayoutState extends BaseComponentState<WmLinearlayoutProps> {}\n\nexport default class WmLinearlayout extends BaseComponent<WmLinearlayoutProps, WmLinearlayoutState, WmLinearlayoutStyles> {\n\n  constructor(props: WmLinearlayoutProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutProps());\n  }\n\n  getStyles(props: WmLinearlayoutProps) {\n    const s = {} as ViewStyle;\n    const direction = props.direction;\n    s.display = 'flex';\n    s.width = \"100%\";\n    s.flexDirection = direction;\n    const isHorizontal = direction.startsWith('row');\n    if (isHorizontal) {\n      s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];\n      s.alignItems = ALIGNMENT_MAP[props.verticalalign];\n    } else {\n      s.justifyContent = ALIGNMENT_MAP[props.verticalalign];\n      s.alignItems = ALIGNMENT_MAP[props.horizontalalign];\n    }\n    return s;\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmLinearlayoutProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n          {props.children}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmLinearlayoutProps) {\n\n    const rootStyles = {...this.getStyles(props), ...this.styles.root}\n    const styles = this._showSkeleton ? {\n      ...rootStyles,\n      ...this.styles.skeleton.root\n    } : rootStyles\n\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.getBackground()}{props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLinearlayoutProps","DEFAULT_CLASS","createSkeleton","ALIGNMENT_MAP","WmLinearlayoutState","WmLinearlayout","constructor","props","getStyles","s","direction","display","flexDirection","width","isHorizontal","startsWith","justifyContent","horizontalalign","alignItems","verticalalign","getBackground","_showSkeleton","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","styles","skeleton","root","text","theme","createElement","style","opacity","children","renderWidget","rootStyles","onLayout","event","handleLayout"],"sources":["linearlayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayoutProps from './linearlayout.props';\nimport { DEFAULT_CLASS, WmLinearlayoutStyles } from './linearlayout.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nconst ALIGNMENT_MAP = {\n  'top':  'flex-start',\n  'left': 'flex-start',\n  'center': 'center',\n  'right': 'flex-end',\n  'bottom': 'flex-end'\n} as any;\n\nexport class WmLinearlayoutState extends BaseComponentState<WmLinearlayoutProps> {}\n\nexport default class WmLinearlayout extends BaseComponent<WmLinearlayoutProps, WmLinearlayoutState, WmLinearlayoutStyles> {\n\n  constructor(props: WmLinearlayoutProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutProps());\n  }\n\n  getStyles(props: WmLinearlayoutProps) {\n    const s = {} as ViewStyle;\n    const direction = props.direction;\n    s.display = 'flex';\n    s.flexDirection = direction;\n    s.width = '100%';\n    const isHorizontal = direction.startsWith('row');\n    if (isHorizontal) {\n      s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];\n      s.alignItems = ALIGNMENT_MAP[props.verticalalign];\n    } else {\n      s.justifyContent = ALIGNMENT_MAP[props.verticalalign];\n      s.alignItems = ALIGNMENT_MAP[props.horizontalalign];\n    }\n    return s;\n  }\n\n  protected getBackground(): React.JSX.Element | null { \n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmLinearlayoutProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n          {props.children}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmLinearlayoutProps) {\n\n    const rootStyles = {...this.getStyles(props), ...this.styles.root}\n    const styles = this._showSkeleton ? {\n      ...rootStyles,\n      ...this.styles.skeleton.root\n    } : rootStyles\n\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.getBackground()}{props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -144,23 +144,9 @@ export default class WmTabheader extends BaseComponent {
       }]
     }));
   }
-  renderWidget(props) {
-    this.setPosition();
+  renderHeaderContent(props) {
     const arrowIndicator = this.styles.arrowIndicator;
-    return /*#__PURE__*/React.createElement(View, _extends({
-      style: {
-        overflow: 'hidden',
-        zIndex: 16
-      }
-    }, this.getTestProps('tabheader'), {
-      onLayout: event => this.handleLayout(event)
-    }), /*#__PURE__*/React.createElement(ScrollView, {
-      ref: this.listRef,
-      horizontal: true,
-      onLayout: this.setHeaderPanelPositon.bind(this),
-      showsHorizontalScrollIndicator: false,
-      scrollEnabled: props.shouldScroll
-    }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
     }, this._background, props.data.map((header, i) => {
       const isSelected = i === props.selectedTabIndex;
@@ -219,7 +205,27 @@ export default class WmTabheader extends BaseComponent {
       }
     }) : null, /*#__PURE__*/React.createElement(View, {
       style: this.styles.arrowIndicatorDot
-    }))))));
+    }))));
+  }
+  renderWidget(props) {
+    this.setPosition();
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: {
+        overflow: 'hidden',
+        zIndex: 16
+      }
+    }, this.getTestProps('tabheader'), {
+      onLayout: event => this.handleLayout(event)
+    }), props.shouldScroll ? /*#__PURE__*/React.createElement(ScrollView, {
+      ref: this.listRef,
+      horizontal: true,
+      onLayout: this.setHeaderPanelPositon.bind(this),
+      contentContainerStyle: {
+        width: '100%'
+      },
+      showsHorizontalScrollIndicator: false,
+      scrollEnabled: props.shouldScroll
+    }, this.renderHeaderContent(props)) : /*#__PURE__*/React.createElement(React.Fragment, null, this.renderHeaderContent(props)));
   }
 }
 //# sourceMappingURL=tabheader.component.js.map