@wavemaker-ai/app-rn-runtime 1.0.0-rc.330 → 1.0.0-rc.334

package/components/chart/basechart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["SkeletonAnimationProps","BaseChartComponentProps","constructor","args","_defineProperty","undefined"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { SkeletonAnimationProps } from '@wavemaker-ai/app-rn-runtime/runtime/base-fragment.component';\nimport { CartesianGrid } from '@wavemaker/react-native-echarts/props/cartesian';\nimport { ChartTooltipOption } from '@wavemaker/react-native-echarts/tooltip';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class BaseChartComponentProps extends SkeletonAnimationProps {\n  xaxisdatakey: string = '';\n  yaxisdatakey: string = '';\n  iconclass = '';\n  dataset: any;\n  type: string = '';\n  title: string = '';\n  subheading: string = '';\n  theme: string = '';\n  xaxislabel: string = '';\n  xunits: string = '';\n  staggerlabels: boolean = false;\n  yaxislabel: string = '';\n  yunits: string = '';\n  yaxislabeldistance?: number = undefined;\n  xaxislabeldistance?: number = undefined;\n  offsetxaxis?: number = undefined;\n  offsetyaxis?: number = undefined;\n  customcolors: string | Array<string> = '';\n  labelcolors: string | Array<string> = '';\n  legendheight: number = 0;\n  labellegendheight: number = 0;\n  labeltype: 'percent' | 'value' | 'key-value' | 'key' = 'percent';\n  bubblesize: string= '';\n  shape: string = '';\n  loadingicon='fa fa-circle-o-notch fa-pulse';\n  loadingdatamsg = 'Loading...';\n  nodatamessage = 'No data found';\n  offsetbottom: number = 50;\n  offsettop: number = 70;\n  offsetleft: number = 65;\n  offsetright: number = 25;\n  showlegend: string = 'top';\n  showlabels: 'inside' | 'outside' | 'hide' = 'outside';\n  tooltips: boolean = true;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = 'Min';\n  xdomain: string = 'Min';\n  labelangle: number = 0;\n  xtickexpr?: (item: any, index: number, length: number) => any;\n  ytickexpr?: (item: any, index: number, length: number) => any;\n  hidegridxaxis: boolean = false;\n  hidegridyaxis: boolean = false;\n  autoadjustlabels: boolean = false;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n  renderitempartial?: (item: any, index: number, partialName: string)=> React.ReactNode;\n  ynumberformat?: string = '';\n  showxaxislabels: boolean = true;\n  showyaxislabels: boolean = true;\n  chartheight?: number;\n  showxaxisticks?: boolean;\n  showyaxisticks?: boolean;\n  boundarygap?: boolean;\n  grid?: CartesianGrid;\n  tooltip?: ChartTooltipOption;\n  showhighlighter: boolean = true;\n  stacknormalize?: boolean = false;\n  ticksymbol?: 'none' | 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | string;\n  stepposition?: 'start' | 'middle' | 'end' | false;\n  symbolsize?: number = 5;\n  intervalx?: number = undefined;\n  intervaly?: number = undefined\n}\n"],"mappings":";;;AACA,SAASA,sBAAsB,QAAQ,8DAA8D;AAKrG,eAAe,MAAMC,uBAAuB,SAASD,sBAAsB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBACnD,EAAE;IAAAA,eAAA,uBACF,EAAE;IAAAA,eAAA,oBACb,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEC,EAAE;IAAAA,eAAA,gBACD,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,gBACP,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,wBACM,KAAK;IAAAA,eAAA,qBACT,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,6BACWC,SAAS;IAAAD,eAAA,6BACTC,SAAS;IAAAD,eAAA,sBAChBC,SAAS;IAAAD,eAAA,sBACTC,SAAS;IAAAD,eAAA,uBACO,EAAE;IAAAA,eAAA,sBACH,EAAE;IAAAA,eAAA,uBACjB,CAAC;IAAAA,eAAA,4BACI,CAAC;IAAAA,eAAA,oBAC0B,SAAS;IAAAA,eAAA,qBAC5C,EAAE;IAAAA,eAAA,gBACN,EAAE;IAAAA,eAAA,sBACN,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,wBACb,eAAe;IAAAA,eAAA,uBACR,EAAE;IAAAA,eAAA,oBACL,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA,qBACkB,SAAS;IAAAA,eAAA,mBACjC,IAAI;IAAAA,eAAA,wBACA,QAAQ;IAAAA,eAAA,0BACL,KAAK;IAAAA,eAAA,qBACV,KAAK;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,kBACP,KAAK;IAAAA,eAAA,kBACL,KAAK;IAAAA,eAAA,qBACF,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGG,KAAK;IAAAA,eAAA,wBACL,KAAK;IAAAA,eAAA,2BACF,KAAK;IAAAA,eAAA,qBACV,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGA,EAAE;IAAAA,eAAA,0BACA,IAAI;IAAAA,eAAA,0BACJ,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,0BAOJ,IAAI;IAAAA,eAAA,yBACJ,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,qBAGV,CAAC;IAAAA,eAAA,oBACFC,SAAS;IAAAD,eAAA,oBACTC,SAAS;EAAA;AAChC","ignoreList":[]}
+{"version":3,"names":["SkeletonAnimationProps","BaseChartComponentProps","constructor","args","_defineProperty","undefined"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { SkeletonAnimationProps } from '@wavemaker-ai/app-rn-runtime/runtime/base-fragment.component';\nimport { CartesianGrid } from '@wavemaker/react-native-echarts/props/cartesian';\nimport { ChartTooltipOption } from '@wavemaker/react-native-echarts/tooltip';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class BaseChartComponentProps extends SkeletonAnimationProps {\n  xaxisdatakey: string = '';\n  yaxisdatakey: string = '';\n  iconclass = '';\n  iconurl = '';\n  dataset: any;\n  type: string = '';\n  title: string = '';\n  subheading: string = '';\n  theme: string = '';\n  xaxislabel: string = '';\n  xunits: string = '';\n  staggerlabels: boolean = false;\n  yaxislabel: string = '';\n  yunits: string = '';\n  yaxislabeldistance?: number = undefined;\n  xaxislabeldistance?: number = undefined;\n  offsetxaxis?: number = undefined;\n  offsetyaxis?: number = undefined;\n  customcolors: string | Array<string> = '';\n  labelcolors: string | Array<string> = '';\n  legendheight: number = 0;\n  labellegendheight: number = 0;\n  labeltype: 'percent' | 'value' | 'key-value' | 'key' = 'percent';\n  bubblesize: string= '';\n  shape: string = '';\n  loadingicon='fa fa-circle-o-notch fa-pulse';\n  loadingdatamsg = 'Loading...';\n  nodatamessage = 'No data found';\n  offsetbottom: number = 50;\n  offsettop: number = 70;\n  offsetleft: number = 65;\n  offsetright: number = 25;\n  showlegend: string = 'top';\n  showlabels: 'inside' | 'outside' | 'hide' = 'outside';\n  tooltips: boolean = true;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = 'Min';\n  xdomain: string = 'Min';\n  labelangle: number = 0;\n  xtickexpr?: (item: any, index: number, length: number) => any;\n  ytickexpr?: (item: any, index: number, length: number) => any;\n  hidegridxaxis: boolean = false;\n  hidegridyaxis: boolean = false;\n  autoadjustlabels: boolean = false;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n  renderitempartial?: (item: any, index: number, partialName: string)=> React.ReactNode;\n  ynumberformat?: string = '';\n  showxaxislabels: boolean = true;\n  showyaxislabels: boolean = true;\n  chartheight?: number;\n  showxaxisticks?: boolean;\n  showyaxisticks?: boolean;\n  boundarygap?: boolean;\n  grid?: CartesianGrid;\n  tooltip?: ChartTooltipOption;\n  showhighlighter: boolean = true;\n  stacknormalize?: boolean = false;\n  ticksymbol?: 'none' | 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | string;\n  stepposition?: 'start' | 'middle' | 'end' | false;\n  symbolsize?: number = 5;\n  intervalx?: number = undefined;\n  intervaly?: number = undefined\n}\n"],"mappings":";;;AACA,SAASA,sBAAsB,QAAQ,8DAA8D;AAKrG,eAAe,MAAMC,uBAAuB,SAASD,sBAAsB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBACnD,EAAE;IAAAA,eAAA,uBACF,EAAE;IAAAA,eAAA,oBACb,EAAE;IAAAA,eAAA,kBACJ,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEG,EAAE;IAAAA,eAAA,gBACD,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,gBACP,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,wBACM,KAAK;IAAAA,eAAA,qBACT,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,6BACWC,SAAS;IAAAD,eAAA,6BACTC,SAAS;IAAAD,eAAA,sBAChBC,SAAS;IAAAD,eAAA,sBACTC,SAAS;IAAAD,eAAA,uBACO,EAAE;IAAAA,eAAA,sBACH,EAAE;IAAAA,eAAA,uBACjB,CAAC;IAAAA,eAAA,4BACI,CAAC;IAAAA,eAAA,oBAC0B,SAAS;IAAAA,eAAA,qBAC5C,EAAE;IAAAA,eAAA,gBACN,EAAE;IAAAA,eAAA,sBACN,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,wBACb,eAAe;IAAAA,eAAA,uBACR,EAAE;IAAAA,eAAA,oBACL,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA,qBACkB,SAAS;IAAAA,eAAA,mBACjC,IAAI;IAAAA,eAAA,wBACA,QAAQ;IAAAA,eAAA,0BACL,KAAK;IAAAA,eAAA,qBACV,KAAK;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,kBACP,KAAK;IAAAA,eAAA,kBACL,KAAK;IAAAA,eAAA,qBACF,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGG,KAAK;IAAAA,eAAA,wBACL,KAAK;IAAAA,eAAA,2BACF,KAAK;IAAAA,eAAA,qBACV,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGA,EAAE;IAAAA,eAAA,0BACA,IAAI;IAAAA,eAAA,0BACJ,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,0BAOJ,IAAI;IAAAA,eAAA,yBACJ,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,qBAGV,CAAC;IAAAA,eAAA,oBACFC,SAAS;IAAAD,eAAA,oBACTC,SAAS;EAAA;AAChC","ignoreList":[]}

package/components/chart/basechart.styles.js

@@ -62,7 +62,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     tooltipContainer: {
       position: 'absolute',
-      backgroundColor: themeVariables.tooltipBgColor,
       flex: 1,
       minWidth: 100,
       minHeight: 60,

package/components/chart/basechart.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","icon","fontSize","line","color","chartLineColor","title","chartTitleColor","lineHeight","paddingLeft","subHeading","chartSubTitleColor","legendText","legenedDot","axis","stroke","chartAxisColor","fade","rgb","toString","xAxis","yAxis","axisLabel","xAxisLabel","yAxisLabel","grid","strokeDasharray","xGrid","yGrid","ticks","xTicks","yTicks","tickLabels","xTickLabels","yTickLabels","barChart","tooltipXText","tooltipYText","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","tooltipContainer","position","backgroundColor","tooltipBgColor","flex","minWidth","minHeight","opacity","borderRadius","justifyContent","alignItems","elevation","zIndex","tooltipPointer","width","height","transparent","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","borderBottomColor","overflow","centerLabel"],"sources":["basechart.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport Color  from \"color\";\nimport BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\n\n\nexport type ChartStyleObject = {\n  stroke?: string;\n  strokeWidth?: number;\n  strokeDasharray?: string;\n  fill?: string;\n  fontSize?: number;\n  [key: string]: any;\n};\n\nexport type BaseChartComponentStyles = BaseStyles & {\n  title: TextStyle,\n  icon: WmIconStyles,\n  subHeading: TextStyle,\n  axis: ChartStyleObject,\n  xAxis: ChartStyleObject,\n  yAxis: ChartStyleObject,\n  axisLabel: ChartStyleObject,\n  xAxisLabel: ChartStyleObject,\n  yAxisLabel: ChartStyleObject,\n  ticks: ChartStyleObject,\n  xTicks: ChartStyleObject,\n  yTicks: ChartStyleObject,\n  tickLabels: ChartStyleObject,\n  xTickLabels: ChartStyleObject,\n  yTickLabels: ChartStyleObject,\n  grid: ChartStyleObject,\n  xGrid: ChartStyleObject,\n  yGrid: ChartStyleObject,\n  legendText: TextStyle,\n  legenedDot: ViewStyle,\n  tooltipContainer: any,\n  tooltipPointer: any\n  tooltipXText: any,\n  tooltipYText: any,\n  bar: any;\n  centerLabel: ChartStyleObject,\n  skeleton?: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: BaseChartComponentStyles = defineStyles({\n    root: {},\n    text: {},\n    icon: {\n      icon: {\n        fontSize: 20\n      }\n    } as WmIconStyles,\n    line: {\n      color: themeVariables.chartLineColor\n    },\n    title: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n      lineHeight: 24,\n      paddingLeft: 10,\n    },\n    subHeading: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: themeVariables.chartSubTitleColor\n    },\n    legendText: {},\n    legenedDot: {},\n    axis: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.3).rgb().toString()\n    } as ChartStyleObject,\n    xAxis: {},\n    yAxis: {},\n    axisLabel: {},\n    xAxisLabel: {},\n    yAxisLabel: {},\n    grid: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n      strokeDasharray: '16 4'\n    } as ChartStyleObject,\n    xGrid: {},\n    yGrid: {},\n    ticks: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as ChartStyleObject,\n    xTicks: {},\n    yTicks: {},\n    tickLabels: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as ChartStyleObject,\n    xTickLabels: {},\n    yTickLabels: {},\n    barChart: {},\n    tooltipXText:{},\n    tooltipYText:{},\n    bar:{\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0\n    },\n    tooltipContainer: {\n      position: 'absolute',\n      backgroundColor: themeVariables.tooltipBgColor,\n      flex: 1,\n      minWidth: 100,\n      minHeight: 60,\n      opacity: 0.9,\n      borderRadius: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      elevation: 2,\n      zIndex: 99\n    } as any,\n    tooltipPointer: {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      backgroundColor: themeVariables.transparent,\n      borderStyle: 'solid',\n      borderLeftWidth: 8,\n      borderRightWidth: 8,\n      borderBottomWidth: 12,\n      borderLeftColor: themeVariables.transparent,\n      borderRightColor: themeVariables.transparent,\n      borderBottomColor: themeVariables.tooltipBgColor,\n      overflow: 'hidden',\n    } as any,\n    centerLabel: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n    },\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","icon","fontSize","line","color","chartLineColor","title","chartTitleColor","lineHeight","paddingLeft","subHeading","chartSubTitleColor","legendText","legenedDot","axis","stroke","chartAxisColor","fade","rgb","toString","xAxis","yAxis","axisLabel","xAxisLabel","yAxisLabel","grid","strokeDasharray","xGrid","yGrid","ticks","xTicks","yTicks","tickLabels","xTickLabels","yTickLabels","barChart","tooltipXText","tooltipYText","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","tooltipContainer","position","flex","minWidth","minHeight","opacity","borderRadius","justifyContent","alignItems","elevation","zIndex","tooltipPointer","width","height","backgroundColor","transparent","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","borderBottomColor","tooltipBgColor","overflow","centerLabel"],"sources":["basechart.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport Color  from \"color\";\nimport BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\n\n\nexport type ChartStyleObject = {\n  stroke?: string;\n  strokeWidth?: number;\n  strokeDasharray?: string;\n  fill?: string;\n  fontSize?: number;\n  [key: string]: any;\n};\n\nexport type BaseChartComponentStyles = BaseStyles & {\n  title: TextStyle,\n  icon: WmIconStyles,\n  subHeading: TextStyle,\n  axis: ChartStyleObject,\n  xAxis: ChartStyleObject,\n  yAxis: ChartStyleObject,\n  axisLabel: ChartStyleObject,\n  xAxisLabel: ChartStyleObject,\n  yAxisLabel: ChartStyleObject,\n  ticks: ChartStyleObject,\n  xTicks: ChartStyleObject,\n  yTicks: ChartStyleObject,\n  tickLabels: ChartStyleObject,\n  xTickLabels: ChartStyleObject,\n  yTickLabels: ChartStyleObject,\n  grid: ChartStyleObject,\n  xGrid: ChartStyleObject,\n  yGrid: ChartStyleObject,\n  legendText: TextStyle,\n  legenedDot: ViewStyle,\n  tooltipContainer: any,\n  tooltipPointer: any\n  tooltipXText: any,\n  tooltipYText: any,\n  bar: any;\n  centerLabel: ChartStyleObject,\n  skeleton?: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: BaseChartComponentStyles = defineStyles({\n    root: {},\n    text: {},\n    icon: {\n      icon: {\n        fontSize: 20\n      }\n    } as WmIconStyles,\n    line: {\n      color: themeVariables.chartLineColor\n    },\n    title: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n      lineHeight: 24,\n      paddingLeft: 10,\n    },\n    subHeading: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: themeVariables.chartSubTitleColor\n    },\n    legendText: {},\n    legenedDot: {},\n    axis: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.3).rgb().toString()\n    } as ChartStyleObject,\n    xAxis: {},\n    yAxis: {},\n    axisLabel: {},\n    xAxisLabel: {},\n    yAxisLabel: {},\n    grid: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n      strokeDasharray: '16 4'\n    } as ChartStyleObject,\n    xGrid: {},\n    yGrid: {},\n    ticks: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as ChartStyleObject,\n    xTicks: {},\n    yTicks: {},\n    tickLabels: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as ChartStyleObject,\n    xTickLabels: {},\n    yTickLabels: {},\n    barChart: {},\n    tooltipXText:{},\n    tooltipYText:{},\n    bar:{\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0\n    },\n    tooltipContainer: {\n      position: 'absolute',\n      flex: 1,\n      minWidth: 100,\n      minHeight: 60,\n      opacity: 0.9,\n      borderRadius: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      elevation: 2,\n      zIndex: 99\n    } as any,\n    tooltipPointer: {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      backgroundColor: themeVariables.transparent,\n      borderStyle: 'solid',\n      borderLeftWidth: 8,\n      borderRightWidth: 8,\n      borderBottomWidth: 12,\n      borderLeftColor: themeVariables.transparent,\n      borderRightColor: themeVariables.transparent,\n      borderBottomColor: themeVariables.tooltipBgColor,\n      overflow: 'hidden',\n    } as any,\n    centerLabel: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n    },\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,6 +10,19 @@ import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-r
 import WmBubbleChartProps from './bubble-chart.props';
 import { DEFAULT_CLASS } from './bubble-chart.styles';
 import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+const SHAPE_TO_SYMBOL = {
+  'circle': 'circle',
+  'rect': 'rect',
+  'square': 'rect',
+  'roundRect': 'roundRect',
+  'triangle': 'triangle',
+  'triangle-up': 'triangle',
+  'triangle-down': 'path://M0,500L500,-500L-500,-500Z',
+  'diamond': 'diamond',
+  'pin': 'pin',
+  'arrow': 'arrow',
+  'cross': 'path://M-70,-500L70,-500L70,-220L350,-220L350,-80L70,-80L70,500L-70,500L-70,-80L-350,-80L-350,-220L-70,-220Z M500,0L500,0Z M-500,0L-500,0Z'
+};
 export class WmBubbleChartState extends BaseChartComponentState {}
 export default class WmBubbleChart extends BaseChartComponent {
   constructor(props) {
@@ -57,17 +70,23 @@ export default class WmBubbleChart extends BaseChartComponent {
     const series = ((_this$state$colors = this.state.colors) !== null && _this$state$colors !== void 0 && _this$state$colors.length ? this.state.colors : ['#000']).map(color => ({
       color
     }));
+    const {
+      height: rootHeight,
+      ...wrapperStyle
+    } = this.styles.root;
+    const symbol = SHAPE_TO_SYMBOL[props.shape] || 'circle';
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root,
+      style: wrapperStyle,
       onLayout: this.onViewLayoutChange.bind(this)
-    }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
+    }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
       testID: "title-icon-container",
       style: {
         flexDirection: 'row',
         alignItems: 'center'
       }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }, props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       iconclass: props.iconclass,
+      iconurl: props.iconurl,
       styles: this.styles.icon
     }) : null, props.title ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.title
@@ -100,10 +119,10 @@ export default class WmBubbleChart extends BaseChartComponent {
       showYAxisSplitLines: !props.hidegridyaxis,
       xAxisLabel: this.state.xLabel || '',
       yAxisLabel: this.state.yLabel || '',
-      xAxisTickLabelFormatter: this.getXAxisTickLabelFormatter(),
-      yAxisTickLabelFormatter: this.getYAxisTickLabelFormatter(),
+      xAxisTickLabelFormatter: props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined,
+      yAxisTickLabelFormatter: props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined,
       showLegend: showLegend,
-      symbol: props.ticksymbol,
+      symbol: symbol,
       legendPosition: legendPosition,
       tooltip: props.tooltips ? this.hasCustomTooltip ? 'none' : (_props$tooltip = props.tooltip) !== null && _props$tooltip !== void 0 ? _props$tooltip : 'card' : 'none',
       renderTooltip: this.getRenderTooltip(),

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BubbleChart","AccessibilityWidgetType","getAccessibilityProps","BaseChartComponent","BaseChartComponentState","WmBubbleChartProps","DEFAULT_CLASS","WmIcon","WmBubbleChartState","WmBubbleChart","constructor","props","_defineProperty","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","updateState","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$intervalx","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","_pt$size","size","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","xaxisticks","getXAxisTickLabelFormatter","colors","color","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","chartWidth","ref","viewRef","width","screenWidth","height","theme","getChartTheme","sizeRange","sizerange","minY","minX","intervalX","intervalx","intervalY","intervaly","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","symbol","ticksymbol","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BubbleChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport isEmpty from 'lodash-es/isEmpty';\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  onSelect = (event: CartesianChartSelectEvent): void => {\n  if (!this.state.props.dataset) return;\n  const { dataIndex, y, seriesIndex } = event;\n  const selectedItem = this.props.dataset[dataIndex];\n  const selectedChartItem = [\n    { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n    dataIndex,\n  ];\n  this.updateState({\n    selectedItem: { ...selectedItem, index: dataIndex },\n  } as WmBubbleChartState);\n  this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n  renderWidget(props: WmBubbleChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    \n    const chartData = this.state.data.map((series: any[], i: number) => ({\n      name: this.state.yAxis[i],\n      data: series.map((pt: { x: number; y: number; size?: number }) =>\n        [pt.x, pt.y, pt.size ?? 5] as [number, number, number]\n      ),\n    }));\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    const minDomain = this.getMinDomain();\n    const xaxisticks = this.getXAxisTickLabelFormatter();\n    const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n      color,\n    }));\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n      >\n        <View>\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        {this.state.chartWidth ? (\n          <View ref={this.viewRef}>\n            <BubbleChart\n              data={chartData}\n              width={this.state.chartWidth || this.screenWidth}\n              height={this.styles.root.height as number}\n              colors={this.state.colors}\n              theme={this.getChartTheme(false, series)}\n              sizeRange={props.sizerange}\n              minY={minDomain.y}\n              minX={minDomain.x}\n              intervalX={props.intervalx ?? 1} \n              intervalY={props.intervaly}\n              grid={{\n                top: props.offsettop,\n                bottom: props.offsetbottom,\n                left: this.isRTL ? props.offsetright : props.offsetleft,\n                right: this.isRTL ? props.offsetleft : props.offsetright,\n              }}\n              showXAxis={props.showxaxis}\n              showXAxisTicks={props.showxaxisticks}\n              showYAxis={props.showyaxis}\n              showYAxisTicks={props.showyaxisticks}\n              showXAxisSplitLines={!props.hidegridxaxis}\n              showYAxisSplitLines={!props.hidegridyaxis}\n              xAxisLabel={this.state.xLabel || ''}\n              yAxisLabel={this.state.yLabel || ''}\n              xAxisTickLabelFormatter={this.getXAxisTickLabelFormatter()}\n              yAxisTickLabelFormatter={this.getYAxisTickLabelFormatter()}\n              showLegend={showLegend}\n              symbol={props.ticksymbol}\n              legendPosition={legendPosition}\n              tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n              renderTooltip={this.getRenderTooltip()}\n              showHighlighter={props.showhighlighter}\n              onSelect={this.onSelect}\n            />\n          </View>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BubbleChart","AccessibilityWidgetType","getAccessibilityProps","BaseChartComponent","BaseChartComponentState","WmBubbleChartProps","DEFAULT_CLASS","WmIcon","SHAPE_TO_SYMBOL","WmBubbleChartState","WmBubbleChart","constructor","props","_defineProperty","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","updateState","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$intervalx","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","_pt$size","size","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","xaxisticks","getXAxisTickLabelFormatter","colors","color","height","rootHeight","wrapperStyle","styles","root","symbol","shape","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","title","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","chartWidth","ref","viewRef","width","screenWidth","theme","getChartTheme","sizeRange","sizerange","minY","minX","intervalX","intervalx","intervalY","intervaly","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","undefined","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BubbleChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport isEmpty from 'lodash-es/isEmpty';\n\n\nconst SHAPE_TO_SYMBOL: {[key: string]: string} = {\n  'circle': 'circle',\n  'rect': 'rect',\n  'square': 'rect',\n  'roundRect': 'roundRect',\n  'triangle': 'triangle',\n  'triangle-up': 'triangle',\n  'triangle-down': 'path://M0,500L500,-500L-500,-500Z',\n  'diamond': 'diamond',\n  'pin': 'pin',\n  'arrow': 'arrow',\n  'cross': 'path://M-70,-500L70,-500L70,-220L350,-220L350,-80L70,-80L70,500L-70,500L-70,-80L-350,-80L-350,-220L-70,-220Z M500,0L500,0Z M-500,0L-500,0Z',\n};\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  onSelect = (event: CartesianChartSelectEvent): void => {\n  if (!this.state.props.dataset) return;\n  const { dataIndex, y, seriesIndex } = event;\n  const selectedItem = this.props.dataset[dataIndex];\n  const selectedChartItem = [\n    { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n    dataIndex,\n  ];\n  this.updateState({\n    selectedItem: { ...selectedItem, index: dataIndex },\n  } as WmBubbleChartState);\n  this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n  renderWidget(props: WmBubbleChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    \n    const chartData = this.state.data.map((series: any[], i: number) => ({\n      name: this.state.yAxis[i],\n      data: series.map((pt: { x: number; y: number; size?: number }) =>\n        [pt.x, pt.y, pt.size ?? 5] as [number, number, number]\n      ),\n    }));\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    const minDomain = this.getMinDomain();\n    const xaxisticks = this.getXAxisTickLabelFormatter();\n    const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n      color,\n    }));\n    const { height: rootHeight, ...wrapperStyle } = this.styles.root as any;\n    const symbol = SHAPE_TO_SYMBOL[props.shape] || 'circle';\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={wrapperStyle}\n        onLayout={this.onViewLayoutChange.bind(this)}\n      >\n        <View>\n          {(props.title || props.iconclass || props.iconurl) ? (\n            <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n              {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} 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        {this.state.chartWidth ? (\n          <View ref={this.viewRef}>\n            <BubbleChart\n              data={chartData}\n              width={this.state.chartWidth || this.screenWidth}\n              height={this.styles.root.height as number}\n              colors={this.state.colors}\n              theme={this.getChartTheme(false, series)}\n              sizeRange={props.sizerange}\n              minY={minDomain.y}\n              minX={minDomain.x}\n              intervalX={props.intervalx ?? 1} \n              intervalY={props.intervaly}\n              grid={{\n                top: props.offsettop,\n                bottom: props.offsetbottom,\n                left: this.isRTL ? props.offsetright : props.offsetleft,\n                right: this.isRTL ? props.offsetleft : props.offsetright,\n              }}\n              showXAxis={props.showxaxis}\n              showXAxisTicks={props.showxaxisticks}\n              showYAxis={props.showyaxis}\n              showYAxisTicks={props.showyaxisticks}\n              showXAxisSplitLines={!props.hidegridxaxis}\n              showYAxisSplitLines={!props.hidegridyaxis}\n              xAxisLabel={this.state.xLabel || ''}\n              yAxisLabel={this.state.yLabel || ''}\n              xAxisTickLabelFormatter={props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined}\n              yAxisTickLabelFormatter={props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined}\n              showLegend={showLegend}\n              symbol={symbol}\n              legendPosition={legendPosition}\n              tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n              renderTooltip={this.getRenderTooltip()}\n              showHighlighter={props.showhighlighter}\n              onSelect={this.onSelect}\n            />\n          </View>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,6 +10,7 @@ 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 WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { parseDimension } from '@wavemaker-ai/app-rn-runtime/core/utils';
 
 /** Maps Victory interpolation strings to ECharts LineChart curve types. */
 const getLineType = interpolation => {
@@ -80,21 +81,26 @@ export default class WmLineChart extends BaseChartComponent {
     const minDomain = this.getMinDomain();
     const series = ((_this$state$colors = this.state.colors) !== null && _this$state$colors !== void 0 && _this$state$colors.length ? this.state.colors : ['#000']).map(color => ({
       color,
-      lineWidth: Number(props.linethickness)
+      lineWidth: parseDimension(props.linethickness)
     }));
     const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);
+    const {
+      height: rootHeight,
+      ...wrapperStyle
+    } = this.styles.root;
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root,
+      style: wrapperStyle,
       onLayout: this.onViewLayoutChange.bind(this),
       key: `${props.title}_line_chart`
-    }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
+    }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
       testID: "title-icon-container",
       style: {
         flexDirection: 'row',
         alignItems: 'center'
       }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }, props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       iconclass: props.iconclass,
+      iconurl: props.iconurl,
       styles: this.styles.icon
     }) : null, props.title ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.title
@@ -129,8 +135,8 @@ export default class WmLineChart extends BaseChartComponent {
       showYAxisSplitLines: !props.hidegridyaxis,
       xAxisLabel: this.state.xLabel || '',
       yAxisLabel: this.state.yLabel || '',
-      xAxisTickLabelFormatter: this.getXAxisTickLabelFormatter(),
-      yAxisTickLabelFormatter: this.getYAxisTickLabelFormatter(),
+      xAxisTickLabelFormatter: props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined,
+      yAxisTickLabelFormatter: props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined,
       showLegend: showLegend,
       legendPosition: legendPosition,
       tooltip: props.tooltips ? this.hasCustomTooltip ? 'none' : (_props$tooltip = props.tooltip) !== null && _props$tooltip !== void 0 ? _props$tooltip : 'card' : 'none',

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","AccessibilityWidgetType","getAccessibilityProps","LineChart","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","getLineType","interpolation","includes","startsWith","WmLineChartState","constructor","args","_defineProperty","WmLineChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","type","showLegend","showlegend","legendPosition","minDomain","getMinDomain","colors","color","lineWidth","Number","linethickness","symbol","getSeriesSymbol","highlightpoints","ticksymbol","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","key","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","viewRef","screenWidth","height","theme","getChartTheme","step","stepposition","stackNormalize","stacknormalize","symbolSize","symbolsize","minY","minX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","getXAxisTickLabelFormatter","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervalx","intervalY","intervaly"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { LineChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\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 WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\n/** Maps Victory interpolation strings to ECharts LineChart curve types. */\nconst getLineType = (interpolation: string): 'default' | 'smooth' | 'step' => {\n  if (['natural', 'cardinal', 'catmullRom', 'basis', 'monotoneX', 'monotoneY'].includes(interpolation)) {\n    return 'smooth';\n  }\n  if (interpolation && interpolation.startsWith('step')) {\n    return 'step';\n  }\n  return 'default';\n};\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {\n  chartWidth = 0;\n}\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  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    const viewWidth = e.nativeEvent.layout.width;\n    this.handleLayout(e);\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmLineChartState);\n  }\n\n  onSelect = (event: CartesianChartSelectEvent): void => {\n    if (!this.state.props.dataset) return;\n    const { dataIndex, y, seriesIndex } = event;\n    const selectedItem = this.props.dataset[dataIndex];\n    const selectedChartItem = [\n      { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n      dataIndex,\n    ];\n    this.updateState({\n      selectedItem: { ...selectedItem, index: dataIndex },\n    } as WmLineChartState);\n    this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n  }\n\n  renderWidget(props: WmLineChartProps) {\n\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n\n    const chartData = this.state.data.map((series: any[], i: number) => ({\n      name: this.state.yAxis[i],\n      data: series.map((pt: { x: number; y: number }) => pt.y),\n    }));\n\n    const type = getLineType(props.interpolation);\n    // step sub-mode: only relevant when type resolves to 'step'\n    // const step: 'start' | 'middle' | 'end' | false =\n    //   type === 'step' ? (props.stepmode ?? 'start') : false;\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    const minDomain = this.getMinDomain();\n    const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n      color,\n      lineWidth: Number(props.linethickness),\n    }));\n    const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);\n\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n        key={`${props.title}_line_chart`}\n      >\n        <View>\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        {this.state.chartWidth ? (\n          <View ref={this.viewRef}>\n            <LineChart\n              data={chartData}\n              width={this.state.chartWidth || this.screenWidth}\n              height={this.styles.root.height as number}\n              colors={this.state.colors}\n              theme={this.getChartTheme(false, series)}\n              type={type}\n              step={props.stepposition}\n              stackNormalize={props.stacknormalize}\n              symbol={symbol}\n              symbolSize={props.symbolsize}\n              minY={minDomain.y}\n              minX={minDomain.x}\n              grid={{\n                top: props.offsettop,\n                bottom: props.offsetbottom,\n                left: this.isRTL ? props.offsetright : props.offsetleft,\n                right: this.isRTL ? props.offsetleft : props.offsetright,\n              }}\n              showXAxis={props.showxaxis}\n              showXAxisTicks={props.showxaxisticks}\n              showYAxis={props.showyaxis}\n              showYAxisTicks={props.showyaxisticks}\n              showXAxisSplitLines={!props.hidegridxaxis}\n              showYAxisSplitLines={!props.hidegridyaxis}\n              xAxisLabel={this.state.xLabel || ''}\n              yAxisLabel={this.state.yLabel || ''}\n              xAxisTickLabelFormatter={this.getXAxisTickLabelFormatter()}\n              yAxisTickLabelFormatter={this.getYAxisTickLabelFormatter()}\n              showLegend={showLegend}\n              legendPosition={legendPosition}\n              tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n              renderTooltip={this.getRenderTooltip()}\n              showHighlighter={this.props.showhighlighter}\n              onSelect={this.onSelect}\n              intervalX={props.intervalx}\n              intervalY={props.intervaly}\n            />\n          </View>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","AccessibilityWidgetType","getAccessibilityProps","LineChart","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","parseDimension","getLineType","interpolation","includes","startsWith","WmLineChartState","constructor","args","_defineProperty","WmLineChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","type","showLegend","showlegend","legendPosition","minDomain","getMinDomain","colors","color","lineWidth","linethickness","symbol","getSeriesSymbol","highlightpoints","ticksymbol","height","rootHeight","wrapperStyle","styles","root","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","key","title","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","viewRef","screenWidth","theme","getChartTheme","step","stepposition","stackNormalize","stacknormalize","symbolSize","symbolsize","minY","minX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","getXAxisTickLabelFormatter","undefined","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervalx","intervalY","intervaly"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { LineChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\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 WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { parseDimension } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\n/** Maps Victory interpolation strings to ECharts LineChart curve types. */\nconst getLineType = (interpolation: string): 'default' | 'smooth' | 'step' => {\n  if (['natural', 'cardinal', 'catmullRom', 'basis', 'monotoneX', 'monotoneY'].includes(interpolation)) {\n    return 'smooth';\n  }\n  if (interpolation && interpolation.startsWith('step')) {\n    return 'step';\n  }\n  return 'default';\n};\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {\n  chartWidth = 0;\n}\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  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    const viewWidth = e.nativeEvent.layout.width;\n    this.handleLayout(e);\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmLineChartState);\n  }\n\n  onSelect = (event: CartesianChartSelectEvent): void => {\n    if (!this.state.props.dataset) return;\n    const { dataIndex, y, seriesIndex } = event;\n    const selectedItem = this.props.dataset[dataIndex];\n    const selectedChartItem = [\n      { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n      dataIndex,\n    ];\n    this.updateState({\n      selectedItem: { ...selectedItem, index: dataIndex },\n    } as WmLineChartState);\n    this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n  }\n\n  renderWidget(props: WmLineChartProps) {\n\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n\n    const chartData = this.state.data.map((series: any[], i: number) => ({\n      name: this.state.yAxis[i],\n      data: series.map((pt: { x: number; y: number }) => pt.y),\n    }));\n\n    const type = getLineType(props.interpolation);\n    // step sub-mode: only relevant when type resolves to 'step'\n    // const step: 'start' | 'middle' | 'end' | false =\n    //   type === 'step' ? (props.stepmode ?? 'start') : false;\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    const minDomain = this.getMinDomain();\n    const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n      color,\n      lineWidth: parseDimension(props.linethickness),\n    }));\n    const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);\n\n    const { height: rootHeight, ...wrapperStyle } = this.styles.root as any;\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={wrapperStyle}\n        onLayout={this.onViewLayoutChange.bind(this)}\n        key={`${props.title}_line_chart`}\n      >\n        <View>\n          {(props.title || props.iconclass || props.iconurl) ? (\n            <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n              {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} 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        {this.state.chartWidth ? (\n          <View ref={this.viewRef}>\n            <LineChart\n              data={chartData}\n              width={this.state.chartWidth || this.screenWidth}\n              height={this.styles.root.height as number}\n              colors={this.state.colors}\n              theme={this.getChartTheme(false, series)}\n              type={type}\n              step={props.stepposition}\n              stackNormalize={props.stacknormalize}\n              symbol={symbol}\n              symbolSize={props.symbolsize}\n              minY={minDomain.y}\n              minX={minDomain.x}\n              grid={{\n                top: props.offsettop,\n                bottom: props.offsetbottom,\n                left: this.isRTL ? props.offsetright : props.offsetleft,\n                right: this.isRTL ? props.offsetleft : props.offsetright,\n              }}\n              showXAxis={props.showxaxis}\n              showXAxisTicks={props.showxaxisticks}\n              showYAxis={props.showyaxis}\n              showYAxisTicks={props.showyaxisticks}\n              showXAxisSplitLines={!props.hidegridxaxis}\n              showYAxisSplitLines={!props.hidegridyaxis}\n              xAxisLabel={this.state.xLabel || ''}\n              yAxisLabel={this.state.yLabel || ''}\n              xAxisTickLabelFormatter={props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined}\n              yAxisTickLabelFormatter={props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined}\n              showLegend={showLegend}\n              legendPosition={legendPosition}\n              tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n              renderTooltip={this.getRenderTooltip()}\n              showHighlighter={this.props.showhighlighter}\n              onSelect={this.onSelect}\n              intervalX={props.intervalx}\n              intervalY={props.intervaly}\n            />\n          </View>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,6 +11,7 @@ import { DEFAULT_CLASS } from './pie-chart.styles';
 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 { formatCompactNumber } from '@wavemaker-ai/app-rn-runtime/core/utils';
 export class WmPieChartState extends BaseChartComponentState {
   constructor(...args) {
     super(...args);
@@ -63,6 +64,24 @@ export default class WmPieChart extends BaseChartComponent {
       });
       this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);
     });
+    _defineProperty(this, "getLabel", params => {
+      const {
+        name,
+        value
+      } = params;
+      switch (this.state.props.labeltype) {
+        case 'percent':
+          return Math.round(value * 100 / this.state.total) + '%';
+        case 'key':
+          return name;
+        case 'value':
+          return formatCompactNumber(value);
+        case 'key-value':
+          return `${name} ${value}`;
+        default:
+          return name;
+      }
+    });
   }
   componentDidMount() {
     super.componentDidMount();
@@ -89,7 +108,6 @@ export default class WmPieChart extends BaseChartComponent {
     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;
@@ -103,14 +121,15 @@ export default class WmPieChart extends BaseChartComponent {
       key: `${props.title}_pie_chart`
     }), /*#__PURE__*/React.createElement(View, {
       onLayout: this.onInfoViewLayoutChange
-    }, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
+    }, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
       testID: "title-icon-container",
       style: {
         flexDirection: 'row',
         alignItems: 'center'
       }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }, props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       iconclass: props.iconclass,
+      iconurl: props.iconurl,
       styles: this.styles.icon
     }) : null, props.title ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.title
@@ -129,7 +148,8 @@ export default class WmPieChart extends BaseChartComponent {
       theme: this.getChartTheme(),
       showLabel: showLabel,
       labelPosition: labelPosition,
-      showLabelLine: props.showLabelLine,
+      showLabelLine: props.showlabelline,
+      labelFormatter: this.getLabel,
       showLegend: showLegend,
       legendPosition: legendPosition,
       renderTooltip: this.getRenderTooltip(),

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","View","Text","AccessibilityWidgetType","getAccessibilityProps","PieChart","WmPieChartProps","DEFAULT_CLASS","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","formatCompactNumber","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","params","labeltype","Math","round","total","componentDidMount","renderWidget","_props$tooltip","length","pieData","chartData","map","d","xaxisDatakeyArr","itemStyle","color","colors","orderedData","isRTL","reverse","radius","donutratio","showLabel","showlabels","labelPosition","showLegend","showlegend","legendPosition","includes","chartHeight","styles","root","createElement","_extends","style","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","position","ref","viewRef","theme","getChartTheme","showLabelLine","showlabelline","labelFormatter","getLabel","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';\nimport { formatCompactNumber } from '@wavemaker-ai/app-rn-runtime/core/utils';\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\n  getLabel = (params: any): string => {\n    const { name, value } = params;\n    switch (this.state.props.labeltype) {\n      case 'percent':\n        return Math.round(value * 100 / this.state.total) + '%';\n      case 'key':\n        return name;\n      case 'value':\n        return formatCompactNumber(value);\n      case 'key-value':\n        return `${name} ${value}`;\n      default:\n        return name;\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\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 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 || props.iconurl) ? (\n            <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n              {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} 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              labelFormatter={this.getLabel}\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,7 +9,7 @@ export default class WmPieChartProps extends BaseChartComponentProps {
     _defineProperty(this, "labelplacement", 'vertical');
     _defineProperty(this, "centerlabel", '');
     _defineProperty(this, "onSelect", void 0);
-    _defineProperty(this, "showLabelLine", true);
+    _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';\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":[]}
+{"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/accordion.component.js

@@ -58,6 +58,9 @@ export default class WmAccordion extends BaseComponent {
     const collapsedIconClass = collapsedIcon || (useChevron ? 'wi wi-chevron-up' : 'wi wi-plus');
     return isExpanded ? expandedIconClass : collapsedIconClass;
   }
+  getExpandCollapseIconUrl(isExpanded, expandedIconUrl, collapsedIconUrl) {
+    return isExpanded ? expandedIconUrl : collapsedIconUrl;
+  }
   expandCollapseIcon(item, index, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {
     const widgetProps = item.props;
     //@ts-ignore
@@ -67,6 +70,9 @@ export default class WmAccordion extends BaseComponent {
     const expandedIconOverride = this.state.props.expandediconclass;
     const collapsedIconOverride = this.state.props.collapsediconclass;
     const iconclass = this.getExpandCollapseIconClass(isExpanded, useChevron, expandedIconOverride, collapsedIconOverride);
+    const expandedIconUrlOverride = this.state.props.expandediconurl;
+    const collapsedIconUrlOverride = this.state.props.collapsediconurl;
+    const iconurl = this.getExpandCollapseIconUrl(isExpanded, expandedIconUrlOverride, collapsedIconUrlOverride);
     return /*#__PURE__*/React.createElement(View, {
       style: {
         flexDirection: 'row'
@@ -75,7 +81,8 @@ export default class WmAccordion extends BaseComponent {
       id: this.getTestId('icon' + index),
       styles: this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null),
       name: 'expand_collapse_icon',
-      iconclass: iconclass
+      iconclass: iconclass,
+      iconurl: iconurl
     }) : null);
   }
   renderAccordionpane(item, index, accordionpanes = []) {
@@ -100,11 +107,12 @@ export default class WmAccordion extends BaseComponent {
       onPress: this.toggle.bind(this, index + 1, !isExpanded)
     }), this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded), /*#__PURE__*/React.createElement(View, {
       style: [this.styles.titleWrapper, dynamicTitleWrapperStyles]
-    }, item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }, item.props.iconclass || item.props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('icon'),
       styles: titleIconStyles,
       name: item.props.name + '_icon',
-      iconclass: item.props.iconclass
+      iconclass: item.props.iconclass,
+      iconurl: item.props.iconurl
     }) : null, /*#__PURE__*/React.createElement(View, {
       style: {
         flexDirection: 'column',