@wavemaker/app-rn-runtime 11.15.2-rc.64737 → 11.15.4-rc.250

package/components/basic/button/button.component.js

@@ -75,13 +75,13 @@ export default class WmButton extends BaseComponent {
     return this.styles.root[side];
   }
   renderWidget(props) {
-    var _this$parent;
+    var _this$parent, _this$props2;
     const parentAlignment = (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.props) === null || _this$parent === void 0 ? void 0 : _this$parent.alignment;
     return /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       delay: props.animationdelay,
       onLayout: event => this.handleLayout(event),
-      style: [this.styles.root, {
+      style: [this.props.styles ? this.theme.mergeStyle(this.styles.root, (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.styles) === null || _this$props2 === void 0 ? void 0 : _this$props2.root) : this.styles.root, {
         paddingTop: 0,
         paddingBottom: 0,
         paddingLeft: 0,

package/components/basic/button/button.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","styles","icon","accessible","prepareBadge","_extends","style","badge","pointerEvents","getTestProps","badgevalue","renderSkeleton","prop","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","tappableRootPadding","side","_this$props","fromProps","undefined","renderWidget","_this$parent","parentAlignment","parent","alignment","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","alignSelf","flex","_background","disableTouchEffect","state","disabletoucheffect","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","getTestPropsForLabel","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          id={this.getTestId('icon')}\n          hint={hint}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n          accessible={false}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge} pointerEvents='none' {...this.getTestProps('badge')}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n  \n  private tappableRootPadding(side: 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight') {\n    const fromProps = this.props?.styles?.root?.[side];\n    if (fromProps !== undefined && fromProps !== null && fromProps !== '') {\n      return fromProps === 0 ? 0 : fromProps;\n    }\n    return this.styles.root[side];\n  }\n\n  renderWidget(props: WmButtonProps) {\n    const parentAlignment = this.parent?.props?.alignment\n    return (\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n        style={[\n          this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: props.badgevalue ? 'visible' : 'hidden',\n            flexDirection: 'column'\n          },\n          parentAlignment ? {} : { alignSelf: 'flex-start'},\n          this.styles.root.height == \"100%\" ? {flex: 1}:{}\n        ]}\n        >\n        {this._background}\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          styles={{\n            paddingTop: this.tappableRootPadding('paddingTop'),\n            paddingBottom: this.tappableRootPadding('paddingBottom'),\n            paddingLeft: this.tappableRootPadding('paddingLeft'),\n            paddingRight: this.tappableRootPadding('paddingRight'),\n            width: '100%',\n            height: this.styles.root.height ? '100%' : null,\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n        {props.badgevalue && this.prepareBadge(props)}\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","styles","icon","accessible","prepareBadge","_extends","style","badge","pointerEvents","getTestProps","badgevalue","renderSkeleton","prop","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","tappableRootPadding","side","_this$props","fromProps","undefined","renderWidget","_this$parent","_this$props2","parentAlignment","parent","alignment","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","mergeStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","alignSelf","flex","_background","disableTouchEffect","state","disabletoucheffect","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","getTestPropsForLabel","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          id={this.getTestId('icon')}\n          hint={hint}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n          accessible={false}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge} pointerEvents='none' {...this.getTestProps('badge')}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n  \n  private tappableRootPadding(side: 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight') {\n    const fromProps = this.props?.styles?.root?.[side];\n    if (fromProps !== undefined && fromProps !== null && fromProps !== '') {\n      return fromProps === 0 ? 0 : fromProps;\n    }\n    return this.styles.root[side];\n  }\n\n  renderWidget(props: WmButtonProps) {\n    const parentAlignment = this.parent?.props?.alignment\n    return (\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n        style={[\n          this.props.styles ? this.theme.mergeStyle(this.styles.root,this.props?.styles?.root) : this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: props.badgevalue ? 'visible' : 'hidden',\n            flexDirection: 'column'\n          },\n          parentAlignment ? {} : { alignSelf: 'flex-start'},\n          this.styles.root.height == \"100%\" ? {flex: 1}:{}\n        ]}\n        >\n        {this._background}\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          styles={{\n            paddingTop: this.tappableRootPadding('paddingTop'),\n            paddingBottom: this.tappableRootPadding('paddingBottom'),\n            paddingLeft: this.tappableRootPadding('paddingLeft'),\n            paddingRight: this.tappableRootPadding('paddingRight'),\n            width: '100%',\n            height: this.styles.root.height ? '100%' : null,\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n        {props.badgevalue && this.prepareBadge(props)}\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/container.component.js

@@ -16,6 +16,59 @@ import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 import { StickyContainer } from '@wavemaker/app-rn-runtime/core/components/sticky-container.component';
 import { getParentStyles } from '@wavemaker/app-rn-runtime/core/components/sticky-container.styles';
 import injector from '@wavemaker/app-rn-runtime/core/injector';
+// Alignment matrix for flex properties
+const alignmentMatrixFixed = {
+  'top-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start'
+  },
+  'top-center': {
+    justifyContent: 'center',
+    alignItems: 'flex-start'
+  },
+  'top-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'flex-start'
+  },
+  'middle-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'center'
+  },
+  'middle-center': {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  'middle-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'center'
+  },
+  'bottom-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-end'
+  },
+  'bottom-center': {
+    justifyContent: 'center',
+    alignItems: 'flex-end'
+  },
+  'bottom-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'flex-end'
+  }
+};
+const alignmentMatrixAuto = {
+  start: {
+    justifyContent: 'space-between',
+    alignItems: 'flex-start'
+  },
+  center: {
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  end: {
+    justifyContent: 'space-between',
+    alignItems: 'flex-end'
+  }
+};
 export class WmContainerState extends PartialHostState {
   constructor(...args) {
     super(...args);
@@ -48,14 +101,181 @@ 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) {
+    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;
+    }
+    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;
+        dimensionStyle.flexShrink = 1;
+        dimensionStyle.minWidth = 0;
+      } else {
+        dimensionStyle.alignSelf = 'stretch';
+      }
+      dimensionStyle.width = undefined;
+    } else if (width === 'hug') {
+      if (isRow) {
+        dimensionStyle.flexGrow = 0;
+      } else {
+        dimensionStyle.alignSelf = 'flex-start';
+      }
+      dimensionStyle.width = undefined;
+    } else if (width === 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;
+  }
+
+  // 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$props;
+      var _this$props2;
       const dimensions = {
         width: this.styles.root.width ? '100%' : undefined,
         height: this.styles.root.height ? '100%' : undefined
       };
-      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
+      const skeletonStyles = ((_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.styles) === null || _this$props2 === void 0 ? void 0 : _this$props2.skeleton) || {
         root: {},
         text: {}
       };
@@ -99,36 +319,54 @@ export default class WmContainer extends PartialHost {
     }
   }
   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: [dimensions, {
+      style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, {
         backgroundColor: styles.backgroundColor
-      }, this.styles.content]
+      }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}]
     }, this.renderContent(props))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(Animated.View, {
-      style: [dimensions, {
+      style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, {
         opacity: this.stickyContainerOpacity
-      }, this.styles.content],
+      }, 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.width ? '100%' : undefined,
       height: this.styles.root.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
@@ -136,28 +374,43 @@ 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,
+        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: dimensions,
+        styles: [isAutoLayout ? {
+          ...autoLayoutDimensionsInner,
+          ...directionStyle
+        } : dimensions],
         disableTouchEffect: this.state.props.disabletoucheffect
       }), props.sticky ? this.renderStickyContent(props, dimensions, styles) : !props.scrollable ? /*#__PURE__*/React.createElement(View, {
-        style: [dimensions, this.styles.content]
+        style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, this.styles.content, isAutoLayout ? {
+          ...directionStyle,
+          ...autoLayoutStyle,
+          minWidth: 0
+        } : {}]
       }, this.renderContent(props)) : /*#__PURE__*/React.createElement(ScrollView, {
-        style: [dimensions, this.styles.content],
+        style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, this.styles.content, isAutoLayout ? {
+          ...directionStyle,
+          ...autoLayoutStyle
+        } : {}],
         onScroll: event => this.notify('scroll', [event]),
         scrollEventThrottle: 48
       }, this.renderContent(props))));

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Platform","Animated","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","createSkeleton","ScrollView","StickyWrapperContext","SafeAreaInsetsContext","StickyContainer","getParentStyles","injector","WmContainerState","constructor","args","_defineProperty","WmContainer","props","get","top","bottom","left","right","containerRef","createRef","stickyContainerOpacity","Value","subscribe","_event","sticky","setTimeout","getStickyHeaderTranslateY","getBackground","_showSkeleton","_background","renderSkeleton","showskeletonchildren","_this$props","dimensions","width","styles","root","undefined","height","skeletonStyles","skeleton","text","theme","createElement","style","opacity","_extends","getTestPropsForAction","target","disableTouchEffect","state","disabletoucheffect","content","renderContent","_this$appConfig","_this$containerRef","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","current","measure","_x","_y","_width","_height","px","py","_this$insets","topInsetsInYposition","OS","insets","context","stickyContainerTranslateY","value","updateState","stickyContainerVisibility","componentDidUpdate","_prevProps","prevState","timing","toValue","delay","useNativeDriver","start","renderStickyContent","positioningStyles","Fragment","component","backgroundColor","positionStyles","show","ref","renderWidget","isSticky","Consumer","entryanimation","animation","animationdelay","onLayout","event","handleLayout","scrollable","onScroll","notify","scrollEventThrottle"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, ViewStyle, Platform, Animated } from 'react-native';\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\nimport { createSkeleton } from '../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { StickyWrapperContextType, StickyWrapperContext } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyContainer } from '@wavemaker/app-rn-runtime/core/components/sticky-container.component';\nimport { getParentStyles } from '@wavemaker/app-rn-runtime/core/components/sticky-container.styles';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n  stickyContainerVisibility = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  static contextType = StickyWrapperContext;\n  private containerRef: React.RefObject<View | null>;\n  private stickyContainerOpacity: Animated.Value;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  insets: EdgeInsets | null = {\n    top: 0, bottom: 0, left: 0, right: 0\n  };\n\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());\n    this.containerRef = React.createRef();\n    this.stickyContainerOpacity = new Animated.Value(1);\n\n    this.subscribe('updateStickyHeaders', (_event: any) => {\n      if(this.props.sticky){\n        setTimeout(()=>{\n          this.getStickyHeaderTranslateY();\n        }, 500);\n      }\n    })\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmContainerProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const dimensions = {\n          width: this.styles.root.width ? '100%' : undefined,\n          height: this.styles.root.height ? '100%' : undefined\n        };    \n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                  <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions} disableTouchEffect={this.state.props.disabletoucheffect}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n\n        </View>))\n      }\n      return null;\n  }\n\n  public getStickyHeaderTranslateY(){\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    this.containerRef?.current?.measure((_x = 0, _y = 0, _width = 0, _height = 0, px = 0, py = 0)=>{\n      const topInsetsInYposition = (Platform.OS == 'ios' && !isEdgeToEdgeApp) ? (this.insets?.top || 0): 0\n      if((this.context) && (this.context as StickyWrapperContextType).stickyContainerTranslateY) {\n        (this.context as StickyWrapperContextType).stickyContainerTranslateY.value = py - topInsetsInYposition ;\n        this.updateState({ stickyContainerVisibility: true} as WmContainerState);     \n      }\n    })\n  }\n\n  componentDidUpdate(_prevProps: any, prevState: any) {\n    if (prevState.stickyContainerVisibility !== this.state.stickyContainerVisibility) {\n      Animated.timing(this.stickyContainerOpacity, {\n        toValue: this.state.stickyContainerVisibility ? 0 : 1,\n        delay: 500,\n        useNativeDriver: true\n      }).start();\n    }\n  }\n\n  private renderStickyContent(props: WmContainerProps, dimensions: ViewStyle, styles: ViewStyle) {\n    const { stickyContainerVisibility } = this.state;\n    const { positioningStyles } = getParentStyles(this);\n\n    return (\n      <>\n        {stickyContainerVisibility ? (\n          <StickyContainer\n            component={this}\n            theme={this.theme}\n            style={[\n              this.styles.sticky,\n              { backgroundColor: styles.backgroundColor }\n            ]}\n            positionStyles={positioningStyles}\n            show={props.show as boolean}\n          >\n            <View style={[dimensions as ViewStyle, { backgroundColor: styles.backgroundColor }, this.styles.content]}>\n              {this.renderContent(props)}\n            </View>\n          </StickyContainer>\n        ) : <></>}\n        <Animated.View \n          style={[\n            dimensions as ViewStyle, \n            { opacity: this.stickyContainerOpacity }, \n            this.styles.content\n          ]} \n          ref={this.containerRef}\n        >\n          {this.renderContent(props)}\n        </Animated.View>\n      </>\n    );\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions: ViewStyle = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root;\n\n    if (props.sticky) {\n      this.isSticky = true;\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          this.insets = insets;\n          return (\n            <Animatedview \n              entryanimation={props.animation} \n              delay={props.animationdelay} \n              style={styles}\n              onLayout={(event: LayoutChangeEvent, ref: React.RefObject<View>) => {\n                this.handleLayout(event, ref);\n              }}\n            >\n              {this.getBackground()}\n              <Tappable \n                {...this.getTestPropsForAction()} \n                target={this} \n                styles={dimensions} \n                disableTouchEffect={this.state.props.disabletoucheffect}\n              >\n                {props.sticky ? (\n                  this.renderStickyContent(props, dimensions, styles)\n                ) : !props.scrollable ? (\n                  <View style={[dimensions as ViewStyle, this.styles.content]}>\n                    {this.renderContent(props)}\n                  </View>\n                ) : (\n                  <ScrollView \n                    style={[dimensions as ViewStyle, this.styles.content]}\n                    onScroll={(event) => this.notify('scroll', [event])}\n                    scrollEventThrottle={48}\n                  >\n                    {this.renderContent(props)}\n                  </ScrollView>\n                )}\n              </Tappable>\n            </Animatedview>\n          );\n        }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Platform","Animated","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","createSkeleton","ScrollView","StickyWrapperContext","SafeAreaInsetsContext","StickyContainer","getParentStyles","injector","alignmentMatrixFixed","justifyContent","alignItems","alignmentMatrixAuto","start","center","end","WmContainerState","constructor","args","_defineProperty","WmContainer","props","get","top","bottom","left","right","containerRef","createRef","stickyContainerOpacity","Value","subscribe","_event","sticky","setTimeout","getStickyHeaderTranslateY","getBackground","_showSkeleton","_background","isAutoLayout","direction","wrap","gap","alignment","columngap","isAutoLayoutPresent","undefined","getDimensionStyle","isInnerView","baseStyle","styles","root","width","height","dimensionStyle","isRow","_this$props","alignSelf","flexGrow","num","endsWith","parseFloat","isNaN","flexShrink","minWidth","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      if (width && width !== 'hug') {\n        dimensionStyle.width = '100%';\n      }\n\n      if (height && height !== 'hug') {\n        dimensionStyle.height = '100%';\n      }\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        dimensionStyle.flexShrink = 1;\n        dimensionStyle.minWidth = 0;\n      } else {\n        dimensionStyle.alignSelf = 'stretch';       \n      }\n      dimensionStyle.width = undefined;\n    } \n    else if (width === 'hug') {\n      if (isRow) {\n        dimensionStyle.flexGrow = 0;                 \n      } else {\n        dimensionStyle.alignSelf = 'flex-start';     \n      }\n      dimensionStyle.width = undefined;\n    }\n    else if (width === undefined) {\n      if (isRow) {\n        dimensionStyle.flexGrow = 0;                 \n      } else {\n        dimensionStyle.alignSelf = 'stretch';       \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.width ? '100%' : undefined,\n      height: this.styles.root.height ? '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 ? { ...autoLayoutDimensionsInner, ...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, minWidth: 0 } : {},\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":"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","ignoreList":[]}

package/components/input/currency/currency.component.js

@@ -88,7 +88,7 @@ export default class WmCurrency extends BaseNumberComponent {
     }, opts, {
       floatingLabel: props.floatinglabel,
       floatingLabelStyle: this.styles.floatingLabel,
-      activeFloatingLabelStyle: this.theme.mergeStyle(this.styles.activeFloatingLabel, (_this$theme$getStyle = this.theme.getStyle('app-currency-with-label')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.activeFloatingLabel, (_this$theme$getStyle2 = this.theme.getStyle(`${classname}`)) === null || _this$theme$getStyle2 === void 0 ? void 0 : _this$theme$getStyle2.focused),
+      activeFloatingLabelStyle: this.theme.mergeStyle((_this$theme$getStyle = this.theme.getStyle('app-currency-with-label')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.activeFloatingLabel, (_this$theme$getStyle2 = this.theme.getStyle(`${classname}`)) === null || _this$theme$getStyle2 === void 0 ? void 0 : _this$theme$getStyle2.focused, this.styles.activeFloatingLabel ? this.styles.activeFloatingLabel : {}),
       inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
       editable: props.disabled || props.readonly ? false : true,
       placeholder: props.placeholder,

package/components/input/currency/currency.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","AccessibilityWidgetType","getAccessibilityProps","countDecimalDigits","validateInputOnDevice","createSkeleton","WmCurrencyState","constructor","args","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","Fragment","theme","styles","skeleton","root","renderWidget","_this$state$textValue","_this$theme$getStyle","_this$theme$getStyle2","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","style","onLayout","event","handleLayout","_showSkeleton","skeletonLabelWrapper","labelWrapper","accessible","accessibilityLabel","skeletonLabel","label","importantForAccessibility","skeletonTextInputWrapper","flex","_extends","getTestPropsForInput","CURRENCY","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","isInputFocused","mergeStyle","input","inputNoLeftRadius","text","isValid","invalid","focused","disabled","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","inactiveFloatingLabelStyle","inactiveFloatingLabel","editable","readonly","placeholder","background","_background","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onSubmitEditing","onChangeText","isValidText","validText","decimalPlaces","decimalPlacesInNumber","restrictDecimalRegex","RegExp","updatedCurrencyText","replace","_this$widgetRef","setNativeProps","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, DimensionValue } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { countDecimalDigits, validateInputOnDevice } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n  currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n  constructor(props: WmCurrencyProps) {\n    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case 'currency':\n        if ($new) {\n          this.updateState({\n            currencySymbol: CURRENCY_INFO[$new].symbol,\n          } as WmCurrencyState);\n        }\n        break;\n\n    }\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-currency-with-label');\n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderTextSkeleton(props:any): React.ReactNode {\n    return this.props.floatinglabel  ?   <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...props})}</>\n    : <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n      ...this.styles.skeleton.root,\n    })}</>\n  }\n\n  renderWidget(props: WmCurrencyProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const foundationStyle = this.theme.getStyle('app-input');\n    const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n      <View style={ (this._showSkeleton && !this.props.floatinglabel) ?  this.styles.skeletonLabelWrapper.root : this.styles.labelWrapper } accessible accessibilityLabel={this.state.currencySymbol}>\n        {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonLabel.root)}</> :\n         <Text style={this.styles.label} importantForAccessibility='no'>{this.state.currencySymbol}</Text>}\n      </View>\n      {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonTextInputWrapper.root)}</> :<View style={{flex: 1}}>\n      <WMTextInput\n        {...this.getTestPropsForInput()}\n        {...getAccessibilityProps(AccessibilityWidgetType.CURRENCY, props)}\n        ref={(ref: any) => {\n          this.widgetRef = ref;\n          // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }\n        }}\n        keyboardType=\"numeric\"\n        placeholderTextColor={this.styles.placeholderText.color as any}\n        isInputFocused={ this.state.isInputFocused }\n        style={[\n          this.theme.mergeStyle(\n            this.styles.input,\n            // foundationStyle ? this.styles.root : null,\n            foundationStyle?.root,\n            this.styles.inputNoLeftRadius\n          ),\n          this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n          this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n          this.state.isInputFocused ? this.theme.mergeStyle(this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n          this.state.props.disabled ? this.theme.mergeStyle(this.styles.inputNoLeftRadius,foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {}\n        ]}\n        {...opts}\n        floatingLabel={props.floatinglabel}\n        floatingLabelStyle={this.styles.floatingLabel}\n        activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n           this.theme.getStyle('app-currency-with-label')?.activeFloatingLabel,\n           this.theme.getStyle(`${classname}`)?.focused)}\n        inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n        editable={props.disabled || props.readonly ? false : true}\n        placeholder={props.placeholder}\n        background={this._background}\n        onBlur={this.onBlur.bind(this)}\n        onFocus={this.onFocus.bind(this)}\n        onKeyPress={this.validateInputEntry.bind(this)}\n        onSubmitEditing={this.onSubmitEditing.bind(this)}\n        onChangeText={(text) => {\n          const {isValidText, validText} = validateInputOnDevice(text, \"currency\");\n          const decimalPlaces = props.decimalPlaces;\n          const decimalPlacesInNumber = countDecimalDigits(validText);\n          const restrictDecimalRegex = new RegExp(`(\\\\.\\\\d{${decimalPlaces}})\\\\d*`);\n          const updatedCurrencyText = validText.replace(restrictDecimalRegex, '$1');\n\n          if (!isValidText || decimalPlaces < decimalPlacesInNumber) {\n            (this.widgetRef as any)?.setNativeProps({ text: updatedCurrencyText });\n          }\n\n          this.onChangeText.bind(this)(updatedCurrencyText, 'currency');\n        }}\n        onChange={this.invokeChange.bind(this)}\n        allowContentSelection={this.styles.text.userSelect === 'text'}\n      />\n      </View> }\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","AccessibilityWidgetType","getAccessibilityProps","countDecimalDigits","validateInputOnDevice","createSkeleton","WmCurrencyState","constructor","args","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","Fragment","theme","styles","skeleton","root","renderWidget","_this$state$textValue","_this$theme$getStyle","_this$theme$getStyle2","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","style","onLayout","event","handleLayout","_showSkeleton","skeletonLabelWrapper","labelWrapper","accessible","accessibilityLabel","skeletonLabel","label","importantForAccessibility","skeletonTextInputWrapper","flex","_extends","getTestPropsForInput","CURRENCY","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","isInputFocused","mergeStyle","input","inputNoLeftRadius","text","isValid","invalid","focused","disabled","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","inactiveFloatingLabelStyle","inactiveFloatingLabel","editable","readonly","placeholder","background","_background","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onSubmitEditing","onChangeText","isValidText","validText","decimalPlaces","decimalPlacesInNumber","restrictDecimalRegex","RegExp","updatedCurrencyText","replace","_this$widgetRef","setNativeProps","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, DimensionValue } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { countDecimalDigits, validateInputOnDevice } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n  currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n  constructor(props: WmCurrencyProps) {\n    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case 'currency':\n        if ($new) {\n          this.updateState({\n            currencySymbol: CURRENCY_INFO[$new].symbol,\n          } as WmCurrencyState);\n        }\n        break;\n\n    }\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-currency-with-label');\n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderTextSkeleton(props:any): React.ReactNode {\n    return this.props.floatinglabel  ?   <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...props})}</>\n    : <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n      ...this.styles.skeleton.root,\n    })}</>\n  }\n\n  renderWidget(props: WmCurrencyProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const foundationStyle = this.theme.getStyle('app-input');\n    const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n      <View style={ (this._showSkeleton && !this.props.floatinglabel) ?  this.styles.skeletonLabelWrapper.root : this.styles.labelWrapper } accessible accessibilityLabel={this.state.currencySymbol}>\n        {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonLabel.root)}</> :\n         <Text style={this.styles.label} importantForAccessibility='no'>{this.state.currencySymbol}</Text>}\n      </View>\n      {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonTextInputWrapper.root)}</> :<View style={{flex: 1}}>\n      <WMTextInput\n        {...this.getTestPropsForInput()}\n        {...getAccessibilityProps(AccessibilityWidgetType.CURRENCY, props)}\n        ref={(ref: any) => {\n          this.widgetRef = ref;\n          // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }\n        }}\n        keyboardType=\"numeric\"\n        placeholderTextColor={this.styles.placeholderText.color as any}\n        isInputFocused={ this.state.isInputFocused }\n        style={[\n          this.theme.mergeStyle(\n            this.styles.input,\n            // foundationStyle ? this.styles.root : null,\n            foundationStyle?.root,\n            this.styles.inputNoLeftRadius\n          ),\n          this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n          this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n          this.state.isInputFocused ? this.theme.mergeStyle(this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n          this.state.props.disabled ? this.theme.mergeStyle(this.styles.inputNoLeftRadius,foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {}\n        ]}\n        {...opts}\n        floatingLabel={props.floatinglabel}\n        floatingLabelStyle={this.styles.floatingLabel}\n        activeFloatingLabelStyle={this.theme.mergeStyle(\n           this.theme.getStyle('app-currency-with-label')?.activeFloatingLabel,\n           this.theme.getStyle(`${classname}`)?.focused,\n           this.styles.activeFloatingLabel ? this.styles.activeFloatingLabel : {}\n        )}\n        inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n        editable={props.disabled || props.readonly ? false : true}\n        placeholder={props.placeholder}\n        background={this._background}\n        onBlur={this.onBlur.bind(this)}\n        onFocus={this.onFocus.bind(this)}\n        onKeyPress={this.validateInputEntry.bind(this)}\n        onSubmitEditing={this.onSubmitEditing.bind(this)}\n        onChangeText={(text) => {\n          const {isValidText, validText} = validateInputOnDevice(text, \"currency\");\n          const decimalPlaces = props.decimalPlaces;\n          const decimalPlacesInNumber = countDecimalDigits(validText);\n          const restrictDecimalRegex = new RegExp(`(\\\\.\\\\d{${decimalPlaces}})\\\\d*`);\n          const updatedCurrencyText = validText.replace(restrictDecimalRegex, '$1');\n\n          if (!isValidText || decimalPlaces < decimalPlacesInNumber) {\n            (this.widgetRef as any)?.setNativeProps({ text: updatedCurrencyText });\n          }\n\n          this.onChangeText.bind(this)(updatedCurrencyText, 'currency');\n        }}\n        onChange={this.invokeChange.bind(this)}\n        allowContentSelection={this.styles.text.userSelect === 'text'}\n      />\n      </View> }\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}