@elice/material-runbox 1.240718.0-trasncript.2 → 1.240718.2

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

@@ -2,7 +2,6 @@
 
 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');
@@ -10,27 +9,25 @@ 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);
-
 //
 //
 //
-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';
+const MaterialRunboxActionMenu = ({
+  runbox,
+  runtime,
+  courseId,
+  menuAnchorEl,
+  refetch,
+  handleMenuClose
+}) => {
+  const {
+    status
+  } = runboxClient.useEliceRunboxRunning();
+  const isRunboxRunning = status === 'running';
   //
   //
   //
-  React__default.default.useEffect(function () {
+  React.useEffect(() => {
     if (!isRunboxRunning) {
       handleMenuClose();
     }
@@ -38,7 +35,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
   //
   //
   //
-  return jsxRuntime.jsxs(material.Menu, {
+  return React.createElement(material.Menu, {
     open: Boolean(menuAnchorEl),
     anchorEl: menuAnchorEl,
     anchorOrigin: {
@@ -49,21 +46,20 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
       vertical: 'top',
       horizontal: 'right'
     },
-    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
-    })]
-  });
+    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
+  }));
 };
 
 exports.default = MaterialRunboxActionMenu;

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

@@ -2,8 +2,6 @@
 
 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');
@@ -16,158 +14,111 @@ 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);
-
 //
 //
 //
-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 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 handleDialogClose = function handleDialogClose() {
+  const handleDialogClose = () => {
     setDialogOpened(false);
   };
   /**
    *
    */
-  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();
+  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
         }
-      }, _callee, null, [[1, 11, 14, 17]]);
-    }));
-    return function handleReset() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
+      });
+      setCommandIdToPing(commentId);
+      handleDialogClose();
+    } catch (err) {
+      enqueueSnackbar(intl$1.formatMessage({
+        id: 'runbox.action.reset.noti.error'
+      }), {
+        variant: 'error'
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
   /**
    *
    */
-  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 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 renderConfirmDialog = function renderConfirmDialog() {
+  const renderConfirmDialog = () => {
     if (!isDialogOpened) {
       return null;
     }
-    return jsxRuntime.jsxs(material.Dialog, {
+    return React.createElement(material.Dialog, {
       open: true,
       maxWidth: "xs",
       fullWidth: true,
-      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'
-          })
-        })]
-      })]
-    });
+      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'
+    }))));
   };
   //
   //
   //
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [renderResetMenuItem(), renderConfirmDialog()]
-  });
+  return React.createElement(React.Fragment, null, renderResetMenuItem(), renderConfirmDialog());
 };
 
 exports.default = MaterialRunboxActionReset;

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

@@ -2,8 +2,6 @@
 
 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');
@@ -12,48 +10,38 @@ 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);
-
 //
 //
 //
-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];
+const MaterialRunboxActionRestart = ({
+  runbox,
+  courseId,
+  refetch,
+  handleMenuClose
+}) => {
+  const intl$1 = intl.useRawEliceIntl();
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [isDialogOpened, setDialogOpened] = React.useState(false);
   // restart
-  var _useRunboxControl = useRunboxControl.useRunboxControl({
-      runbox: runbox,
-      courseId: courseId,
-      refetch: refetch
-    }),
-    start = _useRunboxControl.start;
+  const {
+    start
+  } = useRunboxControl.useRunboxControl({
+    runbox,
+    courseId,
+    refetch
+  });
   /**
    *
    */
-  var handleDialogClose = function handleDialogClose() {
+  const handleDialogClose = () => {
     setDialogOpened(false);
   };
   /**
    *
    */
-  var handleRestartAction = function handleRestartAction() {
+  const handleRestartAction = () => {
     setIsLoading(true);
-    start(true).catch(function () {
-      return void 0;
-    }).finally(function () {
+    start(true).catch(() => void 0).finally(() => {
       handleDialogClose();
       handleMenuClose();
       setIsLoading(false);
@@ -62,73 +50,54 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
   /**
    *
    */
-  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 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 renderConfirmDialog = function renderConfirmDialog() {
+  const renderConfirmDialog = () => {
     if (!isDialogOpened) {
       return null;
     }
-    return jsxRuntime.jsxs(material.Dialog, {
+    return React.createElement(material.Dialog, {
       maxWidth: "xs",
       open: true,
       fullWidth: true,
-      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'
-          })
-        })]
-      })]
-    });
+      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'
+    }))));
   };
   //
   //
   //
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [renderRestartMenuItem(), renderConfirmDialog()]
-  });
+  return React.createElement(React.Fragment, null, renderRestartMenuItem(), renderConfirmDialog());
 };
 
 exports.default = MaterialRunboxActionRestart;

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

@@ -2,8 +2,6 @@
 
 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');
@@ -16,57 +14,47 @@ 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);
-
 //
 //
 //
-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 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 renderShareMenuItem = function renderShareMenuItem() {
+  const renderShareMenuItem = () => {
     if (!enableUrlShare) {
       return null;
     }
-    return jsxRuntime.jsxs(material.MenuItem, {
+    return React.createElement(material.MenuItem, {
       disabled: !url,
-      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'
-        })
-      })]
-    });
+      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'
+    })));
   };
   /**
    *
    */
-  var handleShareAction = function handleShareAction() {
+  const handleShareAction = () => {
     if (url) {
       copy(url);
       if (!error) {
@@ -78,7 +66,7 @@ var MaterialRunboxActionShare = function MaterialRunboxActionShare(_ref) {
   //
   //
   //
-  React__default.default.useEffect(function () {
+  React.useEffect(() => {
     if (!isClipboardCopied) {
       return;
     }