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

app-rn-runtime/components/basic/video/video.component.js

@@ -0,0 +1,56 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { View } from 'react-native';
+import { ResizeMode, Video } from 'expo-av';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmVideoProps from './video.props';
+import { DEFAULT_CLASS } from './video.styles';
+import { isString } from 'lodash-es';
+export class WmVideoState extends BaseComponentState {}
+export default class WmVideo extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());
+    _defineProperty(this, "video", null);
+  }
+  getSource(path) {
+    if (!path) {
+      return null;
+    }
+    const resource = this.loadAsset(path);
+    if (isString(resource) && (resource.startsWith('http') || resource.startsWith('data:') || resource.startsWith('file:'))) {
+      return {
+        uri: resource
+      };
+    }
+    return resource;
+  }
+  componentDidMount() {
+    if (this.state.props.autoplay) {
+      var _this$video;
+      (_this$video = this.video) === null || _this$video === void 0 ? void 0 : _this$video.playAsync();
+    }
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(Video, {
+      ref: video => {
+        this.video = video;
+      },
+      style: {
+        width: '100%',
+        height: '100%',
+        flex: 1
+      },
+      source: this.getSource(props.mp4format || props.webmformat),
+      posterSource: this.getSource(props.videoposter),
+      useNativeControls: props.controls,
+      resizeMode: ResizeMode.CONTAIN,
+      isLooping: props.loop,
+      isMuted: props.muted
+    }));
+  }
+}
+//# sourceMappingURL=video.component.js.map

app-rn-runtime/components/basic/video/video.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","isString","WmVideoState","WmVideo","constructor","props","getSource","path","resource","loadAsset","startsWith","uri","componentDidMount","state","autoplay","video","playAsync","renderWidget","styles","root","_background","width","height","flex","mp4format","webmformat","videoposter","controls","CONTAIN","loop","muted"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video } from 'expo-av';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport { isString } from 'lodash-es';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {}\n\nexport default class WmVideo extends BaseComponent<WmVideoProps, WmVideoState, WmVideoStyles> {\n\n  private video: Video | null = null as any;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset(path);\n    if (isString(resource) && (\n      resource.startsWith('http') \n        || resource.startsWith('data:') \n        || resource.startsWith('file:'))) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n  componentDidMount(): void {\n    if (this.state.props.autoplay) {\n      this.video?.playAsync();\n    }\n  }\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\n          source={this.getSource(\n            props.mp4format\n            || props.webmformat) as any}\n          posterSource={ this.getSource(props.videoposter) as any }\n          useNativeControls={props.controls}\n          resizeMode={ResizeMode.CONTAIN}\n          isLooping={props.loop}\n          isMuted={props.muted}\n        />\n      </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,QAAQ,SAAS;AAC3C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,QAAQ,QAAQ,WAAW;AAEpC,OAAO,MAAMC,YAAY,SAASJ,kBAAkB,CAAe;AAEnE,eAAe,MAAMK,OAAO,SAASN,aAAa,CAA4C;EAI5FO,WAAW,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,YAAY,EAAE,EAAE,IAAIG,YAAY,EAAE,CAAC;IAAC,+BAHxC,IAAI;EAIlC;EAEAI,SAAS,CAACC,IAAY,EAAE;IACtB,IAAI,CAACA,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC;IACrC,IAAIN,QAAQ,CAACO,QAAQ,CAAC,KACpBA,QAAQ,CAACE,UAAU,CAAC,MAAM,CAAC,IACtBF,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,IAC5BF,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE;MACpC,OAAO;QACLC,GAAG,EAAEH;MACP,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAEAI,iBAAiB,GAAS;IACxB,IAAI,IAAI,CAACC,KAAK,CAACR,KAAK,CAACS,QAAQ,EAAE;MAAA;MAC7B,mBAAI,CAACC,KAAK,gDAAV,YAAYC,SAAS,EAAE;IACzB;EACF;EAEAC,YAAY,CAACZ,KAAmB,EAAE;IAChC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACa,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,KAAK;MACJ,GAAG,EAAGL,KAAK,IAAK;QAAE,IAAI,CAACA,KAAK,GAAGA,KAAK;MAAE,CAAE;MACxC,KAAK,EAAE;QAAEM,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAE,CAAE;MAClD,MAAM,EAAE,IAAI,CAACjB,SAAS,CACpBD,KAAK,CAACmB,SAAS,IACZnB,KAAK,CAACoB,UAAU,CAAS;MAC9B,YAAY,EAAG,IAAI,CAACnB,SAAS,CAACD,KAAK,CAACqB,WAAW,CAAU;MACzD,iBAAiB,EAAErB,KAAK,CAACsB,QAAS;MAClC,UAAU,EAAEhC,UAAU,CAACiC,OAAQ;MAC/B,SAAS,EAAEvB,KAAK,CAACwB,IAAK;MACtB,OAAO,EAAExB,KAAK,CAACyB;IAAM,EACrB,CACG;EACX;AACF"}

app-rn-runtime/components/basic/video/video.props.js

@@ -0,0 +1,22 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmVideoProps extends BaseProps {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "autoplay", false);
+    _defineProperty(this, "controls", false);
+    _defineProperty(this, "loop", false);
+    _defineProperty(this, "mp4format", null);
+    _defineProperty(this, "muted", false);
+    _defineProperty(this, "oggformat", null);
+    _defineProperty(this, "subtitlelang", 'en');
+    _defineProperty(this, "subtitlesource", null);
+    _defineProperty(this, "videoposter", 'resources/images/imagelists/default-image.png');
+    _defineProperty(this, "videopreload", 'none');
+    _defineProperty(this, "videosupportmessage", 'Your browser does not support the video tag.');
+    _defineProperty(this, "webmformat", null);
+  }
+}
+//# sourceMappingURL=video.props.js.map

app-rn-runtime/components/basic/video/video.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmVideoProps"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmVideoProps extends BaseProps {\n    autoplay = false;\n    controls = false;\n    loop = false;\n    mp4format: string = null as any;\n    muted = false;\n    oggformat: string = null as any;\n    subtitlelang = 'en';\n    subtitlesource: string = null as any;\n    videoposter = 'resources/images/imagelists/default-image.png';\n    videopreload = 'none';\n    videosupportmessage = 'Your browser does not support the video tag.';\n    webmformat: string = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,kCACrC,KAAK;IAAA,kCACL,KAAK;IAAA,8BACT,KAAK;IAAA,mCACQ,IAAI;IAAA,+BAChB,KAAK;IAAA,mCACO,IAAI;IAAA,sCACT,IAAI;IAAA,wCACM,IAAI;IAAA,qCACf,+CAA+C;IAAA,sCAC9C,MAAM;IAAA,6CACC,8CAA8C;IAAA,oCAC/C,IAAI;EAAA;AAC7B"}

app-rn-runtime/components/basic/video/video.styles.js

@@ -0,0 +1,11 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-video';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=video.styles.js.map

app-rn-runtime/components/basic/video/video.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmVideoStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {},\n        text: {}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EACFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

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

@@ -173,7 +173,7 @@ export default class WmAccordion extends BaseComponent {
     const expandedId = this.state.expandedId || 0;
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(List.AccordionGroup, {
+    }, this._background, /*#__PURE__*/React.createElement(List.AccordionGroup, {
       expandedId: expandedId,
       onAccordionPress: this.onAccordionPress.bind(this)
     }, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, expandedId === index + 1, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null));

app-rn-runtime/components/container/accordion/accordion.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Badge","List","isArray","BaseComponent","BaseComponentState","isDefined","WmAccordionProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmAccordionState","WmAccordion","constructor","props","updateState","expandedId","state","defaultpaneindex","addAccordionPane","accordionPane","accordionPanes","newIndex","expandCollapseIcon","item","showBadge","showIcon","useChevron","isExpanded","widgetProps","badge","badgevalue","undefined","styles","activeBadge","badgetype","iconclass","flexDirection","theme","mergeStyle","icon","activeIcon","renderAccordionpane","index","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","pane","name","title","header","firstHeader","length","lastHeader","activeHeader","colors","background","backgroundColor","primary","color","text","activeHeaderTitle","subheading","marginLeft","ref","animatedRef","animation","onAccordionPress","oldIndex","collapsedPane","onPaneCollapse","Promise","resolve","then","triggerExit","res","reject","expandedPane","onPaneExpand","invokeEventCallback","proxy","renderSkeletonAccordionpane","borderRadius","height","fontSize","AccordionSkeleton","children","bind","map","renderSkeleton","renderWidget"],"sources":["accordion.component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { isArray } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  expandedId: any;\n}\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  private animatedRef: any;\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps());\n    this.updateState({\n      expandedId: (this.state.props.defaultpaneindex || 0) + 1\n    } as WmAccordionState);\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    this.accordionPanes[(this.newIndex || this.state.expandedId) - 1] = accordionPane;\n  }\n\n  expandCollapseIcon(props: any, item: any, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    return (\n      <View style={this.styles.pane} key={item.props.name}>\n        <List.Accordion title={isDefined(item.props.title) ? item.props.title : 'Title'}\n                        style={[\n                          this.styles.header,\n                          index === 0 ? this.styles.firstHeader: null,\n                          index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                          isExpanded ? this.styles.activeHeader : {}]}\n                        theme={{\n                          colors: {\n                            background : this.styles.header.backgroundColor as string,\n                            primary: this.styles.activeHeader.color as string\n                          }\n                        }}\n                        titleStyle={[this.styles.text, isExpanded ? this.styles.activeHeaderTitle : {}]}\n                        descriptionStyle={this.styles.subheading}\n                        description={item.props.subheading}\n                        id={index + 1}\n                        key={'accordionpane_' + index}\n                        right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n                        left={props => (\n                          <>\n                            {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n                            {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n                          </>)\n                        }>\n            <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n        </List.Accordion>\n      </View>\n    );\n  }\n\n  onAccordionPress(expandedId: any) {\n    const oldIndex = this.state.expandedId;\n    this.newIndex = expandedId;\n    const collapsedPane = oldIndex ? this.accordionPanes[oldIndex - 1]: null;\n    collapsedPane?.onPaneCollapse();\n    Promise.resolve().then(() => {\n      if (this.state.expandedId >= 0) {\n        return this.animatedRef.triggerExit().then((res: any) => !res && Promise.reject());\n      }\n    }).then(() => {\n      if (this.state.expandedId === expandedId) {\n        expandedId = -1;\n      }\n      this.updateState({\n        expandedId: expandedId,\n      } as WmAccordionState, () => {\n        const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n        expandedPane?.onPaneExpand();\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          oldIndex ? oldIndex - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name])\n      });\n    }, () => {});\n  }\n\n\n  renderSkeletonAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    return (\n      <View style={this.styles.pane} key={item.props.name}>\n        <List.Accordion title={''}\n                        style={[{}]}\n                        theme={{}}\n                        titleStyle={[{}]}\n                        descriptionStyle={this.styles.subheading}\n                        description={item.props.subheading}\n                        id={index + 1}\n                        key={'accordionpane_' + index}\n                        right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n                        left={props => (\n                          <>\n                            {\n                              createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                                ...this.styles.root,\n                                width: this.styles.root?.width || \"100%\",\n                                height: this.styles.root?.height || this.styles.activeHeaderTitle?.fontSize || 16\n                              })\n                            }\n                            {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n                            {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n                          </>)\n                        }>\n            <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n        </List.Accordion>\n      </View>\n    );\n  }\n  public AccordionSkeleton() {\n    const accordionpanes = this.props.children;\n    const expandedId = this.state.expandedId || 0;\n    return (\n      <View style={this.styles.root}>\n      <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n        {accordionpanes\n          ? isArray(accordionpanes) && accordionpanes.length\n            ? accordionpanes.map((item: any, index: any) => this.renderSkeletonAccordionpane(item, index, false, accordionpanes))\n            : this.renderSkeletonAccordionpane(accordionpanes, 0)\n          : null}\n      </List.AccordionGroup>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmAccordionProps){\n      return(this.AccordionSkeleton())\n  }\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.expandedId || 0;\n    return (\n        <View style={this.styles.root}>\n          <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, expandedId === index + 1, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n          </List.AccordionGroup>\n        </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Badge","List","isArray","BaseComponent","BaseComponentState","isDefined","WmAccordionProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmAccordionState","WmAccordion","constructor","props","updateState","expandedId","state","defaultpaneindex","addAccordionPane","accordionPane","accordionPanes","newIndex","expandCollapseIcon","item","showBadge","showIcon","useChevron","isExpanded","widgetProps","badge","badgevalue","undefined","styles","activeBadge","badgetype","iconclass","flexDirection","theme","mergeStyle","icon","activeIcon","renderAccordionpane","index","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","pane","name","title","header","firstHeader","length","lastHeader","activeHeader","colors","background","backgroundColor","primary","color","text","activeHeaderTitle","subheading","marginLeft","ref","animatedRef","animation","onAccordionPress","oldIndex","collapsedPane","onPaneCollapse","Promise","resolve","then","triggerExit","res","reject","expandedPane","onPaneExpand","invokeEventCallback","proxy","renderSkeletonAccordionpane","borderRadius","height","fontSize","AccordionSkeleton","children","bind","map","renderSkeleton","renderWidget","_background"],"sources":["accordion.component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { isArray } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  expandedId: any;\n}\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  private animatedRef: any;\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps());\n    this.updateState({\n      expandedId: (this.state.props.defaultpaneindex || 0) + 1\n    } as WmAccordionState);\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    this.accordionPanes[(this.newIndex || this.state.expandedId) - 1] = accordionPane;\n  }\n\n  expandCollapseIcon(props: any, item: any, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    return (\n      <View style={this.styles.pane} key={item.props.name}>\n        <List.Accordion title={isDefined(item.props.title) ? item.props.title : 'Title'}\n                        style={[\n                          this.styles.header,\n                          index === 0 ? this.styles.firstHeader: null,\n                          index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                          isExpanded ? this.styles.activeHeader : {}]}\n                        theme={{\n                          colors: {\n                            background : this.styles.header.backgroundColor as string,\n                            primary: this.styles.activeHeader.color as string\n                          }\n                        }}\n                        titleStyle={[this.styles.text, isExpanded ? this.styles.activeHeaderTitle : {}]}\n                        descriptionStyle={this.styles.subheading}\n                        description={item.props.subheading}\n                        id={index + 1}\n                        key={'accordionpane_' + index}\n                        right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n                        left={props => (\n                          <>\n                            {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n                            {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n                          </>)\n                        }>\n            <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n        </List.Accordion>\n      </View>\n    );\n  }\n\n  onAccordionPress(expandedId: any) {\n    const oldIndex = this.state.expandedId;\n    this.newIndex = expandedId;\n    const collapsedPane = oldIndex ? this.accordionPanes[oldIndex - 1]: null;\n    collapsedPane?.onPaneCollapse();\n    Promise.resolve().then(() => {\n      if (this.state.expandedId >= 0) {\n        return this.animatedRef.triggerExit().then((res: any) => !res && Promise.reject());\n      }\n    }).then(() => {\n      if (this.state.expandedId === expandedId) {\n        expandedId = -1;\n      }\n      this.updateState({\n        expandedId: expandedId,\n      } as WmAccordionState, () => {\n        const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n        expandedPane?.onPaneExpand();\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          oldIndex ? oldIndex - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name])\n      });\n    }, () => {});\n  }\n\n\n  renderSkeletonAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    return (\n      <View style={this.styles.pane} key={item.props.name}>\n        <List.Accordion title={''}\n                        style={[{}]}\n                        theme={{}}\n                        titleStyle={[{}]}\n                        descriptionStyle={this.styles.subheading}\n                        description={item.props.subheading}\n                        id={index + 1}\n                        key={'accordionpane_' + index}\n                        right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n                        left={props => (\n                          <>\n                            {\n                              createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                                ...this.styles.root,\n                                width: this.styles.root?.width || \"100%\",\n                                height: this.styles.root?.height || this.styles.activeHeaderTitle?.fontSize || 16\n                              })\n                            }\n                            {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n                            {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n                          </>)\n                        }>\n            <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n        </List.Accordion>\n      </View>\n    );\n  }\n  public AccordionSkeleton() {\n    const accordionpanes = this.props.children;\n    const expandedId = this.state.expandedId || 0;\n    return (\n      <View style={this.styles.root}>\n      <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n        {accordionpanes\n          ? isArray(accordionpanes) && accordionpanes.length\n            ? accordionpanes.map((item: any, index: any) => this.renderSkeletonAccordionpane(item, index, false, accordionpanes))\n            : this.renderSkeletonAccordionpane(accordionpanes, 0)\n          : null}\n      </List.AccordionGroup>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmAccordionProps){\n      return(this.AccordionSkeleton())\n  }\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.expandedId || 0;\n    return (\n        <View style={this.styles.root}>\n          {this._background}\n          <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, expandedId === index + 1, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n          </List.AccordionGroup>\n        </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/container/accordion/accordionpane/accordionpane.component.js

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

app-rn-runtime/components/container/accordion/accordionpane/accordionpane.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmAccordionpaneProps","DEFAULT_CLASS","WmAccordionpaneState","WmAccordionpane","constructor","props","onPaneExpand","invokeEventCallback","proxy","onPaneCollapse","componentDidMount","accordion","parent","addAccordionPane","onPartialLoad","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root"],"sources":["accordionpane.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 WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps());\n  }\n\n  onPaneExpand() {\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  onPaneCollapse() {\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    accordion.addAccordionPane(this);\n    super.componentDidMount();\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\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,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAG7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;EAAA;IAAA;IAAA,yCAC/D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;EACzD;EAEAM,YAAY,GAAG;IACb,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC1D;EAEAC,cAAc,GAAG;IACf,IAAI,CAACF,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC5D;EAEAE,iBAAiB,GAAG;IAClB,MAAMC,SAAS,GAAI,IAAI,CAACC,MAAsB;IAC9CD,SAAS,CAACE,gBAAgB,CAAC,IAAI,CAAC;IAChC,KAAK,CAACH,iBAAiB,EAAE;EAC3B;EAEAI,aAAa,GAAG;IACd,IAAI,CAACP,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAQ,aAAa,CAACV,KAA2B,EAAE;IACzC,IAAIA,KAAK,CAACW,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,CAAyB;QAC5B,CAAC,CAAC;MACJ;MACA,OAAOb,KAAK,CAACW,aAAa,CAAC,IAAI,CAACF,aAAa,CAACO,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOhB,KAAK,CAACiB,QAAQ;EACvB;EACAC,YAAY,CAAClB,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACmB,MAAM,CAACC;IAAK,GAAE,IAAI,CAACV,aAAa,CAACV,KAAK,CAAC,CAAQ;EAC3E;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmAccordionpaneProps","DEFAULT_CLASS","WmAccordionpaneState","WmAccordionpane","constructor","props","onPaneExpand","invokeEventCallback","proxy","onPaneCollapse","componentDidMount","accordion","parent","addAccordionPane","onPartialLoad","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root","_background"],"sources":["accordionpane.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 WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps());\n  }\n\n  onPaneExpand() {\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  onPaneCollapse() {\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    accordion.addAccordionPane(this);\n    super.componentDidMount();\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\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,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAG7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;EAAA;IAAA;IAAA,yCAC/D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;EACzD;EAEAM,YAAY,GAAG;IACb,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC1D;EAEAC,cAAc,GAAG;IACf,IAAI,CAACF,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC5D;EAEAE,iBAAiB,GAAG;IAClB,MAAMC,SAAS,GAAI,IAAI,CAACC,MAAsB;IAC9CD,SAAS,CAACE,gBAAgB,CAAC,IAAI,CAAC;IAChC,KAAK,CAACH,iBAAiB,EAAE;EAC3B;EAEAI,aAAa,GAAG;IACd,IAAI,CAACP,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAQ,aAAa,CAACV,KAA2B,EAAE;IACzC,IAAIA,KAAK,CAACW,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,CAAyB;QAC5B,CAAC,CAAC;MACJ;MACA,OAAOb,KAAK,CAACW,aAAa,CAAC,IAAI,CAACF,aAAa,CAACO,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOhB,KAAK,CAACiB,QAAQ;EACvB;EACAC,YAAY,CAAClB,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACmB,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAE,IAAI,CAACX,aAAa,CAACV,KAAK,CAAC,CAAQ;EAC7F;AACF"}

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

@@ -26,7 +26,7 @@ export default class WmContainer extends PartialHost {
     return /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(Tappable, {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,
       styles: dimensions
     }, /*#__PURE__*/React.createElement(View, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","WmContainerState","WmContainer","constructor","props","renderWidget","dimensions","width","styles","root","undefined","height","animation","content","renderContent"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps());\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n    return (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        <Tappable target={this} styles={dimensions}>\n            <View style={[dimensions,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,0BAA0B;AAExE,OAAO,MAAMC,gBAAgB,SAASD,gBAAgB,CAAmB;EAAA;IAAA;IAAA,yCACrD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAME,WAAW,SAASH,WAAW,CAAwD;EAC1GI,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,gBAAgB,EAAE,CAAC;EACrD;EAEAU,YAAY,CAACD,KAAuB,EAAE;IACpC,MAAME,UAAU,GAAG;MACjBC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,KAAK,GAAG,MAAM,GAAGG,SAAS;MAClDC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGD;IAC7C,CAAC;IACD,oBACE,oBAAC,YAAY;MAAC,cAAc,EAAEN,KAAK,CAACQ,SAAU;MAAC,KAAK,EAAE,IAAI,CAACJ,MAAM,CAACC;IAAK,gBACrE,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAEH;IAAW,gBACvC,oBAAC,IAAI;MAAC,KAAK,EAAE,CAACA,UAAU,EAAG,IAAI,CAACE,MAAM,CAACK,OAAO;IAAE,GAAE,IAAI,CAACC,aAAa,CAACV,KAAK,CAAC,CAAQ,CAC5E,CACE;EAEnB;AACF"}
+{"version":3,"names":["React","View","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","WmContainerState","WmContainer","constructor","props","renderWidget","dimensions","width","styles","root","undefined","height","animation","_background","content","renderContent"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps());\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n    return (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        {this._background}\n        <Tappable target={this} styles={dimensions}>\n            <View style={[dimensions,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,0BAA0B;AAExE,OAAO,MAAMC,gBAAgB,SAASD,gBAAgB,CAAmB;EAAA;IAAA;IAAA,yCACrD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAME,WAAW,SAASH,WAAW,CAAwD;EAC1GI,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,gBAAgB,EAAE,CAAC;EACrD;EAEAU,YAAY,CAACD,KAAuB,EAAE;IACpC,MAAME,UAAU,GAAG;MACjBC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,KAAK,GAAG,MAAM,GAAGG,SAAS;MAClDC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGD;IAC7C,CAAC;IACD,oBACE,oBAAC,YAAY;MAAC,cAAc,EAAEN,KAAK,CAACQ,SAAU;MAAC,KAAK,EAAE,IAAI,CAACJ,MAAM,CAACC;IAAK,GACpE,IAAI,CAACI,WAAW,eACjB,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAEP;IAAW,gBACvC,oBAAC,IAAI;MAAC,KAAK,EAAE,CAACA,UAAU,EAAG,IAAI,CAACE,MAAM,CAACM,OAAO;IAAE,GAAE,IAAI,CAACC,aAAa,CAACX,KAAK,CAAC,CAAQ,CAC5E,CACE;EAEnB;AACF"}

app-rn-runtime/components/container/layoutgrid/gridcolumn/gridcolumn.component.js

@@ -17,7 +17,7 @@ export default class WmGridcolumn extends BaseComponent {
       style: [{
         width: "100%"
       }, styles.root, this.styles.root]
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=gridcolumn.component.js.map

app-rn-runtime/components/container/layoutgrid/gridcolumn/gridcolumn.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridcolumnProps","DEFAULT_CLASS","WmGridcolumnState","WmGridcolumn","constructor","props","renderWidget","styles","root","height","overflow","undefined","theme","getStyle","xscolumnwidth","columnwidth","width","children"],"sources":["gridcolumn.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 WmGridcolumnProps from './gridcolumn.props';\nimport { DEFAULT_CLASS, WmGridColumnStyles } from './gridcolumn.styles';\n\nexport class WmGridcolumnState extends BaseComponentState<WmGridcolumnProps> {\n\n}\n\nexport default class WmGridcolumn extends BaseComponent<WmGridcolumnProps, WmGridcolumnState, WmGridColumnStyles> {\n\n  constructor(props: WmGridcolumnProps) {\n    super(props, DEFAULT_CLASS, new WmGridcolumnProps());\n  }\n\n  renderWidget(props: WmGridcolumnProps) {\n    if (this.styles.root.height) {\n      this.styles.root.overflow = undefined;\n    }\n    const styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth}  col-sm-${props.columnwidth}`);\n    return (\n      <View style={[{width: \"100%\"}, styles.root, 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,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,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,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACC,MAAM,EAAE;MAC3B,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,QAAQ,GAAGC,SAAS;IACvC;IACA,MAAMJ,MAAM,GAAG,IAAI,CAACK,KAAK,CAACC,QAAQ,CAAE,UAASR,KAAK,CAACS,aAAc,YAAWT,KAAK,CAACU,WAAY,EAAC,CAAC;IAChG,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,EAAET,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI;IAAE,GAAEH,KAAK,CAACY,QAAQ,CAAQ;EAE1F;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridcolumnProps","DEFAULT_CLASS","WmGridcolumnState","WmGridcolumn","constructor","props","renderWidget","styles","root","height","overflow","undefined","theme","getStyle","xscolumnwidth","columnwidth","width","_background","children"],"sources":["gridcolumn.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 WmGridcolumnProps from './gridcolumn.props';\nimport { DEFAULT_CLASS, WmGridColumnStyles } from './gridcolumn.styles';\n\nexport class WmGridcolumnState extends BaseComponentState<WmGridcolumnProps> {\n\n}\n\nexport default class WmGridcolumn extends BaseComponent<WmGridcolumnProps, WmGridcolumnState, WmGridColumnStyles> {\n\n  constructor(props: WmGridcolumnProps) {\n    super(props, DEFAULT_CLASS, new WmGridcolumnProps());\n  }\n\n  renderWidget(props: WmGridcolumnProps) {\n    if (this.styles.root.height) {\n      this.styles.root.overflow = undefined;\n    }\n    const styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth}  col-sm-${props.columnwidth}`);\n    return (\n      <View style={[{width: \"100%\"}, styles.root, 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,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,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,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACC,MAAM,EAAE;MAC3B,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,QAAQ,GAAGC,SAAS;IACvC;IACA,MAAMJ,MAAM,GAAG,IAAI,CAACK,KAAK,CAACC,QAAQ,CAAE,UAASR,KAAK,CAACS,aAAc,YAAWT,KAAK,CAACU,WAAY,EAAC,CAAC;IAChG,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,EAAET,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI;IAAE,GAAE,IAAI,CAACS,WAAW,EAAEZ,KAAK,CAACa,QAAQ,CAAQ;EAE5G;AACF"}

app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.component.js

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

app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridrowProps","DEFAULT_CLASS","WmGridrowState","WmGridrow","constructor","props","renderWidget","styles","root","children"],"sources":["gridrow.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 WmGridrowProps from './gridrow.props';\nimport { DEFAULT_CLASS, WmGridRowStyles } from './gridrow.styles';\n\nexport class WmGridrowState extends BaseComponentState<WmGridrowProps> {\n\n}\n\nexport default class WmGridrow extends BaseComponent<WmGridrowProps, WmGridrowState, WmGridRowStyles> {\n\n  constructor(props: WmGridrowProps) {\n    super(props, DEFAULT_CLASS, new WmGridrowProps());\n  }\n\n  renderWidget(props: WmGridrowProps) {\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,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAEjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIvE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAkD;EAEpGM,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,EAAE,CAAC;EACnD;EAEAM,YAAY,CAACD,KAAqB,EAAE;IAClC,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","WmGridrowProps","DEFAULT_CLASS","WmGridrowState","WmGridrow","constructor","props","renderWidget","styles","root","_background","children"],"sources":["gridrow.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 WmGridrowProps from './gridrow.props';\nimport { DEFAULT_CLASS, WmGridRowStyles } from './gridrow.styles';\n\nexport class WmGridrowState extends BaseComponentState<WmGridrowProps> {\n\n}\n\nexport default class WmGridrow extends BaseComponent<WmGridrowProps, WmGridrowState, WmGridRowStyles> {\n\n  constructor(props: WmGridrowProps) {\n    super(props, DEFAULT_CLASS, new WmGridrowProps());\n  }\n\n  renderWidget(props: WmGridrowProps) {\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,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAEjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIvE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAkD;EAEpGM,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,EAAE,CAAC;EACnD;EAEAM,YAAY,CAACD,KAAqB,EAAE;IAClC,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/container/layoutgrid/layoutgrid.component.js

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

app-rn-runtime/components/container/layoutgrid/layoutgrid.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLayoutgridProps","DEFAULT_CLASS","WmLayoutgridState","WmLayoutgrid","constructor","props","renderWidget","styles","root","children"],"sources":["layoutgrid.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 WmLayoutgridProps from './layoutgrid.props';\nimport { DEFAULT_CLASS, WmLayoutGridStyles } from './layoutgrid.styles';\n\nexport class WmLayoutgridState extends BaseComponentState<WmLayoutgridProps> {\n\n}\n\nexport default class WmLayoutgrid extends BaseComponent<WmLayoutgridProps, WmLayoutgridState, WmLayoutGridStyles> {\n\n  constructor(props: WmLayoutgridProps) {\n    super(props, DEFAULT_CLASS, new WmLayoutgridProps());\n  }\n\n  renderWidget(props: WmLayoutgridProps) {\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,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,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,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","WmLayoutgridProps","DEFAULT_CLASS","WmLayoutgridState","WmLayoutgrid","constructor","props","renderWidget","styles","root","_background","children"],"sources":["layoutgrid.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 WmLayoutgridProps from './layoutgrid.props';\nimport { DEFAULT_CLASS, WmLayoutGridStyles } from './layoutgrid.styles';\n\nexport class WmLayoutgridState extends BaseComponentState<WmLayoutgridProps> {\n\n}\n\nexport default class WmLayoutgrid extends BaseComponent<WmLayoutgridProps, WmLayoutgridState, WmLayoutGridStyles> {\n\n  constructor(props: WmLayoutgridProps) {\n    super(props, DEFAULT_CLASS, new WmLayoutgridProps());\n  }\n\n  renderWidget(props: WmLayoutgridProps) {\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,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,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,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/container/linearlayout/linearlayout.component.js

@@ -36,7 +36,7 @@ export default class WmLinearlayout extends BaseComponent {
         ...this.getStyles(props),
         ...this.styles.root
       }
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=linearlayout.component.js.map

app-rn-runtime/components/container/linearlayout/linearlayout.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLinearlayoutProps","DEFAULT_CLASS","ALIGNMENT_MAP","WmLinearlayoutState","WmLinearlayout","constructor","props","getStyles","s","direction","display","flexDirection","isHorizontal","startsWith","justifyContent","horizontalalign","alignItems","verticalalign","renderWidget","styles","root","children"],"sources":["linearlayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayoutProps from './linearlayout.props';\nimport { DEFAULT_CLASS, WmLinearlayoutStyles } from './linearlayout.styles';\n\nconst ALIGNMENT_MAP = {\n  'top':  'flex-start',\n  'left': 'flex-start',\n  'center': 'center',\n  'right': 'flex-end',\n  'bottom': 'flex-end'\n} as any;\n\nexport class WmLinearlayoutState extends BaseComponentState<WmLinearlayoutProps> {}\n\nexport default class WmLinearlayout extends BaseComponent<WmLinearlayoutProps, WmLinearlayoutState, WmLinearlayoutStyles> {\n\n  constructor(props: WmLinearlayoutProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutProps());\n  }\n\n  getStyles(props: WmLinearlayoutProps) {\n    const s = {} as ViewStyle;\n    const direction = props.direction;\n    s.display = 'flex';\n    s.flexDirection = direction;\n    const isHorizontal = direction.startsWith('row');\n    if (isHorizontal) {\n      s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];\n      s.alignItems = ALIGNMENT_MAP[props.verticalalign];\n    } else {\n      s.justifyContent = ALIGNMENT_MAP[props.verticalalign];\n      s.alignItems = ALIGNMENT_MAP[props.horizontalalign];\n    }\n    return s;\n  }\n\n  renderWidget(props: WmLinearlayoutProps) {\n    return (<View style={{...this.getStyles(props), ...this.styles.root}}>\n      {props.children}\n      </View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAmB,cAAc;AAC9C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,sBAAsB;AACtD,SAASC,aAAa,QAA8B,uBAAuB;AAE3E,MAAMC,aAAa,GAAG;EACpB,KAAK,EAAG,YAAY;EACpB,MAAM,EAAE,YAAY;EACpB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,UAAU;EACnB,QAAQ,EAAE;AACZ,CAAQ;AAER,OAAO,MAAMC,mBAAmB,SAASJ,kBAAkB,CAAsB;AAEjF,eAAe,MAAMK,cAAc,SAASN,aAAa,CAAiE;EAExHO,WAAW,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,mBAAmB,EAAE,CAAC;EACxD;EAEAO,SAAS,CAACD,KAA0B,EAAE;IACpC,MAAME,CAAC,GAAG,CAAC,CAAc;IACzB,MAAMC,SAAS,GAAGH,KAAK,CAACG,SAAS;IACjCD,CAAC,CAACE,OAAO,GAAG,MAAM;IAClBF,CAAC,CAACG,aAAa,GAAGF,SAAS;IAC3B,MAAMG,YAAY,GAAGH,SAAS,CAACI,UAAU,CAAC,KAAK,CAAC;IAChD,IAAID,YAAY,EAAE;MAChBJ,CAAC,CAACM,cAAc,GAAGZ,aAAa,CAACI,KAAK,CAACS,eAAe,CAAC;MACvDP,CAAC,CAACQ,UAAU,GAAGd,aAAa,CAACI,KAAK,CAACW,aAAa,CAAC;IACnD,CAAC,MAAM;MACLT,CAAC,CAACM,cAAc,GAAGZ,aAAa,CAACI,KAAK,CAACW,aAAa,CAAC;MACrDT,CAAC,CAACQ,UAAU,GAAGd,aAAa,CAACI,KAAK,CAACS,eAAe,CAAC;IACrD;IACA,OAAOP,CAAC;EACV;EAEAU,YAAY,CAACZ,KAA0B,EAAE;IACvC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE;QAAC,GAAG,IAAI,CAACC,SAAS,CAACD,KAAK,CAAC;QAAE,GAAG,IAAI,CAACa,MAAM,CAACC;MAAI;IAAE,GAClEd,KAAK,CAACe,QAAQ,CACR;EACX;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLinearlayoutProps","DEFAULT_CLASS","ALIGNMENT_MAP","WmLinearlayoutState","WmLinearlayout","constructor","props","getStyles","s","direction","display","flexDirection","isHorizontal","startsWith","justifyContent","horizontalalign","alignItems","verticalalign","renderWidget","styles","root","_background","children"],"sources":["linearlayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayoutProps from './linearlayout.props';\nimport { DEFAULT_CLASS, WmLinearlayoutStyles } from './linearlayout.styles';\n\nconst ALIGNMENT_MAP = {\n  'top':  'flex-start',\n  'left': 'flex-start',\n  'center': 'center',\n  'right': 'flex-end',\n  'bottom': 'flex-end'\n} as any;\n\nexport class WmLinearlayoutState extends BaseComponentState<WmLinearlayoutProps> {}\n\nexport default class WmLinearlayout extends BaseComponent<WmLinearlayoutProps, WmLinearlayoutState, WmLinearlayoutStyles> {\n\n  constructor(props: WmLinearlayoutProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutProps());\n  }\n\n  getStyles(props: WmLinearlayoutProps) {\n    const s = {} as ViewStyle;\n    const direction = props.direction;\n    s.display = 'flex';\n    s.flexDirection = direction;\n    const isHorizontal = direction.startsWith('row');\n    if (isHorizontal) {\n      s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];\n      s.alignItems = ALIGNMENT_MAP[props.verticalalign];\n    } else {\n      s.justifyContent = ALIGNMENT_MAP[props.verticalalign];\n      s.alignItems = ALIGNMENT_MAP[props.horizontalalign];\n    }\n    return s;\n  }\n\n  renderWidget(props: WmLinearlayoutProps) {\n    return (<View style={{...this.getStyles(props), ...this.styles.root}}>\n      {this._background}{props.children}\n      </View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAmB,cAAc;AAC9C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,sBAAsB;AACtD,SAASC,aAAa,QAA8B,uBAAuB;AAE3E,MAAMC,aAAa,GAAG;EACpB,KAAK,EAAG,YAAY;EACpB,MAAM,EAAE,YAAY;EACpB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,UAAU;EACnB,QAAQ,EAAE;AACZ,CAAQ;AAER,OAAO,MAAMC,mBAAmB,SAASJ,kBAAkB,CAAsB;AAEjF,eAAe,MAAMK,cAAc,SAASN,aAAa,CAAiE;EAExHO,WAAW,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,mBAAmB,EAAE,CAAC;EACxD;EAEAO,SAAS,CAACD,KAA0B,EAAE;IACpC,MAAME,CAAC,GAAG,CAAC,CAAc;IACzB,MAAMC,SAAS,GAAGH,KAAK,CAACG,SAAS;IACjCD,CAAC,CAACE,OAAO,GAAG,MAAM;IAClBF,CAAC,CAACG,aAAa,GAAGF,SAAS;IAC3B,MAAMG,YAAY,GAAGH,SAAS,CAACI,UAAU,CAAC,KAAK,CAAC;IAChD,IAAID,YAAY,EAAE;MAChBJ,CAAC,CAACM,cAAc,GAAGZ,aAAa,CAACI,KAAK,CAACS,eAAe,CAAC;MACvDP,CAAC,CAACQ,UAAU,GAAGd,aAAa,CAACI,KAAK,CAACW,aAAa,CAAC;IACnD,CAAC,MAAM;MACLT,CAAC,CAACM,cAAc,GAAGZ,aAAa,CAACI,KAAK,CAACW,aAAa,CAAC;MACrDT,CAAC,CAACQ,UAAU,GAAGd,aAAa,CAACI,KAAK,CAACS,eAAe,CAAC;IACrD;IACA,OAAOP,CAAC;EACV;EAEAU,YAAY,CAACZ,KAA0B,EAAE;IACvC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE;QAAC,GAAG,IAAI,CAACC,SAAS,CAACD,KAAK,CAAC;QAAE,GAAG,IAAI,CAACa,MAAM,CAACC;MAAI;IAAE,GAClE,IAAI,CAACC,WAAW,EAAEf,KAAK,CAACgB,QAAQ,CAC1B;EACX;AACF"}

app-rn-runtime/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js

@@ -18,7 +18,7 @@ export default class WmLinearlayoutitem extends BaseComponent {
         flexShrink: isNil(props.flexshrink) ? props.flexgrow : props.flexshrink,
         flexBasis: props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto'
       }
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=linearlayoutitem.component.js.map

app-rn-runtime/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","isNil","BaseComponent","BaseComponentState","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","renderWidget","direction","parent","state","styles","root","flexGrow","flexgrow","flexShrink","flexshrink","flexBasis","children"],"sources":["linearlayoutitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isNil } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayout from '../linearlayout.component';\nimport WmLinearlayoutitemProps from './linearlayoutitem.props';\nimport { DEFAULT_CLASS, WmLinearlayoutitemStyles } from './linearlayoutitem.styles';\n\nexport class WmLinearlayoutitemState extends BaseComponentState<WmLinearlayoutitemProps> {}\n\nexport default class WmLinearlayoutitem extends BaseComponent<WmLinearlayoutitemProps, WmLinearlayoutitemState, WmLinearlayoutitemStyles> {\n\n  constructor(props: WmLinearlayoutitemProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());\n  }\n\n  renderWidget(props: WmLinearlayoutitemProps) {\n    const direction = (this.parent as WmLinearlayout).state.props.direction;\n    return (<View style={{\n      ...this.styles.root,\n      flexGrow: props.flexgrow,\n      flexShrink: isNil(props.flexshrink) ? props.flexgrow : props.flexshrink,\n      flexBasis:  props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto'\n    }}>{props.children}</View>); \n  }\n}"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,OAAOC,uBAAuB,MAAM,0BAA0B;AAC9D,SAASC,aAAa,QAAkC,2BAA2B;AAEnF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAW,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,EAAE,CAAC;EAC5D;EAEAM,YAAY,CAACD,KAA8B,EAAE;IAC3C,MAAME,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACJ,KAAK,CAACE,SAAS;IACvE,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE;QACnB,GAAG,IAAI,CAACG,MAAM,CAACC,IAAI;QACnBC,QAAQ,EAAEP,KAAK,CAACQ,QAAQ;QACxBC,UAAU,EAAEjB,KAAK,CAACQ,KAAK,CAACU,UAAU,CAAC,GAAGV,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACU,UAAU;QACvEC,SAAS,EAAGX,KAAK,CAACQ,QAAQ,KAAKN,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC3F;IAAE,GAAEF,KAAK,CAACY,QAAQ,CAAQ;EAC5B;AACF"}
+{"version":3,"names":["React","View","isNil","BaseComponent","BaseComponentState","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","renderWidget","direction","parent","state","styles","root","flexGrow","flexgrow","flexShrink","flexshrink","flexBasis","_background","children"],"sources":["linearlayoutitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isNil } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayout from '../linearlayout.component';\nimport WmLinearlayoutitemProps from './linearlayoutitem.props';\nimport { DEFAULT_CLASS, WmLinearlayoutitemStyles } from './linearlayoutitem.styles';\n\nexport class WmLinearlayoutitemState extends BaseComponentState<WmLinearlayoutitemProps> {}\n\nexport default class WmLinearlayoutitem extends BaseComponent<WmLinearlayoutitemProps, WmLinearlayoutitemState, WmLinearlayoutitemStyles> {\n\n  constructor(props: WmLinearlayoutitemProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());\n  }\n\n  renderWidget(props: WmLinearlayoutitemProps) {\n    const direction = (this.parent as WmLinearlayout).state.props.direction;\n    return (<View style={{\n      ...this.styles.root,\n      flexGrow: props.flexgrow,\n      flexShrink: isNil(props.flexshrink) ? props.flexgrow : props.flexshrink,\n      flexBasis:  props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto'\n    }}>{this._background}{props.children}</View>); \n  }\n}"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,OAAOC,uBAAuB,MAAM,0BAA0B;AAC9D,SAASC,aAAa,QAAkC,2BAA2B;AAEnF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAW,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,EAAE,CAAC;EAC5D;EAEAM,YAAY,CAACD,KAA8B,EAAE;IAC3C,MAAME,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACJ,KAAK,CAACE,SAAS;IACvE,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE;QACnB,GAAG,IAAI,CAACG,MAAM,CAACC,IAAI;QACnBC,QAAQ,EAAEP,KAAK,CAACQ,QAAQ;QACxBC,UAAU,EAAEjB,KAAK,CAACQ,KAAK,CAACU,UAAU,CAAC,GAAGV,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACU,UAAU;QACvEC,SAAS,EAAGX,KAAK,CAACQ,QAAQ,KAAKN,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC3F;IAAE,GAAE,IAAI,CAACU,WAAW,EAAEZ,KAAK,CAACa,QAAQ,CAAQ;EAC9C;AACF"}

app-rn-runtime/components/container/panel/panel-content/panel-content.component.js

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

app-rn-runtime/components/container/panel/panel-content/panel-content.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPanelContentProps","DEFAULT_CLASS","WmPanelContentState","WmPanelContent","constructor","props","renderWidget","styles","root","children"],"sources":["panel-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 WmPanelContentProps from './panel-content.props';\nimport { DEFAULT_CLASS, WmPanelContentStyles } from './panel-content.styles';\n\nexport class WmPanelContentState extends BaseComponentState<WmPanelContentProps> {}\n\nexport default class WmPanelContent extends BaseComponent<WmPanelContentProps, WmPanelContentState, WmPanelContentStyles> {\n\n  constructor(props: WmPanelContentProps) {\n    super(props, DEFAULT_CLASS, new WmPanelContentProps());\n  }\n\n  renderWidget(props: WmPanelContentProps) {\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,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAEjF,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,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","WmPanelContentProps","DEFAULT_CLASS","WmPanelContentState","WmPanelContent","constructor","props","renderWidget","styles","root","_background","children"],"sources":["panel-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 WmPanelContentProps from './panel-content.props';\nimport { DEFAULT_CLASS, WmPanelContentStyles } from './panel-content.styles';\n\nexport class WmPanelContentState extends BaseComponentState<WmPanelContentProps> {}\n\nexport default class WmPanelContent extends BaseComponent<WmPanelContentProps, WmPanelContentState, WmPanelContentStyles> {\n\n  constructor(props: WmPanelContentProps) {\n    super(props, DEFAULT_CLASS, new WmPanelContentProps());\n  }\n\n  renderWidget(props: WmPanelContentProps) {\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,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAEjF,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,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/container/panel/panel-footer/panel-footer.component.js

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

app-rn-runtime/components/container/panel/panel-footer/panel-footer.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPanelFooterProps","DEFAULT_CLASS","WmPanelFooterState","WmPanelFooter","constructor","props","renderWidget","styles","root","children"],"sources":["panel-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 WmPanelFooterProps from './panel-footer.props';\nimport { DEFAULT_CLASS, WmPanelFooterStyles } from './panel-footer.styles';\n\nexport class WmPanelFooterState extends BaseComponentState<WmPanelFooterProps> {}\n\nexport default class WmPanelFooter extends BaseComponent<WmPanelFooterProps, WmPanelFooterState, WmPanelFooterStyles> {\n\n  constructor(props: WmPanelFooterProps) {\n    super(props, DEFAULT_CLASS, new WmPanelFooterProps());\n  }\n\n  renderWidget(props: WmPanelFooterProps) {\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,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAE/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEAM,YAAY,CAACD,KAAyB,EAAE;IACtC,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","WmPanelFooterProps","DEFAULT_CLASS","WmPanelFooterState","WmPanelFooter","constructor","props","renderWidget","styles","root","_background","children"],"sources":["panel-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 WmPanelFooterProps from './panel-footer.props';\nimport { DEFAULT_CLASS, WmPanelFooterStyles } from './panel-footer.styles';\n\nexport class WmPanelFooterState extends BaseComponentState<WmPanelFooterProps> {}\n\nexport default class WmPanelFooter extends BaseComponent<WmPanelFooterProps, WmPanelFooterState, WmPanelFooterStyles> {\n\n  constructor(props: WmPanelFooterProps) {\n    super(props, DEFAULT_CLASS, new WmPanelFooterProps());\n  }\n\n  renderWidget(props: WmPanelFooterProps) {\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,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAE/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEAM,YAAY,CAACD,KAAyB,EAAE;IACtC,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/container/panel/panel.component.js

@@ -116,7 +116,7 @@ export default class WmPanel extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(List.AccordionGroup, {
+    }, this._background, /*#__PURE__*/React.createElement(List.AccordionGroup, {
       expandedId: this.state.expandedId,
       onAccordionPress: this.onPanelPress.bind(this)
     }, /*#__PURE__*/React.createElement(Animatedview, {

app-rn-runtime/components/container/panel/panel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Badge","List","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","Animatedview","WmPanelState","WmPanel","constructor","props","updateState","expandedId","state","expanded","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","onPanelPress","collapsible","paneId","eventName","animatedRef","triggerExit","then","res","proxy","expandCollapseIcon","isExpanded","widgetProps","badge","badgevalue","undefined","styles","badgetype","iconclass","toggleIcon","flexDirection","renderPanel","icon","name","title","header","text","subheading","marginLeft","ref","children","renderWidget","root","animation"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n  expandedId: any;\n  isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n  private animatedRef: any;\n  constructor(props: WmPanelProps) {\n    super(props, DEFAULT_CLASS, new WmPanelProps());\n    this.updateState({\n      expandedId: this.state.props.expanded ? 1 : -1,\n    } as WmPanelState);\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmPanelState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n  }\n\n  onPanelPress(expandedId: any) {\n    if (!this.state.props.collapsible) {\n      return;\n    }\n    const paneId = expandedId === this.state.expandedId ? -1 : 1;\n    const eventName = paneId === 1 ? 'onExpand' : 'onCollapse';\n\n    if (eventName === 'onCollapse') {\n      this.animatedRef.triggerExit().then((res: any) => {\n        if (res) {\n          this.updateState({\n            expandedId: paneId,\n            props: {\n              expanded: false\n            }\n          } as WmPanelState);\n        }\n      })\n    } else {\n      this.updateState({\n        expandedId: paneId,\n        props: {\n          expanded: true\n        }\n      } as WmPanelState);\n    }\n\n    this.invokeEventCallback(eventName, [null, this.proxy]);\n  }\n\n  expandCollapseIcon(isExpanded: boolean) {\n    const widgetProps = this.state.props;\n    //@ts-ignore\n    const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype || 'default']]}>{widgetProps.badgevalue}</Badge>): null;\n    const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';\n    const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n    return (<View style={{flexDirection: 'row'}}>{badge}{expandCollapseIcon}</View>);\n  }\n\n  renderPanel(props: WmPanelProps) {\n    const icon = (<WmIcon styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>);\n    return (\n      <List.Accordion title={props.title} style={this.styles.header} id={1}\n                      titleStyle={this.styles.text} descriptionStyle={this.styles.subheading}\n                      description={props.subheading}\n                      expanded={props.expanded} \n                      right={({isExpanded}) => this.expandCollapseIcon(isExpanded)} left={props => icon}>\n        <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={'fadeInDown'}>\n          <View>{this.renderContent(props)}</View>\n          <View>{props.children}</View>\n        </Animatedview>\n      </List.Accordion>\n    );\n  }\n\n  renderWidget(props: WmPanelProps) {\n    return (<View style={this.styles.root}>\n                  <List.AccordionGroup expandedId={this.state.expandedId} onAccordionPress={this.onPanelPress.bind(this)}>\n                      <Animatedview entryanimation={props.animation}>\n                        {this.renderPanel(props)}\n                      </Animatedview>\n                  </List.AccordionGroup>\n            </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Badge","List","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","Animatedview","WmPanelState","WmPanel","constructor","props","updateState","expandedId","state","expanded","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","onPanelPress","collapsible","paneId","eventName","animatedRef","triggerExit","then","res","proxy","expandCollapseIcon","isExpanded","widgetProps","badge","badgevalue","undefined","styles","badgetype","iconclass","toggleIcon","flexDirection","renderPanel","icon","name","title","header","text","subheading","marginLeft","ref","children","renderWidget","root","_background","animation"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n  expandedId: any;\n  isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n  private animatedRef: any;\n  constructor(props: WmPanelProps) {\n    super(props, DEFAULT_CLASS, new WmPanelProps());\n    this.updateState({\n      expandedId: this.state.props.expanded ? 1 : -1,\n    } as WmPanelState);\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmPanelState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n  }\n\n  onPanelPress(expandedId: any) {\n    if (!this.state.props.collapsible) {\n      return;\n    }\n    const paneId = expandedId === this.state.expandedId ? -1 : 1;\n    const eventName = paneId === 1 ? 'onExpand' : 'onCollapse';\n\n    if (eventName === 'onCollapse') {\n      this.animatedRef.triggerExit().then((res: any) => {\n        if (res) {\n          this.updateState({\n            expandedId: paneId,\n            props: {\n              expanded: false\n            }\n          } as WmPanelState);\n        }\n      })\n    } else {\n      this.updateState({\n        expandedId: paneId,\n        props: {\n          expanded: true\n        }\n      } as WmPanelState);\n    }\n\n    this.invokeEventCallback(eventName, [null, this.proxy]);\n  }\n\n  expandCollapseIcon(isExpanded: boolean) {\n    const widgetProps = this.state.props;\n    //@ts-ignore\n    const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype || 'default']]}>{widgetProps.badgevalue}</Badge>): null;\n    const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';\n    const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n    return (<View style={{flexDirection: 'row'}}>{badge}{expandCollapseIcon}</View>);\n  }\n\n  renderPanel(props: WmPanelProps) {\n    const icon = (<WmIcon styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>);\n    return (\n      <List.Accordion title={props.title} style={this.styles.header} id={1}\n                      titleStyle={this.styles.text} descriptionStyle={this.styles.subheading}\n                      description={props.subheading}\n                      expanded={props.expanded} \n                      right={({isExpanded}) => this.expandCollapseIcon(isExpanded)} left={props => icon}>\n        <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={'fadeInDown'}>\n          <View>{this.renderContent(props)}</View>\n          <View>{props.children}</View>\n        </Animatedview>\n      </List.Accordion>\n    );\n  }\n\n  renderWidget(props: WmPanelProps) {\n    return (<View style={this.styles.root}>\n                  {this._background}\n                  <List.AccordionGroup expandedId={this.state.expandedId} onAccordionPress={this.onPanelPress.bind(this)}>\n                      <Animatedview entryanimation={props.animation}>\n                        {this.renderPanel(props)}\n                      </Animatedview>\n                  </List.AccordionGroup>\n            </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js

@@ -89,7 +89,10 @@ export default class WmTabheader extends BaseComponent {
       const isSelected = i === this.props.selectedTabIndex;
       return /*#__PURE__*/React.createElement(Tappable, {
         onTap: this.onTabSelection.bind(this, i),
-        key: header.key
+        key: header.key,
+        styles: {
+          flex: 1
+        }
       }, /*#__PURE__*/React.createElement(View, {
         onLayout: this.setHeaderPositon.bind(this, i),
         style: [this.styles.header, isSelected ? this.styles.activeHeader : null]
@@ -123,14 +126,19 @@ export default class WmTabheader extends BaseComponent {
       onLayout: this.setHeaderPanelPositon.bind(this)
     }, /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.data.map((header, i) => {
+    }, this._background, props.data.map((header, i) => {
       const isSelected = i === props.selectedTabIndex;
       return /*#__PURE__*/React.createElement(Tappable, {
         onTap: this.onTabSelection.bind(this, i),
-        key: header.key
+        key: header.key,
+        styles: this.styles.header.flexGrow ? {
+          flexGrow: this.styles.header.flexGrow
+        } : null
       }, /*#__PURE__*/React.createElement(View, {
         onLayout: this.setHeaderPositon.bind(this, i),
-        style: [this.styles.header, isSelected ? this.styles.activeHeader : null]
+        style: [this.styles.header, {
+          flexGrow: undefined
+        }, isSelected ? this.styles.activeHeader : null]
       }, /*#__PURE__*/React.createElement(Text, {
         numberOfLines: 1,
         style: [this.styles.headerText, isSelected ? this.styles.activeHeaderText : null]