touchstudy-core 0.1.188 → 0.1.189

package/dist/containers/ExamResult/components/Charts/HexagonChart.d.ts

@@ -3,11 +3,11 @@ interface Props {
     id: string;
     myData: number[];
     avgData: number[];
-    categories: string[];
+    categories: any[];
     height?: number;
     isPrint?: boolean;
     customTooltip?: (val: any) => string;
-    xAxisLabelFormatter?: (val: string, option: any) => string;
+    xAxisLabelFormatter?: (val: string, option: any) => any;
     onRendered?: () => void;
 }
 declare const HexagonChart: FC<Props>;

package/dist/containers/ExamResult/components/OverallTabs/CategoriesOverallChartContainer.d.ts

@@ -3,10 +3,10 @@ export interface CategoriesOverallChartContainerProps {
     isLoading: boolean;
     myData: number[];
     avgData: number[];
-    shortCategories: string[];
+    shortCategories: any[];
     isPrint?: boolean;
     formatTooltip: (val: any) => string;
-    xAxisLabelFormatter: (val: string, option: any) => string;
+    xAxisLabelFormatter?: (val: string, option: any) => any;
     onRendered?: () => void;
 }
 declare const CategoriesOverallChartContainer: FC<CategoriesOverallChartContainerProps>;

package/dist/containers/ExamResult/components/OverallTabs/OverallChartContainer.d.ts

@@ -3,10 +3,10 @@ export interface OverallChartContainerProps {
     isLoading: boolean;
     myData: number[];
     avgData: number[];
-    shortCategories: string[];
+    shortCategories: any[];
     isPrint?: boolean;
     formatTooltip: (val: any) => string;
-    xAxisLabelFormatter: (val: string, option: any) => string;
+    xAxisLabelFormatter?: (val: string, option: any) => any;
     onRendered?: () => void;
 }
 declare const OverallChartContainer: FC<OverallChartContainerProps>;

package/dist/containers/ExamResult/configs/constants.d.ts

@@ -146,7 +146,6 @@ export declare const DEFAULT_HEXAGON_OPTIONS: {
                 fontFamily: string;
                 colors: string[];
             };
-            formatter: (val: string) => string;
         };
     };
     colors: string[];

package/dist/containers/ExamResult/hooks/useCategoriesOverallChartContainer.d.ts

@@ -3,7 +3,7 @@ declare const useCategoriesOverallChartContainer: (isStudent: boolean, examCode:
     myData: number[];
     avgData: number[];
     shortCategories: string[];
-    xAxisLabelFormatter: (_: string, { dataPointIndex }: any) => string;
+    xAxisLabelFormatter: (_: string, { dataPointIndex }: any) => string | string[][];
     formatTooltip: ({ dataPointIndex, w }: any) => string;
 };
 export default useCategoriesOverallChartContainer;

package/dist/index.js

@@ -6616,7 +6616,7 @@ var useCountDownTimer = function useCountDownTimer(props) {
       !!requestRef.current && cancelAnimationFrame(requestRef.current);
       setRemainTime(undefined);
     };
-  }, [startTime, duration]);
+  }, [startTime, duration, status]);
   React.useEffect(function () {
     if (typeof remainTime === "number" && remainTime <= 0) checkLiveExamStatus();
   }, [remainTime, checkLiveExamStatus]);
@@ -16345,9 +16345,6 @@ var DEFAULT_HEXAGON_OPTIONS = {
         fontSize: "14px",
         fontFamily: "Pretendard,sans-serif",
         colors: [grey[700], grey[700], grey[700], grey[700], grey[700], grey[700]]
-      },
-      formatter: function formatter(val) {
-        return val.length > 4 ? val.slice(0, 4) + '...' : val;
       }
     }
   },
@@ -22225,9 +22222,13 @@ var HexagonChart = function HexagonChart(_ref2) {
       }),
       xaxis: _extends({}, DEFAULT_HEXAGON_OPTIONS.xaxis, {
         categories: normalizeArray(categories, 6, ''),
-        labels: _extends({}, DEFAULT_HEXAGON_OPTIONS.xaxis.labels, xAxisLabelFormatter && {
+        labels: _extends({}, DEFAULT_HEXAGON_OPTIONS.xaxis.labels, xAxisLabelFormatter && _extends({
           formatter: xAxisLabelFormatter
-        })
+        }, isPrint && {
+          style: _extends({}, DEFAULT_HEXAGON_OPTIONS.xaxis.labels.style, {
+            fontSize: "12px"
+          })
+        }))
       }),
       tooltip: _extends({}, DEFAULT_HEXAGON_OPTIONS.tooltip, !!customTooltip && {
         custom: customTooltip
@@ -22511,7 +22512,7 @@ var OverallChartContainer = function OverallChartContainer(_ref) {
     categories: shortCategories,
     customTooltip: formatTooltip,
     xAxisLabelFormatter: xAxisLabelFormatter,
-    height: isPrint ? 300 : 400,
+    height: isPrint ? 350 : 400,
     isPrint: isPrint,
     onRendered: onRendered
   }));
@@ -22546,7 +22547,7 @@ var CategoriesOverallChartContainer = function CategoriesOverallChartContainer(_
     categories: shortCategories,
     customTooltip: formatTooltip,
     xAxisLabelFormatter: xAxisLabelFormatter,
-    height: isPrint ? 300 : 400,
+    height: isPrint ? 350 : 400,
     onRendered: onRendered,
     isPrint: isPrint
   }));
@@ -24006,8 +24007,12 @@ var useOverallChartContainer = function useOverallChartContainer(isStudent, exam
     return i.slice(0, 4) + "...";
   });
   var xAxisLabelFormatter = React.useCallback(function (_, _ref) {
+    var _categories$dataPoint, _categories$dataPoint2;
     var dataPointIndex = _ref.dataPointIndex;
-    return categories[dataPointIndex];
+    if (dataPointIndex === 0 || dataPointIndex === 3) return categories[dataPointIndex];
+    var texts = (_categories$dataPoint = (_categories$dataPoint2 = categories[dataPointIndex]) === null || _categories$dataPoint2 === void 0 ? void 0 : _categories$dataPoint2.split(" ")) != null ? _categories$dataPoint : [];
+    var middle = Math.floor(texts.length / 2);
+    return [texts.slice(0, middle), texts.slice(middle)];
   }, [JSON.stringify(categories)]);
   var formatTooltip = React.useCallback(function (_ref2) {
     var _overallData$data$0$h, _overallData$data$, _overallData$data$1$h, _overallData$data$2, _overallData$data$2$h, _overallData$data$0$q, _overallData$data$3, _overallData$data$1$q, _overallData$data$4, _overallData$data$0$p, _overallData$data$5, _overallData$data$1$p, _overallData$data$6, _overallData$data$0$t, _overallData$data$7, _overallData$data$1$t, _overallData$data$8, _overallData$data$8$t, _overallData$data$0$l, _overallData$data$9, _overallData$data$1$l, _overallData$data$10, _overallData$data$10$, _overallData$data$0$c, _overallData$data$11, _overallData$data$11$, _overallData$data$1$c, _overallData$data$12, _overallData$data$12$;
@@ -24136,8 +24141,12 @@ var useCategoriesOverallChartContainer = function useCategoriesOverallChartConta
     });
   }, [overallData]);
   var xAxisLabelFormatter = React.useCallback(function (_, _ref) {
+    var _categories$dataPoint, _categories$dataPoint2;
     var dataPointIndex = _ref.dataPointIndex;
-    return categories[dataPointIndex];
+    if (dataPointIndex === 0 || dataPointIndex === 3) return categories[dataPointIndex];
+    var texts = (_categories$dataPoint = (_categories$dataPoint2 = categories[dataPointIndex]) === null || _categories$dataPoint2 === void 0 ? void 0 : _categories$dataPoint2.split(" ")) != null ? _categories$dataPoint : [];
+    var middle = Math.floor(texts.length / 2);
+    return [texts.slice(0, middle), texts.slice(middle)];
   }, [JSON.stringify(categories)]);
   var formatTooltip = React.useCallback(function (_ref2) {
     var _toFixed, _ref3, _toFixed2, _ref4;