chore: revert frappe-charts.esm.js

dist/frappe-charts.esm.js

@@ -167,8 +167,7 @@ const DEFAULT_COLORS = {
 	pie: DEFAULT_CHART_COLORS,
 	percentage: DEFAULT_CHART_COLORS,
 	heatmap: HEATMAP_COLORS_GREEN,
-	donut: DEFAULT_CHART_COLORS,
+	donut: DEFAULT_CHART_COLORS
-	funnel: DEFAULT_CHART_COLORS,
 };
 
 // Universal constants
@@ -300,6 +299,10 @@ class SvgTip {
 	}
 }
 
+/**
+ * Returns the value of a number upto 2 decimal places.
+ * @param {Number} d Any number
+ */
 function floatTwo(d) {
 	return parseFloat(d.toFixed(2));
 }
@@ -379,34 +382,6 @@ function equilizeNoOfElements(array1, array2,
 	return [array1, array2];
 }
 
-function getEndpointsForTrapezoid(startPositions, height) {
-	const endPosition = [];
-	let [point_a, point_b] = startPositions;
-
-	// For an equilateral triangle, the angles are always 60 deg.
-	// The end points on the polygons can be created using the following formula
-	//
-	// end_point_x = start_x +/- height * 1/√3
-	// end_point_y = start_y + height
-	//
-	//      b
-	//    _______________________________
-	//    \  |_|                        /
-	//     \   |                       /
-	//      \  | h                    /
-	//       \ |                     /
-	//        \|____________________/
-	//
-	//     b = h * tan(30 deg)
-	//
-
-	let multiplicationFactor = 1.0/Math.sqrt(3);
-	endPosition[0] = [point_a[0] + height * multiplicationFactor, point_a[1] + height];
-	endPosition[1] = [point_b[0] - height * multiplicationFactor, point_b[1] + height];
-
-	return endPosition;
-}
-
 function truncateString(txt, len) {
 	if (!txt) {
 		return;
@@ -707,16 +682,6 @@ function percentageBar(x, y, width, height,
 	return createSVG("rect", args);
 }
 
-function funnelSlice(className, start, end, fill='none') {
-	const points = `${start[0].join()} ${start[1].join()} ${end[1].join()} ${end[0].join()}`;
-	let args = {
-		className: 'funnel-slice',
-		points: points,
-		fill: fill
-	};
-	return createSVG("polygon", args)
-}
-
 function heatSquare(className, x, y, size, fill='none', data={}) {
 	let args = {
 		className: className,
@@ -2078,18 +2043,6 @@ let componentConfigs = {
 			if(newData) return [];
 		}
 	},
-	funnelSlices: {
-		layerClass: 'funnel-slices',
-		makeElements(data) {
-			return data.slicePoints.map((p, i) => {
-				return funnelSlice('funnel-slice', p[0], p[1], data.colors[i]);
-			});
-		},
-
-		animateElements(newData) {
-			if(newData) return [];
-		}
-	},
 	yAxis: {
 		layerClass: 'y axis',
 		makeElements(data) {
@@ -4019,90 +3972,7 @@ class DonutChart extends AggregationChart {
 	}
 }
 
-class FunnelChart extends AggregationChart {
+// import MultiAxisChart from './charts/MultiAxisChart';
-	constructor(parent, args) {
-		super(parent, args);
-		this.type = 'funnel';
-		window.funnel = this;
-		this.setup();
-	}
-
-	calc() {
-		super.calc();
-		let s = this.state;
-		
-		// calculate width and height options
-		const totalheight = this.height * 0.9;
-		const baseWidth = (2 * totalheight) / Math.sqrt(3);
-		
-
-		const reducer = (accumulator, currentValue, index) => accumulator + currentValue;
-		const weightage = s.sliceTotals.reduce(reducer, 0.0);
-
-		const center_x_offset = this.center.x - baseWidth / 2;
-		const center_y_offset = this.center.y - totalheight / 2;
-
-		let slicePoints = [];
-		let startPoint = [[center_x_offset, center_y_offset], [center_x_offset + baseWidth, center_y_offset]];
-		s.sliceTotals.forEach((d, i) => {
-			let height = totalheight * d / weightage;
-			let endPoint = getEndpointsForTrapezoid(startPoint, height);
-			slicePoints.push([startPoint, endPoint]);
-			startPoint = endPoint;
-		});
-		s.slicePoints = slicePoints;
-	}
-
-	setupComponents() {
-		let s = this.state;
-
-		let componentConfigs = [
-			[
-				'funnelSlices',
-				{ },
-				function() {
-					return {
-						slicePoints: s.slicePoints,
-						colors: this.colors
-					};
-				}.bind(this)
-			]
-		];
-
-		this.components = new Map(componentConfigs
-			.map(args => {
-				let component = getComponent(...args);
-				return [args[0], component];
-			}));
-	}
-
-	makeDataByIndex() { }
-
-	bindTooltip() {
-		function getPolygonWidth(slice)  {
-			const points = slice.points;
-			return points[1].x - points[0].x
-		}
-
-		this.container.addEventListener('mousemove', (e) => {
-			let slices = this.components.get('funnelSlices').store;
-			let slice = e.target;
-			if(slices.includes(slice)) {
-				let i = slices.indexOf(slice);
-
-				let gOff = getOffset(this.container), pOff = getOffset(slice);
-				let x = pOff.left - gOff.left + getPolygonWidth(slice)/2;
-				let y = pOff.top - gOff.top;
-				let title = (this.formatted_labels && this.formatted_labels.length > 0
-					? this.formatted_labels[i] : this.state.labels[i]) + ': ';
-				let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);
-				this.tip.setValues(x, y, {name: title, value: percent + "%"});
-				this.tip.showTip();
-			}
-		});
-	}
-}
-
 const chartTypes = {
 	bar: AxisChart,
 	line: AxisChart,
@@ -4111,7 +3981,6 @@ const chartTypes = {
 	heatmap: Heatmap,
 	pie: PieChart,
 	donut: DonutChart,
-	funnel: FunnelChart,
 };
 
 function getChartByType(chartType = 'line', parent, options) {