@elice/material-exercise 1.230328.0 → 1.230418.1

package/es/components/material-exercise/exercise-file-tree/ExerciseFileTreeLazy.js

@@ -6,7 +6,7 @@ import ExerciseFileTreeListShimmer from '../../shared/exercise-shimmer/ExerciseF
 import '../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js';
 import ExerciseFileTree from './ExerciseFileTree.js';
 
-const ExerciseFileTreeLazy = () => {
+var ExerciseFileTreeLazy = function ExerciseFileTreeLazy() {
   return React.createElement(React.Suspense, {
     fallback: React.createElement(ExerciseFileTreeListShimmer, null)
   }, React.createElement(ExerciseFileTree, null));

package/es/components/material-exercise/exercise-file-viewer/ExerciseFileViewer.js

@@ -13,26 +13,24 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-const ExerciseFileViewer = () => {
-  const {
-    materialExerciseId,
-    exerciseRoomId,
-    locale
-  } = React.useContext(ExerciseContext);
-  const exercise = useRecoilValue(exerciseState(materialExerciseId));
-  const activeFilename = useRecoilValue(exerciseActiveFilenameState);
-  const activeFileUrl = useMaterialExerciseFileUrl({
+var ExerciseFileViewer = function ExerciseFileViewer() {
+  var _React$useContext = React.useContext(ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId,
+    exerciseRoomId = _React$useContext.exerciseRoomId,
+    locale = _React$useContext.locale;
+  var exercise = useRecoilValue(exerciseState(materialExerciseId));
+  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
+  var activeFileUrl = useMaterialExerciseFileUrl({
     filename: activeFilename,
-    exercise,
-    exerciseRoomId
-  }); //
+    exercise: exercise,
+    exerciseRoomId: exerciseRoomId
+  });
+  //
   //
   //
-
   if (!activeFilename) {
     return React.createElement(ExerciseFileShimmer, null);
   }
-
   return React.createElement(FileViewer, {
     key: activeFileUrl,
     filename: activeFilename,

package/es/components/material-exercise/exercise-menu/ExerciseMenu.js

@@ -17,22 +17,19 @@ import ExerciseMenuDropdown from './ExerciseMenuDropdown.js';
 import ExerciseMenuReset from './ExerciseMenuReset.js';
 import ExerciseMenuStdioFileBrowser from './ExerciseMenuStdioFileBrowser.js';
 
-const StyledExerciseMenuWrapper = styled.div.withConfig({
+var StyledExerciseMenuWrapper = styled.div.withConfig({
   componentId: "sc-1gf6m87-0"
 })(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;height:2.25rem;gap:0.5rem;background-color:", ";"], base.color.navy8);
-
-const ExerciseMenu = () => {
-  const {
-    materialExerciseId
-  } = React.useContext(ExerciseContext);
-  const exercise = useRecoilValue(exerciseState(materialExerciseId));
-  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino; //
+var ExerciseMenu = function ExerciseMenu() {
+  var _React$useContext = React.useContext(ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId;
+  var exercise = useRecoilValue(exerciseState(materialExerciseId));
+  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
+  //
   //
   //
-
   return React.createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React.createElement(React.Fragment, null, React.createElement(ExerciseMenuArduinoAgentModalButton, null), React.createElement(ExerciseMenuArduinoSettings, null)) : React.createElement(ExerciseMenuStdioFileBrowser, null), React.createElement(ExerciseMenuReset, null), React.createElement(ExerciseMenuDropdown, null));
 };
-
 var ExerciseMenu$1 = withExerciseIntlProvider(ExerciseMenu, {
   en: phrasesEn,
   ko: phrasesKo

package/es/components/material-exercise/exercise-menu/ExerciseMenuArduinoAgentModalButton.js

@@ -9,13 +9,11 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-const ExerciseMenuArduinoAgentModalButton = () => {
-  const setOpen = useSetRecoilState(exerciseArduinoAgentModalState);
-
-  const handleClick = () => {
+var ExerciseMenuArduinoAgentModalButton = function ExerciseMenuArduinoAgentModalButton() {
+  var setOpen = useSetRecoilState(exerciseArduinoAgentModalState);
+  var handleClick = function handleClick() {
     setOpen(true);
   };
-
   return React.createElement(Button, {
     size: "micro",
     role: "warning",

package/es/components/material-exercise/exercise-menu/ExerciseMenuArduinoSettings.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { Popover, Text, Flex, IconButton } from '@elice/blocks';
 import { eilMathsignMultiplyBasic, eilMaterialTypeArduino } from '@elice/icons';
@@ -12,18 +13,23 @@ import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 import { StyledFilePopoverContent, StyledFilePopoverHeader, StyledFilePopoverBody, StyledFilePopoverBodyList, StyledPreferenceBodyItem, StyledSelect } from './ExerciseMenuStdioFileBrowser.styled.js';
 
-const ExerciseMenuArduinoSettings = () => {
-  const [open, setOpen] = React.useState(false);
-  const anchorRef = React.useRef(null);
-  const ports = useRecoilValue(exerciseArduinoPortsState);
-  const [preference, setPreference] = useRecoilState(exerciseArduinoPreferenceState);
-  const openedPort = useRecoilValue(exerciseArduinoOpenedPortNameState);
-  const onSelectPort = useRecoilValue(exerciseArduinoOnSelectPortState);
+var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  var anchorRef = React.useRef(null);
+  var ports = useRecoilValue(exerciseArduinoPortsState);
+  var _useRecoilState = useRecoilState(exerciseArduinoPreferenceState),
+    _useRecoilState2 = _slicedToArray(_useRecoilState, 2),
+    preference = _useRecoilState2[0],
+    setPreference = _useRecoilState2[1];
+  var openedPort = useRecoilValue(exerciseArduinoOpenedPortNameState);
+  var onSelectPort = useRecoilValue(exerciseArduinoOnSelectPortState);
   /**
    * List of stdio files.
    */
-
-  const renderStdioFileList = () => {
+  var renderStdioFileList = function renderStdioFileList() {
     return React.createElement(StyledFilePopoverBodyList, null, React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "gray3",
       block: true,
@@ -32,15 +38,17 @@ const ExerciseMenuArduinoSettings = () => {
       value: preference.baudRate,
       size: "small",
       width: "xsmall",
-      onChange: value => {
+      onChange: function onChange(value) {
         setPreference(Object.assign(Object.assign({}, preference), {
           baudRate: value
         }));
       }
-    }, ARDUINO_BAUD_RATES.map(baudRate => React.createElement("option", {
-      key: baudRate,
-      value: baudRate
-    }, baudRate)))), React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
+    }, ARDUINO_BAUD_RATES.map(function (baudRate) {
+      return React.createElement("option", {
+        key: baudRate,
+        value: baudRate
+      }, baudRate);
+    }))), React.createElement(StyledPreferenceBodyItem, null, React.createElement(Text, {
       role: "gray3",
       block: true,
       size: "small"
@@ -48,7 +56,7 @@ const ExerciseMenuArduinoSettings = () => {
       value: openedPort !== null && openedPort !== void 0 ? openedPort : '',
       size: "small",
       width: "xsmall",
-      onChange: value => {
+      onChange: function onChange(value) {
         onSelectPort(value);
       }
     }, ports.length === 0 ? React.createElement("option", {
@@ -57,17 +65,17 @@ const ExerciseMenuArduinoSettings = () => {
     }, "\uC7A5\uCE58 \uC5C6\uC74C") : React.createElement("option", {
       value: "",
       disabled: true
-    }, "\uC7A5\uCE58 \uC120\uD0DD"), ports.map(port => React.createElement("option", {
-      key: port.Name,
-      value: port.Name
-    }, `${getDisplayName(port)}@${port.Name}`)))));
+    }, "\uC7A5\uCE58 \uC120\uD0DD"), ports.map(function (port) {
+      return React.createElement("option", {
+        key: port.Name,
+        value: port.Name
+      }, "".concat(getDisplayName(port), "@").concat(port.Name));
+    }))));
   };
   /**
    * Popover header.
    */
-
-
-  const renderStdioFilePopoverHeader = () => {
+  var renderStdioFilePopoverHeader = function renderStdioFilePopoverHeader() {
     return React.createElement(StyledFilePopoverHeader, null, React.createElement(Text, {
       role: "white",
       bold: true
@@ -79,15 +87,15 @@ const ExerciseMenuArduinoSettings = () => {
       size: "micro",
       border: false,
       transparent: true,
-      onClick: () => setOpen(false)
+      onClick: function onClick() {
+        return setOpen(false);
+      }
     }));
   };
   /**
    * Popover body.
    */
-
-
-  const renderStdioFilePopoverBody = () => {
+  var renderStdioFilePopoverBody = function renderStdioFilePopoverBody() {
     return React.createElement(StyledFilePopoverBody, {
       children: renderStdioFileList()
     });
@@ -95,9 +103,7 @@ const ExerciseMenuArduinoSettings = () => {
   /**
    * Popover.
    */
-
-
-  const renderStdioFilePopover = () => {
+  var renderStdioFilePopover = function renderStdioFilePopover() {
     return React.createElement(Popover, {
       open: open,
       anchorEl: anchorRef.current,
@@ -110,21 +116,22 @@ const ExerciseMenuArduinoSettings = () => {
   /**
    * Popover toggle button.
    */
-
-
-  const renderStdioFilePopoverToggleButton = () => {
+  var renderStdioFilePopoverToggleButton = function renderStdioFilePopoverToggleButton() {
     return React.createElement(ExerciseMenuButton, {
       icon: eilMaterialTypeArduino,
       title: "\uC544\uB450\uC774\uB178 \uC124\uC815",
       active: open,
-      onClick: () => setOpen(prev => !prev),
+      onClick: function onClick() {
+        return setOpen(function (prev) {
+          return !prev;
+        });
+      },
       ref: anchorRef
     });
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(React.Fragment, null, renderStdioFilePopover(), renderStdioFilePopoverToggleButton());
 };
 

package/es/components/material-exercise/exercise-menu/ExerciseMenuDropdown.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl } from 'react-intl';
 import { ButtonMenu } from '@elice/blocks';
@@ -14,46 +15,53 @@ import ExerciseCodeHistory from '../exercise-code-history/ExerciseCodeHistory.js
 import ExerciseRoom from '../exercise-room/ExerciseRoom.js';
 import ExerciseSubmitHistory from '../exercise-submit-history/ExerciseSubmitHistory.js';
 
-const ExerciseMenuDropdown = () => {
-  const intl = useIntl();
-  const {
-    materialExerciseId
-  } = React.useContext(ExerciseContext);
-  const user = useRecoilValue(exerciseUserState);
-  const exercise = useRecoilValue(exerciseState(materialExerciseId));
-  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
-  const activeFilename = useRecoilValue(exerciseActiveFilenameState);
-  const setRightpaneActiveState = useSetRecoilState(exerciseRightpaneActiveState);
-  const [isSubmitHistoryModalOpen, setIsSubmitHistoryModalOpen] = React.useState(false);
-  const [isCodeHistoryModalOpen, setIsCodeHistoryModalOpen] = React.useState(false);
-  const [isExerciseRoomModalOpen, setIsExerciseRoomModalOpen] = React.useState(false);
-  const isLectureTestInProgress = typeof (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) !== 'undefined' && lecture.testAdmissionStatus === enums.TestAdmissionStatus.InProgress;
+var ExerciseMenuDropdown = function ExerciseMenuDropdown() {
+  var intl = useIntl();
+  var _React$useContext = React.useContext(ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId;
+  var user = useRecoilValue(exerciseUserState);
+  var exercise = useRecoilValue(exerciseState(materialExerciseId));
+  var lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
+  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
+  var setRightpaneActiveState = useSetRecoilState(exerciseRightpaneActiveState);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isSubmitHistoryModalOpen = _React$useState2[0],
+    setIsSubmitHistoryModalOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isCodeHistoryModalOpen = _React$useState4[0],
+    setIsCodeHistoryModalOpen = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isExerciseRoomModalOpen = _React$useState6[0],
+    setIsExerciseRoomModalOpen = _React$useState6[1];
+  var isLectureTestInProgress = typeof (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) !== 'undefined' && lecture.testAdmissionStatus === enums.TestAdmissionStatus.InProgress;
   /**
    *
    */
-
-  const renderSumbitHistoryModal = () => {
+  var renderSumbitHistoryModal = function renderSumbitHistoryModal() {
     if (!isSubmitHistoryModalOpen) {
       return null;
     }
-
     return React.createElement(ExerciseSubmitHistory, {
-      onHide: () => setIsSubmitHistoryModalOpen(false)
+      onHide: function onHide() {
+        return setIsSubmitHistoryModalOpen(false);
+      }
     });
   };
   /**
    *
    */
-
-
-  const renderCodeHistoryModal = () => {
+  var renderCodeHistoryModal = function renderCodeHistoryModal() {
     if (!isCodeHistoryModalOpen) {
       return null;
     }
-
     return React.createElement(ExerciseCodeHistory, {
-      onHide: () => setIsCodeHistoryModalOpen(false),
-      onLoadVersionButtonClick: content => {
+      onHide: function onHide() {
+        return setIsCodeHistoryModalOpen(false);
+      },
+      onLoadVersionButtonClick: function onLoadVersionButtonClick(content) {
         exerciseFileEditorContentChange$.next(content);
         setIsCodeHistoryModalOpen(false);
       }
@@ -62,50 +70,58 @@ const ExerciseMenuDropdown = () => {
   /**
    *
    */
-
-
-  const renderExerciseRoomModal = () => {
+  var renderExerciseRoomModal = function renderExerciseRoomModal() {
     if (!isExerciseRoomModalOpen) {
       return null;
     }
-
     return React.createElement(ExerciseRoom, {
-      onHide: () => setIsExerciseRoomModalOpen(false)
+      onHide: function onHide() {
+        return setIsExerciseRoomModalOpen(false);
+      }
     });
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(React.Fragment, null, React.createElement(ButtonMenu, {
     menuItemProps: [{
       label: intl.formatMessage({
         id: 'exerciseMenu.dropdown.item.environment'
       }),
-      onClick: () => setRightpaneActiveState('environment')
+      onClick: function onClick() {
+        return setRightpaneActiveState('environment');
+      }
     }, {
       label: intl.formatMessage({
         id: 'exerciseMenu.dropdown.item.preference'
       }),
-      onClick: () => setRightpaneActiveState('preference')
+      onClick: function onClick() {
+        return setRightpaneActiveState('preference');
+      }
     }, {
       label: intl.formatMessage({
         id: 'exerciseMenu.dropdown.item.codeHistory'
       }),
       disabled: !user,
-      onClick: () => setIsCodeHistoryModalOpen(true)
+      onClick: function onClick() {
+        return setIsCodeHistoryModalOpen(true);
+      }
     }, {
       label: intl.formatMessage({
         id: 'exerciseMenu.dropdown.item.submitHistory'
       }),
       disabled: !user || !activeFilename,
-      onClick: () => setIsSubmitHistoryModalOpen(true)
+      onClick: function onClick() {
+        return setIsSubmitHistoryModalOpen(true);
+      }
     }, {
       label: intl.formatMessage({
         id: 'exerciseMenu.dropdown.item.room'
       }),
       disabled: isLectureTestInProgress,
-      onClick: () => setIsExerciseRoomModalOpen(true)
+      onClick: function onClick() {
+        return setIsExerciseRoomModalOpen(true);
+      }
     }],
     size: "xsmall",
     placement: "bottom-end",

package/es/components/material-exercise/exercise-menu/ExerciseMenuReset.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState } from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { Dialog } from '@elice/blocks';
@@ -22,25 +23,25 @@ import 'lodash/debounce';
 import 'random-words';
 import 'unicount';
 
-const ExerciseMenuReset = () => {
-  const intl = useIntl();
-  const [isDialogOpen, setDialogOpen] = useState(false);
-  const activeFilename = useRecoilValue(exerciseActiveFilenameState);
-  const isFileResettable = useExerciseFileResettable(activeFilename);
+var ExerciseMenuReset = function ExerciseMenuReset() {
+  var intl = useIntl();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDialogOpen = _useState2[0],
+    setDialogOpen = _useState2[1];
+  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
+  var isFileResettable = useExerciseFileResettable(activeFilename);
   /**
    * Reset the active file.
    */
-
-  const handleReset = () => {
+  var handleReset = function handleReset() {
     exerciseFileEditorContentChange$.next(null);
     setDialogOpen(false);
   };
   /**
    * Reset button.
    */
-
-
-  const renderResetButton = () => {
+  var renderResetButton = function renderResetButton() {
     return React.createElement(ExerciseMenuButton, {
       icon: eilReset,
       active: isDialogOpen,
@@ -50,19 +51,20 @@ const ExerciseMenuReset = () => {
         id: 'exerciseMenu.reset.button.tooltip.disabled'
       }),
       disabled: !isFileResettable,
-      onClick: () => setDialogOpen(isOpen => !isOpen)
+      onClick: function onClick() {
+        return setDialogOpen(function (isOpen) {
+          return !isOpen;
+        });
+      }
     });
   };
   /**
    * Reset confirm dialog.
    */
-
-
-  const renderResetConfirmDialog = () => {
+  var renderResetConfirmDialog = function renderResetConfirmDialog() {
     if (!isDialogOpen) {
       return null;
     }
-
     return React.createElement(Dialog, {
       type: "warning",
       title: intl.formatMessage({
@@ -71,9 +73,13 @@ const ExerciseMenuReset = () => {
       body: intl.formatMessage({
         id: 'exerciseMenu.reset.confirmDialog.body'
       }),
-      onHide: () => setDialogOpen(false)
+      onHide: function onHide() {
+        return setDialogOpen(false);
+      }
     }, React.createElement(Dialog.CloseButton, {
-      onClick: () => setDialogOpen(false)
+      onClick: function onClick() {
+        return setDialogOpen(false);
+      }
     }, React.createElement(FormattedMessage, {
       id: "exerciseMenu.reset.confirmDialog.cancel"
     })), React.createElement(Dialog.ActionButton, {
@@ -81,11 +87,10 @@ const ExerciseMenuReset = () => {
     }, React.createElement(FormattedMessage, {
       id: "exerciseMenu.reset.confirmDialog.confirm"
     })));
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(React.Fragment, null, renderResetButton(), renderResetConfirmDialog());
 };