@elice/material-runbox 1.240718.3 → 1.240719.0

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var runboxClient = require('@elice/runbox-client');
 var material = require('@mui/material');
@@ -9,25 +10,27 @@ var MaterialRunboxActionReset = require('./MaterialRunboxActionReset.js');
 var MaterialRunboxActionRestart = require('./MaterialRunboxActionRestart.js');
 var MaterialRunboxActionShare = require('./MaterialRunboxActionShare.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 //
 //
 //
-const MaterialRunboxActionMenu = ({
-  runbox,
-  runtime,
-  courseId,
-  menuAnchorEl,
-  refetch,
-  handleMenuClose
-}) => {
-  const {
-    status
-  } = runboxClient.useEliceRunboxRunning();
-  const isRunboxRunning = status === 'running';
+var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
+  var runbox = _ref.runbox,
+    runtime = _ref.runtime,
+    courseId = _ref.courseId,
+    menuAnchorEl = _ref.menuAnchorEl,
+    refetch = _ref.refetch,
+    handleMenuClose = _ref.handleMenuClose;
+  var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
+    status = _useEliceRunboxRunnin.status;
+  var isRunboxRunning = status === 'running';
   //
   //
   //
-  React.useEffect(() => {
+  React__default.default.useEffect(function () {
     if (!isRunboxRunning) {
       handleMenuClose();
     }
@@ -35,7 +38,7 @@ const MaterialRunboxActionMenu = ({
   //
   //
   //
-  return React.createElement(material.Menu, {
+  return jsxRuntime.jsxs(material.Menu, {
     open: Boolean(menuAnchorEl),
     anchorEl: menuAnchorEl,
     anchorOrigin: {
@@ -46,20 +49,21 @@ const MaterialRunboxActionMenu = ({
       vertical: 'top',
       horizontal: 'right'
     },
-    onClose: handleMenuClose
-  }, React.createElement(MaterialRunboxActionShare.default, {
-    handleMenuClose: handleMenuClose
-  }), React.createElement(MaterialRunboxActionRestart.default, {
-    runbox: runbox,
-    runtime: runtime,
-    courseId: courseId,
-    refetch: refetch,
-    handleMenuClose: handleMenuClose
-  }), React.createElement(MaterialRunboxActionReset.default, {
-    runtime: runtime,
-    courseId: courseId,
-    handleMenuClose: handleMenuClose
-  }));
+    onClose: handleMenuClose,
+    children: [jsxRuntime.jsx(MaterialRunboxActionShare.default, {
+      handleMenuClose: handleMenuClose
+    }), jsxRuntime.jsx(MaterialRunboxActionRestart.default, {
+      runbox: runbox,
+      runtime: runtime,
+      courseId: courseId,
+      refetch: refetch,
+      handleMenuClose: handleMenuClose
+    }), jsxRuntime.jsx(MaterialRunboxActionReset.default, {
+      runtime: runtime,
+      courseId: courseId,
+      handleMenuClose: handleMenuClose
+    })]
+  });
 };
 
 exports.default = MaterialRunboxActionMenu;

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var intl = require('@elice/intl');
 var muiElements = require('@elice/mui-elements');
@@ -14,111 +16,158 @@ var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js'
 var MaterialRunboxCommandContext = require('../contexts/MaterialRunboxCommandContext.js');
 require('../contexts/MaterialRunboxContext.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 //
 //
 //
-const MaterialRunboxActionReset = ({
-  runtime,
-  courseId,
-  handleMenuClose
-}) => {
-  const intl$1 = intl.useRawEliceIntl();
-  const {
-    enqueueSnackbar
-  } = muiXSnackbar.useSnackbar();
-  const materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
-  const [isLoading, setLoading] = React.useState(false);
-  const [isDialogOpened, setDialogOpened] = React.useState(false);
-  const {
-    isLastCommandRunning,
-    setCommandIdToPing
-  } = MaterialRunboxCommandContext.useMaterialRunboxCommandContext();
+var MaterialRunboxActionReset = function MaterialRunboxActionReset(_ref) {
+  var runtime = _ref.runtime,
+    courseId = _ref.courseId;
+    _ref.handleMenuClose;
+  var intl$1 = intl.useRawEliceIntl();
+  var _useSnackbar = muiXSnackbar.useSnackbar(),
+    enqueueSnackbar = _useSnackbar.enqueueSnackbar;
+  var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
+  var _React$useState = React__default.default.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    isLoading = _React$useState2[0],
+    setLoading = _React$useState2[1];
+  var _React$useState3 = React__default.default.useState(false),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    isDialogOpened = _React$useState4[0],
+    setDialogOpened = _React$useState4[1];
+  var _useMaterialRunboxCom = MaterialRunboxCommandContext.useMaterialRunboxCommandContext(),
+    isLastCommandRunning = _useMaterialRunboxCom.isLastCommandRunning,
+    setCommandIdToPing = _useMaterialRunboxCom.setCommandIdToPing;
   /**
    *
    */
-  const handleDialogClose = () => {
+  var handleDialogClose = function handleDialogClose() {
     setDialogOpened(false);
   };
   /**
    *
    */
-  const handleReset = async () => {
-    setLoading(true);
-    try {
-      const runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
-      const {
-        id: commentId
-      } = await materialRunboxApi.runtime.runtimeRuntimeIdCommandPost({
-        runtimeId,
-        eliceCourseId: courseId,
-        runboxCommandPostRequest: {
-          commandType: openapiClientMaterialRunbox.CommandType.ProjectFileReset
+  var handleReset = /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      var runtimeId, _yield$materialRunbox, commentId;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.prev = 1;
+            runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
+            _context.next = 5;
+            return materialRunboxApi.runtime.runtimeRuntimeIdCommandPost({
+              runtimeId: runtimeId,
+              eliceCourseId: courseId,
+              runboxCommandPostRequest: {
+                commandType: openapiClientMaterialRunbox.CommandType.ProjectFileReset
+              }
+            });
+          case 5:
+            _yield$materialRunbox = _context.sent;
+            commentId = _yield$materialRunbox.id;
+            setCommandIdToPing(commentId);
+            handleDialogClose();
+            _context.next = 14;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](1);
+            enqueueSnackbar(intl$1.formatMessage({
+              id: 'runbox.action.reset.noti.error'
+            }), {
+              variant: 'error'
+            });
+          case 14:
+            _context.prev = 14;
+            setLoading(false);
+            return _context.finish(14);
+          case 17:
+          case "end":
+            return _context.stop();
         }
-      });
-      setCommandIdToPing(commentId);
-      handleDialogClose();
-    } catch (err) {
-      enqueueSnackbar(intl$1.formatMessage({
-        id: 'runbox.action.reset.noti.error'
-      }), {
-        variant: 'error'
-      });
-    } finally {
-      setLoading(false);
-    }
-  };
+      }, _callee, null, [[1, 11, 14, 17]]);
+    }));
+    return function handleReset() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   /**
    *
    */
-  const renderResetMenuItem = () => {
-    return React.createElement(material.MenuItem, {
-      onClick: () => setDialogOpened(true),
-      disabled: isLastCommandRunning
-    }, React.createElement(material.ListItemIcon, null, React.createElement(muiElements.EliceIcon, {
-      icon: proSolidSvgIcons.faRefresh
-    })), React.createElement(material.ListItemText, null, intl$1.formatMessage({
-      id: 'runbox.action.reset.title'
-    })));
+  var renderResetMenuItem = function renderResetMenuItem() {
+    return jsxRuntime.jsxs(material.MenuItem, {
+      onClick: function onClick() {
+        return setDialogOpened(true);
+      },
+      disabled: isLastCommandRunning,
+      children: [jsxRuntime.jsx(material.ListItemIcon, {
+        children: jsxRuntime.jsx(muiElements.EliceIcon, {
+          icon: proSolidSvgIcons.faRefresh
+        })
+      }), jsxRuntime.jsx(material.ListItemText, {
+        children: intl$1.formatMessage({
+          id: 'runbox.action.reset.title'
+        })
+      })]
+    });
   };
   /**
    *
    */
-  const renderConfirmDialog = () => {
+  var renderConfirmDialog = function renderConfirmDialog() {
     if (!isDialogOpened) {
       return null;
     }
-    return React.createElement(material.Dialog, {
+    return jsxRuntime.jsxs(material.Dialog, {
       open: true,
       maxWidth: "xs",
       fullWidth: true,
-      onClose: handleDialogClose
-    }, React.createElement(material.DialogTitle, null, intl$1.formatMessage({
-      id: 'runbox.action.reset.title'
-    })), React.createElement(material.DialogContent, null, React.createElement(material.DialogContentText, {
-      sx: {
-        whiteSpace: 'pre-line'
-      }
-    }, intl$1.formatMessage({
-      id: 'runbox.action.reset.dialog.description'
-    }))), React.createElement(material.DialogActions, null, React.createElement(material.Button, {
-      color: "inherit",
-      disabled: isLoading,
-      onClick: handleDialogClose
-    }, intl$1.formatMessage({
-      id: 'runbox.common.close'
-    })), React.createElement(lab.LoadingButton, {
-      variant: "contained",
-      color: "warning",
-      loading: isLoading || isLastCommandRunning,
-      onClick: handleReset
-    }, intl$1.formatMessage({
-      id: 'runbox.action.reset.dialog.actions.confirm'
-    }))));
+      onClose: handleDialogClose,
+      children: [jsxRuntime.jsx(material.DialogTitle, {
+        children: intl$1.formatMessage({
+          id: 'runbox.action.reset.title'
+        })
+      }), jsxRuntime.jsx(material.DialogContent, {
+        children: jsxRuntime.jsx(material.DialogContentText, {
+          sx: {
+            whiteSpace: 'pre-line'
+          },
+          children: intl$1.formatMessage({
+            id: 'runbox.action.reset.dialog.description'
+          })
+        })
+      }), jsxRuntime.jsxs(material.DialogActions, {
+        children: [jsxRuntime.jsx(material.Button, {
+          color: "inherit",
+          disabled: isLoading,
+          onClick: handleDialogClose,
+          children: intl$1.formatMessage({
+            id: 'runbox.common.close'
+          })
+        }), jsxRuntime.jsx(lab.LoadingButton, {
+          variant: "contained",
+          color: "warning",
+          loading: isLoading || isLastCommandRunning,
+          onClick: handleReset,
+          children: intl$1.formatMessage({
+            id: 'runbox.action.reset.dialog.actions.confirm'
+          })
+        })]
+      })]
+    });
   };
   //
   //
   //
-  return React.createElement(React.Fragment, null, renderResetMenuItem(), renderConfirmDialog());
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [renderResetMenuItem(), renderConfirmDialog()]
+  });
 };
 
 exports.default = MaterialRunboxActionReset;

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var intl = require('@elice/intl');
 var muiElements = require('@elice/mui-elements');
@@ -10,38 +12,48 @@ var lab = require('@mui/lab');
 var material = require('@mui/material');
 var useRunboxControl = require('../hooks/useRunboxControl.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 //
 //
 //
-const MaterialRunboxActionRestart = ({
-  runbox,
-  courseId,
-  refetch,
-  handleMenuClose
-}) => {
-  const intl$1 = intl.useRawEliceIntl();
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [isDialogOpened, setDialogOpened] = React.useState(false);
+var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
+  var runbox = _ref.runbox,
+    courseId = _ref.courseId,
+    refetch = _ref.refetch,
+    handleMenuClose = _ref.handleMenuClose;
+  var intl$1 = intl.useRawEliceIntl();
+  var _React$useState = React__default.default.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    isLoading = _React$useState2[0],
+    setIsLoading = _React$useState2[1];
+  var _React$useState3 = React__default.default.useState(false),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    isDialogOpened = _React$useState4[0],
+    setDialogOpened = _React$useState4[1];
   // restart
-  const {
-    start
-  } = useRunboxControl.useRunboxControl({
-    runbox,
-    courseId,
-    refetch
-  });
+  var _useRunboxControl = useRunboxControl.useRunboxControl({
+      runbox: runbox,
+      courseId: courseId,
+      refetch: refetch
+    }),
+    start = _useRunboxControl.start;
   /**
    *
    */
-  const handleDialogClose = () => {
+  var handleDialogClose = function handleDialogClose() {
     setDialogOpened(false);
   };
   /**
    *
    */
-  const handleRestartAction = () => {
+  var handleRestartAction = function handleRestartAction() {
     setIsLoading(true);
-    start(true).catch(() => void 0).finally(() => {
+    start(true).catch(function () {
+      return void 0;
+    }).finally(function () {
       handleDialogClose();
       handleMenuClose();
       setIsLoading(false);
@@ -50,54 +62,73 @@ const MaterialRunboxActionRestart = ({
   /**
    *
    */
-  const renderRestartMenuItem = () => {
-    return React.createElement(material.MenuItem, {
-      onClick: () => setDialogOpened(true)
-    }, React.createElement(material.ListItemIcon, null, React.createElement(muiElements.EliceIcon, {
-      icon: proSolidSvgIcons.faRotateRight
-    })), React.createElement(material.ListItemText, null, intl$1.formatMessage({
-      id: 'runbox.action.restart.title'
-    })));
+  var renderRestartMenuItem = function renderRestartMenuItem() {
+    return jsxRuntime.jsxs(material.MenuItem, {
+      onClick: function onClick() {
+        return setDialogOpened(true);
+      },
+      children: [jsxRuntime.jsx(material.ListItemIcon, {
+        children: jsxRuntime.jsx(muiElements.EliceIcon, {
+          icon: proSolidSvgIcons.faRotateRight
+        })
+      }), jsxRuntime.jsx(material.ListItemText, {
+        children: intl$1.formatMessage({
+          id: 'runbox.action.restart.title'
+        })
+      })]
+    });
   };
   /**
    *
    */
-  const renderConfirmDialog = () => {
+  var renderConfirmDialog = function renderConfirmDialog() {
     if (!isDialogOpened) {
       return null;
     }
-    return React.createElement(material.Dialog, {
+    return jsxRuntime.jsxs(material.Dialog, {
       maxWidth: "xs",
       open: true,
       fullWidth: true,
-      onClose: handleDialogClose
-    }, React.createElement(material.DialogTitle, null, intl$1.formatMessage({
-      id: 'runbox.action.restart.title'
-    })), React.createElement(material.DialogContent, null, React.createElement(material.DialogContentText, {
-      sx: {
-        whiteSpace: 'pre-line'
-      }
-    }, intl$1.formatMessage({
-      id: 'runbox.action.restart.dialog.description'
-    }))), React.createElement(material.DialogActions, null, React.createElement(material.Button, {
-      color: "inherit",
-      disabled: isLoading,
-      onClick: handleDialogClose
-    }, intl$1.formatMessage({
-      id: 'runbox.common.close'
-    })), React.createElement(lab.LoadingButton, {
-      variant: "contained",
-      color: "warning",
-      loading: isLoading,
-      onClick: handleRestartAction
-    }, intl$1.formatMessage({
-      id: 'runbox.action.restart.dialog.actions.confirm'
-    }))));
+      onClose: handleDialogClose,
+      children: [jsxRuntime.jsx(material.DialogTitle, {
+        children: intl$1.formatMessage({
+          id: 'runbox.action.restart.title'
+        })
+      }), jsxRuntime.jsx(material.DialogContent, {
+        children: jsxRuntime.jsx(material.DialogContentText, {
+          sx: {
+            whiteSpace: 'pre-line'
+          },
+          children: intl$1.formatMessage({
+            id: 'runbox.action.restart.dialog.description'
+          })
+        })
+      }), jsxRuntime.jsxs(material.DialogActions, {
+        children: [jsxRuntime.jsx(material.Button, {
+          color: "inherit",
+          disabled: isLoading,
+          onClick: handleDialogClose,
+          children: intl$1.formatMessage({
+            id: 'runbox.common.close'
+          })
+        }), jsxRuntime.jsx(lab.LoadingButton, {
+          variant: "contained",
+          color: "warning",
+          loading: isLoading,
+          onClick: handleRestartAction,
+          children: intl$1.formatMessage({
+            id: 'runbox.action.restart.dialog.actions.confirm'
+          })
+        })]
+      })]
+    });
   };
   //
   //
   //
-  return React.createElement(React.Fragment, null, renderRestartMenuItem(), renderConfirmDialog());
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [renderRestartMenuItem(), renderConfirmDialog()]
+  });
 };
 
 exports.default = MaterialRunboxActionRestart;

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactUse = require('react-use');
 var intl = require('@elice/intl');
@@ -14,47 +16,57 @@ require('../contexts/MaterialRunboxApiContext.js');
 require('../contexts/MaterialRunboxCommandContext.js');
 var MaterialRunboxContext = require('../contexts/MaterialRunboxContext.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 //
 //
 //
-const MaterialRunboxActionShare = ({
-  handleMenuClose
-}) => {
-  const intl$1 = intl.useRawEliceIntl();
-  const {
-    enqueueSnackbar
-  } = muiXSnackbar.useSnackbar();
-  const {
-    enableUrlShare
-  } = MaterialRunboxContext.useMaterialRunboxContext();
-  const {
-    url
-  } = runboxClient.useEliceRunboxRunning();
-  const [{
-    value: clipboardValue,
-    error
-  }, copy] = reactUse.useCopyToClipboard();
-  const [isClipboardCopied, setClipboardCopied] = React.useState(false);
+var MaterialRunboxActionShare = function MaterialRunboxActionShare(_ref) {
+  var handleMenuClose = _ref.handleMenuClose;
+  var intl$1 = intl.useRawEliceIntl();
+  var _useSnackbar = muiXSnackbar.useSnackbar(),
+    enqueueSnackbar = _useSnackbar.enqueueSnackbar;
+  var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
+    enableUrlShare = _useMaterialRunboxCon.enableUrlShare;
+  var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
+    url = _useEliceRunboxRunnin.url;
+  var _useCopyToClipboard = reactUse.useCopyToClipboard(),
+    _useCopyToClipboard2 = _rollupPluginBabelHelpers.slicedToArray(_useCopyToClipboard, 2),
+    _useCopyToClipboard2$ = _useCopyToClipboard2[0],
+    clipboardValue = _useCopyToClipboard2$.value,
+    error = _useCopyToClipboard2$.error,
+    copy = _useCopyToClipboard2[1];
+  var _React$useState = React__default.default.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    isClipboardCopied = _React$useState2[0],
+    setClipboardCopied = _React$useState2[1];
   /**
    *
    */
-  const renderShareMenuItem = () => {
+  var renderShareMenuItem = function renderShareMenuItem() {
     if (!enableUrlShare) {
       return null;
     }
-    return React.createElement(material.MenuItem, {
+    return jsxRuntime.jsxs(material.MenuItem, {
       disabled: !url,
-      onClick: handleShareAction
-    }, React.createElement(material.ListItemIcon, null, React.createElement(muiElements.EliceIcon, {
-      icon: proSolidSvgIcons.faLinkSimple
-    })), React.createElement(material.ListItemText, null, intl$1.formatMessage({
-      id: 'runbox.action.share.title'
-    })));
+      onClick: handleShareAction,
+      children: [jsxRuntime.jsx(material.ListItemIcon, {
+        children: jsxRuntime.jsx(muiElements.EliceIcon, {
+          icon: proSolidSvgIcons.faLinkSimple
+        })
+      }), jsxRuntime.jsx(material.ListItemText, {
+        children: intl$1.formatMessage({
+          id: 'runbox.action.share.title'
+        })
+      })]
+    });
   };
   /**
    *
    */
-  const handleShareAction = () => {
+  var handleShareAction = function handleShareAction() {
     if (url) {
       copy(url);
       if (!error) {
@@ -66,7 +78,7 @@ const MaterialRunboxActionShare = ({
   //
   //
   //
-  React.useEffect(() => {
+  React__default.default.useEffect(function () {
     if (!isClipboardCopied) {
       return;
     }