@elice/material-runbox 1.260930.0 → 1.261005.0

package/es/components/material-runbox/MaterialRunboxContent.js

@@ -1,12 +1,12 @@
 import { taggedTemplateLiteral as _taggedTemplateLiteral, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
+import { styled, ThemeProvider, CircularProgress, Stack, Typography, Button } from '@elice/eds-material';
+import { SnackbarProvider } from '@elice/eds-x-snackbar';
 import { useRawEliceIntl } from '@elice/intl';
-import { SnackbarProvider } from '@elice/mui-x-snackbar';
 import { RunboxStarterGetResponseStatusEnum } from '@elice/openapi-client-material-runbox';
 import { EliceRunboxProvider } from '@elice/runbox-client';
 import { Refresh } from '@mui/icons-material';
-import { styled, ThemeProvider, CircularProgress, Stack, Typography, Button } from '@mui/material';
 import { useQuery } from '@tanstack/react-query';
 import MaterialAdminRunboxConfirmDialog from './MaterialAdminRunboxConfirmDialog.js';
 import MaterialRunboxAlert from './MaterialRunboxAlert.js';
@@ -173,14 +173,18 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
           color: 'text.primary'
         },
         children: jsxs(Stack, {
-          gap: "1.5rem",
+          sx: {
+            gap: '1.5rem'
+          },
           children: [jsx(Typography, {
             variant: "h6",
             children: intl.formatMessage({
               id: 'runbox.runtime.message.startError'
             })
           }), jsxs(Stack, {
-            gap: "0.5rem",
+            sx: {
+              gap: '0.5rem'
+            },
             children: [jsx(Button, {
               startIcon: jsx(Refresh, {}),
               onClick: function onClick() {
@@ -212,18 +216,24 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
           color: 'text.primary'
         },
         children: jsxs(Stack, {
-          gap: "0.5rem",
-          textAlign: "center",
+          sx: {
+            textAlign: 'center',
+            gap: '0.5rem'
+          },
           children: [jsx(Typography, {
             variant: "h6",
-            color: "text.secondary",
+            sx: {
+              color: 'text.secondary'
+            },
             children: intl.formatMessage({
               id: 'runbox.runtime.message.runbox_unavailable'
             })
           }), jsx(Typography, {
             variant: "body1",
-            whiteSpace: "pre-line",
-            color: "text.tertiary",
+            sx: {
+              color: 'text.tertiary',
+              whiteSpace: 'pre-line'
+            },
             children: intl.formatMessage({
               id: 'runbox.runtime.message.lxp_plan_required'
             })

package/es/components/material-runbox/MaterialRunboxHeader.js

@@ -3,13 +3,13 @@ import _styled from '@emotion/styled/base';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
 import { getGlobalOrganizationGet } from '@elice/api-client';
+import { Tag, FaIcon } from '@elice/eds-kit';
+import { Stack, IconButton, Button } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
 import { useMaterialConfig } from '@elice/material-shared-utils';
-import { Tag, EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { enums } from '@elice/types';
 import { faEllipsisVertical } from '@fortawesome/pro-solid-svg-icons';
-import { Stack, IconButton, Button } from '@mui/material';
 import { useQuery } from '@tanstack/react-query';
 import MaterialRunboxActionDisconnect from './actions/MaterialRunboxActionDisconnect.js';
 import MaterialRunboxActionGrade from './actions/MaterialRunboxActionGrade.js';
@@ -166,12 +166,12 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
         size: "small",
         disabled: !isRunboxRunning,
         onClick: handleMenuButtonClick,
-        children: jsx(EliceIcon, {
+        children: jsx(FaIcon, {
           icon: faEllipsisVertical
         })
       }) : jsx(Button, {
         disabled: !isRunboxRunning,
-        startIcon: jsx(EliceIcon, {
+        startIcon: jsx(FaIcon, {
           icon: faEllipsisVertical
         }),
         color: "inherit",
@@ -224,9 +224,11 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
       userId: studentUserId
     }), jsxs(Stack, {
       direction: "row",
-      alignItems: "center",
-      gap: "0.5rem",
-      marginLeft: "auto",
+      sx: {
+        marginLeft: 'auto',
+        gap: '0.5rem',
+        alignItems: 'center'
+      },
       children: [renderHeaderSubmitInfo(), renderOptionMenu(), renderHeaderActionDisconnect(), renderHeaderActionGrade()]
     })]
   });

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

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { jsx } from 'react/jsx-runtime';
+import { FormControlLabel, Tooltip, Switch } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { FormControlLabel, Tooltip, Switch } from '@mui/material';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.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)."; }
@@ -68,7 +68,7 @@ var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown
       label: intl.formatMessage({
         id: 'runbox.action.autoShutdown.title'
       }),
-      componentsProps: {
+      slotProps: {
         typography: {
           variant: 'body2'
         }

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

@@ -1,11 +1,11 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { FaIcon } from '@elice/eds-kit';
+import { Tooltip, IconButton, Button } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { faLinkSlash } from '@fortawesome/pro-solid-svg-icons';
-import { Tooltip, IconButton, Button } from '@mui/material';
 import MaterialRunboxActionDisconnectDialog from './MaterialRunboxActionDisconnectDialog.js';
 import { useBreakpoint } from '../../shared/hooks/useBreakpoint.js';
 import { useMaterialRunboxControlContext } from '../contexts/MaterialRunboxControlContext.js';
@@ -53,7 +53,7 @@ var MaterialRunboxActionDisconnect = function MaterialRunboxActionDisconnect() {
             size: "small",
             disabled: isRunboxTerminated,
             onClick: handleClickAction,
-            children: jsx(EliceIcon, {
+            children: jsx(FaIcon, {
               icon: faLinkSlash
             })
           })

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog, DialogTitle, DialogContent, Typography, DialogActions, Button } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { Dialog, DialogTitle, DialogContent, Typography, DialogActions, Button } from '@mui/material';
 
 var MaterialRunboxActionDisconnectDialog = function MaterialRunboxActionDisconnectDialog(_ref) {
   var open = _ref.open,
@@ -31,7 +31,9 @@ var MaterialRunboxActionDisconnectDialog = function MaterialRunboxActionDisconne
       })
     }), jsx(DialogContent, {
       children: jsx(Typography, {
-        whiteSpace: "pre-line",
+        sx: {
+          whiteSpace: 'pre-line'
+        },
         children: intl.formatMessage({
           id: 'runbox.action.disconnect.dialog.description'
         })

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

@@ -1,12 +1,11 @@
 import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { FaIcon } from '@elice/eds-kit';
+import { MenuItem, Button, ListItemIcon, ListItemText } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { faLinkSlash } from '@fortawesome/pro-solid-svg-icons';
-import { LoadingButton } from '@mui/lab';
-import { MenuItem, ListItemIcon, ListItemText } from '@mui/material';
 import MaterialRunboxActionDisconnectDialog from './MaterialRunboxActionDisconnectDialog.js';
 import { useMaterialRunboxControlContext } from '../contexts/MaterialRunboxControlContext.js';
 
@@ -51,7 +50,7 @@ var MaterialRunboxActionDisconnectMenuItem = function MaterialRunboxActionDiscon
   return jsxs(Fragment, {
     children: [jsxs(MenuItem, {
       fullWidth: true,
-      component: LoadingButton,
+      component: Button,
       color: "inherit",
       loading: isStopping,
       disabled: isRunboxTerminated,
@@ -59,7 +58,7 @@ var MaterialRunboxActionDisconnectMenuItem = function MaterialRunboxActionDiscon
         return setDisconnectDialogOpen(true);
       },
       children: [jsx(ListItemIcon, {
-        children: jsx(EliceIcon, {
+        children: jsx(FaIcon, {
           icon: faLinkSlash
         })
       }), jsx(ListItemText, {

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

@@ -3,13 +3,12 @@ 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 { Button, Tooltip, ButtonGroup, Badge, Dialog, DialogTitle, DialogContent, Stack, Alert, DialogActions, Typography } from '@elice/eds-material';
+import { useSnackbar } from '@elice/eds-x-snackbar';
 import { useRawEliceIntl } from '@elice/intl';
-import { useSnackbar } from '@elice/mui-x-snackbar';
 import { CommandType } from '@elice/openapi-client-material-runbox';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { Terminal } from '@mui/icons-material';
-import { LoadingButton } from '@mui/lab';
-import { Tooltip, ButtonGroup, Badge, Dialog, DialogTitle, DialogContent, Stack, Alert, DialogActions, Button, Typography } from '@mui/material';
 import { useQuery } from '@tanstack/react-query';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';
 import { useMaterialRunboxCommandContext } from '../contexts/MaterialRunboxCommandContext.js';
@@ -39,7 +38,7 @@ var TRANSITION_STYLE_MAP = {
 //
 //
 //
-var StyledMainActionButton = /*#__PURE__*/_styled(LoadingButton, {
+var StyledMainActionButton = /*#__PURE__*/_styled(Button, {
   target: "eae460y2"
 })("production" === "production" ? {
   name: "tssn5p",
@@ -296,7 +295,9 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
         })
       }), jsx(DialogContent, {
         children: jsxs(Stack, {
-          gap: "0.75rem",
+          sx: {
+            gap: '0.75rem'
+          },
           children: [lastCommand.terminatedReason === 'done' ? jsx(Alert, {
             severity: "success",
             children: intl.formatMessage({

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

@@ -2,9 +2,9 @@ import { asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } fr
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { getOrgCourseGet } from '@elice/api-client';
+import { Menu, Fade, Stack, Divider } from '@elice/eds-material';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { enums } from '@elice/types';
-import { Menu, Fade, Stack, Divider } from '@mui/material';
 import { useQuery } from '@tanstack/react-query';
 import MaterialRunboxActionAutoShutdown from './MaterialRunboxActionAutoShutdown.js';
 import MaterialRunboxActionDisconnectMenuItem from './MaterialRunboxActionDisconnectMenuItem.js';
@@ -86,13 +86,17 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
       vertical: 'top',
       horizontal: 'right'
     },
-    TransitionComponent: Fade,
+    slots: {
+      transition: Fade
+    },
     onClose: handleMenuClose,
     children: [enableAutoShutdown ? jsxs(Fragment, {
       children: [jsx(Stack, {
         direction: "row",
-        alignItems: "center",
-        padding: "0.25rem 0.5rem",
+        sx: {
+          padding: '0.25rem 0.5rem',
+          alignItems: 'center'
+        },
         children: jsx(MaterialRunboxActionAutoShutdown, {
           runtime: runtime,
           runtimeTemplate: runtimeTemplate,

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

@@ -1,14 +1,13 @@
 import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { FaIcon } from '@elice/eds-kit';
+import { MenuItem, ListItemIcon, ListItemText, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from '@elice/eds-material';
+import { useSnackbar } from '@elice/eds-x-snackbar';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
-import { useSnackbar } from '@elice/mui-x-snackbar';
 import { CommandType } from '@elice/openapi-client-material-runbox';
 import { enums } from '@elice/types';
 import { faRefresh } from '@fortawesome/pro-solid-svg-icons';
-import { LoadingButton } from '@mui/lab';
-import { MenuItem, ListItemIcon, ListItemText, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from '@mui/material';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';
 import { useMaterialRunboxCommandContext } from '../contexts/MaterialRunboxCommandContext.js';
 
@@ -98,7 +97,7 @@ var MaterialRunboxActionReset = function MaterialRunboxActionReset(_ref) {
         return setDialogOpened(true);
       },
       children: [jsx(ListItemIcon, {
-        children: jsx(EliceIcon, {
+        children: jsx(FaIcon, {
           icon: faRefresh
         })
       }), jsx(ListItemText, {
@@ -143,7 +142,7 @@ var MaterialRunboxActionReset = function MaterialRunboxActionReset(_ref) {
           children: intl.formatMessage({
             id: 'runbox.common.close'
           })
-        }), jsx(LoadingButton, {
+        }), jsx(Button, {
           variant: "contained",
           color: "warning",
           loading: isLoading || isLastCommandRunning,

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

@@ -1,12 +1,11 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { FaIcon } from '@elice/eds-kit';
+import { MenuItem, ListItemIcon, ListItemText, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { enums } from '@elice/types';
 import { faRotateRight } from '@fortawesome/pro-solid-svg-icons';
-import { LoadingButton } from '@mui/lab';
-import { MenuItem, ListItemIcon, ListItemText, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from '@mui/material';
 import { useMaterialRunboxControlContext } from '../contexts/MaterialRunboxControlContext.js';
 
 //
@@ -51,7 +50,7 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
         return setDialogOpened(true);
       },
       children: [jsx(ListItemIcon, {
-        children: jsx(EliceIcon, {
+        children: jsx(FaIcon, {
           icon: faRotateRight
         })
       }), jsx(ListItemText, {
@@ -96,7 +95,7 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
           children: intl.formatMessage({
             id: 'runbox.common.close'
           })
-        }), jsx(LoadingButton, {
+        }), jsx(Button, {
           variant: "contained",
           color: "warning",
           loading: isStarting,

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

@@ -2,12 +2,12 @@ import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPlugin
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { useCopyToClipboard } from 'react-use';
+import { FaIcon } from '@elice/eds-kit';
+import { MenuItem, ListItemIcon, ListItemText } from '@elice/eds-material';
+import { useSnackbar } from '@elice/eds-x-snackbar';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
-import { useSnackbar } from '@elice/mui-x-snackbar';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { faLinkSimple } from '@fortawesome/pro-solid-svg-icons';
-import { MenuItem, ListItemIcon, ListItemText } from '@mui/material';
 import { useMaterialRunboxContext } from '../contexts/MaterialRunboxContext.js';
 
 //
@@ -43,7 +43,7 @@ var MaterialRunboxActionShare = function MaterialRunboxActionShare(_ref) {
       disabled: !url,
       onClick: handleShareAction,
       children: [jsx(ListItemIcon, {
-        children: jsx(EliceIcon, {
+        children: jsx(FaIcon, {
           icon: faLinkSimple
         })
       }), jsx(ListItemText, {

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

@@ -1,10 +1,10 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { FaIcon } from '@elice/eds-kit';
+import { MenuItem, ListItemIcon, ListItemText } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { faTimeline } from '@fortawesome/pro-regular-svg-icons';
-import { MenuItem, ListItemIcon, ListItemText } from '@mui/material';
 import MaterialRunboxActionSubmitLogDialog from './MaterialRunboxActionSubmitLogDialog.js';
 
 //
@@ -26,7 +26,7 @@ var MaterialRunboxActionSubmitLog = function MaterialRunboxActionSubmitLog(props
         return setIsOpen(true);
       },
       children: [jsx(ListItemIcon, {
-        children: jsx(EliceIcon, {
+        children: jsx(FaIcon, {
           icon: faTimeline
         })
       }), jsx(ListItemText, {

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

@@ -3,11 +3,11 @@ import { __rest } from 'tslib';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
 import { useInView } from 'react-intersection-observer';
+import { Tag, FaIcon } from '@elice/eds-kit';
+import { useMediaQuery, Dialog, DialogTitle, DialogContent, Stack, DialogActions, Button, List, ListItemButton, ListItemText, ListItemSecondaryAction, Tooltip, IconButton, Box, Typography } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { Tag, EliceIcon } from '@elice/mui-elements';
 import { useTheme } from '@emotion/react';
 import { faArrowDownToLine } from '@fortawesome/pro-regular-svg-icons';
-import { useMediaQuery, Dialog, DialogTitle, DialogContent, Stack, DialogActions, Button, List, ListItemButton, ListItemText, ListItemSecondaryAction, Tooltip, IconButton, Box, Typography } from '@mui/material';
 import dayjs from 'dayjs';
 import { useInfiniteRunboxRunboxIdGrade } from '../hooks/useInfiniteRunboxRunboxIdGrade.js';
 import { useMaterialRunboxContext } from '../contexts/MaterialRunboxContext.js';
@@ -47,8 +47,10 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
    */
   var renderEmpty = function renderEmpty() {
     return jsx(Stack, {
-      justifyContent: "center",
-      alignItems: "center",
+      sx: {
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
       children: jsx(Typography, {
         variant: "body1",
         children: intl.formatMessage({
@@ -79,8 +81,10 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
           }), jsx(ListItemSecondaryAction, {
             children: jsxs(Stack, {
               direction: "row",
-              alignItems: "center",
-              gap: "0.5rem",
+              sx: {
+                alignItems: 'center',
+                gap: '0.5rem'
+              },
               children: [(item === null || item === void 0 ? void 0 : item.score) ? jsx(Tag, {
                 variant: "muted",
                 color: typeof getAchievementColor === 'function' ? getAchievementColor({
@@ -100,7 +104,7 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
                   onClick: function onClick() {
                     window.open(item.submissionFileUrl, '_blank');
                   },
-                  children: jsx(EliceIcon, {
+                  children: jsx(FaIcon, {
                     icon: faArrowDownToLine
                   })
                 })
@@ -118,17 +122,19 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
    */
   var renderCodebox = function renderCodebox() {
     return jsx(Box, {
-      bgcolor: function bgcolor(theme) {
-        return theme.palette.common.black;
+      sx: {
+        bgcolor: function bgcolor(theme) {
+          return theme.palette.common.black;
+        },
+        borderRadius: '0.5rem',
+        padding: '1rem',
+        width: '100%',
+        overflow: 'auto',
+        fontFamily: 'Elice Digital Coding, monospace',
+        fontSize: '0.875rem',
+        whiteSpace: 'pre-wrap',
+        lineHeight: '1.375rem'
       },
-      borderRadius: "0.5rem",
-      padding: "1rem",
-      width: "100%",
-      overflow: "auto",
-      fontFamily: "Elice Digital Coding, monospace",
-      fontSize: "0.875rem",
-      whiteSpace: "pre-wrap",
-      lineHeight: "1.375rem",
       children: selectedGrade === null || selectedGrade === void 0 ? void 0 : selectedGrade.output
     });
   };
@@ -163,9 +169,11 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
     }), jsx(DialogContent, {
       children: jsx(Stack, {
         direction: "row",
-        gap: "0.5rem",
-        overflow: "auto",
-        maxHeight: "30rem",
+        sx: {
+          gap: '0.5rem',
+          overflow: 'auto',
+          maxHeight: '30rem'
+        },
         children: (grade === null || grade === void 0 ? void 0 : grade.length) ? jsxs(Fragment, {
           children: [renderGradeList(), renderCodebox()]
         }) : renderEmpty()

package/es/components/material-runbox/contexts/MaterialRunboxCommandContext.js

@@ -1,8 +1,8 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { useSnackbar } from '@elice/eds-x-snackbar';
 import { useRawEliceIntl } from '@elice/intl';
-import { useSnackbar } from '@elice/mui-x-snackbar';
 import { CommandStatus } from '@elice/openapi-client-material-runbox';
 import { timer } from 'rxjs';
 import { take, switchMap, takeWhile } from 'rxjs/operators';

package/es/components/material-runbox/contexts/MaterialRunboxContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import type { ButtonProps } from '@elice/eds-material';
 import type { RunningRunbox } from '@elice/openapi-client-material-runbox';
-import type { ButtonProps } from '@mui/material';
 type OverlayOwnedButtonProps = 'children' | 'variant' | 'color' | 'startIcon' | 'endIcon' | 'sx' | 'disableRipple' | 'role' | 'tabIndex' | 'ref';
 /**
  * Props for the button reaching the runbox occupying the runtime. Defaults to an `a`;

package/es/components/material-runbox/disk/MaterialRunboxDiskUsageAlert.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
+import { FaIcon } from '@elice/eds-kit';
+import { Alert, Typography } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { faArrowsRotate } from '@fortawesome/pro-solid-svg-icons';
-import { Alert, Typography } from '@mui/material';
 import MaterialRunboxEnvResetButton from './MaterialRunboxEnvResetButton.js';
 import { useRunboxDiskUsage } from '../hooks/useRunboxDiskUsage.js';
 
@@ -39,7 +39,7 @@ var MaterialRunboxDiskUsageAlert = function MaterialRunboxDiskUsageAlert(_ref) {
       variant: "text",
       size: "small",
       color: "inherit",
-      startIcon: jsx(EliceIcon, {
+      startIcon: jsx(FaIcon, {
         icon: faArrowsRotate
       }),
       runtimeTemplateId: runtimeTemplateId,

package/es/components/material-runbox/disk/MaterialRunboxDiskUsageDialog.js

@@ -1,10 +1,10 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useSessionStorage } from 'react-use';
+import { FaIcon } from '@elice/eds-kit';
+import { Dialog, DialogTitle, Stack, DialogContent, DialogContentText, DialogActions, Button } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { faCircleExclamation, faTriangleExclamation } from '@fortawesome/pro-solid-svg-icons';
-import { Dialog, DialogTitle, Stack, DialogContent, DialogContentText, DialogActions, Button } from '@mui/material';
 import { useRunboxDiskUsage } from '../hooks/useRunboxDiskUsage.js';
 
 //
@@ -54,9 +54,11 @@ var MaterialRunboxDiskUsageDialog = function MaterialRunboxDiskUsageDialog(_ref)
     children: [jsx(DialogTitle, {
       children: jsxs(Stack, {
         direction: "row",
-        alignItems: "center",
-        gap: "0.5rem",
-        children: [jsx(EliceIcon, {
+        sx: {
+          gap: '0.5rem',
+          alignItems: 'center'
+        },
+        children: [jsx(FaIcon, {
           icon: severity === 'error' ? faCircleExclamation : faTriangleExclamation,
           color: severity
         }), intl.formatMessage({
@@ -65,7 +67,9 @@ var MaterialRunboxDiskUsageDialog = function MaterialRunboxDiskUsageDialog(_ref)
       })
     }), jsx(DialogContent, {
       children: jsx(DialogContentText, {
-        whiteSpace: "pre-line",
+        sx: {
+          whiteSpace: 'pre-line'
+        },
         children: intl.formatMessage({
           id: "runbox.disk.usage.dialog.description.".concat(severity)
         }, {

package/es/components/material-runbox/disk/MaterialRunboxEnvResetButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { LoadingButtonProps } from '@mui/lab';
-export interface MaterialRunboxEnvResetButtonProps extends Omit<LoadingButtonProps, 'onClick' | 'loading'> {
+import type { ButtonProps } from '@elice/eds-material';
+export interface MaterialRunboxEnvResetButtonProps extends Omit<ButtonProps, 'onClick' | 'loading'> {
     runtimeTemplateId: string;
     courseId: number;
     userId?: number;

package/es/components/material-runbox/disk/MaterialRunboxEnvResetButton.js

@@ -2,10 +2,9 @@ import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator,
 import { __rest } from 'tslib';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { Button, ThemeProvider } from '@elice/eds-material';
+import { useSnackbar } from '@elice/eds-x-snackbar';
 import { useRawEliceIntl } from '@elice/intl';
-import { useSnackbar } from '@elice/mui-x-snackbar';
-import { LoadingButton } from '@mui/lab';
-import { ThemeProvider } from '@mui/material';
 import { runboxDarkTheme } from '../theme.js';
 import MaterialRunboxEnvResetDialog from './MaterialRunboxEnvResetDialog.js';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';
@@ -117,7 +116,7 @@ var MaterialRunboxEnvResetButton = function MaterialRunboxEnvResetButton(_a) {
   //
   //
   return jsxs(Fragment, {
-    children: [jsx(LoadingButton, Object.assign({}, props, {
+    children: [jsx(Button, Object.assign({}, props, {
       loading: isResetting,
       onClick: function onClick() {
         return setDialogOpened(true);

package/es/components/material-runbox/disk/MaterialRunboxEnvResetDialog.js

@@ -1,10 +1,10 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
+import { FaIcon } from '@elice/eds-kit';
+import { Dialog, DialogTitle, Stack, DialogContent, DialogContentText, FormControlLabel, Checkbox, DialogActions, Button } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { faCircleExclamation } from '@fortawesome/pro-solid-svg-icons';
-import { Dialog, DialogTitle, Stack, DialogContent, DialogContentText, FormControlLabel, Checkbox, DialogActions, Button } from '@mui/material';
 
 //
 //
@@ -39,9 +39,11 @@ var MaterialRunboxEnvResetDialog = function MaterialRunboxEnvResetDialog(_ref) {
     children: [jsx(DialogTitle, {
       children: jsxs(Stack, {
         direction: "row",
-        alignItems: "center",
-        gap: "0.5rem",
-        children: [jsx(EliceIcon, {
+        sx: {
+          gap: '0.5rem',
+          alignItems: 'center'
+        },
+        children: [jsx(FaIcon, {
           icon: faCircleExclamation,
           color: "error"
         }), intl.formatMessage({
@@ -50,7 +52,9 @@ var MaterialRunboxEnvResetDialog = function MaterialRunboxEnvResetDialog(_ref) {
       })
     }), jsxs(DialogContent, {
       children: [jsx(DialogContentText, {
-        whiteSpace: "pre-line",
+        sx: {
+          whiteSpace: 'pre-line'
+        },
         children: intl.formatMessage({
           id: 'runbox.disk.env_reset.dialog.description'
         })

package/es/components/material-runbox/hooks/useRunboxControl.js

@@ -1,7 +1,7 @@
 import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useCallback } from 'react';
+import { useSnackbar } from '@elice/eds-x-snackbar';
 import { useRawEliceIntl } from '@elice/intl';
-import { useSnackbar } from '@elice/mui-x-snackbar';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';