@elice/material-exercise 1.230325.0 → 1.230418.0

package/cjs/components/material-exercise/exercise-rightpane/ExerciseRightpane.js

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -24,49 +27,46 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const HEADER_CLOSE_BUTTON_SIZE = '1.75rem';
-const StyledRightpaneWrap = styled__default["default"].div.withConfig({
+var HEADER_CLOSE_BUTTON_SIZE = '1.75rem';
+var StyledRightpaneWrap = styled__default["default"].div.withConfig({
   componentId: "sc-1tj3x49-0"
 })(["position:relative;display:flex;flex-direction:column;width:20rem;border-left:", ";color:white;background-color:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, designTokens.base.color.navy9);
-const StyledPreferenceHeader = styled__default["default"].div.withConfig({
+var StyledPreferenceHeader = styled__default["default"].div.withConfig({
   componentId: "sc-1tj3x49-1"
 })(["display:flex;flex-direction:column;padding:0.25rem 1rem;"]);
-const StyledPreferenceHeaderCloseButton = styled__default["default"](blocks.IconButton).withConfig({
+var StyledPreferenceHeaderCloseButton = styled__default["default"](blocks.IconButton).withConfig({
   componentId: "sc-1tj3x49-2"
 })(["flex:0 0 ", ";height:", " !important;"], HEADER_CLOSE_BUTTON_SIZE, HEADER_CLOSE_BUTTON_SIZE);
-const StyledRightpaneBodyWrap = styled__default["default"].div.withConfig({
+var StyledRightpaneBodyWrap = styled__default["default"].div.withConfig({
   componentId: "sc-1tj3x49-3"
 })(["flex:1;padding:1rem;overflow-x:hidden;overflow-y:auto;", ""], stylesheets.getMaterialScrollBarCss({
   width: '0.375rem',
   borderRadius: '2px'
 }));
-
-const ExerciseRightpane = () => {
-  const [activeState, setActiveState] = recoil.useRecoilState(recoil$1.exerciseRightpaneActiveState);
+var ExerciseRightpane = function ExerciseRightpane() {
+  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseRightpaneActiveState),
+    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
+    activeState = _useRecoilState2[0],
+    setActiveState = _useRecoilState2[1];
   /**
    *
    */
-
-  const handleClose = () => {
+  var handleClose = function handleClose() {
     setActiveState(null);
   };
   /**
    * Title of pane header.
    */
-
-
-  const renderRightpaneHeaderTitle = () => {
+  var renderRightpaneHeaderTitle = function renderRightpaneHeaderTitle() {
     switch (activeState) {
       case 'environment':
         return React__default["default"].createElement(reactIntl.FormattedMessage, {
           id: "exerciseRightpane.environment.title"
         });
-
       case 'preference':
         return React__default["default"].createElement(reactIntl.FormattedMessage, {
           id: "exerciseRightpane.preference.title"
         });
-
       default:
         return '';
     }
@@ -74,9 +74,7 @@ const ExerciseRightpane = () => {
   /**
    * Pane header.
    */
-
-
-  const renderRightpaneHeader = () => {
+  var renderRightpaneHeader = function renderRightpaneHeader() {
     return React__default["default"].createElement(StyledPreferenceHeader, null, React__default["default"].createElement(blocks.Flex, {
       align: "center"
     }, React__default["default"].createElement(blocks.Text, {
@@ -93,38 +91,31 @@ const ExerciseRightpane = () => {
   /**
    * Pane content.
    */
-
-
-  const renderRightpaneBodyContent = () => {
+  var renderRightpaneBodyContent = function renderRightpaneBodyContent() {
     switch (activeState) {
       case 'environment':
-        return React__default["default"].createElement(ExerciseRightpaneEnvironment, null);
-
+        return React__default["default"].createElement(ExerciseRightpaneEnvironment["default"], null);
       case 'preference':
-        return React__default["default"].createElement(ExerciseRightpaneEditorPerference, null);
-
+        return React__default["default"].createElement(ExerciseRightpaneEditorPerference["default"], null);
       default:
         return null;
     }
-  }; //
+  };
+  //
   //
   //
-
-
   if (!activeState) {
     return null;
   }
-
   return React__default["default"].createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React__default["default"].createElement(blocks.Hr, {
     marginStart: 0,
     marginEnd: 0,
     color: designTokens.base.color.navy6
   }), React__default["default"].createElement(StyledRightpaneBodyWrap, null, renderRightpaneBodyContent()));
 };
-
 var ExerciseRightpane$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseRightpane, {
-  en: en,
-  ko: ko
+  en: en["default"],
+  ko: ko["default"]
 });
 
-module.exports = ExerciseRightpane$1;
+exports["default"] = ExerciseRightpane$1;

package/cjs/components/material-exercise/exercise-rightpane/ExerciseRightpaneEditorPerference.js

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var recoil = require('recoil');
 require('../../shared/monaco-editor/MonacoEditorLazy.js');
@@ -16,16 +19,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ExerciseRightpaneEditorPerference = () => {
-  const {
-    locale
-  } = React__default["default"].useContext(context.ExerciseContext);
-  const [preference, setPreference] = recoil.useRecoilState(recoil$1.exerciseEditorPreferenceState);
-  return React__default["default"].createElement(MonacoEditorPerferenceForm, {
+var ExerciseRightpaneEditorPerference = function ExerciseRightpaneEditorPerference() {
+  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
+    locale = _React$useContext.locale;
+  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseEditorPreferenceState),
+    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
+    preference = _useRecoilState2[0],
+    setPreference = _useRecoilState2[1];
+  return React__default["default"].createElement(MonacoEditorPerferenceForm["default"], {
     value: preference,
     locale: locale,
     onChange: setPreference
   });
-}; //
+};
 
-module.exports = ExerciseRightpaneEditorPerference;
+exports["default"] = ExerciseRightpaneEditorPerference;

package/cjs/components/material-exercise/exercise-rightpane/ExerciseRightpaneEnvironment.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -16,98 +18,97 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledEnvironmentList = styled__default["default"].ul.withConfig({
+var StyledEnvironmentList = styled__default["default"].ul.withConfig({
   componentId: "sc-208wkr-0"
 })(["margin:0;padding:0;list-style:none;> li{margin-bottom:2rem;&:last-of-type{margin-bottom:0;}}"]);
-
-const ExerciseRightpaneEnvironment = () => {
-  const intl = reactIntl.useIntl();
-  const {
-    materialExerciseId
-  } = React__default["default"].useContext(context.ExerciseContext);
-  const materialExercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const readyExerciseImage = materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise.readyExerciseImage;
+var ExerciseRightpaneEnvironment = function ExerciseRightpaneEnvironment() {
+  var intl = reactIntl.useIntl();
+  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId;
+  var materialExercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  var readyExerciseImage = materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise.readyExerciseImage;
   /**
    *
    */
-
-  const exerciseEnvironment = React__default["default"].useMemo(() => readyExerciseImage ? [{
-    name: intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.cpuLimit.name'
-    }),
-    value: intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.cpuLimit.value'
-    })
-  }, {
-    name: intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.timeLimit.name'
-    }),
-    value: intl.formatNumber(readyExerciseImage.timeLimit / 1000, {
-      style: 'unit',
-      unit: 'second',
-      unitDisplay: 'short'
-    })
-  }, {
-    name: intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.memoryLimit.name'
-    }),
-    value: intl.formatNumber(readyExerciseImage.memoryLimit / 1024 / 1024, {
-      style: 'unit',
-      unit: 'megabyte',
-      unitDisplay: 'short'
-    })
-  }, {
-    name: intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.isVnc.name'
-    }),
-    value: readyExerciseImage.isVnc ? intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.common.value.true'
-    }) : intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.common.value.false'
-    })
-  }, {
-    name: intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.httpPort.name'
-    }),
-    value: readyExerciseImage.httpPort ? intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.httpPort.value.true'
-    }) : intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.httpPort.value.false'
-    })
-  }, {
-    name: intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.isGpu.name'
-    }),
-    value: readyExerciseImage.isGpu ? intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.common.value.true'
-    }) : intl.formatMessage({
-      id: 'exerciseRightpane.environment.item.common.value.false'
-    })
-  }] : null, [readyExerciseImage, intl]); //
+  var exerciseEnvironment = React__default["default"].useMemo(function () {
+    return readyExerciseImage ? [{
+      name: intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.cpuLimit.name'
+      }),
+      value: intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.cpuLimit.value'
+      })
+    }, {
+      name: intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.timeLimit.name'
+      }),
+      value: intl.formatNumber(readyExerciseImage.timeLimit / 1000, {
+        style: 'unit',
+        unit: 'second',
+        unitDisplay: 'short'
+      })
+    }, {
+      name: intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.memoryLimit.name'
+      }),
+      value: intl.formatNumber(readyExerciseImage.memoryLimit / 1024 / 1024, {
+        style: 'unit',
+        unit: 'megabyte',
+        unitDisplay: 'short'
+      })
+    }, {
+      name: intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.isVnc.name'
+      }),
+      value: readyExerciseImage.isVnc ? intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.common.value.true'
+      }) : intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.common.value.false'
+      })
+    }, {
+      name: intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.httpPort.name'
+      }),
+      value: readyExerciseImage.httpPort ? intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.httpPort.value.true'
+      }) : intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.httpPort.value.false'
+      })
+    }, {
+      name: intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.isGpu.name'
+      }),
+      value: readyExerciseImage.isGpu ? intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.common.value.true'
+      }) : intl.formatMessage({
+        id: 'exerciseRightpane.environment.item.common.value.false'
+      })
+    }] : null;
+  }, [readyExerciseImage, intl]);
+  //
   //
   //
-
   if (!exerciseEnvironment) {
     return null;
   }
-
-  return React__default["default"].createElement(StyledEnvironmentList, null, exerciseEnvironment.map(({
-    name,
-    value
-  }) => React__default["default"].createElement("li", {
-    key: name
-  }, React__default["default"].createElement(blocks.Text, {
-    role: "navy",
-    block: true,
-    size: "small"
-  }, name), React__default["default"].createElement(blocks.Vspace, {
-    height: 0.5
-  }), React__default["default"].createElement(blocks.Text, {
-    role: "white",
-    bold: true,
-    block: true,
-    size: "small"
-  }, value))));
+  return React__default["default"].createElement(StyledEnvironmentList, null, exerciseEnvironment.map(function (_ref) {
+    var name = _ref.name,
+      value = _ref.value;
+    return React__default["default"].createElement("li", {
+      key: name
+    }, React__default["default"].createElement(blocks.Text, {
+      role: "navy",
+      block: true,
+      size: "small"
+    }, name), React__default["default"].createElement(blocks.Vspace, {
+      height: 0.5
+    }), React__default["default"].createElement(blocks.Text, {
+      role: "white",
+      bold: true,
+      block: true,
+      size: "small"
+    }, value));
+  }));
 };
 
-module.exports = ExerciseRightpaneEnvironment;
+exports["default"] = ExerciseRightpaneEnvironment;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var phrasesEn = {"exerciseRightpane.environment.item.common.value.false":"No","exerciseRightpane.environment.item.common.value.true":"Yes","exerciseRightpane.environment.item.cpuLimit.name":"CPU Limit","exerciseRightpane.environment.item.cpuLimit.value":"3 cores","exerciseRightpane.environment.item.httpPort.name":"HTTP Port","exerciseRightpane.environment.item.httpPort.value.false":"Not enabled","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"GPU Enabled","exerciseRightpane.environment.item.isVnc.name":"VNC Enabled","exerciseRightpane.environment.item.memoryLimit.name":"Memory Limit","exerciseRightpane.environment.item.timeLimit.name":"Time Limit","exerciseRightpane.environment.title":"Environment","exerciseRightpane.preference.title":"Editor Preferences"};
 
-module.exports = phrasesEn;
+exports["default"] = phrasesEn;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var phrasesKo = {"exerciseRightpane.environment.item.common.value.false":"아니오","exerciseRightpane.environment.item.common.value.true":"예","exerciseRightpane.environment.item.cpuLimit.name":"CPU 제한","exerciseRightpane.environment.item.cpuLimit.value":"3 코어","exerciseRightpane.environment.item.httpPort.name":"HTTP 포트","exerciseRightpane.environment.item.httpPort.value.false":"연결 안 함","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"GPU 사용","exerciseRightpane.environment.item.isVnc.name":"VNC 사용","exerciseRightpane.environment.item.memoryLimit.name":"메모리 제한","exerciseRightpane.environment.item.timeLimit.name":"시간 제한","exerciseRightpane.environment.title":"실습 환경","exerciseRightpane.preference.title":"에디터 설정"};
 
-module.exports = phrasesKo;
+exports["default"] = phrasesKo;

package/cjs/components/material-exercise/exercise-room/ExerciseRoom.js

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
 var en = require('./locales/en.json.js');
@@ -11,23 +14,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ExerciseRoom = ({
-  onHide
-}) => {
-  const [selectedExerciseRoomId, setSelectedExerciseRoomId] = React__default["default"].useState();
-  return selectedExerciseRoomId ? React__default["default"].createElement(ExerciseRoomDetail, {
+var ExerciseRoom = function ExerciseRoom(_ref) {
+  var onHide = _ref.onHide;
+  var _React$useState = React__default["default"].useState(),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    selectedExerciseRoomId = _React$useState2[0],
+    setSelectedExerciseRoomId = _React$useState2[1];
+  return selectedExerciseRoomId ? React__default["default"].createElement(ExerciseRoomDetail["default"], {
     selectedExerciseRoomId: selectedExerciseRoomId,
-    goToList: () => setSelectedExerciseRoomId(undefined),
+    goToList: function goToList() {
+      return setSelectedExerciseRoomId(undefined);
+    },
     onHide: onHide
-  }) : React__default["default"].createElement(ExerciseRoomList, {
-    onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
+  }) : React__default["default"].createElement(ExerciseRoomList["default"], {
+    onExerciseRoomClick: function onExerciseRoomClick(id) {
+      return setSelectedExerciseRoomId(id);
+    },
     onHide: onHide
   });
 };
-
 var ExerciseRoom$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseRoom, {
-  en: en,
-  ko: ko
+  en: en["default"],
+  ko: ko["default"]
 });
 
-module.exports = ExerciseRoom$1;
+exports["default"] = ExerciseRoom$1;

package/cjs/components/material-exercise/exercise-room/ExerciseRoom.styled.js

@@ -9,29 +9,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledExerciseRoomTableWrapper = styled__default["default"].div.withConfig({
+var StyledExerciseRoomTableWrapper = styled__default["default"].div.withConfig({
   componentId: "sc-r4oydl-0"
 })(["overflow-y:auto;max-height:25rem;border-radius:4px;background-color:", ";height:18.75rem;"], designTokens.base.color.navy7);
-const StyledExerciseRoomTable = styled__default["default"].table.withConfig({
+var StyledExerciseRoomTable = styled__default["default"].table.withConfig({
   componentId: "sc-r4oydl-1"
 })(["width:100%;color:", ";border-collapse:collapse;"], designTokens.base.color.navy2);
-const StyledExerciseRoomThead = styled__default["default"].thead.withConfig({
+var StyledExerciseRoomThead = styled__default["default"].thead.withConfig({
   componentId: "sc-r4oydl-2"
 })(["& th{position:sticky;top:0;background-color:", ";z-index:100;border-bottom:1px solid ", ";}"], designTokens.base.color.navy7, designTokens.base.color.navy6);
-const StyledExerciseRoomTd = styled__default["default"].td.withConfig({
+var StyledExerciseRoomTd = styled__default["default"].td.withConfig({
   componentId: "sc-r4oydl-3"
 })(["padding:0.875rem 1rem;"]);
-const StyledExerciseRoomTr = styled__default["default"].tr.withConfig({
+var StyledExerciseRoomTr = styled__default["default"].tr.withConfig({
   componentId: "sc-r4oydl-4"
 })([""]);
-const StyledExerciseRoomTbody = styled__default["default"].tbody.withConfig({
+var StyledExerciseRoomTbody = styled__default["default"].tbody.withConfig({
   componentId: "sc-r4oydl-5"
-})(["", "{border-bottom:1px solid ", ";}", ":hover{background-color:", ";cursor:", ";}", "{height:3.25rem;}"], StyledExerciseRoomTr, designTokens.base.color.navy6, StyledExerciseRoomTr, ({
-  hoverable
-}) => hoverable ? designTokens.base.color.navy5 : '', ({
-  hoverable
-}) => hoverable ? 'pointer' : 'auto', StyledExerciseRoomTd);
-const StyledExerciseRoomTh = styled__default["default"].th.withConfig({
+})(["", "{border-bottom:1px solid ", ";}", ":hover{background-color:", ";cursor:", ";}", "{height:3.25rem;}"], StyledExerciseRoomTr, designTokens.base.color.navy6, StyledExerciseRoomTr, function (_ref) {
+  var hoverable = _ref.hoverable;
+  return hoverable ? designTokens.base.color.navy5 : '';
+}, function (_ref2) {
+  var hoverable = _ref2.hoverable;
+  return hoverable ? 'pointer' : 'auto';
+}, StyledExerciseRoomTd);
+var StyledExerciseRoomTh = styled__default["default"].th.withConfig({
   componentId: "sc-r4oydl-6"
 })(["font-weight:bold;font-size:", ";padding:0.875rem 1rem;text-align:left;"], designTokens.base.size.body1);