@wavemaker/app-rn-runtime 11.15.1-rc.248 → 11.15.2-dev.1

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

@@ -36,20 +36,29 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderBottomRightRadius: 6
     },
     activeHeader: {
-      borderColor: themeVariables.accordionActiveHeaderBgColor,
-      backgroundColor: themeVariables.accordionActiveHeaderBgColor
-    },
-    activeHeaderTitle: {
-      color: themeVariables.accordionActiveHeaderTextColor
+      root: {
+        borderColor: themeVariables.accordionActiveHeaderBgColor,
+        backgroundColor: themeVariables.accordionActiveHeaderBgColor
+      },
+      text: {
+        color: themeVariables.accordionActiveHeaderTextColor
+      },
+      icon: {
+        root: {
+          borderColor: themeVariables.accordionActiveHeaderTextColor
+        },
+        icon: {
+          color: themeVariables.accordionActiveHeaderTextColor
+        }
+      },
+      badge: {
+        borderColor: themeVariables.accordionActiveHeaderTextColor,
+        color: themeVariables.accordionActiveHeaderTextColor
+      }
     },
     subheading: {
       color: themeVariables.accordionTitleColor
     },
-    titleWrapper: {
-      flexDirection: 'row',
-      alignItems: 'flex-start',
-      flex: 1
-    },
     icon: {
       root: {
         alignSelf: 'auto',
@@ -62,7 +71,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         color: themeVariables.accordionIconColor,
         alignSelf: 'center',
         justifyContent: 'center',
-        fontSize: 16
+        fontSize: 16,
+        fontWeight: 'bold'
       }
     },
     leftToggleIcon: {
@@ -71,18 +81,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     rightToggleIcon: {
       root: {}
     },
-    activeIcon: {
-      root: {
-        borderColor: themeVariables.accordionActiveHeaderTextColor
-      },
-      icon: {
-        color: themeVariables.accordionActiveHeaderTextColor
-      }
-    },
-    activeBadge: {
-      borderColor: themeVariables.accordionActiveHeaderTextColor,
-      color: themeVariables.accordionActiveHeaderTextColor
-    },
     badge: {
       color: themeVariables.accordionIconColor,
       fontSize: 14,
@@ -97,7 +95,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundColor: themeVariables.transparent
     },
     titleIcon: {},
-    activeTitleIcon: {},
     default: {},
     success: {
       backgroundColor: themeVariables.labelSuccessColor

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","titleWrapper","alignItems","flex","icon","alignSelf","height","accordionIconColor","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  titleWrapper: ViewStyle,\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      titleWrapper: {\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        flex: 1\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        }\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":[]}
+{"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","accordionActiveHeaderTextColor","icon","badge","subheading","alignSelf","height","accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","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  pane: AllStyle,\n  badge: AllStyle,\n  firstHeader: ViewStyle,\n  lastHeader: ViewStyle,\n  header: AllStyle,\n  activeHeader: BaseStyles,\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      root: {\n        borderColor: themeVariables.accordionActiveHeaderBgColor,\n        backgroundColor: themeVariables.accordionActiveHeaderBgColor\n      },\n      text: {\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      icon: {\n        root: {\n          borderColor: themeVariables.accordionActiveHeaderTextColor,\n        },\n        icon: {\n          color: themeVariables.accordionActiveHeaderTextColor\n        }\n      } as WmIconStyles,\n      badge: {\n        borderColor: themeVariables.accordionActiveHeaderTextColor,\n        color: themeVariables.accordionActiveHeaderTextColor\n      }\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      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":[]}

package/components/container/accordion/accordionpane/accordionpane.component.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmAccordionpaneProps from './accordionpane.props';
+import { WmAccordionpaneStyles } from './accordionpane.styles';
+export declare class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {
+    isPartialLoaded: boolean;
+    collapsed: boolean;
+}
+export default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {
+    paneId: string;
+    constructor(props: WmAccordionpaneProps);
+    isCollapsed(): boolean;
+    show(): void;
+    hide(): void;
+    expand(): void;
+    collapse(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onPartialLoad(): void;
+    renderContent(props: WmAccordionpaneProps): any;
+    renderWidget(props: WmAccordionpaneProps): React.JSX.Element;
+}
+//# sourceMappingURL=accordionpane.component.d.ts.map

package/components/container/accordion/accordionpane/accordionpane.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionpane.component.d.ts","sourceRoot":"","sources":["../../../../../../src/components/container/accordion/accordionpane/accordionpane.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAElG,OAAO,oBAAoB,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAiB,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAM9E,qBAAa,oBAAqB,SAAQ,kBAAkB,CAAC,oBAAoB,CAAC;IAChF,eAAe,UAAS;IACxB,SAAS,UAAQ;CAClB;AAED,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,aAAa,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,qBAAqB,CAAC;IACpH,MAAM,EAAE,MAAM,CAAM;gBACf,KAAK,EAAE,oBAAoB;IAIvC,WAAW;IAIX,IAAI;IAOJ,IAAI;IAOJ,MAAM;IAIN,QAAQ;IAIR,iBAAiB;IASjB,oBAAoB;IAOpB,aAAa;IAIb,aAAa,CAAC,KAAK,EAAE,oBAAoB;IAazC,YAAY,CAAC,KAAK,EAAE,oBAAoB;CAWzC"}

package/components/container/accordion/accordionpane/accordionpane.props.d.ts

@@ -0,0 +1,11 @@
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmAccordionpaneProps extends BaseProps {
+    children: any;
+    iconclass: string;
+    title: string;
+    renderPartial?: Function;
+    subheading: string;
+    badgevalue: string;
+    badgetype: string;
+}
+//# sourceMappingURL=accordionpane.props.d.ts.map

package/components/container/accordion/accordionpane/accordionpane.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionpane.props.d.ts","sourceRoot":"","sources":["../../../../../../src/components/container/accordion/accordionpane/accordionpane.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAE1E,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,SAAS;IACzD,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,MAAM,CAAe;IAChC,KAAK,EAAE,MAAM,CAAW;IACxB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,UAAU,EAAE,MAAM,CAAe;IACjC,UAAU,EAAE,MAAM,CAAe;IACjC,SAAS,EAAE,MAAM,CAAe;CACjC"}

package/components/container/accordion/accordionpane/accordionpane.styles.d.ts

@@ -0,0 +1,4 @@
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export type WmAccordionpaneStyles = BaseStyles & {};
+export declare const DEFAULT_CLASS = "app-accordionpane";
+//# sourceMappingURL=accordionpane.styles.d.ts.map

package/components/container/accordion/accordionpane/accordionpane.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionpane.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/container/accordion/accordionpane/accordionpane.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AAEzF,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,EAAE,CAAC;AAEpD,eAAO,MAAM,aAAa,sBAAsB,CAAC"}

package/components/container/container.component.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import WmContainerProps from './container.props';
+import { WmContainerStyles } from './container.styles';
+import { PartialHost, PartialHostState } from './partial-host.component';
+import { StickyWrapperContextType } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';
+import { EdgeInsets } from 'react-native-safe-area-context';
+export declare class WmContainerState extends PartialHostState<WmContainerProps> {
+    isPartialLoaded: boolean;
+    stickyContainerVisibility: boolean;
+}
+export default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {
+    static contextType: React.Context<StickyWrapperContextType | undefined>;
+    private containerRef;
+    private stickyContainerOpacity;
+    private appConfig;
+    insets: EdgeInsets | null;
+    constructor(props: WmContainerProps);
+    getBackground(): React.JSX.Element | null;
+    private getRootContainerStyle;
+    private getContentContainerStyle;
+    renderSkeleton(props: WmContainerProps): React.ReactNode;
+    getFlexUtilityStyles(): {
+        flexDirection: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignContent: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems: import("react-native").FlexAlignType | undefined;
+        alignSelf: import("react-native").FlexAlignType | "auto" | undefined;
+        flexShrink: number | undefined;
+        flexGrow: number | undefined;
+        flexWrap: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        textAlign: "center" | "left" | "right" | "auto" | "justify" | undefined;
+    };
+    getStickyHeaderTranslateY(): void;
+    componentDidUpdate(_prevProps: any, prevState: any): void;
+    private renderStickyContent;
+    renderWidget(props: WmContainerProps): React.JSX.Element;
+}
+//# sourceMappingURL=container.component.d.ts.map

package/components/container/container.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.component.d.ts","sourceRoot":"","sources":["../../../../src/components/container/container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAiB,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIzE,OAAO,EAAE,wBAAwB,EAAwB,MAAM,+CAA+C,CAAC;AAC/G,OAAO,EAAE,UAAU,EAAyB,MAAM,gCAAgC,CAAC;AA+BnF,qBAAa,gBAAiB,SAAQ,gBAAgB,CAAC,gBAAgB,CAAC;IACtE,eAAe,UAAS;IACxB,yBAAyB,UAAS;CACnC;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,CAAC;IACzG,MAAM,CAAC,WAAW,sDAAwB;IAC1C,OAAO,CAAC,YAAY,CAA+B;IACnD,OAAO,CAAC,sBAAsB,CAAiB;IAC/C,OAAO,CAAC,SAAS,CAAyC;IAC1D,MAAM,EAAE,UAAU,GAAG,IAAI,CAEvB;gBAEU,KAAK,EAAE,gBAAgB;IAcnC,aAAa,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI;IAKzC,OAAO,CAAC,qBAAqB;IAyC7B,OAAO,CAAC,wBAAwB;IAuEzB,cAAc,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,SAAS;IAmB7D,oBAAoB;;;;;;;;;;;IAaf,yBAAyB;IAWhC,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;IAUlD,OAAO,CAAC,mBAAmB;IAqC3B,YAAY,CAAC,KAAK,EAAE,gBAAgB;CAgErC"}

package/components/container/container.component.js

@@ -101,124 +101,49 @@ export default class WmContainer extends PartialHost {
   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) {
+  // Compute root style respecting 'fill'|'hug'|<size> for width/height.
+  getRootContainerStyle() {
+    var _this$styles$skeleton;
+    // const { width, height } = this.props;
     const baseStyle = this.styles.root || {};
     const {
       width,
       height
     } = baseStyle;
     const dimensionStyle = {};
-    const isRow = direction === "row";
-    if (isInnerView) {
-      if (width && width !== 'hug') {
-        dimensionStyle.width = '100%';
-      }
-      if (height && height !== 'hug') {
-        dimensionStyle.height = '100%';
-      }
-      return dimensionStyle;
-    }
+    console.log({
+      height,
+      width
+    });
     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.flexGrow = 1;
+      // dimensionStyle.flexShrink = 1;
+      dimensionStyle.height = undefined;
+    } else if (height === 'hug') {
+      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;
-        dimensionStyle.flexShrink = 1;
-        dimensionStyle.minWidth = 0;
-      } else {
-        dimensionStyle.alignSelf = 'stretch';
-      }
+      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 === undefined) {
-      if (isRow) {
-        dimensionStyle.flexGrow = 0;
-      } else {
-        dimensionStyle.alignSelf = 'stretch';
-      }
       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;
+    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).
@@ -233,7 +158,8 @@ export default class WmContainer extends PartialHost {
 
     /* Check if any of the new layout props are provided. If not, return an empty
     style object to maintain backward compatibility. */
-    if (!this.isAutoLayout()) {
+    const useNewLayoutSystem = direction !== undefined || wrap !== undefined || gap !== undefined || alignment !== undefined || columngap !== undefined;
+    if (!useNewLayoutSystem) {
       return {};
     }
 
@@ -246,10 +172,21 @@ export default class WmContainer extends PartialHost {
     const isAutoGap = finalGap === 'auto';
     const isWrap = finalWrap === 'true' || finalWrap === true;
     const layoutStyle = {
-      // flexDirection: finalDirection,
+      flexDirection: finalDirection,
       flexWrap: isWrap && isRow ? 'wrap' : 'nowrap'
     };
-    if (!isAutoGap) {
+    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;
@@ -264,18 +201,17 @@ export default class WmContainer extends PartialHost {
       }
     }
     return {
-      ...layoutStyle,
-      ...this.getGapStyle()
+      ...layoutStyle
     };
   }
   renderSkeleton(props) {
     if (!props.showskeletonchildren) {
-      var _this$props2;
+      var _this$props;
       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) || {
+      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
         root: {},
         text: {}
       };
@@ -295,6 +231,19 @@ export default class WmContainer extends PartialHost {
     }
     return null;
   }
+  getFlexUtilityStyles() {
+    return {
+      flexDirection: this.styles.root.flexDirection,
+      justifyContent: this.styles.root.justifyContent,
+      alignContent: this.styles.root.alignContent,
+      alignItems: this.styles.root.alignItems,
+      alignSelf: this.styles.root.alignSelf,
+      flexShrink: this.styles.root.flexShrink,
+      flexGrow: this.styles.root.flexGrow,
+      flexWrap: this.styles.root.flexWrap,
+      textAlign: this.styles.root.textAlign
+    };
+  }
   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);
@@ -318,55 +267,39 @@ export default class WmContainer extends PartialHost {
       }).start();
     }
   }
-  renderStickyContent(props, dimensions, styles) {
-    var _this$props3, _this$props5;
+  renderStickyContent(props, dimensions, styles, autoLayoutStyle) {
     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, {
+      style: [dimensions, {
         backgroundColor: styles.backgroundColor
-      }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}]
+      }, this.styles.content, autoLayoutStyle]
     }, this.renderContent(props))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(Animated.View, {
-      style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, {
+      style: [dimensions, {
         opacity: this.stickyContainerOpacity
-      }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}],
+      }, this.styles.content, autoLayoutStyle],
       ref: this.containerRef
     }, this.renderContent(props)));
   }
   renderWidget(props) {
-    var _this$props6, _this$props8, _this$props9;
+    const rootStyle = this.getRootContainerStyle();
     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.width ? '100%' : undefined,
-      height: this.styles.root.height ? '100%' : undefined
+      width: rootStyle.width ? '100%' : undefined,
+      height: rootStyle.height ? '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
@@ -374,43 +307,30 @@ export default class WmContainer extends PartialHost {
     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
-        } : {}],
+        style: rootStyle,
         onLayout: (event, ref) => {
           this.handleLayout(event, ref);
         }
       }, this.getBackground(), /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
         target: this,
-        styles: [isAutoLayout ? {
-          ...autoLayoutDimensionsInner,
-          ...directionStyle
-        } : dimensions],
+        styles: 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,
-          minWidth: 0
-        } : {}]
+      }), props.sticky ? this.renderStickyContent(props, dimensions, styles, autoLayoutStyle) : !props.scrollable ? /*#__PURE__*/React.createElement(View, {
+        style: [{
+          flexDirection: 'column'
+        }, this.getFlexUtilityStyles(), dimensions, this.styles.content, autoLayoutStyle]
       }, this.renderContent(props)) : /*#__PURE__*/React.createElement(ScrollView, {
-        style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, this.styles.content, isAutoLayout ? {
-          ...directionStyle,
-          ...autoLayoutStyle
-        } : {}],
+        style: [dimensions, this.styles.content, autoLayoutStyle],
         onScroll: event => this.notify('scroll', [event]),
         scrollEventThrottle: 48
       }, this.renderContent(props))));