@elice/material-runbox 1.260930.0 → 1.261005.0

package/cjs/components/material-runbox/disk/MaterialRunboxEnvResetDialog.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 proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
-var material = require('@mui/material');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -39,34 +39,38 @@ var MaterialRunboxEnvResetDialog = function MaterialRunboxEnvResetDialog(_ref) {
   //
   //
   //
-  return jsxRuntime.jsxs(material.Dialog, {
+  return jsxRuntime.jsxs(edsMaterial.Dialog, {
     fullWidth: true,
     open: open,
     maxWidth: "xs",
     onClose: onClose,
-    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: proSolidSvgIcons.faCircleExclamation,
           color: "error"
         }), intl$1.formatMessage({
           id: 'runbox.disk.env_reset.dialog.title'
         })]
       })
-    }), jsxRuntime.jsxs(material.DialogContent, {
-      children: [jsxRuntime.jsx(material.DialogContentText, {
-        whiteSpace: "pre-line",
+    }), jsxRuntime.jsxs(edsMaterial.DialogContent, {
+      children: [jsxRuntime.jsx(edsMaterial.DialogContentText, {
+        sx: {
+          whiteSpace: 'pre-line'
+        },
         children: intl$1.formatMessage({
           id: 'runbox.disk.env_reset.dialog.description'
         })
-      }), jsxRuntime.jsx(material.FormControlLabel, {
+      }), jsxRuntime.jsx(edsMaterial.FormControlLabel, {
         sx: {
           marginTop: '1rem'
         },
-        control: jsxRuntime.jsx(material.Checkbox, {
+        control: jsxRuntime.jsx(edsMaterial.Checkbox, {
           checked: isAcknowledged,
           onChange: function onChange(e) {
             return setAcknowledged(e.target.checked);
@@ -76,14 +80,14 @@ var MaterialRunboxEnvResetDialog = function MaterialRunboxEnvResetDialog(_ref) {
           id: 'runbox.disk.env_reset.dialog.acknowledge'
         })
       })]
-    }), jsxRuntime.jsxs(material.DialogActions, {
-      children: [jsxRuntime.jsx(material.Button, {
+    }), jsxRuntime.jsxs(edsMaterial.DialogActions, {
+      children: [jsxRuntime.jsx(edsMaterial.Button, {
         color: "inherit",
         onClick: onClose,
         children: intl$1.formatMessage({
           id: 'runbox.disk.env_reset.dialog.actions.cancel'
         })
-      }), jsxRuntime.jsx(material.Button, {
+      }), jsxRuntime.jsx(edsMaterial.Button, {
         color: "error",
         disabled: !isAcknowledged,
         onClick: onConfirm,

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

@@ -2,8 +2,8 @@
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var edsXSnackbar = require('@elice/eds-x-snackbar');
 var intl = require('@elice/intl');
-var muiXSnackbar = require('@elice/mui-x-snackbar');
 var runboxClient = require('@elice/runbox-client');
 var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js');
 
@@ -25,7 +25,7 @@ var useRunboxControl = function useRunboxControl(props) {
   var _return = React.useRef({});
   var abortCtrlRef = React.useRef(null);
   var intl$1 = intl.useRawEliceIntl();
-  var _useSnackbar = muiXSnackbar.useSnackbar(),
+  var _useSnackbar = edsXSnackbar.useSnackbar(),
     enqueueSnackbar = _useSnackbar.enqueueSnackbar;
   var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),

package/cjs/components/material-runbox/runtime/RuntimeChangeMaterialDialog.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var material = require('@mui/material');
+var edsMaterial = require('@elice/eds-material');
 var MaterialRunboxControlContext = require('../contexts/MaterialRunboxControlContext.js');
 
 var RuntimeChangeMaterialDialog = function RuntimeChangeMaterialDialog(_ref) {
@@ -28,26 +28,26 @@ var RuntimeChangeMaterialDialog = function RuntimeChangeMaterialDialog(_ref) {
       runPreCheck: false
     });
   };
-  return jsxRuntime.jsxs(material.Dialog, {
+  return jsxRuntime.jsxs(edsMaterial.Dialog, {
     open: open,
     onClose: onClose,
-    children: [jsxRuntime.jsx(material.DialogTitle, {
+    children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
       children: intl.formatMessage({
         id: 'runbox.runtime.dialog.change_material.title'
       })
-    }), jsxRuntime.jsx(material.DialogContent, {
+    }), jsxRuntime.jsx(edsMaterial.DialogContent, {
       children: intl.formatMessage({
         id: 'runbox.runtime.dialog.change_material.description'
       })
-    }), jsxRuntime.jsxs(material.DialogActions, {
-      children: [jsxRuntime.jsx(material.Button, {
+    }), jsxRuntime.jsxs(edsMaterial.DialogActions, {
+      children: [jsxRuntime.jsx(edsMaterial.Button, {
         variant: "contained",
         color: "inherit",
         onClick: handleClickClose,
         children: intl.formatMessage({
           id: 'runbox.common.close'
         })
-      }), jsxRuntime.jsx(material.Button, {
+      }), jsxRuntime.jsx(edsMaterial.Button, {
         variant: "contained",
         color: "primary",
         onClick: handleClickConnect,

package/cjs/components/material-runbox/runtime/RuntimeOverlayConflicted.js

@@ -6,10 +6,10 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
+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 reactQuery = require('@tanstack/react-query');
 var theme = require('../theme.js');
 var RuntimeChangeMaterialDialog = require('./RuntimeChangeMaterialDialog.js');
@@ -85,14 +85,14 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
       disableRipple: true
     };
     var opensInNewTab = (runningRunboxLinkProps === null || runningRunboxLinkProps === void 0 ? void 0 : runningRunboxLinkProps.target) === '_blank';
-    return jsxRuntime.jsx(material.Button, Object.assign({
+    return jsxRuntime.jsx(edsMaterial.Button, Object.assign({
       variant: "contained",
       color: "inherit",
-      startIcon: jsxRuntime.jsx(muiElements.EliceIcon, {
+      startIcon: jsxRuntime.jsx(edsKit.FaIcon, {
         icon: proSolidSvgIcons.faLinkSimple,
         color: "success"
       }),
-      endIcon: opensInNewTab ? jsxRuntime.jsx(muiElements.EliceIcon, {
+      endIcon: opensInNewTab ? jsxRuntime.jsx(edsKit.FaIcon, {
         icon: proSolidSvgIcons.faArrowUpRightFromSquare,
         color: "inherit"
       }) : null,
@@ -108,15 +108,21 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
         }
       }
     }, linkProps, {
-      children: jsxRuntime.jsxs(material.Stack, {
-        flex: 1,
+      children: jsxRuntime.jsxs(edsMaterial.Stack, {
         direction: "column",
-        alignItems: "flex-start",
-        children: [courseId !== runningCourse.id ? jsxRuntime.jsx(material.Typography, {
-          color: "text.tertiary",
+        sx: {
+          alignItems: 'flex-start',
+          flex: 1
+        },
+        children: [courseId !== runningCourse.id ? jsxRuntime.jsx(edsMaterial.Typography, {
+          sx: {
+            color: 'text.tertiary'
+          },
           children: runningCourse === null || runningCourse === void 0 ? void 0 : runningCourse.title
-        }) : null, jsxRuntime.jsx(material.Typography, {
-          color: "text.primary",
+        }) : null, jsxRuntime.jsx(edsMaterial.Typography, {
+          sx: {
+            color: 'text.primary'
+          },
           children: runningRunbox.title
         })]
       })
@@ -129,7 +135,7 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
     if (!isChangeMaterialDialogOpen) {
       return null;
     }
-    return jsxRuntime.jsx(material.ThemeProvider, {
+    return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
       theme: theme.runboxDarkTheme,
       children: jsxRuntime.jsx(RuntimeChangeMaterialDialog.default, {
         intl: intl,
@@ -150,9 +156,9 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
   //
   //
   var renderOverlay = function renderOverlay() {
-    return jsxRuntime.jsx(material.ThemeProvider, {
+    return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
       theme: theme.runboxLightTheme,
-      children: jsxRuntime.jsx(material.Box, {
+      children: jsxRuntime.jsx(edsMaterial.Box, {
         sx: {
           display: 'flex',
           justifyContent: 'center',
@@ -162,10 +168,12 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
           backgroundColor: 'background.paper',
           color: 'text.primary'
         },
-        children: jsxRuntime.jsxs(material.Stack, {
-          gap: "1.5rem",
-          alignItems: "center",
-          children: [jsxRuntime.jsx(material.Box, {
+        children: jsxRuntime.jsxs(edsMaterial.Stack, {
+          sx: {
+            alignItems: 'center',
+            gap: '1.5rem'
+          },
+          children: [jsxRuntime.jsx(edsMaterial.Box, {
             component: "img",
             src: terminated.default,
             alt: "terminated",
@@ -173,29 +181,33 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
               maxWidth: '10rem',
               height: 'auto'
             }
-          }), jsxRuntime.jsx(material.Typography, {
+          }), jsxRuntime.jsx(edsMaterial.Typography, {
             variant: "h6",
-            textAlign: "center",
+            sx: {
+              textAlign: 'center'
+            },
             children: intl.formatMessage({
               id: 'runbox.runtime.overlay.conflicted.title'
             })
-          }), renderNavButton(), jsxRuntime.jsx(material.Typography, {
+          }), renderNavButton(), jsxRuntime.jsx(edsMaterial.Typography, {
             variant: "body1",
-            textAlign: "center",
-            whiteSpace: "pre-line",
+            sx: {
+              whiteSpace: 'pre-line',
+              textAlign: 'center'
+            },
             children: intl.formatMessage({
               id: 'runbox.runtime.overlay.conflicted.description'
             })
-          }), jsxRuntime.jsx(material.Box, {
+          }), jsxRuntime.jsx(edsMaterial.Box, {
             sx: {
               width: '20rem',
               maxWidth: '100%'
             },
-            children: jsxRuntime.jsx(material.Button, {
+            children: jsxRuntime.jsx(edsMaterial.Button, {
               fullWidth: true,
               variant: "contained",
               color: "primary",
-              startIcon: jsxRuntime.jsx(muiElements.EliceIcon, {
+              startIcon: jsxRuntime.jsx(edsKit.FaIcon, {
                 icon: proSolidSvgIcons.faLinkSimple
               }),
               onClick: handleClickConnect,

package/cjs/components/material-runbox/runtime/RuntimeOverlayLoading.js

@@ -6,11 +6,10 @@ 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 intl = require('@elice/intl');
-var muiElements = require('@elice/mui-elements');
-var muiSystem = require('@elice/mui-system');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
-var material = require('@mui/material');
 var theme = require('../theme.js');
 var runtimeLoadingTips = require('./runtime-loading-tips.js');
 var runboxLoading = require('../../../assets/runbox-loading.svg.js');
@@ -67,9 +66,9 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
   //
   //
   //
-  return jsxRuntime.jsx(material.ThemeProvider, {
+  return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
     theme: theme.runboxLightTheme,
-    children: jsxRuntime.jsxs(material.Stack, {
+    children: jsxRuntime.jsxs(edsMaterial.Stack, {
       sx: {
         width: '100%',
         height: '100%',
@@ -82,7 +81,7 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
         backgroundColor: 'background.paper',
         color: 'text.primary'
       },
-      children: [jsxRuntime.jsxs(material.Stack, {
+      children: [jsxRuntime.jsxs(edsMaterial.Stack, {
         direction: {
           xs: 'column',
           md: 'row'
@@ -96,7 +95,7 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
             md: '2rem'
           }
         },
-        children: [jsxRuntime.jsxs(material.Stack, {
+        children: [jsxRuntime.jsxs(edsMaterial.Stack, {
           sx: {
             width: '100%',
             maxWidth: '30rem',
@@ -105,99 +104,111 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
             },
             gap: '1.5rem'
           },
-          children: [jsxRuntime.jsxs(material.Stack, {
-            gap: "0.5rem",
-            children: [jsxRuntime.jsx(material.Typography, {
+          children: [jsxRuntime.jsxs(edsMaterial.Stack, {
+            sx: {
+              gap: '0.5rem'
+            },
+            children: [jsxRuntime.jsx(edsMaterial.Typography, {
               variant: "h4",
-              color: "text.primary",
+              sx: {
+                color: 'text.primary'
+              },
               children: intl.formatMessage({
                 id: 'runbox.runtime.loading.title'
               })
-            }), jsxRuntime.jsx(material.Typography, {
+            }), jsxRuntime.jsx(edsMaterial.Typography, {
               variant: "body1",
-              color: "text.secondary",
+              sx: {
+                color: 'text.secondary'
+              },
               children: intl.formatMessage({
                 id: 'runbox.runtime.loading.description'
               })
             })]
-          }), jsxRuntime.jsx(material.Stack, {
+          }), jsxRuntime.jsx(edsMaterial.Stack, {
             children: STEPS.map(function (step, index) {
               var stepNumber = index + 1;
               var isActive = stepNumber === activeStep;
               var isCompleted = stepNumber < activeStep;
-              return jsxRuntime.jsxs(material.Stack, {
+              return jsxRuntime.jsxs(edsMaterial.Stack, {
                 direction: "row",
                 sx: {
                   alignItems: 'center',
                   gap: '0.75rem',
                   padding: '0.625rem 0.75rem',
                   borderRadius: '0.5rem',
-                  backgroundColor: isActive ? material.alpha(muiSystem.colors.elicepurple[700], 0.04) : 'transparent'
+                  backgroundColor: isActive ? edsMaterial.alpha(edsMaterial.colors.elicepurple[700], 0.04) : 'transparent'
                 },
-                children: [jsxRuntime.jsx(material.Box, {
+                children: [jsxRuntime.jsx(edsMaterial.Box, {
                   sx: {
                     display: 'flex',
                     justifyContent: 'center',
                     alignItems: 'center',
                     width: '1rem'
                   },
-                  children: isActive ? jsxRuntime.jsx(material.CircularProgress, {
+                  children: isActive ? jsxRuntime.jsx(edsMaterial.CircularProgress, {
                     size: "1rem",
                     sx: {
-                      color: muiSystem.colors.elicepurple[700]
+                      color: edsMaterial.colors.elicepurple[700]
                     }
-                  }) : isCompleted ? jsxRuntime.jsx(muiElements.EliceIcon, {
+                  }) : isCompleted ? jsxRuntime.jsx(edsKit.FaIcon, {
                     icon: proSolidSvgIcons.faCheck,
                     sx: {
                       fontSize: '1rem',
-                      color: muiSystem.colors.elicepurple[700]
+                      color: edsMaterial.colors.elicepurple[700]
                     }
-                  }) : jsxRuntime.jsx(material.Typography, {
+                  }) : jsxRuntime.jsx(edsMaterial.Typography, {
                     variant: "body2",
-                    color: "text.tertiary",
+                    sx: {
+                      color: 'text.tertiary'
+                    },
                     children: stepNumber
                   })
-                }), jsxRuntime.jsx(material.Typography, {
+                }), jsxRuntime.jsx(edsMaterial.Typography, {
                   variant: "body2",
-                  fontWeight: isActive ? 700 : 500,
                   color: isActive ? 'text.primary' : 'text.secondary',
                   sx: {
+                    fontWeight: isActive ? 700 : 500,
                     flex: 1
                   },
                   children: intl.formatMessage({
                     id: step.labelId
                   })
-                }), jsxRuntime.jsx(material.Typography, {
+                }), jsxRuntime.jsx(edsMaterial.Typography, {
                   variant: "caption",
-                  color: "text.tertiary",
-                  whiteSpace: "nowrap",
+                  sx: {
+                    color: 'text.tertiary',
+                    whiteSpace: 'nowrap'
+                  },
                   children: intl.formatMessage({
                     id: isCompleted ? STEP_STATUS_ID.completed : isActive ? STEP_STATUS_ID.active : STEP_STATUS_ID.pending
                   })
                 })]
               }, step.labelId);
             })
-          }), jsxRuntime.jsxs(material.Stack, {
+          }), jsxRuntime.jsxs(edsMaterial.Stack, {
             direction: "row",
             sx: {
               alignItems: 'center',
               gap: '0.75rem'
             },
-            children: [jsxRuntime.jsx(material.LinearProgress, {
+            children: [jsxRuntime.jsx(edsMaterial.LinearProgress, {
               variant: "determinate",
               value: activeStep / STEPS.length * 100,
               sx: _rollupPluginBabelHelpers.defineProperty({
                 flex: 1,
                 height: '0.25rem',
                 borderRadius: '0.25rem',
-                backgroundColor: material.alpha(muiSystem.colors.elicepurple[700], 0.2)
+                backgroundColor: edsMaterial.alpha(edsMaterial.colors.elicepurple[700], 0.2)
               }, "& .MuiLinearProgress-bar", {
-                backgroundColor: muiSystem.colors.elicepurple[700]
+                backgroundColor: edsMaterial.colors.elicepurple[700]
               })
-            }), jsxRuntime.jsx(material.Typography, {
+            }), jsxRuntime.jsx(edsMaterial.Typography, {
               variant: "caption",
-              color: "text.tertiary",
-              whiteSpace: "nowrap",
+              sx: {
+                color: 'text.tertiary',
+                whiteSpace: 'nowrap'
+              },
               children: intl.formatMessage({
                 id: STEPS[activeStep - 1].progressId
               }, {
@@ -206,7 +217,7 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
               })
             })]
           })]
-        }), jsxRuntime.jsx(material.Box, {
+        }), jsxRuntime.jsx(edsMaterial.Box, {
           sx: {
             display: 'flex',
             justifyContent: 'center',
@@ -215,7 +226,7 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
               md: 1
             }
           },
-          children: jsxRuntime.jsx(material.Box, {
+          children: jsxRuntime.jsx(edsMaterial.Box, {
             component: "img",
             src: runboxLoading.default,
             alt: intl.formatMessage({
@@ -231,41 +242,49 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
             }
           })
         })]
-      }), jsxRuntime.jsx(material.Fade, {
+      }), jsxRuntime.jsx(edsMaterial.Fade, {
         "in": true,
         appear: page > 0,
-        children: jsxRuntime.jsx(material.Stack, {
+        children: jsxRuntime.jsx(edsMaterial.Stack, {
           direction: {
             xs: 'column',
             md: 'row'
           },
-          gap: "1rem",
+          sx: {
+            gap: '1rem'
+          },
           children: shownTips.map(function (tip) {
-            return jsxRuntime.jsxs(material.Stack, {
+            return jsxRuntime.jsxs(edsMaterial.Stack, {
               direction: "row",
               sx: {
                 flex: 1,
                 gap: '0.75rem'
               },
-              children: [jsxRuntime.jsx(muiElements.EliceIcon, {
+              children: [jsxRuntime.jsx(edsKit.FaIcon, {
                 icon: tip.icon,
                 sx: {
                   fontSize: '1.25rem',
                   color: 'text.secondary',
                   marginTop: '0.125rem'
                 }
-              }), jsxRuntime.jsxs(material.Stack, {
-                gap: "0.125rem",
-                children: [jsxRuntime.jsx(material.Typography, {
+              }), jsxRuntime.jsxs(edsMaterial.Stack, {
+                sx: {
+                  gap: '0.125rem'
+                },
+                children: [jsxRuntime.jsx(edsMaterial.Typography, {
                   variant: "body1",
-                  fontWeight: 700,
-                  color: "text.primary",
+                  sx: {
+                    color: 'text.primary',
+                    fontWeight: 700
+                  },
                   children: intl.formatMessage({
                     id: tip.titleId
                   })
-                }), jsxRuntime.jsx(material.Typography, {
+                }), jsxRuntime.jsx(edsMaterial.Typography, {
                   variant: "caption",
-                  color: "text.tertiary",
+                  sx: {
+                    color: 'text.tertiary'
+                  },
                   children: intl.formatMessage({
                     id: tip.descriptionId
                   })