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

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

@@ -2,7 +2,6 @@
 
 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');
@@ -14,106 +13,95 @@ 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 }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(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$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 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 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]);
+  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]);
   //
   //
   //
   if (!exerciseEnvironment) {
     return null;
   }
-  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);
-    })
-  });
+  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;

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

@@ -2,8 +2,6 @@
 
 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');
@@ -11,33 +9,22 @@ var ExerciseRoomList = require('./ExerciseRoomList.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 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, {
+const ExerciseRoom = ({
+  onHide,
+  __intl
+}) => {
+  const [selectedExerciseRoomId, setSelectedExerciseRoomId] = React.useState();
+  const ExerciseRoomContent = selectedExerciseRoomId ? React.createElement(ExerciseRoomDetail.default, {
     selectedExerciseRoomId: selectedExerciseRoomId,
-    goToList: function goToList() {
-      return setSelectedExerciseRoomId(undefined);
-    },
+    goToList: () => setSelectedExerciseRoomId(undefined),
     onHide: onHide
-  }) : jsxRuntime.jsx(ExerciseRoomList.default, {
-    onExerciseRoomClick: function onExerciseRoomClick(id) {
-      return setSelectedExerciseRoomId(id);
-    },
+  }) : React.createElement(ExerciseRoomList.default, {
+    onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
     onHide: onHide
   });
-  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
-    value: __intl,
-    children: ExerciseRoomContent
-  });
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, 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,35 +3,29 @@
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-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({
+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);