npm - @wavemaker/app-rn-runtime - Versions diffs - 12.0.0-next.45002 → 12.0.0-next.45005 - Mend

@wavemaker/app-rn-runtime 12.0.0-next.45002 → 12.0.0-next.45005

Files changed (704) hide show

app-rn-runtime/components/input/toggle/toggle.component.js CHANGED Viewed

@@ -1,9 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 { TouchableOpacity, Animated, Easing } from 'react-native';
+import { TouchableOpacity, Animated, Easing, View } from 'react-native';
 import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { unStringify, validateField } from '@wavemaker/app-rn-runtime/core/utils';
@@ -11,8 +11,8 @@ import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-r
 import WmToggleProps from './toggle.props';
 import { DEFAULT_CLASS } from './toggle.styles';
 export class WmToggleState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "isSwitchOn", false);
     _defineProperty(this, "isValid", true);
     _defineProperty(this, "errorType", '');
@@ -117,7 +117,14 @@ export default class WmToggle extends BaseComponent {
       }
     }, this.getTestPropsForAction(), {
       style: styles.root
-    }), this._background, /*#__PURE__*/React.createElement(Animated.View, {
+    }), styles.root.animation && styles.root.animation === 'none' ? /*#__PURE__*/React.createElement(View, {
+      style: styles.handle
+    }, /*#__PURE__*/React.createElement(BackgroundComponent, {
+      size: styles.handle.backgroundSize || 'contain',
+      position: styles.handle.backgroundPosition,
+      image: styles.handle.backgroundImage,
+      repeat: styles.handle.backgroundRepeat || 'no-repeat'
+    })) : /*#__PURE__*/React.createElement(Animated.View, {
       style: [styles.handle, {
         transform: [{
           translateX: this.animationValue.interpolate({

app-rn-runtime/components/input/toggle/toggle.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","TouchableOpacity","Animated","Easing","BackgroundComponent","BaseComponent","BaseComponentState","unStringify","validateField","AccessibilityWidgetType","getAccessibilityProps","WmToggleProps","DEFAULT_CLASS","WmToggleState","constructor","arguments","_defineProperty","WmToggle","props","Value","onPropertyChange","name","$new","$old","value","state","checkedvalue","updateState","isSwitchOn","updateDatavalue","datavalue","validate","validationObj","isValid","errorType","onToggleSwitch","oldValue","dataValue","uncheckedvalue","sequence","timing","scaleValue","toValue","duration","useNativeDriver","animationValue","easing","linear","start","onFieldChange","invokeEventCallback","proxy","onLayoutChange","event","width","nativeEvent","layout","setState","viewWidth","renderWidget","styles","theme","mergeStyle","getStyle","createElement","_extends","onLayout","e","TOGGLE","selected","onPress","disabled","setTimeout","readonly","getTestPropsForAction","style","root","_background","View","handle","transform","translateX","interpolate","inputRange","outputRange","scale","size","backgroundSize","position","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat"],"sources":["toggle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, Animated, Easing, LayoutChangeEvent } from 'react-native';\n\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport WmToggleProps from './toggle.props';\nimport { DEFAULT_CLASS, WmToggleStyles } from './toggle.styles';\n\nexport class WmToggleState extends BaseComponentState<WmToggleProps> {\n isSwitchOn: boolean = false;\n isValid: boolean = true;\n errorType = '';\n viewWidth: number = 0;\n}\n\nexport default class WmToggle extends BaseComponent<WmToggleProps, WmToggleState, WmToggleStyles> {\n\n private animationValue = new Animated.Value(0);\n private scaleValue = new Animated.Value(1);\n\n constructor(props: WmToggleProps) {\n super(props, DEFAULT_CLASS, new WmToggleProps(), new WmToggleState());\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n switch (name) {\n case 'datavalue':\n let value =\n unStringify($new) ===\n unStringify(this.state.props.checkedvalue, true);\n this.updateState({ isSwitchOn: value } as WmToggleState);\n break;\n }\n }\n\n updateDatavalue(value: any) {\n this.updateState({ props: { datavalue: value }} as WmToggleState);\n }\n\n validate(value: any) {\n const validationObj = validateField(this.state.props, value);\n this.updateState({\n isValid: validationObj.isValid,\n errorType: validationObj.errorType\n } as WmToggleState);\n }\n\n onToggleSwitch(value: any) {\n const oldValue = this.state.props.datavalue;\n this.validate(value);\n this.updateState({ isSwitchOn: value } as WmToggleState);\n const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n Animated.sequence([\n Animated.timing(this.scaleValue, {\n toValue: 1.6,\n duration: 300,\n useNativeDriver: true,\n }),\n Animated.timing(this.animationValue, {\n toValue: value ? 1 : 0,\n duration: 300,\n easing: Easing.linear,\n useNativeDriver: true,\n }),\n ]).start(() => {\n Animated.timing(this.scaleValue, {\n toValue: value ? 1.5 : 1,\n duration: 0,\n useNativeDriver: true,\n }).start();\n });\n // @ts-ignore\n this.updateState({ props: { datavalue: dataValue } },\n ()=> {\n if (!this.props.onFieldChange) {\n this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n } else {\n this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n }\n this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n });\n }\n\n onLayoutChange(event: LayoutChangeEvent){\n let width = event.nativeEvent.layout.width;\n this.setState({\n viewWidth: width,\n } as WmToggleState);\n }\n\n renderWidget(props: WmToggleProps) {\n const styles = this.theme.mergeStyle(this.styles, \n this.theme.getStyle(this.state.isSwitchOn ? 'app-toggle-on' : 'app-toggle-off'));\n return (\n <TouchableOpacity \n onLayout={(e) => {\n this.onLayoutChange(e);\n }}\n {...getAccessibilityProps(AccessibilityWidgetType.TOGGLE, {...this.props, selected: this.state.isSwitchOn})}\n onPress={() => {\n if (this.props.disabled) {\n return;\n }\n // Added setTimeout to smooth animation\n setTimeout(() => {\n if (!props.readonly) {\n this.invokeEventCallback('onFocus', [null, this]);\n }\n this.invokeEventCallback('onTap', [null, this]);\n }, 500);\n this.onToggleSwitch(!this.state.isSwitchOn);\n }}{...this.getTestPropsForAction()}\n style={styles.root}>\n {this._background}\n <Animated.View\n style={[\n styles.handle,\n {\n transform: [\n {\n translateX: this.animationValue.interpolate({\n inputRange: [0, 1],\n outputRange: [0, this.state.viewWidth - (this.styles.handle.width as number+ 18)],\n }),\n },\n {scale : this.scaleValue}\n ],\n },\n ]}>\n <BackgroundComponent\n size={styles.handle.backgroundSize \|\| 'contain'}\n position={styles.handle.backgroundPosition}\n image={styles.handle.backgroundImage}\n repeat={styles.handle.backgroundRepeat \|\| 'no-repeat'}> \n </BackgroundComponent>\n </Animated.View>\n </TouchableOpacity>\n );\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","TouchableOpacity","Animated","Easing","View","BackgroundComponent","BaseComponent","BaseComponentState","unStringify","validateField","AccessibilityWidgetType","getAccessibilityProps","WmToggleProps","DEFAULT_CLASS","WmToggleState","constructor","args","_defineProperty","WmToggle","props","Value","onPropertyChange","name","$new","$old","value","state","checkedvalue","updateState","isSwitchOn","updateDatavalue","datavalue","validate","validationObj","isValid","errorType","onToggleSwitch","oldValue","dataValue","uncheckedvalue","sequence","timing","scaleValue","toValue","duration","useNativeDriver","animationValue","easing","linear","start","onFieldChange","invokeEventCallback","proxy","onLayoutChange","event","width","nativeEvent","layout","setState","viewWidth","renderWidget","styles","theme","mergeStyle","getStyle","createElement","_extends","onLayout","e","TOGGLE","selected","onPress","disabled","setTimeout","readonly","getTestPropsForAction","style","root","animation","handle","size","backgroundSize","position","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat","transform","translateX","interpolate","inputRange","outputRange","scale"],"sources":["toggle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, Animated, Easing, LayoutChangeEvent, View } from 'react-native';\n\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport WmToggleProps from './toggle.props';\nimport { DEFAULT_CLASS, WmToggleStyles } from './toggle.styles';\n\nexport class WmToggleState extends BaseComponentState<WmToggleProps> {\n isSwitchOn: boolean = false;\n isValid: boolean = true;\n errorType = '';\n viewWidth: number = 0;\n}\n\nexport default class WmToggle extends BaseComponent<WmToggleProps, WmToggleState, WmToggleStyles> {\n\n private animationValue = new Animated.Value(0);\n private scaleValue = new Animated.Value(1);\n\n constructor(props: WmToggleProps) {\n super(props, DEFAULT_CLASS, new WmToggleProps(), new WmToggleState());\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n switch (name) {\n case 'datavalue':\n let value =\n unStringify($new) ===\n unStringify(this.state.props.checkedvalue, true);\n this.updateState({ isSwitchOn: value } as WmToggleState);\n break;\n }\n }\n\n updateDatavalue(value: any) {\n this.updateState({ props: { datavalue: value }} as WmToggleState);\n }\n\n validate(value: any) {\n const validationObj = validateField(this.state.props, value);\n this.updateState({\n isValid: validationObj.isValid,\n errorType: validationObj.errorType\n } as WmToggleState);\n }\n\n onToggleSwitch(value: any) {\n const oldValue = this.state.props.datavalue;\n this.validate(value);\n this.updateState({ isSwitchOn: value } as WmToggleState);\n const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n Animated.sequence([\n Animated.timing(this.scaleValue, {\n toValue: 1.6,\n duration: 300,\n useNativeDriver: true,\n }),\n Animated.timing(this.animationValue, {\n toValue: value ? 1 : 0,\n duration: 300,\n easing: Easing.linear,\n useNativeDriver: true,\n }),\n ]).start(() => {\n Animated.timing(this.scaleValue, {\n toValue: value ? 1.5 : 1,\n duration: 0,\n useNativeDriver: true,\n }).start();\n });\n // @ts-ignore\n this.updateState({ props: { datavalue: dataValue } },\n ()=> {\n if (!this.props.onFieldChange) {\n this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n } else {\n this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n }\n this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n });\n }\n\n onLayoutChange(event: LayoutChangeEvent){\n let width = event.nativeEvent.layout.width;\n this.setState({\n viewWidth: width,\n } as WmToggleState);\n }\n\n renderWidget(props: WmToggleProps) {\n const styles = this.theme.mergeStyle(this.styles, \n this.theme.getStyle(this.state.isSwitchOn ? 'app-toggle-on' : 'app-toggle-off'));\n return (\n <TouchableOpacity \n onLayout={(e) => {\n this.onLayoutChange(e);\n }}\n {...getAccessibilityProps(AccessibilityWidgetType.TOGGLE, {...this.props, selected: this.state.isSwitchOn})}\n onPress={() => {\n if (this.props.disabled) {\n return;\n }\n // Added setTimeout to smooth animation\n setTimeout(() => {\n if (!props.readonly) {\n this.invokeEventCallback('onFocus', [null, this]);\n }\n this.invokeEventCallback('onTap', [null, this]);\n }, 500);\n this.onToggleSwitch(!this.state.isSwitchOn);\n }}{...this.getTestPropsForAction()}\n style={styles.root}>\n {styles.root.animation && styles.root.animation === 'none' ? (\n <View style={styles.handle}>\n <BackgroundComponent\n size={styles.handle.backgroundSize \|\| 'contain'}\n position={styles.handle.backgroundPosition}\n image={styles.handle.backgroundImage}\n repeat={styles.handle.backgroundRepeat \|\| 'no-repeat'}\n />\n </View>\n ): ( <Animated.View\n style={[\n styles.handle,\n {\n transform: [\n {\n translateX: this.animationValue.interpolate({\n inputRange: [0, 1],\n outputRange: [0, this.state.viewWidth - (this.styles.handle.width as number + 18)],\n }),\n },\n { scale: this.scaleValue }\n ],\n },\n ]}>\n <BackgroundComponent\n size={styles.handle.backgroundSize \|\| 'contain'}\n position={styles.handle.backgroundPosition}\n image={styles.handle.backgroundImage}\n repeat={styles.handle.backgroundRepeat \|\| 'no-repeat'}\n />\n </Animated.View>)}\n </TouchableOpacity>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/toggle/toggle.props.js CHANGED Viewed

@@ -1,10 +1,10 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 WmToggleProps extends BaseProps {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "checkedvalue", true);
     _defineProperty(this, "uncheckedvalue", false);
     _defineProperty(this, "datavalue", void 0);

app-rn-runtime/components/input/toggle/toggle.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmToggleProps","constructor","~~arguments~~","_defineProperty","undefined"],"sources":["toggle.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmToggleProps extends BaseProps {\n checkedvalue: any = true;\n uncheckedvalue: any = false;\n datavalue: any;\n readonly? = false;\n onFieldChange: any;\n accessibilitylabel?: string = undefined;\n hint?: string = undefined;\n accessibilityrole?: AccessibilityRole = \"togglebutton\";\n accessibilitylabelledby?: string = undefined;\n invokeEvent?: Function;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,~~SAAAC~~,~~SAAA~~;IAAAC,eAAA,uBAC/B,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA;IAAAA,eAAA,mBAEf,KAAK;IAAAA,eAAA;IAAAA,eAAA,6BAEaC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,cAAc;IAAAA,eAAA,kCACnBC,SAAS;IAAAD,eAAA;EAAA;AAE9C"}
1	+ {"version":3,"names":["BaseProps","WmToggleProps","constructor","args","_defineProperty","undefined"],"sources":["toggle.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmToggleProps extends BaseProps {\n checkedvalue: any = true;\n uncheckedvalue: any = false;\n datavalue: any;\n readonly? = false;\n onFieldChange: any;\n accessibilitylabel?: string = undefined;\n hint?: string = undefined;\n accessibilityrole?: AccessibilityRole = \"togglebutton\";\n accessibilitylabelledby?: string = undefined;\n invokeEvent?: Function;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC/B,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA;IAAAA,eAAA,mBAEf,KAAK;IAAAA,eAAA;IAAAA,eAAA,6BAEaC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,cAAc;IAAAA,eAAA,kCACnBC,SAAS;IAAAD,eAAA;EAAA;AAE9C","ignoreList":[]}

app-rn-runtime/components/input/toggle/toggle.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","height","flexDirection","alignItems","borderRadius","text","handle","marginLeft","marginRight","backgroundSize","backgroundPosition","backgroundColor","toggleOnColor","toggleHandleColor","toggleOffColor","borderColor","toggleOffBorderColor","borderWidth","toggleHandleDisableColor"],"sources":["toggle.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ViewStyle } from 'react-native';\n\nexport type WmToggleStyles = BaseStyles & {\n handle: ViewStyle\n};\n\nexport const DEFAULT_CLASS = 'app-toggle';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmToggleStyles = defineStyles({\n root: {\n width: 52,\n height: 32,\n flexDirection: 'row',\n alignItems: 'center',\n borderRadius: 18\n },\n text: {},\n handle: {\n width: 16,\n height: 16,\n borderRadius: 18,\n marginLeft : 8,\n marginRight: 0,\n backgroundSize: '100% 100%',\n backgroundPosition: 'center'\n }\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-on', '', {\n root : {\n backgroundColor: themeVariables.toggleOnColor,\n },\n handle: {\n backgroundColor: themeVariables.toggleHandleColor,\n }\n } as WmToggleStyles);\n addStyle(DEFAULT_CLASS + '-off', '', {\n root : {\n backgroundColor: themeVariables.toggleOffColor,\n borderColor: themeVariables.toggleOffBorderColor,\n borderWidth: 2\n },\n handle: {\n backgroundColor: themeVariables.toggleHandleDisableColor,\n }\n } as WmToggleStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', {});\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root : {}\n });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,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;MACJC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVG,YAAY,EAAE,EAAE;MAChBG,UAAU,EAAG,CAAC;MACdC,WAAW,EAAE,CAAC;MACdC,cAAc,EAAE,WAAW;MAC3BC,kBAAkB,EAAE;IACtB;EACJ,CAAC,CAAC;EAEFb,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,KAAK,EAAE,EAAE,EAAE;IAClCK,IAAI,EAAG;MACLY,eAAe,EAAEf,cAAc,CAACgB;IAClC,CAAC;IACDN,MAAM,EAAE;MACNK,eAAe,EAAEf,cAAc,CAACiB;IAClC;EACF,CAAmB,CAAC;EACpBhB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLY,eAAe,EAAEf,cAAc,CAACkB,cAAc;MAC9CC,WAAW,EAAEnB,cAAc,CAACoB,oBAAoB;MAChDC,WAAW,EAAE;IACf,CAAC;IACDX,MAAM,EAAE;MACNK,eAAe,EAAEf,cAAc,CAACsB;IAClC;EACF,CAAmB,CAAC;EACpBrB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;EACxCG,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG,CAAC;EACZ,CAAC,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","height","flexDirection","alignItems","borderRadius","text","handle","marginLeft","marginRight","backgroundSize","backgroundPosition","backgroundColor","toggleOnColor","toggleHandleColor","toggleOffColor","borderColor","toggleOffBorderColor","borderWidth","toggleHandleDisableColor"],"sources":["toggle.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ViewStyle } from 'react-native';\n\nexport type WmToggleStyles = BaseStyles & {\n handle: ViewStyle\n};\n\nexport const DEFAULT_CLASS = 'app-toggle';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmToggleStyles = defineStyles({\n root: {\n width: 52,\n height: 32,\n flexDirection: 'row',\n alignItems: 'center',\n borderRadius: 18\n },\n text: {},\n handle: {\n width: 16,\n height: 16,\n borderRadius: 18,\n marginLeft : 8,\n marginRight: 0,\n backgroundSize: '100% 100%',\n backgroundPosition: 'center'\n }\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-on', '', {\n root : {\n backgroundColor: themeVariables.toggleOnColor,\n },\n handle: {\n backgroundColor: themeVariables.toggleHandleColor,\n }\n } as WmToggleStyles);\n addStyle(DEFAULT_CLASS + '-off', '', {\n root : {\n backgroundColor: themeVariables.toggleOffColor,\n borderColor: themeVariables.toggleOffBorderColor,\n borderWidth: 2\n },\n handle: {\n backgroundColor: themeVariables.toggleHandleDisableColor,\n }\n } as WmToggleStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', {});\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root : {}\n });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,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;MACJC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVG,YAAY,EAAE,EAAE;MAChBG,UAAU,EAAG,CAAC;MACdC,WAAW,EAAE,CAAC;MACdC,cAAc,EAAE,WAAW;MAC3BC,kBAAkB,EAAE;IACtB;EACJ,CAAC,CAAC;EAEFb,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,KAAK,EAAE,EAAE,EAAE;IAClCK,IAAI,EAAG;MACLY,eAAe,EAAEf,cAAc,CAACgB;IAClC,CAAC;IACDN,MAAM,EAAE;MACNK,eAAe,EAAEf,cAAc,CAACiB;IAClC;EACF,CAAmB,CAAC;EACpBhB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLY,eAAe,EAAEf,cAAc,CAACkB,cAAc;MAC9CC,WAAW,EAAEnB,cAAc,CAACoB,oBAAoB;MAChDC,WAAW,EAAE;IACf,CAAC;IACDX,MAAM,EAAE;MACNK,eAAe,EAAEf,cAAc,CAACsB;IAClC;EACF,CAAmB,CAAC;EACpBrB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;EACxCG,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG,CAAC;EACZ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/navigation/appnavbar/appnavbar.component.js CHANGED Viewed

@@ -1,11 +1,11 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { Text, View, BackHandler } from 'react-native';
 import { Badge } from 'react-native-paper';
-import { isAndroid } from '@wavemaker/app-rn-runtime/core/utils';
+import { isAndroid, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';
@@ -21,7 +21,7 @@ export default class WmAppNavbar extends BaseComponent {
     this.onDrawerBtnPress = (() => this.invokeEventCallback('onDrawerbuttonpress', [null, this])).bind(this);
     this.onBackBtnPress = (() => this.invokeEventCallback('onBackbtnclick', [null, this])).bind(this);
     this.onSearchBtnPress = (() => this.invokeEventCallback('onSearchbuttonpress', [null, this])).bind(this);
-    if (isAndroid()) {
+    if (isAndroid() && !isWebPreviewMode()) {
       const subscription = BackHandler.addEventListener('hardwareBackPress', () => {
         this.onBackBtnPress();
         return true;

app-rn-runtime/components/navigation/appnavbar/appnavbar.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","View","BackHandler","Badge","isAndroid","BaseComponent","BaseComponentState","WmIcon","WmPicture","WmAppNavbarProps","DEFAULT_CLASS","WmAppNavbarState","WmAppNavbar","constructor","props","_defineProperty","onDrawerBtnPress","invokeEventCallback","bind","onBackBtnPress","onSearchBtnPress","subscription","addEventListener","cleanup","push","remove","renderWidget","badge","badgevalue","undefined","createElement","style","styles","root","_background","leftSection","showDrawerButton","id","getTestId","hint","theme","mergeStyle","action","leftnavIcon","iconclass","leftnavpaneliconclass","onTap","backbutton","backIcon","backbuttoniconclass","caption","backbuttonlabel","middleSection","imgsrc","image","picturesource","_extends","content","getTestPropsForLabel","accessibilityRole","title","rightSection","searchbutton","searchbuttoniconclass","children"],"sources":["appnavbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, BackHandler } from 'react-native';\nimport { Badge } from 'react-native-paper';\n\nimport { isAndroid } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\nimport WmAppNavbarProps from './appnavbar.props';\nimport { DEFAULT_CLASS, WmAppNavbarStyles } from './appnavbar.styles';\n\nexport class WmAppNavbarState extends BaseComponentState<WmAppNavbarProps> {\n\n}\n\nexport default class WmAppNavbar extends BaseComponent<WmAppNavbarProps, WmAppNavbarState, WmAppNavbarStyles> {\n\n private onDrawerBtnPress: Function;\n private onBackBtnPress: Function;\n private onSearchBtnPress: Function;\n\n constructor(props: WmAppNavbarProps) {\n super(props, DEFAULT_CLASS, new WmAppNavbarProps());\n this.onDrawerBtnPress = (() => this.invokeEventCallback('onDrawerbuttonpress', [null, this])).bind(this);\n this.onBackBtnPress = (() => this.invokeEventCallback('onBackbtnclick', [null, this])).bind(this);\n this.onSearchBtnPress = (() => this.invokeEventCallback('onSearchbuttonpress', [null, this])).bind(this);\n if (isAndroid()) {\n const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n this.onBackBtnPress();\n return true;\n });\n this.cleanup.push(() => subscription.remove());\n }\n }\n\n renderWidget(props: WmAppNavbarProps) {\n //@ts-ignore\n const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>): null;\n return (\n <View style={this.styles.root}>\n {this._background}\n <View style={this.styles.leftSection}>\n {props.showDrawerButton && (<WmIcon\n id={this.getTestId('leftnavbtn')}\n hint={'menu'}\n styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n iconclass={props.leftnavpaneliconclass}\n onTap={this.onDrawerBtnPress}\n />)}\n {props.backbutton && (<WmIcon\n id={this.getTestId('backbtn')}\n hint={'back'}\n styles={this.theme.mergeStyle({}, this.styles.action, this.styles.backIcon)}\n iconclass={props.backbuttoniconclass}\n caption={props.backbuttonlabel}\n onTap={this.onBackBtnPress}/>)}\n </View>\n <View style={this.styles.middleSection}>\n {props.imgsrc && (\n <WmPicture\n id={this.getTestId('picture')}\n styles={this.styles.image}\n picturesource={props.imgsrc} />)}\n <Text style={this.styles.content} {...this.getTestPropsForLabel('title')} accessibilityRole='header'>{props.title}</Text>\n {badge}\n </View>\n <View style={this.styles.rightSection}>\n {props.searchbutton && (<WmIcon\n id={this.getTestId('searchbtn')}\n styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n iconclass={props.searchbuttoniconclass}\n onTap={this.onSearchBtnPress}\n />)}\n {props.children}\n </View>\n </View>\n );\n }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,WAAW,QAAQ,cAAc;AACtD,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,SAASC,SAAS,QAAQ,sCAAsC;~~AAChE~~,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,SAAS,MAAM,sEAAsE;AAE5F,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AAErE,OAAO,MAAMC,gBAAgB,SAASL,kBAAkB,CAAmB;AAI3E,eAAe,MAAMM,WAAW,SAASP,aAAa,CAAwD;EAM5GQ,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;IAACM,eAAA;IAAAA,eAAA;IAAAA,eAAA;IACpD,IAAI,CAACC,gBAAgB,GAAG,CAAC,MAAM,IAAI,CAACC,mBAAmB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACxG,IAAI,CAACC,cAAc,GAAG,CAAC,MAAM,IAAI,CAACF,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACjG,IAAI,CAACE,gBAAgB,GAAG,CAAC,MAAM,IAAI,CAACH,mBAAmB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACxG,~~IAAId~~,SAAS,CAAC,CAAC,EAAE;~~MACf~~,MAAMiB,YAAY,~~GAAGnB~~,WAAW,~~CAACoB~~,gBAAgB,CAAC,mBAAmB,EAAE,MAAM;QAC3E,IAAI,CAACH,cAAc,CAAC,CAAC;QACrB,OAAO,IAAI;MACb,CAAC,CAAC;MACF,IAAI,CAACI,OAAO,CAACC,IAAI,CAAC,MAAMH,YAAY,CAACI,MAAM,CAAC,CAAC,CAAC;IAChD;EACF;EAEAC,YAAYA,CAACZ,KAAuB,EAAE;IACpC;IACA,MAAMa,KAAK,GAAGb,KAAK,CAACc,UAAU,IAAIC,SAAS,~~gBAAI9B~~,KAAA,~~CAAA+B~~,aAAA,~~CAAC3B~~,KAAK;~~MAAC4B~~,KAAK,EAAE,IAAI,CAACC,MAAM,CAACL;IAAM,GAAEb,KAAK,CAACc,UAAkB,CAAC,GAAG,IAAI;IACjH,~~oBACE7B~~,KAAA,~~CAAA+B~~,aAAA,~~CAAC7B~~,IAAI;~~MAAC8B~~,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,~~eACjBnC~~,KAAA,~~CAAA+B~~,aAAA,~~CAAC7B~~,IAAI;~~MAAC8B~~,KAAK,EAAE,IAAI,CAACC,MAAM,CAACG;IAAY,GACpCrB,KAAK,CAACsB,gBAAgB,~~iBAAKrC~~,KAAA,~~CAAA+B~~,aAAA,CAACvB,MAAM;MACjC8B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,YAAY,CAAE;MACjCC,IAAI,EAAE,MAAO;MACbP,MAAM,EAAE,IAAI,CAACQ,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACT,MAAM,CAACU,MAAM,EAAE,IAAI,CAACV,MAAM,CAACW,WAAW,CAAE;MAC/EC,SAAS,EAAE9B,KAAK,CAAC+B,qBAAsB;MACvCC,KAAK,EAAE,IAAI,CAAC9B;IAAiB,CAC5B,CAAE,EACJF,KAAK,CAACiC,UAAU,~~iBAAKhD~~,KAAA,~~CAAA+B~~,aAAA,CAACvB,MAAM;MAC3B8B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC9BC,IAAI,EAAE,MAAO;MACbP,MAAM,EAAE,IAAI,CAACQ,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACT,MAAM,CAACU,MAAM,EAAE,IAAI,CAACV,MAAM,CAACgB,QAAQ,CAAE;MAC5EJ,SAAS,EAAE9B,KAAK,CAACmC,mBAAoB;MACrCC,OAAO,EAAEpC,KAAK,CAACqC,eAAgB;MAC/BL,KAAK,EAAE,IAAI,CAAC3B;IAAe,CAAC,CACxB,CAAC,~~eACPpB~~,KAAA,~~CAAA+B~~,aAAA,~~CAAC7B~~,IAAI;~~MAAC8B~~,KAAK,EAAE,IAAI,CAACC,MAAM,CAACoB;IAAc,GACpCtC,KAAK,CAACuC,MAAM,~~iBACbtD~~,KAAA,~~CAAA+B~~,aAAA,CAACtB,SAAS;MACR6B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC9BN,MAAM,EAAE,IAAI,CAACA,MAAM,CAACsB,KAAM;MAC1BC,aAAa,EAAEzC,KAAK,CAACuC;IAAO,CAAE,CAAE,~~eAClCtD~~,KAAA,~~CAAA+B~~,aAAA,~~CAAC9B~~,IAAI,~~EAAAwD~~,QAAA;MAACzB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACyB;IAAQ,GAAK,IAAI,CAACC,oBAAoB,CAAC,OAAO,CAAC;MAAEC,iBAAiB,EAAC;IAAQ,IAAE7C,KAAK,CAAC8C,KAAY,CAAC,EACxHjC,KACG,CAAC,~~eACP5B~~,KAAA,~~CAAA+B~~,aAAA,~~CAAC7B~~,IAAI;~~MAAC8B~~,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC6B;IAAa,GACnC/C,KAAK,CAACgD,YAAY,~~iBAAK/D~~,KAAA,~~CAAA+B~~,aAAA,CAACvB,MAAM;MAC7B8B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;MAChCN,MAAM,EAAE,IAAI,CAACQ,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACT,MAAM,CAACU,MAAM,EAAE,IAAI,CAACV,MAAM,CAACW,WAAW,CAAE;MAC/EC,SAAS,EAAE9B,KAAK,CAACiD,qBAAsB;MACvCjB,KAAK,EAAE,IAAI,CAAC1B;IAAiB,CAC5B,CAAE,EACJN,KAAK,CAACkD,QACH,CACF,CAAC;EAEX;AACF"}
1	+ {"version":3,"names":["React","Text","View","BackHandler","Badge","isAndroid","isWebPreviewMode","BaseComponent","BaseComponentState","WmIcon","WmPicture","WmAppNavbarProps","DEFAULT_CLASS","WmAppNavbarState","WmAppNavbar","constructor","props","_defineProperty","onDrawerBtnPress","invokeEventCallback","bind","onBackBtnPress","onSearchBtnPress","subscription","addEventListener","cleanup","push","remove","renderWidget","badge","badgevalue","undefined","createElement","style","styles","root","_background","leftSection","showDrawerButton","id","getTestId","hint","theme","mergeStyle","action","leftnavIcon","iconclass","leftnavpaneliconclass","onTap","backbutton","backIcon","backbuttoniconclass","caption","backbuttonlabel","middleSection","imgsrc","image","picturesource","_extends","content","getTestPropsForLabel","accessibilityRole","title","rightSection","searchbutton","searchbuttoniconclass","children"],"sources":["appnavbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, BackHandler } from 'react-native';\nimport { Badge } from 'react-native-paper';\n\nimport { isAndroid, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\nimport WmAppNavbarProps from './appnavbar.props';\nimport { DEFAULT_CLASS, WmAppNavbarStyles } from './appnavbar.styles';\n\nexport class WmAppNavbarState extends BaseComponentState<WmAppNavbarProps> {\n\n}\n\nexport default class WmAppNavbar extends BaseComponent<WmAppNavbarProps, WmAppNavbarState, WmAppNavbarStyles> {\n\n private onDrawerBtnPress: Function;\n private onBackBtnPress: Function;\n private onSearchBtnPress: Function;\n\n constructor(props: WmAppNavbarProps) {\n super(props, DEFAULT_CLASS, new WmAppNavbarProps());\n this.onDrawerBtnPress = (() => this.invokeEventCallback('onDrawerbuttonpress', [null, this])).bind(this);\n this.onBackBtnPress = (() => this.invokeEventCallback('onBackbtnclick', [null, this])).bind(this);\n this.onSearchBtnPress = (() => this.invokeEventCallback('onSearchbuttonpress', [null, this])).bind(this);\n if (isAndroid() && !isWebPreviewMode()) {\n const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n this.onBackBtnPress();\n return true;\n });\n this.cleanup.push(() => subscription.remove());\n }\n }\n\n renderWidget(props: WmAppNavbarProps) {\n //@ts-ignore\n const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>): null;\n return (\n <View style={this.styles.root}>\n {this._background}\n <View style={this.styles.leftSection}>\n {props.showDrawerButton && (<WmIcon\n id={this.getTestId('leftnavbtn')}\n hint={'menu'}\n styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n iconclass={props.leftnavpaneliconclass}\n onTap={this.onDrawerBtnPress}\n />)}\n {props.backbutton && (<WmIcon\n id={this.getTestId('backbtn')}\n hint={'back'}\n styles={this.theme.mergeStyle({}, this.styles.action, this.styles.backIcon)}\n iconclass={props.backbuttoniconclass}\n caption={props.backbuttonlabel}\n onTap={this.onBackBtnPress}/>)}\n </View>\n <View style={this.styles.middleSection}>\n {props.imgsrc && (\n <WmPicture\n id={this.getTestId('picture')}\n styles={this.styles.image}\n picturesource={props.imgsrc} />)}\n <Text style={this.styles.content} {...this.getTestPropsForLabel('title')} accessibilityRole='header'>{props.title}</Text>\n {badge}\n </View>\n <View style={this.styles.rightSection}>\n {props.searchbutton && (<WmIcon\n id={this.getTestId('searchbtn')}\n styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n iconclass={props.searchbuttoniconclass}\n onTap={this.onSearchBtnPress}\n />)}\n {props.children}\n </View>\n </View>\n );\n }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,WAAW,QAAQ,cAAc;AACtD,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,sCAAsC;AAClF,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,SAAS,MAAM,sEAAsE;AAE5F,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AAErE,OAAO,MAAMC,gBAAgB,SAASL,kBAAkB,CAAmB;AAI3E,eAAe,MAAMM,WAAW,SAASP,aAAa,CAAwD;EAM5GQ,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;IAACM,eAAA;IAAAA,eAAA;IAAAA,eAAA;IACpD,IAAI,CAACC,gBAAgB,GAAG,CAAC,MAAM,IAAI,CAACC,mBAAmB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACxG,IAAI,CAACC,cAAc,GAAG,CAAC,MAAM,IAAI,CAACF,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACjG,IAAI,CAACE,gBAAgB,GAAG,CAAC,MAAM,IAAI,CAACH,mBAAmB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACxG,IAAIf,SAAS,CAAC,CAAC,IAAI,CAACC,gBAAgB,CAAC,CAAC,EAAE;MACtC,MAAMiB,YAAY,GAAGpB,WAAW,CAACqB,gBAAgB,CAAC,mBAAmB,EAAE,MAAM;QAC3E,IAAI,CAACH,cAAc,CAAC,CAAC;QACrB,OAAO,IAAI;MACb,CAAC,CAAC;MACF,IAAI,CAACI,OAAO,CAACC,IAAI,CAAC,MAAMH,YAAY,CAACI,MAAM,CAAC,CAAC,CAAC;IAChD;EACF;EAEAC,YAAYA,CAACZ,KAAuB,EAAE;IACpC;IACA,MAAMa,KAAK,GAAGb,KAAK,CAACc,UAAU,IAAIC,SAAS,gBAAI/B,KAAA,CAAAgC,aAAA,CAAC5B,KAAK;MAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACL;IAAM,GAAEb,KAAK,CAACc,UAAkB,CAAC,GAAG,IAAI;IACjH,oBACE9B,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjBpC,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACG;IAAY,GACpCrB,KAAK,CAACsB,gBAAgB,iBAAKtC,KAAA,CAAAgC,aAAA,CAACvB,MAAM;MACjC8B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,YAAY,CAAE;MACjCC,IAAI,EAAE,MAAO;MACbP,MAAM,EAAE,IAAI,CAACQ,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACT,MAAM,CAACU,MAAM,EAAE,IAAI,CAACV,MAAM,CAACW,WAAW,CAAE;MAC/EC,SAAS,EAAE9B,KAAK,CAAC+B,qBAAsB;MACvCC,KAAK,EAAE,IAAI,CAAC9B;IAAiB,CAC5B,CAAE,EACJF,KAAK,CAACiC,UAAU,iBAAKjD,KAAA,CAAAgC,aAAA,CAACvB,MAAM;MAC3B8B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC9BC,IAAI,EAAE,MAAO;MACbP,MAAM,EAAE,IAAI,CAACQ,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACT,MAAM,CAACU,MAAM,EAAE,IAAI,CAACV,MAAM,CAACgB,QAAQ,CAAE;MAC5EJ,SAAS,EAAE9B,KAAK,CAACmC,mBAAoB;MACrCC,OAAO,EAAEpC,KAAK,CAACqC,eAAgB;MAC/BL,KAAK,EAAE,IAAI,CAAC3B;IAAe,CAAC,CACxB,CAAC,eACPrB,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACoB;IAAc,GACpCtC,KAAK,CAACuC,MAAM,iBACbvD,KAAA,CAAAgC,aAAA,CAACtB,SAAS;MACR6B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC9BN,MAAM,EAAE,IAAI,CAACA,MAAM,CAACsB,KAAM;MAC1BC,aAAa,EAAEzC,KAAK,CAACuC;IAAO,CAAE,CAAE,eAClCvD,KAAA,CAAAgC,aAAA,CAAC/B,IAAI,EAAAyD,QAAA;MAACzB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACyB;IAAQ,GAAK,IAAI,CAACC,oBAAoB,CAAC,OAAO,CAAC;MAAEC,iBAAiB,EAAC;IAAQ,IAAE7C,KAAK,CAAC8C,KAAY,CAAC,EACxHjC,KACG,CAAC,eACP7B,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC6B;IAAa,GACnC/C,KAAK,CAACgD,YAAY,iBAAKhE,KAAA,CAAAgC,aAAA,CAACvB,MAAM;MAC7B8B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;MAChCN,MAAM,EAAE,IAAI,CAACQ,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACT,MAAM,CAACU,MAAM,EAAE,IAAI,CAACV,MAAM,CAACW,WAAW,CAAE;MAC/EC,SAAS,EAAE9B,KAAK,CAACiD,qBAAsB;MACvCjB,KAAK,EAAE,IAAI,CAAC1B;IAAiB,CAC5B,CAAE,EACJN,KAAK,CAACkD,QACH,CACF,CAAC;EAEX;AACF","ignoreList":[]}

app-rn-runtime/components/navigation/appnavbar/appnavbar.props.js CHANGED Viewed

@@ -1,10 +1,10 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 WmAppNavbarProps extends BaseProps {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "children", void 0);
     _defineProperty(this, "title", '');
     _defineProperty(this, "backbutton", true);

app-rn-runtime/components/navigation/appnavbar/appnavbar.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmAppNavbarProps","constructor","~~arguments~~","_defineProperty"],"sources":["appnavbar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAppNavbarProps extends BaseProps {\n children?: any;\n title: string = '';\n backbutton = true;\n backbuttonlabel = '';\n showDrawerButton = false;\n leftnavpaneliconclass = 'wm-sl-l sl-hamburger-menu';\n backbuttoniconclass = 'wi wi-back';\n imgsrc = null as any;\n searchbutton = false;\n searchbuttoniconclass = 'wm-sl-l sl-search';\n badgevalue?: string;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,~~SAAAC~~,~~SAAA~~;IAAAC,eAAA;IAAAA,eAAA,gBAEpC,EAAE;IAAAA,eAAA,qBACL,IAAI;IAAAA,eAAA,0BACC,EAAE;IAAAA,eAAA,2BACD,KAAK;IAAAA,eAAA,gCACA,2BAA2B;IAAAA,eAAA,8BAC7B,YAAY;IAAAA,eAAA,iBACzB,IAAI;IAAAA,eAAA,uBACE,KAAK;IAAAA,eAAA,gCACI,mBAAmB;IAAAA,eAAA;EAAA;AAE/C"}
1	+ {"version":3,"names":["BaseProps","WmAppNavbarProps","constructor","args","_defineProperty"],"sources":["appnavbar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAppNavbarProps extends BaseProps {\n children?: any;\n title: string = '';\n backbutton = true;\n backbuttonlabel = '';\n showDrawerButton = false;\n leftnavpaneliconclass = 'wm-sl-l sl-hamburger-menu';\n backbuttoniconclass = 'wi wi-back';\n imgsrc = null as any;\n searchbutton = false;\n searchbuttoniconclass = 'wm-sl-l sl-search';\n badgevalue?: string;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,gBAEpC,EAAE;IAAAA,eAAA,qBACL,IAAI;IAAAA,eAAA,0BACC,EAAE;IAAAA,eAAA,2BACD,KAAK;IAAAA,eAAA,gCACA,2BAA2B;IAAAA,eAAA,8BAC7B,YAAY;IAAAA,eAAA,iBACzB,IAAI;IAAAA,eAAA,uBACE,KAAK;IAAAA,eAAA,gCACI,mBAAmB;IAAAA,eAAA;EAAA;AAE/C","ignoreList":[]}

app-rn-runtime/components/navigation/appnavbar/appnavbar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","navitemActiveBackgroundColor","height","padding","paddingHorizontal","alignItems","text","action","leftSection","flex","leftnavIcon","icon","fontSize","navbarIconSize","color","navbarTextColor","backIcon","rippleColor","transparent","navbarFontSize","image","width","navbarImageSize","picture","resizeMode","content","textTransform","fontFamily","baseFont","fontWeight","textAlign","badge","titleBadgeBackgroundColor","titleBadgeTextColor","alignSelf","marginLeft","middleSection","rightSection","justifyContent","paddingRight","overflow","textDecorationStyle","undefined","fade","rgb","toString","link"],"sources":["appnavbar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmMenuStyles } from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmAppNavbarStyles = BaseStyles & {\n action: WmIconStyles,\n image: WmPictureStyles,\n leftnavIcon: WmIconStyles,\n backIcon: WmIconStyles,\n leftSection: ViewStyle,\n middleSection: ViewStyle,\n rightSection: ViewStyle,\n content: ViewStyle,\n badge: TextStyle\n};\n\nexport const DEFAULT_CLASS = 'app-appnavbar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmAppNavbarStyles = defineStyles({\n root: {\n flexDirection: 'row',\n backgroundColor: themeVariables.navitemActiveBackgroundColor,\n height: 80,\n padding: 12,\n paddingHorizontal: 12,\n alignItems: 'center'\n },\n text: {},\n action: {} as WmIconStyles,\n leftSection: {\n flex: 1,\n flexDirection: 'row'\n },\n leftnavIcon: {\n root: {\n alignItems: 'flex-start'\n },\n icon: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n } as WmIconStyles,\n backIcon: {\n root: {\n rippleColor: themeVariables.transparent\n },\n text: {\n fontSize: themeVariables.navbarFontSize,\n color: themeVariables.navbarTextColor\n },\n icon: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n } as WmIconStyles,\n image: {\n root: {\n width: themeVariables.navbarImageSize,\n height: themeVariables.navbarImageSize,\n },\n picture: {\n resizeMode: 'contain'\n }\n } as WmPictureStyles,\n content: {\n textTransform: 'capitalize',\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n textAlign: 'center'\n },\n badge: {\n backgroundColor: themeVariables.titleBadgeBackgroundColor,\n color: themeVariables.titleBadgeTextColor,\n alignSelf: 'flex-start',\n marginLeft: 4\n },\n middleSection: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n rightSection: {\n flex: 1,\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n } as WmAppNavbarStyles);\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle('navbarAnchorItem', '', {\n root: {\n paddingRight: 8,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n overflow: 'visible'\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize,\n textDecorationStyle: undefined\n },\n badge: {\n backgroundColor: Color(themeVariables.navbarTextColor).fade(0.8).rgb().toString(),\n color: themeVariables.navbarTextColor,\n },\n icon: {\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarIconSize\n },\n icon : {\n color: themeVariables.navbarTextColor\n }\n }\n } as WmAnchorStyles);\n addStyle('navbarButton', '', {\n root: {\n backgroundColor: themeVariables.transparent,\n paddingRight: 8,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n alignSelf: 'center'\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n },\n icon: {\n root: {\n color: themeVariables.navbarTextColor\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarIconSize\n }\n }\n } as WmAnchorStyles);\n addStyle('navbarMenu', '', {\n root: {\n paddingRight: 8,\n height: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n link: {\n icon: {\n root: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n }\n }\n } as any as WmMenuStyles);\n addStyle('navbarPopover', '', {\n root: {\n height: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n link: {\n icon: {\n root: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n }\n }\n } as any as WmPopoverStyles);\n});"],"mappings":"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"}
1	+ {"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","navitemActiveBackgroundColor","height","padding","paddingHorizontal","alignItems","text","action","leftSection","flex","leftnavIcon","icon","fontSize","navbarIconSize","color","navbarTextColor","backIcon","rippleColor","transparent","navbarFontSize","image","width","navbarImageSize","picture","resizeMode","content","textTransform","fontFamily","baseFont","fontWeight","textAlign","badge","titleBadgeBackgroundColor","titleBadgeTextColor","alignSelf","marginLeft","middleSection","rightSection","justifyContent","paddingRight","overflow","textDecorationStyle","undefined","fade","rgb","toString","link"],"sources":["appnavbar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmMenuStyles } from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmAppNavbarStyles = BaseStyles & {\n action: WmIconStyles,\n image: WmPictureStyles,\n leftnavIcon: WmIconStyles,\n backIcon: WmIconStyles,\n leftSection: ViewStyle,\n middleSection: ViewStyle,\n rightSection: ViewStyle,\n content: ViewStyle,\n badge: TextStyle\n};\n\nexport const DEFAULT_CLASS = 'app-appnavbar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmAppNavbarStyles = defineStyles({\n root: {\n flexDirection: 'row',\n backgroundColor: themeVariables.navitemActiveBackgroundColor,\n height: 80,\n padding: 12,\n paddingHorizontal: 12,\n alignItems: 'center'\n },\n text: {},\n action: {} as WmIconStyles,\n leftSection: {\n flex: 1,\n flexDirection: 'row'\n },\n leftnavIcon: {\n root: {\n alignItems: 'flex-start'\n },\n icon: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n } as WmIconStyles,\n backIcon: {\n root: {\n rippleColor: themeVariables.transparent\n },\n text: {\n fontSize: themeVariables.navbarFontSize,\n color: themeVariables.navbarTextColor\n },\n icon: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n } as WmIconStyles,\n image: {\n root: {\n width: themeVariables.navbarImageSize,\n height: themeVariables.navbarImageSize,\n },\n picture: {\n resizeMode: 'contain'\n }\n } as WmPictureStyles,\n content: {\n textTransform: 'capitalize',\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n textAlign: 'center'\n },\n badge: {\n backgroundColor: themeVariables.titleBadgeBackgroundColor,\n color: themeVariables.titleBadgeTextColor,\n alignSelf: 'flex-start',\n marginLeft: 4\n },\n middleSection: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n rightSection: {\n flex: 1,\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n } as WmAppNavbarStyles);\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle('navbarAnchorItem', '', {\n root: {\n paddingRight: 8,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n overflow: 'visible'\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize,\n textDecorationStyle: undefined\n },\n badge: {\n backgroundColor: Color(themeVariables.navbarTextColor).fade(0.8).rgb().toString(),\n color: themeVariables.navbarTextColor,\n },\n icon: {\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarIconSize\n },\n icon : {\n color: themeVariables.navbarTextColor\n }\n }\n } as WmAnchorStyles);\n addStyle('navbarButton', '', {\n root: {\n backgroundColor: themeVariables.transparent,\n paddingRight: 8,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n alignSelf: 'center'\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n },\n icon: {\n root: {\n color: themeVariables.navbarTextColor\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarIconSize\n }\n }\n } as WmAnchorStyles);\n addStyle('navbarMenu', '', {\n root: {\n paddingRight: 8,\n height: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n link: {\n icon: {\n root: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n }\n }\n } as any as WmMenuStyles);\n addStyle('navbarPopover', '', {\n root: {\n height: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n link: {\n icon: {\n root: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n }\n }\n } as any as WmPopoverStyles);\n});"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAoBxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,eAAe,EAAEL,cAAc,CAACM,4BAA4B;MAC5DC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,iBAAiB,EAAE,EAAE;MACrBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE,CAAC,CAAiB;IAC1BC,WAAW,EAAE;MACXC,IAAI,EAAE,CAAC;MACPV,aAAa,EAAE;IACjB,CAAC;IACDW,WAAW,EAAE;MACXZ,IAAI,EAAE;QACFO,UAAU,EAAE;MAChB,CAAC;MACDM,IAAI,EAAE;QACFC,QAAQ,EAAEjB,cAAc,CAACkB,cAAc;QACvCC,KAAK,EAAEnB,cAAc,CAACoB;MAC1B;IACF,CAAiB;IACjBC,QAAQ,EAAE;MACRlB,IAAI,EAAE;QACJmB,WAAW,EAAEtB,cAAc,CAACuB;MAC9B,CAAC;MACDZ,IAAI,EAAE;QACJM,QAAQ,EAAEjB,cAAc,CAACwB,cAAc;QACvCL,KAAK,EAAEnB,cAAc,CAACoB;MACxB,CAAC;MACDJ,IAAI,EAAE;QACFC,QAAQ,EAAEjB,cAAc,CAACkB,cAAc;QACvCC,KAAK,EAAEnB,cAAc,CAACoB;MAC1B;IACF,CAAiB;IACjBK,KAAK,EAAE;MACLtB,IAAI,EAAE;QACJuB,KAAK,EAAE1B,cAAc,CAAC2B,eAAe;QACrCpB,MAAM,EAAEP,cAAc,CAAC2B;MACzB,CAAC;MACDC,OAAO,EAAE;QACPC,UAAU,EAAE;MACd;IACF,CAAoB;IACpBC,OAAO,EAAE;MACPC,aAAa,EAAE,YAAY;MAC3BZ,KAAK,EAAEnB,cAAc,CAACoB,eAAe;MACrCH,QAAQ,EAAEjB,cAAc,CAACwB,cAAc;MACvCQ,UAAU,EAAEhC,cAAc,CAACiC,QAAQ;MACnCC,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACL/B,eAAe,EAAEL,cAAc,CAACqC,yBAAyB;MACzDlB,KAAK,EAAEnB,cAAc,CAACsC,mBAAmB;MACzCC,SAAS,EAAE,YAAY;MACvBC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACb/B,UAAU,EAAE,QAAQ;MACpBN,aAAa,EAAE;IACjB,CAAC;IACDsC,YAAY,EAAE;MACZ5B,IAAI,EAAE,CAAC;MACPV,aAAa,EAAE,KAAK;MACpBuC,cAAc,EAAE;IAClB;EACF,CAAsB,CAAC;EAEvB1C,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAE;IAC/BE,IAAI,EAAE;MACJyC,YAAY,EAAE,CAAC;MACfxC,aAAa,EAAE,KAAK;MACpBuC,cAAc,EAAE,QAAQ;MACxBjC,UAAU,EAAE,QAAQ;MACpBmC,QAAQ,EAAE;IACZ,CAAC;IACDlC,IAAI,EAAE;MACJQ,KAAK,EAAEnB,cAAc,CAACoB,eAAe;MACrCH,QAAQ,EAAEjB,cAAc,CAACwB,cAAc;MACvCsB,mBAAmB,EAAEC;IACvB,CAAC;IACDX,KAAK,EAAE;MACH/B,eAAe,EAAEV,KAAK,CAACK,cAAc,CAACoB,eAAe,CAAC,CAAC4B,IAAI,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;MACjF/B,KAAK,EAAEnB,cAAc,CAACoB;IAC1B,CAAC;IACDJ,IAAI,EAAE;MACJL,IAAI,EAAE;QACJQ,KAAK,EAAEnB,cAAc,CAACoB,eAAe;QACrCH,QAAQ,EAAEjB,cAAc,CAACkB;MAC3B,CAAC;MACDF,IAAI,EAAG;QACLG,KAAK,EAAEnB,cAAc,CAACoB;MACxB;IACF;EACF,CAAmB,CAAC;EACpBnB,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAE;IAC3BE,IAAI,EAAE;MACJE,eAAe,EAAEL,cAAc,CAACuB,WAAW;MAC3CqB,YAAY,EAAE,CAAC;MACfxC,aAAa,EAAE,KAAK;MACpBuC,cAAc,EAAE,QAAQ;MACxBjC,UAAU,EAAE,QAAQ;MACpB6B,SAAS,EAAE;IACb,CAAC;IACD5B,IAAI,EAAE;MACJQ,KAAK,EAAEnB,cAAc,CAACoB,eAAe;MACrCH,QAAQ,EAAEjB,cAAc,CAACwB;IAC3B,CAAC;IACDR,IAAI,EAAE;MACJb,IAAI,EAAE;QACJgB,KAAK,EAAEnB,cAAc,CAACoB;MACxB,CAAC;MACDT,IAAI,EAAE;QACJQ,KAAK,EAAEnB,cAAc,CAACoB,eAAe;QACrCH,QAAQ,EAAEjB,cAAc,CAACkB;MAC3B;IACF;EACF,CAAmB,CAAC;EACpBjB,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBE,IAAI,EAAE;MACJyC,YAAY,EAAE,CAAC;MACfrC,MAAM,EAAE,MAAM;MACdH,aAAa,EAAE,KAAK;MACpBuC,cAAc,EAAE,QAAQ;MACxBjC,UAAU,EAAE;IACd,CAAC;IACDyC,IAAI,EAAE;MACJnC,IAAI,EAAE;QACJb,IAAI,EAAE;UACJc,QAAQ,EAAEjB,cAAc,CAACkB,cAAc;UACvCC,KAAK,EAAEnB,cAAc,CAACoB;QACxB;MACF,CAAC;MACDT,IAAI,EAAE;QACJQ,KAAK,EAAEnB,cAAc,CAACoB,eAAe;QACrCH,QAAQ,EAAEjB,cAAc,CAACwB;MAC3B;IACF;EACF,CAAwB,CAAC;EACzBvB,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5BE,IAAI,EAAE;MACJI,MAAM,EAAE,MAAM;MACdH,aAAa,EAAE,KAAK;MACpBuC,cAAc,EAAE,QAAQ;MACxBjC,UAAU,EAAE;IACd,CAAC;IACDyC,IAAI,EAAE;MACJnC,IAAI,EAAE;QACJb,IAAI,EAAE;UACJc,QAAQ,EAAEjB,cAAc,CAACkB,cAAc;UACvCC,KAAK,EAAEnB,cAAc,CAACoB;QACxB;MACF,CAAC;MACDT,IAAI,EAAE;QACJQ,KAAK,EAAEnB,cAAc,CAACoB,eAAe;QACrCH,QAAQ,EAAEjB,cAAc,CAACwB;MAC3B;IACF;EACF,CAA2B,CAAC;AAC9B,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/navigation/basenav/basenav.component.js CHANGED Viewed

@@ -1,20 +1,17 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { DEFAULT_CLASS } from './basenav.styles';
 import { isArray } from 'lodash-es';
 export class BaseNavState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "dataItems", []);
   }
 }
 export class BaseNavComponent extends BaseComponent {
-  constructor(props) {
-    let defaultClass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_CLASS;
-    let defaultProps = arguments.length > 2 ? arguments[2] : undefined;
-    let defaultState = arguments.length > 3 ? arguments[3] : undefined;
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
     super(props, defaultClass, defaultProps, defaultState);
     this.defaultClass = defaultClass;
   }
@@ -26,8 +23,7 @@ export class BaseNavComponent extends BaseComponent {
     }
     return null;
   }
-  setDataItems() {
-    let dataset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state.props.dataset;
+  setDataItems(dataset = this.state.props.dataset) {
     const name = this.props.name;
     let dataItems = [];
     if (typeof dataset === 'string') {

app-rn-runtime/components/navigation/basenav/basenav.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseComponent","BaseComponentState","DEFAULT_CLASS","isArray","BaseNavState","constructor","~~arguments~~","_defineProperty","BaseNavComponent","props","defaultClass","~~length","undefined","~~defaultProps","defaultState","getValue","item","val","setDataItems","dataset","state","name","dataItems","split","map","s","i","key","label","data","d","itemlabel","icon","itemicon","link","itemlink","badge","itembadge","isactive","childnavigation","itemchildren","updateState","onPropertyChange","$new","$old"],"sources":["basenav.component.ts"],"sourcesContent":["import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { BaseNavProps } from './basenav.props';\nimport { DEFAULT_CLASS, BaseNavStyles } from './basenav.styles';\nimport { isArray } from 'lodash-es';\n\nexport interface NavigationDataItem {\n key: string;\n label: string;\n icon?: string;\n link?: string;\n badge?: string;\n isactive?: string;\n data: any;\n childnavigation?: any;\n}\n\nexport class BaseNavState <T extends BaseNavProps> extends BaseComponentState<T> {\n dataItems = [] as NavigationDataItem[];\n}\n\nexport abstract class BaseNavComponent< T extends BaseNavProps, S extends BaseNavState<T>, L extends BaseNavStyles> extends BaseComponent<T, S, L> {\n\n constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n super(props, defaultClass, defaultProps, defaultState);\n }\n\n getValue(item: any, val?: string \| ((item: any) => string)) {\n if (typeof val === 'string') {\n return item[val];\n } else if (typeof val === 'function') {\n return val(item);\n }\n return null;\n }\n\n setDataItems(dataset: any = this.state.props.dataset) {\n const name = this.props.name;\n let dataItems = [] as NavigationDataItem[];\n if (typeof dataset === 'string') {\n dataItems = dataset.split(',').map((s, i) => {\n return {\n key: `${name}_item${i}`,\n label: s,\n data: s\n } as NavigationDataItem;\n });\n } else if (dataset) {\n if (!isArray(dataset)) {\n dataset = [dataset];\n }\n dataItems = (dataset as any[]).map((d, i) => {\n return {\n key: `${name}_item${i}`,\n label: this.getValue(d, this.state.props.itemlabel),\n icon: this.getValue(d, this.state.props.itemicon),\n link: this.getValue(d, this.state.props.itemlink),\n badge: this.getValue(d, this.state.props.itembadge),\n isactive: this.getValue(d, this.state.props.isactive),\n data: d,\n childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null\n } as NavigationDataItem;\n });\n }\n this.updateState({dataItems: dataItems} as S);\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n switch (name) {\n case 'dataset':\n this.setDataItems($new);\n break;\n case 'itemlabel':\n case 'itemicon':\n case 'itemlink':\n case 'itemchildren':\n this.setDataItems();\n break;\n }\n }\n}\n"],"mappings":";;;AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,aAAa,QAAuB,kBAAkB;AAC/D,SAASC,OAAO,QAAQ,WAAW;AAanC,OAAO,MAAMC,YAAY,SAAkCH,kBAAkB,CAAI;EAAAI,YAAA;IAAA,~~SAAAC~~,~~SAAA~~;IAAAC,eAAA,oBACnE,EAAE;EAAA;AAChB;AAEA,OAAO,MAAeC,gBAAgB,SAAsFR,aAAa,CAAU;EAEjJK,WAAWA,CAACI,KAAQ,~~EAAmF;IAAA~~,~~IAA1EC,~~YAAoB,~~GAAAJ~~,~~SAAA,CAAAK,MAAA,QAAAL,SAAA,QAAAM,SAAA,GAAAN,SAAA,MAAGJ,~~aAAa~~;IAAA~~,~~IAAEW~~,YAAgB,~~GAAAP~~,~~SAAA,CAAAK,MAAA,OAAAL,SAAA,MAAAM,SAAA;IAAA,IAAEE,~~YAAgB,~~GAAAR,SAAA,CAAAK,MAAA,OAAAL,SAAA,MAAAM,SAAA~~;~~IACnG~~,KAAK,CAACH,KAAK,EAAEC,YAAY,~~EAAEG~~,YAAY,EAAEC,YAAY,CAAC;IAAC,~~KAD5BJ~~,YAAoB,GAApBA,YAAoB;EAEjD;~~EAEAK~~,QAAQA,CAACC,IAAS,EAAEC,GAAsC,EAAE;IAC1D,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;MAC3B,OAAOD,IAAI,CAACC,GAAG,CAAC;IAClB,CAAC,MAAM,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MACpC,OAAOA,GAAG,CAACD,IAAI,CAAC;IAClB;IACA,OAAO,IAAI;EACb;EAEAE,YAAYA,~~CAAA~~,~~EAA0C;IAAA,IAAzCC,~~OAAY,~~GAAAb~~,~~SAAA,CAAAK,MAAA,QAAAL,SAAA,QAAAM,SAAA,GAAAN,SAAA,MAAG,~~IAAI,~~CAACc~~,KAAK,~~CAACX~~,KAAK,~~CAACU~~,OAAO;~~IAClD~~,MAAME,IAAI,GAAG,IAAI,~~CAACZ~~,KAAK,~~CAACY~~,IAAI;IAC5B,IAAIC,SAAS,GAAG,EAA0B;IAC1C,IAAI,OAAOH,OAAO,KAAK,QAAQ,EAAE;MAC/BG,SAAS,GAAGH,OAAO,CAACI,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;QAC3C,OAAO;UACLC,GAAG,EAAG,GAAEN,IAAK,QAAOK,CAAE,EAAC;UACvBE,KAAK,EAAEH,CAAC;UACRI,IAAI,EAAEJ;QACR,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,MAAM,IAAIN,OAAO,EAAE;MAClB,IAAI,~~CAAChB~~,OAAO,~~CAACgB~~,OAAO,CAAC,EAAE;QACrBA,OAAO,GAAG,CAACA,OAAO,CAAC;MACrB;MACAG,SAAS,GAAIH,OAAO,CAAWK,GAAG,CAAC,CAACM,CAAC,EAAEJ,CAAC,KAAK;QAC3C,OAAO;UACLC,GAAG,EAAG,GAAEN,IAAK,QAAOK,CAAE,EAAC;UACvBE,KAAK,EAAE,IAAI,CAACb,QAAQ,CAACe,CAAC,EAAE,IAAI,CAACV,KAAK,~~CAACX~~,KAAK,~~CAACsB~~,SAAS,CAAC;UACnDC,IAAI,EAAE,IAAI,CAACjB,QAAQ,CAACe,CAAC,EAAE,IAAI,CAACV,KAAK,~~CAACX~~,KAAK,~~CAACwB~~,QAAQ,CAAC;UACjDC,IAAI,EAAE,IAAI,CAACnB,QAAQ,CAACe,CAAC,EAAE,IAAI,CAACV,KAAK,~~CAACX~~,KAAK,~~CAAC0B~~,QAAQ,CAAC;UACjDC,KAAK,EAAE,IAAI,CAACrB,QAAQ,CAACe,CAAC,EAAE,IAAI,CAACV,KAAK,~~CAACX~~,KAAK,~~CAAC4B~~,SAAS,CAAC;UACnDC,QAAQ,EAAE,IAAI,CAACvB,QAAQ,CAACe,CAAC,EAAE,IAAI,CAACV,KAAK,~~CAACX~~,KAAK,~~CAAC6B~~,QAAQ,CAAC;UACrDT,IAAI,EAAEC,CAAC;UACPS,eAAe,EAAE,IAAI,CAACnB,KAAK,~~CAACX~~,KAAK,~~CAAC+B~~,YAAY,GAAGV,CAAC,CAAC,IAAI,CAACV,KAAK,~~CAACX~~,KAAK,~~CAAC+B~~,YAAY,CAAC,GAAG;QACtF,CAAC;MACH,CAAC,CAAC;IACJ;IACA,IAAI,CAACC,WAAW,CAAC;MAACnB,SAAS,EAAEA;IAAS,CAAM,CAAC;EAC/C;EAEAoB,gBAAgBA,CAACrB,IAAY,EAAEsB,IAAS,EAAEC,IAAS,EAAE;IACnD,QAAQvB,IAAI;MACV,KAAK,SAAS;QACZ,IAAI,CAACH,YAAY,CAACyB,IAAI,CAAC;QACvB;MACF,KAAK,WAAW;MAChB,KAAK,UAAU;MACf,KAAK,UAAU;MACf,KAAK,cAAc;QACjB,IAAI,CAACzB,YAAY,CAAC,CAAC;QACnB;IACJ;EACF;AACF"}
1	+ {"version":3,"names":["BaseComponent","BaseComponentState","DEFAULT_CLASS","isArray","BaseNavState","constructor","args","_defineProperty","BaseNavComponent","props","defaultClass","defaultProps","defaultState","getValue","item","val","setDataItems","dataset","state","name","dataItems","split","map","s","i","key","label","data","d","itemlabel","icon","itemicon","link","itemlink","badge","itembadge","isactive","childnavigation","itemchildren","updateState","onPropertyChange","$new","$old"],"sources":["basenav.component.ts"],"sourcesContent":["import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { BaseNavProps } from './basenav.props';\nimport { DEFAULT_CLASS, BaseNavStyles } from './basenav.styles';\nimport { isArray } from 'lodash-es';\n\nexport interface NavigationDataItem {\n key: string;\n label: string;\n icon?: string;\n link?: string;\n badge?: string;\n isactive?: string;\n data: any;\n childnavigation?: any;\n}\n\nexport class BaseNavState <T extends BaseNavProps> extends BaseComponentState<T> {\n dataItems = [] as NavigationDataItem[];\n}\n\nexport abstract class BaseNavComponent< T extends BaseNavProps, S extends BaseNavState<T>, L extends BaseNavStyles> extends BaseComponent<T, S, L> {\n\n constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n super(props, defaultClass, defaultProps, defaultState);\n }\n\n getValue(item: any, val?: string \| ((item: any) => string)) {\n if (typeof val === 'string') {\n return item[val];\n } else if (typeof val === 'function') {\n return val(item);\n }\n return null;\n }\n\n setDataItems(dataset: any = this.state.props.dataset) {\n const name = this.props.name;\n let dataItems = [] as NavigationDataItem[];\n if (typeof dataset === 'string') {\n dataItems = dataset.split(',').map((s, i) => {\n return {\n key: `${name}_item${i}`,\n label: s,\n data: s\n } as NavigationDataItem;\n });\n } else if (dataset) {\n if (!isArray(dataset)) {\n dataset = [dataset];\n }\n dataItems = (dataset as any[]).map((d, i) => {\n return {\n key: `${name}_item${i}`,\n label: this.getValue(d, this.state.props.itemlabel),\n icon: this.getValue(d, this.state.props.itemicon),\n link: this.getValue(d, this.state.props.itemlink),\n badge: this.getValue(d, this.state.props.itembadge),\n isactive: this.getValue(d, this.state.props.isactive),\n data: d,\n childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null\n } as NavigationDataItem;\n });\n }\n this.updateState({dataItems: dataItems} as S);\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n switch (name) {\n case 'dataset':\n this.setDataItems($new);\n break;\n case 'itemlabel':\n case 'itemicon':\n case 'itemlink':\n case 'itemchildren':\n this.setDataItems();\n break;\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/navigation/basenav/basenav.props.js CHANGED Viewed

@@ -1,10 +1,10 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "dataset", null);
     _defineProperty(this, "itemlabel", 'label');
     _defineProperty(this, "itemlink", 'link');

app-rn-runtime/components/navigation/basenav/basenav.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","BaseNavProps","constructor","~~arguments~~","_defineProperty","label"],"sources":["basenav.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport class BaseNavProps extends BaseProps {\n dataset?: any = null as any;\n itemlabel?: string \| ((item: any) => string) = 'label' as any;\n itemlink?: string \| ((item: any) => string) = 'link' as any;\n itemicon?: string \| ((item: any) => string) = 'icon' as any;\n itembadge?: string \| ((item: any) => string) = null as any;\n isactive?: string \| ((item: any) => string) = null as any;\n itemchildren?: string = null as any;\n getDisplayExpression? = (label: string) => null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,OAAO,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,~~SAAAC~~,~~SAAA~~;IAAAC,eAAA,kBAC1B,IAAI;IAAAA,eAAA,oBAC2B,OAAO;IAAAA,eAAA,mBACR,MAAM;IAAAA,eAAA,mBACN,MAAM;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,uBAC1B,IAAI;IAAAA,eAAA,+BACHC,KAAa,IAAK,IAAW;EAAA;AACxD"}
1	+ {"version":3,"names":["BaseProps","BaseNavProps","constructor","args","_defineProperty","label"],"sources":["basenav.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport class BaseNavProps extends BaseProps {\n dataset?: any = null as any;\n itemlabel?: string \| ((item: any) => string) = 'label' as any;\n itemlink?: string \| ((item: any) => string) = 'link' as any;\n itemicon?: string \| ((item: any) => string) = 'icon' as any;\n itembadge?: string \| ((item: any) => string) = null as any;\n isactive?: string \| ((item: any) => string) = null as any;\n itemchildren?: string = null as any;\n getDisplayExpression? = (label: string) => null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,OAAO,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC1B,IAAI;IAAAA,eAAA,oBAC2B,OAAO;IAAAA,eAAA,mBACR,MAAM;IAAAA,eAAA,mBACN,MAAM;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,uBAC1B,IAAI;IAAAA,eAAA,+BACHC,KAAa,IAAK,IAAW;EAAA;AACxD","ignoreList":[]}

app-rn-runtime/components/navigation/basenav/basenav.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["basenav.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type BaseNavStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-basenav';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: BaseNavStyles = defineStyles({\n root: {},\n text: {}\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["basenav.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type BaseNavStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-basenav';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: BaseNavStyles = defineStyles({\n root: {},\n text: {}\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/navigation/menu/menu.component.js CHANGED Viewed

@@ -1,6 +1,6 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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';

app-rn-runtime/components/navigation/menu/menu.component.js.map CHANGED Viewed

	@@ -1 +1 @@
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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"}
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":[]}

app-rn-runtime/components/navigation/menu/menu.props.js CHANGED Viewed

@@ -1,10 +1,10 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "animateitems", 'slide');
     _defineProperty(this, "caption", '');
     _defineProperty(this, "dataset", 'Menu Item 1, Menu Item 2, Menu Item 3');

app-rn-runtime/components/navigation/menu/menu.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseNavProps","WmMenuProps","constructor","~~arguments~~","_defineProperty"],"sources":["menu.props.ts"],"sourcesContent":["import { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\n\nexport default class WmMenuProps extends BaseNavProps {\n animateitems?: string = 'slide';\n caption?: string = '' as any;\n dataset: any = 'Menu Item 1, Menu Item 2, Menu Item 3';\n iconclass? = 'fa fa-caret-down';\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,uEAAuE;AAEpG,eAAe,MAAMC,WAAW,SAASD,YAAY,CAAC;EAAAE,YAAA;IAAA,~~SAAAC~~,~~SAAA~~;IAAAC,eAAA,uBAC5B,OAAO;IAAAA,eAAA,kBACZ,EAAE;IAAAA,eAAA,kBACN,uCAAuC;IAAAA,eAAA,oBACzC,kBAAkB;EAAA;AACjC"}
1	+ {"version":3,"names":["BaseNavProps","WmMenuProps","constructor","args","_defineProperty"],"sources":["menu.props.ts"],"sourcesContent":["import { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\n\nexport default class WmMenuProps extends BaseNavProps {\n animateitems?: string = 'slide';\n caption?: string = '' as any;\n dataset: any = 'Menu Item 1, Menu Item 2, Menu Item 3';\n iconclass? = 'fa fa-caret-down';\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,uEAAuE;AAEpG,eAAe,MAAMC,WAAW,SAASD,YAAY,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC5B,OAAO;IAAAA,eAAA,kBACZ,EAAE;IAAAA,eAAA,kBACN,uCAAuC;IAAAA,eAAA,oBACzC,kBAAkB;EAAA;AACjC","ignoreList":[]}

app-rn-runtime/components/navigation/menu/menu.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
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 root: {\n width: '100%'\n }\n });\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;IACvDtC,IAAI,EAAE;MACFoB,KAAK,EAAE;IACX;EACJ,CAAC,CAAC;AACN,CAAC,CAAC"}
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 root: {\n width: '100%'\n }\n });\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;IACvDtC,IAAI,EAAE;MACFoB,KAAK,EAAE;IACX;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/navigation/navbar/navbar.component.js.map CHANGED Viewed

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

app-rn-runtime/components/navigation/navbar/navbar.props.js CHANGED Viewed

@@ -1,10 +1,10 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "type", 'pills');
     _defineProperty(this, "layout", '');
     _defineProperty(this, "children", []);