@elice/material-runbox 1.240718.3 → 1.240719.1

package/es/components/material-runbox/actions/MaterialRunboxActionAutoShutdown.js

@@ -1,5 +1,5 @@
 import _styled from '@emotion/styled/base';
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { useRawEliceIntl } from '@elice/intl';
 import { FormControlLabel, Tooltip, Switch } from '@mui/material';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';
@@ -10,7 +10,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 //
 //
 //
-const StyledFormControlLabel = /*#__PURE__*/_styled(FormControlLabel, {
+var StyledFormControlLabel = /*#__PURE__*/_styled(FormControlLabel, {
   target: "e1ket70c0"
 })("production" === "production" ? {
   name: "1ep9nyp",
@@ -23,19 +23,18 @@ const StyledFormControlLabel = /*#__PURE__*/_styled(FormControlLabel, {
 //
 //
 //
-const MaterialRunboxActionAutoShutdown = ({
-  runtime,
-  runtimeTemplate,
-  courseId,
-  refetch
-}) => {
+var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown(_ref) {
+  var runtime = _ref.runtime,
+    runtimeTemplate = _ref.runtimeTemplate,
+    courseId = _ref.courseId,
+    refetch = _ref.refetch;
   var _a;
-  const intl = useRawEliceIntl();
-  const materialRunboxApi = useMaterialRunboxApiContext();
+  var intl = useRawEliceIntl();
+  var materialRunboxApi = useMaterialRunboxApiContext();
   /**
    *
    */
-  const handleAction = (_, shutdown) => {
+  var handleAction = function handleAction(_, shutdown) {
     if (!runtime) {
       return;
     }
@@ -45,14 +44,14 @@ const MaterialRunboxActionAutoShutdown = ({
         autoShutdown: !shutdown
       },
       eliceCourseId: courseId
-    }).then(refetch).catch(() => {
+    }).then(refetch).catch(function () {
       //
     });
   };
   //
   //
   //
-  return React.createElement(Tooltip, {
+  return jsx(Tooltip, {
     title: intl.formatMessage({
       id: runtimeTemplate.autoShutdown ? 'runbox.action.autoShutdown.tooltip.disabled' : 'runbox.action.autoShutdown.tooltip.enabled'
     }, {
@@ -61,22 +60,23 @@ const MaterialRunboxActionAutoShutdown = ({
         unit: 'minute',
         unitDisplay: 'short'
       })
-    })
-  }, React.createElement(StyledFormControlLabel, {
-    control: React.createElement(Switch, {
-      checked: !(runtime === null || runtime === void 0 ? void 0 : runtime.autoShutdown),
-      disabled: !runtime || runtimeTemplate.autoShutdown,
-      onChange: handleAction
-    }),
-    label: intl.formatMessage({
-      id: 'runbox.action.autoShutdown.title'
     }),
-    componentsProps: {
-      typography: {
-        variant: 'body2'
+    children: jsx(StyledFormControlLabel, {
+      control: jsx(Switch, {
+        checked: !(runtime === null || runtime === void 0 ? void 0 : runtime.autoShutdown),
+        disabled: !runtime || runtimeTemplate.autoShutdown,
+        onChange: handleAction
+      }),
+      label: intl.formatMessage({
+        id: 'runbox.action.autoShutdown.title'
+      }),
+      componentsProps: {
+        typography: {
+          variant: 'body2'
+        }
       }
-    }
-  }));
+    })
+  });
 };
 
 export { MaterialRunboxActionAutoShutdown as default };

package/es/components/material-runbox/actions/MaterialRunboxActionGrade.js

@@ -1,4 +1,6 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import _styled from '@emotion/styled/base';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { Transition } from 'react-transition-group';
 import { useRawEliceIntl } from '@elice/intl';
@@ -17,8 +19,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 //
 //
 //
-const TRANSITION_DURATION = 300;
-const TRANSITION_STYLE_MAP = {
+var TRANSITION_DURATION = 300;
+var TRANSITION_STYLE_MAP = {
   entering: {
     maxWidth: 0
   },
@@ -38,7 +40,7 @@ const TRANSITION_STYLE_MAP = {
 //
 //
 //
-const StyledMainActionButton = /*#__PURE__*/_styled(LoadingButton, {
+var StyledMainActionButton = /*#__PURE__*/_styled(LoadingButton, {
   target: "eae460y2"
 })("production" === "production" ? {
   name: "tssn5p",
@@ -48,139 +50,184 @@ const StyledMainActionButton = /*#__PURE__*/_styled(LoadingButton, {
   styles: "min-width:4rem!important",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledSubActionButton = /*#__PURE__*/_styled(Button, {
+var StyledSubActionButton = /*#__PURE__*/_styled(Button, {
   target: "eae460y1"
 })("transition:max-width ", TRANSITION_DURATION, "ms cubic-bezier(0.25, 0.46, 0.45, 1);");
-const StyledTerminal = /*#__PURE__*/_styled("textarea", {
+var StyledTerminal = /*#__PURE__*/_styled("textarea", {
   target: "eae460y0"
-})("padding:1rem;width:100%;color:", ({
-  theme
-}) => theme.palette.common.white, ";background-color:", ({
-  theme
-}) => theme.palette.common.black, ";border:none;border-radius:0.5rem;font-family:'Elice Digital Coding',monospace;font-size:", ({
-  theme
-}) => theme.typography.body2.fontSize, ";line-height:", ({
-  theme
-}) => theme.typography.body2.lineHeight, ";outline:none;resize:none;");
+})("padding:1rem;width:100%;color:", function (_ref) {
+  var theme = _ref.theme;
+  return theme.palette.common.white;
+}, ";background-color:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.common.black;
+}, ";border:none;border-radius:0.5rem;font-family:'Elice Digital Coding',monospace;font-size:", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.typography.body2.fontSize;
+}, ";line-height:", function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.typography.body2.lineHeight;
+}, ";outline:none;resize:none;");
 //
 //
 //
-const MaterialRunboxActionGrade = ({
-  runtime,
-  courseId
-}) => {
+var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
+  var runtime = _ref5.runtime,
+    courseId = _ref5.courseId;
   var _a;
-  const intl = useRawEliceIntl();
-  const {
-    enqueueSnackbar
-  } = useSnackbar();
-  const materialRunboxApi = useMaterialRunboxApiContext();
-  const {
-    isLastCommandRunning,
-    lastCommand,
-    setCommandIdToPing
-  } = useMaterialRunboxCommandContext();
-  const {
-    status
-  } = useEliceRunboxRunning();
-  const leaderboardSubmitInfoQuery = useQuery({
+  var intl = useRawEliceIntl();
+  var _useSnackbar = useSnackbar(),
+    enqueueSnackbar = _useSnackbar.enqueueSnackbar;
+  var materialRunboxApi = useMaterialRunboxApiContext();
+  var _useMaterialRunboxCom = useMaterialRunboxCommandContext(),
+    isLastCommandRunning = _useMaterialRunboxCom.isLastCommandRunning,
+    lastCommand = _useMaterialRunboxCom.lastCommand,
+    setCommandIdToPing = _useMaterialRunboxCom.setCommandIdToPing;
+  var _useEliceRunboxRunnin = useEliceRunboxRunning(),
+    status = _useEliceRunboxRunnin.status;
+  var leaderboardSubmitInfoQuery = useQuery({
     queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdSubmitInfoGet', {
-      courseId,
-      runtime
+      courseId: courseId,
+      runtime: runtime
     }],
-    queryFn: ({
-      signal
-    }) => materialRunboxApi.runbox.runboxRunboxIdSubmitInfoGet({
-      eliceCourseId: courseId,
-      runboxId: runtime === null || runtime === void 0 ? void 0 : runtime.runboxId
-    }, {
-      signal
-    }),
+    queryFn: function queryFn(_ref6) {
+      var signal = _ref6.signal;
+      return materialRunboxApi.runbox.runboxRunboxIdSubmitInfoGet({
+        eliceCourseId: courseId,
+        runboxId: runtime === null || runtime === void 0 ? void 0 : runtime.runboxId
+      }, {
+        signal: signal
+      });
+    },
     enabled: Boolean(runtime === null || runtime === void 0 ? void 0 : runtime.runboxId),
     retry: false
   });
-  const isSubmitCountRemained = ((_a = leaderboardSubmitInfoQuery.data) === null || _a === void 0 ? void 0 : _a.remainSubmitCount) !== 0;
-  const [isActionLoading, setActionLoading] = React.useState(false);
-  const [isGradeResultDialogOpen, setGradeResultDialogOpen] = React.useState(false);
-  const [isSubmitCountInfoDialogOpen, setSubmitCountInfoDialogOpen] = React.useState(false);
-  const [hasUnreadResult, setHasUnreadResult] = React.useState(false);
-  const isRunboxRunning = status === 'running';
-  const isGradeDoneWithOutput = !isLastCommandRunning && (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === CommandType.Grade && Boolean(lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.output);
+  var isSubmitCountRemained = ((_a = leaderboardSubmitInfoQuery.data) === null || _a === void 0 ? void 0 : _a.remainSubmitCount) !== 0;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isActionLoading = _React$useState2[0],
+    setActionLoading = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isGradeResultDialogOpen = _React$useState4[0],
+    setGradeResultDialogOpen = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isSubmitCountInfoDialogOpen = _React$useState6[0],
+    setSubmitCountInfoDialogOpen = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    hasUnreadResult = _React$useState8[0],
+    setHasUnreadResult = _React$useState8[1];
+  var isRunboxRunning = status === 'running';
+  var isGradeDoneWithOutput = !isLastCommandRunning && (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === CommandType.Grade && Boolean(lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.output);
   /**
    *
    */
-  const handleGradeResultDialogOpen = () => {
+  var handleGradeResultDialogOpen = function handleGradeResultDialogOpen() {
     setGradeResultDialogOpen(true);
   };
   /**
    *
    */
-  const handleGradeResultDialogClose = () => {
+  var handleGradeResultDialogClose = function handleGradeResultDialogClose() {
     setGradeResultDialogOpen(false);
   };
   /**
    *
    */
-  const handleSubmitCountInfoDialogClose = () => {
+  var handleSubmitCountInfoDialogClose = function handleSubmitCountInfoDialogClose() {
     setSubmitCountInfoDialogOpen(false);
   };
   /**
    *
    */
-  const handleAction = async () => {
-    setActionLoading(true);
-    try {
-      const {
-        data: currentLeaderboardSubmitInfo
-      } = await leaderboardSubmitInfoQuery.refetch();
-      const isCurrentSubmitCountEmpty = (currentLeaderboardSubmitInfo === null || currentLeaderboardSubmitInfo === void 0 ? void 0 : currentLeaderboardSubmitInfo.remainSubmitCount) === 0;
-      if (isCurrentSubmitCountEmpty) {
-        setSubmitCountInfoDialogOpen(true);
-        return;
-      }
-      const runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
-      const {
-        id: commandId
-      } = await materialRunboxApi.runtime.runtimeRuntimeIdCommandPost({
-        runtimeId,
-        eliceCourseId: courseId,
-        runboxCommandPostRequest: {
-          commandType: CommandType.Grade
+  var handleAction = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _yield$leaderboardSub, currentLeaderboardSubmitInfo, isCurrentSubmitCountEmpty, runtimeId, _yield$materialRunbox, commandId;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setActionLoading(true);
+            _context.prev = 1;
+            _context.next = 4;
+            return leaderboardSubmitInfoQuery.refetch();
+          case 4:
+            _yield$leaderboardSub = _context.sent;
+            currentLeaderboardSubmitInfo = _yield$leaderboardSub.data;
+            isCurrentSubmitCountEmpty = (currentLeaderboardSubmitInfo === null || currentLeaderboardSubmitInfo === void 0 ? void 0 : currentLeaderboardSubmitInfo.remainSubmitCount) === 0;
+            if (!isCurrentSubmitCountEmpty) {
+              _context.next = 10;
+              break;
+            }
+            setSubmitCountInfoDialogOpen(true);
+            return _context.abrupt("return");
+          case 10:
+            runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
+            _context.next = 13;
+            return materialRunboxApi.runtime.runtimeRuntimeIdCommandPost({
+              runtimeId: runtimeId,
+              eliceCourseId: courseId,
+              runboxCommandPostRequest: {
+                commandType: CommandType.Grade
+              }
+            });
+          case 13:
+            _yield$materialRunbox = _context.sent;
+            commandId = _yield$materialRunbox.id;
+            setCommandIdToPing(commandId);
+            _context.next = 21;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](1);
+            enqueueSnackbar(intl.formatMessage({
+              id: 'runbox.action.grade.noti.error'
+            }), {
+              variant: 'error'
+            });
+          case 21:
+            _context.prev = 21;
+            setActionLoading(false);
+            return _context.finish(21);
+          case 24:
+          case "end":
+            return _context.stop();
         }
-      });
-      setCommandIdToPing(commandId);
-    } catch (err) {
-      enqueueSnackbar(intl.formatMessage({
-        id: 'runbox.action.grade.noti.error'
-      }), {
-        variant: 'error'
-      });
-    } finally {
-      setActionLoading(false);
-    }
-  };
+      }, _callee, null, [[1, 18, 21, 24]]);
+    }));
+    return function handleAction() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
   //
   // set `hasUnreadResult` when last command output exists
   //
-  React.useEffect(() => setHasUnreadResult(isGradeDoneWithOutput), [isGradeDoneWithOutput]);
+  React.useEffect(function () {
+    return setHasUnreadResult(isGradeDoneWithOutput);
+  }, [isGradeDoneWithOutput]);
   //
   // reset `hasUnreadResult` when dialog state toggled
   //
-  React.useEffect(() => setHasUnreadResult(false), [isGradeResultDialogOpen]);
+  React.useEffect(function () {
+    return setHasUnreadResult(false);
+  }, [isGradeResultDialogOpen]);
   //
   // toggle dialog state when last command output exists
   //
-  React.useEffect(() => setGradeResultDialogOpen(isGradeDoneWithOutput), [isGradeDoneWithOutput]);
+  React.useEffect(function () {
+    return setGradeResultDialogOpen(isGradeDoneWithOutput);
+  }, [isGradeDoneWithOutput]);
   /**
    *
    */
-  const renderActionButton = () => {
-    const isGradeType = (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === CommandType.Grade;
-    const isGrading = isActionLoading || isLastCommandRunning && isGradeType;
+  var renderActionButton = function renderActionButton() {
+    var isGradeType = (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === CommandType.Grade;
+    var isGrading = isActionLoading || isLastCommandRunning && isGradeType;
     /**
      *
      */
-    const getActionTooltipMessage = () => {
+    var getActionTooltipMessage = function getActionTooltipMessage() {
       if (!isSubmitCountRemained) {
         return intl.formatMessage({
           id: 'runbox.action.submitCountInfo.tooltip.disabled'
@@ -193,97 +240,128 @@ const MaterialRunboxActionGrade = ({
       }
       return '';
     };
-    return React.createElement(Tooltip, {
+    return jsx(Tooltip, {
       title: getActionTooltipMessage(),
-      placement: "bottom-end"
-    }, React.createElement(ButtonGroup, {
-      variant: "contained"
-    }, React.createElement(StyledMainActionButton, {
-      variant: "contained",
-      loading: isGrading,
-      disabled: !isRunboxRunning || isLastCommandRunning || !isSubmitCountRemained,
-      size: "small",
-      onClick: handleAction
-    }, intl.formatMessage({
-      id: 'runbox.action.grade.title'
-    })), isGradeDoneWithOutput ? React.createElement(Transition, {
-      in: isGradeDoneWithOutput,
-      timeout: 0,
-      mountOnEnter: true,
-      unmountOnExit: true
-    }, state => React.createElement(StyledSubActionButton, {
-      size: "small",
-      disabled: isLastCommandRunning,
-      onClick: handleGradeResultDialogOpen,
-      style: TRANSITION_STYLE_MAP[state]
-    }, React.createElement(Badge, {
-      color: "error",
-      variant: "dot",
-      invisible: !hasUnreadResult
-    }, React.createElement(Terminal, {
-      fontSize: "small"
-    })))) : null));
+      placement: "bottom-end",
+      children: jsxs(ButtonGroup, {
+        variant: "contained",
+        children: [jsx(StyledMainActionButton, {
+          variant: "contained",
+          loading: isGrading,
+          disabled: !isRunboxRunning || isLastCommandRunning || !isSubmitCountRemained,
+          size: "small",
+          onClick: handleAction,
+          children: intl.formatMessage({
+            id: 'runbox.action.grade.title'
+          })
+        }), isGradeDoneWithOutput ? jsx(Transition, {
+          in: isGradeDoneWithOutput,
+          timeout: 0,
+          mountOnEnter: true,
+          unmountOnExit: true,
+          children: function children(state) {
+            return jsx(StyledSubActionButton, {
+              size: "small",
+              disabled: isLastCommandRunning,
+              onClick: handleGradeResultDialogOpen,
+              style: TRANSITION_STYLE_MAP[state],
+              children: jsx(Badge, {
+                color: "error",
+                variant: "dot",
+                invisible: !hasUnreadResult,
+                children: jsx(Terminal, {
+                  fontSize: "small"
+                })
+              })
+            });
+          }
+        }) : null]
+      })
+    });
   };
   /**
    *
    */
-  const renderActionGradeResultDialog = () => {
+  var renderActionGradeResultDialog = function renderActionGradeResultDialog() {
     if ((lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) !== CommandType.Grade) {
       return null;
     }
-    return React.createElement(Dialog, {
+    return jsxs(Dialog, {
       open: isGradeResultDialogOpen,
       maxWidth: "md",
       fullWidth: true,
-      onClose: handleGradeResultDialogClose
-    }, React.createElement(DialogTitle, null, intl.formatMessage({
-      id: 'runbox.action.grade.dialog.title'
-    })), React.createElement(DialogContent, null, React.createElement(Stack, {
-      gap: "0.75rem"
-    }, lastCommand.terminatedReason === 'done' ? React.createElement(Alert, {
-      severity: "success"
-    }, intl.formatMessage({
-      id: 'runbox.action.grade.dialog.description.success'
-    })) : React.createElement(Alert, {
-      severity: "error"
-    }, intl.formatMessage({
-      id: 'runbox.action.grade.dialog.description.error'
-    })), React.createElement(StyledTerminal, {
-      value: lastCommand.output,
-      readOnly: true,
-      rows: 20
-    }))), React.createElement(DialogActions, null, React.createElement(Button, {
-      color: "inherit",
-      disabled: isActionLoading,
-      onClick: handleGradeResultDialogClose
-    }, intl.formatMessage({
-      id: 'runbox.common.close'
-    }))));
+      onClose: handleGradeResultDialogClose,
+      children: [jsx(DialogTitle, {
+        children: intl.formatMessage({
+          id: 'runbox.action.grade.dialog.title'
+        })
+      }), jsx(DialogContent, {
+        children: jsxs(Stack, {
+          gap: "0.75rem",
+          children: [lastCommand.terminatedReason === 'done' ? jsx(Alert, {
+            severity: "success",
+            children: intl.formatMessage({
+              id: 'runbox.action.grade.dialog.description.success'
+            })
+          }) : jsx(Alert, {
+            severity: "error",
+            children: intl.formatMessage({
+              id: 'runbox.action.grade.dialog.description.error'
+            })
+          }), jsx(StyledTerminal, {
+            value: lastCommand.output,
+            readOnly: true,
+            rows: 20
+          })]
+        })
+      }), jsx(DialogActions, {
+        children: jsx(Button, {
+          color: "inherit",
+          disabled: isActionLoading,
+          onClick: handleGradeResultDialogClose,
+          children: intl.formatMessage({
+            id: 'runbox.common.close'
+          })
+        })
+      })]
+    });
   };
   /**
    *
    */
-  const renderActionSubmitCountInfoDialog = () => {
-    return React.createElement(Dialog, {
+  var renderActionSubmitCountInfoDialog = function renderActionSubmitCountInfoDialog() {
+    return jsxs(Dialog, {
       fullWidth: true,
       maxWidth: "xs",
       open: isSubmitCountInfoDialogOpen,
-      onClick: handleSubmitCountInfoDialogClose
-    }, React.createElement(DialogTitle, null, intl.formatMessage({
-      id: 'runbtox.action.submitCountInfo.dialog.title'
-    })), React.createElement(DialogContent, null, React.createElement(Typography, null, intl.formatMessage({
-      id: 'runbox.action.submitCountInfo.dialog.description'
-    }))), React.createElement(DialogActions, null, React.createElement(Button, {
-      color: "inherit",
-      onClick: handleSubmitCountInfoDialogClose
-    }, intl.formatMessage({
-      id: 'runbox.common.close'
-    }))));
+      onClick: handleSubmitCountInfoDialogClose,
+      children: [jsx(DialogTitle, {
+        children: intl.formatMessage({
+          id: 'runbtox.action.submitCountInfo.dialog.title'
+        })
+      }), jsx(DialogContent, {
+        children: jsx(Typography, {
+          children: intl.formatMessage({
+            id: 'runbox.action.submitCountInfo.dialog.description'
+          })
+        })
+      }), jsx(DialogActions, {
+        children: jsx(Button, {
+          color: "inherit",
+          onClick: handleSubmitCountInfoDialogClose,
+          children: intl.formatMessage({
+            id: 'runbox.common.close'
+          })
+        })
+      })]
+    });
   };
   //
   //
   //
-  return React.createElement(React.Fragment, null, renderActionButton(), renderActionGradeResultDialog(), renderActionSubmitCountInfoDialog());
+  return jsxs(Fragment, {
+    children: [renderActionButton(), renderActionGradeResultDialog(), renderActionSubmitCountInfoDialog()]
+  });
 };
 
 export { MaterialRunboxActionGrade as default };