@elice/material-exercise 1.251120.1 → 1.260128.0-rc.0

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

@@ -1,4 +1,5 @@
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import { postOrgMaterialExerciseExerciseRoomUserFileAdd, postOrgMaterialExerciseExerciseRoomUserFileDirectoryAdd, postOrgMaterialExerciseExerciseRoomUserFileDelete, postOrgMaterialExerciseExerciseRoomUserFileDirectoryDelete, postOrgMaterialExerciseExerciseRoomUserFileMove, postOrgMaterialExerciseExerciseRoomUserFileDirectoryMove, getOrgMaterialExerciseExerciseRoomGet } from '@elice/api-client';
@@ -7,20 +8,12 @@ import { IntlComponentBuilder } from '@elice/intl';
 import { enums } from '@elice/types';
 import { camelize } from 'humps';
 import { useRecoilValue, useRecoilState } from 'recoil';
-import styled from 'styled-components';
-import '../../shared/exercise-shimmer/ExerciseFileShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTabShimmer.js';
-import ExerciseFileTreeListShimmer from '../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js';
 import { MATERIAL_DIVIDER_BORDER_VALUE } from '../../../constants/stylesheets.js';
-import { exerciseState, exerciseRoomState, exerciseMultilangLanguagesState, exerciseMultilangEnvironmentState, exerciseFileTabsOpenedState, exerciseActiveFilenameState } from '../context/recoil.js';
-import { ExerciseContext } from '../context/context.js';
-import '../context/recoilTypes.js';
-import '../context/subjects.js';
-import '../context/ExerciseProvider.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
+import { exerciseState, exerciseRoomState, exerciseMultilangLanguagesState, exerciseMultilangEnvironmentState, exerciseFileTabsOpenedState, exerciseActiveFilenameState } from '../context/recoil.js';
+import ExerciseFileTreeListShimmer from '../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js';
+import { ExerciseContext } from '../context/context.js';
 
 var AsyncFileTree = React.lazy(function () {
   return import('../../shared/file-tree/FileTree.js');
@@ -31,9 +24,9 @@ var AsyncFileTreeList = React.lazy(function () {
 var AsyncFileTreeToolbar = React.lazy(function () {
   return import('../../shared/file-tree/file-tree-toolbar/FileTreeToolbar.js');
 });
-var StyledFileTreeDivider = styled.hr.withConfig({
-  componentId: "sc-107xvf5-0"
-})(["margin:0;width:100%;height:1px;border:0;border-bottom:", ";"], MATERIAL_DIVIDER_BORDER_VALUE);
+var StyledFileTreeDivider = /*#__PURE__*/_styled("hr", {
+  target: "e1bx848s0"
+})("margin:0;width:100%;height:1px;border:0;border-bottom:", MATERIAL_DIVIDER_BORDER_VALUE, ";");
 var MaterialExerciseFileError;
 (function (MaterialExerciseFileError) {
   MaterialExerciseFileError["InsufficientPermission"] = "insufficient_permission";
@@ -131,34 +124,33 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     setActivePath(path);
   };
   var doGetOrgMaterialExerciseExerciseRoomGet = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _yield$getOrgMaterial, _exerciseRoom;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _yield$getOrgMaterial, _exerciseRoom, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
-            _context.prev = 0;
-            _context.next = 3;
+            _context.p = 0;
+            _context.n = 1;
             return getOrgMaterialExerciseExerciseRoomGet({
               exerciseRoomId: exerciseRoomId
             });
-          case 3:
-            _yield$getOrgMaterial = _context.sent;
+          case 1:
+            _yield$getOrgMaterial = _context.v;
             _exerciseRoom = _yield$getOrgMaterial.exerciseRoom;
             setExerciseRoom(_exerciseRoom);
-            _context.next = 12;
+            _context.n = 3;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-            console.error(_context.t0);
+          case 2:
+            _context.p = 2;
+            _t = _context.v;
+            console.error(_t);
             Notification.error(__intl.formatMessage({
               id: 'materialExercise.exerciseFileTree.fetchRoom.failure'
             }));
-          case 12:
-          case "end":
-            return _context.stop();
+          case 3:
+            return _context.a(2);
         }
-      }, _callee, null, [[0, 8]]);
+      }, _callee, null, [[0, 2]]);
     }));
     return function doGetOrgMaterialExerciseExerciseRoomGet() {
       return _ref2.apply(this, arguments);
@@ -194,30 +186,27 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     }
   };
   var handleFileAdd = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(_ref3) {
       var path, emptyFileWithName, userFile;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
           case 0:
             path = _ref3.path, emptyFileWithName = _ref3.emptyFileWithName, userFile = _ref3.userFile;
             setApiStatus('pending');
-            return _context2.abrupt("return", postOrgMaterialExerciseExerciseRoomUserFileAdd({
+            return _context2.a(2, postOrgMaterialExerciseExerciseRoomUserFileAdd({
               exerciseRoomId: exerciseRoomId,
               path: path,
               emptyFileWithName: emptyFileWithName,
               userFile: userFile
             }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
               return setApiStatus('resolved');
-            }).catch(function (error) {
+            })["catch"](function (error) {
               setApiStatus('rejected');
               handleError(error);
               if (typeof onError === 'function') {
                 onError(error);
               }
             }));
-          case 3:
-          case "end":
-            return _context2.stop();
         }
       }, _callee2);
     }));
@@ -226,29 +215,26 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     };
   }();
   var handleDirectoryAdd = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref5) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(_ref5) {
       var name, path;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
           case 0:
-            name = _ref5.name, path = _ref5.path, _ref5.overwrite;
+            name = _ref5.name, path = _ref5.path;
             setApiStatus('pending');
-            return _context3.abrupt("return", postOrgMaterialExerciseExerciseRoomUserFileDirectoryAdd({
+            return _context3.a(2, postOrgMaterialExerciseExerciseRoomUserFileDirectoryAdd({
               exerciseRoomId: exerciseRoomId,
               path: path,
               name: name
             }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
               return setApiStatus('resolved');
-            }).catch(function (error) {
+            })["catch"](function (error) {
               setApiStatus('rejected');
               handleError(error);
               if (typeof onError === 'function') {
                 onError(error);
               }
             }));
-          case 3:
-          case "end":
-            return _context3.stop();
         }
       }, _callee3);
     }));
@@ -257,12 +243,12 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     };
   }();
   var handleFileDelete = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(path) {
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(path) {
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
           case 0:
             setApiStatus('pending');
-            return _context4.abrupt("return", postOrgMaterialExerciseExerciseRoomUserFileDelete({
+            return _context4.a(2, postOrgMaterialExerciseExerciseRoomUserFileDelete({
               exerciseRoomId: exerciseRoomId,
               filename: path
             }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
@@ -273,16 +259,13 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
                   return openTab !== path;
                 });
               });
-            }).catch(function (error) {
+            })["catch"](function (error) {
               setApiStatus('rejected');
               handleError(error);
               if (typeof onError === 'function') {
                 onError(error);
               }
             }));
-          case 2:
-          case "end":
-            return _context4.stop();
         }
       }, _callee4);
     }));
@@ -291,26 +274,23 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     };
   }();
   var handleDirectoryDelete = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(path) {
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(path) {
+      return _regenerator().w(function (_context5) {
+        while (1) switch (_context5.n) {
           case 0:
             setApiStatus('pending');
-            return _context5.abrupt("return", postOrgMaterialExerciseExerciseRoomUserFileDirectoryDelete({
+            return _context5.a(2, postOrgMaterialExerciseExerciseRoomUserFileDirectoryDelete({
               exerciseRoomId: exerciseRoomId,
               filename: path
             }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
               return setApiStatus('resolved');
-            }).catch(function (error) {
+            })["catch"](function (error) {
               setApiStatus('rejected');
               handleError(error);
               if (typeof onError === 'function') {
                 onError(error);
               }
             }));
-          case 2:
-          case "end":
-            return _context5.stop();
         }
       }, _callee5);
     }));
@@ -319,10 +299,10 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     };
   }();
   var handleFileMove = /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref9) {
+    var _ref0 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(_ref9) {
       var currentFilename, newName, newPath;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regenerator().w(function (_context6) {
+        while (1) switch (_context6.n) {
           case 0:
             currentFilename = _ref9.currentFilename, newName = _ref9.newName, newPath = _ref9.newPath;
             setApiStatus('pending');
@@ -332,7 +312,6 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
               newName: newName,
               newPath: newPath
             }).then(function () {
-              // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
               var parsedPath = (newPath ? newPath + '/' : '') + newName;
               // set activeFilename
               setActiveFilename(parsedPath);
@@ -352,30 +331,29 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
               }
             }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
               return setApiStatus('resolved');
-            }).catch(function (error) {
+            })["catch"](function (error) {
               setApiStatus('rejected');
               handleError(error);
               if (typeof onError === 'function') {
                 onError(error);
               }
             });
-          case 3:
-          case "end":
-            return _context6.stop();
+          case 1:
+            return _context6.a(2);
         }
       }, _callee6);
     }));
     return function handleFileMove(_x5) {
-      return _ref10.apply(this, arguments);
+      return _ref0.apply(this, arguments);
     };
   }();
   var handleDirectoryMove = /*#__PURE__*/function () {
-    var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(_ref11) {
+    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(_ref1) {
       var currentFilename, newName, newPath;
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regenerator().w(function (_context7) {
+        while (1) switch (_context7.n) {
           case 0:
-            currentFilename = _ref11.currentFilename, newName = _ref11.newName, newPath = _ref11.newPath;
+            currentFilename = _ref1.currentFilename, newName = _ref1.newName, newPath = _ref1.newPath;
             setApiStatus('pending');
             postOrgMaterialExerciseExerciseRoomUserFileDirectoryMove({
               exerciseRoomId: exerciseRoomId,
@@ -384,26 +362,25 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
               newPath: newPath
             }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
               return setApiStatus('resolved');
-            }).catch(function (error) {
+            })["catch"](function (error) {
               setApiStatus('rejected');
               handleError(error);
               if (typeof onError === 'function') {
                 onError(error);
               }
             });
-          case 3:
-          case "end":
-            return _context7.stop();
+          case 1:
+            return _context7.a(2);
         }
       }, _callee7);
     }));
     return function handleDirectoryMove(_x6) {
-      return _ref12.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
-  var handleFilesUpload = function handleFilesUpload(_ref13) {
-    var files = _ref13.files,
-      path = _ref13.path;
+  var handleFilesUpload = function handleFilesUpload(_ref11) {
+    var files = _ref11.files,
+      path = _ref11.path;
     setApiStatus('pending');
     Promise.all(Array.from(files).map(function (file) {
       return postOrgMaterialExerciseExerciseRoomUserFileAdd({
@@ -413,7 +390,7 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
       });
     })).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
       return setApiStatus('resolved');
-    }).catch(function (error) {
+    })["catch"](function (error) {
       setApiStatus('rejected');
       handleError(error);
       if (typeof onError === 'function') {
@@ -429,35 +406,32 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
   }
   return jsx(Flex, {
     column: true,
-    height: "100%",
     auto: true,
+    height: "100%",
     overflowy: "auto",
     children: jsx(React.Suspense, {
       fallback: jsx(ExerciseFileTreeListShimmer, {}),
       children: jsxs(AsyncFileTree
       /** custom styles */, {
         /** custom styles */
+        hiddenFilelist: multilanguageFilelistFilter((_a = exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.hiddenFilelist),
+        loading: apiStatus === 'pending',
+        locale: locale,
+        readOnlyFilelist: multilanguageFilelistFilter((_b = exercise.readyExerciseImage) === null || _b === void 0 ? void 0 : _b.readOnlyFilelist),
+        exerciseRoomFilelist: multilanguageFilelistFilter(exerciseRoom.filelist),
+        imageFilelist: multilanguageFilelistFilter((_d = (_c = exercise.readyExerciseImage) === null || _c === void 0 ? void 0 : _c.filelist) !== null && _d !== void 0 ? _d : []),
+        activePath: activePath,
         style: {
           flex: 'auto'
         },
-        /** controlled state */
-        activePath: activePath,
-        /** filelist */
-        exerciseRoomFilelist: multilanguageFilelistFilter(exerciseRoom.filelist),
-        imageFilelist: multilanguageFilelistFilter((_b = (_a = exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.filelist) !== null && _b !== void 0 ? _b : []),
-        hiddenFilelist: multilanguageFilelistFilter((_c = exercise.readyExerciseImage) === null || _c === void 0 ? void 0 : _c.hiddenFilelist),
-        readOnlyFilelist: multilanguageFilelistFilter((_d = exercise.readyExerciseImage) === null || _d === void 0 ? void 0 : _d.readOnlyFilelist),
-        /** handler functions */
-        onActivePathChange: handleActivePathChange,
         onFileAdd: handleFileAdd,
         onDirectoryAdd: handleDirectoryAdd,
         onFileDelete: handleFileDelete,
         onDirectoryDelete: handleDirectoryDelete,
         onFileMove: handleFileMove,
         onDirectoryMove: handleDirectoryMove,
+        onActivePathChange: handleActivePathChange,
         onFilesUpload: handleFilesUpload,
-        loading: apiStatus === 'pending',
-        locale: locale,
         children: [jsx(AsyncFileTreeToolbar, {}), jsx(StyledFileTreeDivider, {}), jsx(AsyncFileTreeList, {})]
       })
     })

package/es/components/material-exercise/exercise-file-tree/ExerciseFileTreeLazy.d.ts

@@ -1,2 +1,2 @@
-declare const ExerciseFileTreeLazy: () => JSX.Element;
+declare const ExerciseFileTreeLazy: () => import("react/jsx-runtime").JSX.Element;
 export default ExerciseFileTreeLazy;

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

@@ -1,11 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
-import '../../shared/exercise-shimmer/ExerciseFileShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTabShimmer.js';
-import ExerciseFileTreeListShimmer from '../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js';
 import ExerciseFileTree from './ExerciseFileTree.js';
+import ExerciseFileTreeListShimmer from '../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js';
 
 var ExerciseFileTreeLazy = function ExerciseFileTreeLazy() {
   return jsx(React.Suspense, {

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

@@ -1,18 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { useRecoilValue } from 'recoil';
+import { useMaterialExerciseFileUrl } from '../../../hooks/useMaterialExerciseFileUrl.js';
 import ExerciseFileShimmer from '../../shared/exercise-shimmer/ExerciseFileShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTabShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js';
-import '../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js';
 import FileViewer from '../../shared/file-viewer/FileViewer.js';
-import { useMaterialExerciseFileUrl } from '../../../hooks/useMaterialExerciseFileUrl.js';
-import { exerciseState, exerciseActiveFilenameState } from '../context/recoil.js';
 import { ExerciseContext } from '../context/context.js';
-import '../context/recoilTypes.js';
-import '../context/subjects.js';
-import '../context/ExerciseProvider.js';
+import { exerciseState, exerciseActiveFilenameState } from '../context/recoil.js';
 
 var ExerciseFileViewer = function ExerciseFileViewer() {
   var _React$useContext = React.useContext(ExerciseContext),

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

@@ -1,15 +1,10 @@
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React from 'react';
 import { base } from '@elice/design-tokens';
 import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import { enums } from '@elice/types';
 import { useRecoilValue } from 'recoil';
-import styled from 'styled-components';
-import { exerciseState } from '../context/recoil.js';
-import { ExerciseContext } from '../context/context.js';
-import '../context/recoilTypes.js';
-import '../context/subjects.js';
-import '../context/ExerciseProvider.js';
 import ExerciseMenuArduinoAgentModalButton from './ExerciseMenuArduinoAgentModalButton.js';
 import ExerciseMenuArduinoSettings from './ExerciseMenuArduinoSettings.js';
 import ExerciseMenuDropdown from './ExerciseMenuDropdown.js';
@@ -17,10 +12,12 @@ import ExerciseMenuReset from './ExerciseMenuReset.js';
 import ExerciseMenuStdioFileBrowser from './ExerciseMenuStdioFileBrowser.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
+import { ExerciseContext } from '../context/context.js';
+import { exerciseState } from '../context/recoil.js';
 
-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);
+var StyledExerciseMenuWrapper = /*#__PURE__*/_styled("div", {
+  target: "e16oipg60"
+})("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, ";");
 var ExerciseMenu = function ExerciseMenu(_ref) {
   var __intl = _ref.__intl;
   var _React$useContext = React.useContext(ExerciseContext),

package/es/components/material-exercise/exercise-menu/ExerciseMenuArduinoAgentModalButton.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import type React from 'react';
 declare const ExerciseMenuArduinoAgentModalButton: React.FC;
 export default ExerciseMenuArduinoAgentModalButton;

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

@@ -4,10 +4,6 @@ import { eilStatusDanger } from '@elice/icons';
 import { useRawEliceIntl } from '@elice/intl';
 import { useSetRecoilState } from 'recoil';
 import { exerciseArduinoAgentModalState } from '../context/recoil.js';
-import '../context/context.js';
-import '../context/recoilTypes.js';
-import '../context/subjects.js';
-import '../context/ExerciseProvider.js';
 
 var ExerciseMenuArduinoAgentModalButton = function ExerciseMenuArduinoAgentModalButton() {
   var setOpen = useSetRecoilState(exerciseArduinoAgentModalState);

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

@@ -5,15 +5,11 @@ import { Popover, Text, Flex, IconButton } from '@elice/blocks';
 import { eilMaterialTypeArduino, eilMathsignMultiplyBasic } from '@elice/icons';
 import { useRawEliceIntl } from '@elice/intl';
 import { useRecoilValue, useRecoilState } from 'recoil';
-import ExerciseMenuButton from '../../shared/exercise-menu-button/ExerciseMenuButton.js';
 import { ARDUINO_BAUD_RATES } from '../../../constants/arduino.js';
 import { getDisplayName } from '../../../utils/arduino.js';
-import { exerciseArduinoPortsState, exerciseArduinoPreferenceState, exerciseArduinoOpenedPortNameState, exerciseArduinoOnSelectPortState } from '../context/recoil.js';
-import '../context/context.js';
-import '../context/recoilTypes.js';
-import '../context/subjects.js';
-import '../context/ExerciseProvider.js';
 import { StyledFilePopoverContent, StyledFilePopoverHeader, StyledFilePopoverBody, StyledFilePopoverBodyList, StyledPreferenceBodyItem, StyledSelect } from './ExerciseMenuStdioFileBrowser.styled.js';
+import ExerciseMenuButton from '../../shared/exercise-menu-button/ExerciseMenuButton.js';
+import { exerciseArduinoPortsState, exerciseArduinoPreferenceState, exerciseArduinoOpenedPortNameState, exerciseArduinoOnSelectPortState } from '../context/recoil.js';
 
 var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
   var intl = useRawEliceIntl();
@@ -36,8 +32,8 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
     return jsxs(StyledFilePopoverBodyList, {
       children: [jsxs(StyledPreferenceBodyItem, {
         children: [jsx(Text, {
-          role: "gray3",
           block: true,
+          role: "gray3",
           size: "small",
           children: intl.formatMessage({
             id: 'exerciseMenu.arduino.transferSpeed'
@@ -60,8 +56,8 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
         })]
       }), jsxs(StyledPreferenceBodyItem, {
         children: [jsx(Text, {
-          role: "gray3",
           block: true,
+          role: "gray3",
           size: "small",
           children: intl.formatMessage({
             id: 'exerciseMenu.arduino.setting.device'
@@ -74,14 +70,14 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
             onSelectPort(value);
           },
           children: [ports.length === 0 ? jsx("option", {
-            value: "",
             disabled: true,
+            value: "",
             children: intl.formatMessage({
               id: 'exerciseMenu.arduino.setting.noDevice'
             })
           }) : jsx("option", {
-            value: "",
             disabled: true,
+            value: "",
             children: intl.formatMessage({
               id: 'exerciseMenu.arduino.setting.selectDevice'
             })
@@ -101,8 +97,8 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
   var renderStdioFilePopoverHeader = function renderStdioFilePopoverHeader() {
     return jsxs(StyledFilePopoverHeader, {
       children: [jsx(Text, {
-        role: "white",
         bold: true,
+        role: "white",
         children: jsx(Flex, {
           align: "center",
           children: intl.formatMessage({
@@ -110,11 +106,11 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
           })
         })
       }), jsx(IconButton, {
+        transparent: true,
         icon: eilMathsignMultiplyBasic,
         role: "white",
         size: "micro",
         border: false,
-        transparent: true,
         onClick: function onClick() {
           return setOpen(false);
         }
@@ -155,12 +151,12 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
         id: 'exerciseMenu.arduino.setting'
       }),
       active: open,
+      ref: anchorRef,
       onClick: function onClick() {
         return setOpen(function (prev) {
           return !prev;
         });
-      },
-      ref: anchorRef
+      }
     });
   };
   //

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

@@ -6,15 +6,13 @@ import { eilMoreVertical } from '@elice/icons';
 import { useRawEliceIntl } from '@elice/intl';
 import { enums } from '@elice/types';
 import { useRecoilValue, useSetRecoilState } from 'recoil';
-import ExerciseMenuButton from '../../shared/exercise-menu-button/ExerciseMenuButton.js';
 import { exerciseUserState, exerciseState, exerciseLectureState, exerciseActiveFilenameState, exerciseRightpaneActiveState } from '../context/recoil.js';
-import { ExerciseContext } from '../context/context.js';
-import '../context/recoilTypes.js';
 import { exerciseRunnerRoomsOpen$, exerciseFileEditorContentChange$ } from '../context/subjects.js';
-import '../context/ExerciseProvider.js';
+import ExerciseMenuButton from '../../shared/exercise-menu-button/ExerciseMenuButton.js';
+import ExerciseSubmitHistory from '../exercise-submit-history/ExerciseSubmitHistory.js';
 import ExerciseCodeHistory from '../exercise-code-history/ExerciseCodeHistory.js';
 import ExerciseRoom from '../exercise-room/ExerciseRoom.js';
-import ExerciseSubmitHistory from '../exercise-submit-history/ExerciseSubmitHistory.js';
+import { ExerciseContext } from '../context/context.js';
 
 var ExerciseMenuDropdown = function ExerciseMenuDropdown() {
   var intl = useRawEliceIntl();
@@ -97,6 +95,8 @@ var ExerciseMenuDropdown = function ExerciseMenuDropdown() {
   //
   return jsxs(Fragment, {
     children: [jsx(ButtonMenu, {
+      dark: true,
+      shadow: true,
       menuItemProps: [{
         label: intl.formatMessage({
           id: 'exerciseMenu.dropdown.item.environment'
@@ -138,8 +138,6 @@ var ExerciseMenuDropdown = function ExerciseMenuDropdown() {
       }],
       size: "xsmall",
       placement: "bottom-end",
-      dark: true,
-      shadow: true,
       children: jsx(ExerciseMenuButton, {
         icon: eilMoreVertical,
         title: intl.formatMessage({

package/es/components/material-exercise/exercise-menu/ExerciseMenuReset.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import type React from 'react';
 declare const ExerciseMenuReset: React.VFC;
 export default ExerciseMenuReset;

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

@@ -5,24 +5,10 @@ import { Dialog } from '@elice/blocks';
 import { eilReset } from '@elice/icons';
 import { useRawEliceIntl } from '@elice/intl';
 import { useRecoilValue } from 'recoil';
+import { useExerciseFileResettable } from '../../../hooks/useExerciseFile.js';
 import ExerciseMenuButton from '../../shared/exercise-menu-button/ExerciseMenuButton.js';
-import 'react-use';
-import 'socket.io-client';
 import { exerciseActiveFilenameState } from '../context/recoil.js';
-import '../context/context.js';
-import '../context/recoilTypes.js';
 import { exerciseFileEditorContentChange$ } from '../context/subjects.js';
-import '../context/ExerciseProvider.js';
-import '../../../constants/arduino.js';
-import { useExerciseFileResettable } from '../../../hooks/useExerciseFile.js';
-import '@elice/api-client';
-import '@elice/material-shared-utils';
-import '@elice/websocket';
-import 'humps';
-import 'ot-text-unicode';
-import 'lodash/debounce';
-import 'random-words';
-import 'unicount';
 
 var ExerciseMenuReset = function ExerciseMenuReset() {
   var intl = useRawEliceIntl();