@elice/material-exercise 1.230328.0 → 1.230418.0

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerRunningInfo.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedMessage, FormattedDate } from 'react-intl';
 import { usePrevious } from 'react-use';
@@ -13,117 +14,113 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-const StyledHr = styled(Hr).withConfig({
+var StyledHr = styled(Hr).withConfig({
   componentId: "sc-30ywzi-0"
 })(["height:2rem;"]);
-const StyledRunnerInfoTitle = styled.span.withConfig({
+var StyledRunnerInfoTitle = styled.span.withConfig({
   componentId: "sc-30ywzi-1"
 })(["display:block;color:", ";font-size:11px;line-height:1.25;"], base.color.navy3);
-const StyledRunnerInfoContent = styled.span.withConfig({
+var StyledRunnerInfoContent = styled.span.withConfig({
   componentId: "sc-30ywzi-2"
 })(["display:block;color:", ";font-size:12px;line-height:1.25;"], base.color.navy1);
-
-const ExerciseRunnerControllerRunningInfo = () => {
-  const intl = useIntl();
-  const {
-    materialExerciseId,
-    exerciseRoomId,
-    onExerciseRunningDone,
-    onError
-  } = React.useContext(ExerciseContext);
-  const isRunning = useRecoilValue(exerciseRunnerRunningState);
-  const isPrevRunning = usePrevious(isRunning);
-  const isNoRunning = isPrevRunning === undefined;
-  const isRunningDone = isPrevRunning === true && !isRunning;
-  const exercise = useRecoilValue(exerciseState(materialExerciseId));
-  const user = useRecoilValue(exerciseUserState);
-  const [course, setCourse] = React.useState();
-  const [exerciseLastRunning, setExerciseLastRunning] = React.useState(null); //
+var ExerciseRunnerControllerRunningInfo = function ExerciseRunnerControllerRunningInfo() {
+  var intl = useIntl();
+  var _React$useContext = React.useContext(ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId,
+    exerciseRoomId = _React$useContext.exerciseRoomId,
+    onExerciseRunningDone = _React$useContext.onExerciseRunningDone,
+    onError = _React$useContext.onError;
+  var isRunning = useRecoilValue(exerciseRunnerRunningState);
+  var isPrevRunning = usePrevious(isRunning);
+  var isNoRunning = isPrevRunning === undefined;
+  var isRunningDone = isPrevRunning === true && !isRunning;
+  var exercise = useRecoilValue(exerciseState(materialExerciseId));
+  var user = useRecoilValue(exerciseUserState);
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    course = _React$useState2[0],
+    setCourse = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    exerciseLastRunning = _React$useState4[0],
+    setExerciseLastRunning = _React$useState4[1];
+  //
   // Get exercise running list.
   //
-
-  React.useEffect(() => {
-    const userId = user === null || user === void 0 ? void 0 : user.id;
-
+  React.useEffect(function () {
+    var userId = user === null || user === void 0 ? void 0 : user.id;
     if (!userId || !exercise || !exerciseRoomId) {
       return;
-    } // fetch last running only if
+    }
+    // fetch last running only if
     // - not running yet (no history)
     // - or, running done
-
-
     if (!isNoRunning && !isRunningDone) {
       return;
     }
-
-    const abortCtrl = new AbortController();
+    var abortCtrl = new AbortController();
     getOrgMaterialExerciseExerciseRunningList({
-      exerciseRoomId,
+      exerciseRoomId: exerciseRoomId,
       filterRunType: exercise.isNoSubmitGrade ? enums.ExerciseRunType.Run : undefined,
       offset: 0,
       count: 1,
-      userId
+      userId: userId
     }, {
       signal: abortCtrl.signal
-    }).then(res => {
+    }).then(function (res) {
       var _a;
-
       return (_a = res.exerciseRunnings[0]) !== null && _a !== void 0 ? _a : null;
-    }).then(running => {
+    }).then(function (running) {
       setExerciseLastRunning(running);
-
       if (isRunningDone && typeof onExerciseRunningDone === 'function') {
         onExerciseRunningDone(running);
       }
-    }).catch(err => {
+    }).catch(function (err) {
       if (err.name === 'AbortError') {
         return;
       }
-
       if (typeof onError === 'function') {
         onError(err);
       }
-
       Notification.error(intl.formatMessage({
         id: 'exerciseRunner.controller.runningInfo.error.fetch'
       }));
     });
-    return () => {
+    return function () {
       abortCtrl.abort();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isRunningDone, exercise, exerciseRoomId, user]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isRunningDone, exercise, exerciseRoomId, user]);
+  //
   // Get course
   //
-
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!exercise) {
       return;
     }
-
-    const abortCtrl = new AbortController();
+    var abortCtrl = new AbortController();
     getOrgCourseGet({
       courseId: exercise._courseId
     }, {
       signal: abortCtrl.signal
-    }).then(res => res.course).then(setCourse).catch(console.error);
-    return () => {
+    }).then(function (res) {
+      return res.course;
+    }).then(setCourse).catch(console.error);
+    return function () {
       abortCtrl.abort();
     };
   }, [exercise]);
   /**
    * Last running score.
    */
-
-  const renderRunningInfoLastRunningScore = () => {
+  var renderRunningInfoLastRunningScore = function renderRunningInfoLastRunningScore() {
     if (exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade) {
       return null;
     }
-
     if (!course || course.courseType === enums.CourseType.Challenge) {
       return;
     }
-
     return React.createElement(React.Fragment, null, React.createElement(Flex, {
       column: true,
       justify: "center"
@@ -144,13 +141,10 @@ const ExerciseRunnerControllerRunningInfo = () => {
   /**
    * Last running time.
    */
-
-
-  const renderRunningInfoLastRunningTime = () => {
+  var renderRunningInfoLastRunningTime = function renderRunningInfoLastRunningTime() {
     if (!course || (course === null || course === void 0 ? void 0 : course.courseType) === enums.CourseType.Challenge) {
       return;
     }
-
     return React.createElement(Flex, {
       column: true,
       justify: "center"
@@ -168,16 +162,14 @@ const ExerciseRunnerControllerRunningInfo = () => {
       second: "2-digit",
       hour12: false
     }) : '--'));
-  }; //
+  };
+  //
   //
   //
   // hide running info, if exercise running.
-
-
   if (isRunning) {
     return null;
   }
-
   return React.createElement(Flex, null, renderRunningInfoLastRunningScore(), renderRunningInfoLastRunningTime());
 };
 

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerStatusIndicator.js

@@ -1,16 +1,14 @@
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-const ExerciseRunnerControllerStatusIndicator = styled.div.withConfig({
+var ExerciseRunnerControllerStatusIndicator = styled.div.withConfig({
   componentId: "sc-15703mt-0"
-})(["margin-top:1px;margin-right:0.3rem;width:0.375rem;height:0.375rem;border-radius:50%;vertical-align:middle;background-color:", ";"], props => {
+})(["margin-top:1px;margin-right:0.3rem;width:0.375rem;height:0.375rem;border-radius:50%;vertical-align:middle;background-color:", ";"], function (props) {
   switch (props.status) {
     case 'success':
       return base.color.green8;
-
     case 'warning':
       return base.color.orange8;
-
     case 'error':
       return base.color.red8;
   }

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerStatusMessage.js

@@ -11,39 +11,34 @@ import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 import ExerciseRunnerControllerStatusIndicator from './ExerciseRunnerControllerStatusIndicator.js';
 
-const StyledMessageWrapper = styled(Flex).withConfig({
+var StyledMessageWrapper = styled(Flex).withConfig({
   componentId: "sc-1yqi8o2-0"
 })(["height:1rem;"]);
-
-const ExerciseRunnerControllerStatusMessage = () => {
-  const websocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
+var ExerciseRunnerControllerStatusMessage = function ExerciseRunnerControllerStatusMessage() {
+  var websocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
   /**
    * Websocket state message.
    */
-
-  const getWebsocketStateMessage = () => {
+  var getWebsocketStateMessage = function getWebsocketStateMessage() {
     switch (websocketStatus) {
       case EliceWebSocket.OPEN:
         return React.createElement(FormattedMessage, {
           id: "exerciseRunner.controller.statusMessage.open"
         });
-
       case EliceWebSocket.CLOSED:
         return React.createElement(FormattedMessage, {
           id: "exerciseRunner.controller.statusMessage.closed"
         });
-
       case EliceWebSocket.CONNECTING:
       default:
         return React.createElement(FormattedMessage, {
           id: "exerciseRunner.controller.statusMessage.connecting"
         });
     }
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(StyledMessageWrapper, {
     align: "center"
   }, React.createElement(ExerciseRunnerControllerStatusIndicator, {

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerTimer.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Text } from '@elice/blocks';
@@ -10,57 +11,57 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-const StyledControllerTimerText = styled(Text).withConfig({
+var StyledControllerTimerText = styled(Text).withConfig({
   componentId: "sc-1ez8ns0-0"
 })(["margin-top:-3px;color:", ";"], base.color.secondary4);
-
-const ExerciseRunnerControllerTimer = () => {
-  const {
-    materialExerciseId
-  } = React.useContext(ExerciseContext);
-  const exercise = useRecoilValue(exerciseState(materialExerciseId));
-  const isRunning = useRecoilValue(exerciseRunnerRunningState);
-  const [exerciseTimeLimit, setExerciseTimeLimit] = React.useState(0);
-  const [remainingTime, setRemainingTime] = React.useState(0); //
+var ExerciseRunnerControllerTimer = function ExerciseRunnerControllerTimer() {
+  var _React$useContext = React.useContext(ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId;
+  var exercise = useRecoilValue(exerciseState(materialExerciseId));
+  var isRunning = useRecoilValue(exerciseRunnerRunningState);
+  var _React$useState = React.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    exerciseTimeLimit = _React$useState2[0],
+    setExerciseTimeLimit = _React$useState2[1];
+  var _React$useState3 = React.useState(0),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    remainingTime = _React$useState4[0],
+    setRemainingTime = _React$useState4[1];
+  //
   // Get time limit from exercise.
   //
-
-  React.useEffect(() => {
+  React.useEffect(function () {
     var _a, _b;
-
     if (isRunning) {
       setExerciseTimeLimit((_b = (_a = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.timeLimit) !== null && _b !== void 0 ? _b : 0);
     } else {
       setExerciseTimeLimit(0);
     }
-  }, [exercise, isRunning]); //
+  }, [exercise, isRunning]);
+  //
   // Calculate remaining time.
   //
-
-  React.useEffect(() => {
-    const startTime = Date.now();
+  React.useEffect(function () {
+    var startTime = Date.now();
     setRemainingTime(exerciseTimeLimit);
-    const interval = window.setInterval(() => {
-      const newRemainingTime = exerciseTimeLimit - (Date.now() - startTime);
-
+    var interval = window.setInterval(function () {
+      var newRemainingTime = exerciseTimeLimit - (Date.now() - startTime);
       if (newRemainingTime < 0) {
         window.clearInterval(interval);
       }
-
       setRemainingTime(Math.max(newRemainingTime, 0));
     }, 100);
-    return () => {
+    return function () {
       setRemainingTime(0);
       window.clearInterval(interval);
     };
-  }, [exerciseTimeLimit]); //
+  }, [exerciseTimeLimit]);
+  //
   //
   //
-
   if (!remainingTime) {
     return null;
   }
-
   return React.createElement(StyledControllerTimerText, {
     size: "small"
   }, React.createElement(FormattedMessage, {

package/es/components/material-exercise/exercise-submit-history/ExerciseSubmitHistory.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export interface ExerciseSubmitHistoryProps {
     onHide?: () => void;
 }
-declare const ExerciseSubmitHistory: React.VFC<ExerciseSubmitHistoryProps>;
-export default ExerciseSubmitHistory;
+declare const _default: React.VFC<ExerciseSubmitHistoryProps>;
+export default _default;