@elice/material-exercise 1.231212.0 → 1.231228.0

package/cjs/components/material-exercise/exercise-menu/ExerciseMenuStdioFileBrowser.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -18,22 +17,15 @@ require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 var ExerciseMenuStdioFileBrowser_styled = require('./ExerciseMenuStdioFileBrowser.styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExerciseMenuStdioFileBrowser = function ExerciseMenuStdioFileBrowser() {
-  var intl = reactIntl.useIntl();
-  var _React$useState = React__default["default"].useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    open = _React$useState2[0],
-    setOpen = _React$useState2[1];
-  var anchorRef = React__default["default"].useRef(null);
-  var stdioFiles = recoil.useRecoilValue(recoil$1.exerciseRunnerStdioFilesState);
+const ExerciseMenuStdioFileBrowser = () => {
+  const intl = reactIntl.useIntl();
+  const [open, setOpen] = React.useState(false);
+  const anchorRef = React.useRef(null);
+  const stdioFiles = recoil.useRecoilValue(recoil$1.exerciseRunnerStdioFilesState);
   //
   // Open stdio file browser, on file changes.
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (stdioFiles && stdioFiles.length > 0) {
       setOpen(true);
     }
@@ -43,76 +35,76 @@ var ExerciseMenuStdioFileBrowser = function ExerciseMenuStdioFileBrowser() {
   /**
    * Image type stdio file.
    */
-  var renderStdioFileListItemImage = function renderStdioFileListItemImage(key, f) {
+  const renderStdioFileListItemImage = (key, f) => {
     var _a;
-    var ext = (_a = f.mime) === null || _a === void 0 ? void 0 : _a.split('/').pop();
-    var filename = ext ? "image_output.".concat(ext) : 'image_output';
-    return React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItem, {
+    const ext = (_a = f.mime) === null || _a === void 0 ? void 0 : _a.split('/').pop();
+    const filename = ext ? `image_output.${ext}` : 'image_output';
+    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItem, {
       key: key
-    }, React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemContentImageWrap, null, React__default["default"].createElement(muiElements.ImageViewer, null, React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemContentImage, {
+    }, React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemContentImageWrap, null, React.createElement(muiElements.ImageViewer, null, React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemContentImage, {
       src: f.data,
       alt: filename
-    }))), React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemDownloadButton, {
+    }))), React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemDownloadButton, {
       href: f.data,
       download: filename
-    }, React__default["default"].createElement(blocks.Icon, {
+    }, React.createElement(blocks.Icon, {
       icon: icons.eilDownload
     })));
   };
   /**
    * File type stdio file.
    */
-  var renderStdioFileListFile = function renderStdioFileListFile(key, f) {
-    var size = (f.data.length / 1024).toFixed(2);
-    return React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItem, {
+  const renderStdioFileListFile = (key, f) => {
+    const size = (f.data.length / 1024).toFixed(2);
+    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItem, {
       key: key
-    }, React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemContentFile, null, React__default["default"].createElement(blocks.Text, {
+    }, React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemContentFile, null, React.createElement(blocks.Text, {
       children: f.filename,
       role: "white",
       size: "small"
-    }), React__default["default"].createElement(blocks.Text, {
-      children: "".concat(size, " KB"),
+    }), React.createElement(blocks.Text, {
+      children: `${size} KB`,
       role: "gray4",
       size: "tiny"
-    })), React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemDownloadButton, {
+    })), React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyListItemDownloadButton, {
       href: f.data,
       download: f.filename
-    }, React__default["default"].createElement(blocks.Icon, {
+    }, React.createElement(blocks.Icon, {
       icon: icons.eilDownload
     })));
   };
   /**
    * Empty list of stdio files.
    */
-  var renderStdioFileListEmpty = function renderStdioFileListEmpty() {
-    return React__default["default"].createElement(blocks.Flex, {
+  const renderStdioFileListEmpty = () => {
+    return React.createElement(blocks.Flex, {
       column: true,
       align: "center",
       width: "100%",
       paddingy: "1.5rem"
-    }, React__default["default"].createElement(blocks.Icon, {
+    }, React.createElement(blocks.Icon, {
       icon: icons.eilFolder,
       size: "jumbo",
       color: designTokens.base.color.navy3
-    }), React__default["default"].createElement(blocks.Vspace, {
+    }), React.createElement(blocks.Vspace, {
       height: 0.5
-    }), React__default["default"].createElement(blocks.Text, {
+    }), React.createElement(blocks.Text, {
       role: "navy",
       size: "small",
       textAlign: "center",
       preWrap: true
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseMenu.stdioFileBrowser.popover.body.placeholder"
     })));
   };
   /**
    * List of stdio files.
    */
-  var renderStdioFileList = function renderStdioFileList() {
+  const renderStdioFileList = () => {
     if (!stdioFiles || !stdioFiles.length) {
       return renderStdioFileListEmpty();
     }
-    return React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyList, null, stdioFiles.map(function (f, index) {
+    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyList, null, stdioFiles.map((f, index) => {
       switch (f.type) {
         case 'image':
           return renderStdioFileListItemImage(index, f);
@@ -126,69 +118,63 @@ var ExerciseMenuStdioFileBrowser = function ExerciseMenuStdioFileBrowser() {
   /**
    * Popover header.
    */
-  var renderStdioFilePopoverHeader = function renderStdioFilePopoverHeader() {
-    return React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverHeader, null, React__default["default"].createElement(blocks.Flex, {
+  const renderStdioFilePopoverHeader = () => {
+    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverHeader, null, React.createElement(blocks.Flex, {
       align: "center"
-    }, React__default["default"].createElement(blocks.Text, {
+    }, React.createElement(blocks.Text, {
       role: "white",
       size: "small",
       bold: true
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseMenu.stdioFileBrowser.popover.header"
-    })), React__default["default"].createElement(blocks.Hspace, {
+    })), React.createElement(blocks.Hspace, {
       width: 0.5
-    }), React__default["default"].createElement(blocks.NotificationCount, {
+    }), React.createElement(blocks.NotificationCount, {
       role: "white",
       value: stdioFiles.length
-    })), React__default["default"].createElement(blocks.IconButton, {
+    })), React.createElement(blocks.IconButton, {
       icon: icons.eilMathsignMultiplyBasic,
       role: "white",
       size: "micro",
       border: false,
       transparent: true,
-      onClick: function onClick() {
-        return setOpen(false);
-      }
+      onClick: () => setOpen(false)
     }));
   };
   /**
    * Popover body.
    */
-  var renderStdioFilePopoverBody = function renderStdioFilePopoverBody() {
-    return React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBody, {
+  const renderStdioFilePopoverBody = () => {
+    return React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBody, {
       children: renderStdioFileList()
     });
   };
   /**
    * Popover.
    */
-  var renderStdioFilePopover = function renderStdioFilePopover() {
-    return React__default["default"].createElement(blocks.Popover, {
+  const renderStdioFilePopover = () => {
+    return React.createElement(blocks.Popover, {
       open: open,
       anchorEl: anchorRef.current,
       placement: "bottom-end",
       style: {
         zIndex: 99
       }
-    }, React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverContent, null, renderStdioFilePopoverHeader(), renderStdioFilePopoverBody()));
+    }, React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverContent, null, renderStdioFilePopoverHeader(), renderStdioFilePopoverBody()));
   };
   /**
    * Popover toggle button.
    */
-  var renderStdioFilePopoverToggleButton = function renderStdioFilePopoverToggleButton() {
-    return React__default["default"].createElement(ExerciseMenuButton["default"], {
+  const renderStdioFilePopoverToggleButton = () => {
+    return React.createElement(ExerciseMenuButton.default, {
       icon: icons.eilAttachment,
       active: open,
       title: intl.formatMessage({
         id: 'exerciseMenu.stdioFileBrowser.button.tooltip'
       }),
-      onClick: function onClick() {
-        return setOpen(function (prev) {
-          return !prev;
-        });
-      },
+      onClick: () => setOpen(prev => !prev),
       ref: anchorRef
-    }, React__default["default"].createElement(ExerciseMenuStdioFileBrowser_styled.StyledMenuButtonFileCount, {
+    }, React.createElement(ExerciseMenuStdioFileBrowser_styled.StyledMenuButtonFileCount, {
       role: "white",
       value: stdioFiles.length
     }));
@@ -196,7 +182,7 @@ var ExerciseMenuStdioFileBrowser = function ExerciseMenuStdioFileBrowser() {
   //
   //
   //
-  return React__default["default"].createElement(React__default["default"].Fragment, null, renderStdioFilePopover(), renderStdioFilePopoverToggleButton());
+  return React.createElement(React.Fragment, null, renderStdioFilePopover(), renderStdioFilePopoverToggleButton());
 };
 
-exports["default"] = ExerciseMenuStdioFileBrowser;
+exports.default = ExerciseMenuStdioFileBrowser;

package/cjs/components/material-exercise/exercise-menu/ExerciseMenuStdioFileBrowser.styled.js

@@ -1,49 +1,43 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledMenuButtonFileCount = styled__default["default"](blocks.NotificationCount).withConfig({
+const StyledMenuButtonFileCount = styled(blocks.NotificationCount).withConfig({
   componentId: "sc-9mtuee-0"
 })(["position:absolute;top:0.2rem;right:0.2rem;padding:0;min-width:0.625rem;height:0.625rem;font-size:0.5rem;"]);
-var StyledFilePopoverContent = styled__default["default"].div.withConfig({
+const StyledFilePopoverContent = styled.div.withConfig({
   componentId: "sc-9mtuee-1"
 })(["display:flex;flex-direction:column;padding:0;width:252px;min-height:178px;max-height:383px;border-radius:8px;background-color:", ";overflow:hidden;"], designTokens.base.color.navy6);
-var StyledFilePopoverHeader = styled__default["default"].div.withConfig({
+const StyledFilePopoverHeader = styled.div.withConfig({
   componentId: "sc-9mtuee-2"
 })(["flex:0 0 2.5rem;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;color:white;background-color:", ";"], designTokens.base.color.navy7);
-var StyledFilePopoverBody = styled__default["default"].div.withConfig({
+const StyledFilePopoverBody = styled.div.withConfig({
   componentId: "sc-9mtuee-3"
 })(["flex:1;overflow-x:hidden;overflow-y:auto;"]);
-var StyledFilePopoverBodyList = styled__default["default"].ul.withConfig({
+const StyledFilePopoverBodyList = styled.ul.withConfig({
   componentId: "sc-9mtuee-4"
 })(["margin:0;padding:0.5rem;width:100%;height:100%;"]);
-var StyledFilePopoverBodyListItem = styled__default["default"].li.withConfig({
+const StyledFilePopoverBodyListItem = styled.li.withConfig({
   componentId: "sc-9mtuee-5"
 })(["display:flex;margin-bottom:0.5rem;border-radius:0.5rem;background-color:", ";overflow:hidden;&:last-of-type{margin-bottom:0;}"], designTokens.base.color.navy5);
-var StyledFilePopoverBodyListItemDownloadButton = styled__default["default"].a.withConfig({
+const StyledFilePopoverBodyListItemDownloadButton = styled.a.withConfig({
   componentId: "sc-9mtuee-6"
 })(["display:flex;align-items:center;justify-content:center;padding:0.75rem;color:", ";font-size:1rem;background-color:", ";"], designTokens.base.color.white, designTokens.base.color.primary5);
-var StyledFilePopoverBodyListItemContentFile = styled__default["default"].div.withConfig({
+const StyledFilePopoverBodyListItemContentFile = styled.div.withConfig({
   componentId: "sc-9mtuee-7"
 })(["flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 0.5rem;"]);
-var StyledFilePopoverBodyListItemContentImageWrap = styled__default["default"].div.withConfig({
+const StyledFilePopoverBodyListItemContentImageWrap = styled.div.withConfig({
   componentId: "sc-9mtuee-8"
 })(["display:flex;padding:0.5rem;flex:1 1 0;background:", ";"], designTokens.base.color.white);
-var StyledFilePopoverBodyListItemContentImage = styled__default["default"].img.withConfig({
+const StyledFilePopoverBodyListItemContentImage = styled.img.withConfig({
   componentId: "sc-9mtuee-9"
 })(["width:100%;max-height:128px;object-fit:contain;cursor:zoom-in;"]);
-var StyledPreferenceBodyItem = styled__default["default"].div.withConfig({
+const StyledPreferenceBodyItem = styled.div.withConfig({
   componentId: "sc-9mtuee-10"
 })(["display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;min-height:2rem;color:white;&:last-child{margin-bottom:0;}"]);
-var StyledSelect = styled__default["default"](blocks.Select).withConfig({
+const StyledSelect = styled(blocks.Select).withConfig({
   componentId: "sc-9mtuee-11"
 })(["> div{background:", " !important;border-color:", " !important;}select{padding:0 !important;height:2rem !important;color:#fff !important;> option{background:", " !important;}}"], designTokens.base.color.navy8, designTokens.base.color.navy7, designTokens.base.color.navy8);
 

package/cjs/components/material-exercise/exercise-menu/locales/en.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"exerciseMenu.dropdown.button.tooltip":"More","exerciseMenu.dropdown.item.codeHistory":"Submit History","exerciseMenu.dropdown.item.environment":"Environment","exerciseMenu.dropdown.item.preference":"Editor Preferences","exerciseMenu.dropdown.item.room":"Code Sharing","exerciseMenu.dropdown.item.submitHistory":"Code History","exerciseMenu.arduino.agent.button":"Having problem with connecting to Arduino?","exerciseMenu.arduino.setting":"Arduino Setting","exerciseMenu.arduino.setting.device":"Device","exerciseMenu.arduino.setting.noDevice":"No device","exerciseMenu.arduino.setting.selectDevice":"Select device","exerciseMenu.arduino.transferSpeed":"Transfer speed","exerciseMenu.reset.button.tooltip.disabled":"The file cannot be reset","exerciseMenu.reset.button.tooltip.enabled":"Reset the file","exerciseMenu.reset.confirmDialog.body":"Are you sure you want to clear all the code you wrote at current file and reset it?","exerciseMenu.reset.confirmDialog.cancel":"Cencel","exerciseMenu.reset.confirmDialog.confirm":"Confirm","exerciseMenu.reset.confirmDialog.title":"Reset the file","exerciseMenu.stdioFileBrowser.button.tooltip":"File","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"Files sent from your code\nappear here.","exerciseMenu.stdioFileBrowser.popover.header":"File"};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

package/cjs/components/material-exercise/exercise-menu/locales/ko.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesKo = {"exerciseMenu.dropdown.button.tooltip":"더 보기","exerciseMenu.dropdown.item.codeHistory":"코드 수정 이력","exerciseMenu.dropdown.item.environment":"실습 환경","exerciseMenu.dropdown.item.preference":"에디터 설정","exerciseMenu.dropdown.item.room":"코드 공유","exerciseMenu.dropdown.item.submitHistory":"실행/제출 이력","exerciseMenu.arduino.agent.button":"아두이노 연결 중 문제가 발생했나요?","exerciseMenu.arduino.setting":"아두이노 세팅","exerciseMenu.arduino.setting.device":"장치","exerciseMenu.arduino.setting.noDevice":"장치 없음","exerciseMenu.arduino.setting.selectDevice":"장치 선택","exerciseMenu.arduino.transferSpeed":"전송 속도","exerciseMenu.reset.button.tooltip.disabled":"해당 파일은 초기화를 할 수 없습니다","exerciseMenu.reset.button.tooltip.enabled":"코드 초기화","exerciseMenu.reset.confirmDialog.body":"작성한 코드를 모두 지우고 초기화하시겠습니까?","exerciseMenu.reset.confirmDialog.cancel":"취소","exerciseMenu.reset.confirmDialog.confirm":"확인","exerciseMenu.reset.confirmDialog.title":"코드 초기화","exerciseMenu.stdioFileBrowser.button.tooltip":"파일","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"코드에서 전송한 파일이\n여기에 표시됩니다.","exerciseMenu.stdioFileBrowser.popover.header":"파일"};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;

package/cjs/components/material-exercise/exercise-multilang-dropdown/ExerciseMultilangDropdown.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
@@ -13,27 +12,21 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExerciseMultilangDropdown = function ExerciseMultilangDropdown() {
-  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId,
-    exerciseRoomId = _React$useContext.exerciseRoomId,
-    onMultiLangLanguageChange = _React$useContext.onMultiLangLanguageChange;
-  var multilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(materialExerciseId));
-  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseMultilangEnvironmentState({
-      materialExerciseId: materialExerciseId,
-      exerciseRoomId: exerciseRoomId
-    })),
-    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
-    multilangEnvironment = _useRecoilState2[0],
-    setMultilangEnvironment = _useRecoilState2[1];
+const ExerciseMultilangDropdown = () => {
+  const {
+    materialExerciseId,
+    exerciseRoomId,
+    onMultiLangLanguageChange
+  } = React.useContext(context.ExerciseContext);
+  const multilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(materialExerciseId));
+  const [multilangEnvironment, setMultilangEnvironment] = recoil.useRecoilState(recoil$1.exerciseMultilangEnvironmentState({
+    materialExerciseId,
+    exerciseRoomId
+  }));
   //
   // emit `onMultiLangLanguageChange` when language changed
   //
-  reactUse.useDebounce(function () {
+  reactUse.useDebounce(() => {
     if (multilangEnvironment && typeof onMultiLangLanguageChange === 'function') {
       onMultiLangLanguageChange(multilangEnvironment.language);
     }
@@ -44,23 +37,19 @@ var ExerciseMultilangDropdown = function ExerciseMultilangDropdown() {
   if (!multilangLanguages || !Object.keys(multilangLanguages !== null && multilangLanguages !== void 0 ? multilangLanguages : {}).length || !multilangEnvironment) {
     return null;
   }
-  return React__default["default"].createElement(blocks.Dropdown, {
+  return React.createElement(blocks.Dropdown, {
     type: "dark",
     size: "tiny",
     border: true,
     placement: "bottom-end",
     value: multilangEnvironment.language,
-    onChange: function onChange(language) {
-      return setMultilangEnvironment({
-        language: language
-      });
-    }
-  }, Object.keys(multilangLanguages).map(function (lang) {
-    return React__default["default"].createElement("option", {
-      key: lang,
-      value: lang
-    }, multilangLanguages[lang].label);
-  }));
+    onChange: language => setMultilangEnvironment({
+      language
+    })
+  }, Object.keys(multilangLanguages).map(lang => React.createElement("option", {
+    key: lang,
+    value: lang
+  }, multilangLanguages[lang].label)));
 };
 
-exports["default"] = ExerciseMultilangDropdown;
+exports.default = ExerciseMultilangDropdown;

package/cjs/components/material-exercise/exercise-multilang-dropdown/ExerciseMultilangDropdownLazy.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ExerciseMultilangDropdown = require('./ExerciseMultilangDropdown.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExerciseMultilangDropdownLazy = function ExerciseMultilangDropdownLazy() {
-  return React__default["default"].createElement(React__default["default"].Suspense, {
+const ExerciseMultilangDropdownLazy = () => {
+  return React.createElement(React.Suspense, {
     fallback: null
-  }, React__default["default"].createElement(ExerciseMultilangDropdown["default"], null));
+  }, React.createElement(ExerciseMultilangDropdown.default, null));
 };
 
-exports["default"] = ExerciseMultilangDropdownLazy;
+exports.default = ExerciseMultilangDropdownLazy;

package/cjs/components/material-exercise/exercise-preview/ExercisePreview.js

@@ -18,12 +18,7 @@ var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 var ExercisePreviewDisplayModeButton = require('./ExercisePreviewDisplayModeButton.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledExercisePreview = styled__default["default"].div.withConfig({
+const StyledExercisePreview = styled.div.withConfig({
   componentId: "sc-i6d1i5-0"
 })(["width:100%;height:100%;background-color:", ";"], designTokens.base.color.navy7);
 /**
@@ -31,22 +26,23 @@ var StyledExercisePreview = styled__default["default"].div.withConfig({
  * - NoVnc
  * - Web browser
  */
-var ExercisePreview = function ExercisePreview() {
-  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId;
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  var exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(materialExerciseId));
+const ExercisePreview = () => {
+  const {
+    materialExerciseId
+  } = React.useContext(context.ExerciseContext);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(materialExerciseId));
   // runner states
-  var isSubmitting = recoil.useRecoilValue(recoil$1.exerciseRunnerSubmittingState);
-  var isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
-  var exerciseRunnerRoomConnectionInfo = recoil.useRecoilValue(recoil$1.exerciseRunnerRoomConnectionInfoState);
+  const isSubmitting = recoil.useRecoilValue(recoil$1.exerciseRunnerSubmittingState);
+  const isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
+  const exerciseRunnerRoomConnectionInfo = recoil.useRecoilValue(recoil$1.exerciseRunnerRoomConnectionInfoState);
   // preview refs
-  var noVnc = React__default["default"].useRef(null);
-  var webBrowser = React__default["default"].useRef(null);
+  const noVnc = React.useRef(null);
+  const webBrowser = React.useRef(null);
   //
   // Action when exercise submitted.
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     var _a, _b;
     if (!isSubmitting) {
       return;
@@ -65,43 +61,43 @@ var ExercisePreview = function ExercisePreview() {
   /**
    * NoVnc
    */
-  var renderNoVnc = function renderNoVnc() {
+  const renderNoVnc = () => {
     if (exercisePreviewType !== recoilTypes.ExercisePreviewType.NoVnc) {
       return null;
     }
     if (!(exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) || !exerciseRunnerRoomConnectionInfo) {
       return null;
     }
-    return React__default["default"].createElement(NoVncLazy["default"], Object.assign({}, exerciseRunnerRoomConnectionInfo, {
+    return React.createElement(NoVncLazy.default, Object.assign({}, exerciseRunnerRoomConnectionInfo, {
       isRunning: isRunning,
       readyExerciseImage: exercise.readyExerciseImage,
-      exercisePreviewDisplayModeButton: React__default["default"].createElement(ExercisePreviewDisplayModeButton["default"], null),
+      exercisePreviewDisplayModeButton: React.createElement(ExercisePreviewDisplayModeButton.default, null),
       ref: noVnc
     }));
   };
   /**
    * Web browser
    */
-  var renderWebBrowser = function renderWebBrowser() {
+  const renderWebBrowser = () => {
     if (exercisePreviewType !== recoilTypes.ExercisePreviewType.WebBrowser) {
       return null;
     }
     if (!exerciseRunnerRoomConnectionInfo) {
       return null;
     }
-    return React__default["default"].createElement(WebBrowser["default"], Object.assign({}, exerciseRunnerRoomConnectionInfo, {
-      menuButtons: React__default["default"].createElement(ExercisePreviewDisplayModeButton["default"], null),
+    return React.createElement(WebBrowser.default, Object.assign({}, exerciseRunnerRoomConnectionInfo, {
+      menuButtons: React.createElement(ExercisePreviewDisplayModeButton.default, null),
       ref: webBrowser
     }));
   };
   //
   //
   //
-  return React__default["default"].createElement(StyledExercisePreview, null, renderNoVnc(), renderWebBrowser());
+  return React.createElement(StyledExercisePreview, null, renderNoVnc(), renderWebBrowser());
 };
 var ExercisePreview$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExercisePreview, {
-  en: en["default"],
-  ko: ko["default"]
+  en: en.default,
+  ko: ko.default
 });
 
-exports["default"] = ExercisePreview$1;
+exports.default = ExercisePreview$1;

package/cjs/components/material-exercise/exercise-preview/ExercisePreviewDisplayModeButton.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var icons = require('@elice/icons');
@@ -14,29 +13,20 @@ var recoilTypes = require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExercisePreviewDisplayModeButton = React.forwardRef(function (props, ref) {
+const ExercisePreviewDisplayModeButton = React.forwardRef((props, ref) => {
   var _a;
-  var intl = reactIntl.useIntl();
-  var _useRecoilState = recoil.useRecoilState(recoil$1.exercisePreviewDisplayModeState),
-    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
-    exercisePreviewDisplayMode = _useRecoilState2[0],
-    setExercisePreviewDisplayMode = _useRecoilState2[1];
+  const intl = reactIntl.useIntl();
+  const [exercisePreviewDisplayMode, setExercisePreviewDisplayMode] = recoil.useRecoilState(recoil$1.exercisePreviewDisplayModeState);
   /**
    * Handle click.
    */
-  var handleClick = function handleClick() {
-    setExercisePreviewDisplayMode(function (prevDisplayMode) {
-      return prevDisplayMode === recoilTypes.ExercisePreviewDisplayMode.Mini ? recoilTypes.ExercisePreviewDisplayMode.SideBySide : recoilTypes.ExercisePreviewDisplayMode.Mini;
-    });
+  const handleClick = () => {
+    setExercisePreviewDisplayMode(prevDisplayMode => prevDisplayMode === recoilTypes.ExercisePreviewDisplayMode.Mini ? recoilTypes.ExercisePreviewDisplayMode.SideBySide : recoilTypes.ExercisePreviewDisplayMode.Mini);
   };
   //
   //
   //
-  return React__default["default"].createElement(ExerciseMenuButton["default"], Object.assign({}, props, {
+  return React.createElement(ExerciseMenuButton.default, Object.assign({}, props, {
     icon: exercisePreviewDisplayMode === recoilTypes.ExercisePreviewDisplayMode.Mini ? icons.eilScreenHalf : icons.eilPanelRight,
     title: ((_a = props.title) !== null && _a !== void 0 ? _a : exercisePreviewDisplayMode === recoilTypes.ExercisePreviewDisplayMode.Mini) ? intl.formatMessage({
       id: 'exercisePreview.displayModeButton.sideBySide'
@@ -49,4 +39,4 @@ var ExercisePreviewDisplayModeButton = React.forwardRef(function (props, ref) {
   }));
 });
 
-exports["default"] = ExercisePreviewDisplayModeButton;
+exports.default = ExercisePreviewDisplayModeButton;

package/cjs/components/material-exercise/exercise-preview/locales/en.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"exercisePreview.displayModeButton.mini":"Toggle to Mini mode","exercisePreview.displayModeButton.sideBySide":"Toggle to Side-by-side mode"};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

package/cjs/components/material-exercise/exercise-preview/locales/ko.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesKo = {"exercisePreview.displayModeButton.mini":"간소화 뷰로 전환","exercisePreview.displayModeButton.sideBySide":"사이드 뷰로 전환"};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;