@wavemaker/app-rn-runtime 11.4.0-next.141706 → 11.4.0-next.1417060

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","width","flex","flexDirection","text","fontWeight","fontSize","textTransform","loadingIcon","alignSelf","justifyContent","color","listSubTitleColor","button","backgroundColor","switchBgColor","switchTextColor","minWidth","borderRadius","borderColor","switchBorderColor","selectedButton","switchActiveTextColor","switchActiveBgColor","firstButton","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","lastButton"],"sources":["switch.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 {WmIconStyles} from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.styles\";\nimport {WmLabelStyles} from \"@wavemaker/app-rn-runtime/components/basic/label/label.styles\";\nimport ThemeVariables from \"@wavemaker/app-rn-runtime/styles/theme.variables\";\n\nexport type WmSwitchStyles = BaseStyles & {\n  loadingIcon: WmIconStyles,\n  button: AllStyle,\n  selectedButton: AllStyle,\n  firstButton: AllStyle,\n  lastButton: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-switch';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSwitchStyles = defineStyles<WmSwitchStyles>({\n      root: {\n        height: 38,\n        width: '100%',\n        flex: 1,\n        flexDirection: 'row'\n      },\n      text: {\n        fontWeight: '500',\n        fontSize: 16,\n        textTransform: 'capitalize'\n      },\n    loadingIcon: {\n      root: {\n        flex: 1,\n        alignSelf: 'center',\n        justifyContent: 'center',\n        fontSize: 16\n      },\n      text: {\n        color: themeVariables.listSubTitleColor\n      }\n    } as WmIconStyles,\n    button: {\n      backgroundColor: themeVariables.switchBgColor,\n      color: themeVariables.switchTextColor,\n      flex: 1,\n      fontSize: 16,\n      minWidth: 64,\n      borderRadius: 0,\n      borderColor: themeVariables.switchBorderColor,\n      fontWeight: 'bold'\n    } as AllStyle,\n    selectedButton: {\n      color: themeVariables.switchActiveTextColor,\n      backgroundColor: themeVariables.switchActiveBgColor,\n      borderColor: themeVariables.switchActiveBgColor\n    } as AllStyle,\n    firstButton: {\n      flex: 1,\n      borderTopLeftRadius: 6,\n      borderBottomLeftRadius: 6,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } as AllStyle,\n    lastButton: {\n      flex: 1,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6\n    } as AllStyle\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {}\n  });\n  addStyle(DEFAULT_CLASS + '1', '', {\n    firstButton: {\n      borderTopLeftRadius: 500,\n      borderBottomLeftRadius: 500,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } as AllStyle,\n    lastButton: {\n      flex: 1,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 500,\n      borderBottomRightRadius: 500\n    } as AllStyle\n  } as WmSwitchStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAC3E,SAAqBC,YAAY,QAAQ,+CAA+C;AAaxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE;IACjB,CAAC;IACHC,WAAW,EAAE;MACXT,IAAI,EAAE;QACJG,IAAI,EAAE,CAAC;QACPO,SAAS,EAAE,QAAQ;QACnBC,cAAc,EAAE,QAAQ;QACxBJ,QAAQ,EAAE;MACZ,CAAC;MACDF,IAAI,EAAE;QACJO,KAAK,EAAEf,cAAc,CAACgB;MACxB;IACF,CAAiB;IACjBC,MAAM,EAAE;MACNC,eAAe,EAAElB,cAAc,CAACmB,aAAa;MAC7CJ,KAAK,EAAEf,cAAc,CAACoB,eAAe;MACrCd,IAAI,EAAE,CAAC;MACPI,QAAQ,EAAE,EAAE;MACZW,QAAQ,EAAE,EAAE;MACZC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAEvB,cAAc,CAACwB,iBAAiB;MAC7Cf,UAAU,EAAE;IACd,CAAa;IACbgB,cAAc,EAAE;MACdV,KAAK,EAAEf,cAAc,CAAC0B,qBAAqB;MAC3CR,eAAe,EAAElB,cAAc,CAAC2B,mBAAmB;MACnDJ,WAAW,EAAEvB,cAAc,CAAC2B;IAC9B,CAAa;IACbC,WAAW,EAAE;MACXtB,IAAI,EAAE,CAAC;MACPuB,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B,CAAa;IACbC,UAAU,EAAE;MACV3B,IAAI,EAAE,CAAC;MACPuB,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B;EACF,CAAC,CAAC;EAEF/B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAE,CAAC;EACT,CAAC,CAAC;EACFF,QAAQ,CAACH,aAAa,GAAG,GAAG,EAAE,EAAE,EAAE;IAChC8B,WAAW,EAAE;MACXC,mBAAmB,EAAE,GAAG;MACxBC,sBAAsB,EAAE,GAAG;MAC3BC,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B,CAAa;IACbC,UAAU,EAAE;MACV3B,IAAI,EAAE,CAAC;MACPuB,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,oBAAoB,EAAE,GAAG;MACzBC,uBAAuB,EAAE;IAC3B;EACF,CAAC,CAAmB;AACtB,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","flexDirection","text","fontWeight","fontSize","textTransform","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","button","backgroundColor","switchBgColor","switchTextColor","minWidth","borderRadius","borderColor","switchBorderColor","borderWidth","borderRightWidth","alignItems","selectedButton","switchActiveTextColor","switchActiveBgColor","firstButton","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","lastButton"],"sources":["switch.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 {WmIconStyles} from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.styles\";\n\nexport type WmSwitchStyles = BaseStyles & {\n  loadingIcon: WmIconStyles,\n  button: AllStyle,\n  selectedButton: AllStyle,\n  firstButton: AllStyle,\n  lastButton: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-switch';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSwitchStyles = defineStyles<WmSwitchStyles>({\n      root: {\n        height: 38,\n        flexDirection: 'row'\n      },\n      text: {\n        fontWeight: '500',\n        fontSize: 16,\n        textTransform: 'capitalize'\n      },\n    loadingIcon: {\n      root: {\n        flex: 1,\n        alignSelf: 'center',\n        justifyContent: 'center',\n        fontSize: 16\n      },\n      text: {\n        color: themeVariables.listSubTitleColor\n      }\n    } as WmIconStyles,\n    button: {\n      backgroundColor: themeVariables.switchBgColor,\n      color: themeVariables.switchTextColor,\n      fontSize: 16,\n      minWidth: 64,\n      borderRadius: 0,\n      borderColor: themeVariables.switchBorderColor,\n      borderWidth: 1,\n      borderRightWidth: 0,\n      fontWeight: 'bold',\n      justifyContent: 'center',\n      alignItems: 'center'\n    } as AllStyle,\n    selectedButton: {\n      color: themeVariables.switchActiveTextColor,\n      backgroundColor: themeVariables.switchActiveBgColor,\n      borderColor: themeVariables.switchActiveBgColor\n    } as AllStyle,\n    firstButton: {\n      borderTopLeftRadius: 6,\n      borderBottomLeftRadius: 6,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } as AllStyle,\n    lastButton: {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n      borderRightWidth: 1\n    } as AllStyle\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {}\n  });\n  addStyle(DEFAULT_CLASS + '1', '', {\n    firstButton: {\n      borderTopLeftRadius: 500,\n      borderBottomLeftRadius: 500,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } as AllStyle,\n    lastButton: {\n      flex: 1,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 500,\n      borderBottomRightRadius: 500\n    } as AllStyle\n  } as WmSwitchStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAC3E,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE;IACjB,CAAC;IACHC,WAAW,EAAE;MACXP,IAAI,EAAE;QACJQ,IAAI,EAAE,CAAC;QACPC,SAAS,EAAE,QAAQ;QACnBC,cAAc,EAAE,QAAQ;QACxBL,QAAQ,EAAE;MACZ,CAAC;MACDF,IAAI,EAAE;QACJQ,KAAK,EAAEd,cAAc,CAACe;MACxB;IACF,CAAiB;IACjBC,MAAM,EAAE;MACNC,eAAe,EAAEjB,cAAc,CAACkB,aAAa;MAC7CJ,KAAK,EAAEd,cAAc,CAACmB,eAAe;MACrCX,QAAQ,EAAE,EAAE;MACZY,QAAQ,EAAE,EAAE;MACZC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAEtB,cAAc,CAACuB,iBAAiB;MAC7CC,WAAW,EAAE,CAAC;MACdC,gBAAgB,EAAE,CAAC;MACnBlB,UAAU,EAAE,MAAM;MAClBM,cAAc,EAAE,QAAQ;MACxBa,UAAU,EAAE;IACd,CAAa;IACbC,cAAc,EAAE;MACdb,KAAK,EAAEd,cAAc,CAAC4B,qBAAqB;MAC3CX,eAAe,EAAEjB,cAAc,CAAC6B,mBAAmB;MACnDP,WAAW,EAAEtB,cAAc,CAAC6B;IAC9B,CAAa;IACbC,WAAW,EAAE;MACXC,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B,CAAa;IACbC,UAAU,EAAE;MACVJ,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE,CAAC;MAC1BT,gBAAgB,EAAE;IACpB;EACF,CAAC,CAAC;EAEFxB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAE,CAAC;EACT,CAAC,CAAC;EACFF,QAAQ,CAACH,aAAa,GAAG,GAAG,EAAE,EAAE,EAAE;IAChCgC,WAAW,EAAE;MACXC,mBAAmB,EAAE,GAAG;MACxBC,sBAAsB,EAAE,GAAG;MAC3BC,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B,CAAa;IACbC,UAAU,EAAE;MACVxB,IAAI,EAAE,CAAC;MACPoB,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,oBAAoB,EAAE,GAAG;MACzBC,uBAAuB,EAAE;IAC3B;EACF,CAAC,CAAmB;AACtB,CAAC,CAAC"}

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

@@ -5,20 +5,11 @@ import WmTextProps from './text.props';
 import { DEFAULT_CLASS } from './text.styles';
 import { BaseInputComponent, BaseInputState } from "@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component";
 import { isNull } from 'lodash';
-import { createSkeleton } from '../../basic/skeleton/skeleton.component';
 export class WmTextState extends BaseInputState {}
 export default class WmText extends BaseInputComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());
   }
-  renderSkeleton(props) {
-    var _this$styles$root, _this$styles$text, _this$styles$placehol;
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      width: this.styles.root.width,
-      height: ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.height) || ((_this$styles$text = this.styles.text) === null || _this$styles$text === void 0 ? void 0 : _this$styles$text.fontSize) || ((_this$styles$placehol = this.styles.placeholderText) === null || _this$styles$placehol === void 0 ? void 0 : _this$styles$placehol.fontSize)
-    });
-  }
   renderWidget(props) {
     var _this$state$textValue;
     let opts = {};
@@ -42,7 +33,7 @@ export default class WmText extends BaseInputComponent {
       editable: props.disabled || props.readonly ? false : true,
       secureTextEntry: props.type === 'password' ? true : false,
       maxLength: props.maxchars,
-      placeholder: props.placeholder || 'Enter text',
+      placeholder: props.placeholder,
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),
       onKeyPress: this.onKeyPress.bind(this),

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","TextInput","WmTextProps","DEFAULT_CLASS","BaseInputComponent","BaseInputState","isNull","createSkeleton","WmTextState","WmText","constructor","props","renderSkeleton","theme","styles","skeleton","root","width","height","text","fontSize","placeholderText","renderWidget","opts","valueExpr","OS","state","textValue","toString","ref","widgetRef","selectionStart","selectionEnd","cursor","color","isValid","invalid","keyboardType","autocomplete","autofocus","disabled","readonly","type","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","invokeChange"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TextInput } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  public renderSkeleton(props: WmTextProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.styles.root.width,\n      height: this.styles.root?.height || this.styles.text?.fontSize || this.styles.placeholderText?.fontSize\n    });\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (\n        <TextInput\n          ref={ref => {this.widgetRef = ref;\n            // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }}}\n          {...opts}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete ? 'username' : 'off'}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' ? true : false}\n          maxLength={props.maxchars}\n          placeholder={props.placeholder || 'Enter text'}\n          onBlur={this.onBlur.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onKeyPress={this.onKeyPress.bind(this)}\n          onChangeText={this.onChangeText.bind(this)}\n          onChange={this.invokeChange.bind(this)}\n        />\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Platform","TextInput","WmTextProps","DEFAULT_CLASS","BaseInputComponent","BaseInputState","isNull","WmTextState","WmText","constructor","props","renderWidget","opts","valueExpr","OS","state","textValue","toString","ref","widgetRef","selectionStart","selectionEnd","cursor","styles","placeholderText","color","root","isValid","invalid","keyboardType","autocomplete","autofocus","disabled","readonly","type","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","invokeChange"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TextInput } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (\n        <TextInput\n          ref={ref => {this.widgetRef = ref;\n            // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }}}\n          {...opts}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete ? 'username' : 'off'}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' ? true : false}\n          maxLength={props.maxchars}\n          placeholder={props.placeholder}\n          onBlur={this.onBlur.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onKeyPress={this.onKeyPress.bind(this)}\n          onChangeText={this.onChangeText.bind(this)}\n          onChange={this.invokeChange.bind(this)}\n        />\n    );\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAElD,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAC3D,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,0EAA0E;AAC7H,SAASC,MAAM,QAAQ,QAAQ;AAG/B,OAAO,MAAMC,WAAW,SAASF,cAAc,CAAc;AAG7D,eAAe,MAAMG,MAAM,SAASJ,kBAAkB,CAAyC;EAE7FK,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,WAAW,EAAE,EAAE,IAAIK,WAAW,EAAE,CAAC;EACnE;EAEAI,YAAY,CAACD,KAAkB,EAAE;IAAA;IAC/B,IAAIE,IAAS,GAAG,CAAC,CAAC;IAClB,MAAMC,SAAS,GAAGb,QAAQ,CAACc,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;IAClEF,IAAI,CAACC,SAAS,CAAC,GAAG,8BAAI,CAACE,KAAK,CAACC,SAAS,0DAApB,sBAAsBC,QAAQ,EAAE,KAAI,EAAE;IACxD,oBACI,oBAAC,SAAS;MACR,GAAG,EAAEC,GAAG,IAAI;QAAC,IAAI,CAACC,SAAS,GAAGD,GAAG;QAC/B;QACF,IAAIA,GAAG,IAAI,CAACZ,MAAM,CAACY,GAAG,CAACE,cAAc,CAAC,IAAI,CAACd,MAAM,CAACY,GAAG,CAACG,YAAY,CAAC,EAAE;UACnE;UACAH,GAAG,CAACE,cAAc,GAAGF,GAAG,CAACG,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MAAC;IAAE,GACCV,IAAI;MACR,oBAAoB,EAAE,IAAI,CAACW,MAAM,CAACC,eAAe,CAACC,KAAa;MAC/D,KAAK,EAAE,CAAC,IAAI,CAACF,MAAM,CAACG,IAAI,EAAE,IAAI,CAACX,KAAK,CAACY,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAACJ,MAAM,CAACK,OAAO,CAAE;MACzE,YAAY,EAAE,IAAI,CAACb,KAAK,CAACc,YAAa;MACtC,YAAY,EAAEnB,KAAK,CAACoB,YAAY,GAAG,UAAU,GAAG,KAAM;MACtD,SAAS,EAAEpB,KAAK,CAACqB,SAAU;MAC3B,QAAQ,EAAErB,KAAK,CAACsB,QAAQ,IAAItB,KAAK,CAACuB,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1D,eAAe,EAAEvB,KAAK,CAACwB,IAAI,KAAK,UAAU,GAAG,IAAI,GAAG,KAAM;MAC1D,SAAS,EAAExB,KAAK,CAACyB,QAAS;MAC1B,WAAW,EAAEzB,KAAK,CAAC0B,WAAY;MAC/B,MAAM,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAAC,IAAI,CAAE;MAC/B,OAAO,EAAE,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC,IAAI,CAAE;MACjC,UAAU,EAAE,IAAI,CAACE,UAAU,CAACF,IAAI,CAAC,IAAI,CAAE;MACvC,YAAY,EAAE,IAAI,CAACG,YAAY,CAACH,IAAI,CAAC,IAAI,CAAE;MAC3C,QAAQ,EAAE,IAAI,CAACI,YAAY,CAACJ,IAAI,CAAC,IAAI;IAAE,GACvC;EAER;AACF"}

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

@@ -5,21 +5,11 @@ import WmTextareaProps from './textarea.props';
 import { DEFAULT_CLASS } from './textarea.styles';
 import { BaseInputComponent, BaseInputState } from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';
 import { isNull } from 'lodash';
-import { createSkeleton } from '../../basic/skeleton/skeleton.component';
 export class WmTextareaState extends BaseInputState {}
 export default class WmTextarea extends BaseInputComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());
   }
-  renderSkeleton(props) {
-    const styles = {
-      borderRadius: 4,
-      marginBottom: 10
-    };
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root
-    });
-  }
   renderWidget(props) {
     var _this$state$textValue;
     let opts = {};

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","TextInput","WmTextareaProps","DEFAULT_CLASS","BaseInputComponent","BaseInputState","isNull","createSkeleton","WmTextareaState","WmTextarea","constructor","props","renderSkeleton","styles","borderRadius","marginBottom","theme","skeleton","root","renderWidget","opts","valueExpr","OS","state","textValue","toString","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderText","color","text","isValid","invalid","keyboardType","autocomplete","autofocus","disabled","readonly","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","invokeChange"],"sources":["textarea.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TextInput } from 'react-native';\nimport WmTextareaProps from './textarea.props';\nimport { DEFAULT_CLASS, WmTextareaStyles } from './textarea.styles';\nimport {\n  BaseInputComponent,\n  BaseInputState\n} from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';\nimport { isNull } from 'lodash';\nimport { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmTextareaState extends BaseInputState<WmTextareaProps> {}\n\nexport default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {\n\n  constructor(props: WmTextareaProps) {\n    super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());\n  }\n\n  public renderSkeleton(props: WmTextareaProps){\n    const styles = {borderRadius:4, marginBottom: 10};\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n    });\n  }\n\n  renderWidget(props: WmTextareaProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return ( <TextInput\n      ref={ref => {this.widgetRef = ref;\n        // @ts-ignore\n        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n          // @ts-ignore\n          ref.selectionStart = ref.selectionEnd = this.cursor;\n        }}}\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid]}\n      multiline={true}\n      numberOfLines={4}\n      keyboardType={this.state.keyboardType}\n      {...opts}\n      autoComplete={props.autocomplete ? 'username' : 'off'}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      maxLength={props.maxchars}\n      placeholder={props.placeholder || 'Place your text'}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.onKeyPress.bind(this)}\n      onChangeText={this.onChangeText.bind(this)}\n      onChange={this.invokeChange.bind(this)}\n    />);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Platform","TextInput","WmTextareaProps","DEFAULT_CLASS","BaseInputComponent","BaseInputState","isNull","WmTextareaState","WmTextarea","constructor","props","renderWidget","opts","valueExpr","OS","state","textValue","toString","ref","widgetRef","selectionStart","selectionEnd","cursor","styles","placeholderText","color","root","text","isValid","invalid","keyboardType","autocomplete","autofocus","disabled","readonly","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","invokeChange"],"sources":["textarea.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TextInput } from 'react-native';\nimport WmTextareaProps from './textarea.props';\nimport { DEFAULT_CLASS, WmTextareaStyles } from './textarea.styles';\nimport {\n  BaseInputComponent,\n  BaseInputState\n} from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';\nimport { isNull } from 'lodash';\nimport { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmTextareaState extends BaseInputState<WmTextareaProps> {}\n\nexport default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {\n\n  constructor(props: WmTextareaProps) {\n    super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());\n  }\n\n  renderWidget(props: WmTextareaProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return ( <TextInput\n      ref={ref => {this.widgetRef = ref;\n        // @ts-ignore\n        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n          // @ts-ignore\n          ref.selectionStart = ref.selectionEnd = this.cursor;\n        }}}\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid]}\n      multiline={true}\n      numberOfLines={4}\n      keyboardType={this.state.keyboardType}\n      {...opts}\n      autoComplete={props.autocomplete ? 'username' : 'off'}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      maxLength={props.maxchars}\n      placeholder={props.placeholder || 'Place your text'}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.onKeyPress.bind(this)}\n      onChangeText={this.onChangeText.bind(this)}\n      onChange={this.invokeChange.bind(this)}\n    />);\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAClD,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAA0B,mBAAmB;AACnE,SACEC,kBAAkB,EAClBC,cAAc,QACT,0EAA0E;AACjF,SAASC,MAAM,QAAQ,QAAQ;AAG/B,OAAO,MAAMC,eAAe,SAASF,cAAc,CAAkB;AAErE,eAAe,MAAMG,UAAU,SAASJ,kBAAkB,CAAqD;EAE7GK,WAAW,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,eAAe,EAAE,EAAE,IAAIK,eAAe,EAAE,CAAC;EAC3E;EAEAI,YAAY,CAACD,KAAsB,EAAE;IAAA;IACnC,IAAIE,IAAS,GAAG,CAAC,CAAC;IAClB,MAAMC,SAAS,GAAGb,QAAQ,CAACc,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;IAClEF,IAAI,CAACC,SAAS,CAAC,GAAG,8BAAI,CAACE,KAAK,CAACC,SAAS,0DAApB,sBAAsBC,QAAQ,EAAE,KAAI,EAAE;IACxD,oBAAS,oBAAC,SAAS;MACjB,GAAG,EAAEC,GAAG,IAAI;QAAC,IAAI,CAACC,SAAS,GAAGD,GAAG;QAC/B;QACA,IAAIA,GAAG,IAAI,CAACZ,MAAM,CAACY,GAAG,CAACE,cAAc,CAAC,IAAI,CAACd,MAAM,CAACY,GAAG,CAACG,YAAY,CAAC,EAAE;UACnE;UACAH,GAAG,CAACE,cAAc,GAAGF,GAAG,CAACG,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MAAC,CAAE;MACL,oBAAoB,EAAE,IAAI,CAACC,MAAM,CAACC,eAAe,CAACC,KAAa;MAC/D,KAAK,EAAE,CAAC,IAAI,CAACF,MAAM,CAACG,IAAI,EAAE,IAAI,CAACH,MAAM,CAACI,IAAI,EAAE,IAAI,CAACZ,KAAK,CAACa,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAACL,MAAM,CAACM,OAAO,CAAE;MAC3F,SAAS,EAAE,IAAK;MAChB,aAAa,EAAE,CAAE;MACjB,YAAY,EAAE,IAAI,CAACd,KAAK,CAACe;IAAa,GAClClB,IAAI;MACR,YAAY,EAAEF,KAAK,CAACqB,YAAY,GAAG,UAAU,GAAG,KAAM;MACtD,SAAS,EAAErB,KAAK,CAACsB,SAAU;MAC3B,QAAQ,EAAEtB,KAAK,CAACuB,QAAQ,IAAIvB,KAAK,CAACwB,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1D,SAAS,EAAExB,KAAK,CAACyB,QAAS;MAC1B,WAAW,EAAEzB,KAAK,CAAC0B,WAAW,IAAI,iBAAkB;MACpD,MAAM,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAAC,IAAI,CAAE;MAC/B,OAAO,EAAE,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC,IAAI,CAAE;MACjC,UAAU,EAAE,IAAI,CAACE,UAAU,CAACF,IAAI,CAAC,IAAI,CAAE;MACvC,YAAY,EAAE,IAAI,CAACG,YAAY,CAACH,IAAI,CAAC,IAAI,CAAE;MAC3C,QAAQ,EAAE,IAAI,CAACI,YAAY,CAACJ,IAAI,CAAC,IAAI;IAAE,GACvC;EACJ;AACF"}

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

@@ -68,7 +68,7 @@ export default class WmToggle extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(Switch, {
+    }, this._background, /*#__PURE__*/React.createElement(Switch, {
       value: this.state.isSwitchOn,
       color: this.styles.text.color,
       disabled: props.readonly || props.disabled,

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","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        <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","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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"}

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

@@ -22,7 +22,7 @@ export default class WmAppNavbar extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(View, {
+    }, this._background, /*#__PURE__*/React.createElement(View, {
       style: this.styles.leftSection
     }, props.showDrawerButton && /*#__PURE__*/React.createElement(WmIcon, {
       styles: this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon),

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","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        <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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"}
+{"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":"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"}

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

@@ -12,6 +12,7 @@ export class BaseNavProps extends BaseProps {
     _defineProperty(this, "itembadge", null);
     _defineProperty(this, "isactive", null);
     _defineProperty(this, "itemchildren", null);
+    _defineProperty(this, "getDisplayExpression", label => null);
   }
 }
 //# sourceMappingURL=basenav.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseNavProps"],"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}\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;EAAA;AAC9B"}
+{"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"}

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

@@ -27,9 +27,10 @@ export default class WmMenu extends BaseNavComponent {
     });
   }
   renderMenuItem(item) {
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
     return /*#__PURE__*/React.createElement(WmAnchor, {
       iconclass: item.icon,
-      caption: item.label,
+      caption: getDisplayLabel(item.label),
       hyperlink: item.link,
       styles: this.styles.menuItem,
       onTap: () => {

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","icon","label","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    return (\n      <WmAnchor\n        iconclass={item.icon as string}\n        caption={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,oBACE,oBAAC,QAAQ;MACP,SAAS,EAAEA,IAAI,CAACC,IAAe;MAC/B,OAAO,EAAED,IAAI,CAACE,KAAM;MACpB,SAAS,EAAEF,IAAI,CAACG,IAAK;MACrB,MAAM,EAAE,IAAI,CAACC,MAAM,CAACC,QAAS;MAC7B,KAAK,EAAE,MAAM;QACX,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAEN,IAAI,CAAC,CAAC;QACxD,IAAI,CAACF,UAAU,CAACS,IAAI,EAAE;MAC1B;IAAE,EAAY;EAElB;EAEAC,YAAY,CAACb,KAAkB,EAAE;IAC/B,MAAMc,SAAS,GAAG,IAAI,CAACC,KAAK,CAACC,SAAS;IACtC,oBACE,oBAAC,SAAS;MAAC,MAAM,EAAE,IAAI,CAACP,MAAO;MAC7B,gBAAgB,EAAEf,YAAY,CAACM,KAAK,CAACiB,YAAY,IAAI,OAAO,CAAE;MAC9D,OAAO,EAAEjB,KAAK,CAACkB,OAAQ;MACvB,SAAS,EAAElB,KAAK,CAACmB,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,CAACnB,IAAI,iBACjB,oBAAC,IAAI;MAAC,GAAG,EAAEA,IAAI,CAACoB;IAAI,GACjB,IAAI,CAACrB,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","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"}

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

@@ -42,6 +42,7 @@ export default class WmNavbar extends BaseNavComponent {
       item: item,
       onSelect: props.onSelect,
       styles: item.isactive ? activeItemStyles : itemStyles,
+      getDisplayExpression: this.props.getDisplayExpression,
       view: item.childnavigation ? 'dropdown' : 'anchor'
     }, item.childnavigation && /*#__PURE__*/React.createElement(WmNavbar, {
       dataset: item.childnavigation,
@@ -55,6 +56,7 @@ export default class WmNavbar extends BaseNavComponent {
       itemlink: props.itemlink,
       isactive: props.isactive,
       indent: props.indent || indent + indent,
+      getDisplayExpression: this.props.getDisplayExpression,
       ischildnav: true
     })));
   }

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","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          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              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","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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"}

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

@@ -23,11 +23,12 @@ export default class WmNavItem extends BaseComponent {
     cb && cb($event, this, $item);
   }
   renderWidget(props) {
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
     let child = props.children;
     if (props.view === 'anchor') {
       child = /*#__PURE__*/React.createElement(WmAnchor, {
         styles: this.styles.navAnchorItem,
-        caption: props.item.label,
+        caption: getDisplayLabel(props.item.label),
         hyperlink: props.item.link,
         badgevalue: props.item.badge,
         iconclass: props.item.icon,
@@ -45,7 +46,7 @@ export default class WmNavItem extends BaseComponent {
         style: this.styles.dropdownNav
       }, /*#__PURE__*/React.createElement(WmAnchor, {
         styles: this.styles.navAnchorItem,
-        caption: props.item.label,
+        caption: getDisplayLabel(props.item.label),
         iconclass: props.item.icon,
         onTap: this.onSelectItem.bind(this, props.onSelect, props.item)
       }), /*#__PURE__*/React.createElement(WmIcon, {
@@ -55,7 +56,7 @@ export default class WmNavItem extends BaseComponent {
     }
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, child);
+    }, this._background, child);
   }
 }
 //# sourceMappingURL=navitem.component.js.map

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","child","children","view","styles","navAnchorItem","item","label","link","badge","icon","bind","onSelect","updateState","collapsed","state","dropdownNav","caretIcon","root"],"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    let child = props.children;\n    if (props.view === 'anchor') {\n      child = <WmAnchor styles={this.styles.navAnchorItem} caption={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={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}>{child}</View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB,QAAQ,8BAA8B;AAE/D,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAIjE,OAAO,MAAMC,cAAc,SAASL,kBAAkB,CAAiB;EAAA;IAAA;IAAA,mCACzD,IAAI;EAAA;AAClB;AAEA,eAAe,MAAMM,SAAS,SAASP,aAAa,CAAkD;EAEpGQ,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,EAAE,EAAE,IAAIE,cAAc,EAAE,CAAC;EACzE;EAEAI,YAAY,CAACC,EAAO,EAAEC,KAAyB,EAAEC,MAAgB,EAAE;IACjEF,EAAE,IAAIA,EAAE,CAACE,MAAM,EAAE,IAAI,EAAED,KAAK,CAAC;EAC/B;EAEAE,YAAY,CAACL,KAAqB,EAAE;IAClC,IAAIM,KAAK,GAAGN,KAAK,CAACO,QAAQ;IAC1B,IAAIP,KAAK,CAACQ,IAAI,KAAK,QAAQ,EAAE;MAC3BF,KAAK,gBAAG,oBAAC,QAAQ;QAAC,MAAM,EAAE,IAAI,CAACG,MAAM,CAACC,aAAc;QAAC,OAAO,EAAEV,KAAK,CAACW,IAAI,CAACC,KAAM;QAAC,SAAS,EAAEZ,KAAK,CAACW,IAAI,CAACE,IAAK;QAChG,UAAU,EAAEb,KAAK,CAACW,IAAI,CAACG,KAAM;QAAC,SAAS,EAAEd,KAAK,CAACW,IAAI,CAACI,IAAK;QAAC,KAAK,EAAE,IAAI,CAACd,YAAY,CAACe,IAAI,CAAC,IAAI,EAAEhB,KAAK,CAACiB,QAAQ,EAAEjB,KAAK,CAACW,IAAI;MAAE,EAAY;IACnJ;IACA,IAAIX,KAAK,CAACQ,IAAI,KAAK,UAAU,EAAE;MAC7BF,KAAK,gBACH,uDACA,oBAAC,gBAAgB;QAAC,OAAO,EAAE,MAAM;UAC/B,IAAI,CAACY,WAAW,CAAC;YAACC,SAAS,EAAE,CAAC,IAAI,CAACC,KAAK,CAACD;UAAS,CAAC,CAAmB;QACxE;MAAE,gBACA,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACV,MAAM,CAACY;MAAY,gBACnC,oBAAC,QAAQ;QAAC,MAAM,EAAE,IAAI,CAACZ,MAAM,CAACC,aAAc;QAAC,OAAO,EAAEV,KAAK,CAACW,IAAI,CAACC,KAAM;QAAC,SAAS,EAAEZ,KAAK,CAACW,IAAI,CAACI,IAAK;QAAC,KAAK,EAAE,IAAI,CAACd,YAAY,CAACe,IAAI,CAAC,IAAI,EAAEhB,KAAK,CAACiB,QAAQ,EAAEjB,KAAK,CAACW,IAAI;MAAE,EAAY,eAChL,oBAAC,MAAM;QAAC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACa,SAAU;QAAC,SAAS,EAAE,IAAI,CAACF,KAAK,CAACD,SAAS,GAAG,iBAAiB,GAAG;MAAgB,EAAU,CAClH,CACU,EAClB,CAAC,IAAI,CAACC,KAAK,CAACD,SAAS,IAAInB,KAAK,CAACO,QAAQ,CAEzC;IACH;IACA,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACc;IAAK,GAAEjB,KAAK,CAAQ;EAEjD;AACF"}
+{"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB,QAAQ,8BAA8B;AAE/D,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAIjE,OAAO,MAAMC,cAAc,SAASL,kBAAkB,CAAiB;EAAA;IAAA;IAAA,mCACzD,IAAI;EAAA;AAClB;AAEA,eAAe,MAAMM,SAAS,SAASP,aAAa,CAAkD;EAEpGQ,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,EAAE,EAAE,IAAIE,cAAc,EAAE,CAAC;EACzE;EAEAI,YAAY,CAACC,EAAO,EAAEC,KAAyB,EAAEC,MAAgB,EAAE;IACjEF,EAAE,IAAIA,EAAE,CAACE,MAAM,EAAE,IAAI,EAAED,KAAK,CAAC;EAC/B;EAEAE,YAAY,CAACL,KAAqB,EAAE;IAClC,MAAMM,eAAe,GAAG,IAAI,CAACN,KAAK,CAACO,oBAAoB,KAAMC,KAAa,IAAKA,KAAK,CAAC;IACrF,IAAIC,KAAK,GAAGT,KAAK,CAACU,QAAQ;IAC1B,IAAIV,KAAK,CAACW,IAAI,KAAK,QAAQ,EAAE;MAC3BF,KAAK,gBAAG,oBAAC,QAAQ;QAAC,MAAM,EAAE,IAAI,CAACG,MAAM,CAACC,aAAc;QAAC,OAAO,EAAEP,eAAe,CAACN,KAAK,CAACc,IAAI,CAACN,KAAK,CAAE;QAAC,SAAS,EAAER,KAAK,CAACc,IAAI,CAACC,IAAK;QACjH,UAAU,EAAEf,KAAK,CAACc,IAAI,CAACE,KAAM;QAAC,SAAS,EAAEhB,KAAK,CAACc,IAAI,CAACG,IAAK;QAAC,KAAK,EAAE,IAAI,CAAChB,YAAY,CAACiB,IAAI,CAAC,IAAI,EAAElB,KAAK,CAACmB,QAAQ,EAAEnB,KAAK,CAACc,IAAI;MAAE,EAAY;IACnJ;IACA,IAAId,KAAK,CAACW,IAAI,KAAK,UAAU,EAAE;MAC7BF,KAAK,gBACH,uDACA,oBAAC,gBAAgB;QAAC,OAAO,EAAE,MAAM;UAC/B,IAAI,CAACW,WAAW,CAAC;YAACC,SAAS,EAAE,CAAC,IAAI,CAACC,KAAK,CAACD;UAAS,CAAC,CAAmB;QACxE;MAAE,gBACA,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACT,MAAM,CAACW;MAAY,gBACnC,oBAAC,QAAQ;QAAC,MAAM,EAAE,IAAI,CAACX,MAAM,CAACC,aAAc;QAAC,OAAO,EAAEP,eAAe,CAACN,KAAK,CAACc,IAAI,CAACN,KAAK,CAAE;QAAC,SAAS,EAAER,KAAK,CAACc,IAAI,CAACG,IAAK;QAAC,KAAK,EAAE,IAAI,CAAChB,YAAY,CAACiB,IAAI,CAAC,IAAI,EAAElB,KAAK,CAACmB,QAAQ,EAAEnB,KAAK,CAACc,IAAI;MAAE,EAAY,eACjM,oBAAC,MAAM;QAAC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACY,SAAU;QAAC,SAAS,EAAE,IAAI,CAACF,KAAK,CAACD,SAAS,GAAG,iBAAiB,GAAG;MAAgB,EAAU,CAClH,CACU,EAClB,CAAC,IAAI,CAACC,KAAK,CAACD,SAAS,IAAIrB,KAAK,CAACU,QAAQ,CAEzC;IACH;IACA,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACa;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEjB,KAAK,CAAQ;EAEnE;AACF"}

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

@@ -10,6 +10,7 @@ export default class WmNavItemProps extends BaseProps {
     _defineProperty(this, "item", []);
     _defineProperty(this, "view", 'default');
     _defineProperty(this, "onSelect", ($event, target, $item) => {});
+    _defineProperty(this, "getDisplayExpression", label => null);
   }
 }
 //# sourceMappingURL=navitem.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmNavItemProps","$event","target","$item"],"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}\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;EAAA;AAC9E"}
+{"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"}

app-rn-runtime/components/navigation/popover/popover.component.js

@@ -93,7 +93,7 @@ export default class WmPopover extends BaseComponent {
       ref: ref => {
         this.view = ref;
       }
-    }, /*#__PURE__*/React.createElement(WmAnchor, {
+    }, this._background, /*#__PURE__*/React.createElement(WmAnchor, {
       animation: props.animation,
       caption: props.caption,
       badgevalue: props.badgevalue,

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

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

app-rn-runtime/components/page/content/content.component.js

@@ -10,7 +10,7 @@ export default class WmContent extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=content.component.js.map

app-rn-runtime/components/page/content/content.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmContentState","WmContent","constructor","props","renderWidget","styles","root","children"],"sources":["content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmContentProps from './content.props';\nimport { DEFAULT_CLASS, WmContentStyles } from './content.styles';\n\nexport class WmContentState extends BaseComponentState<WmContentProps> {\n\n}\n\nexport default class WmContent extends BaseComponent<WmContentProps, WmContentState, WmContentStyles> {\n\n  constructor(props: WmContentProps) {\n    super(props, DEFAULT_CLASS, );\n  }\n\n  renderWidget(props: WmContentProps) {\n    return (\n      <View style={this.styles.root}>\n        {props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,SAASC,aAAa,QAAyB,kBAAkB;AAEjE,OAAO,MAAMC,cAAc,SAASF,kBAAkB,CAAiB;AAIvE,eAAe,MAAMG,SAAS,SAASJ,aAAa,CAAkD;EAEpGK,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,CAAG;EAC/B;EAEAK,YAAY,CAACD,KAAqB,EAAE;IAClC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAC3BH,KAAK,CAACI,QAAQ,CACV;EAEX;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmContentState","WmContent","constructor","props","renderWidget","styles","root","_background","children"],"sources":["content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmContentProps from './content.props';\nimport { DEFAULT_CLASS, WmContentStyles } from './content.styles';\n\nexport class WmContentState extends BaseComponentState<WmContentProps> {\n\n}\n\nexport default class WmContent extends BaseComponent<WmContentProps, WmContentState, WmContentStyles> {\n\n  constructor(props: WmContentProps) {\n    super(props, DEFAULT_CLASS, );\n  }\n\n  renderWidget(props: WmContentProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,SAASC,aAAa,QAAyB,kBAAkB;AAEjE,OAAO,MAAMC,cAAc,SAASF,kBAAkB,CAAiB;AAIvE,eAAe,MAAMG,SAAS,SAASJ,aAAa,CAAkD;EAEpGK,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,CAAG;EAC/B;EAEAK,YAAY,CAACD,KAAqB,EAAE;IAClC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChBJ,KAAK,CAACK,QAAQ,CACV;EAEX;AACF"}

app-rn-runtime/components/page/left-panel/left-panel.component.js

@@ -35,7 +35,7 @@ export default class WmLeftPanel extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(ScrollView, {
       contentContainerStyle: this.styles.root
-    }, this.renderContent(props));
+    }, this._background, this.renderContent(props));
   }
 }
 //# sourceMappingURL=left-panel.component.js.map

app-rn-runtime/components/page/left-panel/left-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmLeftPanelProps","DEFAULT_CLASS","ScrollView","WmLeftPanelState","WmLeftPanel","constructor","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root"],"sources":["left-panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLeftPanelProps from './left-panel.props';\nimport { DEFAULT_CLASS, WmLeftPanelStyles } from './left-panel.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nexport class WmLeftPanelState extends BaseComponentState<WmLeftPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmLeftPanel extends BaseComponent<WmLeftPanelProps, WmLeftPanelState, WmLeftPanelStyles> {\n\n  constructor(props: WmLeftPanelProps) {\n    super(props, DEFAULT_CLASS, new WmLeftPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmLeftPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmLeftPanelState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmLeftPanelProps) {\n    return (\n      <ScrollView contentContainerStyle={this.styles.root}>\n        {this.renderContent(props)}\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SAASC,UAAU,QAAQ,8BAA8B;AAEzD,OAAO,MAAMC,gBAAgB,SAASJ,kBAAkB,CAAmB;EAAA;IAAA;IAAA,yCACvD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMK,WAAW,SAASN,aAAa,CAAwD;EAE5GO,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,gBAAgB,EAAE,CAAC;EACrD;EAEAO,aAAa,GAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAa,CAACH,KAAuB,EAAE;IACrC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAC,CAAqB;QACxB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAY,CAACX,KAAuB,EAAE;IACpC,oBACE,oBAAC,UAAU;MAAC,qBAAqB,EAAE,IAAI,CAACY,MAAM,CAACC;IAAK,GACjD,IAAI,CAACV,aAAa,CAACH,KAAK,CAAC,CACf;EAEjB;AACF"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmLeftPanelProps","DEFAULT_CLASS","ScrollView","WmLeftPanelState","WmLeftPanel","constructor","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root","_background"],"sources":["left-panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLeftPanelProps from './left-panel.props';\nimport { DEFAULT_CLASS, WmLeftPanelStyles } from './left-panel.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nexport class WmLeftPanelState extends BaseComponentState<WmLeftPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmLeftPanel extends BaseComponent<WmLeftPanelProps, WmLeftPanelState, WmLeftPanelStyles> {\n\n  constructor(props: WmLeftPanelProps) {\n    super(props, DEFAULT_CLASS, new WmLeftPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmLeftPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmLeftPanelState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmLeftPanelProps) {\n    return (\n      <ScrollView contentContainerStyle={this.styles.root}>\n        {this._background}\n        {this.renderContent(props)}\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SAASC,UAAU,QAAQ,8BAA8B;AAEzD,OAAO,MAAMC,gBAAgB,SAASJ,kBAAkB,CAAmB;EAAA;IAAA;IAAA,yCACvD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMK,WAAW,SAASN,aAAa,CAAwD;EAE5GO,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,gBAAgB,EAAE,CAAC;EACrD;EAEAO,aAAa,GAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAa,CAACH,KAAuB,EAAE;IACrC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAC,CAAqB;QACxB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAY,CAACX,KAAuB,EAAE;IACpC,oBACE,oBAAC,UAAU;MAAC,qBAAqB,EAAE,IAAI,CAACY,MAAM,CAACC;IAAK,GACjD,IAAI,CAACC,WAAW,EAChB,IAAI,CAACX,aAAa,CAACH,KAAK,CAAC,CACf;EAEjB;AACF"}

app-rn-runtime/components/page/page-content/page-content.component.js

@@ -14,9 +14,9 @@ export default class WmPageContent extends BaseComponent {
   renderWidget(props) {
     return props.scrollable || isWebPreviewMode() ? /*#__PURE__*/React.createElement(ScrollView, {
       contentContainerStyle: this.styles.root
-    }, props.children) : /*#__PURE__*/React.createElement(View, {
+    }, this._background, props.children) : /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=page-content.component.js.map

app-rn-runtime/components/page/page-content/page-content.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","View","isWebPreviewMode","HideMode","BaseComponent","BaseComponentState","WmPageContentProps","DEFAULT_CLASS","WmPageContentState","WmPageContent","constructor","props","hideMode","DONOT_ADD_TO_DOM","renderWidget","scrollable","styles","root","children"],"sources":["page-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageContentProps from './page-content.props';\nimport { DEFAULT_CLASS, WmPageContentStyles } from './page-content.styles';\n\nexport class WmPageContentState extends BaseComponentState<WmPageContentProps> {\n\n}\n\nexport default class WmPageContent extends BaseComponent<WmPageContentProps, WmPageContentState, WmPageContentStyles> {\n\n  constructor(props: WmPageContentProps) {\n    super(props, DEFAULT_CLASS, new WmPageContentProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n  }\n\n  renderWidget(props: WmPageContentProps) {\n    return props.scrollable || isWebPreviewMode() ? (\n      <ScrollView contentContainerStyle={this.styles.root}>\n        {props.children}\n      </ScrollView>\n    ) : (\n      <View style={this.styles.root}>\n        {props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,QAAQ,QAAQ,6CAA6C;AACtE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAI/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;IACrD,IAAI,CAACM,QAAQ,GAAGT,QAAQ,CAACU,gBAAgB;EAC3C;EAEAC,YAAY,CAACH,KAAyB,EAAE;IACtC,OAAOA,KAAK,CAACI,UAAU,IAAIb,gBAAgB,EAAE,gBAC3C,oBAAC,UAAU;MAAC,qBAAqB,EAAE,IAAI,CAACc,MAAM,CAACC;IAAK,GACjDN,KAAK,CAACO,QAAQ,CACJ,gBAEb,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACF,MAAM,CAACC;IAAK,GAC3BN,KAAK,CAACO,QAAQ,CAElB;EACH;AACF"}
+{"version":3,"names":["React","ScrollView","View","isWebPreviewMode","HideMode","BaseComponent","BaseComponentState","WmPageContentProps","DEFAULT_CLASS","WmPageContentState","WmPageContent","constructor","props","hideMode","DONOT_ADD_TO_DOM","renderWidget","scrollable","styles","root","_background","children"],"sources":["page-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageContentProps from './page-content.props';\nimport { DEFAULT_CLASS, WmPageContentStyles } from './page-content.styles';\n\nexport class WmPageContentState extends BaseComponentState<WmPageContentProps> {\n\n}\n\nexport default class WmPageContent extends BaseComponent<WmPageContentProps, WmPageContentState, WmPageContentStyles> {\n\n  constructor(props: WmPageContentProps) {\n    super(props, DEFAULT_CLASS, new WmPageContentProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n  }\n\n  renderWidget(props: WmPageContentProps) {\n    return props.scrollable || isWebPreviewMode() ? (\n      <ScrollView contentContainerStyle={this.styles.root}>\n        {this._background}\n        {props.children}\n      </ScrollView>\n    ) : (\n      <View style={this.styles.root}>\n        {this._background}\n        {props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,QAAQ,QAAQ,6CAA6C;AACtE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAI/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;IACrD,IAAI,CAACM,QAAQ,GAAGT,QAAQ,CAACU,gBAAgB;EAC3C;EAEAC,YAAY,CAACH,KAAyB,EAAE;IACtC,OAAOA,KAAK,CAACI,UAAU,IAAIb,gBAAgB,EAAE,gBAC3C,oBAAC,UAAU;MAAC,qBAAqB,EAAE,IAAI,CAACc,MAAM,CAACC;IAAK,GACjD,IAAI,CAACC,WAAW,EAChBP,KAAK,CAACQ,QAAQ,CACJ,gBAEb,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACH,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChBP,KAAK,CAACQ,QAAQ,CAElB;EACH;AACF"}

app-rn-runtime/components/page/page.component.js

@@ -10,7 +10,7 @@ export default class WmPage extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=page.component.js.map