@wavemaker/app-rn-runtime 11.4.3-patch.2 → 11.4.3-patch.3

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","WmTabsState","constructor","arguments","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","selectedIndex","defaultpaneindex","tabsShown","updateState","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","setTimeout","addTabPane","tabPane","i","findIndex","t","name","newIndex","selectTabPane","indexOf","_this$tabLayout2","_this$animationView","undefined","position","animationView","setPosition","then","prev","_this$animationView2","goToLower","next","_this$animationView3","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeleton","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","renderWidget","_background","id","getTestId","onIndexChange","flex","maxHeight","enableGestures","enablegestures","direction","ref","r","handlers","animationHandlers"],"sources":["tabs.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, LayoutRectangle, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmTabsProps from './tabs.props';\nimport { DEFAULT_CLASS, WmTabsStyles } from './tabs.styles';\nimport WmTabpane from './tabpane/tabpane.component';\nimport WmTabheader from './tabheader/tabheader.component';\n\nexport class WmTabsState extends BaseComponentState<WmTabsProps> {\n  tabsShown: boolean[] = [];\n  selectedTabIndex: number = 0;\n}\n\nexport default class WmTabs extends BaseComponent<WmTabsProps, WmTabsState, WmTabsStyles> {\n  public tabPanes = [] as WmTabpane[];\n  private newIndex = 0;\n  private tabLayout: LayoutRectangle = null as any;\n  private tabPaneHeights: number[] = [];\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.selectedTabIndex,\n            w = this.tabLayout?.width || 0,\n            noOfTabs = this.tabPanes.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    onLower: (e) => {\n      this.onChange(this.state.selectedTabIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onChange(this.state.selectedTabIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmTabsProps) {\n    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());\n    const selectedIndex = props.defaultpaneindex || 0;\n    const tabsShown: boolean[] = [];\n    tabsShown[selectedIndex] = true;\n    this.updateState({\n      selectedTabIndex: selectedIndex,\n      tabsShown: tabsShown\n    }as WmTabsState);\n  }\n\n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.props.name === tabPane.props.name);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes[this.newIndex++] = tabPane;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    this.animationView?.setPosition(position)\n      .then(() => this.onChange(index));\n  }\n\n  prev() {\n    this.animationView?.goToLower();\n  }\n\n  next() {\n    this.animationView?.goToLower();\n  }\n\n  onChange(newIndex: number) {\n    if (newIndex < 0 || newIndex >= this.tabPanes.length) {\n      return;\n    }\n    const oldIndex = this.state.selectedTabIndex;\n    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];\n    this.newIndex = newIndex;\n    deselectedTab?._onDeselect();\n    this.updateState({\n      selectedTabIndex: newIndex\n    } as WmTabsState, () => {\n      this.setTabShown(newIndex, () => {\n        const selectedTab = this.tabPanes[newIndex];\n        selectedTab?._onSelect();\n        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);\n      });\n    });\n  }\n\n  public renderSkeleton(props: WmTabsProps){\n    const tabPanes =  React.Children.toArray(this.props.children)\n    .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) => \n      ({title: p.props.title || 'Tab Title', icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return(\n      <View style={[this.styles.root, { borderBottomWidth: 0}]}>\n      <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n      <WmTabheader\n        styles={this.styles.tabHeader}\n        data={headerData}\n        showskeleton={this.props.showskeleton}\n        selectedTabIndex={this.state.selectedTabIndex}\n      ></WmTabheader>\n      <View \n        //{...this.panResponder.panHandlers}\n        style={{\n          width: '100%',\n          //height: this.tabPaneHeights[this.state.selectedTabIndex],\n          overflow: 'hidden'\n        }} >\n        <View style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap'\n        }}>\n          {tabPanes.map((p: any, i) => {\n            return (\n            <View\n              key={`tab-${p.props.title}-${i}`}\n              style={{width: '100%', alignSelf: 'flex-start'}}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {/* {this.state.tabsShown[i] ? p : null} */}\n              {p}\n            </View>);\n          })}\n        </View>\n      </View>\n    </View>\n\n    )\n  }\n\n  renderWidget(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(props.children)\n      .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) => \n      ({title: p.props.title || 'Tab Title', icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n        <WmTabheader\n          id={this.getTestId('headers')}\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ? \n          (isWebPreviewMode() ? {'overflow-x': 'hidden','overflow-y': 'auto'} as any : {overflow: 'scroll'}) \n          : {\n            overflow: 'hidden',\n            maxHeight: this.tabPaneHeights[this.state.selectedTabIndex],\n          }]} >\n          <SwipeAnimation.View \n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap'\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n            {tabPanes.map((p: any, i) => {\n              return (\n              <View \n                style={{\n                  width: '100%',\n                  height: this.styles.root.height  ? undefined : 1000000,\n                  alignSelf: 'flex-start'}}>\n                <View\n                  key={`tab-${p.props.title}-${i}`}\n                  style={{width: '100%', alignSelf: 'flex-start'}}\n                  onLayout={this.setTabPaneHeights.bind(this, i)}>\n                  {/* {this.state.tabsShown[i] ? p : null} */}\n                  {p}\n                </View>\n              </View>);\n            })}\n          </SwipeAnimation.View>\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","WmTabsState","constructor","arguments","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","selectedIndex","defaultpaneindex","tabsShown","updateState","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","setTimeout","addTabPane","tabPane","i","findIndex","t","name","newIndex","selectTabPane","indexOf","_this$tabLayout2","_this$animationView","undefined","position","animationView","setPosition","then","prev","_this$animationView2","goToLower","next","_this$animationView3","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeleton","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","renderWidget","_background","onIndexChange","flex","maxHeight","enableGestures","enablegestures","direction","ref","r","handlers","animationHandlers"],"sources":["tabs.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, LayoutRectangle, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmTabsProps from './tabs.props';\nimport { DEFAULT_CLASS, WmTabsStyles } from './tabs.styles';\nimport WmTabpane from './tabpane/tabpane.component';\nimport WmTabheader from './tabheader/tabheader.component';\n\nexport class WmTabsState extends BaseComponentState<WmTabsProps> {\n  tabsShown: boolean[] = [];\n  selectedTabIndex: number = 0;\n}\n\nexport default class WmTabs extends BaseComponent<WmTabsProps, WmTabsState, WmTabsStyles> {\n  public tabPanes = [] as WmTabpane[];\n  private newIndex = 0;\n  private tabLayout: LayoutRectangle = null as any;\n  private tabPaneHeights: number[] = [];\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.selectedTabIndex,\n            w = this.tabLayout?.width || 0,\n            noOfTabs = this.tabPanes.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    onLower: (e) => {\n      this.onChange(this.state.selectedTabIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onChange(this.state.selectedTabIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmTabsProps) {\n    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());\n    const selectedIndex = props.defaultpaneindex || 0;\n    const tabsShown: boolean[] = [];\n    tabsShown[selectedIndex] = true;\n    this.updateState({\n      selectedTabIndex: selectedIndex,\n      tabsShown: tabsShown\n    }as WmTabsState);\n  }\n\n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.props.name === tabPane.props.name);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes[this.newIndex++] = tabPane;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    this.animationView?.setPosition(position)\n      .then(() => this.onChange(index));\n  }\n\n  prev() {\n    this.animationView?.goToLower();\n  }\n\n  next() {\n    this.animationView?.goToLower();\n  }\n\n  onChange(newIndex: number) {\n    if (newIndex < 0 || newIndex >= this.tabPanes.length) {\n      return;\n    }\n    const oldIndex = this.state.selectedTabIndex;\n    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];\n    this.newIndex = newIndex;\n    deselectedTab?._onDeselect();\n    this.updateState({\n      selectedTabIndex: newIndex\n    } as WmTabsState, () => {\n      this.setTabShown(newIndex, () => {\n        const selectedTab = this.tabPanes[newIndex];\n        selectedTab?._onSelect();\n        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);\n      });\n    });\n  }\n\n  public renderSkeleton(props: WmTabsProps){\n    const tabPanes =  React.Children.toArray(this.props.children)\n    .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) => \n      ({title: p.props.title || 'Tab Title', icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return(\n      <View style={[this.styles.root, { borderBottomWidth: 0}]}>\n      <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n      <WmTabheader\n        styles={this.styles.tabHeader}\n        data={headerData}\n        showskeleton={this.props.showskeleton}\n        selectedTabIndex={this.state.selectedTabIndex}\n      ></WmTabheader>\n      <View \n        //{...this.panResponder.panHandlers}\n        style={{\n          width: '100%',\n          //height: this.tabPaneHeights[this.state.selectedTabIndex],\n          overflow: 'hidden'\n        }} >\n        <View style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap'\n        }}>\n          {tabPanes.map((p: any, i) => {\n            return (\n            <View\n              key={`tab-${p.props.title}-${i}`}\n              style={{width: '100%', alignSelf: 'flex-start'}}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {/* {this.state.tabsShown[i] ? p : null} */}\n              {p}\n            </View>);\n          })}\n        </View>\n      </View>\n    </View>\n\n    )\n  }\n\n  renderWidget(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(props.children)\n      .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) => \n      ({title: p.props.title || 'Tab Title', icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n        <WmTabheader\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ? \n          (isWebPreviewMode() ? {'overflow-x': 'hidden','overflow-y': 'auto'} as any : {overflow: 'scroll'}) \n          : {\n            overflow: 'hidden',\n            maxHeight: this.tabPaneHeights[this.state.selectedTabIndex],\n          }]} >\n          <SwipeAnimation.View \n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap'\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n            {tabPanes.map((p: any, i) => {\n              return (\n              <View \n                style={{\n                  width: '100%',\n                  height: this.styles.root.height  ? undefined : 1000000,\n                  alignSelf: 'flex-start'}}>\n                <View\n                  key={`tab-${p.props.title}-${i}`}\n                  style={{width: '100%', alignSelf: 'flex-start'}}\n                  onLayout={this.setTabPaneHeights.bind(this, i)}>\n                  {/* {this.state.tabsShown[i] ? p : null} */}\n                  {p}\n                </View>\n              </View>);\n            })}\n          </SwipeAnimation.View>\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

package/components/container/tile/tile.component.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmTileProps from './tile.props';
@@ -11,9 +10,9 @@ export default class WmTile extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmTileProps());
   }
   renderWidget(props) {
-    return /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+    return /*#__PURE__*/React.createElement(Tappable, {
       target: this
-    }), /*#__PURE__*/React.createElement(Animatedview, {
+    }, /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
     }, this._background, props.children));

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

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmTileProps","DEFAULT_CLASS","Tappable","Animatedview","WmTileState","WmTile","constructor","props","renderWidget","createElement","_extends","getTestPropsForAction","target","entryanimation","animation","style","styles","root","_background","children"],"sources":["tile.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTileProps from './tile.props';\nimport { DEFAULT_CLASS, WmTileStyles } from './tile.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmTileState extends BaseComponentState<WmTileProps> {}\n\nexport default class WmTile extends BaseComponent<WmTileProps, WmTileState, WmTileStyles> {\n\n  constructor(props: WmTileProps) {\n    super(props, DEFAULT_CLASS, new WmTileProps());\n  }\n\n  renderWidget(props: WmTileProps) {\n    return (<Tappable {...this.getTestPropsForAction()} target={this}>\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>{this._background}{props.children}</Animatedview>\n    </Tappable>);\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAC3D,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAEhG,OAAO,MAAMC,WAAW,SAASL,kBAAkB,CAAc;AAEjE,eAAe,MAAMM,MAAM,SAASP,aAAa,CAAyC;EAExFQ,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEAQ,YAAYA,CAACD,KAAkB,EAAE;IAC/B,oBAAQV,KAAA,CAAAY,aAAA,CAACP,QAAQ,EAAAQ,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,MAAM,EAAE;IAAK,iBAC/Df,KAAA,CAAAY,aAAA,CAACN,YAAY;MAACU,cAAc,EAAEN,KAAK,CAACO,SAAU;MAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEX,KAAK,CAACY,QAAuB,CAChH,CAAC;EACb;AACF"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmTileProps","DEFAULT_CLASS","Tappable","Animatedview","WmTileState","WmTile","constructor","props","renderWidget","createElement","target","entryanimation","animation","style","styles","root","_background","children"],"sources":["tile.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTileProps from './tile.props';\nimport { DEFAULT_CLASS, WmTileStyles } from './tile.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmTileState extends BaseComponentState<WmTileProps> {}\n\nexport default class WmTile extends BaseComponent<WmTileProps, WmTileState, WmTileStyles> {\n\n  constructor(props: WmTileProps) {\n    super(props, DEFAULT_CLASS, new WmTileProps());\n  }\n\n  renderWidget(props: WmTileProps) {\n    return (<Tappable target={this}>\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>{this._background}{props.children}</Animatedview>\n    </Tappable>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAC3D,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAEhG,OAAO,MAAMC,WAAW,SAASL,kBAAkB,CAAc;AAEjE,eAAe,MAAMM,MAAM,SAASP,aAAa,CAAyC;EAExFQ,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEAQ,YAAYA,CAACD,KAAkB,EAAE;IAC/B,oBAAQV,KAAA,CAAAY,aAAA,CAACP,QAAQ;MAACQ,MAAM,EAAE;IAAK,gBAC7Bb,KAAA,CAAAY,aAAA,CAACN,YAAY;MAACQ,cAAc,EAAEJ,KAAK,CAACK,SAAU;MAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAET,KAAK,CAACU,QAAuB,CAChH,CAAC;EACb;AACF"}

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

@@ -146,14 +146,12 @@ export default class WmWizard extends BaseComponent {
       }]
     }, this.state.currentStep + 1 === this.numberOfSteps && /*#__PURE__*/React.createElement(WmButton, {
       iconclass: 'wm-sl-l sl-check',
-      styles: merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.doneButton),
-      id: this.getTestId('donebtn'),
+      styles: merge({}, this.styles.wizardActions, this.theme.getStyle('btn-success'), this.styles.doneButton),
       caption: props.donebtnlabel,
       onTap: this.onDone.bind(this)
     }), this.state.currentStep + 1 < this.numberOfSteps && /*#__PURE__*/React.createElement(WmButton, {
       iconclass: 'wi wi-chevron-right',
-      styles: merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.nextButton),
-      id: this.getTestId('nextbtn'),
+      styles: merge({}, this.styles.wizardActions, this.theme.getStyle('btn-primary'), this.styles.nextButton),
       iconposition: 'right',
       caption: props.nextbtnlabel,
       onTap: this.onNext.bind(this, this.steps)
@@ -161,10 +159,8 @@ export default class WmWizard extends BaseComponent {
       iconclass: 'wi wi-chevron-left',
       styles: merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.prevButton),
       caption: props.previousbtnlabel,
-      id: this.getTestId('prevbtn'),
       onTap: this.onPrev.bind(this, this.steps)
     }), props.cancelable ? /*#__PURE__*/React.createElement(WmButton, {
-      id: this.getTestId('cancelbtn'),
       caption: props.cancelbtnlabel,
       styles: merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.cancelButton),
       onTap: this.onCancel.bind(this)
@@ -172,7 +168,6 @@ export default class WmWizard extends BaseComponent {
       iconclass: 'wi wi-chevron-right',
       iconposition: 'right',
       caption: 'Skip',
-      id: this.getTestId('skip'),
       styles: merge({}, this.styles.wizardActions, this.styles.skipLink),
       onTap: this.onSkip.bind(this, this.steps)
     })));

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmWizardState","constructor","arguments","_defineProperty","WmWizard","props","steps","children","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","_this$steps$this$stat2","isDone","length","undefined","setInActive","updateState","getStepStyle","style","styles","push","doneStep","activeStep","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","isActiveStep","isNumberTextLayout","classname","show","createElement","headerWrapper","paddingRight","paddingLeft","key","stepWrapper","onPress","bind","disabled","stepCounter","stepIcon","icon","color","iconclass","stepTitle","title","numberTextStepConnector","width","stepConnector","left","OS","isRTL","onPrev","invokePrevCB","onNext","eventName","invokeSkipCB","invokeNextCB","onDone","$event","invokeEventCallback","proxy","onCancel","onSkip","renderWidget","isSkippable","enableskip","root","_background","wizardHeader","i","wizardBody","wizardFooter","flexDirection","actionsalignment","wizardActions","theme","getStyle","doneButton","id","getTestId","caption","donebtnlabel","onTap","nextButton","iconposition","nextbtnlabel","prevButton","previousbtnlabel","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform } from 'react-native';\nimport { isArray, merge } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardProps from './wizard.props';\nimport { DEFAULT_CLASS, WmWizardStyles } from './wizard.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmWizardstep from './wizardstep/wizardstep.component';\n\nexport class WmWizardState extends BaseComponentState<WmWizardProps> {\n  currentStep: number = 0;\n  isDone: boolean = false;\n}\n\nexport default class WmWizard extends BaseComponent<WmWizardProps, WmWizardState, WmWizardStyles> {\n  private numberOfSteps: number = null as any;\n  private steps = [] as WmWizardstep[];\n  constructor(props: WmWizardProps) {\n    super(props, DEFAULT_CLASS, new WmWizardProps());\n    const steps = props.children;\n    let defaultStepIndex = 0;\n    if (isArray(steps) && props.defaultstep) {\n      steps.map((item: any, index: any) => {\n        if (props.defaultstep === item.props.name) {\n          defaultStepIndex = index;\n        }\n      })\n    }\n    this.updateCurrentStep(defaultStepIndex);\n  }\n\n  addWizardStep(step: WmWizardstep) {\n    this.steps[step.props.index] = step;\n    this.forceUpdate();\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.showActiveStep();\n  }\n\n  showActiveStep() {\n    this.steps[this.state.currentStep]?.setActive();\n  }\n\n  updateCurrentStep(index: number, isDone = false) {\n    this.steps[this.state.currentStep]?.setInActive();\n    this.updateState({\n      currentStep: index,\n      isDone: isDone\n    } as WmWizardState, () => this.showActiveStep());\n  }\n\n  getStepStyle(index: number) {\n    const style = [this.styles.step];\n    if (this.state.isDone || index < this.state.currentStep) {\n      style.push(this.styles.doneStep);\n    } else if (this.state.currentStep === index) {\n      style.push(this.styles.activeStep);\n    }\n    return style;\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.numberOfSteps - 1;\n    const isFirstStep = index === 0;\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    return item.props.show != false ? (\n      <View style={[this.styles.headerWrapper, isNumberTextLayout ?\n        {paddingRight: isActiveStep ? 0 : 5, paddingLeft: index === this.state.currentStep + 1 ? 0 : 5}: {}]} key={index+1}>\n        <TouchableOpacity style={this.styles.stepWrapper}\n                          onPress={this.updateCurrentStep.bind(this, index, false)} disabled={index >= this.state.currentStep}>\n            <View style={this.getStepStyle(index)}>\n              {index >= this.state.currentStep && !this.state.isDone &&\n                <Text style={isActiveStep ? this.styles.activeStep : this.styles.stepCounter}>{index+1}</Text>}\n              {(index < this.state.currentStep || this.state.isDone) &&\n                <WmIcon styles={merge({}, this.styles.stepIcon, {icon: {color: this.styles.activeStep.color}})}\n                        iconclass={item.props.iconclass || 'wm-sl-l sl-check'}></WmIcon>}\n            </View>\n            {((isNumberTextLayout && isActiveStep) || !isNumberTextLayout) &&\n              <Text style={this.styles.stepTitle}>\n              {item.props.title || 'Step Title'}</Text> }\n            {this.numberOfSteps > 1 && isActiveStep &&\n              <View style={[this.styles.numberTextStepConnector, {width: isLastStep ? 0 : 50}]}></View>}\n        </TouchableOpacity>\n        {this.numberOfSteps > 1 && <View style={[this.styles.stepConnector, { width: isFirstStep || isLastStep ? '50%' : '100%',\n                                                      left: Platform.OS == \"web\"?(!this.isRTL && isFirstStep) || (this.isRTL && isLastStep) ? '50%': '0%': isFirstStep ? '50%': '0%'}]}></View>}\n      </View>\n    ) : null;\n  }\n\n  onPrev(steps: any) {\n    const index = this.state.currentStep;\n    const currentStep = this.steps[index];\n    currentStep.invokePrevCB(index);\n    this.updateCurrentStep(index - 1);\n  }\n\n  onNext(steps: any, eventName?: string) {\n    const index = this.state.currentStep;\n    const currentStep = this.steps[index];\n    if (eventName === 'skip') {\n      currentStep.invokeSkipCB(index);\n    } else {\n      currentStep.invokeNextCB(index);\n    }\n    this.updateCurrentStep(index + 1);\n  }\n\n  onDone($event: any) {\n    this.updateState({\n      isDone: true\n    } as WmWizardState);\n    this.invokeEventCallback('onDone', [$event, this.proxy]);\n  }\n\n  onCancel() {\n    this.invokeEventCallback('onCancel', [null, this.proxy]);\n  }\n  onSkip(steps: any) {\n    this.onNext(steps, 'skip');\n  }\n\n  renderWidget(props: WmWizardProps) {\n    this.numberOfSteps = this.steps.length;\n    const activeStep = this.steps[this.state.currentStep];\n    const isSkippable = this.steps[this.state.currentStep] && this.steps[this.state.currentStep].props.enableskip;\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.wizardHeader}>\n          {this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null}\n        </View>\n        <View style={this.styles.wizardBody}>\n          {props.children}\n        </View>\n        <View style={[this.styles.wizardFooter,\n          {flexDirection: props.actionsalignment === 'right' ? 'row-reverse': 'row'}]}>\n          {(this.state.currentStep+1) === this.numberOfSteps &&\n            <WmButton iconclass={'wm-sl-l sl-check'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.doneButton)}\n              id = {this.getTestId('donebtn')}  caption={props.donebtnlabel} onTap={this.onDone.bind(this)}></WmButton>\n          }\n          {(this.state.currentStep+1) < this.numberOfSteps &&\n            <WmButton iconclass={'wi wi-chevron-right'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.nextButton)}\n                id = {this.getTestId('nextbtn')} \n                      iconposition={'right'} caption={props.nextbtnlabel} onTap={this.onNext.bind(this, this.steps)}></WmButton>\n          }\n          {this.state.currentStep > 0 &&\n            <WmButton iconclass={'wi wi-chevron-left'} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.prevButton)} caption={props.previousbtnlabel}\n                id = {this.getTestId('prevbtn')}\n                onTap={this.onPrev.bind(this, this.steps)}></WmButton>\n          }\n          {props.cancelable ?\n              <WmButton id = {this.getTestId('cancelbtn')}  caption={props.cancelbtnlabel} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.cancelButton)} onTap={this.onCancel.bind(this)}></WmButton>\n              : null\n          }\n          {isSkippable &&\n              <WmAnchor iconclass={'wi wi-chevron-right'} iconposition={'right'} caption={'Skip'}\n                id = {this.getTestId('skip')}        \n                styles={merge({}, this.styles.wizardActions, this.styles.skipLink)} onTap={this.onSkip.bind(this, this.steps)}></WmAnchor>\n          }\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmWizardState","constructor","arguments","_defineProperty","WmWizard","props","steps","children","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","_this$steps$this$stat2","isDone","length","undefined","setInActive","updateState","getStepStyle","style","styles","push","doneStep","activeStep","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","isActiveStep","isNumberTextLayout","classname","show","createElement","headerWrapper","paddingRight","paddingLeft","key","stepWrapper","onPress","bind","disabled","stepCounter","stepIcon","icon","color","iconclass","stepTitle","title","numberTextStepConnector","width","stepConnector","left","OS","isRTL","onPrev","invokePrevCB","onNext","eventName","invokeSkipCB","invokeNextCB","onDone","$event","invokeEventCallback","proxy","onCancel","onSkip","renderWidget","isSkippable","enableskip","root","_background","wizardHeader","i","wizardBody","wizardFooter","flexDirection","actionsalignment","wizardActions","theme","getStyle","doneButton","caption","donebtnlabel","onTap","nextButton","iconposition","nextbtnlabel","prevButton","previousbtnlabel","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform } from 'react-native';\nimport { isArray, merge } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardProps from './wizard.props';\nimport { DEFAULT_CLASS, WmWizardStyles } from './wizard.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmWizardstep from './wizardstep/wizardstep.component';\n\nexport class WmWizardState extends BaseComponentState<WmWizardProps> {\n  currentStep: number = 0;\n  isDone: boolean = false;\n}\n\nexport default class WmWizard extends BaseComponent<WmWizardProps, WmWizardState, WmWizardStyles> {\n  private numberOfSteps: number = null as any;\n  private steps = [] as WmWizardstep[];\n  constructor(props: WmWizardProps) {\n    super(props, DEFAULT_CLASS, new WmWizardProps());\n    const steps = props.children;\n    let defaultStepIndex = 0;\n    if (isArray(steps) && props.defaultstep) {\n      steps.map((item: any, index: any) => {\n        if (props.defaultstep === item.props.name) {\n          defaultStepIndex = index;\n        }\n      })\n    }\n    this.updateCurrentStep(defaultStepIndex);\n  }\n\n  addWizardStep(step: WmWizardstep) {\n    this.steps[step.props.index] = step;\n    this.forceUpdate();\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.showActiveStep();\n  }\n\n  showActiveStep() {\n    this.steps[this.state.currentStep]?.setActive();\n  }\n\n  updateCurrentStep(index: number, isDone = false) {\n    this.steps[this.state.currentStep]?.setInActive();\n    this.updateState({\n      currentStep: index,\n      isDone: isDone\n    } as WmWizardState, () => this.showActiveStep());\n  }\n\n  getStepStyle(index: number) {\n    const style = [this.styles.step];\n    if (this.state.isDone || index < this.state.currentStep) {\n      style.push(this.styles.doneStep);\n    } else if (this.state.currentStep === index) {\n      style.push(this.styles.activeStep);\n    }\n    return style;\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.numberOfSteps - 1;\n    const isFirstStep = index === 0;\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    return item.props.show != false ? (\n      <View style={[this.styles.headerWrapper, isNumberTextLayout ?\n        {paddingRight: isActiveStep ? 0 : 5, paddingLeft: index === this.state.currentStep + 1 ? 0 : 5}: {}]} key={index+1}>\n        <TouchableOpacity style={this.styles.stepWrapper}\n                          onPress={this.updateCurrentStep.bind(this, index, false)} disabled={index >= this.state.currentStep}>\n            <View style={this.getStepStyle(index)}>\n              {index >= this.state.currentStep && !this.state.isDone &&\n                <Text style={isActiveStep ? this.styles.activeStep : this.styles.stepCounter}>{index+1}</Text>}\n              {(index < this.state.currentStep || this.state.isDone) &&\n                <WmIcon styles={merge({}, this.styles.stepIcon, {icon: {color: this.styles.activeStep.color}})}\n                        iconclass={item.props.iconclass || 'wm-sl-l sl-check'}></WmIcon>}\n            </View>\n            {((isNumberTextLayout && isActiveStep) || !isNumberTextLayout) &&\n              <Text style={this.styles.stepTitle}>\n              {item.props.title || 'Step Title'}</Text> }\n            {this.numberOfSteps > 1 && isActiveStep &&\n              <View style={[this.styles.numberTextStepConnector, {width: isLastStep ? 0 : 50}]}></View>}\n        </TouchableOpacity>\n        {this.numberOfSteps > 1 && <View style={[this.styles.stepConnector, { width: isFirstStep || isLastStep ? '50%' : '100%',\n                                                      left: Platform.OS == \"web\"?(!this.isRTL && isFirstStep) || (this.isRTL && isLastStep) ? '50%': '0%': isFirstStep ? '50%': '0%'}]}></View>}\n      </View>\n    ) : null;\n  }\n\n  onPrev(steps: any) {\n    const index = this.state.currentStep;\n    const currentStep = this.steps[index];\n    currentStep.invokePrevCB(index);\n    this.updateCurrentStep(index - 1);\n  }\n\n  onNext(steps: any, eventName?: string) {\n    const index = this.state.currentStep;\n    const currentStep = this.steps[index];\n    if (eventName === 'skip') {\n      currentStep.invokeSkipCB(index);\n    } else {\n      currentStep.invokeNextCB(index);\n    }\n    this.updateCurrentStep(index + 1);\n  }\n\n  onDone($event: any) {\n    this.updateState({\n      isDone: true\n    } as WmWizardState);\n    this.invokeEventCallback('onDone', [$event, this.proxy]);\n  }\n\n  onCancel() {\n    this.invokeEventCallback('onCancel', [null, this.proxy]);\n  }\n  onSkip(steps: any) {\n    this.onNext(steps, 'skip');\n  }\n\n  renderWidget(props: WmWizardProps) {\n    this.numberOfSteps = this.steps.length;\n    const activeStep = this.steps[this.state.currentStep];\n    const isSkippable = this.steps[this.state.currentStep] && this.steps[this.state.currentStep].props.enableskip;\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.wizardHeader}>\n          {this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null}\n        </View>\n        <View style={this.styles.wizardBody}>\n          {props.children}\n        </View>\n        <View style={[this.styles.wizardFooter,\n          {flexDirection: props.actionsalignment === 'right' ? 'row-reverse': 'row'}]}>\n          {(this.state.currentStep+1) === this.numberOfSteps &&\n            <WmButton iconclass={'wm-sl-l sl-check'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-success'), this.styles.doneButton)}\n                      caption={props.donebtnlabel} onTap={this.onDone.bind(this)}></WmButton>\n          }\n          {(this.state.currentStep+1) < this.numberOfSteps &&\n            <WmButton iconclass={'wi wi-chevron-right'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-primary'), this.styles.nextButton)}\n                      iconposition={'right'} caption={props.nextbtnlabel} onTap={this.onNext.bind(this, this.steps)}></WmButton>\n          }\n          {this.state.currentStep > 0 &&\n            <WmButton iconclass={'wi wi-chevron-left'} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.prevButton)} caption={props.previousbtnlabel}\n                      onTap={this.onPrev.bind(this, this.steps)}></WmButton>\n          }\n          {props.cancelable ?\n              <WmButton caption={props.cancelbtnlabel} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.cancelButton)} onTap={this.onCancel.bind(this)}></WmButton>\n              : null\n          }\n          {isSkippable &&\n              <WmAnchor iconclass={'wi wi-chevron-right'} iconposition={'right'} caption={'Skip'}\n                        styles={merge({}, this.styles.wizardActions, this.styles.skipLink)} onTap={this.onSkip.bind(this, this.steps)}></WmAnchor>\n          }\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

package/components/container/wizard/wizard.styles.js

@@ -47,10 +47,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     wizardFooter: {
       flexDirection: 'row',
       justifyContent: 'flex-start',
-      paddingVertical: 12,
-      paddingRight: 0,
-      width: '100%',
-      marginLeft: 14
+      padding: 12
     },
     buttonWrapper: {
       flexDirection: 'row'
@@ -84,10 +81,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       root: {
         marginRight: 0,
         backgroundColor: themeVariables.wizardNextBtnColor,
-        borderColor: themeVariables.wizardActiveStepColor
-      },
-      text: {
-        color: themeVariables.wizardActiveStepColor
+        borderColor: themeVariables.wizardNextBtnColor
       }
     },
     prevButton: {},
@@ -95,16 +89,11 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     doneButton: {
       root: {
         marginRight: 0,
-        backgroundColor: themeVariables.wizardDoneBtnColor,
-        borderColor: themeVariables.wizardActiveStepColor
-      },
-      text: {
-        color: themeVariables.wizardActiveStepColor
+        backgroundColor: themeVariables.wizardDoneBtnColor
       },
       icon: {
         text: {
-          fontSize: 12,
-          color: themeVariables.wizardActiveStepColor
+          fontSize: 12
         }
       }
     },

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","wizardBackgroundColor","display","minHeight","text","activeStep","wizardStepActiveColor","borderColor","color","wizardActiveStepColor","doneStep","wizardStepDoneColor","wizardDoneStepColor","wizardHeader","padding","alignItems","justifyContent","stepWrapper","zIndex","headerWrapper","flex","wizardBody","alignSelf","paddingTop","width","borderWidth","borderTopWidth","borderBottomWidth","wizardBorderColor","wizardFooter","paddingVertical","paddingRight","marginLeft","buttonWrapper","stepTitle","textTransform","fontSize","wizardStepTitleColor","step","height","borderRadius","wizardStepColor","wizardActions","marginRight","nextButton","wizardNextBtnColor","prevButton","cancelButton","doneButton","wizardDoneBtnColor","icon","stepIcon","wizardStepIconColor","skipLink","stepConnector","wizardStepConnectorColor","position","top","numberTextStepConnector","stepCounter","transform","rotateY"],"sources":["wizard.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\n\nexport type WmWizardStyles = BaseStyles & {\n  wizardHeader: AllStyle,\n  wizardBody: AllStyle,\n  wizardFooter: AllStyle,\n  wizardActions: WmButtonStyles,\n  stepTitle: AllStyle,\n  buttonWrapper: AllStyle,\n  step: AllStyle,\n  nextButton: WmButtonStyles,\n  doneButton: WmButtonStyles,\n  prevButton: WmButtonStyles,\n  cancelButton: WmButtonStyles,\n  stepIcon: WmIconStyles,\n  skipLink: WmAnchorStyles,\n  activeStep: AllStyle,\n  doneStep: AllStyle,\n  headerWrapper: AllStyle,\n  stepWrapper: AllStyle,\n  stepConnector: AllStyle,\n  numberTextStepConnector: AllStyle,\n  stepCounter: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-wizard';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmWizardStyles = defineStyles({\n      root: {\n        flexDirection: 'column',\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        display: 'flex',\n        minHeight: 240\n      },\n      text: {},\n      activeStep:{\n          backgroundColor: themeVariables.wizardStepActiveColor,\n          borderColor: themeVariables.wizardStepActiveColor,\n          color: themeVariables.wizardActiveStepColor\n      },\n      doneStep: {\n        backgroundColor: themeVariables.wizardStepDoneColor,\n        color: themeVariables.wizardDoneStepColor,\n        borderColor: themeVariables.wizardStepDoneColor\n      },\n      wizardHeader: {\n        padding: 8,\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        justifyContent: 'center'\n      },\n      stepWrapper: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 20\n      },\n      headerWrapper: {\n        flex: 1\n      },\n      wizardBody: {\n        alignSelf: 'flex-start',\n        paddingTop: 10,\n        flex: 1,\n        width: '100%',\n        borderWidth: 0,\n        borderTopWidth: 1,\n        borderBottomWidth: 1,\n        borderColor: themeVariables.wizardBorderColor\n      },\n      wizardFooter: {\n        flexDirection: 'row',\n        justifyContent: 'flex-start',\n        paddingVertical: 12,\n        paddingRight: 0,\n        width: '100%',\n        marginLeft: 14,\n      },\n      buttonWrapper: {\n        flexDirection: 'row',\n      },\n      stepTitle: {\n          textTransform: 'capitalize',\n          fontSize: 12,\n          color: themeVariables.wizardStepTitleColor\n      },\n      step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 37,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 37,\n        borderWidth: 1,\n        borderRadius: 18.5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n      wizardActions: {\n        root: {\n          marginRight: 8\n        },\n        text : {\n          textTransform: 'capitalize',\n          fontSize: 14\n        }\n      } as WmButtonStyles,\n      nextButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardNextBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        }\n      } as WmButtonStyles,\n      prevButton: {\n      } as WmButtonStyles,\n      cancelButton: {\n      } as WmButtonStyles,\n      doneButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardDoneBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        },\n        icon: {\n          text: {\n            fontSize: 12,\n            color: themeVariables.wizardActiveStepColor\n          }\n        }\n      } as WmButtonStyles,\n      stepIcon: {\n          root: {\n            alignSelf: 'center',\n            justifyContent: 'center'\n          },\n          text: {\n            color: themeVariables.wizardStepIconColor,\n            fontSize: 15\n          }\n      } as WmIconStyles,\n      skipLink: {\n        root: {\n        padding: 8,\n        alignSelf: 'flex-end'\n        },\n      } as WmAnchorStyles,\n      stepConnector: {\n        backgroundColor: themeVariables.wizardStepConnectorColor,\n        position: 'absolute',\n        top: 17.5,\n        zIndex: 10,\n        height: 2\n      },\n      numberTextStepConnector: {\n       display: 'none'\n      },\n      stepCounter: {\n        fontSize: 15,\n        color: themeVariables.wizardStepColor\n      }\n  } as WmWizardStyles);\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('number-text-inline', '', {\n    stepConnector: {\n      display: 'none'\n    },\n    numberTextStepConnector: {\n      backgroundColor: themeVariables.wizardStepConnectorColor,\n      height: 2,\n      display: 'flex'\n    },\n    stepWrapper: {\n      flexDirection: 'row'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start'\n    },\n    headerWrapper: {\n      flex: -1\n    },\n    stepTitle: {\n      padding: 5\n    },\n  } as WmWizardStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    wizardActions: {\n      icon: {\n        root:{\n          transform: [{rotateY:'180deg'}]\n        }\n      },\n    },\n    nextButton:{\n      root: {\n        marginRight: 8,\n      }\n    },\n    doneButton:{\n      root: {\n        marginRight: 8,\n      },\n      icon:{\n        root:{\n          transform: [{rotateY:'0deg'}]\n        }\n      }\n    }\n  });\n});\n"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","wizardBackgroundColor","display","minHeight","text","activeStep","wizardStepActiveColor","borderColor","color","wizardActiveStepColor","doneStep","wizardStepDoneColor","wizardDoneStepColor","wizardHeader","padding","alignItems","justifyContent","stepWrapper","zIndex","headerWrapper","flex","wizardBody","alignSelf","paddingTop","width","borderWidth","borderTopWidth","borderBottomWidth","wizardBorderColor","wizardFooter","buttonWrapper","stepTitle","textTransform","fontSize","wizardStepTitleColor","step","height","borderRadius","wizardStepColor","wizardActions","marginRight","nextButton","wizardNextBtnColor","prevButton","cancelButton","doneButton","wizardDoneBtnColor","icon","stepIcon","wizardStepIconColor","skipLink","stepConnector","wizardStepConnectorColor","position","top","numberTextStepConnector","stepCounter","transform","rotateY"],"sources":["wizard.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\n\nexport type WmWizardStyles = BaseStyles & {\n  wizardHeader: AllStyle,\n  wizardBody: AllStyle,\n  wizardFooter: AllStyle,\n  wizardActions: WmButtonStyles,\n  stepTitle: AllStyle,\n  buttonWrapper: AllStyle,\n  step: AllStyle,\n  nextButton: WmButtonStyles,\n  doneButton: WmButtonStyles,\n  prevButton: WmButtonStyles,\n  cancelButton: WmButtonStyles,\n  stepIcon: WmIconStyles,\n  skipLink: WmAnchorStyles,\n  activeStep: AllStyle,\n  doneStep: AllStyle,\n  headerWrapper: AllStyle,\n  stepWrapper: AllStyle,\n  stepConnector: AllStyle,\n  numberTextStepConnector: AllStyle,\n  stepCounter: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-wizard';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmWizardStyles = defineStyles({\n      root: {\n        flexDirection: 'column',\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        display: 'flex',\n        minHeight: 240\n      },\n      text: {},\n      activeStep:{\n          backgroundColor: themeVariables.wizardStepActiveColor,\n          borderColor: themeVariables.wizardStepActiveColor,\n          color: themeVariables.wizardActiveStepColor\n      },\n      doneStep: {\n        backgroundColor: themeVariables.wizardStepDoneColor,\n        color: themeVariables.wizardDoneStepColor,\n        borderColor: themeVariables.wizardStepDoneColor\n      },\n      wizardHeader: {\n        padding: 8,\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        justifyContent: 'center'\n      },\n      stepWrapper: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 20\n      },\n      headerWrapper: {\n        flex: 1\n      },\n      wizardBody: {\n        alignSelf: 'flex-start',\n        paddingTop: 10,\n        flex: 1,\n        width: '100%',\n        borderWidth: 0,\n        borderTopWidth: 1,\n        borderBottomWidth: 1,\n        borderColor: themeVariables.wizardBorderColor\n      },\n      wizardFooter: {\n        flexDirection: 'row',\n        justifyContent: 'flex-start',\n        padding: 12\n      },\n      buttonWrapper: {\n        flexDirection: 'row',\n      },\n      stepTitle: {\n          textTransform: 'capitalize',\n          fontSize: 12,\n          color: themeVariables.wizardStepTitleColor\n      },\n      step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 37,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 37,\n        borderWidth: 1,\n        borderRadius: 18.5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n      wizardActions: {\n        root: {\n          marginRight: 8\n        },\n        text : {\n          textTransform: 'capitalize',\n          fontSize: 14\n        }\n      } as WmButtonStyles,\n      nextButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardNextBtnColor,\n          borderColor: themeVariables.wizardNextBtnColor\n        }\n      } as WmButtonStyles,\n      prevButton: {\n      } as WmButtonStyles,\n      cancelButton: {\n      } as WmButtonStyles,\n      doneButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardDoneBtnColor\n        },\n        icon: {\n          text: {\n            fontSize: 12\n          }\n        }\n      } as WmButtonStyles,\n      stepIcon: {\n          root: {\n            alignSelf: 'center',\n            justifyContent: 'center'\n          },\n          text: {\n            color: themeVariables.wizardStepIconColor,\n            fontSize: 15\n          }\n      } as WmIconStyles,\n      skipLink: {\n        root: {\n        padding: 8,\n        alignSelf: 'flex-end'\n        },\n      } as WmAnchorStyles,\n      stepConnector: {\n        backgroundColor: themeVariables.wizardStepConnectorColor,\n        position: 'absolute',\n        top: 17.5,\n        zIndex: 10,\n        height: 2\n      },\n      numberTextStepConnector: {\n       display: 'none'\n      },\n      stepCounter: {\n        fontSize: 15,\n        color: themeVariables.wizardStepColor\n      }\n  } as WmWizardStyles);\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('number-text-inline', '', {\n    stepConnector: {\n      display: 'none'\n    },\n    numberTextStepConnector: {\n      backgroundColor: themeVariables.wizardStepConnectorColor,\n      height: 2,\n      display: 'flex'\n    },\n    stepWrapper: {\n      flexDirection: 'row'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start'\n    },\n    headerWrapper: {\n      flex: -1\n    },\n    stepTitle: {\n      padding: 5\n    },\n  } as WmWizardStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    wizardActions: {\n      icon: {\n        root:{\n          transform: [{rotateY:'180deg'}]\n        }\n      },\n    },\n    nextButton:{\n      root: {\n        marginRight: 8,\n      }\n    },\n    doneButton:{\n      root: {\n        marginRight: 8,\n      },\n      icon:{\n        root:{\n          transform: [{rotateY:'0deg'}]\n        }\n      }\n    }\n  });\n});\n"],"mappings":"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"}

package/components/data/card/card.component.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
@@ -56,13 +55,13 @@ export default class WmCard extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,
       styles: {
         width: '100%',
         height: this.styles.root.height ? '100%' : null
       }
-    }), this.renderHeader(props), props.children));
+    }, this.renderHeader(props), props.children));
   }
 }
 //# sourceMappingURL=card.component.js.map

package/components/data/card/card.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLabel","WmMenu","WmIcon","Tappable","WmPicture","WmCardProps","DEFAULT_CLASS","WmCardState","WmCard","constructor","props","renderHeader","createElement","style","flexDirection","iconclass","title","subheading","actions","styles","heading","cardIcon","flex","caption","dataset","itemlabel","itemlink","itemicon","itembadge","isactive","itemchildren","picturesource","theme","mergeStyle","root","height","imageheight","picture","renderWidget","_background","_extends","getTestPropsForAction","target","width","children"],"sources":["card.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmMenu from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\n\nimport WmCardProps from './card.props';\nimport { DEFAULT_CLASS, WmCardStyles } from './card.styles';\n\nexport class WmCardState extends BaseComponentState<WmCardProps> {}\n\nexport default class WmCard extends BaseComponent<WmCardProps, WmCardState, WmCardStyles> {\n\n  constructor(props: WmCardProps) {\n    super(props, DEFAULT_CLASS, new WmCardProps());\n  }\n\n  renderHeader(props: WmCardProps) {\n    return (\n      <View style={{flexDirection: 'row'}}>\n        {(props.iconclass || props.title || props.subheading || props.actions) ?\n        (<View style={this.styles.heading}>\n          <WmIcon styles={this.styles.cardIcon} iconclass={props.iconclass}></WmIcon>\n          <View style={{flex: 1}}>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n          <WmMenu\n            caption=\"\"\n            iconclass=\"wm-sl-l sl-more-menu-vertical\"\n            dataset={props.actions}\n            itemlabel={props.itemlabel}\n            itemlink={props.itemlink}\n            itemicon={props.itemicon}\n            itembadge={props.itembadge}\n            isactive={props.isactive}\n            itemchildren={props.itemchildren}></WmMenu>\n        </View>) : null}\n        {props.picturesource &&\n          (<WmPicture\n            picturesource={props.picturesource}\n            styles={this.theme.mergeStyle({root : {height: props.imageheight}}, this.styles.picture)}></WmPicture>\n        )}\n      </View>);\n  }\n\n  renderWidget(props: WmCardProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Tappable {...this.getTestPropsForAction()} target={this} styles={{width: '100%', height: this.styles.root.height ? '100%' : null}}>\n            {this.renderHeader(props)}\n            {props.children}\n        </Tappable>\n      </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLabel","WmMenu","WmIcon","Tappable","WmPicture","WmCardProps","DEFAULT_CLASS","WmCardState","WmCard","constructor","props","renderHeader","createElement","style","flexDirection","iconclass","title","subheading","actions","styles","heading","cardIcon","flex","caption","dataset","itemlabel","itemlink","itemicon","itembadge","isactive","itemchildren","picturesource","theme","mergeStyle","root","height","imageheight","picture","renderWidget","_background","target","width","children"],"sources":["card.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmMenu from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\n\nimport WmCardProps from './card.props';\nimport { DEFAULT_CLASS, WmCardStyles } from './card.styles';\n\nexport class WmCardState extends BaseComponentState<WmCardProps> {}\n\nexport default class WmCard extends BaseComponent<WmCardProps, WmCardState, WmCardStyles> {\n\n  constructor(props: WmCardProps) {\n    super(props, DEFAULT_CLASS, new WmCardProps());\n  }\n\n  renderHeader(props: WmCardProps) {\n    return (\n      <View style={{flexDirection: 'row'}}>\n        {(props.iconclass || props.title || props.subheading || props.actions) ?\n        (<View style={this.styles.heading}>\n          <WmIcon styles={this.styles.cardIcon} iconclass={props.iconclass}></WmIcon>\n          <View style={{flex: 1}}>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n          <WmMenu\n            caption=\"\"\n            iconclass=\"wm-sl-l sl-more-menu-vertical\"\n            dataset={props.actions}\n            itemlabel={props.itemlabel}\n            itemlink={props.itemlink}\n            itemicon={props.itemicon}\n            itembadge={props.itembadge}\n            isactive={props.isactive}\n            itemchildren={props.itemchildren}></WmMenu>\n        </View>) : null}\n        {props.picturesource &&\n          (<WmPicture\n            picturesource={props.picturesource}\n            styles={this.theme.mergeStyle({root : {height: props.imageheight}}, this.styles.picture)}></WmPicture>\n        )}\n      </View>);\n  }\n\n  renderWidget(props: WmCardProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Tappable target={this} styles={{width: '100%', height: this.styles.root.height ? '100%' : null}}>\n            {this.renderHeader(props)}\n            {props.children}\n        </Tappable>\n      </View>);\n  }\n}\n"],"mappings":"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"}

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

@@ -18,7 +18,6 @@ export default class WmFormAction extends BaseComponent {
   }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(WmButton, {
-      id: this.getTestId(),
       show: props.show,
       disabled: props.disabled,
       caption: props.displayName,

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

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmFormActionProps","DEFAULT_CLASS","debounce","WmFormActionState","WmFormAction","constructor","props","_defineProperty","onClick","$event","cb","renderWidget","createElement","id","getTestId","show","disabled","caption","displayName","styles","name","iconclass","onTap","_debouncedFormAction","formAction"],"sources":["form-action.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { TapEvent } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmFormActionProps from './form-action.props';\nimport { DEFAULT_CLASS, WmFormActionStyles } from './form-action.styles';\nimport {debounce} from \"lodash\";\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { ThemeConsumer } from '@wavemaker/app-rn-runtime/styles/theme';\n\nexport class WmFormActionState extends BaseComponentState<WmFormActionProps> {}\n\nexport default class WmFormAction extends BaseComponent<WmFormActionProps, WmFormActionState, WmFormActionStyles> {\n\n  constructor(props: WmFormActionProps) {\n    super(props, DEFAULT_CLASS, new WmFormActionProps());\n  }\n\n  private _debouncedFormAction = debounce(this.onClick, 250);\n\n  onClick($event: TapEvent, cb: Function | undefined) {\n    cb && cb($event);\n  }\n\n  renderWidget(props: WmFormActionProps) {\n    return (\n      <WmButton\n        id={this.getTestId()}\n        show={props.show}\n        disabled={props.disabled}\n        caption={props.displayName}\n        styles={this.styles}\n        name={props.name}\n        iconclass={props.iconclass}\n        onTap={($event: any) => {\n          this._debouncedFormAction($event, props.formAction);\n        }}\n      />\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SAAQC,QAAQ,QAAO,QAAQ;AAI/B,OAAO,MAAMC,iBAAiB,SAASL,kBAAkB,CAAoB;AAE7E,eAAe,MAAMM,YAAY,SAASP,aAAa,CAA2D;EAEhHQ,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;IAACO,eAAA,+BAGxBL,QAAQ,CAAC,IAAI,CAACM,OAAO,EAAE,GAAG,CAAC;EAF1D;EAIAA,OAAOA,CAACC,MAAgB,EAAEC,EAAwB,EAAE;IAClDA,EAAE,IAAIA,EAAE,CAACD,MAAM,CAAC;EAClB;EAEAE,YAAYA,CAACL,KAAwB,EAAE;IACrC,oBACEV,KAAA,CAAAgB,aAAA,CAACb,QAAQ;MACPc,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,CAAE;MACrBC,IAAI,EAAET,KAAK,CAACS,IAAK;MACjBC,QAAQ,EAAEV,KAAK,CAACU,QAAS;MACzBC,OAAO,EAAEX,KAAK,CAACY,WAAY;MAC3BC,MAAM,EAAE,IAAI,CAACA,MAAO;MACpBC,IAAI,EAAEd,KAAK,CAACc,IAAK;MACjBC,SAAS,EAAEf,KAAK,CAACe,SAAU;MAC3BC,KAAK,EAAGb,MAAW,IAAK;QACtB,IAAI,CAACc,oBAAoB,CAACd,MAAM,EAAEH,KAAK,CAACkB,UAAU,CAAC;MACrD;IAAE,CACH,CAAC;EAEN;AACF"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmFormActionProps","DEFAULT_CLASS","debounce","WmFormActionState","WmFormAction","constructor","props","_defineProperty","onClick","$event","cb","renderWidget","createElement","show","disabled","caption","displayName","styles","name","iconclass","onTap","_debouncedFormAction","formAction"],"sources":["form-action.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { TapEvent } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmFormActionProps from './form-action.props';\nimport { DEFAULT_CLASS, WmFormActionStyles } from './form-action.styles';\nimport {debounce} from \"lodash\";\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { ThemeConsumer } from '@wavemaker/app-rn-runtime/styles/theme';\n\nexport class WmFormActionState extends BaseComponentState<WmFormActionProps> {}\n\nexport default class WmFormAction extends BaseComponent<WmFormActionProps, WmFormActionState, WmFormActionStyles> {\n\n  constructor(props: WmFormActionProps) {\n    super(props, DEFAULT_CLASS, new WmFormActionProps());\n  }\n\n  private _debouncedFormAction = debounce(this.onClick, 250);\n\n  onClick($event: TapEvent, cb: Function | undefined) {\n    cb && cb($event);\n  }\n\n  renderWidget(props: WmFormActionProps) {\n    return (\n      <WmButton\n        show={props.show}\n        disabled={props.disabled}\n        caption={props.displayName}\n        styles={this.styles}\n        name={props.name}\n        iconclass={props.iconclass}\n        onTap={($event: any) => {\n          this._debouncedFormAction($event, props.formAction);\n        }}\n      />\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SAAQC,QAAQ,QAAO,QAAQ;AAI/B,OAAO,MAAMC,iBAAiB,SAASL,kBAAkB,CAAoB;AAE7E,eAAe,MAAMM,YAAY,SAASP,aAAa,CAA2D;EAEhHQ,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;IAACO,eAAA,+BAGxBL,QAAQ,CAAC,IAAI,CAACM,OAAO,EAAE,GAAG,CAAC;EAF1D;EAIAA,OAAOA,CAACC,MAAgB,EAAEC,EAAwB,EAAE;IAClDA,EAAE,IAAIA,EAAE,CAACD,MAAM,CAAC;EAClB;EAEAE,YAAYA,CAACL,KAAwB,EAAE;IACrC,oBACEV,KAAA,CAAAgB,aAAA,CAACb,QAAQ;MACPc,IAAI,EAAEP,KAAK,CAACO,IAAK;MACjBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;MACzBC,OAAO,EAAET,KAAK,CAACU,WAAY;MAC3BC,MAAM,EAAE,IAAI,CAACA,MAAO;MACpBC,IAAI,EAAEZ,KAAK,CAACY,IAAK;MACjBC,SAAS,EAAEb,KAAK,CAACa,SAAU;MAC3BC,KAAK,EAAGX,MAAW,IAAK;QACtB,IAAI,CAACY,oBAAoB,CAACZ,MAAM,EAAEH,KAAK,CAACgB,UAAU,CAAC;MACrD;IAAE,CACH,CAAC;EAEN;AACF"}

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

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -218,9 +217,9 @@ export default class WmFormField extends BaseComponent {
     });
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this._background, childrenWithProps, this.state.isValid === false && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('error_msg'), {
+    }, this._background, childrenWithProps, this.state.isValid === false && /*#__PURE__*/React.createElement(Text, {
       style: this.styles.errorMsg
-    }), props.validationmessage));
+    }, props.validationmessage));
   }
 }
 //# sourceMappingURL=form-field.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","arguments","_defineProperty","WmFormField","props","onFieldChangeEvt","name","$new","$old","isDefault","notifyChanges","validateFormField","updateState","datavalue","invokeEventCallback","undefined","form","updateDataOutput","call","observeOn","fields","field","formfield","formFields","f","proxy","notifyForFields","push","formwidget","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","readonly","_this$formwidget","_this$_syncValidators","_this$formwidget2","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","cloneElement","invokeEvent","triggerValidation","onFieldChange","formRef","createElement","style","styles","root","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, 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/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  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    this.validateFormField();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\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  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,\n          isValid: this.state.isValid,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef });\n    });\n    return (\n      <View style={this.styles.root}>{this._background}{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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"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","arguments","_defineProperty","WmFormField","props","onFieldChangeEvt","name","$new","$old","isDefault","notifyChanges","validateFormField","updateState","datavalue","invokeEventCallback","undefined","form","updateDataOutput","call","observeOn","fields","field","formfield","formFields","f","proxy","notifyForFields","push","formwidget","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","readonly","_this$formwidget","_this$_syncValidators","_this$formwidget2","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","cloneElement","invokeEvent","triggerValidation","onFieldChange","formRef","createElement","style","styles","root","_background","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, 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/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  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    this.validateFormField();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\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  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,\n          isValid: this.state.isValid,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef });\n    });\n    return (\n      <View style={this.styles.root}>{this._background}{childrenWithProps}\n        {this.state.isValid === false && <Text style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -376,15 +376,12 @@ export default class WmForm extends BaseComponent {
           flexDirection: 'row'
         }
       }, /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId('icon'),
         styles: this.styles.listIcon,
         iconclass: props.iconclass
       }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(WmLabel, {
-        id: this.getTestId('title'),
         styles: this.styles.title,
         caption: props.title
       }), /*#__PURE__*/React.createElement(WmLabel, {
-        id: this.getTestId('description'),
         styles: this.styles.subheading,
         caption: props.subheading
       })))) : null, this.state.showInlineMsg ? /*#__PURE__*/React.createElement(WmMessage, {