touchstudy-core 0.1.188 → 0.1.190

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

@@ -23,6 +23,7 @@ var reactGoogleLogin = require('@leecheuk/react-google-login');
 require('moment/locale/ko.js');
 require('moment/locale/en-au.js');
 var reactVirtualized = require('react-virtualized');
+var styles$d = require('@mui/material/styles');
 var MButton = _interopDefault(require('@mui/material/Button'));
 var DialogTitle = _interopDefault(require('@mui/material/DialogTitle'));
 var DialogContent = _interopDefault(require('@mui/material/DialogContent'));
@@ -36,7 +37,6 @@ var CreatableSelect = _interopDefault(require('react-select/creatable'));
 var tinymce = _interopDefault(require('tinymce'));
 require('@wiris/mathtype-tinymce6');
 var tinymceReact = require('@tinymce/tinymce-react');
-var styles$d = require('@mui/material/styles');
 var fa6 = require('react-icons/fa6');
 var md = require('react-icons/md');
 var colors = require('@mui/material/colors');
@@ -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]);
@@ -7321,6 +7321,138 @@ var useVirtualizeList = function useVirtualizeList(totalItems, rowHeight, offset
   OrderBy["DESC"] = "DESC";
 })(exports.OrderBy || (exports.OrderBy = {}));
 
+var grey = {
+  0: '#FFFFFF',
+  50: "#FBFBF9",
+  100: '#EAEAE5',
+  200: '#F4F6F8',
+  300: '#D0D0C8',
+  400: '#C4CDD5',
+  500: '#9A9A98',
+  600: '#637381',
+  700: '#5D5D5B',
+  800: '#212B36',
+  900: '#363634'
+};
+var green = {
+  0: '#FFFFFF',
+  100: '#F0FFF6',
+  300: '#89F0B2',
+  500: '#3DC674',
+  700: '#349056',
+  900: '#18442A'
+};
+var main_theme = {
+  lighter: green[100],
+  light: green[300],
+  less_dark: green[500],
+  dark: green[700],
+  darker: green[900]
+};
+var primary = {
+  lighter: '#D0ECFE',
+  light: '#73BAFB',
+  main: '#1877F2',
+  dark: '#0C44AE',
+  darker: '#042174',
+  contrastText: '#FFFFFF'
+};
+var secondary = {
+  lighter: '#EFD6FF',
+  light: '#C684FF',
+  main: '#8E33FF',
+  dark: '#5119B7',
+  darker: '#27097A',
+  contrastText: '#FFFFFF'
+};
+var info = {
+  lighter: '#CAFDF5',
+  light: '#61F3F3',
+  main: '#00B8D9',
+  dark: '#006C9C',
+  darker: '#003768',
+  contrastText: '#FFFFFF'
+};
+var success = {
+  lighter: '#C8FAD6',
+  light: '#5BE49B',
+  main: '#00A76F',
+  dark: '#007867',
+  darker: '#004B50',
+  contrastText: '#FFFFFF'
+};
+var warning$1 = {
+  lighter: '#FFF5CC',
+  light: '#FFD666',
+  main: '#FFAB00',
+  dark: '#B76E00',
+  darker: '#7A4100',
+  contrastText: grey[800]
+};
+var error = {
+  lighter: '#FFE9D5',
+  light: '#FFAC82',
+  main: '#FF5630',
+  dark: '#B71D18',
+  darker: '#7A0916',
+  contrastText: '#FFFFFF'
+};
+var red = {
+  100: '#FEF8F8',
+  300: '#FEF8F8',
+  500: '#F4CACA',
+  900: '#DB4D4D'
+};
+var yellow = {
+  900: '#FEAF06'
+};
+var green_support = {
+  100: '#F6FDF7',
+  500: '#AEEAB3',
+  900: '#3ACB46'
+};
+var purple = {
+  900: '#C3099A'
+};
+var dark_purple = {
+  900: '#6B0861'
+};
+var dark_red = {
+  900: '#800202'
+};
+var common = {
+  black: '#000000',
+  white: '#FFFFFF'
+};
+var action$2 = {
+  hover: styles$d.alpha(grey[500], 0.08),
+  selected: styles$d.alpha(grey[500], 0.16),
+  disabled: styles$d.alpha(grey[500], 0.8),
+  disabledBackground: styles$d.alpha(grey[500], 0.24),
+  focus: styles$d.alpha(grey[500], 0.24),
+  hoverOpacity: 0.08,
+  disabledOpacity: 0.48
+};
+var base = {
+  primary: primary,
+  secondary: secondary,
+  info: info,
+  main_theme: main_theme,
+  success: success,
+  warning: warning$1,
+  error: error,
+  grey: grey,
+  common: common,
+  red: red,
+  yellow: yellow,
+  green_support: green_support,
+  purple: purple,
+  dark_purple: dark_purple,
+  dark_red: dark_red,
+  divider: styles$d.alpha(grey[500], 0.2),
+  action: action$2
+};
+
 var ConfirmDialog = function ConfirmDialog(_ref) {
   var open = _ref.open,
     text = _ref.text,
@@ -7439,10 +7571,13 @@ var ConfirmDialog = function ConfirmDialog(_ref) {
     disabled: isDisableDelete,
     onClick: handleConfirm,
     sx: _extends({}, okButtonStyle, isDelete && {
-      backgroundColor: "#db4d4d",
+      backgroundColor: error.main,
       color: "#FFFFFF",
+      "&:disabled": {
+        backgroundColor: error.light
+      },
       "&:hover": {
-        backgroundColor: "#C41414"
+        backgroundColor: error.dark
       }
     })
   }, okText || t('yes'))));
@@ -10411,138 +10546,6 @@ var cellMeasurerCache = new reactVirtualized.CellMeasurerCache({
   defaultHeight: 50
 });
 
-var grey = {
-  0: '#FFFFFF',
-  50: "#FBFBF9",
-  100: '#EAEAE5',
-  200: '#F4F6F8',
-  300: '#D0D0C8',
-  400: '#C4CDD5',
-  500: '#9A9A98',
-  600: '#637381',
-  700: '#5D5D5B',
-  800: '#212B36',
-  900: '#363634'
-};
-var green = {
-  0: '#FFFFFF',
-  100: '#F0FFF6',
-  300: '#89F0B2',
-  500: '#3DC674',
-  700: '#349056',
-  900: '#18442A'
-};
-var main_theme = {
-  lighter: green[100],
-  light: green[300],
-  less_dark: green[500],
-  dark: green[700],
-  darker: green[900]
-};
-var primary = {
-  lighter: '#D0ECFE',
-  light: '#73BAFB',
-  main: '#1877F2',
-  dark: '#0C44AE',
-  darker: '#042174',
-  contrastText: '#FFFFFF'
-};
-var secondary = {
-  lighter: '#EFD6FF',
-  light: '#C684FF',
-  main: '#8E33FF',
-  dark: '#5119B7',
-  darker: '#27097A',
-  contrastText: '#FFFFFF'
-};
-var info = {
-  lighter: '#CAFDF5',
-  light: '#61F3F3',
-  main: '#00B8D9',
-  dark: '#006C9C',
-  darker: '#003768',
-  contrastText: '#FFFFFF'
-};
-var success = {
-  lighter: '#C8FAD6',
-  light: '#5BE49B',
-  main: '#00A76F',
-  dark: '#007867',
-  darker: '#004B50',
-  contrastText: '#FFFFFF'
-};
-var warning$1 = {
-  lighter: '#FFF5CC',
-  light: '#FFD666',
-  main: '#FFAB00',
-  dark: '#B76E00',
-  darker: '#7A4100',
-  contrastText: grey[800]
-};
-var error = {
-  lighter: '#FFE9D5',
-  light: '#FFAC82',
-  main: '#FF5630',
-  dark: '#B71D18',
-  darker: '#7A0916',
-  contrastText: '#FFFFFF'
-};
-var red = {
-  100: '#FEF8F8',
-  300: '#FEF8F8',
-  500: '#F4CACA',
-  900: '#DB4D4D'
-};
-var yellow = {
-  900: '#FEAF06'
-};
-var green_support = {
-  100: '#F6FDF7',
-  500: '#AEEAB3',
-  900: '#3ACB46'
-};
-var purple = {
-  900: '#C3099A'
-};
-var dark_purple = {
-  900: '#6B0861'
-};
-var dark_red = {
-  900: '#800202'
-};
-var common = {
-  black: '#000000',
-  white: '#FFFFFF'
-};
-var action$2 = {
-  hover: styles$d.alpha(grey[500], 0.08),
-  selected: styles$d.alpha(grey[500], 0.16),
-  disabled: styles$d.alpha(grey[500], 0.8),
-  disabledBackground: styles$d.alpha(grey[500], 0.24),
-  focus: styles$d.alpha(grey[500], 0.24),
-  hoverOpacity: 0.08,
-  disabledOpacity: 0.48
-};
-var base = {
-  primary: primary,
-  secondary: secondary,
-  info: info,
-  main_theme: main_theme,
-  success: success,
-  warning: warning$1,
-  error: error,
-  grey: grey,
-  common: common,
-  red: red,
-  yellow: yellow,
-  green_support: green_support,
-  purple: purple,
-  dark_purple: dark_purple,
-  dark_red: dark_red,
-  divider: styles$d.alpha(grey[500], 0.2),
-  action: action$2
-};
-
 var VirtualListItem = function VirtualListItem(_ref) {
   var isLoading = _ref.isLoading,
     rowData = _ref.rowData,
@@ -16345,9 +16348,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 +22225,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 +22515,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 +22550,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 +24010,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 +24144,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;