@elice/material-runbox 1.260910.0 → 1.260915.0-edsmigration.0

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

@@ -6,9 +6,9 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
+var edsMaterial = require('@elice/eds-material');
 var runboxClient = require('@elice/runbox-client');
 var types = require('@elice/types');
-var material = require('@mui/material');
 var reactQuery = require('@tanstack/react-query');
 var MaterialRunboxActionAutoShutdown = require('./MaterialRunboxActionAutoShutdown.js');
 var MaterialRunboxActionDisconnectMenuItem = require('./MaterialRunboxActionDisconnectMenuItem.js');
@@ -83,7 +83,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
   //
   //
   //
-  return jsxRuntime.jsxs(material.Menu, {
+  return jsxRuntime.jsxs(edsMaterial.Menu, {
     open: Boolean(menuAnchorEl),
     anchorEl: menuAnchorEl,
     anchorOrigin: {
@@ -94,20 +94,24 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
       vertical: 'top',
       horizontal: 'right'
     },
-    TransitionComponent: material.Fade,
+    slots: {
+      transition: edsMaterial.Fade
+    },
     onClose: handleMenuClose,
     children: [enableAutoShutdown ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx(material.Stack, {
+      children: [jsxRuntime.jsx(edsMaterial.Stack, {
         direction: "row",
-        alignItems: "center",
-        padding: "0.25rem 0.5rem",
+        sx: {
+          padding: '0.25rem 0.5rem',
+          alignItems: 'center'
+        },
         children: jsxRuntime.jsx(MaterialRunboxActionAutoShutdown.default, {
           runtime: runtime,
           runtimeTemplate: runtimeTemplate,
           courseId: courseId,
           refetch: refetch
         })
-      }), jsxRuntime.jsx(material.Divider, {
+      }), jsxRuntime.jsx(edsMaterial.Divider, {
         sx: {
           margin: '0.5rem 0'
         }

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

@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var edsKit = require('@elice/eds-kit');
+var edsMaterial = require('@elice/eds-material');
+var edsXSnackbar = require('@elice/eds-x-snackbar');
 var intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
-var muiXSnackbar = require('@elice/mui-x-snackbar');
 var openapiClientMaterialRunbox = require('@elice/openapi-client-material-runbox');
 var types = require('@elice/types');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
-var lab = require('@mui/lab');
-var material = require('@mui/material');
 var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js');
 var MaterialRunboxCommandContext = require('../contexts/MaterialRunboxCommandContext.js');
 
@@ -28,7 +27,7 @@ var MaterialRunboxActionReset = function MaterialRunboxActionReset(_ref) {
     courseId = _ref.courseId,
     envMode = _ref.envMode;
   var intl$1 = intl.useRawEliceIntl();
-  var _useSnackbar = muiXSnackbar.useSnackbar(),
+  var _useSnackbar = edsXSnackbar.useSnackbar(),
     enqueueSnackbar = _useSnackbar.enqueueSnackbar;
   var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
   var _React$useState = React__default.default.useState(false),
@@ -100,16 +99,16 @@ var MaterialRunboxActionReset = function MaterialRunboxActionReset(_ref) {
    *
    */
   var renderResetMenuItem = function renderResetMenuItem() {
-    return jsxRuntime.jsxs(material.MenuItem, {
+    return jsxRuntime.jsxs(edsMaterial.MenuItem, {
       disabled: isLastCommandRunning,
       onClick: function onClick() {
         return setDialogOpened(true);
       },
-      children: [jsxRuntime.jsx(material.ListItemIcon, {
-        children: jsxRuntime.jsx(muiElements.EliceIcon, {
+      children: [jsxRuntime.jsx(edsMaterial.ListItemIcon, {
+        children: jsxRuntime.jsx(edsKit.FaIcon, {
           icon: proSolidSvgIcons.faRefresh
         })
-      }), jsxRuntime.jsx(material.ListItemText, {
+      }), jsxRuntime.jsx(edsMaterial.ListItemText, {
         children: intl$1.formatMessage({
           id: 'runbox.action.reset.title'
         })
@@ -123,17 +122,17 @@ var MaterialRunboxActionReset = function MaterialRunboxActionReset(_ref) {
     if (!isDialogOpened) {
       return null;
     }
-    return jsxRuntime.jsxs(material.Dialog, {
+    return jsxRuntime.jsxs(edsMaterial.Dialog, {
       open: true,
       fullWidth: true,
       maxWidth: "xs",
       onClose: handleDialogClose,
-      children: [jsxRuntime.jsx(material.DialogTitle, {
+      children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
         children: intl$1.formatMessage({
           id: 'runbox.action.reset.title'
         })
-      }), jsxRuntime.jsx(material.DialogContent, {
-        children: jsxRuntime.jsx(material.DialogContentText, {
+      }), jsxRuntime.jsx(edsMaterial.DialogContent, {
+        children: jsxRuntime.jsx(edsMaterial.DialogContentText, {
           sx: {
             whiteSpace: 'pre-line'
           },
@@ -143,15 +142,15 @@ var MaterialRunboxActionReset = function MaterialRunboxActionReset(_ref) {
             id: 'runbox.action.reset.dialog.shared.description'
           })
         })
-      }), jsxRuntime.jsxs(material.DialogActions, {
-        children: [jsxRuntime.jsx(material.Button, {
+      }), jsxRuntime.jsxs(edsMaterial.DialogActions, {
+        children: [jsxRuntime.jsx(edsMaterial.Button, {
           color: "inherit",
           disabled: isLoading,
           onClick: handleDialogClose,
           children: intl$1.formatMessage({
             id: 'runbox.common.close'
           })
-        }), jsxRuntime.jsx(lab.LoadingButton, {
+        }), jsxRuntime.jsx(edsMaterial.Button, {
           variant: "contained",
           color: "warning",
           loading: isLoading || isLastCommandRunning,

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

@@ -5,12 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var edsKit = require('@elice/eds-kit');
+var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
 var types = require('@elice/types');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
-var lab = require('@mui/lab');
-var material = require('@mui/material');
 var MaterialRunboxControlContext = require('../contexts/MaterialRunboxControlContext.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -54,15 +53,15 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
    *
    */
   var renderRestartMenuItem = function renderRestartMenuItem() {
-    return jsxRuntime.jsxs(material.MenuItem, {
+    return jsxRuntime.jsxs(edsMaterial.MenuItem, {
       onClick: function onClick() {
         return setDialogOpened(true);
       },
-      children: [jsxRuntime.jsx(material.ListItemIcon, {
-        children: jsxRuntime.jsx(muiElements.EliceIcon, {
+      children: [jsxRuntime.jsx(edsMaterial.ListItemIcon, {
+        children: jsxRuntime.jsx(edsKit.FaIcon, {
           icon: proSolidSvgIcons.faRotateRight
         })
-      }), jsxRuntime.jsx(material.ListItemText, {
+      }), jsxRuntime.jsx(edsMaterial.ListItemText, {
         children: intl$1.formatMessage({
           id: 'runbox.action.restart.title'
         })
@@ -76,17 +75,17 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
     if (!isDialogOpened) {
       return null;
     }
-    return jsxRuntime.jsxs(material.Dialog, {
+    return jsxRuntime.jsxs(edsMaterial.Dialog, {
       open: true,
       fullWidth: true,
       maxWidth: "xs",
       onClose: handleDialogClose,
-      children: [jsxRuntime.jsx(material.DialogTitle, {
+      children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
         children: intl$1.formatMessage({
           id: 'runbox.action.restart.title'
         })
-      }), jsxRuntime.jsx(material.DialogContent, {
-        children: jsxRuntime.jsx(material.DialogContentText, {
+      }), jsxRuntime.jsx(edsMaterial.DialogContent, {
+        children: jsxRuntime.jsx(edsMaterial.DialogContentText, {
           sx: {
             whiteSpace: 'pre-line'
           },
@@ -96,15 +95,15 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
             id: 'runbox.action.restart.dialog.shared.description'
           })
         })
-      }), jsxRuntime.jsxs(material.DialogActions, {
-        children: [jsxRuntime.jsx(material.Button, {
+      }), jsxRuntime.jsxs(edsMaterial.DialogActions, {
+        children: [jsxRuntime.jsx(edsMaterial.Button, {
           color: "inherit",
           disabled: isStarting,
           onClick: handleDialogClose,
           children: intl$1.formatMessage({
             id: 'runbox.common.close'
           })
-        }), jsxRuntime.jsx(lab.LoadingButton, {
+        }), jsxRuntime.jsx(edsMaterial.Button, {
           variant: "contained",
           color: "warning",
           loading: isStarting,

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

@@ -6,12 +6,12 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactUse = require('react-use');
+var edsKit = require('@elice/eds-kit');
+var edsMaterial = require('@elice/eds-material');
+var edsXSnackbar = require('@elice/eds-x-snackbar');
 var intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
-var muiXSnackbar = require('@elice/mui-x-snackbar');
 var runboxClient = require('@elice/runbox-client');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
-var material = require('@mui/material');
 var MaterialRunboxContext = require('../contexts/MaterialRunboxContext.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -24,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var MaterialRunboxActionShare = function MaterialRunboxActionShare(_ref) {
   var handleMenuClose = _ref.handleMenuClose;
   var intl$1 = intl.useRawEliceIntl();
-  var _useSnackbar = muiXSnackbar.useSnackbar(),
+  var _useSnackbar = edsXSnackbar.useSnackbar(),
     enqueueSnackbar = _useSnackbar.enqueueSnackbar;
   var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
     enableUrlShare = _useMaterialRunboxCon.enableUrlShare;
@@ -47,14 +47,14 @@ var MaterialRunboxActionShare = function MaterialRunboxActionShare(_ref) {
     if (!enableUrlShare) {
       return null;
     }
-    return jsxRuntime.jsxs(material.MenuItem, {
+    return jsxRuntime.jsxs(edsMaterial.MenuItem, {
       disabled: !url,
       onClick: handleShareAction,
-      children: [jsxRuntime.jsx(material.ListItemIcon, {
-        children: jsxRuntime.jsx(muiElements.EliceIcon, {
+      children: [jsxRuntime.jsx(edsMaterial.ListItemIcon, {
+        children: jsxRuntime.jsx(edsKit.FaIcon, {
           icon: proSolidSvgIcons.faLinkSimple
         })
-      }), jsxRuntime.jsx(material.ListItemText, {
+      }), jsxRuntime.jsx(edsMaterial.ListItemText, {
         children: intl$1.formatMessage({
           id: 'runbox.action.share.title'
         })

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var edsKit = require('@elice/eds-kit');
+var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
 var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
-var material = require('@mui/material');
 var MaterialRunboxActionSubmitLogDialog = require('./MaterialRunboxActionSubmitLogDialog.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -29,15 +29,15 @@ var MaterialRunboxActionSubmitLog = function MaterialRunboxActionSubmitLog(props
    *
    */
   var renderMenuItem = function renderMenuItem() {
-    return jsxRuntime.jsxs(material.MenuItem, {
+    return jsxRuntime.jsxs(edsMaterial.MenuItem, {
       onClick: function onClick() {
         return setIsOpen(true);
       },
-      children: [jsxRuntime.jsx(material.ListItemIcon, {
-        children: jsxRuntime.jsx(muiElements.EliceIcon, {
+      children: [jsxRuntime.jsx(edsMaterial.ListItemIcon, {
+        children: jsxRuntime.jsx(edsKit.FaIcon, {
           icon: proRegularSvgIcons.faTimeline
         })
-      }), jsxRuntime.jsx(material.ListItemText, {
+      }), jsxRuntime.jsx(edsMaterial.ListItemText, {
         children: intl$1.formatMessage({
           id: 'runbox.action.submitLog.title'
         })

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

@@ -7,11 +7,11 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactIntersectionObserver = require('react-intersection-observer');
+var edsKit = require('@elice/eds-kit');
+var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
 var react = require('@emotion/react');
 var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
-var material = require('@mui/material');
 var dayjs = require('dayjs');
 var useInfiniteRunboxRunboxIdGrade = require('../hooks/useInfiniteRunboxRunboxIdGrade.js');
 var MaterialRunboxContext = require('../contexts/MaterialRunboxContext.js');
@@ -36,7 +36,7 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
   dayjs__default.default.locale(locale);
   //
   var theme = react.useTheme();
-  var isMobileOrSmaller = material.useMediaQuery(theme.breakpoints.down('sm'));
+  var isMobileOrSmaller = edsMaterial.useMediaQuery(theme.breakpoints.down('sm'));
   //
   var _useInfiniteRunboxRun = useInfiniteRunboxRunboxIdGrade.useInfiniteRunboxRunboxIdGrade(Object.assign(Object.assign({}, props), {
       enabled: Boolean(isOpen && props.runboxId && props.userId)
@@ -55,10 +55,12 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
    *
    */
   var renderEmpty = function renderEmpty() {
-    return jsxRuntime.jsx(material.Stack, {
-      justifyContent: "center",
-      alignItems: "center",
-      children: jsxRuntime.jsx(material.Typography, {
+    return jsxRuntime.jsx(edsMaterial.Stack, {
+      sx: {
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: jsxRuntime.jsx(edsMaterial.Typography, {
         variant: "body1",
         children: intl$1.formatMessage({
           id: 'runbox.action.submitLog.empty'
@@ -70,7 +72,7 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
    *
    */
   var renderGradeList = function renderGradeList() {
-    return jsxRuntime.jsxs(material.List, {
+    return jsxRuntime.jsxs(edsMaterial.List, {
       ref: ref,
       sx: {
         width: '100%',
@@ -78,19 +80,21 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
         overflow: 'auto'
       },
       children: [grade === null || grade === void 0 ? void 0 : grade.map(function (item) {
-        return jsxRuntime.jsxs(material.ListItemButton, {
+        return jsxRuntime.jsxs(edsMaterial.ListItemButton, {
           selected: (selectedGrade === null || selectedGrade === void 0 ? void 0 : selectedGrade.id) === item.id,
           onClick: function onClick() {
             return setSelectedGrade(item);
           },
-          children: [jsxRuntime.jsx(material.ListItemText, {
+          children: [jsxRuntime.jsx(edsMaterial.ListItemText, {
             primary: dayjs__default.default(item.created).format(isMobileOrSmaller ? 'YYYY.MM.DD' : 'YYYY.MM.DD A HH:mm')
-          }), jsxRuntime.jsx(material.ListItemSecondaryAction, {
-            children: jsxRuntime.jsxs(material.Stack, {
+          }), jsxRuntime.jsx(edsMaterial.ListItemSecondaryAction, {
+            children: jsxRuntime.jsxs(edsMaterial.Stack, {
               direction: "row",
-              alignItems: "center",
-              gap: "0.5rem",
-              children: [(item === null || item === void 0 ? void 0 : item.score) ? jsxRuntime.jsx(muiElements.Tag, {
+              sx: {
+                alignItems: 'center',
+                gap: '0.5rem'
+              },
+              children: [(item === null || item === void 0 ? void 0 : item.score) ? jsxRuntime.jsx(edsKit.Tag, {
                 variant: "muted",
                 color: typeof getAchievementColor === 'function' ? getAchievementColor({
                   score: Number(item.score),
@@ -101,15 +105,15 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
                 }, {
                   score: item.score
                 })
-              }) : null, jsxRuntime.jsx(material.Tooltip, {
+              }) : null, jsxRuntime.jsx(edsMaterial.Tooltip, {
                 title: intl$1.formatMessage({
                   id: 'runbox.action.submitLog.dialog.download.tooltip'
                 }),
-                children: jsxRuntime.jsx(material.IconButton, {
+                children: jsxRuntime.jsx(edsMaterial.IconButton, {
                   onClick: function onClick() {
                     window.open(item.submissionFileUrl, '_blank');
                   },
-                  children: jsxRuntime.jsx(muiElements.EliceIcon, {
+                  children: jsxRuntime.jsx(edsKit.FaIcon, {
                     icon: proRegularSvgIcons.faArrowDownToLine
                   })
                 })
@@ -126,18 +130,20 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
    *
    */
   var renderCodebox = function renderCodebox() {
-    return jsxRuntime.jsx(material.Box, {
-      bgcolor: function bgcolor(theme) {
-        return theme.palette.common.black;
+    return jsxRuntime.jsx(edsMaterial.Box, {
+      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
     });
   };
@@ -160,27 +166,29 @@ var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLog
   //
   //
   //
-  return jsxRuntime.jsxs(material.Dialog, {
+  return jsxRuntime.jsxs(edsMaterial.Dialog, {
     fullWidth: true,
     maxWidth: "lg",
     open: isOpen,
     onClose: onClose,
-    children: [jsxRuntime.jsx(material.DialogTitle, {
+    children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
       children: intl$1.formatMessage({
         id: 'runbox.action.submitLog.dialog.title'
       })
-    }), jsxRuntime.jsx(material.DialogContent, {
-      children: jsxRuntime.jsx(material.Stack, {
+    }), jsxRuntime.jsx(edsMaterial.DialogContent, {
+      children: jsxRuntime.jsx(edsMaterial.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) ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [renderGradeList(), renderCodebox()]
         }) : renderEmpty()
       })
-    }), jsxRuntime.jsx(material.DialogActions, {
-      children: jsxRuntime.jsx(material.Button, {
+    }), jsxRuntime.jsx(edsMaterial.DialogActions, {
+      children: jsxRuntime.jsx(edsMaterial.Button, {
         color: "inherit",
         onClick: onClose,
         children: intl$1.formatMessage({

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var edsXSnackbar = require('@elice/eds-x-snackbar');
 var intl = require('@elice/intl');
-var muiXSnackbar = require('@elice/mui-x-snackbar');
 var openapiClientMaterialRunbox = require('@elice/openapi-client-material-runbox');
 var rxjs = require('rxjs');
 var operators = require('rxjs/operators');
@@ -37,7 +37,7 @@ var MaterialRunboxCommandContextProvider = function MaterialRunboxCommandContext
     runtime = _ref.runtime,
     courseId = _ref.courseId;
   var intl$1 = intl.useRawEliceIntl();
-  var _useSnackbar = muiXSnackbar.useSnackbar(),
+  var _useSnackbar = edsXSnackbar.useSnackbar(),
     enqueueSnackbar = _useSnackbar.enqueueSnackbar;
   var runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
   var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();

package/cjs/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/cjs/components/material-runbox/disk/MaterialRunboxDiskUsageAlert.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var edsKit = require('@elice/eds-kit');
+var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
-var material = require('@mui/material');
 var MaterialRunboxEnvResetButton = require('./MaterialRunboxEnvResetButton.js');
 var useRunboxDiskUsage = require('../hooks/useRunboxDiskUsage.js');
 
@@ -32,7 +32,7 @@ var MaterialRunboxDiskUsageAlert = function MaterialRunboxDiskUsageAlert(_ref) {
   //
   //
   //
-  return jsxRuntime.jsx(material.Alert, {
+  return jsxRuntime.jsx(edsMaterial.Alert, {
     severity: severity,
     sx: {
       width: '100%',
@@ -43,14 +43,14 @@ var MaterialRunboxDiskUsageAlert = function MaterialRunboxDiskUsageAlert(_ref) {
       variant: "text",
       size: "small",
       color: "inherit",
-      startIcon: jsxRuntime.jsx(muiElements.EliceIcon, {
+      startIcon: jsxRuntime.jsx(edsKit.FaIcon, {
         icon: proSolidSvgIcons.faArrowsRotate
       }),
       runtimeTemplateId: runtimeTemplateId,
       courseId: courseId,
       userId: userId
     }),
-    children: jsxRuntime.jsx(material.Typography, {
+    children: jsxRuntime.jsx(edsMaterial.Typography, {
       variant: "body2",
       children: intl$1.formatMessage({
         id: "runbox.disk.usage.alert.".concat(severity)

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactUse = require('react-use');
+var edsKit = require('@elice/eds-kit');
+var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
-var material = require('@mui/material');
 var useRunboxDiskUsage = require('../hooks/useRunboxDiskUsage.js');
 
 //
@@ -50,26 +50,30 @@ var MaterialRunboxDiskUsageDialog = function MaterialRunboxDiskUsageDialog(_ref)
   if (!severity) {
     return null;
   }
-  return jsxRuntime.jsxs(material.Dialog, {
+  return jsxRuntime.jsxs(edsMaterial.Dialog, {
     fullWidth: true,
     open: !seenSeverities.includes(severity),
     maxWidth: "xs",
     onClose: handleClose,
-    children: [jsxRuntime.jsx(material.DialogTitle, {
-      children: jsxRuntime.jsxs(material.Stack, {
+    children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
+      children: jsxRuntime.jsxs(edsMaterial.Stack, {
         direction: "row",
-        alignItems: "center",
-        gap: "0.5rem",
-        children: [jsxRuntime.jsx(muiElements.EliceIcon, {
+        sx: {
+          gap: '0.5rem',
+          alignItems: 'center'
+        },
+        children: [jsxRuntime.jsx(edsKit.FaIcon, {
           icon: severity === 'error' ? proSolidSvgIcons.faCircleExclamation : proSolidSvgIcons.faTriangleExclamation,
           color: severity
         }), intl$1.formatMessage({
           id: 'runbox.disk.usage.dialog.title'
         })]
       })
-    }), jsxRuntime.jsx(material.DialogContent, {
-      children: jsxRuntime.jsx(material.DialogContentText, {
-        whiteSpace: "pre-line",
+    }), jsxRuntime.jsx(edsMaterial.DialogContent, {
+      children: jsxRuntime.jsx(edsMaterial.DialogContentText, {
+        sx: {
+          whiteSpace: 'pre-line'
+        },
         children: intl$1.formatMessage({
           id: "runbox.disk.usage.dialog.description.".concat(severity)
         }, {
@@ -83,8 +87,8 @@ var MaterialRunboxDiskUsageDialog = function MaterialRunboxDiskUsageDialog(_ref)
           })
         })
       })
-    }), jsxRuntime.jsx(material.DialogActions, {
-      children: jsxRuntime.jsx(material.Button, {
+    }), jsxRuntime.jsx(edsMaterial.DialogActions, {
+      children: jsxRuntime.jsx(edsMaterial.Button, {
         color: "inherit",
         onClick: handleClose,
         children: intl$1.formatMessage({

package/cjs/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/cjs/components/material-runbox/disk/MaterialRunboxEnvResetButton.js

@@ -6,10 +6,9 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var edsMaterial = require('@elice/eds-material');
+var edsXSnackbar = require('@elice/eds-x-snackbar');
 var intl = require('@elice/intl');
-var muiXSnackbar = require('@elice/mui-x-snackbar');
-var lab = require('@mui/lab');
-var material = require('@mui/material');
 var theme = require('../theme.js');
 var MaterialRunboxEnvResetDialog = require('./MaterialRunboxEnvResetDialog.js');
 var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js');
@@ -29,7 +28,7 @@ var MaterialRunboxEnvResetButton = function MaterialRunboxEnvResetButton(_a) {
     onSuccess = _a.onSuccess,
     props = tslib.__rest(_a, ["runtimeTemplateId", "courseId", "userId", "onSuccess"]);
   var intl$1 = intl.useRawEliceIntl();
-  var _useSnackbar = muiXSnackbar.useSnackbar(),
+  var _useSnackbar = edsXSnackbar.useSnackbar(),
     enqueueSnackbar = _useSnackbar.enqueueSnackbar;
   var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
   var _useMaterialRunboxCon = MaterialRunboxControlContext.useMaterialRunboxControlContext(),
@@ -125,7 +124,7 @@ var MaterialRunboxEnvResetButton = function MaterialRunboxEnvResetButton(_a) {
   //
   //
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(lab.LoadingButton, Object.assign({}, props, {
+    children: [jsxRuntime.jsx(edsMaterial.Button, Object.assign({}, props, {
       loading: isResetting,
       onClick: function onClick() {
         return setDialogOpened(true);
@@ -133,7 +132,7 @@ var MaterialRunboxEnvResetButton = function MaterialRunboxEnvResetButton(_a) {
       children: intl$1.formatMessage({
         id: 'runbox.disk.env_reset.title'
       })
-    })), jsxRuntime.jsx(material.ThemeProvider, {
+    })), jsxRuntime.jsx(edsMaterial.ThemeProvider, {
       theme: theme.runboxDarkTheme,
       children: jsxRuntime.jsx(MaterialRunboxEnvResetDialog.default, {
         open: isDialogOpened,