@elice/material-runbox 1.240718.0-trasncript.2 → 1.240718.1

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

@@ -1,6 +1,4 @@
-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';
@@ -19,8 +17,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 //
 //
 //
-var TRANSITION_DURATION = 300;
-var TRANSITION_STYLE_MAP = {
+const TRANSITION_DURATION = 300;
+const TRANSITION_STYLE_MAP = {
   entering: {
     maxWidth: 0
   },
@@ -40,7 +38,7 @@ var TRANSITION_STYLE_MAP = {
 //
 //
 //
-var StyledMainActionButton = /*#__PURE__*/_styled(LoadingButton, {
+const StyledMainActionButton = /*#__PURE__*/_styled(LoadingButton, {
   target: "eae460y2"
 })("production" === "production" ? {
   name: "tssn5p",
@@ -50,184 +48,139 @@ var StyledMainActionButton = /*#__PURE__*/_styled(LoadingButton, {
   styles: "min-width:4rem!important",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var StyledSubActionButton = /*#__PURE__*/_styled(Button, {
+const StyledSubActionButton = /*#__PURE__*/_styled(Button, {
   target: "eae460y1"
 })("transition:max-width ", TRANSITION_DURATION, "ms cubic-bezier(0.25, 0.46, 0.45, 1);");
-var StyledTerminal = /*#__PURE__*/_styled("textarea", {
+const StyledTerminal = /*#__PURE__*/_styled("textarea", {
   target: "eae460y0"
-})("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;");
+})("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;");
 //
 //
 //
-var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
-  var runtime = _ref5.runtime,
-    courseId = _ref5.courseId;
+const MaterialRunboxActionGrade = ({
+  runtime,
+  courseId
+}) => {
   var _a;
-  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({
+  const intl = useRawEliceIntl();
+  const {
+    enqueueSnackbar
+  } = useSnackbar();
+  const materialRunboxApi = useMaterialRunboxApiContext();
+  const {
+    isLastCommandRunning,
+    lastCommand,
+    setCommandIdToPing
+  } = useMaterialRunboxCommandContext();
+  const {
+    status
+  } = useEliceRunboxRunning();
+  const leaderboardSubmitInfoQuery = useQuery({
     queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdSubmitInfoGet', {
-      courseId: courseId,
-      runtime: runtime
+      courseId,
+      runtime
     }],
-    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
-      });
-    },
+    queryFn: ({
+      signal
+    }) => materialRunboxApi.runbox.runboxRunboxIdSubmitInfoGet({
+      eliceCourseId: courseId,
+      runboxId: runtime === null || runtime === void 0 ? void 0 : runtime.runboxId
+    }, {
+      signal
+    }),
     enabled: Boolean(runtime === null || runtime === void 0 ? void 0 : runtime.runboxId),
     retry: false
   });
-  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 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 handleGradeResultDialogOpen = function handleGradeResultDialogOpen() {
+  const handleGradeResultDialogOpen = () => {
     setGradeResultDialogOpen(true);
   };
   /**
    *
    */
-  var handleGradeResultDialogClose = function handleGradeResultDialogClose() {
+  const handleGradeResultDialogClose = () => {
     setGradeResultDialogOpen(false);
   };
   /**
    *
    */
-  var handleSubmitCountInfoDialogClose = function handleSubmitCountInfoDialogClose() {
+  const handleSubmitCountInfoDialogClose = () => {
     setSubmitCountInfoDialogOpen(false);
   };
   /**
    *
    */
-  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();
+  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
         }
-      }, _callee, null, [[1, 18, 21, 24]]);
-    }));
-    return function handleAction() {
-      return _ref7.apply(this, arguments);
-    };
-  }();
+      });
+      setCommandIdToPing(commandId);
+    } catch (err) {
+      enqueueSnackbar(intl.formatMessage({
+        id: 'runbox.action.grade.noti.error'
+      }), {
+        variant: 'error'
+      });
+    } finally {
+      setActionLoading(false);
+    }
+  };
   //
   // set `hasUnreadResult` when last command output exists
   //
-  React.useEffect(function () {
-    return setHasUnreadResult(isGradeDoneWithOutput);
-  }, [isGradeDoneWithOutput]);
+  React.useEffect(() => setHasUnreadResult(isGradeDoneWithOutput), [isGradeDoneWithOutput]);
   //
   // reset `hasUnreadResult` when dialog state toggled
   //
-  React.useEffect(function () {
-    return setHasUnreadResult(false);
-  }, [isGradeResultDialogOpen]);
+  React.useEffect(() => setHasUnreadResult(false), [isGradeResultDialogOpen]);
   //
   // toggle dialog state when last command output exists
   //
-  React.useEffect(function () {
-    return setGradeResultDialogOpen(isGradeDoneWithOutput);
-  }, [isGradeDoneWithOutput]);
+  React.useEffect(() => setGradeResultDialogOpen(isGradeDoneWithOutput), [isGradeDoneWithOutput]);
   /**
    *
    */
-  var renderActionButton = function renderActionButton() {
-    var isGradeType = (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === CommandType.Grade;
-    var isGrading = isActionLoading || isLastCommandRunning && isGradeType;
+  const renderActionButton = () => {
+    const isGradeType = (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === CommandType.Grade;
+    const isGrading = isActionLoading || isLastCommandRunning && isGradeType;
     /**
      *
      */
-    var getActionTooltipMessage = function getActionTooltipMessage() {
+    const getActionTooltipMessage = () => {
       if (!isSubmitCountRemained) {
         return intl.formatMessage({
           id: 'runbox.action.submitCountInfo.tooltip.disabled'
@@ -240,128 +193,97 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
       }
       return '';
     };
-    return jsx(Tooltip, {
+    return React.createElement(Tooltip, {
       title: getActionTooltipMessage(),
-      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]
-      })
-    });
+      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));
   };
   /**
    *
    */
-  var renderActionGradeResultDialog = function renderActionGradeResultDialog() {
+  const renderActionGradeResultDialog = () => {
     if ((lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) !== CommandType.Grade) {
       return null;
     }
-    return jsxs(Dialog, {
+    return React.createElement(Dialog, {
       open: isGradeResultDialogOpen,
       maxWidth: "md",
       fullWidth: true,
-      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'
-          })
-        })
-      })]
-    });
+      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'
+    }))));
   };
   /**
    *
    */
-  var renderActionSubmitCountInfoDialog = function renderActionSubmitCountInfoDialog() {
-    return jsxs(Dialog, {
+  const renderActionSubmitCountInfoDialog = () => {
+    return React.createElement(Dialog, {
       fullWidth: true,
       maxWidth: "xs",
       open: isSubmitCountInfoDialogOpen,
-      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'
-          })
-        })
-      })]
-    });
+      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'
+    }))));
   };
   //
   //
   //
-  return jsxs(Fragment, {
-    children: [renderActionButton(), renderActionGradeResultDialog(), renderActionSubmitCountInfoDialog()]
-  });
+  return React.createElement(React.Fragment, null, renderActionButton(), renderActionGradeResultDialog(), renderActionSubmitCountInfoDialog());
 };
 
 export { MaterialRunboxActionGrade as default };

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

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { Menu } from '@mui/material';
@@ -9,20 +8,22 @@ import MaterialRunboxActionShare from './MaterialRunboxActionShare.js';
 //
 //
 //
-var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
-  var runbox = _ref.runbox,
-    runtime = _ref.runtime,
-    courseId = _ref.courseId,
-    menuAnchorEl = _ref.menuAnchorEl,
-    refetch = _ref.refetch,
-    handleMenuClose = _ref.handleMenuClose;
-  var _useEliceRunboxRunnin = useEliceRunboxRunning(),
-    status = _useEliceRunboxRunnin.status;
-  var isRunboxRunning = status === 'running';
+const MaterialRunboxActionMenu = ({
+  runbox,
+  runtime,
+  courseId,
+  menuAnchorEl,
+  refetch,
+  handleMenuClose
+}) => {
+  const {
+    status
+  } = useEliceRunboxRunning();
+  const isRunboxRunning = status === 'running';
   //
   //
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!isRunboxRunning) {
       handleMenuClose();
     }
@@ -30,7 +31,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
   //
   //
   //
-  return jsxs(Menu, {
+  return React.createElement(Menu, {
     open: Boolean(menuAnchorEl),
     anchorEl: menuAnchorEl,
     anchorOrigin: {
@@ -41,21 +42,20 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
       vertical: 'top',
       horizontal: 'right'
     },
-    onClose: handleMenuClose,
-    children: [jsx(MaterialRunboxActionShare, {
-      handleMenuClose: handleMenuClose
-    }), jsx(MaterialRunboxActionRestart, {
-      runbox: runbox,
-      runtime: runtime,
-      courseId: courseId,
-      refetch: refetch,
-      handleMenuClose: handleMenuClose
-    }), jsx(MaterialRunboxActionReset, {
-      runtime: runtime,
-      courseId: courseId,
-      handleMenuClose: handleMenuClose
-    })]
-  });
+    onClose: handleMenuClose
+  }, React.createElement(MaterialRunboxActionShare, {
+    handleMenuClose: handleMenuClose
+  }), React.createElement(MaterialRunboxActionRestart, {
+    runbox: runbox,
+    runtime: runtime,
+    courseId: courseId,
+    refetch: refetch,
+    handleMenuClose: handleMenuClose
+  }), React.createElement(MaterialRunboxActionReset, {
+    runtime: runtime,
+    courseId: courseId,
+    handleMenuClose: handleMenuClose
+  }));
 };
 
 export { MaterialRunboxActionMenu as default };