@wavemaker/app-rn-runtime 11.4.0-next.25501 → 11.4.0-next.27501

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

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

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

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

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

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

@@ -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));
+        }));
+      });
     });
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["assign","isUndefined","React","ThemeVariables","ROOT_LOGGER","deepCopy","BASE_THEME","ThemeConsumer","attachBackground","ThemeEvent","PropsProvider","assignIn","HideMode","FixedView","WIDGET_LOGGER","extend","ParentContext","createContext","BaseComponentState","defineStyles","styles","text","fontFamily","INSTANCE","baseFont","BaseProps","BaseComponent","Component","constructor","markupProps","defaultClass","defaultProps","defaultState","ADD_TO_DOM","state","propertyProvider","name","$new","$old","debug","props","onPropertyChange","get","check","proxy","Proxy","target","prop","receiver","propName","toString","has","Reflect","set","value","updateState","cleanup","push","updateStateTimeouts","forEach","v","clearTimeout","theme","subscribe","CHANGE","forceUpdate","setProp","setPropDefault","setDefault","initialized","cleanRefresh","getDefaultStyles","getStyle","reset","newPartialState","callback","destroyed","stateFn","oldState","oldProps","newState","Object","keys","k","onUpdateState","listener","onComponentChange","timeoutId","setTimeout","setState","splice","indexOf","shouldComponentUpdate","nextProps","nextState","nextContext","key","componentDidMount","onComponentInit","componentWillAttach","isFixed","hide","componentWillDetach","componentWillUnmount","onComponentDestroy","f","invokeEventCallback","eventName","args","callBack","map","a","apply","e","console","error","isVisible","show","refresh","renderSkeleton","copyStyles","property","from","to","renderFixedContainer","style","rootStyle","left","top","bottom","right","width","height","root","mergeStyle","renderWidget","render","info","hideMode","DONOT_ADD_TO_DOM","parent","_showSkeleton","showskeleton","disabled","classname","showindevice","d","join","hasOwnProperty","backgroundColor","eleToRender","widgetElement","position","undefined"],"sources":["base.component.tsx"],"sourcesContent":["import { assign, isEqual, isUndefined } from 'lodash';\nimport React, { ReactNode } from 'react';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { ROOT_LOGGER } from '@wavemaker/app-rn-runtime/core/logger';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport BASE_THEME, { NamedStyles, AllStyle, ThemeConsumer, attachBackground, ThemeEvent } from '../styles/theme';\nimport { PropsProvider } from './props.provider';\nimport { assignIn } from 'lodash-es';\nimport { HideMode } from './if.component';\nimport { FixedView } from './fixed-view.component';\n\nexport const WIDGET_LOGGER = ROOT_LOGGER.extend('widget');\n\nexport const ParentContext = React.createContext(null as any);\n\nexport class BaseComponentState<T extends BaseProps> {\n    public props = {} as T;\n    public hide? = false;\n}\n\nexport type BaseStyles = NamedStyles<any> & {\n    root: AllStyle,\n    text: TextStyle\n}\n\nexport function defineStyles<T>(styles: T): T {\n    return deepCopy({\n        text: {\n            fontFamily: ThemeVariables.INSTANCE.baseFont\n        }\n    }, styles);\n}\n\nexport interface LifecycleListener {\n    onComponentChange?: (c: BaseComponent<any, any, any>) => void;\n    onComponentInit?: (c: BaseComponent<any, any, any>) => void;\n    onComponentDestroy?: (c: BaseComponent<any, any, any>) => void;\n}\n\nexport class BaseProps {\n    id?: string = null as any;\n    name?: string = null as any;\n    key?: any = null as any;\n    disabled? = false;\n    show? = true as Boolean | String | Number;\n    styles?: any = null;\n    classname?: string = null as any;\n    listener?: LifecycleListener = null as any;\n    showindevice?: ('xs'|'sm'|'md'|'lg'|'xl'|'xxl')[] = null as any;\n    showskeleton?: boolean = false;\n}\n\nexport abstract class BaseComponent<T extends BaseProps, S extends BaseComponentState<T>, L extends BaseStyles> extends React.Component<T, S> {\n    public styles: L = null as any;\n    public hideMode = HideMode.ADD_TO_DOM;\n    private propertyProvider: PropsProvider<T>;\n    public proxy: BaseComponent<T, S, L>;\n    public initialized = false;\n    public cleanup = [] as Function[];\n    public theme = BASE_THEME;\n    public updateStateTimeouts= [] as NodeJS.Timeout[];\n    public parent: BaseComponent<any, any, any> = null as any;\n    public destroyed = false;\n    public _showSkeleton = false;\n    public isFixed = false;\n\n    constructor(markupProps: T, public defaultClass: string, defaultProps?: T, defaultState?: S) {\n        super(markupProps);\n        this.state = (defaultState || {} as S);\n        this.propertyProvider = new PropsProvider<T>(\n            assign({}, defaultProps),\n            assign({}, markupProps),\n            (name: string, $new: any, $old: any) => {\n                WIDGET_LOGGER.debug(() => `${this.props.name ?? this.constructor.name}: ${name} changed from ${$old} to ${$new}`);\n                this.onPropertyChange(name, $new, $old);\n            });\n        //@ts-ignore\n        this.state.props =this.propertyProvider.get();\n        this.propertyProvider.check();\n        //@ts-ignore\n        this.proxy = (new Proxy(this, {\n            get: (target, prop, receiver): any => {\n                const propName = prop.toString();\n                if (this.propertyProvider.has(propName)) {\n                    //@ts-ignore\n                    return this.state.props[propName];\n                }\n                return Reflect.get(target, prop, receiver);\n            },\n            set: (target: any, prop, value: any): any => {\n                const propName = prop.toString();\n                if (this.propertyProvider.has(propName)) {\n                    // @ts-ignore\n                    const props = {} as any;\n                    props[propName] = value;\n                    this.updateState({\n                        props: props\n                    } as S);\n                    return true;\n                } else {\n                    return Reflect.set(target, prop, value);\n                }\n            }\n        }));\n        this.cleanup.push(() => {\n            this.updateStateTimeouts.forEach(v => clearTimeout(v));\n        });\n        this.cleanup.push(this.theme.subscribe(ThemeEvent.CHANGE, () => {\n            this.forceUpdate();\n        }));\n    }\n\n    setProp(propName: string, value: any) {\n        this.propertyProvider.set(propName, value);\n        this.updateState({props:{}} as S);\n    }\n\n    setPropDefault(propName: string, value: any) {\n        this.propertyProvider.setDefault(propName, value);\n    }\n\n    onPropertyChange(name: string, $new: any, $old: any) {\n        switch(name) {\n            case 'showskeleton': {\n                if (this.initialized) {\n                    this.cleanRefresh();\n                }\n            }\n        }\n    }\n\n    getDefaultStyles() {\n        return this.theme.getStyle(this.defaultClass);\n    }\n\n    reset() {\n\n    }\n\n    updateState(newPartialState: S, callback?: ()=>void) {\n        if (this.destroyed) {\n            return;\n        }\n        const stateFn = (oldState: S) => {\n            const oldProps = oldState.props;\n            const newState = this.initialized ? assignIn({}, oldState, newPartialState) : assignIn(oldState, newPartialState);\n            if (newPartialState.props) {\n                Object.keys(newPartialState.props).forEach((k) => {\n                    //@ts-ignore\n                    oldProps[k] = newState.props[k];\n                });\n                newState.props = oldProps;\n            }\n            return newState;\n        };\n        const onUpdateState = () => {\n            callback && callback();\n            this.props.listener?.onComponentChange\n                && this.props.listener?.onComponentChange(this);\n        }\n        if (!this.initialized) {\n            this.state = stateFn(this.state);\n            onUpdateState();\n        } else {\n            const timeoutId = setTimeout(() => {\n                this.setState(stateFn, onUpdateState);\n                this.updateStateTimeouts.splice(this.updateStateTimeouts.indexOf(timeoutId), 1);\n            });\n            this.updateStateTimeouts.push(timeoutId);\n        }\n    }\n\n    shouldComponentUpdate(nextProps: T, nextState: S, nextContext: any) {\n        if (this.propertyProvider.check(nextProps)) {\n            return true;\n        }\n        for(let key in nextState) {\n            if(key !== 'props' && (!(key in this.state) || nextState[key] !== this.state[key])) {\n                return true;\n            }\n        }\n\n        for(let key in this.state) {\n            if(key !== 'props' && (!(key in nextState) || this.state[key] !== nextState[key])) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    componentDidMount() {\n        if (this.props.listener && this.props.listener.onComponentInit) {\n            this.props.listener.onComponentInit(this.proxy);\n        }\n        this.initialized = true;\n    }\n\n    componentWillAttach() {\n        if (this.isFixed) {\n            this.setState({hide: false});\n        }\n    }\n\n    componentWillDetach() {\n        if (this.isFixed) {\n            this.setState({hide: true});\n        }\n    }\n\n    componentWillUnmount() {\n        this.destroyed = true;\n        if (this.props.listener && this.props.listener.onComponentDestroy) {\n            this.props.listener.onComponentDestroy(this.proxy);\n        }\n        this.cleanup.forEach(f => f && f());\n    }\n\n    invokeEventCallback(eventName: string, args: any[]) {\n        //@ts-ignore\n        const callBack: Function = this.props[eventName];\n        args = args && args.map(a => (a === this) ? this.proxy : a)\n        if (callBack) {\n            try {\n              return callBack.apply(this.proxy, args);\n            } catch(e) {\n                console.error(e);\n            }\n        }\n    }\n\n    isVisible() {\n        const show = this.state.props.show;\n        return show !== false && show !== 'false' && show !== '0' && show !== null;\n    }\n\n    protected abstract renderWidget(props: T): ReactNode;\n\n    public refresh() {\n        this.forceUpdate();\n    }\n\n    public cleanRefresh() {\n        this.setState({\n            hide: true\n        }, () => {\n            setTimeout(() => {\n                this.setState({\n                    hide: false\n                });\n            }, 100);\n        })\n    }\n    \n    public renderSkeleton (props: T): ReactNode {\n        return null;\n    }\n\n\n\n    copyStyles(property: string, from: any, to: any) {\n        if (!isUndefined(from[property])) {\n        to[property] = from[property];\n        }\n    }\n\n    renderFixedContainer(props: T) {\n        const style = {} as ViewStyle;\n        const rootStyle = {\n            left: 0,\n            top: 0,\n            bottom: 0,\n            right: 0,\n            width: \"100%\",\n            height: \"100%\"\n        } as ViewStyle;\n        this.copyStyles('left', this.styles.root, style);\n        this.copyStyles('top', this.styles.root, style);\n        this.copyStyles('right', this.styles.root, style);\n        this.copyStyles('bottom', this.styles.root, style);\n        this.copyStyles('width', this.styles.root, style);\n        this.copyStyles('height', this.styles.root, style);\n        this.styles = this.theme.mergeStyle(this.styles, {root: rootStyle});\n        return (<FixedView style={style} theme={this.theme}>{this.renderWidget(props)}</FixedView>);\n    }\n      \n    public render(): ReactNode {\n        WIDGET_LOGGER.info(() => `${this.props.name ?? this.constructor.name} is rendering.`);\n        const props = this.state.props;\n        if (this.state.hide || (!this.isVisible() && this.hideMode === HideMode.DONOT_ADD_TO_DOM)) {\n            return null;\n        }\n        this.isFixed = false;\n        return (<ParentContext.Consumer>\n                {(parent) => {\n                    this.parent = parent;\n                    this._showSkeleton = this.parent?._showSkeleton || !!this.state.props.showskeleton;\n                    return (\n                        <ParentContext.Provider value={this}>\n                        <ThemeConsumer>\n                            {(theme) => {\n                                this.theme = theme || BASE_THEME;\n                                this.styles =  this.theme.mergeStyle(\n                                    this.getDefaultStyles(),\n                                    props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null,\n                                    props.classname && this.theme.getStyle(props.classname),\n                                    props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')),\n                                    this.props.styles);\n                                if (this.styles.root.hasOwnProperty('_background')) {\n                                  delete this.styles.root.backgroundColor;\n                                }\n                                if (!this.isVisible()) {\n                                    assign(this.styles, this.theme.getStyle('hidden'))\n                                }\n                                let eleToRender = (this._showSkeleton && this.renderSkeleton(props));\n                                if (eleToRender) {\n                                    return eleToRender;\n                                }\n                                let widgetElement = null;\n                                this.isFixed = (this.styles.root.position as any) === 'fixed';\n                                if (this.isFixed) {\n                                    this.styles.root.position  = undefined;\n                                    widgetElement = this.renderFixedContainer(props);\n                                } else {\n                                    widgetElement = this.renderWidget(this.state.props);\n                                }\n                                return attachBackground(widgetElement, this.styles.root);\n                            }}\n                        </ThemeConsumer>\n                    </ParentContext.Provider>);\n                }}\n            </ParentContext.Consumer>);\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["assign","isUndefined","React","Animatable","ThemeVariables","StyleProps","getStyleName","BackgroundComponent","ROOT_LOGGER","deepCopy","BASE_THEME","ThemeConsumer","ThemeEvent","EventNotifier","PropsProvider","assignIn","HideMode","AssetConsumer","FixedView","WIDGET_LOGGER","extend","ParentContext","createContext","BaseComponentState","undefined","defineStyles","styles","text","fontFamily","INSTANCE","baseFont","BaseProps","BaseComponent","Component","constructor","markupProps","defaultClass","defaultProps","defaultState","ADD_TO_DOM","state","propertyProvider","name","$new","$old","debug","props","initialized","styleName","styleOverrides","onPropertyChange","get","check","proxy","Proxy","target","prop","receiver","propName","toString","has","Reflect","set","value","updateState","cleanup","push","updateStateTimeouts","forEach","v","clearTimeout","theme","subscribe","CHANGE","forceUpdate","destroyParentListeners","event","fn","notifier","animate","setState","animationId","Date","now","animatableProps","setProp","setPropDefault","setDefault","cleanRefresh","getDefaultStyles","getStyle","reset","newPartialState","callback","destroyed","stateFn","oldState","oldProps","newState","Object","keys","k","onUpdateState","listener","onComponentChange","timeoutId","setTimeout","splice","indexOf","shouldComponentUpdate","nextProps","nextState","nextContext","key","componentDidMount","onComponentInit","componentWillAttach","isFixed","hide","componentWillDetach","componentWillUnmount","onComponentDestroy","f","notify","invokeEventCallback","eventName","args","callBack","map","a","apply","e","console","error","isVisible","show","refresh","renderSkeleton","parentListenerDestroyers","setParent","parent","copyStyles","property","from","to","renderFixedContainer","style","rootStyle","left","top","bottom","right","width","height","root","mergeStyle","addAnimation","renderWidget","n","setBackground","bgStyle","_background","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundResizeMode","borderRadius","render","info","hideMode","DONOT_ADD_TO_DOM","loadAsset","_showSkeleton","showskeleton","disabled","classname","showindevice","d","join","hasOwnProperty","backgroundColor","eleToRender","position"],"sources":["base.component.tsx"],"sourcesContent":["import { assign, isEqual, isUndefined } from 'lodash';\nimport React, { ReactNode } from 'react';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { AnimatableProperties } from 'react-native-animatable';\nimport * as Animatable from 'react-native-animatable';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { StyleProps, getStyleName } from '@wavemaker/app-rn-runtime/styles/style-props';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport { ROOT_LOGGER } from '@wavemaker/app-rn-runtime/core/logger';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport BASE_THEME, { NamedStyles, AllStyle, ThemeConsumer, ThemeEvent } from '../styles/theme';\nimport EventNotifier from './event-notifier';\nimport { PropsProvider } from './props.provider';\nimport { assignIn } from 'lodash-es';\nimport { HideMode } from './if.component';\nimport { AssetConsumer } from './asset.provider';\nimport { FixedView } from './fixed-view.component';\n\nexport const WIDGET_LOGGER = ROOT_LOGGER.extend('widget');\n\nexport const ParentContext = React.createContext(null as any);\n\nexport class BaseComponentState<T extends BaseProps> {\n    public animationId?: number = 0;\n    public animatableProps?: AnimatableProperties<ViewStyle> = undefined;\n    public props = {} as T;\n    public hide? = false;\n}\n\nexport type BaseStyles = NamedStyles<any> & {\n    root: AllStyle,\n    text: TextStyle\n}\n\nexport function defineStyles<T>(styles: T): T {\n    return deepCopy({\n        text: {\n            fontFamily: ThemeVariables.INSTANCE.baseFont\n        }\n    }, styles);\n}\n\nexport interface LifecycleListener {\n    onComponentChange?: (c: BaseComponent<any, any, any>) => void;\n    onComponentInit?: (c: BaseComponent<any, any, any>) => void;\n    onComponentDestroy?: (c: BaseComponent<any, any, any>) => void;\n}\n\nexport class BaseProps extends StyleProps {\n    id?: string = null as any;\n    name?: string = null as any;\n    key?: any = null as any;\n    disabled? = false;\n    show? = true as Boolean | String | Number;\n    styles?: any = null;\n    classname?: string = null as any;\n    listener?: LifecycleListener = null as any;\n    showindevice?: ('xs'|'sm'|'md'|'lg'|'xl'|'xxl')[] = null as any;\n    showskeleton?: boolean = false;\n}\n\nexport abstract class BaseComponent<T extends BaseProps, S extends BaseComponentState<T>, L extends BaseStyles> extends React.Component<T, S> {\n    public styles: L = null as any;\n    public hideMode = HideMode.ADD_TO_DOM;\n    private propertyProvider: PropsProvider<T>;\n    public proxy: BaseComponent<T, S, L>;\n    public initialized = false;\n    public cleanup = [] as Function[];\n    public theme = BASE_THEME;\n    public updateStateTimeouts= [] as NodeJS.Timeout[];\n    public parent: BaseComponent<any, any, any> = null as any;\n    public destroyed = false;\n    public _showSkeleton = false;\n    public isFixed = false;\n    private notifier = new EventNotifier();\n    private parentListenerDestroyers = [] as Function[];\n    public _background = <></>;\n    private styleOverrides = {} as any;\n    public loadAsset: (path: string) => number | string = null as any;\n\n    constructor(markupProps: T, public defaultClass: string, defaultProps?: T, defaultState?: S) {\n        super(markupProps);\n        this.state = (defaultState || {} as S);\n        this.propertyProvider = new PropsProvider<T>(\n            assign({}, defaultProps),\n            assign({}, markupProps),\n            (name: string, $new: any, $old: any) => {\n                WIDGET_LOGGER.debug(() => `${this.props.name ?? this.constructor.name}: ${name} changed from ${$old} to ${$new}`);\n                if (this.initialized) {\n                    const styleName = getStyleName(name);\n                    if (styleName) {\n                        if ($new === undefined) {\n                            delete this.styleOverrides[styleName];\n                        } else {\n                            this.styleOverrides[styleName] = $new;\n                        }\n                    }\n                }\n                this.onPropertyChange(name, $new, $old);\n            });\n        //@ts-ignore\n        this.state.props =this.propertyProvider.get();\n        this.propertyProvider.check();\n        //@ts-ignore\n        this.proxy = (new Proxy(this, {\n            get: (target, prop, receiver): any => {\n                const propName = prop.toString();\n                if (this.propertyProvider.has(propName)) {\n                    //@ts-ignore\n                    return this.state.props[propName];\n                }\n                return Reflect.get(target, prop, receiver);\n            },\n            set: (target: any, prop, value: any): any => {\n                const propName = prop.toString();\n                if (this.propertyProvider.has(propName)) {\n                    // @ts-ignore\n                    const props = {} as any;\n                    props[propName] = value;\n                    this.updateState({\n                        props: props\n                    } as S);\n                    return true;\n                } else {\n                    return Reflect.set(target, prop, value);\n                }\n            }\n        }));\n        this.cleanup.push(() => {\n            this.updateStateTimeouts.forEach(v => clearTimeout(v));\n        });\n        this.cleanup.push(this.theme.subscribe(ThemeEvent.CHANGE, () => {\n            this.forceUpdate();\n        }));\n        this.cleanup.push(() => {\n            this.destroyParentListeners();\n        });\n    }\n\n    public subscribe(event: string, fn: Function) {\n        return this.notifier.subscribe(event, fn);\n    }\n\n    public animate(props: AnimatableProperties<ViewStyle>) {\n        this.setState({\n            animationId: Date.now(),\n            animatableProps: props\n        });\n    }\n\n    setProp(propName: string, value: any) {\n        this.propertyProvider.set(propName, value);\n        this.updateState({props:{}} as S);\n    }\n\n    setPropDefault(propName: string, value: any) {\n        this.propertyProvider.setDefault(propName, value);\n    }\n\n    onPropertyChange(name: string, $new: any, $old: any) {\n        switch(name) {\n            case 'showskeleton': {\n                if (this.initialized) {\n                    this.cleanRefresh();\n                }\n            }\n        }\n    }\n\n    getDefaultStyles() {\n        return this.theme.getStyle(this.defaultClass);\n    }\n\n    reset() {\n\n    }\n\n    updateState(newPartialState: S, callback?: ()=>void) {\n        if (this.destroyed) {\n            return;\n        }\n        const stateFn = (oldState: S) => {\n            const oldProps = oldState.props;\n            const newState = this.initialized ? assignIn({}, oldState, newPartialState) : assignIn(oldState, newPartialState);\n            if (newPartialState.props) {\n                Object.keys(newPartialState.props).forEach((k) => {\n                    //@ts-ignore\n                    oldProps[k] = newState.props[k];\n                });\n                newState.props = oldProps;\n            }\n            return newState;\n        };\n        const onUpdateState = () => {\n            callback && callback();\n            this.props.listener?.onComponentChange\n                && this.props.listener?.onComponentChange(this);\n        }\n        if (!this.initialized) {\n            this.state = stateFn(this.state);\n            onUpdateState();\n        } else {\n            const timeoutId = setTimeout(() => {\n                this.setState(stateFn, onUpdateState);\n                this.updateStateTimeouts.splice(this.updateStateTimeouts.indexOf(timeoutId), 1);\n            });\n            this.updateStateTimeouts.push(timeoutId);\n        }\n    }\n\n    shouldComponentUpdate(nextProps: T, nextState: S, nextContext: any) {\n        if (this.propertyProvider.check(nextProps)) {\n            return true;\n        }\n        for(let key in nextState) {\n            if(key !== 'props' && (!(key in this.state) || nextState[key] !== this.state[key])) {\n                return true;\n            }\n        }\n\n        for(let key in this.state) {\n            if(key !== 'props' && (!(key in nextState) || this.state[key] !== nextState[key])) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    componentDidMount() {\n        if (this.props.listener && this.props.listener.onComponentInit) {\n            this.props.listener.onComponentInit(this.proxy);\n        }\n        this.initialized = true;\n    }\n\n    componentWillAttach() {\n        if (this.isFixed) {\n            this.setState({hide: false});\n        }\n    }\n\n    componentWillDetach() {\n        if (this.isFixed) {\n            this.setState({hide: true});\n        }\n    }\n\n    componentWillUnmount() {\n        this.destroyed = true;\n        if (this.props.listener && this.props.listener.onComponentDestroy) {\n            this.props.listener.onComponentDestroy(this.proxy);\n        }\n        this.cleanup.forEach(f => f && f());\n        this.notifier.notify('destroy', []);\n    }\n\n    invokeEventCallback(eventName: string, args: any[]) {\n        //@ts-ignore\n        const callBack: Function = this.props[eventName];\n        args = args && args.map(a => (a === this) ? this.proxy : a)\n        if (callBack) {\n            try {\n              return callBack.apply(this.proxy, args);\n            } catch(e) {\n                console.error(e);\n            }\n        }\n    }\n\n    isVisible() {\n        const show = this.state.props.show;\n        return show !== false && show !== 'false' && show !== '0' && show !== null;\n    }\n\n    protected abstract renderWidget(props: T): ReactNode;\n\n    public refresh() {\n        this.forceUpdate();\n    }\n\n    public cleanRefresh() {\n        this.forceUpdate(() => this.notifier.notify('forceUpdate', []));\n    }\n    \n    public renderSkeleton (props: T): ReactNode {\n        return null;\n    }\n\n    public destroyParentListeners() {\n        this.parentListenerDestroyers.map(fn => fn());\n    }\n\n    private setParent(parent: BaseComponent<any, any, any>) {\n        if (parent && this.parent !== parent)  {\n            this.parent = parent;\n            this.parentListenerDestroyers = [\n                this.parent.subscribe('forceUpdate', () => {\n                    this.cleanRefresh();\n                }),\n                this.parent.subscribe('destroy', () => {\n                    this.destroyParentListeners();\n                })\n            ];\n        }\n    }\n\n    copyStyles(property: string, from: any, to: any) {\n        if (!isUndefined(from[property])) {\n        to[property] = from[property];\n        }\n    }\n\n    renderFixedContainer(props: T) {\n        const style = {} as ViewStyle;\n        const rootStyle = {\n            left: 0,\n            top: 0,\n            bottom: 0,\n            right: 0,\n            width: \"100%\",\n            height: \"100%\"\n        } as ViewStyle;\n        this.copyStyles('left', this.styles.root, style);\n        this.copyStyles('top', this.styles.root, style);\n        this.copyStyles('right', this.styles.root, style);\n        this.copyStyles('bottom', this.styles.root, style);\n        this.copyStyles('width', this.styles.root, style);\n        this.copyStyles('height', this.styles.root, style);\n        this.styles = this.theme.mergeStyle(this.styles, {root: rootStyle});\n        return (<FixedView style={style} theme={this.theme}>{this.addAnimation(this.renderWidget(props))}</FixedView>);\n    }\n\n    private addAnimation(n: ReactNode) {\n        if (!this.state.animatableProps) {\n            return n;\n        }\n        return (<Animatable.View key={this.state.animationId} {...this.state.animatableProps}>{n}</Animatable.View>);\n    }\n    \n    private setBackground() {\n        const bgStyle = this.styles.root as any;\n        this._background = (\n            <BackgroundComponent \n                image={bgStyle.backgroundImage}\n                position={bgStyle.backgroundPosition}\n                size={bgStyle.backgroundSize}\n                repeat={bgStyle.backgroundRepeat}\n                resizeMode={bgStyle.backgroundResizeMode}\n                style={{borderRadius: this.styles.root.borderRadius}}>\n            </BackgroundComponent>\n        );\n        delete (this.styles.root as any)['backgroundImage'];\n        delete (this.styles.root as any)['backgroundPosition'];\n        delete (this.styles.root as any)['backgroundResizeMode'];\n        delete (this.styles.root as any)['backgroundSize'];\n        delete (this.styles.root as any)['backgroundRepeat'];\n    }\n      \n    public render(): ReactNode {\n        WIDGET_LOGGER.info(() => `${this.props.name ?? this.constructor.name} is rendering.`);\n        const props = this.state.props;\n        if (this.state.hide || (!this.isVisible() && this.hideMode === HideMode.DONOT_ADD_TO_DOM)) {\n            return null;\n        }\n        this.isFixed = false;\n        return (<AssetConsumer>\n            {(loadAsset) => {\n            this.loadAsset = loadAsset;\n            return (<ParentContext.Consumer>\n                {(parent) => {\n                    this.setParent(parent);\n                    this._showSkeleton = this.parent?._showSkeleton || !!this.state.props.showskeleton;\n                    return (\n                        <ParentContext.Provider value={this}>\n                        <ThemeConsumer>\n                            {(theme) => {\n                                this.theme = theme || BASE_THEME;\n                                this.styles =  this.theme.mergeStyle(\n                                    this.getDefaultStyles(),\n                                    props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null,\n                                    props.classname && this.theme.getStyle(props.classname),\n                                    props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')),\n                                    this.props.styles,\n                                    {\n                                        root: this.styleOverrides,\n                                        text: this.styleOverrides\n                                    });\n                                if (this.styles.root.hasOwnProperty('_background')) {\n                                  delete this.styles.root.backgroundColor;\n                                }\n                                if (!this.isVisible()) {\n                                    assign(this.styles, this.theme.getStyle('hidden'))\n                                }\n                                let eleToRender = (this._showSkeleton && this.renderSkeleton(props));\n                                if (eleToRender) {\n                                    return eleToRender;\n                                }\n                                this.setBackground();\n                                this.isFixed = (this.styles.root.position as any) === 'fixed';\n                                if (this.isFixed) {\n                                    this.styles.root.position  = undefined;\n                                    return this.renderFixedContainer(props);\n                                }\n                                return this.addAnimation(this.renderWidget(this.state.props));\n                            }}\n                        </ThemeConsumer>\n                    </ParentContext.Provider>);\n                }}\n            </ParentContext.Consumer>);\n        }}\n        </AssetConsumer>);\n    }\n}\n"],"mappings":";;;;AAAA,SAASA,MAAM,EAAWC,WAAW,QAAQ,QAAQ;AACrD,OAAOC,KAAK,MAAqB,OAAO;AAGxC,OAAO,KAAKC,UAAU,MAAM,yBAAyB;AACrD,OAAOC,cAAc,MAAM,kDAAkD;AAC7E,SAASC,UAAU,EAAEC,YAAY,QAAQ,8CAA8C;AACvF,SAASC,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,QAAQ,QAAQ,sCAAsC;AAC/D,OAAOC,UAAU,IAA2BC,aAAa,EAAEC,UAAU,QAAQ,iBAAiB;AAC9F,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,SAAS,QAAQ,wBAAwB;AAElD,OAAO,MAAMC,aAAa,GAAGX,WAAW,CAACY,MAAM,CAAC,QAAQ,CAAC;AAEzD,OAAO,MAAMC,aAAa,gBAAGnB,KAAK,CAACoB,aAAa,CAAC,IAAI,CAAQ;AAE7D,OAAO,MAAMC,kBAAkB,CAAsB;EAAA;IAAA,qCACnB,CAAC;IAAA,yCAC4BC,SAAS;IAAA,+BACrD,CAAC,CAAC;IAAA,8BACF,KAAK;EAAA;AACxB;AAOA,OAAO,SAASC,YAAY,CAAIC,MAAS,EAAK;EAC1C,OAAOjB,QAAQ,CAAC;IACZkB,IAAI,EAAE;MACFC,UAAU,EAAExB,cAAc,CAACyB,QAAQ,CAACC;IACxC;EACJ,CAAC,EAAEJ,MAAM,CAAC;AACd;AAQA,OAAO,MAAMK,SAAS,SAAS1B,UAAU,CAAC;EAAA;IAAA;IAAA,4BACxB,IAAI;IAAA,8BACF,IAAI;IAAA,6BACR,IAAI;IAAA,kCACJ,KAAK;IAAA,8BACT,IAAI;IAAA,gCACG,IAAI;IAAA,mCACE,IAAI;IAAA,kCACM,IAAI;IAAA,sCACiB,IAAI;IAAA,sCAC/B,KAAK;EAAA;AAClC;AAEA,OAAO,MAAe2B,aAAa,SAAqF9B,KAAK,CAAC+B,SAAS,CAAO;EAmB1IC,WAAW,CAACC,WAAc,EAASC,YAAoB,EAAEC,YAAgB,EAAEC,YAAgB,EAAE;IACzF,KAAK,CAACH,WAAW,CAAC;IAAC,KADYC,YAAoB,GAApBA,YAAoB;IAAA,gCAlBpC,IAAI;IAAA,kCACLpB,QAAQ,CAACuB,UAAU;IAAA;IAAA;IAAA,qCAGhB,KAAK;IAAA,iCACT,EAAE;IAAA,+BACJ7B,UAAU;IAAA,6CACG,EAAE;IAAA,gCACgB,IAAI;IAAA,mCAC/B,KAAK;IAAA,uCACD,KAAK;IAAA,iCACX,KAAK;IAAA,kCACH,IAAIG,aAAa,EAAE;IAAA,kDACH,EAAE;IAAA,kDAChB,yCAAK;IAAA,wCACD,CAAC,CAAC;IAAA,mCAC2B,IAAI;IAItD,IAAI,CAAC2B,KAAK,GAAIF,YAAY,IAAI,CAAC,CAAO;IACtC,IAAI,CAACG,gBAAgB,GAAG,IAAI3B,aAAa,CACrCd,MAAM,CAAC,CAAC,CAAC,EAAEqC,YAAY,CAAC,EACxBrC,MAAM,CAAC,CAAC,CAAC,EAAEmC,WAAW,CAAC,EACvB,CAACO,IAAY,EAAEC,IAAS,EAAEC,IAAS,KAAK;MACpCzB,aAAa,CAAC0B,KAAK,CAAC,MAAO,GAAE,IAAI,CAACC,KAAK,CAACJ,IAAI,IAAI,IAAI,CAACR,WAAW,CAACQ,IAAK,KAAIA,IAAK,iBAAgBE,IAAK,OAAMD,IAAK,EAAC,CAAC;MACjH,IAAI,IAAI,CAACI,WAAW,EAAE;QAClB,MAAMC,SAAS,GAAG1C,YAAY,CAACoC,IAAI,CAAC;QACpC,IAAIM,SAAS,EAAE;UACX,IAAIL,IAAI,KAAKnB,SAAS,EAAE;YACpB,OAAO,IAAI,CAACyB,cAAc,CAACD,SAAS,CAAC;UACzC,CAAC,MAAM;YACH,IAAI,CAACC,cAAc,CAACD,SAAS,CAAC,GAAGL,IAAI;UACzC;QACJ;MACJ;MACA,IAAI,CAACO,gBAAgB,CAACR,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IAC3C,CAAC,CAAC;IACN;IACA,IAAI,CAACJ,KAAK,CAACM,KAAK,GAAE,IAAI,CAACL,gBAAgB,CAACU,GAAG,EAAE;IAC7C,IAAI,CAACV,gBAAgB,CAACW,KAAK,EAAE;IAC7B;IACA,IAAI,CAACC,KAAK,GAAI,IAAIC,KAAK,CAAC,IAAI,EAAE;MAC1BH,GAAG,EAAE,CAACI,MAAM,EAAEC,IAAI,EAAEC,QAAQ,KAAU;QAClC,MAAMC,QAAQ,GAAGF,IAAI,CAACG,QAAQ,EAAE;QAChC,IAAI,IAAI,CAAClB,gBAAgB,CAACmB,GAAG,CAACF,QAAQ,CAAC,EAAE;UACrC;UACA,OAAO,IAAI,CAAClB,KAAK,CAACM,KAAK,CAACY,QAAQ,CAAC;QACrC;QACA,OAAOG,OAAO,CAACV,GAAG,CAACI,MAAM,EAAEC,IAAI,EAAEC,QAAQ,CAAC;MAC9C,CAAC;MACDK,GAAG,EAAE,CAACP,MAAW,EAAEC,IAAI,EAAEO,KAAU,KAAU;QACzC,MAAML,QAAQ,GAAGF,IAAI,CAACG,QAAQ,EAAE;QAChC,IAAI,IAAI,CAAClB,gBAAgB,CAACmB,GAAG,CAACF,QAAQ,CAAC,EAAE;UACrC;UACA,MAAMZ,KAAK,GAAG,CAAC,CAAQ;UACvBA,KAAK,CAACY,QAAQ,CAAC,GAAGK,KAAK;UACvB,IAAI,CAACC,WAAW,CAAC;YACblB,KAAK,EAAEA;UACX,CAAC,CAAM;UACP,OAAO,IAAI;QACf,CAAC,MAAM;UACH,OAAOe,OAAO,CAACC,GAAG,CAACP,MAAM,EAAEC,IAAI,EAAEO,KAAK,CAAC;QAC3C;MACJ;IACJ,CAAC,CAAE;IACH,IAAI,CAACE,OAAO,CAACC,IAAI,CAAC,MAAM;MACpB,IAAI,CAACC,mBAAmB,CAACC,OAAO,CAACC,CAAC,IAAIC,YAAY,CAACD,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC;IACF,IAAI,CAACJ,OAAO,CAACC,IAAI,CAAC,IAAI,CAACK,KAAK,CAACC,SAAS,CAAC5D,UAAU,CAAC6D,MAAM,EAAE,MAAM;MAC5D,IAAI,CAACC,WAAW,EAAE;IACtB,CAAC,CAAC,CAAC;IACH,IAAI,CAACT,OAAO,CAACC,IAAI,CAAC,MAAM;MACpB,IAAI,CAACS,sBAAsB,EAAE;IACjC,CAAC,CAAC;EACN;EAEOH,SAAS,CAACI,KAAa,EAAEC,EAAY,EAAE;IAC1C,OAAO,IAAI,CAACC,QAAQ,CAACN,SAAS,CAACI,KAAK,EAAEC,EAAE,CAAC;EAC7C;EAEOE,OAAO,CAACjC,KAAsC,EAAE;IACnD,IAAI,CAACkC,QAAQ,CAAC;MACVC,WAAW,EAAEC,IAAI,CAACC,GAAG,EAAE;MACvBC,eAAe,EAAEtC;IACrB,CAAC,CAAC;EACN;EAEAuC,OAAO,CAAC3B,QAAgB,EAAEK,KAAU,EAAE;IAClC,IAAI,CAACtB,gBAAgB,CAACqB,GAAG,CAACJ,QAAQ,EAAEK,KAAK,CAAC;IAC1C,IAAI,CAACC,WAAW,CAAC;MAAClB,KAAK,EAAC,CAAC;IAAC,CAAC,CAAM;EACrC;EAEAwC,cAAc,CAAC5B,QAAgB,EAAEK,KAAU,EAAE;IACzC,IAAI,CAACtB,gBAAgB,CAAC8C,UAAU,CAAC7B,QAAQ,EAAEK,KAAK,CAAC;EACrD;EAEAb,gBAAgB,CAACR,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACjD,QAAOF,IAAI;MACP,KAAK,cAAc;QAAE;UACjB,IAAI,IAAI,CAACK,WAAW,EAAE;YAClB,IAAI,CAACyC,YAAY,EAAE;UACvB;QACJ;IAAC;EAET;EAEAC,gBAAgB,GAAG;IACf,OAAO,IAAI,CAAClB,KAAK,CAACmB,QAAQ,CAAC,IAAI,CAACtD,YAAY,CAAC;EACjD;EAEAuD,KAAK,GAAG,CAER;EAEA3B,WAAW,CAAC4B,eAAkB,EAAEC,QAAmB,EAAE;IACjD,IAAI,IAAI,CAACC,SAAS,EAAE;MAChB;IACJ;IACA,MAAMC,OAAO,GAAIC,QAAW,IAAK;MAC7B,MAAMC,QAAQ,GAAGD,QAAQ,CAAClD,KAAK;MAC/B,MAAMoD,QAAQ,GAAG,IAAI,CAACnD,WAAW,GAAGhC,QAAQ,CAAC,CAAC,CAAC,EAAEiF,QAAQ,EAAEJ,eAAe,CAAC,GAAG7E,QAAQ,CAACiF,QAAQ,EAAEJ,eAAe,CAAC;MACjH,IAAIA,eAAe,CAAC9C,KAAK,EAAE;QACvBqD,MAAM,CAACC,IAAI,CAACR,eAAe,CAAC9C,KAAK,CAAC,CAACsB,OAAO,CAAEiC,CAAC,IAAK;UAC9C;UACAJ,QAAQ,CAACI,CAAC,CAAC,GAAGH,QAAQ,CAACpD,KAAK,CAACuD,CAAC,CAAC;QACnC,CAAC,CAAC;QACFH,QAAQ,CAACpD,KAAK,GAAGmD,QAAQ;MAC7B;MACA,OAAOC,QAAQ;IACnB,CAAC;IACD,MAAMI,aAAa,GAAG,MAAM;MAAA;MACxBT,QAAQ,IAAIA,QAAQ,EAAE;MACtB,6BAAI,CAAC/C,KAAK,CAACyD,QAAQ,yDAAnB,qBAAqBC,iBAAiB,+BAC/B,IAAI,CAAC1D,KAAK,CAACyD,QAAQ,0DAAnB,sBAAqBC,iBAAiB,CAAC,IAAI,CAAC;IACvD,CAAC;IACD,IAAI,CAAC,IAAI,CAACzD,WAAW,EAAE;MACnB,IAAI,CAACP,KAAK,GAAGuD,OAAO,CAAC,IAAI,CAACvD,KAAK,CAAC;MAChC8D,aAAa,EAAE;IACnB,CAAC,MAAM;MACH,MAAMG,SAAS,GAAGC,UAAU,CAAC,MAAM;QAC/B,IAAI,CAAC1B,QAAQ,CAACe,OAAO,EAAEO,aAAa,CAAC;QACrC,IAAI,CAACnC,mBAAmB,CAACwC,MAAM,CAAC,IAAI,CAACxC,mBAAmB,CAACyC,OAAO,CAACH,SAAS,CAAC,EAAE,CAAC,CAAC;MACnF,CAAC,CAAC;MACF,IAAI,CAACtC,mBAAmB,CAACD,IAAI,CAACuC,SAAS,CAAC;IAC5C;EACJ;EAEAI,qBAAqB,CAACC,SAAY,EAAEC,SAAY,EAAEC,WAAgB,EAAE;IAChE,IAAI,IAAI,CAACvE,gBAAgB,CAACW,KAAK,CAAC0D,SAAS,CAAC,EAAE;MACxC,OAAO,IAAI;IACf;IACA,KAAI,IAAIG,GAAG,IAAIF,SAAS,EAAE;MACtB,IAAGE,GAAG,KAAK,OAAO,KAAK,EAAEA,GAAG,IAAI,IAAI,CAACzE,KAAK,CAAC,IAAIuE,SAAS,CAACE,GAAG,CAAC,KAAK,IAAI,CAACzE,KAAK,CAACyE,GAAG,CAAC,CAAC,EAAE;QAChF,OAAO,IAAI;MACf;IACJ;IAEA,KAAI,IAAIA,GAAG,IAAI,IAAI,CAACzE,KAAK,EAAE;MACvB,IAAGyE,GAAG,KAAK,OAAO,KAAK,EAAEA,GAAG,IAAIF,SAAS,CAAC,IAAI,IAAI,CAACvE,KAAK,CAACyE,GAAG,CAAC,KAAKF,SAAS,CAACE,GAAG,CAAC,CAAC,EAAE;QAC/E,OAAO,IAAI;MACf;IACJ;IACA,OAAO,KAAK;EAChB;EAEAC,iBAAiB,GAAG;IAChB,IAAI,IAAI,CAACpE,KAAK,CAACyD,QAAQ,IAAI,IAAI,CAACzD,KAAK,CAACyD,QAAQ,CAACY,eAAe,EAAE;MAC5D,IAAI,CAACrE,KAAK,CAACyD,QAAQ,CAACY,eAAe,CAAC,IAAI,CAAC9D,KAAK,CAAC;IACnD;IACA,IAAI,CAACN,WAAW,GAAG,IAAI;EAC3B;EAEAqE,mBAAmB,GAAG;IAClB,IAAI,IAAI,CAACC,OAAO,EAAE;MACd,IAAI,CAACrC,QAAQ,CAAC;QAACsC,IAAI,EAAE;MAAK,CAAC,CAAC;IAChC;EACJ;EAEAC,mBAAmB,GAAG;IAClB,IAAI,IAAI,CAACF,OAAO,EAAE;MACd,IAAI,CAACrC,QAAQ,CAAC;QAACsC,IAAI,EAAE;MAAI,CAAC,CAAC;IAC/B;EACJ;EAEAE,oBAAoB,GAAG;IACnB,IAAI,CAAC1B,SAAS,GAAG,IAAI;IACrB,IAAI,IAAI,CAAChD,KAAK,CAACyD,QAAQ,IAAI,IAAI,CAACzD,KAAK,CAACyD,QAAQ,CAACkB,kBAAkB,EAAE;MAC/D,IAAI,CAAC3E,KAAK,CAACyD,QAAQ,CAACkB,kBAAkB,CAAC,IAAI,CAACpE,KAAK,CAAC;IACtD;IACA,IAAI,CAACY,OAAO,CAACG,OAAO,CAACsD,CAAC,IAAIA,CAAC,IAAIA,CAAC,EAAE,CAAC;IACnC,IAAI,CAAC5C,QAAQ,CAAC6C,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC;EACvC;EAEAC,mBAAmB,CAACC,SAAiB,EAAEC,IAAW,EAAE;IAChD;IACA,MAAMC,QAAkB,GAAG,IAAI,CAACjF,KAAK,CAAC+E,SAAS,CAAC;IAChDC,IAAI,GAAGA,IAAI,IAAIA,IAAI,CAACE,GAAG,CAACC,CAAC,IAAKA,CAAC,KAAK,IAAI,GAAI,IAAI,CAAC5E,KAAK,GAAG4E,CAAC,CAAC;IAC3D,IAAIF,QAAQ,EAAE;MACV,IAAI;QACF,OAAOA,QAAQ,CAACG,KAAK,CAAC,IAAI,CAAC7E,KAAK,EAAEyE,IAAI,CAAC;MACzC,CAAC,CAAC,OAAMK,CAAC,EAAE;QACPC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;MACpB;IACJ;EACJ;EAEAG,SAAS,GAAG;IACR,MAAMC,IAAI,GAAG,IAAI,CAAC/F,KAAK,CAACM,KAAK,CAACyF,IAAI;IAClC,OAAOA,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,GAAG,IAAIA,IAAI,KAAK,IAAI;EAC9E;EAIOC,OAAO,GAAG;IACb,IAAI,CAAC9D,WAAW,EAAE;EACtB;EAEOc,YAAY,GAAG;IAClB,IAAI,CAACd,WAAW,CAAC,MAAM,IAAI,CAACI,QAAQ,CAAC6C,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;EACnE;EAEOc,cAAc,CAAE3F,KAAQ,EAAa;IACxC,OAAO,IAAI;EACf;EAEO6B,sBAAsB,GAAG;IAC5B,IAAI,CAAC+D,wBAAwB,CAACV,GAAG,CAACnD,EAAE,IAAIA,EAAE,EAAE,CAAC;EACjD;EAEQ8D,SAAS,CAACC,MAAoC,EAAE;IACpD,IAAIA,MAAM,IAAI,IAAI,CAACA,MAAM,KAAKA,MAAM,EAAG;MACnC,IAAI,CAACA,MAAM,GAAGA,MAAM;MACpB,IAAI,CAACF,wBAAwB,GAAG,CAC5B,IAAI,CAACE,MAAM,CAACpE,SAAS,CAAC,aAAa,EAAE,MAAM;QACvC,IAAI,CAACgB,YAAY,EAAE;MACvB,CAAC,CAAC,EACF,IAAI,CAACoD,MAAM,CAACpE,SAAS,CAAC,SAAS,EAAE,MAAM;QACnC,IAAI,CAACG,sBAAsB,EAAE;MACjC,CAAC,CAAC,CACL;IACL;EACJ;EAEAkE,UAAU,CAACC,QAAgB,EAAEC,IAAS,EAAEC,EAAO,EAAE;IAC7C,IAAI,CAAC/I,WAAW,CAAC8I,IAAI,CAACD,QAAQ,CAAC,CAAC,EAAE;MAClCE,EAAE,CAACF,QAAQ,CAAC,GAAGC,IAAI,CAACD,QAAQ,CAAC;IAC7B;EACJ;EAEAG,oBAAoB,CAACnG,KAAQ,EAAE;IAC3B,MAAMoG,KAAK,GAAG,CAAC,CAAc;IAC7B,MAAMC,SAAS,GAAG;MACdC,IAAI,EAAE,CAAC;MACPC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,CAAC;MACRC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACZ,CAAc;IACd,IAAI,CAACZ,UAAU,CAAC,MAAM,EAAE,IAAI,CAACnH,MAAM,CAACgI,IAAI,EAAER,KAAK,CAAC;IAChD,IAAI,CAACL,UAAU,CAAC,KAAK,EAAE,IAAI,CAACnH,MAAM,CAACgI,IAAI,EAAER,KAAK,CAAC;IAC/C,IAAI,CAACL,UAAU,CAAC,OAAO,EAAE,IAAI,CAACnH,MAAM,CAACgI,IAAI,EAAER,KAAK,CAAC;IACjD,IAAI,CAACL,UAAU,CAAC,QAAQ,EAAE,IAAI,CAACnH,MAAM,CAACgI,IAAI,EAAER,KAAK,CAAC;IAClD,IAAI,CAACL,UAAU,CAAC,OAAO,EAAE,IAAI,CAACnH,MAAM,CAACgI,IAAI,EAAER,KAAK,CAAC;IACjD,IAAI,CAACL,UAAU,CAAC,QAAQ,EAAE,IAAI,CAACnH,MAAM,CAACgI,IAAI,EAAER,KAAK,CAAC;IAClD,IAAI,CAACxH,MAAM,GAAG,IAAI,CAAC6C,KAAK,CAACoF,UAAU,CAAC,IAAI,CAACjI,MAAM,EAAE;MAACgI,IAAI,EAAEP;IAAS,CAAC,CAAC;IACnE,oBAAQ,oBAAC,SAAS;MAAC,KAAK,EAAED,KAAM;MAAC,KAAK,EAAE,IAAI,CAAC3E;IAAM,GAAE,IAAI,CAACqF,YAAY,CAAC,IAAI,CAACC,YAAY,CAAC/G,KAAK,CAAC,CAAC,CAAa;EACjH;EAEQ8G,YAAY,CAACE,CAAY,EAAE;IAC/B,IAAI,CAAC,IAAI,CAACtH,KAAK,CAAC4C,eAAe,EAAE;MAC7B,OAAO0E,CAAC;IACZ;IACA,oBAAQ,oBAAC,UAAU,CAAC,IAAI;MAAC,GAAG,EAAE,IAAI,CAACtH,KAAK,CAACyC;IAAY,GAAK,IAAI,CAACzC,KAAK,CAAC4C,eAAe,GAAG0E,CAAC,CAAmB;EAC/G;EAEQC,aAAa,GAAG;IACpB,MAAMC,OAAO,GAAG,IAAI,CAACtI,MAAM,CAACgI,IAAW;IACvC,IAAI,CAACO,WAAW,gBACZ,oBAAC,mBAAmB;MAChB,KAAK,EAAED,OAAO,CAACE,eAAgB;MAC/B,QAAQ,EAAEF,OAAO,CAACG,kBAAmB;MACrC,IAAI,EAAEH,OAAO,CAACI,cAAe;MAC7B,MAAM,EAAEJ,OAAO,CAACK,gBAAiB;MACjC,UAAU,EAAEL,OAAO,CAACM,oBAAqB;MACzC,KAAK,EAAE;QAACC,YAAY,EAAE,IAAI,CAAC7I,MAAM,CAACgI,IAAI,CAACa;MAAY;IAAE,EAE5D;IACD,OAAQ,IAAI,CAAC7I,MAAM,CAACgI,IAAI,CAAS,iBAAiB,CAAC;IACnD,OAAQ,IAAI,CAAChI,MAAM,CAACgI,IAAI,CAAS,oBAAoB,CAAC;IACtD,OAAQ,IAAI,CAAChI,MAAM,CAACgI,IAAI,CAAS,sBAAsB,CAAC;IACxD,OAAQ,IAAI,CAAChI,MAAM,CAACgI,IAAI,CAAS,gBAAgB,CAAC;IAClD,OAAQ,IAAI,CAAChI,MAAM,CAACgI,IAAI,CAAS,kBAAkB,CAAC;EACxD;EAEOc,MAAM,GAAc;IACvBrJ,aAAa,CAACsJ,IAAI,CAAC,MAAO,GAAE,IAAI,CAAC3H,KAAK,CAACJ,IAAI,IAAI,IAAI,CAACR,WAAW,CAACQ,IAAK,gBAAe,CAAC;IACrF,MAAMI,KAAK,GAAG,IAAI,CAACN,KAAK,CAACM,KAAK;IAC9B,IAAI,IAAI,CAACN,KAAK,CAAC8E,IAAI,IAAK,CAAC,IAAI,CAACgB,SAAS,EAAE,IAAI,IAAI,CAACoC,QAAQ,KAAK1J,QAAQ,CAAC2J,gBAAiB,EAAE;MACvF,OAAO,IAAI;IACf;IACA,IAAI,CAACtD,OAAO,GAAG,KAAK;IACpB,oBAAQ,oBAAC,aAAa,QAChBuD,SAAS,IAAK;MAChB,IAAI,CAACA,SAAS,GAAGA,SAAS;MAC1B,oBAAQ,oBAAC,aAAa,CAAC,QAAQ,QACzBhC,MAAM,IAAK;QAAA;QACT,IAAI,CAACD,SAAS,CAACC,MAAM,CAAC;QACtB,IAAI,CAACiC,aAAa,GAAG,qBAAI,CAACjC,MAAM,iDAAX,aAAaiC,aAAa,KAAI,CAAC,CAAC,IAAI,CAACrI,KAAK,CAACM,KAAK,CAACgI,YAAY;QAClF,oBACI,oBAAC,aAAa,CAAC,QAAQ;UAAC,KAAK,EAAE;QAAK,gBACpC,oBAAC,aAAa,QACRvG,KAAK,IAAK;UACR,IAAI,CAACA,KAAK,GAAGA,KAAK,IAAI7D,UAAU;UAChC,IAAI,CAACgB,MAAM,GAAI,IAAI,CAAC6C,KAAK,CAACoF,UAAU,CAChC,IAAI,CAAClE,gBAAgB,EAAE,EACvB3C,KAAK,CAACiI,QAAQ,GAAG,IAAI,CAACxG,KAAK,CAACmB,QAAQ,CAAC,IAAI,CAACtD,YAAY,GAAG,WAAW,CAAC,GAAG,IAAI,EAC5EU,KAAK,CAACkI,SAAS,IAAI,IAAI,CAACzG,KAAK,CAACmB,QAAQ,CAAC5C,KAAK,CAACkI,SAAS,CAAC,EACvDlI,KAAK,CAACmI,YAAY,IAAI,IAAI,CAAC1G,KAAK,CAACmB,QAAQ,CAAC,aAAa,GAAG5C,KAAK,CAACmI,YAAY,CAACjD,GAAG,CAACkD,CAAC,IAAK,KAAIA,CAAE,OAAM,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,EAC/G,IAAI,CAACrI,KAAK,CAACpB,MAAM,EACjB;YACIgI,IAAI,EAAE,IAAI,CAACzG,cAAc;YACzBtB,IAAI,EAAE,IAAI,CAACsB;UACf,CAAC,CAAC;UACN,IAAI,IAAI,CAACvB,MAAM,CAACgI,IAAI,CAAC0B,cAAc,CAAC,aAAa,CAAC,EAAE;YAClD,OAAO,IAAI,CAAC1J,MAAM,CAACgI,IAAI,CAAC2B,eAAe;UACzC;UACA,IAAI,CAAC,IAAI,CAAC/C,SAAS,EAAE,EAAE;YACnBtI,MAAM,CAAC,IAAI,CAAC0B,MAAM,EAAE,IAAI,CAAC6C,KAAK,CAACmB,QAAQ,CAAC,QAAQ,CAAC,CAAC;UACtD;UACA,IAAI4F,WAAW,GAAI,IAAI,CAACT,aAAa,IAAI,IAAI,CAACpC,cAAc,CAAC3F,KAAK,CAAE;UACpE,IAAIwI,WAAW,EAAE;YACb,OAAOA,WAAW;UACtB;UACA,IAAI,CAACvB,aAAa,EAAE;UACpB,IAAI,CAAC1C,OAAO,GAAI,IAAI,CAAC3F,MAAM,CAACgI,IAAI,CAAC6B,QAAQ,KAAa,OAAO;UAC7D,IAAI,IAAI,CAAClE,OAAO,EAAE;YACd,IAAI,CAAC3F,MAAM,CAACgI,IAAI,CAAC6B,QAAQ,GAAI/J,SAAS;YACtC,OAAO,IAAI,CAACyH,oBAAoB,CAACnG,KAAK,CAAC;UAC3C;UACA,OAAO,IAAI,CAAC8G,YAAY,CAAC,IAAI,CAACC,YAAY,CAAC,IAAI,CAACrH,KAAK,CAACM,KAAK,CAAC,CAAC;QACjE,CAAC,CACW,CACK;MAC7B,CAAC,CACoB;IAC7B,CAAC,CACe;EACpB;AACJ"}

app-rn-runtime/core/imageSizeEstimator.js

@@ -37,6 +37,7 @@ class ImageSizeEstimator {
     } else {
       const reqQueue = [];
       this.requests.set(requestId, reqQueue);
+      reqQueue.push(request);
       this.getImageSize(requestId);
     }
     return request.cancel;

app-rn-runtime/core/imageSizeEstimator.js.map

@@ -1 +1 @@
-{"version":3,"names":["remove","Image","ImageSizeEstimator","Map","createRequest","requestId","onComplete","request","cancel","requests","has","get","getImageSize","imgSrc","getSize","width","height","reqs","map","req","delete","push","reqQueue","set"],"sources":["imageSizeEstimator.ts"],"sourcesContent":["import { remove } from \"lodash-es\";\nimport { Image } from \"react-native\";\n\ninterface Request {\n    onComplete: (width: number, height: number) => void\n    cancel : () => void\n}\n\nclass ImageSizeEstimator {\n    requestId = 1;\n  \n    requests: Map<String, Request[]> = new Map<string, Request[]>();\n\n    private createRequest(requestId: string, onComplete: (width: number, height: number) => void) {\n      const request = {} as Request;\n      request.onComplete = onComplete,\n      request.cancel = () => {\n          if (this.requests.has(requestId)) {\n            remove(this.requests.get(requestId) || [], request);\n          }\n      };\n      return request;\n    }\n\n    private getImageSize(imgSrc: string) {\n      Image.getSize(imgSrc, (width: number, height: number) => {\n        const reqs = this.requests.get(imgSrc);\n        if (reqs) {\n          reqs.map(req => {\n            req.onComplete && req.onComplete(width, height);\n          });\n          this.requests.delete(imgSrc);\n        }\n      }, () => this.requests.delete(imgSrc));\n    }\n  \n    getSize(imgSrc: string, onComplete: (width: number, height: number) => void) {\n      const requestId = imgSrc;\n      const request = this.createRequest(requestId, onComplete);\n      if (this.requests.has(requestId)) {\n        this.requests.get(requestId)?.push(request);\n      } else {\n        const reqQueue = [] as Request[];\n        this.requests.set(requestId, reqQueue);\n        this.getImageSize(requestId);\n      }\n      return request.cancel;\n    }\n  }\n  \nexport default new ImageSizeEstimator();"],"mappings":";;;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,cAAc;AAOpC,MAAMC,kBAAkB,CAAC;EAAA;IAAA,mCACT,CAAC;IAAA,kCAEsB,IAAIC,GAAG,EAAqB;EAAA;EAEvDC,aAAa,CAACC,SAAiB,EAAEC,UAAmD,EAAE;IAC5F,MAAMC,OAAO,GAAG,CAAC,CAAY;IAC7BA,OAAO,CAACD,UAAU,GAAGA,UAAU,EAC/BC,OAAO,CAACC,MAAM,GAAG,MAAM;MACnB,IAAI,IAAI,CAACC,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;QAChCL,MAAM,CAAC,IAAI,CAACS,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,IAAI,EAAE,EAAEE,OAAO,CAAC;MACrD;IACJ,CAAC;IACD,OAAOA,OAAO;EAChB;EAEQK,YAAY,CAACC,MAAc,EAAE;IACnCZ,KAAK,CAACa,OAAO,CAACD,MAAM,EAAE,CAACE,KAAa,EAAEC,MAAc,KAAK;MACvD,MAAMC,IAAI,GAAG,IAAI,CAACR,QAAQ,CAACE,GAAG,CAACE,MAAM,CAAC;MACtC,IAAII,IAAI,EAAE;QACRA,IAAI,CAACC,GAAG,CAACC,GAAG,IAAI;UACdA,GAAG,CAACb,UAAU,IAAIa,GAAG,CAACb,UAAU,CAACS,KAAK,EAAEC,MAAM,CAAC;QACjD,CAAC,CAAC;QACF,IAAI,CAACP,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC;MAC9B;IACF,CAAC,EAAE,MAAM,IAAI,CAACJ,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC,CAAC;EACxC;EAEAC,OAAO,CAACD,MAAc,EAAEP,UAAmD,EAAE;IAC3E,MAAMD,SAAS,GAAGQ,MAAM;IACxB,MAAMN,OAAO,GAAG,IAAI,CAACH,aAAa,CAACC,SAAS,EAAEC,UAAU,CAAC;IACzD,IAAI,IAAI,CAACG,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;MAAA;MAChC,0BAAI,CAACI,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,uDAA5B,mBAA8BgB,IAAI,CAACd,OAAO,CAAC;IAC7C,CAAC,MAAM;MACL,MAAMe,QAAQ,GAAG,EAAe;MAChC,IAAI,CAACb,QAAQ,CAACc,GAAG,CAAClB,SAAS,EAAEiB,QAAQ,CAAC;MACtC,IAAI,CAACV,YAAY,CAACP,SAAS,CAAC;IAC9B;IACA,OAAOE,OAAO,CAACC,MAAM;EACvB;AACF;AAEF,eAAe,IAAIN,kBAAkB,EAAE"}
+{"version":3,"names":["remove","Image","ImageSizeEstimator","Map","createRequest","requestId","onComplete","request","cancel","requests","has","get","getImageSize","imgSrc","getSize","width","height","reqs","map","req","delete","push","reqQueue","set"],"sources":["imageSizeEstimator.ts"],"sourcesContent":["import { remove } from \"lodash-es\";\nimport { Image } from \"react-native\";\n\ninterface Request {\n    onComplete: (width: number, height: number) => void\n    cancel : () => void\n}\n\nclass ImageSizeEstimator {\n    requestId = 1;\n  \n    requests: Map<String, Request[]> = new Map<string, Request[]>();\n\n    private createRequest(requestId: string, onComplete: (width: number, height: number) => void) {\n      const request = {} as Request;\n      request.onComplete = onComplete,\n      request.cancel = () => {\n          if (this.requests.has(requestId)) {\n            remove(this.requests.get(requestId) || [], request);\n          }\n      };\n      return request;\n    }\n\n    private getImageSize(imgSrc: string) {\n      Image.getSize(imgSrc, (width: number, height: number) => {\n        const reqs = this.requests.get(imgSrc);\n        if (reqs) {\n          reqs.map(req => {\n            req.onComplete && req.onComplete(width, height);\n          });\n          this.requests.delete(imgSrc);\n        }\n      }, () => this.requests.delete(imgSrc));\n    }\n  \n    getSize(imgSrc: string, onComplete: (width: number, height: number) => void) {\n      const requestId = imgSrc;\n      const request = this.createRequest(requestId, onComplete);\n      if (this.requests.has(requestId)) {\n        this.requests.get(requestId)?.push(request);\n      } else {\n        const reqQueue = [] as Request[];\n        this.requests.set(requestId, reqQueue);\n        reqQueue.push(request)\n        this.getImageSize(requestId);\n      }\n      return request.cancel;\n    }\n  }\n  \nexport default new ImageSizeEstimator();"],"mappings":";;;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,cAAc;AAOpC,MAAMC,kBAAkB,CAAC;EAAA;IAAA,mCACT,CAAC;IAAA,kCAEsB,IAAIC,GAAG,EAAqB;EAAA;EAEvDC,aAAa,CAACC,SAAiB,EAAEC,UAAmD,EAAE;IAC5F,MAAMC,OAAO,GAAG,CAAC,CAAY;IAC7BA,OAAO,CAACD,UAAU,GAAGA,UAAU,EAC/BC,OAAO,CAACC,MAAM,GAAG,MAAM;MACnB,IAAI,IAAI,CAACC,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;QAChCL,MAAM,CAAC,IAAI,CAACS,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,IAAI,EAAE,EAAEE,OAAO,CAAC;MACrD;IACJ,CAAC;IACD,OAAOA,OAAO;EAChB;EAEQK,YAAY,CAACC,MAAc,EAAE;IACnCZ,KAAK,CAACa,OAAO,CAACD,MAAM,EAAE,CAACE,KAAa,EAAEC,MAAc,KAAK;MACvD,MAAMC,IAAI,GAAG,IAAI,CAACR,QAAQ,CAACE,GAAG,CAACE,MAAM,CAAC;MACtC,IAAII,IAAI,EAAE;QACRA,IAAI,CAACC,GAAG,CAACC,GAAG,IAAI;UACdA,GAAG,CAACb,UAAU,IAAIa,GAAG,CAACb,UAAU,CAACS,KAAK,EAAEC,MAAM,CAAC;QACjD,CAAC,CAAC;QACF,IAAI,CAACP,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC;MAC9B;IACF,CAAC,EAAE,MAAM,IAAI,CAACJ,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC,CAAC;EACxC;EAEAC,OAAO,CAACD,MAAc,EAAEP,UAAmD,EAAE;IAC3E,MAAMD,SAAS,GAAGQ,MAAM;IACxB,MAAMN,OAAO,GAAG,IAAI,CAACH,aAAa,CAACC,SAAS,EAAEC,UAAU,CAAC;IACzD,IAAI,IAAI,CAACG,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;MAAA;MAChC,0BAAI,CAACI,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,uDAA5B,mBAA8BgB,IAAI,CAACd,OAAO,CAAC;IAC7C,CAAC,MAAM;MACL,MAAMe,QAAQ,GAAG,EAAe;MAChC,IAAI,CAACb,QAAQ,CAACc,GAAG,CAAClB,SAAS,EAAEiB,QAAQ,CAAC;MACtCA,QAAQ,CAACD,IAAI,CAACd,OAAO,CAAC;MACtB,IAAI,CAACK,YAAY,CAACP,SAAS,CAAC;IAC9B;IACA,OAAOE,OAAO,CAACC,MAAM;EACvB;AACF;AAEF,eAAe,IAAIN,kBAAkB,EAAE"}

app-rn-runtime/core/injector.js

@@ -5,8 +5,22 @@ const get = t => {
 const set = (t, o) => {
   map.set(t, o);
 };
+const remove = t => {
+  const v = map.get(t);
+  v && map.delete(t);
+  return v;
+};
+const getInstance = key => {
+  return {
+    set: o => set(key, o),
+    get: () => get(key),
+    remove: () => remove(key)
+  };
+};
 export default {
   set: set,
-  get: get
+  get: get,
+  remove: remove,
+  FOCUSED_ELEMENT: getInstance('FOCUSED_ELEMENT')
 };
 //# sourceMappingURL=injector.js.map