@elice/material-exercise 1.230629.0-referencedocs.0 → 1.230629.1

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

@@ -23,6 +23,7 @@ var ExerciseFileTabsLazy = require('./exercise-file-tabs/ExerciseFileTabsLazy.js
 require('./exercise-file-tree/ExerciseFileTree.js');
 var ExerciseFileTreeLazy = require('./exercise-file-tree/ExerciseFileTreeLazy.js');
 var ExerciseMenu = require('./exercise-menu/ExerciseMenu.js');
+require('react-use');
 var ExerciseMultilangDropdownLazy = require('./exercise-multilang-dropdown/ExerciseMultilangDropdownLazy.js');
 var ExercisePreview = require('./exercise-preview/ExercisePreview.js');
 var ExerciseRightpane = require('./exercise-rightpane/ExerciseRightpane.js');

package/cjs/components/material-exercise/exercise-multilang-dropdown/ExerciseMultilangDropdown.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
 var recoil = require('recoil');
 var recoil$1 = require('../context/recoil.js');
@@ -30,6 +31,14 @@ var ExerciseMultilangDropdown = function ExerciseMultilangDropdown() {
     multilangEnvironment = _useRecoilState2[0],
     setMultilangEnvironment = _useRecoilState2[1];
   //
+  // emit `onMultiLangLanguageChange` when language changed
+  //
+  reactUse.useDebounce(function () {
+    if (multilangEnvironment && typeof onMultiLangLanguageChange === 'function') {
+      onMultiLangLanguageChange(multilangEnvironment.language);
+    }
+  }, 250, [multilangEnvironment]);
+  //
   //
   //
   if (!multilangLanguages || !Object.keys(multilangLanguages !== null && multilangLanguages !== void 0 ? multilangLanguages : {}).length || !multilangEnvironment) {
@@ -42,12 +51,9 @@ var ExerciseMultilangDropdown = function ExerciseMultilangDropdown() {
     placement: "bottom-end",
     value: multilangEnvironment.language,
     onChange: function onChange(language) {
-      setMultilangEnvironment({
+      return setMultilangEnvironment({
         language: language
       });
-      if (typeof onMultiLangLanguageChange === 'function') {
-        onMultiLangLanguageChange(language);
-      }
     }
   }, Object.keys(multilangLanguages).map(function (lang) {
     return React__default["default"].createElement("option", {

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

@@ -19,6 +19,7 @@ import ExerciseFileTabsLazy from './exercise-file-tabs/ExerciseFileTabsLazy.js';
 import './exercise-file-tree/ExerciseFileTree.js';
 import ExerciseFileTreeLazy from './exercise-file-tree/ExerciseFileTreeLazy.js';
 import ExerciseMenu from './exercise-menu/ExerciseMenu.js';
+import 'react-use';
 import ExerciseMultilangDropdownLazy from './exercise-multilang-dropdown/ExerciseMultilangDropdownLazy.js';
 import ExercisePreview from './exercise-preview/ExercisePreview.js';
 import ExerciseRightpane from './exercise-rightpane/ExerciseRightpane.js';

package/es/components/material-exercise/exercise-multilang-dropdown/ExerciseMultilangDropdown.js

@@ -1,5 +1,6 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
+import { useDebounce } from 'react-use';
 import { Dropdown } from '@elice/blocks';
 import { useRecoilValue, useRecoilState } from 'recoil';
 import { exerciseMultilangLanguagesState, exerciseMultilangEnvironmentState } from '../context/recoil.js';
@@ -22,6 +23,14 @@ var ExerciseMultilangDropdown = function ExerciseMultilangDropdown() {
     multilangEnvironment = _useRecoilState2[0],
     setMultilangEnvironment = _useRecoilState2[1];
   //
+  // emit `onMultiLangLanguageChange` when language changed
+  //
+  useDebounce(function () {
+    if (multilangEnvironment && typeof onMultiLangLanguageChange === 'function') {
+      onMultiLangLanguageChange(multilangEnvironment.language);
+    }
+  }, 250, [multilangEnvironment]);
+  //
   //
   //
   if (!multilangLanguages || !Object.keys(multilangLanguages !== null && multilangLanguages !== void 0 ? multilangLanguages : {}).length || !multilangEnvironment) {
@@ -34,12 +43,9 @@ var ExerciseMultilangDropdown = function ExerciseMultilangDropdown() {
     placement: "bottom-end",
     value: multilangEnvironment.language,
     onChange: function onChange(language) {
-      setMultilangEnvironment({
+      return setMultilangEnvironment({
         language: language
       });
-      if (typeof onMultiLangLanguageChange === 'function') {
-        onMultiLangLanguageChange(language);
-      }
     }
   }, Object.keys(multilangLanguages).map(function (lang) {
     return React.createElement("option", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.230629.0-referencedocs.0",
+  "version": "1.230629.1",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -79,9 +79,9 @@
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/markdown": "^1.220803.0",
-    "@elice/material-shared-types": "1.230629.0-referencedocs.0",
-    "@elice/material-shared-utils": "1.230629.0-referencedocs.0",
-    "@elice/types": "1.230522.0",
+    "@elice/material-shared-types": "1.230629.1",
+    "@elice/material-shared-utils": "1.230629.1",
+    "@elice/types": "^1.230629.0",
     "@elice/websocket": "^1.220803.0",
     "@types/classnames": "^2.3.1",
     "@types/color": "^3.0.3",
@@ -102,5 +102,5 @@
     "recoil": "^0.6.1",
     "styled-components": "^5.2.0"
   },
-  "gitHead": "faa2abea222ea9a4111a609429109a670dbf7057"
+  "gitHead": "61c8c138a1361e5e8a081157fd2e7837fc39fbf3"
 }