@wavemaker/app-rn-runtime 11.4.3-next.30201 → 11.4.3-patch.1

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

@@ -0,0 +1,230 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';
+import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import WmTabsProps from './tabs.props';
+import { DEFAULT_CLASS } from './tabs.styles';
+import WmTabheader from './tabheader/tabheader.component';
+export class WmTabsState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "tabsShown", []);
+    _defineProperty(this, "selectedTabIndex", 0);
+  }
+}
+export default class WmTabs extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());
+    _defineProperty(this, "tabPanes", []);
+    _defineProperty(this, "newIndex", 0);
+    _defineProperty(this, "tabLayout", null);
+    _defineProperty(this, "tabPaneHeights", []);
+    _defineProperty(this, "animationView", null);
+    _defineProperty(this, "animationHandlers", {
+      bounds: e => {
+        var _this$tabLayout;
+        const activeTabIndex = this.state.selectedTabIndex,
+          w = ((_this$tabLayout = this.tabLayout) === null || _this$tabLayout === void 0 ? void 0 : _this$tabLayout.width) || 0,
+          noOfTabs = this.tabPanes.length;
+        return {
+          lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,
+          center: -1 * activeTabIndex * w,
+          upper: -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w
+        };
+      },
+      onLower: e => {
+        this.onChange(this.state.selectedTabIndex - 1);
+      },
+      onUpper: e => {
+        this.onChange(this.state.selectedTabIndex + 1);
+      }
+    });
+    const selectedIndex = props.defaultpaneindex || 0;
+    const tabsShown = [];
+    tabsShown[selectedIndex] = true;
+    this.updateState({
+      selectedTabIndex: selectedIndex,
+      tabsShown: tabsShown
+    });
+  }
+  setTabLayout(event) {
+    this.tabLayout = event.nativeEvent.layout;
+    this.forceUpdate(() => {
+      this.goToTab();
+    });
+  }
+  setTabPaneHeights(index, nativeEvent) {
+    var _nativeEvent$nativeEv;
+    this.tabPaneHeights[index] = (_nativeEvent$nativeEv = nativeEvent.nativeEvent.layout) === null || _nativeEvent$nativeEv === void 0 ? void 0 : _nativeEvent$nativeEv.height;
+    if (index === this.state.selectedTabIndex) {
+      this.forceUpdate();
+    }
+  }
+  setTabShown(tabIndex, callback) {
+    if (!this.state.tabsShown[tabIndex]) {
+      const tabsShown = [...this.state.tabsShown];
+      tabsShown[tabIndex] = true;
+      setTimeout(() => {
+        this.updateState({
+          tabsShown: tabsShown
+        }, callback);
+      }, 300);
+    } else {
+      callback && callback();
+    }
+  }
+  addTabPane(tabPane) {
+    const i = this.tabPanes.findIndex(t => t.props.name === tabPane.props.name);
+    if (i >= 0) {
+      this.tabPanes[i] = tabPane;
+    } else {
+      this.tabPanes[this.newIndex++] = tabPane;
+    }
+  }
+  selectTabPane(tabPane) {
+    this.goToTab(this.tabPanes.indexOf(tabPane));
+  }
+  goToTab() {
+    var _this$tabLayout2, _this$animationView;
+    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state.selectedTabIndex;
+    const position = -1 * index * (((_this$tabLayout2 = this.tabLayout) === null || _this$tabLayout2 === void 0 ? void 0 : _this$tabLayout2.width) || 0);
+    (_this$animationView = this.animationView) === null || _this$animationView === void 0 ? void 0 : _this$animationView.setPosition(position).then(() => this.onChange(index));
+  }
+  prev() {
+    var _this$animationView2;
+    (_this$animationView2 = this.animationView) === null || _this$animationView2 === void 0 ? void 0 : _this$animationView2.goToLower();
+  }
+  next() {
+    var _this$animationView3;
+    (_this$animationView3 = this.animationView) === null || _this$animationView3 === void 0 ? void 0 : _this$animationView3.goToLower();
+  }
+  onChange(newIndex) {
+    if (newIndex < 0 || newIndex >= this.tabPanes.length) {
+      return;
+    }
+    const oldIndex = this.state.selectedTabIndex;
+    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];
+    this.newIndex = newIndex;
+    deselectedTab === null || deselectedTab === void 0 ? void 0 : deselectedTab._onDeselect();
+    this.updateState({
+      selectedTabIndex: newIndex
+    }, () => {
+      this.setTabShown(newIndex, () => {
+        const selectedTab = this.tabPanes[newIndex];
+        selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab._onSelect();
+        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);
+      });
+    });
+  }
+  renderSkeleton(props) {
+    const tabPanes = React.Children.toArray(this.props.children).filter((item, index) => item.props.show != false);
+    const headerData = tabPanes.map((p, i) => ({
+      title: p.props.title || 'Tab Title',
+      icon: '',
+      key: `tab-${p.props.title}-${i}`
+    }));
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, {
+        borderBottomWidth: 0
+      }]
+    }, /*#__PURE__*/React.createElement(View, {
+      onLayout: this.setTabLayout.bind(this),
+      style: {
+        width: '100%'
+      }
+    }), /*#__PURE__*/React.createElement(WmTabheader, {
+      styles: this.styles.tabHeader,
+      data: headerData,
+      showskeleton: this.props.showskeleton,
+      selectedTabIndex: this.state.selectedTabIndex
+    }), /*#__PURE__*/React.createElement(View
+    //{...this.panResponder.panHandlers}
+    , {
+      style: {
+        width: '100%',
+        //height: this.tabPaneHeights[this.state.selectedTabIndex],
+        overflow: 'hidden'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'nowrap'
+      }
+    }, tabPanes.map((p, i) => {
+      return /*#__PURE__*/React.createElement(View, {
+        key: `tab-${p.props.title}-${i}`,
+        style: {
+          width: '100%',
+          alignSelf: 'flex-start'
+        },
+        onLayout: this.setTabPaneHeights.bind(this, i)
+      }, p);
+    }))));
+  }
+  renderWidget(props) {
+    const tabPanes = React.Children.toArray(props.children).filter((item, index) => item.props.show != false);
+    const headerData = tabPanes.map((p, i) => ({
+      title: p.props.title || 'Tab Title',
+      icon: '',
+      key: `tab-${p.props.title}-${i}`
+    }));
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(View, {
+      onLayout: this.setTabLayout.bind(this),
+      style: {
+        width: '100%'
+      }
+    }), /*#__PURE__*/React.createElement(WmTabheader, {
+      id: this.getTestId('headers'),
+      styles: this.styles.tabHeader,
+      data: headerData,
+      selectedTabIndex: this.state.selectedTabIndex,
+      onIndexChange: this.goToTab.bind(this)
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: '100%',
+        flex: 1
+      }, this.styles.root.height ? isWebPreviewMode() ? {
+        'overflow-x': 'hidden',
+        'overflow-y': 'auto'
+      } : {
+        overflow: 'scroll'
+      } : {
+        overflow: 'hidden',
+        maxHeight: this.tabPaneHeights[this.state.selectedTabIndex]
+      }]
+    }, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
+      enableGestures: props.enablegestures,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'nowrap'
+      },
+      direction: "horizontal",
+      ref: r => {
+        this.animationView = r;
+      },
+      handlers: this.animationHandlers
+    }, tabPanes.map((p, i) => {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: '100%',
+          height: this.styles.root.height ? undefined : 1000000,
+          alignSelf: 'flex-start'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        key: `tab-${p.props.title}-${i}`,
+        style: {
+          width: '100%',
+          alignSelf: 'flex-start'
+        },
+        onLayout: this.setTabPaneHeights.bind(this, i)
+      }, p));
+    }))));
+  }
+}
+//# sourceMappingURL=tabs.component.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,181 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { Text, View, TouchableOpacity, Platform } from 'react-native';
+import { isArray, merge } from 'lodash';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmWizardProps from './wizard.props';
+import { DEFAULT_CLASS } from './wizard.styles';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
+export class WmWizardState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "currentStep", 0);
+    _defineProperty(this, "isDone", false);
+  }
+}
+export default class WmWizard extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmWizardProps());
+    _defineProperty(this, "numberOfSteps", null);
+    _defineProperty(this, "steps", []);
+    const steps = props.children;
+    let defaultStepIndex = 0;
+    if (isArray(steps) && props.defaultstep) {
+      steps.map((item, index) => {
+        if (props.defaultstep === item.props.name) {
+          defaultStepIndex = index;
+        }
+      });
+    }
+    this.updateCurrentStep(defaultStepIndex);
+  }
+  addWizardStep(step) {
+    this.steps[step.props.index] = step;
+    this.forceUpdate();
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.showActiveStep();
+  }
+  showActiveStep() {
+    var _this$steps$this$stat;
+    (_this$steps$this$stat = this.steps[this.state.currentStep]) === null || _this$steps$this$stat === void 0 ? void 0 : _this$steps$this$stat.setActive();
+  }
+  updateCurrentStep(index) {
+    var _this$steps$this$stat2;
+    let isDone = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    (_this$steps$this$stat2 = this.steps[this.state.currentStep]) === null || _this$steps$this$stat2 === void 0 ? void 0 : _this$steps$this$stat2.setInActive();
+    this.updateState({
+      currentStep: index,
+      isDone: isDone
+    }, () => this.showActiveStep());
+  }
+  getStepStyle(index) {
+    const style = [this.styles.step];
+    if (this.state.isDone || index < this.state.currentStep) {
+      style.push(this.styles.doneStep);
+    } else if (this.state.currentStep === index) {
+      style.push(this.styles.activeStep);
+    }
+    return style;
+  }
+  renderWizardHeader(item, index) {
+    const isLastStep = index === this.numberOfSteps - 1;
+    const isFirstStep = index === 0;
+    const isActiveStep = index === this.state.currentStep;
+    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';
+    return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.headerWrapper, isNumberTextLayout ? {
+        paddingRight: isActiveStep ? 0 : 5,
+        paddingLeft: index === this.state.currentStep + 1 ? 0 : 5
+      } : {}],
+      key: index + 1
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: this.styles.stepWrapper,
+      onPress: this.updateCurrentStep.bind(this, index, false),
+      disabled: index >= this.state.currentStep
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.getStepStyle(index)
+    }, index >= this.state.currentStep && !this.state.isDone && /*#__PURE__*/React.createElement(Text, {
+      style: isActiveStep ? this.styles.activeStep : this.styles.stepCounter
+    }, index + 1), (index < this.state.currentStep || this.state.isDone) && /*#__PURE__*/React.createElement(WmIcon, {
+      styles: merge({}, this.styles.stepIcon, {
+        icon: {
+          color: this.styles.activeStep.color
+        }
+      }),
+      iconclass: item.props.iconclass || 'wm-sl-l sl-check'
+    })), (isNumberTextLayout && isActiveStep || !isNumberTextLayout) && /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.stepTitle
+    }, item.props.title || 'Step Title'), this.numberOfSteps > 1 && isActiveStep && /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.numberTextStepConnector, {
+        width: isLastStep ? 0 : 50
+      }]
+    })), this.numberOfSteps > 1 && /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.stepConnector, {
+        width: isFirstStep || isLastStep ? '50%' : '100%',
+        left: Platform.OS == "web" ? !this.isRTL && isFirstStep || this.isRTL && isLastStep ? '50%' : '0%' : isFirstStep ? '50%' : '0%'
+      }]
+    })) : null;
+  }
+  onPrev(steps) {
+    const index = this.state.currentStep;
+    const currentStep = this.steps[index];
+    currentStep.invokePrevCB(index);
+    this.updateCurrentStep(index - 1);
+  }
+  onNext(steps, eventName) {
+    const index = this.state.currentStep;
+    const currentStep = this.steps[index];
+    if (eventName === 'skip') {
+      currentStep.invokeSkipCB(index);
+    } else {
+      currentStep.invokeNextCB(index);
+    }
+    this.updateCurrentStep(index + 1);
+  }
+  onDone($event) {
+    this.updateState({
+      isDone: true
+    });
+    this.invokeEventCallback('onDone', [$event, this.proxy]);
+  }
+  onCancel() {
+    this.invokeEventCallback('onCancel', [null, this.proxy]);
+  }
+  onSkip(steps) {
+    this.onNext(steps, 'skip');
+  }
+  renderWidget(props) {
+    this.numberOfSteps = this.steps.length;
+    const activeStep = this.steps[this.state.currentStep];
+    const isSkippable = this.steps[this.state.currentStep] && this.steps[this.state.currentStep].props.enableskip;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.wizardHeader
+    }, this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.wizardBody
+    }, props.children), /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.wizardFooter, {
+        flexDirection: props.actionsalignment === 'right' ? 'row-reverse' : 'row'
+      }]
+    }, this.state.currentStep + 1 === this.numberOfSteps && /*#__PURE__*/React.createElement(WmButton, {
+      iconclass: 'wm-sl-l sl-check',
+      styles: merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.doneButton),
+      id: this.getTestId('donebtn'),
+      caption: props.donebtnlabel,
+      onTap: this.onDone.bind(this)
+    }), this.state.currentStep + 1 < this.numberOfSteps && /*#__PURE__*/React.createElement(WmButton, {
+      iconclass: 'wi wi-chevron-right',
+      styles: merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.nextButton),
+      id: this.getTestId('nextbtn'),
+      iconposition: 'right',
+      caption: props.nextbtnlabel,
+      onTap: this.onNext.bind(this, this.steps)
+    }), this.state.currentStep > 0 && /*#__PURE__*/React.createElement(WmButton, {
+      iconclass: 'wi wi-chevron-left',
+      styles: merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.prevButton),
+      caption: props.previousbtnlabel,
+      id: this.getTestId('prevbtn'),
+      onTap: this.onPrev.bind(this, this.steps)
+    }), props.cancelable ? /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('cancelbtn'),
+      caption: props.cancelbtnlabel,
+      styles: merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.cancelButton),
+      onTap: this.onCancel.bind(this)
+    }) : null, isSkippable && /*#__PURE__*/React.createElement(WmAnchor, {
+      iconclass: 'wi wi-chevron-right',
+      iconposition: 'right',
+      caption: 'Skip',
+      id: this.getTestId('skip'),
+      styles: merge({}, this.styles.wizardActions, this.styles.skipLink),
+      onTap: this.onSkip.bind(this, this.steps)
+    })));
+  }
+}
+//# sourceMappingURL=wizard.component.js.map

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

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