@wavemaker/app-rn-runtime 12.0.0-next.141218 → 12.0.0-next.141221

package/components/navigation/basenav/basenav.props.js

@@ -0,0 +1,18 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 class BaseNavProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", null);
+    _defineProperty(this, "itemlabel", 'label');
+    _defineProperty(this, "itemlink", 'link');
+    _defineProperty(this, "itemicon", 'icon');
+    _defineProperty(this, "itembadge", null);
+    _defineProperty(this, "isactive", null);
+    _defineProperty(this, "itemchildren", null);
+    _defineProperty(this, "getDisplayExpression", label => null);
+  }
+}
+//# sourceMappingURL=basenav.props.js.map

package/components/navigation/menu/menu.component.js

@@ -0,0 +1,65 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { View } from 'react-native';
+import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
+import { BaseNavComponent, BaseNavState } from '../basenav/basenav.component';
+import WmPopover from '../popover/popover.component';
+import WmMenuProps from './menu.props';
+import { DEFAULT_CLASS } from './menu.styles';
+export class WmMenuState extends BaseNavState {}
+const animationMap = {
+  slide: 'slideInDown',
+  fade: 'fadeIn',
+  scale: 'zoomIn'
+};
+export default class WmMenu extends BaseNavComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmMenuProps(), new WmMenuState());
+    _defineProperty(this, "popOverRef", null);
+    _defineProperty(this, "listener", {
+      onComponentInit: c => {
+        if (c instanceof WmPopover) {
+          this.popOverRef = c;
+        }
+      }
+    });
+  }
+  renderMenuItem(item, index) {
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
+    return /*#__PURE__*/React.createElement(WmAnchor, {
+      id: this.getTestId('menuitem' + index),
+      iconclass: item.icon,
+      caption: getDisplayLabel(item.label),
+      hyperlink: item.link,
+      styles: this.styles.menuItem,
+      onTap: () => {
+        this.invokeEventCallback('onSelect', [null, this, item]);
+        this.popOverRef.hide();
+      }
+    });
+  }
+  renderWidget(props) {
+    const menuItems = this.state.dataItems;
+    return /*#__PURE__*/React.createElement(WmPopover, {
+      id: this.getTestId('menu'),
+      styles: this.styles,
+      contentanimation: animationMap[props.animateitems || 'scale'],
+      caption: props.caption,
+      iconclass: props.iconclass,
+      listener: this.listener,
+      popoverheight: this.styles.menu.height || null,
+      popoverwidth: this.styles.menu.width || null,
+      iconposition: "right",
+      type: "dropdown"
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        ...this.styles.menu
+      }
+    }, menuItems.map((item, index) => /*#__PURE__*/React.createElement(View, {
+      key: item.key
+    }, this.renderMenuItem(item, index)))));
+  }
+}
+//# sourceMappingURL=menu.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","WmAnchor","BaseNavComponent","BaseNavState","WmPopover","WmMenuProps","DEFAULT_CLASS","WmMenuState","animationMap","slide","fade","scale","WmMenu","constructor","props","_defineProperty","onComponentInit","c","popOverRef","renderMenuItem","item","index","getDisplayLabel","getDisplayExpression","label","createElement","id","getTestId","iconclass","icon","caption","hyperlink","link","styles","menuItem","onTap","invokeEventCallback","hide","renderWidget","menuItems","state","dataItems","contentanimation","animateitems","listener","popoverheight","menu","height","popoverwidth","width","iconposition","type","style","map","key"],"sources":["menu.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport { LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '../basenav/basenav.component';\nimport WmPopover from '../popover/popover.component';\nimport WmMenuProps from './menu.props';\nimport { DEFAULT_CLASS, WmMenuStyles } from './menu.styles';\n\nexport class WmMenuState <T extends WmMenuProps> extends BaseNavState<T> {}\n\nconst animationMap: any = {\n  slide: 'slideInDown',\n  fade: 'fadeIn',\n  scale: 'zoomIn'\n};\n\nexport default class WmMenu extends BaseNavComponent<WmMenuProps, WmMenuState<WmMenuProps>, WmMenuStyles> {\n\n  private popOverRef: WmPopover = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmPopover) {\n        this.popOverRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmMenuProps) {\n    super(props, DEFAULT_CLASS, new WmMenuProps(), new WmMenuState());\n  }\n\n  renderMenuItem(item: NavigationDataItem, index: number) {\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    return (\n      <WmAnchor\n        id={this.getTestId('menuitem' + index)}\n        iconclass={item.icon as string}\n        caption={getDisplayLabel(item.label)}\n        hyperlink={item.link}\n        styles={this.styles.menuItem}\n        onTap={() => {\n          this.invokeEventCallback('onSelect', [null, this, item]);\n          this.popOverRef.hide();\n      }}></WmAnchor>\n    );\n  }\n\n  renderWidget(props: WmMenuProps) {\n    const menuItems = this.state.dataItems;\n    return (\n      <WmPopover \n        id={this.getTestId('menu')}\n        styles={this.styles}\n        contentanimation={animationMap[props.animateitems || 'scale']}\n        caption={props.caption}\n        iconclass={props.iconclass}\n        listener={this.listener}\n        popoverheight={this.styles.menu.height as string | number | undefined || null}\n        popoverwidth={this.styles.menu.width as string | number | undefined || null}\n        iconposition=\"right\"\n        type='dropdown'>\n          <View style={{...this.styles.menu}}>\n            {menuItems.map((item, index) => (\n              <View key={item.key}>\n                {this.renderMenuItem(item, index)}\n              </View>\n            ))}\n          </View>\n      </WmPopover>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/navigation/menu/menu.props.js

@@ -0,0 +1,14 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';
+export default class WmMenuProps extends BaseNavProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animateitems", 'slide');
+    _defineProperty(this, "caption", '');
+    _defineProperty(this, "dataset", 'Menu Item 1, Menu Item 2, Menu Item 3');
+    _defineProperty(this, "iconclass", 'fa fa-caret-down');
+  }
+}
+//# sourceMappingURL=menu.props.js.map

package/components/navigation/menu/menu.styles.js

@@ -0,0 +1,70 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { DEFAULT_CLASS as POPOVER_CLASS } from '../popover/popover.styles';
+import { Platform } from 'react-native';
+export const DEFAULT_CLASS = 'app-menu';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = {
+    root: {
+      alignSelf: 'flex-start'
+    },
+    text: {},
+    link: {
+      icon: {
+        root: {
+          color: themeVariables.menuIconColor
+        }
+      },
+      text: {
+        textDecorationLine: 'none',
+        paddingRight: 12,
+        fontWeight: 'bold',
+        color: themeVariables.menuTextColor
+      }
+    },
+    popover: {
+      backgroundColor: themeVariables.transparent,
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0
+    },
+    popoverContent: {
+      //@ts-ignore
+      flex: undefined
+    },
+    menu: {
+      width: 160,
+      backgroundColor: themeVariables.menuBackgroundColor,
+      borderRadius: 4
+    },
+    menuItem: {
+      root: {
+        height: 48,
+        borderBottomWidth: 0,
+        borderStyle: 'solid',
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        flexGrow: 1,
+        paddingTop: 8,
+        justifyContent: 'flex-start',
+        borderBottomColor: themeVariables.menuItemBorderColor
+      },
+      icon: {
+        root: {
+          fontSize: 24,
+          paddingLeft: 22
+        },
+        icon: {
+          color: themeVariables.menuItemIconColor
+        }
+      },
+      text: {
+        fontSize: 16,
+        paddingTop: 4,
+        textDecorationLine: 'none',
+        color: themeVariables.menuItemTextColor
+      }
+    }
+  };
+  addStyle(DEFAULT_CLASS, POPOVER_CLASS, defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {} : {});
+});
+//# sourceMappingURL=menu.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","POPOVER_CLASS","Platform","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","link","icon","color","menuIconColor","textDecorationLine","paddingRight","fontWeight","menuTextColor","popover","backgroundColor","transparent","borderTopLeftRadius","borderTopRightRadius","popoverContent","flex","undefined","menu","width","menuBackgroundColor","borderRadius","menuItem","height","borderBottomWidth","borderStyle","flexDirection","alignItems","flexGrow","paddingTop","justifyContent","borderBottomColor","menuItemBorderColor","fontSize","paddingLeft","menuItemIconColor","menuItemTextColor","OS"],"sources":["menu.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmAnchorStyles } from '../../basic/anchor/anchor.styles';\nimport { WmPopoverStyles, DEFAULT_CLASS as POPOVER_CLASS } from '../popover/popover.styles';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Platform } from 'react-native';\n\nexport type WmMenuStyles = WmPopoverStyles & {\n    menu: AllStyle,\n    menuItem: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-menu';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmMenuStyles = {\n        root : {\n            alignSelf: 'flex-start'\n        },\n        text: {},\n        link: {\n            icon: {\n                root: {\n                    color: themeVariables.menuIconColor\n                }\n            },\n            text: {\n                textDecorationLine: 'none',\n                paddingRight: 12,\n                fontWeight: 'bold',\n                color: themeVariables.menuTextColor\n            }\n        } as WmAnchorStyles,\n        popover: {\n            backgroundColor: themeVariables.transparent,\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0  \n        },\n        popoverContent: {\n            //@ts-ignore\n            flex: undefined\n        },\n        menu: {\n            width: 160,\n            backgroundColor: themeVariables.menuBackgroundColor,\n            borderRadius: 4\n        },\n        menuItem: {\n            root : {\n                height: 48,\n                borderBottomWidth: 0,\n                borderStyle: 'solid',\n                flexDirection : 'row',\n                alignItems: 'flex-start',\n                flexGrow:1, \n                paddingTop: 8,\n                justifyContent: 'flex-start',\n                borderBottomColor: themeVariables.menuItemBorderColor\n            },\n            icon :{\n                root : {\n                  fontSize: 24,\n                  paddingLeft: 22\n                },\n                icon : {\n                    color: themeVariables.menuItemIconColor\n                }\n            },\n            text: {\n                fontSize: 16,\n                paddingTop: 4,\n                textDecorationLine: 'none',\n                color: themeVariables.menuItemTextColor\n            }\n        } as any as WmAnchorStyles\n    };\n\n    addStyle(DEFAULT_CLASS, POPOVER_CLASS, defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{}:{});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAE7E,SAA0BC,aAAa,IAAIC,aAAa,QAAQ,2BAA2B;AAG3F,SAASC,QAAQ,QAAQ,cAAc;AAOvC,OAAO,MAAMF,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA2B,GAAG;IAChCC,IAAI,EAAG;MACHC,SAAS,EAAE;IACf,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACFC,IAAI,EAAE;QACFJ,IAAI,EAAE;UACFK,KAAK,EAAER,cAAc,CAACS;QAC1B;MACJ,CAAC;MACDJ,IAAI,EAAE;QACFK,kBAAkB,EAAE,MAAM;QAC1BC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,MAAM;QAClBJ,KAAK,EAAER,cAAc,CAACa;MAC1B;IACJ,CAAmB;IACnBC,OAAO,EAAE;MACLC,eAAe,EAAEf,cAAc,CAACgB,WAAW;MAC3CC,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE;IAC1B,CAAC;IACDC,cAAc,EAAE;MACZ;MACAC,IAAI,EAAEC;IACV,CAAC;IACDC,IAAI,EAAE;MACFC,KAAK,EAAE,GAAG;MACVR,eAAe,EAAEf,cAAc,CAACwB,mBAAmB;MACnDC,YAAY,EAAE;IAClB,CAAC;IACDC,QAAQ,EAAE;MACNvB,IAAI,EAAG;QACHwB,MAAM,EAAE,EAAE;QACVC,iBAAiB,EAAE,CAAC;QACpBC,WAAW,EAAE,OAAO;QACpBC,aAAa,EAAG,KAAK;QACrBC,UAAU,EAAE,YAAY;QACxBC,QAAQ,EAAC,CAAC;QACVC,UAAU,EAAE,CAAC;QACbC,cAAc,EAAE,YAAY;QAC5BC,iBAAiB,EAAEnC,cAAc,CAACoC;MACtC,CAAC;MACD7B,IAAI,EAAE;QACFJ,IAAI,EAAG;UACLkC,QAAQ,EAAE,EAAE;UACZC,WAAW,EAAE;QACf,CAAC;QACD/B,IAAI,EAAG;UACHC,KAAK,EAAER,cAAc,CAACuC;QAC1B;MACJ,CAAC;MACDlC,IAAI,EAAE;QACFgC,QAAQ,EAAE,EAAE;QACZJ,UAAU,EAAE,CAAC;QACbvB,kBAAkB,EAAE,MAAM;QAC1BF,KAAK,EAAER,cAAc,CAACwC;MAC1B;IACJ;EACJ,CAAC;EAEDvC,QAAQ,CAACL,aAAa,EAAEC,aAAa,EAAEK,aAAa,CAAC;EACrDD,QAAQ,CAACL,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEE,QAAQ,CAAC2C,EAAE,IAAE,KAAK,GAAC,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC","ignoreList":[]}

package/components/navigation/navbar/navbar.props.js

@@ -0,0 +1,16 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';
+export default class WmNavbarProps extends BaseNavProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "type", 'pills');
+    _defineProperty(this, "layout", '');
+    _defineProperty(this, "children", []);
+    _defineProperty(this, "indent", 0);
+    _defineProperty(this, "onSelect", ($event, target, $item) => {});
+    _defineProperty(this, "ischildnav", false);
+  }
+}
+//# sourceMappingURL=navbar.props.js.map

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

@@ -0,0 +1,67 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { View, TouchableOpacity } from 'react-native';
+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';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+export class WmNavItemState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _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, _extends({
+        id: this.getTestId('navlink')
+      }, getAccessibilityProps(AccessibilityWidgetType.NAV, props), {
+        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, _extends({}, this.getTestPropsForAction('navitem'), {
+        onPress: () => {
+          this.updateState({
+            collapsed: !this.state.collapsed
+          });
+        }
+      }), /*#__PURE__*/React.createElement(View, {
+        style: this.styles.dropdownNav
+      }, /*#__PURE__*/React.createElement(WmAnchor, _extends({
+        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)
+      }, getAccessibilityProps(AccessibilityWidgetType.NAV, props))), /*#__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.props.js

@@ -0,0 +1,19 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmNavItemProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "caption", void 0);
+    _defineProperty(this, "item", []);
+    _defineProperty(this, "view", 'default');
+    _defineProperty(this, "onSelect", ($event, target, $item) => {});
+    _defineProperty(this, "getDisplayExpression", label => null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "link");
+  }
+}
+//# sourceMappingURL=navitem.props.js.map

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

@@ -0,0 +1,193 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { isString } from 'lodash-es';
+import { TouchableOpacity, Text, View, Dimensions, Animated, PanResponder } 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';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { ScrollView, GestureHandlerRootView } from 'react-native-gesture-handler';
+export class WmPopoverState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _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, "dragY", new Animated.Value(0));
+    _defineProperty(this, "panResponder", PanResponder.create({
+      onStartShouldSetPanResponder: () => true,
+      onMoveShouldSetPanResponder: () => true,
+      onPanResponderMove: (_, gestureState) => {
+        if (gestureState.dy > 0 && gestureState.dy < Number(this.styles.popover.minHeight)) {
+          this.dragY.setValue(Number(this.styles.popover.minHeight) - gestureState.dy);
+        }
+      },
+      onPanResponderRelease: (_, gestureState) => {
+        if (gestureState.dy < -50) {
+          Animated.timing(this.dragY, {
+            toValue: Number(this.styles.popover.maxHeight),
+            duration: 500,
+            useNativeDriver: false
+          }).start();
+        } else {
+          Animated.timing(this.dragY, {
+            toValue: Number(this.styles.popover.minHeight),
+            duration: 500,
+            useNativeDriver: false
+          }).start();
+        }
+      }
+    }));
+    _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);
+          }
+          this.isRTL ? position.right = px : position.left = px;
+          if (px + popoverwidth > windowDimensions.width) {
+            this.isRTL ? position.right = px + width - popoverwidth : position.left = px + width - popoverwidth;
+          }
+          position.top = py + height;
+          this.updateState({
+            position: position
+          });
+        });
+      }
+    });
+    _defineProperty(this, "showPopover", e => {
+      this.updateState({
+        isOpened: true
+      });
+      this.invokeEventCallback('onShow', [e, this]);
+      e === null || e === void 0 || e.stopPropagation();
+    });
+    _defineProperty(this, "hide", () => {});
+    if (this.state.props.autoopen) {
+      this.showPopover();
+    }
+  }
+  getDefaultStyles() {
+    const isActionSheet = this.state.props.type === 'action-sheet';
+    return this.theme.getStyle(`${this.defaultClass} ${isActionSheet ? 'app-popover-action-sheet' : ''}`);
+  }
+  renderPopoverContent(props, styles, dimensions) {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      style: props.type === "action-sheet" ? {
+        dimensions
+      } : this.theme.mergeStyle(styles.popover, dimensions),
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      },
+      scrollEventThrottle: 48,
+      accessible: props.type !== "dropdown",
+      accessibilityViewIsModal: true
+    }, 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)));
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case "autoopen":
+        if ($new) {
+          this.showPopover && this.showPopover();
+        } else {
+          this.hide && 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, _extends({
+      style: styles.root,
+      onLayout: this.computePosition,
+      ref: ref => {
+        this.view = ref;
+      }
+    }, getAccessibilityProps(AccessibilityWidgetType.POVOVER, props)), 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,
+      iconheight: props.iconheight,
+      iconwidth: props.iconwidth,
+      iconmargin: props.iconmargin,
+      iconurl: props.iconurl,
+      styles: styles.link,
+      onTap: this.showPopover
+    }), this.state.isOpened ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+      modalService.showModal(this.prepareModalOptions(props.type === 'action-sheet' ? /*#__PURE__*/React.createElement(Animated.View, _extends({
+        style: [styles.popover, {
+          height: this.dragY
+        }]
+      }, this.panResponder.panHandlers), /*#__PURE__*/React.createElement(GestureHandlerRootView, null, this.renderPopoverContent(props, styles, dimensions))) : this.renderPopoverContent(props, styles, dimensions), 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","Dimensions","Animated","PanResponder","BaseComponent","BaseComponentState","ModalConsumer","WmAnchor","WmPopoverProps","DEFAULT_CLASS","WmContainer","AccessibilityWidgetType","getAccessibilityProps","ScrollView","GestureHandlerRootView","WmPopoverState","constructor","args","_defineProperty","WmPopover","props","Value","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","Number","styles","popover","minHeight","dragY","setValue","onPanResponderRelease","timing","toValue","maxHeight","duration","useNativeDriver","start","e","position","state","type","windowDimensions","get","view","measure","x","y","width","height","px","py","popoverwidth","parseInt","isRTL","right","left","top","updateState","isOpened","invokeEventCallback","stopPropagation","autoopen","showPopover","getDefaultStyles","isActionSheet","theme","getStyle","defaultClass","renderPopoverContent","dimensions","createElement","style","mergeStyle","onScroll","event","notify","scrollEventThrottle","accessible","accessibilityViewIsModal","title","_extends","getTestPropsForAction","activeOpacity","onPress","autoclose","hide","popoverContent","root","onLoad","renderPartial","p","children","onPropertyChange","name","$new","$old","prepareModalOptions","content","modalService","o","modalOptions","modalStyle","modal","contentStyle","modalContent","isModal","centered","animation","contentanimation","onClose","setState","isPartialLoaded","hideModal","renderWidget","popoverheight","onLayout","computePosition","ref","POVOVER","_background","id","getTestId","caption","badgevalue","iconclass","iconposition","iconheight","iconwidth","iconmargin","iconurl","link","onTap","showModal","panResponder","panHandlers"],"sources":["popover.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isString } from 'lodash-es';\nimport { LayoutChangeEvent, TouchableOpacity, Text, View, Dimensions, Animated, PanResponder } from 'react-native';\nimport { BaseComponent, BaseComponentState, BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { SyntheticEvent } 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';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { ScrollView, GestureHandlerRootView } from 'react-native-gesture-handler';\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  dragY = new Animated.Value(0);\n\n  constructor(props: WmPopoverProps) {\n    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());\n\n    if (this.state.props.autoopen) {\n      this.showPopover(); \n    }\n  }\n\n  public panResponder = PanResponder.create({\n    onStartShouldSetPanResponder: () => true,\n    onMoveShouldSetPanResponder: () => true,\n    onPanResponderMove: (_, gestureState) => {\n      if (gestureState.dy > 0 && gestureState.dy < Number(this.styles.popover.minHeight)) {\n        this.dragY.setValue(Number(this.styles.popover.minHeight) - gestureState.dy);\n      }\n    },\n    onPanResponderRelease: (_, gestureState) => {\n      if (gestureState.dy < -50) {\n        Animated.timing(this.dragY, {\n          toValue: Number(this.styles.popover.maxHeight),\n          duration: 500,\n          useNativeDriver: false,\n        }).start();\n      } else {\n        Animated.timing(this.dragY, {\n          toValue: Number(this.styles.popover.minHeight),\n          duration: 500,\n          useNativeDriver: false,\n        }).start();\n      }\n    },\n  });\n  \n  getDefaultStyles() {\n    const isActionSheet = this.state.props.type === 'action-sheet';\n    return this.theme.getStyle(`${this.defaultClass} ${isActionSheet ? 'app-popover-action-sheet' : ''}`);\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        this.isRTL ? position.right = px : position.left = px\n        \n        if (px + popoverwidth > windowDimensions.width) {\n          this.isRTL\n            ? (position.right = px + width - popoverwidth)\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 renderPopoverContent (props : WmPopoverProps , styles : WmPopoverStyles, dimensions: any) {\n    return (\n      <ScrollView style={props.type === \"action-sheet\" ? {dimensions} : this.theme.mergeStyle(styles.popover, dimensions)} \n      onScroll={(event) => {this.notify('scroll', [event])}}\n      scrollEventThrottle={48}\n      accessible={props.type !== \"dropdown\"} accessibilityViewIsModal>\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    )}\n\n  public showPopover = (e?: SyntheticEvent) => {\n    this.updateState({ isOpened: true } as WmPopoverState);\n    this.invokeEventCallback('onShow', [e, this]);\n    e?.stopPropagation();\n  };\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"autoopen\":\n        if($new){\n          this.showPopover && this.showPopover()\n        }\n        else{\n          this.hide && this.hide()\n      }\n    }\n  }\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}} {...getAccessibilityProps(AccessibilityWidgetType.POVOVER, props)}>\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          iconheight={props.iconheight}\n          iconwidth={props.iconwidth}\n          iconmargin={props.iconmargin}\n          iconurl={props.iconurl}\n          styles={styles.link}\n          onTap={this.showPopover}/>\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions(props.type === 'action-sheet' ?  (\n                <Animated.View style= {[styles.popover,{ height: this.dragY }]} {...this.panResponder.panHandlers}>\n                  <GestureHandlerRootView>\n                 {this.renderPopoverContent(props, styles, dimensions)}\n                 </GestureHandlerRootView>\n                  </Animated.View>\n              ): (this.renderPopoverContent(props, styles, dimensions)), styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/navigation/popover/popover.props.js

@@ -0,0 +1,31 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmPopoverProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "badgevalue", null);
+    _defineProperty(this, "caption", 'Link');
+    _defineProperty(this, "contentanimation", null);
+    _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "iconposition", 'left');
+    _defineProperty(this, "popoverwidth", 240);
+    _defineProperty(this, "popoverheight", 360);
+    _defineProperty(this, "autoclose", 'outsideClick');
+    _defineProperty(this, "autoopen", false);
+    _defineProperty(this, "children", []);
+    _defineProperty(this, "renderPartial", null);
+    _defineProperty(this, "title", null);
+    _defineProperty(this, "type", 'action-sheet');
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+  }
+}
+//# sourceMappingURL=popover.props.js.map

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

@@ -0,0 +1,48 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLeftPanelProps from './left-panel.props';
+import { DEFAULT_CLASS } from './left-panel.styles';
+import { ScrollView } from 'react-native-gesture-handler';
+export class WmLeftPanelState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+export default class WmLeftPanel extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLeftPanelProps());
+  }
+  onPartialLoad() {
+    this.invokeEventCallback('onLoad', [null, this]);
+  }
+  renderContent(props) {
+    if (props.renderPartial) {
+      if (!this.state.isPartialLoaded) {
+        setTimeout(() => {
+          this.updateState({
+            isPartialLoaded: true
+          });
+        });
+      }
+      return props.renderPartial(props, this.onPartialLoad.bind(this));
+    }
+    return props.children;
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      },
+      scrollEventThrottle: 48,
+      contentContainerStyle: [this.styles.root, {
+        width: "100%",
+        maxWidth: "100%"
+      }]
+    }, this._background, this.renderContent(props));
+  }
+}
+//# sourceMappingURL=left-panel.component.js.map

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

@@ -0,0 +1,12 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmLeftPanelProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "renderPartial", void 0);
+  }
+}
+//# sourceMappingURL=left-panel.props.js.map