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

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

@@ -1,6 +1,4 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import _styled from '@emotion/styled/base';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
 import { useRawEliceIntl } from '@elice/intl';
 import { Tag, EliceIcon } from '@elice/mui-elements';
@@ -15,80 +13,77 @@ import MaterialRunboxActionMenu from './actions/MaterialRunboxActionMenu.js';
 import { useMaterialRunboxApiContext } from './contexts/MaterialRunboxApiContext.js';
 import './contexts/MaterialRunboxCommandContext.js';
 import { useMaterialRunboxContext } from './contexts/MaterialRunboxContext.js';
-import img from '../../assets/runbox_logo.png.js';
+import runboxLogoImage from '../../assets/runbox_logo.png.js';
 
-var StyledHeader = /*#__PURE__*/_styled("div", {
+const StyledHeader = /*#__PURE__*/_styled("div", {
   target: "e110d0bp0"
-})("position:relative;flex:0 0 3rem;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;width:100%;border-bottom:1px solid ", function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette.divider;
-}, ";overflow:hidden;");
+})("position:relative;flex:0 0 3rem;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;width:100%;border-bottom:1px solid ", ({
+  theme
+}) => theme.palette.divider, ";overflow:hidden;");
 //
 //
 //
-var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
-  var runbox = _ref2.runbox,
-    runtime = _ref2.runtime,
-    runtimeTemplate = _ref2.runtimeTemplate,
-    courseId = _ref2.courseId,
-    refetch = _ref2.refetch;
-  var intl = useRawEliceIntl();
-  var _useMaterialRunboxCon = useMaterialRunboxContext(),
-    enableAutoShutdownToggle = _useMaterialRunboxCon.enableAutoShutdownToggle;
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    menuAnchorEl = _React$useState2[0],
-    setMenuAnchorEl = _React$useState2[1];
-  var _useEliceRunboxRunnin = useEliceRunboxRunning(),
-    status = _useEliceRunboxRunnin.status;
-  var isRunboxRunning = status === 'running';
+const MaterialRunboxHeader = ({
+  runbox,
+  runtime,
+  runtimeTemplate,
+  courseId,
+  refetch
+}) => {
+  const intl = useRawEliceIntl();
+  const {
+    enableAutoShutdownToggle
+  } = useMaterialRunboxContext();
+  const [menuAnchorEl, setMenuAnchorEl] = React.useState(null);
+  const {
+    status
+  } = useEliceRunboxRunning();
+  const isRunboxRunning = status === 'running';
   /**
    *
    */
-  var handleMenuClose = function handleMenuClose() {
+  const handleMenuClose = () => {
     setMenuAnchorEl(null);
   };
-  var materialRunboxApi = useMaterialRunboxApiContext();
-  var _useQuery = useQuery({
-      queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdSubmitInfoGet', {
-        courseId: courseId,
-        runtime: runtime
-      }],
-      queryFn: function queryFn(_ref3) {
-        var signal = _ref3.signal;
-        return materialRunboxApi.runbox.runboxRunboxIdSubmitInfoGet({
-          eliceCourseId: courseId,
-          runboxId: runtime === null || runtime === void 0 ? void 0 : runtime.runboxId
-        }, {
-          signal: signal
-        });
-      },
-      refetchInterval: function refetchInterval(data) {
-        return !(data === null || data === void 0 ? void 0 : data.remainSubmitCount) ? false : 5 * 1000;
-      },
-      enabled: Boolean(runtime === null || runtime === void 0 ? void 0 : runtime.runboxId),
-      retry: false
+  const materialRunboxApi = useMaterialRunboxApiContext();
+  const {
+    data: leaderboardSubmitInfo,
+    isLoading: isLeaderboardSubmitInfoLoading
+  } = useQuery({
+    queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdSubmitInfoGet', {
+      courseId,
+      runtime
+    }],
+    queryFn: ({
+      signal
+    }) => materialRunboxApi.runbox.runboxRunboxIdSubmitInfoGet({
+      eliceCourseId: courseId,
+      runboxId: runtime === null || runtime === void 0 ? void 0 : runtime.runboxId
+    }, {
+      signal
     }),
-    leaderboardSubmitInfo = _useQuery.data,
-    isLeaderboardSubmitInfoLoading = _useQuery.isLoading;
+    refetchInterval: data => !(data === null || data === void 0 ? void 0 : data.remainSubmitCount) ? false : 5 * 1000,
+    enabled: Boolean(runtime === null || runtime === void 0 ? void 0 : runtime.runboxId),
+    retry: false
+  });
   /**
    *
    */
-  var renderHeaderSubmitInfo = function renderHeaderSubmitInfo() {
-    var remainSubmitCount = leaderboardSubmitInfo === null || leaderboardSubmitInfo === void 0 ? void 0 : leaderboardSubmitInfo.remainSubmitCount;
-    var totalSubmitCount = leaderboardSubmitInfo === null || leaderboardSubmitInfo === void 0 ? void 0 : leaderboardSubmitInfo.submitCountLimit;
-    var isDailyLimitEnabled = leaderboardSubmitInfo === null || leaderboardSubmitInfo === void 0 ? void 0 : leaderboardSubmitInfo.dailyLimitEnabled;
-    var isIndividualTypeLeaderboard = (leaderboardSubmitInfo === null || leaderboardSubmitInfo === void 0 ? void 0 : leaderboardSubmitInfo.entryType) === enums.LeaderboardEntryType.Individual;
+  const renderHeaderSubmitInfo = () => {
+    const remainSubmitCount = leaderboardSubmitInfo === null || leaderboardSubmitInfo === void 0 ? void 0 : leaderboardSubmitInfo.remainSubmitCount;
+    const totalSubmitCount = leaderboardSubmitInfo === null || leaderboardSubmitInfo === void 0 ? void 0 : leaderboardSubmitInfo.submitCountLimit;
+    const isDailyLimitEnabled = leaderboardSubmitInfo === null || leaderboardSubmitInfo === void 0 ? void 0 : leaderboardSubmitInfo.dailyLimitEnabled;
+    const isIndividualTypeLeaderboard = (leaderboardSubmitInfo === null || leaderboardSubmitInfo === void 0 ? void 0 : leaderboardSubmitInfo.entryType) === enums.LeaderboardEntryType.Individual;
     if (isLeaderboardSubmitInfoLoading || remainSubmitCount === null) {
       return null;
     }
-    return jsx(Tag, {
+    return React.createElement(Tag, {
       label: intl.formatMessage({
         id: 'runbox.header.submitInfo'
       }, {
         remainCount: remainSubmitCount,
         totalCount: totalSubmitCount,
-        isDailyLimitEnabled: isDailyLimitEnabled,
+        isDailyLimitEnabled,
         isIndividual: isIndividualTypeLeaderboard
       }),
       variant: "muted",
@@ -98,11 +93,11 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
   /**
    *
    */
-  var renderHeaderActionAutoShutdown = function renderHeaderActionAutoShutdown() {
+  const renderHeaderActionAutoShutdown = () => {
     if (!enableAutoShutdownToggle) {
       return null;
     }
-    return jsx(MaterialRunboxActionAutoShutdown, {
+    return React.createElement(MaterialRunboxActionAutoShutdown, {
       runtime: runtime,
       runtimeTemplate: runtimeTemplate,
       courseId: courseId,
@@ -112,11 +107,11 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
   /**
    *
    */
-  var renderHeaderActionGrade = function renderHeaderActionGrade() {
+  const renderHeaderActionGrade = () => {
     if (!runbox.submission.enabled) {
       return null;
     }
-    return jsx(MaterialRunboxActionGrade, {
+    return React.createElement(MaterialRunboxActionGrade, {
       runtime: runtime,
       courseId: courseId
     });
@@ -124,51 +119,45 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
   /**
    *
    */
-  var renderOptionMenu = function renderOptionMenu() {
-    return jsxs(Fragment, {
-      children: [jsx(IconButton, {
-        disabled: !isRunboxRunning,
-        onClick: function onClick(e) {
-          if (Boolean(menuAnchorEl)) {
-            setMenuAnchorEl(null);
-          } else {
-            setMenuAnchorEl(e.currentTarget);
-          }
-        },
-        children: jsx(EliceIcon, {
-          icon: faEllipsisVertical
-        })
-      }), jsx(MaterialRunboxActionMenu, {
-        runbox: runbox,
-        runtime: runtime,
-        courseId: courseId,
-        menuAnchorEl: menuAnchorEl,
-        refetch: refetch,
-        handleMenuClose: handleMenuClose
-      })]
-    });
+  const renderOptionMenu = () => {
+    return React.createElement(React.Fragment, null, React.createElement(IconButton, {
+      disabled: !isRunboxRunning,
+      onClick: e => {
+        if (Boolean(menuAnchorEl)) {
+          setMenuAnchorEl(null);
+        } else {
+          setMenuAnchorEl(e.currentTarget);
+        }
+      }
+    }, React.createElement(EliceIcon, {
+      icon: faEllipsisVertical
+    })), React.createElement(MaterialRunboxActionMenu, {
+      runbox: runbox,
+      runtime: runtime,
+      courseId: courseId,
+      menuAnchorEl: menuAnchorEl,
+      refetch: refetch,
+      handleMenuClose: handleMenuClose
+    }));
   };
   //
   //
   //
-  return jsxs(StyledHeader, {
-    children: [jsx(Box, {
-      component: "img",
-      src: img,
-      alt: "elice runbox",
-      sx: {
-        width: 'auto',
-        height: '100%',
-        imageRendering: 'auto',
-        padding: '0.465rem 0'
-      }
-    }), jsxs(Stack, {
-      direction: "row",
-      alignItems: "center",
-      gap: "0.5rem",
-      children: [renderHeaderSubmitInfo(), renderHeaderActionAutoShutdown(), renderOptionMenu(), renderHeaderActionGrade()]
-    })]
-  });
+  return React.createElement(StyledHeader, null, React.createElement(Box, {
+    component: "img",
+    src: runboxLogoImage,
+    alt: "elice runbox",
+    sx: {
+      width: 'auto',
+      height: '100%',
+      imageRendering: 'auto',
+      padding: '0.465rem 0'
+    }
+  }), React.createElement(Stack, {
+    direction: "row",
+    alignItems: "center",
+    gap: "0.5rem"
+  }, renderHeaderSubmitInfo(), renderHeaderActionAutoShutdown(), renderOptionMenu(), renderHeaderActionGrade()));
 };
 
 export { MaterialRunboxHeader as default };

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

@@ -1,5 +1,5 @@
 import _styled from '@emotion/styled/base';
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { useRawEliceIntl } from '@elice/intl';
 import { FormControlLabel, Tooltip, Switch } from '@mui/material';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';
@@ -10,7 +10,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 //
 //
 //
-var StyledFormControlLabel = /*#__PURE__*/_styled(FormControlLabel, {
+const StyledFormControlLabel = /*#__PURE__*/_styled(FormControlLabel, {
   target: "e1ket70c0"
 })("production" === "production" ? {
   name: "1ep9nyp",
@@ -23,18 +23,19 @@ var StyledFormControlLabel = /*#__PURE__*/_styled(FormControlLabel, {
 //
 //
 //
-var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown(_ref) {
-  var runtime = _ref.runtime,
-    runtimeTemplate = _ref.runtimeTemplate,
-    courseId = _ref.courseId,
-    refetch = _ref.refetch;
+const MaterialRunboxActionAutoShutdown = ({
+  runtime,
+  runtimeTemplate,
+  courseId,
+  refetch
+}) => {
   var _a;
-  var intl = useRawEliceIntl();
-  var materialRunboxApi = useMaterialRunboxApiContext();
+  const intl = useRawEliceIntl();
+  const materialRunboxApi = useMaterialRunboxApiContext();
   /**
    *
    */
-  var handleAction = function handleAction(_, shutdown) {
+  const handleAction = (_, shutdown) => {
     if (!runtime) {
       return;
     }
@@ -44,14 +45,14 @@ var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown
         autoShutdown: !shutdown
       },
       eliceCourseId: courseId
-    }).then(refetch).catch(function () {
+    }).then(refetch).catch(() => {
       //
     });
   };
   //
   //
   //
-  return jsx(Tooltip, {
+  return React.createElement(Tooltip, {
     title: intl.formatMessage({
       id: runtimeTemplate.autoShutdown ? 'runbox.action.autoShutdown.tooltip.disabled' : 'runbox.action.autoShutdown.tooltip.enabled'
     }, {
@@ -60,23 +61,22 @@ var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown
         unit: 'minute',
         unitDisplay: 'short'
       })
+    })
+  }, React.createElement(StyledFormControlLabel, {
+    control: React.createElement(Switch, {
+      checked: !(runtime === null || runtime === void 0 ? void 0 : runtime.autoShutdown),
+      disabled: !runtime || runtimeTemplate.autoShutdown,
+      onChange: handleAction
+    }),
+    label: intl.formatMessage({
+      id: 'runbox.action.autoShutdown.title'
     }),
-    children: jsx(StyledFormControlLabel, {
-      control: jsx(Switch, {
-        checked: !(runtime === null || runtime === void 0 ? void 0 : runtime.autoShutdown),
-        disabled: !runtime || runtimeTemplate.autoShutdown,
-        onChange: handleAction
-      }),
-      label: intl.formatMessage({
-        id: 'runbox.action.autoShutdown.title'
-      }),
-      componentsProps: {
-        typography: {
-          variant: 'body2'
-        }
+    componentsProps: {
+      typography: {
+        variant: 'body2'
       }
-    })
-  });
+    }
+  }));
 };
 
 export { MaterialRunboxActionAutoShutdown as default };