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

package/components/container/container.component.js

@@ -0,0 +1,406 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View, Platform, Animated } from 'react-native';
+import WmContainerProps from './container.props';
+import { DEFAULT_CLASS } from './container.styles';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { PartialHost, PartialHostState } from './partial-host.component';
+import { createSkeleton } from '../basic/skeleton/skeleton.component';
+import { ScrollView } from 'react-native-gesture-handler';
+import { StickyWrapperContext } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';
+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);
+    _defineProperty(this, "isPartialLoaded", false);
+    _defineProperty(this, "stickyContainerVisibility", false);
+  }
+}
+export default class WmContainer extends PartialHost {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());
+    _defineProperty(this, "containerRef", void 0);
+    _defineProperty(this, "stickyContainerOpacity", void 0);
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+    _defineProperty(this, "insets", {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    });
+    this.containerRef = /*#__PURE__*/React.createRef();
+    this.stickyContainerOpacity = new Animated.Value(1);
+    this.subscribe('updateStickyHeaders', _event => {
+      if (this.props.sticky) {
+        setTimeout(() => {
+          this.getStickyHeaderTranslateY();
+        }, 500);
+      }
+    });
+  }
+  getBackground() {
+    return this._showSkeleton ? null : this._background;
+  }
+  isAutoLayout() {
+    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 isAutoLayoutPresent = direction !== undefined || wrap !== undefined || gap !== undefined || alignment !== undefined || columngap !== undefined;
+    return isAutoLayoutPresent;
+  }
+  getDimensionStyle(direction, isInnerView = false) {
+    const baseStyle = this.styles.root || {};
+    const {
+      width,
+      height
+    } = baseStyle;
+    const dimensionStyle = {};
+    const isRow = direction === "row";
+    if (isInnerView) {
+      dimensionStyle.flexGrow = 1;
+      return dimensionStyle;
+    }
+    if (height === 'fill') {
+      var _this$props;
+      if (!((_this$props = this.props) !== null && _this$props !== void 0 && _this$props['parent-direction'])) {
+        dimensionStyle.height = '100%';
+      } else {
+        if (isRow) {
+          dimensionStyle.alignSelf = 'stretch';
+        } else {
+          dimensionStyle.flexGrow = 1;
+        }
+        dimensionStyle.height = undefined;
+      }
+    } else if (height === 'hug' || height === undefined) {
+      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.flexGrow = 1;
+      } else {
+        dimensionStyle.alignSelf = 'stretch';
+      }
+      dimensionStyle.width = undefined;
+    } else if (width === 'hug' || width === undefined) {
+      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;
+    }
+    return dimensionStyle;
+  }
+  getGapStyle() {
+    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 isAutoLayout = this.isAutoLayout();
+    if (!isAutoLayout) {
+      return {};
+    }
+    const finalGap = gap !== null && gap !== void 0 ? gap : 4;
+    const finalDirection = direction !== null && direction !== void 0 ? direction : 'row';
+    const finalAlignment = alignment !== null && alignment !== void 0 ? alignment : 'top-left';
+    const isAutoGap = finalGap === 'auto';
+    const isRow = finalDirection === 'row';
+    const layoutStyle = {};
+    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);
+      }
+    }
+    return layoutStyle;
+  }
+
+  // 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. */
+    if (!this.isAutoLayout()) {
+      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 = 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,
+      ...this.getGapStyle()
+    };
+  }
+  renderSkeleton(props) {
+    if (!props.showskeletonchildren) {
+      var _this$props2;
+      const dimensions = {
+        width: this.styles.root.width ? '100%' : undefined,
+        height: this.styles.root.height ? '100%' : undefined
+      };
+      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: {}
+      };
+      return createSkeleton(this.theme, skeletonStyles, {
+        ...this.styles.root
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, {
+          opacity: 0
+        }]
+      }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+        target: this,
+        styles: dimensions,
+        disableTouchEffect: this.state.props.disabletoucheffect
+      }), /*#__PURE__*/React.createElement(View, {
+        style: [dimensions, this.styles.content]
+      }, this.renderContent(props)))));
+    }
+    return null;
+  }
+  getStickyHeaderTranslateY() {
+    var _this$appConfig, _this$containerRef;
+    const isEdgeToEdgeApp = !!((_this$appConfig = this.appConfig) !== null && _this$appConfig !== void 0 && (_this$appConfig = _this$appConfig.edgeToEdgeConfig) !== null && _this$appConfig !== void 0 && _this$appConfig.isEdgeToEdgeApp);
+    (_this$containerRef = this.containerRef) === null || _this$containerRef === void 0 || (_this$containerRef = _this$containerRef.current) === null || _this$containerRef === void 0 || _this$containerRef.measure((_x = 0, _y = 0, _width = 0, _height = 0, px = 0, py = 0) => {
+      var _this$insets;
+      const topInsetsInYposition = Platform.OS == 'ios' && !isEdgeToEdgeApp ? ((_this$insets = this.insets) === null || _this$insets === void 0 ? void 0 : _this$insets.top) || 0 : 0;
+      if (this.context && this.context.stickyContainerTranslateY) {
+        this.context.stickyContainerTranslateY.value = py - topInsetsInYposition;
+        this.updateState({
+          stickyContainerVisibility: true
+        });
+      }
+    });
+  }
+  componentDidUpdate(_prevProps, prevState) {
+    if (prevState.stickyContainerVisibility !== this.state.stickyContainerVisibility) {
+      Animated.timing(this.stickyContainerOpacity, {
+        toValue: this.state.stickyContainerVisibility ? 0 : 1,
+        delay: 500,
+        useNativeDriver: true
+      }).start();
+    }
+  }
+  renderStickyContent(props, dimensions, styles) {
+    var _this$props3, _this$props5;
+    const {
+      stickyContainerVisibility
+    } = this.state;
+    const {
+      positioningStyles
+    } = getParentStyles(this);
+    const autoLayoutStyle = this.getContentContainerStyle();
+    const directionStyle = {};
+    if ((_this$props3 = this.props) !== null && _this$props3 !== void 0 && _this$props3.direction) {
+      var _this$props4;
+      directionStyle.flexDirection = (_this$props4 = this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.direction;
+    }
+    const autoLayoutDimensionsInner = this.getDimensionStyle((_this$props5 = this.props) === null || _this$props5 === void 0 ? void 0 : _this$props5.direction, true);
+    const isAutoLayout = this.isAutoLayout();
+    return /*#__PURE__*/React.createElement(React.Fragment, null, stickyContainerVisibility ? /*#__PURE__*/React.createElement(StickyContainer, {
+      component: this,
+      theme: this.theme,
+      style: [this.styles.sticky, {
+        backgroundColor: styles.backgroundColor
+      }, isAutoLayout ? directionStyle : {}],
+      positionStyles: positioningStyles,
+      show: props.show
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, {
+        backgroundColor: styles.backgroundColor
+      }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}]
+    }, this.renderContent(props))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, {
+        opacity: this.stickyContainerOpacity
+      }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}],
+      ref: this.containerRef
+    }, this.renderContent(props)));
+  }
+  renderWidget(props) {
+    var _this$props6, _this$props8, _this$props9;
+    const autoLayoutStyle = this.getContentContainerStyle();
+    const directionStyle = {};
+    if ((_this$props6 = this.props) !== null && _this$props6 !== void 0 && _this$props6.direction) {
+      var _this$props7;
+      directionStyle.flexDirection = (_this$props7 = this.props) === null || _this$props7 === void 0 ? void 0 : _this$props7.direction;
+    }
+    const dimensions = {
+      width: this.styles.root ? '100%' : undefined,
+      height: this.styles.root ? '100%' : undefined
+    };
+    const autoLayoutDimensions = this.getDimensionStyle((_this$props8 = this.props) === null || _this$props8 === void 0 ? void 0 : _this$props8.direction);
+    const autoLayoutDimensionsInner = this.getDimensionStyle((_this$props9 = this.props) === null || _this$props9 === void 0 ? void 0 : _this$props9.direction, true);
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...this.styles.skeleton.root
+    } : this.styles.root;
+    if (props.sticky) {
+      this.isSticky = true;
+    }
+    const isAutoLayout = this.isAutoLayout();
+    return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      var _this$props0;
+      this.insets = insets;
+      return /*#__PURE__*/React.createElement(Animatedview, {
+        entryanimation: props.animation,
+        delay: props.animationdelay,
+        style: [styles, isAutoLayout ? {
+          ...this.getDimensionStyle((_this$props0 = this.props) === null || _this$props0 === void 0 ? void 0 : _this$props0['parent-direction']),
+          ...directionStyle
+        } : {}],
+        onLayout: (event, ref) => {
+          this.handleLayout(event, ref);
+        }
+      }, this.getBackground(), /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+        target: this,
+        styles: [isAutoLayout ? {
+          ...autoLayoutDimensions,
+          ...directionStyle
+        } : dimensions],
+        disableTouchEffect: this.state.props.disabletoucheffect
+      }), props.sticky ? this.renderStickyContent(props, dimensions, styles) : !props.scrollable ? /*#__PURE__*/React.createElement(View, {
+        style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, this.styles.content, isAutoLayout ? {
+          ...directionStyle,
+          ...autoLayoutStyle
+        } : {}]
+      }, this.renderContent(props)) : /*#__PURE__*/React.createElement(ScrollView, {
+        style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, this.styles.content, isAutoLayout ? {
+          ...directionStyle,
+          ...autoLayoutStyle
+        } : {}],
+        onScroll: event => this.notify('scroll', [event]),
+        scrollEventThrottle: 48
+      }, this.renderContent(props))));
+    });
+  }
+}
+_defineProperty(WmContainer, "contextType", StickyWrapperContext);
+//# sourceMappingURL=container.component.js.map

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

@@ -0,0 +1 @@
+{"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","isAutoLayout","direction","wrap","gap","alignment","columngap","isAutoLayoutPresent","undefined","getDimensionStyle","isInnerView","baseStyle","styles","root","width","height","dimensionStyle","isRow","flexGrow","_this$props","alignSelf","num","endsWith","parseFloat","isNaN","getGapStyle","finalGap","finalDirection","finalAlignment","isAutoGap","layoutStyle","alignConfig","columnGap","Number","rowGap","getContentContainerStyle","finalWrap","isWrap","flexWrap","alignContent","renderSkeleton","showskeletonchildren","_this$props2","dimensions","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","renderStickyContent","_this$props3","_this$props5","positioningStyles","autoLayoutStyle","directionStyle","_this$props4","flexDirection","autoLayoutDimensionsInner","Fragment","component","backgroundColor","positionStyles","show","ref","renderWidget","_this$props6","_this$props8","_this$props9","_this$props7","autoLayoutDimensions","isSticky","Consumer","_this$props0","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  private isAutoLayout() {\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 isAutoLayoutPresent = \n        direction !== undefined || \n        wrap !== undefined || \n        gap !== undefined || \n        alignment !== undefined ||\n        columngap !== undefined;\n\n    return isAutoLayoutPresent;\n  }\n\n  private getDimensionStyle(direction?: string, isInnerView: boolean = false): ViewStyle {\n    const baseStyle = this.styles.root || {};\n    const { width, height }: any = baseStyle;\n    const dimensionStyle: ViewStyle = {};\n    const isRow = direction === \"row\";\n\n    if(isInnerView) {\n      dimensionStyle.flexGrow = 1;  \n      return dimensionStyle;\n    }\n\n    if (height === 'fill') {\n      if(!this.props?.['parent-direction']) {\n        dimensionStyle.height = '100%';\n      } else {\n        if (isRow) {\n          dimensionStyle.alignSelf = 'stretch';        \n        } else {\n          dimensionStyle.flexGrow = 1;                 \n        }\n        dimensionStyle.height = undefined;\n      }\n    } \n    else if (height === 'hug' || height === undefined) {\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.flexGrow = 1;                \n      } else {\n        dimensionStyle.alignSelf = 'stretch';       \n      }\n      dimensionStyle.width = undefined;\n    } \n    else if (width === 'hug' || width === undefined) {\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    return dimensionStyle;\n  }\n\n  private getGapStyle(): 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 isAutoLayout = this.isAutoLayout();\n\n    if (!isAutoLayout) {\n      return {};\n    }\n    const finalGap = gap ?? 4;\n    const finalDirection = direction ?? 'row';\n    const finalAlignment = alignment ?? 'top-left';\n\n    const isAutoGap = finalGap === 'auto';\n    const isRow = finalDirection === 'row';\n\n    const layoutStyle: ViewStyle = {};\n\n    if (isAutoGap) {\n      const alignConfig = alignmentMatrixAuto[finalAlignment] || alignmentMatrixAuto['start'];\n      layoutStyle.justifyContent = alignConfig.justifyContent as ViewStyle['justifyContent'];\n      layoutStyle.alignItems = 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    }\n\n    return layoutStyle;\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    if (!this.isAutoLayout()) {\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        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      ...this.getGapStyle()\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) {\n    const { stickyContainerVisibility } = this.state;\n    const { positioningStyles } = getParentStyles(this);\n    const autoLayoutStyle = this.getContentContainerStyle();\n    const directionStyle: ViewStyle= {};\n    if(this.props?.direction) {\n      directionStyle.flexDirection = this.props?.direction;\n    }\n    const autoLayoutDimensionsInner = this.getDimensionStyle(this.props?.direction, true);\n    const isAutoLayout = this.isAutoLayout();\n\n    return (\n      <>\n        {stickyContainerVisibility ? (\n          <StickyContainer\n            component={this}\n            theme={this.theme}\n            style={[\n              this.styles.sticky,\n              { backgroundColor: styles.backgroundColor },\n              isAutoLayout ? directionStyle : {}\n            ]}\n            positionStyles={positioningStyles}\n            show={props.show as boolean}\n          >\n            <View style={[isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle, { backgroundColor: styles.backgroundColor }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}]}>\n              {this.renderContent(props)}\n            </View>\n          </StickyContainer>\n        ) : <></>}\n        <Animated.View \n          style={[\n            isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle, \n            { opacity: this.stickyContainerOpacity }, \n            this.styles.content,\n            isAutoLayout ? autoLayoutStyle : {}\n          ]} \n          ref={this.containerRef}\n        >\n          {this.renderContent(props)}\n        </Animated.View>\n      </>\n    );\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const autoLayoutStyle = this.getContentContainerStyle();\n    const directionStyle: ViewStyle= {};\n    if(this.props?.direction) {\n      directionStyle.flexDirection = this.props?.direction;\n    }\n\n    const dimensions: ViewStyle = {\n      width: this.styles.root ? '100%' : undefined,\n      height: this.styles.root ? '100%' : undefined\n    };\n\n    const autoLayoutDimensions = this.getDimensionStyle(this.props?.direction);\n    const autoLayoutDimensionsInner = this.getDimensionStyle(this.props?.direction, true);\n\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root;\n\n    if (props.sticky) {\n      this.isSticky = true;\n    }\n\n    const isAutoLayout = this.isAutoLayout();\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          this.insets = insets;\n          return (\n              <Animatedview \n              entryanimation={props.animation} \n              delay={props.animationdelay} \n              style={[styles, isAutoLayout ? {...this.getDimensionStyle(this.props?.['parent-direction']), ...directionStyle} : {}]}\n              onLayout={(event: LayoutChangeEvent, ref: React.RefObject<View>) => {\n                this.handleLayout(event, ref);\n              }}\n            >\n              {this.getBackground()}\n              <Tappable \n                {...this.getTestPropsForAction()} \n                target={this} \n                styles={[isAutoLayout ? { ...autoLayoutDimensions, ...directionStyle } : dimensions]} \n                disableTouchEffect={this.state.props.disabletoucheffect}\n              >\n                  {props.sticky ? (\n                    this.renderStickyContent(props, dimensions, styles)\n                  ) : !props.scrollable ? (\n                    <View style={[\n                      isAutoLayout ? autoLayoutDimensionsInner : dimensions, \n                      this.styles.content,\n                      isAutoLayout ? { ...directionStyle, ...autoLayoutStyle } : {},\n                      ]}>\n                      {this.renderContent(props)}\n                    </View>\n                  ) : (\n                    <ScrollView \n                      style={[isAutoLayout ? autoLayoutDimensionsInner : dimensions as ViewStyle,\n                        this.styles.content,\n                        isAutoLayout ? {...directionStyle, ...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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAuDC,IAAI,EAAaC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;AAChH,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;AACA,MAAMC,oBAGL,GAAG;EACF,UAAU,EAAE;IAAEC,cAAc,EAAE,YAAY;IAAEC,UAAU,EAAE;EAAa,CAAC;EACtE,YAAY,EAAE;IAAED,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAa,CAAC;EACpE,WAAW,EAAE;IAAED,cAAc,EAAE,UAAU;IAAEC,UAAU,EAAE;EAAa,CAAC;EACrE,aAAa,EAAE;IAAED,cAAc,EAAE,YAAY;IAAEC,UAAU,EAAE;EAAS,CAAC;EACrE,eAAe,EAAE;IAAED,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS,CAAC;EACnE,cAAc,EAAE;IAAED,cAAc,EAAE,UAAU;IAAEC,UAAU,EAAE;EAAS,CAAC;EACpE,aAAa,EAAE;IAAED,cAAc,EAAE,YAAY;IAAEC,UAAU,EAAE;EAAW,CAAC;EACvE,eAAe,EAAE;IAAED,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAW,CAAC;EACrE,cAAc,EAAE;IAAED,cAAc,EAAE,UAAU;IAAEC,UAAU,EAAE;EAAW;AACvE,CAAC;AAED,MAAMC,mBAGL,GAAG;EACFC,KAAK,EAAE;IAAEH,cAAc,EAAE,eAAe;IAAEC,UAAU,EAAE;EAAa,CAAC;EACpEG,MAAM,EAAE;IAAEJ,cAAc,EAAE,eAAe;IAAEC,UAAU,EAAE;EAAS,CAAC;EACjEI,GAAG,EAAE;IAAEL,cAAc,EAAE,eAAe;IAAEC,UAAU,EAAE;EAAW;AACjE,CAAC;AAED,OAAO,MAAMK,gBAAgB,SAASf,gBAAgB,CAAmB;EAAAgB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACrD,KAAK;IAAAA,eAAA,oCACK,KAAK;EAAA;AACnC;AAEA,eAAe,MAAMC,WAAW,SAASpB,WAAW,CAAwD;EAS1GiB,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAExB,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAIoB,gBAAgB,CAAC,CAAC,CAAC;IAACG,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAN1DX,QAAQ,CAACc,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,gBAAGnC,KAAK,CAACoC,SAAS,CAAC,CAAC;IACrC,IAAI,CAACC,sBAAsB,GAAG,IAAIlC,QAAQ,CAACmC,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;EAEQC,YAAYA,CAAA,EAAG;IACrB,MAAM;MAAEC,SAAS;MAAEC,IAAI;MAAEC,GAAG;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAG,IAAI,CAACvB,KAAK;;IAEjE;AACJ;IACI,MAAMwB,mBAAmB,GACrBL,SAAS,KAAKM,SAAS,IACvBL,IAAI,KAAKK,SAAS,IAClBJ,GAAG,KAAKI,SAAS,IACjBH,SAAS,KAAKG,SAAS,IACvBF,SAAS,KAAKE,SAAS;IAE3B,OAAOD,mBAAmB;EAC5B;EAEQE,iBAAiBA,CAACP,SAAkB,EAAEQ,WAAoB,GAAG,KAAK,EAAa;IACrF,MAAMC,SAAS,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI,IAAI,CAAC,CAAC;IACxC,MAAM;MAAEC,KAAK;MAAEC;IAAY,CAAC,GAAGJ,SAAS;IACxC,MAAMK,cAAyB,GAAG,CAAC,CAAC;IACpC,MAAMC,KAAK,GAAGf,SAAS,KAAK,KAAK;IAEjC,IAAGQ,WAAW,EAAE;MACdM,cAAc,CAACE,QAAQ,GAAG,CAAC;MAC3B,OAAOF,cAAc;IACvB;IAEA,IAAID,MAAM,KAAK,MAAM,EAAE;MAAA,IAAAI,WAAA;MACrB,IAAG,GAAAA,WAAA,GAAC,IAAI,CAACpC,KAAK,cAAAoC,WAAA,eAAVA,WAAA,CAAa,kBAAkB,CAAC,GAAE;QACpCH,cAAc,CAACD,MAAM,GAAG,MAAM;MAChC,CAAC,MAAM;QACL,IAAIE,KAAK,EAAE;UACTD,cAAc,CAACI,SAAS,GAAG,SAAS;QACtC,CAAC,MAAM;UACLJ,cAAc,CAACE,QAAQ,GAAG,CAAC;QAC7B;QACAF,cAAc,CAACD,MAAM,GAAGP,SAAS;MACnC;IACF,CAAC,MACI,IAAIO,MAAM,KAAK,KAAK,IAAIA,MAAM,KAAKP,SAAS,EAAE;MACjD,IAAIS,KAAK,EAAE;QACTD,cAAc,CAACI,SAAS,GAAG,YAAY;MACzC,CAAC,MAAM;QACLJ,cAAc,CAACE,QAAQ,GAAG,CAAC;MAC7B;MACAF,cAAc,CAACD,MAAM,GAAGP,SAAS;IACnC,CAAC,MACI,IAAIO,MAAM,EAAE;MACf,MAAMM,GAAG,GAAI,OAAON,MAAM,KAAK,QAAQ,IAAIA,MAAM,CAACO,QAAQ,CAAC,GAAG,CAAC,GAAIP,MAAM,GAAGQ,UAAU,CAACR,MAAM,CAAC;MAC9FC,cAAc,CAACD,MAAM,GAAIS,KAAK,CAACH,GAAa,CAAC,GAAGN,MAAM,GAAGM,GAAsB;IACjF;IAEA,IAAIP,KAAK,KAAK,MAAM,EAAE;MACpB,IAAIG,KAAK,EAAE;QACTD,cAAc,CAACE,QAAQ,GAAG,CAAC;MAC7B,CAAC,MAAM;QACLF,cAAc,CAACI,SAAS,GAAG,SAAS;MACtC;MACAJ,cAAc,CAACF,KAAK,GAAGN,SAAS;IAClC,CAAC,MACI,IAAIM,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAKN,SAAS,EAAE;MAC/C,IAAIS,KAAK,EAAE;QACTD,cAAc,CAACE,QAAQ,GAAG,CAAC;MAC7B,CAAC,MAAM;QACLF,cAAc,CAACI,SAAS,GAAG,YAAY;MACzC;MACAJ,cAAc,CAACF,KAAK,GAAGN,SAAS;IAClC,CAAC,MACI,IAAIM,KAAK,EAAE;MACd,MAAMO,GAAG,GAAI,OAAOP,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACQ,QAAQ,CAAC,GAAG,CAAC,GAAIR,KAAK,GAAGS,UAAU,CAACT,KAAK,CAAC;MAC1FE,cAAc,CAACF,KAAK,GAAIU,KAAK,CAACH,GAAa,CAAC,GAAGP,KAAK,GAAGO,GAAsB;IAC/E;IAEA,OAAOL,cAAc;EACvB;EAEQS,WAAWA,CAAA,EAAc;IAC/B,MAAM;MAAEvB,SAAS;MAAEC,IAAI;MAAEC,GAAG;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAG,IAAI,CAACvB,KAAK;;IAEjE;AACJ;IACI,MAAMkB,YAAY,GAAG,IAAI,CAACA,YAAY,CAAC,CAAC;IAExC,IAAI,CAACA,YAAY,EAAE;MACjB,OAAO,CAAC,CAAC;IACX;IACA,MAAMyB,QAAQ,GAAGtB,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI,CAAC;IACzB,MAAMuB,cAAc,GAAGzB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,KAAK;IACzC,MAAM0B,cAAc,GAAGvB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,UAAU;IAE9C,MAAMwB,SAAS,GAAGH,QAAQ,KAAK,MAAM;IACrC,MAAMT,KAAK,GAAGU,cAAc,KAAK,KAAK;IAEtC,MAAMG,WAAsB,GAAG,CAAC,CAAC;IAEjC,IAAID,SAAS,EAAE;MACb,MAAME,WAAW,GAAGzD,mBAAmB,CAACsD,cAAc,CAAC,IAAItD,mBAAmB,CAAC,OAAO,CAAC;MACvFwD,WAAW,CAAC1D,cAAc,GAAG2D,WAAW,CAAC3D,cAA6C;MACtF0D,WAAW,CAACzD,UAAU,GAAG0D,WAAW,CAAC1D,UAAqC;IAC5E,CAAC,MAAM;MACL,IAAI4C,KAAK,EAAE;QACT;QACAa,WAAW,CAACE,SAAS,GAAGC,MAAM,CAACP,QAAQ,CAAC;MAC1C,CAAC,MAAM;QACL;QACAI,WAAW,CAACI,MAAM,GAAGD,MAAM,CAACP,QAAQ,CAAC;MACvC;IACF;IAEA,OAAOI,WAAW;EACpB;;EAEA;EACQK,wBAAwBA,CAAA,EAAc;IAC5C,MAAM;MAAEjC,SAAS;MAAEC,IAAI;MAAEC,GAAG;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAG,IAAI,CAACvB,KAAK;;IAEjE;AACJ;IACI,IAAI,CAAC,IAAI,CAACkB,YAAY,CAAC,CAAC,EAAE;MACxB,OAAO,CAAC,CAAC;IACX;;IAEA;IACA,MAAM0B,cAAc,GAAGzB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,KAAK;IACzC,MAAMkC,SAAS,GAAGjC,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,KAAK;IAC/B,MAAMuB,QAAQ,GAAGtB,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI,CAAC;IACzB,MAAMwB,cAAc,GAAGvB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,UAAU;IAE9C,MAAMY,KAAK,GAAGU,cAAc,KAAK,KAAK;IACtC,MAAME,SAAS,GAAGH,QAAQ,KAAK,MAAM;IACrC,MAAMW,MAAM,GAAGD,SAAS,KAAK,MAAM,IAAIA,SAAS,KAAK,IAAI;IAEzD,MAAMN,WAAsB,GAAG;MAC7B;MACAQ,QAAQ,EAAED,MAAM,IAAIpB,KAAK,GAAG,MAAM,GAAG;IACvC,CAAC;IAED,IAAI,CAACY,SAAS,EAAE;MACd,MAAME,WAAW,GACf5D,oBAAoB,CAACyD,cAAc,CAAC,IAAIzD,oBAAoB,CAAC,UAAU,CAAC;MAE1E2D,WAAW,CAAC1D,cAAc,GACxB6C,KAAK,GAAGc,WAAW,CAAC3D,cAAc,GAAG2D,WAAW,CAAC1D,UACnB;MAChCyD,WAAW,CAACzD,UAAU,GACpB4C,KAAK,GAAGc,WAAW,CAAC1D,UAAU,GAAG0D,WAAW,CAAC3D,cACnB;IAC9B;;IAEA;IACA,IAAIiE,MAAM,IAAIpB,KAAK,EAAE;MACnB,IAAIX,SAAS,KAAK,MAAM,EAAE;QACxBwB,WAAW,CAACS,YAAY,GAAG,eAAe;MAC5C,CAAC,MAAM,IAAIjC,SAAS,KAAKE,SAAS,EAAE;QAClCsB,WAAW,CAACI,MAAM,GAAGD,MAAM,CAAC3B,SAAS,CAAC;MACxC;IACF;IAEA,OAAO;MACL,GAAGwB,WAAW;MACd,GAAG,IAAI,CAACL,WAAW,CAAC;IACtB,CAAC;EACH;EAEOe,cAAcA,CAACzD,KAAuB,EAAmB;IAC5D,IAAG,CAACA,KAAK,CAAC0D,oBAAoB,EAAE;MAAA,IAAAC,YAAA;MAC9B,MAAMC,UAAU,GAAG;QACjB7B,KAAK,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC,KAAK,GAAG,MAAM,GAAGN,SAAS;QAClDO,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGP;MAC7C,CAAC;MACD,MAAMoC,cAAgC,GAAG,EAAAF,YAAA,OAAI,CAAC3D,KAAK,cAAA2D,YAAA,gBAAAA,YAAA,GAAVA,YAAA,CAAY9B,MAAM,cAAA8B,YAAA,uBAAlBA,YAAA,CAAoBG,QAAQ,KAAI;QAAEhC,IAAI,EAAE,CAAC,CAAC;QAAEiC,IAAI,EAAE,CAAC;MAAG,CAAqB;MACpH,OAAOlF,cAAc,CAAC,IAAI,CAACmF,KAAK,EAAEH,cAAc,EAAE;QAChD,GAAG,IAAI,CAAChC,MAAM,CAACC;MACjB,CAAC,eAAG3D,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;QAAC8F,KAAK,EAAE,CAAC,IAAI,CAACrC,MAAM,CAACC,IAAI,EAAE;UAAEqC,OAAO,EAAE;QAAE,CAAC;MAAE,gBAC1ChG,KAAA,CAAA8F,aAAA,CAACxF,QAAQ,EAAA2F,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;QAAEC,MAAM,EAAE,IAAK;QAACzC,MAAM,EAAE+B,UAAW;QAACW,kBAAkB,EAAE,IAAI,CAACC,KAAK,CAACxE,KAAK,CAACyE;MAAmB,iBAC5ItG,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;QAAC8F,KAAK,EAAE,CAACN,UAAU,EAAgB,IAAI,CAAC/B,MAAM,CAAC6C,OAAO;MAAE,GAAE,IAAI,CAACC,aAAa,CAAC3E,KAAK,CAAQ,CACzF,CAEJ,CAAE,CAAC;IACX;IACA,OAAO,IAAI;EACf;EAEOc,yBAAyBA,CAAA,EAAE;IAAA,IAAA8D,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,CAACvE,YAAY,cAAAuE,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,GAAIrH,QAAQ,CAACsH,EAAE,IAAI,KAAK,IAAI,CAACb,eAAe,GAAK,EAAAW,YAAA,OAAI,CAACG,MAAM,cAAAH,YAAA,uBAAXA,YAAA,CAAavF,GAAG,KAAI,CAAC,GAAG,CAAC;MACpG,IAAI,IAAI,CAAC2F,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;MAChF3H,QAAQ,CAAC+H,MAAM,CAAC,IAAI,CAAC7F,sBAAsB,EAAE;QAC3C8F,OAAO,EAAE,IAAI,CAAC9B,KAAK,CAACyB,yBAAyB,GAAG,CAAC,GAAG,CAAC;QACrDM,KAAK,EAAE,GAAG;QACVC,eAAe,EAAE;MACnB,CAAC,CAAC,CAAChH,KAAK,CAAC,CAAC;IACZ;EACF;EAEQiH,mBAAmBA,CAACzG,KAAuB,EAAE4D,UAAqB,EAAE/B,MAAiB,EAAE;IAAA,IAAA6E,YAAA,EAAAC,YAAA;IAC7F,MAAM;MAAEV;IAA0B,CAAC,GAAG,IAAI,CAACzB,KAAK;IAChD,MAAM;MAAEoC;IAAkB,CAAC,GAAG1H,eAAe,CAAC,IAAI,CAAC;IACnD,MAAM2H,eAAe,GAAG,IAAI,CAACzD,wBAAwB,CAAC,CAAC;IACvD,MAAM0D,cAAyB,GAAE,CAAC,CAAC;IACnC,KAAAJ,YAAA,GAAG,IAAI,CAAC1G,KAAK,cAAA0G,YAAA,eAAVA,YAAA,CAAYvF,SAAS,EAAE;MAAA,IAAA4F,YAAA;MACxBD,cAAc,CAACE,aAAa,IAAAD,YAAA,GAAG,IAAI,CAAC/G,KAAK,cAAA+G,YAAA,uBAAVA,YAAA,CAAY5F,SAAS;IACtD;IACA,MAAM8F,yBAAyB,GAAG,IAAI,CAACvF,iBAAiB,EAAAiF,YAAA,GAAC,IAAI,CAAC3G,KAAK,cAAA2G,YAAA,uBAAVA,YAAA,CAAYxF,SAAS,EAAE,IAAI,CAAC;IACrF,MAAMD,YAAY,GAAG,IAAI,CAACA,YAAY,CAAC,CAAC;IAExC,oBACE/C,KAAA,CAAA8F,aAAA,CAAA9F,KAAA,CAAA+I,QAAA,QACGjB,yBAAyB,gBACxB9H,KAAA,CAAA8F,aAAA,CAAChF,eAAe;MACdkI,SAAS,EAAE,IAAK;MAChBnD,KAAK,EAAE,IAAI,CAACA,KAAM;MAClBE,KAAK,EAAE,CACL,IAAI,CAACrC,MAAM,CAACjB,MAAM,EAClB;QAAEwG,eAAe,EAAEvF,MAAM,CAACuF;MAAgB,CAAC,EAC3ClG,YAAY,GAAG4F,cAAc,GAAG,CAAC,CAAC,CAClC;MACFO,cAAc,EAAET,iBAAkB;MAClCU,IAAI,EAAEtH,KAAK,CAACsH;IAAgB,gBAE5BnJ,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;MAAC8F,KAAK,EAAE,CAAChD,YAAY,GAAG+F,yBAAyB,GAAGrD,UAAuB,EAAE;QAAEwD,eAAe,EAAEvF,MAAM,CAACuF;MAAgB,CAAC,EAAE,IAAI,CAACvF,MAAM,CAAC6C,OAAO,EAAExD,YAAY,GAAG2F,eAAe,GAAG,CAAC,CAAC;IAAE,GACtL,IAAI,CAAClC,aAAa,CAAC3E,KAAK,CACrB,CACS,CAAC,gBAChB7B,KAAA,CAAA8F,aAAA,CAAA9F,KAAA,CAAA+I,QAAA,MAAI,CAAC,eACT/I,KAAA,CAAA8F,aAAA,CAAC3F,QAAQ,CAACF,IAAI;MACZ8F,KAAK,EAAE,CACLhD,YAAY,GAAG+F,yBAAyB,GAAGrD,UAAuB,EAClE;QAAEO,OAAO,EAAE,IAAI,CAAC3D;MAAuB,CAAC,EACxC,IAAI,CAACqB,MAAM,CAAC6C,OAAO,EACnBxD,YAAY,GAAG2F,eAAe,GAAG,CAAC,CAAC,CACnC;MACFU,GAAG,EAAE,IAAI,CAACjH;IAAa,GAEtB,IAAI,CAACqE,aAAa,CAAC3E,KAAK,CACZ,CACf,CAAC;EAEP;EAEAwH,YAAYA,CAACxH,KAAuB,EAAE;IAAA,IAAAyH,YAAA,EAAAC,YAAA,EAAAC,YAAA;IACpC,MAAMd,eAAe,GAAG,IAAI,CAACzD,wBAAwB,CAAC,CAAC;IACvD,MAAM0D,cAAyB,GAAE,CAAC,CAAC;IACnC,KAAAW,YAAA,GAAG,IAAI,CAACzH,KAAK,cAAAyH,YAAA,eAAVA,YAAA,CAAYtG,SAAS,EAAE;MAAA,IAAAyG,YAAA;MACxBd,cAAc,CAACE,aAAa,IAAAY,YAAA,GAAG,IAAI,CAAC5H,KAAK,cAAA4H,YAAA,uBAAVA,YAAA,CAAYzG,SAAS;IACtD;IAEA,MAAMyC,UAAqB,GAAG;MAC5B7B,KAAK,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,GAAG,MAAM,GAAGL,SAAS;MAC5CO,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,GAAG,MAAM,GAAGL;IACtC,CAAC;IAED,MAAMoG,oBAAoB,GAAG,IAAI,CAACnG,iBAAiB,EAAAgG,YAAA,GAAC,IAAI,CAAC1H,KAAK,cAAA0H,YAAA,uBAAVA,YAAA,CAAYvG,SAAS,CAAC;IAC1E,MAAM8F,yBAAyB,GAAG,IAAI,CAACvF,iBAAiB,EAAAiG,YAAA,GAAC,IAAI,CAAC3H,KAAK,cAAA2H,YAAA,uBAAVA,YAAA,CAAYxG,SAAS,EAAE,IAAI,CAAC;IAErF,MAAMU,MAAM,GAAG,IAAI,CAACb,aAAa,GAAG;MAClC,GAAG,IAAI,CAACa,MAAM,CAACC,IAAI;MACnB,GAAG,IAAI,CAACD,MAAM,CAACiC,QAAQ,CAAChC;IAC1B,CAAC,GAAG,IAAI,CAACD,MAAM,CAACC,IAAI;IAEpB,IAAI9B,KAAK,CAACY,MAAM,EAAE;MAChB,IAAI,CAACkH,QAAQ,GAAG,IAAI;IACtB;IAEA,MAAM5G,YAAY,GAAG,IAAI,CAACA,YAAY,CAAC,CAAC;IACxC,oBACE/C,KAAA,CAAA8F,aAAA,CAACjF,qBAAqB,CAAC+I,QAAQ,QAC5B,CAACnC,MAAM,GAAG;MAAE1F,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,KAAK;MAAA,IAAA2H,YAAA;MACtD,IAAI,CAACpC,MAAM,GAAGA,MAAM;MACpB,oBACIzH,KAAA,CAAA8F,aAAA,CAACvF,YAAY;QACbuJ,cAAc,EAAEjI,KAAK,CAACkI,SAAU;QAChC3B,KAAK,EAAEvG,KAAK,CAACmI,cAAe;QAC5BjE,KAAK,EAAE,CAACrC,MAAM,EAAEX,YAAY,GAAG;UAAC,GAAG,IAAI,CAACQ,iBAAiB,EAAAsG,YAAA,GAAC,IAAI,CAAChI,KAAK,cAAAgI,YAAA,uBAAVA,YAAA,CAAa,kBAAkB,CAAC,CAAC;UAAE,GAAGlB;QAAc,CAAC,GAAG,CAAC,CAAC,CAAE;QACtHsB,QAAQ,EAAEA,CAACC,KAAwB,EAAEd,GAA0B,KAAK;UAClE,IAAI,CAACe,YAAY,CAACD,KAAK,EAAEd,GAAG,CAAC;QAC/B;MAAE,GAED,IAAI,CAACxG,aAAa,CAAC,CAAC,eACrB5C,KAAA,CAAA8F,aAAA,CAACxF,QAAQ,EAAA2F,QAAA,KACH,IAAI,CAACC,qBAAqB,CAAC,CAAC;QAChCC,MAAM,EAAE,IAAK;QACbzC,MAAM,EAAE,CAACX,YAAY,GAAG;UAAE,GAAG2G,oBAAoB;UAAE,GAAGf;QAAe,CAAC,GAAGlD,UAAU,CAAE;QACrFW,kBAAkB,EAAE,IAAI,CAACC,KAAK,CAACxE,KAAK,CAACyE;MAAmB,IAErDzE,KAAK,CAACY,MAAM,GACX,IAAI,CAAC6F,mBAAmB,CAACzG,KAAK,EAAE4D,UAAU,EAAE/B,MAAM,CAAC,GACjD,CAAC7B,KAAK,CAACuI,UAAU,gBACnBpK,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;QAAC8F,KAAK,EAAE,CACXhD,YAAY,GAAG+F,yBAAyB,GAAGrD,UAAU,EACrD,IAAI,CAAC/B,MAAM,CAAC6C,OAAO,EACnBxD,YAAY,GAAG;UAAE,GAAG4F,cAAc;UAAE,GAAGD;QAAgB,CAAC,GAAG,CAAC,CAAC;MAC3D,GACD,IAAI,CAAClC,aAAa,CAAC3E,KAAK,CACrB,CAAC,gBAEP7B,KAAA,CAAA8F,aAAA,CAACnF,UAAU;QACToF,KAAK,EAAE,CAAChD,YAAY,GAAG+F,yBAAyB,GAAGrD,UAAuB,EACxE,IAAI,CAAC/B,MAAM,CAAC6C,OAAO,EACnBxD,YAAY,GAAG;UAAC,GAAG4F,cAAc;UAAE,GAAGD;QAAgB,CAAC,GAAG,CAAC,CAAC,CAAG;QACjE2B,QAAQ,EAAGH,KAAK,IAAK,IAAI,CAACI,MAAM,CAAC,QAAQ,EAAE,CAACJ,KAAK,CAAC,CAAE;QACpDK,mBAAmB,EAAE;MAAG,GAEvB,IAAI,CAAC/D,aAAa,CAAC3E,KAAK,CACf,CAER,CACE,CAAC;IAEnB,CAC8B,CAAC;EAErC;AACF;AAACF,eAAA,CA5VoBC,WAAW,iBACThB,oBAAoB","ignoreList":[]}

package/components/container/container.props.js

@@ -0,0 +1,23 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { PartialHostProps } from './partial-host.component';
+export default class WmContainerProps extends PartialHostProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "onLoad", void 0);
+    _defineProperty(this, "scrollable", false);
+    _defineProperty(this, "sticky", false);
+    _defineProperty(this, "stickyContainerVisibility", false);
+    _defineProperty(this, "stickyContainerOpacity", void 0);
+    _defineProperty(this, "direction", void 0);
+    _defineProperty(this, "wrap", void 0);
+    _defineProperty(this, "alignment", void 0);
+    _defineProperty(this, "gap", void 0);
+    _defineProperty(this, "columngap", void 0);
+    _defineProperty(this, "parent-direction", void 0);
+  }
+}
+//# sourceMappingURL=container.props.js.map

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

@@ -0,0 +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  direction?: 'row' | 'column';\n  wrap?: boolean | string;\n  alignment?: string;\n  gap?: number | string | 'auto';\n  columngap?: number | string | 'auto';\n  \"parent-direction\"?: string;\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;IAAAA,eAAA,OAO3C,kBAAkB;EAAA;AACpB","ignoreList":[]}

package/components/container/container.styles.js

@@ -0,0 +1,48 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-container';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    content: {
+      flexDirection: 'column'
+    },
+    skeleton: {
+      root: {
+        borderColor: 'transparent',
+        shadowColor: 'transparent',
+        backgroundColor: 'transparent'
+      }
+    },
+    sticky: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('media-body', '', {
+    root: {
+      flex: 1,
+      paddingLeft: 8,
+      paddingRight: 8,
+      justifyContent: 'center'
+    }
+  });
+  addStyle('media-right', '', {
+    root: {
+      justifyContent: 'center'
+    }
+  });
+  addStyle('app-elevated-container', '', {
+    root: {
+      boxShadow: '2px 2px 2px rgba(0, 0, 0, 0.2)',
+      borderRadius: 8
+    }
+  });
+  addStyle('app-outlined-container', '', {
+    root: {
+      borderWidth: 1,
+      borderColor: themeVariables.containerOutlineColor,
+      borderStyle: 'solid'
+    }
+  });
+});
+//# sourceMappingURL=container.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","content","flexDirection","skeleton","borderColor","shadowColor","backgroundColor","sticky","flex","paddingLeft","paddingRight","justifyContent","boxShadow","borderRadius","borderWidth","containerOutlineColor","borderStyle"],"sources":["container.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 { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\n\nexport type WmContainerStyles = BaseStyles & {\n    content: AllStyle,\n    skeleton: WmSkeletonStyles,\n    sticky: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-container';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmContainerStyles = defineStyles({\n        root: {},\n        text: {},\n        content: {\n            flexDirection: 'column'\n        },\n        skeleton: {\n            root: {\n                borderColor: 'transparent',\n                shadowColor: 'transparent',\n                backgroundColor: 'transparent',\n            },\n        } as any as WmSkeletonStyles, \n        sticky: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('media-body', '', {\n        root: {\n            flex: 1,\n            paddingLeft: 8,\n            paddingRight: 8,\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('media-right', '', {\n        root: {\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('app-elevated-container', '', {\n        root: {\n            boxShadow: '2px 2px 2px rgba(0, 0, 0, 0.2)',\n            borderRadius: 8\n        }\n    } as WmContainerStyles);\n    addStyle('app-outlined-container', '', {\n        root: {\n            borderWidth: 1,\n            borderColor: themeVariables.containerOutlineColor,\n            borderStyle: 'solid'\n        }\n    } as WmContainerStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AASxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLC,aAAa,EAAE;IACnB,CAAC;IACDC,QAAQ,EAAE;MACNJ,IAAI,EAAE;QACFK,WAAW,EAAE,aAAa;QAC1BC,WAAW,EAAE,aAAa;QAC1BC,eAAe,EAAE;MACrB;IACJ,CAA4B;IAC5BC,MAAM,EAAE,CAAC;EACb,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAE;MACFS,IAAI,EAAE,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBd,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;MACFY,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBd,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFa,SAAS,EAAE,gCAAgC;MAC3CC,YAAY,EAAE;IAClB;EACJ,CAAsB,CAAC;EACvBhB,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFe,WAAW,EAAE,CAAC;MACdV,WAAW,EAAER,cAAc,CAACmB,qBAAqB;MACjDC,WAAW,EAAE;IACjB;EACJ,CAAsB,CAAC;AAC3B,CAAC,CAAC","ignoreList":[]}

package/components/container/layoutgrid/gridcolumn/gridcolumn.component.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmGridcolumnProps from './gridcolumn.props';
+import { DEFAULT_CLASS } from './gridcolumn.styles';
+export class WmGridcolumnState extends BaseComponentState {}
+export default class WmGridcolumn extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmGridcolumnProps());
+  }
+  renderWidget(props) {
+    if (this.styles.root.height) {
+      this.styles.root.overflow = undefined;
+    }
+    let styles;
+    if (props.xscolumnwidth) {
+      styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth}  col-sm-${props.columnwidth}`);
+    } else {
+      styles = this.theme.getStyle(`col-xs-${props.columnwidth}`);
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: "100%"
+      }, styles.root, this.styles.root],
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=gridcolumn.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridcolumnProps","DEFAULT_CLASS","WmGridcolumnState","WmGridcolumn","constructor","props","renderWidget","styles","root","height","overflow","undefined","xscolumnwidth","theme","getStyle","columnwidth","createElement","style","width","onLayout","event","handleLayout","_background","children"],"sources":["gridcolumn.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridcolumnProps from './gridcolumn.props';\nimport { DEFAULT_CLASS, WmGridColumnStyles } from './gridcolumn.styles';\n\nexport class WmGridcolumnState extends BaseComponentState<WmGridcolumnProps> {\n\n}\n\nexport default class WmGridcolumn extends BaseComponent<WmGridcolumnProps, WmGridcolumnState, WmGridColumnStyles> {\n\n  constructor(props: WmGridcolumnProps) {\n    super(props, DEFAULT_CLASS, new WmGridcolumnProps());\n  }\n\n  renderWidget(props: WmGridcolumnProps) {\n    if (this.styles.root.height) {\n      this.styles.root.overflow = undefined;\n    }\n\n    let styles;\n    if(props.xscolumnwidth) {\n      styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth}  col-sm-${props.columnwidth}`);\n    } else {\n      styles = this.theme.getStyle(`col-xs-${props.columnwidth}`)\n    }\n\n    return (\n      <View \n        style={[{width: \"100%\"}, styles.root, this.styles.root]}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,CAACD,KAAwB,EAAE;IACrC,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACC,MAAM,EAAE;MAC3B,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,QAAQ,GAAGC,SAAS;IACvC;IAEA,IAAIJ,MAAM;IACV,IAAGF,KAAK,CAACO,aAAa,EAAE;MACtBL,MAAM,GAAG,IAAI,CAACM,KAAK,CAACC,QAAQ,CAAC,UAAUT,KAAK,CAACO,aAAa,YAAYP,KAAK,CAACU,WAAW,EAAE,CAAC;IAC5F,CAAC,MAAM;MACLR,MAAM,GAAG,IAAI,CAACM,KAAK,CAACC,QAAQ,CAAC,UAAUT,KAAK,CAACU,WAAW,EAAE,CAAC;IAC7D;IAEA,oBACEnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MACHoB,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,EAAEX,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI,CAAE;MACxDW,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBjB,KAAK,CAACkB,QACH,CAAC;EAEX;AACF","ignoreList":[]}

package/components/container/layoutgrid/gridcolumn/gridcolumn.props.js

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

package/components/container/layoutgrid/gridrow/gridrow.component.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmGridrowProps from './gridrow.props';
+import { DEFAULT_CLASS } from './gridrow.styles';
+export class WmGridrowState extends BaseComponentState {}
+export default class WmGridrow extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmGridrowProps());
+  }
+  renderWidget(props) {
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...this.styles.skeleton.root
+    } : this.styles.root;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=gridrow.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridrowProps","DEFAULT_CLASS","WmGridrowState","WmGridrow","constructor","props","renderWidget","styles","_showSkeleton","root","skeleton","createElement","style","onLayout","event","handleLayout","_background","children"],"sources":["gridrow.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridrowProps from './gridrow.props';\nimport { DEFAULT_CLASS, WmGridRowStyles } from './gridrow.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport class WmGridrowState extends BaseComponentState<WmGridrowProps> {\n\n}\n\nexport default class WmGridrow extends BaseComponent<WmGridrowProps, WmGridrowState, WmGridRowStyles> {\n\n  constructor(props: WmGridrowProps) {\n    super(props, DEFAULT_CLASS, new WmGridrowProps());\n  }\n\n  renderWidget(props: WmGridrowProps) {\n    const styles = this._showSkeleton ?  {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAGjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIvE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAkD;EAEpGM,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;EACnD;EAEAM,YAAYA,CAACD,KAAqB,EAAE;IAClC,MAAME,MAAM,GAAG,IAAI,CAACC,aAAa,GAAI;MACnC,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnB,GAAG,IAAI,CAACF,MAAM,CAACG,QAAQ,CAACD;IAC1B,CAAC,GAAG,IAAI,CAACF,MAAM,CAACE,IAAI;IAEpB,oBACEb,KAAA,CAAAe,aAAA,CAACd,IAAI;MACHe,KAAK,EAAEL,MAAO;MACdM,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBX,KAAK,CAACY,QACH,CAAC;EAEX;AACF","ignoreList":[]}