@elice/material-exercise 1.240718.0-trasncript.1 → 1.240718.0-trasncript.2

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
@@ -13,95 +14,106 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-const StyledEnvironmentList = styled.ul.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+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$1 = intl.useRawEliceIntl();
-  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 ExerciseRightpaneEnvironment = function ExerciseRightpaneEnvironment() {
+  var intl$1 = intl.useRawEliceIntl();
+  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.useMemo(() => readyExerciseImage ? [{
-    name: intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.cpuLimit.name'
-    }),
-    value: intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.cpuLimit.value'
-    })
-  }, {
-    name: intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.timeLimit.name'
-    }),
-    value: intl$1.formatNumber(readyExerciseImage.timeLimit / 1000, {
-      style: 'unit',
-      unit: 'second',
-      unitDisplay: 'short'
-    })
-  }, {
-    name: intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.memoryLimit.name'
-    }),
-    value: intl$1.formatNumber(readyExerciseImage.memoryLimit / 1024 / 1024, {
-      style: 'unit',
-      unit: 'megabyte',
-      unitDisplay: 'short'
-    })
-  }, {
-    name: intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.isVnc.name'
-    }),
-    value: readyExerciseImage.isVnc ? intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.common.value.true'
-    }) : intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.common.value.false'
-    })
-  }, {
-    name: intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.httpPort.name'
-    }),
-    value: readyExerciseImage.httpPort ? intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.httpPort.value.true'
-    }) : intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.httpPort.value.false'
-    })
-  }, {
-    name: intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.isGpu.name'
-    }),
-    value: readyExerciseImage.isGpu ? intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.common.value.true'
-    }) : intl$1.formatMessage({
-      id: 'exerciseRightpane.environment.item.common.value.false'
-    })
-  }] : null, [readyExerciseImage, intl$1]);
+  var exerciseEnvironment = React__default.default.useMemo(function () {
+    return readyExerciseImage ? [{
+      name: intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.cpuLimit.name'
+      }),
+      value: intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.cpuLimit.value'
+      })
+    }, {
+      name: intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.timeLimit.name'
+      }),
+      value: intl$1.formatNumber(readyExerciseImage.timeLimit / 1000, {
+        style: 'unit',
+        unit: 'second',
+        unitDisplay: 'short'
+      })
+    }, {
+      name: intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.memoryLimit.name'
+      }),
+      value: intl$1.formatNumber(readyExerciseImage.memoryLimit / 1024 / 1024, {
+        style: 'unit',
+        unit: 'megabyte',
+        unitDisplay: 'short'
+      })
+    }, {
+      name: intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.isVnc.name'
+      }),
+      value: readyExerciseImage.isVnc ? intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.common.value.true'
+      }) : intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.common.value.false'
+      })
+    }, {
+      name: intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.httpPort.name'
+      }),
+      value: readyExerciseImage.httpPort ? intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.httpPort.value.true'
+      }) : intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.httpPort.value.false'
+      })
+    }, {
+      name: intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.isGpu.name'
+      }),
+      value: readyExerciseImage.isGpu ? intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.common.value.true'
+      }) : intl$1.formatMessage({
+        id: 'exerciseRightpane.environment.item.common.value.false'
+      })
+    }] : null;
+  }, [readyExerciseImage, intl$1]);
   //
   //
   //
   if (!exerciseEnvironment) {
     return null;
   }
-  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))));
+  return jsxRuntime.jsx(StyledEnvironmentList, {
+    children: exerciseEnvironment.map(function (_ref) {
+      var name = _ref.name,
+        value = _ref.value;
+      return jsxRuntime.jsxs("li", {
+        children: [jsxRuntime.jsx(blocks.Text, {
+          role: "navy",
+          block: true,
+          size: "small",
+          children: name
+        }), jsxRuntime.jsx(blocks.Vspace, {
+          height: 0.5
+        }), jsxRuntime.jsx(blocks.Text, {
+          role: "white",
+          bold: true,
+          block: true,
+          size: "small",
+          children: value
+        })]
+      }, name);
+    })
+  });
 };
 
 exports.default = ExerciseRightpaneEnvironment;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var ExerciseRightpane = require('./ExerciseRightpane.js');
+
+
+
+exports.ExerciseRightpane = ExerciseRightpane.default;

package/cjs/components/material-exercise/exercise-rightpane/locales/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var intl = require('@elice/intl');
 var ExerciseRoomDetail = require('./ExerciseRoomDetail.js');
@@ -9,22 +11,33 @@ var ExerciseRoomList = require('./ExerciseRoomList.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 
-const ExerciseRoom = ({
-  onHide,
-  __intl
-}) => {
-  const [selectedExerciseRoomId, setSelectedExerciseRoomId] = React.useState();
-  const ExerciseRoomContent = selectedExerciseRoomId ? React.createElement(ExerciseRoomDetail.default, {
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ExerciseRoom = function ExerciseRoom(_ref) {
+  var onHide = _ref.onHide,
+    __intl = _ref.__intl;
+  var _React$useState = React__default.default.useState(),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    selectedExerciseRoomId = _React$useState2[0],
+    setSelectedExerciseRoomId = _React$useState2[1];
+  var ExerciseRoomContent = selectedExerciseRoomId ? jsxRuntime.jsx(ExerciseRoomDetail.default, {
     selectedExerciseRoomId: selectedExerciseRoomId,
-    goToList: () => setSelectedExerciseRoomId(undefined),
+    goToList: function goToList() {
+      return setSelectedExerciseRoomId(undefined);
+    },
     onHide: onHide
-  }) : React.createElement(ExerciseRoomList.default, {
-    onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
+  }) : jsxRuntime.jsx(ExerciseRoomList.default, {
+    onExerciseRoomClick: function onExerciseRoomClick(id) {
+      return setSelectedExerciseRoomId(id);
+    },
     onHide: onHide
   });
-  return React.createElement(intl.RawEliceIntlProvider, {
-    value: __intl
-  }, ExerciseRoomContent);
+  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
+    value: __intl,
+    children: ExerciseRoomContent
+  });
 };
 var ExerciseRoom$1 = new intl.IntlComponentBuilder(ExerciseRoom).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
 

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

@@ -3,29 +3,35 @@
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-const StyledExerciseRoomTableWrapper = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+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.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.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.td.withConfig({
+var StyledExerciseRoomTd = styled__default.default.td.withConfig({
   componentId: "sc-r4oydl-3"
 })(["padding:0.875rem 1rem;"]);
-const StyledExerciseRoomTr = styled.tr.withConfig({
+var StyledExerciseRoomTr = styled__default.default.tr.withConfig({
   componentId: "sc-r4oydl-4"
 })([""]);
-const StyledExerciseRoomTbody = styled.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.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);