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

package/components/navigation/navbar/navbar.component.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { View } from 'react-native';
+import WmNavItem from '@wavemaker/app-rn-runtime/components/navigation/navitem/navitem.component';
+import { BaseNavComponent, BaseNavState } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';
+import WmNavbarProps from './navbar.props';
+import { DEFAULT_CLASS } from './navbar.styles';
+class WmNavbarState extends BaseNavState {}
+export default class WmNavbar extends BaseNavComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmNavbarProps(), new WmNavbarState());
+  }
+  computeItemStyles(props) {
+    let activeItemStyles = this.theme.getStyle('app-navitem-active');
+    let itemStyles = this.theme.getStyle('app-navitem');
+    const indentStyle = props.indent ? {
+      navAnchorItem: {
+        root: {
+          paddingLeft: props.indent
+        }
+      }
+    } : null;
+    if (props.ischildnav) {
+      itemStyles = this.theme.mergeStyle({}, itemStyles, this.theme.getStyle('app-navitem-child'));
+    }
+    activeItemStyles = this.theme.mergeStyle({}, activeItemStyles, indentStyle);
+    itemStyles = this.theme.mergeStyle({}, itemStyles, indentStyle);
+    return {
+      activeItemStyles,
+      itemStyles
+    };
+  }
+  renderNavItem(item, index, props) {
+    const indent = this.styles.childNav.paddingLeft || 0;
+    const {
+      activeItemStyles,
+      itemStyles
+    } = this.computeItemStyles(props);
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.navitem,
+      key: item.key
+    }, /*#__PURE__*/React.createElement(WmNavItem, {
+      item: item,
+      id: this.getTestId('child' + index),
+      onSelect: props.onSelect,
+      styles: item.isactive ? activeItemStyles : itemStyles,
+      getDisplayExpression: this.props.getDisplayExpression,
+      view: item.childnavigation ? 'dropdown' : 'anchor'
+    }, item.childnavigation && /*#__PURE__*/React.createElement(WmNavbar, {
+      id: this.getTestId('child' + index + '_menu'),
+      dataset: item.childnavigation,
+      type: props.type,
+      styles: this.styles,
+      layout: props.layout,
+      itemlabel: props.itemlabel,
+      itembadge: props.itembadge,
+      itemicon: props.itemicon,
+      itemchildren: props.itemchildren,
+      itemlink: props.itemlink,
+      isactive: props.isactive,
+      indent: props.indent || indent + indent,
+      getDisplayExpression: this.props.getDisplayExpression,
+      ischildnav: true,
+      onSelect: props.onSelect
+    })));
+  }
+  renderWidget(props) {
+    const navItems = this.state.dataItems;
+    let childElements = props.children;
+    const styleName = props.layout + 'Nav';
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.theme.getStyle(styleName), this.styles.nav]
+    }, navItems && navItems.length ? navItems.map((item, index) => {
+      return this.renderNavItem(item, index, props);
+    }) : childElements);
+  }
+}
+//# sourceMappingURL=navbar.component.js.map

package/components/navigation/navbar/navbar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","WmNavItem","BaseNavComponent","BaseNavState","WmNavbarProps","DEFAULT_CLASS","WmNavbarState","WmNavbar","constructor","props","computeItemStyles","activeItemStyles","theme","getStyle","itemStyles","indentStyle","indent","navAnchorItem","root","paddingLeft","ischildnav","mergeStyle","renderNavItem","item","index","styles","childNav","createElement","style","navitem","key","id","getTestId","onSelect","isactive","getDisplayExpression","view","childnavigation","dataset","type","layout","itemlabel","itembadge","itemicon","itemchildren","itemlink","renderWidget","navItems","state","dataItems","childElements","children","styleName","nav","length","map"],"sources":["navbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport WmNavItem from '@wavemaker/app-rn-runtime/components/navigation/navitem/navitem.component';\nimport { BaseNavComponent, NavigationDataItem, BaseNavState } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';\nimport { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\n\nimport WmNavbarProps from './navbar.props';\nimport { DEFAULT_CLASS, WmNavbarStyles } from './navbar.styles';\n\nclass WmNavbarState<T extends BaseNavProps> extends BaseNavState<T> {}\n\nexport default class WmNavbar extends BaseNavComponent<WmNavbarProps, WmNavbarState<WmNavbarProps>, WmNavbarStyles> {\n  constructor(props: WmNavbarProps) {\n    super(props, DEFAULT_CLASS, new WmNavbarProps(), new WmNavbarState());\n  }\n\n  computeItemStyles(props: WmNavbarProps) {\n    let activeItemStyles = this.theme.getStyle('app-navitem-active');\n    let itemStyles = this.theme.getStyle('app-navitem');\n    const indentStyle =  props.indent ? {\n      navAnchorItem: {\n        root: {\n          paddingLeft: props.indent\n        }\n      }\n    } :  null;\n    if (props.ischildnav) {\n      itemStyles = this.theme.mergeStyle({}, itemStyles, this.theme.getStyle('app-navitem-child'));\n    }\n    activeItemStyles = this.theme.mergeStyle({}, activeItemStyles, indentStyle);\n    itemStyles = this.theme.mergeStyle({}, itemStyles, indentStyle);\n    return {activeItemStyles, itemStyles};\n  }\n\n  renderNavItem(item: NavigationDataItem, index: number, props: WmNavbarProps) {\n    const indent = this.styles.childNav.paddingLeft as number || 0;\n    const {activeItemStyles, itemStyles} = this.computeItemStyles(props);\n    return (\n      <View style={this.styles.navitem} key={item.key} >\n        <WmNavItem item={item}\n          id={this.getTestId('child'+ index)}\n          onSelect={props.onSelect}\n          styles={item.isactive ? activeItemStyles: itemStyles}\n          getDisplayExpression={this.props.getDisplayExpression} \n          view={item.childnavigation ? 'dropdown' : 'anchor'}>\n          {item.childnavigation && (\n            <WmNavbar\n              id={this.getTestId('child'+ index +'_menu')}\n              dataset={item.childnavigation}\n              type={props.type}\n              styles={this.styles}\n              layout={props.layout}\n              itemlabel={props.itemlabel}\n              itembadge={props.itembadge}\n              itemicon={props.itemicon}\n              itemchildren={props.itemchildren}\n              itemlink={props.itemlink}\n              isactive={props.isactive}\n              indent={props.indent || indent + indent}\n              getDisplayExpression={this.props.getDisplayExpression} \n              ischildnav={true}\n              onSelect={props.onSelect}>\n            </WmNavbar>)}\n        </WmNavItem>\n      </View>\n    );\n  }\n\n  renderWidget(props: WmNavbarProps) {\n    const navItems = this.state.dataItems;\n    let childElements = props.children;\n    const styleName = props.layout + 'Nav';\n\n    return (\n      <View style={[this.theme.getStyle(styleName), this.styles.nav]}>\n          { navItems && navItems.length ? navItems.map((item, index) => {\n              return this.renderNavItem(item, index, props);\n            }) : childElements\n          }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

package/components/navigation/navitem/navitem.component.js

@@ -0,0 +1,66 @@
+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 { TouchableOpacity } from 'react-native-gesture-handler';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import WmNavItemProps from './navitem.props';
+import { DEFAULT_CLASS } from './navitem.styles';
+export class WmNavItemState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "collapsed", true);
+  }
+}
+export default class WmNavItem extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmNavItemProps(), new WmNavItemState());
+  }
+  onSelectItem(cb, $item, $event) {
+    cb && cb($event, this, $item === null || $item === void 0 ? void 0 : $item.data);
+  }
+  renderWidget(props) {
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
+    let child = props.children;
+    if (props.view === 'anchor') {
+      child = /*#__PURE__*/React.createElement(WmAnchor, {
+        id: this.getTestId('navlink'),
+        styles: this.styles.navAnchorItem,
+        caption: getDisplayLabel(props.item.label),
+        hyperlink: props.item.link,
+        badgevalue: props.item.badge,
+        iconclass: props.item.icon,
+        onTap: this.onSelectItem.bind(this, props.onSelect, props.item)
+      });
+    }
+    if (props.view === 'dropdown') {
+      child = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+        id: this.getTestId('navlink'),
+        onPress: () => {
+          this.updateState({
+            collapsed: !this.state.collapsed
+          });
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.dropdownNav
+      }, /*#__PURE__*/React.createElement(WmAnchor, {
+        id: this.getTestId('navlink'),
+        styles: this.styles.navAnchorItem,
+        caption: getDisplayLabel(props.item.label),
+        iconclass: props.item.icon,
+        onTap: this.onSelectItem.bind(this, props.onSelect, props.item)
+      }), /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('icon'),
+        styles: this.styles.caretIcon,
+        iconclass: this.state.collapsed ? 'fa fa-sort-down' : 'fa fa-sort-up'
+      }))), !this.state.collapsed && props.children);
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, child);
+  }
+}
+//# sourceMappingURL=navitem.component.js.map

package/components/navigation/navitem/navitem.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","BaseComponent","BaseComponentState","WmAnchor","WmIcon","WmNavItemProps","DEFAULT_CLASS","WmNavItemState","constructor","arguments","_defineProperty","WmNavItem","props","onSelectItem","cb","$item","$event","data","renderWidget","getDisplayLabel","getDisplayExpression","label","child","children","view","createElement","id","getTestId","styles","navAnchorItem","caption","item","hyperlink","link","badgevalue","badge","iconclass","icon","onTap","bind","onSelect","Fragment","onPress","updateState","collapsed","state","style","dropdownNav","caretIcon","root","_background"],"sources":["navitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmNavItemProps from './navitem.props';\nimport { DEFAULT_CLASS, WmNavItemStyles } from './navitem.styles';\nimport { NavigationDataItem } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport { TapEvent } from \"@wavemaker/app-rn-runtime/core/tappable.component\";\n\nexport class WmNavItemState extends BaseComponentState<WmNavItemProps> {\n  collapsed = true;\n}\n\nexport default class WmNavItem extends BaseComponent<WmNavItemProps, WmNavItemState, WmNavItemStyles> {\n\n  constructor(props: WmNavItemProps) {\n    super(props, DEFAULT_CLASS, new WmNavItemProps(), new WmNavItemState());\n  }\n\n  onSelectItem(cb: any, $item: NavigationDataItem, $event: TapEvent) {\n    cb && cb($event, this, $item?.data);\n  }\n\n  renderWidget(props: WmNavItemProps) {\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    let child = props.children;\n    if (props.view === 'anchor') {\n      child = <WmAnchor id={this.getTestId('navlink')} styles={this.styles.navAnchorItem} caption={getDisplayLabel(props.item.label)} hyperlink={props.item.link}\n                 badgevalue={props.item.badge} iconclass={props.item.icon} onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}></WmAnchor>\n    }\n    if (props.view === 'dropdown') {\n      child = (\n        <>\n        <TouchableOpacity \n          id={this.getTestId('navlink')}\n          onPress={() => {\n            this.updateState({collapsed: !this.state.collapsed} as WmNavItemState);\n          }}>\n          <View style={this.styles.dropdownNav}>\n            <WmAnchor id={this.getTestId('navlink')} styles={this.styles.navAnchorItem} caption={getDisplayLabel(props.item.label)} iconclass={props.item.icon} onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}></WmAnchor>\n            <WmIcon id={this.getTestId('icon')} styles={this.styles.caretIcon} iconclass={this.state.collapsed ? 'fa fa-sort-down' : 'fa fa-sort-up'}></WmIcon>\n          </View>\n        </TouchableOpacity>\n        {!this.state.collapsed && props.children}\n        </>\n      );\n    }\n    return (\n      <View style={this.styles.root}>{this._background}{child}</View>\n    );\n  }\n}\n"],"mappings":"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"}

package/components/navigation/navitem/navitem.styles.js

@@ -0,0 +1,80 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-navitem';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      backgroundColor: themeVariables.navbarBackgroundColor
+    },
+    text: {},
+    dropdownNav: {
+      flex: 1,
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    },
+    navAnchorItem: {
+      root: {
+        padding: 12
+      },
+      text: {
+        color: themeVariables.navbarTextColor,
+        fontFamily: themeVariables.baseFont,
+        lineHeight: 20,
+        fontSize: 14,
+        fontWeight: '500'
+      },
+      icon: {
+        text: {
+          color: themeVariables.navbarTextColor,
+          fontSize: 24
+        }
+      }
+    },
+    caretIcon: {
+      root: {
+        paddingRight: 12
+      },
+      text: {
+        color: themeVariables.navbarCaretColor
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-active', DEFAULT_CLASS, {
+    root: {
+      backgroundColor: themeVariables.navitemActiveBackgroundColor
+    },
+    navAnchorItem: {
+      text: {
+        color: themeVariables.navitemActiveTextColor,
+        fontFamily: themeVariables.baseFont,
+        lineHeight: 20,
+        fontSize: 14,
+        fontWeight: '700'
+      },
+      icon: {
+        text: {
+          color: themeVariables.navitemActiveIconColor
+        }
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-child', DEFAULT_CLASS, {
+    root: {
+      backgroundColor: themeVariables.navitemChildBackgroundColor
+    },
+    navAnchorItem: {
+      text: {
+        color: themeVariables.navitemChildTextColor
+      },
+      icon: {
+        text: {
+          color: themeVariables.navitemChildIconColor
+        }
+      }
+    }
+  });
+  addStyle('navAnchorItem', '', defaultStyles.navAnchorItem);
+});
+//# sourceMappingURL=navitem.styles.js.map

package/components/navigation/navitem/navitem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","navbarBackgroundColor","text","dropdownNav","flex","flexDirection","justifyContent","alignItems","navAnchorItem","padding","color","navbarTextColor","fontFamily","baseFont","lineHeight","fontSize","fontWeight","icon","caretIcon","paddingRight","navbarCaretColor","navitemActiveBackgroundColor","navitemActiveTextColor","navitemActiveIconColor","navitemChildBackgroundColor","navitemChildTextColor","navitemChildIconColor"],"sources":["navitem.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 { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { ViewStyle } from 'react-native';\n\nexport type WmNavItemStyles = BaseStyles & {\n  navAnchorItem: WmAnchorStyles,\n  dropdownNav: ViewStyle,\n  caretIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-navitem';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNavItemStyles = defineStyles({\n      root: {\n        backgroundColor: themeVariables.navbarBackgroundColor,\n      },\n      text: {},\n      dropdownNav: {\n        flex: 1,\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        alignItems: 'center'\n      },\n      navAnchorItem: {\n        root: {\n          padding: 12\n        },\n        text: {\n          color: themeVariables.navbarTextColor,\n          fontFamily: themeVariables.baseFont,\n          lineHeight: 20,\n          fontSize: 14,\n          fontWeight: '500',\n        },\n        icon: {\n          text: {\n            color: themeVariables.navbarTextColor,\n            fontSize: 24\n          }\n        }\n      } as WmAnchorStyles,\n      caretIcon: {\n        root : {\n          paddingRight: 12\n        },\n        text: {\n          color: themeVariables.navbarCaretColor\n        }\n      } as WmIconStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-active', DEFAULT_CLASS, {\n    root : {\n      backgroundColor: themeVariables.navitemActiveBackgroundColor\n    },\n    navAnchorItem: {\n      text: {\n        color: themeVariables.navitemActiveTextColor,\n        fontFamily: themeVariables.baseFont,\n        lineHeight: 20,\n        fontSize: 14,\n        fontWeight: '700',\n      },\n      icon: {\n        text: {\n          color: themeVariables.navitemActiveIconColor\n        }\n      }\n    }\n  } as WmNavItemStyles);\n\n  addStyle(DEFAULT_CLASS + '-child', DEFAULT_CLASS, {\n    root : {\n      backgroundColor: themeVariables.navitemChildBackgroundColor\n    },\n    navAnchorItem: {\n      text: {\n        color: themeVariables.navitemChildTextColor,\n      },\n      icon: {\n        text: {\n          color: themeVariables.navitemChildIconColor\n        }\n      }\n    }\n  } as WmNavItemStyles);\n  addStyle('navAnchorItem', '',  defaultStyles.navAnchorItem);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACJC,eAAe,EAAEJ,cAAc,CAACK;IAClC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACXC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACbT,IAAI,EAAE;QACJU,OAAO,EAAE;MACX,CAAC;MACDP,IAAI,EAAE;QACJQ,KAAK,EAAEd,cAAc,CAACe,eAAe;QACrCC,UAAU,EAAEhB,cAAc,CAACiB,QAAQ;QACnCC,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE;MACd,CAAC;MACDC,IAAI,EAAE;QACJf,IAAI,EAAE;UACJQ,KAAK,EAAEd,cAAc,CAACe,eAAe;UACrCI,QAAQ,EAAE;QACZ;MACF;IACF,CAAmB;IACnBG,SAAS,EAAE;MACTnB,IAAI,EAAG;QACLoB,YAAY,EAAE;MAChB,CAAC;MACDjB,IAAI,EAAE;QACJQ,KAAK,EAAEd,cAAc,CAACwB;MACxB;IACF;EACJ,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,SAAS,EAAEA,aAAa,EAAE;IACjDK,IAAI,EAAG;MACLC,eAAe,EAAEJ,cAAc,CAACyB;IAClC,CAAC;IACDb,aAAa,EAAE;MACbN,IAAI,EAAE;QACJQ,KAAK,EAAEd,cAAc,CAAC0B,sBAAsB;QAC5CV,UAAU,EAAEhB,cAAc,CAACiB,QAAQ;QACnCC,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE;MACd,CAAC;MACDC,IAAI,EAAE;QACJf,IAAI,EAAE;UACJQ,KAAK,EAAEd,cAAc,CAAC2B;QACxB;MACF;IACF;EACF,CAAoB,CAAC;EAErB1B,QAAQ,CAACH,aAAa,GAAG,QAAQ,EAAEA,aAAa,EAAE;IAChDK,IAAI,EAAG;MACLC,eAAe,EAAEJ,cAAc,CAAC4B;IAClC,CAAC;IACDhB,aAAa,EAAE;MACbN,IAAI,EAAE;QACJQ,KAAK,EAAEd,cAAc,CAAC6B;MACxB,CAAC;MACDR,IAAI,EAAE;QACJf,IAAI,EAAE;UACJQ,KAAK,EAAEd,cAAc,CAAC8B;QACxB;MACF;IACF;EACF,CAAoB,CAAC;EACrB7B,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAGC,aAAa,CAACU,aAAa,CAAC;AAC7D,CAAC,CAAC"}

package/components/navigation/popover/popover.component.js

@@ -0,0 +1,129 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { isString } from 'lodash-es';
+import { TouchableOpacity, Text, View, ScrollView, Dimensions } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
+import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
+import WmPopoverProps from './popover.props';
+import { DEFAULT_CLASS } from './popover.styles';
+import WmContainer from '../../container/container.component';
+export class WmPopoverState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "isOpened", false);
+    _defineProperty(this, "modalOptions", {});
+    _defineProperty(this, "position", {});
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+export default class WmPopover extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());
+    _defineProperty(this, "view", null);
+    _defineProperty(this, "computePosition", e => {
+      const position = {};
+      if (this.state.props.type === 'dropdown') {
+        const windowDimensions = Dimensions.get('window');
+        this.view.measure((x, y, width, height, px, py) => {
+          let popoverwidth = this.state.props.popoverwidth;
+          if (popoverwidth && isString(popoverwidth)) {
+            popoverwidth = parseInt(popoverwidth);
+          }
+          position.left = px;
+          if (px + popoverwidth > windowDimensions.width) {
+            position.left = px + width - popoverwidth;
+          }
+          position.top = py + height;
+          this.updateState({
+            position: position
+          });
+        });
+      }
+    });
+    _defineProperty(this, "showPopover", e => {
+      this.setState({
+        isOpened: true
+      });
+      this.invokeEventCallback('onShow', [e, this]);
+      e === null || e === void 0 ? void 0 : e.stopPropagation();
+    });
+    _defineProperty(this, "hide", () => {});
+  }
+  prepareModalOptions(content, styles, modalService) {
+    const o = this.state.modalOptions;
+    o.modalStyle = styles.modal;
+    o.contentStyle = {
+      ...styles.modalContent,
+      ...this.state.position
+    };
+    o.content = content;
+    o.isModal = this.state.props.autoclose !== 'disabled';
+    o.centered = true;
+    o.animation = this.state.props.contentanimation || 'slideInUp';
+    o.onClose = () => {
+      this.hide = () => {};
+      this.setState({
+        isOpened: false,
+        isPartialLoaded: false,
+        modalOptions: {}
+      });
+      this.invokeEventCallback('onHide', [null, this]);
+    };
+    this.hide = () => modalService.hideModal(this.state.modalOptions);
+    return o;
+  }
+  renderWidget(props) {
+    let dimensions = {};
+    const styles = this.theme.mergeStyle(this.theme.getStyle('popover-' + props.type), this.styles);
+    if (props.type === 'dropdown') {
+      if (props.popoverwidth) {
+        dimensions.width = props.popoverwidth;
+        styles.modalContent.width = props.popoverwidth;
+      }
+      if (props.popoverheight) {
+        dimensions.height = props.popoverheight;
+      }
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root,
+      onLayout: this.computePosition,
+      ref: ref => {
+        this.view = ref;
+      }
+    }, this._background, /*#__PURE__*/React.createElement(WmAnchor, {
+      id: this.getTestId('trigger'),
+      animation: props.animation,
+      caption: props.caption,
+      badgevalue: props.badgevalue,
+      iconclass: props.iconclass,
+      iconposition: props.iconposition,
+      styles: styles.link,
+      onTap: this.showPopover
+    }), this.state.isOpened ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+      modalService.showModal(this.prepareModalOptions( /*#__PURE__*/React.createElement(ScrollView, {
+        style: this.theme.mergeStyle(styles.popover, dimensions)
+      }, props.title ? /*#__PURE__*/React.createElement(Text, {
+        style: styles.title
+      }, props.title) : null, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('outercontent'), {
+        activeOpacity: 1,
+        onPress: () => {
+          props.autoclose === 'always' && this.hide();
+        },
+        style: styles.popoverContent.root
+      }), /*#__PURE__*/React.createElement(WmContainer, _extends({
+        styles: styles.popoverContent,
+        onLoad: () => this.invokeEventCallback('onLoad', [this])
+      }, props.renderPartial ? {
+        renderPartial: (p, onLoad) => {
+          return props.renderPartial && props.renderPartial(props, onLoad);
+        }
+      } : {}), props.renderPartial ? null : props.children))), styles, modalService));
+      return null;
+    }) : null);
+  }
+}
+//# sourceMappingURL=popover.component.js.map

package/components/navigation/popover/popover.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","isString","TouchableOpacity","Text","View","ScrollView","Dimensions","BaseComponent","BaseComponentState","ModalConsumer","WmAnchor","WmPopoverProps","DEFAULT_CLASS","WmContainer","WmPopoverState","constructor","arguments","_defineProperty","WmPopover","props","e","position","state","type","windowDimensions","get","view","measure","x","y","width","height","px","py","popoverwidth","parseInt","left","top","updateState","setState","isOpened","invokeEventCallback","stopPropagation","prepareModalOptions","content","styles","modalService","o","modalOptions","modalStyle","modal","contentStyle","modalContent","isModal","autoclose","centered","animation","contentanimation","onClose","hide","isPartialLoaded","hideModal","renderWidget","dimensions","theme","mergeStyle","getStyle","popoverheight","createElement","style","root","onLayout","computePosition","ref","_background","id","getTestId","caption","badgevalue","iconclass","iconposition","link","onTap","showPopover","showModal","popover","title","_extends","getTestPropsForAction","activeOpacity","onPress","popoverContent","onLoad","renderPartial","p","children"],"sources":["popover.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isString } from 'lodash-es';\nimport { LayoutChangeEvent, TouchableOpacity, Text, View, ScrollView, Dimensions } from 'react-native';\nimport { BaseComponent, BaseComponentState, BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { TapEvent } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\n\nimport WmPopoverProps from './popover.props';\nimport { DEFAULT_CLASS, WmPopoverStyles } from './popover.styles';\nimport WmContainer from '../../container/container.component';\n\nexport class WmPopoverState extends BaseComponentState<WmPopoverProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  position = {} as PopoverPosition;\n  isPartialLoaded = false;\n}\n\nexport interface PopoverPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmPopover extends BaseComponent<WmPopoverProps, WmPopoverState, WmPopoverStyles> {\n\n  view: View = null as any;\n\n  constructor(props: WmPopoverProps) {\n    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());\n  }\n\n  private computePosition = (e: LayoutChangeEvent) => {\n    const position = {} as PopoverPosition;\n    if (this.state.props.type === 'dropdown') {\n      const windowDimensions = Dimensions.get('window');\n      this.view.measure((x, y, width, height, px, py) => {\n        let popoverwidth = this.state.props.popoverwidth as any;\n        if (popoverwidth && isString(popoverwidth)) {\n          popoverwidth = parseInt(popoverwidth);\n        }\n        position.left = px;\n        if (px + popoverwidth > windowDimensions.width) {\n          position.left = px + width - popoverwidth;\n        }\n        position.top = py + height;\n        this.updateState({position: position} as WmPopoverState);\n      });\n    }\n  };\n\n  public showPopover = (e?: TapEvent) => {\n    this.setState({ isOpened: true });\n    this.invokeEventCallback('onShow', [e, this]);\n    e?.stopPropagation();\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmPopoverStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.modalStyle = styles.modal;\n    o.contentStyle = {...styles.modalContent, ...this.state.position};\n    o.content = content;\n    o.isModal = this.state.props.autoclose !== 'disabled';\n    o.centered = true;\n    o.animation = this.state.props.contentanimation || 'slideInUp';\n    o.onClose = () => {\n      this.hide = () => {};\n      this.setState({ isOpened: false, isPartialLoaded: false, modalOptions: {} as ModalOptions });\n      this.invokeEventCallback('onHide', [null, this]);\n    };\n    this.hide = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmPopoverProps) {\n    let dimensions = {} as any;\n    const styles = this.theme.mergeStyle(this.theme.getStyle('popover-' + props.type), this.styles);\n    if (props.type === 'dropdown') {\n      if (props.popoverwidth) {\n        dimensions.width = props.popoverwidth;\n        styles.modalContent.width = props.popoverwidth;\n      }\n      if (props.popoverheight) {\n        dimensions.height = props.popoverheight;\n      }\n    }\n    return (\n      <View style={styles.root} onLayout={this.computePosition} ref={ref => {this.view = ref as View}}>\n        {this._background}\n        <WmAnchor\n          id={this.getTestId('trigger')}\n          animation={props.animation}\n          caption={props.caption}\n          badgevalue={props.badgevalue}\n          iconclass={props.iconclass}\n          iconposition={props.iconposition}\n          styles={styles.link}\n          onTap={this.showPopover}></WmAnchor>\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                  <ScrollView style={this.theme.mergeStyle(styles.popover, dimensions)}>\n                    {props.title ? (<Text style={styles.title}>{props.title}</Text>): null}\n                    <TouchableOpacity \n                    {...this.getTestPropsForAction('outercontent')}\n                    activeOpacity={1} onPress={() => {\n                      props.autoclose === 'always' && this.hide()\n                    }} style={styles.popoverContent.root}>\n                      <WmContainer\n                        styles={styles.popoverContent}\n                        onLoad={() => this.invokeEventCallback('onLoad', [this])}\n                        {... props.renderPartial ? {\n                          renderPartial : (p: any, onLoad: Function) => {\n                            return props.renderPartial && props.renderPartial(props, onLoad);\n                          }\n                        } : {}}>\n                          {props.renderPartial ? null : props.children}\n                      </WmContainer>\n                    </TouchableOpacity>\n                  </ScrollView>\n              ), styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}

package/components/navigation/popover/popover.styles.js

@@ -0,0 +1,75 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Dimensions } from 'react-native';
+export const DEFAULT_CLASS = 'app-popover';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      padding: 8
+    },
+    text: {},
+    title: {
+      backgroundColor: themeVariables.popoverTitleBackgroundColor,
+      padding: 12,
+      color: themeVariables.popoverTitleColor,
+      fontSize: 16,
+      fontFamily: themeVariables.baseFont
+    },
+    link: {},
+    popover: {
+      backgroundColor: themeVariables.popoverBackgroundColor,
+      maxWidth: 640,
+      borderTopLeftRadius: 28,
+      borderTopRightRadius: 28
+    },
+    popoverContent: {
+      root: {
+        flex: 1
+      }
+    },
+    modal: {},
+    modalContent: {
+      borderTopLeftRadius: 28,
+      borderTopRightRadius: 28
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('popover-action-sheet', '', {
+    modal: {
+      backgroundColor: 'rgba(0, 0, 0, 0.3)'
+    },
+    popover: {
+      width: '100%',
+      minHeight: 240,
+      maxHeight: Dimensions.get('window').height - 120
+    },
+    modalContent: {
+      position: 'absolute',
+      bottom: 0,
+      width: '100%',
+      ...BASE_THEME.getStyle('elevate1').root,
+      shadowOffset: {
+        width: 0,
+        height: 0
+      },
+      shadowOpacity: 0.6,
+      shadowRadius: 10,
+      justifyContent: 'flex-end'
+    }
+  });
+  addStyle('popover-dropdown', '', {
+    modal: {
+      backgroundColor: 'transparent'
+    },
+    popover: {
+      backgroundColor: themeVariables.transparent
+    },
+    modalContent: {
+      borderRadius: 6,
+      position: 'absolute',
+      ...BASE_THEME.getStyle('elevate4').root,
+      shadowRadius: 8
+    }
+  });
+});
+//# sourceMappingURL=popover.styles.js.map

package/components/navigation/popover/popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","Dimensions","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","text","title","backgroundColor","popoverTitleBackgroundColor","color","popoverTitleColor","fontSize","fontFamily","baseFont","link","popover","popoverBackgroundColor","maxWidth","borderTopLeftRadius","borderTopRightRadius","popoverContent","flex","modal","modalContent","width","minHeight","maxHeight","get","height","position","bottom","getStyle","shadowOffset","shadowOpacity","shadowRadius","justifyContent","transparent","borderRadius"],"sources":["popover.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmContainerStyles } from '@wavemaker/app-rn-runtime/components/container/container.styles';\nimport { Dimensions } from 'react-native';\n\nexport type WmPopoverStyles = BaseStyles & {\n    link: WmAnchorStyles,\n    popover: AllStyle,\n    popoverContent : WmContainerStyles,\n    modal: AllStyle,\n    modalContent: AllStyle,\n    title: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-popover';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPopoverStyles = defineStyles({\n        root: {\n            padding: 8\n        },\n        text: {},\n        title: {\n            backgroundColor: themeVariables.popoverTitleBackgroundColor,\n            padding: 12,\n            color: themeVariables.popoverTitleColor,\n            fontSize: 16,\n            fontFamily: themeVariables.baseFont\n        },\n        link: {} as WmAnchorStyles,\n        popover: {\n            backgroundColor: themeVariables.popoverBackgroundColor,\n            maxWidth: 640,\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28        \n        },\n        popoverContent : {\n            root: {\n                flex: 1\n            }\n        } as WmContainerStyles,\n        modal: {},\n        modalContent: {\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28\n        }\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('popover-action-sheet', '', {\n        modal: {\n            backgroundColor: 'rgba(0, 0, 0, 0.3)',\n        },\n        popover: {\n            width: '100%',\n            minHeight: 240,\n            maxHeight: Dimensions.get('window').height - 120,\n        },\n        modalContent: {\n            position: 'absolute',\n            bottom: 0,\n            width: '100%',\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowOffset: {\n                width: 0,\n                height: 0\n            },\n            shadowOpacity: 0.6,\n            shadowRadius: 10,\n            justifyContent: 'flex-end'\n        }\n    } as any as WmPopoverStyles);\n    addStyle('popover-dropdown', '', {\n        modal: {\n            backgroundColor: 'transparent',\n        },\n        popover: {\n            backgroundColor: themeVariables.transparent\n        },\n        modalContent: {\n            borderRadius: 6,\n            position: 'absolute',\n            ...BASE_THEME.getStyle('elevate4').root,\n            shadowRadius: 8\n        }\n    } as WmPopoverStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAGxF,SAASC,UAAU,QAAQ,cAAc;AAWzC,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA8B,GAAGN,YAAY,CAAC;IAChDO,IAAI,EAAE;MACFC,OAAO,EAAE;IACb,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE;MACHC,eAAe,EAAEP,cAAc,CAACQ,2BAA2B;MAC3DJ,OAAO,EAAE,EAAE;MACXK,KAAK,EAAET,cAAc,CAACU,iBAAiB;MACvCC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAEZ,cAAc,CAACa;IAC/B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAmB;IAC1BC,OAAO,EAAE;MACLR,eAAe,EAAEP,cAAc,CAACgB,sBAAsB;MACtDC,QAAQ,EAAE,GAAG;MACbC,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE;IAC1B,CAAC;IACDC,cAAc,EAAG;MACbjB,IAAI,EAAE;QACFkB,IAAI,EAAE;MACV;IACJ,CAAsB;IACtBC,KAAK,EAAE,CAAC,CAAC;IACTC,YAAY,EAAE;MACVL,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE;IAC1B;EACJ,CAAC,CAAC;EAEFlB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACjCqB,KAAK,EAAE;MACHf,eAAe,EAAE;IACrB,CAAC;IACDQ,OAAO,EAAE;MACLS,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE7B,UAAU,CAAC8B,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG;IACjD,CAAC;IACDL,YAAY,EAAE;MACVM,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTN,KAAK,EAAE,MAAM;MACb,GAAG7B,UAAU,CAACoC,QAAQ,CAAC,UAAU,CAAC,CAAC5B,IAAI;MACvC6B,YAAY,EAAE;QACVR,KAAK,EAAE,CAAC;QACRI,MAAM,EAAE;MACZ,CAAC;MACDK,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE,EAAE;MAChBC,cAAc,EAAE;IACpB;EACJ,CAA2B,CAAC;EAC5BlC,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAE;IAC7BqB,KAAK,EAAE;MACHf,eAAe,EAAE;IACrB,CAAC;IACDQ,OAAO,EAAE;MACLR,eAAe,EAAEP,cAAc,CAACoC;IACpC,CAAC;IACDb,YAAY,EAAE;MACVc,YAAY,EAAE,CAAC;MACfR,QAAQ,EAAE,UAAU;MACpB,GAAGlC,UAAU,CAACoC,QAAQ,CAAC,UAAU,CAAC,CAAC5B,IAAI;MACvC+B,YAAY,EAAE;IAClB;EACJ,CAAoB,CAAC;AACzB,CAAC,CAAC"}

package/components/page/left-panel/left-panel.styles.js

@@ -0,0 +1,18 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-left-panel';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      minHeight: '100%',
+      backgroundColor: themeVariables.navbarBackgroundColor,
+      elevation: 1,
+      borderTopRightRadius: 16,
+      borderBottomRightRadius: 16,
+      maxWidth: 360
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=left-panel.styles.js.map

package/components/page/left-panel/left-panel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","backgroundColor","navbarBackgroundColor","elevation","borderTopRightRadius","borderBottomRightRadius","maxWidth","text"],"sources":["left-panel.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 WmLeftPanelStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-left-panel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmLeftPanelStyles = defineStyles({\n        root: {\n            minHeight: '100%',\n            backgroundColor: themeVariables.navbarBackgroundColor,\n            elevation: 1,\n            borderTopRightRadius: 16,\n            borderBottomRightRadius: 16,\n            maxWidth: 360\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACFC,SAAS,EAAE,MAAM;MACjBC,eAAe,EAAEL,cAAc,CAACM,qBAAqB;MACrDC,SAAS,EAAE,CAAC;MACZC,oBAAoB,EAAE,EAAE;MACxBC,uBAAuB,EAAE,EAAE;MAC3BC,QAAQ,EAAE;IACd,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

package/components/page/tabbar/tabbar.component.js

@@ -0,0 +1,103 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { Text, View, TouchableOpacity } 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';
+class WmTabbarState extends BaseNavState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "showMore", false);
+    _defineProperty(this, "modalOptions", {});
+  }
+}
+export default class WmTabbar extends BaseNavComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());
+    _defineProperty(this, "tabbarHeight", 0);
+  }
+  renderTabItem(item, testId, props, onSelect) {
+    const isActive = props.isActive && props.isActive(item);
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('item' + testId), {
+      onPress: () => onSelect && onSelect(),
+      key: item.key
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.tabItem, isActive ? this.styles.activeTabItem : {}]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.theme.mergeStyle({}, this.styles.tabIcon, isActive ? this.styles.activeTabIcon : {}),
+      iconclass: item.icon
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [this.styles.tabLabel, isActive ? this.styles.activeTabLabel : {}]
+    }, 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;
+  }
+  renderWidget(props) {
+    let max = 5;
+    const tabItems = this.state.dataItems;
+    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
+    }, /*#__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 => 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))), tabItems.length > max && this.renderTabItem({
+      label: props.morebuttonlabel,
+      icon: props.morebuttoniconclass
+    }, 6666 + '', props, () => {
+      this.updateState({
+        showMore: !this.state.showMore
+      });
+    }))));
+  }
+}
+//# sourceMappingURL=tabbar.component.js.map