@wavemaker/app-rn-runtime 12.0.0-next.141131 → 12.0.0-next.141138

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","WmTabsState","constructor","args","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","tabsShown","setTimeout","updateState","addTabPane","tabPane","i","findIndex","t","name","newIndex","selectTabPane","indexOf","selectedTabPane","_this$tabLayout2","position","animationView","setPosition","then","prev","_this$animationView","goToLower","next","_this$animationView2","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeleton","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","onPropertyChange","$new","$old","selectedIndex","renderWidget","paneicon","_background","id","getTestId","onIndexChange","flex","maxHeight","tabContent","enableGestures","enablegestures","alignItems","direction","ref","r","handlers","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  }\n\n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.props.name === tabPane.props.name);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes[this.newIndex++] = tabPane;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  get selectedTabPane() {\n    return this.tabPanes[this.state.selectedTabIndex];\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    if(this.animationView) {\n      this.animationView.setPosition(position)\n      .then(() => this.onChange(index));\n    } else {\n      this.onChange(index);\n    }\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  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"defaultpaneindex\":\n        const selectedIndex = $new || 0;\n        const tabsShown: boolean[] = [];\n        tabsShown[selectedIndex] = true;\n        this.updateState({\n          selectedTabIndex: selectedIndex,\n          tabsShown: tabsShown\n        } as WmTabsState);\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: p.props.paneicon || '', key:  `tab-${p.props.title}-${i}`}));\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n        <WmTabheader\n          id={this.getTestId('headers')}\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ?\n          (isWebPreviewMode() ? {'overflowX': 'hidden','overflowY': 'auto'} as any : {overflow: 'scroll'})\n          : {\n            overflow: 'hidden',\n            maxHeight: this.tabPaneHeights[this.state.selectedTabIndex],\n          }, this.styles.tabContent]} >\n          <SwipeAnimation.View\n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'flex-start'\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                key={`tab-${p.props.title}-${i}`}\n                style={{\n                  width: '100%',\n                  height: this.styles.root.height  ? undefined : 1000000,\n                  alignSelf: 'flex-start'}}>\n                <View\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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA6CC,IAAI,QAAQ,cAAc;AACvE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAO,KAAKC,cAAc,MAAM,oDAAoD;AACpF,SAASC,gBAAgB,QAAQ,sCAAsC;AAEvE,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAOC,WAAW,MAAM,iCAAiC;AAEzD,OAAO,MAAMC,WAAW,SAASN,kBAAkB,CAAc;EAAAO,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACxC,EAAE;IAAAA,eAAA,2BACE,CAAC;EAAA;AAC9B;AAEA,eAAe,MAAMC,MAAM,SAASX,aAAa,CAAyC;EAyBxFQ,WAAWA,CAACI,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,EAAE,IAAIG,WAAW,CAAC,CAAC,CAAC;IAACG,eAAA,mBAzBlD,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA,oBACiB,IAAI;IAAAA,eAAA,yBACN,EAAE;IAAAA,eAAA,wBACe,IAAI;IAAAA,eAAA,4BAC5B;MAC1BG,MAAM,EAAGC,CAAC,IAAK;QAAA,IAAAC,eAAA;QACb,MAAMC,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,gBAAgB;UAC5CC,CAAC,GAAG,EAAAJ,eAAA,OAAI,CAACK,SAAS,cAAAL,eAAA,uBAAdA,eAAA,CAAgBM,KAAK,KAAI,CAAC;UAC9BC,QAAQ,GAAG,IAAI,CAACC,QAAQ,CAACC,MAAM;QACrC,OAAO;UACLC,KAAK,EAAE,CAAC,CAAC,IAAIT,cAAc,IAAIA,cAAc,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGG,CAAC;UACjEO,MAAM,EAAE,CAAC,CAAC,GAAGV,cAAc,GAAGG,CAAC;UAC/BQ,KAAK,EAAG,CAAC,CAAC,IAAIX,cAAc,IAAIA,cAAc,KAAKM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGH;QAC9E,CAAC;MACH,CAAC;MACDS,OAAO,EAAGd,CAAC,IAAK;QACd,IAAI,CAACe,QAAQ,CAAC,IAAI,CAACZ,KAAK,CAACC,gBAAgB,GAAG,CAAC,CAAC;MAChD,CAAC;MACDY,OAAO,EAAGhB,CAAC,IAAK;QACd,IAAI,CAACe,QAAQ,CAAC,IAAI,CAACZ,KAAK,CAACC,gBAAgB,GAAG,CAAC,CAAC;MAChD;IACF,CAAC;EAID;EAEAa,YAAYA,CAACC,KAAwB,EAAE;IACrC,IAAI,CAACZ,SAAS,GAAGY,KAAK,CAACC,WAAW,CAACC,MAAM;IACzC,IAAI,CAACC,WAAW,CAAC,MAAM;MACrB,IAAI,CAACC,OAAO,CAAC,CAAC;IAChB,CAAC,CAAC;EACJ;EAEAC,iBAAiBA,CAACC,KAAa,EAAEL,WAA8B,EAAE;IAAA,IAAAM,qBAAA;IAC/D,IAAI,CAACC,cAAc,CAACF,KAAK,CAAC,IAAAC,qBAAA,GAAGN,WAAW,CAACA,WAAW,CAACC,MAAM,cAAAK,qBAAA,uBAA9BA,qBAAA,CAAgCE,MAAM;IACnE,IAAIH,KAAK,KAAK,IAAI,CAACrB,KAAK,CAACC,gBAAgB,EAAE;MACzC,IAAI,CAACiB,WAAW,CAAC,CAAC;IACpB;EACF;EAEAO,WAAWA,CAACC,QAAgB,EAAEC,QAAmB,EAAE;IACjD,IAAI,CAAC,IAAI,CAAC3B,KAAK,CAAC4B,SAAS,CAACF,QAAQ,CAAC,EAAE;MACnC,MAAME,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC5B,KAAK,CAAC4B,SAAS,CAAC;MAC3CA,SAAS,CAACF,QAAQ,CAAC,GAAG,IAAI;MAC1BG,UAAU,CAAC,MAAM;QACf,IAAI,CAACC,WAAW,CAAC;UACfF,SAAS,EAAEA;QACb,CAAC,EAAiBD,QAAQ,CAAC;MAC7B,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,MAAM;MACLA,QAAQ,IAAIA,QAAQ,CAAC,CAAC;IACxB;EACF;EAEAI,UAAUA,CAACC,OAAkB,EAAE;IAC7B,MAAMC,CAAC,GAAG,IAAI,CAAC3B,QAAQ,CAAC4B,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACxC,KAAK,CAACyC,IAAI,KAAKJ,OAAO,CAACrC,KAAK,CAACyC,IAAI,CAAC;IAC3E,IAAIH,CAAC,IAAI,CAAC,EAAE;MACV,IAAI,CAAC3B,QAAQ,CAAC2B,CAAC,CAAC,GAAGD,OAAO;IAC5B,CAAC,MAAM;MACL,IAAI,CAAC1B,QAAQ,CAAC,IAAI,CAAC+B,QAAQ,EAAE,CAAC,GAAGL,OAAO;IAC1C;EACF;EAEAM,aAAaA,CAACN,OAAkB,EAAE;IAChC,IAAI,CAACb,OAAO,CAAC,IAAI,CAACb,QAAQ,CAACiC,OAAO,CAACP,OAAO,CAAC,CAAC;EAC9C;EAEA,IAAIQ,eAAeA,CAAA,EAAG;IACpB,OAAO,IAAI,CAAClC,QAAQ,CAAC,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;EACnD;EAEAkB,OAAOA,CAACE,KAAK,GAAG,IAAI,CAACrB,KAAK,CAACC,gBAAgB,EAAE;IAAA,IAAAwC,gBAAA;IAC3C,MAAMC,QAAQ,GAAG,CAAC,CAAC,GAAGrB,KAAK,IAAI,EAAAoB,gBAAA,OAAI,CAACtC,SAAS,cAAAsC,gBAAA,uBAAdA,gBAAA,CAAgBrC,KAAK,KAAI,CAAC,CAAC;IAC1D,IAAG,IAAI,CAACuC,aAAa,EAAE;MACrB,IAAI,CAACA,aAAa,CAACC,WAAW,CAACF,QAAQ,CAAC,CACvCG,IAAI,CAAC,MAAM,IAAI,CAACjC,QAAQ,CAACS,KAAK,CAAC,CAAC;IACnC,CAAC,MAAM;MACL,IAAI,CAACT,QAAQ,CAACS,KAAK,CAAC;IACtB;EACF;EAEAyB,IAAIA,CAAA,EAAG;IAAA,IAAAC,mBAAA;IACL,CAAAA,mBAAA,OAAI,CAACJ,aAAa,cAAAI,mBAAA,eAAlBA,mBAAA,CAAoBC,SAAS,CAAC,CAAC;EACjC;EAEAC,IAAIA,CAAA,EAAG;IAAA,IAAAC,oBAAA;IACL,CAAAA,oBAAA,OAAI,CAACP,aAAa,cAAAO,oBAAA,eAAlBA,oBAAA,CAAoBF,SAAS,CAAC,CAAC;EACjC;EAEApC,QAAQA,CAACyB,QAAgB,EAAE;IACzB,IAAIA,QAAQ,GAAG,CAAC,IAAIA,QAAQ,IAAI,IAAI,CAAC/B,QAAQ,CAACC,MAAM,EAAE;MACpD;IACF;IACA,MAAM4C,QAAQ,GAAG,IAAI,CAACnD,KAAK,CAACC,gBAAgB;IAC5C,MAAMmD,aAAa,GAAG,IAAI,CAAC9C,QAAQ,CAAC,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;IAChE,IAAI,CAACoC,QAAQ,GAAGA,QAAQ;IACxBe,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEC,WAAW,CAAC,CAAC;IAC5B,IAAI,CAACvB,WAAW,CAAC;MACf7B,gBAAgB,EAAEoC;IACpB,CAAC,EAAiB,MAAM;MACtB,IAAI,CAACZ,WAAW,CAACY,QAAQ,EAAE,MAAM;QAC/B,MAAMiB,WAAW,GAAG,IAAI,CAAChD,QAAQ,CAAC+B,QAAQ,CAAC;QAC3CiB,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEC,SAAS,CAAC,CAAC;QACxB,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAACC,KAAK,EAAEpB,QAAQ,EAAEc,QAAQ,CAAC,CAAC;MAC5E,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEOO,cAAcA,CAAC/D,KAAkB,EAAC;IACvC,MAAMW,QAAQ,GAAIzB,KAAK,CAAC8E,QAAQ,CAACC,OAAO,CAAC,IAAI,CAACjE,KAAK,CAACkE,QAAQ,CAAC,CAC5DC,MAAM,CAAC,CAACC,IAAS,EAAE1C,KAAa,KAAK0C,IAAI,CAACpE,KAAK,CAACqE,IAAI,IAAI,KAAK,CAAC;IAC/D,MAAMC,UAAU,GAAG3D,QAAQ,CAAC4D,GAAG,CAAC,CAACC,CAAM,EAAElC,CAAS,MAC/C;MAACmC,KAAK,EAAED,CAAC,CAACxE,KAAK,CAACyE,KAAK,IAAI,WAAW;MAAEC,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAI,OAAMH,CAAC,CAACxE,KAAK,CAACyE,KAAM,IAAGnC,CAAE;IAAC,CAAC,CAAC,CAAC;IACvF,oBACEpD,KAAA,CAAA0F,aAAA,CAACzF,IAAI;MAAC0F,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEC,iBAAiB,EAAE;MAAC,CAAC;IAAE,gBACzD9F,KAAA,CAAA0F,aAAA,CAACzF,IAAI;MAAC8F,QAAQ,EAAE,IAAI,CAAC9D,YAAY,CAAC+D,IAAI,CAAC,IAAI,CAAE;MAACL,KAAK,EAAE;QAACpE,KAAK,EAAE;MAAM;IAAE,CAAO,CAAC,eAC7EvB,KAAA,CAAA0F,aAAA,CAAClF,WAAW;MACVoF,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK,SAAU;MAC9BC,IAAI,EAAEd,UAAW;MACjBe,YAAY,EAAE,IAAI,CAACrF,KAAK,CAACqF,YAAa;MACtC/E,gBAAgB,EAAE,IAAI,CAACD,KAAK,CAACC;IAAiB,CAClC,CAAC,eACfpB,KAAA,CAAA0F,aAAA,CAACzF;IACC;IAAA;MACA0F,KAAK,EAAE;QACLpE,KAAK,EAAE,MAAM;QACb;QACA6E,QAAQ,EAAE;MACZ;IAAE,gBACFpG,KAAA,CAAA0F,aAAA,CAACzF,IAAI;MAAC0F,KAAK,EAAE;QACXU,aAAa,EAAE,KAAK;QACpBC,QAAQ,EAAE;MACZ;IAAE,GACC7E,QAAQ,CAAC4D,GAAG,CAAC,CAACC,CAAM,EAAElC,CAAC,KAAK;MAC3B,oBACApD,KAAA,CAAA0F,aAAA,CAACzF,IAAI;QACHwF,GAAG,EAAG,OAAMH,CAAC,CAACxE,KAAK,CAACyE,KAAM,IAAGnC,CAAE,EAAE;QACjCuC,KAAK,EAAE;UAACpE,KAAK,EAAE,MAAM;UAAEgF,SAAS,EAAE;QAAY,CAAE;QAChDR,QAAQ,EAAE,IAAI,CAACxD,iBAAiB,CAACyD,IAAI,CAAC,IAAI,EAAE5C,CAAC;MAAE,GAE9CkC,CACG,CAAC;IACT,CAAC,CACG,CACF,CACF,CAAC;EAGT;EAEOkB,gBAAgBA,CAACjD,IAAY,EAAEkD,IAAS,EAAEC,IAAS,EAAQ;IAChE,KAAK,CAACF,gBAAgB,CAACjD,IAAI,EAAEkD,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAOnD,IAAI;MACT,KAAK,kBAAkB;QACrB,MAAMoD,aAAa,GAAGF,IAAI,IAAI,CAAC;QAC/B,MAAM1D,SAAoB,GAAG,EAAE;QAC/BA,SAAS,CAAC4D,aAAa,CAAC,GAAG,IAAI;QAC/B,IAAI,CAAC1D,WAAW,CAAC;UACf7B,gBAAgB,EAAEuF,aAAa;UAC/B5D,SAAS,EAAEA;QACb,CAAgB,CAAC;IACrB;EACF;EAEA6D,YAAYA,CAAC9F,KAAkB,EAAE;IAC/B,MAAMW,QAAQ,GAAIzB,KAAK,CAAC8E,QAAQ,CAACC,OAAO,CAACjE,KAAK,CAACkE,QAAQ,CAAC,CACrDC,MAAM,CAAC,CAACC,IAAS,EAAE1C,KAAa,KAAK0C,IAAI,CAACpE,KAAK,CAACqE,IAAI,IAAI,KAAK,CAAC;IACjE,MAAMC,UAAU,GAAG3D,QAAQ,CAAC4D,GAAG,CAAC,CAACC,CAAM,EAAElC,CAAS,MAC/C;MAACmC,KAAK,EAAED,CAAC,CAACxE,KAAK,CAACyE,KAAK,IAAI,WAAW;MAAGC,IAAI,EAAEF,CAAC,CAACxE,KAAK,CAAC+F,QAAQ,IAAI,EAAE;MAAEpB,GAAG,EAAI,OAAMH,CAAC,CAACxE,KAAK,CAACyE,KAAM,IAAGnC,CAAE;IAAC,CAAC,CAAC,CAAC;IAC5G,oBACEpD,KAAA,CAAA0F,aAAA,CAACzF,IAAI;MAAC0F,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACiB,WAAW,eACjB9G,KAAA,CAAA0F,aAAA,CAACzF,IAAI;MAAC8F,QAAQ,EAAE,IAAI,CAAC9D,YAAY,CAAC+D,IAAI,CAAC,IAAI,CAAE;MAACL,KAAK,EAAE;QAACpE,KAAK,EAAE;MAAM;IAAE,CAAO,CAAC,eAC7EvB,KAAA,CAAA0F,aAAA,CAAClF,WAAW;MACVuG,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC9BpB,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK,SAAU;MAC9BC,IAAI,EAAEd,UAAW;MACjBhE,gBAAgB,EAAE,IAAI,CAACD,KAAK,CAACC,gBAAiB;MAC9C6F,aAAa,EAAE,IAAI,CAAC3E,OAAO,CAAC0D,IAAI,CAAC,IAAI;IAAE,CAC3B,CAAC,eACfhG,KAAA,CAAA0F,aAAA,CAACzF,IAAI;MACH0F,KAAK,EAAE,CAAC;QACNpE,KAAK,EAAE,MAAM;QACb2F,IAAI,EAAE;MACR,CAAC,EAAE,IAAI,CAACtB,MAAM,CAACC,IAAI,CAAClD,MAAM,GACzBtC,gBAAgB,CAAC,CAAC,GAAG;QAAC,WAAW,EAAE,QAAQ;QAAC,WAAW,EAAE;MAAM,CAAC,GAAU;QAAC+F,QAAQ,EAAE;MAAQ,CAAC,GAC7F;QACAA,QAAQ,EAAE,QAAQ;QAClBe,SAAS,EAAE,IAAI,CAACzE,cAAc,CAAC,IAAI,CAACvB,KAAK,CAACC,gBAAgB;MAC5D,CAAC,EAAE,IAAI,CAACwE,MAAM,CAACwB,UAAU;IAAE,gBAC3BpH,KAAA,CAAA0F,aAAA,CAACtF,cAAc,CAACH,IAAI;MAClBoH,cAAc,EAAEvG,KAAK,CAACwG,cAAe;MACrC3B,KAAK,EAAE;QACLU,aAAa,EAAE,KAAK;QACpBC,QAAQ,EAAE,QAAQ;QAClBiB,UAAU,EAAE;MACd,CAAE;MACFC,SAAS,EAAC,YAAY;MACtBC,GAAG,EAAGC,CAAC,IAAK;QAAC,IAAI,CAAC5D,aAAa,GAAG4D,CAAC;MAAA,CAAE;MACrCC,QAAQ,EAAI,IAAI,CAACC;IAAkB,GAElCnG,QAAQ,CAAC4D,GAAG,CAAC,CAACC,CAAM,EAAElC,CAAC,KAAK;MAC3B,oBACApD,KAAA,CAAA0F,aAAA,CAACzF,IAAI;QACHwF,GAAG,EAAG,OAAMH,CAAC,CAACxE,KAAK,CAACyE,KAAM,IAAGnC,CAAE,EAAE;QACjCuC,KAAK,EAAE;UACLpE,KAAK,EAAE,MAAM;UACboB,MAAM,EAAE,IAAI,CAACiD,MAAM,CAACC,IAAI,CAAClD,MAAM,GAAIkF,SAAS,GAAG,OAAO;UACtDtB,SAAS,EAAE;QAAY;MAAE,gBAC3BvG,KAAA,CAAA0F,aAAA,CAACzF,IAAI;QACH0F,KAAK,EAAE;UAACpE,KAAK,EAAE,MAAM;UAAEgF,SAAS,EAAE;QAAY,CAAE;QAChDR,QAAQ,EAAE,IAAI,CAACxD,iBAAiB,CAACyD,IAAI,CAAC,IAAI,EAAE5C,CAAC;MAAE,GAE9CkC,CACG,CACF,CAAC;IACT,CAAC,CACkB,CACjB,CACF,CAAC;EAEX;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","createSkeleton","WmTabsState","constructor","args","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","tabsShown","setTimeout","updateState","addTabPane","tabPane","paneId","newIndex","i","findIndex","t","push","removeTabPane","splice","selectTabPane","indexOf","selectedTabPane","_this$tabLayout2","position","animationView","setPosition","then","prev","_this$animationView","goToLower","next","_this$animationView2","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeletonContent","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","cloneElement","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","theme","opacity","onPropertyChange","name","$new","$old","selectedIndex","getBackground","_showSkeleton","_background","renderWidget","paneicon","id","getTestId","onIndexChange","flex","maxHeight","tabContent","enableGestures","enablegestures","alignItems","direction","ref","r","handlers","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';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.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  }\n\n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    tabPane.paneId = `tabPane${this.newIndex++}`;\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes.push(tabPane)\n    }\n  }\n\n  removeTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes.splice(i, 1); \n      this.newIndex--;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  get selectedTabPane() {\n    return this.tabPanes[this.state.selectedTabIndex];\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    if (index < 0 || index >= this.tabPanes.length) {\n      return;\n    }\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    if(this.animationView) {\n      this.animationView.setPosition(position)\n      .then(() => this.onChange(index));\n    } else {\n      this.onChange(index);\n    }\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 renderSkeletonContent(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              {React.cloneElement(p, { \"invokeVariables\": false })}\n              {/* {p} */}\n            </View>);\n          })}\n        </View>\n      </View>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmTabsProps){\n    if(!props.showskeletonchildren) {\n      const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n      return createSkeleton(this.theme, skeletonStyles, {\n        ...this.styles.root\n      }, (<View style={[this.styles.root, { opacity: 0 }]}>\n        {this.renderSkeletonContent(props)}\n      </View>)) \n    }\n    return this.renderSkeletonContent(props);\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"defaultpaneindex\":\n        const selectedIndex = $new || 0;\n        const tabsShown: boolean[] = [];\n        tabsShown[selectedIndex] = true;\n        this.updateState({\n          selectedTabIndex: selectedIndex,\n          tabsShown: tabsShown\n        } as WmTabsState);\n    }\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\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: p.props.paneicon || '', key:  `tab-${p.props.title}-${i}`}));\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n      <View style={styles}>\n        {this.getBackground()}\n        <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n        <WmTabheader\n          id={this.getTestId('headers')}\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ?\n          (isWebPreviewMode() ? {'overflowX': 'hidden','overflowY': 'auto'} as any : {overflow: 'scroll'})\n          : {\n            overflow: 'hidden',\n            maxHeight: this.tabPaneHeights[this.state.selectedTabIndex],\n          }, this.styles.tabContent]} >\n          <SwipeAnimation.View\n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'flex-start'\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                key={`tab-${p.props.title}-${i}`}\n                style={{\n                  width: '100%',\n                  height: this.styles.root.height  ? undefined : 1000000,\n                  alignSelf: 'flex-start'}}>\n                <View\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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmTabsProps","constructor","args","_defineProperty"],"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;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,2BAEtB,CAAC;IAAAA,eAAA,yBACX,IAAI;EAAA;AACvB","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmTabsProps","constructor","args","_defineProperty"],"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;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,2BAErB,CAAC;IAAAA,eAAA,yBACX,IAAI;EAAA;AACxB","ignoreList":[]}

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

@@ -12,7 +12,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     text: {},
     tabContent: {},
-    tabHeader: {}
+    tabHeader: {},
+    skeleton: {
+      root: {}
+    }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
   addStyle('tabs-with-arrow-indicator', '', {

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","tabContent","tabHeader","backgroundColor","transparent","header","marginBottom","activeIndicator","justifyContent","alignItems","marginTop","height","arrowIndicator","display","tabArrowIndicatorBgColor","width","transform","rotateZ","arrowIndicatorDot","tabArrowIndicatorDotColor","borderRadius","translateX","translateY"],"sources":["tabs.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport 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  tabContent: ViewStyle\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      tabContent: {},\n      tabHeader: {} as WmTabheaderStyles\n  });\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('tabs-with-arrow-indicator', '', {\n    tabHeader: {\n      root: {\n        backgroundColor: themeVariables.transparent\n      },\n      header: {\n        marginBottom: 16\n      },\n      activeIndicator: {\n        justifyContent: 'center',\n        alignItems: 'center',\n        marginTop: 2,\n        height: 0\n      },\n      arrowIndicator: {\n        display: 'flex',\n        backgroundColor: themeVariables.tabArrowIndicatorBgColor,\n        width: 24,\n        height: 24,\n        justifyContent: 'center',\n        alignItems: 'center',\n        transform: [{\n          rotateZ: '45deg'\n        }]\n      },\n      arrowIndicatorDot: {\n        display: 'flex',\n        backgroundColor: themeVariables.tabArrowIndicatorDotColor,\n        width: 4,\n        height: 4, \n        borderRadius: 8,\n        transform: [{\n          translateX: -2\n        }, {\n          translateY: -2\n        }]\n      }\n    } as WmTabheaderStyles\n  });\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,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,UAAU,EAAE,CAAC,CAAC;IACdC,SAAS,EAAE,CAAC;EAChB,CAAC,CAAC;EACFX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,2BAA2B,EAAE,EAAE,EAAE;IACxCW,SAAS,EAAE;MACTT,IAAI,EAAE;QACJU,eAAe,EAAEb,cAAc,CAACc;MAClC,CAAC;MACDC,MAAM,EAAE;QACNC,YAAY,EAAE;MAChB,CAAC;MACDC,eAAe,EAAE;QACfC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,SAAS,EAAE,CAAC;QACZC,MAAM,EAAE;MACV,CAAC;MACDC,cAAc,EAAE;QACdC,OAAO,EAAE,MAAM;QACfV,eAAe,EAAEb,cAAc,CAACwB,wBAAwB;QACxDC,KAAK,EAAE,EAAE;QACTJ,MAAM,EAAE,EAAE;QACVH,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBO,SAAS,EAAE,CAAC;UACVC,OAAO,EAAE;QACX,CAAC;MACH,CAAC;MACDC,iBAAiB,EAAE;QACjBL,OAAO,EAAE,MAAM;QACfV,eAAe,EAAEb,cAAc,CAAC6B,yBAAyB;QACzDJ,KAAK,EAAE,CAAC;QACRJ,MAAM,EAAE,CAAC;QACTS,YAAY,EAAE,CAAC;QACfJ,SAAS,EAAE,CAAC;UACVK,UAAU,EAAE,CAAC;QACf,CAAC,EAAE;UACDC,UAAU,EAAE,CAAC;QACf,CAAC;MACH;IACF;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","elevation","borderBottomWidth","borderStyle","borderColor","tabBorderColor","text","tabContent","tabHeader","skeleton","backgroundColor","transparent","header","marginBottom","activeIndicator","justifyContent","alignItems","marginTop","height","arrowIndicator","display","tabArrowIndicatorBgColor","width","transform","rotateZ","arrowIndicatorDot","tabArrowIndicatorDotColor","borderRadius","translateX","translateY"],"sources":["tabs.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport 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';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTabsStyles = BaseStyles & {\n  tabHeader: WmTabheaderStyles,\n  tabContent: ViewStyle,\n  skeleton: WmSkeletonStyles\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      tabContent: {},\n      tabHeader: {} as WmTabheaderStyles,\n      skeleton: { \n        root: {\n        }\n      } as WmSkeletonStyles\n  });\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('tabs-with-arrow-indicator', '', {\n    tabHeader: {\n      root: {\n        backgroundColor: themeVariables.transparent\n      },\n      header: {\n        marginBottom: 16\n      },\n      activeIndicator: {\n        justifyContent: 'center',\n        alignItems: 'center',\n        marginTop: 2,\n        height: 0\n      },\n      arrowIndicator: {\n        display: 'flex',\n        backgroundColor: themeVariables.tabArrowIndicatorBgColor,\n        width: 24,\n        height: 24,\n        justifyContent: 'center',\n        alignItems: 'center',\n        transform: [{\n          rotateZ: '45deg'\n        }]\n      },\n      arrowIndicatorDot: {\n        display: 'flex',\n        backgroundColor: themeVariables.tabArrowIndicatorDotColor,\n        width: 4,\n        height: 4, \n        borderRadius: 8,\n        transform: [{\n          translateX: -2\n        }, {\n          translateY: -2\n        }]\n      }\n    } as WmTabheaderStyles\n  });\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAUxF,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,UAAU,EAAE,CAAC,CAAC;IACdC,SAAS,EAAE,CAAC,CAAsB;IAClCC,QAAQ,EAAE;MACRV,IAAI,EAAE,CACN;IACF;EACJ,CAAC,CAAC;EACFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,2BAA2B,EAAE,EAAE,EAAE;IACxCW,SAAS,EAAE;MACTT,IAAI,EAAE;QACJW,eAAe,EAAEd,cAAc,CAACe;MAClC,CAAC;MACDC,MAAM,EAAE;QACNC,YAAY,EAAE;MAChB,CAAC;MACDC,eAAe,EAAE;QACfC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,SAAS,EAAE,CAAC;QACZC,MAAM,EAAE;MACV,CAAC;MACDC,cAAc,EAAE;QACdC,OAAO,EAAE,MAAM;QACfV,eAAe,EAAEd,cAAc,CAACyB,wBAAwB;QACxDC,KAAK,EAAE,EAAE;QACTJ,MAAM,EAAE,EAAE;QACVH,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBO,SAAS,EAAE,CAAC;UACVC,OAAO,EAAE;QACX,CAAC;MACH,CAAC;MACDC,iBAAiB,EAAE;QACjBL,OAAO,EAAE,MAAM;QACfV,eAAe,EAAEd,cAAc,CAAC8B,yBAAyB;QACzDJ,KAAK,EAAE,CAAC;QACRJ,MAAM,EAAE,CAAC;QACTS,YAAY,EAAE,CAAC;QACfJ,SAAS,EAAE,CAAC;UACVK,UAAU,EAAE,CAAC;QACf,CAAC,EAAE;UACDC,UAAU,EAAE,CAAC;QACf,CAAC;MACH;IACF;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -1,23 +1,49 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
+import { View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmTileProps from './tile.props';
 import { DEFAULT_CLASS } from './tile.styles';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
 export class WmTileState extends BaseComponentState {}
 export default class WmTile extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmTileProps());
   }
+  renderSkeleton(props) {
+    if (!props.showskeletonchildren) {
+      var _this$props;
+      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
+        root: {},
+        text: {}
+      };
+      return createSkeleton(this.theme, skeletonStyles, {
+        ...this.styles.root
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, {
+          opacity: 0
+        }]
+      }, props.children));
+    }
+    return null;
+  }
+  getBackground() {
+    return this._showSkeleton ? null : this._background;
+  }
   renderWidget(props) {
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...this.styles.skeleton.root
+    } : this.styles.root;
     return /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
       target: this
     }), /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       delay: props.animationdelay,
-      style: this.styles.root
-    }, this._background, props.children));
+      style: styles
+    }, this.getBackground(), 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","createElement","_extends","getTestPropsForAction","target","entryanimation","animation","delay","animationdelay","style","styles","root","_background","children"],"sources":["tile.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTileProps from './tile.props';\nimport { DEFAULT_CLASS, WmTileStyles } from './tile.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmTileState extends BaseComponentState<WmTileProps> {}\n\nexport default class WmTile extends BaseComponent<WmTileProps, WmTileState, WmTileStyles> {\n\n  constructor(props: WmTileProps) {\n    super(props, DEFAULT_CLASS, new WmTileProps());\n  }\n\n  renderWidget(props: WmTileProps) {\n    return (<Tappable {...this.getTestPropsForAction()} target={this}>\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={this.styles.root}>{this._background}{props.children}</Animatedview>\n    </Tappable>);\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAC3D,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAEhG,OAAO,MAAMC,WAAW,SAASL,kBAAkB,CAAc;AAEjE,eAAe,MAAMM,MAAM,SAASP,aAAa,CAAyC;EAExFQ,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEAQ,YAAYA,CAACD,KAAkB,EAAE;IAC/B,oBAAQV,KAAA,CAAAY,aAAA,CAACP,QAAQ,EAAAQ,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,MAAM,EAAE;IAAK,iBAC/Df,KAAA,CAAAY,aAAA,CAACN,YAAY;MAACU,cAAc,EAAEN,KAAK,CAACO,SAAU;MAACC,KAAK,EAAER,KAAK,CAACS,cAAe;MAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEb,KAAK,CAACc,QAAuB,CAC7I,CAAC;EACb;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmTileProps","DEFAULT_CLASS","Tappable","Animatedview","createSkeleton","WmTileState","WmTile","constructor","props","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","styles","skeleton","root","text","theme","createElement","style","opacity","children","getBackground","_showSkeleton","_background","renderWidget","_extends","getTestPropsForAction","target","entryanimation","animation","delay","animationdelay"],"sources":["tile.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 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';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.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  public renderSkeleton(props: WmTileProps): React.ReactNode {\n    if(!props.showskeletonchildren) {\n      const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n      return createSkeleton(this.theme, skeletonStyles, {\n        ...this.styles.root\n      }, (<View style={[this.styles.root, { opacity: 0 }]}>\n        {props.children}\n      </View>))\n    }\n    return null;\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  renderWidget(props: WmTileProps) {\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n     } : this.styles.root;\n     \n    return (<Tappable {...this.getTestPropsForAction()} target={this}>\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={styles}>{this.getBackground()}{props.children}</Animatedview>\n    </Tappable>);\n  }\n}\n\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,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,SAASC,cAAc,QAAQ,wEAAwE;AAEvG,OAAO,MAAMC,WAAW,SAASN,kBAAkB,CAAc;AAEjE,eAAe,MAAMO,MAAM,SAASR,aAAa,CAAyC;EAExFS,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEOS,cAAcA,CAACD,KAAkB,EAAmB;IACzD,IAAG,CAACA,KAAK,CAACE,oBAAoB,EAAE;MAAA,IAAAC,WAAA;MAC9B,MAAMC,cAAgC,GAAG,EAAAD,WAAA,OAAI,CAACH,KAAK,cAAAG,WAAA,gBAAAA,WAAA,GAAVA,WAAA,CAAYE,MAAM,cAAAF,WAAA,uBAAlBA,WAAA,CAAoBG,QAAQ,KAAI;QAAEC,IAAI,EAAE,CAAC,CAAC;QAAEC,IAAI,EAAE,CAAC;MAAG,CAAqB;MACpH,OAAOZ,cAAc,CAAC,IAAI,CAACa,KAAK,EAAEL,cAAc,EAAE;QAChD,GAAG,IAAI,CAACC,MAAM,CAACE;MACjB,CAAC,eAAGnB,KAAA,CAAAsB,aAAA,CAACrB,IAAI;QAACsB,KAAK,EAAE,CAAC,IAAI,CAACN,MAAM,CAACE,IAAI,EAAE;UAAEK,OAAO,EAAE;QAAE,CAAC;MAAE,GACjDZ,KAAK,CAACa,QACH,CAAE,CAAC;IACX;IACA,OAAO,IAAI;EACb;EAEAC,aAAaA,CAAA,EAA6B;IACxC,OAAO,IAAI,CAACC,aAAa,GAAG,IAAI,GAAG,IAAI,CAACC,WAAW;EACrD;EAEAC,YAAYA,CAACjB,KAAkB,EAAE;IAC/B,MAAMK,MAAM,GAAG,IAAI,CAACU,aAAa,GAAG;MAClC,GAAG,IAAI,CAACV,MAAM,CAACE,IAAI;MACnB,GAAG,IAAI,CAACF,MAAM,CAACC,QAAQ,CAACC;IACzB,CAAC,GAAG,IAAI,CAACF,MAAM,CAACE,IAAI;IAErB,oBAAQnB,KAAA,CAAAsB,aAAA,CAAChB,QAAQ,EAAAwB,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,MAAM,EAAE;IAAK,iBAC/DhC,KAAA,CAAAsB,aAAA,CAACf,YAAY;MAAC0B,cAAc,EAAErB,KAAK,CAACsB,SAAU;MAACC,KAAK,EAAEvB,KAAK,CAACwB,cAAe;MAACb,KAAK,EAAEN;IAAO,GAAE,IAAI,CAACS,aAAa,CAAC,CAAC,EAAEd,KAAK,CAACa,QAAuB,CACvI,CAAC;EACb;AACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmTileProps","constructor","args","_defineProperty"],"sources":["tile.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTileProps extends BaseProps {\n  animation: string = null as any;\n  animationdelay?: number = null as any;\n  children: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC7B,IAAI;IAAAA,eAAA,yBACE,IAAI;IAAAA,eAAA;EAAA;AAEhC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmTileProps","constructor","args","_defineProperty"],"sources":["tile.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTileProps extends BaseProps {\n  animation: string = null as any;\n  animationdelay?: number = null as any;\n  children: any;\n}\n\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC7B,IAAI;IAAAA,eAAA,yBACE,IAAI;IAAAA,eAAA;EAAA;AAEhC","ignoreList":[]}

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

@@ -10,7 +10,12 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderColor: themeVariables.transparent,
       padding: 12
     },
-    text: {}
+    text: {},
+    skeleton: {
+      root: {
+        width: '100%'
+      }
+    }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
   addStyle('tile-template-text', '', {

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderRadius","borderWidth","borderStyle","borderColor","transparent","padding","text","color","tilePrimaryTextColor","marginBottom","backgroundColor","tileWellbgColor","tileWellBorderColor"],"sources":["tile.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmTileStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-tile';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTileStyles = defineStyles({\n      root: {\n        borderRadius: 6,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.transparent,\n        padding: 12\n      },\n      text: {}\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  addStyle('tile-template-text', '', {\n    text: {\n      color: themeVariables.tilePrimaryTextColor\n    }\n  } as any);\n\n  addStyle('well', '', {\n    root: {\n      padding: 20,\n      marginBottom: 20,\n      borderWidth: 1,\n      backgroundColor: themeVariables.tileWellbgColor,\n      borderColor: themeVariables.tileWellBorderColor,\n      borderStyle: 'solid',\n      borderRadius: 2\n    }\n  });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,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,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,WAAW;MACvCC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFT,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAE1CD,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IACjCS,IAAI,EAAE;MACJC,KAAK,EAAEX,cAAc,CAACY;IACxB;EACF,CAAQ,CAAC;EAETX,QAAQ,CAAC,MAAM,EAAE,EAAE,EAAE;IACnBE,IAAI,EAAE;MACJM,OAAO,EAAE,EAAE;MACXI,YAAY,EAAE,EAAE;MAChBR,WAAW,EAAE,CAAC;MACdS,eAAe,EAAEd,cAAc,CAACe,eAAe;MAC/CR,WAAW,EAAEP,cAAc,CAACgB,mBAAmB;MAC/CV,WAAW,EAAE,OAAO;MACpBF,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderRadius","borderWidth","borderStyle","borderColor","transparent","padding","text","skeleton","width","color","tilePrimaryTextColor","marginBottom","backgroundColor","tileWellbgColor","tileWellBorderColor"],"sources":["tile.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 { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTileStyles = BaseStyles & {\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-tile';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTileStyles = defineStyles({\n      root: {\n        borderRadius: 6,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.transparent,\n        padding: 12\n      },\n      text: {},\n      skeleton: {\n        root:{\n          width: '100%',\n        },\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  addStyle('tile-template-text', '', {\n    text: {\n      color: themeVariables.tilePrimaryTextColor\n    }\n  } as any);\n\n  addStyle('well', '', {\n    root: {\n      padding: 20,\n      marginBottom: 20,\n      borderWidth: 1,\n      backgroundColor: themeVariables.tileWellbgColor,\n      borderColor: themeVariables.tileWellBorderColor,\n      borderStyle: 'solid',\n      borderRadius: 2\n    }\n  });\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,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,WAAW;MACvCC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACRR,IAAI,EAAC;QACHS,KAAK,EAAE;MACT;IACF;EACJ,CAAC,CAAC;EAEFX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAE1CD,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IACjCS,IAAI,EAAE;MACJG,KAAK,EAAEb,cAAc,CAACc;IACxB;EACF,CAAQ,CAAC;EAETb,QAAQ,CAAC,MAAM,EAAE,EAAE,EAAE;IACnBE,IAAI,EAAE;MACJM,OAAO,EAAE,EAAE;MACXM,YAAY,EAAE,EAAE;MAChBV,WAAW,EAAE,CAAC;MACdW,eAAe,EAAEhB,cAAc,CAACiB,eAAe;MAC/CV,WAAW,EAAEP,cAAc,CAACkB,mBAAmB;MAC/CZ,WAAW,EAAE,OAAO;MACpBF,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -13,6 +14,7 @@ import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.c
 import WmProgressCircle from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.component';
 import WmPopover from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.component';
 import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
 export class WmWizardState extends BaseComponentState {
   constructor(...args) {
     super(...args);
@@ -33,10 +35,13 @@ export default class WmWizard extends BaseComponent {
         }
       }
     });
-    const steps = props.children;
+  }
+  updateDefaultStep() {
+    const steps = this.steps;
+    const props = this.props;
     let defaultStepIndex = 0;
     if (isArray(steps) && props.defaultstep) {
-      steps.map((item, index) => {
+      steps && steps.map((item, index) => {
         if (props.defaultstep === item.props.name) {
           defaultStepIndex = index;
         }
@@ -50,7 +55,16 @@ export default class WmWizard extends BaseComponent {
   }
   componentDidMount() {
     super.componentDidMount();
-    this.showActiveStep();
+    if (this.props.defaultstep && this.props.defaultstep != 'none') {
+      this.updateDefaultStep();
+    }
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);
+    // * when a variable is bind to default step
+    if (this.props.defaultstep && prevProps.defaultstep !== this.props.defaultstep) {
+      this.updateDefaultStep();
+    }
   }
   showActiveStep() {
     var _this$steps$this$stat;
@@ -108,6 +122,7 @@ export default class WmWizard extends BaseComponent {
       }, /*#__PURE__*/React.createElement(View, {
         style: [this.styles.stepMenu, currentMenuItem ? this.styles.activeStepMenu : {}]
       }, /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('icon'),
         caption: caption,
         iconclass: currentMenuItem ? "wi wi-radio-button-checked" : 'wi wi-radio-button-unchecked',
         styles: currentMenuItem ? this.styles.stepMenuActiveIcon : this.styles.stepMenuIcon
@@ -132,6 +147,7 @@ export default class WmWizard extends BaseComponent {
         flexDirection: 'row'
       }
     }, /*#__PURE__*/React.createElement(WmProgressCircle, {
+      id: this.getTestId('progress'),
       minvalue: 0,
       maxvalue: this.steps.length,
       datavalue: index + 1,
@@ -146,11 +162,11 @@ export default class WmWizard extends BaseComponent {
         justifyContent: 'center',
         flexDirection: 'column'
       }
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.stepTitle
-    }, item.props.title || 'Step Title'), /*#__PURE__*/React.createElement(Text, {
+    }, this.getTestPropsForLabel('step' + (index + 1) + '_title')), item.props.title || 'Step Title'), /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.stepSubTitle
-    }, item.props.subtitle || 'Step Sub Title')), /*#__PURE__*/React.createElement(View, {
+    }, this.getTestPropsForLabel('step' + (index + 1) + '_subtitle')), item.props.subtitle || 'Step Sub Title')), /*#__PURE__*/React.createElement(View, {
       style: {
         flexDirection: 'row',
         alignItems: 'flex-end',
@@ -164,6 +180,7 @@ export default class WmWizard extends BaseComponent {
     const isFirstStep = index === 0;
     const isActiveStep = index === this.state.currentStep;
     const isNumberTextLayout = this.state.props.classname === 'number-text-inline';
+    const wizardStepCountVisibility = index >= this.state.currentStep && !this.state.isDone || !this.state.currentStep;
     return item.state.props.show != false ? /*#__PURE__*/React.createElement(View, {
       style: [this.styles.headerWrapper, isNumberTextLayout ? {
         paddingRight: isActiveStep ? 0 : 5,
@@ -175,20 +192,28 @@ export default class WmWizard extends BaseComponent {
       onPress: this.updateCurrentStep.bind(this, index, false),
       disabled: index >= this.state.currentStep || !this.state.props.headernavigation,
       accessibilityRole: "header"
-    }, /*#__PURE__*/React.createElement(View, {
+    }, !this._showSkeleton ? /*#__PURE__*/React.createElement(View, _extends({
       style: this.getStepStyle(index)
-    }, index >= this.state.currentStep && !this.state.isDone && /*#__PURE__*/React.createElement(Text, {
+    }, this.getTestPropsForAction('step' + index)), wizardStepCountVisibility && /*#__PURE__*/React.createElement(Text, _extends({
       style: isActiveStep ? [this.styles.activeStep, this.styles.activeStepCounter] : this.styles.stepCounter
-    }, index + 1), (index < this.state.currentStep || this.state.isDone) && /*#__PURE__*/React.createElement(WmIcon, {
+    }, this.getTestPropsForLabel('step' + (index + 1) + '_indicator')), index + 1), (index < this.state.currentStep || this.state.isDone) && /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('status'),
       styles: merge({}, this.styles.stepIcon, {
         icon: {
           color: this.styles.activeStep.color
         }
       }),
       iconclass: item.state.props.iconclass || 'wm-sl-l sl-check'
-    })), isActiveStep && /*#__PURE__*/React.createElement(Text, {
+    })) : /*#__PURE__*/React.createElement(WmLabel, {
+      showskeleton: true,
+      styles: {
+        root: {
+          ...this.getStepStyle(index)[0]
+        }
+      }
+    }), isActiveStep && /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.stepTitle
-    }, item.state.props.title || 'Step Title'), this.numberOfSteps > 1 && isActiveStep && /*#__PURE__*/React.createElement(View, {
+    }, this.getTestPropsForLabel('step' + (index + 1) + '_title')), item.state.props.title || 'Step Title'), this.numberOfSteps > 1 && isActiveStep && /*#__PURE__*/React.createElement(View, {
       style: [this.styles.numberTextStepConnector, {
         width: isLastStep ? 0 : 50
       }]
@@ -238,15 +263,39 @@ export default class WmWizard extends BaseComponent {
   skip() {
     this.next('skip');
   }
+  getBackground() {
+    return this._showSkeleton ? null : this._background;
+  }
+  renderSkeleton(props) {
+    if (!props.showskeletonchildren) {
+      var _this$props;
+      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
+        root: {},
+        text: {}
+      };
+      return createSkeleton(this.theme, skeletonStyles, {
+        ...this.styles.root
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, {
+          opacity: 0
+        }]
+      }, props.children));
+    }
+    return null;
+  }
   renderWidget(props) {
     var _this$state$props$cla;
     this.numberOfSteps = this.steps.length;
     const activeStep = this.steps[this.state.currentStep];
     const isSkippable = activeStep && activeStep.state.props.enableskip;
     const isProgressCircleHeader = (_this$state$props$cla = this.state.props.classname) === null || _this$state$props$cla === void 0 ? void 0 : _this$state$props$cla.includes('progress-circle-header');
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...this.styles.skeleton.root
+    } : this.styles.root;
     return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(View, {
+      style: styles
+    }, this.getBackground(), /*#__PURE__*/React.createElement(View, {
       style: this.styles.wizardHeader
     }, activeStep && isProgressCircleHeader ? this.renderProgressCircleHeader(activeStep, this.state.currentStep) : 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","Platform","TouchableWithoutFeedback","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmProgressCircle","WmPopover","WmLabel","WmWizardState","constructor","args","_defineProperty","WmWizard","props","onComponentInit","c","popOverRef","steps","children","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","isDone","_this$steps$this$stat2","lastStep","setInActive","updateState","invokeEventCallback","proxy","getStepStyle","style","styles","push","doneStep","activeStep","renderMenuPopover","menuDataset","getmenudataexpression","Labels","title","createElement","id","getTestId","popover","contentanimation","caption","popoverheight","height","popoverwidth","width","listener","iconclass","popovericonclass","iconposition","type","currentMenuItem","length","key","onPress","hide","stepMenu","activeStepMenu","stepMenuActiveIcon","stepMenuIcon","stepMenuActiveLabel","stepMenuLabel","renderProgressCircleHeader","progressTitle","progresstitle","headerWrapper","stepWrapper","flex","alignItems","justifyContent","flexDirection","minvalue","maxvalue","datavalue","captionplacement","progresstype","subtitle","progressCircle","stepTitle","stepSubTitle","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","isActiveStep","isNumberTextLayout","classname","show","paddingRight","paddingLeft","bind","disabled","headernavigation","accessibilityRole","activeStepCounter","stepCounter","stepIcon","icon","color","numberTextStepConnector","stepConnector","left","OS","isRTL","prev","invokePrevCB","next","eventName","invokeSkipCB","invokeNextCB","done","$event","cancel","skip","renderWidget","_this$state$props$cla","isSkippable","enableskip","isProgressCircleHeader","includes","root","_background","wizardHeader","i","wizardBody","wizardFooter","actionsalignment","showdone","wizardActions","theme","getStyle","doneButton","donebtnlabel","onTap","disabledone","shownext","nextButton","nextbtnlabel","disablenext","showprev","prevButton","previousbtnlabel","disableprev","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform, TouchableWithoutFeedback } from 'react-native';\nimport { isArray, merge } from 'lodash';\nimport { BaseComponent, BaseComponentState, LifecycleListener } 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';\nimport WmProgressCircle from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.component';\nimport WmPopover from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.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  private popOverRef: WmPopover = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmPopover) {\n        this.popOverRef = c;\n      }\n    }\n  };\n\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    const lastStep = this.state.currentStep;\n    this.steps[this.state.currentStep]?.setInActive();\n    this.updateState({\n      currentStep: index,\n      isDone: isDone\n    } as WmWizardState, () => {\n      this.showActiveStep();\n      if (lastStep !== index) {\n        this.invokeEventCallback('onChange', [null, this.proxy, index + 1, lastStep + 1]);\n      }\n    });\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  renderMenuPopover(){\n    const menuDataset = this.props.getmenudataexpression || ((item: any, index: number) => '') ;\n    const Labels = this.steps.map((step: WmWizardstep) => step.state.props.title);\n    return (\n      <WmPopover\n        id={this.getTestId('menu')}\n        styles={this.styles.popover}\n        contentanimation={'slideInDown'}\n        caption={''}\n        popoverheight={this.styles.popover.popover.height as string | number | undefined || null}\n        popoverwidth={this.styles.popover.popover.width as string | number | undefined || null}\n        listener={this.listener}\n        iconclass={this.props.popovericonclass || 'fa fa-caret-down'}\n        iconposition=\"right\"\n        type='dropdown'>\n          <View style={this.styles.popover.popover}>\n            {Labels.map((item: any, index: number) => {\n              const currentMenuItem = index==this.state.currentStep;\n              const caption = menuDataset({\"count\":this.steps.length}, index);\n              return (\n              <TouchableWithoutFeedback key={'wizard_menu_item_'+index} onPress={()=>{this.popOverRef.hide();}}>\n                <View style={[this.styles.stepMenu, currentMenuItem?this.styles.activeStepMenu:{}]}>\n                  <WmIcon caption={caption} iconclass={currentMenuItem? \"wi wi-radio-button-checked\" : 'wi wi-radio-button-unchecked'} styles={currentMenuItem?this.styles.stepMenuActiveIcon:this.styles.stepMenuIcon}/>\n                  <WmLabel caption={item} styles={currentMenuItem?this.styles.stepMenuActiveLabel:this.styles.stepMenuLabel}/>\n                </View>\n              </TouchableWithoutFeedback>\n            )})}\n          </View>\n      </WmPopover>\n    );\n  }\n\n  renderProgressCircleHeader(item: any, index: number) {\n    const progressTitle = this.props.progresstitle || (index + 1 + '/' + this.steps.length);\n    return (\n      <View style={[this.styles.headerWrapper]} key={index + 1}>\n        <View style={this.styles.stepWrapper}>\n          <View style={{ flex: 1, alignItems: 'flex-start', justifyContent: 'center', flexDirection:'row' }}>\n            <WmProgressCircle minvalue={0} maxvalue={this.steps.length} datavalue={index + 1} captionplacement={'inside'} type={this.props.progresstype} title={progressTitle} subtitle={''} styles={this.styles.progressCircle} />\n          </View>\n        <View style={{ flex: 2, justifyContent: 'center', flexDirection: 'column' }}>\n            <Text style={this.styles.stepTitle}>\n              {item.props.title || 'Step Title'}</Text>\n            <Text style={this.styles.stepSubTitle}>\n              {item.props.subtitle || 'Step Sub Title'}</Text>\n          </View>\n          <View style={{ flexDirection: 'row', alignItems: 'flex-end', justifyContent: 'flex-end', flex: 1 }}>\n            {this.renderMenuPopover()}\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.numberOfSteps - 1;\n    const isFirstStep = index === 0;\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    return item.state.props.show != false ? (\n      <View style={[this.styles.headerWrapper, isNumberTextLayout ?\n        {paddingRight: isActiveStep ? 0 : 5, paddingLeft: index === this.state.currentStep + 1 ? 0 : 5}: {}]} key={index+1}>\n        <TouchableOpacity style={this.styles.stepWrapper}\n                          onPress={this.updateCurrentStep.bind(this, index, false)} disabled={index >= this.state.currentStep || !this.state.props.headernavigation}\n                          accessibilityRole='header'>\n            <View style={this.getStepStyle(index)}>\n              {index >= this.state.currentStep && !this.state.isDone &&\n                <Text style={isActiveStep ? [this.styles.activeStep, this.styles.activeStepCounter] : 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.state.props.iconclass || 'wm-sl-l sl-check'}></WmIcon>}\n            </View>\n            {(isActiveStep) &&\n              <Text style={this.styles.stepTitle}>\n              {item.state.props.title || 'Step Title'}</Text> }\n            {this.numberOfSteps > 1 && isActiveStep &&\n              <View style={[this.styles.numberTextStepConnector, {width: isLastStep ? 0 : 50}]}></View>}\n        </TouchableOpacity>\n        {this.numberOfSteps > 1 && <View style={[this.styles.stepConnector, { width: isFirstStep || isLastStep ? '50%' : '100%',\n                                                      left: Platform.OS == \"web\"?(!this.isRTL && isFirstStep) || (this.isRTL && isLastStep) ? '50%': '0%': isFirstStep ? '50%': '0%'}]}></View>}\n      </View>\n    ) : null;\n  }\n\n  prev() {\n    const index = this.state.currentStep;\n    if (index <= 0) {\n      return;\n    }\n    const currentStep = this.steps[index];\n    if(currentStep.invokePrevCB(index) == false){\n      return;\n    }\n    this.updateCurrentStep(index - 1);\n  }\n\n  next(eventName?: string) {\n    const index = this.state.currentStep;\n    if (index >= this.steps.length - 1) {\n      return;\n    }\n    const currentStep = this.steps[index];\n    if (eventName === 'skip') {\n      currentStep.invokeSkipCB(index);\n    } else if (currentStep.invokeNextCB(index) == false) {\n      return;\n    }\n    this.updateCurrentStep(index + 1);\n  }\n\n  done($event: any) {\n    if (this.state.currentStep !== this.steps.length - 1) {\n      return;\n    }\n    this.updateState({\n      isDone: true\n    } as WmWizardState);\n    this.invokeEventCallback('onDone', [$event, this.proxy]);\n  }\n\n  cancel() {\n    this.invokeEventCallback('onCancel', [null, this.proxy]);\n  }\n\n  skip() {\n    this.next('skip');\n  }\n\n  renderWidget(props: WmWizardProps) {\n    this.numberOfSteps = this.steps.length;\n    const activeStep = this.steps[this.state.currentStep];\n    const isSkippable = activeStep && activeStep.state.props.enableskip;\n    const isProgressCircleHeader = this.state.props.classname?.includes('progress-circle-header');\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.wizardHeader}>\n          {activeStep && isProgressCircleHeader ? (this.renderProgressCircleHeader(activeStep, this.state.currentStep)) : (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 && activeStep.state.props.showdone &&\n            <WmButton iconclass={'wm-sl-l sl-check'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.doneButton)}\n              id = {this.getTestId('donebtn')} caption={props.donebtnlabel} onTap={this.done.bind(this)} disabled={activeStep.state.props.disabledone}></WmButton>\n          }\n          {(this.state.currentStep+1) < this.numberOfSteps && activeStep.state.props.shownext &&\n            <WmButton iconclass={'wi wi-chevron-right'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.nextButton)}\n                id = {this.getTestId('nextbtn')}\n                      iconposition={'right'} caption={props.nextbtnlabel} onTap={this.next.bind(this)} disabled={activeStep.state.props.disablenext}></WmButton>\n          }\n          {this.state.currentStep > 0 && activeStep.state.props.showprev &&\n            <WmButton iconclass={'wi wi-chevron-left'} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.prevButton)} caption={props.previousbtnlabel}\n                id = {this.getTestId('prevbtn')}\n                onTap={this.prev.bind(this)} disabled={activeStep.state.props.disableprev}></WmButton>\n          }\n          {props.cancelable ?\n              <WmButton id = {this.getTestId('cancelbtn')}  caption={props.cancelbtnlabel} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.cancelButton)} onTap={this.cancel.bind(this)}></WmButton>\n              : null\n          }\n          {isSkippable &&\n              <WmAnchor iconclass={'wi wi-chevron-right'} iconposition={'right'} caption={'Skip'}\n                id = {this.getTestId('skip')}\n                styles={merge({}, this.styles.wizardActions, this.styles.skipLink)} onTap={this.skip.bind(this)}></WmAnchor>\n          }\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","TouchableWithoutFeedback","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmProgressCircle","WmPopover","WmLabel","createSkeleton","WmWizardState","constructor","args","_defineProperty","WmWizard","props","onComponentInit","c","popOverRef","updateDefaultStep","steps","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","componentDidUpdate","prevProps","prevState","snapshot","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","isDone","_this$steps$this$stat2","lastStep","setInActive","updateState","invokeEventCallback","proxy","getStepStyle","style","styles","push","doneStep","activeStep","renderMenuPopover","menuDataset","getmenudataexpression","Labels","title","createElement","id","getTestId","popover","contentanimation","caption","popoverheight","height","popoverwidth","width","listener","iconclass","popovericonclass","iconposition","type","currentMenuItem","length","key","onPress","hide","stepMenu","activeStepMenu","stepMenuActiveIcon","stepMenuIcon","stepMenuActiveLabel","stepMenuLabel","renderProgressCircleHeader","progressTitle","progresstitle","headerWrapper","stepWrapper","flex","alignItems","justifyContent","flexDirection","minvalue","maxvalue","datavalue","captionplacement","progresstype","subtitle","progressCircle","_extends","stepTitle","getTestPropsForLabel","stepSubTitle","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","isActiveStep","isNumberTextLayout","classname","wizardStepCountVisibility","show","paddingRight","paddingLeft","bind","disabled","headernavigation","accessibilityRole","_showSkeleton","getTestPropsForAction","activeStepCounter","stepCounter","stepIcon","icon","color","showskeleton","root","numberTextStepConnector","stepConnector","left","OS","isRTL","prev","invokePrevCB","next","eventName","invokeSkipCB","invokeNextCB","done","$event","cancel","skip","getBackground","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","theme","opacity","children","renderWidget","_this$state$props$cla","isSkippable","enableskip","isProgressCircleHeader","includes","wizardHeader","i","wizardBody","wizardFooter","actionsalignment","showdone","wizardActions","getStyle","doneButton","donebtnlabel","onTap","disabledone","shownext","nextButton","nextbtnlabel","disablenext","showprev","prevButton","previousbtnlabel","disableprev","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform, TouchableWithoutFeedback } from 'react-native';\nimport { isArray, merge } from 'lodash';\nimport {  BaseComponent, BaseComponentState, LifecycleListener } 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';\nimport WmProgressCircle from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.component';\nimport WmPopover from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.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  private popOverRef: WmPopover = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmPopover) {\n        this.popOverRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmWizardProps) {\n    super(props, DEFAULT_CLASS, new WmWizardProps());\n  }\n\n  updateDefaultStep() {\n    const steps = this.steps;\n    const props = this.props;\n    let defaultStepIndex = 0;\n    if (isArray(steps) && props.defaultstep) {\n      steps && 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    if (this.props.defaultstep && this.props.defaultstep != 'none') {\n      this.updateDefaultStep();\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<WmWizardProps>, prevState: Readonly<WmWizardState>, snapshot?: any): void {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    // * when a variable is bind to default step\n    if (this.props.defaultstep && prevProps.defaultstep !== this.props.defaultstep) {\n      this.updateDefaultStep();\n    }\n  }\n\n  showActiveStep() {\n    this.steps[this.state.currentStep]?.setActive();\n  }\n\n  updateCurrentStep(index: number, isDone = false) {\n    const lastStep = this.state.currentStep;\n    this.steps[this.state.currentStep]?.setInActive();\n    this.updateState({\n      currentStep: index,\n      isDone: isDone\n    } as WmWizardState, () => {\n      this.showActiveStep();\n      if (lastStep !== index) {\n        this.invokeEventCallback('onChange', [null, this.proxy, index + 1, lastStep + 1]);\n      }\n    });\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  renderMenuPopover(){\n    const menuDataset = this.props.getmenudataexpression || ((item: any, index: number) => '') ;\n    const Labels = this.steps.map((step: WmWizardstep) => step.state.props.title);\n    return (\n      <WmPopover\n        id={this.getTestId('menu')}\n        styles={this.styles.popover}\n        contentanimation={'slideInDown'}\n        caption={''}\n        popoverheight={this.styles.popover.popover.height as string | number | undefined || null}\n        popoverwidth={this.styles.popover.popover.width as string | number | undefined || null}\n        listener={this.listener}\n        iconclass={this.props.popovericonclass || 'fa fa-caret-down'}\n        iconposition=\"right\"\n        type='dropdown'>\n          <View style={this.styles.popover.popover}>\n            {Labels.map((item: any, index: number) => {\n              const currentMenuItem = index==this.state.currentStep;\n              const caption = menuDataset({\"count\":this.steps.length}, index);\n              return (\n              <TouchableWithoutFeedback key={'wizard_menu_item_'+index} onPress={()=>{this.popOverRef.hide();}}>\n                <View style={[this.styles.stepMenu, currentMenuItem?this.styles.activeStepMenu:{}]}>\n                  <WmIcon id={this.getTestId('icon')} caption={caption} iconclass={currentMenuItem? \"wi wi-radio-button-checked\" : 'wi wi-radio-button-unchecked'} styles={currentMenuItem?this.styles.stepMenuActiveIcon:this.styles.stepMenuIcon}/>\n                  <WmLabel caption={item} styles={currentMenuItem?this.styles.stepMenuActiveLabel:this.styles.stepMenuLabel}/>\n                </View>\n              </TouchableWithoutFeedback>\n            )})}\n          </View>\n      </WmPopover>\n    );\n  }\n\n  renderProgressCircleHeader(item: any, index: number) {\n    const progressTitle = this.props.progresstitle || (index + 1 + '/' + this.steps.length);\n    return (\n      <View style={[this.styles.headerWrapper]} key={index + 1}>\n        <View style={this.styles.stepWrapper}>\n          <View style={{ flex: 1, alignItems: 'flex-start', justifyContent: 'center', flexDirection:'row' }}>\n            <WmProgressCircle id={this.getTestId('progress')} minvalue={0} maxvalue={this.steps.length} datavalue={index + 1} captionplacement={'inside'} type={this.props.progresstype} title={progressTitle} subtitle={''} styles={this.styles.progressCircle}/>\n          </View>\n        <View style={{ flex: 2, justifyContent: 'center', flexDirection: 'column' }}>\n            <Text style={this.styles.stepTitle} {...this.getTestPropsForLabel('step' + (index + 1) + '_title')}>\n              {item.props.title || 'Step Title'}</Text>\n            <Text style={this.styles.stepSubTitle} {...this.getTestPropsForLabel('step' + (index + 1)+ '_subtitle')}>\n              {item.props.subtitle || 'Step Sub Title'}</Text>\n          </View>\n          <View style={{ flexDirection: 'row', alignItems: 'flex-end', justifyContent: 'flex-end', flex: 1 }}>\n            {this.renderMenuPopover()}\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.numberOfSteps - 1;\n    const isFirstStep = index === 0;\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    const wizardStepCountVisibility = (index >= this.state.currentStep && !this.state.isDone) || !this.state.currentStep\n    return item.state.props.show != false ? (\n      <View style={[this.styles.headerWrapper, isNumberTextLayout ?\n        {paddingRight: isActiveStep ? 0 : 5, paddingLeft: index === this.state.currentStep + 1 ? 0 : 5}: {}]} key={index+1}>\n        <TouchableOpacity style={this.styles.stepWrapper}\n                          onPress={this.updateCurrentStep.bind(this, index, false)} disabled={index >= this.state.currentStep || !this.state.props.headernavigation}\n                          accessibilityRole='header'>\n            {!this._showSkeleton ? <View style={this.getStepStyle(index)} {...this.getTestPropsForAction('step'+index)}>\n              { wizardStepCountVisibility &&\n                <Text style={isActiveStep ? [this.styles.activeStep, this.styles.activeStepCounter] : this.styles.stepCounter} {...this.getTestPropsForLabel('step' + (index + 1) + '_indicator')}>{index+1}</Text>}\n              {(index < this.state.currentStep || this.state.isDone) &&\n                <WmIcon id={this.getTestId('status')} styles={merge({}, this.styles.stepIcon, {icon: {color: this.styles.activeStep.color}})}\n                        iconclass={item.state.props.iconclass || 'wm-sl-l sl-check'}></WmIcon>}\n            </View> : <WmLabel showskeleton={true} styles={{root: {...this.getStepStyle(index)[0]}}}/>}\n            {(isActiveStep) &&\n              <Text style={this.styles.stepTitle} {...this.getTestPropsForLabel('step' + (index + 1) + '_title')}>\n              {item.state.props.title || 'Step Title'}</Text> }\n            {this.numberOfSteps > 1 && isActiveStep &&\n              <View style={[this.styles.numberTextStepConnector, {width: isLastStep ? 0 : 50}]}></View>}\n        </TouchableOpacity>\n        {this.numberOfSteps > 1 && <View style={[this.styles.stepConnector, { width: isFirstStep || isLastStep ? '50%' : '100%',\n                                                      left: Platform.OS == \"web\"?(!this.isRTL && isFirstStep) || (this.isRTL && isLastStep) ? '50%': '0%': isFirstStep ? '50%': '0%'}]}></View>}\n      </View>\n    ) : null;\n  }\n\n  prev() {\n    const index = this.state.currentStep;\n    if (index <= 0) {\n      return;\n    }\n    const currentStep = this.steps[index];\n    if(currentStep.invokePrevCB(index) == false){\n      return;\n    }\n    this.updateCurrentStep(index - 1);\n  }\n\n  next(eventName?: string) {\n    const index = this.state.currentStep;\n    if (index >= this.steps.length - 1) {\n      return;\n    }\n    const currentStep = this.steps[index];\n    if (eventName === 'skip') {\n      currentStep.invokeSkipCB(index);\n    } else if (currentStep.invokeNextCB(index) == false) {\n      return;\n    }\n    this.updateCurrentStep(index + 1);\n  }\n\n  done($event: any) {\n    if (this.state.currentStep !== this.steps.length - 1) {\n      return;\n    }\n    this.updateState({\n      isDone: true\n    } as WmWizardState);\n    this.invokeEventCallback('onDone', [$event, this.proxy]);\n  }\n\n  cancel() {\n    this.invokeEventCallback('onCancel', [null, this.proxy]);\n  }\n\n  skip() {\n    this.next('skip');\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmWizardProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n          {props.children}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmWizardProps) {\n    this.numberOfSteps = this.steps.length;\n    const activeStep = this.steps[this.state.currentStep];\n    const isSkippable = activeStep && activeStep.state.props.enableskip;\n    const isProgressCircleHeader = this.state.props.classname?.includes('progress-circle-header');\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n      <View style={styles}>\n        {this.getBackground()}\n        <View style={this.styles.wizardHeader}>\n          {activeStep && isProgressCircleHeader ? (this.renderProgressCircleHeader(activeStep, this.state.currentStep)) : (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 && activeStep.state.props.showdone &&\n            <WmButton iconclass={'wm-sl-l sl-check'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.doneButton)}\n              id = {this.getTestId('donebtn')} caption={props.donebtnlabel} onTap={this.done.bind(this)} disabled={activeStep.state.props.disabledone}></WmButton>\n          }\n          {(this.state.currentStep+1) < this.numberOfSteps && activeStep.state.props.shownext &&\n            <WmButton iconclass={'wi wi-chevron-right'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.nextButton)}\n                id = {this.getTestId('nextbtn')}\n                      iconposition={'right'} caption={props.nextbtnlabel} onTap={this.next.bind(this)} disabled={activeStep.state.props.disablenext}></WmButton>\n          }\n          {this.state.currentStep > 0 && activeStep.state.props.showprev &&\n            <WmButton iconclass={'wi wi-chevron-left'} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.prevButton)} caption={props.previousbtnlabel}\n                id = {this.getTestId('prevbtn')}\n                onTap={this.prev.bind(this)} disabled={activeStep.state.props.disableprev}></WmButton>\n          }\n          {props.cancelable ?\n              <WmButton id = {this.getTestId('cancelbtn')}  caption={props.cancelbtnlabel} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.cancelButton)} onTap={this.cancel.bind(this)}></WmButton>\n              : null\n          }\n          {isSkippable &&\n              <WmAnchor iconclass={'wi wi-chevron-right'} iconposition={'right'} caption={'Skip'}\n                id = {this.getTestId('skip')}\n                styles={merge({}, this.styles.wizardActions, this.styles.skipLink)} onTap={this.skip.bind(this)}></WmAnchor>\n          }\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWizardProps","constructor","args","_defineProperty","undefined"],"sources":["wizard.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmWizardProps extends BaseProps {\n  actionsalignment: string = 'right';\n  children: any;\n  cancelable: boolean = true;\n  cancelbtnlabel: string = 'Cancel';\n  donebtnlabel: string = 'Done';\n  nextbtnlabel: string = 'Next';\n  previousbtnlabel: string = 'Previous';\n  defaultstep: string = 'none';\n  progresstitle: string = '';\n  progresstype: 'default' | 'success' | 'info' | 'warning' | 'error' = 'default';\n  getmenudataexpression: any = undefined;\n  popovericonclass: string = 'fa fa-caret-down';\n  headernavigation: boolean = true\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,2BACxB,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEZ,IAAI;IAAAA,eAAA,yBACD,QAAQ;IAAAA,eAAA,uBACV,MAAM;IAAAA,eAAA,uBACN,MAAM;IAAAA,eAAA,2BACF,UAAU;IAAAA,eAAA,sBACf,MAAM;IAAAA,eAAA,wBACJ,EAAE;IAAAA,eAAA,uBAC2C,SAAS;IAAAA,eAAA,gCACjDC,SAAS;IAAAD,eAAA,2BACX,kBAAkB;IAAAA,eAAA,2BACjB,IAAI;EAAA;AAClC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmWizardProps","constructor","args","_defineProperty","undefined"],"sources":["wizard.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmWizardProps extends BaseProps {\n  actionsalignment: string = 'right';\n  children: any;\n  cancelable: boolean = true;\n  cancelbtnlabel: string = 'Cancel';\n  donebtnlabel: string = 'Done';\n  nextbtnlabel: string = 'Next';\n  previousbtnlabel: string = 'Previous';\n  defaultstep: string = 'none';\n  progresstitle: string = '';\n  progresstype: 'default' | 'success' | 'info' | 'warning' | 'error' = 'default';\n  getmenudataexpression: any = undefined;\n  popovericonclass: string = 'fa fa-caret-down';\n  headernavigation: boolean = true\n}\n\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,2BACxB,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEZ,IAAI;IAAAA,eAAA,yBACD,QAAQ;IAAAA,eAAA,uBACV,MAAM;IAAAA,eAAA,uBACN,MAAM;IAAAA,eAAA,2BACF,UAAU;IAAAA,eAAA,sBACf,MAAM;IAAAA,eAAA,wBACJ,EAAE;IAAAA,eAAA,uBAC2C,SAAS;IAAAA,eAAA,gCACjDC,SAAS;IAAAD,eAAA,2BACX,kBAAkB;IAAAA,eAAA,2BACjB,IAAI;EAAA;AAClC","ignoreList":[]}

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

@@ -153,6 +153,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     activeStepCounter: {
       color: themeVariables.wizardActiveStepColor
     },
+    skeleton: {
+      root: {}
+    },
     stepCounter: {
       fontSize: 15,
       color: themeVariables.wizardStepColor