@elice/material-exercise 1.230325.0 → 1.230418.0

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
@@ -30,83 +32,67 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 //
 //
-
+//
 /**
  * Material exercise.
  */
-
-const MaterialExercise = React.forwardRef((props, ref) => {
-  const _api = React__default["default"].useRef({});
-
-  const {
-    width,
-    height
-  } = recoil.useRecoilValue(recoil$1.exerciseContainerSizeState);
-  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(props.materialExerciseId));
-  const exerciseFileTreeOpened = recoil.useRecoilValue(recoil$1.exerciseFileTreeOpenedState);
-  const exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(props.materialExerciseId));
-  const exercisePreviewDisplayMode = recoil.useRecoilValue(recoil$1.exercisePreviewDisplayModeState);
+var MaterialExercise = React.forwardRef(function (props, ref) {
+  var _api = React__default["default"].useRef({});
+  var _useRecoilValue = recoil.useRecoilValue(recoil$1.exerciseContainerSizeState),
+    width = _useRecoilValue.width,
+    height = _useRecoilValue.height;
+  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(props.materialExerciseId));
+  var exerciseFileTreeOpened = recoil.useRecoilValue(recoil$1.exerciseFileTreeOpenedState);
+  var exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(props.materialExerciseId));
+  var exercisePreviewDisplayMode = recoil.useRecoilValue(recoil$1.exercisePreviewDisplayModeState);
   /**
    * File tree
    */
-
-  const renderExerciseFileTree = () => {
+  var renderExerciseFileTree = function renderExerciseFileTree() {
     return React__default["default"].createElement(MaterialExercise_styled.StyledxerciseFileTreeContaner, {
       "aria-hidden": !exerciseFileTreeOpened
     }, React__default["default"].createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
       initialWidth: Math.max(MaterialExercise_styled.EXERCISE_FILE_TREE_MIN_WIDTH, width * MaterialExercise_styled.EXERCISE_HORIZONTAL_RATIO.FILETREE),
       minConstraints: [MaterialExercise_styled.EXERCISE_FILE_TREE_MIN_WIDTH, Infinity],
       resizeHandles: ['e']
-    }), React__default["default"].createElement(MaterialExercise_styled.StyledExerciseFileTreeWrap, null, React__default["default"].createElement(ExerciseFileTreeLazy, null))));
+    }), React__default["default"].createElement(MaterialExercise_styled.StyledExerciseFileTreeWrap, null, React__default["default"].createElement(ExerciseFileTreeLazy["default"], null))));
   };
   /**
    * File tree toggle button
    */
-
-
-  const renderExerciseFileTreeButton = () => {
-    return React__default["default"].createElement(ExerciseFileTabsFileTreeButton, null);
+  var renderExerciseFileTreeButton = function renderExerciseFileTreeButton() {
+    return React__default["default"].createElement(ExerciseFileTabsFileTreeButton["default"], null);
   };
   /**
    * File tabs
    */
-
-
-  const renderExerciseFileTabs = () => {
-    return React__default["default"].createElement(MaterialExercise_styled.StyledExerciseTabsWrap, null, React__default["default"].createElement(ExerciseFileTabsLazy, null));
+  var renderExerciseFileTabs = function renderExerciseFileTabs() {
+    return React__default["default"].createElement(MaterialExercise_styled.StyledExerciseTabsWrap, null, React__default["default"].createElement(ExerciseFileTabsLazy["default"], null));
   };
   /**
    * Menu
    */
-
-
-  const renderExerciseMenu = () => {
-    return React__default["default"].createElement(MaterialExercise_styled.StyledExerciseTabMenuWrap, null, React__default["default"].createElement(ExerciseMultilangDropdownLazy, null), React__default["default"].createElement(ExerciseMenu, null));
+  var renderExerciseMenu = function renderExerciseMenu() {
+    return React__default["default"].createElement(MaterialExercise_styled.StyledExerciseTabMenuWrap, null, React__default["default"].createElement(ExerciseMultilangDropdownLazy["default"], null), React__default["default"].createElement(ExerciseMenu["default"], null));
   };
   /**
    * Code editor and file viewer
    */
-
-
-  const renderExerciseFile = () => {
-    return React__default["default"].createElement(MaterialExercise_styled.StyledExerciseFileWrap, null, React__default["default"].createElement(ExerciseFile, null));
+  var renderExerciseFile = function renderExerciseFile() {
+    return React__default["default"].createElement(MaterialExercise_styled.StyledExerciseFileWrap, null, React__default["default"].createElement(ExerciseFile["default"], null));
   };
   /**
    * Exercise preview (side by side)
    */
-
-
-  const renderExercisePreviewSideBySide = () => {
+  var renderExercisePreviewSideBySide = function renderExercisePreviewSideBySide() {
     if (exercisePreviewType === recoilTypes.ExercisePreviewType.None) {
       return null;
     }
-
     if (exercisePreviewDisplayMode !== recoilTypes.ExercisePreviewDisplayMode.SideBySide) {
       return null;
     }
-
     return React__default["default"].createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
-      children: React__default["default"].createElement(ExercisePreview, null),
+      children: React__default["default"].createElement(ExercisePreview["default"], null),
       initialWidth: Math.max(MaterialExercise_styled.EXERCISE_PREVIEW_MIN_WIDTH, width * MaterialExercise_styled.EXERCISE_HORIZONTAL_RATIO.PREVIEW),
       minConstraints: [MaterialExercise_styled.EXERCISE_PREVIEW_MIN_WIDTH, Infinity],
       resizeHandles: ['w']
@@ -115,56 +101,51 @@ const MaterialExercise = React.forwardRef((props, ref) => {
   /**
    * Exercise main
    */
-
-
-  const renderExerciseMain = () => {
+  var renderExerciseMain = function renderExerciseMain() {
     if (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.isEditorDisabled) {
       return null;
     }
-
-    return React__default["default"].createElement(MaterialExercise_styled.StyledExerciseMain, null, renderExerciseFileTree(), React__default["default"].createElement(MaterialExercise_styled.StyledExerciseFileAndTabWrap, null, React__default["default"].createElement(MaterialExercise_styled.StyledExerciseTabBar, null, renderExerciseFileTreeButton(), renderExerciseFileTabs(), renderExerciseMenu()), renderExerciseFile()), React__default["default"].createElement(ExerciseRightpane, null));
+    return React__default["default"].createElement(MaterialExercise_styled.StyledExerciseMain, null, renderExerciseFileTree(), React__default["default"].createElement(MaterialExercise_styled.StyledExerciseFileAndTabWrap, null, React__default["default"].createElement(MaterialExercise_styled.StyledExerciseTabBar, null, renderExerciseFileTreeButton(), renderExerciseFileTabs(), renderExerciseMenu()), renderExerciseFile()), React__default["default"].createElement(ExerciseRightpane["default"], null));
   };
   /**
    * Exercise Runner
    */
-
-
-  const renderExerciseRunner = () => {
-    const _runner = React__default["default"].createElement(MaterialExercise_styled.StyledExerciseRunnerWrap, null, React__default["default"].createElement(ExerciseRunner, {
-      exercisePreview: React__default["default"].createElement(ExercisePreview, null)
+  var renderExerciseRunner = function renderExerciseRunner() {
+    var _runner = React__default["default"].createElement(MaterialExercise_styled.StyledExerciseRunnerWrap, null, React__default["default"].createElement(ExerciseRunner["default"], {
+      exercisePreview: React__default["default"].createElement(ExercisePreview["default"], null)
     }));
-
     if (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.isEditorDisabled) {
       return _runner;
     }
-
     return React__default["default"].createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
       initialHeight: Math.max(MaterialExercise_styled.EXERCISE_RUNNER_MIN_HEIGHT, height * 0.35),
       minConstraints: [Infinity, MaterialExercise_styled.EXERCISE_RUNNER_MIN_HEIGHT],
       resizeHandles: ['n']
     }), _runner);
-  }; //
+  };
   //
   //
-
-
-  _api.current.sendTextToRunner = text => {
+  //
+  _api.current.sendTextToRunner = function (text) {
     subjects.exerciseRunnerTextSend$.next(text);
   };
-
-  React__default["default"].useImperativeHandle(ref, () => _api.current); //
+  React__default["default"].useImperativeHandle(ref, function () {
+    return _api.current;
+  });
+  //
   //
   //
-
   return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(MaterialExercise_styled.StyledExerciseContainer, null, renderExerciseMain(), renderExerciseRunner()), renderExercisePreviewSideBySide());
-}); //
+});
 //
 //
-
-var MaterialExercise$1 = materialSharedUtils.withForwardRefMaterial(React.forwardRef((props, ref) => React__default["default"].createElement(ExerciseProvider, Object.assign({}, props), React__default["default"].createElement(MaterialExercise, Object.assign({}, props, {
-  ref: ref
-})))), apiClient.config.init, {
+//
+var MaterialExercise$1 = materialSharedUtils.withForwardRefMaterial(React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(ExerciseProvider["default"], Object.assign({}, props), React__default["default"].createElement(MaterialExercise, Object.assign({}, props, {
+    ref: ref
+  })));
+}), apiClient.config.init, {
   overrideRecoilScope: true
 });
 
-module.exports = MaterialExercise$1;
+exports["default"] = MaterialExercise$1;

package/cjs/components/material-exercise/MaterialExercise.styled.js

@@ -10,10 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const EXERCISE_FILE_TREE_MIN_WIDTH = 128;
-const EXERCISE_PREVIEW_MIN_WIDTH = 128;
-const EXERCISE_RUNNER_MIN_HEIGHT = 128;
-const EXERCISE_HORIZONTAL_RATIO = {
+var EXERCISE_FILE_TREE_MIN_WIDTH = 128;
+var EXERCISE_PREVIEW_MIN_WIDTH = 128;
+var EXERCISE_RUNNER_MIN_HEIGHT = 128;
+var EXERCISE_HORIZONTAL_RATIO = {
   FILETREE: 0.15,
   EDITOR: 0.45,
   PREVIEW: 0.4
@@ -25,8 +25,7 @@ const EXERCISE_HORIZONTAL_RATIO = {
  * - File (Editor)
  * - Runner
  */
-
-const StyledExerciseContainer = styled__default["default"].div.withConfig({
+var StyledExerciseContainer = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-0"
 })(["flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;"]);
 /**
@@ -35,8 +34,7 @@ const StyledExerciseContainer = styled__default["default"].div.withConfig({
  * - FileTabs
  * - File (Editor)
  */
-
-const StyledExerciseMain = styled__default["default"].div.withConfig({
+var StyledExerciseMain = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-1"
 })(["flex:1;display:flex;width:100%;min-width:0;min-height:0;"]);
 /**
@@ -44,32 +42,31 @@ const StyledExerciseMain = styled__default["default"].div.withConfig({
  * - FileTabs
  * - File (Editor)
  */
-
-const StyledExerciseFileAndTabWrap = styled__default["default"].div.withConfig({
+var StyledExerciseFileAndTabWrap = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-2"
 })(["flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;background-color:", ";"], designTokens.base.color.navy9);
-const StyledExerciseFileWrap = styled__default["default"].div.withConfig({
+var StyledExerciseFileWrap = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-3"
-})(["flex:1;min-height:0;"]); // ========== Exercise FileTab ==========
-
-const StyledExerciseTabBar = styled__default["default"].div.withConfig({
+})(["flex:1;min-height:0;"]);
+// ========== Exercise FileTab ==========
+var StyledExerciseTabBar = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-4"
 })(["display:flex;border-bottom:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
-const StyledExerciseTabsWrap = styled__default["default"].div.withConfig({
+var StyledExerciseTabsWrap = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-5"
 })(["flex:1;min-width:0;"]);
-const StyledExerciseTabMenuWrap = styled__default["default"].div.withConfig({
+var StyledExerciseTabMenuWrap = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-6"
-})(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;background-color:", ";"], designTokens.base.color.navy8); // ========== Exercise FileTree ==========
-
-const StyledExerciseFileTreeWrap = styled__default["default"].div.withConfig({
+})(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;background-color:", ";"], designTokens.base.color.navy8);
+// ========== Exercise FileTree ==========
+var StyledExerciseFileTreeWrap = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-7"
 })(["flex:1;display:flex;flex-direction:column;min-width:0;height:100%;border-right:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
-const StyledxerciseFileTreeContaner = styled__default["default"].div.withConfig({
+var StyledxerciseFileTreeContaner = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-8"
-})(["display:flex;height:100%;max-width:auto;&[aria-hidden='true']{max-width:0;overflow:hidden;}"]); // ========== Exercise Runner ==========
-
-const StyledExerciseRunnerWrap = styled__default["default"].div.withConfig({
+})(["display:flex;height:100%;max-width:auto;&[aria-hidden='true']{max-width:0;overflow:hidden;}"]);
+// ========== Exercise Runner ==========
+var StyledExerciseRunnerWrap = styled__default["default"].div.withConfig({
   componentId: "sc-9joi7g-9"
 })(["width:100%;height:100%;border-top:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
 

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
@@ -17,28 +19,30 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 //
 //
-
+//
 /**
  * Material exercise.
  */
-
-const MaterialExerciseMobile = ({
-  filename
-}) => {
-  const setExerciseActiveFilename = recoil.useSetRecoilState(recoil$1.exerciseActiveFilenameState);
-  React__default["default"].useEffect(() => setExerciseActiveFilename(filename), // eslint-disable-next-line react-hooks/exhaustive-deps
-  [filename]); //
+var MaterialExerciseMobile = function MaterialExerciseMobile(_ref) {
+  var filename = _ref.filename;
+  var setExerciseActiveFilename = recoil.useSetRecoilState(recoil$1.exerciseActiveFilenameState);
+  React__default["default"].useEffect(function () {
+    return setExerciseActiveFilename(filename);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [filename]);
   //
   //
-
-  return React__default["default"].createElement(ExerciseFile, null);
-}; //
+  //
+  return React__default["default"].createElement(ExerciseFile["default"], null);
+};
 //
 //
-
-
-var MaterialExerciseMobile$1 = materialSharedUtils.withMaterial(props => React__default["default"].createElement(ExerciseProvider, Object.assign({}, props), React__default["default"].createElement(MaterialExerciseMobile, Object.assign({}, props))), apiClient.config.init, {
+//
+var MaterialExerciseMobile$1 = materialSharedUtils.withMaterial(function (props) {
+  return React__default["default"].createElement(ExerciseProvider["default"], Object.assign({}, props), React__default["default"].createElement(MaterialExerciseMobile, Object.assign({}, props)));
+}, apiClient.config.init, {
   overrideRecoilScope: true
 });
 
-module.exports = MaterialExerciseMobile$1;
+exports["default"] = MaterialExerciseMobile$1;

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

@@ -12,16 +12,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 //
 //
-
+//
 /**
  *
  */
-
-const withExerciseIntlProvider = (Component, phrases) => {
-  return props => {
-    const {
-      locale
-    } = React.useContext(context.ExerciseContext);
+var withExerciseIntlProvider = function withExerciseIntlProvider(Component, phrases) {
+  return function (props) {
+    var _useContext = React.useContext(context.ExerciseContext),
+      locale = _useContext.locale;
     return React__default["default"].createElement(materialSharedUtils.MaterialIntlProvider, {
       children: React__default["default"].createElement(Component, Object.assign({}, props)),
       locale: locale,
@@ -32,12 +30,10 @@ const withExerciseIntlProvider = (Component, phrases) => {
 /**
  *
  */
-
-const withForwardRefExerciseIntlProvider = (Component, phrases) => {
-  return React.forwardRef((props, ref) => {
-    const {
-      locale
-    } = React.useContext(context.ExerciseContext);
+var withForwardRefExerciseIntlProvider = function withForwardRefExerciseIntlProvider(Component, phrases) {
+  return React.forwardRef(function (props, ref) {
+    var _useContext2 = React.useContext(context.ExerciseContext),
+      locale = _useContext2.locale;
     return React__default["default"].createElement(materialSharedUtils.MaterialIntlProvider, {
       children: React__default["default"].createElement(Component, Object.assign({}, props, {
         ref: ref

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

@@ -1,5 +1,8 @@
 'use strict';
 
+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');
@@ -16,8 +19,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const RECOIL_RESET_DELAY = 10;
-const StyledMaterialExercise = styled__default["default"].div.withConfig({
+var RECOIL_RESET_DELAY = 10;
+var StyledMaterialExercise = styled__default["default"].div.withConfig({
   componentId: "sc-pj5yv2-0"
 })(["display:flex;width:100%;height:100%;.eb-resizable{height:inherit;}"]);
 /**
@@ -26,113 +29,114 @@ const StyledMaterialExercise = styled__default["default"].div.withConfig({
  * - fetching exercise room
  * - fetching exercise room id
  */
-
-const ExerciseProvider = _a => {
-  var {
-    children,
-    materialExerciseId,
-    exerciseRoomId,
-    exerciseRoomUserId,
-    onDefaultExerciseRoomIdSet,
-    exerciseImageEmptyOptions
-  } = _a,
-      contextProps = tslib.__rest(_a, ["children", "materialExerciseId", "exerciseRoomId", "exerciseRoomUserId", "onDefaultExerciseRoomIdSet", "exerciseImageEmptyOptions"]); // user
-
-
-  const user = recoil.useRecoilValue(recoil$1.exerciseUserState); // exercise
-
-  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId)); // lecture
-
-  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
-
-  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
-
-  const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
-  const setConatinerSize = recoil.useSetRecoilState(recoil$1.exerciseContainerSizeState); // wrap container size
-
-  const [wrapElRef, {
-    width,
-    height
-  }] = reactUse.useMeasure(); //
+var ExerciseProvider = function ExerciseProvider(_a) {
+  var children = _a.children,
+    materialExerciseId = _a.materialExerciseId,
+    exerciseRoomId = _a.exerciseRoomId,
+    exerciseRoomUserId = _a.exerciseRoomUserId,
+    onDefaultExerciseRoomIdSet = _a.onDefaultExerciseRoomIdSet,
+    exerciseImageEmptyOptions = _a.exerciseImageEmptyOptions,
+    contextProps = tslib.__rest(_a, ["children", "materialExerciseId", "exerciseRoomId", "exerciseRoomUserId", "onDefaultExerciseRoomIdSet", "exerciseImageEmptyOptions"]);
+  // user
+  var user = recoil.useRecoilValue(recoil$1.exerciseUserState);
+  // exercise
+  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  var 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));
+  // 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));
+  // etc
+  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  var setConatinerSize = recoil.useSetRecoilState(recoil$1.exerciseContainerSizeState);
+  // wrap container size
+  var _useMeasure = reactUse.useMeasure(),
+    _useMeasure2 = _rollupPluginBabelHelpers.slicedToArray(_useMeasure, 2),
+    wrapElRef = _useMeasure2[0],
+    _useMeasure2$ = _useMeasure2[1],
+    width = _useMeasure2$.width,
+    height = _useMeasure2$.height;
+  //
   // 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(() => {
+  React__default["default"].useEffect(function () {
     if (exerciseRoomId) {
       return;
     }
-
     apiClient.getOrgMaterialExerciseDefaultRoomGet({
-      materialExerciseId
-    }).then(res => {
+      materialExerciseId: materialExerciseId
+    }).then(function (res) {
       if (typeof onDefaultExerciseRoomIdSet === 'function') {
         onDefaultExerciseRoomIdSet(res.exerciseRoomId);
       }
-    }).catch(err => {
+    }).catch(function (err) {
       if (typeof contextProps.onError === 'function') {
         contextProps.onError(err);
       }
     });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [exerciseRoomId, materialExerciseId]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [exerciseRoomId, materialExerciseId]);
+  //
   // reset lecture, after `exercise.lectureId` changed
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (!(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId)) {
       return;
     }
-
-    const timeout = window.setTimeout(() => resetLecture(), RECOIL_RESET_DELAY);
-    return () => {
+    var timeout = window.setTimeout(function () {
+      return resetLecture();
+    }, RECOIL_RESET_DELAY);
+    return function () {
       window.clearTimeout(timeout);
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [exercise]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [exercise]);
+  //
   // reset exercise multilang languages, after `exercise.id` changed
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (!(exercise === null || exercise === void 0 ? void 0 : exercise.id)) {
       return;
     }
-
-    const timeout = window.setTimeout(() => resetExerciseMultilangLanguages(), RECOIL_RESET_DELAY);
-    return () => {
+    var timeout = window.setTimeout(function () {
+      return resetExerciseMultilangLanguages();
+    }, RECOIL_RESET_DELAY);
+    return function () {
       window.clearTimeout(timeout);
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [exercise]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [exercise]);
+  //
   // update Provider size
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (width && height) {
       setConatinerSize({
-        width,
-        height
+        width: width,
+        height: height
       });
     }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [width, height]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [width, height]);
+  //
   //
   //
-
   return React__default["default"].createElement(StyledMaterialExercise, {
     ref: wrapElRef,
-    children: (() => {
-      var _a; // render after measure Provider size
-
-
+    children: function () {
+      var _a;
+      // render after measure Provider size
       if (!width || !height) {
         return null;
-      } // show spinner before exercise ready
-
-
+      }
+      // show spinner before exercise ready
       if (!user || !lecture || !exercise || !exerciseRoomId || !exerciseRoom || typeof exerciseMultilangLanguages === 'undefined') {
         return React__default["default"].createElement(blocks.Flex, {
           align: "center",
@@ -140,27 +144,25 @@ const ExerciseProvider = _a => {
           width: "100%",
           height: "100%"
         }, React__default["default"].createElement(blocks.Spinner, null));
-      } // when exerciseImage is not ready yet
-
-
+      }
+      // when exerciseImage is not ready yet
       if (exercise.readyExerciseImage === null) {
-        return React__default["default"].createElement(ExerciseProviderNoImage, Object.assign({}, exerciseImageEmptyOptions, {
+        return React__default["default"].createElement(ExerciseProviderNoImage["default"], Object.assign({}, exerciseImageEmptyOptions, {
           locale: contextProps.locale
         }));
-      } // render
-
-
+      }
+      // render
       return React__default["default"].createElement(context.ExerciseContext.Provider, {
         children: children,
         value: Object.assign(Object.assign({}, contextProps), {
-          materialExerciseId,
-          exerciseRoomId,
+          materialExerciseId: materialExerciseId,
+          exerciseRoomId: 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 || ''))
         })
       });
-    })()
+    }()
   });
-}; //
+};
 
-module.exports = ExerciseProvider;
+exports["default"] = ExerciseProvider;