npm - @wavemaker/app-rn-runtime - Versions diffs - 11.4.0-next.1417013 → 11.4.0-next.1417014 - Mend

@wavemaker/app-rn-runtime 11.4.0-next.1417013 → 11.4.0-next.1417014

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (223) hide show

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

	@@ -1 +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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"}
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","_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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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","_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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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","_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 CHANGED Viewed

@@ -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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPageState","WmPage","constructor","props","renderWidget","styles","root","children"],"sources":["page.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageProps from './page.props';\nimport { DEFAULT_CLASS, WmPageStyles } from './page.styles';\n\nexport class WmPageState extends BaseComponentState<WmPageProps> {}\n\nexport default class WmPage extends BaseComponent<WmPageProps, WmPageState, WmPageStyles> {\n\n constructor(props: WmPageProps) {\n super(props, DEFAULT_CLASS, );\n }\n\n renderWidget(props: WmPageProps) {\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;AAEnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAO,MAAMC,WAAW,SAASF,kBAAkB,CAAc;AAEjE,eAAe,MAAMG,MAAM,SAASJ,aAAa,CAAyC;EAExFK,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,CAAG;EAC/B;EAEAK,YAAY,CAACD,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,~~GAC3BH~~,KAAK,~~CAACI~~,QAAQ,CACV;EAEX;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPageState","WmPage","constructor","props","renderWidget","styles","root","_background","children"],"sources":["page.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageProps from './page.props';\nimport { DEFAULT_CLASS, WmPageStyles } from './page.styles';\n\nexport class WmPageState extends BaseComponentState<WmPageProps> {}\n\nexport default class WmPage extends BaseComponent<WmPageProps, WmPageState, WmPageStyles> {\n\n constructor(props: WmPageProps) {\n super(props, DEFAULT_CLASS, );\n }\n\n renderWidget(props: WmPageProps) {\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;AAEnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAO,MAAMC,WAAW,SAASF,kBAAkB,CAAc;AAEjE,eAAe,MAAMG,MAAM,SAASJ,aAAa,CAAyC;EAExFK,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,CAAG;EAC/B;EAEAK,YAAY,CAACD,KAAkB,EAAE;IAC/B,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/partial/partial.component.js CHANGED Viewed

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

app-rn-runtime/components/page/partial/partial.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPartialState","WmPartial","constructor","props","renderWidget","styles","root","children"],"sources":["partial.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 WmPartialProps from './partial.props';\nimport { DEFAULT_CLASS, WmPartialStyles } from './partial.styles';\n\nexport class WmPartialState extends BaseComponentState<WmPartialProps> {\n\n}\n\nexport default class WmPartial extends BaseComponent<WmPartialProps, WmPartialState, WmPartialStyles> {\n\n constructor(props: WmPartialProps) {\n super(props, DEFAULT_CLASS, );\n }\n\n renderWidget(props: WmPartialProps) {\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"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPartialState","WmPartial","constructor","props","renderWidget","styles","root","_background","children"],"sources":["partial.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 WmPartialProps from './partial.props';\nimport { DEFAULT_CLASS, WmPartialStyles } from './partial.styles';\n\nexport class WmPartialState extends BaseComponentState<WmPartialProps> {\n\n}\n\nexport default class WmPartial extends BaseComponent<WmPartialProps, WmPartialState, WmPartialStyles> {\n\n constructor(props: WmPartialProps) {\n super(props, DEFAULT_CLASS, );\n }\n\n renderWidget(props: WmPartialProps) {\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/partial-container/partial-container.component.js CHANGED Viewed

@@ -22,7 +22,7 @@ export default class WmPartialContainer extends BaseComponent {
     delete params['partial_name'];
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(PartialConsumer, null, partialService => {
+    }, this._background, /*#__PURE__*/React.createElement(PartialConsumer, null, partialService => {
       const partial = partialService.get(props.content);
       return partial ? /*#__PURE__*/React.createElement(partial, params) : null;
     }));

app-rn-runtime/components/page/partial-container/partial-container.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPartialContainerProps","DEFAULT_CLASS","HideMode","PartialConsumer","WmPartialContainerState","WmPartialContainer","constructor","props","hideMode","DONOT_ADD_TO_DOM","renderWidget","params","Object","keys","forEach","k","parent","styles","root","partialService","partial","get","content","createElement"],"sources":["partial-container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPartialContainerProps from './partial-container.props';\nimport { DEFAULT_CLASS, WmPartialContainerStyles } from './partial-container.styles';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport PartialService, { PartialConsumer } from '@wavemaker/app-rn-runtime/core/partial.service';\n\nexport class WmPartialContainerState extends BaseComponentState<WmPartialContainerProps> {}\n\nexport default class WmPartialContainer extends BaseComponent<WmPartialContainerProps, WmPartialContainerState, WmPartialContainerStyles> {\n\n constructor(props: WmPartialContainerProps) {\n super(props, DEFAULT_CLASS, new WmPartialContainerProps());\n this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n }\n\n renderWidget(props: WmPartialContainerProps) {\n const params = {} as any;\n Object.keys(this.props).forEach((k: string) => {\n //@ts-ignore\n params[k] = props[k];\n });\n params.parent = this.parent;\n params['name'] = params['partial_name'];\n delete params['partial_name'];\n return (\n <View style={this.styles.root}>\n <PartialConsumer>\n {(partialService: PartialService) => {\n const partial = partialService.get(props.content);\n return partial ? React.createElement(partial, params) : null;\n }}\n </PartialConsumer>\n </View>\n ); \n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,SAASC,aAAa,QAAkC,4BAA4B;AACpF,SAASC,QAAQ,QAAQ,6CAA6C;AACtE,SAAyBC,eAAe,QAAQ,gDAAgD;AAEhG,OAAO,MAAMC,uBAAuB,SAASL,kBAAkB,CAA0B;AAEzF,eAAe,MAAMM,kBAAkB,SAASP,aAAa,CAA6E;EAExIQ,WAAW,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,uBAAuB,EAAE,CAAC;IAC1D,IAAI,CAACQ,QAAQ,GAAGN,QAAQ,CAACO,gBAAgB;EAC3C;EAEAC,YAAY,CAACH,KAA8B,EAAE;IAC3C,MAAMI,MAAM,GAAG,CAAC,CAAQ;IACxBC,MAAM,CAACC,IAAI,CAAC,IAAI,CAACN,KAAK,CAAC,CAACO,OAAO,CAAEC,CAAS,IAAK;MAC7C;MACAJ,MAAM,CAACI,CAAC,CAAC,GAAGR,KAAK,CAACQ,CAAC,CAAC;IACtB,CAAC,CAAC;IACFJ,MAAM,CAACK,MAAM,GAAG,IAAI,CAACA,MAAM;IAC3BL,MAAM,CAAC,MAAM,CAAC,GAAGA,MAAM,CAAC,cAAc,CAAC;IACvC,OAAOA,MAAM,CAAC,cAAc,CAAC;IAC7B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACM,MAAM,CAACC;IAAK,~~gBAC5B~~,oBAAC,eAAe,QACZC,cAA8B,IAAK;MACnC,MAAMC,OAAO,GAAGD,cAAc,CAACE,GAAG,~~CAACd~~,KAAK,~~CAACe~~,OAAO,CAAC;MACjD,OAAOF,OAAO,~~gBAAGxB~~,KAAK,~~CAAC2B~~,aAAa,CAACH,OAAO,~~EAAET~~,MAAM,CAAC,GAAG,IAAI;IAC9D,CAAC,CACe,CACb;EAEX;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPartialContainerProps","DEFAULT_CLASS","HideMode","PartialConsumer","WmPartialContainerState","WmPartialContainer","constructor","props","hideMode","DONOT_ADD_TO_DOM","renderWidget","params","Object","keys","forEach","k","parent","styles","root","_background","partialService","partial","get","content","createElement"],"sources":["partial-container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPartialContainerProps from './partial-container.props';\nimport { DEFAULT_CLASS, WmPartialContainerStyles } from './partial-container.styles';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport PartialService, { PartialConsumer } from '@wavemaker/app-rn-runtime/core/partial.service';\n\nexport class WmPartialContainerState extends BaseComponentState<WmPartialContainerProps> {}\n\nexport default class WmPartialContainer extends BaseComponent<WmPartialContainerProps, WmPartialContainerState, WmPartialContainerStyles> {\n\n constructor(props: WmPartialContainerProps) {\n super(props, DEFAULT_CLASS, new WmPartialContainerProps());\n this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n }\n\n renderWidget(props: WmPartialContainerProps) {\n const params = {} as any;\n Object.keys(this.props).forEach((k: string) => {\n //@ts-ignore\n params[k] = props[k];\n });\n params.parent = this.parent;\n params['name'] = params['partial_name'];\n delete params['partial_name'];\n return (\n <View style={this.styles.root}>\n {this._background}\n <PartialConsumer>\n {(partialService: PartialService) => {\n const partial = partialService.get(props.content);\n return partial ? React.createElement(partial, params) : null;\n }}\n </PartialConsumer>\n </View>\n ); \n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,SAASC,aAAa,QAAkC,4BAA4B;AACpF,SAASC,QAAQ,QAAQ,6CAA6C;AACtE,SAAyBC,eAAe,QAAQ,gDAAgD;AAEhG,OAAO,MAAMC,uBAAuB,SAASL,kBAAkB,CAA0B;AAEzF,eAAe,MAAMM,kBAAkB,SAASP,aAAa,CAA6E;EAExIQ,WAAW,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,uBAAuB,EAAE,CAAC;IAC1D,IAAI,CAACQ,QAAQ,GAAGN,QAAQ,CAACO,gBAAgB;EAC3C;EAEAC,YAAY,CAACH,KAA8B,EAAE;IAC3C,MAAMI,MAAM,GAAG,CAAC,CAAQ;IACxBC,MAAM,CAACC,IAAI,CAAC,IAAI,CAACN,KAAK,CAAC,CAACO,OAAO,CAAEC,CAAS,IAAK;MAC7C;MACAJ,MAAM,CAACI,CAAC,CAAC,GAAGR,KAAK,CAACQ,CAAC,CAAC;IACtB,CAAC,CAAC;IACFJ,MAAM,CAACK,MAAM,GAAG,IAAI,CAACA,MAAM;IAC3BL,MAAM,CAAC,MAAM,CAAC,GAAGA,MAAM,CAAC,cAAc,CAAC;IACvC,OAAOA,MAAM,CAAC,cAAc,CAAC;IAC7B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACM,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,eAAe,QACZC,cAA8B,IAAK;MACnC,MAAMC,OAAO,GAAGD,cAAc,CAACE,GAAG,CAACf,KAAK,CAACgB,OAAO,CAAC;MACjD,OAAOF,OAAO,gBAAGzB,KAAK,CAAC4B,aAAa,CAACH,OAAO,EAAEV,MAAM,CAAC,GAAG,IAAI;IAC9D,CAAC,CACe,CACb;EAEX;AACF"}

app-rn-runtime/components/page/partial-container/partial-container.styles.js CHANGED Viewed

@@ -4,7 +4,8 @@ export const DEFAULT_CLASS = 'app-partial-container';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
-      width: '100%'
+      width: '100%',
+      backgroundColor: themeVariables.pageContentBgColor
     },
     text: {}
   });

app-rn-runtime/components/page/partial-container/partial-container.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","text"],"sources":["partial-container.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmPartialContainerStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-partial-container';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmPartialContainerStyles = defineStyles({\n root: {\n width: '100%'\n },\n text: {}\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,uBAAuB;AACpDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAuC,GAAGL,YAAY,CAAC;IACzDM,IAAI,EAAE;MACFC,KAAK,EAAE;~~IACX~~,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;~~EAEFJ~~,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","backgroundColor","pageContentBgColor","text"],"sources":["partial-container.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmPartialContainerStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-partial-container';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmPartialContainerStyles = defineStyles({\n root: {\n width: '100%',\n backgroundColor: themeVariables.pageContentBgColor\n },\n text: {}\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,uBAAuB;AACpDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAuC,GAAGL,YAAY,CAAC;IACzDM,IAAI,EAAE;MACFC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAEL,cAAc,CAACM;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFN,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/page/tabbar/tabbar.component.js CHANGED Viewed

@@ -24,6 +24,7 @@ export default class WmTabbar extends BaseNavComponent {
   }
   renderTabItem(item, props, onSelect) {
     const isActive = props.isActive && props.isActive(item);
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       onPress: () => onSelect && onSelect(),
       key: item.key
@@ -34,7 +35,7 @@ export default class WmTabbar extends BaseNavComponent {
       iconclass: item.icon
     }), /*#__PURE__*/React.createElement(Text, {
       style: [this.styles.tabLabel, isActive ? this.styles.activeTabLabel : {}]
-    }, item.label)));
+    }, getDisplayLabel(item.label))));
   }
   onItemSelect(item, navigationService) {
     item.link && navigationService.openUrl(item.link);

app-rn-runtime/components/page/tabbar/tabbar.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","View","TouchableOpacity","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","WmTabbarState","WmTabbar","constructor","props","renderTabItem","item","onSelect","isActive","key","styles","tabItem","activeTabItem","theme","mergeStyle","tabIcon","activeTabIcon","icon","tabLabel","activeTabLabel","~~label","~~onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","state","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","renderWidget","max","tabItems","dataItems","moreItems","length","moreItemsCount","Math","ceil","j","i","row","push","root","modalService","showMore","showModal","moreMenu","map","a","moreMenuRow","hideModal","menu","e","nativeEvent","layout","height","filter","morebuttonlabel","morebuttoniconclass","updateState"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\n\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T>{\n showMore = false;\n modalOptions = {} as ModalOptions;\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n private tabbarHeight = 0;\n\n constructor(props: WmTabbarProps) {\n super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n }\n\n renderTabItem(item: NavigationDataItem, props: WmTabbarProps, onSelect: Function) {\n const isActive = props.isActive && props.isActive(item);\n return (\n <TouchableOpacity onPress={() => onSelect && onSelect()} key={item.key}>\n <View style={[this.styles.tabItem, isActive ? this.styles.activeTabItem: {}]}>\n <WmIcon styles={this.theme.mergeStyle({}, this.styles.tabIcon, isActive ? this.styles.activeTabIcon: {})} iconclass={item.icon}></WmIcon>\n <Text style={[this.styles.tabLabel, isActive ? this.styles.activeTabLabel: {}]}>{item.label}</Text>\n </View>\n </TouchableOpacity>\n );\n }\n\n onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n item.link && navigationService.openUrl(item.link);\n this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n }\n\n prepareModalOptions(content: ReactNode) {\n const o = this.state.modalOptions;\n o.content = content;\n o.modalStyle = {\n bottom: this.tabbarHeight\n };\n o.contentStyle = this.styles.modalContent; \n return o;\n }\n\n renderWidget(props: WmTabbarProps) {\n let max = 5;\n const tabItems = this.state.dataItems;\n const moreItems = [] as any[][];\n if (tabItems.length > max) {\n const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n let j = 0;\n for (let i = max-1; i < moreItemsCount;) {\n const row = [];\n for (let j = 0; j < max; j++) {\n row[j] = tabItems[i++] \|\| {key: 'tabItem' + i} as NavigationDataItem;\n }\n moreItems.push(row);\n }\n max = max - 1;\n }\n return (\n <NavigationServiceConsumer>\n {(navigationService) =>\n (<View style={this.styles.root}>\n <ModalConsumer>\n {(modalService: ModalService) => {\n if (this.state.showMore) {\n modalService.showModal(this.prepareModalOptions((\n <ThemeProvider value={this.theme} >\n <View style={this.styles.moreMenu}>\n {moreItems.map((a, i) =>\n (<View key={i} style={this.styles.moreMenuRow}>\n {a.map(item => this.renderTabItem(item, props, () => this.onItemSelect(item, navigationService)))}\n </View>)\n )}\n </View>\n </ThemeProvider>)));\n } else {\n modalService.hideModal(this.state.modalOptions);\n }\n return null;\n }}\n </ModalConsumer>\n <View style={this.styles.menu}\n onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}>\n {tabItems.filter((item, i) => i < max)\n .map((item, i) => this.renderTabItem(item, props, () => this.onItemSelect(item, navigationService)))}\n {tabItems.length > max && (\n this.renderTabItem({\n label: props.morebuttonlabel,\n icon: props.morebuttoniconclass\n } as NavigationDataItem, props, () => {\n this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n })\n )}\n </View>\n </View>)}\n </NavigationServiceConsumer>\n );\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAE3D,SAASC,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAoC,8CAA8C;AACxG,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAA4BC,yBAAyB,QAAQ,mDAAmD;AAEhH,SAASC,gBAAgB,EAAEC,YAAY,QAA4B,2EAA2E;AAE9I,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAE/D,MAAMC,aAAa,SAAiCH,YAAY,CAAG;EAAA;IAAA;IAAA,kCACtD,KAAK;IAAA,sCACD,CAAC,CAAC;EAAA;AACnB;AAEA,eAAe,MAAMI,QAAQ,SAASL,gBAAgB,CAA8D;EAIlHM,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,aAAa,EAAE,EAAE,IAAIE,aAAa,EAAE,CAAC;IAAC,sCAHjD,CAAC;EAIxB;EAEAI,aAAa,CAACC,IAAwB,EAAEF,KAAoB,EAAEG,QAAkB,EAAE;IAChF,MAAMC,QAAQ,GAAGJ,KAAK,CAACI,QAAQ,IAAIJ,KAAK,CAACI,QAAQ,CAACF,IAAI,CAAC;IACvD,oBACE,oBAAC,gBAAgB;MAAC,OAAO,EAAE,~~MAAMC~~,QAAQ,IAAIA,QAAQ,EAAG;MAAE,GAAG,EAAED,IAAI,~~CAACG~~;IAAI,gBACtE,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,OAAO,~~EAAEH~~,QAAQ,GAAG,IAAI,~~CAACE~~,MAAM,CAACE,aAAa,GAAE,CAAC,CAAC;IAAE,gBACzE,oBAAC,MAAM;MAAC,MAAM,EAAE,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACJ,MAAM,CAACK,OAAO,~~EAAEP~~,QAAQ,GAAG,IAAI,~~CAACE~~,MAAM,CAACM,aAAa,GAAE,CAAC,CAAC,CAAE;MAAC,SAAS,~~EAAEV~~,IAAI,~~CAACW~~;IAAK,EAAU,eACzI,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC,IAAI,CAACP,MAAM,CAACQ,QAAQ,~~EAAEV~~,QAAQ,GAAG,IAAI,~~CAACE~~,MAAM,CAACS,cAAc,GAAE,CAAC,CAAC;IAAE,GAAEb,IAAI,~~CAACc~~,KAAK,CAAQ,~~CAChG~~,CACU;EAEvB;~~EAEAC~~,YAAY,~~CAACf~~,IAAwB,~~EAAEgB~~,iBAAoC,EAAE;~~IAC3EhB~~,IAAI,~~CAACiB~~,IAAI,IAAID,iBAAiB,CAACE,OAAO,~~CAAClB~~,IAAI,~~CAACiB~~,IAAI,CAAC;IACjD,IAAI,CAACE,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,~~EAAEpB~~,IAAI,CAAC,CAAC;EAChE;~~EAEAqB~~,mBAAmB,CAACC,OAAkB,EAAE;IACtC,MAAMC,CAAC,GAAG,IAAI,CAACC,KAAK,CAACC,YAAY;IACjCF,CAAC,CAACD,OAAO,GAAGA,OAAO;IACnBC,CAAC,CAACG,UAAU,GAAG;MACbC,MAAM,EAAE,IAAI,CAACC;IACf,CAAC;IACDL,CAAC,CAACM,YAAY,GAAG,IAAI,~~CAACzB~~,MAAM,~~CAAC0B~~,YAAY;IACzC,OAAOP,CAAC;EACV;EAEAQ,YAAY,~~CAACjC~~,KAAoB,EAAE;IACjC,~~IAAIkC~~,GAAG,GAAG,CAAC;IACX,MAAMC,QAAQ,GAAG,IAAI,CAACT,KAAK,CAACU,SAAS;IACrC,MAAMC,SAAS,GAAG,EAAa;IAC/B,IAAIF,QAAQ,CAACG,MAAM,GAAGJ,GAAG,EAAE;MACzB,MAAMK,cAAc,GAAGC,IAAI,CAACC,IAAI,CAAC,CAACN,QAAQ,CAACG,MAAM,GAAG,CAAC,GAAGJ,GAAG,IAAGA,GAAG,CAAC,GAAGA,GAAG;MACxE,IAAIQ,CAAC,GAAG,CAAC;MACT,KAAK,IAAIC,CAAC,GAAGT,GAAG,GAAC,CAAC,EAAES,CAAC,GAAGJ,cAAc,GAAG;QACvC,MAAMK,GAAG,GAAG,EAAE;QACd,KAAK,IAAIF,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGR,GAAG,EAAEQ,CAAC,EAAE,EAAE;UAC5BE,GAAG,CAACF,CAAC,CAAC,GAAGP,QAAQ,CAACQ,CAAC,EAAE,CAAC,IAAI;~~YAACtC~~,GAAG,EAAE,SAAS,~~GAAGsC~~;UAAC,CAAuB;QACtE;QACAN,SAAS,CAACQ,IAAI,CAACD,GAAG,CAAC;MACrB;MACAV,GAAG,GAAGA,GAAG,GAAG,CAAC;IACf;IACA,oBACE,oBAAC,yBAAyB,QACtBhB,iBAAiB,iBAClB,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,~~CAACZ~~,MAAM,~~CAACwC~~;IAAK,gBAC7B,oBAAC,aAAa,QACVC,YAA0B,IAAK;MAC/B,IAAI,IAAI,CAACrB,KAAK,CAACsB,QAAQ,EAAE;QACvBD,YAAY,CAACE,SAAS,CAAC,IAAI,CAAC1B,mBAAmB,eAC/C,oBAAC,aAAa;UAAC,KAAK,EAAE,IAAI,~~CAACd~~;QAAM,gBAC/B,oBAAC,IAAI;UAAC,KAAK,EAAE,IAAI,CAACH,MAAM,~~CAAC4C~~;QAAS,GAC/Bb,SAAS,CAACc,GAAG,CAAC,CAACC,CAAC,EAAET,CAAC,kBACjB,oBAAC,IAAI;UAAC,GAAG,EAAEA,CAAE;UAAC,KAAK,EAAE,IAAI,~~CAACrC~~,MAAM,~~CAAC+C~~;QAAY,GAC3CD,CAAC,CAACD,GAAG,~~CAACjD~~,IAAI,IAAI,IAAI,CAACD,aAAa,CAACC,IAAI,EAAEF,KAAK,EAAG,MAAM,IAAI,~~CAACiB~~,YAAY,~~CAACf~~,IAAI,~~EAAEgB~~,iBAAiB,CAAC,CAAC,CAAC,CAC5F,CACT,CACI,CACO,CAAE,CAAC;MACrB,CAAC,MAAM;QACL6B,YAAY,CAACO,SAAS,CAAC,IAAI,CAAC5B,KAAK,CAACC,YAAY,CAAC;MACjD;MACA,OAAO,IAAI;IACb,CAAC,CACa,eAChB,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,~~CAACrB~~,MAAM,~~CAACiD~~,IAAK;MAC5B,QAAQ,EAAEC,CAAC,IAAI;QAAE,IAAI,CAAC1B,YAAY,GAAG0B,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM;MAAA;IAAE,GACjExB,QAAQ,CAACyB,MAAM,CAAC,~~CAAC1D~~,IAAI,~~EAAEyC~~,CAAC,KAAKA,CAAC,GAAGT,GAAG,CAAC,CACnCiB,GAAG,CAAC,~~CAACjD~~,IAAI,~~EAAEyC~~,CAAC,KAAK,IAAI,~~CAAC1C~~,aAAa,CAACC,IAAI,EAAEF,KAAK,EAAE,MAAM,IAAI,~~CAACiB~~,YAAY,~~CAACf~~,IAAI,~~EAAEgB~~,iBAAiB,CAAC,CAAC,CAAC,EACrGiB,QAAQ,CAACG,MAAM,GAAGJ,GAAG,IACpB,IAAI,~~CAACjC~~,aAAa,CAAC;~~MACjBe~~,KAAK,~~EAAEhB~~,KAAK,~~CAAC6D~~,eAAe;~~MAC5BhD~~,IAAI,~~EAAEb~~,KAAK,~~CAAC8D~~;IACd,CAAC,~~EAAwB9D~~,KAAK,EAAG,MAAM;MACrC,IAAI,~~CAAC+D~~,WAAW,CAAC;QAACf,QAAQ,EAAE,CAAC,IAAI,CAACtB,KAAK,CAACsB;MAAQ,CAAC,CAAiC;IACpF,CAAC,CACF,CACI,CACD,CACkB;EAEhC;AACF"}
1	+ {"version":3,"names":["React","Text","View","TouchableOpacity","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","WmTabbarState","WmTabbar","constructor","props","renderTabItem","item","onSelect","isActive","getDisplayLabel","getDisplayExpression","label","key","styles","tabItem","activeTabItem","theme","mergeStyle","tabIcon","activeTabIcon","icon","tabLabel","activeTabLabel","onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","state","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","renderWidget","max","tabItems","dataItems","moreItems","length","moreItemsCount","Math","ceil","j","i","row","push","root","modalService","showMore","showModal","moreMenu","map","a","moreMenuRow","hideModal","menu","e","nativeEvent","layout","height","filter","morebuttonlabel","morebuttoniconclass","updateState"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\n\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T>{\n showMore = false;\n modalOptions = {} as ModalOptions;\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n private tabbarHeight = 0;\n\n constructor(props: WmTabbarProps) {\n super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n }\n\n renderTabItem(item: NavigationDataItem, props: WmTabbarProps, onSelect: Function) {\n const isActive = props.isActive && props.isActive(item);\n const getDisplayLabel = this.props.getDisplayExpression \|\| ((label: string) => label);\n return (\n <TouchableOpacity onPress={() => onSelect && onSelect()} key={item.key}>\n <View style={[this.styles.tabItem, isActive ? this.styles.activeTabItem: {}]}>\n <WmIcon styles={this.theme.mergeStyle({}, this.styles.tabIcon, isActive ? this.styles.activeTabIcon: {})} iconclass={item.icon}></WmIcon>\n <Text style={[this.styles.tabLabel, isActive ? this.styles.activeTabLabel: {}]}>{getDisplayLabel(item.label)}</Text>\n </View>\n </TouchableOpacity>\n );\n }\n\n onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n item.link && navigationService.openUrl(item.link);\n this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n }\n\n prepareModalOptions(content: ReactNode) {\n const o = this.state.modalOptions;\n o.content = content;\n o.modalStyle = {\n bottom: this.tabbarHeight\n };\n o.contentStyle = this.styles.modalContent; \n return o;\n }\n\n renderWidget(props: WmTabbarProps) {\n let max = 5;\n const tabItems = this.state.dataItems;\n const moreItems = [] as any[][];\n if (tabItems.length > max) {\n const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n let j = 0;\n for (let i = max-1; i < moreItemsCount;) {\n const row = [];\n for (let j = 0; j < max; j++) {\n row[j] = tabItems[i++] \|\| {key: 'tabItem' + i} as NavigationDataItem;\n }\n moreItems.push(row);\n }\n max = max - 1;\n }\n return (\n <NavigationServiceConsumer>\n {(navigationService) =>\n (<View style={this.styles.root}>\n <ModalConsumer>\n {(modalService: ModalService) => {\n if (this.state.showMore) {\n modalService.showModal(this.prepareModalOptions((\n <ThemeProvider value={this.theme} >\n <View style={this.styles.moreMenu}>\n {moreItems.map((a, i) =>\n (<View key={i} style={this.styles.moreMenuRow}>\n {a.map(item => this.renderTabItem(item, props, () => this.onItemSelect(item, navigationService)))}\n </View>)\n )}\n </View>\n </ThemeProvider>)));\n } else {\n modalService.hideModal(this.state.modalOptions);\n }\n return null;\n }}\n </ModalConsumer>\n <View style={this.styles.menu}\n onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}>\n {tabItems.filter((item, i) => i < max)\n .map((item, i) => this.renderTabItem(item, props, () => this.onItemSelect(item, navigationService)))}\n {tabItems.length > max && (\n this.renderTabItem({\n label: props.morebuttonlabel,\n icon: props.morebuttoniconclass\n } as NavigationDataItem, props, () => {\n this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n })\n )}\n </View>\n </View>)}\n </NavigationServiceConsumer>\n );\n }\n}\n"],"mappings":"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"}

app-rn-runtime/components/prefab/prefab-container.component.js CHANGED Viewed

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

app-rn-runtime/components/prefab/prefab-container.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPrefabContainerState","WmPrefabContainer","constructor","props","renderWidget","styles","root","children"],"sources":["prefab-container.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 WmPrefabContainerProps from './prefab-container.props';\nimport { DEFAULT_CLASS, WmPrefabContainerStyles } from './prefab-container.styles';\n\nexport class WmPrefabContainerState extends BaseComponentState<WmPrefabContainerProps> {\n\n}\n\nexport default class WmPrefabContainer extends BaseComponent<WmPrefabContainerProps, WmPrefabContainerState, WmPrefabContainerStyles> {\n\n constructor(props: WmPrefabContainerProps) {\n super(props, DEFAULT_CLASS, );\n }\n\n renderWidget(props: WmPrefabContainerProps) {\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,QAAiC,2BAA2B;AAElF,OAAO,MAAMC,sBAAsB,SAASF,kBAAkB,CAAyB;AAIvF,eAAe,MAAMG,iBAAiB,SAASJ,aAAa,CAA0E;EAEpIK,WAAW,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEJ,aAAa,CAAG;EAC/B;EAEAK,YAAY,CAACD,KAA6B,EAAE;IAC1C,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,~~GAC3BH~~,KAAK,~~CAACI~~,QAAQ,CACV;EAEX;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPrefabContainerState","WmPrefabContainer","constructor","props","renderWidget","styles","root","_background","children"],"sources":["prefab-container.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 WmPrefabContainerProps from './prefab-container.props';\nimport { DEFAULT_CLASS, WmPrefabContainerStyles } from './prefab-container.styles';\n\nexport class WmPrefabContainerState extends BaseComponentState<WmPrefabContainerProps> {\n\n}\n\nexport default class WmPrefabContainer extends BaseComponent<WmPrefabContainerProps, WmPrefabContainerState, WmPrefabContainerStyles> {\n\n constructor(props: WmPrefabContainerProps) {\n super(props, DEFAULT_CLASS, );\n }\n\n renderWidget(props: WmPrefabContainerProps) {\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,QAAiC,2BAA2B;AAElF,OAAO,MAAMC,sBAAsB,SAASF,kBAAkB,CAAyB;AAIvF,eAAe,MAAMG,iBAAiB,SAASJ,aAAa,CAA0E;EAEpIK,WAAW,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEJ,aAAa,CAAG;EAC/B;EAEAK,YAAY,CAACD,KAA6B,EAAE;IAC1C,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/core/asset.provider.js ADDED Viewed

@@ -0,0 +1,5 @@
+import React from 'react';
+const AssetContext = /*#__PURE__*/React.createContext(null);
+export const AssetProvider = AssetContext.Provider;
+export const AssetConsumer = AssetContext.Consumer;
+//# sourceMappingURL=asset.provider.js.map

app-rn-runtime/core/asset.provider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","AssetContext","createContext","AssetProvider","Provider","AssetConsumer","Consumer"],"sources":["asset.provider.ts"],"sourcesContent":["import React from 'react';\n\nconst AssetContext = React.createContext<(path: string) => number | string>(null as any);\n\nexport const AssetProvider = AssetContext.Provider;\nexport const AssetConsumer = AssetContext.Consumer;"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAa,CAAoC,IAAI,CAAQ;AAExF,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAACG,QAAQ;AAClD,OAAO,MAAMC,aAAa,GAAGJ,YAAY,CAACK,QAAQ"}

app-rn-runtime/core/base.component.js CHANGED Viewed

@@ -1,20 +1,28 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { assign, isUndefined } from 'lodash';
 import React from 'react';
+import * as Animatable from 'react-native-animatable';
 import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
+import { StyleProps, getStyleName } from '@wavemaker/app-rn-runtime/styles/style-props';
+import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
 import { ROOT_LOGGER } from '@wavemaker/app-rn-runtime/core/logger';
 import { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';
-import BASE_THEME, { ThemeConsumer, attachBackground, ThemeEvent } from '../styles/theme';
+import BASE_THEME, { ThemeConsumer, ThemeEvent } from '../styles/theme';
+import EventNotifier from './event-notifier';
 import { PropsProvider } from './props.provider';
 import { assignIn } from 'lodash-es';
 import { HideMode } from './if.component';
+import { AssetConsumer } from './asset.provider';
 import { FixedView } from './fixed-view.component';
 export const WIDGET_LOGGER = ROOT_LOGGER.extend('widget');
 export const ParentContext = /*#__PURE__*/React.createContext(null);
 export class BaseComponentState {
   constructor() {
+    _defineProperty(this, "animationId", 0);
+    _defineProperty(this, "animatableProps", undefined);
     _defineProperty(this, "props", {});
     _defineProperty(this, "hide", false);
   }
@@ -26,8 +34,9 @@ export function defineStyles(styles) {
     }
   }, styles);
 }
-export class BaseProps {
+export class BaseProps extends StyleProps {
   constructor() {
+    super(...arguments);
     _defineProperty(this, "id", null);
     _defineProperty(this, "name", null);
     _defineProperty(this, "key", null);
@@ -56,9 +65,24 @@ export class BaseComponent extends React.Component {
     _defineProperty(this, "destroyed", false);
     _defineProperty(this, "_showSkeleton", false);
     _defineProperty(this, "isFixed", false);
+    _defineProperty(this, "notifier", new EventNotifier());
+    _defineProperty(this, "parentListenerDestroyers", []);
+    _defineProperty(this, "_background", /*#__PURE__*/React.createElement(React.Fragment, null));
+    _defineProperty(this, "styleOverrides", {});
+    _defineProperty(this, "loadAsset", null);
     this.state = defaultState || {};
     this.propertyProvider = new PropsProvider(assign({}, defaultProps), assign({}, markupProps), (name, $new, $old) => {
       WIDGET_LOGGER.debug(() => `${this.props.name ?? this.constructor.name}: ${name} changed from ${$old} to ${$new}`);
+      if (this.initialized) {
+        const styleName = getStyleName(name);
+        if (styleName) {
+          if ($new === undefined) {
+            delete this.styleOverrides[styleName];
+          } else {
+            this.styleOverrides[styleName] = $new;
+          }
+        }
+      }
       this.onPropertyChange(name, $new, $old);
     });
     //@ts-ignore
@@ -95,6 +119,18 @@ export class BaseComponent extends React.Component {
     this.cleanup.push(this.theme.subscribe(ThemeEvent.CHANGE, () => {
       this.forceUpdate();
     }));
+    this.cleanup.push(() => {
+      this.destroyParentListeners();
+    });
+  }
+  subscribe(event, fn) {
+    return this.notifier.subscribe(event, fn);
+  }
+  animate(props) {
+    this.setState({
+      animationId: Date.now(),
+      animatableProps: props
+    });
   }
   setProp(propName, value) {
     this.propertyProvider.set(propName, value);
@@ -193,6 +229,7 @@ export class BaseComponent extends React.Component {
       this.props.listener.onComponentDestroy(this.proxy);
     }
     this.cleanup.forEach(f => f && f());
+    this.notifier.notify('destroy', []);
   }
   invokeEventCallback(eventName, args) {
     //@ts-ignore
@@ -214,19 +251,24 @@ export class BaseComponent extends React.Component {
     this.forceUpdate();
   }
   cleanRefresh() {
-    this.setState({
-      hide: true
-    }, () => {
-      setTimeout(() => {
-        this.setState({
-          hide: false
-        });
-      }, 100);
-    });
+    this.forceUpdate(() => this.notifier.notify('forceUpdate', []));
   }
   renderSkeleton(props) {
     return null;
   }
+  destroyParentListeners() {
+    this.parentListenerDestroyers.map(fn => fn());
+  }
+  setParent(parent) {
+    if (parent && this.parent !== parent) {
+      this.parent = parent;
+      this.parentListenerDestroyers = [this.parent.subscribe('forceUpdate', () => {
+        this.cleanRefresh();
+      }), this.parent.subscribe('destroy', () => {
+        this.destroyParentListeners();
+      })];
+    }
+  }
   copyStyles(property, from, to) {
     if (!isUndefined(from[property])) {
       to[property] = from[property];
@@ -254,7 +296,33 @@ export class BaseComponent extends React.Component {
     return /*#__PURE__*/React.createElement(FixedView, {
       style: style,
       theme: this.theme
-    }, this.renderWidget(props));
+    }, this.addAnimation(this.renderWidget(props)));
+  }
+  addAnimation(n) {
+    if (!this.state.animatableProps) {
+      return n;
+    }
+    return /*#__PURE__*/React.createElement(Animatable.View, _extends({
+      key: this.state.animationId
+    }, this.state.animatableProps), n);
+  }
+  setBackground() {
+    const bgStyle = this.styles.root;
+    this._background = /*#__PURE__*/React.createElement(BackgroundComponent, {
+      image: bgStyle.backgroundImage,
+      position: bgStyle.backgroundPosition,
+      size: bgStyle.backgroundSize,
+      repeat: bgStyle.backgroundRepeat,
+      resizeMode: bgStyle.backgroundResizeMode,
+      style: {
+        borderRadius: this.styles.root.borderRadius
+      }
+    });
+    delete this.styles.root['backgroundImage'];
+    delete this.styles.root['backgroundPosition'];
+    delete this.styles.root['backgroundResizeMode'];
+    delete this.styles.root['backgroundSize'];
+    delete this.styles.root['backgroundRepeat'];
   }
   render() {
     WIDGET_LOGGER.info(() => `${this.props.name ?? this.constructor.name} is rendering.`);
@@ -263,35 +331,39 @@ export class BaseComponent extends React.Component {
       return null;
     }
     this.isFixed = false;
-    return /*#__PURE__*/React.createElement(ParentContext.Consumer, null, parent => {
-      var _this$parent;
-      this.parent = parent;
-      this._showSkeleton = ((_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent._showSkeleton) || !!this.state.props.showskeleton;
-      return /*#__PURE__*/React.createElement(ParentContext.Provider, {
-        value: this
-      }, /*#__PURE__*/React.createElement(ThemeConsumer, null, theme => {
-        this.theme = theme || BASE_THEME;
-        this.styles = this.theme.mergeStyle(this.getDefaultStyles(), props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null, props.classname && this.theme.getStyle(props.classname), props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')), this.props.styles);
-        if (this.styles.root.hasOwnProperty('_background')) {
-          delete this.styles.root.backgroundColor;
-        }
-        if (!this.isVisible()) {
-          assign(this.styles, this.theme.getStyle('hidden'));
-        }
-        let eleToRender = this._showSkeleton && this.renderSkeleton(props);
-        if (eleToRender) {
-          return eleToRender;
-        }
-        let widgetElement = null;
-        this.isFixed = this.styles.root.position === 'fixed';
-        if (this.isFixed) {
-          this.styles.root.position = undefined;
-          widgetElement = this.renderFixedContainer(props);
-        } else {
-          widgetElement = this.renderWidget(this.state.props);
-        }
-        return attachBackground(widgetElement, this.styles.root);
-      }));
+    return /*#__PURE__*/React.createElement(AssetConsumer, null, loadAsset => {
+      this.loadAsset = loadAsset;
+      return /*#__PURE__*/React.createElement(ParentContext.Consumer, null, parent => {
+        var _this$parent;
+        this.setParent(parent);
+        this._showSkeleton = ((_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent._showSkeleton) || !!this.state.props.showskeleton;
+        return /*#__PURE__*/React.createElement(ParentContext.Provider, {
+          value: this
+        }, /*#__PURE__*/React.createElement(ThemeConsumer, null, theme => {
+          this.theme = theme || BASE_THEME;
+          this.styles = this.theme.mergeStyle(this.getDefaultStyles(), props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null, props.classname && this.theme.getStyle(props.classname), props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')), this.props.styles, {
+            root: this.styleOverrides,
+            text: this.styleOverrides
+          });
+          if (this.styles.root.hasOwnProperty('_background')) {
+            delete this.styles.root.backgroundColor;
+          }
+          if (!this.isVisible()) {
+            assign(this.styles, this.theme.getStyle('hidden'));
+          }
+          let eleToRender = this._showSkeleton && this.renderSkeleton(props);
+          if (eleToRender) {
+            return eleToRender;
+          }
+          this.setBackground();
+          this.isFixed = this.styles.root.position === 'fixed';
+          if (this.isFixed) {
+            this.styles.root.position = undefined;
+            return this.renderFixedContainer(props);
+          }
+          return this.addAnimation(this.renderWidget(this.state.props));
+        }));
+      });
     });
   }
 }