@wavemaker/app-rn-runtime 11.15.2-dev.5 → 11.15.2-rc.249

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

@@ -38,7 +38,6 @@ export default class WmPanel extends BaseComponent {
       }
       return props.renderPartial(props, this.onPartialLoad.bind(this));
     }
-    return props.children;
   }
   onPanelPress() {
     if (!this.state.props.collapsible) {
@@ -52,13 +51,20 @@ export default class WmPanel extends BaseComponent {
     });
     this.invokeEventCallback(eventName, [null, this.proxy]);
   }
+  getExpandCollapseIconClass(isExpanded, expandedIconClass, collapsedIconClass) {
+    const expandedIcon = expandedIconClass || 'wi wi-chevron-up';
+    const collapsedIcon = collapsedIconClass || 'wi wi-chevron-down';
+    return isExpanded ? expandedIcon : collapsedIcon;
+  }
   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 expandedIconOverride = widgetProps.expandediconclass;
+    const collapsedIconOverride = widgetProps.collapsediconclass;
+    const iconclass = this.getExpandCollapseIconClass(isExpanded, expandedIconOverride, collapsedIconOverride);
     const expandCollapseIcon = widgetProps.collapsible ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('collapseicon'),
       name: 'expand_collapse_icon',

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

@@ -1 +1 @@
-{"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","children","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","title","_showSkeleton","showskeleton","root","text","heading","caption","subheading","renderPane","content","display","maxHeight","overflow","close","getBackground","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","theme","opacity","Fragment","renderWidget","testID","onLayout","event","handleLayout"],"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    return props.children;\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          {props.title? \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> ) : null }\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 (\n    <View \n      style={styles} \n      testID={this.getTestId()} \n      onLayout={(event) => this.handleLayout(event)}\n    >\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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,eAAe,QAAQ,8BAA8B;AAE9D,SAASC,cAAc,QAAQ,wEAAwE;AACvG,OAAOC,OAAO,MAAM,kEAAkE;AAEtF,OAAO,MAAMC,YAAY,SAASR,kBAAkB,CAAe;EAAAS,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BAC/C,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,OAAO,SAASb,aAAa,CAA4C;EAC5FU,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAY,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAC,aAAaA,CAACH,KAAmB,EAAE;IACjC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAiB,CAAC;QACpB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAACJ,KAAK,EAAE,IAAI,CAACC,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAYA,CAAA,EAAG;IACb,IAAI,CAAC,IAAI,CAACN,KAAK,CAACL,KAAK,CAACY,WAAW,EAAE;MACjC;IACF;IACA,MAAMC,SAAS,GAAG,IAAI,CAACR,KAAK,CAACL,KAAK,CAACc,QAAQ,GAAG,YAAY,GAAG,UAAU;IACvE,IAAI,CAACN,WAAW,CAAC;MACfR,KAAK,EAAE;QACLc,QAAQ,EAAE,CAAC,IAAI,CAACT,KAAK,CAACL,KAAK,CAACc;MAC9B;IACF,CAAiB,CAAC;IAElB,IAAI,CAACZ,mBAAmB,CAACW,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACE,KAAK,CAAC,CAAC;EACzD;EAEAC,kBAAkBA,CAACC,UAAmB,EAAE;IACtC,MAAMC,WAAW,GAAG,IAAI,CAACb,KAAK,CAACL,KAAK;IACpC;IACA,MAAMmB,KAAK,GAAGD,WAAW,CAACE,UAAU,IAAIC,SAAS,gBAAIzC,KAAA,CAAA0C,aAAA,CAACrC,KAAK,EAAAsC,QAAA;MAACC,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACN,KAAK,EAAE,IAAI,CAACM,MAAM,CAACP,WAAW,CAACQ,SAAS,IAAI,SAAS,CAAC;IAAE,GAAK,IAAI,CAACC,YAAY,CAAC,OAAO,CAAC,GAAGT,WAAW,CAACE,UAAkB,CAAC,GAAG,IAAI;IAChN,MAAMQ,SAAS,GAAGX,UAAU,GAAG,kBAAkB,GAAG,oBAAoB;IACxE,MAAMD,kBAAkB,GAAGE,WAAW,CAACN,WAAW,gBAAIhC,KAAA,CAAA0C,aAAA,CAAClC,MAAM;MAACyC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,cAAc,CAAE;MAACC,IAAI,EAAE,sBAAuB;MAACN,MAAM,EAAE,IAAI,CAACA,MAAM,CAACO,UAAW;MAACJ,SAAS,EAAEA;IAAU,CAAS,CAAC,GAAI,IAAI;IACvM,oBAAQhD,KAAA,CAAA0C,aAAA,CAACxC,IAAI;MAAC0C,KAAK,EAAE;QAACS,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GAAEf,KAAK,EAAEH,kBAAyB,CAAC;EACvG;EAEAmB,YAAYA,CAAA,EAAG;IACb,MAAMnC,KAAK,GAAG,IAAI,CAACK,KAAK,CAACL,KAAK;IAC9B,oBACEpB,KAAA,CAAA0C,aAAA,CAACvC,gBAAgB,EAAAwC,QAAA,KACX,IAAI,CAACa,qBAAqB,CAAC,QAAQ,CAAC;MACxCZ,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACY,MAAM,CAAE;MAC5BC,OAAO,EAAE,IAAI,CAAC3B,YAAY,CAACF,IAAI,CAAC,IAAI,CAAE;MACtC8B,iBAAiB,EAAC;IAAQ,IAC3BvC,KAAK,CAAC4B,SAAS,IAAI5B,KAAK,CAACwC,OAAO,gBAC/B5D,KAAA,CAAA0C,aAAA,CAAClC,MAAM;MAACqC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACgB,IAAK;MACjCZ,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3BC,IAAI,EAAE/B,KAAK,CAAC+B,IAAI,GAAG,OAAQ;MAC3BH,SAAS,EAAE5B,KAAK,CAAC4B,SAAU;MAC3Bc,UAAU,EAAE1C,KAAK,CAAC0C,UAAW;MAC7BC,SAAS,EAAE3C,KAAK,CAAC2C,SAAU;MAC3BC,UAAU,EAAE5C,KAAK,CAAC4C,UAAW;MAC7BJ,OAAO,EAAExC,KAAK,CAACwC;IAAQ,CACtB,CAAC,GAAG,IAAI,eACT5D,KAAA,CAAA0C,aAAA,CAACxC,IAAI;MAAC0C,KAAK,EAAE;QAACS,aAAa,EAAE,QAAQ;QAAEY,IAAI,EAAE,CAAC;QAAEC,cAAc,EAAE;MAAQ;IAAE,GACvE9C,KAAK,CAAC+C,KAAK,GACT,IAAI,CAACC,aAAa,gBACnBpE,KAAA,CAAA0C,aAAA,CAAC5B,OAAO;MACRuD,YAAY,EAAE,IAAK;MACnBxB,MAAM,EAAE;QAACyB,IAAI,EAAE,CACb,IAAI,CAACzB,MAAM,CAAC0B,IAAI,EAChB,IAAI,CAAC1B,MAAM,CAAC2B,OAAO;MAAC,CAAE;MAACC,OAAO,EAAErE,WAAW,CAACgB,KAAK,CAAC+C,KAAK,CAAC,GAAG,OAAO,GAAG/C,KAAK,CAAC+C;IAAM,CAAC,CAAC,gBACrFnE,KAAA,CAAA0C,aAAA,CAACzC,IAAI,EAAA0C,QAAA;MAACC,KAAK,EAAE,CACX,IAAI,CAACC,MAAM,CAAC0B,IAAI,EAChB,IAAI,CAAC1B,MAAM,CAAC2B,OAAO;IAAE,GACjB,IAAI,CAAChB,qBAAqB,CAAC,cAAc,CAAC,GAC3CpD,WAAW,CAACgB,KAAK,CAAC+C,KAAK,CAAC,GAAG,OAAO,GAAG/C,KAAK,CAAC+C,KAC1C,CAAC,GAAK,IAAI,EACjB/C,KAAK,CAACsD,UAAU,GACd,IAAI,CAACN,aAAa,gBACnBpE,KAAA,CAAA0C,aAAA,CAAC5B,OAAO;MACNuD,YAAY,EAAE,IAAK;MACnBxB,MAAM,EAAE;QAACyB,IAAI,EAAE,IAAI,CAACzB,MAAM,CAAC6B;MAAU,CAAE;MACvCD,OAAO,EAAErD,KAAK,CAACsD;IAAW,CAAE,CAAC,gBAC9B1E,KAAA,CAAA0C,aAAA,CAACzC,IAAI,EAAA0C,QAAA;MACLC,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC6B;IAAW,GAC3B,IAAI,CAAClB,qBAAqB,CAAC,WAAW,CAAC,GACxCpC,KAAK,CAACsD,UACH,CAAC,GAAK,IACZ,CAAC,EACN,IAAI,CAACtC,kBAAkB,CAAChB,KAAK,CAACc,QAAS,CACxB,CAAC;EAErB;EAEAyC,UAAUA,CAACC,OAAwB,EAAE;IACnC,MAAM1C,QAAQ,GAAG,IAAI,CAACT,KAAK,CAACL,KAAK,CAACc,QAAQ;IAC1C,OAAOvB,gBAAgB,CAAC,CAAC,IAAI,IAAI,CAACkC,MAAM,CAACY,MAAM,CAACoB,OAAO,IAAI,MAAM,gBAC9D7E,KAAA,CAAA0C,aAAA,CAACxC,IAAI;MAAC0C,KAAK,EAAEV,QAAQ,GAAG,CAAC,CAAC,GAAG;QAAC4C,SAAS,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAQ;IAAE,GAC9DH,OACG,CAAC,gBACN5E,KAAA,CAAA0C,aAAA,CAAC9B,eAAe;MAACoE,KAAK,EAAE,CAAC9C;IAAS,GAChC0C,OACc,CAAE;EACvB;EAEUK,aAAaA,CAAA,EAA6B;IAClD,OAAO,IAAI,CAACb,aAAa,GAAG,IAAI,GAAG,IAAI,CAACc,WAAW;EACrD;EAEOC,cAAcA,CAAC/D,KAAmB,EAAmB;IACxD,IAAG,CAACA,KAAK,CAACgE,oBAAoB,EAAE;MAAA,IAAAC,WAAA;MAC9B,MAAMC,cAAgC,GAAG,EAAAD,WAAA,OAAI,CAACjE,KAAK,cAAAiE,WAAA,gBAAAA,WAAA,GAAVA,WAAA,CAAYxC,MAAM,cAAAwC,WAAA,uBAAlBA,WAAA,CAAoBE,QAAQ,KAAI;QAAEjB,IAAI,EAAE,CAAC,CAAC;QAAEC,IAAI,EAAE,CAAC;MAAG,CAAqB;MACpH,OAAO1D,cAAc,CAAC,IAAI,CAAC2E,KAAK,EAAEF,cAAc,EAAE;QAChD,GAAG,IAAI,CAACzC,MAAM,CAACyB;MACjB,CAAC,eAAGtE,KAAA,CAAA0C,aAAA,CAACxC,IAAI;QAAC0C,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACyB,IAAI,EAAE;UAAEmB,OAAO,EAAE;QAAE,CAAC;MAAE,GAC3C,IAAI,CAAClC,YAAY,CAAC,CAAC,EACnB,IAAI,CAACoB,UAAU,cACd3E,KAAA,CAAA0C,aAAA,CAAA1C,KAAA,CAAA0F,QAAA,QACC,IAAI,CAACnE,aAAa,CAACH,KAAK,CAAC,eAC1BpB,KAAA,CAAA0C,aAAA,CAACxC,IAAI,QAAEkB,KAAK,CAACU,QAAe,CAC1B,CACH,CACH,CAAE,CAAC;IACX;IACA,OAAO,IAAI;EACb;EAEF6D,YAAYA,CAACvE,KAAmB,EAAE;IAChC,MAAMyB,MAAM,GAAG,IAAI,CAACuB,aAAa,GAAG;MAClC,GAAG,IAAI,CAACvB,MAAM,CAACyB,IAAI;MACnB,GAAG,IAAI,CAACzB,MAAM,CAAC0C,QAAQ,CAACjB;IAC1B,CAAC,GAAG,IAAI,CAACzB,MAAM,CAACyB,IAAI;IACpB,oBACAtE,KAAA,CAAA0C,aAAA,CAACxC,IAAI;MACH0C,KAAK,EAAEC,MAAO;MACd+C,MAAM,EAAE,IAAI,CAAC1C,SAAS,CAAC,CAAE;MACzB2C,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACb,aAAa,CAAC,CAAC,EACpB,IAAI,CAAC1B,YAAY,CAAC,CAAC,EACnB,IAAI,CAACoB,UAAU,cACd3E,KAAA,CAAA0C,aAAA,CAAA1C,KAAA,CAAA0F,QAAA,QACC,IAAI,CAACnE,aAAa,CAACH,KAAK,CAAC,eAC1BpB,KAAA,CAAA0C,aAAA,CAACxC,IAAI,QAAEkB,KAAK,CAACU,QAAe,CAC1B,CACH,CACG,CAAC;EACT;AACF","ignoreList":[]}
+{"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","getExpandCollapseIconClass","isExpanded","expandedIconClass","collapsedIconClass","expandedIcon","collapsedIcon","expandCollapseIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","id","getTestId","name","toggleIcon","flexDirection","alignItems","renderHeader","getTestPropsForAction","header","onPress","accessibilityRole","iconurl","icon","iconheight","iconwidth","iconmargin","flex","justifyContent","title","_showSkeleton","showskeleton","root","text","heading","caption","subheading","renderPane","content","display","maxHeight","overflow","close","getBackground","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","theme","opacity","Fragment","children","renderWidget","testID","onLayout","event","handleLayout"],"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  private getExpandCollapseIconClass(isExpanded: boolean, expandedIconClass?: string, collapsedIconClass?: string): string {\n    const expandedIcon = expandedIconClass || 'wi wi-chevron-up';\n    const collapsedIcon = collapsedIconClass || 'wi wi-chevron-down';\n    return isExpanded ? expandedIcon : collapsedIcon;\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    \n    const expandedIconOverride = widgetProps.expandediconclass;\n    const collapsedIconOverride = widgetProps.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, expandedIconOverride, collapsedIconOverride);\n    \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          {props.title? \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> ) : null }\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 (\n    <View \n      style={styles} \n      testID={this.getTestId()} \n      onLayout={(event) => this.handleLayout(event)}\n    >\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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,eAAe,QAAQ,8BAA8B;AAE9D,SAASC,cAAc,QAAQ,wEAAwE;AACvG,OAAOC,OAAO,MAAM,kEAAkE;AAEtF,OAAO,MAAMC,YAAY,SAASR,kBAAkB,CAAe;EAAAS,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BAC/C,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,OAAO,SAASb,aAAa,CAA4C;EAC5FU,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAY,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAC,aAAaA,CAACH,KAAmB,EAAE;IACjC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAiB,CAAC;QACpB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAACJ,KAAK,EAAE,IAAI,CAACC,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;EACF;EAEAC,YAAYA,CAAA,EAAG;IACb,IAAI,CAAC,IAAI,CAACL,KAAK,CAACL,KAAK,CAACW,WAAW,EAAE;MACjC;IACF;IACA,MAAMC,SAAS,GAAG,IAAI,CAACP,KAAK,CAACL,KAAK,CAACa,QAAQ,GAAG,YAAY,GAAG,UAAU;IACvE,IAAI,CAACL,WAAW,CAAC;MACfR,KAAK,EAAE;QACLa,QAAQ,EAAE,CAAC,IAAI,CAACR,KAAK,CAACL,KAAK,CAACa;MAC9B;IACF,CAAiB,CAAC;IAElB,IAAI,CAACX,mBAAmB,CAACU,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACE,KAAK,CAAC,CAAC;EACzD;EAEQC,0BAA0BA,CAACC,UAAmB,EAAEC,iBAA0B,EAAEC,kBAA2B,EAAU;IACvH,MAAMC,YAAY,GAAGF,iBAAiB,IAAI,kBAAkB;IAC5D,MAAMG,aAAa,GAAGF,kBAAkB,IAAI,oBAAoB;IAChE,OAAOF,UAAU,GAAGG,YAAY,GAAGC,aAAa;EAClD;EAEAC,kBAAkBA,CAACL,UAAmB,EAAE;IACtC,MAAMM,WAAW,GAAG,IAAI,CAACjB,KAAK,CAACL,KAAK;IACpC;IACA,MAAMuB,KAAK,GAAGD,WAAW,CAACE,UAAU,IAAIC,SAAS,gBAAI7C,KAAA,CAAA8C,aAAA,CAACzC,KAAK,EAAA0C,QAAA;MAACC,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACN,KAAK,EAAE,IAAI,CAACM,MAAM,CAACP,WAAW,CAACQ,SAAS,IAAI,SAAS,CAAC;IAAE,GAAK,IAAI,CAACC,YAAY,CAAC,OAAO,CAAC,GAAGT,WAAW,CAACE,UAAkB,CAAC,GAAG,IAAI;IAEhN,MAAMQ,oBAAoB,GAAGV,WAAW,CAACW,iBAAiB;IAC1D,MAAMC,qBAAqB,GAAGZ,WAAW,CAACa,kBAAkB;IAC5D,MAAMC,SAAS,GAAG,IAAI,CAACrB,0BAA0B,CAACC,UAAU,EAAEgB,oBAAoB,EAAEE,qBAAqB,CAAC;IAE1G,MAAMb,kBAAkB,GAAGC,WAAW,CAACX,WAAW,gBAAI/B,KAAA,CAAA8C,aAAA,CAACtC,MAAM;MAACiD,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,cAAc,CAAE;MAACC,IAAI,EAAE,sBAAuB;MAACV,MAAM,EAAE,IAAI,CAACA,MAAM,CAACW,UAAW;MAACJ,SAAS,EAAEA;IAAU,CAAS,CAAC,GAAI,IAAI;IACvM,oBAAQxD,KAAA,CAAA8C,aAAA,CAAC5C,IAAI;MAAC8C,KAAK,EAAE;QAACa,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GAAEnB,KAAK,EAAEF,kBAAyB,CAAC;EACvG;EAEAsB,YAAYA,CAAA,EAAG;IACb,MAAM3C,KAAK,GAAG,IAAI,CAACK,KAAK,CAACL,KAAK;IAC9B,oBACEpB,KAAA,CAAA8C,aAAA,CAAC3C,gBAAgB,EAAA4C,QAAA,KACX,IAAI,CAACiB,qBAAqB,CAAC,QAAQ,CAAC;MACxChB,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACgB,MAAM,CAAE;MAC5BC,OAAO,EAAE,IAAI,CAACpC,YAAY,CAACD,IAAI,CAAC,IAAI,CAAE;MACtCsC,iBAAiB,EAAC;IAAQ,IAC3B/C,KAAK,CAACoC,SAAS,IAAIpC,KAAK,CAACgD,OAAO,gBAC/BpE,KAAA,CAAA8C,aAAA,CAACtC,MAAM;MAACyC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACoB,IAAK;MACjCZ,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3BC,IAAI,EAAEvC,KAAK,CAACuC,IAAI,GAAG,OAAQ;MAC3BH,SAAS,EAAEpC,KAAK,CAACoC,SAAU;MAC3Bc,UAAU,EAAElD,KAAK,CAACkD,UAAW;MAC7BC,SAAS,EAAEnD,KAAK,CAACmD,SAAU;MAC3BC,UAAU,EAAEpD,KAAK,CAACoD,UAAW;MAC7BJ,OAAO,EAAEhD,KAAK,CAACgD;IAAQ,CACtB,CAAC,GAAG,IAAI,eACTpE,KAAA,CAAA8C,aAAA,CAAC5C,IAAI;MAAC8C,KAAK,EAAE;QAACa,aAAa,EAAE,QAAQ;QAAEY,IAAI,EAAE,CAAC;QAAEC,cAAc,EAAE;MAAQ;IAAE,GACvEtD,KAAK,CAACuD,KAAK,GACT,IAAI,CAACC,aAAa,gBACnB5E,KAAA,CAAA8C,aAAA,CAAChC,OAAO;MACR+D,YAAY,EAAE,IAAK;MACnB5B,MAAM,EAAE;QAAC6B,IAAI,EAAE,CACb,IAAI,CAAC7B,MAAM,CAAC8B,IAAI,EAChB,IAAI,CAAC9B,MAAM,CAAC+B,OAAO;MAAC,CAAE;MAACC,OAAO,EAAE7E,WAAW,CAACgB,KAAK,CAACuD,KAAK,CAAC,GAAG,OAAO,GAAGvD,KAAK,CAACuD;IAAM,CAAC,CAAC,gBACrF3E,KAAA,CAAA8C,aAAA,CAAC7C,IAAI,EAAA8C,QAAA;MAACC,KAAK,EAAE,CACX,IAAI,CAACC,MAAM,CAAC8B,IAAI,EAChB,IAAI,CAAC9B,MAAM,CAAC+B,OAAO;IAAE,GACjB,IAAI,CAAChB,qBAAqB,CAAC,cAAc,CAAC,GAC3C5D,WAAW,CAACgB,KAAK,CAACuD,KAAK,CAAC,GAAG,OAAO,GAAGvD,KAAK,CAACuD,KAC1C,CAAC,GAAK,IAAI,EACjBvD,KAAK,CAAC8D,UAAU,GACd,IAAI,CAACN,aAAa,gBACnB5E,KAAA,CAAA8C,aAAA,CAAChC,OAAO;MACN+D,YAAY,EAAE,IAAK;MACnB5B,MAAM,EAAE;QAAC6B,IAAI,EAAE,IAAI,CAAC7B,MAAM,CAACiC;MAAU,CAAE;MACvCD,OAAO,EAAE7D,KAAK,CAAC8D;IAAW,CAAE,CAAC,gBAC9BlF,KAAA,CAAA8C,aAAA,CAAC7C,IAAI,EAAA8C,QAAA;MACHC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACiC;IAAW,GAC3B,IAAI,CAAClB,qBAAqB,CAAC,WAAW,CAAC,GACxC5C,KAAK,CAAC8D,UACH,CAAC,GAAK,IACZ,CAAC,EACN,IAAI,CAACzC,kBAAkB,CAACrB,KAAK,CAACa,QAAQ,CACvB,CAAC;EAEvB;EAEAkD,UAAUA,CAACC,OAAwB,EAAE;IACnC,MAAMnD,QAAQ,GAAG,IAAI,CAACR,KAAK,CAACL,KAAK,CAACa,QAAQ;IAC1C,OAAOtB,gBAAgB,CAAC,CAAC,IAAI,IAAI,CAACsC,MAAM,CAACgB,MAAM,CAACoB,OAAO,IAAI,MAAM,gBAC9DrF,KAAA,CAAA8C,aAAA,CAAC5C,IAAI;MAAC8C,KAAK,EAAEf,QAAQ,GAAG,CAAC,CAAC,GAAG;QAACqD,SAAS,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAQ;IAAE,GAC9DH,OACG,CAAC,gBACNpF,KAAA,CAAA8C,aAAA,CAAClC,eAAe;MAAC4E,KAAK,EAAE,CAACvD;IAAS,GAChCmD,OACc,CAAE;EACvB;EAEUK,aAAaA,CAAA,EAA6B;IAClD,OAAO,IAAI,CAACb,aAAa,GAAG,IAAI,GAAG,IAAI,CAACc,WAAW;EACrD;EAEOC,cAAcA,CAACvE,KAAmB,EAAmB;IACxD,IAAG,CAACA,KAAK,CAACwE,oBAAoB,EAAE;MAAA,IAAAC,WAAA;MAC9B,MAAMC,cAAgC,GAAG,EAAAD,WAAA,OAAI,CAACzE,KAAK,cAAAyE,WAAA,gBAAAA,WAAA,GAAVA,WAAA,CAAY5C,MAAM,cAAA4C,WAAA,uBAAlBA,WAAA,CAAoBE,QAAQ,KAAI;QAAEjB,IAAI,EAAE,CAAC,CAAC;QAAEC,IAAI,EAAE,CAAC;MAAG,CAAqB;MACpH,OAAOlE,cAAc,CAAC,IAAI,CAACmF,KAAK,EAAEF,cAAc,EAAE;QAChD,GAAG,IAAI,CAAC7C,MAAM,CAAC6B;MACjB,CAAC,eAAG9E,KAAA,CAAA8C,aAAA,CAAC5C,IAAI;QAAC8C,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAAC6B,IAAI,EAAE;UAAEmB,OAAO,EAAE;QAAE,CAAC;MAAE,GAC3C,IAAI,CAAClC,YAAY,CAAC,CAAC,EACnB,IAAI,CAACoB,UAAU,cACdnF,KAAA,CAAA8C,aAAA,CAAA9C,KAAA,CAAAkG,QAAA,QACC,IAAI,CAAC3E,aAAa,CAACH,KAAK,CAAC,eAC1BpB,KAAA,CAAA8C,aAAA,CAAC5C,IAAI,QAAEkB,KAAK,CAAC+E,QAAe,CAC1B,CACH,CACH,CAAE,CAAC;IACX;IACA,OAAO,IAAI;EACb;EAEFC,YAAYA,CAAChF,KAAmB,EAAE;IAChC,MAAM6B,MAAM,GAAG,IAAI,CAAC2B,aAAa,GAAG;MAClC,GAAG,IAAI,CAAC3B,MAAM,CAAC6B,IAAI;MACnB,GAAG,IAAI,CAAC7B,MAAM,CAAC8C,QAAQ,CAACjB;IAC1B,CAAC,GAAG,IAAI,CAAC7B,MAAM,CAAC6B,IAAI;IACpB,oBACA9E,KAAA,CAAA8C,aAAA,CAAC5C,IAAI;MACH8C,KAAK,EAAEC,MAAO;MACdoD,MAAM,EAAE,IAAI,CAAC3C,SAAS,CAAC,CAAE;MACzB4C,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACd,aAAa,CAAC,CAAC,EACpB,IAAI,CAAC1B,YAAY,CAAC,CAAC,EACnB,IAAI,CAACoB,UAAU,cACdnF,KAAA,CAAA8C,aAAA,CAAA9C,KAAA,CAAAkG,QAAA,QACC,IAAI,CAAC3E,aAAa,CAACH,KAAK,CAAC,eAC1BpB,KAAA,CAAA8C,aAAA,CAAC5C,IAAI,QAAEkB,KAAK,CAAC+E,QAAe,CAC1B,CACH,CACG,CAAC;EACT;AACF","ignoreList":[]}

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

@@ -5,23 +5,22 @@ import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
 export default class WmPanelProps extends BaseProps {
   constructor(...args) {
     super(...args);
-    _defineProperty(this, "animation", void 0);
+    _defineProperty(this, "animation", null);
     _defineProperty(this, "children", void 0);
-    _defineProperty(this, "collapsible", void 0);
-    _defineProperty(this, "iconclass", void 0);
+    _defineProperty(this, "collapsible", null);
+    _defineProperty(this, "iconclass", null);
     _defineProperty(this, "title", 'Title');
     _defineProperty(this, "renderPartial", void 0);
-    _defineProperty(this, "subheading", void 0);
-    _defineProperty(this, "badgevalue", void 0);
+    _defineProperty(this, "subheading", null);
+    _defineProperty(this, "badgevalue", null);
     _defineProperty(this, "badgetype", 'default');
     _defineProperty(this, "expanded", true);
-    _defineProperty(this, "iconurl", void 0);
-    _defineProperty(this, "iconheight", void 0);
-    _defineProperty(this, "iconwidth", void 0);
-    _defineProperty(this, "iconmargin", void 0);
-    _defineProperty(this, "onTap", void 0);
-    _defineProperty(this, "onDoubleTap", void 0);
-    _defineProperty(this, "onLongTap", void 0);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+    _defineProperty(this, "expandediconclass", null);
+    _defineProperty(this, "collapsediconclass", null);
   }
 }
 //# sourceMappingURL=panel.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmPanelProps","constructor","args","_defineProperty"],"sources":["panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmPanel from './panel.component';\n\nexport default class WmPanelProps extends BaseProps {\n  animation?: string;\n  children?: React.ReactNode;\n  collapsible?: boolean;\n  iconclass?: string;\n  title?: string = 'Title';\n  renderPartial?: Function;\n  subheading?: string;\n  badgevalue?: string;\n  badgetype?: string = 'default';\n  expanded?: boolean = true;\n  iconurl?: string;\n  iconheight?: number;\n  iconwidth?: number;\n  iconmargin?: number;\n  onTap?: ($event: any, instance: WmPanel) => any;\n  onDoubleTap?: ($event: any, instance: WmPanel) => any;\n  onLongTap?: ($event: any, instance: WmPanel) => any;\n}\n\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,gBAKjC,OAAO;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAIH,SAAS;IAAAA,eAAA,mBACT,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAQ3B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmPanelProps","constructor","args","_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  expandediconclass?: string = null as any;\n  collapsediconclass?: string = null as any;\n}\n\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;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;IAAAA,eAAA,4BACG,IAAI;IAAAA,eAAA,6BACH,IAAI;EAAA;AACpC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseComponent","BaseComponentState","BaseProps","PartialHostState","constructor","args","_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\";\nimport { WmSkeletonStyles } from \"../basic/skeleton/skeleton.styles\";\n\n\nexport type PartialHostStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\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?: React.ReactNode;\n  }\n  \n  \nexport abstract class PartialHost<T extends PartialHostProps, S extends  PartialHostState<T>, L extends PartialHostStyles>\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;AAOxH,OAAO,MAAeC,gBAAgB,SAA8BF,kBAAkB,CAAI;EAAAG,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACpE,KAAK;EAAA;AAC3B;AAEA,OAAO,MAAeC,gBAAgB,SAASL,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;EAAA;AAGvD;AAGF,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","ignoreList":[]}
+{"version":3,"names":["BaseComponent","BaseComponentState","BaseProps","PartialHostState","constructor","args","_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\";\nimport { WmSkeletonStyles } from \"../basic/skeleton/skeleton.styles\";\n\n\nexport type PartialHostStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\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  \n  \nexport abstract class PartialHost<T extends PartialHostProps, S extends  PartialHostState<T>, L extends PartialHostStyles>\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;AAOxH,OAAO,MAAeC,gBAAgB,SAA8BF,kBAAkB,CAAI;EAAAG,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACpE,KAAK;EAAA;AAC3B;AAEA,OAAO,MAAeC,gBAAgB,SAASL,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;EAAA;AAGvD;AAGF,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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","Animated","Easing","Text","View","ScrollView","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmIcon","AccessibilityWidgetType","getAccessibilityProps","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","forceUpdate","setHeaderPositon","index","headersLayout","selectedTabIndex","onTabSelection","state","onIndexChange","scrollPosition","totalWidth","toIndicatorPosition","_this$headersLayout$s","_this$headersLayout$s2","_this$headerPanelLayo","initialPosition","isRTL","baseWidth","elementWidth","width","positionX","setPosition","_this$headersLayout$s3","_this$headerPanelLayo2","_this$headerPanelLayo3","_this$listRef$current","toIndicatorWidth","toHeaderScrollPosition","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","listRef","current","scrollTo","x","y","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","disableTouchEffect","disabletoucheffect","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderHeaderContent","arrowIndicator","_background","accessibilityProps","TABS","selected","accessibilitylabel","hint","accessibilityrole","_extends","getTestPropsForAction","flexGrow","undefined","id","getTestId","mergeStyle","headerIcon","activeHeaderIcon","iconclass","icon","accessible","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot","renderWidget","overflow","zIndex","getTestProps","event","handleLayout","shouldScroll","ref","horizontal","contentContainerStyle","showsHorizontalScrollIndicator","scrollEnabled","Fragment"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View, ScrollView } 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\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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  private listRef: any = createRef();\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  scrollPosition(selectedTabIndex: number, totalWidth: number, toIndicatorPosition: number) {\n    const initialPosition = this.isRTL ? totalWidth : 0;\n    const baseWidth = this.isRTL ? totalWidth - toIndicatorPosition : toIndicatorPosition;\n    const elementWidth  = this.isRTL ? -1 * (this.headersLayout[selectedTabIndex]?.width/2) : this.headersLayout[selectedTabIndex]?.width/2\n    const positionX = selectedTabIndex === 0 ? initialPosition : \n      ((baseWidth + (elementWidth)) - (this.headerPanelLayout?.width || 0) / 2);\n\n    return positionX\n  }\n\n  setPosition() {\n    const selectedTabIndex = this.state.props.selectedTabIndex ? this.state.props.selectedTabIndex : 0\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\n    const positionX = this.scrollPosition(selectedTabIndex, totalWidth, toIndicatorPosition)\n\n    this.listRef.current?.scrollTo({\n      x: positionX,\n      y: 0,\n      Animated: true\n    });\n\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}} disableTouchEffect={this.state.props.disabletoucheffect}>\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  public renderHeaderContent(props: WmTabheaderProps){\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n    <View>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data!.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            const accessibilityProps = getAccessibilityProps(AccessibilityWidgetType.TABS, {\n              selected: isSelected,\n              accessibilitylabel: props.accessibilityProps[i].accessibilitylabel,\n              hint: props.accessibilityProps[i].hint,\n              accessibilityrole: props.accessibilityProps[i].accessibilityrole,\n            });\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key}\n                disableTouchEffect={this.state.props.disabletoucheffect}\n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null} accessibilityProps={accessibilityProps}>\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                      id={this.getTestId(i + 'icon')}\n                      styles={this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null)}\n                      iconclass={header.icon}\n                      accessible={false}></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            {\n            arrowIndicator.backgroundImage ? (\n              <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>\n            ) : null }\n            <View style={this.styles.arrowIndicatorDot}></View>\n          </Animated.View>\n        </Animated.View>\n        </View>)\n  }\n  \n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    return (\n      <View \n        style={{overflow: 'hidden', zIndex: 16}}\n        {...this.getTestProps('tabheader')}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n     {props.shouldScroll ?\n      <ScrollView\n        ref={this.listRef}\n        horizontal={true}\n        onLayout={this.setHeaderPanelPositon.bind(this)}\n        contentContainerStyle={{width: '100%'}}\n        showsHorizontalScrollIndicator={false}\n        scrollEnabled={props.shouldScroll}\n      >\n     {this.renderHeaderContent(props)}\n      </ScrollView> : <>\n      {this.renderHeaderContent(props)}\n      </>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createRef","Animated","Easing","Text","View","ScrollView","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmIcon","AccessibilityWidgetType","getAccessibilityProps","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","forceUpdate","setHeaderPositon","index","headersLayout","selectedTabIndex","onTabSelection","state","onIndexChange","scrollPosition","totalWidth","toIndicatorPosition","_this$headersLayout$s","_this$headersLayout$s2","_this$headerPanelLayo","initialPosition","isRTL","baseWidth","elementWidth","width","positionX","setPosition","_this$headersLayout$s3","_this$headerPanelLayo2","_this$headerPanelLayo3","_this$listRef$current","toIndicatorWidth","toHeaderScrollPosition","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","listRef","current","scrollTo","x","y","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","disableTouchEffect","disabletoucheffect","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderHeaderContent","arrowIndicator","_background","accessibilityProps","TABS","selected","accessibilitylabel","hint","accessibilityrole","_extends","getTestPropsForAction","flexGrow","undefined","id","getTestId","mergeStyle","headerIcon","activeHeaderIcon","iconclass","icon","accessible","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot","renderWidget","overflow","zIndex","getTestProps","event","handleLayout","shouldScroll","ref","horizontal","contentContainerStyle","showsHorizontalScrollIndicator","scrollEnabled","Fragment"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View, ScrollView } 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\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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  private listRef: any = createRef();\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  scrollPosition(selectedTabIndex: number, totalWidth: number, toIndicatorPosition: number) {\n    const initialPosition = this.isRTL ? totalWidth : 0;\n    const baseWidth = this.isRTL ? totalWidth - toIndicatorPosition : toIndicatorPosition;\n    const elementWidth  = this.isRTL ? -1 * (this.headersLayout[selectedTabIndex]?.width/2) : this.headersLayout[selectedTabIndex]?.width/2\n    const positionX = selectedTabIndex === 0 ? initialPosition : \n      ((baseWidth + (elementWidth)) - (this.headerPanelLayout?.width || 0) / 2);\n\n    return positionX\n  }\n\n  setPosition() {\n    const selectedTabIndex = this.state.props.selectedTabIndex ? this.state.props.selectedTabIndex : 0\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\n    const positionX = this.scrollPosition(selectedTabIndex, totalWidth, toIndicatorPosition)\n\n    this.listRef.current?.scrollTo({\n      x: positionX,\n      y: 0,\n      Animated: true\n    });\n\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}} disableTouchEffect={this.state.props.disabletoucheffect}>\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  public renderHeaderContent(props: WmTabheaderProps){\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n    <View>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            const accessibilityProps = getAccessibilityProps(AccessibilityWidgetType.TABS, {\n              selected: isSelected,\n              accessibilitylabel: props.accessibilityProps[i].accessibilitylabel,\n              hint: props.accessibilityProps[i].hint,\n              accessibilityrole: props.accessibilityProps[i].accessibilityrole,\n            });\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key}\n                disableTouchEffect={this.state.props.disabletoucheffect}\n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null} accessibilityProps={accessibilityProps}>\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                      id={this.getTestId(i + 'icon')}\n                      styles={this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null)}\n                      iconclass={header.icon}\n                      accessible={false}></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            {\n            arrowIndicator.backgroundImage ? (\n              <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>\n            ) : null }\n            <View style={this.styles.arrowIndicatorDot}></View>\n          </Animated.View>\n        </Animated.View>\n        </View>)\n  }\n  \n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    return (\n      <View \n        style={{overflow: 'hidden', zIndex: 16}}\n        {...this.getTestProps('tabheader')}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n     {props.shouldScroll ?\n      <ScrollView\n        ref={this.listRef}\n        horizontal={true}\n        onLayout={this.setHeaderPanelPositon.bind(this)}\n        contentContainerStyle={{width: '100%'}}\n        showsHorizontalScrollIndicator={false}\n        scrollEnabled={props.shouldScroll}\n      >\n     {this.renderHeaderContent(props)}\n      </ScrollView> : <>\n      {this.renderHeaderContent(props)}\n      </>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,13 +7,10 @@ export default class WmTabheaderProps extends BaseProps {
     super(...args);
     _defineProperty(this, "data", []);
     _defineProperty(this, "selectedTabIndex", 0);
-    _defineProperty(this, "onIndexChange", void 0);
+    _defineProperty(this, "onIndexChange", null);
     _defineProperty(this, "shouldScroll", void 0);
     _defineProperty(this, "disabletoucheffect", false);
     _defineProperty(this, "accessibilityProps", void 0);
-    _defineProperty(this, "onTap", void 0);
-    _defineProperty(this, "onDoubleTap", void 0);
-    _defineProperty(this, "onLongTap", void 0);
   }
 }
 //# sourceMappingURL=tabheader.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmTabheaderProps","constructor","args","_defineProperty"],"sources":["tabheader.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmTabheader from './tabheader.component';\n\nexport default class WmTabheaderProps extends BaseProps {\n  data?: {icon: string, key: string, title: string}[] = [];\n  selectedTabIndex?: number = 0;\n  onIndexChange?: (index: number) => any;\n  shouldScroll?: boolean;\n  disabletoucheffect?: boolean = false;\n  accessibilityProps?: any;\n  onTap?: ($event: any, instance: WmTabheader) => any;\n  onDoubleTap?: ($event: any, instance: WmTabheader) => any;\n  onLongTap?: ($event: any, instance: WmTabheader) => any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,eACA,EAAE;IAAAA,eAAA,2BAC5B,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,6BAGE,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAKtC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmTabheaderProps","constructor","args","_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  shouldScroll?: boolean;\n  disabletoucheffect?: boolean = false;\n  accessibilityProps?: any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,eACD,EAAE;IAAAA,eAAA,2BACnC,CAAC;IAAAA,eAAA,wBACoB,IAAI;IAAAA,eAAA;IAAAA,eAAA,6BAEd,KAAK;IAAAA,eAAA;EAAA;AAEtC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","constructor","args","_defineProperty","WmTabpane","props","subscribe","event","state","isActive","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","updateState","bind","children","showView","isVisible","componentDidMount","tabs","parent","addTabPane","proxy","componentWillUnmount","removeTabPane","_onSelect","_onDeselect","select","selectTabPane","renderWidget","createElement","style","styles","root","onScroll","notify","onLayout","handleLayout","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler'\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabpaneProps from './tabpane.props';\nimport { DEFAULT_CLASS, WmTabpaneStyles } from './tabpane.styles';\nimport WmTabs from '../tabs.component';\n\nexport class WmTabpaneState extends BaseComponentState<WmTabpaneProps> {\n  isPartialLoaded = false;\n  isActive = false;\n}\n\nexport default class WmTabpane extends BaseComponent<WmTabpaneProps, WmTabpaneState, WmTabpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmTabpaneProps) {\n    super(props, DEFAULT_CLASS, new WmTabpaneProps(), new WmTabpaneState());\n    this.subscribe('scroll', (event: any) => {\n      return this.state.isActive;\n    });\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmTabpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n          isPartialLoaded: true\n        } as WmTabpaneState);\n      });\n    }\n    return props.renderPartial!(props, this.onPartialLoad.bind(this));\n  }\n  return props.children;\n  }\n\n  showView(): boolean {\n    return this.isVisible() && this.state.isActive;\n  }\n\n  componentDidMount() {\n    const tabs = (this.parent) as WmTabs;\n    // When skeleton is enabled in the tabs component, the parent would be WMSkeleton which doesnot have addTabPane function\n    if(tabs.addTabPane) {\n      tabs.addTabPane(this.proxy as WmTabpane);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const tabs = (this.parent) as WmTabs;\n    if(tabs.removeTabPane) {\n      tabs.removeTabPane(this)\n    }\n  }\n\n  _onSelect() {\n    this.updateState({\n      isActive: true\n    } as WmTabpaneState);\n    this.invokeEventCallback('onSelect', [null, this.proxy]);\n  }\n  _onDeselect() {\n    this.updateState({\n      isActive: false\n    } as WmTabpaneState);\n    this.invokeEventCallback('onDeselect', [null, this.proxy]);\n  }\n\n  select() {\n    (this.parent as WmTabs).selectTabPane(this);\n  }\n\n  renderWidget(props: WmTabpaneProps) {\n    return (\n    <ScrollView \n      style={this.styles.root} \n      onScroll={(event) => {this.notify('scroll', [event])}}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n        {this.renderContent(props)}\n      </ScrollView>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","constructor","args","_defineProperty","WmTabpane","props","subscribe","event","state","isActive","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","updateState","bind","children","showView","isVisible","componentDidMount","tabs","parent","addTabPane","proxy","componentWillUnmount","removeTabPane","_onSelect","_onDeselect","select","selectTabPane","renderWidget","createElement","style","styles","root","onScroll","notify","onLayout","handleLayout","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler'\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabpaneProps from './tabpane.props';\nimport { DEFAULT_CLASS, WmTabpaneStyles } from './tabpane.styles';\nimport WmTabs from '../tabs.component';\n\nexport class WmTabpaneState extends BaseComponentState<WmTabpaneProps> {\n  isPartialLoaded = false;\n  isActive = false;\n}\n\nexport default class WmTabpane extends BaseComponent<WmTabpaneProps, WmTabpaneState, WmTabpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmTabpaneProps) {\n    super(props, DEFAULT_CLASS, new WmTabpaneProps(), new WmTabpaneState());\n    this.subscribe('scroll', (event: any) => {\n      return this.state.isActive;\n    });\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmTabpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmTabpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  showView(): boolean {\n    return this.isVisible() && this.state.isActive;\n  }\n\n  componentDidMount() {\n    const tabs = (this.parent) as WmTabs;\n    // When skeleton is enabled in the tabs component, the parent would be WMSkeleton which doesnot have addTabPane function\n    if(tabs.addTabPane) {\n      tabs.addTabPane(this.proxy as WmTabpane);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const tabs = (this.parent) as WmTabs;\n    if(tabs.removeTabPane) {\n      tabs.removeTabPane(this)\n    }\n  }\n\n  _onSelect() {\n    this.updateState({\n      isActive: true\n    } as WmTabpaneState);\n    this.invokeEventCallback('onSelect', [null, this.proxy]);\n  }\n  _onDeselect() {\n    this.updateState({\n      isActive: false\n    } as WmTabpaneState);\n    this.invokeEventCallback('onDeselect', [null, this.proxy]);\n  }\n\n  select() {\n    (this.parent as WmTabs).selectTabPane(this);\n  }\n\n  renderWidget(props: WmTabpaneProps) {\n    return (\n    <ScrollView \n      style={this.styles.root} \n      onScroll={(event) => {this.notify('scroll', [event])}}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n        {this.renderContent(props)}\n      </ScrollView>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/tabs/tabpane/tabpane.props.js

@@ -6,17 +6,14 @@ export default class WmTabpaneProps extends BaseProps {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "children", void 0);
-    _defineProperty(this, "paneicon", void 0);
+    _defineProperty(this, "paneicon", null);
     _defineProperty(this, "title", 'Tab Title');
     _defineProperty(this, "renderPartial", void 0);
     _defineProperty(this, "isPartialLoaded", false);
     _defineProperty(this, "invokeVariables", true);
-    _defineProperty(this, "accessibilitylabel", void 0);
-    _defineProperty(this, "hint", void 0);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
     _defineProperty(this, "accessibilityrole", void 0);
-    _defineProperty(this, "onTap", void 0);
-    _defineProperty(this, "onDoubleTap", void 0);
-    _defineProperty(this, "onLongTap", void 0);
   }
 }
 //# sourceMappingURL=tabpane.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmTabpaneProps","constructor","args","_defineProperty"],"sources":["tabpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nimport WmTabpane from './tabpane.component';\n\nexport default class WmTabpaneProps extends BaseProps {\n  children?: React.ReactNode;\n  paneicon?: string;\n  title?: string = 'Tab Title';\n  renderPartial?: Function;\n  isPartialLoaded?: boolean = false;\n  invokeVariables?: boolean = true;\n  accessibilitylabel?: string;\n  hint?: string;\n  accessibilityrole?: AccessibilityRole;\n  onTap?: ($event: any, instance: WmTabpane) => any;\n  onDoubleTap?: ($event: any, instance: WmTabpane) => any;\n  onLongTap?: ($event: any, instance: WmTabpane) => any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,gBAGnC,WAAW;IAAAA,eAAA;IAAAA,eAAA,0BAEA,KAAK;IAAAA,eAAA,0BACL,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAOlC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmTabpaneProps","constructor","args","_defineProperty","undefined"],"sources":["tabpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmTabpaneProps extends BaseProps {\n  children?: any;\n  paneicon?: string = null as any;\n  title: string = 'Tab Title';\n  renderPartial?: Function;\n  isPartialLoaded? = false;\n  invokeVariables = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,mBAEhC,IAAI;IAAAA,eAAA,gBACR,WAAW;IAAAA,eAAA;IAAAA,eAAA,0BAER,KAAK;IAAAA,eAAA,0BACN,IAAI;IAAAA,eAAA,6BACQC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B","ignoreList":[]}

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

@@ -102,6 +102,10 @@ export default class WmTabs extends BaseComponent {
     if (index < 0 || index >= this.tabPanes.length) {
       return;
     }
+    if (this.useScrollableTabContent(this.state.props)) {
+      this.onChange(index);
+      return;
+    }
     const position = -1 * index * (((_this$tabLayout2 = this.tabLayout) === null || _this$tabLayout2 === void 0 ? void 0 : _this$tabLayout2.width) || 0);
     if (this.animationView) {
       this.animationView.setPosition(position).then(() => this.onChange(index));
@@ -215,6 +219,59 @@ export default class WmTabs extends BaseComponent {
   getBackground() {
     return this._showSkeleton ? null : this._background;
   }
+  useScrollableTabContent(props) {
+    return props.enablegestures === false && props.pagecontentscrollable === false;
+  }
+  renderScrollableTabContent(tabPanes) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: '100%',
+        flex: 1
+      }
+    }, tabPanes.map((p, i) => /*#__PURE__*/React.createElement(View, {
+      key: `tab-scrollable-${i}`,
+      style: {
+        width: '100%',
+        flex: i === this.state.selectedTabIndex ? 1 : undefined
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: '100%',
+        flex: 1
+      },
+      onLayout: this.setTabPaneHeights.bind(this, i)
+    }, p))));
+  }
+  renderSwipeTabContent(props, tabPanes) {
+    return /*#__PURE__*/React.createElement(SwipeAnimation.View, {
+      enableGestures: props.enablegestures,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'nowrap',
+        alignItems: 'flex-start'
+      },
+      direction: "horizontal",
+      ref: r => {
+        this.animationView = r;
+      },
+      handlers: this.animationHandlers
+    }, tabPanes.map((p, i) => {
+      return /*#__PURE__*/React.createElement(View, {
+        key: `tab-${i}`,
+        style: {
+          width: '100%',
+          height: this.styles.root.height ? undefined : 1000000,
+          alignSelf: 'flex-start'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: '100%',
+          alignSelf: 'flex-start'
+        },
+        onLayout: this.setTabPaneHeights.bind(this, i)
+      }, p));
+    }));
+  }
   renderWidget(props) {
     var _this$state$props$cla, _this$state$props$cla2;
     const tabPanes = React.Children.toArray(props.children).filter((item, index) => item.props.show != false);
@@ -232,6 +289,9 @@ export default class WmTabs extends BaseComponent {
       ...this.styles.root,
       ...this.styles.skeleton.root
     } : this.styles.root;
+    const maxHeightStyles = this.useScrollableTabContent(props) ? {} : {
+      maxHeight: this.tabPaneHeights[this.state.selectedTabIndex]
+    };
     return /*#__PURE__*/React.createElement(View, {
       style: styles,
       onLayout: event => this.handleLayout(event)
@@ -260,36 +320,9 @@ export default class WmTabs extends BaseComponent {
         overflow: 'scroll'
       } : (_this$state$props$cla2 = this.state.props.classname) !== null && _this$state$props$cla2 !== void 0 && _this$state$props$cla2.includes('divider') ? this.styles.tabheaderdivider : {
         overflow: 'hidden',
-        maxHeight: this.tabPaneHeights[this.state.selectedTabIndex]
+        ...maxHeightStyles
       }, this.styles.tabContent]
-    }, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
-      enableGestures: props.enablegestures,
-      style: {
-        flexDirection: 'row',
-        flexWrap: 'nowrap',
-        alignItems: 'flex-start'
-      },
-      direction: "horizontal",
-      ref: r => {
-        this.animationView = r;
-      },
-      handlers: this.animationHandlers
-    }, tabPanes.map((p, i) => {
-      return /*#__PURE__*/React.createElement(View, {
-        key: `tab-${i}`,
-        style: {
-          width: '100%',
-          height: this.styles.root.height ? undefined : 1000000,
-          alignSelf: 'flex-start'
-        }
-      }, /*#__PURE__*/React.createElement(View, {
-        style: {
-          width: '100%',
-          alignSelf: 'flex-start'
-        },
-        onLayout: this.setTabPaneHeights.bind(this, i)
-      }, p));
-    }))));
+    }, this.useScrollableTabContent(props) ? this.renderScrollableTabContent(tabPanes) : this.renderSwipeTabContent(props, tabPanes)));
   }
 }
 //# sourceMappingURL=tabs.component.js.map