@wavemaker-ai/app-rn-runtime 1.0.0-rc.324 → 1.0.0-rc.328

package/components/chart/pie-chart/pie-chart.component.js

@@ -3,25 +3,20 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
-import { View, Text, Platform } from 'react-native';
-import { Svg } from 'react-native-svg';
+import { View, Text } from 'react-native';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
-import { VictoryLabel, VictoryPie } from 'victory-native';
+import { PieChart } from '@wavemaker/react-native-echarts';
 import WmPieChartProps from './pie-chart.props';
 import { DEFAULT_CLASS } from './pie-chart.styles';
-import { formatCompactNumber } from '@wavemaker-ai/app-rn-runtime/core/utils';
 import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
 import { BaseChartComponent, BaseChartComponentState } from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.component';
 import WmDonutChartProps from '@wavemaker-ai/app-rn-runtime/components/chart/donut-chart/donut-chart.props';
-import { Legend } from '../legend/legend.component';
 export class WmPieChartState extends BaseChartComponentState {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "chartWidth", 0);
     _defineProperty(this, "totalHeight", 0);
     _defineProperty(this, "infoHeight", 10);
-    _defineProperty(this, "legendWidth", 0);
-    _defineProperty(this, "legendHeight", 0);
     _defineProperty(this, "opacity", 0);
   }
 }
@@ -44,103 +39,61 @@ export default class WmPieChart extends BaseChartComponent {
         opacity: 1
       });
     });
-    _defineProperty(this, "onLegendViewLayoutChange", e => {
-      var _e$nativeEvent3, _e$nativeEvent4;
-      this.updateState({
-        legendWidth: (_e$nativeEvent3 = e.nativeEvent) === null || _e$nativeEvent3 === void 0 ? void 0 : _e$nativeEvent3.layout.width,
-        legendHeight: (_e$nativeEvent4 = e.nativeEvent) === null || _e$nativeEvent4 === void 0 ? void 0 : _e$nativeEvent4.layout.height
-      });
-    });
-  }
-  componentDidMount() {
-    super.componentDidMount();
-  }
-  getLabel(d, props) {
-    switch (props.labeltype) {
-      case 'percent':
-        {
-          return Math.round(d.y * 100 / this.state.total) + '%';
-        }
-      case 'key':
-        {
-          return this.state.xaxisDatakeyArr[d.x];
-        }
-      case 'value':
-        {
-          return formatCompactNumber(d.y);
+    _defineProperty(this, "onSelect", event => {
+      if (!this.state.props.dataset) return;
+      const {
+        dataIndex,
+        name,
+        value,
+        seriesIndex
+      } = event;
+      const selectedItem = this.props.dataset[dataIndex];
+      const selectedChartItem = {
+        data: {
+          x: name,
+          y: value,
+          _dataObj: selectedItem
         }
-      case 'key-value':
-        {
-          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;
-        }
-    }
-  }
-  onSelect(event, data) {
-    if (!this.viewRef.current) return;
-    if (!this.state.props.dataset) return;
-    this.viewRef.current.measureInWindow((chartX, chartY) => {
-      let value = data.slice.value;
-      let label = this.state.xaxisDatakeyArr[data.datum.x];
-      let selectedItem = this.props.dataset[data.index];
-      let selectedChartItem = data.slice;
-      selectedChartItem["data"] = {
-        x: label,
-        y: value,
-        color: data.style.fill,
-        _dataObj: selectedItem
       };
-      const nativeEvent = event.nativeEvent;
-      let tooltipX = nativeEvent.pageX - chartX;
-      let tooltipY = nativeEvent.pageY - chartY;
       this.updateState({
-        tooltipXaxis: label,
-        tooltipYaxis: value,
-        isTooltipOpen: true,
         selectedItem: {
           ...selectedItem,
-          index: data.index
-        },
-        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
-        tooltipYPosition: tooltipY - this.state.tooltipoffsety
+          index: dataIndex
+        }
       });
-      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+      this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);
     });
   }
+  componentDidMount() {
+    super.componentDidMount();
+  }
   renderWidget(props) {
-    var _this$state$labelColo;
+    var _props$tooltip;
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
     if (!this.state.data.length) {
       return null;
     }
     const pieData = this.state.data[0];
-    const chartWidth = this.state.chartWidth - (props.showlegend === 'right' ? this.state.legendWidth : 0);
-    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) - this.state.infoHeight - (props.showlegend === 'right' ? 0 : this.state.legendHeight);
-    let radius = (Math.min(chartWidth, chartHeight) - 40) / 2;
-    let innerRadius = props.donutratio * radius;
-    let styleProp = {};
-    let labelRadius;
-    if (props.showlabels === 'hide') {
-      styleProp = {
-        labels: {
-          display: "none"
-        }
-      };
-    } else if (props.showlabels === 'inside') {
-      labelRadius = radius / 2;
-    } else {
-      labelRadius = radius + 8;
-    }
-    const origin = {
-      x: chartWidth / 2,
-      y: chartHeight / 2
-    };
-    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';
-    let legendData = pieData.map((d, index) => {
-      return {
-        name: this.state.xaxisDatakeyArr[d.x],
+
+    // Build PieDataItem[] with per-slice colors embedded so RTL reversal keeps color-to-slice binding correct
+    const chartData = pieData.map((d, index) => ({
+      name: this.state.xaxisDatakeyArr[d.x],
+      value: d.y,
+      itemStyle: {
         color: this.state.colors[index % this.state.colors.length]
-      };
-    });
+      }
+    }));
+    const orderedData = this.isRTL ? [...chartData].reverse() : chartData;
+
+    // Donut: [inner%, outer%] tuple; Pie: single percentage string
+    const radius = props.donutratio > 0 ? [`${Math.round(props.donutratio * 75)}%`, '75%'] : '75%';
+    const showLabel = props.showlabels !== 'hide';
+    const labelPosition = props.showlabels === 'inside' ? 'inside' : 'outside';
+    const labelFormat = props.labeltype === 'percent' ? 'percentage' : props.labeltype;
+    const showLegend = props.showlegend !== 'hide';
+    const legendPosition = ['top', 'bottom', 'left', 'right'].includes(props.showlegend) ? props.showlegend : 'bottom';
+    const chartWidth = this.state.chartWidth;
+    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) - this.state.infoHeight;
     return /*#__PURE__*/React.createElement(View, _extends({
       style: [{
         opacity: this.state.opacity
@@ -163,89 +116,40 @@ export default class WmPieChart extends BaseChartComponent {
       style: this.styles.title
     }, props.title) : null) : null, props.subheading ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.subHeading
-    }, props.subheading) : null), props.showlegend === 'top' ? /*#__PURE__*/React.createElement(View, {
-      onLayout: this.onLegendViewLayoutChange
-    }, /*#__PURE__*/React.createElement(Legend, {
-      data: legendData,
-      testStyle: this.styles.legendText,
-      dotStyle: this.styles.legenedDot
-    })) : null, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        alignItems: 'center'
-      }
-    }, this.getTooltip(), /*#__PURE__*/React.createElement(View, {
+    }, props.subheading) : null), /*#__PURE__*/React.createElement(View, {
       style: {
-        flex: 1
+        position: 'relative'
       },
       ref: this.viewRef
-    }, chartWidth ? /*#__PURE__*/React.createElement(Svg, {
+    }, chartWidth ? /*#__PURE__*/React.createElement(PieChart, {
+      data: orderedData,
       width: chartWidth,
-      height: chartHeight
-    }, /*#__PURE__*/React.createElement(VictoryPie, {
-      style: {
-        ...styleProp,
-        ...((_this$state$labelColo = this.state.labelColors) !== null && _this$state$labelColo !== void 0 && _this$state$labelColo.length ? {
-          labels: {
-            fill: ({
-              index
-            }) => {
-              const labelColorScale = this.isRTL ? [...this.state.labelColors].slice(0, pieData.length).reverse() : this.state.labelColors;
-              return labelColorScale[index % labelColorScale.length];
-            }
-          }
-        } : {})
-      },
-      standalone: false,
-      colorScale: this.isRTL ? [...this.state.colors].slice(0, pieData.length).reverse() : this.state.colors,
-      labels: ({
-        datum
-      }) => this.getLabel(datum, props),
-      endAngle: this.state.endAngle || 0,
+      height: chartHeight,
       radius: radius,
-      innerRadius: innerRadius,
-      theme: this.state.theme,
-      key: props.name,
-      name: props.name,
-      data: this.isRTL ? pieData.toReversed() : pieData,
-      origin: origin,
-      labelPlacement: props.labelplacement,
-      labelRadius: labelRadius,
-      events: [{
-        target: 'data',
-        eventHandlers: Platform.OS == "web" ? {
-          onClick: this.onSelect.bind(this)
-        } : {
-          onPress: this.onSelect.bind(this)
-        }
-      }]
-    }), /*#__PURE__*/React.createElement(VictoryLabel, {
-      textAnchor: "middle",
-      style: {
-        ...this.styles.centerLabel,
-        fill: this.styles.centerLabel.color
-      },
-      x: origin.x,
-      y: origin.y,
-      text: props.centerlabel
-    })) : null), props.showlegend === 'right' ? /*#__PURE__*/React.createElement(View, {
+      theme: this.getChartTheme(),
+      showLabel: showLabel,
+      labelPosition: labelPosition,
+      showLabelLine: props.showLabelLine,
+      showLegend: showLegend,
+      legendPosition: legendPosition,
+      renderTooltip: this.getRenderTooltip(),
+      tooltip: props.tooltips ? this.hasCustomTooltip ? 'none' : (_props$tooltip = props.tooltip) !== null && _props$tooltip !== void 0 ? _props$tooltip : 'card' : 'none',
+      showHighlighter: props.showhighlighter,
+      onSelect: this.onSelect
+    }) : null, props.centerlabel ? /*#__PURE__*/React.createElement(View, {
+      pointerEvents: "none",
       style: {
-        maxWidth: '50%'
-      },
-      onLayout: this.onLegendViewLayoutChange
-    }, /*#__PURE__*/React.createElement(Legend, {
-      data: legendData,
-      testStyle: this.styles.legendText,
-      dotStyle: this.styles.legenedDot,
-      orientation: "vertical"
-    })) : null), props.showlegend === 'bottom' ? /*#__PURE__*/React.createElement(View, {
-      onLayout: this.onLegendViewLayoutChange
-    }, /*#__PURE__*/React.createElement(Legend, {
-      data: legendData,
-      testStyle: this.styles.legendText,
-      dotStyle: this.styles.legenedDot
-    })) : null);
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.centerLabel
+    }, props.centerlabel)) : null));
   }
 }
 //# sourceMappingURL=pie-chart.component.js.map

package/components/chart/pie-chart/pie-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","Svg","AccessibilityWidgetType","getAccessibilityProps","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","args","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","_e$nativeEvent3","_e$nativeEvent4","legendWidth","legendHeight","componentDidMount","getLabel","d","labeltype","Math","round","y","state","total","xaxisDatakeyArr","x","onSelect","event","data","viewRef","current","dataset","measureInWindow","chartX","chartY","value","slice","label","datum","selectedItem","index","selectedChartItem","color","style","fill","_dataObj","tooltipX","pageX","tooltipY","pageY","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$labelColo","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","createElement","_extends","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","getTooltip","flex","ref","labelColors","labelColorScale","isRTL","reverse","standalone","colorScale","endAngle","theme","toReversed","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","centerLabel","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport { VictoryLabel, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber, isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker-ai/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n\n    this.handleLayout(e)\n\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    if (!this.state.props.dataset) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.slice.value;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = data.slice;\n    selectedChartItem[\"data\"] = {x: label, y: value, color: data.style.fill, _dataObj: selectedItem}\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index },\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx,\n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as any);\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n    });\n  }\n\n  renderWidget(props: WmPieChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    const pieData = this.state.data[0];\n    const chartWidth = this.state.chartWidth\n      - (props.showlegend === 'right' ? this.state.legendWidth : 0);\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth)\n      - this.state.infoHeight\n      - (props.showlegend === 'right' ? 0 : this.state.legendHeight);\n    let radius = (Math.min(chartWidth, chartHeight) - 40)/ 2;\n    let innerRadius = props.donutratio * radius;\n    let styleProp = {};\n    let labelRadius;\n    if (props.showlabels === 'hide') {\n      styleProp={labels: { display: \"none\" }};\n    } else if (props.showlabels === 'inside') {\n      labelRadius = radius/2;\n    } else {\n      labelRadius = radius + 8;\n    }\n    const origin = {x: (chartWidth/2), y: (chartHeight/2)};\n    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';\n    let legendData = pieData.map((d: {x: any, y: any}, index: number) => {\n      return {\n        name: this.state.xaxisDatakeyArr[d.x],\n        color: this.state.colors[index % (this.state.colors.length)]\n      };\n    });\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        onLayout={this.onViewLayoutChange}\n        key={`${props.title}_pie_chart`}\n        >\n        <View onLayout={this.onInfoViewLayoutChange}>\n          { (props.title || props.iconclass) ? (\n          <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n          </View>\n          ) : null }\n          { props.subheading? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n        {props.showlegend === 'top' ?\n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n        {this.getTooltip()}\n          <View style={{flex: 1}} ref={this.viewRef}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={{\n                  ...styleProp,\n                  ...(this.state.labelColors?.length ? {\n                    labels: {\n                      fill: ({ index }: any) => {\n                        const labelColorScale = this.isRTL\n                          ? [...this.state.labelColors].slice(0, pieData.length).reverse()\n                          : this.state.labelColors;\n                        return labelColorScale[index % labelColorScale.length];\n                      }\n                    }\n                  } : {})\n                }}\n                standalone={false}\n                colorScale={this.isRTL ? [...this.state.colors].slice(0, pieData.length).reverse() : this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={this.isRTL?pieData.toReversed():pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\n                events={[{\n                  target: 'data',\n                  eventHandlers: Platform.OS == \"web\" ? {\n                    onClick: this.onSelect.bind(this)\n                  }:{\n                    onPress: this.onSelect.bind(this)\n                  }\n                }]}\n              />\n              <VictoryLabel\n                textAnchor=\"middle\"\n                style={{ ...this.styles.centerLabel, fill: this.styles.centerLabel.color }}\n                x={origin.x} y={origin.y}\n                text={props.centerlabel}\n              />\n            </Svg>) : null}\n          </View>\n          {props.showlegend === 'right' ?\n            (<View style={{maxWidth: '50%'}} onLayout={this.onLegendViewLayoutChange}>\n              <Legend data={legendData}\n                testStyle={this.styles.legendText}\n                dotStyle={this.styles.legenedDot}\n                orientation='vertical'></Legend>\n            </View>) : null }\n        </View>\n        {props.showlegend === 'bottom' ?\n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","AccessibilityWidgetType","getAccessibilityProps","PieChart","WmPieChartProps","DEFAULT_CLASS","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","WmPieChartState","constructor","args","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","event","state","dataset","dataIndex","name","value","seriesIndex","selectedItem","selectedChartItem","data","x","y","_dataObj","index","invokeEventCallback","proxy","componentDidMount","renderWidget","_props$tooltip","length","pieData","chartData","map","d","xaxisDatakeyArr","itemStyle","color","colors","orderedData","isRTL","reverse","radius","donutratio","Math","round","showLabel","showlabels","labelPosition","labelFormat","labeltype","showLegend","showlegend","legendPosition","includes","chartHeight","styles","root","createElement","_extends","style","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","position","ref","viewRef","theme","getChartTheme","showLabelLine","renderTooltip","getRenderTooltip","tooltip","tooltips","hasCustomTooltip","showHighlighter","showhighlighter","onSelect","centerlabel","pointerEvents","top","left","right","bottom","justifyContent","centerLabel"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport { PieChart, PieDataItem, PieChartSelectEvent } from '@wavemaker/react-native-echarts';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker-ai/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n\n    this.handleLayout(e)\n\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n  \n  onSelect = (event: PieChartSelectEvent): void => {\n    if (!this.state.props.dataset) return;\n    const { dataIndex, name, value, seriesIndex } = event;  \n    const selectedItem = this.props.dataset[dataIndex];\n    const selectedChartItem = {\n      data: { x: name, y: value, _dataObj: selectedItem }\n    };\n    this.updateState({\n      selectedItem: { ...selectedItem, index: dataIndex },\n    } as any);\n    this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n  }\n  renderWidget(props: WmPieChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    const pieData = this.state.data[0];\n\n    // Build PieDataItem[] with per-slice colors embedded so RTL reversal keeps color-to-slice binding correct\n    const chartData: PieDataItem[] = pieData.map((d: {x: any, y: any}, index: number) => ({\n      name: this.state.xaxisDatakeyArr[d.x],\n      value: d.y,\n      itemStyle: { color: this.state.colors[index % this.state.colors.length] }\n    }));\n    const orderedData = this.isRTL ? [...chartData].reverse() : chartData;\n\n    // Donut: [inner%, outer%] tuple; Pie: single percentage string\n    const radius: string | (string | number)[] = props.donutratio > 0\n      ? [`${Math.round(props.donutratio * 75)}%`, '75%']\n      : '75%';\n\n    const showLabel = props.showlabels !== 'hide';\n    const labelPosition: 'outside' | 'inside' | 'center' =\n      props.showlabels === 'inside' ? 'inside' : 'outside';\n\n    const labelFormat = props.labeltype === 'percent' ? 'percentage' : props.labeltype;\n\n    const showLegend = props.showlegend !== 'hide';\n    const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n      ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n\n    const chartWidth = this.state.chartWidth;\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth)\n      - this.state.infoHeight;\n\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        onLayout={this.onViewLayoutChange}\n        key={`${props.title}_pie_chart`}\n      >\n        <View onLayout={this.onInfoViewLayoutChange}>\n          {(props.title || props.iconclass) ? (\n            <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n              {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon} />) : null}\n              {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n            </View>\n          ) : null}\n          {props.subheading ? (\n            <Text style={this.styles.subHeading}>{props.subheading}</Text>\n          ) : null}\n        </View>\n        <View style={{position: 'relative'}} ref={this.viewRef}\n         >\n          {chartWidth ? (\n            <PieChart\n              data={orderedData}\n              width={chartWidth}\n              height={chartHeight}\n              radius={radius}\n              theme={this.getChartTheme()}\n              showLabel={showLabel}\n              labelPosition={labelPosition}\n              showLabelLine={props.showLabelLine}\n              showLegend={showLegend}\n              legendPosition={legendPosition}\n              renderTooltip={this.getRenderTooltip()}\n              tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n              showHighlighter={props.showhighlighter}\n              onSelect={this.onSelect}\n            />\n          ) : null}\n          {props.centerlabel ? (\n            <View\n              pointerEvents=\"none\"\n              style={{\n                position: 'absolute',\n                top: 0, left: 0, right: 0, bottom: 0,\n                justifyContent: 'center',\n                alignItems: 'center',\n              }}\n            >\n              <Text style={this.styles.centerLabel as any}>\n                {props.centerlabel}\n              </Text>\n            </View>\n          ) : null}\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/chart/pie-chart/pie-chart.props.js

@@ -9,6 +9,7 @@ export default class WmPieChartProps extends BaseChartComponentProps {
     _defineProperty(this, "labelplacement", 'vertical');
     _defineProperty(this, "centerlabel", '');
     _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "showLabelLine", true);
   }
 }
 //# sourceMappingURL=pie-chart.props.js.map

package/components/chart/pie-chart/pie-chart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmPieChartProps","constructor","args","_defineProperty"],"sources":["pie-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.props';\nimport { VictorySliceLabelPlacementType } from 'victory-pie';\n\nexport default class WmPieChartProps extends BaseChartComponentProps {\n  donutratio: number = 0;\n  labelplacement: VictorySliceLabelPlacementType = 'vertical';\n  centerlabel = '';\n  onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAGnG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC9C,CAAC;IAAAA,eAAA,yBAC2B,UAAU;IAAAA,eAAA,sBAC7C,EAAE;IAAAA,eAAA;EAAA;AAElB","ignoreList":[]}
+{"version":3,"names":["BaseChartComponentProps","WmPieChartProps","constructor","args","_defineProperty"],"sources":["pie-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.props';\n\nexport default class WmPieChartProps extends BaseChartComponentProps {\n  donutratio: number = 0;\n  labelplacement: string = 'vertical';\n  centerlabel = '';\n  onSelect?: any;\n  showLabelLine: boolean = true;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAEnG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC9C,CAAC;IAAAA,eAAA,yBACG,UAAU;IAAAA,eAAA,sBACrB,EAAE;IAAAA,eAAA;IAAAA,eAAA,wBAES,IAAI;EAAA;AAC/B","ignoreList":[]}

package/components/container/accordion/accordionpane/accordionpane.component.js

@@ -25,6 +25,10 @@ export default class WmAccordionpane extends BaseComponent {
   isCollapsed() {
     return this.state.collapsed;
   }
+  hasOwnFillHugResolution() {
+    var _this$parent;
+    return isAutoLayout(extractAutoLayoutProps(this.state.props, (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.state) === null || _this$parent === void 0 ? void 0 : _this$parent.props));
+  }
   show() {
     this.updateState({
       collapsed: false
@@ -74,8 +78,8 @@ export default class WmAccordionpane extends BaseComponent {
     return props.children;
   }
   renderWidget(props) {
-    var _this$parent;
-    const autoLayoutProps = extractAutoLayoutProps(props, (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.state) === null || _this$parent === void 0 ? void 0 : _this$parent.props);
+    var _this$parent2;
+    const autoLayoutProps = extractAutoLayoutProps(props, (_this$parent2 = this.parent) === null || _this$parent2 === void 0 || (_this$parent2 = _this$parent2.state) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.props);
     const hasAutoLayout = isAutoLayout(autoLayoutProps);
     const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';
     const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};

package/components/container/accordion/accordionpane/accordionpane.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","CollapsiblePane","WmAccordionpaneState","constructor","args","_defineProperty","WmAccordionpane","props","isCollapsed","state","collapsed","show","updateState","invokeEventCallback","proxy","hide","expand","parent","name","collapse","componentDidMount","accordion","addAccordionPane","componentWillUnmount","removeAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","children","renderWidget","_this$parent","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","maxHeight","padding","contentStyle","minWidth","undefined","_background","style","close"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\nimport { View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from '../../panel/collapsible-pane.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n  collapsed = true;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n  }\n\n  isCollapsed() {\n    return this.state.collapsed;\n  }\n\n  show() {\n    this.updateState({\n      collapsed: false\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  hide() {\n    this.updateState({\n      collapsed: true\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  expand() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  collapse() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    // When skeleton is enabled in the accordion component, the parent would be WMSkeleton which doesnot have addAccordionPane function\n    if(accordion.addAccordionPane) {\n      accordion.addAccordionPane(this);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const accordion = (this.parent) as WmAccordion;\n    if(accordion.removeAccordionPane) {\n      accordion.removeAccordionPane(this);\n    }\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\n    const autoLayoutProps = extractAutoLayoutProps(\n      props,\n      this.parent?.state?.props\n    );\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n    return isWebPreviewMode() ?\n    (<AutoLayoutHost\n      autoLayoutProps={autoLayoutProps}\n      shouldScroll={shouldScroll}\n      containerStyle={[\n        this.styles.root,\n        hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n        this.state.collapsed ? { maxHeight: 0, overflow: 'hidden', padding: 0 } : {},\n      ]}\n      contentStyle={hasAutoLayout ? {\n        ...autoLayoutDirectionStyle,\n        ...autoLayoutContentStyle,\n        ...autoLayoutInnerDimensionStyle,\n        minWidth: 0,\n      } : undefined}\n    >\n      {this._background}\n      {this.renderContent(props)}\n    </AutoLayoutHost>) :\n    (<View style={[this.styles.root, hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {}]}>\n      <CollapsiblePane close={this.state.collapsed}>\n        <AutoLayoutHost\n          autoLayoutProps={autoLayoutProps}\n          shouldScroll={shouldScroll}\n          containerStyle={hasAutoLayout ? autoLayoutInnerDimensionStyle : undefined}\n          contentStyle={hasAutoLayout ? {\n            ...autoLayoutDirectionStyle,\n            ...autoLayoutContentStyle,\n            minWidth: 0,\n          } : undefined}\n        >\n          {this._background}\n          {this.renderContent(props)}\n        </AutoLayoutHost>\n      </CollapsiblePane>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","CollapsiblePane","WmAccordionpaneState","constructor","args","_defineProperty","WmAccordionpane","props","isCollapsed","state","collapsed","hasOwnFillHugResolution","_this$parent","parent","show","updateState","invokeEventCallback","proxy","hide","expand","name","collapse","componentDidMount","accordion","addAccordionPane","componentWillUnmount","removeAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","children","renderWidget","_this$parent2","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","maxHeight","padding","contentStyle","minWidth","undefined","_background","style","close"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\nimport { View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from '../../panel/collapsible-pane.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n  collapsed = true;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n  public paneId: string = \"\";\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n  }\n\n  isCollapsed() {\n    return this.state.collapsed;\n  }\n\n  protected hasOwnFillHugResolution(): boolean {\n    return isAutoLayout(extractAutoLayoutProps(this.state.props, this.parent?.state?.props));\n  }\n\n  show() {\n    this.updateState({\n      collapsed: false\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  hide() {\n    this.updateState({\n      collapsed: true\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  expand() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  collapse() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    // When skeleton is enabled in the accordion component, the parent would be WMSkeleton which doesnot have addAccordionPane function\n    if(accordion.addAccordionPane) {\n      accordion.addAccordionPane(this);\n    }\n    super.componentDidMount();\n  }\n\n  componentWillUnmount() {\n    const accordion = (this.parent) as WmAccordion;\n    if(accordion.removeAccordionPane) {\n      accordion.removeAccordionPane(this);\n    }\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\n    const autoLayoutProps = extractAutoLayoutProps(\n      props,\n      this.parent?.state?.props\n    );\n    const hasAutoLayout = isAutoLayout(autoLayoutProps);\n    const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n    const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n    const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n    const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n    const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n    return isWebPreviewMode() ?\n    (<AutoLayoutHost\n      autoLayoutProps={autoLayoutProps}\n      shouldScroll={shouldScroll}\n      containerStyle={[\n        this.styles.root,\n        hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n        this.state.collapsed ? { maxHeight: 0, overflow: 'hidden', padding: 0 } : {},\n      ]}\n      contentStyle={hasAutoLayout ? {\n        ...autoLayoutDirectionStyle,\n        ...autoLayoutContentStyle,\n        ...autoLayoutInnerDimensionStyle,\n        minWidth: 0,\n      } : undefined}\n    >\n      {this._background}\n      {this.renderContent(props)}\n    </AutoLayoutHost>) :\n    (<View style={[this.styles.root, hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {}]}>\n      <CollapsiblePane close={this.state.collapsed}>\n        <AutoLayoutHost\n          autoLayoutProps={autoLayoutProps}\n          shouldScroll={shouldScroll}\n          containerStyle={hasAutoLayout ? autoLayoutInnerDimensionStyle : undefined}\n          contentStyle={hasAutoLayout ? {\n            ...autoLayoutDirectionStyle,\n            ...autoLayoutContentStyle,\n            minWidth: 0,\n          } : undefined}\n        >\n          {this._background}\n          {this.renderContent(props)}\n        </AutoLayoutHost>\n      </CollapsiblePane>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/container.component.js

@@ -28,6 +28,7 @@ export default class WmContainer extends PartialHost {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());
     _defineProperty(this, "containerRef", void 0);
+    _defineProperty(this, "scrollViewRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "stickyContainerOpacity", void 0);
     _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
     _defineProperty(this, "insets", {
@@ -36,6 +37,20 @@ export default class WmContainer extends PartialHost {
       left: 0,
       right: 0
     });
+    _defineProperty(this, "handleOnScrollEndDrag", event => {
+      var _event$nativeEvent;
+      const currentY = event === null || event === void 0 || (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 || (_event$nativeEvent = _event$nativeEvent.contentOffset) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.y;
+      if (currentY > 0) {
+        this.invokeEventCallback('onScroll', [null, this.proxy]);
+      }
+    });
+    _defineProperty(this, "handleOnMomentumScrollEnd", event => {
+      var _event$nativeEvent2;
+      const currentY = event === null || event === void 0 || (_event$nativeEvent2 = event.nativeEvent) === null || _event$nativeEvent2 === void 0 || (_event$nativeEvent2 = _event$nativeEvent2.contentOffset) === null || _event$nativeEvent2 === void 0 ? void 0 : _event$nativeEvent2.y;
+      if (currentY < 1) {
+        this.invokeEventCallback('onScrolltotop', [null, this.proxy]);
+      }
+    });
     this.containerRef = /*#__PURE__*/React.createRef();
     this.stickyContainerOpacity = new Animated.Value(1);
     this.subscribe('updateStickyHeaders', _event => {
@@ -53,6 +68,9 @@ export default class WmContainer extends PartialHost {
     var _this$parent;
     return extractAutoLayoutProps(this.props, (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.state) === null || _this$parent === void 0 ? void 0 : _this$parent.props);
   }
+  hasOwnFillHugResolution() {
+    return checkAutoLayout(this.getAutoLayoutProps());
+  }
   renderSkeleton(props) {
     if (!props.showskeletonchildren) {
       var _this$props;
@@ -102,6 +120,10 @@ export default class WmContainer extends PartialHost {
         useNativeDriver: true
       }).start();
     }
+    //emiting container wdiget scrollview ref value to bottom sheet widget(bottom sheet sticky header/footer feature)
+    if (this.scrollViewRef.current) {
+      this.notify('containerScrollViewReady', [this.scrollViewRef], true);
+    }
   }
   renderStickyContent(props, dimensions, styles) {
     const {
@@ -185,7 +207,11 @@ export default class WmContainer extends PartialHost {
           ...autoLayoutStyle,
           minWidth: 0
         } : {}],
-        onScroll: event => this.notify('scroll', [event])
+        onScroll: event => this.notify('scroll', [event]),
+        scrollEventThrottle: 48,
+        ref: this.scrollViewRef,
+        onScrollEndDrag: this.handleOnScrollEndDrag,
+        onMomentumScrollEnd: this.handleOnMomentumScrollEnd
       }, this.renderContent(props))));
     });
   }