mario-education 2.4.163-up → 2.4.165-up

package/dist/index.js

@@ -29056,13 +29056,17 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
     var _datum$arc = datum.arc,
       startAngle = _datum$arc.startAngle,
       endAngle = _datum$arc.endAngle,
-      innerRadius = _datum$arc.innerRadius,
       outerRadius = _datum$arc.outerRadius,
       padAngle = _datum$arc.padAngle;
-    var angle = (startAngle + endAngle) / 2 + padAngle / 2;
-    var radius = (innerRadius + outerRadius) * 1.3;
-    var x = Math.cos(angle - Math.PI / 2) * radius;
-    var y = Math.sin(angle - Math.PI / 2) * radius;
+    var angle = (startAngle + endAngle) / 2 + padAngle;
+    var radius = outerRadius + 16 + (!isMobileScreen ? 120 : 100) / 2;
+    var alpha = Math.PI / 2 - angle;
+    if (angle >= 3 * Math.PI / 2) alpha = 5 * Math.PI / 2 - angle;
+    var onOyAxis = alpha === Math.PI / 2 ? 1 : alpha === -Math.PI / 2 ? -1 : 0;
+    var xDirection = alpha > -Math.PI / 2 && alpha < Math.PI / 2 ? 1 : -1;
+    var yDirection = alpha < 0 ? 1 : -1;
+    var x = onOyAxis != 0 ? 0 : radius / Math.sqrt(1 + Math.pow(Math.tan(alpha), 2)) * xDirection;
+    var y = onOyAxis != 0 ? -onOyAxis * radius : Math.abs(Math.tan(alpha) * x) * yDirection;
     var labelLines = wrapTextToWidth(label, !isMobileScreen ? 120 : 100) || [];
     return React__default.createElement("g", {
       transform: "translate(" + x + "," + y + ")"
@@ -29113,7 +29117,8 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
   }) ? React__default.createElement("div", {
     style: {
       marginLeft: !isMobileScreen ? 0 : -410
-    }
+    },
+    className: "top-learning-strategy--admin"
   }, React__default.createElement(Chart, {
     options: learningStrategyChartOptions(!isMobileScreen ? wrapLabel : labelNames, usageCount, isMobileScreen),
     series: !isMobileScreen ? seriesLearningStrategy : seriesLearningStrategyMobile,
@@ -29136,7 +29141,7 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
     className: "" + styles$1["title-chart"]
   }, t(topMostUsedStrategiesName)), React__default.createElement("p", {
     className: "" + styles$1["description-chart"]
-  }, "How many times a strategy has been chosen"))), React__default.createElement(pie.ResponsivePie, {
+  }, "How many times a strategy has been chosen"))), dataConvert.length > 0 ? React__default.createElement(pie.ResponsivePie, {
     data: dataConvert,
     margin: screenWidth > 550 ? largeMarginChart : smallMarginChart,
     innerRadius: 0.5,
@@ -29145,7 +29150,13 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
     colors: colors,
     arcLabelsComponent: CustomArcLabel,
     arcLinkLabelComponent: WrappedTextArcLinkLabel
-  }))));
+  }) : React__default.createElement("p", {
+    className: "px-2 py-3 text-muted"
+  }, React__default.createElement("i", {
+    style: {
+      fontSize: "14px"
+    }
+  }, t("no_data"))))));
 };
 var propsAreEqual = function propsAreEqual(preProps, nextProps) {
   return JSON.stringify(preProps) === JSON.stringify(nextProps);