@wavemaker/app-rn-runtime 11.8.5-patch.2 → 11.8.5-rc.187

app-rn-runtime/components/page/partial/partial.component.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { DEFAULT_CLASS } from './partial.styles';
+import WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';
+export class WmPartialState extends BaseComponentState {}
+export default class WmPartial extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS);
+  }
+  renderSkeleton(props) {
+    var _this$styles;
+    const lottieContentStyles = (_this$styles = this.styles) === null || _this$styles === void 0 ? void 0 : _this$styles.skeleton;
+    if (this.props.skeletonanimationresource) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          width: '100%'
+        }, this.styles.root]
+      }, /*#__PURE__*/React.createElement(WmLottie, {
+        styles: {
+          content: lottieContentStyles.root
+        },
+        source: this.props.skeletonanimationresource,
+        loop: true,
+        autoplay: true,
+        speed: this.props.skeletonanimationspeed
+      }));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    var _this$styles$skeleton;
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...((_this$styles$skeleton = this.styles.skeleton) === null || _this$styles$skeleton === void 0 ? void 0 : _this$styles$skeleton.root)
+    } : this.styles.root;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=partial.component.js.map

app-rn-runtime/components/page/partial/partial.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmLottie","WmPartialState","WmPartial","constructor","props","renderSkeleton","_this$styles","lottieContentStyles","styles","skeleton","skeletonanimationresource","createElement","style","width","root","content","source","loop","autoplay","speed","skeletonanimationspeed","renderWidget","_this$styles$skeleton","_showSkeleton","_background","children"],"sources":["partial.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 WmPartialProps from './partial.props';\nimport { DEFAULT_CLASS, WmPartialStyles } from './partial.styles';\nimport WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport class WmPartialState extends BaseComponentState<WmPartialProps> {\n\n}\n\nexport default class WmPartial extends BaseComponent<WmPartialProps, WmPartialState, WmPartialStyles> {\n\n  constructor(props: WmPartialProps) {\n    super(props, DEFAULT_CLASS, );\n  }\n\n  public renderSkeleton(props: WmPartialProps): React.ReactNode {\n    const lottieContentStyles = this.styles?.skeleton as any as WmSkeletonStyles\n    if(this.props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles.root]}>\n        <WmLottie styles={{ content: lottieContentStyles.root}} source={this.props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n      </View>\n    }\n    return null;\n  }\n\n  renderWidget(props: WmPartialProps) {\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton?.root\n    } : this.styles.root\n    \n    return (\n      <View style={styles}>\n        {this._background}\n        {props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,SAASC,aAAa,QAAyB,kBAAkB;AACjE,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIvE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAkD;EAEpGM,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEL,aAAe,CAAC;EAC/B;EAEOM,cAAcA,CAACD,KAAqB,EAAmB;IAAA,IAAAE,YAAA;IAC5D,MAAMC,mBAAmB,IAAAD,YAAA,GAAG,IAAI,CAACE,MAAM,cAAAF,YAAA,uBAAXA,YAAA,CAAaG,QAAmC;IAC5E,IAAG,IAAI,CAACL,KAAK,CAACM,yBAAyB,EAAE;MACvC,oBAAOf,KAAA,CAAAgB,aAAA,CAACf,IAAI;QAACgB,KAAK,EAAE,CAAC;UAACC,KAAK,EAAE;QAAM,CAAC,EAAE,IAAI,CAACL,MAAM,CAACM,IAAI;MAAE,gBACtDnB,KAAA,CAAAgB,aAAA,CAACX,QAAQ;QAACQ,MAAM,EAAE;UAAEO,OAAO,EAAER,mBAAmB,CAACO;QAAI,CAAE;QAACE,MAAM,EAAE,IAAI,CAACZ,KAAK,CAACM,yBAA0B;QAACO,IAAI,EAAE,IAAK;QAACC,QAAQ,EAAE,IAAK;QAACC,KAAK,EAAE,IAAI,CAACf,KAAK,CAACgB;MAAuB,CAAC,CACxK,CAAC;IACT;IACA,OAAO,IAAI;EACb;EAEAC,YAAYA,CAACjB,KAAqB,EAAE;IAAA,IAAAkB,qBAAA;IAClC,MAAMd,MAAM,GAAG,IAAI,CAACe,aAAa,GAAG;MAClC,GAAG,IAAI,CAACf,MAAM,CAACM,IAAI;MACnB,KAAAQ,qBAAA,GAAG,IAAI,CAACd,MAAM,CAACC,QAAQ,cAAAa,qBAAA,uBAApBA,qBAAA,CAAsBR,IAAI;IAC/B,CAAC,GAAG,IAAI,CAACN,MAAM,CAACM,IAAI;IAEpB,oBACEnB,KAAA,CAAAgB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAEJ;IAAO,GACjB,IAAI,CAACgB,WAAW,EAChBpB,KAAK,CAACqB,QACH,CAAC;EAEX;AACF","ignoreList":[]}

app-rn-runtime/components/page/partial/partial.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","text","skeleton","height"],"sources":["partial.styles.ts"],"sourcesContent":["import BASE_THEME, { NamedStyles } 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 WmPartialStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-partial';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPartialStyles = defineStyles({\n        root: {\n            width: \"100%\"\n        },\n        text: {},\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAuB,wCAAwC;AAChF,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACFC,KAAK,EAAE;IACX,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNH,IAAI,EAAE;QACFI,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;EAEFN,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/page/partial-container/partial-container.props.js

@@ -0,0 +1,12 @@
+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); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmPartialContainerProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "content", null);
+    _defineProperty(this, "onLoad", () => {});
+  }
+}
+//# sourceMappingURL=partial-container.props.js.map

app-rn-runtime/components/page/tabbar/tabbar.component.js

@@ -0,0 +1,149 @@
+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); }
+import React from 'react';
+import { Text, View, TouchableOpacity, Dimensions, Keyboard } from 'react-native';
+import { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';
+import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';
+import { BaseNavComponent, BaseNavState } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';
+import WmTabbarProps from './tabbar.props';
+import { DEFAULT_CLASS } from './tabbar.styles';
+import Svg, { Path } from 'react-native-svg';
+import { getPathDown } from './curve';
+// import { scale } from 'react-native-size-scaling';
+import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
+const scale = n => n;
+class WmTabbarState extends BaseNavState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "showMore", false);
+    _defineProperty(this, "modalOptions", {});
+    _defineProperty(this, "dataItems", []);
+  }
+}
+export default class WmTabbar extends BaseNavComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());
+    _defineProperty(this, "tabbarHeight", 0);
+    _defineProperty(this, "keyBoardShown", false);
+    _defineProperty(this, "maxWidth", Dimensions.get("window").width);
+    _defineProperty(this, "returnpathDown", void 0);
+    this.cleanup.push(Keyboard.addListener('keyboardWillShow', () => {
+      this.keyBoardShown = true;
+      this.forceUpdate();
+    }).remove);
+    this.cleanup.push(Keyboard.addListener('keyboardWillHide', () => {
+      this.keyBoardShown = false;
+      this.forceUpdate();
+    }).remove);
+  }
+  renderTabItem(item, testId, props, onSelect, floating = false) {
+    const isActive = props.isActive && props.isActive(item);
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
+    let increasedGap = Number(testId) === (item === null || item === void 0 ? void 0 : item.indexBeforeMid) && this.state.dataItems.length % 2 != 0 && (props.classname || '').indexOf('clipped-tabbar') >= 0 ? [this.styles.tabItem, {
+      paddingRight: 70
+    }] : [this.styles.tabItem];
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('item' + testId), {
+      style: [increasedGap, floating ? this.styles.centerHubItem : {}],
+      key: `${item.label}_${testId}`,
+      onPress: () => onSelect && onSelect()
+    }), /*#__PURE__*/React.createElement(View, {
+      key: item.key
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [isActive && !floating ? this.styles.activeTabItem : {}]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.theme.mergeStyle({}, this.styles.tabIcon, floating ? this.styles.centerHubIcon : {}, isActive ? this.styles.activeTabIcon : {}),
+      iconclass: item.icon
+    }))), /*#__PURE__*/React.createElement(Text, {
+      style: [this.styles.tabLabel, floating ? this.styles.centerHubLabel : {}, isActive ? this.styles.activeTabLabel : {}],
+      numberOfLines: 1
+    }, getDisplayLabel(item.label)));
+  }
+  onItemSelect(item, navigationService) {
+    item.link && navigationService.openUrl(item.link);
+    this.invokeEventCallback('onSelect', [null, this.proxy, item]);
+  }
+  prepareModalOptions(content) {
+    const o = this.state.modalOptions;
+    o.content = content;
+    o.modalStyle = {
+      bottom: this.tabbarHeight
+    };
+    o.contentStyle = this.styles.modalContent;
+    return o;
+  }
+  isVisible() {
+    return super.isVisible() && !this.keyBoardShown;
+  }
+  renderWidget(props) {
+    let max = 5;
+    const tabItems = this.state.dataItems;
+    const tabItemsLength = tabItems.length;
+    const isClippedTabbar = (props.classname || '').indexOf('clipped-tabbar') >= 0 && tabItemsLength % 2 !== 0;
+    if (isClippedTabbar && tabItemsLength % 2 !== 0) {
+      const middleIndex = Math.floor(tabItemsLength / 2);
+      tabItems[middleIndex]['floating'] = true;
+      tabItems[middleIndex - 1]['indexBeforeMid'] = middleIndex - 1;
+    }
+    this.returnpathDown = getPathDown(this.maxWidth, 65, 60, this.styles.root.height);
+    const moreItems = [];
+    if (tabItems.length > max) {
+      const moreItemsCount = Math.ceil((tabItems.length + 1 - max) / max) * max;
+      let j = 0;
+      for (let i = max - 1; i < moreItemsCount;) {
+        const row = [];
+        for (let j = 0; j < max; j++) {
+          row[j] = tabItems[i++] || {
+            key: 'tabItem' + i
+          };
+        }
+        moreItems.push(row);
+      }
+      max = max - 1;
+    }
+    return /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, isClippedTabbar ? /*#__PURE__*/React.createElement(Svg, {
+      width: this.maxWidth,
+      height: scale(this.styles.root.height),
+      style: {
+        zIndex: -1,
+        position: 'absolute',
+        backgroundColor: ThemeVariables.INSTANCE.transparent
+      }
+    }, /*#__PURE__*/React.createElement(Path, {
+      fill: ThemeVariables.INSTANCE.tabbarBackgroundColor,
+      d: this.returnpathDown
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+      if (this.state.showMore) {
+        modalService.showModal(this.prepareModalOptions( /*#__PURE__*/React.createElement(ThemeProvider, {
+          value: this.theme
+        }, /*#__PURE__*/React.createElement(View, {
+          style: this.styles.moreMenu
+        }, moreItems.map((a, i) => /*#__PURE__*/React.createElement(View, {
+          key: i,
+          style: this.styles.moreMenuRow
+        }, a.map((item, index) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService)))))))));
+      } else {
+        modalService.hideModal(this.state.modalOptions);
+      }
+      return null;
+    }), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.menu,
+      onLayout: e => {
+        this.tabbarHeight = e.nativeEvent.layout.height;
+      }
+    }, tabItems.filter((item, i) => i < max).map((item, i) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService), item.floating)), tabItems.length > max && this.renderTabItem({
+      label: props.morebuttonlabel,
+      icon: props.morebuttoniconclass
+    }, 6666 + '', props, () => {
+      this.updateState({
+        showMore: !this.state.showMore
+      });
+    }))));
+  }
+}
+//# sourceMappingURL=tabbar.component.js.map

app-rn-runtime/components/page/tabbar/tabbar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","TouchableOpacity","Dimensions","Keyboard","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","Svg","Path","getPathDown","ThemeVariables","scale","n","WmTabbarState","constructor","args","_defineProperty","WmTabbar","props","get","width","cleanup","push","addListener","keyBoardShown","forceUpdate","remove","renderTabItem","item","testId","onSelect","floating","isActive","getDisplayLabel","getDisplayExpression","label","increasedGap","Number","indexBeforeMid","state","dataItems","length","classname","indexOf","styles","tabItem","paddingRight","createElement","_extends","getTestPropsForAction","style","centerHubItem","key","onPress","activeTabItem","theme","mergeStyle","tabIcon","centerHubIcon","activeTabIcon","iconclass","icon","tabLabel","centerHubLabel","activeTabLabel","numberOfLines","onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","isVisible","renderWidget","max","tabItems","tabItemsLength","isClippedTabbar","middleIndex","Math","floor","returnpathDown","maxWidth","root","height","moreItems","moreItemsCount","ceil","j","i","row","zIndex","position","backgroundColor","INSTANCE","transparent","fill","tabbarBackgroundColor","d","Fragment","modalService","showMore","showModal","value","moreMenu","map","a","moreMenuRow","index","hideModal","menu","onLayout","e","nativeEvent","layout","filter","morebuttonlabel","morebuttoniconclass","updateState"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity, Dimensions, Keyboard } from 'react-native';\n\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\nimport Svg, { Path } from 'react-native-svg';\nimport { getPathDown } from './curve';\n// import { scale } from 'react-native-size-scaling';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\ninterface TabDataItem extends NavigationDataItem {\n  floating: boolean;\n  indexBeforeMid: number;\n}\n\nconst scale = (n: number) => n;\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T> {\n  showMore = false;\n  modalOptions = {} as ModalOptions;\n  dataItems: TabDataItem[] = [];\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n  private tabbarHeight = 0;\n  private keyBoardShown = false;\n\n  constructor(props: WmTabbarProps) {\n    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n    this.cleanup.push(Keyboard.addListener('keyboardWillShow', () => {\n      this.keyBoardShown = true;\n      this.forceUpdate();\n    }).remove);\n    this.cleanup.push(Keyboard.addListener('keyboardWillHide', () => {\n      this.keyBoardShown = false;\n      this.forceUpdate();\n    }).remove);\n  }\n\n  private maxWidth = Dimensions.get(\"window\").width;  \n  private returnpathDown: any;\n\n  renderTabItem(item: TabDataItem, testId: string, props: WmTabbarProps, onSelect: Function, floating = false) {\n\n    const isActive = props.isActive && props.isActive(item);\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    let increasedGap = Number(testId) === item?.indexBeforeMid && (this.state.dataItems.length % 2!=0)  && ((props.classname || '').indexOf('clipped-tabbar') >= 0)\n    ? [this.styles.tabItem, { paddingRight: 70 }]\n    : [this.styles.tabItem];\n  \n    return (\n      <TouchableOpacity \n        {...this.getTestPropsForAction('item' + testId)}\n        style={[increasedGap, floating? this.styles.centerHubItem: {}]}\n        key={`${item.label}_${testId}`}\n        onPress={() => onSelect && onSelect()}>\n        <View key={item.key}>\n          <View style={[isActive && !floating  ? this.styles.activeTabItem : {}]}>\n            <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.tabIcon, floating? this.styles.centerHubIcon: {}, isActive ? this.styles.activeTabIcon : {})}\n              iconclass={item.icon}\n            ></WmIcon>\n          </View>\n        </View>\n        <Text style={[this.styles.tabLabel, floating? this.styles.centerHubLabel: {},  isActive ? this.styles.activeTabLabel : {}]} numberOfLines={1}>\n          {getDisplayLabel(item.label)}\n        </Text>\n      </TouchableOpacity>\n    );\n  }\n  \n  onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n    item.link && navigationService.openUrl(item.link);\n    this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n  }\n\n  prepareModalOptions(content: ReactNode) {\n    const o = this.state.modalOptions;\n    o.content = content;\n    o.modalStyle = {\n      bottom: this.tabbarHeight\n    };\n    o.contentStyle = this.styles.modalContent; \n    return o;\n  }\n\n  isVisible(): boolean {\n    return super.isVisible() && !this.keyBoardShown;\n  }\n\n  renderWidget(props: WmTabbarProps) {\n    let max = 5;\n    const tabItems = this.state.dataItems;\n    const tabItemsLength = tabItems.length;\n    const isClippedTabbar = ((props.classname || '').indexOf('clipped-tabbar') >= 0) && (tabItemsLength % 2 !== 0);\n    if (isClippedTabbar && tabItemsLength % 2 !== 0) {\n      const middleIndex = Math.floor(tabItemsLength / 2);\n      tabItems[middleIndex]['floating'] = true;\n      tabItems[middleIndex - 1]['indexBeforeMid'] = middleIndex-1;\n    }\n   this.returnpathDown = getPathDown(this.maxWidth, 65 ,60,this.styles.root.height as number);\n    const moreItems = [] as any[][];\n    if (tabItems.length > max) {\n      const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n      let j = 0;\n      for (let i = max-1; i < moreItemsCount;) {\n        const row = [];\n        for (let j = 0; j < max; j++) {\n          row[j] = tabItems[i++] || {key: 'tabItem' + i} as TabDataItem;\n        }\n        moreItems.push(row);\n      }\n      max = max - 1;\n    }\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService) =>\n        (<View style={this.styles.root}>\n         {isClippedTabbar ? (\n        <Svg width={this.maxWidth} height={scale(this.styles.root.height as number)} style={{zIndex: -1,position: 'absolute',backgroundColor: ThemeVariables.INSTANCE.transparent}}>\n        <Path fill={ThemeVariables.INSTANCE.tabbarBackgroundColor} {...{ d: this.returnpathDown }}/>\n        </Svg>\n           ): <></>}   \n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              if (this.state.showMore) {\n                modalService.showModal(this.prepareModalOptions((\n                <ThemeProvider value={this.theme} >\n                  <View style={this.styles.moreMenu}>\n                    {moreItems.map((a, i) =>\n                      (<View key={i} style={this.styles.moreMenuRow}>\n                        {a.map((item, index) => this.renderTabItem(item, i + '', props,  () => this.onItemSelect(item, navigationService)))}\n                      </View>)\n                    )}\n                  </View>\n                </ThemeProvider>)));\n              } else {\n                modalService.hideModal(this.state.modalOptions);\n              }\n              return null;\n            }}\n          </ModalConsumer>\n          <View style={this.styles.menu}\n            onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}> \n            {tabItems.filter((item, i) => i < max)\n              .map((item, i) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService), item.floating))}\n            {tabItems.length > max && (\n              this.renderTabItem({\n                label: props.morebuttonlabel,\n                icon: props.morebuttoniconclass\n              } as TabDataItem, 6666 +'', props,  () => {\n                this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n              })\n            )}\n          </View>\n        </View>)}\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/page/tabbar/tabbar.props.js

@@ -0,0 +1,28 @@
+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); }
+import { BaseNavProps } from '../../navigation/basenav/basenav.props';
+export default class WmTabbarProps extends BaseNavProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "morebuttoniconclass", 'wi wi-more-horiz');
+    _defineProperty(this, "morebuttonlabel", 'more');
+    _defineProperty(this, "itemchildren", 'children');
+    _defineProperty(this, "isActive", item => false);
+    _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "dataset", [{
+      'label': 'Home',
+      'icon': 'wm-sl-r sl-home'
+    }, {
+      'label': 'Analytics',
+      'icon': 'wm-sl-r sl-graph-ascend'
+    }, {
+      'label': 'Alerts',
+      'icon': 'wm-sl-r sl-alarm-bell'
+    }, {
+      'label': 'Settings',
+      'icon': 'wm-sl-r sl-settings'
+    }]);
+  }
+}
+//# sourceMappingURL=tabbar.props.js.map

app-rn-runtime/components/page/tabbar/tabbar.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseNavProps","WmTabbarProps","constructor","args","_defineProperty","item"],"sources":["tabbar.props.ts"],"sourcesContent":["import { BaseNavProps } from '../../navigation/basenav/basenav.props';\nimport WmTabbar from './tabbar.component';\n\nexport default class WmTabbarProps extends BaseNavProps {\n  morebuttoniconclass? = 'wi wi-more-horiz';\n  morebuttonlabel? = 'more';\n  itemchildren?: string = 'children';\n  isActive? = (item: any) => false;\n  onSelect? : (event: any, widget: WmTabbar) => any;\n  dataset?: any = [{\n      'label' : 'Home',\n      'icon'  : 'wm-sl-r sl-home'\n    },{\n      'label' : 'Analytics',\n      'icon'  : 'wm-sl-r sl-graph-ascend'\n    },{\n      'label' : 'Alerts',\n      'icon'  : 'wm-sl-r sl-alarm-bell'\n    },{\n      'label' : 'Settings',\n      'icon'  : 'wm-sl-r sl-settings'\n    }]\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,wCAAwC;AAGrE,eAAe,MAAMC,aAAa,SAASD,YAAY,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,8BAC/B,kBAAkB;IAAAA,eAAA,0BACtB,MAAM;IAAAA,eAAA,uBACD,UAAU;IAAAA,eAAA,mBACrBC,IAAS,IAAK,KAAK;IAAAD,eAAA;IAAAA,eAAA,kBAEhB,CAAC;MACb,OAAO,EAAG,MAAM;MAChB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,WAAW;MACrB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,QAAQ;MAClB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,UAAU;MACpB,MAAM,EAAI;IACZ,CAAC,CAAC;EAAA;AACN","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { DEFAULT_CLASS } from './prefab-container.styles';
+import WmLottie from '../basic/lottie/lottie.component';
+export class WmPrefabContainerState extends BaseComponentState {}
+export default class WmPrefabContainer extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS);
+  }
+  renderSkeleton(props) {
+    var _this$styles;
+    const lottieContentStyles = (_this$styles = this.styles) === null || _this$styles === void 0 ? void 0 : _this$styles.skeleton;
+    if (this.props.skeletonanimationresource) {
+      var _this$styles2;
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          width: '100%'
+        }, (_this$styles2 = this.styles) === null || _this$styles2 === void 0 ? void 0 : _this$styles2.root]
+      }, /*#__PURE__*/React.createElement(WmLottie, {
+        styles: {
+          content: lottieContentStyles.root
+        },
+        source: this.props.skeletonanimationresource,
+        loop: true,
+        autoplay: true,
+        speed: this.props.skeletonanimationspeed
+      }));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...this.styles.skeleton.root
+    } : this.styles.root;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=prefab-container.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmLottie","WmPrefabContainerState","WmPrefabContainer","constructor","props","renderSkeleton","_this$styles","lottieContentStyles","styles","skeleton","skeletonanimationresource","_this$styles2","createElement","style","width","root","content","source","loop","autoplay","speed","skeletonanimationspeed","renderWidget","_showSkeleton","_background","children"],"sources":["prefab-container.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 WmPrefabContainerProps from './prefab-container.props';\nimport { DEFAULT_CLASS, WmPrefabContainerStyles } from './prefab-container.styles';\nimport WmLottie from '../basic/lottie/lottie.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\n\nexport class WmPrefabContainerState extends BaseComponentState<WmPrefabContainerProps> {\n\n}\n\n\nexport default class WmPrefabContainer extends BaseComponent<WmPrefabContainerProps, WmPrefabContainerState, WmPrefabContainerStyles> {\n\n  constructor(props: WmPrefabContainerProps) {\n    super(props, DEFAULT_CLASS, );\n  }\n\n  public renderSkeleton(props: WmPrefabContainerProps): React.ReactNode {\n    const lottieContentStyles = this.styles?.skeleton as any as WmSkeletonStyles\n    if(this.props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles?.root]}>\n        <WmLottie styles={{ content: lottieContentStyles.root}} source={this.props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n        </View>\n    }\n    return null;\n  }\n\n  renderWidget(props: WmPrefabContainerProps) {\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._background}\n        {props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,SAASC,aAAa,QAAiC,2BAA2B;AAClF,OAAOC,QAAQ,MAAM,kCAAkC;AAGvD,OAAO,MAAMC,sBAAsB,SAASH,kBAAkB,CAAyB;AAKvF,eAAe,MAAMI,iBAAiB,SAASL,aAAa,CAA0E;EAEpIM,WAAWA,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEL,aAAe,CAAC;EAC/B;EAEOM,cAAcA,CAACD,KAA6B,EAAmB;IAAA,IAAAE,YAAA;IACpE,MAAMC,mBAAmB,IAAAD,YAAA,GAAG,IAAI,CAACE,MAAM,cAAAF,YAAA,uBAAXA,YAAA,CAAaG,QAAmC;IAC5E,IAAG,IAAI,CAACL,KAAK,CAACM,yBAAyB,EAAE;MAAA,IAAAC,aAAA;MACvC,oBAAOhB,KAAA,CAAAiB,aAAA,CAAChB,IAAI;QAACiB,KAAK,EAAE,CAAC;UAACC,KAAK,EAAE;QAAM,CAAC,GAAAH,aAAA,GAAE,IAAI,CAACH,MAAM,cAAAG,aAAA,uBAAXA,aAAA,CAAaI,IAAI;MAAE,gBACvDpB,KAAA,CAAAiB,aAAA,CAACZ,QAAQ;QAACQ,MAAM,EAAE;UAAEQ,OAAO,EAAET,mBAAmB,CAACQ;QAAI,CAAE;QAACE,MAAM,EAAE,IAAI,CAACb,KAAK,CAACM,yBAA0B;QAACQ,IAAI,EAAE,IAAK;QAACC,QAAQ,EAAE,IAAK;QAACC,KAAK,EAAE,IAAI,CAAChB,KAAK,CAACiB;MAAuB,CAAC,CACtK,CAAC;IACX;IACA,OAAO,IAAI;EACb;EAEAC,YAAYA,CAAClB,KAA6B,EAAE;IAC1C,MAAMI,MAAM,GAAG,IAAI,CAACe,aAAa,GAAG;MAClC,GAAG,IAAI,CAACf,MAAM,CAACO,IAAI;MACnB,GAAG,IAAI,CAACP,MAAM,CAACC,QAAQ,CAACM;IAC1B,CAAC,GAAG,IAAI,CAACP,MAAM,CAACO,IAAI;IACpB,oBACEpB,KAAA,CAAAiB,aAAA,CAAChB,IAAI;MAACiB,KAAK,EAAEL;IAAO,GACjB,IAAI,CAACgB,WAAW,EAChBpB,KAAK,CAACqB,QACH,CAAC;EAEX;AACF","ignoreList":[]}

app-rn-runtime/core/AppConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n    setContent: (c: React.ReactNode) => void;\n    getContent: () => React.ReactNode;\n    setAnimation: (animation: string) => void;\n    getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n    appId: string;\n    assets: any;\n    appProperties: any;\n    appLocale: any;\n    url: string;\n    loadApp: boolean;\n    refresh: (complete?: boolean) => void,\n    currentPage?: any;\n    pages?: any[];\n    landingPage: string;\n    partials?: any[];\n    drawer: Drawer;\n    app: any;\n    spinner: any;\n    setDrawerContent: any;\n    theme: any;\n    drawerType: any;\n    getServiceDefinitions: any;\n    loggedInUser: any;\n    selectedLocale: string;\n}"],"mappings":"","ignoreList":[]}