@elice/material-exercise 1.231212.0 → 1.231228.0

package/cjs/hooks/useUsercodeHistory.js

@@ -1,40 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactUse = require('react-use');
 var apiClient = require('@elice/api-client');
 var otTextUnicode = require('ot-text-unicode');
 
-var OP_FETCHING_COUNT = 100;
-var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
-  var latestDocRef = React.useRef('');
-  var _useState = React.useState([]),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    ops = _useState2[0],
-    setOps = _useState2[1];
-  var _useState3 = React.useState(''),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    doc = _useState4[0],
-    setDoc = _useState4[1];
-  var _useState5 = React.useState(),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    version = _useState6[0],
-    setVersion = _useState6[1];
-  var _useState7 = React.useState(),
-    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-    latestVersion = _useState8[0],
-    setLatestVersion = _useState8[1];
-  var _useState9 = React.useState(false),
-    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
-    hasMoreVersion = _useState10[0],
-    setHasMoreVersion = _useState10[1];
+const OP_FETCHING_COUNT = 100;
+const useUsercodeHistory = (exerciseRoomId, filename) => {
+  const latestDocRef = React.useRef('');
+  const [ops, setOps] = React.useState([]);
+  const [doc, setDoc] = React.useState('');
+  const [version, setVersion] = React.useState();
+  const [latestVersion, setLatestVersion] = React.useState();
+  const [hasMoreVersion, setHasMoreVersion] = React.useState(false);
   /**
    *
    */
-  var inverseApplyOp = function inverseApplyOp(doc, op) {
+  const inverseApplyOp = (doc, op) => {
     if (typeof otTextUnicode.type.invert !== 'function') {
       return doc;
     }
@@ -43,57 +25,34 @@ var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
   /**
    *
    */
-  var applyOps = function applyOps(selectedVersion) {
+  const applyOps = selectedVersion => {
     if (!latestVersion) {
       return;
     }
-    setDoc(ops.slice(0, latestVersion - selectedVersion).reduce(function (newDoc, op) {
-      return inverseApplyOp(newDoc, op.ots);
-    }, latestDocRef.current));
+    setDoc(ops.slice(0, latestVersion - selectedVersion).reduce((newDoc, op) => inverseApplyOp(newDoc, op.ots), latestDocRef.current));
   };
   /**
    *
    */
-  var loadMoreVersions = /*#__PURE__*/function () {
-    var _ref = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var _yield$getOrgMaterial, newOps;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (filename) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            _context.next = 4;
-            return apiClient.getOrgMaterialExerciseUsercodeOpList({
-              exerciseRoomId: exerciseRoomId,
-              filename: filename,
-              offset: ops.length,
-              count: OP_FETCHING_COUNT,
-              isOpComposed: false
-            });
-          case 4:
-            _yield$getOrgMaterial = _context.sent;
-            newOps = _yield$getOrgMaterial.ops;
-            setOps(function (prev) {
-              return [].concat(_rollupPluginBabelHelpers.toConsumableArray(prev), _rollupPluginBabelHelpers.toConsumableArray(newOps));
-            });
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function loadMoreVersions() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const loadMoreVersions = async () => {
+    if (!filename) {
+      return;
+    }
+    const {
+      ops: newOps
+    } = await apiClient.getOrgMaterialExerciseUsercodeOpList({
+      exerciseRoomId,
+      filename,
+      offset: ops.length,
+      count: OP_FETCHING_COUNT,
+      isOpComposed: false
+    });
+    setOps(prev => [...prev, ...newOps]);
+  };
   /**
    *
    */
-  var changeVersion = function changeVersion(selectedVersion) {
+  const changeVersion = selectedVersion => {
     if (selectedVersion === version) {
       return;
     }
@@ -103,69 +62,56 @@ var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
   //
   //
   //
-  reactUse.useMount(function () {
+  reactUse.useMount(() => {
     if (!filename) {
       return;
     }
-    void _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
-      var _yield$Promise$all, _yield$Promise$all2, usercode, _ops;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            _context2.next = 3;
-            return Promise.all([apiClient.getOrgMaterialExerciseUsercodeGet({
-              exerciseRoomId: exerciseRoomId,
-              filename: filename
-            }), apiClient.getOrgMaterialExerciseUsercodeOpList({
-              exerciseRoomId: exerciseRoomId,
-              filename: filename,
-              offset: 0,
-              count: OP_FETCHING_COUNT,
-              isOpComposed: false
-            })]);
-          case 3:
-            _yield$Promise$all = _context2.sent;
-            _yield$Promise$all2 = _rollupPluginBabelHelpers.slicedToArray(_yield$Promise$all, 2);
-            usercode = _yield$Promise$all2[0].usercode;
-            _ops = _yield$Promise$all2[1].ops;
-            latestDocRef.current = usercode.content;
-            setDoc(usercode.content);
-            setOps(_ops);
-            setVersion(_ops[0].version);
-            setLatestVersion(_ops[0].version);
-            if (_ops.length < _ops[0].version) {
-              setHasMoreVersion(true);
-            }
-            _context2.next = 17;
-            break;
-          case 15:
-            _context2.prev = 15;
-            _context2.t0 = _context2["catch"](0);
-          case 17:
-          case "end":
-            return _context2.stop();
+    void (async () => {
+      try {
+        const [{
+          usercode
+        }, {
+          ops
+        }] = await Promise.all([apiClient.getOrgMaterialExerciseUsercodeGet({
+          exerciseRoomId,
+          filename
+        }), apiClient.getOrgMaterialExerciseUsercodeOpList({
+          exerciseRoomId,
+          filename,
+          offset: 0,
+          count: OP_FETCHING_COUNT,
+          isOpComposed: false
+        })]);
+        latestDocRef.current = usercode.content;
+        setDoc(usercode.content);
+        setOps(ops);
+        setVersion(ops[0].version);
+        setLatestVersion(ops[0].version);
+        if (ops.length < ops[0].version) {
+          setHasMoreVersion(true);
         }
-      }, _callee2, null, [[0, 15]]);
-    }))();
+      } catch (_) {
+        //
+      }
+    })();
   });
   //
   //
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     setHasMoreVersion(latestVersion !== undefined && ops.length < latestVersion);
   }, [latestVersion, ops]);
   //
   //
   //
   return {
-    doc: doc,
-    ops: ops,
-    version: version,
-    latestVersion: latestVersion,
-    hasMoreVersion: hasMoreVersion,
-    changeVersion: changeVersion,
-    loadMoreVersions: loadMoreVersions
+    doc,
+    ops,
+    version,
+    latestVersion,
+    hasMoreVersion,
+    changeVersion,
+    loadMoreVersions
   };
 };
 

package/cjs/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var MaterialExercise = require('./components/material-exercise/MaterialExercise.js');
 var MaterialExerciseMobile = require('./components/material-exercise/MaterialExerciseMobile.js');
 var MonacoEditorLazy = require('./components/shared/monaco-editor/MonacoEditorLazy.js');
@@ -13,10 +11,10 @@ var preferences = require('./components/shared/monaco-editor/constants/monaco/pr
 
 
 
-exports.MaterialExercise = MaterialExercise["default"];
-exports.MaterialExerciseMobile = MaterialExerciseMobile["default"];
-exports.MonacoEditorLazy = MonacoEditorLazy["default"];
-exports.MonacoEditorPerference = MonacoEditorPerferenceForm["default"];
+exports.MaterialExercise = MaterialExercise.default;
+exports.MaterialExerciseMobile = MaterialExerciseMobile.default;
+exports.MonacoEditorLazy = MonacoEditorLazy.default;
+exports.MonacoEditorPerference = MonacoEditorPerferenceForm.default;
 exports.getLanguageFromFilename = monacoLanguage.getLanguageFromFilename;
 exports.normalizeMonacoPreference = monacoPreference.normalizeMonacoPreference;
 exports.TM_LANGUAGES = index.TM_LANGUAGES;

package/cjs/utils/arduino.js

@@ -1,15 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var arduino = require('../constants/arduino.js');
 
 /**
  * Create url to communicate with arduino.
  */
 function createArduinoUrl(options) {
-  var url = new URL("".concat(options.protocol, "://127.0.0.1"));
+  const url = new URL(`${options.protocol}://127.0.0.1`);
   if (options.pathname) {
     url.pathname = options.pathname;
   }
@@ -22,21 +19,12 @@ function createArduinoUrl(options) {
  *
  */
 function getArduinoBoardType(port) {
-  var boards = arduino.ARDUINO_VENDOR_PRODUCT_IDS;
-  for (var board in boards) {
-    var _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(boards[board]),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var pair = _step.value;
-        if (pair.vendorId === port.VendorID && pair.productId === port.ProductID) {
-          return board;
-        }
+  const boards = arduino.ARDUINO_VENDOR_PRODUCT_IDS;
+  for (const board in boards) {
+    for (const pair of boards[board]) {
+      if (pair.vendorId === port.VendorID && pair.productId === port.ProductID) {
+        return board;
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
   }
   return null;
@@ -45,8 +33,8 @@ function getArduinoBoardType(port) {
  *
  */
 function getDisplayName(port) {
-  var type = getArduinoBoardType(port);
-  var displayName = type !== null && Object.keys(arduino.ARDUINO_BOARD_NAMES).includes(type) ? "".concat(arduino.ARDUINO_BOARD_NAMES[type]) : "Unsupported Device";
+  const type = getArduinoBoardType(port);
+  const displayName = type !== null && Object.keys(arduino.ARDUINO_BOARD_NAMES).includes(type) ? `${arduino.ARDUINO_BOARD_NAMES[type]}` : `Unsupported Device`;
   return displayName;
 }
 /**
@@ -54,22 +42,20 @@ function getDisplayName(port) {
  */
 function getPortFromName(ports, name) {
   var _a;
-  return (_a = ports.filter(function (port) {
-    return port.Name === name;
-  })[0]) !== null && _a !== void 0 ? _a : null;
+  return (_a = ports.filter(port => port.Name === name)[0]) !== null && _a !== void 0 ? _a : null;
 }
 /**
  *
  */
 function getFileContent(encoded) {
-  var file = encoded.split(',');
+  const file = encoded.split(',');
   return file[1];
 }
 /**
  *
  */
 function getFQBN(device) {
-  var type = getArduinoBoardType(device);
+  const type = getArduinoBoardType(device);
   if (type) {
     return arduino.ARDUINO_BOARD_FQBN[type];
   }

package/cjs/utils/exerciseFile.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 //
 //
 //
@@ -28,9 +26,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 /**
  * Check whether the exercise file is editable.
  */
-var checkExerciseFileEditable = function checkExerciseFileEditable(filename, _ref) {
-  var exercise = _ref.exercise,
-    exerciseRoom = _ref.exerciseRoom;
+const checkExerciseFileEditable = (filename, {
+  exercise,
+  exerciseRoom
+}) => {
   var _a;
   if (!filename) {
     return false;
@@ -40,16 +39,17 @@ var checkExerciseFileEditable = function checkExerciseFileEditable(filename, _re
 /**
  * Check whether the exercise file is resettable.
  */
-var checkExerciseFileResettable = function checkExerciseFileResettable(filename, _ref2) {
-  var exercise = _ref2.exercise,
-    exerciseRoom = _ref2.exerciseRoom;
+const checkExerciseFileResettable = (filename, {
+  exercise,
+  exerciseRoom
+}) => {
   var _a, _b, _c;
   if (!filename) {
     return false;
   }
   return [checkExerciseFileEditable(filename, {
-    exercise: exercise,
-    exerciseRoom: exerciseRoom
+    exercise,
+    exerciseRoom
   }), (_a = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.taskFilelist.includes(filename), !((_b = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _b === void 0 ? void 0 : _b.readOnlyFilelist.includes(filename)), !((_c = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _c === void 0 ? void 0 : _c.hiddenFilelist.includes(filename))].every(Boolean);
 };
 

package/cjs/utils/runner.js

@@ -1,78 +1,62 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 //
 // This logic is based on the following spreadsheet.
 // https://docs.google.com/spreadsheets/d/1AeIf1eIlxp2MFR5hZijr-s304xVHMdtuAzcODS6nL-g/edit#gid=0
 //
-var PythonRuntimeErrorRegex = new RegExp(/Traceback \(most recent call last\):\n\s*File "\S+", line \d+, in \S+\n\s*.*\n(.+\n)*\S+Error:\s.+/gm);
-var PythonSyntaxErrorRegex = new RegExp(/File "(.*?)", line (\d+)\n\s*.+\n\s*(\^+)\n(.+)Error:\s(.+)/gm);
-var CCCPCompileErrorRegex = new RegExp(/(.*?):(\d+):(\d+):\s+(warning|error|note):\s+(.*)(\n.+\n.+)?/gm);
-var CCCPRuntimeErrorRegex = new RegExp(/(\w+ fault)\s+\(.*\)/gm);
-var JavaCompileErrorRegex = new RegExp(/(.*?):(\d+):\s+error:\s+(.*)\n.+\n.+(\n\s*symbol.+)?(\n\s*location.+)?/gm);
-var JavaRuntimeErrorRegex = new RegExp(/^Exception in thread ".+" (.+)$\n((?:\s+at .+$\n)+)/gm);
-var JavascriptRuntimeErrorRegex = new RegExp(/(Uncaught )?(\w+Error):\s+(.*)\n((?:\s+at .+$\n)+)/gm);
+const PythonRuntimeErrorRegex = new RegExp(/Traceback \(most recent call last\):\n\s*File "\S+", line \d+, in \S+\n\s*.*\n(.+\n)*\S+Error:\s.+/gm);
+const PythonSyntaxErrorRegex = new RegExp(/File "(.*?)", line (\d+)\n\s*.+\n\s*(\^+)\n(.+)Error:\s(.+)/gm);
+const CCCPCompileErrorRegex = new RegExp(/(.*?):(\d+):(\d+):\s+(warning|error|note):\s+(.*)(\n.+\n.+)?/gm);
+const CCCPRuntimeErrorRegex = new RegExp(/(\w+ fault)\s+\(.*\)/gm);
+const JavaCompileErrorRegex = new RegExp(/(.*?):(\d+):\s+error:\s+(.*)\n.+\n.+(\n\s*symbol.+)?(\n\s*location.+)?/gm);
+const JavaRuntimeErrorRegex = new RegExp(/^Exception in thread ".+" (.+)$\n((?:\s+at .+$\n)+)/gm);
+const JavascriptRuntimeErrorRegex = new RegExp(/(Uncaught )?(\w+Error):\s+(.*)\n((?:\s+at .+$\n)+)/gm);
 /**
  * Get Programming Error Results from text.
  */
 function getProgrammingErrorResult(text) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-  var escapedText = text.replace(/[\r|\\]/gm, '');
+  const escapedText = text.replace(/[\r|\\]/gm, '');
   switch (true) {
     case PythonRuntimeErrorRegex.test(escapedText):
       return {
-        errorCode: (_b = (_a = escapedText.match(PythonRuntimeErrorRegex)) === null || _a === void 0 ? void 0 : _a.reduce(function (acc, curr) {
-          return acc + '\n' + curr;
-        })) !== null && _b !== void 0 ? _b : '',
+        errorCode: (_b = (_a = escapedText.match(PythonRuntimeErrorRegex)) === null || _a === void 0 ? void 0 : _a.reduce((acc, curr) => acc + '\n' + curr)) !== null && _b !== void 0 ? _b : '',
         errorLangType: 'python',
         errorType: 'runtime'
       };
     case PythonSyntaxErrorRegex.test(escapedText):
       return {
-        errorCode: (_d = (_c = escapedText.match(PythonSyntaxErrorRegex)) === null || _c === void 0 ? void 0 : _c.reduce(function (acc, curr) {
-          return acc + '\n' + curr;
-        })) !== null && _d !== void 0 ? _d : '',
+        errorCode: (_d = (_c = escapedText.match(PythonSyntaxErrorRegex)) === null || _c === void 0 ? void 0 : _c.reduce((acc, curr) => acc + '\n' + curr)) !== null && _d !== void 0 ? _d : '',
         errorLangType: 'python',
         errorType: 'syntax'
       };
     case CCCPCompileErrorRegex.test(escapedText):
       return {
-        errorCode: (_f = (_e = escapedText.match(CCCPCompileErrorRegex)) === null || _e === void 0 ? void 0 : _e.reduce(function (acc, curr) {
-          return acc + '\n' + curr;
-        })) !== null && _f !== void 0 ? _f : '',
+        errorCode: (_f = (_e = escapedText.match(CCCPCompileErrorRegex)) === null || _e === void 0 ? void 0 : _e.reduce((acc, curr) => acc + '\n' + curr)) !== null && _f !== void 0 ? _f : '',
         errorLangType: 'c/cpp',
         errorType: 'compile'
       };
     case CCCPRuntimeErrorRegex.test(escapedText):
       return {
-        errorCode: (_h = (_g = escapedText.match(CCCPRuntimeErrorRegex)) === null || _g === void 0 ? void 0 : _g.reduce(function (acc, curr) {
-          return acc + '\n' + curr;
-        })) !== null && _h !== void 0 ? _h : '',
+        errorCode: (_h = (_g = escapedText.match(CCCPRuntimeErrorRegex)) === null || _g === void 0 ? void 0 : _g.reduce((acc, curr) => acc + '\n' + curr)) !== null && _h !== void 0 ? _h : '',
         errorLangType: 'c/cpp',
         errorType: 'runtime'
       };
     case JavaCompileErrorRegex.test(escapedText):
       return {
-        errorCode: (_k = (_j = escapedText.match(JavaCompileErrorRegex)) === null || _j === void 0 ? void 0 : _j.reduce(function (acc, curr) {
-          return acc + '\n' + curr;
-        })) !== null && _k !== void 0 ? _k : '',
+        errorCode: (_k = (_j = escapedText.match(JavaCompileErrorRegex)) === null || _j === void 0 ? void 0 : _j.reduce((acc, curr) => acc + '\n' + curr)) !== null && _k !== void 0 ? _k : '',
         errorLangType: 'java',
         errorType: 'compile'
       };
     case JavaRuntimeErrorRegex.test(escapedText):
       return {
-        errorCode: (_m = (_l = escapedText.match(JavaRuntimeErrorRegex)) === null || _l === void 0 ? void 0 : _l.reduce(function (acc, curr) {
-          return acc + '\n' + curr;
-        })) !== null && _m !== void 0 ? _m : '',
+        errorCode: (_m = (_l = escapedText.match(JavaRuntimeErrorRegex)) === null || _l === void 0 ? void 0 : _l.reduce((acc, curr) => acc + '\n' + curr)) !== null && _m !== void 0 ? _m : '',
         errorLangType: 'java',
         errorType: 'runtime'
       };
     case JavascriptRuntimeErrorRegex.test(escapedText):
       return {
-        errorCode: (_p = (_o = escapedText.match(JavascriptRuntimeErrorRegex)) === null || _o === void 0 ? void 0 : _o.reduce(function (acc, curr) {
-          return acc + '\n' + curr;
-        })) !== null && _p !== void 0 ? _p : '',
+        errorCode: (_p = (_o = escapedText.match(JavascriptRuntimeErrorRegex)) === null || _o === void 0 ? void 0 : _o.reduce((acc, curr) => acc + '\n' + curr)) !== null && _p !== void 0 ? _p : '',
         errorLangType: 'javascript',
         errorType: 'runtime'
       };

package/es/components/material-exercise/MaterialExercise.i18n.js

@@ -1,7 +1,7 @@
-var en = {
+const en = {
   'materialExercise.button.referenceDocs': 'Reference Docs'
 };
-var ko = {
+const ko = {
   'materialExercise.button.referenceDocs': '언어 레퍼런스'
 };
 

package/es/components/material-exercise/MaterialExercise.js

@@ -33,22 +33,24 @@ import { en } from './MaterialExercise.i18n.js';
 /**
  * Material exercise.
  */
-var MaterialExercise = forwardRef(function (props, ref) {
-  var intl = useIntl();
-  var _React$useContext = React.useContext(ExerciseContext),
-    onReferenceDocsToggle = _React$useContext.onReferenceDocsToggle;
-  var _useRecoilValue = useRecoilValue(exerciseContainerSizeState),
-    width = _useRecoilValue.width,
-    height = _useRecoilValue.height;
-  var exercise = useRecoilValue(exerciseState(props.materialExerciseId));
-  var exerciseFileTreeOpened = useRecoilValue(exerciseFileTreeOpenedState);
-  var exercisePreviewType = useRecoilValue(exercisePreviewTypeState(props.materialExerciseId));
-  var exercisePreviewDisplayMode = useRecoilValue(exercisePreviewDisplayModeState);
-  var exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
+const MaterialExercise = forwardRef((props, ref) => {
+  const intl = useIntl();
+  const {
+    onReferenceDocsToggle
+  } = React.useContext(ExerciseContext);
+  const {
+    width,
+    height
+  } = useRecoilValue(exerciseContainerSizeState);
+  const exercise = useRecoilValue(exerciseState(props.materialExerciseId));
+  const exerciseFileTreeOpened = useRecoilValue(exerciseFileTreeOpenedState);
+  const exercisePreviewType = useRecoilValue(exercisePreviewTypeState(props.materialExerciseId));
+  const exercisePreviewDisplayMode = useRecoilValue(exercisePreviewDisplayModeState);
+  const exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
   /**
    * File tree
    */
-  var renderExerciseFileTree = function renderExerciseFileTree() {
+  const renderExerciseFileTree = () => {
     return React.createElement(StyledxerciseFileTreeContaner, {
       "aria-hidden": !exerciseFileTreeOpened
     }, React.createElement(ResizableNext, Object.assign({}, MATERIAL_RESIZABLE_COMMON_PROPS, {
@@ -60,19 +62,19 @@ var MaterialExercise = forwardRef(function (props, ref) {
   /**
    * File tree toggle button
    */
-  var renderExerciseFileTreeButton = function renderExerciseFileTreeButton() {
+  const renderExerciseFileTreeButton = () => {
     return React.createElement(ExerciseFileTabsFileTreeButton, null);
   };
   /**
    * File tabs
    */
-  var renderExerciseFileTabs = function renderExerciseFileTabs() {
+  const renderExerciseFileTabs = () => {
     return React.createElement(StyledExerciseTabsWrap, null, React.createElement(ExerciseFileTabsLazy, null));
   };
   /**
    * reference docs toggle button
    */
-  var renderExerciseReferenceDocsToggleButton = function renderExerciseReferenceDocsToggleButton() {
+  const renderExerciseReferenceDocsToggleButton = () => {
     if (typeof onReferenceDocsToggle !== 'function') {
       return null;
     }
@@ -96,19 +98,19 @@ var MaterialExercise = forwardRef(function (props, ref) {
   /**
    * Menu
    */
-  var renderExerciseMenu = function renderExerciseMenu() {
+  const renderExerciseMenu = () => {
     return React.createElement(StyledExerciseTabMenuWrap, null, renderExerciseReferenceDocsToggleButton(), React.createElement(ExerciseMultilangDropdownLazy, null), React.createElement(ExerciseMenu, null));
   };
   /**
    * Code editor and file viewer
    */
-  var renderExerciseFile = function renderExerciseFile() {
+  const renderExerciseFile = () => {
     return React.createElement(StyledExerciseFileWrap, null, React.createElement(ExerciseFile, null));
   };
   /**
    * Exercise preview (side by side)
    */
-  var renderExercisePreviewSideBySide = function renderExercisePreviewSideBySide() {
+  const renderExercisePreviewSideBySide = () => {
     if (exercisePreviewType === ExercisePreviewType.None) {
       return null;
     }
@@ -125,7 +127,7 @@ var MaterialExercise = forwardRef(function (props, ref) {
   /**
    * Exercise main
    */
-  var renderExerciseMain = function renderExerciseMain() {
+  const renderExerciseMain = () => {
     if (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.isEditorDisabled) {
       return null;
     }
@@ -134,8 +136,8 @@ var MaterialExercise = forwardRef(function (props, ref) {
   /**
    * Exercise Runner
    */
-  var renderExerciseRunner = function renderExerciseRunner() {
-    var _runner = React.createElement(StyledExerciseRunnerWrap, null, React.createElement(ExerciseRunner, {
+  const renderExerciseRunner = () => {
+    const _runner = React.createElement(StyledExerciseRunnerWrap, null, React.createElement(ExerciseRunner, {
       exercisePreview: React.createElement(ExercisePreview, null)
     }));
     if (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.isEditorDisabled) {
@@ -150,16 +152,12 @@ var MaterialExercise = forwardRef(function (props, ref) {
   //
   //
   //
-  React.useImperativeHandle(ref, function () {
-    return {
-      sendTextToRunner: function sendTextToRunner(text) {
-        exerciseRunnerTextSend$.next(text);
-      },
-      getMonacoEditorApis: function getMonacoEditorApis() {
-        return exerciseMonacoEditorApis;
-      }
-    };
-  }, [exerciseMonacoEditorApis]);
+  React.useImperativeHandle(ref, () => ({
+    sendTextToRunner: text => {
+      exerciseRunnerTextSend$.next(text);
+    },
+    getMonacoEditorApis: () => exerciseMonacoEditorApis
+  }), [exerciseMonacoEditorApis]);
   //
   //
   //
@@ -168,9 +166,10 @@ var MaterialExercise = forwardRef(function (props, ref) {
 //
 //
 //
-var MaterialExercise$1 = withForwardRefMaterial(forwardRef(function (props, ref) {
-  var _props$locale = props.locale,
-    locale = _props$locale === void 0 ? 'en' : _props$locale;
+var MaterialExercise$1 = withForwardRefMaterial(forwardRef((props, ref) => {
+  const {
+    locale = 'en'
+  } = props;
   return React.createElement(IntlProvider, {
     locale: locale,
     defaultLocale: "en",