@wavemaker/app-rn-runtime 11.7.0-patch.6 → 11.7.0-rc.162

package/components/container/panel/panel.component.js

@@ -1,113 +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(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 { 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';
-export class WmPanelState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
-    _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, {
-      style: [this.styles.badge, this.styles[widgetProps.badgetype || 'default']]
-    }, widgetProps.badgevalue) : null;
-    const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';
-    const expandCollapseIcon = widgetProps.collapsible ? /*#__PURE__*/React.createElement(WmIcon, {
-      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)
-    }), props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
-      styles: this.styles.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'
-      }
-    }, /*#__PURE__*/React.createElement(Text, _extends({
-      style: [this.styles.text, this.styles.heading]
-    }, this.getTestPropsForAction(`header_title`)), isUndefined(props.title) ? 'Title' : props.title), 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);
-  }
-  renderWidget(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this._background, 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

package/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","WmPanelState","constructor","arguments","_defineProperty","WmPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","onPanelPress","collapsible","eventName","expanded","proxy","expandCollapseIcon","isExpanded","widgetProps","badge","badgevalue","undefined","createElement","style","styles","badgetype","iconclass","name","toggleIcon","flexDirection","alignItems","renderHeader","_extends","getTestPropsForAction","header","onPress","iconurl","icon","iconheight","iconwidth","iconmargin","flex","justifyContent","text","heading","title","subheading","renderPane","content","display","maxHeight","overflow","close","renderWidget","root","_background","Fragment","children"],"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';\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']]}>{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', 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      {props.iconclass || props.iconurl ? \n        <WmIcon styles={this.styles.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          <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          {props.subheading ? \n            (<Text style={this.styles.subheading}\n              {...this.getTestPropsForAction(`subheader`)}>{props.subheading}</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  renderWidget(props: WmPanelProps) {\n    return (<View style={this.styles.root}>\n      {this._background}\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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"}

package/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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmPanelProps extends BaseProps {
-  constructor() {
-    super(...arguments);
-    _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

package/components/container/panel/panel.props.js.map

@@ -1 +0,0 @@
-{"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  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\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;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;EAAA;AAC5B"}

package/components/container/panel/panel.styles.js

@@ -1,105 +0,0 @@
-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({
-    root: {
-      backgroundColor: themeVariables.panelBgColor,
-      borderStyle: 'solid',
-      borderWidth: 0,
-      padding: 12,
-      borderRadius: 6
-    },
-    text: {
-      color: themeVariables.panelHeaderTextColor,
-      fontSize: 16,
-      fontWeight: 'bold'
-    },
-    header: {
-      flexDirection: 'row',
-      backgroundColor: themeVariables.panelHeaderBgColor,
-      paddingHorizontal: 8,
-      paddingVertical: 4,
-      borderStyle: 'solid',
-      borderWidth: 0,
-      borderColor: themeVariables.panelHeaderBgColor,
-      borderTopLeftRadius: 6,
-      borderTopRightRadius: 6
-    },
-    heading: {
-      paddingHorizontal: 16
-    },
-    subheading: {
-      paddingHorizontal: 16
-    },
-    icon: {
-      root: {
-        alignSelf: 'auto',
-        fontSize: 32
-      }
-    },
-    toggleIcon: {
-      root: {
-        fontSize: 16
-      }
-    },
-    badge: {
-      color: themeVariables.badgeTextColor,
-      marginRight: 8,
-      alignSelf: 'center'
-    },
-    default: {
-      backgroundColor: themeVariables.labelDefaultColor
-    },
-    success: {
-      backgroundColor: themeVariables.labelSuccessColor
-    },
-    danger: {
-      backgroundColor: themeVariables.labelDangerColor
-    },
-    warning: {
-      backgroundColor: themeVariables.labelWarningColor
-    },
-    info: {
-      backgroundColor: themeVariables.labelInfoColor
-    },
-    primary: {
-      backgroundColor: themeVariables.labelPrimaryColor
-    }
-  });
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
-    text: {
-      textAlign: 'right'
-    },
-    subheading: {
-      textAlign: 'right'
-    }
-  } : {});
-  const getPanelBgStyles = color => {
-    return {
-      header: {
-        backgroundColor: color
-      },
-      text: {
-        color: themeVariables.panelTextColor
-      },
-      subheading: {
-        color: themeVariables.panelTextColor
-      },
-      icon: {
-        text: {
-          color: themeVariables.panelTextColor
-        }
-      }
-    };
-  };
-  addStyle('panel-danger', '', getPanelBgStyles(themeVariables.panelDangerColor));
-  addStyle('panel-default', '', getPanelBgStyles(themeVariables.panelDefaultColor));
-  addStyle('panel-info', '', getPanelBgStyles(themeVariables.panelInfoColor));
-  addStyle('panel-primary', '', getPanelBgStyles(themeVariables.panelPrimaryColor));
-  addStyle('panel-success', '', getPanelBgStyles(themeVariables.panelSuccessColor));
-  addStyle('panel-warning', '', getPanelBgStyles(themeVariables.panelWarningColor));
-});
-//# sourceMappingURL=panel.styles.js.map

package/components/container/panel/panel.styles.js.map

@@ -1 +0,0 @@
-{"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","flexDirection","panelHeaderBgColor","paddingHorizontal","paddingVertical","borderColor","borderTopLeftRadius","borderTopRightRadius","heading","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        flexDirection: 'row',\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      heading: {\n        paddingHorizontal: 16\n      },\n      subheading: {\n        paddingHorizontal: 16\n      },\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        alignSelf: 'center'\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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"}

package/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(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 { BaseComponent, BaseComponentState, BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
-export class PartialHostState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "isPartialLoaded", false);
-  }
-}
-export class PartialHostProps extends BaseProps {
-  constructor() {
-    super(...arguments);
-    _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

package/components/container/partial-host.component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BaseComponent","BaseComponentState","BaseProps","PartialHostState","constructor","arguments","_defineProperty","PartialHostProps","PartialHost","markupProps","defaultClass","defaultProps","defaultState","onPartialLoad","invokeEventCallback","renderContent","props","renderPartial","state","isPartialLoaded","isVisible","setTimeout","updateState","bind","children"],"sources":["partial-host.component.tsx"],"sourcesContent":["import { BaseComponent, BaseComponentState, BaseProps, BaseStyles } from \"@wavemaker/app-rn-runtime/core/base.component\";\n\nexport abstract class PartialHostState<T extends BaseProps> extends BaseComponentState<T> {\n    isPartialLoaded = false;\n}\n\nexport abstract class PartialHostProps extends BaseProps {\n  renderPartial?: Function;\n  children?: any;\n}\n\nexport abstract class PartialHost<T extends BaseProps, S extends  PartialHostState<T>, L extends BaseStyles>\n    extends BaseComponent<T, S, L> {\n\n    constructor(markupProps: T, defaultClass: string, defaultProps?: T, defaultState?: S) {\n        super(markupProps, defaultClass, defaultProps, defaultState);\n    }\n\n    onPartialLoad() {\n        this.invokeEventCallback('onLoad', [this]);\n    }\n\n    renderContent(props: PartialHostProps) {\n        if (props.renderPartial) {\n            if (!this.state.isPartialLoaded && !this.isVisible()) {\n                return null;\n            }\n            if (!this.state.isPartialLoaded) {\n                setTimeout(() => {\n                    this.updateState({\n                        isPartialLoaded: true\n                    } as any);\n                });\n            }\n            return props.renderPartial(props, this.onPartialLoad.bind(this));\n        }\n        return props.children;\n    }\n\n}"],"mappings":";;;AAAA,SAASA,aAAa,EAAEC,kBAAkB,EAAEC,SAAS,QAAoB,+CAA+C;AAExH,OAAO,MAAeC,gBAAgB,SAA8BF,kBAAkB,CAAI;EAAAG,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACpE,KAAK;EAAA;AAC3B;AAEA,OAAO,MAAeC,gBAAgB,SAASL,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA;EAAA;AAGzD;AAEA,OAAO,MAAeE,WAAW,SACrBR,aAAa,CAAU;EAE/BI,WAAWA,CAACK,WAAc,EAAEC,YAAoB,EAAEC,YAAgB,EAAEC,YAAgB,EAAE;IAClF,KAAK,CAACH,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,YAAY,CAAC;EAChE;EAEAC,aAAaA,CAAA,EAAG;IACZ,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC9C;EAEAC,aAAaA,CAACC,KAAuB,EAAE;IACnC,IAAIA,KAAK,CAACC,aAAa,EAAE;MACrB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,IAAI,CAAC,IAAI,CAACC,SAAS,CAAC,CAAC,EAAE;QAClD,OAAO,IAAI;MACf;MACA,IAAI,CAAC,IAAI,CAACF,KAAK,CAACC,eAAe,EAAE;QAC7BE,UAAU,CAAC,MAAM;UACb,IAAI,CAACC,WAAW,CAAC;YACbH,eAAe,EAAE;UACrB,CAAQ,CAAC;QACb,CAAC,CAAC;MACN;MACA,OAAOH,KAAK,CAACC,aAAa,CAACD,KAAK,EAAE,IAAI,CAACH,aAAa,CAACU,IAAI,CAAC,IAAI,CAAC,CAAC;IACpE;IACA,OAAOP,KAAK,CAACQ,QAAQ;EACzB;AAEJ"}

package/components/container/tabs/tabheader/tabheader.component.js

@@ -1,200 +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(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 { Animated, Easing, Text, View } from 'react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmTabheaderProps from './tabheader.props';
-import { DEFAULT_CLASS } from './tabheader.styles';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
-import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
-import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
-export class WmTabheaderState extends BaseComponentState {}
-export default class WmTabheader extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());
-    _defineProperty(this, "headerPanelLayout", null);
-    _defineProperty(this, "headersLayout", []);
-    _defineProperty(this, "headerScrollPosition", new Animated.Value(0));
-    _defineProperty(this, "headerScrollPositionValue", 0);
-    _defineProperty(this, "indicatorPosition", new Animated.Value(0));
-    _defineProperty(this, "reverseIndicatorWidth", new Animated.Value(0));
-    _defineProperty(this, "indicatorWidth", new Animated.Value(0));
-    this.headerScrollPosition.addListener(_ref => {
-      let {
-        value
-      } = _ref;
-      return this.headerScrollPositionValue = value;
-    });
-  }
-  setHeaderPanelPositon(nativeEvent) {
-    this.headerPanelLayout = nativeEvent.nativeEvent.layout;
-    this.forceUpdate();
-  }
-  setHeaderPositon(index, nativeEvent) {
-    this.headersLayout[index] = nativeEvent.nativeEvent.layout;
-    if (index === this.props.selectedTabIndex) {
-      this.forceUpdate();
-    }
-  }
-  onTabSelection(index) {
-    if (this.state.props.selectedTabIndex != index) {
-      this.state.props.onIndexChange && this.state.props.onIndexChange(index);
-    }
-  }
-  setPosition() {
-    var _this$headersLayout$s, _this$headerPanelLayo, _this$headerPanelLayo2;
-    const selectedTabIndex = this.state.props.selectedTabIndex;
-    let toIndicatorPosition = 0;
-    let toIndicatorWidth = ((_this$headersLayout$s = this.headersLayout[selectedTabIndex]) === null || _this$headersLayout$s === void 0 ? void 0 : _this$headersLayout$s.width) || 0;
-    let toHeaderScrollPosition = this.headerScrollPositionValue;
-    let totalWidth = 0;
-    if (this.state.props.data.length !== this.headersLayout.length) {
-      return;
-    }
-    this.headersLayout.forEach((p, i) => {
-      if (i < selectedTabIndex) {
-        toIndicatorPosition += p.width;
-      }
-      totalWidth += p.width;
-    });
-    toHeaderScrollPosition = -1 * (toIndicatorPosition - (((_this$headerPanelLayo = this.headerPanelLayout) === null || _this$headerPanelLayo === void 0 ? void 0 : _this$headerPanelLayo.width) || 0) / 2 + toIndicatorWidth / 2);
-    const minScrollPosition = -1 * (totalWidth - (((_this$headerPanelLayo2 = this.headerPanelLayout) === null || _this$headerPanelLayo2 === void 0 ? void 0 : _this$headerPanelLayo2.width) || 0));
-    const maxScrollPosition = 0;
-    toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);
-    toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);
-    let positionIndicator = toIndicatorPosition - (100 - toIndicatorWidth) / 2;
-    let position = this.isRTL ? -positionIndicator : positionIndicator;
-    Animated.parallel([Animated.timing(this.headerScrollPosition, {
-      useNativeDriver: true,
-      toValue: toHeaderScrollPosition,
-      duration: 200,
-      easing: Easing.linear
-    }), Animated.timing(this.indicatorWidth, {
-      useNativeDriver: true,
-      toValue: toIndicatorWidth / 100,
-      duration: 200,
-      easing: Easing.linear
-    }), Animated.timing(this.reverseIndicatorWidth, {
-      useNativeDriver: true,
-      toValue: toIndicatorWidth ? 100 / toIndicatorWidth : 0,
-      duration: 200,
-      easing: Easing.linear
-    }), Animated.timing(this.indicatorPosition, {
-      useNativeDriver: true,
-      toValue: position,
-      duration: 200,
-      easing: Easing.linear
-    })]).start();
-  }
-  renderSkeleton(props) {
-    return /*#__PURE__*/React.createElement(Animated.View, {
-      style: {
-        transform: [{
-          translateX: this.headerScrollPosition
-        }]
-      },
-      onLayout: this.setHeaderPanelPositon.bind(this)
-    }, /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this.props.data.map((header, i) => {
-      var _this$styles$root, _this$styles$root2, _this$styles$activeHe;
-      const isSelected = i === this.props.selectedTabIndex;
-      return /*#__PURE__*/React.createElement(Tappable, {
-        onTap: this.onTabSelection.bind(this, i),
-        key: header.key,
-        styles: {
-          flex: 1
-        }
-      }, /*#__PURE__*/React.createElement(View, {
-        onLayout: this.setHeaderPositon.bind(this, i),
-        style: [this.styles.header, isSelected ? this.styles.activeHeader : null]
-      }, createSkeleton(this.theme, {
-        root: {
-          borderRadius: 4
-        }
-      }, {
-        ...this.styles.root,
-        width: ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width) || "80%",
-        height: ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || ((_this$styles$activeHe = this.styles.activeHeaderText) === null || _this$styles$activeHe === void 0 ? void 0 : _this$styles$activeHe.fontSize) || 16
-      })));
-    })), /*#__PURE__*/React.createElement(Animated.View, {
-      style: [this.styles.activeIndicator, {
-        transform: [{
-          translateX: this.indicatorPosition
-        }, {
-          scaleX: this.indicatorWidth
-        }]
-      }]
-    }));
-  }
-  renderWidget(props) {
-    this.setPosition();
-    const arrowIndicator = this.styles.arrowIndicator;
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        overflow: 'hidden',
-        zIndex: 16
-      }
-    }, /*#__PURE__*/React.createElement(Animated.View, {
-      style: {
-        transform: [{
-          translateX: this.headerScrollPosition
-        }]
-      },
-      onLayout: this.setHeaderPanelPositon.bind(this)
-    }, /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this._background, props.data.map((header, i) => {
-      const isSelected = i === props.selectedTabIndex;
-      return /*#__PURE__*/React.createElement(Tappable, _extends({
-        onTap: this.onTabSelection.bind(this, i)
-      }, this.getTestPropsForAction(i + ''), {
-        key: header.key,
-        styles: this.styles.header.flexGrow ? {
-          flexGrow: this.styles.header.flexGrow
-        } : null
-      }), /*#__PURE__*/React.createElement(View, {
-        onLayout: this.setHeaderPositon.bind(this, i)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.header, {
-          flexGrow: undefined
-        }, isSelected ? this.styles.activeHeader : null]
-      }, /*#__PURE__*/React.createElement(WmIcon, {
-        styles: this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null),
-        iconclass: header.icon
-      }), /*#__PURE__*/React.createElement(Text, _extends({
-        numberOfLines: 1,
-        style: [this.styles.headerText, isSelected ? this.styles.activeHeaderText : null]
-      }, this.getTestPropsForLabel(i + '_title')), header.title))));
-    })), /*#__PURE__*/React.createElement(Animated.View, {
-      style: [this.styles.activeIndicator, {
-        transform: [{
-          translateX: this.indicatorPosition
-        }, {
-          scaleX: this.indicatorWidth
-        }]
-      }]
-    }, /*#__PURE__*/React.createElement(Animated.View, {
-      style: [{
-        transform: [{
-          scaleX: this.reverseIndicatorWidth
-        }]
-      }, this.styles.arrowIndicator]
-    }, arrowIndicator.backgroundImage ? /*#__PURE__*/React.createElement(BackgroundComponent, {
-      image: arrowIndicator.backgroundImage,
-      position: arrowIndicator.backgroundPosition,
-      size: arrowIndicator.backgroundSize,
-      repeat: arrowIndicator.backgroundRepeat,
-      resizeMode: arrowIndicator.backgroundResizeMode,
-      style: {
-        borderRadius: this.styles.root.borderRadius
-      }
-    }) : null, /*#__PURE__*/React.createElement(View, {
-      style: this.styles.arrowIndicatorDot
-    })))));
-  }
-}
-//# sourceMappingURL=tabheader.component.js.map

package/components/container/tabs/tabheader/tabheader.component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Animated","Easing","Text","View","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmIcon","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","_ref","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","forceUpdate","setHeaderPositon","index","headersLayout","selectedTabIndex","onTabSelection","state","onIndexChange","setPosition","_this$headersLayout$s","_this$headerPanelLayo","_this$headerPanelLayo2","toIndicatorPosition","toIndicatorWidth","width","toHeaderScrollPosition","totalWidth","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","isRTL","parallel","timing","useNativeDriver","toValue","duration","easing","linear","indicatorWidth","reverseIndicatorWidth","indicatorPosition","start","renderSkeleton","createElement","style","transform","translateX","onLayout","bind","styles","root","map","header","_this$styles$root","_this$styles$root2","_this$styles$activeHe","isSelected","onTap","key","flex","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderWidget","arrowIndicator","overflow","zIndex","_background","_extends","getTestPropsForAction","flexGrow","undefined","mergeStyle","headerIcon","activeHeaderIcon","iconclass","icon","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nexport class WmTabheaderState extends BaseComponentState<WmTabheaderProps> {\n}\n\nexport default class WmTabheader extends BaseComponent<WmTabheaderProps, WmTabheaderState, WmTabheaderStyles> {\n\n  private headerPanelLayout: LayoutRectangle = null as any;\n  private headersLayout: LayoutRectangle[] = [];\n  private headerScrollPosition = new Animated.Value(0);\n  private headerScrollPositionValue = 0;\n  private indicatorPosition = new Animated.Value(0);\n  private reverseIndicatorWidth = new Animated.Value(0);\n  private indicatorWidth = new Animated.Value(0);\n\n  constructor(props: WmTabheaderProps) {\n    super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());\n    this.headerScrollPosition.addListener(({value}) => this.headerScrollPositionValue = value);\n  }\n\n  setHeaderPanelPositon(nativeEvent: LayoutChangeEvent) {\n    this.headerPanelLayout = nativeEvent.nativeEvent.layout;\n    this.forceUpdate();\n  }\n\n  setHeaderPositon(index: number, nativeEvent: LayoutChangeEvent) {\n    this.headersLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.props.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  onTabSelection(index: number) {\n    if (this.state.props.selectedTabIndex != index) {\n      this.state.props.onIndexChange && this.state.props.onIndexChange(index);\n    }\n  }\n\n  setPosition() {\n    const selectedTabIndex = this.state.props.selectedTabIndex;\n    let toIndicatorPosition = 0;\n    let toIndicatorWidth = this.headersLayout[selectedTabIndex]?.width || 0;\n    let toHeaderScrollPosition = this.headerScrollPositionValue;\n    let totalWidth = 0;\n    if (this.state.props.data.length !== this.headersLayout.length) {\n      return;\n    }\n    this.headersLayout.forEach((p, i) => {\n      if (i < selectedTabIndex) {\n        toIndicatorPosition += p.width;\n      }\n      totalWidth += p.width;\n    });\n    toHeaderScrollPosition = -1 * (toIndicatorPosition - (this.headerPanelLayout?.width || 0) / 2 + toIndicatorWidth/ 2) ;\n    const minScrollPosition = -1 * (totalWidth - (this.headerPanelLayout?.width || 0));\n    const maxScrollPosition = 0;\n    toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);\n    toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);\n    let positionIndicator = (toIndicatorPosition - (100 - toIndicatorWidth) / 2);\n    let position = this.isRTL?-positionIndicator:positionIndicator;\n    Animated.parallel([\n      Animated.timing(this.headerScrollPosition, {\n        useNativeDriver: true,\n        toValue:  toHeaderScrollPosition,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth / 100,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.reverseIndicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth ? 100 / toIndicatorWidth : 0,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorPosition, {\n        useNativeDriver: true,\n        toValue:  position,\n        duration: 200,\n        easing: Easing.linear\n      })\n    ]).start();\n  }\n\n  public renderSkeleton(props: WmTabheaderProps){\n    return(\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this.props.data.map((header ,i) => {\n            const isSelected = i === this.props.selectedTabIndex;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} styles={{flex: 1}}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n                  this.styles.header,\n                  isSelected ? this.styles.activeHeader : null]}>\n                  {\n                    createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                      ...this.styles.root,\n                      width: this.styles.root?.width || \"80%\",\n                      height: this.styles.root?.height || this.styles.activeHeaderText?.fontSize || 16\n                    })\n                  }\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}></Animated.View>\n      </Animated.View>\n\n    )\n  }\n\n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n      <View style={{overflow: 'hidden', zIndex: 16}}>\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key}\n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)}>\n                  <View style={[\n                    this.styles.header,\n                    {flexGrow: undefined},\n                    isSelected ? this.styles.activeHeader : null]}>\n                    <WmIcon\n                      styles={this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null)}\n                      iconclass={header.icon}></WmIcon>\n                    <Text numberOfLines={1} style={[\n                      this.styles.headerText,\n                      isSelected ? this.styles.activeHeaderText : null]}\n                      {...this.getTestPropsForLabel(i + '_title')}\n                    >{header.title}</Text>\n                  </View>\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}>\n          <Animated.View style={[{\n              transform: [{\n                scaleX: this.reverseIndicatorWidth\n              }]\n            },\n            this.styles.arrowIndicator\n          ]}>\n            {arrowIndicator.backgroundImage ? (<BackgroundComponent\n            image={arrowIndicator.backgroundImage}\n            position={arrowIndicator.backgroundPosition}\n            size={arrowIndicator.backgroundSize}\n            repeat={arrowIndicator.backgroundRepeat}\n            resizeMode={arrowIndicator.backgroundResizeMode}\n            style={{borderRadius: this.styles.root.borderRadius}}\n          ></BackgroundComponent>) : null }\n            <View style={this.styles.arrowIndicatorDot}></View>\n          </Animated.View>\n        </Animated.View>\n      </Animated.View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

package/components/container/tabs/tabheader/tabheader.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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmTabheaderProps extends BaseProps {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "data", []);
-    _defineProperty(this, "selectedTabIndex", 0);
-    _defineProperty(this, "onIndexChange", null);
-  }
-}
-//# sourceMappingURL=tabheader.props.js.map

package/components/container/tabs/tabheader/tabheader.props.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BaseProps","WmTabheaderProps","constructor","arguments","_defineProperty"],"sources":["tabheader.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabheaderProps extends BaseProps {\n  data: {icon: string, key: string, title: string}[] = [] as any;\n  selectedTabIndex = 0;\n  onIndexChange?: (index: number) => any = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,eACD,EAAE;IAAAA,eAAA,2BACpC,CAAC;IAAAA,eAAA,wBACqB,IAAI;EAAA;AAC/C"}

package/components/container/tabs/tabheader/tabheader.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","minWidth","overflow","backgroundColor","tabHeaderBgColor","text","header","paddingTop","paddingBottom","paddingVertical","minHeight","justifyContent","flexGrow","headerIcon","color","tabHeaderIconColor","icon","fontSize","headerText","tabHeaderTextColor","fontFamily","baseFont","fontWeight","activeHeader","tabActiveHeaderBgColor","activeIndicator","tabActiveIndicatorBgColor","width","height","marginTop","activeHeaderIcon","tabActiveHeaderIconColor","activeHeaderText","tabActiveHeaderTextColor","arrowIndicator","display","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","arrowIndicatorDot","skeleton"],"sources":["tabheader.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTabheaderStyles = BaseStyles & {\n    activeIndicator: ViewStyle,\n    header: ViewStyle,\n    headerIcon: WmIconStyles,\n    headerText: TextStyle,\n    arrowIndicator: ViewStyle,\n    arrowIndicatorDot: ViewStyle,\n    activeHeader: ViewStyle,\n    activeHeaderIcon: WmIconStyles,\n    activeHeaderText: TextStyle,\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-tabheader';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = {\n        root: {\n            flexDirection: 'row',\n            minWidth: '100%',\n            overflow: 'visible',\n            backgroundColor: themeVariables.tabHeaderBgColor,\n        },\n        text: {},\n        header: {\n            backgroundColor: themeVariables.tabHeaderBgColor,\n            paddingTop: 16,\n            paddingBottom: 16,\n            paddingVertical: 12,\n            minWidth: 80,\n            minHeight:48,\n            flexDirection: 'row',\n            justifyContent: 'center',\n            flexGrow: 1\n        },\n        headerIcon: {\n            text: {\n                color: themeVariables.tabHeaderIconColor\n            },\n            icon: {\n                fontSize : 12\n             }\n        } as WmIconStyles,\n        headerText: {\n            color: themeVariables.tabHeaderTextColor,\n            overflow: 'visible',\n            fontFamily: themeVariables.baseFont,\n            fontWeight: '500',\n            fontSize: 14,\n        },\n        activeHeader: {\n            backgroundColor: themeVariables.tabActiveHeaderBgColor\n        },\n        activeIndicator: {\n            backgroundColor: themeVariables.tabActiveIndicatorBgColor,\n            width: 100,\n            height: 2,\n            marginTop: -2\n        },\n        activeHeaderIcon: {\n            text: {\n                color: themeVariables.tabActiveHeaderIconColor\n            }\n        } as WmIconStyles,\n        activeHeaderText: {\n            color: themeVariables.tabActiveHeaderTextColor\n        },\n        arrowIndicator: {\n            display: 'none',\n            backgroundImage: '',\n            backgroundSize: '100% 100%',\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat'\n        },\n        arrowIndicatorDot: {\n            display: 'none'\n        },\n        skeleton: {} as WmSkeletonStyles\n    } as WmTabheaderStyles;\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAmB/D,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAG;IAClBC,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE,SAAS;MACnBC,eAAe,EAAEP,cAAc,CAACQ;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACJH,eAAe,EAAEP,cAAc,CAACQ,gBAAgB;MAChDG,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,eAAe,EAAE,EAAE;MACnBR,QAAQ,EAAE,EAAE;MACZS,SAAS,EAAC,EAAE;MACZV,aAAa,EAAE,KAAK;MACpBW,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACd,CAAC;IACDC,UAAU,EAAE;MACRR,IAAI,EAAE;QACFS,KAAK,EAAElB,cAAc,CAACmB;MAC1B,CAAC;MACDC,IAAI,EAAE;QACFC,QAAQ,EAAG;MACd;IACL,CAAiB;IACjBC,UAAU,EAAE;MACRJ,KAAK,EAAElB,cAAc,CAACuB,kBAAkB;MACxCjB,QAAQ,EAAE,SAAS;MACnBkB,UAAU,EAAExB,cAAc,CAACyB,QAAQ;MACnCC,UAAU,EAAE,KAAK;MACjBL,QAAQ,EAAE;IACd,CAAC;IACDM,YAAY,EAAE;MACVpB,eAAe,EAAEP,cAAc,CAAC4B;IACpC,CAAC;IACDC,eAAe,EAAE;MACbtB,eAAe,EAAEP,cAAc,CAAC8B,yBAAyB;MACzDC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,CAAC;MACTC,SAAS,EAAE,CAAC;IAChB,CAAC;IACDC,gBAAgB,EAAE;MACdzB,IAAI,EAAE;QACFS,KAAK,EAAElB,cAAc,CAACmC;MAC1B;IACJ,CAAiB;IACjBC,gBAAgB,EAAE;MACdlB,KAAK,EAAElB,cAAc,CAACqC;IAC1B,CAAC;IACDC,cAAc,EAAE;MACZC,OAAO,EAAE,MAAM;MACfC,eAAe,EAAE,EAAE;MACnBC,cAAc,EAAE,WAAW;MAC3BC,kBAAkB,EAAE,QAAQ;MAC5BC,gBAAgB,EAAE;IACtB,CAAC;IACDC,iBAAiB,EAAE;MACfL,OAAO,EAAE;IACb,CAAC;IACDM,QAAQ,EAAE,CAAC;EACf,CAAsB;EACtB5C,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}