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

package/cjs/components/material-exercise/context/ExerciseProvider.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var tslib = require('tslib');
 var React = require('react');
 var reactUse = require('react-use');
@@ -15,13 +14,8 @@ var context = require('./context.js');
 var ExerciseProviderNoImage = require('./ExerciseProviderNoImage.js');
 var recoil$1 = require('./recoil.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 RECOIL_RESET_DELAY = 10;
-var StyledMaterialExercise = styled__default["default"].div.withConfig({
+const RECOIL_RESET_DELAY = 10;
+const StyledMaterialExercise = styled.div.withConfig({
   componentId: "sc-pj5yv2-0"
 })(["display:flex;width:100%;height:100%;.eb-resizable{height:inherit;}"]);
 /**
@@ -30,54 +24,55 @@ var StyledMaterialExercise = styled__default["default"].div.withConfig({
  * - fetching exercise room
  * - fetching exercise room id
  */
-var ExerciseProvider = function ExerciseProvider(_a) {
-  var children = _a.children,
-    materialExerciseId = _a.materialExerciseId,
-    exerciseRoomId = _a.exerciseRoomId,
-    exerciseRoomUserId = _a.exerciseRoomUserId,
-    onDefaultExerciseRoomIdSet = _a.onDefaultExerciseRoomIdSet,
-    exerciseImageEmptyOptions = _a.exerciseImageEmptyOptions,
+const ExerciseProvider = _a => {
+  var {
+      children,
+      materialExerciseId,
+      exerciseRoomId,
+      exerciseRoomUserId,
+      onDefaultExerciseRoomIdSet,
+      exerciseImageEmptyOptions
+    } = _a,
     contextProps = tslib.__rest(_a, ["children", "materialExerciseId", "exerciseRoomId", "exerciseRoomUserId", "onDefaultExerciseRoomIdSet", "exerciseImageEmptyOptions"]);
   //
-  var _useMaterialConfig = materialSharedUtils.useMaterialConfig(),
-    orgNameShort = _useMaterialConfig.orgNameShort;
+  const {
+    orgNameShort
+  } = materialSharedUtils.useMaterialConfig();
   // user
-  var user = recoil.useRecoilValue(recoil$1.exerciseUserState);
+  const user = recoil.useRecoilValue(recoil$1.exerciseUserState);
   // exercise
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  var exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId));
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId));
   // lecture
-  var lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
-  var resetLecture = recoil.useResetRecoilState(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
+  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
+  const resetLecture = recoil.useResetRecoilState(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
   // multilang languages
-  var exerciseMultilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(exercise === null || exercise === void 0 ? void 0 : exercise.id));
-  var resetExerciseMultilangLanguages = recoil.useResetRecoilState(recoil$1.exerciseMultilangLanguagesState(exercise === null || exercise === void 0 ? void 0 : exercise.id));
+  const exerciseMultilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(exercise === null || exercise === void 0 ? void 0 : exercise.id));
+  const resetExerciseMultilangLanguages = recoil.useResetRecoilState(recoil$1.exerciseMultilangLanguagesState(exercise === null || exercise === void 0 ? void 0 : exercise.id));
   // etc
-  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
-  var setConatinerSize = recoil.useSetRecoilState(recoil$1.exerciseContainerSizeState);
-  var setAibotInfoEnable = recoil.useSetRecoilState(recoil$1.exerciseAibotInfoEnableState);
+  const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  const setConatinerSize = recoil.useSetRecoilState(recoil$1.exerciseContainerSizeState);
+  const setAibotInfoEnable = recoil.useSetRecoilState(recoil$1.exerciseAibotInfoEnableState);
   // wrap container size
-  var _useMeasure = reactUse.useMeasure(),
-    _useMeasure2 = _rollupPluginBabelHelpers.slicedToArray(_useMeasure, 2),
-    wrapElRef = _useMeasure2[0],
-    _useMeasure2$ = _useMeasure2[1],
-    width = _useMeasure2$.width,
-    height = _useMeasure2$.height;
+  const [wrapElRef, {
+    width,
+    height
+  }] = reactUse.useMeasure();
   //
   // if exercise room id is not specified, fetch it from server
   // NOTICE: should not use `exercise.defaultRoom.id`, since will be removed (confrimed by backend-team)
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (exerciseRoomId) {
       return;
     }
     apiClient.getOrgMaterialExerciseDefaultRoomGet({
-      materialExerciseId: materialExerciseId
-    }).then(function (res) {
+      materialExerciseId
+    }).then(res => {
       if (typeof onDefaultExerciseRoomIdSet === 'function') {
         onDefaultExerciseRoomIdSet(res.exerciseRoomId);
       }
-    }).catch(function (err) {
+    }).catch(err => {
       if (typeof contextProps.onError === 'function') {
         contextProps.onError(err);
       }
@@ -88,14 +83,12 @@ var ExerciseProvider = function ExerciseProvider(_a) {
   //
   // reset lecture, after `exercise.lectureId` changed
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId)) {
       return;
     }
-    var timeout = window.setTimeout(function () {
-      return resetLecture();
-    }, RECOIL_RESET_DELAY);
-    return function () {
+    const timeout = window.setTimeout(() => resetLecture(), RECOIL_RESET_DELAY);
+    return () => {
       window.clearTimeout(timeout);
     };
   },
@@ -104,14 +97,12 @@ var ExerciseProvider = function ExerciseProvider(_a) {
   //
   // reset exercise multilang languages, after `exercise.id` changed
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!(exercise === null || exercise === void 0 ? void 0 : exercise.id)) {
       return;
     }
-    var timeout = window.setTimeout(function () {
-      return resetExerciseMultilangLanguages();
-    }, RECOIL_RESET_DELAY);
-    return function () {
+    const timeout = window.setTimeout(() => resetExerciseMultilangLanguages(), RECOIL_RESET_DELAY);
+    return () => {
       window.clearTimeout(timeout);
     };
   },
@@ -120,11 +111,11 @@ var ExerciseProvider = function ExerciseProvider(_a) {
   //
   // update Provider size
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (width && height) {
       setConatinerSize({
-        width: width,
-        height: height
+        width,
+        height
       });
     }
   },
@@ -133,7 +124,7 @@ var ExerciseProvider = function ExerciseProvider(_a) {
   //
   // update
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!(lecture === null || lecture === void 0 ? void 0 : lecture.courseId)) {
       return;
     }
@@ -141,11 +132,12 @@ var ExerciseProvider = function ExerciseProvider(_a) {
       organizationNameShort: orgNameShort
     }), apiClient.getOrgCourseGet({
       courseId: lecture.courseId
-    })]).then(function (_ref) {
-      var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
-        organization = _ref2[0].organization,
-        course = _ref2[1].course;
-      var isAibotInfoEnabled = organization.aibotInfo.isEnabled && course.aibotInfo.isEnabled;
+    })]).then(([{
+      organization
+    }, {
+      course
+    }]) => {
+      const isAibotInfoEnabled = organization.aibotInfo.isEnabled && course.aibotInfo.isEnabled;
       setAibotInfoEnable(isAibotInfoEnabled);
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -153,9 +145,9 @@ var ExerciseProvider = function ExerciseProvider(_a) {
   //
   //
   //
-  return React__default["default"].createElement(StyledMaterialExercise, {
+  return React.createElement(StyledMaterialExercise, {
     ref: wrapElRef,
-    children: function () {
+    children: (() => {
       var _a;
       // render after measure Provider size
       if (!width || !height) {
@@ -163,31 +155,31 @@ var ExerciseProvider = function ExerciseProvider(_a) {
       }
       // show spinner before exercise ready
       if (!user || !lecture || !exercise || !exerciseRoomId || !exerciseRoom || typeof exerciseMultilangLanguages === 'undefined') {
-        return React__default["default"].createElement(blocks.Flex, {
+        return React.createElement(blocks.Flex, {
           align: "center",
           justify: "center",
           width: "100%",
           height: "100%"
-        }, React__default["default"].createElement(blocks.Spinner, null));
+        }, React.createElement(blocks.Spinner, null));
       }
       // when exerciseImage is not ready yet
       if (exercise.readyExerciseImage === null) {
-        return React__default["default"].createElement(ExerciseProviderNoImage["default"], Object.assign({}, exerciseImageEmptyOptions, {
+        return React.createElement(ExerciseProviderNoImage.default, Object.assign({}, exerciseImageEmptyOptions, {
           locale: contextProps.locale
         }));
       }
       // render
-      return React__default["default"].createElement(context.ExerciseContext.Provider, {
+      return React.createElement(context.ExerciseContext.Provider, {
         children: children,
         value: Object.assign(Object.assign({}, contextProps), {
-          materialExerciseId: materialExerciseId,
-          exerciseRoomId: exerciseRoomId,
+          materialExerciseId,
+          exerciseRoomId,
           exerciseRoomUserId: exerciseRoomUserId !== null && exerciseRoomUserId !== void 0 ? exerciseRoomUserId : user.id,
           readOnlyActiveFile: !!((_a = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.readOnlyFilelist.includes(activeFilename || ''))
         })
       });
-    }()
+    })()
   });
 };
 
-exports["default"] = ExerciseProvider;
+exports.default = ExerciseProvider;

package/cjs/components/material-exercise/context/ExerciseProviderNoImage.js

@@ -11,29 +11,24 @@ var styled = require('styled-components');
 var noImage_en = require('./locales/noImage.en.json.js');
 var noImage_ko = require('./locales/noImage.ko.json.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 StyledProviderNoImage = styled__default["default"].div.withConfig({
+const StyledProviderNoImage = styled.div.withConfig({
   componentId: "sc-oaauqc-0"
 })(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:", ";"], designTokens.base.color.navy9);
-var ExerciseProviderNoImage = function ExerciseProviderNoImage(_ref) {
-  var text = _ref.text,
-    _ref$imageSrc = _ref.imageSrc,
-    imageSrc = _ref$imageSrc === void 0 ? '' : _ref$imageSrc,
-    buttonText = _ref.buttonText,
-    onButtonClick = _ref.onButtonClick;
-  var intl = reactIntl.useIntl();
+const ExerciseProviderNoImage = ({
+  text,
+  imageSrc = '',
+  buttonText,
+  onButtonClick
+}) => {
+  const intl = reactIntl.useIntl();
   /**
    * render action button
    */
-  var renderActionButton = function renderActionButton() {
+  const renderActionButton = () => {
     if (typeof onButtonClick !== 'function') {
       return null;
     }
-    return React__default["default"].createElement(blocks.Button, {
+    return React.createElement(blocks.Button, {
       onClick: onButtonClick
     }, buttonText || intl.formatMessage({
       id: 'exerciseContext.provider.noImage.button'
@@ -42,17 +37,17 @@ var ExerciseProviderNoImage = function ExerciseProviderNoImage(_ref) {
   //
   //
   //
-  return React__default["default"].createElement(StyledProviderNoImage, null, React__default["default"].createElement(blocks.SafeImage, {
+  return React.createElement(StyledProviderNoImage, null, React.createElement(blocks.SafeImage, {
     src: imageSrc,
     defaultSrc: "https://static.elice.io/elice-material/exercise/empty-code-purple.png",
     alt: "empty-exercise-image",
     tag: "div",
     height: "4rem",
     width: "4rem"
-  }), React__default["default"].createElement(blocks.Box, {
+  }), React.createElement(blocks.Box, {
     paddingtop: "2rem",
     paddingbottom: "2rem"
-  }, React__default["default"].createElement(blocks.Text, {
+  }, React.createElement(blocks.Text, {
     role: "white"
   }, text || intl.formatMessage({
     id: 'exerciseContext.provider.noImage.title'
@@ -61,14 +56,14 @@ var ExerciseProviderNoImage = function ExerciseProviderNoImage(_ref) {
 //
 //
 //
-var MaterialExerciseNoImage = (function (props) {
-  return React__default["default"].createElement(materialSharedUtils.MaterialIntlProvider, {
+var MaterialExerciseNoImage = (props => {
+  return React.createElement(materialSharedUtils.MaterialIntlProvider, {
     locale: props.locale,
     phrases: {
-      en: noImage_en["default"],
-      ko: noImage_ko["default"]
+      en: noImage_en.default,
+      ko: noImage_ko.default
     }
-  }, React__default["default"].createElement(ExerciseProviderNoImage, Object.assign({}, props)));
+  }, React.createElement(ExerciseProviderNoImage, Object.assign({}, props)));
 });
 
-exports["default"] = MaterialExerciseNoImage;
+exports.default = MaterialExerciseNoImage;

package/cjs/components/material-exercise/context/context.js

@@ -1,13 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExerciseContext = React__default["default"].createContext(null);
+const ExerciseContext = React.createContext(null);
 
 exports.ExerciseContext = ExerciseContext;

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

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"exerciseContext.provider.noImage.button":"Create a new image","exerciseContext.provider.noImage.title":"Exercise image is not ready yet."};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

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

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesKo = {"exerciseContext.provider.noImage.button":"예제 작성","exerciseContext.provider.noImage.title":"실습 코드가 작성되지 않았습니다."};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;