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

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

@@ -5,19 +5,19 @@ var rxjs = require('rxjs');
 /**
  * Content change request to code editor.
  */
-const exerciseFileEditorContentChange$ = new rxjs.Subject();
+var exerciseFileEditorContentChange$ = new rxjs.Subject();
 /**
  * Save action emitted by file editor.
  */
-const exerciseFileEditorSaveAction$ = new rxjs.Subject();
+var exerciseFileEditorSaveAction$ = new rxjs.Subject();
 /**
  * Send text request to runner stdio.
  */
-const exerciseRunnerTextSend$ = new rxjs.Subject();
+var exerciseRunnerTextSend$ = new rxjs.Subject();
 /**
  * Open runner rooms.
  */
-const exerciseRunnerRoomsOpen$ = new rxjs.Subject();
+var exerciseRunnerRoomsOpen$ = new rxjs.Subject();
 
 exports.exerciseFileEditorContentChange$ = exerciseFileEditorContentChange$;
 exports.exerciseFileEditorSaveAction$ = exerciseFileEditorSaveAction$;

package/cjs/components/material-exercise/context/types.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import type { MaterialCommponentCommonProps } from '@elice/material-shared-utils';
 import type { GetOrgMaterialExerciseExerciseRunningListResponses, PostOrgMaterialExerciseExerciseRunningSubmitResponses } from '@elice/types';
 import type { MonacoEditorApis } from "../../shared/monaco-editor";
 import type { CodeHelperError } from "../../../utils";
@@ -37,7 +36,7 @@ export type MaterialExerciseCommonAPiOpenRunnerRooms = () => void;
  * [External]
  * Common exposed props for `MaterialExercise*` components.
  */
-export interface MaterialExerciseCommonProps extends MaterialCommponentCommonProps {
+export interface MaterialExerciseCommonProps {
     /**
      * Material Exercise ID.
      */
@@ -60,6 +59,7 @@ export interface MaterialExerciseCommonProps extends MaterialCommponentCommonPro
      * Is editor in readonly mode?
      */
     readOnlyEditor?: boolean;
+    locale?: string;
     exerciseImageEmptyOptions?: MaterialExerciseCommonPropExerciseImageEmptyOptions;
     onMultiLangLanguageChange?: MaterialExerciseCommonPropOnMultiLangLanguageChange;
     onReferenceDocsToggle?: () => void;

package/cjs/components/material-exercise/exercise-code-history/ExerciseCodeHistory.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');
@@ -34,115 +35,136 @@ var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 var ExerciseCodeHistory_styled = require('./ExerciseCodeHistory.styled.js');
 
-const ExerciseCodeHistory = ({
-  onHide,
-  onLoadVersionButtonClick,
-  __intl
-}) => {
-  const {
-    exerciseRoomId
-  } = React.useContext(context.ExerciseContext);
-  const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
-  const preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
-  const {
-    doc,
-    ops,
-    version,
-    latestVersion,
-    hasMoreVersion,
-    changeVersion,
-    loadMoreVersions
-  } = useUsercodeHistory.useUsercodeHistory(exerciseRoomId, activeFilename);
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var dayjs__default = /*#__PURE__*/_interopDefaultCompat(dayjs);
+
+var ExerciseCodeHistory = function ExerciseCodeHistory(_ref) {
+  var onHide = _ref.onHide,
+    onLoadVersionButtonClick = _ref.onLoadVersionButtonClick,
+    __intl = _ref.__intl;
+  var _React$useContext = React__default.default.useContext(context.ExerciseContext),
+    exerciseRoomId = _React$useContext.exerciseRoomId;
+  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  var preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
+  var _useUsercodeHistory = useUsercodeHistory.useUsercodeHistory(exerciseRoomId, activeFilename),
+    doc = _useUsercodeHistory.doc,
+    ops = _useUsercodeHistory.ops,
+    version = _useUsercodeHistory.version,
+    latestVersion = _useUsercodeHistory.latestVersion,
+    hasMoreVersion = _useUsercodeHistory.hasMoreVersion,
+    changeVersion = _useUsercodeHistory.changeVersion,
+    loadMoreVersions = _useUsercodeHistory.loadMoreVersions;
   /**
    *
    */
-  const renderVersionList = () => React.createElement(ExerciseVersionList.default, null, ops.map(op => React.createElement(ExerciseVersionListItem.default, {
-    key: op.version,
-    selected: version === op.version,
-    onClick: () => {
-      changeVersion(op.version);
-    }
-  }, React.createElement(blocks.Text, {
-    role: "gray3",
-    size: "small"
-  }, __intl.formatMessage({
-    id: 'exerciseCodeHistory.op.version'
-  }, {
-    version: op.version,
-    datetime: dayjs(op.createdDatetime).format('YYYY.M.DD hh:mm a')
-  })))), hasMoreVersion ? React.createElement(ExerciseVersionListItem.default, {
-    onClick: loadMoreVersions,
-    style: {
-      justifyContent: 'center'
-    }
-  }, React.createElement(blocks.Text, {
-    role: "white",
-    size: "small"
-  }, __intl.formatMessage({
-    id: 'exerciseCodeHistory.button.load.more'
-  }))) : null);
+  var renderVersionList = function renderVersionList() {
+    return jsxRuntime.jsxs(ExerciseVersionList.default, {
+      children: [ops.map(function (op) {
+        return jsxRuntime.jsx(ExerciseVersionListItem.default, {
+          selected: version === op.version,
+          onClick: function onClick() {
+            changeVersion(op.version);
+          },
+          children: jsxRuntime.jsx(blocks.Text, {
+            role: "gray3",
+            size: "small",
+            children: __intl.formatMessage({
+              id: 'exerciseCodeHistory.op.version'
+            }, {
+              version: op.version,
+              datetime: dayjs__default.default(op.createdDatetime).format('YYYY.M.DD hh:mm a')
+            })
+          })
+        }, op.version);
+      }), hasMoreVersion ? jsxRuntime.jsx(ExerciseVersionListItem.default, {
+        onClick: loadMoreVersions,
+        style: {
+          justifyContent: 'center'
+        },
+        children: jsxRuntime.jsx(blocks.Text, {
+          role: "white",
+          size: "small",
+          children: __intl.formatMessage({
+            id: 'exerciseCodeHistory.button.load.more'
+          })
+        })
+      }) : null]
+    });
+  };
   /**
    *
    */
-  const rednerVersionControlColumn = () => {
-    return React.createElement(ExerciseCodeHistory_styled.StyledVersionsWrapper, null, React.createElement(ExerciseCodeHistory_styled.StyledVersionRangeInputWrapper, null, React.createElement(ExerciseCodeHistory_styled.StyledVersionRangeInput, {
-      type: "range",
-      min: latestVersion ? latestVersion - ops.length + 1 : 0,
-      max: latestVersion !== null && latestVersion !== void 0 ? latestVersion : 0,
-      value: version !== null && version !== void 0 ? version : 0,
-      onChange: e => {
-        changeVersion(parseInt(e.target.value, 10));
-      }
-    })), renderVersionList());
+  var rednerVersionControlColumn = function rednerVersionControlColumn() {
+    return jsxRuntime.jsxs(ExerciseCodeHistory_styled.StyledVersionsWrapper, {
+      children: [jsxRuntime.jsx(ExerciseCodeHistory_styled.StyledVersionRangeInputWrapper, {
+        children: jsxRuntime.jsx(ExerciseCodeHistory_styled.StyledVersionRangeInput, {
+          type: "range",
+          min: latestVersion ? latestVersion - ops.length + 1 : 0,
+          max: latestVersion !== null && latestVersion !== void 0 ? latestVersion : 0,
+          value: version !== null && version !== void 0 ? version : 0,
+          onChange: function onChange(e) {
+            changeVersion(parseInt(e.target.value, 10));
+          }
+        })
+      }), renderVersionList()]
+    });
   };
   /**
    *
    */
-  const renderEditorColumn = () => {
+  var renderEditorColumn = function renderEditorColumn() {
     if (!activeFilename) {
       return null;
     }
-    const uniqueFilePath = `code-history/${exerciseRoomId}/v${version !== null && version !== void 0 ? version : 0}`;
-    const editorFilename = `${uniqueFilePath}/${activeFilename}`;
-    return React.createElement(ExerciseCodeHistory_styled.StyledEditorWrapper, null, React.createElement(ExerciseCodeHistory_styled.StyledFileNameBox, {
-      role: "white"
-    }, activeFilename), React.createElement(MonacoEditorLazy.default, {
-      key: editorFilename,
-      defaultValue: doc,
-      filename: editorFilename,
-      preference: Object.assign(Object.assign({}, preference), {
-        readOnly: true,
-        scrollBeyondLastLine: false
-      })
-    }));
+    var uniqueFilePath = "code-history/".concat(exerciseRoomId, "/v").concat(version !== null && version !== void 0 ? version : 0);
+    var editorFilename = "".concat(uniqueFilePath, "/").concat(activeFilename);
+    return jsxRuntime.jsxs(ExerciseCodeHistory_styled.StyledEditorWrapper, {
+      children: [jsxRuntime.jsx(ExerciseCodeHistory_styled.StyledFileNameBox, {
+        role: "white",
+        children: activeFilename
+      }), jsxRuntime.jsx(MonacoEditorLazy.default, {
+        defaultValue: doc,
+        filename: editorFilename,
+        preference: Object.assign(Object.assign({}, preference), {
+          readOnly: true,
+          scrollBeyondLastLine: false
+        })
+      }, editorFilename)]
+    });
   };
   /**
    *
    */
-  const renderFooterButton = () => {
+  var renderFooterButton = function renderFooterButton() {
     if (typeof onLoadVersionButtonClick !== 'function') {
       return;
     }
-    return React.createElement(blocks.Button, {
+    return jsxRuntime.jsx(blocks.Button, {
       size: "small",
       role: "primary",
-      onClick: () => {
+      onClick: function onClick() {
         onLoadVersionButtonClick(doc);
-      }
-    }, __intl.formatMessage({
-      id: 'exerciseCodeHistory.button.load.selectedVersions'
-    }));
+      },
+      children: __intl.formatMessage({
+        id: 'exerciseCodeHistory.button.load.selectedVersions'
+      })
+    });
   };
   //
   //
   //
-  return React.createElement(MaterialModal.default, {
+  return jsxRuntime.jsx(MaterialModal.default, {
     title: __intl.formatMessage({
       id: 'exerciseCodeHistory.title'
     }),
     onHide: onHide,
-    footer: renderFooterButton()
-  }, React.createElement(ExerciseCodeHistory_styled.StyledModalContent, null, rednerVersionControlColumn(), renderEditorColumn()));
+    footer: renderFooterButton(),
+    children: jsxRuntime.jsxs(ExerciseCodeHistory_styled.StyledModalContent, {
+      children: [rednerVersionControlColumn(), renderEditorColumn()]
+    })
+  });
 };
 //
 //

package/cjs/components/material-exercise/exercise-code-history/ExerciseCodeHistory.styled.js

@@ -4,24 +4,28 @@ var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-const cssInputRangeTrack = styled.css(["width:100%;height:0.375rem;cursor:pointer;transition:all 0.2s ease;"]);
-const cssInputRangeThumb = styled.css(["height:1rem;width:1rem;border-radius:50%;background:", ";cursor:pointer;"], designTokens.base.color.primary6);
-const StyledModalContent = styled(blocks.Flex).withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var cssInputRangeTrack = styled.css(["width:100%;height:0.375rem;cursor:pointer;transition:all 0.2s ease;"]);
+var cssInputRangeThumb = styled.css(["height:1rem;width:1rem;border-radius:50%;background:", ";cursor:pointer;"], designTokens.base.color.primary6);
+var StyledModalContent = styled__default.default(blocks.Flex).withConfig({
   componentId: "sc-1auppml-0"
 })(["position:absolute;width:100%;height:100%;overflow:hidden;"]);
-const StyledVersionRangeInput = styled.input.withConfig({
+var StyledVersionRangeInput = styled__default.default.input.withConfig({
   componentId: "sc-1auppml-1"
 })(["-webkit-appearance:none;margin:0.5rem 0;width:100%;cursor:pointer;&:focus{outline:none;}&::-webkit-slider-runnable-track{background:", ";", ";}&::-webkit-slider-thumb{-webkit-appearance:none;margin-top:calc((0.375rem - 1rem) / 2);", ";}&:focus::-webkit-slider-runnable-track{background:rgba(", ",0.05);}&::-moz-range-track{background:", ";", ";}&::-moz-range-thumb{", ";}"], designTokens.base.color.navy9, cssInputRangeTrack, cssInputRangeThumb, designTokens.base.color.navy9, designTokens.base.color.navy9, cssInputRangeTrack, cssInputRangeThumb);
-const StyledVersionsWrapper = styled(blocks.Flex).withConfig({
+var StyledVersionsWrapper = styled__default.default(blocks.Flex).withConfig({
   componentId: "sc-1auppml-2"
 })(["flex-direction:column;flex:1 1.75 25rem;position:relative;height:100%;border-right:1px solid ", ";"], designTokens.base.color.navy9);
-const StyledVersionRangeInputWrapper = styled(blocks.Flex).withConfig({
+var StyledVersionRangeInputWrapper = styled__default.default(blocks.Flex).withConfig({
   componentId: "sc-1auppml-3"
 })(["height:3rem;padding:1rem;border-bottom:1px solid ", ";"], designTokens.base.color.navy9);
-const StyledEditorWrapper = styled(blocks.Flex).withConfig({
+var StyledEditorWrapper = styled__default.default(blocks.Flex).withConfig({
   componentId: "sc-1auppml-4"
 })(["flex-direction:column;flex:1 1 auto;width:100%;height:100%;overflow:scroll;"]);
-const StyledFileNameBox = styled(blocks.Text).withConfig({
+var StyledFileNameBox = styled__default.default(blocks.Text).withConfig({
   componentId: "sc-1auppml-5"
 })(["min-height:3rem;height:3rem;line-height:3rem;padding-left:1rem;border-bottom:1px solid ", ";"], designTokens.base.color.navy9);
 

package/cjs/components/material-exercise/exercise-code-history/index.js

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

package/cjs/components/material-exercise/exercise-code-history/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-file/ExerciseFile.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 designTokens = require('@elice/design-tokens');
@@ -28,7 +29,12 @@ require('unicount');
 var ExerciseFileEditor = require('../exercise-file-editor/ExerciseFileEditor.js');
 var ExerciseFileViewer = require('../exercise-file-viewer/ExerciseFileViewer.js');
 
-const StyledExerciseFile = styled.div.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 StyledExerciseFile = styled__default.default.div.withConfig({
   componentId: "sc-16zd16z-0"
 })(["width:100%;height:100%;background-color:", ";"], designTokens.base.color.navy9);
 /**
@@ -36,51 +42,48 @@ const StyledExerciseFile = styled.div.withConfig({
  * - `exercise-file-editor` : code editor for editable files
  * - `exercise-file-viewer` : file viewer for non-editable files
  */
-const ExerciseFile = () => {
-  const {
-    exerciseRoomId
-  } = React.useContext(context.ExerciseContext);
-  const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
-  const isFileEditable = useExerciseFile.useExerciseFileEditable(activeFilename);
+var ExerciseFile = function ExerciseFile() {
+  var _React$useContext = React__default.default.useContext(context.ExerciseContext),
+    exerciseRoomId = _React$useContext.exerciseRoomId;
+  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFile.useExerciseFileEditable(activeFilename);
   //
   //
   //
-  return React.createElement(StyledExerciseFile, {
-    children: (() => {
+  return jsxRuntime.jsx(StyledExerciseFile, {
+    children: function () {
       if (!exerciseRoomId) {
         return null;
       }
       // empty
       if (!activeFilename) {
-        return React.createElement(blocks.Flex, {
+        return jsxRuntime.jsxs(blocks.Flex, {
           column: true,
           width: "100%",
           height: "100%",
           align: "center",
-          justify: "center"
-        }, React.createElement(blocks.Icon, {
-          icon: icons.eilMaterialTypeExercise,
-          color: designTokens.base.color.primary4,
-          size: "jumbo"
-        }), React.createElement(blocks.Vspace, {
-          height: 1
-        }), React.createElement(blocks.Text, {
-          role: "white"
-        }, "\uC5F4\uB9B0 \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."));
+          justify: "center",
+          children: [jsxRuntime.jsx(blocks.Icon, {
+            icon: icons.eilMaterialTypeExercise,
+            color: designTokens.base.color.primary4,
+            size: "jumbo"
+          }), jsxRuntime.jsx(blocks.Vspace, {
+            height: 1
+          }), jsxRuntime.jsx(blocks.Text, {
+            role: "white",
+            children: "\uC5F4\uB9B0 \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."
+          })]
+        });
       }
       // static (non-editable / e.g. image, jupyter notebook, csv, ...) file
       if (!isFileEditable) {
-        return React.createElement(ExerciseFileViewer.default, {
-          key: activeFilename
-        });
+        return jsxRuntime.jsx(ExerciseFileViewer.default, {}, activeFilename);
       }
       // code (editable) file
       else {
-        return React.createElement(ExerciseFileEditor.default, {
-          key: activeFilename
-        });
+        return jsxRuntime.jsx(ExerciseFileEditor.default, {}, activeFilename);
       }
-    })()
+    }()
   });
 };
 

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

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