@wavemaker/app-rn-runtime 11.4.0-next.26251 → 11.4.0-next.28151

app-rn-runtime/components/container/tabs/tabs.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Easing","PanResponder","View","BaseComponent","BaseComponentState","WmTabsProps","DEFAULT_CLASS","WmTabheader","WmTabsState","WmTabs","constructor","props","Value","create","onMoveShouldSetPanResponder","onPanResponderGrant","tabPosition","extractOffset","onPanResponderMove","event","dx","onPanResponderRelease","_value","flattenOffset","toIndex","state","selectedTabIndex","Math","abs","tabPanes","length","onChange","forceUpdate","selectedIndex","defaultpaneindex","tabsShown","updateState","setTabLayout","tabLayout","nativeEvent","layout","setTabPaneHeights","index","tabPaneHeights","height","animate","timing","useNativeDriver","toValue","width","duration","easing","out","linear","start","setTabShown","tabIndex","callback","setTimeout","addTabPane","tabPane","newIndex","selectTabPane","indexOf","goToTab","prev","next","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeleton","Children","toArray","children","filter","item","show","headerData","map","p","i","title","icon","key","styles","root","borderBottomWidth","bind","tabHeader","showskeleton","overflow","flexDirection","flexWrap","transform","translateX","alignSelf","renderWidget"],"sources":["tabs.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, PanResponder, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\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 tabPosition = new Animated.Value(0);\n  private tabPaneHeights: number[] = [];\n  private panResponder = PanResponder.create({\n      onMoveShouldSetPanResponder: () => true,\n      onPanResponderGrant: () => {\n        this.tabPosition.extractOffset();\n      },\n      onPanResponderMove: Animated.event([\n        null,\n        { dx: this.tabPosition }\n      ]),\n    onPanResponderRelease: () => {\n        const dx = (this.tabPosition as any)._value;\n        this.tabPosition.flattenOffset();\n        let toIndex = this.state.selectedTabIndex;\n        if (Math.abs(dx) > 50) {\n          if (dx < 0) {\n            if (toIndex < this.tabPanes.length - 1) {\n              this.onChange(toIndex + 1);\n              return;\n            }\n          } else if (toIndex > 0) {\n            this.onChange(toIndex - 1);\n            return;\n          }\n        }\n        this.onChange(toIndex);\n        this.forceUpdate();\n      }\n    });\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  }\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  animate(toIndex = this.state.selectedTabIndex) {\n    return Animated.timing(this.tabPosition, {\n      useNativeDriver: true,\n      toValue:  -1 * toIndex * (this.tabLayout?.width || 0),\n      duration: 200,\n      easing: Easing.out(Easing.linear)\n    }).start();\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    this.tabPanes[this.newIndex || this.state.selectedTabIndex] = tabPane;\n    this.newIndex++;\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.onChange(this.tabPanes.indexOf(tabPane));\n  }\n\n  goToTab(index: number) {\n    this.onChange(index);\n  }\n\n  prev() {\n    this.onChange(this.state.selectedTabIndex - 1);\n  }\n\n  next() {\n    this.onChange(this.state.selectedTabIndex + 1);\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.animate(newIndex);\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        onIndexChange={this.onChange.bind(this)}\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        <Animated.View style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap',\n          transform: [{\n            translateX: this.tabPosition\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        </Animated.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        <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.onChange.bind(this)}\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          <Animated.View style={{\n            flexDirection: 'row',\n            flexWrap: 'nowrap',\n            transform: [{\n              translateX: this.tabPosition\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          </Animated.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","WmTabs","constructor","props","bounds","e","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","selectedIndex","defaultpaneindex","tabsShown","updateState","setTabLayout","event","nativeEvent","layout","forceUpdate","setTabPaneHeights","index","tabPaneHeights","height","setTabShown","tabIndex","callback","setTimeout","addTabPane","tabPane","i","findIndex","t","name","newIndex","selectTabPane","goToTab","indexOf","position","animationView","setPosition","then","prev","goToLower","next","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeleton","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","styles","root","borderBottomWidth","bind","tabHeader","showskeleton","overflow","flexDirection","flexWrap","alignSelf","renderWidget","_background","flex","maxHeight","enablegestures","r","animationHandlers","undefined"],"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  }\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: number) {\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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"}

app-rn-runtime/components/container/tabs/tabs.props.js

@@ -7,6 +7,7 @@ export default class WmTabsProps extends BaseProps {
     super(...arguments);
     _defineProperty(this, "children", void 0);
     _defineProperty(this, "defaultpaneindex", 0);
+    _defineProperty(this, "enablegestures", true);
   }
 }
 //# sourceMappingURL=tabs.props.js.map

app-rn-runtime/components/container/tabs/tabs.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmTabsProps"],"sources":["tabs.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabsProps extends BaseProps {\n  children: any;\n  defaultpaneindex: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA;IAAA,0CAEtB,CAAC;EAAA;AAC9B"}
+{"version":3,"names":["BaseProps","WmTabsProps"],"sources":["tabs.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabsProps extends BaseProps {\n  children: any;\n  defaultpaneindex: number = 0;\n  enablegestures = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA;IAAA,0CAEtB,CAAC;IAAA,wCACX,IAAI;EAAA;AACvB"}

app-rn-runtime/components/container/tabs/tabs.styles.js

@@ -4,7 +4,7 @@ export const DEFAULT_CLASS = 'app-tabs';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
-      minHeight: 120,
+      minHeight: 240,
       elevation: 0,
       borderBottomWidth: 1,
       borderStyle: 'solid',

app-rn-runtime/components/container/tabs/tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","elevation","borderBottomWidth","borderStyle","borderColor","tabBorderColor","text","tabHeader"],"sources":["tabs.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmTabheaderStyles } from './tabheader/tabheader.styles';\n\nexport type WmTabsStyles = BaseStyles & {\n  tabHeader: WmTabheaderStyles\n};\n\nexport const DEFAULT_CLASS = 'app-tabs';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTabsStyles = defineStyles({\n      root: {\n        minHeight: 120,\n        elevation: 0,\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.tabBorderColor\n      },\n      text: {},\n      tabHeader: {} as WmTabheaderStyles\n  });\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACJC,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE,CAAC;MACZC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAER,cAAc,CAACS;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,SAAS,EAAE,CAAC;EAChB,CAAC,CAAC;EACFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","elevation","borderBottomWidth","borderStyle","borderColor","tabBorderColor","text","tabHeader"],"sources":["tabs.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmTabheaderStyles } from './tabheader/tabheader.styles';\n\nexport type WmTabsStyles = BaseStyles & {\n  tabHeader: WmTabheaderStyles\n};\n\nexport const DEFAULT_CLASS = 'app-tabs';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTabsStyles = defineStyles({\n      root: {\n        minHeight: 240,\n        elevation: 0,\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.tabBorderColor\n      },\n      text: {},\n      tabHeader: {} as WmTabheaderStyles\n  });\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACJC,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE,CAAC;MACZC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAER,cAAc,CAACS;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,SAAS,EAAE,CAAC;EAChB,CAAC,CAAC;EACFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

app-rn-runtime/components/container/tile/tile.component.js

@@ -15,7 +15,7 @@ export default class WmTile extends BaseComponent {
     }, /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
-    }, props.children));
+    }, this._background, props.children));
   }
 }
 //# sourceMappingURL=tile.component.js.map

app-rn-runtime/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","animation","styles","root","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}>{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,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,WAAW,EAAE,CAAC;EAChD;EAEAQ,YAAY,CAACD,KAAkB,EAAE;IAC/B,oBAAQ,oBAAC,QAAQ;MAAC,MAAM,EAAE;IAAK,gBAC7B,oBAAC,YAAY;MAAC,cAAc,EAAEA,KAAK,CAACE,SAAU;MAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAEJ,KAAK,CAACK,QAAQ,CAAgB,CAC9F;EACb;AACF"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmTileProps","DEFAULT_CLASS","Tappable","Animatedview","WmTileState","WmTile","constructor","props","renderWidget","animation","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,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,WAAW,EAAE,CAAC;EAChD;EAEAQ,YAAY,CAACD,KAAkB,EAAE;IAC/B,oBAAQ,oBAAC,QAAQ;MAAC,MAAM,EAAE;IAAK,gBAC7B,oBAAC,YAAY;MAAC,cAAc,EAAEA,KAAK,CAACE,SAAU;MAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEL,KAAK,CAACM,QAAQ,CAAgB,CAChH;EACb;AACF"}

app-rn-runtime/components/container/wizard/wizard.component.js

@@ -127,7 +127,7 @@ export default class WmWizard extends BaseComponent {
     const isSkippable = this.steps[this.state.currentStep] && this.steps[this.state.currentStep].props.enableskip;
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(View, {
+    }, this._background, /*#__PURE__*/React.createElement(View, {
       style: this.styles.wizardHeader
     }, this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null), /*#__PURE__*/React.createElement(View, {
       style: this.styles.wizardBody

app-rn-runtime/components/container/wizard/wizard.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmWizardState","WmWizard","constructor","props","steps","children","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","showActiveStep","state","currentStep","setActive","isDone","setInActive","updateState","getStepStyle","style","styles","push","doneStep","activeStep","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","show","headerWrapper","stepWrapper","bind","stepCounter","stepIcon","icon","color","iconclass","stepTitle","title","stepConnector","width","left","onPrev","invokePrevCB","onNext","eventName","invokeSkipCB","invokeNextCB","onDone","$event","invokeEventCallback","proxy","onCancel","onSkip","renderWidget","length","isSkippable","enableskip","root","wizardHeader","i","wizardBody","wizardFooter","flexDirection","actionsalignment","wizardActions","theme","getStyle","doneButton","donebtnlabel","nextButton","nextbtnlabel","previousbtnlabel","cancelable","cancelbtnlabel","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } 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    return item.props.show != false ? (\n      <View style={this.styles.headerWrapper} 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={index === this.state.currentStep ? 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          <Text style={this.styles.stepTitle}>\n            {item.props.title || 'Step Title'}</Text>\n        </TouchableOpacity>\n        {this.numberOfSteps > 1 && <View style={[this.styles.stepConnector, { width: isFirstStep || isLastStep ? '50%' : '100%',\n                                                      left: 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        <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)} 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)} 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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,OAAO,EAAEC,KAAK,QAAQ,QAAQ;AACvC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,OAAO,MAAMC,aAAa,SAASN,kBAAkB,CAAgB;EAAA;IAAA;IAAA,qCAC7C,CAAC;IAAA,gCACL,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMO,QAAQ,SAASR,aAAa,CAA+C;EAGhGS,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,aAAa,EAAE,CAAC;IAAC,uCAHnB,IAAI;IAAA,+BACpB,EAAE;IAGhB,MAAMS,KAAK,GAAGD,KAAK,CAACE,QAAQ;IAC5B,IAAIC,gBAAgB,GAAG,CAAC;IACxB,IAAIf,OAAO,CAACa,KAAK,CAAC,IAAID,KAAK,CAACI,WAAW,EAAE;MACvCH,KAAK,CAACI,GAAG,CAAC,CAACC,IAAS,EAAEC,KAAU,KAAK;QACnC,IAAIP,KAAK,CAACI,WAAW,KAAKE,IAAI,CAACN,KAAK,CAACQ,IAAI,EAAE;UACzCL,gBAAgB,GAAGI,KAAK;QAC1B;MACF,CAAC,CAAC;IACJ;IACA,IAAI,CAACE,iBAAiB,CAACN,gBAAgB,CAAC;EAC1C;EAEAO,aAAa,CAACC,IAAkB,EAAE;IAChC,IAAI,CAACV,KAAK,CAACU,IAAI,CAACX,KAAK,CAACO,KAAK,CAAC,GAAGI,IAAI;IACnC,IAAI,CAACC,WAAW,EAAE;EACpB;EAEAC,iBAAiB,GAAG;IAClB,KAAK,CAACA,iBAAiB,EAAE;IACzB,IAAI,CAACC,cAAc,EAAE;EACvB;EAEAA,cAAc,GAAG;IAAA;IACf,6BAAI,CAACb,KAAK,CAAC,IAAI,CAACc,KAAK,CAACC,WAAW,CAAC,0DAAlC,sBAAoCC,SAAS,EAAE;EACjD;EAEAR,iBAAiB,CAACF,KAAa,EAAkB;IAAA;IAAA,IAAhBW,MAAM,uEAAG,KAAK;IAC7C,8BAAI,CAACjB,KAAK,CAAC,IAAI,CAACc,KAAK,CAACC,WAAW,CAAC,2DAAlC,uBAAoCG,WAAW,EAAE;IACjD,IAAI,CAACC,WAAW,CAAC;MACfJ,WAAW,EAAET,KAAK;MAClBW,MAAM,EAAEA;IACV,CAAC,EAAmB,MAAM,IAAI,CAACJ,cAAc,EAAE,CAAC;EAClD;EAEAO,YAAY,CAACd,KAAa,EAAE;IAC1B,MAAMe,KAAK,GAAG,CAAC,IAAI,CAACC,MAAM,CAACZ,IAAI,CAAC;IAChC,IAAI,IAAI,CAACI,KAAK,CAACG,MAAM,IAAIX,KAAK,GAAG,IAAI,CAACQ,KAAK,CAACC,WAAW,EAAE;MACvDM,KAAK,CAACE,IAAI,CAAC,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC;IAClC,CAAC,MAAM,IAAI,IAAI,CAACV,KAAK,CAACC,WAAW,KAAKT,KAAK,EAAE;MAC3Ce,KAAK,CAACE,IAAI,CAAC,IAAI,CAACD,MAAM,CAACG,UAAU,CAAC;IACpC;IACA,OAAOJ,KAAK;EACd;EAEAK,kBAAkB,CAACrB,IAAS,EAAEC,KAAa,EAAE;IAC3C,MAAMqB,UAAU,GAAGrB,KAAK,KAAK,IAAI,CAACsB,aAAa,GAAG,CAAC;IACnD,MAAMC,WAAW,GAAGvB,KAAK,KAAK,CAAC;IAC/B,OAAOD,IAAI,CAACN,KAAK,CAAC+B,IAAI,IAAI,KAAK,gBAC7B,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACR,MAAM,CAACS,aAAc;MAAC,GAAG,EAAEzB,KAAK,GAAC;IAAE,gBACnD,oBAAC,gBAAgB;MAAC,KAAK,EAAE,IAAI,CAACgB,MAAM,CAACU,WAAY;MAC/B,OAAO,EAAE,IAAI,CAACxB,iBAAiB,CAACyB,IAAI,CAAC,IAAI,EAAE3B,KAAK,EAAE,KAAK,CAAE;MAAC,QAAQ,EAAEA,KAAK,IAAI,IAAI,CAACQ,KAAK,CAACC;IAAY,gBAClH,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACK,YAAY,CAACd,KAAK;IAAE,GACnCA,KAAK,IAAI,IAAI,CAACQ,KAAK,CAACC,WAAW,IAAI,CAAC,IAAI,CAACD,KAAK,CAACG,MAAM,iBAChD,oBAAC,IAAI;MAAC,KAAK,EAAEX,KAAK,KAAK,IAAI,CAACQ,KAAK,CAACC,WAAW,GAAG,IAAI,CAACO,MAAM,CAACG,UAAU,GAAG,IAAI,CAACH,MAAM,CAACY;IAAY,GAAE5B,KAAK,GAAC,CAAC,CAAQ,EACvH,CAACA,KAAK,GAAG,IAAI,CAACQ,KAAK,CAACC,WAAW,IAAI,IAAI,CAACD,KAAK,CAACG,MAAM,kBAC/C,oBAAC,MAAM;MAAC,MAAM,EAAE7B,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACkC,MAAM,CAACa,QAAQ,EAAE;QAACC,IAAI,EAAE;UAACC,KAAK,EAAE,IAAI,CAACf,MAAM,CAACG,UAAU,CAACY;QAAK;MAAC,CAAC,CAAE;MACvF,SAAS,EAAEhC,IAAI,CAACN,KAAK,CAACuC,SAAS,IAAI;IAAmB,EAAU,CACzE,eACT,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAAChB,MAAM,CAACiB;IAAU,GAChClC,IAAI,CAACN,KAAK,CAACyC,KAAK,IAAI,YAAY,CAAQ,CAC1B,EAClB,IAAI,CAACZ,aAAa,GAAG,CAAC,iBAAI,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC,IAAI,CAACN,MAAM,CAACmB,aAAa,EAAE;QAAEC,KAAK,EAAEb,WAAW,IAAIF,UAAU,GAAG,KAAK,GAAG,MAAM;QACzEgB,IAAI,EAAEd,WAAW,GAAG,KAAK,GAAE;MAAI,CAAC;IAAE,EAAQ,CACnF,GACL,IAAI;EACV;EAEAe,MAAM,CAAC5C,KAAU,EAAE;IACjB,MAAMM,KAAK,GAAG,IAAI,CAACQ,KAAK,CAACC,WAAW;IACpC,MAAMA,WAAW,GAAG,IAAI,CAACf,KAAK,CAACM,KAAK,CAAC;IACrCS,WAAW,CAAC8B,YAAY,CAACvC,KAAK,CAAC;IAC/B,IAAI,CAACE,iBAAiB,CAACF,KAAK,GAAG,CAAC,CAAC;EACnC;EAEAwC,MAAM,CAAC9C,KAAU,EAAE+C,SAAkB,EAAE;IACrC,MAAMzC,KAAK,GAAG,IAAI,CAACQ,KAAK,CAACC,WAAW;IACpC,MAAMA,WAAW,GAAG,IAAI,CAACf,KAAK,CAACM,KAAK,CAAC;IACrC,IAAIyC,SAAS,KAAK,MAAM,EAAE;MACxBhC,WAAW,CAACiC,YAAY,CAAC1C,KAAK,CAAC;IACjC,CAAC,MAAM;MACLS,WAAW,CAACkC,YAAY,CAAC3C,KAAK,CAAC;IACjC;IACA,IAAI,CAACE,iBAAiB,CAACF,KAAK,GAAG,CAAC,CAAC;EACnC;EAEA4C,MAAM,CAACC,MAAW,EAAE;IAClB,IAAI,CAAChC,WAAW,CAAC;MACfF,MAAM,EAAE;IACV,CAAC,CAAkB;IACnB,IAAI,CAACmC,mBAAmB,CAAC,QAAQ,EAAE,CAACD,MAAM,EAAE,IAAI,CAACE,KAAK,CAAC,CAAC;EAC1D;EAEAC,QAAQ,GAAG;IACT,IAAI,CAACF,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC1D;EACAE,MAAM,CAACvD,KAAU,EAAE;IACjB,IAAI,CAAC8C,MAAM,CAAC9C,KAAK,EAAE,MAAM,CAAC;EAC5B;EAEAwD,YAAY,CAACzD,KAAoB,EAAE;IACjC,IAAI,CAAC6B,aAAa,GAAG,IAAI,CAAC5B,KAAK,CAACyD,MAAM;IACtC,MAAMhC,UAAU,GAAG,IAAI,CAACzB,KAAK,CAAC,IAAI,CAACc,KAAK,CAACC,WAAW,CAAC;IACrD,MAAM2C,WAAW,GAAG,IAAI,CAAC1D,KAAK,CAAC,IAAI,CAACc,KAAK,CAACC,WAAW,CAAC,IAAI,IAAI,CAACf,KAAK,CAAC,IAAI,CAACc,KAAK,CAACC,WAAW,CAAC,CAAChB,KAAK,CAAC4D,UAAU;IAC7G,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACrC,MAAM,CAACsC;IAAK,gBAC5B,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACtC,MAAM,CAACuC;IAAa,GACnC,IAAI,CAAC7D,KAAK,GAAG,IAAI,CAACA,KAAK,CAACI,GAAG,CAAC,CAACM,IAAI,EAAEoD,CAAC,KAAK,IAAI,CAACpC,kBAAkB,CAAChB,IAAI,EAAEoD,CAAC,CAAC,CAAC,GAAG,IAAI,CAC7E,eACP,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACxC,MAAM,CAACyC;IAAW,GACjChE,KAAK,CAACE,QAAQ,CACV,eACP,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC,IAAI,CAACqB,MAAM,CAAC0C,YAAY,EACpC;QAACC,aAAa,EAAElE,KAAK,CAACmE,gBAAgB,KAAK,OAAO,GAAG,aAAa,GAAE;MAAK,CAAC;IAAE,GAC1E,IAAI,CAACpD,KAAK,CAACC,WAAW,GAAC,CAAC,KAAM,IAAI,CAACa,aAAa,iBAChD,oBAAC,QAAQ;MAAC,SAAS,EAAE,kBAAmB;MAAC,MAAM,EAAExC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACkC,MAAM,CAAC6C,aAAa,EAAE,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC/C,MAAM,CAACgD,UAAU,CAAE;MACxI,OAAO,EAAEvE,KAAK,CAACwE,YAAa;MAAC,KAAK,EAAE,IAAI,CAACrB,MAAM,CAACjB,IAAI,CAAC,IAAI;IAAE,EAAY,EAEjF,IAAI,CAACnB,KAAK,CAACC,WAAW,GAAC,CAAC,GAAI,IAAI,CAACa,aAAa,iBAC9C,oBAAC,QAAQ;MAAC,SAAS,EAAE,qBAAsB;MAAC,MAAM,EAAExC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACkC,MAAM,CAAC6C,aAAa,EAAE,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC/C,MAAM,CAACkD,UAAU,CAAE;MAC3I,YAAY,EAAE,OAAQ;MAAC,OAAO,EAAEzE,KAAK,CAAC0E,YAAa;MAAC,KAAK,EAAE,IAAI,CAAC3B,MAAM,CAACb,IAAI,CAAC,IAAI,EAAE,IAAI,CAACjC,KAAK;IAAE,EAAY,EAErH,IAAI,CAACc,KAAK,CAACC,WAAW,GAAG,CAAC,iBACzB,oBAAC,QAAQ;MAAC,SAAS,EAAE,oBAAqB;MAAC,MAAM,EAAE3B,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACgF,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC/C,MAAM,CAAC6C,aAAa,CAAE;MAAC,OAAO,EAAEpE,KAAK,CAAC2E,gBAAiB;MACnJ,KAAK,EAAE,IAAI,CAAC9B,MAAM,CAACX,IAAI,CAAC,IAAI,EAAE,IAAI,CAACjC,KAAK;IAAE,EAAY,EAEjED,KAAK,CAAC4E,UAAU,gBACb,oBAAC,QAAQ;MAAC,OAAO,EAAE5E,KAAK,CAAC6E,cAAe;MAAC,MAAM,EAAExF,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACgF,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC/C,MAAM,CAAC6C,aAAa,CAAE;MAAC,KAAK,EAAE,IAAI,CAACb,QAAQ,CAACrB,IAAI,CAAC,IAAI;IAAE,EAAY,GACrK,IAAI,EAETyB,WAAW,iBACR,oBAAC,QAAQ;MAAC,SAAS,EAAE,qBAAsB;MAAC,YAAY,EAAE,OAAQ;MAAC,OAAO,EAAE,MAAO;MACzE,MAAM,EAAEtE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACkC,MAAM,CAAC6C,aAAa,EAAE,IAAI,CAAC7C,MAAM,CAACuD,QAAQ,CAAE;MAAC,KAAK,EAAE,IAAI,CAACtB,MAAM,CAACtB,IAAI,CAAC,IAAI,EAAE,IAAI,CAACjC,KAAK;IAAE,EAAY,CAEnI,CACF;EAEX;AACF"}
+{"version":3,"names":["React","Text","View","TouchableOpacity","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmWizardState","WmWizard","constructor","props","steps","children","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","showActiveStep","state","currentStep","setActive","isDone","setInActive","updateState","getStepStyle","style","styles","push","doneStep","activeStep","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","show","headerWrapper","stepWrapper","bind","stepCounter","stepIcon","icon","color","iconclass","stepTitle","title","stepConnector","width","left","onPrev","invokePrevCB","onNext","eventName","invokeSkipCB","invokeNextCB","onDone","$event","invokeEventCallback","proxy","onCancel","onSkip","renderWidget","length","isSkippable","enableskip","root","_background","wizardHeader","i","wizardBody","wizardFooter","flexDirection","actionsalignment","wizardActions","theme","getStyle","doneButton","donebtnlabel","nextButton","nextbtnlabel","previousbtnlabel","cancelable","cancelbtnlabel","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } 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    return item.props.show != false ? (\n      <View style={this.styles.headerWrapper} 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={index === this.state.currentStep ? 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          <Text style={this.styles.stepTitle}>\n            {item.props.title || 'Step Title'}</Text>\n        </TouchableOpacity>\n        {this.numberOfSteps > 1 && <View style={[this.styles.stepConnector, { width: isFirstStep || isLastStep ? '50%' : '100%',\n                                                      left: 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)} 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)} 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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"}

app-rn-runtime/components/container/wizard/wizardstep/wizardstep.component.js

@@ -46,7 +46,7 @@ export default class WmWizardstep extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=wizardstep.component.js.map

app-rn-runtime/components/container/wizard/wizardstep/wizardstep.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","WmWizardstep","constructor","props","componentDidMount","wizard","parent","addWizardStep","setActive","updateState","active","setInActive","isVisible","state","invokeNextCB","index","invokeEventCallback","proxy","invokePrevCB","invokeSkipCB","renderWidget","styles","root","children"],"sources":["wizardstep.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    wizard.addWizardStep(this);\n    super.componentDidMount();\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState);\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) {\n    this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) {\n    this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n\n  renderWidget(props: WmWizardstepProps) {\n    return (<View style={this.styles.root}>{props.children}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAGvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;EAAA;IAAA;IAAA,gCAClE,KAAK;EAAA;AAChB;AAEA,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,EAAE,IAAIE,iBAAiB,EAAE,CAAC;EAC/E;EAEAI,iBAAiB,GAAG;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,MAAmB;IACxCD,MAAM,CAACE,aAAa,CAAC,IAAI,CAAC;IAC1B,KAAK,CAACH,iBAAiB,EAAE;EAC3B;EAEAI,SAAS,GAAG;IACV,IAAI,CAACC,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,CAAsB;EACzB;EAEAC,WAAW,GAAG;IACZ,IAAI,CAACF,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,CAAsB;EACzB;EAEAE,SAAS,GAAG;IACV,OAAO,KAAK,CAACA,SAAS,EAAE,IAAI,IAAI,CAACC,KAAK,CAACH,MAAM;EAC/C;EAEAI,YAAY,CAACC,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAG,YAAY,CAACH,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAI,YAAY,CAACJ,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAK,YAAY,CAACjB,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACkB,MAAM,CAACC;IAAK,GAAEnB,KAAK,CAACoB,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","WmWizardstep","constructor","props","componentDidMount","wizard","parent","addWizardStep","setActive","updateState","active","setInActive","isVisible","state","invokeNextCB","index","invokeEventCallback","proxy","invokePrevCB","invokeSkipCB","renderWidget","styles","root","_background","children"],"sources":["wizardstep.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    wizard.addWizardStep(this);\n    super.componentDidMount();\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState);\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) {\n    this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) {\n    this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n\n  renderWidget(props: WmWizardstepProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAGvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;EAAA;IAAA;IAAA,gCAClE,KAAK;EAAA;AAChB;AAEA,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,EAAE,IAAIE,iBAAiB,EAAE,CAAC;EAC/E;EAEAI,iBAAiB,GAAG;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,MAAmB;IACxCD,MAAM,CAACE,aAAa,CAAC,IAAI,CAAC;IAC1B,KAAK,CAACH,iBAAiB,EAAE;EAC3B;EAEAI,SAAS,GAAG;IACV,IAAI,CAACC,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,CAAsB;EACzB;EAEAC,WAAW,GAAG;IACZ,IAAI,CAACF,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,CAAsB;EACzB;EAEAE,SAAS,GAAG;IACV,OAAO,KAAK,CAACA,SAAS,EAAE,IAAI,IAAI,CAACC,KAAK,CAACH,MAAM;EAC/C;EAEAI,YAAY,CAACC,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAG,YAAY,CAACH,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAI,YAAY,CAACJ,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAK,YAAY,CAACjB,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACkB,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEpB,KAAK,CAACqB,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/data/card/card-content/card-content.component.js

@@ -35,7 +35,7 @@ export default class WmCardContent extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this.renderContent(props));
+    }, this._background, this.renderContent(props));
   }
 }
 //# sourceMappingURL=card-content.component.js.map

app-rn-runtime/components/data/card/card-content/card-content.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardContentProps","DEFAULT_CLASS","WmCardContentState","WmCardContent","constructor","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root"],"sources":["card-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCardContentProps from './card-content.props';\nimport { DEFAULT_CLASS, WmCardContentStyles } from './card-content.styles';\n\nexport class WmCardContentState extends BaseComponentState<WmCardContentProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmCardContent extends BaseComponent<WmCardContentProps, WmCardContentState, WmCardContentStyles> {\n\n  constructor(props: WmCardContentProps) {\n    super(props, DEFAULT_CLASS, new WmCardContentProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmCardContentProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmCardContentState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmCardContentProps) {\n    return (<View style={this.styles.root}>{this.renderContent(props)}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;EAAA;IAAA;IAAA,yCAC3D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEAM,aAAa,GAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAa,CAACH,KAAyB,EAAE;IACvC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAC,CAAuB;QAC1B,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAY,CAACX,KAAyB,EAAE;IACtC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACY,MAAM,CAACC;IAAK,GAAE,IAAI,CAACV,aAAa,CAACH,KAAK,CAAC,CAAQ;EAC3E;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardContentProps","DEFAULT_CLASS","WmCardContentState","WmCardContent","constructor","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root","_background"],"sources":["card-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCardContentProps from './card-content.props';\nimport { DEFAULT_CLASS, WmCardContentStyles } from './card-content.styles';\n\nexport class WmCardContentState extends BaseComponentState<WmCardContentProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmCardContent extends BaseComponent<WmCardContentProps, WmCardContentState, WmCardContentStyles> {\n\n  constructor(props: WmCardContentProps) {\n    super(props, DEFAULT_CLASS, new WmCardContentProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmCardContentProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmCardContentState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmCardContentProps) {\n    return (<View style={this.styles.root}>{this._background}{this.renderContent(props)}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;EAAA;IAAA;IAAA,yCAC3D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEAM,aAAa,GAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAa,CAACH,KAAyB,EAAE;IACvC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAC,CAAuB;QAC1B,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAY,CAACX,KAAyB,EAAE;IACtC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACY,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAE,IAAI,CAACX,aAAa,CAACH,KAAK,CAAC,CAAQ;EAC7F;AACF"}

app-rn-runtime/components/data/card/card-footer/card-footer.component.js

@@ -11,7 +11,7 @@ export default class WmCardFooter extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=card-footer.component.js.map

app-rn-runtime/components/data/card/card-footer/card-footer.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardFooterProps","DEFAULT_CLASS","WmCardFooterState","WmCardFooter","constructor","props","renderWidget","styles","root","children"],"sources":["card-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCardFooterProps from './card-footer.props';\nimport { DEFAULT_CLASS, WmCardFooterStyles } from './card-footer.styles';\n\nexport class WmCardFooterState extends BaseComponentState<WmCardFooterProps> {}\n\nexport default class WmCardFooter extends BaseComponent<WmCardFooterProps, WmCardFooterState, WmCardFooterStyles> {\n\n  constructor(props: WmCardFooterProps) {\n    super(props, DEFAULT_CLASS, new WmCardFooterProps());\n  }\n\n  renderWidget(props: WmCardFooterProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAM,YAAY,CAACD,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardFooterProps","DEFAULT_CLASS","WmCardFooterState","WmCardFooter","constructor","props","renderWidget","styles","root","_background","children"],"sources":["card-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCardFooterProps from './card-footer.props';\nimport { DEFAULT_CLASS, WmCardFooterStyles } from './card-footer.styles';\n\nexport class WmCardFooterState extends BaseComponentState<WmCardFooterProps> {}\n\nexport default class WmCardFooter extends BaseComponent<WmCardFooterProps, WmCardFooterState, WmCardFooterStyles> {\n\n  constructor(props: WmCardFooterProps) {\n    super(props, DEFAULT_CLASS, new WmCardFooterProps());\n  }\n\n  renderWidget(props: WmCardFooterProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAM,YAAY,CAACD,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/data/card/card.component.js

@@ -55,7 +55,7 @@ export default class WmCard extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(Tappable, {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,
       styles: {
         width: '100%',

app-rn-runtime/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","flexDirection","iconclass","title","subheading","actions","styles","heading","cardIcon","flex","itemlabel","itemlink","itemicon","itembadge","isactive","itemchildren","picturesource","theme","mergeStyle","root","height","imageheight","picture","renderWidget","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        <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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,OAAO,MAAM,kEAAkE;AACtF,OAAOC,MAAM,MAAM,qEAAqE;AACxF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,OAAOC,SAAS,MAAM,sEAAsE;AAG5F,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAO,MAAMC,WAAW,SAASR,kBAAkB,CAAc;AAEjE,eAAe,MAAMS,MAAM,SAASV,aAAa,CAAyC;EAExFW,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,EAAE,CAAC;EAChD;EAEAM,YAAY,CAACD,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE;QAACE,aAAa,EAAE;MAAK;IAAE,GAChCF,KAAK,CAACG,SAAS,IAAIH,KAAK,CAACI,KAAK,IAAIJ,KAAK,CAACK,UAAU,IAAIL,KAAK,CAACM,OAAO,gBACpE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAQ,gBAChC,oBAAC,MAAM;MAAC,MAAM,EAAE,IAAI,CAACD,MAAM,CAACE,QAAS;MAAC,SAAS,EAAET,KAAK,CAACG;IAAU,EAAU,eAC3E,oBAAC,IAAI;MAAC,KAAK,EAAE;QAACO,IAAI,EAAE;MAAC;IAAE,gBACrB,oBAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACH,KAAM;MAAC,OAAO,EAAEJ,KAAK,CAACI;IAAM,EAAW,eACpE,oBAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACG,MAAM,CAACF,UAAW;MAAC,OAAO,EAAEL,KAAK,CAACK;IAAW,EAAW,CACzE,eACP,oBAAC,MAAM;MACL,OAAO,EAAC,EAAE;MACV,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAEL,KAAK,CAACM,OAAQ;MACvB,SAAS,EAAEN,KAAK,CAACW,SAAU;MAC3B,QAAQ,EAAEX,KAAK,CAACY,QAAS;MACzB,QAAQ,EAAEZ,KAAK,CAACa,QAAS;MACzB,SAAS,EAAEb,KAAK,CAACc,SAAU;MAC3B,QAAQ,EAAEd,KAAK,CAACe,QAAS;MACzB,YAAY,EAAEf,KAAK,CAACgB;IAAa,EAAU,CACxC,GAAI,IAAI,EACdhB,KAAK,CAACiB,aAAa,iBACjB,oBAAC,SAAS;MACT,aAAa,EAAEjB,KAAK,CAACiB,aAAc;MACnC,MAAM,EAAE,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC;QAACC,IAAI,EAAG;UAACC,MAAM,EAAErB,KAAK,CAACsB;QAAW;MAAC,CAAC,EAAE,IAAI,CAACf,MAAM,CAACgB,OAAO;IAAE,EAC5F,CACI;EACX;EAEAC,YAAY,CAACxB,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACa;IAAK,gBAC5B,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAE;QAACK,KAAK,EAAE,MAAM;QAAEJ,MAAM,EAAE,IAAI,CAACd,MAAM,CAACa,IAAI,CAACC,MAAM,GAAG,MAAM,GAAG;MAAI;IAAE,GAC5F,IAAI,CAACpB,YAAY,CAACD,KAAK,CAAC,EACxBA,KAAK,CAAC0B,QAAQ,CACR,CACN;EACX;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLabel","WmMenu","WmIcon","Tappable","WmPicture","WmCardProps","DEFAULT_CLASS","WmCardState","WmCard","constructor","props","renderHeader","flexDirection","iconclass","title","subheading","actions","styles","heading","cardIcon","flex","itemlabel","itemlink","itemicon","itembadge","isactive","itemchildren","picturesource","theme","mergeStyle","root","height","imageheight","picture","renderWidget","_background","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,OAAO,MAAM,kEAAkE;AACtF,OAAOC,MAAM,MAAM,qEAAqE;AACxF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,OAAOC,SAAS,MAAM,sEAAsE;AAG5F,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAO,MAAMC,WAAW,SAASR,kBAAkB,CAAc;AAEjE,eAAe,MAAMS,MAAM,SAASV,aAAa,CAAyC;EAExFW,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,EAAE,CAAC;EAChD;EAEAM,YAAY,CAACD,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE;QAACE,aAAa,EAAE;MAAK;IAAE,GAChCF,KAAK,CAACG,SAAS,IAAIH,KAAK,CAACI,KAAK,IAAIJ,KAAK,CAACK,UAAU,IAAIL,KAAK,CAACM,OAAO,gBACpE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAQ,gBAChC,oBAAC,MAAM;MAAC,MAAM,EAAE,IAAI,CAACD,MAAM,CAACE,QAAS;MAAC,SAAS,EAAET,KAAK,CAACG;IAAU,EAAU,eAC3E,oBAAC,IAAI;MAAC,KAAK,EAAE;QAACO,IAAI,EAAE;MAAC;IAAE,gBACrB,oBAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACH,KAAM;MAAC,OAAO,EAAEJ,KAAK,CAACI;IAAM,EAAW,eACpE,oBAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACG,MAAM,CAACF,UAAW;MAAC,OAAO,EAAEL,KAAK,CAACK;IAAW,EAAW,CACzE,eACP,oBAAC,MAAM;MACL,OAAO,EAAC,EAAE;MACV,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAEL,KAAK,CAACM,OAAQ;MACvB,SAAS,EAAEN,KAAK,CAACW,SAAU;MAC3B,QAAQ,EAAEX,KAAK,CAACY,QAAS;MACzB,QAAQ,EAAEZ,KAAK,CAACa,QAAS;MACzB,SAAS,EAAEb,KAAK,CAACc,SAAU;MAC3B,QAAQ,EAAEd,KAAK,CAACe,QAAS;MACzB,YAAY,EAAEf,KAAK,CAACgB;IAAa,EAAU,CACxC,GAAI,IAAI,EACdhB,KAAK,CAACiB,aAAa,iBACjB,oBAAC,SAAS;MACT,aAAa,EAAEjB,KAAK,CAACiB,aAAc;MACnC,MAAM,EAAE,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC;QAACC,IAAI,EAAG;UAACC,MAAM,EAAErB,KAAK,CAACsB;QAAW;MAAC,CAAC,EAAE,IAAI,CAACf,MAAM,CAACgB,OAAO;IAAE,EAC5F,CACI;EACX;EAEAC,YAAY,CAACxB,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACa;IAAK,GAC3B,IAAI,CAACK,WAAW,eACjB,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAE;QAACC,KAAK,EAAE,MAAM;QAAEL,MAAM,EAAE,IAAI,CAACd,MAAM,CAACa,IAAI,CAACC,MAAM,GAAG,MAAM,GAAG;MAAI;IAAE,GAC5F,IAAI,CAACpB,YAAY,CAACD,KAAK,CAAC,EACxBA,KAAK,CAAC2B,QAAQ,CACR,CACN;EACX;AACF"}

app-rn-runtime/components/data/form/form-action/form-action.component.js

@@ -7,7 +7,6 @@ import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.c
 import WmFormActionProps from './form-action.props';
 import { DEFAULT_CLASS } from './form-action.styles';
 import { debounce } from "lodash";
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
 export class WmFormActionState extends BaseComponentState {}
 export default class WmFormAction extends BaseComponent {
   constructor(props) {
@@ -17,11 +16,6 @@ export default class WmFormAction extends BaseComponent {
   onClick($event, cb) {
     cb && cb($event);
   }
-  renderSkeleton(props) {
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root
-    });
-  }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(WmButton, {
       disabled: props.disabled,

app-rn-runtime/components/data/form/form-action/form-action.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmFormActionProps","DEFAULT_CLASS","debounce","createSkeleton","WmFormActionState","WmFormAction","constructor","props","onClick","$event","cb","renderSkeleton","theme","styles","skeleton","root","renderWidget","disabled","displayName","name","iconclass","_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  public renderSkeleton(props: WmFormActionProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root\n    });\n  }\n\n  renderWidget(props: WmFormActionProps) {\n    return (\n      <WmButton\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;AAC/B,SAAqBC,cAAc,QAAQ,wEAAwE;AAGnH,OAAO,MAAMC,iBAAiB,SAASN,kBAAkB,CAAoB;AAE7E,eAAe,MAAMO,YAAY,SAASR,aAAa,CAA2D;EAEhHS,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;IAAC,8CAGxBE,QAAQ,CAAC,IAAI,CAACM,OAAO,EAAE,GAAG,CAAC;EAF1D;EAIAA,OAAO,CAACC,MAAgB,EAAEC,EAAwB,EAAE;IAClDA,EAAE,IAAIA,EAAE,CAACD,MAAM,CAAC;EAClB;EAEOE,cAAc,CAACJ,KAAwB,EAAC;IAC7C,OAAOJ,cAAc,CAAC,IAAI,CAACS,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE;IACjB,CAAC,CAAC;EACJ;EAEAC,YAAY,CAACT,KAAwB,EAAE;IACrC,oBACE,oBAAC,QAAQ;MACP,QAAQ,EAAEA,KAAK,CAACU,QAAS;MACzB,OAAO,EAAEV,KAAK,CAACW,WAAY;MAC3B,MAAM,EAAE,IAAI,CAACL,MAAO;MACpB,IAAI,EAAEN,KAAK,CAACY,IAAK;MACjB,SAAS,EAAEZ,KAAK,CAACa,SAAU;MAC3B,KAAK,EAAGX,MAAW,IAAK;QACtB,IAAI,CAACY,oBAAoB,CAACZ,MAAM,EAAEF,KAAK,CAACe,UAAU,CAAC;MACrD;IAAE,EACF;EAEN;AACF"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmFormActionProps","DEFAULT_CLASS","debounce","WmFormActionState","WmFormAction","constructor","props","onClick","$event","cb","renderWidget","disabled","displayName","styles","name","iconclass","_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        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,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;IAAC,8CAGxBE,QAAQ,CAAC,IAAI,CAACK,OAAO,EAAE,GAAG,CAAC;EAF1D;EAIAA,OAAO,CAACC,MAAgB,EAAEC,EAAwB,EAAE;IAClDA,EAAE,IAAIA,EAAE,CAACD,MAAM,CAAC;EAClB;EAEAE,YAAY,CAACJ,KAAwB,EAAE;IACrC,oBACE,oBAAC,QAAQ;MACP,QAAQ,EAAEA,KAAK,CAACK,QAAS;MACzB,OAAO,EAAEL,KAAK,CAACM,WAAY;MAC3B,MAAM,EAAE,IAAI,CAACC,MAAO;MACpB,IAAI,EAAEP,KAAK,CAACQ,IAAK;MACjB,SAAS,EAAER,KAAK,CAACS,SAAU;MAC3B,KAAK,EAAGP,MAAW,IAAK;QACtB,IAAI,CAACQ,oBAAoB,CAACR,MAAM,EAAEF,KAAK,CAACW,UAAU,CAAC;MACrD;IAAE,EACF;EAEN;AACF"}

app-rn-runtime/components/data/form/form-body/form-body.component.js

@@ -11,7 +11,7 @@ export default class WmFormBody extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=form-body.component.js.map

app-rn-runtime/components/data/form/form-body/form-body.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormBodyProps","DEFAULT_CLASS","WmFormBodyState","WmFormBody","constructor","props","renderWidget","styles","root","children"],"sources":["form-body.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFormBodyProps from './form-body.props';\nimport { DEFAULT_CLASS, WmFormBodyStyles } from './form-body.styles';\n\nexport class WmFormBodyState extends BaseComponentState<WmFormBodyProps> {}\n\nexport default class WmFormBody extends BaseComponent<WmFormBodyProps, WmFormBodyState, WmFormBodyStyles> {\n\n  constructor(props: WmFormBodyProps) {\n    super(props, DEFAULT_CLASS, new WmFormBodyProps());\n  }\n\n  renderWidget(props: WmFormBodyProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AAEpE,OAAO,MAAMC,eAAe,SAASH,kBAAkB,CAAkB;AAEzE,eAAe,MAAMI,UAAU,SAASL,aAAa,CAAqD;EAExGM,WAAW,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,EAAE,CAAC;EACpD;EAEAM,YAAY,CAACD,KAAsB,EAAE;IACnC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormBodyProps","DEFAULT_CLASS","WmFormBodyState","WmFormBody","constructor","props","renderWidget","styles","root","_background","children"],"sources":["form-body.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFormBodyProps from './form-body.props';\nimport { DEFAULT_CLASS, WmFormBodyStyles } from './form-body.styles';\n\nexport class WmFormBodyState extends BaseComponentState<WmFormBodyProps> {}\n\nexport default class WmFormBody extends BaseComponent<WmFormBodyProps, WmFormBodyState, WmFormBodyStyles> {\n\n  constructor(props: WmFormBodyProps) {\n    super(props, DEFAULT_CLASS, new WmFormBodyProps());\n  }\n\n  renderWidget(props: WmFormBodyProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AAEpE,OAAO,MAAMC,eAAe,SAASH,kBAAkB,CAAkB;AAEzE,eAAe,MAAMI,UAAU,SAASL,aAAa,CAAqD;EAExGM,WAAW,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,EAAE,CAAC;EACpD;EAEAM,YAAY,CAACD,KAAsB,EAAE;IACnC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/data/form/form-field/form-field.component.js

@@ -196,7 +196,7 @@ export default class WmFormField extends BaseComponent {
     });
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, childrenWithProps, this.state.isValid === false && /*#__PURE__*/React.createElement(Text, {
+    }, this._background, childrenWithProps, this.state.isValid === false && /*#__PURE__*/React.createElement(Text, {
       style: this.styles.errorMsg
     }, props.validationmessage));
   }

app-rn-runtime/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","WmFormField","constructor","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","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","state","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","cloneElement","invokeEvent","triggerValidation","onFieldChange","formRef","styles","root","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  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    }\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}>{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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"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","WmFormField","constructor","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","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","state","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","cloneElement","invokeEvent","triggerValidation","onFieldChange","formRef","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  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    }\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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"}

app-rn-runtime/components/data/form/form-footer/form-footer.component.js

@@ -11,7 +11,7 @@ export default class WmFormFooter extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=form-footer.component.js.map

app-rn-runtime/components/data/form/form-footer/form-footer.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormFooterProps","DEFAULT_CLASS","WmFormFooterState","WmFormFooter","constructor","props","renderWidget","styles","root","children"],"sources":["form-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFormFooterProps from './form-footer.props';\nimport { DEFAULT_CLASS, WmFormFooterStyles } from './form-footer.styles';\n\nexport class WmFormFooterState extends BaseComponentState<WmFormFooterProps> {}\n\nexport default class WmFormFooter extends BaseComponent<WmFormFooterProps, WmFormFooterState, WmFormFooterStyles> {\n\n  constructor(props: WmFormFooterProps) {\n    super(props, DEFAULT_CLASS, new WmFormFooterProps());\n  }\n\n  renderWidget(props: WmFormFooterProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAM,YAAY,CAACD,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormFooterProps","DEFAULT_CLASS","WmFormFooterState","WmFormFooter","constructor","props","renderWidget","styles","root","_background","children"],"sources":["form-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFormFooterProps from './form-footer.props';\nimport { DEFAULT_CLASS, WmFormFooterStyles } from './form-footer.styles';\n\nexport class WmFormFooterState extends BaseComponentState<WmFormFooterProps> {}\n\nexport default class WmFormFooter extends BaseComponent<WmFormFooterProps, WmFormFooterState, WmFormFooterStyles> {\n\n  constructor(props: WmFormFooterProps) {\n    super(props, DEFAULT_CLASS, new WmFormFooterProps());\n  }\n\n  renderWidget(props: WmFormFooterProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAM,YAAY,CAACD,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/data/form/form.component.js

@@ -12,7 +12,6 @@ import WmMessage from '@wavemaker/app-rn-runtime/components/basic/message/messag
 import { ToastConsumer } from '@wavemaker/app-rn-runtime/core/toast.service';
 import WmFormProps from './form.props';
 import { DEFAULT_CLASS } from './form.styles';
-import { createSkeleton } from '../../basic/skeleton/skeleton.component';
 export class WmFormState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -274,40 +273,12 @@ export default class WmForm extends BaseComponent {
       showInlineMsg: false
     });
   }
-  renderSkeleton(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this.props.iconclass || this.props.title || this.props.subheading ? /*#__PURE__*/React.createElement(View, {
-      style: this.styles.heading
-    }, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flex: 1,
-        flexDirection: 'row'
-      }
-    }, /*#__PURE__*/React.createElement(WmIcon, {
-      styles: this.styles.listIcon,
-      iconclass: this.props.iconclass
-    }), /*#__PURE__*/React.createElement(View, null, createSkeleton(this.theme, {}, {
-      ...this.styles.title.root,
-      width: 96,
-      height: this.styles.title.text.fontSize
-    }), createSkeleton(this.theme, {}, {
-      ...this.styles.subheading.root,
-      width: 160,
-      height: this.styles.subheading.text.fontSize
-    })))) : null, this.state.showInlineMsg ? /*#__PURE__*/React.createElement(WmMessage, {
-      type: this.state.type,
-      caption: this.state.message,
-      hideclose: false,
-      onClose: this.onMsgClose.bind(this)
-    }) : null, this.props.children);
-  }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(ToastConsumer, null, toastService => {
       this.toaster = toastService;
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, props.iconclass || props.title || props.subheading ? /*#__PURE__*/React.createElement(View, {
+      }, this._background, props.iconclass || props.title || props.subheading ? /*#__PURE__*/React.createElement(View, {
         style: this.styles.heading
       }, /*#__PURE__*/React.createElement(View, {
         style: {