@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469 → 1.0.0-rc.647499

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

@@ -81,15 +81,15 @@ export default class WmButton extends BaseComponent {
       entryanimation: props.animation,
       delay: props.animationdelay,
       onLayout: event => this.handleLayout(event),
-      style: [this.styles.root, {
+      style: [parentAlignment ? {} : {
+        alignSelf: 'flex-start'
+      }, this.styles.root, {
         paddingTop: 0,
         paddingBottom: 0,
         paddingLeft: 0,
         paddingRight: 0,
         overflow: props.badgevalue ? 'visible' : 'hidden',
         flexDirection: 'column'
-      }, parentAlignment ? {} : {
-        alignSelf: 'flex-start'
       }, this.styles.root.height == "100%" ? {
         flex: 1
       } : {}]

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-ai/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker-ai/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-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/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","parentAlignment","parent","alignment","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","alignSelf","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","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-ai/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker-ai/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-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/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          parentAlignment ? {} : { alignSelf: 'flex-start'},\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          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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4CC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC5E,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AACpG,SAASC,QAAQ,QAAQ,sDAAsD;AAC/E,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,MAAM,MAAM,mEAAmE;AACtF,SAASC,YAAY,QAAQ,sEAAsE;AACnG,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,iDAAiD;AAChH,OAAO,MAAMC,aAAa,SAASV,kBAAkB,CAAgB;AAIrE,eAAe,MAAMW,QAAQ,SAASZ,aAAa,CAA+C;EAEhGa,WAAWA,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;EAClD;EAEQW,WAAWA,CAAC;IAClBC,SAAS;IACTC,OAAO;IACPC,IAAI;IACJC,IAAI;IACJC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVC;EACG,CAAC,EAAE;IACN,OAAOP,SAAS,IAAIC,OAAO,gBACtBpB,KAAA,CAAA2B,aAAA,CAAClB,MAAM;MACNmB,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3BR,IAAI,EAAEA,IAAK;MACXS,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,IAAK;MACzBT,IAAI,EAAE,GAAGA,IAAI,OAAQ;MACrBH,SAAS,EAAEA,SAAU;MACrBI,QAAQ,EAAEA,QAAS;MACnBH,OAAO,EAAEA,OAAQ;MACjBI,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBC,SAAS,EAAEA,SAAU;MACrBM,UAAU,EAAE;IAAM,CACnB,CAAC,GAAG,IAAI;EACf;EAEQC,YAAYA,CAAChB,KAAU,EAAE;IAC/B;IACA,oBAAQjB,KAAA,CAAA2B,aAAA,CAACrB,KAAK,EAAA4B,QAAA;MAACC,KAAK,EAAE,IAAI,CAACL,MAAM,CAACM,KAAM;MAACC,aAAa,EAAC;IAAM,GAAK,IAAI,CAACC,YAAY,CAAC,OAAO,CAAC,GAAGrB,KAAK,CAACsB,UAAkB,CAAC;EAC1H;EAEOC,cAAcA,CAACC,IAAmB,EAAE;IACzC,IAAIC,aAAa,EAAEC,cAAc;IACjC,IAAG,IAAI,CAAC1B,KAAK,CAAC2B,aAAa,IAAI,GAAG,EAAE;MAClCF,aAAa,GAAG,CAAC;IACnB,CAAC,MAAM;MAAA,IAAAG,iBAAA;MACLH,aAAa,GAAG,IAAI,CAACzB,KAAK,CAAC2B,aAAa,MAAAC,iBAAA,GAAI,IAAI,CAACf,MAAM,CAACgB,IAAI,cAAAD,iBAAA,uBAAhBA,iBAAA,CAAkBE,KAAK;IACrE;IAEA,IAAG,IAAI,CAAC9B,KAAK,CAAC+B,cAAc,IAAI,GAAG,EAAE;MACnCL,cAAc,GAAG,CAAC;IACpB,CAAC,MAAM;MAAA,IAAAM,kBAAA;MACLN,cAAc,GAAG,IAAI,CAAC1B,KAAK,CAAC+B,cAAc,MAAAC,kBAAA,GAAI,IAAI,CAACnB,MAAM,CAACgB,IAAI,cAAAG,kBAAA,uBAAhBA,kBAAA,CAAkBC,MAAM;IACxE;IAEA,OAAOvC,cAAc,CAAC,IAAI,CAACwC,KAAK,EAAE,IAAI,CAACrB,MAAM,CAACsB,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACtB,MAAM,CAACgB,IAAI;MACnBC,KAAK,EAAEL,aAA+B;MACtCQ,MAAM,EAAEP;IACV,CAAC,CAAC;EACJ;EAEQU,mBAAmBA,CAACC,IAAqE,EAAE;IAAA,IAAAC,WAAA;IACjG,MAAMC,SAAS,IAAAD,WAAA,GAAG,IAAI,CAACtC,KAAK,cAAAsC,WAAA,gBAAAA,WAAA,GAAVA,WAAA,CAAYzB,MAAM,cAAAyB,WAAA,gBAAAA,WAAA,GAAlBA,WAAA,CAAoBT,IAAI,cAAAS,WAAA,uBAAxBA,WAAA,CAA2BD,IAAI,CAAC;IAClD,IAAIE,SAAS,KAAKC,SAAS,IAAID,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAK,EAAE,EAAE;MACrE,OAAOA,SAAS,KAAK,CAAC,GAAG,CAAC,GAAGA,SAAS;IACxC;IACA,OAAO,IAAI,CAAC1B,MAAM,CAACgB,IAAI,CAACQ,IAAI,CAAC;EAC/B;EAEAI,YAAYA,CAACzC,KAAoB,EAAE;IAAA,IAAA0C,YAAA;IACjC,MAAMC,eAAe,IAAAD,YAAA,GAAG,IAAI,CAACE,MAAM,cAAAF,YAAA,gBAAAA,YAAA,GAAXA,YAAA,CAAa1C,KAAK,cAAA0C,YAAA,uBAAlBA,YAAA,CAAoBG,SAAS;IACrD,oBACE9D,KAAA,CAAA2B,aAAA,CAACjB,YAAY;MAACqD,cAAc,EAAE9C,KAAK,CAAC+C,SAAU;MAACC,KAAK,EAAEhD,KAAK,CAACiD,cAAe;MACzEC,QAAQ,EAAGC,KAAwB,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK,CAAE;MACjEjC,KAAK,EAAE,CACLyB,eAAe,GAAG,CAAC,CAAC,GAAG;QAAEU,SAAS,EAAE;MAAY,CAAC,EACjD,IAAI,CAACxC,MAAM,CAACgB,IAAI,EAChB;QACEyB,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE,CAAC;QACfC,QAAQ,EAAE1D,KAAK,CAACsB,UAAU,GAAG,SAAS,GAAG,QAAQ;QACjDqC,aAAa,EAAE;MACjB,CAAC,EACD,IAAI,CAAC9C,MAAM,CAACgB,IAAI,CAACI,MAAM,IAAI,MAAM,GAAG;QAAC2B,IAAI,EAAE;MAAC,CAAC,GAAC,CAAC,CAAC;IAChD,GAED,IAAI,CAACC,WAAW,eACjB9E,KAAA,CAAA2B,aAAA,CAACtB,QAAQ,EAAA6B,QAAA;MACP6C,kBAAkB,EAAE,IAAI,CAACC,KAAK,CAAC/D,KAAK,CAACgE,kBAAmB;MACxDnD,MAAM,EAAE;QACNyC,UAAU,EAAE,IAAI,CAAClB,mBAAmB,CAAC,YAAY,CAAC;QAClDmB,aAAa,EAAE,IAAI,CAACnB,mBAAmB,CAAC,eAAe,CAAC;QACxDoB,WAAW,EAAE,IAAI,CAACpB,mBAAmB,CAAC,aAAa,CAAC;QACpDqB,YAAY,EAAE,IAAI,CAACrB,mBAAmB,CAAC,cAAc,CAAC;QACtDN,KAAK,EAAE,MAAM;QACbG,MAAM,EAAE,IAAI,CAACpB,MAAM,CAACgB,IAAI,CAACI,MAAM,GAAG,MAAM,GAAG,IAAI;QAC/CgC,cAAc,EAAE;MAClB,CAAE;MACFC,WAAW,EAAI,IAAI,CAACrD,MAAM,CAACgB,IAAI,CAACqC,WAAY;MAC5CC,MAAM,EAAE;IAAK,GACT,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAChCC,kBAAkB,EAAE;QAAC,GAAGzE,qBAAqB,CAC3CD,uBAAuB,CAAC2E,MAAM,EAC9BtE,KACF;MAAC;IAAE,iBACHjB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;MACHiC,KAAK,EAAE,CACL,IAAI,CAACL,MAAM,CAAC0D,OAAO,EACnB;QAAEZ,aAAa,EAAE3D,KAAK,CAACwE,YAAY,KAAK,KAAK,GAAG,QAAQ,GAAG;MAAM,CAAC;IAClE,GACDxE,KAAK,CAACwE,YAAY,KAAK,KAAK,IAAI,IAAI,CAACvE,WAAW,CAACD,KAAK,CAAC,EACvDA,KAAK,CAACwE,YAAY,KAAK,MAAM,IAAI,IAAI,CAACvE,WAAW,CAACD,KAAK,CAAC,EACxDA,KAAK,CAACyE,OAAO,gBACZ1F,KAAA,CAAA2B,aAAA,CAAC1B,IAAI,EAAAiC,QAAA;MACHC,KAAK,EAAE,IAAI,CAACL,MAAM,CAAC6D;IAAK,GACpB,IAAI,CAACC,oBAAoB,CAAC,SAAS,CAAC;MACxCC,yBAAyB,EAAE;IAAK,IAE/B5E,KAAK,CAACyE,OACH,CAAC,GACL,IAAI,EACPzE,KAAK,CAACwE,YAAY,KAAK,OAAO,IAAI,IAAI,CAACvE,WAAW,CAACD,KAAK,CACrD,CACE,CAAC,EACVA,KAAK,CAACsB,UAAU,IAAI,IAAI,CAACN,YAAY,CAAChB,KAAK,CAChC,CAAC;EAEnB;AACF","ignoreList":[]}

package/components/container/accordion/accordionpane/accordionpane.component.js

@@ -3,6 +3,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';
+import { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';
 import WmAccordionpaneProps from './accordionpane.props';
 import { DEFAULT_CLASS } from './accordionpane.styles';
 import { View } from 'react-native';
@@ -72,16 +74,48 @@ export default class WmAccordionpane extends BaseComponent {
     return props.children;
   }
   renderWidget(props) {
-    return isWebPreviewMode() ? /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.root, this.state.collapsed ? {
+    var _this$parent;
+    const autoLayoutProps = extractAutoLayoutProps(props, (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.state) === null || _this$parent === void 0 ? void 0 : _this$parent.props);
+    const hasAutoLayout = isAutoLayout(autoLayoutProps);
+    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';
+    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};
+    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};
+    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};
+    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};
+    return isWebPreviewMode() ? /*#__PURE__*/React.createElement(AutoLayoutHost, {
+      autoLayoutProps: autoLayoutProps,
+      shouldScroll: shouldScroll,
+      containerStyle: [this.styles.root, hasAutoLayout ? {
+        ...autoLayoutDirectionStyle,
+        ...autoLayoutOuterDimensionStyle
+      } : {}, this.state.collapsed ? {
         maxHeight: 0,
-        overflow: 'hidden'
-      } : {}]
+        overflow: 'hidden',
+        padding: 0
+      } : {}],
+      contentStyle: hasAutoLayout ? {
+        ...autoLayoutDirectionStyle,
+        ...autoLayoutContentStyle,
+        ...autoLayoutInnerDimensionStyle,
+        minWidth: 0
+      } : undefined
     }, this._background, this.renderContent(props)) : /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
+      style: [this.styles.root, hasAutoLayout ? {
+        ...autoLayoutDirectionStyle,
+        ...autoLayoutOuterDimensionStyle
+      } : {}]
     }, /*#__PURE__*/React.createElement(CollapsiblePane, {
       close: this.state.collapsed
-    }, this._background, this.renderContent(props)));
+    }, /*#__PURE__*/React.createElement(AutoLayoutHost, {
+      autoLayoutProps: autoLayoutProps,
+      shouldScroll: shouldScroll,
+      containerStyle: hasAutoLayout ? autoLayoutInnerDimensionStyle : undefined,
+      contentStyle: hasAutoLayout ? {
+        ...autoLayoutDirectionStyle,
+        ...autoLayoutContentStyle,
+        minWidth: 0
+      } : undefined
+    }, this._background, this.renderContent(props))));
   }
 }
 //# sourceMappingURL=accordionpane.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","CollapsiblePane","WmAccordionpaneState","constructor","args","_defineProperty","WmAccordionpane","props","isCollapsed","state","collapsed","show","updateState","invokeEventCallback","proxy","hide","expand","parent","name","collapse","componentDidMount","accordion","addAccordionPane","componentWillUnmount","removeAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","children","renderWidget","createElement","style","styles","root","maxHeight","overflow","_background","close"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\nimport { View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from '../../panel/collapsible-pane.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n  collapsed = true;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n  }\n\n  isCollapsed() {\n    return this.state.collapsed;\n  }\n\n  show() {\n    this.updateState({\n      collapsed: false\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  hide() {\n    this.updateState({\n      collapsed: true\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  expand() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  collapse() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    // When skeleton is enabled in the accordion component, the parent would be WMSkeleton which doesnot have addAccordionPane function\n    if(accordion.addAccordionPane) {\n      accordion.addAccordionPane(this);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const accordion = (this.parent) as WmAccordion;\n    if(accordion.removeAccordionPane) {\n      accordion.removeAccordionPane(this);\n    }\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\n    return isWebPreviewMode() ?\n    (<View style={[this.styles.root, this.state.collapsed ? {maxHeight: 0, overflow: 'hidden'} : {}]}>\n      {this._background}\n      {this.renderContent(props)}\n    </View>) :\n    (<View style={this.styles.root}>\n      <CollapsiblePane close={this.state.collapsed}>\n        {this._background}\n        {this.renderContent(props)}\n      </CollapsiblePane>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","CollapsiblePane","WmAccordionpaneState","constructor","args","_defineProperty","WmAccordionpane","props","isCollapsed","state","collapsed","show","updateState","invokeEventCallback","proxy","hide","expand","parent","name","collapse","componentDidMount","accordion","addAccordionPane","componentWillUnmount","removeAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","children","renderWidget","_this$parent","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","maxHeight","padding","contentStyle","minWidth","undefined","_background","style","close"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\nimport { View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from '../../panel/collapsible-pane.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n  collapsed = true;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n  }\n\n  isCollapsed() {\n    return this.state.collapsed;\n  }\n\n  show() {\n    this.updateState({\n      collapsed: false\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  hide() {\n    this.updateState({\n      collapsed: true\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  expand() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  collapse() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    // When skeleton is enabled in the accordion component, the parent would be WMSkeleton which doesnot have addAccordionPane function\n    if(accordion.addAccordionPane) {\n      accordion.addAccordionPane(this);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const accordion = (this.parent) as WmAccordion;\n    if(accordion.removeAccordionPane) {\n      accordion.removeAccordionPane(this);\n    }\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\n    const autoLayoutProps = extractAutoLayoutProps(\n      props,\n      this.parent?.state?.props\n    );\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n    return isWebPreviewMode() ?\n    (<AutoLayoutHost\n      autoLayoutProps={autoLayoutProps}\n      shouldScroll={shouldScroll}\n      containerStyle={[\n        this.styles.root,\n        hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n        this.state.collapsed ? { maxHeight: 0, overflow: 'hidden', padding: 0 } : {},\n      ]}\n      contentStyle={hasAutoLayout ? {\n        ...autoLayoutDirectionStyle,\n        ...autoLayoutContentStyle,\n        ...autoLayoutInnerDimensionStyle,\n        minWidth: 0,\n      } : undefined}\n    >\n      {this._background}\n      {this.renderContent(props)}\n    </AutoLayoutHost>) :\n    (<View style={[this.styles.root, hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {}]}>\n      <CollapsiblePane close={this.state.collapsed}>\n        <AutoLayoutHost\n          autoLayoutProps={autoLayoutProps}\n          shouldScroll={shouldScroll}\n          containerStyle={hasAutoLayout ? autoLayoutInnerDimensionStyle : undefined}\n          contentStyle={hasAutoLayout ? {\n            ...autoLayoutDirectionStyle,\n            ...autoLayoutContentStyle,\n            minWidth: 0,\n          } : undefined}\n        >\n          {this._background}\n          {this.renderContent(props)}\n        </AutoLayoutHost>\n      </CollapsiblePane>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/accordion/accordionpane/accordionpane.props.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmAccordionpaneProps","constructor","args","_defineProperty"],"sources":["accordionpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionpaneProps extends BaseProps {\n  children: any;\n  iconclass: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,oBAEtC,IAAI;IAAAA,eAAA,gBACR,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,IAAI;EAAA;AAC1B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmAccordionpaneProps","constructor","args","_defineProperty"],"sources":["accordionpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmAccordionpaneProps extends AutoLayoutProps {}\n\nclass WmAccordionpaneProps extends BaseProps {\n  children: any;\n  iconclass: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = null as any;\n}\n\nexport default WmAccordionpaneProps;\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAK5E,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,oBAEvB,IAAI;IAAAA,eAAA,gBACR,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,IAAI;EAAA;AAC1B;AAEA,eAAeH,oBAAoB","ignoreList":[]}

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

@@ -2,8 +2,9 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
-import { ScrollView } from 'react-native-gesture-handler';
 import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';
+import { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';
 import WmTabpaneProps from './tabpane.props';
 import { DEFAULT_CLASS } from './tabpane.styles';
 export class WmTabpaneState extends BaseComponentState {
@@ -70,8 +71,27 @@ export default class WmTabpane extends BaseComponent {
     this.parent.selectTabPane(this);
   }
   renderWidget(props) {
-    return /*#__PURE__*/React.createElement(ScrollView, {
-      style: this.styles.root,
+    var _this$parent;
+    const autoLayoutProps = extractAutoLayoutProps(props, (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.state) === null || _this$parent === void 0 ? void 0 : _this$parent.props);
+    const hasAutoLayout = isAutoLayout(autoLayoutProps);
+    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';
+    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};
+    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};
+    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};
+    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};
+    return /*#__PURE__*/React.createElement(AutoLayoutHost, {
+      autoLayoutProps: autoLayoutProps,
+      shouldScroll: shouldScroll,
+      containerStyle: [this.styles.root, hasAutoLayout ? {
+        ...autoLayoutDirectionStyle,
+        ...autoLayoutOuterDimensionStyle
+      } : {}],
+      contentStyle: hasAutoLayout ? {
+        ...autoLayoutDirectionStyle,
+        ...autoLayoutContentStyle,
+        ...autoLayoutInnerDimensionStyle,
+        minWidth: 0
+      } : undefined,
       onScroll: event => {
         this.notify('scroll', [event]);
       },

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","constructor","args","_defineProperty","WmTabpane","props","subscribe","event","state","isActive","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","updateState","bind","children","showView","isVisible","componentDidMount","tabs","parent","addTabPane","proxy","componentWillUnmount","removeTabPane","_onSelect","_onDeselect","select","selectTabPane","renderWidget","createElement","style","styles","root","onScroll","notify","onLayout","handleLayout","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler'\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmTabpaneProps from './tabpane.props';\nimport { DEFAULT_CLASS, WmTabpaneStyles } from './tabpane.styles';\nimport WmTabs from '../tabs.component';\n\nexport class WmTabpaneState extends BaseComponentState<WmTabpaneProps> {\n  isPartialLoaded = false;\n  isActive = false;\n}\n\nexport default class WmTabpane extends BaseComponent<WmTabpaneProps, WmTabpaneState, WmTabpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmTabpaneProps) {\n    super(props, DEFAULT_CLASS, new WmTabpaneProps(), new WmTabpaneState());\n    this.subscribe('scroll', (event: any) => {\n      return this.state.isActive;\n    });\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmTabpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmTabpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  showView(): boolean {\n    return this.isVisible() && this.state.isActive;\n  }\n\n  componentDidMount() {\n    const tabs = (this.parent) as WmTabs;\n    // When skeleton is enabled in the tabs component, the parent would be WMSkeleton which doesnot have addTabPane function\n    if(tabs.addTabPane) {\n      tabs.addTabPane(this.proxy as WmTabpane);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const tabs = (this.parent) as WmTabs;\n    if(tabs.removeTabPane) {\n      tabs.removeTabPane(this)\n    }\n  }\n\n  _onSelect() {\n    this.updateState({\n      isActive: true\n    } as WmTabpaneState);\n    this.invokeEventCallback('onSelect', [null, this.proxy]);\n  }\n  _onDeselect() {\n    this.updateState({\n      isActive: false\n    } as WmTabpaneState);\n    this.invokeEventCallback('onDeselect', [null, this.proxy]);\n  }\n\n  select() {\n    (this.parent as WmTabs).selectTabPane(this);\n  }\n\n  renderWidget(props: WmTabpaneProps) {\n    return (\n    <ScrollView\n      style={this.styles.root}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n        {this.renderContent(props)}\n      </ScrollView>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","constructor","args","_defineProperty","WmTabpane","props","subscribe","event","state","isActive","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","updateState","bind","children","showView","isVisible","componentDidMount","tabs","parent","addTabPane","proxy","componentWillUnmount","removeTabPane","_onSelect","_onDeselect","select","selectTabPane","renderWidget","_this$parent","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","contentStyle","minWidth","undefined","onScroll","notify","onLayout","handleLayout","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\n\nimport WmTabpaneProps from './tabpane.props';\nimport { DEFAULT_CLASS, WmTabpaneStyles } from './tabpane.styles';\nimport WmTabs from '../tabs.component';\n\nexport class WmTabpaneState extends BaseComponentState<WmTabpaneProps> {\n  isPartialLoaded = false;\n  isActive = false;\n}\n\nexport default class WmTabpane extends BaseComponent<WmTabpaneProps, WmTabpaneState, WmTabpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmTabpaneProps) {\n    super(props, DEFAULT_CLASS, new WmTabpaneProps(), new WmTabpaneState());\n    this.subscribe('scroll', (event: any) => {\n      return this.state.isActive;\n    });\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmTabpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmTabpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  showView(): boolean {\n    return this.isVisible() && this.state.isActive;\n  }\n\n  componentDidMount() {\n    const tabs = (this.parent) as WmTabs;\n    // When skeleton is enabled in the tabs component, the parent would be WMSkeleton which doesnot have addTabPane function\n    if(tabs.addTabPane) {\n      tabs.addTabPane(this.proxy as WmTabpane);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const tabs = (this.parent) as WmTabs;\n    if(tabs.removeTabPane) {\n      tabs.removeTabPane(this)\n    }\n  }\n\n  _onSelect() {\n    this.updateState({\n      isActive: true\n    } as WmTabpaneState);\n    this.invokeEventCallback('onSelect', [null, this.proxy]);\n  }\n  _onDeselect() {\n    this.updateState({\n      isActive: false\n    } as WmTabpaneState);\n    this.invokeEventCallback('onDeselect', [null, this.proxy]);\n  }\n\n  select() {\n    (this.parent as WmTabs).selectTabPane(this);\n  }\n\n  renderWidget(props: WmTabpaneProps) {\n    const autoLayoutProps = extractAutoLayoutProps(\n      props,\n      this.parent?.state?.props\n    );\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n    return (\n    <AutoLayoutHost\n      autoLayoutProps={autoLayoutProps}\n      shouldScroll={shouldScroll}\n      containerStyle={[\n        this.styles.root,\n        hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n      ]}\n      contentStyle={hasAutoLayout ? {\n        ...autoLayoutDirectionStyle,\n        ...autoLayoutContentStyle,\n        ...autoLayoutInnerDimensionStyle,\n        minWidth: 0,\n      } : undefined}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n        {this.renderContent(props)}\n      </AutoLayoutHost>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/tabs/tabpane/tabpane.props.js

@@ -2,7 +2,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
-export default class WmTabpaneProps extends BaseProps {
+class WmTabpaneProps extends BaseProps {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "children", void 0);
@@ -16,4 +16,5 @@ export default class WmTabpaneProps extends BaseProps {
     _defineProperty(this, "accessibilityrole", void 0);
   }
 }
+export default WmTabpaneProps;
 //# sourceMappingURL=tabpane.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmTabpaneProps","constructor","args","_defineProperty","undefined"],"sources":["tabpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmTabpaneProps extends BaseProps {\n  children?: any;\n  paneicon?: string = null as any;\n  title: string = 'Tab Title';\n  renderPartial?: Function;\n  isPartialLoaded? = false;\n  invokeVariables = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAG5E,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,mBAEhC,IAAI;IAAAA,eAAA,gBACR,WAAW;IAAAA,eAAA;IAAAA,eAAA,0BAER,KAAK;IAAAA,eAAA,0BACN,IAAI;IAAAA,eAAA,6BACQC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmTabpaneProps","constructor","args","_defineProperty","undefined"],"sources":["tabpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AccessibilityRole } from 'react-native';\n\ninterface WmTabpaneProps extends AutoLayoutProps {}\n\nclass WmTabpaneProps extends BaseProps {\n  children?: any;\n  paneicon?: string = null as any;\n  title: string = 'Tab Title';\n  renderPartial?: Function;\n  isPartialLoaded? = false;\n  invokeVariables = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}\n\nexport default WmTabpaneProps;\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAM5E,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,mBAEjB,IAAI;IAAAA,eAAA,gBACR,WAAW;IAAAA,eAAA;IAAAA,eAAA,0BAER,KAAK;IAAAA,eAAA,0BACN,IAAI;IAAAA,eAAA,6BACQC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B;AAEA,eAAeH,cAAc","ignoreList":[]}

package/components/container/wizard/wizardstep/wizardstep.component.js

@@ -2,8 +2,9 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
-import { View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';
+import { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';
 import WmWizardstepProps from './wizardstep.props';
 import { DEFAULT_CLASS } from './wizardstep.styles';
 export class WmWizardstepState extends BaseComponentState {
@@ -76,6 +77,7 @@ export default class WmWizardstep extends BaseComponent {
     this.invokeEventCallback('onSkip', [this.proxy, this, index]);
   }
   renderWidget(props) {
+    var _this$parent;
     if (!this.state.showContent && this.isVisible()) {
       this.updateState({
         showContent: true
@@ -83,8 +85,26 @@ export default class WmWizardstep extends BaseComponent {
         this.invokeEventCallback('onLoad', [this, props.index]);
       });
     }
-    return this.state.showContent && /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root,
+    const autoLayoutProps = extractAutoLayoutProps(props, (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.state) === null || _this$parent === void 0 ? void 0 : _this$parent.props);
+    const hasAutoLayout = isAutoLayout(autoLayoutProps);
+    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';
+    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};
+    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};
+    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};
+    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};
+    return this.state.showContent && /*#__PURE__*/React.createElement(AutoLayoutHost, {
+      autoLayoutProps: autoLayoutProps,
+      shouldScroll: shouldScroll,
+      containerStyle: [this.styles.root, hasAutoLayout ? {
+        ...autoLayoutDirectionStyle,
+        ...autoLayoutOuterDimensionStyle
+      } : {}],
+      contentStyle: hasAutoLayout ? {
+        ...autoLayoutDirectionStyle,
+        ...autoLayoutContentStyle,
+        ...autoLayoutInnerDimensionStyle,
+        minWidth: 0
+      } : undefined,
       onLayout: event => this.handleLayout(event)
     }, this._background, props.children);
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","args","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","onPropertyChange","name","$new","$old","refresh","setTimeout","forceUpdate","setActive","updateState","active","state","showContent","invokeEventCallback","index","setInActive","isVisible","invokeNextCB","proxy","invokePrevCB","invokeSkipCB","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background","children"],"sources":["wizardstep.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\nimport { isBoolean } from 'lodash-es';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n  showContent: boolean = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function\n    if(wizard.addWizardStep) {\n      wizard.addWizardStep(this);\n    }\n    super.componentDidMount();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'title':\n        const wizard = (this.parent) as WmWizard;\n        wizard?.refresh();\n        break;\n      case 'disableprev':\n      case 'disablenext':\n      case 'disabledone':\n      case 'enableskip':\n        setTimeout(() => {\n          this.parent.forceUpdate();\n        }, 10);\n        break;\n      case 'show':\n        if($new !== $old){\n          setTimeout(() => {\n            this.parent.forceUpdate();\n          }, 10);\n        }\n        break;\n    }\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState, () => {\n      if(this.state.showContent) {\n        this.invokeEventCallback('onLoad', [this, this.state.props.index]);\n      }\n    });\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) : boolean {\n    return this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) : boolean {\n    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n  renderWidget(props: WmWizardstepProps) {\n    if(!this.state.showContent && this.isVisible()){\n      this.updateState({showContent: true} as WmWizardstepState, ()=>{\n        this.invokeEventCallback('onLoad', [this, props.index]);\n      });\n    }\n    return this.state.showContent && (\n      <View\n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","args","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","onPropertyChange","name","$new","$old","refresh","setTimeout","forceUpdate","setActive","updateState","active","state","showContent","invokeEventCallback","index","setInActive","isVisible","invokeNextCB","proxy","invokePrevCB","invokeSkipCB","renderWidget","_this$parent","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","contentStyle","minWidth","undefined","onLayout","event","handleLayout","_background","children"],"sources":["wizardstep.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\n\nimport WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\nimport { isBoolean } from 'lodash-es';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n  showContent: boolean = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function\n    if(wizard.addWizardStep) {\n      wizard.addWizardStep(this);\n    }\n    super.componentDidMount();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'title':\n        const wizard = (this.parent) as WmWizard;\n        wizard?.refresh();\n        break;\n      case 'disableprev':\n      case 'disablenext':\n      case 'disabledone':\n      case 'enableskip':\n        setTimeout(() => {\n          this.parent.forceUpdate();\n        }, 10);\n        break;\n      case 'show':\n        if($new !== $old){\n          setTimeout(() => {\n            this.parent.forceUpdate();\n          }, 10);\n        }\n        break;\n    }\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState, () => {\n      if(this.state.showContent) {\n        this.invokeEventCallback('onLoad', [this, this.state.props.index]);\n      }\n    });\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) : boolean {\n    return this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) : boolean {\n    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n  renderWidget(props: WmWizardstepProps) {\n    if(!this.state.showContent && this.isVisible()){\n      this.updateState({showContent: true} as WmWizardstepState, ()=>{\n        this.invokeEventCallback('onLoad', [this, props.index]);\n      });\n    }\n\n    const autoLayoutProps = extractAutoLayoutProps(\n      props,\n      this.parent?.state?.props\n    );\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n    return this.state.showContent && (\n      <AutoLayoutHost\n        autoLayoutProps={autoLayoutProps}\n        shouldScroll={shouldScroll}\n        containerStyle={[\n          this.styles.root,\n          hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n        ]}\n        contentStyle={hasAutoLayout ? {\n          ...autoLayoutDirectionStyle,\n          ...autoLayoutContentStyle,\n          ...autoLayoutInnerDimensionStyle,\n          minWidth: 0,\n        } : undefined}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </AutoLayoutHost>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/wizard/wizardstep/wizardstep.props.js

@@ -2,7 +2,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
-export default class WmWizardstepProps extends BaseProps {
+class WmWizardstepProps extends BaseProps {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "disableprev", false);
@@ -19,4 +19,5 @@ export default class WmWizardstepProps extends BaseProps {
     _defineProperty(this, "index", 0);
   }
 }
+export default WmWizardstepProps;
 //# sourceMappingURL=wizardstep.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWizardstepProps","constructor","args","_defineProperty"],"sources":["wizardstep.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmWizardstepProps extends BaseProps {\n  disableprev: boolean = false;\n  disablenext: boolean = false;\n  disabledone: boolean = false;\n  showprev: boolean = true;\n  shownext: boolean = true;\n  showdone: boolean = true;\n  children: any;\n  enableskip: boolean = false;\n  iconclass: string = 'wm-sl-l sl-check';\n  title: string = 'Step Title';\n  subtitle: string = 'Sub Title';\n  index: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBAChC,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,mBACR,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEF,KAAK;IAAAA,eAAA,oBACP,kBAAkB;IAAAA,eAAA,gBACtB,YAAY;IAAAA,eAAA,mBACT,WAAW;IAAAA,eAAA,gBACd,CAAC;EAAA;AACnB","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmWizardstepProps","constructor","args","_defineProperty"],"sources":["wizardstep.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmWizardstepProps extends AutoLayoutProps {}\n\nclass WmWizardstepProps extends BaseProps {\n  disableprev: boolean = false;\n  disablenext: boolean = false;\n  disabledone: boolean = false;\n  showprev: boolean = true;\n  shownext: boolean = true;\n  showdone: boolean = true;\n  children: any;\n  enableskip: boolean = false;\n  iconclass: string = 'wm-sl-l sl-check';\n  title: string = 'Step Title';\n  subtitle: string = 'Sub Title';\n  index: number = 0;\n}\n\nexport default WmWizardstepProps;\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAK5E,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBACjB,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,mBACR,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEF,KAAK;IAAAA,eAAA,oBACP,kBAAkB;IAAAA,eAAA,gBACtB,YAAY;IAAAA,eAAA,mBACT,WAAW;IAAAA,eAAA,gBACd,CAAC;EAAA;AACnB;AAEA,eAAeH,iBAAiB","ignoreList":[]}

package/components/data/form/form-field/form-field.component.js

@@ -220,10 +220,35 @@ export default class WmFormField extends BaseComponent {
   }
   renderWidget(props) {
     var _this$styles$root, _this$form4, _layoutStyle$flexGrow, _layoutStyle$flexShri;
+    // Extract only height and width from computed styles to pass to children
+    const {
+      height,
+      width
+    } = this.styles.root || {};
+    const hasDimensions = height !== undefined || width !== undefined;
+    const dimensionStyles = hasDimensions ? {
+      root: {
+        ...(height !== undefined ? {
+          height
+        } : {}),
+        ...(width !== undefined ? {
+          width
+        } : {})
+      }
+    } : undefined;
     var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, child => {
-      var _child$props;
+      var _child$props, _child$props2;
+      // Merge dimension styles with any existing styles on the child
+      const existingStyles = (child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.styles) || {};
+      const mergedStyles = dimensionStyles ? {
+        ...existingStyles,
+        root: {
+          ...existingStyles.root,
+          ...dimensionStyles.root
+        }
+      } : existingStyles;
       return /*#__PURE__*/React.cloneElement(child, {
-        datavalue: props.datavalue || (child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.datavalue),
+        datavalue: props.datavalue || (child === null || child === void 0 || (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.datavalue),
         value: this.value,
         isValid: this.state.isValid,
         maskchar: props.maskchar,
@@ -236,6 +261,9 @@ export default class WmFormField extends BaseComponent {
         isdefault: props.defaultvalue !== undefined ? true : false,
         ...(!isNil(props === null || props === void 0 ? void 0 : props.placeholder) ? {
           placeholder: props.placeholder
+        } : {}),
+        ...(hasDimensions ? {
+          styles: mergedStyles
         } : {})
       });
     });

package/components/data/form/form-field/form-field.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","isNil","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","args","_defineProperty","WmFormField","props","form","formScope","componentDidMount","_this$form","_this$form2","_this$form3","formwidget","formKey","formWidgets","name","registerFormFields","formFields","onFieldChangeEvt","$new","$old","isDefault","notifyChanges","updateState","datavalue","invokeEventCallback","undefined","validateFormField","updateDataOutput","call","observeOn","fields","field","formfield","f","proxy","notifyForFields","push","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","updateFormWidgetDataset","res","displayField","dataset","data","datafield","displayfield","state","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","setPrimaryKey","setReadOnlyState","updateMode","_this$formwidget","readonly","_this$formwidget2","_this$_syncValidators","_this$formwidget3","errorType","errormsg","errorMessage","renderWidget","_this$styles$root","_this$form4","_layoutStyle$flexGrow","_layoutStyle$flexShri","childrenWithProps","Children","map","renderFormFields","children","child","_child$props","cloneElement","maskchar","displayformat","autocomplete","invokeEvent","triggerValidation","onFieldChange","formRef","isdefault","defaultvalue","placeholder","hasUserDefinedWidth","styles","root","width","layoutStyle","fieldLayoutStyle","flexStyle","flexGrow","flexShrink","createElement","style","onLayout","event","handleLayout","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {DimensionValue, Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { isEqual, isNil, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker-ai/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n    if (!this.form) {\n      this.form = props.formScope && props.formScope();\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.formwidget = (this.props.formKey && this.form?.formWidgets[this.props.formKey])\n      || (this.props.name && this.form?.formWidgets[this.props.name]);\n    this.form?.registerFormFields(this.form.formFields, this.form.formWidgets);\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n        this.validateFormField();\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  updateFormWidgetDataset(res: any, displayField: string) {\n    this.formwidget.updateState({\n      props: {\n        dataset: res.data,\n        datafield: 'All Fields',\n        displayfield: this.formwidget.state.props.displayfield || displayField,\n      }\n    } as WmFormFieldState);\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n      case 'primary-key':\n        if ($new) {\n          this.form.setPrimaryKey(this.props.name);\n        }\n        break;\n    }\n  }\n\n  setReadOnlyState(updateMode: any) {\n    this.formwidget?.updateState({\n      props: {\n        readonly: !updateMode,\n      }\n    } as WmFormFieldState);\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  get value(){\n    return this.state.props.datavalue;\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      return React.cloneElement(child, {\n          datavalue: props.datavalue || child?.props?.datavalue,\n          value: this.value,\n          isValid: this.state.isValid,\n          maskchar: props.maskchar,\n          displayformat: props.displayformat,\n          autocomplete: props.autocomplete,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef,\n          isdefault: props.defaultvalue !== undefined ? true : false,\n          ...(!isNil(props?.placeholder) ? { placeholder: props.placeholder } : {})\n         });\n    });\n\n    const hasUserDefinedWidth = this.styles.root?.width !== undefined;\n    const layoutStyle = this.form?.state?.fieldLayoutStyle;\n\n    const flexStyle = hasUserDefinedWidth ? {} : {\n      width: layoutStyle?.width || '100%',\n      flexGrow: layoutStyle?.flexGrow ?? 0,\n      flexShrink: layoutStyle?.flexShrink ?? 0,\n    };\n\n    return (\n      <View\n        style={[this.styles.root, flexStyle]}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {childrenWithProps}\n        {this.state.isValid === false && <Text {...this.getTestPropsForLabel('error_msg')} style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","isNil","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","args","_defineProperty","WmFormField","props","form","formScope","componentDidMount","_this$form","_this$form2","_this$form3","formwidget","formKey","formWidgets","name","registerFormFields","formFields","onFieldChangeEvt","$new","$old","isDefault","notifyChanges","updateState","datavalue","invokeEventCallback","undefined","validateFormField","updateDataOutput","call","observeOn","fields","field","formfield","f","proxy","notifyForFields","push","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","updateFormWidgetDataset","res","displayField","dataset","data","datafield","displayfield","state","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","setPrimaryKey","setReadOnlyState","updateMode","_this$formwidget","readonly","_this$formwidget2","_this$_syncValidators","_this$formwidget3","errorType","errormsg","errorMessage","renderWidget","_this$styles$root","_this$form4","_layoutStyle$flexGrow","_layoutStyle$flexShri","height","width","styles","root","hasDimensions","dimensionStyles","childrenWithProps","Children","map","renderFormFields","children","child","_child$props","_child$props2","existingStyles","mergedStyles","cloneElement","maskchar","displayformat","autocomplete","invokeEvent","triggerValidation","onFieldChange","formRef","isdefault","defaultvalue","placeholder","hasUserDefinedWidth","layoutStyle","fieldLayoutStyle","flexStyle","flexGrow","flexShrink","createElement","style","onLayout","event","handleLayout","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {DimensionValue, Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { isEqual, isNil, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker-ai/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n    if (!this.form) {\n      this.form = props.formScope && props.formScope();\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.formwidget = (this.props.formKey && this.form?.formWidgets[this.props.formKey])\n      || (this.props.name && this.form?.formWidgets[this.props.name]);\n    this.form?.registerFormFields(this.form.formFields, this.form.formWidgets);\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n        this.validateFormField();\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  updateFormWidgetDataset(res: any, displayField: string) {\n    this.formwidget.updateState({\n      props: {\n        dataset: res.data,\n        datafield: 'All Fields',\n        displayfield: this.formwidget.state.props.displayfield || displayField,\n      }\n    } as WmFormFieldState);\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n      case 'primary-key':\n        if ($new) {\n          this.form.setPrimaryKey(this.props.name);\n        }\n        break;\n    }\n  }\n\n  setReadOnlyState(updateMode: any) {\n    this.formwidget?.updateState({\n      props: {\n        readonly: !updateMode,\n      }\n    } as WmFormFieldState);\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  get value(){\n    return this.state.props.datavalue;\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    // Extract only height and width from computed styles to pass to children\n    const { height, width } = this.styles.root || {};\n    const hasDimensions = height !== undefined || width !== undefined;\n    const dimensionStyles = hasDimensions\n      ? {\n          root: {\n            ...(height !== undefined ? { height } : {}),\n            ...(width !== undefined ? { width } : {})\n          }\n        }\n      : undefined;\n\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      // Merge dimension styles with any existing styles on the child\n      const existingStyles = child?.props?.styles || {};\n      const mergedStyles = dimensionStyles\n        ? {\n            ...existingStyles,\n            root: { ...existingStyles.root, ...dimensionStyles.root }\n          }\n        : existingStyles;\n\n      return React.cloneElement(child, {\n          datavalue: props.datavalue || child?.props?.datavalue,\n          value: this.value,\n          isValid: this.state.isValid,\n          maskchar: props.maskchar,\n          displayformat: props.displayformat,\n          autocomplete: props.autocomplete,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef,\n          isdefault: props.defaultvalue !== undefined ? true : false,\n          ...(!isNil(props?.placeholder) ? { placeholder: props.placeholder } : {}),\n          ...(hasDimensions ? { styles: mergedStyles } : {})\n         });\n    });\n\n    const hasUserDefinedWidth = this.styles.root?.width !== undefined;\n    const layoutStyle = this.form?.state?.fieldLayoutStyle;\n\n    const flexStyle = hasUserDefinedWidth ? {} : {\n      width: layoutStyle?.width || '100%',\n      flexGrow: layoutStyle?.flexGrow ?? 0,\n      flexShrink: layoutStyle?.flexShrink ?? 0,\n    };\n\n    return (\n      <View\n        style={[this.styles.root, flexStyle]}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {childrenWithProps}\n        {this.state.isValid === false && <Text {...this.getTestPropsForLabel('error_msg')} style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}