touchstudy-core 0.1.188 → 0.1.190

package/dist/index.modern.js

@@ -27,6 +27,7 @@ import 'moment/locale/ko.js';
 import 'moment/locale/en-au.js';
 import { CellMeasurerCache, CellMeasurer, AutoSizer, List as List$1, MultiGrid } from 'react-virtualized';
 export { CellMeasurerCache, MultiGrid } from 'react-virtualized';
+import { alpha } from '@mui/material/styles';
 import MButton from '@mui/material/Button';
 import DialogTitle$1 from '@mui/material/DialogTitle';
 import DialogContent$1 from '@mui/material/DialogContent';
@@ -39,7 +40,6 @@ import CreatableSelect from 'react-select/creatable';
 import tinymce from 'tinymce';
 import '@wiris/mathtype-tinymce6';
 import { Editor } from '@tinymce/tinymce-react';
-import { alpha } from '@mui/material/styles';
 import { FaTrashCan, FaCirclePlus, FaX, FaEye as FaEye$1, FaRotateRight, FaPencil, FaClockRotateLeft } from 'react-icons/fa6';
 import { MdExpandMore, MdVisibilityOff, MdVisibility, MdAutorenew, MdMoreHoriz, MdDownload, MdError } from 'react-icons/md';
 import { yellow as yellow$1, blue, grey as grey$1 } from '@mui/material/colors';
@@ -6633,7 +6633,7 @@ var useCountDownTimer = function useCountDownTimer(props) {
       !!requestRef.current && cancelAnimationFrame(requestRef.current);
       setRemainTime(undefined);
     };
-  }, [startTime, duration]);
+  }, [startTime, duration, status]);
   useEffect(function () {
     if (typeof remainTime === "number" && remainTime <= 0) checkLiveExamStatus();
   }, [remainTime, checkLiveExamStatus]);
@@ -7340,6 +7340,138 @@ var OrderBy;
   OrderBy["DESC"] = "DESC";
 })(OrderBy || (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: alpha(grey[500], 0.08),
+  selected: alpha(grey[500], 0.16),
+  disabled: alpha(grey[500], 0.8),
+  disabledBackground: alpha(grey[500], 0.24),
+  focus: 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: alpha(grey[500], 0.2),
+  action: action$2
+};
+
 var ConfirmDialog = function ConfirmDialog(_ref) {
   var open = _ref.open,
     text = _ref.text,
@@ -7458,10 +7590,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'))));
@@ -10430,138 +10565,6 @@ var cellMeasurerCache = new 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: alpha(grey[500], 0.08),
-  selected: alpha(grey[500], 0.16),
-  disabled: alpha(grey[500], 0.8),
-  disabledBackground: alpha(grey[500], 0.24),
-  focus: 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: alpha(grey[500], 0.2),
-  action: action$2
-};
-
 var VirtualListItem = function VirtualListItem(_ref) {
   var isLoading = _ref.isLoading,
     rowData = _ref.rowData,
@@ -16364,9 +16367,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;
       }
     }
   },
@@ -22244,9 +22244,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
@@ -22530,7 +22534,7 @@ var OverallChartContainer = function OverallChartContainer(_ref) {
     categories: shortCategories,
     customTooltip: formatTooltip,
     xAxisLabelFormatter: xAxisLabelFormatter,
-    height: isPrint ? 300 : 400,
+    height: isPrint ? 350 : 400,
     isPrint: isPrint,
     onRendered: onRendered
   }));
@@ -22565,7 +22569,7 @@ var CategoriesOverallChartContainer = function CategoriesOverallChartContainer(_
     categories: shortCategories,
     customTooltip: formatTooltip,
     xAxisLabelFormatter: xAxisLabelFormatter,
-    height: isPrint ? 300 : 400,
+    height: isPrint ? 350 : 400,
     onRendered: onRendered,
     isPrint: isPrint
   }));
@@ -24025,8 +24029,12 @@ var useOverallChartContainer = function useOverallChartContainer(isStudent, exam
     return i.slice(0, 4) + "...";
   });
   var xAxisLabelFormatter = 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 = 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$;
@@ -24155,8 +24163,12 @@ var useCategoriesOverallChartContainer = function useCategoriesOverallChartConta
     });
   }, [overallData]);
   var xAxisLabelFormatter = 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 = useCallback(function (_ref2) {
     var _toFixed, _ref3, _toFixed2, _ref4;