@wavemaker/app-rn-runtime 11.4.0-next.141707 → 11.4.0-next.1417071

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","constructor","arguments","_defineProperty","WmLeftPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","createElement","contentContainerStyle","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;EAAAK,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACvD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,WAAW,SAAST,aAAa,CAAwD;EAE5GM,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;EACrD;EAEAS,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,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,CAAqB,CAAC;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,YAAYA,CAACX,KAAuB,EAAE;IACpC,oBACEX,KAAA,CAAAuB,aAAA,CAAClB,UAAU;MAACmB,qBAAqB,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GACjD,IAAI,CAACC,WAAW,EAChB,IAAI,CAACb,aAAa,CAACH,KAAK,CACf,CAAC;EAEjB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmLeftPanelProps"],"sources":["left-panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLeftPanelProps extends BaseProps {\n  children?: any;\n  renderPartial?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA;IAAA;EAAA;AAGxD"}
+{"version":3,"names":["BaseProps","WmLeftPanelProps","constructor","arguments","_defineProperty"],"sources":["left-panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLeftPanelProps extends BaseProps {\n  children?: any;\n  renderPartial?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA;EAAA;AAGxD"}

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","createElement","contentContainerStyle","styles","root","_background","children","style"],"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,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;IACrD,IAAI,CAACM,QAAQ,GAAGT,QAAQ,CAACU,gBAAgB;EAC3C;EAEAC,YAAYA,CAACH,KAAyB,EAAE;IACtC,OAAOA,KAAK,CAACI,UAAU,IAAIb,gBAAgB,CAAC,CAAC,gBAC3CH,KAAA,CAAAiB,aAAA,CAAChB,UAAU;MAACiB,qBAAqB,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GACjD,IAAI,CAACC,WAAW,EAChBT,KAAK,CAACU,QACG,CAAC,gBAEbtB,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACqB,KAAK,EAAE,IAAI,CAACJ,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChBT,KAAK,CAACU,QACH,CACP;EACH;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmPageContentProps"],"sources":["page-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPageContentProps extends BaseProps {\n    children: any[] = null as any;\n    scrollable: boolean = true;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,kCACpC,IAAI;IAAA,oCACA,IAAI;EAAA;AAC9B"}
+{"version":3,"names":["BaseProps","WmPageContentProps","constructor","arguments","_defineProperty"],"sources":["page-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPageContentProps extends BaseProps {\n    children: any[] = null as any;\n    scrollable: boolean = true;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACpC,IAAI;IAAAA,eAAA,qBACA,IAAI;EAAA;AAC9B"}

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

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

@@ -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"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPageState","WmPage","constructor","props","renderWidget","createElement","style","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,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAe,CAAC;EAC/B;EAEAK,YAAYA,CAACD,KAAkB,EAAE;IAC/B,oBACER,KAAA,CAAAU,aAAA,CAACT,IAAI;MAACU,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChBN,KAAK,CAACO,QACH,CAAC;EAEX;AACF"}

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

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

@@ -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"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPartialState","WmPartial","constructor","props","renderWidget","createElement","style","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,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAe,CAAC;EAC/B;EAEAK,YAAYA,CAACD,KAAqB,EAAE;IAClC,oBACER,KAAA,CAAAU,aAAA,CAACT,IAAI;MAACU,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChBN,KAAK,CAACO,QACH,CAAC;EAEX;AACF"}

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

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

@@ -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"}
+{"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","createElement","style","styles","root","_background","partialService","partial","get","content"],"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,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;IAC1D,IAAI,CAACQ,QAAQ,GAAGN,QAAQ,CAACO,gBAAgB;EAC3C;EAEAC,YAAYA,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,oBACEf,KAAA,CAAAqB,aAAA,CAACpB,IAAI;MAACqB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjBzB,KAAA,CAAAqB,aAAA,CAACd,eAAe,QACZmB,cAA8B,IAAK;MACnC,MAAMC,OAAO,GAAGD,cAAc,CAACE,GAAG,CAACjB,KAAK,CAACkB,OAAO,CAAC;MACjD,OAAOF,OAAO,gBAAG3B,KAAK,CAACqB,aAAa,CAACM,OAAO,EAAEZ,MAAM,CAAC,GAAG,IAAI;IAC9D,CACe,CACb,CAAC;EAEX;AACF"}

app-rn-runtime/components/page/partial-container/partial-container.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmPartialContainerProps"],"sources":["partial-container.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPartialContainerProps extends BaseProps {\n  content: string = null as any;\n  onLoad?: Function = () => {};\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,iCAC3C,IAAI;IAAA,gCACF,MAAM,CAAC,CAAC;EAAA;AAC9B"}
+{"version":3,"names":["BaseProps","WmPartialContainerProps","constructor","arguments","_defineProperty"],"sources":["partial-container.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPartialContainerProps extends BaseProps {\n  content: string = null as any;\n  onLoad?: Function = () => {};\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBAC3C,IAAI;IAAAA,eAAA,iBACF,MAAM,CAAC,CAAC;EAAA;AAC9B"}

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

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

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

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

@@ -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":"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"}
+{"version":3,"names":["React","Text","View","TouchableOpacity","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","WmTabbarState","constructor","arguments","_defineProperty","WmTabbar","props","renderTabItem","item","onSelect","isActive","getDisplayLabel","getDisplayExpression","label","createElement","onPress","key","style","styles","tabItem","activeTabItem","theme","mergeStyle","tabIcon","activeTabIcon","iconclass","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","value","moreMenu","map","a","moreMenuRow","hideModal","menu","onLayout","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":";;;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;EAAAI,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACtD,KAAK;IAAAA,eAAA,uBACD,CAAC,CAAC;EAAA;AACnB;AAEA,eAAe,MAAMC,QAAQ,SAASR,gBAAgB,CAA8D;EAIlHK,WAAWA,CAACI,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,EAAE,IAAIE,aAAa,CAAC,CAAC,CAAC;IAACG,eAAA,uBAHjD,CAAC;EAIxB;EAEAG,aAAaA,CAACC,IAAwB,EAAEF,KAAoB,EAAEG,QAAkB,EAAE;IAChF,MAAMC,QAAQ,GAAGJ,KAAK,CAACI,QAAQ,IAAIJ,KAAK,CAACI,QAAQ,CAACF,IAAI,CAAC;IACvD,MAAMG,eAAe,GAAG,IAAI,CAACL,KAAK,CAACM,oBAAoB,KAAMC,KAAa,IAAKA,KAAK,CAAC;IACrF,oBACExB,KAAA,CAAAyB,aAAA,CAACtB,gBAAgB;MAACuB,OAAO,EAAEA,CAAA,KAAMN,QAAQ,IAAIA,QAAQ,CAAC,CAAE;MAAEO,GAAG,EAAER,IAAI,CAACQ;IAAI,gBACtE3B,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,OAAO,EAAET,QAAQ,GAAG,IAAI,CAACQ,MAAM,CAACE,aAAa,GAAE,CAAC,CAAC;IAAE,gBACzE/B,KAAA,CAAAyB,aAAA,CAACnB,MAAM;MAACuB,MAAM,EAAE,IAAI,CAACG,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACJ,MAAM,CAACK,OAAO,EAAEb,QAAQ,GAAG,IAAI,CAACQ,MAAM,CAACM,aAAa,GAAE,CAAC,CAAC,CAAE;MAACC,SAAS,EAAEjB,IAAI,CAACkB;IAAK,CAAS,CAAC,eACzIrC,KAAA,CAAAyB,aAAA,CAACxB,IAAI;MAAC2B,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACS,QAAQ,EAAEjB,QAAQ,GAAG,IAAI,CAACQ,MAAM,CAACU,cAAc,GAAE,CAAC,CAAC;IAAE,GAAEjB,eAAe,CAACH,IAAI,CAACK,KAAK,CAAQ,CACjH,CACU,CAAC;EAEvB;EAEAgB,YAAYA,CAACrB,IAAwB,EAAEsB,iBAAoC,EAAE;IAC3EtB,IAAI,CAACuB,IAAI,IAAID,iBAAiB,CAACE,OAAO,CAACxB,IAAI,CAACuB,IAAI,CAAC;IACjD,IAAI,CAACE,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAE1B,IAAI,CAAC,CAAC;EAChE;EAEA2B,mBAAmBA,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,YAAYA,CAACvC,KAAoB,EAAE;IACjC,IAAIwC,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;YAACvC,GAAG,EAAE,SAAS,GAAGuC;UAAC,CAAuB;QACtE;QACAN,SAAS,CAACQ,IAAI,CAACD,GAAG,CAAC;MACrB;MACAV,GAAG,GAAGA,GAAG,GAAG,CAAC;IACf;IACA,oBACEzD,KAAA,CAAAyB,aAAA,CAAClB,yBAAyB,QACtBkC,iBAAiB,iBAClBzC,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACwC;IAAK,gBAC7BrE,KAAA,CAAAyB,aAAA,CAACpB,aAAa,QACViE,YAA0B,IAAK;MAC/B,IAAI,IAAI,CAACrB,KAAK,CAACsB,QAAQ,EAAE;QACvBD,YAAY,CAACE,SAAS,CAAC,IAAI,CAAC1B,mBAAmB,eAC/C9C,KAAA,CAAAyB,aAAA,CAACrB,aAAa;UAACqE,KAAK,EAAE,IAAI,CAACzC;QAAM,gBAC/BhC,KAAA,CAAAyB,aAAA,CAACvB,IAAI;UAAC0B,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC6C;QAAS,GAC/Bd,SAAS,CAACe,GAAG,CAAC,CAACC,CAAC,EAAEV,CAAC,kBACjBlE,KAAA,CAAAyB,aAAA,CAACvB,IAAI;UAACyB,GAAG,EAAEuC,CAAE;UAACtC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACgD;QAAY,GAC3CD,CAAC,CAACD,GAAG,CAACxD,IAAI,IAAI,IAAI,CAACD,aAAa,CAACC,IAAI,EAAEF,KAAK,EAAG,MAAM,IAAI,CAACuB,YAAY,CAACrB,IAAI,EAAEsB,iBAAiB,CAAC,CAAC,CAC7F,CACR,CACI,CACO,CAAE,CAAC,CAAC;MACrB,CAAC,MAAM;QACL6B,YAAY,CAACQ,SAAS,CAAC,IAAI,CAAC7B,KAAK,CAACC,YAAY,CAAC;MACjD;MACA,OAAO,IAAI;IACb,CACa,CAAC,eAChBlD,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACkD,IAAK;MAC5BC,QAAQ,EAAEC,CAAC,IAAI;QAAE,IAAI,CAAC5B,YAAY,GAAG4B,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM;MAAA;IAAE,GACjE1B,QAAQ,CAAC2B,MAAM,CAAC,CAAClE,IAAI,EAAE+C,CAAC,KAAKA,CAAC,GAAGT,GAAG,CAAC,CACnCkB,GAAG,CAAC,CAACxD,IAAI,EAAE+C,CAAC,KAAK,IAAI,CAAChD,aAAa,CAACC,IAAI,EAAEF,KAAK,EAAE,MAAM,IAAI,CAACuB,YAAY,CAACrB,IAAI,EAAEsB,iBAAiB,CAAC,CAAC,CAAC,EACrGiB,QAAQ,CAACG,MAAM,GAAGJ,GAAG,IACpB,IAAI,CAACvC,aAAa,CAAC;MACjBM,KAAK,EAAEP,KAAK,CAACqE,eAAe;MAC5BjD,IAAI,EAAEpB,KAAK,CAACsE;IACd,CAAC,EAAwBtE,KAAK,EAAG,MAAM;MACrC,IAAI,CAACuE,WAAW,CAAC;QAACjB,QAAQ,EAAE,CAAC,IAAI,CAACtB,KAAK,CAACsB;MAAQ,CAAiC,CAAC;IACpF,CAAC,CAEC,CACF,CACmB,CAAC;EAEhC;AACF"}

app-rn-runtime/components/page/tabbar/tabbar.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseNavProps","WmTabbarProps","item"],"sources":["tabbar.props.ts"],"sourcesContent":["import { BaseNavProps } from '../../navigation/basenav/basenav.props';\n\nexport default class WmTabbarProps extends BaseNavProps {\n  morebuttoniconclass = 'wi wi-more-horiz';\n  morebuttonlabel = 'more';\n  isActive = (item: any) => false;\n  dataset?: any = [{\n      'label' : 'Home',\n      'icon'  : 'wm-sl-r sl-home'\n    },{\n      'label' : 'Analytics',\n      'icon'  : 'wm-sl-r sl-graph-ascend'\n    },{\n      'label' : 'Alerts',\n      'icon'  : 'wm-sl-r sl-alarm-bell'\n    },{\n      'label' : 'Settings',\n      'icon'  : 'wm-sl-r sl-settings'\n    }]\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,wCAAwC;AAErE,eAAe,MAAMC,aAAa,SAASD,YAAY,CAAC;EAAA;IAAA;IAAA,6CAChC,kBAAkB;IAAA,yCACtB,MAAM;IAAA,kCACZE,IAAS,IAAK,KAAK;IAAA,iCACf,CAAC;MACb,OAAO,EAAG,MAAM;MAChB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,WAAW;MACrB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,QAAQ;MAClB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,UAAU;MACpB,MAAM,EAAI;IACZ,CAAC,CAAC;EAAA;AACN"}
+{"version":3,"names":["BaseNavProps","WmTabbarProps","constructor","arguments","_defineProperty","item"],"sources":["tabbar.props.ts"],"sourcesContent":["import { BaseNavProps } from '../../navigation/basenav/basenav.props';\n\nexport default class WmTabbarProps extends BaseNavProps {\n  morebuttoniconclass = 'wi wi-more-horiz';\n  morebuttonlabel = 'more';\n  isActive = (item: any) => false;\n  dataset?: any = [{\n      'label' : 'Home',\n      'icon'  : 'wm-sl-r sl-home'\n    },{\n      'label' : 'Analytics',\n      'icon'  : 'wm-sl-r sl-graph-ascend'\n    },{\n      'label' : 'Alerts',\n      'icon'  : 'wm-sl-r sl-alarm-bell'\n    },{\n      'label' : 'Settings',\n      'icon'  : 'wm-sl-r sl-settings'\n    }]\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,wCAAwC;AAErE,eAAe,MAAMC,aAAa,SAASD,YAAY,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,8BAChC,kBAAkB;IAAAA,eAAA,0BACtB,MAAM;IAAAA,eAAA,mBACZC,IAAS,IAAK,KAAK;IAAAD,eAAA,kBACf,CAAC;MACb,OAAO,EAAG,MAAM;MAChB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,WAAW;MACrB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,QAAQ;MAClB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,UAAU;MACpB,MAAM,EAAI;IACZ,CAAC,CAAC;EAAA;AACN"}

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

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

@@ -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"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmPrefabContainerState","WmPrefabContainer","constructor","props","renderWidget","createElement","style","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,WAAWA,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEJ,aAAe,CAAC;EAC/B;EAEAK,YAAYA,CAACD,KAA6B,EAAE;IAC1C,oBACER,KAAA,CAAAU,aAAA,CAACT,IAAI;MAACU,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChBN,KAAK,CAACO,QACH,CAAC;EAEX;AACF"}

app-rn-runtime/core/asset.provider.js

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

@@ -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,IAAW,CAAC;AAExF,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAACG,QAAQ;AAClD,OAAO,MAAMC,aAAa,GAAGJ,YAAY,CAACK,QAAQ"}

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

@@ -1,20 +1,29 @@
+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 injector from '@wavemaker/app-rn-runtime/core/injector';
 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);
   }
@@ -22,12 +31,14 @@ export class BaseComponentState {
 export function defineStyles(styles) {
   return deepCopy({
     text: {
-      fontFamily: ThemeVariables.INSTANCE.baseFont
+      fontFamily: ThemeVariables.INSTANCE.baseFont,
+      userSelect: 'text'
     }
   }, 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 +67,28 @@ 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);
+    _defineProperty(this, "i18nService", injector.I18nService.get());
     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}`);
+      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;
+          }
+        }
+      }
+      if (name === 'showskeleton' && this.initialized) {
+        this.cleanRefresh();
+      }
       this.onPropertyChange(name, $new, $old);
     });
     //@ts-ignore
@@ -95,6 +125,21 @@ 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);
+  }
+  get isRTL() {
+    return this.i18nService.isRTLLocale();
+  }
+  animate(props) {
+    this.setState({
+      animationId: Date.now(),
+      animatableProps: props
+    });
   }
   setProp(propName, value) {
     this.propertyProvider.set(propName, value);
@@ -105,16 +150,7 @@ export class BaseComponent extends React.Component {
   setPropDefault(propName, value) {
     this.propertyProvider.setDefault(propName, value);
   }
-  onPropertyChange(name, $new, $old) {
-    switch (name) {
-      case 'showskeleton':
-        {
-          if (this.initialized) {
-            this.cleanRefresh();
-          }
-        }
-    }
-  }
+  onPropertyChange(name, $new, $old) {}
   getDefaultStyles() {
     return this.theme.getStyle(this.defaultClass);
   }
@@ -193,6 +229,12 @@ export class BaseComponent extends React.Component {
       this.props.listener.onComponentDestroy(this.proxy);
     }
     this.cleanup.forEach(f => f && f());
+    this.notifier.notify('destroy', []);
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (this.propertyProvider.check(this.props)) {
+      this.forceUpdate();
+    }
   }
   invokeEventCallback(eventName, args) {
     //@ts-ignore
@@ -214,19 +256,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,44 +301,74 @@ 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.`);
     const props = this.state.props;
     if (this.state.hide || !this.isVisible() && this.hideMode === HideMode.DONOT_ADD_TO_DOM) {
       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 => {
+          WIDGET_LOGGER.info(() => `${this.props.name || this.constructor.name} is rendering.`);
+          this.theme = theme || BASE_THEME;
+          this.styles = this.theme.mergeStyle(this.getDefaultStyles(), props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null, this.isRTL ? this.theme.getStyle(this.defaultClass + '-rtl') : 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));
+        }));
+      });
     });
   }
 }