@wavemaker/app-rn-runtime 11.4.0-next.24565 → 11.4.0-next.24569

app-rn-runtime/components/input/textarea/textarea.styles.js

@@ -37,5 +37,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundColor: themeVariables.inputDisabledBgColor
     }
   });
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    root: {
+      textAlign: 'right'
+    }
+  });
 });
 //# sourceMappingURL=textarea.styles.js.map

app-rn-runtime/components/input/textarea/textarea.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","minHeight","text","fontSize","textAlignVertical","invalid","borderBottomColor","placeholderText","color","inputPlaceholderColor","skeleton","width","height","inputDisabledBgColor"],"sources":["textarea.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTextareaStyles = BaseStyles & {\n  invalid: AllStyle;\n  placeholderText: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-textarea';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextareaStyles = defineStyles({\n      root: {\n        padding:12,\n        borderWidth:1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont,\n        minHeight: 160,\n      },\n      text: {\n        fontSize: 16,\n        textAlignVertical: 'top'\n      },\n      invalid: {\n        borderBottomColor: 'red'\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 84,\n          borderRadius: 4\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AASxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,OAAO,EAAC,EAAE;MACVC,WAAW,EAAC,CAAC;MACbC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,gBAAgB;MAC5CC,eAAe,EAAET,cAAc,CAACU,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEZ,cAAc,CAACa,QAAQ;MACnCC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAE;IACrB,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAErB,cAAc,CAACsB;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRpB,IAAI,EAAE;QACJqB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVd,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAAC0B;IAClC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","minHeight","text","fontSize","textAlignVertical","invalid","borderBottomColor","placeholderText","color","inputPlaceholderColor","skeleton","width","height","inputDisabledBgColor","textAlign"],"sources":["textarea.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTextareaStyles = BaseStyles & {\n  invalid: AllStyle;\n  placeholderText: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-textarea';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextareaStyles = defineStyles({\n      root: {\n        padding:12,\n        borderWidth:1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont,\n        minHeight: 160,\n      },\n      text: {\n        fontSize: 16,\n        textAlignVertical: 'top'\n      },\n      invalid: {\n        borderBottomColor: 'red'\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 84,\n          borderRadius: 4\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root:{\n      textAlign: 'right'\n    }\n  })\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AASxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,OAAO,EAAC,EAAE;MACVC,WAAW,EAAC,CAAC;MACbC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,gBAAgB;MAC5CC,eAAe,EAAET,cAAc,CAACU,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEZ,cAAc,CAACa,QAAQ;MACnCC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAE;IACrB,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAErB,cAAc,CAACsB;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRpB,IAAI,EAAE;QACJqB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVd,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAAC0B;IAClC;EACJ,CAAC,CAAC;EACFzB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAC;MACHwB,SAAS,EAAE;IACb;EACF,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -2,8 +2,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { View } from 'react-native';
-import { Switch } from 'react-native-paper';
+import { View, TouchableOpacity } 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';
 import WmToggleProps from './toggle.props';
@@ -66,14 +66,13 @@ export default class WmToggle extends BaseComponent {
     });
   }
   renderWidget(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Switch, {
-      value: this.state.isSwitchOn,
-      color: this.styles.text.color,
-      disabled: props.readonly || props.disabled,
-      onValueChange: this.onToggleSwitch.bind(this),
-      onTouchEndCapture: () => {
+    const styles = this.theme.mergeStyle(this.styles, this.theme.getStyle(this.state.isSwitchOn ? 'app-toggle-on' : 'app-toggle-off'));
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.root,
+      onPress: () => {
+        if (this.props.disabled) {
+          return;
+        }
         // Added setTimeout to smooth animation
         setTimeout(() => {
           if (!props.readonly) {
@@ -81,8 +80,15 @@ export default class WmToggle extends BaseComponent {
           }
           this.invokeEventCallback('onTap', [null, this]);
         }, 500);
+        this.onToggleSwitch(!this.state.isSwitchOn);
       }
-    }));
+    }, this._background, /*#__PURE__*/React.createElement(View, {
+      style: styles.handle
+    }, /*#__PURE__*/React.createElement(BackgroundComponent, {
+      size: styles.handle.backgroundSize,
+      position: styles.handle.backgroundPosition,
+      image: styles.handle.backgroundImage
+    })));
   }
 }
 //# sourceMappingURL=toggle.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Switch","BaseComponent","BaseComponentState","unStringify","validateField","WmToggleProps","DEFAULT_CLASS","WmToggleState","WmToggle","constructor","props","onPropertyChange","name","$new","$old","value","state","checkedvalue","updateState","isSwitchOn","updateDatavalue","datavalue","validate","validationObj","isValid","errorType","onToggleSwitch","oldValue","dataValue","uncheckedvalue","onFieldChange","invokeEventCallback","proxy","renderWidget","styles","root","_background","text","color","readonly","disabled","bind","setTimeout"],"sources":["toggle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { Switch } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\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}\n\nexport default class WmToggle extends BaseComponent<WmToggleProps, WmToggleState, WmToggleStyles> {\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    // @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  renderWidget(props: WmToggleProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Switch value={this.state.isSwitchOn}\n            color={this.styles.text.color as string}\n            disabled={props.readonly || props.disabled}\n            onValueChange={this.onToggleSwitch.bind(this)}\n            onTouchEndCapture={() => {\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            }}/>\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","TouchableOpacity","BackgroundComponent","BaseComponent","BaseComponentState","unStringify","validateField","WmToggleProps","DEFAULT_CLASS","WmToggleState","constructor","arguments","_defineProperty","WmToggle","props","onPropertyChange","name","$new","$old","value","state","checkedvalue","updateState","isSwitchOn","updateDatavalue","datavalue","validate","validationObj","isValid","errorType","onToggleSwitch","oldValue","dataValue","uncheckedvalue","onFieldChange","invokeEventCallback","proxy","renderWidget","styles","theme","mergeStyle","getStyle","createElement","style","root","onPress","disabled","setTimeout","readonly","_background","handle","size","backgroundSize","position","backgroundPosition","image","backgroundImage"],"sources":["toggle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, TouchableOpacity } 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';\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}\n\nexport default class WmToggle extends BaseComponent<WmToggleProps, WmToggleState, WmToggleStyles> {\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    // @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  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 style={styles.root} 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      }}>\n        {this._background}\n        <View style={styles.handle}>\n          <BackgroundComponent\n            size={styles.handle.backgroundSize}\n            position={styles.handle.backgroundPosition}\n            image={styles.handle.backgroundImage}>  \n          </BackgroundComponent>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmToggleProps"],"sources":["toggle.props.ts"],"sourcesContent":["import { 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  invokeEvent?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,sCAC/B,IAAI;IAAA,wCACF,KAAK;IAAA;IAAA,kCAEf,KAAK;IAAA;IAAA;EAAA;AAGnB"}
+{"version":3,"names":["BaseProps","WmToggleProps","constructor","arguments","_defineProperty"],"sources":["toggle.props.ts"],"sourcesContent":["import { 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  invokeEvent?: Function;\n}\n"],"mappings":";;;AAAA,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;EAAA;AAGnB"}

app-rn-runtime/components/input/toggle/toggle.styles.js

@@ -4,13 +4,38 @@ export const DEFAULT_CLASS = 'app-toggle';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
-      width: 36
+      width: 36,
+      flexDirection: 'row',
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      borderRadius: 18,
+      borderWidth: 1
     },
-    text: {
-      color: themeVariables.toggleColor
+    text: {},
+    handle: {
+      width: 18,
+      height: 18,
+      borderRadius: 18,
+      backgroundColor: themeVariables.toggleHandleColor,
+      backgroundSize: '100% 100%',
+      backgroundPosition: 'center'
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-on', '', {
+    root: {
+      backgroundColor: themeVariables.toggleOnColor,
+      justifyContent: 'flex-end',
+      borderColor: themeVariables.toggleOnColor
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-off', '', {
+    root: {
+      backgroundColor: themeVariables.toggleOffColor,
+      borderColor: themeVariables.toggleOffColor
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', {});
   addStyle(DEFAULT_CLASS + '-disabled', '', {
     root: {}
   });

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","text","color","toggleColor"],"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';\n\nexport type WmToggleStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-toggle';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmToggleStyles = defineStyles({\n      root: {\n        width: 36\n      },\n      text: {\n        color: themeVariables.toggleColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {}\n  });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,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;IACT,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEN,cAAc,CAACO;IACxB;EACJ,CAAC,CAAC;EAEFN,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG,CAAC;EACZ,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","flexDirection","justifyContent","alignItems","borderRadius","borderWidth","text","handle","height","backgroundColor","toggleHandleColor","backgroundSize","backgroundPosition","toggleOnColor","borderColor","toggleOffColor"],"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 { Platform, ViewStyle } from 'react-native';\nimport Color from 'color';\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: 36,\n        flexDirection: 'row',\n        justifyContent: 'flex-start',\n        alignItems: 'center',\n        borderRadius: 18,\n        borderWidth: 1\n      },\n      text: {},\n      handle: {\n        width: 18,\n        height: 18,\n        borderRadius: 18,\n        backgroundColor: themeVariables.toggleHandleColor,\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      justifyContent: 'flex-end',\n      borderColor: themeVariables.toggleOnColor\n    }\n  } as WmToggleStyles);\n  addStyle(DEFAULT_CLASS + '-off', '', {\n    root : {\n      backgroundColor: themeVariables.toggleOffColor,\n      borderColor: themeVariables.toggleOffColor\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;AAQxF,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,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE;IACf,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNP,KAAK,EAAE,EAAE;MACTQ,MAAM,EAAE,EAAE;MACVJ,YAAY,EAAE,EAAE;MAChBK,eAAe,EAAEb,cAAc,CAACc,iBAAiB;MACjDC,cAAc,EAAE,WAAW;MAC3BC,kBAAkB,EAAE;IACtB;EACJ,CAAC,CAAC;EAEFf,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,KAAK,EAAE,EAAE,EAAE;IAClCK,IAAI,EAAG;MACLU,eAAe,EAAEb,cAAc,CAACiB,aAAa;MAC7CX,cAAc,EAAE,UAAU;MAC1BY,WAAW,EAAElB,cAAc,CAACiB;IAC9B;EACF,CAAmB,CAAC;EACpBhB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLU,eAAe,EAAEb,cAAc,CAACmB,cAAc;MAC9CD,WAAW,EAAElB,cAAc,CAACmB;IAC9B;EACF,CAAmB,CAAC;EACpBlB,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"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","WmIcon","WmPicture","WmAppNavbarProps","DEFAULT_CLASS","WmAppNavbarState","WmAppNavbar","constructor","props","onDrawerBtnPress","invokeEventCallback","bind","onBackBtnPress","onSearchBtnPress","renderWidget","styles","root","_background","leftSection","showDrawerButton","theme","mergeStyle","action","leftnavIcon","leftnavpaneliconclass","backbutton","backIcon","backbuttoniconclass","backbuttonlabel","middleSection","imgsrc","image","content","title","rightSection","searchbutton","searchbuttoniconclass","children"],"sources":["appnavbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\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  }\n\n  renderWidget(props: WmAppNavbarProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.leftSection}>\n        {props.showDrawerButton && (<WmIcon\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          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            styles={this.styles.image}\n            picturesource={props.imgsrc} />)}\n          <Text style={this.styles.content}>{props.title}</Text>\n        </View>\n        <View style={this.styles.rightSection}>\n          {props.searchbutton && (<WmIcon\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,QAAQ,cAAc;AACzC,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,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,gBAAgB,EAAE,CAAC;IAAC;IAAA;IAAA;IACpD,IAAI,CAACM,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;EAC1G;EAEAG,YAAY,CAACN,KAAuB,EAAE;IACpC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACF,MAAM,CAACG;IAAY,GACpCV,KAAK,CAACW,gBAAgB,iBAAK,oBAAC,MAAM;MACjC,MAAM,EAAE,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACN,MAAM,CAACO,MAAM,EAAE,IAAI,CAACP,MAAM,CAACQ,WAAW,CAAE;MAC/E,SAAS,EAAEf,KAAK,CAACgB,qBAAsB;MACvC,KAAK,EAAE,IAAI,CAACf;IAAiB,EAC1B,EACJD,KAAK,CAACiB,UAAU,iBAAK,oBAAC,MAAM;MAC3B,MAAM,EAAE,IAAI,CAACL,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACN,MAAM,CAACO,MAAM,EAAE,IAAI,CAACP,MAAM,CAACW,QAAQ,CAAE;MAC5E,SAAS,EAAElB,KAAK,CAACmB,mBAAoB;MACrC,OAAO,EAAEnB,KAAK,CAACoB,eAAgB;MAC/B,KAAK,EAAE,IAAI,CAAChB;IAAe,EAAG,CACzB,eACP,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACG,MAAM,CAACc;IAAc,GACpCrB,KAAK,CAACsB,MAAM,iBACb,oBAAC,SAAS;MACR,MAAM,EAAE,IAAI,CAACf,MAAM,CAACgB,KAAM;MAC1B,aAAa,EAAEvB,KAAK,CAACsB;IAAO,EAAI,eAClC,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACf,MAAM,CAACiB;IAAQ,GAAExB,KAAK,CAACyB,KAAK,CAAQ,CACjD,eACP,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAAClB,MAAM,CAACmB;IAAa,GACnC1B,KAAK,CAAC2B,YAAY,iBAAK,oBAAC,MAAM;MAC7B,MAAM,EAAE,IAAI,CAACf,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACN,MAAM,CAACO,MAAM,EAAE,IAAI,CAACP,MAAM,CAACQ,WAAW,CAAE;MAC/E,SAAS,EAAEf,KAAK,CAAC4B,qBAAsB;MACvC,KAAK,EAAE,IAAI,CAACvB;IAAiB,EAC1B,EACJL,KAAK,CAAC6B,QAAQ,CACV,CACF;EAEX;AACF"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","WmIcon","WmPicture","WmAppNavbarProps","DEFAULT_CLASS","WmAppNavbarState","WmAppNavbar","constructor","props","_defineProperty","onDrawerBtnPress","invokeEventCallback","bind","onBackBtnPress","onSearchBtnPress","renderWidget","createElement","style","styles","root","_background","leftSection","showDrawerButton","theme","mergeStyle","action","leftnavIcon","iconclass","leftnavpaneliconclass","onTap","backbutton","backIcon","backbuttoniconclass","caption","backbuttonlabel","middleSection","imgsrc","image","picturesource","content","title","rightSection","searchbutton","searchbuttoniconclass","children"],"sources":["appnavbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\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  }\n\n  renderWidget(props: WmAppNavbarProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.leftSection}>\n        {props.showDrawerButton && (<WmIcon\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          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            styles={this.styles.image}\n            picturesource={props.imgsrc} />)}\n          <Text style={this.styles.content}>{props.title}</Text>\n        </View>\n        <View style={this.styles.rightSection}>\n          {props.searchbutton && (<WmIcon\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":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmAppNavbarProps"],"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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA;IAAA,+BAEpC,EAAE;IAAA,oCACL,IAAI;IAAA,yCACC,EAAE;IAAA,0CACD,KAAK;IAAA,+CACA,2BAA2B;IAAA,6CAC7B,YAAY;IAAA,gCACzB,IAAI;IAAA,sCACE,KAAK;IAAA,+CACI,mBAAmB;EAAA;AAC/C"}
+{"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}\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;EAAA;AAC/C"}

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

@@ -1 +1 @@
-{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","navbarBackgroundColor","height","padding","paddingHorizontal","alignItems","text","action","leftSection","flex","leftnavIcon","icon","fontSize","navbarIconSize","color","navbarTextColor","backIcon","navbarFontSize","image","width","navbarImageSize","picture","resizeMode","content","textTransform","fontFamily","baseFont","fontWeight","textAlign","middleSection","rightSection","justifyContent","paddingRight","textDecorationStyle","undefined","badge","fade","rgb","toString","transparent","alignSelf","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 { 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};\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.navbarBackgroundColor,\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      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    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    },\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 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 WmPopoverStyles);\n});"],"mappings":"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"}
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","navbarBackgroundColor","height","padding","paddingHorizontal","alignItems","text","action","leftSection","flex","leftnavIcon","icon","fontSize","navbarIconSize","color","navbarTextColor","backIcon","navbarFontSize","image","width","navbarImageSize","picture","resizeMode","content","textTransform","fontFamily","baseFont","fontWeight","textAlign","middleSection","rightSection","justifyContent","paddingRight","textDecorationStyle","undefined","badge","fade","rgb","toString","transparent","alignSelf","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 { 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};\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.navbarBackgroundColor,\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      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    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    },\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 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 WmPopoverStyles);\n});"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseComponent","BaseComponentState","DEFAULT_CLASS","isArray","BaseNavState","BaseNavComponent","constructor","props","defaultClass","defaultProps","defaultState","getValue","item","val","setDataItems","dataset","state","name","dataItems","split","map","s","i","key","label","icon","d","itemlabel","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  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          icon: 'wi wi-' + 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          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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"}
+{"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","icon","d","itemlabel","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  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          icon: 'wi wi-' + 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          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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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseNavProps","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;EAAA;IAAA;IAAA,iCAC1B,IAAI;IAAA,mCAC2B,OAAO;IAAA,kCACR,MAAM;IAAA,kCACN,MAAM;IAAA,mCACL,IAAI;IAAA,kCACL,IAAI;IAAA,sCAC1B,IAAI;IAAA,8CACHE,KAAa,IAAK,IAAW;EAAA;AACxD"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","WmAnchor","BaseNavComponent","BaseNavState","WmPopover","WmMenuProps","DEFAULT_CLASS","WmMenuState","animationMap","slide","fade","scale","WmMenu","constructor","props","onComponentInit","c","popOverRef","renderMenuItem","item","getDisplayLabel","getDisplayExpression","label","icon","link","styles","menuItem","invokeEventCallback","hide","renderWidget","menuItems","state","dataItems","animateitems","caption","iconclass","listener","menu","height","width","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) {\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    return (\n      <WmAnchor\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 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 || null}\n        popoverwidth={this.styles.menu.width || null}\n        iconposition=\"right\"\n        type='dropdown'>\n          <View style={this.styles.menu}>\n            {menuItems.map(item => (\n              <View key={item.key}>\n                {this.renderMenuItem(item)}\n              </View>\n            ))}\n          </View>\n      </WmPopover>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,SAASC,gBAAgB,EAAEC,YAAY,QAA4B,8BAA8B;AACjG,OAAOC,SAAS,MAAM,8BAA8B;AACpD,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAO,MAAMC,WAAW,SAAiCJ,YAAY,CAAI;AAEzE,MAAMK,YAAiB,GAAG;EACxBC,KAAK,EAAE,aAAa;EACpBC,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;AACT,CAAC;AAED,eAAe,MAAMC,MAAM,SAASV,gBAAgB,CAAsD;EAYxGW,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,WAAW,EAAE,EAAE,IAAIE,WAAW,EAAE,CAAC;IAAC,oCAXpC,IAAI;IAAA,kCAEE;MACpCQ,eAAe,EAAGC,CAAC,IAAK;QACtB,IAAIA,CAAC,YAAYZ,SAAS,EAAE;UAC1B,IAAI,CAACa,UAAU,GAAGD,CAAC;QACrB;MACF;IACF,CAAC;EAID;EAEAE,cAAc,CAACC,IAAwB,EAAE;IACvC,MAAMC,eAAe,GAAG,IAAI,CAACN,KAAK,CAACO,oBAAoB,KAAMC,KAAa,IAAKA,KAAK,CAAC;IACrF,oBACE,oBAAC,QAAQ;MACP,SAAS,EAAEH,IAAI,CAACI,IAAe;MAC/B,OAAO,EAAEH,eAAe,CAACD,IAAI,CAACG,KAAK,CAAE;MACrC,SAAS,EAAEH,IAAI,CAACK,IAAK;MACrB,MAAM,EAAE,IAAI,CAACC,MAAM,CAACC,QAAS;MAC7B,KAAK,EAAE,MAAM;QACX,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAER,IAAI,CAAC,CAAC;QACxD,IAAI,CAACF,UAAU,CAACW,IAAI,EAAE;MAC1B;IAAE,EAAY;EAElB;EAEAC,YAAY,CAACf,KAAkB,EAAE;IAC/B,MAAMgB,SAAS,GAAG,IAAI,CAACC,KAAK,CAACC,SAAS;IACtC,oBACE,oBAAC,SAAS;MAAC,MAAM,EAAE,IAAI,CAACP,MAAO;MAC7B,gBAAgB,EAAEjB,YAAY,CAACM,KAAK,CAACmB,YAAY,IAAI,OAAO,CAAE;MAC9D,OAAO,EAAEnB,KAAK,CAACoB,OAAQ;MACvB,SAAS,EAAEpB,KAAK,CAACqB,SAAU;MAC3B,QAAQ,EAAE,IAAI,CAACC,QAAS;MACxB,aAAa,EAAE,IAAI,CAACX,MAAM,CAACY,IAAI,CAACC,MAAM,IAAI,IAAK;MAC/C,YAAY,EAAE,IAAI,CAACb,MAAM,CAACY,IAAI,CAACE,KAAK,IAAI,IAAK;MAC7C,YAAY,EAAC,OAAO;MACpB,IAAI,EAAC;IAAU,gBACb,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACd,MAAM,CAACY;IAAK,GAC3BP,SAAS,CAACU,GAAG,CAACrB,IAAI,iBACjB,oBAAC,IAAI;MAAC,GAAG,EAAEA,IAAI,CAACsB;IAAI,GACjB,IAAI,CAACvB,cAAc,CAACC,IAAI,CAAC,CAE7B,CAAC,CACG,CACC;EAEhB;AACF"}
+{"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","getDisplayLabel","getDisplayExpression","label","createElement","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) {\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    return (\n      <WmAnchor\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 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 || null}\n        popoverwidth={this.styles.menu.width || null}\n        iconposition=\"right\"\n        type='dropdown'>\n          <View style={this.styles.menu}>\n            {menuItems.map(item => (\n              <View key={item.key}>\n                {this.renderMenuItem(item)}\n              </View>\n            ))}\n          </View>\n      </WmPopover>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,SAASC,gBAAgB,EAAEC,YAAY,QAA4B,8BAA8B;AACjG,OAAOC,SAAS,MAAM,8BAA8B;AACpD,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAO,MAAMC,WAAW,SAAiCJ,YAAY,CAAI;AAEzE,MAAMK,YAAiB,GAAG;EACxBC,KAAK,EAAE,aAAa;EACpBC,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;AACT,CAAC;AAED,eAAe,MAAMC,MAAM,SAASV,gBAAgB,CAAsD;EAYxGW,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,EAAE,IAAIE,WAAW,CAAC,CAAC,CAAC;IAACQ,eAAA,qBAXpC,IAAI;IAAAA,eAAA,mBAEE;MACpCC,eAAe,EAAGC,CAAC,IAAK;QACtB,IAAIA,CAAC,YAAYb,SAAS,EAAE;UAC1B,IAAI,CAACc,UAAU,GAAGD,CAAC;QACrB;MACF;IACF,CAAC;EAID;EAEAE,cAAcA,CAACC,IAAwB,EAAE;IACvC,MAAMC,eAAe,GAAG,IAAI,CAACP,KAAK,CAACQ,oBAAoB,KAAMC,KAAa,IAAKA,KAAK,CAAC;IACrF,oBACExB,KAAA,CAAAyB,aAAA,CAACvB,QAAQ;MACPwB,SAAS,EAAEL,IAAI,CAACM,IAAe;MAC/BC,OAAO,EAAEN,eAAe,CAACD,IAAI,CAACG,KAAK,CAAE;MACrCK,SAAS,EAAER,IAAI,CAACS,IAAK;MACrBC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,QAAS;MAC7BC,KAAK,EAAEA,CAAA,KAAM;QACX,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAEb,IAAI,CAAC,CAAC;QACxD,IAAI,CAACF,UAAU,CAACgB,IAAI,CAAC,CAAC;MAC1B;IAAE,CAAW,CAAC;EAElB;EAEAC,YAAYA,CAACrB,KAAkB,EAAE;IAC/B,MAAMsB,SAAS,GAAG,IAAI,CAACC,KAAK,CAACC,SAAS;IACtC,oBACEvC,KAAA,CAAAyB,aAAA,CAACpB,SAAS;MAAC0B,MAAM,EAAE,IAAI,CAACA,MAAO;MAC7BS,gBAAgB,EAAE/B,YAAY,CAACM,KAAK,CAAC0B,YAAY,IAAI,OAAO,CAAE;MAC9Db,OAAO,EAAEb,KAAK,CAACa,OAAQ;MACvBF,SAAS,EAAEX,KAAK,CAACW,SAAU;MAC3BgB,QAAQ,EAAE,IAAI,CAACA,QAAS;MACxBC,aAAa,EAAE,IAAI,CAACZ,MAAM,CAACa,IAAI,CAACC,MAAM,IAAI,IAAK;MAC/CC,YAAY,EAAE,IAAI,CAACf,MAAM,CAACa,IAAI,CAACG,KAAK,IAAI,IAAK;MAC7CC,YAAY,EAAC,OAAO;MACpBC,IAAI,EAAC;IAAU,gBACbjD,KAAA,CAAAyB,aAAA,CAACxB,IAAI;MAACiD,KAAK,EAAE,IAAI,CAACnB,MAAM,CAACa;IAAK,GAC3BP,SAAS,CAACc,GAAG,CAAC9B,IAAI,iBACjBrB,KAAA,CAAAyB,aAAA,CAACxB,IAAI;MAACmD,GAAG,EAAE/B,IAAI,CAAC+B;IAAI,GACjB,IAAI,CAAChC,cAAc,CAACC,IAAI,CACrB,CACP,CACG,CACC,CAAC;EAEhB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseNavProps","WmMenuProps"],"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;EAAA;IAAA;IAAA,sCAC5B,OAAO;IAAA,iCACZ,EAAE;IAAA,iCACN,uCAAuC;IAAA,mCACzC,kBAAkB;EAAA;AACjC"}
+{"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"}

app-rn-runtime/components/navigation/menu/menu.styles.js

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as POPOVER_CLASS } from '../popover/popover.styles';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-menu';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = {
@@ -57,5 +58,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   };
   addStyle(DEFAULT_CLASS, POPOVER_CLASS, defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {} : {
+    root: {
+      width: '100%'
+    }
+  });
 });
 //# sourceMappingURL=menu.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","POPOVER_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","link","icon","color","menuIconColor","textDecorationLine","paddingRight","fontWeight","menuTextColor","popover","backgroundColor","transparent","popoverContent","flex","undefined","menu","width","padding","menuBackgroundColor","borderRadius","menuItem","borderBottomWidth","borderStyle","borderBottomColor","menuItemBorderColor","fontSize","menuItemIconColor","menuItemTextColor"],"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';\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        },\n        popoverContent: {\n            //@ts-ignore\n            flex: undefined\n        },\n        menu: {\n            width: 160,\n            padding: 12,\n            backgroundColor: themeVariables.menuBackgroundColor,\n            borderRadius: 6\n        },\n        menuItem: {\n            root : {\n                width: '100%',\n                padding: 8,\n                borderBottomWidth: 0,\n                borderStyle: 'solid',\n                borderBottomColor: themeVariables.menuItemBorderColor\n            },\n            icon :{\n                root : {\n                    fontSize: 16,\n                },\n                icon : {\n                    color: themeVariables.menuItemIconColor\n                }\n            },\n            text: {\n                fontSize: 16,\n                textDecorationLine: 'none',\n                color: themeVariables.menuItemTextColor\n            }\n        } as WmAnchorStyles\n    };\n\n    addStyle(DEFAULT_CLASS, POPOVER_CLASS, defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAE7E,SAA0BC,aAAa,IAAIC,aAAa,QAAQ,2BAA2B;AAS3F,OAAO,MAAMD,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACG,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;IACpC,CAAC;IACDC,cAAc,EAAE;MACZ;MACAC,IAAI,EAAEC;IACV,CAAC;IACDC,IAAI,EAAE;MACFC,KAAK,EAAE,GAAG;MACVC,OAAO,EAAE,EAAE;MACXP,eAAe,EAAEf,cAAc,CAACuB,mBAAmB;MACnDC,YAAY,EAAE;IAClB,CAAC;IACDC,QAAQ,EAAE;MACNtB,IAAI,EAAG;QACHkB,KAAK,EAAE,MAAM;QACbC,OAAO,EAAE,CAAC;QACVI,iBAAiB,EAAE,CAAC;QACpBC,WAAW,EAAE,OAAO;QACpBC,iBAAiB,EAAE5B,cAAc,CAAC6B;MACtC,CAAC;MACDtB,IAAI,EAAE;QACFJ,IAAI,EAAG;UACH2B,QAAQ,EAAE;QACd,CAAC;QACDvB,IAAI,EAAG;UACHC,KAAK,EAAER,cAAc,CAAC+B;QAC1B;MACJ,CAAC;MACD1B,IAAI,EAAE;QACFyB,QAAQ,EAAE,EAAE;QACZpB,kBAAkB,EAAE,MAAM;QAC1BF,KAAK,EAAER,cAAc,CAACgC;MAC1B;IACJ;EACJ,CAAC;EAED/B,QAAQ,CAACJ,aAAa,EAAEC,aAAa,EAAEI,aAAa,CAAC;AACzD,CAAC,CAAC"}
+{"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","popoverContent","flex","undefined","menu","width","padding","menuBackgroundColor","borderRadius","menuItem","borderBottomWidth","borderStyle","borderBottomColor","menuItemBorderColor","fontSize","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        },\n        popoverContent: {\n            //@ts-ignore\n            flex: undefined\n        },\n        menu: {\n            width: 160,\n            padding: 12,\n            backgroundColor: themeVariables.menuBackgroundColor,\n            borderRadius: 6\n        },\n        menuItem: {\n            root : {\n                width: '100%',\n                padding: 8,\n                borderBottomWidth: 0,\n                borderStyle: 'solid',\n                borderBottomColor: themeVariables.menuItemBorderColor\n            },\n            icon :{\n                root : {\n                    fontSize: 16,\n                },\n                icon : {\n                    color: themeVariables.menuItemIconColor\n                }\n            },\n            text: {\n                fontSize: 16,\n                textDecorationLine: 'none',\n                color: themeVariables.menuItemTextColor\n            }\n        } 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;IACpC,CAAC;IACDC,cAAc,EAAE;MACZ;MACAC,IAAI,EAAEC;IACV,CAAC;IACDC,IAAI,EAAE;MACFC,KAAK,EAAE,GAAG;MACVC,OAAO,EAAE,EAAE;MACXP,eAAe,EAAEf,cAAc,CAACuB,mBAAmB;MACnDC,YAAY,EAAE;IAClB,CAAC;IACDC,QAAQ,EAAE;MACNtB,IAAI,EAAG;QACHkB,KAAK,EAAE,MAAM;QACbC,OAAO,EAAE,CAAC;QACVI,iBAAiB,EAAE,CAAC;QACpBC,WAAW,EAAE,OAAO;QACpBC,iBAAiB,EAAE5B,cAAc,CAAC6B;MACtC,CAAC;MACDtB,IAAI,EAAE;QACFJ,IAAI,EAAG;UACH2B,QAAQ,EAAE;QACd,CAAC;QACDvB,IAAI,EAAG;UACHC,KAAK,EAAER,cAAc,CAAC+B;QAC1B;MACJ,CAAC;MACD1B,IAAI,EAAE;QACFyB,QAAQ,EAAE,EAAE;QACZpB,kBAAkB,EAAE,MAAM;QAC1BF,KAAK,EAAER,cAAc,CAACgC;MAC1B;IACJ;EACJ,CAAC;EAED/B,QAAQ,CAACL,aAAa,EAAEC,aAAa,EAAEK,aAAa,CAAC;EACrDD,QAAQ,CAACL,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEE,QAAQ,CAACmC,EAAE,IAAE,KAAK,GAAC,CAAC,CAAC,GAAC;IACvD9B,IAAI,EAAE;MACFkB,KAAK,EAAE;IACX;EACJ,CAAC,CAAC;AACN,CAAC,CAAC"}

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

@@ -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","styles","childNav","navitem","key","onSelect","isactive","getDisplayExpression","childnavigation","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, 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          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              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            </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 => {\n              return this.renderNavItem(item, props);\n            }) : childElements\n          }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"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","styles","childNav","createElement","style","navitem","key","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, 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          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              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            </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 => {\n              return this.renderNavItem(item, props);\n            }) : childElements\n          }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/navigation/navbar/navbar.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseNavProps","WmNavbarProps","$event","target","$item"],"sources":["navbar.props.ts"],"sourcesContent":["import { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { TapEvent } from \"@wavemaker/app-rn-runtime/core/tappable.component\";\nimport {\n  NavigationDataItem\n} from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\n\nexport default class WmNavbarProps extends BaseNavProps {\n  type: string = 'pills';\n  layout: string = '';\n  children?: any = [] as any;\n  indent = 0;\n  onSelect? = ($event: TapEvent, target: any, $item: NavigationDataItem) => {};  ischildnav? = false;\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,uEAAuE;AAMpG,eAAe,MAAMC,aAAa,SAASD,YAAY,CAAC;EAAA;IAAA;IAAA,8BACvC,OAAO;IAAA,gCACL,EAAE;IAAA,kCACF,EAAE;IAAA,gCACV,CAAC;IAAA,kCACE,CAACE,MAAgB,EAAEC,MAAW,EAAEC,KAAyB,KAAK,CAAC,CAAC;IAAA,oCAAiB,KAAK;EAAA;AACpG"}
+{"version":3,"names":["BaseNavProps","WmNavbarProps","constructor","arguments","_defineProperty","$event","target","$item"],"sources":["navbar.props.ts"],"sourcesContent":["import { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { TapEvent } from \"@wavemaker/app-rn-runtime/core/tappable.component\";\nimport {\n  NavigationDataItem\n} from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\n\nexport default class WmNavbarProps extends BaseNavProps {\n  type: string = 'pills';\n  layout: string = '';\n  children?: any = [] as any;\n  indent = 0;\n  onSelect? = ($event: TapEvent, target: any, $item: NavigationDataItem) => {};  ischildnav? = false;\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,uEAAuE;AAMpG,eAAe,MAAMC,aAAa,SAASD,YAAY,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,eACvC,OAAO;IAAAA,eAAA,iBACL,EAAE;IAAAA,eAAA,mBACF,EAAE;IAAAA,eAAA,iBACV,CAAC;IAAAA,eAAA,mBACE,CAACC,MAAgB,EAAEC,MAAW,EAAEC,KAAyB,KAAK,CAAC,CAAC;IAAAH,eAAA,qBAAiB,KAAK;EAAA;AACpG"}

app-rn-runtime/components/navigation/navbar/navbar.styles.js.map

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

app-rn-runtime/components/navigation/navitem/navitem.component.js.map

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

app-rn-runtime/components/navigation/navitem/navitem.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmNavItemProps","$event","target","$item","label"],"sources":["navitem.props.ts"],"sourcesContent":["import {BaseComponent, BaseProps} from '@wavemaker/app-rn-runtime/core/base.component';\nimport {NavigationDataItem} from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport {TapEvent} from \"@wavemaker/app-rn-runtime/core/tappable.component\";\n\nexport default class WmNavItemProps extends BaseProps {\n  children?: any;\n  caption?: string;\n  item: any = [];\n  view: 'default' | 'dropdown' | 'anchor' = 'default';\n  onSelect? = ($event: TapEvent, target: any, $item: NavigationDataItem) => {};\n  getDisplayExpression? = (label: string) => null as any;\n}\n"],"mappings":";;;AAAA,SAAuBA,SAAS,QAAO,+CAA+C;AAItF,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA;IAAA;IAAA,8BAGxC,EAAE;IAAA,8BAC4B,SAAS;IAAA,kCACvC,CAACE,MAAgB,EAAEC,MAAW,EAAEC,KAAyB,KAAK,CAAC,CAAC;IAAA,8CACnDC,KAAa,IAAK,IAAW;EAAA;AACxD"}
+{"version":3,"names":["BaseProps","WmNavItemProps","constructor","arguments","_defineProperty","$event","target","$item","label"],"sources":["navitem.props.ts"],"sourcesContent":["import {BaseComponent, BaseProps} from '@wavemaker/app-rn-runtime/core/base.component';\nimport {NavigationDataItem} from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport {TapEvent} from \"@wavemaker/app-rn-runtime/core/tappable.component\";\n\nexport default class WmNavItemProps extends BaseProps {\n  children?: any;\n  caption?: string;\n  item: any = [];\n  view: 'default' | 'dropdown' | 'anchor' = 'default';\n  onSelect? = ($event: TapEvent, target: any, $item: NavigationDataItem) => {};\n  getDisplayExpression? = (label: string) => null as any;\n}\n"],"mappings":";;;AAAA,SAAuBA,SAAS,QAAO,+CAA+C;AAItF,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,eAGxC,EAAE;IAAAA,eAAA,eAC4B,SAAS;IAAAA,eAAA,mBACvC,CAACC,MAAgB,EAAEC,MAAW,EAAEC,KAAyB,KAAK,CAAC,CAAC;IAAAH,eAAA,+BACnDI,KAAa,IAAK,IAAW;EAAA;AACxD"}

app-rn-runtime/components/navigation/navitem/navitem.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderWidth","borderBottomWidth","borderStyle","borderColor","navbarBorderColor","text","dropdownNav","flex","flexDirection","justifyContent","alignItems","navAnchorItem","padding","color","navitemChildTextColor","textDecorationLine","icon","navitemChildIconColor","caretIcon","paddingRight","navbarCaretColor","backgroundColor","navitemActiveBackgroundColor","navitemActiveTextColor","navitemActiveIconColor","navitemChildBackgroundColor"],"sources":["navitem.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { ViewStyle } from 'react-native';\n\nexport type WmNavItemStyles = BaseStyles & {\n  navAnchorItem: WmAnchorStyles,\n  dropdownNav: ViewStyle,\n  caretIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-navitem';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNavItemStyles = defineStyles({\n      root: {\n        borderWidth: 0,\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.navbarBorderColor\n      },\n      text: {},\n      dropdownNav: {\n        flex: 1,\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        alignItems: 'center'\n      },\n      navAnchorItem: {\n        root: {\n          padding: 12\n        },\n        text: {\n          color: themeVariables.navitemChildTextColor,\n          textDecorationLine: 'underline'\n        },\n        icon: {\n          text: {\n            color: themeVariables.navitemChildIconColor\n          }\n        }\n      } as WmAnchorStyles,\n      caretIcon: {\n        root : {\n          paddingRight: 12\n        },\n        text: {\n          color: themeVariables.navbarCaretColor\n        }\n      } as WmIconStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-active', DEFAULT_CLASS, {\n    root : {\n      backgroundColor: themeVariables.navitemActiveBackgroundColor\n    },\n    navAnchorItem: {\n      text: {\n        color: themeVariables.navitemActiveTextColor\n      },\n      icon: {\n        text: {\n          color: themeVariables.navitemActiveIconColor\n        }\n      }\n    }\n  } as WmNavItemStyles);\n\n  addStyle(DEFAULT_CLASS + '-child', DEFAULT_CLASS, {\n    root : {\n      backgroundColor: themeVariables.navitemChildBackgroundColor\n    },\n    navAnchorItem: {\n      text: {\n        color: themeVariables.navitemChildTextColor,\n        textDecorationLine: 'underline'\n      },\n      icon: {\n        text: {\n          color: themeVariables.navitemChildIconColor\n        }\n      }\n    }\n  } as WmNavItemStyles);\n  addStyle('navAnchorItem', '',  defaultStyles.navAnchorItem);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACJC,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACXC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACbZ,IAAI,EAAE;QACJa,OAAO,EAAE;MACX,CAAC;MACDP,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACkB,qBAAqB;QAC3CC,kBAAkB,EAAE;MACtB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAACqB;QACxB;MACF;IACF,CAAmB;IACnBC,SAAS,EAAE;MACTnB,IAAI,EAAG;QACLoB,YAAY,EAAE;MAChB,CAAC;MACDd,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACwB;MACxB;IACF;EACJ,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,SAAS,EAAEA,aAAa,EAAE;IACjDK,IAAI,EAAG;MACLsB,eAAe,EAAEzB,cAAc,CAAC0B;IAClC,CAAC;IACDX,aAAa,EAAE;MACbN,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAAC2B;MACxB,CAAC;MACDP,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAAC4B;QACxB;MACF;IACF;EACF,CAAC,CAAoB;EAErB3B,QAAQ,CAACH,aAAa,GAAG,QAAQ,EAAEA,aAAa,EAAE;IAChDK,IAAI,EAAG;MACLsB,eAAe,EAAEzB,cAAc,CAAC6B;IAClC,CAAC;IACDd,aAAa,EAAE;MACbN,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACkB,qBAAqB;QAC3CC,kBAAkB,EAAE;MACtB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAACqB;QACxB;MACF;IACF;EACF,CAAC,CAAoB;EACrBpB,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAGC,aAAa,CAACa,aAAa,CAAC;AAC7D,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderWidth","borderBottomWidth","borderStyle","borderColor","navbarBorderColor","text","dropdownNav","flex","flexDirection","justifyContent","alignItems","navAnchorItem","padding","color","navitemChildTextColor","textDecorationLine","icon","navitemChildIconColor","caretIcon","paddingRight","navbarCaretColor","backgroundColor","navitemActiveBackgroundColor","navitemActiveTextColor","navitemActiveIconColor","navitemChildBackgroundColor"],"sources":["navitem.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { ViewStyle } from 'react-native';\n\nexport type WmNavItemStyles = BaseStyles & {\n  navAnchorItem: WmAnchorStyles,\n  dropdownNav: ViewStyle,\n  caretIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-navitem';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNavItemStyles = defineStyles({\n      root: {\n        borderWidth: 0,\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.navbarBorderColor\n      },\n      text: {},\n      dropdownNav: {\n        flex: 1,\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        alignItems: 'center'\n      },\n      navAnchorItem: {\n        root: {\n          padding: 12\n        },\n        text: {\n          color: themeVariables.navitemChildTextColor,\n          textDecorationLine: 'underline'\n        },\n        icon: {\n          text: {\n            color: themeVariables.navitemChildIconColor\n          }\n        }\n      } as WmAnchorStyles,\n      caretIcon: {\n        root : {\n          paddingRight: 12\n        },\n        text: {\n          color: themeVariables.navbarCaretColor\n        }\n      } as WmIconStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-active', DEFAULT_CLASS, {\n    root : {\n      backgroundColor: themeVariables.navitemActiveBackgroundColor\n    },\n    navAnchorItem: {\n      text: {\n        color: themeVariables.navitemActiveTextColor\n      },\n      icon: {\n        text: {\n          color: themeVariables.navitemActiveIconColor\n        }\n      }\n    }\n  } as WmNavItemStyles);\n\n  addStyle(DEFAULT_CLASS + '-child', DEFAULT_CLASS, {\n    root : {\n      backgroundColor: themeVariables.navitemChildBackgroundColor\n    },\n    navAnchorItem: {\n      text: {\n        color: themeVariables.navitemChildTextColor,\n        textDecorationLine: 'underline'\n      },\n      icon: {\n        text: {\n          color: themeVariables.navitemChildIconColor\n        }\n      }\n    }\n  } as WmNavItemStyles);\n  addStyle('navAnchorItem', '',  defaultStyles.navAnchorItem);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACJC,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACXC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACbZ,IAAI,EAAE;QACJa,OAAO,EAAE;MACX,CAAC;MACDP,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACkB,qBAAqB;QAC3CC,kBAAkB,EAAE;MACtB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAACqB;QACxB;MACF;IACF,CAAmB;IACnBC,SAAS,EAAE;MACTnB,IAAI,EAAG;QACLoB,YAAY,EAAE;MAChB,CAAC;MACDd,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACwB;MACxB;IACF;EACJ,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,SAAS,EAAEA,aAAa,EAAE;IACjDK,IAAI,EAAG;MACLsB,eAAe,EAAEzB,cAAc,CAAC0B;IAClC,CAAC;IACDX,aAAa,EAAE;MACbN,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAAC2B;MACxB,CAAC;MACDP,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAAC4B;QACxB;MACF;IACF;EACF,CAAoB,CAAC;EAErB3B,QAAQ,CAACH,aAAa,GAAG,QAAQ,EAAEA,aAAa,EAAE;IAChDK,IAAI,EAAG;MACLsB,eAAe,EAAEzB,cAAc,CAAC6B;IAClC,CAAC;IACDd,aAAa,EAAE;MACbN,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACkB,qBAAqB;QAC3CC,kBAAkB,EAAE;MACtB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAACqB;QACxB;MACF;IACF;EACF,CAAoB,CAAC;EACrBpB,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAGC,aAAa,CAACa,aAAa,CAAC;AAC7D,CAAC,CAAC"}