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

package/cjs/components/material-exercise/exercise-room/ExerciseRoomList.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');
@@ -12,23 +13,19 @@ var icons = require('@elice/icons');
 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 exerciseRoomPermissionStringConvertor = require('./helpers/exerciseRoomPermissionStringConvertor.js');
 var ExerciseRoom_styled = require('./ExerciseRoom.styled.js');
+var exerciseRoomPermissionStringConvertor = require('./helpers/exerciseRoomPermissionStringConvertor.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 StyledModal = styled__default.default(blocks.Modal).withConfig({
-  componentId: "sc-1ydn3lf-0"
-})(["& > div:first-child{.eb-button{color:", ";&:hover{color:", ";}}}"], designTokens.base.color.navy0, designTokens.base.color.navy0);
+var StyledModal = /*#__PURE__*/_styled__default.default(blocks.Modal, {
+  target: "e13d1s2i0"
+})("&>div:first-child{.eb-button{color:", designTokens.base.color.navy0, ";&:hover{color:", designTokens.base.color.navy0, ";}}}");
 var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList(_ref) {
   var onExerciseRoomClick = _ref.onExerciseRoomClick,
     onHide = _ref.onHide;
@@ -54,7 +51,7 @@ var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList
       userId: userId
     }).then(function (res) {
       return setExerciseRooms(res.exerciseRooms);
-    }).catch(console.error);
+    })["catch"](console.error);
   }, []);
   React__default.default.useEffect(function () {
     if (materialExercise && user) {
@@ -65,16 +62,16 @@ var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList
       });
     }
   }, [doGetOrgMaterialExerciseExerciseRoomList, materialExercise, user]);
-  var doPostOrgMaterialExerciseExerciseRoomEdit = React__default.default.useCallback( /*#__PURE__*/function () {
-    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(_ref3) {
-      var materialExerciseId, userId;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+  var doPostOrgMaterialExerciseExerciseRoomEdit = React__default.default.useCallback(/*#__PURE__*/function () {
+    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee(_ref3) {
+      var materialExerciseId, userId, _t;
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             materialExerciseId = _ref3.materialExerciseId, userId = _ref3.userId;
-            _context.prev = 1;
+            _context.p = 1;
             setCreateStatus('pending');
-            _context.next = 5;
+            _context.n = 2;
             return apiClient.postOrgMaterialExerciseExerciseRoomEdit({
               title: intl$1.formatMessage({
                 id: 'materialExerciseExerciseRoom.exerciseRoom.defaultName'
@@ -84,7 +81,7 @@ var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList
               materialExerciseId: materialExerciseId,
               publicPermission: types.enums.ExerciseRoomPermission.Nothing
             });
-          case 5:
+          case 2:
             doGetOrgMaterialExerciseExerciseRoomList({
               materialExerciseId: materialExerciseId,
               userId: userId
@@ -93,29 +90,27 @@ var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList
             blocks.Notification.success(intl$1.formatMessage({
               id: 'materialExerciseExerciseRoom.create.success'
             }));
-            _context.next = 15;
+            _context.n = 4;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](1);
-            console.error(_context.t0);
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.error(_t);
             blocks.Notification.error(intl$1.formatMessage({
               id: 'materialExerciseExerciseRoom.create.failure'
             }));
             setCreateStatus('rejected');
-          case 15:
-          case "end":
-            return _context.stop();
+          case 4:
+            return _context.a(2);
         }
-      }, _callee, null, [[1, 10]]);
+      }, _callee, null, [[1, 3]]);
     }));
     return function (_x) {
       return _ref4.apply(this, arguments);
     };
   }(), [doGetOrgMaterialExerciseExerciseRoomList, intl$1]);
   return jsxRuntime.jsx(StyledModal, {
-    theme: "dark",
-    onHide: onHide,
+    theme: 'dark',
     title: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.title'
     }),
@@ -154,6 +149,7 @@ var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList
       role: 'gray6',
       onClick: onHide
     }],
+    onHide: onHide,
     children: jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTableWrapper, {
       children: jsxRuntime.jsxs(ExerciseRoom_styled.StyledExerciseRoomTable, {
         children: [jsxRuntime.jsxs("colgroup", {
@@ -202,10 +198,10 @@ var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList
                     }
                   }) : null, jsxRuntime.jsx(blocks.Text, {
                     bold: true,
-                    size: "small",
-                    role: exerciseRoom.isDefaultRoom ? 'lightpurple' : 'gray0',
                     preWrap: true,
                     ellipsis: true,
+                    size: "small",
+                    role: exerciseRoom.isDefaultRoom ? 'lightpurple' : 'gray0',
                     customStyles: {
                       maxWidth: '300px'
                     },
@@ -224,10 +220,10 @@ var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList
               }), jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTd, {
                 children: jsxRuntime.jsx(blocks.Text, {
                   bold: true,
-                  role: "gray0",
-                  size: "tiny",
                   preWrap: true,
                   ellipsis: true,
+                  role: "gray0",
+                  size: "tiny",
                   customStyles: {
                     maxWidth: '100px'
                   },

package/cjs/components/material-exercise/exercise-runner/ExerciseRunner.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 reactUse = require('react-use');
@@ -12,45 +13,34 @@ 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 XtermLazy = require('../../shared/xterm/XtermLazy.js');
 var stylesheets = require('../../../constants/stylesheets.js');
+var useStdioTextConcator = require('../../../hooks/useStdioTextConcator.js');
+var ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
+var ExerciseRunnerController = require('./ExerciseRunnerController.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var recoil$1 = require('../context/recoil.js');
 var useArduino = require('../../../hooks/useArduino.js');
-var useExerciseFile = require('../../../hooks/useExerciseFile.js');
 var useRunnerRoomWebSocket = require('../../../hooks/useRunnerRoomWebSocket.js');
 var useStdioWebSocket = require('../../../hooks/useStdioWebSocket.js');
-require('ot-text-unicode');
-require('@elice/material-shared-utils');
-require('@elice/websocket');
-require('humps');
-require('lodash/debounce');
-require('random-words');
-require('unicount');
-var useStdioTextConcator = require('../../../hooks/useStdioTextConcator.js');
+var subjects = require('../context/subjects.js');
+var XtermLazy = require('../../shared/xterm/XtermLazy.js');
 var async = require('../../../utils/async.js');
 var runner = require('../../../utils/runner.js');
-var recoil$1 = require('../context/recoil.js');
 var context = require('../context/context.js');
+var useExerciseFile = require('../../../hooks/useExerciseFile.js');
 var recoilTypes = require('../context/recoilTypes.js');
-var subjects = require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
-var ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
-var ExerciseRunnerController = require('./ExerciseRunnerController.js');
-var en = require('./locales/en.json.js');
-var ko = require('./locales/ko.json.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 EXERCISE_RUNNER_HORIZONTAL_RATIO = {
-  PREVIEW: 0.3,
-  XTERM: 0.7
-};
-var StyledExerciseRunner = styled__default.default.div.withConfig({
-  componentId: "sc-mp78g-0"
-})(["display:flex;flex-direction:column;width:100%;height:100%;background-color:", ";min-height:0;"], designTokens.base.color.navy8);
+  PREVIEW: 0.3};
+var StyledExerciseRunner = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1qffvif0"
+})("display:flex;flex-direction:column;width:100%;height:100%;background-color:", designTokens.base.color.navy8, ";min-height:0;");
 /**
  *
  */
@@ -302,25 +292,22 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
     }
   };
   var requestUsercodeSync = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             if (isFileEditable) {
-              _context.next = 2;
+              _context.n = 1;
               break;
             }
-            return _context.abrupt("return");
-          case 2:
-            return _context.abrupt("return", new Promise(function (resolve, reject) {
+            return _context.a(2);
+          case 1:
+            return _context.a(2, new Promise(function (resolve, reject) {
               subjects.exerciseFileEditorSyncRequestAction$.next({
                 onSucceed: resolve,
                 onFailed: reject
               });
             }));
-          case 3:
-          case "end":
-            return _context.stop();
         }
       }, _callee);
     }));
@@ -332,20 +319,20 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
    * Handle submit code to runner and run / grade.
    */
   var handleRunnerSubmit = /*#__PURE__*/function () {
-    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(runType) {
+    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2(runType) {
       var _a, _b, _c, readyExerciseImage, roomToken;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
           case 0:
-            _context2.prev = 0;
-            _context2.next = 3;
+            _context2.p = 0;
+            _context2.n = 1;
             return async.withTimeout(requestUsercodeSync(), 2000);
-          case 3:
-            _context2.next = 9;
+          case 1:
+            _context2.n = 3;
             break;
-          case 5:
-            _context2.prev = 5;
-            _context2.t0 = _context2["catch"](0);
+          case 2:
+            _context2.p = 2;
+            _context2.v;
             setRunnerSubmitErrorDialog({
               code: 'try_again',
               message: __intl.formatMessage({
@@ -358,20 +345,20 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
                 return window.location.reload();
               }
             });
-            return _context2.abrupt("return");
-          case 9:
+            return _context2.a(2);
+          case 3:
             readyExerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
             roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
             if (!(!readyExerciseImage || !roomToken)) {
-              _context2.next = 13;
+              _context2.n = 4;
               break;
             }
-            return _context2.abrupt("return");
-          case 13:
+            return _context2.a(2);
+          case 4:
             setRunnerStdioFilesState([]);
             setRunnerRunTypeState(runType);
             setRunnerSubmitting(true);
-            return _context2.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRunningSubmit({
+            return _context2.a(2, apiClient.postOrgMaterialExerciseExerciseRunningSubmit({
               roomToken: roomToken,
               runType: runType,
               exerciseImageId: readyExerciseImage.id,
@@ -381,18 +368,15 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
               if (typeof onSubmit === 'function') {
                 onSubmit(res);
               }
-            }).catch(function (err) {
+            })["catch"](function (err) {
               setRunnerSubmitting(false);
               handleRunnerSubmitError(err);
               if (typeof onError === 'function') {
                 onError(err);
               }
             }));
-          case 17:
-          case "end":
-            return _context2.stop();
         }
-      }, _callee2, null, [[0, 5]]);
+      }, _callee2, null, [[0, 2]]);
     }));
     return function handleRunnerSubmit(_x) {
       return _ref3.apply(this, arguments);
@@ -402,10 +386,10 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
    * Handle runner to cancel running.
    */
   var handleRunnerCancel = /*#__PURE__*/function () {
-    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3() {
+    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3() {
       var _a, roomToken;
-      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:
             roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
             if (roomToken) {
@@ -413,9 +397,8 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
                 roomToken: roomToken
               });
             }
-          case 2:
-          case "end":
-            return _context3.stop();
+          case 1:
+            return _context3.a(2);
         }
       }, _callee3);
     }));
@@ -432,9 +415,9 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   /**
    * Handle input requests for arduino.
    */
-  var handleXtermArduinoInputRequest = function handleXtermArduinoInputRequest(char) {
+  var handleXtermArduinoInputRequest = function handleXtermArduinoInputRequest(_char) {
     var _a, _b, _c;
-    switch (char) {
+    switch (_char) {
       // backspace
       case "\x7F":
         (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.write(' ');
@@ -450,8 +433,8 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
         break;
       // any char
       default:
-        (_c = xterm.current) === null || _c === void 0 ? void 0 : _c.write(char);
-        arduinoTextBuffer.current = "".concat(arduinoTextBuffer.current).concat(char);
+        (_c = xterm.current) === null || _c === void 0 ? void 0 : _c.write(_char);
+        arduinoTextBuffer.current = "".concat(arduinoTextBuffer.current).concat(_char);
         break;
     }
   };
@@ -519,9 +502,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
         return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.focus();
       }, 100);
     }
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [wsRunnerRoom.isRunning]);
+  }, [wsRunnerRoom.isRunning]);
   //
   // Bind runner run type to ref.
   //
@@ -586,10 +567,10 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
       isRunning: wsRunnerRoom.isRunning,
       fontSize: editorPreferenceFontSize,
       suppressSystemMessage: !showSystemMessage,
-      onInputRequest: handleXtermInputRequest,
-      onTtyResizeRequest: wsStdio.sendTtyResize,
       locale: locale,
-      ref: xterm
+      ref: xterm,
+      onInputRequest: handleXtermInputRequest,
+      onTtyResizeRequest: wsStdio.sendTtyResize
     });
   };
   /**

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerController.js

@@ -2,46 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var types = require('@elice/types');
 var recoil = require('recoil');
-var styled = require('styled-components');
 var stylesheets = require('../../../constants/stylesheets.js');
-require('react-use');
-require('socket.io-client');
-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');
-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 ExerciseRunnerControllerArduinoAgentModal = require('./ExerciseRunnerControllerArduinoAgentModal.js');
 var ExerciseRunnerControllerArduinoStatusMessage = require('./ExerciseRunnerControllerArduinoStatusMessage.js');
 var ExerciseRunnerControllerButtonGroup = require('./ExerciseRunnerControllerButtonGroup.js');
 var ExerciseRunnerControllerRunningInfo = require('./ExerciseRunnerControllerRunningInfo.js');
 var ExerciseRunnerControllerStatusMessage = require('./ExerciseRunnerControllerStatusMessage.js');
 var ExerciseRunnerControllerTimer = require('./ExerciseRunnerControllerTimer.js');
+var context = require('../context/context.js');
+var recoil$1 = require('../context/recoil.js');
+var useExerciseFile = require('../../../hooks/useExerciseFile.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 RUNNER_CONTROLLER_HEIGHT = 50;
-var StyledController = styled__default.default.div.withConfig({
-  componentId: "sc-1fvokag-0"
-})(["display:flex;justify-content:space-between;align-items:center;padding:0.5rem 1rem;height:", "px;border-bottom:", ";"], RUNNER_CONTROLLER_HEIGHT, stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
+var StyledController = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1v7lwgl0"
+})("display:flex;justify-content:space-between;align-items:center;padding:0.5rem 1rem;height:", RUNNER_CONTROLLER_HEIGHT, "px;border-bottom:", stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, ";");
 var ExerciseRunnerController = function ExerciseRunnerController() {
   var _React$useContext = React__default.default.useContext(context.ExerciseContext),
     materialExerciseId = _React$useContext.materialExerciseId;

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoAgentModal.js

@@ -10,10 +10,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');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -115,8 +111,8 @@ var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControlle
   var renderAgentConnectionInstruction = function renderAgentConnectionInstruction() {
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(blocks.Text, {
-        role: "gray0",
         bold: true,
+        role: "gray0",
         children: intl$1.formatMessage({
           id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
         })
@@ -151,7 +147,7 @@ var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControlle
     return null;
   }
   return jsxRuntime.jsx(blocks.Modal, {
-    theme: "dark",
+    theme: 'dark',
     title: intl$1.formatMessage({
       id: 'exerciseRunner.controller.arduino.agent.title'
     }),

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoStatusMessage.d.ts

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

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoStatusMessage.js

@@ -3,27 +3,31 @@
 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 blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
 var recoil = require('recoil');
-var styled = require('styled-components');
 var arduino = 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 ExerciseRunnerControllerStatusIndicator = require('./ExerciseRunnerControllerStatusIndicator.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 _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 
-var StyledMessageWrapper = styled__default.default(blocks.Flex).withConfig({
-  componentId: "sc-19z7lun-0"
-})(["height:1rem;"]);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledMessageWrapper = /*#__PURE__*/_styled__default.default(blocks.Flex, {
+  target: "e1o0k0400"
+})("production" === "production" ? {
+  name: "1f87p0t",
+  styles: "height:1rem"
+} : {
+  name: "1f87p0t",
+  styles: "height:1rem",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerControllerArduinoStatusMessage() {
   var intl$1 = intl.useRawEliceIntl();
   var ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);
@@ -81,19 +85,21 @@ var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerContro
       case 'error':
       case 'done':
       default:
-        var device = arduino.getPortFromName(ports, arduinoOpenedPort);
-        if (device) {
-          setMessage(intl$1.formatMessage({
-            id: 'exerciseRunner.controller.arduino.connectionStatus.connectedDevice'
-          }, {
-            device: arduino.getDisplayName(device)
-          }));
-        } else {
-          setMessage(intl$1.formatMessage({
-            id: 'exerciseRunner.controller.arduino.connectionStatus.connected'
-          }));
+        {
+          var device = arduino.getPortFromName(ports, arduinoOpenedPort);
+          if (device) {
+            setMessage(intl$1.formatMessage({
+              id: 'exerciseRunner.controller.arduino.connectionStatus.connectedDevice'
+            }, {
+              device: arduino.getDisplayName(device)
+            }));
+          } else {
+            setMessage(intl$1.formatMessage({
+              id: 'exerciseRunner.controller.arduino.connectionStatus.connected'
+            }));
+          }
+          return;
         }
-        return;
     }
   }, [intl$1, arduinoOpenedPort, arduinoUploadProgress, arduinoAgentConnectionStatus, ports]);
   //

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerControllerButtonGroup.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 blocks = require('@elice/blocks');
@@ -11,40 +12,35 @@ var muiSystem = require('@elice/mui-system');
 var types = require('@elice/types');
 var websocket = require('@elice/websocket');
 var recoil = require('recoil');
-var styled = require('styled-components');
-require('react-use');
-require('socket.io-client');
+var ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
 var recoil$1 = require('../context/recoil.js');
+var useExericseShortcut = require('../../../hooks/useExericseShortcut.js');
 var context = 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');
-var useExericseShortcut = require('../../../hooks/useExericseShortcut.js');
-require('@elice/api-client');
-require('@elice/material-shared-utils');
-require('humps');
-require('ot-text-unicode');
-require('lodash/debounce');
-require('random-words');
-require('unicount');
-var ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
+var subjects = require('../context/subjects.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 StyledControllerButton = styled__default.default(blocks.Button).withConfig({
-  componentId: "sc-d9xhed-0"
-})(["position:relative;transition:none;&.eb-button--role-danger{border-color:", ";background-color:", ";}"], muiSystem.colors.red[700], muiSystem.colors.red[700]);
-var StyledControllerButtonWrap = styled__default.default.div.withConfig({
-  componentId: "sc-d9xhed-1"
-})(["display:flex;"]);
-var StyledControllerButtonGroup = styled__default.default.div.withConfig({
-  componentId: "sc-d9xhed-2"
-})(["display:flex;flex-direction:row;align-items:center;> ", ",> ", "{margin-right:0.5rem;&:last-child{margin-right:0;}}"], StyledControllerButtonWrap, StyledControllerButton);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledControllerButton = /*#__PURE__*/_styled__default.default(blocks.Button, {
+  target: "e45p2z2"
+})("position:relative;transition:none;&.eb-button--role-danger{border-color:", muiSystem.colors.red[700], ";background-color:", muiSystem.colors.red[700], ";}");
+var StyledControllerButtonWrap = /*#__PURE__*/_styled__default.default("div", {
+  target: "e45p2z1"
+})("production" === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledControllerButtonGroup = /*#__PURE__*/_styled__default.default("div", {
+  target: "e45p2z0"
+})("display:flex;flex-direction:row;align-items:center;>", StyledControllerButtonWrap, ",>", StyledControllerButton, "{margin-right:0.5rem;&:last-child{margin-right:0;}}");
 var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButtonGroup() {
   var _a;
   var intl$1 = intl.useRawEliceIntl();
@@ -168,11 +164,11 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
       return null;
     }
     return jsxRuntime.jsx(blocks.Tooltip, {
+      dark: true,
       title: exerciseWithNoGrade ? intl$1.formatMessage({
         id: 'exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit'
       }) : undefined,
       placement: "top",
-      dark: true,
       children: jsxRuntime.jsx(StyledControllerButtonWrap, {
         children: jsxRuntime.jsx(StyledControllerButton, {
           size: "tiny",