@elice/material-exercise 1.230328.0 → 1.230418.0

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

@@ -9,98 +9,97 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-const StyledEnvironmentList = styled.ul.withConfig({
+var 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;}}"]);
-
-const ExerciseRightpaneEnvironment = () => {
-  const intl = useIntl();
-  const {
-    materialExerciseId
-  } = React.useContext(ExerciseContext);
-  const materialExercise = useRecoilValue(exerciseState(materialExerciseId));
-  const readyExerciseImage = materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise.readyExerciseImage;
+var ExerciseRightpaneEnvironment = function ExerciseRightpaneEnvironment() {
+  var intl = useIntl();
+  var _React$useContext = React.useContext(ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId;
+  var materialExercise = useRecoilValue(exerciseState(materialExerciseId));
+  var readyExerciseImage = materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise.readyExerciseImage;
   /**
    *
    */
-
-  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]); //
+  var exerciseEnvironment = React.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.createElement(StyledEnvironmentList, null, exerciseEnvironment.map(({
-    name,
-    value
-  }) => React.createElement("li", {
-    key: name
-  }, React.createElement(Text, {
-    role: "navy",
-    block: true,
-    size: "small"
-  }, name), React.createElement(Vspace, {
-    height: 0.5
-  }), React.createElement(Text, {
-    role: "white",
-    bold: true,
-    block: true,
-    size: "small"
-  }, value))));
+  return React.createElement(StyledEnvironmentList, null, exerciseEnvironment.map(function (_ref) {
+    var name = _ref.name,
+      value = _ref.value;
+    return React.createElement("li", {
+      key: name
+    }, React.createElement(Text, {
+      role: "navy",
+      block: true,
+      size: "small"
+    }, name), React.createElement(Vspace, {
+      height: 0.5
+    }), React.createElement(Text, {
+      role: "white",
+      bold: true,
+      block: true,
+      size: "small"
+    }, value));
+  }));
 };
 
 export { ExerciseRightpaneEnvironment as default };

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

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { withExerciseIntlProvider } from '../context/ExerciseIntlProvider.js';
 import phrasesEn from './locales/en.json.js';
@@ -5,20 +6,25 @@ import phrasesKo from './locales/ko.json.js';
 import MaterialExerciseExerciseRoomDetail from './ExerciseRoomDetail.js';
 import MaterialExerciseExerciseRoomList from './ExerciseRoomList.js';
 
-const ExerciseRoom = ({
-  onHide
-}) => {
-  const [selectedExerciseRoomId, setSelectedExerciseRoomId] = React.useState();
+var ExerciseRoom = function ExerciseRoom(_ref) {
+  var onHide = _ref.onHide;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedExerciseRoomId = _React$useState2[0],
+    setSelectedExerciseRoomId = _React$useState2[1];
   return selectedExerciseRoomId ? React.createElement(MaterialExerciseExerciseRoomDetail, {
     selectedExerciseRoomId: selectedExerciseRoomId,
-    goToList: () => setSelectedExerciseRoomId(undefined),
+    goToList: function goToList() {
+      return setSelectedExerciseRoomId(undefined);
+    },
     onHide: onHide
   }) : React.createElement(MaterialExerciseExerciseRoomList, {
-    onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
+    onExerciseRoomClick: function onExerciseRoomClick(id) {
+      return setSelectedExerciseRoomId(id);
+    },
     onHide: onHide
   });
 };
-
 var ExerciseRoom$1 = withExerciseIntlProvider(ExerciseRoom, {
   en: phrasesEn,
   ko: phrasesKo

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

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