@elice/material-exercise 1.231227.0 → 1.240112.0-cloud.0

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -22,49 +21,41 @@ var ko = require('./locales/ko.json.js');
 var ExerciseRightpaneEditorPerference = require('./ExerciseRightpaneEditorPerference.js');
 var ExerciseRightpaneEnvironment = require('./ExerciseRightpaneEnvironment.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var HEADER_CLOSE_BUTTON_SIZE = '1.75rem';
-var StyledRightpaneWrap = styled__default["default"].div.withConfig({
+const HEADER_CLOSE_BUTTON_SIZE = '1.75rem';
+const StyledRightpaneWrap = styled.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);
-var StyledPreferenceHeader = styled__default["default"].div.withConfig({
+const StyledPreferenceHeader = styled.div.withConfig({
   componentId: "sc-1tj3x49-1"
 })(["display:flex;flex-direction:column;padding:0.25rem 1rem;"]);
-var StyledPreferenceHeaderCloseButton = styled__default["default"](blocks.IconButton).withConfig({
+const StyledPreferenceHeaderCloseButton = styled(blocks.IconButton).withConfig({
   componentId: "sc-1tj3x49-2"
 })(["flex:0 0 ", ";height:", " !important;"], HEADER_CLOSE_BUTTON_SIZE, HEADER_CLOSE_BUTTON_SIZE);
-var StyledRightpaneBodyWrap = styled__default["default"].div.withConfig({
+const StyledRightpaneBodyWrap = styled.div.withConfig({
   componentId: "sc-1tj3x49-3"
 })(["flex:1;padding:1rem;overflow-x:hidden;overflow-y:auto;", ""], stylesheets.getMaterialScrollBarCss({
   width: '0.375rem',
   borderRadius: '2px'
 }));
-var ExerciseRightpane = function ExerciseRightpane() {
-  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseRightpaneActiveState),
-    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
-    activeState = _useRecoilState2[0],
-    setActiveState = _useRecoilState2[1];
+const ExerciseRightpane = () => {
+  const [activeState, setActiveState] = recoil.useRecoilState(recoil$1.exerciseRightpaneActiveState);
   /**
    *
    */
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     setActiveState(null);
   };
   /**
    * Title of pane header.
    */
-  var renderRightpaneHeaderTitle = function renderRightpaneHeaderTitle() {
+  const renderRightpaneHeaderTitle = () => {
     switch (activeState) {
       case 'environment':
-        return React__default["default"].createElement(reactIntl.FormattedMessage, {
+        return React.createElement(reactIntl.FormattedMessage, {
           id: "exerciseRightpane.environment.title"
         });
       case 'preference':
-        return React__default["default"].createElement(reactIntl.FormattedMessage, {
+        return React.createElement(reactIntl.FormattedMessage, {
           id: "exerciseRightpane.preference.title"
         });
       default:
@@ -74,14 +65,14 @@ var ExerciseRightpane = function ExerciseRightpane() {
   /**
    * Pane header.
    */
-  var renderRightpaneHeader = function renderRightpaneHeader() {
-    return React__default["default"].createElement(StyledPreferenceHeader, null, React__default["default"].createElement(blocks.Flex, {
+  const renderRightpaneHeader = () => {
+    return React.createElement(StyledPreferenceHeader, null, React.createElement(blocks.Flex, {
       align: "center"
-    }, React__default["default"].createElement(blocks.Text, {
+    }, React.createElement(blocks.Text, {
       role: "white",
       bold: true,
       block: true
-    }, renderRightpaneHeaderTitle()), React__default["default"].createElement(StyledPreferenceHeaderCloseButton, {
+    }, renderRightpaneHeaderTitle()), React.createElement(StyledPreferenceHeaderCloseButton, {
       icon: icons.eilMathsignMultiplyBasic,
       size: "tight",
       role: "white",
@@ -91,12 +82,12 @@ var ExerciseRightpane = function ExerciseRightpane() {
   /**
    * Pane content.
    */
-  var renderRightpaneBodyContent = function renderRightpaneBodyContent() {
+  const renderRightpaneBodyContent = () => {
     switch (activeState) {
       case 'environment':
-        return React__default["default"].createElement(ExerciseRightpaneEnvironment["default"], null);
+        return React.createElement(ExerciseRightpaneEnvironment.default, null);
       case 'preference':
-        return React__default["default"].createElement(ExerciseRightpaneEditorPerference["default"], null);
+        return React.createElement(ExerciseRightpaneEditorPerference.default, null);
       default:
         return null;
     }
@@ -107,15 +98,15 @@ var ExerciseRightpane = function ExerciseRightpane() {
   if (!activeState) {
     return null;
   }
-  return React__default["default"].createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React__default["default"].createElement(blocks.Hr, {
+  return React.createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React.createElement(blocks.Hr, {
     marginStart: 0,
     marginEnd: 0,
     color: designTokens.base.color.navy6
-  }), React__default["default"].createElement(StyledRightpaneBodyWrap, null, renderRightpaneBodyContent()));
+  }), React.createElement(StyledRightpaneBodyWrap, null, renderRightpaneBodyContent()));
 };
 var ExerciseRightpane$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseRightpane, {
-  en: en["default"],
-  ko: ko["default"]
+  en: en.default,
+  ko: ko.default
 });
 
-exports["default"] = ExerciseRightpane$1;
+exports.default = ExerciseRightpane$1;

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

@@ -2,35 +2,27 @@
 
 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');
 var MonacoEditorPerferenceForm = require('../../shared/monaco-editor/MonacoEditorPerferenceForm.js');
 require('monaco-editor/esm/vs/editor/editor.api');
-require('../../shared/monaco-editor/constants/monaco/preferences.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');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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"], {
+const ExerciseRightpaneEditorPerference = () => {
+  const {
+    locale
+  } = React.useContext(context.ExerciseContext);
+  const [preference, setPreference] = recoil.useRecoilState(recoil$1.exerciseEditorPreferenceState);
+  return React.createElement(MonacoEditorPerferenceForm.default, {
     value: preference,
     locale: locale,
     onChange: setPreference
   });
 };
 
-exports["default"] = ExerciseRightpaneEditorPerference;
+exports.default = ExerciseRightpaneEditorPerference;

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

@@ -13,102 +13,95 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledEnvironmentList = styled__default["default"].ul.withConfig({
+const StyledEnvironmentList = styled.ul.withConfig({
   componentId: "sc-208wkr-0"
 })(["margin:0;padding:0;list-style:none;> li{margin-bottom:2rem;&:last-of-type{margin-bottom:0;}}"]);
-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 ExerciseRightpaneEnvironment = () => {
+  const intl = reactIntl.useIntl();
+  const {
+    materialExerciseId
+  } = React.useContext(context.ExerciseContext);
+  const materialExercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const readyExerciseImage = materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise.readyExerciseImage;
   /**
    *
    */
-  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]);
+  const exerciseEnvironment = React.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]);
   //
   //
   //
   if (!exerciseEnvironment) {
     return null;
   }
-  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));
-  }));
+  return React.createElement(StyledEnvironmentList, null, exerciseEnvironment.map(({
+    name,
+    value
+  }) => React.createElement("li", {
+    key: name
+  }, React.createElement(blocks.Text, {
+    role: "navy",
+    block: true,
+    size: "small"
+  }, name), React.createElement(blocks.Vspace, {
+    height: 0.5
+  }), React.createElement(blocks.Text, {
+    role: "white",
+    bold: true,
+    block: true,
+    size: "small"
+  }, value))));
 };
 
-exports["default"] = ExerciseRightpaneEnvironment;
+exports.default = ExerciseRightpaneEnvironment;

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

@@ -4,4 +4,4 @@ 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"};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

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

@@ -4,4 +4,4 @@ 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":"에디터 설정"};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;

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

@@ -2,7 +2,6 @@
 
 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');
@@ -10,32 +9,22 @@ var ko = require('./locales/ko.json.js');
 var ExerciseRoomDetail = require('./ExerciseRoomDetail.js');
 var ExerciseRoomList = require('./ExerciseRoomList.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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"], {
+const ExerciseRoom = ({
+  onHide
+}) => {
+  const [selectedExerciseRoomId, setSelectedExerciseRoomId] = React.useState();
+  return selectedExerciseRoomId ? React.createElement(ExerciseRoomDetail.default, {
     selectedExerciseRoomId: selectedExerciseRoomId,
-    goToList: function goToList() {
-      return setSelectedExerciseRoomId(undefined);
-    },
+    goToList: () => setSelectedExerciseRoomId(undefined),
     onHide: onHide
-  }) : React__default["default"].createElement(ExerciseRoomList["default"], {
-    onExerciseRoomClick: function onExerciseRoomClick(id) {
-      return setSelectedExerciseRoomId(id);
-    },
+  }) : React.createElement(ExerciseRoomList.default, {
+    onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
     onHide: onHide
   });
 };
 var ExerciseRoom$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseRoom, {
-  en: en["default"],
-  ko: ko["default"]
+  en: en.default,
+  ko: ko.default
 });
 
-exports["default"] = ExerciseRoom$1;
+exports.default = ExerciseRoom$1;

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

@@ -1,39 +1,31 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledExerciseRoomTableWrapper = styled__default["default"].div.withConfig({
+const StyledExerciseRoomTableWrapper = styled.div.withConfig({
   componentId: "sc-r4oydl-0"
 })(["overflow-y:auto;max-height:25rem;border-radius:4px;background-color:", ";height:18.75rem;"], designTokens.base.color.navy7);
-var StyledExerciseRoomTable = styled__default["default"].table.withConfig({
+const StyledExerciseRoomTable = styled.table.withConfig({
   componentId: "sc-r4oydl-1"
 })(["width:100%;color:", ";border-collapse:collapse;"], designTokens.base.color.navy2);
-var StyledExerciseRoomThead = styled__default["default"].thead.withConfig({
+const StyledExerciseRoomThead = styled.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);
-var StyledExerciseRoomTd = styled__default["default"].td.withConfig({
+const StyledExerciseRoomTd = styled.td.withConfig({
   componentId: "sc-r4oydl-3"
 })(["padding:0.875rem 1rem;"]);
-var StyledExerciseRoomTr = styled__default["default"].tr.withConfig({
+const StyledExerciseRoomTr = styled.tr.withConfig({
   componentId: "sc-r4oydl-4"
 })([""]);
-var StyledExerciseRoomTbody = styled__default["default"].tbody.withConfig({
+const StyledExerciseRoomTbody = styled.tbody.withConfig({
   componentId: "sc-r4oydl-5"
-})(["", "{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({
+})(["", "{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.th.withConfig({
   componentId: "sc-r4oydl-6"
 })(["font-weight:bold;font-size:", ";padding:0.875rem 1rem;text-align:left;"], designTokens.base.size.body1);