@elice/material-exercise 1.260429.0-improvetimerpopoverui.0 → 1.260430.0

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

@@ -1,220 +1,19 @@
-import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import _styled from '@emotion/styled/base';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { Button, Tooltip } from '@elice/blocks';
-import { useRawEliceIntl } from '@elice/intl';
-import { colors } from '@elice/mui-system';
-import { enums } from '@elice/types';
-import { EliceWebSocket } from '@elice/websocket';
-import { useRecoilValue } from 'recoil';
-import { ExerciseRunnerContext } from './ExerciseRunnerContext.js';
-import { exerciseActiveFilenameState, exerciseWebSocketTotalStatusQuery, exerciseState, exerciseRunnerRunTypeState, exerciseLectureState, exerciseRunnerSubmittingState, exerciseRunnerRunningState, exerciseArduinoUploadProgressState, exerciseArduinoOpenedPortNameState } from '../context/recoil.js';
-import { useExericseShortcut } from '../../../hooks/useExericseShortcut.js';
-import { ExerciseContext } from '../context/context.js';
-import { useExerciseFileEditable } from '../../../hooks/useExerciseFile.js';
-import { exerciseFileEditorSaveAction$ } from '../context/subjects.js';
+import { Stack } from '@mui/material';
+import ControllerActionRun from './action/ControllerActionRun.js';
+import ControllerActionGrade from './action/ControllerActionGrade.js';
+import ControllerActionCancel from './action/ControllerActionCancel.js';
+import ControllerActionSyncRequest from './action/ControllerActionSyncRequest.js';
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledControllerButton = /*#__PURE__*/_styled(Button, {
-  target: "e45p2z2"
-})("position:relative;transition:none;&.eb-button--role-danger{border-color:", colors.red[700], ";background-color:", colors.red[700], ";}");
-var StyledControllerButtonWrap = /*#__PURE__*/_styled("div", {
-  target: "e45p2z1"
-})("production" === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : {
-  name: "zjik7",
-  styles: "display:flex",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledControllerButtonGroup = /*#__PURE__*/_styled("div", {
-  target: "e45p2z0"
-})("display:flex;flex-direction:row;align-items:center;>", StyledControllerButtonWrap, ",>", StyledControllerButton, "{margin-right:0.5rem;&:last-child{margin-right:0;}}");
+//
+//
+//
 var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButtonGroup() {
-  var _a;
-  var intl = useRawEliceIntl();
-  var _React$useContext = React.useContext(ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId;
-  var _React$useContext2 = React.useContext(ExerciseRunnerContext),
-    onSubmit = _React$useContext2.onSubmit,
-    onSyncRequest = _React$useContext2.onSyncRequest,
-    onCancel = _React$useContext2.onCancel;
-  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
-  var isFileEditable = useExerciseFileEditable(activeFilename);
-  var runnerWebsocketStatus = useRecoilValue(exerciseWebSocketTotalStatusQuery([].concat(_toConsumableArray(isFileEditable ? ['usercodeEdit'] : []), ['runnerRoom', 'stdio'])));
-  var exercise = useRecoilValue(exerciseState(materialExerciseId));
-  var exerciseRunType = useRecoilValue(exerciseRunnerRunTypeState);
-  var exerciseWithNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);
-  var lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
-  var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === enums.LectureType.Test;
-  var isTestLectureCompleted = (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) === enums.TestAdmissionStatus.Completed;
-  // runner states
-  var isSubmitting = useRecoilValue(exerciseRunnerSubmittingState);
-  var isRunning = useRecoilValue(exerciseRunnerRunningState);
-  var isConnecting = runnerWebsocketStatus === EliceWebSocket.CONNECTING;
-  var isNotReady = runnerWebsocketStatus !== EliceWebSocket.OPEN;
-  // arduino
-  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
-  var arduinoUploadProgress = useRecoilValue(exerciseArduinoUploadProgressState);
-  var arduinoOpenedPortName = useRecoilValue(exerciseArduinoOpenedPortNameState);
-  //
-  // ========= ui states =========
-  //
-  // submit run
-  var isSubmitRunHidden = isRunning;
-  var isSubmitRunArduinoDisabled = isArduinoExercise ? arduinoUploadProgress !== 'ready' && arduinoUploadProgress !== 'error' || !arduinoOpenedPortName : false;
-  var isSubmitRunDisabled = isSubmitRunHidden || isSubmitRunArduinoDisabled || isNotReady || isConnecting || isSubmitting;
-  // submit grade
-  var isSubmitGradeHidden = isRunning;
-  var isSubmitGradeDisabled = isSubmitGradeHidden || exerciseWithNoGrade || isTestLecture && isTestLectureCompleted || isNotReady || isConnecting || isSubmitting;
-  // cancel
-  var isCancelHidden = !isRunning;
-  var isCancelDisabled = isCancelHidden || isNotReady || isConnecting;
-  // sync request
-  var isSyncRequestHidden = !isRunning || !((_a = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.httpPort);
-  var isSyncRequestDisabled = isSyncRequestHidden || isNotReady || isConnecting;
-  //
-  //
-  //
-  /**
-   * Submit to run
-   */
-  var handleSubmitRun = function handleSubmitRun() {
-    if (!isSubmitRunDisabled) {
-      void onSubmit(enums.ExerciseRunType.Run);
-    }
-  };
-  /**
-   * Submit to grade
-   */
-  var handleSubmitGrade = function handleSubmitGrade() {
-    if (!isSubmitGradeDisabled) {
-      void onSubmit(enums.ExerciseRunType.Grade);
-    }
-  };
-  /**
-   * Cancel
-   */
-  var handleCancel = function handleCancel() {
-    if (!isCancelDisabled) {
-      onCancel();
-    }
-  };
-  /**
-   * Sync request
-   */
-  var handleSyncRequest = function handleSyncRequest() {
-    if (!isSyncRequestDisabled) {
-      onSyncRequest();
-    }
-  };
-  //
-  // keyboard shortcuts to control runner
-  //
-  useExericseShortcut('RUNNER_SUBMIT_RUN', handleSubmitRun);
-  useExericseShortcut('RUNNER_SUBMIT_GRADE', handleSubmitGrade);
-  useExericseShortcut('RUNNER_CANCEL', handleCancel);
-  useExericseShortcut('RUNNER_SYNC_REQUEST', handleSyncRequest);
-  //
-  // handle save action emitted by file editor
-  //
-  React.useEffect(function () {
-    var saveActionSub = exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
-    return function () {
-      saveActionSub.unsubscribe();
-    };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isSyncRequestDisabled]);
-  /**
-   * Submit to run button
-   */
-  var renderSubmitRunButton = function renderSubmitRunButton() {
-    if (isSubmitRunHidden) {
-      return null;
-    }
-    return jsx(StyledControllerButton, {
-      size: "tiny",
-      loading: isConnecting || isSubmitting && exerciseRunType === enums.ExerciseRunType.Run,
-      disabled: isSubmitRunDisabled,
-      onClick: handleSubmitRun,
-      children: isArduinoExercise ? intl.formatMessage({
-        id: 'exerciseRunner.controller.buttonGroup.button.compile'
-      }) : intl.formatMessage({
-        id: 'exerciseRunner.controller.buttonGroup.button.run'
-      })
-    });
-  };
-  /**
-   * Submit to grade button
-   */
-  var renderSubmitGradeButton = function renderSubmitGradeButton() {
-    if (isSubmitGradeHidden) {
-      return null;
-    }
-    return jsx(Tooltip, {
-      dark: true,
-      title: exerciseWithNoGrade ? intl.formatMessage({
-        id: 'exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit'
-      }) : undefined,
-      placement: "top",
-      children: jsx(StyledControllerButtonWrap, {
-        children: jsx(StyledControllerButton, {
-          size: "tiny",
-          role: "secondary",
-          loading: isConnecting || isSubmitting && exerciseRunType === enums.ExerciseRunType.Grade,
-          disabled: isSubmitGradeDisabled,
-          onClick: handleSubmitGrade,
-          children: intl.formatMessage({
-            id: 'exerciseRunner.controller.buttonGroup.button.submit'
-          })
-        })
-      })
-    });
-  };
-  /**
-   * Cancel button
-   */
-  var renderCancelButton = function renderCancelButton() {
-    if (isCancelHidden) {
-      return null;
-    }
-    return jsx(StyledControllerButton, {
-      size: "tiny",
-      role: "danger",
-      loading: isConnecting,
-      disabled: isCancelDisabled,
-      onClick: handleCancel,
-      children: intl.formatMessage({
-        id: 'exerciseRunner.controller.buttonGroup.button.stop'
-      })
-    });
-  };
-  /**
-   * Sync request button
-   */
-  var renderSyncRequestButton = function renderSyncRequestButton() {
-    if (isSyncRequestHidden) {
-      return null;
-    }
-    return jsx(StyledControllerButton, {
-      size: "tiny",
-      role: "secondary",
-      loading: isConnecting,
-      disabled: isSyncRequestDisabled,
-      onClick: handleSyncRequest,
-      children: intl.formatMessage({
-        id: 'exerciseRunner.controller.buttonGroup.button.syncRequest'
-      })
-    });
-  };
-  //
-  //
-  //
-  return jsxs(StyledControllerButtonGroup, {
-    children: [renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton()]
+  return jsxs(Stack, {
+    direction: "row",
+    alignItems: "center",
+    gap: "0.5rem",
+    children: [jsx(ControllerActionRun, {}), jsx(ControllerActionGrade, {}), jsx(ControllerActionCancel, {}), jsx(ControllerActionSyncRequest, {})]
   });
 };
 

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerCodeHelpRequestButton.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
-interface ExerciseRunnerControllerCodeHelpRequestButtonProps {
+interface CodeHelpRequestButtonProps {
     onClick: () => void;
 }
-declare const ExerciseRunnerControllerCodeHelpRequestButton: React.FC<ExerciseRunnerControllerCodeHelpRequestButtonProps>;
+declare const ExerciseRunnerControllerCodeHelpRequestButton: React.FC<CodeHelpRequestButtonProps>;
 export default ExerciseRunnerControllerCodeHelpRequestButton;

package/es/components/material-exercise/exercise-runner/action/ControllerActionCancel.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ControllerActionCancel: React.VFC;
+export default ControllerActionCancel;

package/es/components/material-exercise/exercise-runner/action/ControllerActionCancel.js

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRawEliceIntl } from '@elice/intl';
+import { LoadingButton } from '@mui/lab';
+import { useControllerActionCancel } from './useControllerActionCancel.js';
+import { useExericseShortcut } from '../../../../hooks/useExericseShortcut.js';
+
+//
+//
+//
+var ControllerActionCancel = function ControllerActionCancel() {
+  var intl = useRawEliceIntl();
+  var _useControllerActionC = useControllerActionCancel(),
+    isHidden = _useControllerActionC.isHidden,
+    isDisabled = _useControllerActionC.isDisabled,
+    isLoading = _useControllerActionC.isLoading,
+    cancel = _useControllerActionC.cancel;
+  //
+  // register the shortcut
+  //
+  useExericseShortcut('RUNNER_CANCEL', cancel);
+  //
+  //
+  //
+  if (isHidden) {
+    return null;
+  }
+  return jsx(LoadingButton, {
+    size: "small",
+    variant: "contained",
+    color: "error",
+    loading: isLoading,
+    disabled: isDisabled,
+    onClick: cancel,
+    children: intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.stop'
+    })
+  });
+};
+
+export { ControllerActionCancel as default };

package/es/components/material-exercise/exercise-runner/action/ControllerActionGrade.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ControllerActionGrade: React.VFC;
+export default ControllerActionGrade;

package/es/components/material-exercise/exercise-runner/action/ControllerActionGrade.js

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRawEliceIntl } from '@elice/intl';
+import { LoadingButton } from '@mui/lab';
+import { Tooltip, Box } from '@mui/material';
+import { useControllerActionGrade } from './useControllerActionGrade.js';
+import { useExericseShortcut } from '../../../../hooks/useExericseShortcut.js';
+
+//
+//
+//
+var ControllerActionGrade = function ControllerActionGrade() {
+  var intl = useRawEliceIntl();
+  var _useControllerActionG = useControllerActionGrade(),
+    isHidden = _useControllerActionG.isHidden,
+    isDisabled = _useControllerActionG.isDisabled,
+    isLoading = _useControllerActionG.isLoading,
+    isNoGrade = _useControllerActionG.isNoGrade,
+    grade = _useControllerActionG.grade;
+  //
+  // register the shortcut
+  //
+  useExericseShortcut('RUNNER_SUBMIT_GRADE', grade);
+  //
+  //
+  //
+  if (isHidden) {
+    return null;
+  }
+  return jsx(Tooltip, {
+    title: isNoGrade ? intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit'
+    }) : '',
+    placement: "top",
+    children: jsx(Box, {
+      component: "span",
+      sx: {
+        display: 'inline-flex'
+      },
+      children: jsx(LoadingButton, {
+        size: "small",
+        variant: "contained",
+        color: "info",
+        loading: isLoading,
+        disabled: isDisabled,
+        onClick: grade,
+        children: intl.formatMessage({
+          id: 'exerciseRunner.controller.buttonGroup.button.submit'
+        })
+      })
+    })
+  });
+};
+
+export { ControllerActionGrade as default };

package/es/components/material-exercise/exercise-runner/action/ControllerActionRun.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ControllerActionRun: React.VFC;
+export default ControllerActionRun;

package/es/components/material-exercise/exercise-runner/action/ControllerActionRun.js

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRawEliceIntl } from '@elice/intl';
+import { LoadingButton } from '@mui/lab';
+import { useControllerActionRun } from './useControllerActionRun.js';
+import { useExericseShortcut } from '../../../../hooks/useExericseShortcut.js';
+
+//
+//
+//
+var ControllerActionRun = function ControllerActionRun() {
+  var intl = useRawEliceIntl();
+  var _useControllerActionR = useControllerActionRun(),
+    isHidden = _useControllerActionR.isHidden,
+    isDisabled = _useControllerActionR.isDisabled,
+    isLoading = _useControllerActionR.isLoading,
+    run = _useControllerActionR.run;
+  //
+  // register the shortcut
+  //
+  useExericseShortcut('RUNNER_SUBMIT_RUN', run);
+  //
+  //
+  //
+  if (isHidden) {
+    return null;
+  }
+  return jsx(LoadingButton, {
+    size: "small",
+    variant: "contained",
+    color: "primary",
+    loading: isLoading,
+    disabled: isDisabled,
+    onClick: run,
+    children: intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.run'
+    })
+  });
+};
+
+export { ControllerActionRun as default };

package/es/components/material-exercise/exercise-runner/action/ControllerActionSyncRequest.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ControllerActionSyncRequest: React.VFC;
+export default ControllerActionSyncRequest;

package/es/components/material-exercise/exercise-runner/action/ControllerActionSyncRequest.js

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRawEliceIntl } from '@elice/intl';
+import { LoadingButton } from '@mui/lab';
+import { useControllerActionSyncRequest } from './useControllerActionSyncRequest.js';
+import { useExericseShortcut } from '../../../../hooks/useExericseShortcut.js';
+
+//
+//
+//
+var ControllerActionSyncRequest = function ControllerActionSyncRequest() {
+  var intl = useRawEliceIntl();
+  var _useControllerActionS = useControllerActionSyncRequest(),
+    isHidden = _useControllerActionS.isHidden,
+    isDisabled = _useControllerActionS.isDisabled,
+    isLoading = _useControllerActionS.isLoading,
+    syncRequest = _useControllerActionS.syncRequest;
+  //
+  // register the shortcut
+  //
+  useExericseShortcut('RUNNER_SYNC_REQUEST', syncRequest);
+  //
+  //
+  //
+  if (isHidden) {
+    return null;
+  }
+  return jsx(LoadingButton, {
+    size: "small",
+    variant: "contained",
+    color: "secondary",
+    loading: isLoading,
+    disabled: isDisabled,
+    onClick: syncRequest,
+    children: intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.syncRequest'
+    })
+  });
+};
+
+export { ControllerActionSyncRequest as default };

package/es/components/material-exercise/exercise-runner/action/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ControllerActionCancel } from './ControllerActionCancel';
+export { default as ControllerActionGrade } from './ControllerActionGrade';
+export { default as ControllerActionRun } from './ControllerActionRun';
+export { default as ControllerActionSyncRequest } from './ControllerActionSyncRequest';
+export { useControllerActionRun } from './useControllerActionRun';

package/es/components/material-exercise/exercise-runner/action/index.js

@@ -0,0 +1,5 @@
+export { default as ControllerActionCancel } from './ControllerActionCancel.js';
+export { default as ControllerActionGrade } from './ControllerActionGrade.js';
+export { default as ControllerActionRun } from './ControllerActionRun.js';
+export { default as ControllerActionSyncRequest } from './ControllerActionSyncRequest.js';
+export { useControllerActionRun } from './useControllerActionRun.js';

package/es/components/material-exercise/exercise-runner/action/useControllerActionCancel.d.ts

@@ -0,0 +1,14 @@
+export interface UseControllerActionCancelReturn {
+    /** Whether the cancel button should be hidden. */
+    isHidden: boolean;
+    /** Whether the cancel button should be disabled. */
+    isDisabled: boolean;
+    /** Whether the cancel button should show a loading indicator. */
+    isLoading: boolean;
+    /** Cancel the running exercise. */
+    cancel: () => void;
+}
+/**
+ * Provides state and handler for the exercise runner's "cancel" action.
+ */
+export declare const useControllerActionCancel: () => UseControllerActionCancelReturn;

package/es/components/material-exercise/exercise-runner/action/useControllerActionCancel.js

@@ -0,0 +1,46 @@
+import { toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { EliceWebSocket } from '@elice/websocket';
+import { useRecoilValue } from 'recoil';
+import { ExerciseRunnerContext } from '../ExerciseRunnerContext.js';
+import { exerciseActiveFilenameState, exerciseWebSocketTotalStatusQuery, exerciseRunnerRunningState } from '../../context/recoil.js';
+import { useExerciseFileEditable } from '../../../../hooks/useExerciseFile.js';
+
+//
+//
+//
+/**
+ * Provides state and handler for the exercise runner's "cancel" action.
+ */
+var useControllerActionCancel = function useControllerActionCancel() {
+  var _return = React.useRef({});
+  var _React$useContext = React.useContext(ExerciseRunnerContext),
+    onCancel = _React$useContext.onCancel;
+  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFileEditable(activeFilename);
+  var runnerWebsocketStatus = useRecoilValue(exerciseWebSocketTotalStatusQuery([].concat(_toConsumableArray(isFileEditable ? ['usercodeEdit'] : []), ['runnerRoom', 'stdio'])));
+  var isRunning = useRecoilValue(exerciseRunnerRunningState);
+  var isConnecting = runnerWebsocketStatus === EliceWebSocket.CONNECTING;
+  var isNotReady = runnerWebsocketStatus !== EliceWebSocket.OPEN;
+  var isHidden = !isRunning;
+  var isDisabled = isHidden || isNotReady || isConnecting;
+  var isLoading = isConnecting;
+  /**
+   *
+   */
+  var cancel = React.useCallback(function () {
+    if (!isDisabled) {
+      onCancel();
+    }
+  }, [isDisabled, onCancel]);
+  //
+  //
+  //
+  _return.current.isHidden = isHidden;
+  _return.current.isDisabled = isDisabled;
+  _return.current.isLoading = isLoading;
+  _return.current.cancel = cancel;
+  return _return.current;
+};
+
+export { useControllerActionCancel };

package/es/components/material-exercise/exercise-runner/action/useControllerActionGrade.d.ts

@@ -0,0 +1,16 @@
+export interface UseControllerActionGradeReturn {
+    /** Whether the grade button should be hidden. */
+    isHidden: boolean;
+    /** Whether the grade button should be disabled. */
+    isDisabled: boolean;
+    /** Whether the grade button should show a loading indicator. */
+    isLoading: boolean;
+    /** Whether grading is disallowed for this exercise (used to show tooltip). */
+    isNoGrade: boolean;
+    /** Submit the exercise to grade. Resolves when the submission completes. */
+    grade: () => Promise<void>;
+}
+/**
+ * Provides state and handler for the exercise runner's "grade" action.
+ */
+export declare const useControllerActionGrade: () => UseControllerActionGradeReturn;

package/es/components/material-exercise/exercise-runner/action/useControllerActionGrade.js

@@ -0,0 +1,68 @@
+import { toConsumableArray as _toConsumableArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { enums } from '@elice/types';
+import { EliceWebSocket } from '@elice/websocket';
+import { useRecoilValue } from 'recoil';
+import { ExerciseRunnerContext } from '../ExerciseRunnerContext.js';
+import { exerciseActiveFilenameState, exerciseWebSocketTotalStatusQuery, exerciseState, exerciseRunnerRunTypeState, exerciseLectureState, exerciseRunnerSubmittingState, exerciseRunnerRunningState } from '../../context/recoil.js';
+import { ExerciseContext } from '../../context/context.js';
+import { useExerciseFileEditable } from '../../../../hooks/useExerciseFile.js';
+
+//
+//
+//
+/**
+ * Provides state and handler for the exercise runner's "grade" action.
+ */
+var useControllerActionGrade = function useControllerActionGrade() {
+  var _return = React.useRef({});
+  var _React$useContext = React.useContext(ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId;
+  var _React$useContext2 = React.useContext(ExerciseRunnerContext),
+    onSubmit = _React$useContext2.onSubmit;
+  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFileEditable(activeFilename);
+  var runnerWebsocketStatus = useRecoilValue(exerciseWebSocketTotalStatusQuery([].concat(_toConsumableArray(isFileEditable ? ['usercodeEdit'] : []), ['runnerRoom', 'stdio'])));
+  var exercise = useRecoilValue(exerciseState(materialExerciseId));
+  var exerciseRunType = useRecoilValue(exerciseRunnerRunTypeState);
+  var isNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);
+  var lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
+  var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === enums.LectureType.Test;
+  var isTestLectureCompleted = (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) === enums.TestAdmissionStatus.Completed;
+  var isSubmitting = useRecoilValue(exerciseRunnerSubmittingState);
+  var isRunning = useRecoilValue(exerciseRunnerRunningState);
+  var isConnecting = runnerWebsocketStatus === EliceWebSocket.CONNECTING;
+  var isNotReady = runnerWebsocketStatus !== EliceWebSocket.OPEN;
+  var isHidden = isRunning;
+  var isDisabled = isHidden || isNoGrade || isTestLecture && isTestLectureCompleted || isNotReady || isConnecting || isSubmitting;
+  var isLoading = isConnecting || isSubmitting && exerciseRunType === enums.ExerciseRunType.Grade;
+  /**
+   *
+   */
+  var grade = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          if (isDisabled) {
+            _context.n = 1;
+            break;
+          }
+          _context.n = 1;
+          return onSubmit(enums.ExerciseRunType.Grade);
+        case 1:
+          return _context.a(2);
+      }
+    }, _callee);
+  })), [isDisabled, onSubmit]);
+  //
+  //
+  //
+  _return.current.isHidden = isHidden;
+  _return.current.isDisabled = isDisabled;
+  _return.current.isLoading = isLoading;
+  _return.current.isNoGrade = isNoGrade;
+  _return.current.grade = grade;
+  return _return.current;
+};
+
+export { useControllerActionGrade };

package/es/components/material-exercise/exercise-runner/action/useControllerActionRun.d.ts

@@ -0,0 +1,14 @@
+export interface UseControllerActionRunReturn {
+    /** Whether the run button should be hidden. */
+    isHidden: boolean;
+    /** Whether the run button should be disabled. */
+    isDisabled: boolean;
+    /** Whether the run button should show a loading indicator. */
+    isLoading: boolean;
+    /** Submit the exercise to run. Resolves when the submission completes. */
+    run: () => Promise<void>;
+}
+/**
+ * Provides state and handler for the exercise runner's "run" action.
+ */
+export declare const useControllerActionRun: () => UseControllerActionRunReturn;