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

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

@@ -1,27 +1,64 @@
 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 React, { useState } from 'react';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmAccordionpaneProps from './accordionpane.props';
 import { DEFAULT_CLASS } from './accordionpane.styles';
+import { View } from 'react-native';
+import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+const Animated = isWebPreviewMode() ? {} : require('react-native-reanimated');
 export class WmAccordionpaneState extends BaseComponentState {
   constructor() {
     super(...arguments);
     _defineProperty(this, "isPartialLoaded", false);
+    _defineProperty(this, "collapsed", true);
   }
 }
+const AnimatedView = props => {
+  const [height, setHeight] = useState(0);
+  const offset = Animated.useSharedValue(0);
+  offset.value = props.close ? 0 : 1;
+  const onLayoutChange = e => {
+    var _e$nativeEvent;
+    setHeight((((_e$nativeEvent = e.nativeEvent) === null || _e$nativeEvent === void 0 || (_e$nativeEvent = _e$nativeEvent.layout) === null || _e$nativeEvent === void 0 ? void 0 : _e$nativeEvent.height) || height || 100000000) + 1000);
+  };
+  const animatedStyles = Animated.useAnimatedStyle(() => {
+    return {
+      maxHeight: Animated.withTiming(offset.value * height)
+    };
+  });
+  return /*#__PURE__*/React.createElement(Animated.default.View, {
+    style: [animatedStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    onLayout: onLayoutChange
+  }, props.children));
+};
 export default class WmAccordionpane extends BaseComponent {
   constructor(props) {
-    super(props, DEFAULT_CLASS, new WmAccordionpaneProps());
+    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());
+  }
+  isCollapsed() {
+    return this.state.collapsed;
   }
-  onPaneExpand() {
+  show() {
+    this.updateState({
+      collapsed: false
+    });
     this.invokeEventCallback('onExpand', [null, this.proxy]);
   }
-  onPaneCollapse() {
+  hide() {
+    this.updateState({
+      collapsed: true
+    });
     this.invokeEventCallback('onCollapse', [null, this.proxy]);
   }
+  expand() {
+    this.parent.expand(this.props.name || '');
+  }
+  collapse() {
+    this.parent.expand(this.props.name || '');
+  }
   componentDidMount() {
     const accordion = this.parent;
     accordion.addAccordionPane(this);
@@ -44,9 +81,13 @@ export default class WmAccordionpane extends BaseComponent {
     return props.children;
   }
   renderWidget(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this.renderContent(props));
+    return isWebPreviewMode() ? /*#__PURE__*/React.createElement(View, {
+      style: this.state.collapsed ? {
+        maxHeight: 0
+      } : {}
+    }, this._background, this.renderContent(props)) : /*#__PURE__*/React.createElement(AnimatedView, {
+      close: this.state.collapsed
+    }, 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","useState","BaseComponent","BaseComponentState","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","Animated","require","WmAccordionpaneState","constructor","arguments","_defineProperty","AnimatedView","props","height","setHeight","offset","useSharedValue","value","close","onLayoutChange","e","_e$nativeEvent","nativeEvent","layout","animatedStyles","useAnimatedStyle","maxHeight","withTiming","createElement","default","style","onLayout","children","WmAccordionpane","isCollapsed","state","collapsed","show","updateState","invokeEventCallback","proxy","hide","expand","parent","name","collapse","componentDidMount","accordion","addAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","renderWidget","_background"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\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';\nimport { LayoutChangeEvent, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nconst Animated: any = isWebPreviewMode() ? {} : require('react-native-reanimated');\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n  collapsed = true;\n}\n\nconst AnimatedView = (props: {\n  close: boolean,\n  children: any\n}) => {\n  const [height, setHeight] = useState(0);\n  const offset = Animated.useSharedValue(0);\n  offset.value = props.close ? 0 : 1;\n  const onLayoutChange = (e: LayoutChangeEvent) => {\n    setHeight((e.nativeEvent?.layout?.height || height || 100000000) + 1000);\n  };\n  const animatedStyles = Animated.useAnimatedStyle(() => {\n    return {\n      maxHeight: Animated.withTiming(offset.value * height)\n    };\n  });\n  return (\n      <Animated.default.View style={[animatedStyles]}>\n        <View onLayout={onLayoutChange}>\n          {props.children}\n        </View>\n      </Animated.default.View>\n    );\n};\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n  }\n\n  isCollapsed() {\n    return this.state.collapsed;\n  }\n  \n  show() {\n    this.updateState({\n      collapsed: false\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  hide() {\n    this.updateState({\n      collapsed: true\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  expand() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  collapse() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\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 isWebPreviewMode() ? \n    (<View style={this.state.collapsed ? {maxHeight: 0} : {}}>\n      {this._background}\n      {this.renderContent(props)}\n    </View>) :\n    (<AnimatedView close={this.state.collapsed}>\n      {this._background}\n      {this.renderContent(props)}\n    </AnimatedView>);\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmAccordionpaneProps"],"sources":["accordionpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionpaneProps extends BaseProps {\n  children: any;\n  iconclass: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA;IAAA,mCAEtC,IAAI;IAAA,+BACR,OAAO;IAAA;IAAA,oCAEF,IAAI;IAAA,oCACJ,IAAI;IAAA,mCACL,IAAI;EAAA;AAC1B"}
+{"version":3,"names":["BaseProps","WmAccordionpaneProps","constructor","arguments","_defineProperty"],"sources":["accordionpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionpaneProps extends BaseProps {\n  children: any;\n  iconclass: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,oBAEtC,IAAI;IAAAA,eAAA,gBACR,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,IAAI;EAAA;AAC1B"}

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","constructor","arguments","_defineProperty","WmContainer","props","renderWidget","dimensions","width","styles","root","undefined","height","createElement","entryanimation","animation","style","_background","target","content","renderContent"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } 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 as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAmB,cAAc;AAE9C,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;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACrD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,WAAW,SAASN,WAAW,CAAwD;EAC1GG,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;EACrD;EAEAY,YAAYA,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,oBACEnB,KAAA,CAAAqB,aAAA,CAAChB,YAAY;MAACiB,cAAc,EAAET,KAAK,CAACU,SAAU;MAACC,KAAK,EAAE,IAAI,CAACP,MAAM,CAACC;IAAK,GACpE,IAAI,CAACO,WAAW,eACjBzB,KAAA,CAAAqB,aAAA,CAACjB,QAAQ;MAACsB,MAAM,EAAE,IAAK;MAACT,MAAM,EAAEF;IAAW,gBACvCf,KAAA,CAAAqB,aAAA,CAACpB,IAAI;MAACuB,KAAK,EAAE,CAACT,UAAU,EAAgB,IAAI,CAACE,MAAM,CAACU,OAAO;IAAE,GAAE,IAAI,CAACC,aAAa,CAACf,KAAK,CAAQ,CACzF,CACE,CAAC;EAEnB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["PartialHostProps","WmContainerProps"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\n\nexport default class WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  onLoad?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,eAAe,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAA;IAAA;IAAA,mCACxC,IAAI;IAAA;EAAA;AAE3B"}
+{"version":3,"names":["PartialHostProps","WmContainerProps","constructor","arguments","_defineProperty"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\n\nexport default class WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  onLoad?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,eAAe,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACxC,IAAI;IAAAA,eAAA;EAAA;AAE3B"}

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","content","flexDirection","flex","paddingLeft","paddingRight","justifyContent","shadowColor","shadowOffset","width","height","shadowRadius","borderRadius","borderWidth","borderColor","containerOutlineColor","borderStyle"],"sources":["container.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmContainerStyles = BaseStyles & {\n    content: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-container';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmContainerStyles = defineStyles({\n        root: {},\n        text: {},\n        content: {\n            flexDirection: 'column'\n        }\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('media-body', '', {\n        root: {\n            flex: 1,\n            paddingLeft: 8,\n            paddingRight: 8,\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('media-right', '', {\n        root: {\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('app-elevated-container', '', {\n        root: {\n            shadowColor: 'rgba(0, 0, 0, 0.2)',\n            shadowOffset: {\n                width: 2,\n                height: 2\n            },\n            shadowRadius: 2,\n            borderRadius: 8\n        }\n    } as WmContainerStyles);\n    addStyle('app-outlined-container', '', {\n        root: {\n            borderWidth: 1,\n            borderColor: themeVariables.containerOutlineColor,\n            borderStyle: 'solid'\n        }\n    } as WmContainerStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AAMxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLC,aAAa,EAAE;IACnB;EACJ,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAE;MACFI,IAAI,EAAE,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE;IACpB;EACJ,CAAC,CAAsB;EACvBT,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;MACFO,cAAc,EAAE;IACpB;EACJ,CAAC,CAAsB;EACvBT,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFQ,WAAW,EAAE,oBAAoB;MACjCC,YAAY,EAAE;QACVC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACZ,CAAC;MACDC,YAAY,EAAE,CAAC;MACfC,YAAY,EAAE;IAClB;EACJ,CAAC,CAAsB;EACvBf,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFc,WAAW,EAAE,CAAC;MACdC,WAAW,EAAElB,cAAc,CAACmB,qBAAqB;MACjDC,WAAW,EAAE;IACjB;EACJ,CAAC,CAAsB;AAC3B,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","content","flexDirection","flex","paddingLeft","paddingRight","justifyContent","shadowColor","shadowOffset","width","height","shadowRadius","borderRadius","borderWidth","borderColor","containerOutlineColor","borderStyle"],"sources":["container.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmContainerStyles = BaseStyles & {\n    content: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-container';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmContainerStyles = defineStyles({\n        root: {},\n        text: {},\n        content: {\n            flexDirection: 'column'\n        }\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('media-body', '', {\n        root: {\n            flex: 1,\n            paddingLeft: 8,\n            paddingRight: 8,\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('media-right', '', {\n        root: {\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('app-elevated-container', '', {\n        root: {\n            shadowColor: 'rgba(0, 0, 0, 0.2)',\n            shadowOffset: {\n                width: 2,\n                height: 2\n            },\n            shadowRadius: 2,\n            borderRadius: 8\n        }\n    } as WmContainerStyles);\n    addStyle('app-outlined-container', '', {\n        root: {\n            borderWidth: 1,\n            borderColor: themeVariables.containerOutlineColor,\n            borderStyle: 'solid'\n        }\n    } as WmContainerStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AAMxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLC,aAAa,EAAE;IACnB;EACJ,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAE;MACFI,IAAI,EAAE,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBT,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;MACFO,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBT,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFQ,WAAW,EAAE,oBAAoB;MACjCC,YAAY,EAAE;QACVC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACZ,CAAC;MACDC,YAAY,EAAE,CAAC;MACfC,YAAY,EAAE;IAClB;EACJ,CAAsB,CAAC;EACvBf,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFc,WAAW,EAAE,CAAC;MACdC,WAAW,EAAElB,cAAc,CAACmB,qBAAqB;MACjDC,WAAW,EAAE;IACjB;EACJ,CAAsB,CAAC;AAC3B,CAAC,CAAC"}

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","createElement","style","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,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,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,oBACEnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,EAAEX,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI;IAAE,GAAE,IAAI,CAACW,WAAW,EAAEd,KAAK,CAACe,QAAe,CAAC;EAE5G;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmGridcolumnProps"],"sources":["gridcolumn.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmGridcolumnProps extends BaseProps {\n  children: any;\n  columnwidth: number = null as any;\n  xscolumnwidth: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA;IAAA,qCAEjC,IAAI;IAAA,uCACF,IAAI;EAAA;AAC9B"}
+{"version":3,"names":["BaseProps","WmGridcolumnProps","constructor","arguments","_defineProperty"],"sources":["gridcolumn.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmGridcolumnProps extends BaseProps {\n  children: any;\n  columnwidth: number = null as any;\n  xscolumnwidth: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEjC,IAAI;IAAAA,eAAA,wBACF,IAAI;EAAA;AAC9B"}

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","createElement","style","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,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;EACnD;EAEAM,YAAYA,CAACD,KAAqB,EAAE;IAClC,oBACET,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAE5E;AACF"}

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

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

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","createElement","style","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,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,CAACD,KAAwB,EAAE;IACrC,oBACET,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAE5E;AACF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","width","text","backgroundColor","layoutGridBgColor","borderWidth","borderLeftWidth","borderTopWidth","borderStyle","borderColor","layoutGridBorderColor","borderRadius","color","layoutGridHeaderTextColor","fontWeight"],"sources":["layoutgrid.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\n\nexport type WmLayoutGridStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-layoutgrid';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmLayoutGridStyles = defineStyles({\n      root: {\n        flexDirection: 'column',\n        width: '100%'\n      },\n      text: {}\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  addStyle('table', '', {\n    root: {\n      backgroundColor: themeVariables.layoutGridBgColor,\n      borderWidth: 1,\n      borderLeftWidth: 1,\n      borderTopWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.layoutGridBorderColor,\n      borderRadius: 2\n    }\n  });\n\n  addStyle('table-header-label', '', {\n      text: {\n        color: themeVariables.layoutGridHeaderTextColor,\n        fontWeight: 'bold'\n      }\n  } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAKxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAiC,GAAGL,YAAY,CAAC;IACnDM,IAAI,EAAE;MACJC,aAAa,EAAE,QAAQ;MACvBC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAE1CD,QAAQ,CAAC,OAAO,EAAE,EAAE,EAAE;IACpBE,IAAI,EAAE;MACJI,eAAe,EAAEP,cAAc,CAACQ,iBAAiB;MACjDC,WAAW,EAAE,CAAC;MACdC,eAAe,EAAE,CAAC;MAClBC,cAAc,EAAE,CAAC;MACjBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEb,cAAc,CAACc,qBAAqB;MACjDC,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;EAEFd,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IAC/BK,IAAI,EAAE;MACJU,KAAK,EAAEhB,cAAc,CAACiB,yBAAyB;MAC/CC,UAAU,EAAE;IACd;EACJ,CAAC,CAAkB;AACrB,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","width","text","backgroundColor","layoutGridBgColor","borderWidth","borderLeftWidth","borderTopWidth","borderStyle","borderColor","layoutGridBorderColor","borderRadius","color","layoutGridHeaderTextColor","fontWeight"],"sources":["layoutgrid.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\n\nexport type WmLayoutGridStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-layoutgrid';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmLayoutGridStyles = defineStyles({\n      root: {\n        flexDirection: 'column',\n        width: '100%'\n      },\n      text: {}\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  addStyle('table', '', {\n    root: {\n      backgroundColor: themeVariables.layoutGridBgColor,\n      borderWidth: 1,\n      borderLeftWidth: 1,\n      borderTopWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.layoutGridBorderColor,\n      borderRadius: 2\n    }\n  });\n\n  addStyle('table-header-label', '', {\n      text: {\n        color: themeVariables.layoutGridHeaderTextColor,\n        fontWeight: 'bold'\n      }\n  } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAKxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAiC,GAAGL,YAAY,CAAC;IACnDM,IAAI,EAAE;MACJC,aAAa,EAAE,QAAQ;MACvBC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAE1CD,QAAQ,CAAC,OAAO,EAAE,EAAE,EAAE;IACpBE,IAAI,EAAE;MACJI,eAAe,EAAEP,cAAc,CAACQ,iBAAiB;MACjDC,WAAW,EAAE,CAAC;MACdC,eAAe,EAAE,CAAC;MAClBC,cAAc,EAAE,CAAC;MACjBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEb,cAAc,CAACc,qBAAqB;MACjDC,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;EAEFd,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IAC/BK,IAAI,EAAE;MACJU,KAAK,EAAEhB,cAAc,CAACiB,yBAAyB;MAC/CC,UAAU,EAAE;IACd;EACJ,CAAkB,CAAC;AACrB,CAAC,CAAC"}

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

@@ -19,6 +19,7 @@ export default class WmLinearlayout extends BaseComponent {
     const s = {};
     const direction = props.direction;
     s.display = 'flex';
+    s.width = "100%";
     s.flexDirection = direction;
     const isHorizontal = direction.startsWith('row');
     if (isHorizontal) {
@@ -36,7 +37,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","width","flexDirection","isHorizontal","startsWith","justifyContent","horizontalalign","alignItems","verticalalign","renderWidget","createElement","style","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.width = \"100%\";\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,WAAWA,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,mBAAmB,CAAC,CAAC,CAAC;EACxD;EAEAO,SAASA,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,KAAK,GAAG,MAAM;IAChBH,CAAC,CAACI,aAAa,GAAGH,SAAS;IAC3B,MAAMI,YAAY,GAAGJ,SAAS,CAACK,UAAU,CAAC,KAAK,CAAC;IAChD,IAAID,YAAY,EAAE;MAChBL,CAAC,CAACO,cAAc,GAAGb,aAAa,CAACI,KAAK,CAACU,eAAe,CAAC;MACvDR,CAAC,CAACS,UAAU,GAAGf,aAAa,CAACI,KAAK,CAACY,aAAa,CAAC;IACnD,CAAC,MAAM;MACLV,CAAC,CAACO,cAAc,GAAGb,aAAa,CAACI,KAAK,CAACY,aAAa,CAAC;MACrDV,CAAC,CAACS,UAAU,GAAGf,aAAa,CAACI,KAAK,CAACU,eAAe,CAAC;IACrD;IACA,OAAOR,CAAC;EACV;EAEAW,YAAYA,CAACb,KAA0B,EAAE;IACvC,oBAAQV,KAAA,CAAAwB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE;QAAC,GAAG,IAAI,CAACd,SAAS,CAACD,KAAK,CAAC;QAAE,GAAG,IAAI,CAACgB,MAAM,CAACC;MAAI;IAAE,GAClE,IAAI,CAACC,WAAW,EAAElB,KAAK,CAACmB,QACnB,CAAC;EACX;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmLinearlayoutProps"],"sources":["linearlayout.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutProps extends BaseProps {\n    children? = [] as any[];\n    direction: 'row'|'row-reverse' | 'column' | 'column-reverse' = 'row';\n    horizontalalign: 'left' | 'center' | 'right' = 'left';\n    verticalalign: 'top' | 'center' | 'bottom' = 'top';\n    spacing = 0;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,kCAC3C,EAAE;IAAA,mCACiD,KAAK;IAAA,yCACrB,MAAM;IAAA,uCACR,KAAK;IAAA,iCACxC,CAAC;EAAA;AACf"}
+{"version":3,"names":["BaseProps","WmLinearlayoutProps","constructor","arguments","_defineProperty"],"sources":["linearlayout.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutProps extends BaseProps {\n    children? = [] as any[];\n    direction: 'row'|'row-reverse' | 'column' | 'column-reverse' = 'row';\n    horizontalalign: 'left' | 'center' | 'right' = 'left';\n    verticalalign: 'top' | 'center' | 'bottom' = 'top';\n    spacing = 0;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBAC3C,EAAE;IAAAA,eAAA,oBACiD,KAAK;IAAAA,eAAA,0BACrB,MAAM;IAAAA,eAAA,wBACR,KAAK;IAAAA,eAAA,kBACxC,CAAC;EAAA;AACf"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
+import { View, Platform } from 'react-native';
 import { isNil } from 'lodash-es';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmLinearlayoutitemProps from './linearlayoutitem.props';
@@ -16,9 +16,9 @@ export default class WmLinearlayoutitem extends BaseComponent {
         ...this.styles.root,
         flexGrow: props.flexgrow,
         flexShrink: isNil(props.flexshrink) ? props.flexgrow : props.flexshrink,
-        flexBasis: props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto'
+        flexBasis: Platform.OS == "web" ? 'auto' : 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","Platform","isNil","BaseComponent","BaseComponentState","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","renderWidget","direction","parent","state","createElement","style","styles","root","flexGrow","flexgrow","flexShrink","flexshrink","flexBasis","OS","_background","children"],"sources":["linearlayoutitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } 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:  Platform.OS == \"web\" ? 'auto' : (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,EAAEC,QAAQ,QAAQ,cAAc;AAC7C,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,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;EAC5D;EAEAM,YAAYA,CAACD,KAA8B,EAAE;IAC3C,MAAME,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACJ,KAAK,CAACE,SAAS;IACvE,oBAAQb,KAAA,CAAAgB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAE;QACnB,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI;QACnBC,QAAQ,EAAET,KAAK,CAACU,QAAQ;QACxBC,UAAU,EAAEnB,KAAK,CAACQ,KAAK,CAACY,UAAU,CAAC,GAAGZ,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACY,UAAU;QACvEC,SAAS,EAAGtB,QAAQ,CAACuB,EAAE,IAAI,KAAK,GAAG,MAAM,GAAId,KAAK,CAACU,QAAQ,KAAKR,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC5H;IAAE,GAAE,IAAI,CAACa,WAAW,EAAEf,KAAK,CAACgB,QAAe,CAAC;EAC9C;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmLinearlayoutitemProps"],"sources":["linearlayoutitem.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutitemProps extends BaseProps {\n    children?: any[] = [];\n    flexgrow: number = null as any;\n    flexshrink: number = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,kCACxC,EAAE;IAAA,kCACF,IAAI;IAAA,oCACF,IAAI;EAAA;AAC7B"}
+{"version":3,"names":["BaseProps","WmLinearlayoutitemProps","constructor","arguments","_defineProperty"],"sources":["linearlayoutitem.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutitemProps extends BaseProps {\n    children?: any[] = [];\n    flexgrow: number = null as any;\n    flexshrink: number = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACxC,EAAE;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,qBACF,IAAI;EAAA;AAC7B"}

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","createElement","style","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,WAAWA,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,mBAAmB,CAAC,CAAC,CAAC;EACxD;EAEAM,YAAYA,CAACD,KAA0B,EAAE;IACvC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF"}

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

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

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","createElement","style","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,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAM,YAAYA,CAACD,KAAyB,EAAE;IACtC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF"}

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

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

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","constructor","arguments","_defineProperty","WmPanel","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","createElement","style","styles","badgetype","iconclass","name","toggleIcon","flexDirection","renderPanel","icon","Accordion","title","header","id","titleStyle","text","descriptionStyle","subheading","description","right","_ref","left","marginLeft","ref","entryanimation","children","renderWidget","root","_background","AccordionGroup","onAccordionPress","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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,KAAK,EAAEC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,YAAY,QAAQ,mEAAmE;AAEhG,OAAO,MAAMC,YAAY,SAASL,kBAAkB,CAAe;EAAAM,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,0BAE/C,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,OAAO,SAASV,aAAa,CAA4C;EAE5FO,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;IAACM,eAAA;IAChD,IAAI,CAACG,WAAW,CAAC;MACfC,UAAU,EAAE,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,QAAQ,GAAG,CAAC,GAAG,CAAC;IAC/C,CAAiB,CAAC;EACpB;EAEAC,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAC,aAAaA,CAACP,KAAmB,EAAE;IACjC,IAAIA,KAAK,CAACQ,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACL,KAAK,CAACM,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACT,WAAW,CAAC;YACfQ,eAAe,EAAE;UACnB,CAAiB,CAAC;QACpB,CAAC,CAAC;MACJ;MACA,OAAOT,KAAK,CAACQ,aAAa,CAAC,IAAI,CAACH,aAAa,CAACM,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;EACF;EAEAC,YAAYA,CAACV,UAAe,EAAE;IAC5B,IAAI,CAAC,IAAI,CAACC,KAAK,CAACH,KAAK,CAACa,WAAW,EAAE;MACjC;IACF;IACA,MAAMC,MAAM,GAAGZ,UAAU,KAAK,IAAI,CAACC,KAAK,CAACD,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5D,MAAMa,SAAS,GAAGD,MAAM,KAAK,CAAC,GAAG,UAAU,GAAG,YAAY;IAE1D,IAAIC,SAAS,KAAK,YAAY,EAAE;MAC9B,IAAI,CAACC,WAAW,CAACC,WAAW,CAAC,CAAC,CAACC,IAAI,CAAEC,GAAQ,IAAK;QAChD,IAAIA,GAAG,EAAE;UACP,IAAI,CAAClB,WAAW,CAAC;YACfC,UAAU,EAAEY,MAAM;YAClBd,KAAK,EAAE;cACLI,QAAQ,EAAE;YACZ;UACF,CAAiB,CAAC;QACpB;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACH,WAAW,CAAC;QACfC,UAAU,EAAEY,MAAM;QAClBd,KAAK,EAAE;UACLI,QAAQ,EAAE;QACZ;MACF,CAAiB,CAAC;IACpB;IAEA,IAAI,CAACE,mBAAmB,CAACS,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACK,KAAK,CAAC,CAAC;EACzD;EAEAC,kBAAkBA,CAACC,UAAmB,EAAE;IACtC,MAAMC,WAAW,GAAG,IAAI,CAACpB,KAAK,CAACH,KAAK;IACpC;IACA,MAAMwB,KAAK,GAAGD,WAAW,CAACE,UAAU,IAAIC,SAAS,gBAAIzC,KAAA,CAAA0C,aAAA,CAACxC,KAAK;MAACyC,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACL,KAAK,EAAE,IAAI,CAACK,MAAM,CAACN,WAAW,CAACO,SAAS,IAAI,SAAS,CAAC;IAAE,GAAEP,WAAW,CAACE,UAAkB,CAAC,GAAG,IAAI;IAChL,MAAMM,SAAS,GAAGT,UAAU,GAAG,kBAAkB,GAAG,oBAAoB;IACxE,MAAMD,kBAAkB,GAAGE,WAAW,CAACV,WAAW,gBAAI5B,KAAA,CAAA0C,aAAA,CAACpC,MAAM;MAACyC,IAAI,EAAE,sBAAuB;MAACH,MAAM,EAAE,IAAI,CAACA,MAAM,CAACI,UAAW;MAACF,SAAS,EAAEA;IAAU,CAAS,CAAC,GAAI,IAAI;IACnK,oBAAQ9C,KAAA,CAAA0C,aAAA,CAACzC,IAAI;MAAC0C,KAAK,EAAE;QAACM,aAAa,EAAE;MAAK;IAAE,GAAEV,KAAK,EAAEH,kBAAyB,CAAC;EACjF;EAEAc,WAAWA,CAACnC,KAAmB,EAAE;IAC/B,MAAMoC,IAAI,gBAAInD,KAAA,CAAA0C,aAAA,CAACpC,MAAM;MAACsC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACO,IAAK;MAACJ,IAAI,EAAEhC,KAAK,CAACgC,IAAI,GAAG,OAAQ;MAACD,SAAS,EAAE/B,KAAK,CAAC+B;IAAU,CAAS,CAAE;IAClH,oBACE9C,KAAA,CAAA0C,aAAA,CAACvC,IAAI,CAACiD,SAAS;MAACC,KAAK,EAAEtC,KAAK,CAACsC,KAAM;MAACV,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU,MAAO;MAACC,EAAE,EAAE,CAAE;MACrDC,UAAU,EAAE,IAAI,CAACZ,MAAM,CAACa,IAAK;MAACC,gBAAgB,EAAE,IAAI,CAACd,MAAM,CAACe,UAAW;MACvEC,WAAW,EAAE7C,KAAK,CAAC4C,UAAW;MAC9BxC,QAAQ,EAAEJ,KAAK,CAACI,QAAS;MACzB0C,KAAK,EAAEC,IAAA;QAAA,IAAC;UAACzB;QAAU,CAAC,GAAAyB,IAAA;QAAA,OAAK,IAAI,CAAC1B,kBAAkB,CAACC,UAAU,CAAC;MAAA,CAAC;MAAC0B,IAAI,EAAEhD,KAAK,IAAIoC;IAAK,gBAChGnD,KAAA,CAAA0C,aAAA,CAACjC,YAAY;MAACkC,KAAK,EAAE;QAACqB,UAAU,EAAE,CAAC;MAAE,CAAE;MAACC,GAAG,EAAEA,GAAG,IAAI,IAAI,CAAClC,WAAW,GAAGkC,GAAI;MAACC,cAAc,EAAE;IAAa,gBACvGlE,KAAA,CAAA0C,aAAA,CAACzC,IAAI,QAAE,IAAI,CAACqB,aAAa,CAACP,KAAK,CAAQ,CAAC,eACxCf,KAAA,CAAA0C,aAAA,CAACzC,IAAI,QAAEc,KAAK,CAACoD,QAAe,CAChB,CACA,CAAC;EAErB;EAEAC,YAAYA,CAACrD,KAAmB,EAAE;IAChC,oBAAQf,KAAA,CAAA0C,aAAA,CAACzC,IAAI;MAAC0C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACyB;IAAK,GACvB,IAAI,CAACC,WAAW,eACjBtE,KAAA,CAAA0C,aAAA,CAACvC,IAAI,CAACoE,cAAc;MAACtD,UAAU,EAAE,IAAI,CAACC,KAAK,CAACD,UAAW;MAACuD,gBAAgB,EAAE,IAAI,CAAC7C,YAAY,CAACD,IAAI,CAAC,IAAI;IAAE,gBACnG1B,KAAA,CAAA0C,aAAA,CAACjC,YAAY;MAACyD,cAAc,EAAEnD,KAAK,CAAC0D;IAAU,GAC3C,IAAI,CAACvB,WAAW,CAACnC,KAAK,CACX,CACG,CACrB,CAAC;EACjB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmPanelProps"],"sources":["panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPanelProps extends BaseProps {\n  animation: string = null as any;\n  children: any;\n  collapsible: boolean = null as any;\n  iconclass: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = 'default';\n  expanded: boolean = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,mCAC9B,IAAI;IAAA;IAAA,qCAED,IAAI;IAAA,mCACP,IAAI;IAAA,+BACR,OAAO;IAAA;IAAA,oCAEF,IAAI;IAAA,oCACJ,IAAI;IAAA,mCACL,SAAS;IAAA,kCACT,IAAI;EAAA;AAC1B"}
+{"version":3,"names":["BaseProps","WmPanelProps","constructor","arguments","_defineProperty"],"sources":["panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPanelProps extends BaseProps {\n  animation: string = null as any;\n  children: any;\n  collapsible: boolean = null as any;\n  iconclass: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = 'default';\n  expanded: boolean = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC9B,IAAI;IAAAA,eAAA;IAAAA,eAAA,sBAED,IAAI;IAAAA,eAAA,oBACP,IAAI;IAAAA,eAAA,gBACR,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,SAAS;IAAAA,eAAA,mBACT,IAAI;EAAA;AAC1B"}

app-rn-runtime/components/container/panel/panel.styles.js

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-panel';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
@@ -61,6 +62,14 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    text: {
+      textAlign: 'right'
+    },
+    subheading: {
+      textAlign: 'right'
+    }
+  } : {});
   const getPanelBgStyles = color => {
     return {
       header: {

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","panelBgColor","borderStyle","borderWidth","padding","borderRadius","text","color","panelHeaderTextColor","fontSize","fontWeight","header","panelHeaderBgColor","paddingHorizontal","paddingVertical","borderColor","borderTopLeftRadius","borderTopRightRadius","subheading","icon","alignSelf","toggleIcon","badge","badgeTextColor","marginRight","default","labelDefaultColor","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","getPanelBgStyles","panelTextColor","panelDangerColor","panelDefaultColor","panelInfoColor","panelPrimaryColor","panelSuccessColor","panelWarningColor"],"sources":["panel.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmPanelStyles = BaseStyles & {\n  icon: WmIconStyles,\n  badge: AllStyle,\n  header: AllStyle,\n  subheading: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-panel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmPanelStyles = defineStyles({\n      root: {\n        backgroundColor: themeVariables.panelBgColor,\n        borderStyle: 'solid',\n        borderWidth: 0,\n        padding: 12,\n        borderRadius: 6\n      },\n      text: {\n        color: themeVariables.panelHeaderTextColor,\n        fontSize: 16,\n        fontWeight: 'bold'\n      },\n      header: {\n        backgroundColor: themeVariables.panelHeaderBgColor,\n        paddingHorizontal: 8,\n        paddingVertical: 4,\n        borderStyle: 'solid',\n        borderWidth: 0,\n        borderColor: themeVariables.panelHeaderBgColor,\n        borderTopLeftRadius: 6,\n        borderTopRightRadius: 6\n      },\n      subheading: {},\n      icon: {\n        root: {\n          alignSelf: 'auto',\n          fontSize: 32,\n        },\n      } as WmIconStyles,\n      toggleIcon: {\n        root: {\n          fontSize: 16,\n        },\n      } as WmIconStyles,\n      badge: {\n        color: themeVariables.badgeTextColor,\n        marginRight: 8\n      },\n      default: {\n        backgroundColor: themeVariables.labelDefaultColor\n      },\n      success: {\n        backgroundColor: themeVariables.labelSuccessColor\n      },\n      danger: {\n        backgroundColor: themeVariables.labelDangerColor\n      },\n      warning: {\n        backgroundColor: themeVariables.labelWarningColor\n      },\n      info: {\n        backgroundColor: themeVariables.labelInfoColor\n      },\n      primary: {\n        backgroundColor: themeVariables.labelPrimaryColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  const getPanelBgStyles = (color: string) => {\n    return {\n      header: {\n        backgroundColor: color\n      },\n      text: {\n        color: themeVariables.panelTextColor\n      },\n      subheading: {\n        color: themeVariables.panelTextColor\n      },\n      icon: {\n        text: {\n          color: themeVariables.panelTextColor\n        }\n      } as WmIconStyles\n    } as WmPanelStyles;\n  };\n\n  addStyle('panel-danger', '', getPanelBgStyles(themeVariables.panelDangerColor));\n  addStyle('panel-default', '', getPanelBgStyles(themeVariables.panelDefaultColor));\n  addStyle('panel-info', '', getPanelBgStyles(themeVariables.panelInfoColor));\n  addStyle('panel-primary', '', getPanelBgStyles(themeVariables.panelPrimaryColor));\n  addStyle('panel-success', '', getPanelBgStyles(themeVariables.panelSuccessColor));\n  addStyle('panel-warning', '', getPanelBgStyles(themeVariables.panelWarningColor));\n});"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","panelBgColor","borderStyle","borderWidth","padding","borderRadius","text","color","panelHeaderTextColor","fontSize","fontWeight","header","panelHeaderBgColor","paddingHorizontal","paddingVertical","borderColor","borderTopLeftRadius","borderTopRightRadius","subheading","icon","alignSelf","toggleIcon","badge","badgeTextColor","marginRight","default","labelDefaultColor","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","OS","textAlign","getPanelBgStyles","panelTextColor","panelDangerColor","panelDefaultColor","panelInfoColor","panelPrimaryColor","panelSuccessColor","panelWarningColor"],"sources":["panel.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { Platform } from 'react-native';\n\nexport type WmPanelStyles = BaseStyles & {\n  icon: WmIconStyles,\n  badge: AllStyle,\n  header: AllStyle,\n  subheading: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-panel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmPanelStyles = defineStyles({\n      root: {\n        backgroundColor: themeVariables.panelBgColor,\n        borderStyle: 'solid',\n        borderWidth: 0,\n        padding: 12,\n        borderRadius: 6\n      },\n      text: {\n        color: themeVariables.panelHeaderTextColor,\n        fontSize: 16,\n        fontWeight: 'bold'\n      },\n      header: {\n        backgroundColor: themeVariables.panelHeaderBgColor,\n        paddingHorizontal: 8,\n        paddingVertical: 4,\n        borderStyle: 'solid',\n        borderWidth: 0,\n        borderColor: themeVariables.panelHeaderBgColor,\n        borderTopLeftRadius: 6,\n        borderTopRightRadius: 6\n      },\n      subheading: {},\n      icon: {\n        root: {\n          alignSelf: 'auto',\n          fontSize: 32,\n        },\n      } as WmIconStyles,\n      toggleIcon: {\n        root: {\n          fontSize: 16,\n        },\n      } as WmIconStyles,\n      badge: {\n        color: themeVariables.badgeTextColor,\n        marginRight: 8\n      },\n      default: {\n        backgroundColor: themeVariables.labelDefaultColor\n      },\n      success: {\n        backgroundColor: themeVariables.labelSuccessColor\n      },\n      danger: {\n        backgroundColor: themeVariables.labelDangerColor\n      },\n      warning: {\n        backgroundColor: themeVariables.labelWarningColor\n      },\n      info: {\n        backgroundColor: themeVariables.labelInfoColor\n      },\n      primary: {\n        backgroundColor: themeVariables.labelPrimaryColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n      textAlign:'right',\n    } ,\n    subheading:{\n      textAlign:'right',\n    }\n  }:{});\n  const getPanelBgStyles = (color: string) => {\n    return {\n      header: {\n        backgroundColor: color\n      },\n      text: {\n        color: themeVariables.panelTextColor\n      },\n      subheading: {\n        color: themeVariables.panelTextColor\n      },\n      icon: {\n        text: {\n          color: themeVariables.panelTextColor\n        }\n      } as WmIconStyles\n    } as WmPanelStyles;\n  };\n\n  addStyle('panel-danger', '', getPanelBgStyles(themeVariables.panelDangerColor));\n  addStyle('panel-default', '', getPanelBgStyles(themeVariables.panelDefaultColor));\n  addStyle('panel-info', '', getPanelBgStyles(themeVariables.panelInfoColor));\n  addStyle('panel-primary', '', getPanelBgStyles(themeVariables.panelPrimaryColor));\n  addStyle('panel-success', '', getPanelBgStyles(themeVariables.panelSuccessColor));\n  addStyle('panel-warning', '', getPanelBgStyles(themeVariables.panelWarningColor));\n});"],"mappings":"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"}