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

app-rn-runtime/components/container/wizard/wizardstep/wizardstep.component.js

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

app-rn-runtime/components/container/wizard/wizardstep/wizardstep.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","WmWizardstep","constructor","props","componentDidMount","wizard","parent","addWizardStep","setActive","updateState","active","setInActive","isVisible","state","invokeNextCB","index","invokeEventCallback","proxy","invokePrevCB","invokeSkipCB","renderWidget","styles","root","children"],"sources":["wizardstep.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 WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    wizard.addWizardStep(this);\n    super.componentDidMount();\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState);\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) {\n    this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) {\n    this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n\n  renderWidget(props: WmWizardstepProps) {\n    return (<View style={this.styles.root}>{props.children}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAGvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;EAAA;IAAA;IAAA,gCAClE,KAAK;EAAA;AAChB;AAEA,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,EAAE,IAAIE,iBAAiB,EAAE,CAAC;EAC/E;EAEAI,iBAAiB,GAAG;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,MAAmB;IACxCD,MAAM,CAACE,aAAa,CAAC,IAAI,CAAC;IAC1B,KAAK,CAACH,iBAAiB,EAAE;EAC3B;EAEAI,SAAS,GAAG;IACV,IAAI,CAACC,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,CAAsB;EACzB;EAEAC,WAAW,GAAG;IACZ,IAAI,CAACF,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,CAAsB;EACzB;EAEAE,SAAS,GAAG;IACV,OAAO,KAAK,CAACA,SAAS,EAAE,IAAI,IAAI,CAACC,KAAK,CAACH,MAAM;EAC/C;EAEAI,YAAY,CAACC,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAG,YAAY,CAACH,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAI,YAAY,CAACJ,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAK,YAAY,CAACjB,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACkB,MAAM,CAACC;IAAK,GAAEnB,KAAK,CAACoB,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","WmWizardstep","constructor","props","componentDidMount","wizard","parent","addWizardStep","setActive","updateState","active","setInActive","isVisible","state","invokeNextCB","index","invokeEventCallback","proxy","invokePrevCB","invokeSkipCB","renderWidget","styles","root","_background","children"],"sources":["wizardstep.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 WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    wizard.addWizardStep(this);\n    super.componentDidMount();\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState);\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) {\n    this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) {\n    this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n\n  renderWidget(props: WmWizardstepProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAGvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;EAAA;IAAA;IAAA,gCAClE,KAAK;EAAA;AAChB;AAEA,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,EAAE,IAAIE,iBAAiB,EAAE,CAAC;EAC/E;EAEAI,iBAAiB,GAAG;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,MAAmB;IACxCD,MAAM,CAACE,aAAa,CAAC,IAAI,CAAC;IAC1B,KAAK,CAACH,iBAAiB,EAAE;EAC3B;EAEAI,SAAS,GAAG;IACV,IAAI,CAACC,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,CAAsB;EACzB;EAEAC,WAAW,GAAG;IACZ,IAAI,CAACF,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,CAAsB;EACzB;EAEAE,SAAS,GAAG;IACV,OAAO,KAAK,CAACA,SAAS,EAAE,IAAI,IAAI,CAACC,KAAK,CAACH,MAAM;EAC/C;EAEAI,YAAY,CAACC,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAG,YAAY,CAACH,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAI,YAAY,CAACJ,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAK,YAAY,CAACjB,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACkB,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEpB,KAAK,CAACqB,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/data/card/card-content/card-content.component.js

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

app-rn-runtime/components/data/card/card-content/card-content.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardContentProps","DEFAULT_CLASS","WmCardContentState","WmCardContent","constructor","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root"],"sources":["card-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCardContentProps from './card-content.props';\nimport { DEFAULT_CLASS, WmCardContentStyles } from './card-content.styles';\n\nexport class WmCardContentState extends BaseComponentState<WmCardContentProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmCardContent extends BaseComponent<WmCardContentProps, WmCardContentState, WmCardContentStyles> {\n\n  constructor(props: WmCardContentProps) {\n    super(props, DEFAULT_CLASS, new WmCardContentProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmCardContentProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmCardContentState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmCardContentProps) {\n    return (<View style={this.styles.root}>{this.renderContent(props)}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;EAAA;IAAA;IAAA,yCAC3D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEAM,aAAa,GAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAa,CAACH,KAAyB,EAAE;IACvC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAC,CAAuB;QAC1B,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAY,CAACX,KAAyB,EAAE;IACtC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACY,MAAM,CAACC;IAAK,GAAE,IAAI,CAACV,aAAa,CAACH,KAAK,CAAC,CAAQ;EAC3E;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardContentProps","DEFAULT_CLASS","WmCardContentState","WmCardContent","constructor","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root","_background"],"sources":["card-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCardContentProps from './card-content.props';\nimport { DEFAULT_CLASS, WmCardContentStyles } from './card-content.styles';\n\nexport class WmCardContentState extends BaseComponentState<WmCardContentProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmCardContent extends BaseComponent<WmCardContentProps, WmCardContentState, WmCardContentStyles> {\n\n  constructor(props: WmCardContentProps) {\n    super(props, DEFAULT_CLASS, new WmCardContentProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmCardContentProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmCardContentState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmCardContentProps) {\n    return (<View style={this.styles.root}>{this._background}{this.renderContent(props)}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;EAAA;IAAA;IAAA,yCAC3D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEAM,aAAa,GAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAa,CAACH,KAAyB,EAAE;IACvC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAC,CAAuB;QAC1B,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAY,CAACX,KAAyB,EAAE;IACtC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACY,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAE,IAAI,CAACX,aAAa,CAACH,KAAK,CAAC,CAAQ;EAC7F;AACF"}

app-rn-runtime/components/data/card/card-footer/card-footer.component.js

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

app-rn-runtime/components/data/card/card-footer/card-footer.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardFooterProps","DEFAULT_CLASS","WmCardFooterState","WmCardFooter","constructor","props","renderWidget","styles","root","children"],"sources":["card-footer.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 WmCardFooterProps from './card-footer.props';\nimport { DEFAULT_CLASS, WmCardFooterStyles } from './card-footer.styles';\n\nexport class WmCardFooterState extends BaseComponentState<WmCardFooterProps> {}\n\nexport default class WmCardFooter extends BaseComponent<WmCardFooterProps, WmCardFooterState, WmCardFooterStyles> {\n\n  constructor(props: WmCardFooterProps) {\n    super(props, DEFAULT_CLASS, new WmCardFooterProps());\n  }\n\n  renderWidget(props: WmCardFooterProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAM,YAAY,CAACD,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardFooterProps","DEFAULT_CLASS","WmCardFooterState","WmCardFooter","constructor","props","renderWidget","styles","root","_background","children"],"sources":["card-footer.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 WmCardFooterProps from './card-footer.props';\nimport { DEFAULT_CLASS, WmCardFooterStyles } from './card-footer.styles';\n\nexport class WmCardFooterState extends BaseComponentState<WmCardFooterProps> {}\n\nexport default class WmCardFooter extends BaseComponent<WmCardFooterProps, WmCardFooterState, WmCardFooterStyles> {\n\n  constructor(props: WmCardFooterProps) {\n    super(props, DEFAULT_CLASS, new WmCardFooterProps());\n  }\n\n  renderWidget(props: WmCardFooterProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAM,YAAY,CAACD,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/data/card/card.component.js

@@ -55,7 +55,7 @@ export default class WmCard extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(Tappable, {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,
       styles: {
         width: '100%',

app-rn-runtime/components/data/card/card.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLabel","WmMenu","WmIcon","Tappable","WmPicture","WmCardProps","DEFAULT_CLASS","WmCardState","WmCard","constructor","props","renderHeader","flexDirection","iconclass","title","subheading","actions","styles","heading","cardIcon","flex","itemlabel","itemlink","itemicon","itembadge","isactive","itemchildren","picturesource","theme","mergeStyle","root","height","imageheight","picture","renderWidget","width","children"],"sources":["card.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmMenu from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\n\nimport WmCardProps from './card.props';\nimport { DEFAULT_CLASS, WmCardStyles } from './card.styles';\n\nexport class WmCardState extends BaseComponentState<WmCardProps> {}\n\nexport default class WmCard extends BaseComponent<WmCardProps, WmCardState, WmCardStyles> {\n\n  constructor(props: WmCardProps) {\n    super(props, DEFAULT_CLASS, new WmCardProps());\n  }\n\n  renderHeader(props: WmCardProps) {\n    return (\n      <View style={{flexDirection: 'row'}}>\n        {(props.iconclass || props.title || props.subheading || props.actions) ?\n        (<View style={this.styles.heading}>\n          <WmIcon styles={this.styles.cardIcon} iconclass={props.iconclass}></WmIcon>\n          <View style={{flex: 1}}>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n          <WmMenu\n            caption=\"\"\n            iconclass=\"wm-sl-l sl-more-menu-vertical\"\n            dataset={props.actions}\n            itemlabel={props.itemlabel}\n            itemlink={props.itemlink}\n            itemicon={props.itemicon}\n            itembadge={props.itembadge}\n            isactive={props.isactive}\n            itemchildren={props.itemchildren}></WmMenu>\n        </View>) : null}\n        {props.picturesource &&\n          (<WmPicture\n            picturesource={props.picturesource}\n            styles={this.theme.mergeStyle({root : {height: props.imageheight}}, this.styles.picture)}></WmPicture>\n        )}\n      </View>);\n  }\n\n  renderWidget(props: WmCardProps) {\n    return (\n      <View style={this.styles.root}>\n        <Tappable target={this} styles={{width: '100%', height: this.styles.root.height ? '100%' : null}}>\n            {this.renderHeader(props)}\n            {props.children}\n        </Tappable>\n      </View>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,OAAO,MAAM,kEAAkE;AACtF,OAAOC,MAAM,MAAM,qEAAqE;AACxF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,OAAOC,SAAS,MAAM,sEAAsE;AAG5F,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAO,MAAMC,WAAW,SAASR,kBAAkB,CAAc;AAEjE,eAAe,MAAMS,MAAM,SAASV,aAAa,CAAyC;EAExFW,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,EAAE,CAAC;EAChD;EAEAM,YAAY,CAACD,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE;QAACE,aAAa,EAAE;MAAK;IAAE,GAChCF,KAAK,CAACG,SAAS,IAAIH,KAAK,CAACI,KAAK,IAAIJ,KAAK,CAACK,UAAU,IAAIL,KAAK,CAACM,OAAO,gBACpE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAQ,gBAChC,oBAAC,MAAM;MAAC,MAAM,EAAE,IAAI,CAACD,MAAM,CAACE,QAAS;MAAC,SAAS,EAAET,KAAK,CAACG;IAAU,EAAU,eAC3E,oBAAC,IAAI;MAAC,KAAK,EAAE;QAACO,IAAI,EAAE;MAAC;IAAE,gBACrB,oBAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACH,KAAM;MAAC,OAAO,EAAEJ,KAAK,CAACI;IAAM,EAAW,eACpE,oBAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACG,MAAM,CAACF,UAAW;MAAC,OAAO,EAAEL,KAAK,CAACK;IAAW,EAAW,CACzE,eACP,oBAAC,MAAM;MACL,OAAO,EAAC,EAAE;MACV,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAEL,KAAK,CAACM,OAAQ;MACvB,SAAS,EAAEN,KAAK,CAACW,SAAU;MAC3B,QAAQ,EAAEX,KAAK,CAACY,QAAS;MACzB,QAAQ,EAAEZ,KAAK,CAACa,QAAS;MACzB,SAAS,EAAEb,KAAK,CAACc,SAAU;MAC3B,QAAQ,EAAEd,KAAK,CAACe,QAAS;MACzB,YAAY,EAAEf,KAAK,CAACgB;IAAa,EAAU,CACxC,GAAI,IAAI,EACdhB,KAAK,CAACiB,aAAa,iBACjB,oBAAC,SAAS;MACT,aAAa,EAAEjB,KAAK,CAACiB,aAAc;MACnC,MAAM,EAAE,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC;QAACC,IAAI,EAAG;UAACC,MAAM,EAAErB,KAAK,CAACsB;QAAW;MAAC,CAAC,EAAE,IAAI,CAACf,MAAM,CAACgB,OAAO;IAAE,EAC5F,CACI;EACX;EAEAC,YAAY,CAACxB,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACa;IAAK,gBAC5B,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAE;QAACK,KAAK,EAAE,MAAM;QAAEJ,MAAM,EAAE,IAAI,CAACd,MAAM,CAACa,IAAI,CAACC,MAAM,GAAG,MAAM,GAAG;MAAI;IAAE,GAC5F,IAAI,CAACpB,YAAY,CAACD,KAAK,CAAC,EACxBA,KAAK,CAAC0B,QAAQ,CACR,CACN;EACX;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLabel","WmMenu","WmIcon","Tappable","WmPicture","WmCardProps","DEFAULT_CLASS","WmCardState","WmCard","constructor","props","renderHeader","flexDirection","iconclass","title","subheading","actions","styles","heading","cardIcon","flex","itemlabel","itemlink","itemicon","itembadge","isactive","itemchildren","picturesource","theme","mergeStyle","root","height","imageheight","picture","renderWidget","_background","width","children"],"sources":["card.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmMenu from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\n\nimport WmCardProps from './card.props';\nimport { DEFAULT_CLASS, WmCardStyles } from './card.styles';\n\nexport class WmCardState extends BaseComponentState<WmCardProps> {}\n\nexport default class WmCard extends BaseComponent<WmCardProps, WmCardState, WmCardStyles> {\n\n  constructor(props: WmCardProps) {\n    super(props, DEFAULT_CLASS, new WmCardProps());\n  }\n\n  renderHeader(props: WmCardProps) {\n    return (\n      <View style={{flexDirection: 'row'}}>\n        {(props.iconclass || props.title || props.subheading || props.actions) ?\n        (<View style={this.styles.heading}>\n          <WmIcon styles={this.styles.cardIcon} iconclass={props.iconclass}></WmIcon>\n          <View style={{flex: 1}}>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n          <WmMenu\n            caption=\"\"\n            iconclass=\"wm-sl-l sl-more-menu-vertical\"\n            dataset={props.actions}\n            itemlabel={props.itemlabel}\n            itemlink={props.itemlink}\n            itemicon={props.itemicon}\n            itembadge={props.itembadge}\n            isactive={props.isactive}\n            itemchildren={props.itemchildren}></WmMenu>\n        </View>) : null}\n        {props.picturesource &&\n          (<WmPicture\n            picturesource={props.picturesource}\n            styles={this.theme.mergeStyle({root : {height: props.imageheight}}, this.styles.picture)}></WmPicture>\n        )}\n      </View>);\n  }\n\n  renderWidget(props: WmCardProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Tappable target={this} styles={{width: '100%', height: this.styles.root.height ? '100%' : null}}>\n            {this.renderHeader(props)}\n            {props.children}\n        </Tappable>\n      </View>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,OAAO,MAAM,kEAAkE;AACtF,OAAOC,MAAM,MAAM,qEAAqE;AACxF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,OAAOC,SAAS,MAAM,sEAAsE;AAG5F,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAO,MAAMC,WAAW,SAASR,kBAAkB,CAAc;AAEjE,eAAe,MAAMS,MAAM,SAASV,aAAa,CAAyC;EAExFW,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,EAAE,CAAC;EAChD;EAEAM,YAAY,CAACD,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE;QAACE,aAAa,EAAE;MAAK;IAAE,GAChCF,KAAK,CAACG,SAAS,IAAIH,KAAK,CAACI,KAAK,IAAIJ,KAAK,CAACK,UAAU,IAAIL,KAAK,CAACM,OAAO,gBACpE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAQ,gBAChC,oBAAC,MAAM;MAAC,MAAM,EAAE,IAAI,CAACD,MAAM,CAACE,QAAS;MAAC,SAAS,EAAET,KAAK,CAACG;IAAU,EAAU,eAC3E,oBAAC,IAAI;MAAC,KAAK,EAAE;QAACO,IAAI,EAAE;MAAC;IAAE,gBACrB,oBAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACH,KAAM;MAAC,OAAO,EAAEJ,KAAK,CAACI;IAAM,EAAW,eACpE,oBAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACG,MAAM,CAACF,UAAW;MAAC,OAAO,EAAEL,KAAK,CAACK;IAAW,EAAW,CACzE,eACP,oBAAC,MAAM;MACL,OAAO,EAAC,EAAE;MACV,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAEL,KAAK,CAACM,OAAQ;MACvB,SAAS,EAAEN,KAAK,CAACW,SAAU;MAC3B,QAAQ,EAAEX,KAAK,CAACY,QAAS;MACzB,QAAQ,EAAEZ,KAAK,CAACa,QAAS;MACzB,SAAS,EAAEb,KAAK,CAACc,SAAU;MAC3B,QAAQ,EAAEd,KAAK,CAACe,QAAS;MACzB,YAAY,EAAEf,KAAK,CAACgB;IAAa,EAAU,CACxC,GAAI,IAAI,EACdhB,KAAK,CAACiB,aAAa,iBACjB,oBAAC,SAAS;MACT,aAAa,EAAEjB,KAAK,CAACiB,aAAc;MACnC,MAAM,EAAE,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC;QAACC,IAAI,EAAG;UAACC,MAAM,EAAErB,KAAK,CAACsB;QAAW;MAAC,CAAC,EAAE,IAAI,CAACf,MAAM,CAACgB,OAAO;IAAE,EAC5F,CACI;EACX;EAEAC,YAAY,CAACxB,KAAkB,EAAE;IAC/B,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACa;IAAK,GAC3B,IAAI,CAACK,WAAW,eACjB,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAE;QAACC,KAAK,EAAE,MAAM;QAAEL,MAAM,EAAE,IAAI,CAACd,MAAM,CAACa,IAAI,CAACC,MAAM,GAAG,MAAM,GAAG;MAAI;IAAE,GAC5F,IAAI,CAACpB,YAAY,CAACD,KAAK,CAAC,EACxBA,KAAK,CAAC2B,QAAQ,CACR,CACN;EACX;AACF"}

app-rn-runtime/components/data/form/form-action/form-action.component.js

@@ -7,7 +7,6 @@ import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.c
 import WmFormActionProps from './form-action.props';
 import { DEFAULT_CLASS } from './form-action.styles';
 import { debounce } from "lodash";
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
 export class WmFormActionState extends BaseComponentState {}
 export default class WmFormAction extends BaseComponent {
   constructor(props) {
@@ -17,11 +16,6 @@ export default class WmFormAction extends BaseComponent {
   onClick($event, cb) {
     cb && cb($event);
   }
-  renderSkeleton(props) {
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root
-    });
-  }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(WmButton, {
       disabled: props.disabled,

app-rn-runtime/components/data/form/form-action/form-action.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmFormActionProps","DEFAULT_CLASS","debounce","createSkeleton","WmFormActionState","WmFormAction","constructor","props","onClick","$event","cb","renderSkeleton","theme","styles","skeleton","root","renderWidget","disabled","displayName","name","iconclass","_debouncedFormAction","formAction"],"sources":["form-action.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { TapEvent } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmFormActionProps from './form-action.props';\nimport { DEFAULT_CLASS, WmFormActionStyles } from './form-action.styles';\nimport {debounce} from \"lodash\";\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { ThemeConsumer } from '@wavemaker/app-rn-runtime/styles/theme';\n\nexport class WmFormActionState extends BaseComponentState<WmFormActionProps> {}\n\nexport default class WmFormAction extends BaseComponent<WmFormActionProps, WmFormActionState, WmFormActionStyles> {\n\n  constructor(props: WmFormActionProps) {\n    super(props, DEFAULT_CLASS, new WmFormActionProps());\n  }\n\n  private _debouncedFormAction = debounce(this.onClick, 250);\n\n  onClick($event: TapEvent, cb: Function | undefined) {\n    cb && cb($event);\n  }\n\n  public renderSkeleton(props: WmFormActionProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root\n    });\n  }\n\n  renderWidget(props: WmFormActionProps) {\n    return (\n      <WmButton\n        disabled={props.disabled}\n        caption={props.displayName}\n        styles={this.styles}\n        name={props.name}\n        iconclass={props.iconclass}\n        onTap={($event: any) => {\n          this._debouncedFormAction($event, props.formAction);\n        }}\n      />\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SAAqBC,cAAc,QAAQ,wEAAwE;AAGnH,OAAO,MAAMC,iBAAiB,SAASN,kBAAkB,CAAoB;AAE7E,eAAe,MAAMO,YAAY,SAASR,aAAa,CAA2D;EAEhHS,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;IAAC,8CAGxBE,QAAQ,CAAC,IAAI,CAACM,OAAO,EAAE,GAAG,CAAC;EAF1D;EAIAA,OAAO,CAACC,MAAgB,EAAEC,EAAwB,EAAE;IAClDA,EAAE,IAAIA,EAAE,CAACD,MAAM,CAAC;EAClB;EAEOE,cAAc,CAACJ,KAAwB,EAAC;IAC7C,OAAOJ,cAAc,CAAC,IAAI,CAACS,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE;IACjB,CAAC,CAAC;EACJ;EAEAC,YAAY,CAACT,KAAwB,EAAE;IACrC,oBACE,oBAAC,QAAQ;MACP,QAAQ,EAAEA,KAAK,CAACU,QAAS;MACzB,OAAO,EAAEV,KAAK,CAACW,WAAY;MAC3B,MAAM,EAAE,IAAI,CAACL,MAAO;MACpB,IAAI,EAAEN,KAAK,CAACY,IAAK;MACjB,SAAS,EAAEZ,KAAK,CAACa,SAAU;MAC3B,KAAK,EAAGX,MAAW,IAAK;QACtB,IAAI,CAACY,oBAAoB,CAACZ,MAAM,EAAEF,KAAK,CAACe,UAAU,CAAC;MACrD;IAAE,EACF;EAEN;AACF"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmFormActionProps","DEFAULT_CLASS","debounce","WmFormActionState","WmFormAction","constructor","props","onClick","$event","cb","renderWidget","disabled","displayName","styles","name","iconclass","_debouncedFormAction","formAction"],"sources":["form-action.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { TapEvent } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmFormActionProps from './form-action.props';\nimport { DEFAULT_CLASS, WmFormActionStyles } from './form-action.styles';\nimport {debounce} from \"lodash\";\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { ThemeConsumer } from '@wavemaker/app-rn-runtime/styles/theme';\n\nexport class WmFormActionState extends BaseComponentState<WmFormActionProps> {}\n\nexport default class WmFormAction extends BaseComponent<WmFormActionProps, WmFormActionState, WmFormActionStyles> {\n\n  constructor(props: WmFormActionProps) {\n    super(props, DEFAULT_CLASS, new WmFormActionProps());\n  }\n\n  private _debouncedFormAction = debounce(this.onClick, 250);\n\n  onClick($event: TapEvent, cb: Function | undefined) {\n    cb && cb($event);\n  }\n\n  renderWidget(props: WmFormActionProps) {\n    return (\n      <WmButton\n        disabled={props.disabled}\n        caption={props.displayName}\n        styles={this.styles}\n        name={props.name}\n        iconclass={props.iconclass}\n        onTap={($event: any) => {\n          this._debouncedFormAction($event, props.formAction);\n        }}\n      />\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SAAQC,QAAQ,QAAO,QAAQ;AAI/B,OAAO,MAAMC,iBAAiB,SAASL,kBAAkB,CAAoB;AAE7E,eAAe,MAAMM,YAAY,SAASP,aAAa,CAA2D;EAEhHQ,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;IAAC,8CAGxBE,QAAQ,CAAC,IAAI,CAACK,OAAO,EAAE,GAAG,CAAC;EAF1D;EAIAA,OAAO,CAACC,MAAgB,EAAEC,EAAwB,EAAE;IAClDA,EAAE,IAAIA,EAAE,CAACD,MAAM,CAAC;EAClB;EAEAE,YAAY,CAACJ,KAAwB,EAAE;IACrC,oBACE,oBAAC,QAAQ;MACP,QAAQ,EAAEA,KAAK,CAACK,QAAS;MACzB,OAAO,EAAEL,KAAK,CAACM,WAAY;MAC3B,MAAM,EAAE,IAAI,CAACC,MAAO;MACpB,IAAI,EAAEP,KAAK,CAACQ,IAAK;MACjB,SAAS,EAAER,KAAK,CAACS,SAAU;MAC3B,KAAK,EAAGP,MAAW,IAAK;QACtB,IAAI,CAACQ,oBAAoB,CAACR,MAAM,EAAEF,KAAK,CAACW,UAAU,CAAC;MACrD;IAAE,EACF;EAEN;AACF"}

app-rn-runtime/components/data/form/form-body/form-body.component.js

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

app-rn-runtime/components/data/form/form-body/form-body.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormBodyProps","DEFAULT_CLASS","WmFormBodyState","WmFormBody","constructor","props","renderWidget","styles","root","children"],"sources":["form-body.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 WmFormBodyProps from './form-body.props';\nimport { DEFAULT_CLASS, WmFormBodyStyles } from './form-body.styles';\n\nexport class WmFormBodyState extends BaseComponentState<WmFormBodyProps> {}\n\nexport default class WmFormBody extends BaseComponent<WmFormBodyProps, WmFormBodyState, WmFormBodyStyles> {\n\n  constructor(props: WmFormBodyProps) {\n    super(props, DEFAULT_CLASS, new WmFormBodyProps());\n  }\n\n  renderWidget(props: WmFormBodyProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AAEpE,OAAO,MAAMC,eAAe,SAASH,kBAAkB,CAAkB;AAEzE,eAAe,MAAMI,UAAU,SAASL,aAAa,CAAqD;EAExGM,WAAW,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,EAAE,CAAC;EACpD;EAEAM,YAAY,CAACD,KAAsB,EAAE;IACnC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormBodyProps","DEFAULT_CLASS","WmFormBodyState","WmFormBody","constructor","props","renderWidget","styles","root","_background","children"],"sources":["form-body.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 WmFormBodyProps from './form-body.props';\nimport { DEFAULT_CLASS, WmFormBodyStyles } from './form-body.styles';\n\nexport class WmFormBodyState extends BaseComponentState<WmFormBodyProps> {}\n\nexport default class WmFormBody extends BaseComponent<WmFormBodyProps, WmFormBodyState, WmFormBodyStyles> {\n\n  constructor(props: WmFormBodyProps) {\n    super(props, DEFAULT_CLASS, new WmFormBodyProps());\n  }\n\n  renderWidget(props: WmFormBodyProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AAEpE,OAAO,MAAMC,eAAe,SAASH,kBAAkB,CAAkB;AAEzE,eAAe,MAAMI,UAAU,SAASL,aAAa,CAAqD;EAExGM,WAAW,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,EAAE,CAAC;EACpD;EAEAM,YAAY,CAACD,KAAsB,EAAE;IACnC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/data/form/form-field/form-field.component.js

@@ -196,7 +196,7 @@ export default class WmFormField extends BaseComponent {
     });
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, childrenWithProps, this.state.isValid === false && /*#__PURE__*/React.createElement(Text, {
+    }, this._background, childrenWithProps, this.state.isValid === false && /*#__PURE__*/React.createElement(Text, {
       style: this.styles.errorMsg
     }, props.validationmessage));
   }

app-rn-runtime/components/data/form/form-field/form-field.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","WmFormField","constructor","props","onFieldChangeEvt","name","$new","$old","isDefault","notifyChanges","validateFormField","updateState","datavalue","invokeEventCallback","undefined","form","updateDataOutput","call","observeOn","fields","field","formfield","formFields","f","proxy","notifyForFields","push","formwidget","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","state","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","cloneElement","invokeEvent","triggerValidation","onFieldChange","formRef","styles","root","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    this.validateFormField();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n    }\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      return React.cloneElement(child, {\n          datavalue: props.datavalue,\n          isValid: this.state.isValid,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef });\n    });\n    return (\n      <View style={this.styles.root}>{childrenWithProps}\n        {this.state.isValid === false && <Text style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","WmFormField","constructor","props","onFieldChangeEvt","name","$new","$old","isDefault","notifyChanges","validateFormField","updateState","datavalue","invokeEventCallback","undefined","form","updateDataOutput","call","observeOn","fields","field","formfield","formFields","f","proxy","notifyForFields","push","formwidget","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","state","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","cloneElement","invokeEvent","triggerValidation","onFieldChange","formRef","styles","root","_background","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    this.validateFormField();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n    }\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      return React.cloneElement(child, {\n          datavalue: props.datavalue,\n          isValid: this.state.isValid,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef });\n    });\n    return (\n      <View style={this.styles.root}>{this._background}{childrenWithProps}\n        {this.state.isValid === false && <Text style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,cAAc;AACvC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,OAAO,EAAEC,GAAG,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,QAAQ;AAErE,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SAAQC,kBAAkB,QAAO,uCAAuC;AAExE,OAAO,MAAMC,gBAAgB,SAASV,kBAAkB,CAAmB;EAAA;IAAA;IAAA,iCAC/D,IAAI;EAAA;AAChB;AAEA,eAAe,MAAMW,WAAW,SAASZ,aAAa,CAAwD;EAO5Ga,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,gBAAgB,EAAE,EAAE,IAAIG,gBAAgB,EAAE,CAAC;IAAC;IAAA;IAAA;IAAA,kDAJvC,EAAE;IAAA,yCACV,EAAE;IAAA;EAIjC;EAEAI,gBAAgB,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAEC,SAAkB,EAAE;IACvE,IAAI,CAACC,aAAa,EAAE;IACpB,IAAI,CAACC,iBAAiB,EAAE;IACxB,IAAI,CAACnB,OAAO,CAACgB,IAAI,EAAED,IAAI,CAAC,EAAE;MACxB,IAAI,CAACK,WAAW,CAAC;QAAER,KAAK,EAAE;UAAES,SAAS,EAAEN;QAAK;MAAC,CAAC,EAAsB,MAAM;QACxE,CAACE,SAAS,IAAI,IAAI,CAACK,mBAAmB,CAAC,UAAU,EAAE,CAACC,SAAS,EAAE,IAAI,EAAER,IAAI,EAAEC,IAAI,CAAC,CAAC;MACnF,CAAC,CAAC;MACF,IAAI,IAAI,CAACQ,IAAI,EAAE;QACb,IAAI,CAACA,IAAI,CAACC,gBAAgB,CAACC,IAAI,CAAC,IAAI,CAACF,IAAI,EAAEvB,GAAG,CAAC,IAAI,CAACW,KAAK,EAAE,SAAS,EAAE,IAAI,CAACA,KAAK,CAACE,IAAI,CAAC,EAAEC,IAAI,CAAC;MAC/F;IACF;EACF;;EAEA;EACAY,SAAS,CAACC,MAAW,EAAE;IACrBxB,OAAO,CAACwB,MAAM,EAAGC,KAAK,IAAK;MACzB,MAAMC,SAAS,GAAG5B,IAAI,CAAC,IAAI,CAACsB,IAAI,CAACO,UAAU,EAAGC,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACnB,IAAI,KAAKe,KAAK,CAAC;MAC3E,IAAIC,SAAS,EAAE;QACbA,SAAS,CAACI,eAAe,CAACC,IAAI,CAAC,IAAI,CAAC;MACtC;IACF,CAAC,CAAC;EACJ;;EAEA;EACAjB,aAAa,GAAG;IACdd,OAAO,CAAC,IAAI,CAAC8B,eAAe,EAAGL,KAAK,IAAK;MACvCA,KAAK,CAACO,UAAU,CAACC,QAAQ,CAACR,KAAK,CAACO,UAAU,CAACf,SAAS,CAAC;MACrDiB,UAAU,CAAC,MAAMT,KAAK,CAACV,iBAAiB,EAAE,CAAC;IAC7C,CAAC,CAAC;EACJ;EAEAoB,cAAc,CAACC,UAAe,EAAE;IAC9B,MAAMC,GAAQ,GAAG,EAAE;IACnBrC,OAAO,CAACoC,UAAU,EAAGE,EAAE,IAAK;MAC1B,IAAIC,OAAO,GAAGD,EAAE;MAChB,IAAIA,EAAE,YAAYE,QAAQ,IAAIF,EAAE,CAACG,IAAI,EAAE;QACrCF,OAAO,GAAGD,EAAE,CAAC,IAAI,CAACN,UAAU,CAACH,KAAK,EAAE,IAAI,CAACT,IAAI,CAAC;MAChD;MACA,IAAImB,OAAO,YAAYG,OAAO,EAAE;QAC9BL,GAAG,CAACN,IAAI,CAACQ,OAAO,CAAC;MACnB;IACF,CAAC,CAAC;IACF,OAAOF,GAAG;EACZ;;EAEA;EACAM,kBAAkB,CAACP,UAAe,EAAE;IAClC,IAAI,CAACQ,iBAAiB,GAAG,MAAM;MAC3B,OAAOF,OAAO,CAACG,GAAG,CAAC,IAAI,CAACV,cAAc,CAACC,UAAU,CAAC,CAAC,CAACU,IAAI,CAAC,MAAM;QAC7D,OAAO,IAAI;MACb,CAAC,EAAEC,GAAG,IAAI;QACR,IAAIC,aAAqB;QACzB;QACA;QACA,IAAID,GAAG,CAACE,cAAc,CAAC,cAAc,CAAC,EAAE;UACtCD,aAAa,GAAGnD,GAAG,CAACkD,GAAG,EAAE,cAAc,CAAC;QAC1C,CAAC,MAAM;UACL,MAAMG,WAAW,GAAGjD,IAAI,CAAC8C,GAAG,CAAC;UAC7BC,aAAa,GAAID,GAAG,CAACG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAEC,QAAQ,EAAE;QAClD;QACA,IAAI,CAACC,eAAe,CAACJ,aAAa,CAAC;QACnC,OAAOD,GAAG;MACZ,CAAC,CAAC;IACJ,CAAC;EACL;;EAEA;EACAM,aAAa,CAACjB,UAAe,EAAE;IAC7B,IAAIkB,gBAAgB,GAAGvD,SAAS,CAACqC,UAAU,CAAC;IAC5C,IAAI,CAACmB,eAAe,GAAG,EAAE;IACzBvD,OAAO,CAACsD,gBAAgB,EAAE,CAACE,GAAG,EAAEC,KAAK,KAAK;MACxC;MACA,IAAID,GAAG,IAAIA,GAAG,YAAYhB,QAAQ,EAAE;QAClC;QACAc,gBAAgB,CAACG,KAAK,CAAC,GAAGD,GAAG,CAACf,IAAI,CAACtB,SAAS,EAAE,IAAI,CAACa,UAAU,CAACH,KAAK,EAAE,IAAI,CAACT,IAAI,CAAC;QAC/E,IAAI,CAACmC,eAAe,CAACxB,IAAI,CAACuB,gBAAgB,CAACG,KAAK,CAAC,CAAC;MACpD,CAAC,MAAM;QACL;QACA,MAAMC,GAAG,GAAG7D,GAAG,CAAC2D,GAAG,EAAE,MAAM,CAAC;QAC5B,IAAI,CAACG,wBAAwB,CAACD,GAAG,CAAC,GAAG7D,GAAG,CAAC2D,GAAG,EAAE,cAAc,CAAC;QAC7D,MAAMI,KAAK,GAAG/D,GAAG,CAAC2D,GAAG,EAAE,WAAW,CAAC;QACnC,IAAIK,QAAa,GAAG;UAClBrD,KAAK,EAAE,CAAC;QACV,CAAC;QACDqD,QAAQ,CAACrD,KAAK,CAACkD,GAAG,CAAC,GAAGE,KAAK;QAC3BF,GAAG,KAAK,UAAU,IAAI,IAAI,CAAC1C,WAAW,CAAC6C,QAAQ,CAAqB;QACpE,IAAI,CAAC7B,UAAU,CAAChB,WAAW,CAAC6C,QAAQ,CAAqB;MAC3D;IACF,CAAC,CAAC;EACJ;EAEAT,eAAe,CAACU,GAAW,EAAE;IAC3B,IAAI,CAAC9C,WAAW,CAAC;MACf+C,OAAO,EAAE,KAAK;MACdvD,KAAK,EAAE;QACLwD,iBAAiB,EAAEF;MACrB;IACF,CAAC,CAAqB;IACtB,IAAI,CAAC9B,UAAU,CAAChB,WAAW,CAAC;MAC1B+C,OAAO,EAAE,KAAK;MACdvD,KAAK,EAAE;QACLwD,iBAAiB,EAAEF;MACrB;IACF,CAAC,CAAqB;EACxB;EAEAG,gBAAgB,CAACvD,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,QAAQF,IAAI;MACV,KAAK,WAAW;QACd,IAAI,CAACd,OAAO,CAACgB,IAAI,EAAED,IAAI,CAAC,EAAE;UACxBP,kBAAkB,CAAC8D,KAAK,CAAE,cAAa,IAAI,CAAC1D,KAAK,CAACE,IAAK,iBAAgBE,IAAK,OAAMD,IAAK,EAAC,CAAC;QAC3F;QACA;MACF,KAAK,cAAc;QACjB,IAAI,CAACf,OAAO,CAACgB,IAAI,EAAED,IAAI,CAAC,EAAE;UACxBd,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,CAACuB,IAAI,CAAC+C,iBAAiB,CAAC,IAAI,CAAC;QACxD;QACA;IAAM;EAEZ;EAEApD,iBAAiB,GAAG;IAAA;IAClB,IAAI,yBAAI,CAACiB,UAAU,qDAAf,iBAAiBoC,KAAK,CAACL,OAAO,MAAK,KAAK,EAAE;MAAA;MAC5C,MAAMM,SAAS,wBAAG,IAAI,CAACrC,UAAU,+EAAf,kBAAiBoC,KAAK,0DAAtB,sBAAwBC,SAAS;MACnD,IAAIrB,aAAa,GAAGnD,GAAG,CAAC,IAAI,CAAC8D,wBAAwB,EAAEU,SAAS,CAAC;MACjE,IAAIrB,aAAa,EAAE;QACjB,IAAIA,aAAa,YAAYR,QAAQ,EAAE;UACrC;UACAQ,aAAa,GAAGA,aAAa,CAAC,IAAI,CAAChB,UAAU,CAACH,KAAK,EAAE,IAAI,CAACT,IAAI,CAAC;QACjE;QACA,IAAI,CAACJ,WAAW,CAAC;UAAER,KAAK,EAAE;YACtBwD,iBAAiB,EAAEhB;UACrB;QAAC,CAAC,CAAqB;MAC3B;MACA,IAAI,CAAChC,WAAW,CAAC;QAAE+C,OAAO,EAAE;MAAK,CAAC,CAAqB;IACzD,CAAC,MAAM;MACL,IAAI,CAAC/C,WAAW,CAAC;QAAE+C,OAAO,EAAE;MAAK,CAAC,CAAqB;IACzD;IAEA,6BAAI,CAACR,eAAe,0DAApB,sBAAsBvD,OAAO,CAAEsC,EAAO,IAAK;MACzC,MAAMgC,QAAQ,GAAGhC,EAAE,EAAE;MACrB,IAAIU,aAAa,GAAGsB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEC,YAAY;MAC1C,IAAIvB,aAAa,EAAE;QACjB,IAAIA,aAAa,YAAYR,QAAQ,EAAE;UACrC;UACAQ,aAAa,GAAGA,aAAa,CAAC,IAAI,CAAChB,UAAU,CAACH,KAAK,EAAE,IAAI,CAACT,IAAI,CAAC;QACjE;QACA,IAAI,CAACgC,eAAe,CAACJ,aAAa,CAAC;MACrC;IACF,CAAC,CAAC;IAEF,IAAI,CAACJ,iBAAiB,IAAI,IAAI,CAACA,iBAAiB,EAAE;EAEpD;EAEA4B,YAAY,CAAChE,KAAuB,EAAE;IACpC,IAAIiE,iBAAiB,GAAGlF,KAAK,CAACmF,QAAQ,CAACC,GAAG,CAACnE,KAAK,CAACoE,gBAAgB,CAAC,IAAI,CAAC/C,KAAK,CAAC,CAACrB,KAAK,CAACqE,QAAQ,EAAGC,KAAK,IAAK;MACvG,oBAAOvF,KAAK,CAACwF,YAAY,CAACD,KAAK,EAAE;QAC7B7D,SAAS,EAAET,KAAK,CAACS,SAAS;QAC1B8C,OAAO,EAAE,IAAI,CAACK,KAAK,CAACL,OAAO;QAC3BiB,WAAW,EAAE,IAAI,CAAC9D,mBAAmB,CAACuB,IAAI,CAAC,IAAI,CAAC;QAChDwC,iBAAiB,EAAE,IAAI,CAAClE,iBAAiB,CAAC0B,IAAI,CAAC,IAAI,CAAC;QACpDyC,aAAa,EAAE,IAAI,CAACzE,gBAAgB,CAACgC,IAAI,CAAC,IAAI,CAAC;QAC/C0C,OAAO,EAAE3E,KAAK,CAAC2E;MAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEb,iBAAiB,EAChE,IAAI,CAACL,KAAK,CAACL,OAAO,KAAK,KAAK,iBAAI,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACqB,MAAM,CAACG;IAAS,GAAE/E,KAAK,CAACwD,iBAAiB,CAAQ,CAC/F;EAEX;AACF"}

app-rn-runtime/components/data/form/form-footer/form-footer.component.js

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

app-rn-runtime/components/data/form/form-footer/form-footer.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormFooterProps","DEFAULT_CLASS","WmFormFooterState","WmFormFooter","constructor","props","renderWidget","styles","root","children"],"sources":["form-footer.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 WmFormFooterProps from './form-footer.props';\nimport { DEFAULT_CLASS, WmFormFooterStyles } from './form-footer.styles';\n\nexport class WmFormFooterState extends BaseComponentState<WmFormFooterProps> {}\n\nexport default class WmFormFooter extends BaseComponent<WmFormFooterProps, WmFormFooterState, WmFormFooterStyles> {\n\n  constructor(props: WmFormFooterProps) {\n    super(props, DEFAULT_CLASS, new WmFormFooterProps());\n  }\n\n  renderWidget(props: WmFormFooterProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAM,YAAY,CAACD,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormFooterProps","DEFAULT_CLASS","WmFormFooterState","WmFormFooter","constructor","props","renderWidget","styles","root","_background","children"],"sources":["form-footer.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 WmFormFooterProps from './form-footer.props';\nimport { DEFAULT_CLASS, WmFormFooterStyles } from './form-footer.styles';\n\nexport class WmFormFooterState extends BaseComponentState<WmFormFooterProps> {}\n\nexport default class WmFormFooter extends BaseComponent<WmFormFooterProps, WmFormFooterState, WmFormFooterStyles> {\n\n  constructor(props: WmFormFooterProps) {\n    super(props, DEFAULT_CLASS, new WmFormFooterProps());\n  }\n\n  renderWidget(props: WmFormFooterProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAM,YAAY,CAACD,KAAwB,EAAE;IACrC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/data/form/form.component.js

@@ -12,7 +12,6 @@ import WmMessage from '@wavemaker/app-rn-runtime/components/basic/message/messag
 import { ToastConsumer } from '@wavemaker/app-rn-runtime/core/toast.service';
 import WmFormProps from './form.props';
 import { DEFAULT_CLASS } from './form.styles';
-import { createSkeleton } from '../../basic/skeleton/skeleton.component';
 export class WmFormState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -54,7 +53,7 @@ export default class WmForm extends BaseComponent {
     forEach(formFields, w => {
       if (!w.form) {
         w.form = this;
-        w.formwidget = w.props.name && formWidgets[w.props.name];
+        w.formwidget = w.props.formKey && formWidgets[w.props.formKey] || w.props.name && formWidgets[w.props.name];
       }
     });
     this.formFields = formFields;
@@ -274,40 +273,12 @@ export default class WmForm extends BaseComponent {
       showInlineMsg: false
     });
   }
-  renderSkeleton(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this.props.iconclass || this.props.title || this.props.subheading ? /*#__PURE__*/React.createElement(View, {
-      style: this.styles.heading
-    }, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flex: 1,
-        flexDirection: 'row'
-      }
-    }, /*#__PURE__*/React.createElement(WmIcon, {
-      styles: this.styles.listIcon,
-      iconclass: this.props.iconclass
-    }), /*#__PURE__*/React.createElement(View, null, createSkeleton(this.theme, {}, {
-      ...this.styles.title.root,
-      width: 96,
-      height: this.styles.title.text.fontSize
-    }), createSkeleton(this.theme, {}, {
-      ...this.styles.subheading.root,
-      width: 160,
-      height: this.styles.subheading.text.fontSize
-    })))) : null, this.state.showInlineMsg ? /*#__PURE__*/React.createElement(WmMessage, {
-      type: this.state.type,
-      caption: this.state.message,
-      hideclose: false,
-      onClose: this.onMsgClose.bind(this)
-    }) : null, this.props.children);
-  }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(ToastConsumer, null, toastService => {
       this.toaster = toastService;
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, props.iconclass || props.title || props.subheading ? /*#__PURE__*/React.createElement(View, {
+      }, this._background, props.iconclass || props.title || props.subheading ? /*#__PURE__*/React.createElement(View, {
         style: this.styles.heading
       }, /*#__PURE__*/React.createElement(View, {
         style: {

app-rn-runtime/components/data/form/form.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","isDefined","debounce","find","forEach","get","set","WmLabel","WmIcon","WmMessage","ToastConsumer","WmFormProps","DEFAULT_CLASS","createSkeleton","WmFormState","WmForm","constructor","props","handleSubmit","componentDidMount","getParentFormRef","parentForm","pformName","current","parent","parentFormRef","registerFormFields","formFields","formWidgets","w","form","formwidget","name","f","formfields","applyFormData","applyDefaultValue","formdataoutput","datavalue","formData","state","formdata","formField","fw","key","setState","isDefault","updateState","updateFormFieldDefaultValue","dv","defaultvalue","field","invokeEventCallback","bind","undefined","formreset","ff","id","formKey","widget","isValid","reset","submit","_debouncedSubmitForm","onPropertyChange","$new","$old","validateFieldsOnSubmit","val","onValidate","required","msg","defaultValidatorMessages","validationmessage","validate","event","preventDefault","dataoutput","onBeforesubmit","proxy","formSubmit","data","onResultCb","error","response","status","onSuccess","postmessage","toggleMessage","onError","errormessage","updateDataOutput","Object","assign","type","message","messagelayout","showInlineMsg","toaster","showToast","placement","styles","bottom","text","hideOnClick","onMsgClose","renderSkeleton","root","iconclass","title","subheading","heading","flex","flexDirection","listIcon","theme","width","height","fontSize","children","renderWidget","toastService"],"sources":["form.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined, widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { debounce, find, forEach, get, set } from 'lodash';\n\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmFormField, { WmFormFieldState } from '@wavemaker/app-rn-runtime/components/data/form/form-field/form-field.component';\nimport WmMessage from '@wavemaker/app-rn-runtime/components/basic/message/message.component';\nimport { ToastConsumer, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmFormProps from './form.props';\nimport { DEFAULT_CLASS, WmFormStyles } from './form.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmFormState extends BaseComponentState<WmFormProps> {\n  isValid = false;\n  type: 'success' | 'warning' | 'error' | 'info' | 'loading' | undefined = 'success';\n  message: string = '';\n  showInlineMsg: boolean = false;\n}\nexport default class WmForm extends BaseComponent<WmFormProps, WmFormState, WmFormStyles> {\n  public formFields: Array<WmFormField> = []; // contains array of direct widget elements [WmText, WmNumber, WmCurrent]\n  public parentFormRef: any;\n  public formfields: {[key: string]: WmFormField} = {};\n  private formdataoutput: any;\n  private toaster: any;\n  formWidgets: { [key: string]: BaseComponent<any, any, any> } = {}; // object containing key as name of formField and value as WmFormField proxy.\n  constructor(props: WmFormProps) {\n    super(props, DEFAULT_CLASS, new WmFormProps());\n  }\n\n  private _debouncedSubmitForm = debounce(this.handleSubmit, 250);\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.getParentFormRef(this.props.parentForm);\n  }\n\n  getParentFormRef(pformName: string) {\n    let current = this.parent;\n    while (current) {\n      if (get(current, 'props.name') === pformName) {\n        this.parentFormRef = current;\n        break;\n      }\n      current = current.parent;\n    }\n  }\n\n  registerFormFields(\n    formFields: Array<WmFormField>,\n    formWidgets: { [key: string]: BaseComponent<any, any, any> }\n  ) {\n    forEach(formFields, (w: WmFormField) => {\n      if (!w.form) {\n        w.form = this;\n        w.formwidget = w.props.name && formWidgets[w.props.name];\n      }\n    });\n\n    this.formFields = formFields;\n    this.formWidgets = formWidgets;\n\n    formFields.forEach((f: WmFormField) => {\n      if (f.props.name) {\n        set(this.formfields, f.props.name, f);\n      }\n    })\n\n    this.applyFormData();\n    this.applyDefaultValue();\n\n    // setting default form dataoutput.\n    if (!this.formdataoutput) {\n      this.formdataoutput = {};\n      formFields.forEach((w: WmFormField) => {\n        const name = get(w.props, 'formKey') || w.props.name;\n        if (name) {\n          set(this.formdataoutput, name, w.props.datavalue);\n        }\n      });\n    }\n  }\n\n  applyFormData() {\n    let formData = this.state.props.formdata || this.parentFormRef?.state.props.formdata;\n    if (!formData || (this.parentFormRef && this.state.props.formdata)) {\n      return;\n    }\n    forEach(this.formFields, (formField: WmFormField) => {\n      let fw = formField.props?.name && this.formWidgets[formField.props.name];\n      if (!fw) {\n        fw = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n          return get(fw, 'formfieldname') === formField.props.name\n        });\n      }\n      let key = get(formField, 'formKey') || get(fw, 'props.name');\n      fw && fw.setState({ isDefault: true });\n      formField.updateState({\n        props: {\n          datavalue: get(formData, key)\n        }\n      } as WmFormFieldState);\n    });\n  }\n\n  updateFormFieldDefaultValue(formField: WmFormField) {\n    if (formField) {\n      const dv = formField.state.props.defaultvalue;\n      if (isDefined(dv) && dv !== null && this.formFields) {\n        let field = formField.props?.name && this.formWidgets[formField.props.name];\n        if (!field) {\n          field = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n            return get(fw, 'formfieldname') === formField.props.name\n          });\n        }\n        if (field) {\n          field.setState({ isDefault: true });\n          field.updateState({\n            props: {\n              datavalue: dv\n            }\n          }, this.invokeEventCallback.bind(formField, 'onFieldChange', [undefined, formField, dv]));\n        }\n      }\n    }\n  }\n\n  applyDefaultValue(formField?: WmFormField) {\n    if (formField) {\n      this.updateFormFieldDefaultValue(formField);\n      return;\n    }\n    forEach(this.formFields, (w: WmFormField) => {\n      this.updateFormFieldDefaultValue(w);\n    });\n  }\n\n  formreset() {\n    forEach(this.formFields, (ff: WmFormField) => {\n      ff.updateState({\n        props : {\n          datavalue: ''\n        }\n      } as WmFormFieldState, () => {\n          const id = ff.props.formKey || ff.props.name;\n          if (id) {\n            let widget: BaseComponent<any, any, any> | undefined | any = this.formWidgets[id];\n            if (!widget) {\n              widget = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n                return get(fw, 'formfieldname') === ff.props.name\n              });\n            }\n            widget.updateState({\n              isValid: true,\n              props : {\n                datavalue: ''\n              }\n            }, () => ff.updateState({\n              isValid: true\n            } as WmFormFieldState));\n            widget?.reset();\n          }\n        }\n      );\n    });\n  }\n\n  submit() {\n    this._debouncedSubmitForm();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'formdata':\n        if ($new) {\n          this.applyFormData();\n        }\n    }\n  }\n  // Disable the form submit if form is in invalid state. Highlight all the invalid fields if validation type is default\n  validateFieldsOnSubmit() {\n    let isValid = true;\n    forEach(this.formFields, (field) => {\n      const val = field?.state.props.datavalue;\n\n      const onValidate = get(field, 'props.onValidate');\n      onValidate && onValidate(field);\n      if (!val && field?.state.props.required) {\n        isValid = false;\n        const msg = get(field.defaultValidatorMessages, 'required') || field.state.props.validationmessage;\n        field.updateState({ isValid: isValid, props: {\n            validationmessage: msg\n          }} as WmFormFieldState);\n        field.formwidget.validate && field.formwidget.validate(val);\n      }\n      // check for isvalid state of formwidget\n      if (field.formwidget.state.isValid === false) {\n        isValid = false;\n      }\n    });\n    return isValid;\n  }\n\n  // @ts-ignore\n  handleSubmit(event?: any) {\n    event?.preventDefault();\n    const formData = this.state.props.dataoutput || this.formdataoutput;\n\n    if (!this.validateFieldsOnSubmit()) {\n      return false;\n    }\n    if (this.props.onBeforesubmit) {\n      this.invokeEventCallback('onBeforesubmit', [ null, this.proxy, formData ]);\n    }\n    if (this.props.formSubmit) {\n      this.props.formSubmit(formData, ((data: any) => {\n        this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n        this.onResultCb(get(data, 'params'), 'success');\n      }), ((error: any) => {\n        this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n        this.onResultCb(error, '');\n      }));\n    } else {\n      this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n    }\n  }\n\n  onResultCb(response: any, status: string, event?: any) {\n    this.invokeEventCallback('onResult', [ null, this.proxy, response ]);\n    if (status) {\n      this.invokeEventCallback('onSuccess', [ null, this.proxy, response ]);\n      !this.props.onSuccess && this.state.props.postmessage && this.toggleMessage('success', this.state.props.postmessage);\n    } else {\n      this.invokeEventCallback('onError', [ null, this.proxy, response ]);\n      !this.props.onError && this.toggleMessage('error', this.state.props.errormessage || get(response, 'message'));\n    }\n  }\n\n  updateDataOutput(key: string, val: any) {\n    const current = this.formdataoutput || {};\n    if (key) {\n      set(current, key, val);\n    } else {\n      Object.assign(current, val)\n    }\n    this.formdataoutput = current;\n    this.updateState({ props: { dataoutput: current }} as WmFormState);\n    this.parentFormRef && this.parentFormRef.updateDataOutput(undefined, this.formdataoutput);\n  }\n\n  toggleMessage(\n    type: 'success' | 'warning' | 'error' | 'info' | 'loading' | undefined,\n    message: string\n  ) {\n    if (this.state.props.messagelayout === 'Inline') {\n        this.setState({\n          type: type,\n          message: message,\n          showInlineMsg: true\n        } as WmFormState)\n      return;\n    }\n    this.toaster.showToast({\n      name: this, placement: \"\", styles: {bottom: 0},\n      text: message,\n      type: type,\n      hideOnClick: true\n    });\n  }\n\n  onMsgClose() {\n    this.setState({\n      showInlineMsg: false\n    } as WmFormState)\n  }\n\n  public renderSkeleton(props: WmFormProps){\n    return(\n      <View style={this.styles.root}>\n            {this.props.iconclass || this.props.title || this.props.subheading ? (\n              <View style={this.styles.heading}>\n                <View style={{flex: 1, flexDirection: 'row'}}>\n                  <WmIcon styles={this.styles.listIcon} iconclass={this.props.iconclass}></WmIcon>\n                  <View>\n                    {\n                      createSkeleton(this.theme, {} as WmSkeletonStyles, {\n                        ...this.styles.title.root,\n                        width: 96,\n                        height: this.styles.title.text.fontSize\n                      })\n                    }\n                    {\n                      createSkeleton(this.theme, {} as WmSkeletonStyles, {\n                        ...this.styles.subheading.root,\n                        width: 160,\n                        height: this.styles.subheading.text.fontSize\n                      })\n                    }\n                  </View>\n                </View>\n              </View>\n            ) : null}\n            {this.state.showInlineMsg ? <WmMessage type={this.state.type} caption={this.state.message} hideclose={false} onClose={this.onMsgClose.bind(this)}></WmMessage> : null\n            }\n            {this.props.children}\n          </View>\n    )\n  }\n\n  renderWidget(props: WmFormProps) {\n    return (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this.toaster = toastService;\n          return <View style={this.styles.root}>\n            {props.iconclass || props.title || props.subheading ? (\n              <View style={this.styles.heading}>\n                <View style={{flex: 1, flexDirection: 'row'}}>\n                  <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n                  <View>\n                    <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n                    <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n                  </View>\n                </View>\n              </View>\n            ) : null}\n            {this.state.showInlineMsg ? <WmMessage type={this.state.type} caption={this.state.message} hideclose={false} onClose={this.onMsgClose.bind(this)}></WmMessage> : null\n            }\n            {props.children}\n          </View>\n        }\n        }\n      </ToastConsumer>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","isDefined","debounce","find","forEach","get","set","WmLabel","WmIcon","WmMessage","ToastConsumer","WmFormProps","DEFAULT_CLASS","WmFormState","WmForm","constructor","props","handleSubmit","componentDidMount","getParentFormRef","parentForm","pformName","current","parent","parentFormRef","registerFormFields","formFields","formWidgets","w","form","formwidget","formKey","name","f","formfields","applyFormData","applyDefaultValue","formdataoutput","datavalue","formData","state","formdata","formField","fw","key","setState","isDefault","updateState","updateFormFieldDefaultValue","dv","defaultvalue","field","invokeEventCallback","bind","undefined","formreset","ff","id","widget","isValid","reset","submit","_debouncedSubmitForm","onPropertyChange","$new","$old","validateFieldsOnSubmit","val","onValidate","required","msg","defaultValidatorMessages","validationmessage","validate","event","preventDefault","dataoutput","onBeforesubmit","proxy","formSubmit","data","onResultCb","error","response","status","onSuccess","postmessage","toggleMessage","onError","errormessage","updateDataOutput","Object","assign","type","message","messagelayout","showInlineMsg","toaster","showToast","placement","styles","bottom","text","hideOnClick","onMsgClose","renderWidget","toastService","root","_background","iconclass","title","subheading","heading","flex","flexDirection","listIcon","children"],"sources":["form.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined, widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { debounce, find, forEach, get, set } from 'lodash';\n\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmFormField, { WmFormFieldState } from '@wavemaker/app-rn-runtime/components/data/form/form-field/form-field.component';\nimport WmMessage from '@wavemaker/app-rn-runtime/components/basic/message/message.component';\nimport { ToastConsumer, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmFormProps from './form.props';\nimport { DEFAULT_CLASS, WmFormStyles } from './form.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmFormState extends BaseComponentState<WmFormProps> {\n  isValid = false;\n  type: 'success' | 'warning' | 'error' | 'info' | 'loading' | undefined = 'success';\n  message: string = '';\n  showInlineMsg: boolean = false;\n}\nexport default class WmForm extends BaseComponent<WmFormProps, WmFormState, WmFormStyles> {\n  public formFields: Array<WmFormField> = []; // contains array of direct widget elements [WmText, WmNumber, WmCurrent]\n  public parentFormRef: any;\n  public formfields: {[key: string]: WmFormField} = {};\n  private formdataoutput: any;\n  private toaster: any;\n  formWidgets: { [key: string]: BaseComponent<any, any, any> } = {}; // object containing key as name of formField and value as WmFormField proxy.\n  constructor(props: WmFormProps) {\n    super(props, DEFAULT_CLASS, new WmFormProps());\n  }\n\n  private _debouncedSubmitForm = debounce(this.handleSubmit, 250);\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.getParentFormRef(this.props.parentForm);\n  }\n\n  getParentFormRef(pformName: string) {\n    let current = this.parent;\n    while (current) {\n      if (get(current, 'props.name') === pformName) {\n        this.parentFormRef = current;\n        break;\n      }\n      current = current.parent;\n    }\n  }\n\n  registerFormFields(\n    formFields: Array<WmFormField>,\n    formWidgets: { [key: string]: BaseComponent<any, any, any> }\n  ) {\n    forEach(formFields, (w: WmFormField) => {\n      if (!w.form) {\n        w.form = this;\n        w.formwidget = (w.props.formKey && formWidgets[w.props.formKey]) \n          || (w.props.name && formWidgets[w.props.name]);\n      }\n    });\n\n    this.formFields = formFields;\n    this.formWidgets = formWidgets;\n\n    formFields.forEach((f: WmFormField) => {\n      if (f.props.name) {\n        set(this.formfields, f.props.name, f);\n      }\n    })\n\n    this.applyFormData();\n    this.applyDefaultValue();\n\n    // setting default form dataoutput.\n    if (!this.formdataoutput) {\n      this.formdataoutput = {};\n      formFields.forEach((w: WmFormField) => {\n        const name = get(w.props, 'formKey') || w.props.name;\n        if (name) {\n          set(this.formdataoutput, name, w.props.datavalue);\n        }\n      });\n    }\n  }\n\n  applyFormData() {\n    let formData = this.state.props.formdata || this.parentFormRef?.state.props.formdata;\n    if (!formData || (this.parentFormRef && this.state.props.formdata)) {\n      return;\n    }\n    forEach(this.formFields, (formField: WmFormField) => {\n      let fw = formField.props?.name && this.formWidgets[formField.props.name];\n      if (!fw) {\n        fw = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n          return get(fw, 'formfieldname') === formField.props.name\n        });\n      }\n      let key = get(formField, 'formKey') || get(fw, 'props.name');\n      fw && fw.setState({ isDefault: true });\n      formField.updateState({\n        props: {\n          datavalue: get(formData, key)\n        }\n      } as WmFormFieldState);\n    });\n  }\n\n  updateFormFieldDefaultValue(formField: WmFormField) {\n    if (formField) {\n      const dv = formField.state.props.defaultvalue;\n      if (isDefined(dv) && dv !== null && this.formFields) {\n        let field = formField.props?.name && this.formWidgets[formField.props.name];\n        if (!field) {\n          field = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n            return get(fw, 'formfieldname') === formField.props.name\n          });\n        }\n        if (field) {\n          field.setState({ isDefault: true });\n          field.updateState({\n            props: {\n              datavalue: dv\n            }\n          }, this.invokeEventCallback.bind(formField, 'onFieldChange', [undefined, formField, dv]));\n        }\n      }\n    }\n  }\n\n  applyDefaultValue(formField?: WmFormField) {\n    if (formField) {\n      this.updateFormFieldDefaultValue(formField);\n      return;\n    }\n    forEach(this.formFields, (w: WmFormField) => {\n      this.updateFormFieldDefaultValue(w);\n    });\n  }\n\n  formreset() {\n    forEach(this.formFields, (ff: WmFormField) => {\n      ff.updateState({\n        props : {\n          datavalue: ''\n        }\n      } as WmFormFieldState, () => {\n          const id = ff.props.formKey || ff.props.name;\n          if (id) {\n            let widget: BaseComponent<any, any, any> | undefined | any = this.formWidgets[id];\n            if (!widget) {\n              widget = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n                return get(fw, 'formfieldname') === ff.props.name\n              });\n            }\n            widget.updateState({\n              isValid: true,\n              props : {\n                datavalue: ''\n              }\n            }, () => ff.updateState({\n              isValid: true\n            } as WmFormFieldState));\n            widget?.reset();\n          }\n        }\n      );\n    });\n  }\n\n  submit() {\n    this._debouncedSubmitForm();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'formdata':\n        if ($new) {\n          this.applyFormData();\n        }\n    }\n  }\n  // Disable the form submit if form is in invalid state. Highlight all the invalid fields if validation type is default\n  validateFieldsOnSubmit() {\n    let isValid = true;\n    forEach(this.formFields, (field) => {\n      const val = field?.state.props.datavalue;\n\n      const onValidate = get(field, 'props.onValidate');\n      onValidate && onValidate(field);\n      if (!val && field?.state.props.required) {\n        isValid = false;\n        const msg = get(field.defaultValidatorMessages, 'required') || field.state.props.validationmessage;\n        field.updateState({ isValid: isValid, props: {\n            validationmessage: msg\n          }} as WmFormFieldState);\n        field.formwidget.validate && field.formwidget.validate(val);\n      }\n      // check for isvalid state of formwidget\n      if (field.formwidget.state.isValid === false) {\n        isValid = false;\n      }\n    });\n    return isValid;\n  }\n\n  // @ts-ignore\n  handleSubmit(event?: any) {\n    event?.preventDefault();\n    const formData = this.state.props.dataoutput || this.formdataoutput;\n\n    if (!this.validateFieldsOnSubmit()) {\n      return false;\n    }\n    if (this.props.onBeforesubmit) {\n      this.invokeEventCallback('onBeforesubmit', [ null, this.proxy, formData ]);\n    }\n    if (this.props.formSubmit) {\n      this.props.formSubmit(formData, ((data: any) => {\n        this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n        this.onResultCb(get(data, 'params'), 'success');\n      }), ((error: any) => {\n        this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n        this.onResultCb(error, '');\n      }));\n    } else {\n      this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n    }\n  }\n\n  onResultCb(response: any, status: string, event?: any) {\n    this.invokeEventCallback('onResult', [ null, this.proxy, response ]);\n    if (status) {\n      this.invokeEventCallback('onSuccess', [ null, this.proxy, response ]);\n      !this.props.onSuccess && this.state.props.postmessage && this.toggleMessage('success', this.state.props.postmessage);\n    } else {\n      this.invokeEventCallback('onError', [ null, this.proxy, response ]);\n      !this.props.onError && this.toggleMessage('error', this.state.props.errormessage || get(response, 'message'));\n    }\n  }\n\n  updateDataOutput(key: string, val: any) {\n    const current = this.formdataoutput || {};\n    if (key) {\n      set(current, key, val);\n    } else {\n      Object.assign(current, val)\n    }\n    this.formdataoutput = current;\n    this.updateState({ props: { dataoutput: current }} as WmFormState);\n    this.parentFormRef && this.parentFormRef.updateDataOutput(undefined, this.formdataoutput);\n  }\n\n  toggleMessage(\n    type: 'success' | 'warning' | 'error' | 'info' | 'loading' | undefined,\n    message: string\n  ) {\n    if (this.state.props.messagelayout === 'Inline') {\n        this.setState({\n          type: type,\n          message: message,\n          showInlineMsg: true\n        } as WmFormState)\n      return;\n    }\n    this.toaster.showToast({\n      name: this, placement: \"\", styles: {bottom: 0},\n      text: message,\n      type: type,\n      hideOnClick: true\n    });\n  }\n\n  onMsgClose() {\n    this.setState({\n      showInlineMsg: false\n    } as WmFormState)\n  }\n\n  renderWidget(props: WmFormProps) {\n    return (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this.toaster = toastService;\n          return <View style={this.styles.root}>\n            {this._background}\n            {props.iconclass || props.title || props.subheading ? (\n              <View style={this.styles.heading}>\n                <View style={{flex: 1, flexDirection: 'row'}}>\n                  <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n                  <View>\n                    <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n                    <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n                  </View>\n                </View>\n              </View>\n            ) : null}\n            {this.state.showInlineMsg ? <WmMessage type={this.state.type} caption={this.state.message} hideclose={false} onClose={this.onMsgClose.bind(this)}></WmMessage> : null\n            }\n            {props.children}\n          </View>\n        }\n        }\n      </ToastConsumer>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/data/list/list-template/list-template.component.js

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

app-rn-runtime/components/data/list/list-template/list-template.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmListTemplateProps","DEFAULT_CLASS","WmListTemplateState","WmListTemplate","constructor","props","renderWidget","styles","root","children"],"sources":["list-template.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 WmListTemplateProps from './list-template.props';\nimport { DEFAULT_CLASS, WmListTemplateStyles } from './list-template.styles';\n\nexport class WmListTemplateState extends BaseComponentState<WmListTemplateProps> {\n\n}\n\nexport default class WmListTemplate extends BaseComponent<WmListTemplateProps, WmListTemplateState, WmListTemplateStyles> {\n\n  constructor(props: WmListTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmListTemplateProps());\n  }\n\n  renderWidget(props: WmListTemplateProps) {\n    return (\n      <View style={this.styles.root}>{props.children}</View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAIjF,eAAe,MAAMI,cAAc,SAASL,aAAa,CAAiE;EAExHM,WAAW,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,mBAAmB,EAAE,CAAC;EACxD;EAEAM,YAAY,CAACD,KAA0B,EAAE;IACvC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAE1D;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmListTemplateProps","DEFAULT_CLASS","WmListTemplateState","WmListTemplate","constructor","props","renderWidget","styles","root","_background","children"],"sources":["list-template.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 WmListTemplateProps from './list-template.props';\nimport { DEFAULT_CLASS, WmListTemplateStyles } from './list-template.styles';\n\nexport class WmListTemplateState extends BaseComponentState<WmListTemplateProps> {\n\n}\n\nexport default class WmListTemplate extends BaseComponent<WmListTemplateProps, WmListTemplateState, WmListTemplateStyles> {\n\n  constructor(props: WmListTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmListTemplateProps());\n  }\n\n  renderWidget(props: WmListTemplateProps) {\n    return (\n      <View style={this.styles.root}>{this._background}{props.children}</View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAIjF,eAAe,MAAMI,cAAc,SAASL,aAAa,CAAiE;EAExHM,WAAW,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,mBAAmB,EAAE,CAAC;EACxD;EAEAM,YAAY,CAACD,KAA0B,EAAE;IACvC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAE5E;AACF"}

app-rn-runtime/components/data/list/list.component.js

@@ -76,17 +76,15 @@ export default class WmList extends BaseComponent {
         }
         break;
       case 'dataset':
-        if (this._showSkeleton) {
-          $new = [{}, {}, {}];
-        }
         if (this.state.props.groupby) {
           this.setGroupData($new);
         } else {
+          const data = isArray($new) ? $new : isDefined($new) ? [$new] : [];
           this.updateState({
-            groupedData: [{
+            groupedData: data[0] || props.direction === 'horizontal' ? [{
               key: '',
-              data: isArray($new) ? $new : isDefined($new) ? [$new] : []
-            }]
+              data: data
+            }] : []
           }, () => {
             this.key += $new && $new.length || 0;
           });
@@ -192,6 +190,17 @@ export default class WmList extends BaseComponent {
       renderItem: itemInfo => this.renderItem(itemInfo.item, itemInfo.index, props)
     }))) : null);
   }
+  getSectionListData() {
+    if (this._showSkeleton) {
+      return [{
+        key: '',
+        data: [{}, {}, {}]
+      }];
+    } else if (this.state.groupedData[0] && this.state.groupedData[0]['data'].length) {
+      return this.state.groupedData;
+    }
+    return [];
+  }
   renderWithSectionList(props) {
     let isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return /*#__PURE__*/React.createElement(SectionList, {
@@ -208,7 +217,7 @@ export default class WmList extends BaseComponent {
       },
       contentContainerStyle: this.styles.root,
       onEndReachedThreshold: 0.3,
-      sections: this.state.groupedData[0]['data'].length ? this.state.groupedData : [] || [],
+      sections: this.getSectionListData(),
       renderSectionHeader: _ref2 => {
         let {
           section: {
@@ -226,7 +235,7 @@ export default class WmList extends BaseComponent {
   renderWidget(props) {
     this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);
     const isHorizontal = props.direction === 'horizontal';
-    return /*#__PURE__*/React.createElement(View, null, isHorizontal ? this.renderWithFlatList(props, isHorizontal) : this.renderWithSectionList(props, isHorizontal));
+    return /*#__PURE__*/React.createElement(View, null, this._background, isHorizontal ? this.renderWithFlatList(props, isHorizontal) : this.renderWithSectionList(props, isHorizontal));
   }
 }
 //# sourceMappingURL=list.component.js.map