@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/components/chart/legend/legend.component.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { View, Text } from "react-native";
+export const Legend = function (props) {
+  var _props$data;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [props.orientation === 'vertical' ? {
+      flexDirection: 'column',
+      justifyContent: 'center'
+    } : {
+      flexDirection: 'row',
+      justifyContent: 'center',
+      flexWrap: 'wrap'
+    }]
+  }, (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.map(d => {
+    return /*#__PURE__*/React.createElement(View, {
+      key: d.name,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 4
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: 12,
+        height: 12
+      }, props.dotStyle, {
+        backgroundColor: d.color
+      }]
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [{
+        paddingLeft: 4
+      }, props.testStyle]
+    }, d.name));
+  }));
+};
+//# sourceMappingURL=legend.component.js.map

package/components/chart/legend/legend.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Legend","props","_props$data","createElement","style","orientation","flexDirection","justifyContent","flexWrap","data","map","d","key","name","alignItems","padding","width","height","dotStyle","backgroundColor","color","paddingLeft","testStyle"],"sources":["legend.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextStyle, View, Text, ViewStyle } from \"react-native\";\n\nexport interface LegendProps {\n    data : [{\n        name: string,\n        color: string\n    }];\n    dotStyle?: ViewStyle;\n    testStyle?: TextStyle;\n    orientation?: 'vertical' | 'horizontal';\n}\n\nexport const Legend = function(props: LegendProps) {\n    return (\n        <View style={[\n        props.orientation === 'vertical' ?  {\n            flexDirection: 'column',\n            justifyContent: 'center'\n        } : {\n            flexDirection: 'row',\n            justifyContent: 'center',\n            flexWrap: 'wrap'\n        }]}>\n            {props.data?.map(d => {\n                return (\n                <View key={d.name} style={{\n                    flexDirection: 'row',\n                    alignItems: 'center',\n                    padding: 4}}>\n                    <View style={[{\n                        width: 12,\n                        height: 12\n                    }, props.dotStyle, {\n                        backgroundColor: d.color\n                    }]}></View>\n                    <Text style={[{ \n                        paddingLeft: 4\n                    }, props.testStyle]}>{d.name}</Text>\n                </View>);\n            })}\n        </View>\n    );\n};"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAoBC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAY/D,OAAO,MAAMC,MAAM,GAAG,SAAAA,CAASC,KAAkB,EAAE;EAAA,IAAAC,WAAA;EAC/C,oBACIL,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACM,KAAK,EAAE,CACbH,KAAK,CAACI,WAAW,KAAK,UAAU,GAAI;MAChCC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE;IACpB,CAAC,GAAG;MACAD,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACd,CAAC;EAAE,IAAAN,WAAA,GACED,KAAK,CAACQ,IAAI,cAAAP,WAAA,uBAAVA,WAAA,CAAYQ,GAAG,CAACC,CAAC,IAAI;IAClB,oBACAd,KAAA,CAAAM,aAAA,CAACL,IAAI;MAACc,GAAG,EAAED,CAAC,CAACE,IAAK;MAACT,KAAK,EAAE;QACtBE,aAAa,EAAE,KAAK;QACpBQ,UAAU,EAAE,QAAQ;QACpBC,OAAO,EAAE;MAAC;IAAE,gBACZlB,KAAA,CAAAM,aAAA,CAACL,IAAI;MAACM,KAAK,EAAE,CAAC;QACVY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACZ,CAAC,EAAEhB,KAAK,CAACiB,QAAQ,EAAE;QACfC,eAAe,EAAER,CAAC,CAACS;MACvB,CAAC;IAAE,CAAO,CAAC,eACXvB,KAAA,CAAAM,aAAA,CAACJ,IAAI;MAACK,KAAK,EAAE,CAAC;QACViB,WAAW,EAAE;MACjB,CAAC,EAAEpB,KAAK,CAACqB,SAAS;IAAE,GAAEX,CAAC,CAACE,IAAW,CACjC,CAAC;EACX,CAAC,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -0,0 +1,119 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Text, View, Platform } from 'react-native';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { VictoryChart, VictoryLine, VictoryScatter, VictoryGroup } from 'victory-native';
+import WmLineChartProps from './line-chart.props';
+import { DEFAULT_CLASS } from './line-chart.styles';
+import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.component";
+import ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+export class WmLineChartState extends BaseChartComponentState {}
+export default class WmLineChart extends BaseChartComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());
+  }
+  onSelect(event, data) {
+    if (!this.viewRef.current) return;
+    if (!this.state.props.dataset) return;
+    this.viewRef.current.measureInWindow((chartX, chartY) => {
+      let value = data.data[data.index].y;
+      let label = this.state.xaxisDatakeyArr[data.datum.x];
+      let selectedItem = this.props.dataset[data.index];
+      const nativeEvent = event.nativeEvent;
+      let tooltipX = nativeEvent.pageX - chartX;
+      let tooltipY = nativeEvent.pageY - chartY;
+      let selectedChartItem = [{
+        series: 0,
+        x: data.index,
+        y: value,
+        _dataObj: selectedItem
+      }, data.index];
+      this.updateState({
+        tooltipXaxis: label,
+        tooltipYaxis: value,
+        isTooltipOpen: true,
+        selectedItem: {
+          ...selectedItem,
+          index: data.index
+        },
+        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
+        tooltipYPosition: tooltipY - this.state.tooltipoffsety
+      });
+      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+    });
+  }
+  renderWidget(props) {
+    var _this$state$data;
+    this.invokeEventCallback('onBeforerender', [this.proxy, null]);
+    if (!((_this$state$data = this.state.data) !== null && _this$state$data !== void 0 && _this$state$data.length)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: this.styles.root
+    }, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
+      onLayout: this.onViewLayoutChange
+    }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: props.iconclass,
+      styles: this.styles.icon
+    }) : null, /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.title
+    }, props.title)), /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.subHeading
+    }, props.subheading)), /*#__PURE__*/React.createElement(View, {
+      ref: this.viewRef
+    }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
+      theme: this.state.theme,
+      height: this.styles.root.height,
+      width: this.state.chartWidth || this.screenWidth,
+      padding: {
+        top: props.offsettop,
+        bottom: props.offsetbottom,
+        left: this.isRTL ? props.offsetright : props.offsetleft,
+        right: this.isRTL ? props.offsetleft : props.offsetright
+      }
+    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
+      return /*#__PURE__*/React.createElement(VictoryGroup, {
+        key: props.name + '_line_group_' + i
+      }, /*#__PURE__*/React.createElement(VictoryLine, {
+        interpolation: props.interpolation,
+        key: props.name + '_line_' + i,
+        name: props.name + '_' + i,
+        standalone: true,
+        style: {
+          data: {
+            stroke: this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor,
+            strokeWidth: props.linethickness
+          }
+        },
+        data: d
+      }), /*#__PURE__*/React.createElement(VictoryScatter, {
+        size: 5,
+        key: props.name + '_scatter' + i,
+        style: {
+          data: props.highlightpoints || this.state.data.length === 1 ? {
+            fill: this.state.colors[i],
+            opacity: 0.8
+          } : {
+            opacity: 0
+          }
+        },
+        data: d,
+        events: [{
+          target: 'data',
+          eventHandlers: Platform.OS == "web" ? {
+            onClick: this.onSelect.bind(this)
+          } : {
+            onPress: this.onSelect.bind(this)
+          }
+        }]
+      }));
+    }))));
+  }
+}
+//# sourceMappingURL=line-chart.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryLine","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmIcon","WmLineChartState","WmLineChart","constructor","props","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","style","styles","root","LINECHART","onLayout","onViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","map","d","i","key","name","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","size","highlightpoints","fill","opacity","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryScatter,\n  VictoryGroup,\n} from 'victory-native';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport {InterpolationPropType} from \"victory-core\";\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n  constructor(props: WmLineChartProps) {\n    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\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.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\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 WmLineChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n\n\n  renderWidget(props: WmLineChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (\n    <View style={this.styles.root} {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)} onLayout={this.onViewLayoutChange}>\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart\n        theme={this.state.theme}\n        height={(this.styles.root.height) as number}\n        width={this.state.chartWidth || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n      >\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n          return <VictoryGroup key={props.name + '_line_group_' + i}>\n            <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n              name={props.name + '_' + i}\n              standalone={true}\n              style={{\n                data: {\n                  stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                  strokeWidth: props.linethickness,\n                }\n              }}\n              data={d}\n            />\n\n              <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                  style={{\n                    data: (props.highlightpoints || this.state.data.length === 1) ? {fill: this.state.colors[i], opacity: 0.8} : {opacity:0}\n                  }}\n                  data={d}\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            </VictoryGroup>\n        })}\n      </VictoryChart>\n      </View>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 BaseChartComponentProps from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.props";
+export default class WmLineChartProps extends BaseChartComponentProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "linethickness", 2);
+    _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+  }
+}
+//# sourceMappingURL=line-chart.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseChartComponentProps","WmLineChartProps","constructor","args","_defineProperty"],"sources":["line-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.props\";\nexport default class WmLineChartProps extends BaseChartComponentProps {\n  linethickness: number = 2;\n  onSelect?: any;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AACnG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC5C,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEC,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAC/B","ignoreList":[]}

package/components/chart/line-chart/line-chart.styles.js

@@ -0,0 +1,13 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
+export const DEFAULT_CLASS = 'app-line-chart';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
+    skeleton: {
+      root: {
+        height: 200
+      }
+    }
+  });
+});
+//# sourceMappingURL=line-chart.styles.js.map

package/components/chart/line-chart/line-chart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["line-chart.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmLineChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-line-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n\n"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,2CAA2C;AAE9E,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKxG,OAAO,MAAMD,aAAa,GAAG,gBAAgB;AAC7CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,251 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { VictoryLabel, VictoryPie } from 'victory-native';
+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);
+  }
+}
+export default class WmPieChart extends BaseChartComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());
+    _defineProperty(this, "onViewLayoutChange", e => {
+      var _e$nativeEvent;
+      let viewWidth = e.nativeEvent.layout.width;
+      this.handleLayout(e);
+      this.updateState({
+        chartWidth: viewWidth,
+        totalHeight: (_e$nativeEvent = e.nativeEvent) === null || _e$nativeEvent === void 0 ? void 0 : _e$nativeEvent.layout.height
+      });
+    });
+    _defineProperty(this, "onInfoViewLayoutChange", e => {
+      var _e$nativeEvent2;
+      this.updateState({
+        infoHeight: (_e$nativeEvent2 = e.nativeEvent) === null || _e$nativeEvent2 === void 0 ? void 0 : _e$nativeEvent2.layout.height,
+        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);
+        }
+      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
+      });
+      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+    });
+  }
+  renderWidget(props) {
+    var _this$state$labelColo;
+    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],
+        color: this.state.colors[index % this.state.colors.length]
+      };
+    });
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: [{
+        opacity: this.state.opacity
+      }, this.styles.root]
+    }, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
+      onLayout: this.onViewLayoutChange,
+      key: `${props.title}_pie_chart`
+    }), /*#__PURE__*/React.createElement(View, {
+      onLayout: this.onInfoViewLayoutChange
+    }, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
+      testID: "title-icon-container",
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: props.iconclass,
+      styles: this.styles.icon
+    }) : null, props.title ? /*#__PURE__*/React.createElement(Text, {
+      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, {
+      style: {
+        flex: 1
+      },
+      ref: this.viewRef
+    }, chartWidth ? /*#__PURE__*/React.createElement(Svg, {
+      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,
+      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, {
+      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);
+  }
+}
+//# sourceMappingURL=pie-chart.component.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,14 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 BaseChartComponentProps from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.props';
+export default class WmPieChartProps extends BaseChartComponentProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "donutratio", 0);
+    _defineProperty(this, "labelplacement", 'vertical');
+    _defineProperty(this, "centerlabel", '');
+    _defineProperty(this, "onSelect", void 0);
+  }
+}
+//# sourceMappingURL=pie-chart.props.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,13 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
+export const DEFAULT_CLASS = 'app-pie-chart';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
+    skeleton: {
+      root: {
+        height: 200
+      }
+    }
+  });
+});
+//# sourceMappingURL=pie-chart.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["pie-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmPieChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-pie-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAElE,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKxG,OAAO,MAAMD,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}