@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/components/navigation/navbar/navbar.styles.js

@@ -0,0 +1,41 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-navbar';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    nav: {
+      flexDirection: 'row'
+    },
+    navitem: {},
+    childNav: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('stackedNav', '', {
+    root: {},
+    nav: {
+      flexDirection: 'column'
+    },
+    text: {
+      textDecorationLine: 'none'
+    },
+    navitem: {},
+    childNav: {
+      paddingLeft: 12
+    }
+  });
+  addStyle('childNav', '', {
+    navitem: {}
+  });
+  addStyle('justifiedNav', '', {
+    root: {},
+    nav: {
+      justifyContent: 'space-around',
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    navitem: {}
+  });
+});
+//# sourceMappingURL=navbar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","nav","flexDirection","navitem","childNav","textDecorationLine","paddingLeft","justifyContent","alignItems"],"sources":["navbar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { ViewStyle } from 'react-native';\n\nexport type WmNavbarStyles = BaseStyles & {\n  nav: AllStyle,\n  navitem: AllStyle,\n  childNav: ViewStyle\n};\n\nexport const DEFAULT_CLASS = 'app-navbar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNavbarStyles = defineStyles({\n      root: {},\n      text: {},\n      nav: {\n        flexDirection: 'row'\n      },\n      navitem: {},\n      childNav: {}\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('stackedNav', '', {\n    root: {},\n    nav: {\n      flexDirection: 'column'\n    },\n    text: {\n      textDecorationLine: 'none'\n    },\n    navitem: {},\n    childNav:  {\n      paddingLeft: 12\n    }\n  } as WmNavbarStyles);\n  addStyle('childNav', '', {\n    navitem: {}\n  } as WmNavbarStyles);\n  addStyle('justifiedNav', '', {\n    root: {},\n    nav: {\n      justifyContent: 'space-around',\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    navitem: {}\n  } as WmNavbarStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,2CAA2C;AAChF,SAAqBC,YAAY,QAAQ,kDAAkD;AAS3F,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,GAAG,EAAE;MACHC,aAAa,EAAE;IACjB,CAAC;IACDC,OAAO,EAAE,CAAC,CAAC;IACXC,QAAQ,EAAE,CAAC;EACf,CAAC,CAAC;EAEFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBE,IAAI,EAAE,CAAC,CAAC;IACRE,GAAG,EAAE;MACHC,aAAa,EAAE;IACjB,CAAC;IACDF,IAAI,EAAE;MACJK,kBAAkB,EAAE;IACtB,CAAC;IACDF,OAAO,EAAE,CAAC,CAAC;IACXC,QAAQ,EAAG;MACTE,WAAW,EAAE;IACf;EACF,CAAmB,CAAC;EACpBT,QAAQ,CAAC,UAAU,EAAE,EAAE,EAAE;IACvBM,OAAO,EAAE,CAAC;EACZ,CAAmB,CAAC;EACpBN,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAE;IAC3BE,IAAI,EAAE,CAAC,CAAC;IACRE,GAAG,EAAE;MACHM,cAAc,EAAE,cAAc;MAC9BL,aAAa,EAAE,KAAK;MACpBM,UAAU,EAAE;IACd,CAAC;IACDL,OAAO,EAAE,CAAC;EACZ,CAAmB,CAAC;AACtB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+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-ai/app-rn-runtime/core/base.component';
+import WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import WmNavItemProps from './navitem.props';
+import { DEFAULT_CLASS } from './navitem.styles';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/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',
+        accessibilitylabel: this.state.collapsed ? 'Expand' : 'Collapse',
+        accessibilityrole: "button"
+      }))), !this.state.collapsed && props.children);
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, 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","AccessibilityWidgetType","getAccessibilityProps","WmNavItemState","constructor","args","_defineProperty","WmNavItem","props","onSelectItem","cb","$item","$event","data","renderWidget","getDisplayLabel","getDisplayExpression","label","child","children","view","createElement","_extends","id","getTestId","NAV","styles","navAnchorItem","caption","item","hyperlink","link","badgevalue","badge","iconclass","icon","onTap","bind","onSelect","Fragment","getTestPropsForAction","onPress","updateState","collapsed","state","style","dropdownNav","caretIcon","accessibilitylabel","accessibilityrole","root","onLayout","event","handleLayout","_background"],"sources":["navitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, TouchableOpacity } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmIcon from '@wavemaker-ai/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-ai/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport { SyntheticEvent } from \"@wavemaker-ai/app-rn-runtime/core/tappable.component\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\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: SyntheticEvent) {\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 = (\n        <WmAnchor\n          id={this.getTestId('navlink')}\n          {...getAccessibilityProps(AccessibilityWidgetType.NAV, props)}\n          styles={this.styles.navAnchorItem}\n          caption={getDisplayLabel(props.item.label)}\n          hyperlink={props.item.link}\n          badgevalue={props.item.badge}\n          iconclass={props.item.icon}\n          onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}\n        ></WmAnchor>\n      );\n    }\n    if (props.view === 'dropdown') {\n      child = (\n        <>\n        <TouchableOpacity\n          {...this.getTestPropsForAction('navitem')}\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)} {...getAccessibilityProps(AccessibilityWidgetType.NAV, props)}></WmAnchor>\n            <WmIcon id={this.getTestId('icon')} styles={this.styles.caretIcon} iconclass={this.state.collapsed ? 'fa fa-sort-down' : 'fa fa-sort-up'} accessibilitylabel={this.state.collapsed ? 'Expand' : 'Collapse'} accessibilityrole='button'></WmIcon>\n          </View>\n        </TouchableOpacity>\n        {!this.state.collapsed && props.children}\n        </>\n      );\n    }\n    return (\n      <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>{this._background}{child}</View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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-ai/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/navitem/navitem.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmNavItemProps","constructor","args","_defineProperty","$event","target","$item","label","undefined"],"sources":["navitem.props.ts"],"sourcesContent":["import {BaseComponent, BaseProps} from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {NavigationDataItem} from \"@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport {SyntheticEvent} from \"@wavemaker-ai/app-rn-runtime/core/tappable.component\";\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmNavItemProps extends BaseProps {\n  children?: any;\n  caption?: string;\n  item: any = [];\n  view: 'default' | 'dropdown' | 'anchor' = 'default';\n  onSelect? = ($event: SyntheticEvent, target: any, $item: NavigationDataItem) => {};\n  getDisplayExpression? = (label: string) => null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"link\";\n}\n"],"mappings":";;;AAAA,SAAuBA,SAAS,QAAO,kDAAkD;AAKzF,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,eAGxC,EAAE;IAAAA,eAAA,eAC4B,SAAS;IAAAA,eAAA,mBACvC,CAACC,MAAsB,EAAEC,MAAW,EAAEC,KAAyB,KAAK,CAAC,CAAC;IAAAH,eAAA,+BACzDI,KAAa,IAAK,IAAW;IAAAJ,eAAA,6BACxBK,SAAS;IAAAL,eAAA,eACvBK,SAAS;IAAAL,eAAA,4BACe,MAAM;EAAA;AAChD","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/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-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmAnchorStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmIconStyles } from '@wavemaker-ai/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});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAW3F,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","ignoreList":[]}

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

@@ -0,0 +1,220 @@
+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, Platform } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { ModalConsumer } from '@wavemaker-ai/app-rn-runtime/core/modal.service';
+import WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';
+import WmPopoverProps from './popover.props';
+import { DEFAULT_CLASS } from './popover.styles';
+import WmContainer from '@wavemaker-ai/app-rn-runtime/components/container/container.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { ScrollView, GestureHandlerRootView } from 'react-native-gesture-handler';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+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, "insets", {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 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", callback => {
+      const position = {};
+      if (this.state.props.type === 'dropdown') {
+        const windowDimensions = Dimensions.get('window');
+        this.view.measureInWindow((x, y, width, height) => {
+          var _this$insets;
+          let popoverwidth = this.state.props.popoverwidth;
+          if (popoverwidth && isString(popoverwidth)) {
+            popoverwidth = parseInt(popoverwidth);
+          }
+          this.isRTL ? position.right = x : position.left = x;
+          if (x + popoverwidth > windowDimensions.width) {
+            this.isRTL ? position.right = x + width - popoverwidth : position.left = x + width - popoverwidth;
+          }
+          const yOffset = Platform.OS == 'ios' ? (this === null || this === void 0 || (_this$insets = this.insets) === null || _this$insets === void 0 ? void 0 : _this$insets.top) || 0 : 0;
+          position.top = y + height - yOffset;
+          this.updateState({
+            position: position
+          }, callback);
+        });
+      } else if (callback) {
+        callback();
+      }
+    });
+    _defineProperty(this, "showPopover", e => {
+      this.computePosition(() => {
+        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(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      this.insets = insets;
+      return /*#__PURE__*/React.createElement(View, _extends({
+        style: styles.root,
+        onLayout: e => this.handleLayout(e),
+        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,
+        lefticonclass: props.lefticonclass,
+        iconclass: props.iconclass,
+        iconposition: props.iconposition,
+        iconheight: props.iconheight,
+        iconwidth: props.iconwidth,
+        iconmargin: props.iconmargin,
+        iconurl: props.iconurl,
+        styles: styles.link,
+        onTap: this.showPopover,
+        accessible: false
+      }), 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.state.props.draghandle ? /*#__PURE__*/React.createElement(WmIcon, {
+          iconclass: "wi wi-minus",
+          styles: this.styles.draghandleicon
+        }) : 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","Platform","BaseComponent","BaseComponentState","ModalConsumer","WmAnchor","WmPopoverProps","DEFAULT_CLASS","WmContainer","AccessibilityWidgetType","getAccessibilityProps","ScrollView","GestureHandlerRootView","WmIcon","SafeAreaInsetsContext","WmPopoverState","constructor","args","_defineProperty","WmPopover","props","Value","top","bottom","left","right","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","Number","styles","popover","minHeight","dragY","setValue","onPanResponderRelease","timing","toValue","maxHeight","duration","useNativeDriver","start","callback","position","state","type","windowDimensions","get","view","measureInWindow","x","y","width","height","_this$insets","popoverwidth","parseInt","isRTL","yOffset","OS","insets","updateState","e","computePosition","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","Consumer","onLayout","handleLayout","ref","POVOVER","_background","id","getTestId","caption","badgevalue","lefticonclass","iconclass","iconposition","iconheight","iconwidth","iconmargin","iconurl","link","onTap","showModal","panResponder","panHandlers","draghandle","draghandleicon"],"sources":["popover.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isString } from 'lodash-es';\nimport { LayoutChangeEvent, TouchableOpacity, Text, View, Dimensions, Animated, PanResponder, Platform } from 'react-native';\nimport { BaseComponent, BaseComponentState, BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport { SyntheticEvent } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';\n\nimport WmPopoverProps from './popover.props';\nimport { DEFAULT_CLASS, WmPopoverStyles } from './popover.styles';\nimport WmContainer from '@wavemaker-ai/app-rn-runtime/components/container/container.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { ScrollView, GestureHandlerRootView } from 'react-native-gesture-handler';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { SafeAreaInsetsContext, EdgeInsets } from 'react-native-safe-area-context';\n\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  insets: EdgeInsets | null = {\n    top: 0, bottom: 0, left: 0, right: 0\n  };\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 = (callback?: () => void) => {\n    const position = {} as PopoverPosition;\n    if (this.state.props.type === 'dropdown') {\n      const windowDimensions = Dimensions.get('window');\n      this.view.measureInWindow((x, y, width, height) => {\n        let popoverwidth = this.state.props.popoverwidth as any;\n        if (popoverwidth && isString(popoverwidth)) {\n          popoverwidth = parseInt(popoverwidth);\n        }\n\n        this.isRTL ? position.right = x : position.left = x;\n\n        if (x + popoverwidth > windowDimensions.width) {\n          this.isRTL\n            ? (position.right = x + width - popoverwidth)\n            : (position.left = x + width - popoverwidth);\n        }\n        const yOffset = Platform.OS == 'ios' ? (this?.insets?.top || 0) : 0;\n        position.top = y + height - yOffset;\n        this.updateState({position: position} as WmPopoverState, callback);\n      });\n    } else if (callback) {\n      callback();\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.computePosition(() => {\n      this.updateState({ isOpened: true } as WmPopoverState);\n      this.invokeEventCallback('onShow', [e, this]);\n    });\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      <SafeAreaInsetsContext.Consumer>\n      {(insets = {top: 0, bottom: 0, left: 0, right: 0})=>{\n        this.insets = insets;\n        return (\n        <View style={styles.root} onLayout={(e: LayoutChangeEvent)=>this.handleLayout(e)} 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            lefticonclass={props.lefticonclass}\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            accessible={false}/>\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.state.props.draghandle ? <WmIcon iconclass=\"wi wi-minus\" styles={this.styles.draghandleicon}/> : null}\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      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+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-ai/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, "accessible", true);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "draghandle", false);
+    _defineProperty(this, "accessibilityrole", 'button');
+    _defineProperty(this, "lefticonclass", void 0);
+  }
+}
+//# sourceMappingURL=popover.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmPopoverProps","constructor","args","_defineProperty","undefined"],"sources":["popover.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport React from 'react';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmPopoverProps extends BaseProps {\n  animation?: string = null as any;\n  badgevalue? = null as any;\n  caption? = 'Link';\n  contentanimation?: string = null as any;\n  iconclass? = null as any;\n  iconposition? = 'left' as any;\n  popoverwidth?: string | number | null = 240;\n  popoverheight?: string | number | null = 360;\n  autoclose?: 'outsideClick' | 'disabled' | 'always' = 'outsideClick';\n  autoopen?: boolean = false;\n  children? = [] as any;\n  renderPartial?: Function = null as any;\n  title?: string = null as any;\n  type?: 'action-sheet' | 'dropdown' = 'action-sheet';\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  draghandle?: boolean = false;\n  accessibilityrole?: AccessibilityRole = 'button';\n  lefticonclass?: string;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAI5E,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,qBACX,IAAI;IAAAA,eAAA,kBACP,MAAM;IAAAA,eAAA,2BACW,IAAI;IAAAA,eAAA,oBACnB,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,uBACkB,GAAG;IAAAA,eAAA,wBACF,GAAG;IAAAA,eAAA,oBACS,cAAc;IAAAA,eAAA,mBAC9C,KAAK;IAAAA,eAAA,mBACd,EAAE;IAAAA,eAAA,wBACa,IAAI;IAAAA,eAAA,gBACd,IAAI;IAAAA,eAAA,eACgB,cAAc;IAAAA,eAAA,kBAChC,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,qBACF,KAAK;IAAAA,eAAA,4BACY,QAAQ;IAAAA,eAAA;EAAA;AAElD","ignoreList":[]}