@wavemaker/app-rn-runtime 12.0.0-next.141219 → 12.0.0-next.141221

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

@@ -1,80 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { View } from 'react-native';
-import WmContainerProps from './container.props';
-import { DEFAULT_CLASS } from './container.styles';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
-import { PartialHost, PartialHostState } from './partial-host.component';
-import { createSkeleton } from '../basic/skeleton/skeleton.component';
-import { ScrollView } from 'react-native-gesture-handler';
-export class WmContainerState extends PartialHostState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "isPartialLoaded", false);
-  }
-}
-export default class WmContainer extends PartialHost {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());
-  }
-  getBackground() {
-    return this._showSkeleton ? null : this._background;
-  }
-  renderSkeleton(props) {
-    if (!props.showskeletonchildren) {
-      var _this$props;
-      const dimensions = {
-        width: this.styles.root.width ? '100%' : undefined,
-        height: this.styles.root.height ? '100%' : undefined
-      };
-      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
-        root: {},
-        text: {}
-      };
-      return createSkeleton(this.theme, skeletonStyles, {
-        ...this.styles.root
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.root, {
-          opacity: 0
-        }]
-      }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
-        target: this,
-        styles: dimensions
-      }), /*#__PURE__*/React.createElement(View, {
-        style: [dimensions, this.styles.content]
-      }, this.renderContent(props)))));
-    }
-    return null;
-  }
-  renderWidget(props) {
-    const dimensions = {
-      width: this.styles.root.width ? '100%' : undefined,
-      height: this.styles.root.height ? '100%' : undefined
-    };
-    const styles = this._showSkeleton ? {
-      ...this.styles.root,
-      ...this.styles.skeleton.root
-    } : this.styles.root;
-    return /*#__PURE__*/React.createElement(Animatedview, {
-      entryanimation: props.animation,
-      delay: props.animationdelay,
-      style: styles
-    }, this.getBackground(), /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
-      target: this,
-      styles: dimensions
-    }), !props.scrollable ? /*#__PURE__*/React.createElement(View, {
-      style: [dimensions, this.styles.content]
-    }, this.renderContent(props)) : /*#__PURE__*/React.createElement(ScrollView, {
-      style: [dimensions, this.styles.content],
-      onScroll: event => {
-        this.notify('scroll', [event]);
-      },
-      scrollEventThrottle: 48
-    }, this.renderContent(props))));
-  }
-}
-//# sourceMappingURL=container.component.js.map

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

@@ -1,14 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { PartialHostProps } from './partial-host.component';
-export default class WmContainerProps extends PartialHostProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "animation", null);
-    _defineProperty(this, "animationdelay", null);
-    _defineProperty(this, "onLoad", void 0);
-    _defineProperty(this, "scrollable", false);
-  }
-}
-//# sourceMappingURL=container.props.js.map

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

@@ -1,13 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmGridcolumnProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", void 0);
-    _defineProperty(this, "columnwidth", null);
-    _defineProperty(this, "xscolumnwidth", null);
-  }
-}
-//# sourceMappingURL=gridcolumn.props.js.map

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

@@ -1,11 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmGridrowProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", void 0);
-  }
-}
-//# sourceMappingURL=gridrow.props.js.map

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

@@ -1,11 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmLayoutgridProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", void 0);
-  }
-}
-//# sourceMappingURL=layoutgrid.props.js.map

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

@@ -1,15 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmLinearlayoutProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", []);
-    _defineProperty(this, "direction", 'row');
-    _defineProperty(this, "horizontalalign", 'left');
-    _defineProperty(this, "verticalalign", 'top');
-    _defineProperty(this, "spacing", 0);
-  }
-}
-//# sourceMappingURL=linearlayout.props.js.map

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

@@ -1,13 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmLinearlayoutitemProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", []);
-    _defineProperty(this, "flexgrow", null);
-    _defineProperty(this, "flexshrink", null);
-  }
-}
-//# sourceMappingURL=linearlayoutitem.props.js.map

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

@@ -1,11 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmPanelContentProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", void 0);
-  }
-}
-//# sourceMappingURL=panel-content.props.js.map

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

@@ -1,11 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmPanelFooterProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", void 0);
-  }
-}
-//# sourceMappingURL=panel-footer.props.js.map

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

@@ -1,155 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { Text, View, TouchableOpacity } from 'react-native';
-import { isUndefined } from 'lodash';
-import { Badge } from 'react-native-paper';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
-import WmPanelProps from './panel.props';
-import { DEFAULT_CLASS } from './panel.styles';
-import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
-import { CollapsiblePane } from './collapsible-pane.component';
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
-import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
-export class WmPanelState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "isPartialLoaded", false);
-  }
-}
-export default class WmPanel extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmPanelProps());
-  }
-  onPartialLoad() {
-    this.invokeEventCallback('onLoad', [this]);
-  }
-  renderContent(props) {
-    if (props.renderPartial) {
-      if (!this.state.isPartialLoaded) {
-        setTimeout(() => {
-          this.updateState({
-            isPartialLoaded: true
-          });
-        });
-      }
-      return props.renderPartial(props, this.onPartialLoad.bind(this));
-    }
-  }
-  onPanelPress() {
-    if (!this.state.props.collapsible) {
-      return;
-    }
-    const eventName = this.state.props.expanded ? 'onCollapse' : 'onExpand';
-    this.updateState({
-      props: {
-        expanded: !this.state.props.expanded
-      }
-    });
-    this.invokeEventCallback(eventName, [null, this.proxy]);
-  }
-  expandCollapseIcon(isExpanded) {
-    const widgetProps = this.state.props;
-    //@ts-ignore
-    const badge = widgetProps.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
-      style: [this.styles.badge, this.styles[widgetProps.badgetype || 'default']]
-    }, this.getTestProps('badge')), widgetProps.badgevalue) : null;
-    const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';
-    const expandCollapseIcon = widgetProps.collapsible ? /*#__PURE__*/React.createElement(WmIcon, {
-      id: this.getTestId('collapseicon'),
-      name: 'expand_collapse_icon',
-      styles: this.styles.toggleIcon,
-      iconclass: iconclass
-    }) : null;
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      }
-    }, badge, expandCollapseIcon);
-  }
-  renderHeader() {
-    const props = this.state.props;
-    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(`header`), {
-      style: [this.styles.header],
-      onPress: this.onPanelPress.bind(this),
-      accessibilityRole: "header"
-    }), props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
-      styles: this.styles.icon,
-      id: this.getTestId('icon'),
-      name: props.name + '_icon',
-      iconclass: props.iconclass,
-      iconheight: props.iconheight,
-      iconwidth: props.iconwidth,
-      iconmargin: props.iconmargin,
-      iconurl: props.iconurl
-    }) : null, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: 'column',
-        flex: 1,
-        justifyContent: 'center'
-      }
-    }, this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
-      showskeleton: true,
-      styles: {
-        root: [this.styles.text, this.styles.heading]
-      },
-      caption: isUndefined(props.title) ? 'Title' : props.title
-    }) : /*#__PURE__*/React.createElement(Text, _extends({
-      style: [this.styles.text, this.styles.heading]
-    }, this.getTestPropsForAction(`header_title`)), isUndefined(props.title) ? 'Title' : props.title), props.subheading ? this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
-      showskeleton: true,
-      styles: {
-        root: this.styles.subheading
-      },
-      caption: props.subheading
-    }) : /*#__PURE__*/React.createElement(Text, _extends({
-      style: this.styles.subheading
-    }, this.getTestPropsForAction(`subheader`)), props.subheading) : null), this.expandCollapseIcon(props.expanded));
-  }
-  renderPane(content) {
-    const expanded = this.state.props.expanded;
-    return isWebPreviewMode() || this.styles.header.display == "none" ? /*#__PURE__*/React.createElement(View, {
-      style: expanded ? {} : {
-        maxHeight: 0,
-        overflow: 'hidden'
-      }
-    }, content) : /*#__PURE__*/React.createElement(CollapsiblePane, {
-      close: !expanded
-    }, content);
-  }
-  getBackground() {
-    return this._showSkeleton ? null : this._background;
-  }
-  renderSkeleton(props) {
-    if (!props.showskeletonchildren) {
-      var _this$props;
-      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
-        root: {},
-        text: {}
-      };
-      return createSkeleton(this.theme, skeletonStyles, {
-        ...this.styles.root
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.root, {
-          opacity: 0
-        }]
-      }, this.renderHeader(), this.renderPane( /*#__PURE__*/React.createElement(React.Fragment, null, this.renderContent(props), /*#__PURE__*/React.createElement(View, null, props.children)))));
-    }
-    return null;
-  }
-  renderWidget(props) {
-    const styles = this._showSkeleton ? {
-      ...this.styles.root,
-      ...this.styles.skeleton.root
-    } : this.styles.root;
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles,
-      testID: this.getTestId()
-    }, this.getBackground(), this.renderHeader(), this.renderPane( /*#__PURE__*/React.createElement(React.Fragment, null, this.renderContent(props), /*#__PURE__*/React.createElement(View, null, props.children))));
-  }
-}
-//# sourceMappingURL=panel.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","isUndefined","Badge","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","isWebPreviewMode","CollapsiblePane","createSkeleton","WmLabel","WmPanelState","constructor","args","_defineProperty","WmPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","onPanelPress","collapsible","eventName","expanded","proxy","expandCollapseIcon","isExpanded","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","badgetype","getTestProps","iconclass","id","getTestId","name","toggleIcon","flexDirection","alignItems","renderHeader","getTestPropsForAction","header","onPress","accessibilityRole","iconurl","icon","iconheight","iconwidth","iconmargin","flex","justifyContent","_showSkeleton","showskeleton","root","text","heading","caption","title","subheading","renderPane","content","display","maxHeight","overflow","close","getBackground","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","theme","opacity","Fragment","children","renderWidget","testID"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { isUndefined } from 'lodash';\nimport { Badge } 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 { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from './collapsible-pane.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n  constructor(props: WmPanelProps) {\n    super(props, DEFAULT_CLASS, new WmPanelProps());\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(props, this.onPartialLoad.bind(this));\n    }\n  }\n\n  onPanelPress() {\n    if (!this.state.props.collapsible) {\n      return;\n    }\n    const eventName = this.state.props.expanded ? 'onCollapse' : 'onExpand';\n    this.updateState({\n      props: {\n        expanded: !this.state.props.expanded\n      }\n    } as WmPanelState);\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']]} {...this.getTestProps('badge')}>{widgetProps.badgevalue}</Badge>): null;\n    const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';\n    const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon id={this.getTestId('collapseicon')} name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n    return (<View style={{flexDirection: 'row', alignItems: 'center'}}>{badge}{expandCollapseIcon}</View>);\n  }\n\n  renderHeader() {\n    const props = this.state.props;\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction(`header`)}\n        style={[this.styles.header]}\n        onPress={this.onPanelPress.bind(this)}\n        accessibilityRole='header'>\n      {props.iconclass || props.iconurl ? \n        <WmIcon styles={this.styles.icon}\n        id={this.getTestId('icon')} \n        name={props.name + '_icon'}\n        iconclass={props.iconclass}\n        iconheight={props.iconheight}\n        iconwidth={props.iconwidth}\n        iconmargin={props.iconmargin}\n        iconurl={props.iconurl}\n        /> : null}\n        <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n          {\n            this._showSkeleton ? \n            <WmLabel \n            showskeleton={true}\n            styles={{root: [\n              this.styles.text,\n              this.styles.heading]}} caption={isUndefined(props.title) ? 'Title' : props.title}/> : \n            <Text style={[\n              this.styles.text,\n              this.styles.heading]}\n              {...this.getTestPropsForAction(`header_title`)}>\n                {isUndefined(props.title) ? 'Title' : props.title}\n            </Text>\n          }\n          {props.subheading ? \n            (this._showSkeleton ? \n            <WmLabel  \n              showskeleton={true} \n              styles={{root: this.styles.subheading}} \n              caption={props.subheading} /> :\n             <Text \n               style={this.styles.subheading}\n              {...this.getTestPropsForAction(`subheader`)}>\n                {props.subheading}\n              </Text> ) : null }\n        </View>\n        {this.expandCollapseIcon(props.expanded)}\n      </TouchableOpacity>\n    );\n  }\n\n  renderPane(content: React.ReactNode) {\n    const expanded = this.state.props.expanded;\n    return isWebPreviewMode() || this.styles.header.display == \"none\" ? \n      (<View style={expanded ? {} : {maxHeight: 0, overflow: 'hidden'}}>\n        {content}\n      </View>) :\n      (<CollapsiblePane close={!expanded}>\n        {content}\n      </CollapsiblePane>);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmPanelProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                {this.renderHeader()}\n                {this.renderPane((\n                  <>\n                  {this.renderContent(props)}\n                  <View>{props.children}</View>\n                  </>\n                ))}\n        </View>))\n      }\n      return null;\n    }\n\n  renderWidget(props: WmPanelProps) {\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (<View style={styles} testID={this.getTestId()}>\n      {this.getBackground()}\n      {this.renderHeader()}\n      {this.renderPane((\n        <>\n        {this.renderContent(props)}\n        <View>{props.children}</View>\n        </>\n      ))}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,24 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmPanelProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "animation", null);
-    _defineProperty(this, "children", void 0);
-    _defineProperty(this, "collapsible", null);
-    _defineProperty(this, "iconclass", null);
-    _defineProperty(this, "title", 'Title');
-    _defineProperty(this, "renderPartial", void 0);
-    _defineProperty(this, "subheading", null);
-    _defineProperty(this, "badgevalue", null);
-    _defineProperty(this, "badgetype", 'default');
-    _defineProperty(this, "expanded", true);
-    _defineProperty(this, "iconurl", null);
-    _defineProperty(this, "iconheight", null);
-    _defineProperty(this, "iconwidth", null);
-    _defineProperty(this, "iconmargin", null);
-  }
-}
-//# sourceMappingURL=panel.props.js.map

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

@@ -1,42 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseComponent, BaseComponentState, BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
-export class PartialHostState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "isPartialLoaded", false);
-  }
-}
-export class PartialHostProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "renderPartial", void 0);
-    _defineProperty(this, "children", void 0);
-  }
-}
-export class PartialHost extends BaseComponent {
-  constructor(markupProps, defaultClass, defaultProps, defaultState) {
-    super(markupProps, defaultClass, defaultProps, defaultState);
-  }
-  onPartialLoad() {
-    this.invokeEventCallback('onLoad', [this]);
-  }
-  renderContent(props) {
-    if (props.renderPartial) {
-      if (!this.state.isPartialLoaded && !this.isVisible()) {
-        return null;
-      }
-      if (!this.state.isPartialLoaded) {
-        setTimeout(() => {
-          this.updateState({
-            isPartialLoaded: true
-          });
-        });
-      }
-      return props.renderPartial(props, this.onPartialLoad.bind(this));
-    }
-    return props.children;
-  }
-}
-//# sourceMappingURL=partial-host.component.js.map