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

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
@@ -11,25 +12,17 @@ var intl = require('@elice/intl');
 var types = require('@elice/types');
 var humps = require('humps');
 var recoil = require('recoil');
-var styled = require('styled-components');
-require('../../shared/exercise-shimmer/ExerciseFileShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTabShimmer.js');
-var ExerciseFileTreeListShimmer = require('../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var stylesheets = require('../../../constants/stylesheets.js');
-var recoil$1 = require('../context/recoil.js');
-var context = require('../context/context.js');
-require('../context/recoilTypes.js');
-require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
+var recoil$1 = require('../context/recoil.js');
+var ExerciseFileTreeListShimmer = require('../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js');
+var context = require('../context/context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 var AsyncFileTree = React__default.default.lazy(function () {
   return Promise.resolve().then(function () { return require('../../shared/file-tree/FileTree.js'); });
@@ -40,9 +33,9 @@ var AsyncFileTreeList = React__default.default.lazy(function () {
 var AsyncFileTreeToolbar = React__default.default.lazy(function () {
   return Promise.resolve().then(function () { return require('../../shared/file-tree/file-tree-toolbar/FileTreeToolbar.js'); });
 });
-var StyledFileTreeDivider = styled__default.default.hr.withConfig({
-  componentId: "sc-107xvf5-0"
-})(["margin:0;width:100%;height:1px;border:0;border-bottom:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
+var StyledFileTreeDivider = /*#__PURE__*/_styled__default.default("hr", {
+  target: "e1bx848s0"
+})("margin:0;width:100%;height:1px;border:0;border-bottom:", stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, ";");
 var MaterialExerciseFileError;
 (function (MaterialExerciseFileError) {
   MaterialExerciseFileError["InsufficientPermission"] = "insufficient_permission";
@@ -140,34 +133,33 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     setActivePath(path);
   };
   var doGetOrgMaterialExerciseExerciseRoomGet = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var _yield$getOrgMaterial, _exerciseRoom;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+      var _yield$getOrgMaterial, _exerciseRoom, _t;
+      return _rollupPluginBabelHelpers.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 apiClient.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);
             blocks.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);
@@ -203,30 +195,27 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     }
   };
   var handleFileAdd = /*#__PURE__*/function () {
-    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(_ref3) {
+    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2(_ref3) {
       var path, emptyFileWithName, userFile;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _rollupPluginBabelHelpers.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", apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
+            return _context2.a(2, apiClient.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);
     }));
@@ -235,29 +224,26 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     };
   }();
   var handleDirectoryAdd = /*#__PURE__*/function () {
-    var _ref6 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3(_ref5) {
+    var _ref6 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3(_ref5) {
       var name, path;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _rollupPluginBabelHelpers.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", apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryAdd({
+            return _context3.a(2, apiClient.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);
     }));
@@ -266,12 +252,12 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     };
   }();
   var handleFileDelete = /*#__PURE__*/function () {
-    var _ref7 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee4(path) {
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    var _ref7 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee4(path) {
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
           case 0:
             setApiStatus('pending');
-            return _context4.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRoomUserFileDelete({
+            return _context4.a(2, apiClient.postOrgMaterialExerciseExerciseRoomUserFileDelete({
               exerciseRoomId: exerciseRoomId,
               filename: path
             }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
@@ -282,16 +268,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);
     }));
@@ -300,26 +283,23 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     };
   }();
   var handleDirectoryDelete = /*#__PURE__*/function () {
-    var _ref8 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee5(path) {
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+    var _ref8 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee5(path) {
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context5) {
+        while (1) switch (_context5.n) {
           case 0:
             setApiStatus('pending');
-            return _context5.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryDelete({
+            return _context5.a(2, apiClient.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);
     }));
@@ -328,10 +308,10 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
     };
   }();
   var handleFileMove = /*#__PURE__*/function () {
-    var _ref10 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee6(_ref9) {
+    var _ref0 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee6(_ref9) {
       var currentFilename, newName, newPath;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context6) {
+        while (1) switch (_context6.n) {
           case 0:
             currentFilename = _ref9.currentFilename, newName = _ref9.newName, newPath = _ref9.newPath;
             setApiStatus('pending');
@@ -341,7 +321,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);
@@ -361,30 +340,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 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee7(_ref11) {
+    var _ref10 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee7(_ref1) {
       var currentFilename, newName, newPath;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _rollupPluginBabelHelpers.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');
             apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryMove({
               exerciseRoomId: exerciseRoomId,
@@ -393,26 +371,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 apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
@@ -422,7 +399,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') {
@@ -438,35 +415,32 @@ var ExerciseFileTree = function ExerciseFileTree(_ref) {
   }
   return jsxRuntime.jsx(blocks.Flex, {
     column: true,
-    height: "100%",
     auto: true,
+    height: "100%",
     overflowy: "auto",
     children: jsxRuntime.jsx(React__default.default.Suspense, {
       fallback: jsxRuntime.jsx(ExerciseFileTreeListShimmer.default, {}),
       children: jsxRuntime.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: [jsxRuntime.jsx(AsyncFileTreeToolbar, {}), jsxRuntime.jsx(StyledFileTreeDivider, {}), jsxRuntime.jsx(AsyncFileTreeList, {})]
       })
     })

package/cjs/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/cjs/components/material-exercise/exercise-file-tree/ExerciseFileTreeLazy.js

@@ -4,12 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('../../shared/exercise-shimmer/ExerciseFileShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTabShimmer.js');
-var ExerciseFileTreeListShimmer = require('../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var ExerciseFileTree = require('./ExerciseFileTree.js');
+var ExerciseFileTreeListShimmer = require('../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -5,18 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var recoil = require('recoil');
+var useMaterialExerciseFileUrl = require('../../../hooks/useMaterialExerciseFileUrl.js');
 var ExerciseFileShimmer = require('../../shared/exercise-shimmer/ExerciseFileShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTabShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTreeListShimmer.js');
-require('../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var FileViewer = require('../../shared/file-viewer/FileViewer.js');
-var useMaterialExerciseFileUrl = require('../../../hooks/useMaterialExerciseFileUrl.js');
-var recoil$1 = require('../context/recoil.js');
 var context = require('../context/context.js');
-require('../context/recoilTypes.js');
-require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
+var recoil$1 = require('../context/recoil.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -2,18 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
 var types = require('@elice/types');
 var recoil = require('recoil');
-var styled = require('styled-components');
-var recoil$1 = require('../context/recoil.js');
-var context = require('../context/context.js');
-require('../context/recoilTypes.js');
-require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
 var ExerciseMenuArduinoAgentModalButton = require('./ExerciseMenuArduinoAgentModalButton.js');
 var ExerciseMenuArduinoSettings = require('./ExerciseMenuArduinoSettings.js');
 var ExerciseMenuDropdown = require('./ExerciseMenuDropdown.js');
@@ -21,15 +16,17 @@ var ExerciseMenuReset = require('./ExerciseMenuReset.js');
 var ExerciseMenuStdioFileBrowser = require('./ExerciseMenuStdioFileBrowser.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
+var context = require('../context/context.js');
+var recoil$1 = require('../context/recoil.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-var StyledExerciseMenuWrapper = styled__default.default.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:", ";"], designTokens.base.color.navy8);
+var StyledExerciseMenuWrapper = /*#__PURE__*/_styled__default.default("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:", designTokens.base.color.navy8, ";");
 var ExerciseMenu = function ExerciseMenu(_ref) {
   var __intl = _ref.__intl;
   var _React$useContext = React__default.default.useContext(context.ExerciseContext),

package/cjs/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/cjs/components/material-exercise/exercise-menu/ExerciseMenuArduinoAgentModalButton.js

@@ -8,10 +8,6 @@ var icons = require('@elice/icons');
 var intl = require('@elice/intl');
 var recoil = require('recoil');
 var recoil$1 = require('../context/recoil.js');
-require('../context/context.js');
-require('../context/recoilTypes.js');
-require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
 
 var ExerciseMenuArduinoAgentModalButton = function ExerciseMenuArduinoAgentModalButton() {
   var setOpen = recoil.useSetRecoilState(recoil$1.exerciseArduinoAgentModalState);

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

@@ -9,15 +9,11 @@ var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
 var recoil = require('recoil');
-var ExerciseMenuButton = require('../../shared/exercise-menu-button/ExerciseMenuButton.js');
 var arduino = require('../../../constants/arduino.js');
 var arduino$1 = require('../../../utils/arduino.js');
-var recoil$1 = require('../context/recoil.js');
-require('../context/context.js');
-require('../context/recoilTypes.js');
-require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
 var ExerciseMenuStdioFileBrowser_styled = require('./ExerciseMenuStdioFileBrowser.styled.js');
+var ExerciseMenuButton = require('../../shared/exercise-menu-button/ExerciseMenuButton.js');
+var recoil$1 = require('../context/recoil.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -44,8 +40,8 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
     return jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverBodyList, {
       children: [jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledPreferenceBodyItem, {
         children: [jsxRuntime.jsx(blocks.Text, {
-          role: "gray3",
           block: true,
+          role: "gray3",
           size: "small",
           children: intl$1.formatMessage({
             id: 'exerciseMenu.arduino.transferSpeed'
@@ -68,8 +64,8 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
         })]
       }), jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledPreferenceBodyItem, {
         children: [jsxRuntime.jsx(blocks.Text, {
-          role: "gray3",
           block: true,
+          role: "gray3",
           size: "small",
           children: intl$1.formatMessage({
             id: 'exerciseMenu.arduino.setting.device'
@@ -82,14 +78,14 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
             onSelectPort(value);
           },
           children: [ports.length === 0 ? jsxRuntime.jsx("option", {
-            value: "",
             disabled: true,
+            value: "",
             children: intl$1.formatMessage({
               id: 'exerciseMenu.arduino.setting.noDevice'
             })
           }) : jsxRuntime.jsx("option", {
-            value: "",
             disabled: true,
+            value: "",
             children: intl$1.formatMessage({
               id: 'exerciseMenu.arduino.setting.selectDevice'
             })
@@ -109,8 +105,8 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
   var renderStdioFilePopoverHeader = function renderStdioFilePopoverHeader() {
     return jsxRuntime.jsxs(ExerciseMenuStdioFileBrowser_styled.StyledFilePopoverHeader, {
       children: [jsxRuntime.jsx(blocks.Text, {
-        role: "white",
         bold: true,
+        role: "white",
         children: jsxRuntime.jsx(blocks.Flex, {
           align: "center",
           children: intl$1.formatMessage({
@@ -118,11 +114,11 @@ var ExerciseMenuArduinoSettings = function ExerciseMenuArduinoSettings() {
           })
         })
       }), jsxRuntime.jsx(blocks.IconButton, {
+        transparent: true,
         icon: icons.eilMathsignMultiplyBasic,
         role: "white",
         size: "micro",
         border: false,
-        transparent: true,
         onClick: function onClick() {
           return setOpen(false);
         }
@@ -163,12 +159,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/cjs/components/material-exercise/exercise-menu/ExerciseMenuDropdown.js

@@ -10,15 +10,13 @@ var icons = require('@elice/icons');
 var intl = require('@elice/intl');
 var types = require('@elice/types');
 var recoil = require('recoil');
-var ExerciseMenuButton = require('../../shared/exercise-menu-button/ExerciseMenuButton.js');
 var recoil$1 = require('../context/recoil.js');
-var context = require('../context/context.js');
-require('../context/recoilTypes.js');
 var subjects = require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
+var ExerciseMenuButton = require('../../shared/exercise-menu-button/ExerciseMenuButton.js');
+var ExerciseSubmitHistory = require('../exercise-submit-history/ExerciseSubmitHistory.js');
 var ExerciseCodeHistory = require('../exercise-code-history/ExerciseCodeHistory.js');
 var ExerciseRoom = require('../exercise-room/ExerciseRoom.js');
-var ExerciseSubmitHistory = require('../exercise-submit-history/ExerciseSubmitHistory.js');
+var context = require('../context/context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -105,6 +103,8 @@ var ExerciseMenuDropdown = function ExerciseMenuDropdown() {
   //
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(blocks.ButtonMenu, {
+      dark: true,
+      shadow: true,
       menuItemProps: [{
         label: intl$1.formatMessage({
           id: 'exerciseMenu.dropdown.item.environment'
@@ -146,8 +146,6 @@ var ExerciseMenuDropdown = function ExerciseMenuDropdown() {
       }],
       size: "xsmall",
       placement: "bottom-end",
-      dark: true,
-      shadow: true,
       children: jsxRuntime.jsx(ExerciseMenuButton.default, {
         icon: icons.eilMoreVertical,
         title: intl$1.formatMessage({

package/cjs/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/cjs/components/material-exercise/exercise-menu/ExerciseMenuReset.js

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