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

package/cjs/components/material-exercise/exercise-file-tree/ExerciseFileTree.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var apiClient = require('@elice/api-client');
@@ -26,21 +25,10 @@ var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/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 AsyncFileTree = React__default["default"].lazy(function () {
-  return Promise.resolve().then(function () { return require('../../shared/file-tree/FileTree.js'); });
-});
-var AsyncFileTreeList = React__default["default"].lazy(function () {
-  return Promise.resolve().then(function () { return require('../../shared/file-tree/FileTreeList.js'); });
-});
-var AsyncFileTreeToolbar = React__default["default"].lazy(function () {
-  return Promise.resolve().then(function () { return require('../../shared/file-tree/FileTreeToolbar.js'); });
-});
-var StyledFileTreeDivider = styled__default["default"].hr.withConfig({
+const AsyncFileTree = React.lazy(() => Promise.resolve().then(function () { return require('../../shared/file-tree/FileTree.js'); }));
+const AsyncFileTreeList = React.lazy(() => Promise.resolve().then(function () { return require('../../shared/file-tree/FileTreeList.js'); }));
+const AsyncFileTreeToolbar = React.lazy(() => Promise.resolve().then(function () { return require('../../shared/file-tree/FileTreeToolbar.js'); }));
+const StyledFileTreeDivider = styled.hr.withConfig({
   componentId: "sc-107xvf5-0"
 })(["margin:0;width:100%;height:1px;border:0;border-bottom:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
 var MaterialExerciseFileError;
@@ -56,62 +44,48 @@ var MaterialExerciseFileError;
   MaterialExerciseFileError["UsableSizeExceed"] = "usable_size_exceed";
   MaterialExerciseFileError["SubFileOrPathExist"] = "sub_file_or_path_exist";
 })(MaterialExerciseFileError || (MaterialExerciseFileError = {}));
-var ExerciseFileTree = function ExerciseFileTree() {
+const ExerciseFileTree = () => {
   var _a, _b, _c, _d;
-  var intl = reactIntl.useIntl();
-  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
-    exerciseRoomId = _React$useContext.exerciseRoomId,
-    materialExerciseId = _React$useContext.materialExerciseId,
-    locale = _React$useContext.locale,
-    onError = _React$useContext.onError;
+  const intl = reactIntl.useIntl();
+  const {
+    exerciseRoomId,
+    materialExerciseId,
+    locale,
+    onError
+  } = React.useContext(context.ExerciseContext);
   // exercise state
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseRoomState(exerciseRoomId)),
-    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
-    exerciseRoom = _useRecoilState2[0],
-    setExerciseRoom = _useRecoilState2[1];
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const [exerciseRoom, setExerciseRoom] = recoil.useRecoilState(recoil$1.exerciseRoomState(exerciseRoomId));
   // multi lang states
-  var multilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(materialExerciseId));
-  var multilangEnvironment = recoil.useRecoilValue(recoil$1.exerciseMultilangEnvironmentState({
-    materialExerciseId: materialExerciseId,
-    exerciseRoomId: exerciseRoomId
+  const multilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(materialExerciseId));
+  const multilangEnvironment = recoil.useRecoilValue(recoil$1.exerciseMultilangEnvironmentState({
+    materialExerciseId,
+    exerciseRoomId
+  }));
+  const [openedTabs, setOpenedTabs] = recoil.useRecoilState(recoil$1.exerciseFileTabsOpenedState({
+    materialExerciseId,
+    exerciseRoomId
   }));
-  var _useRecoilState3 = recoil.useRecoilState(recoil$1.exerciseFileTabsOpenedState({
-      materialExerciseId: materialExerciseId,
-      exerciseRoomId: exerciseRoomId
-    })),
-    _useRecoilState4 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState3, 2),
-    openedTabs = _useRecoilState4[0],
-    setOpenedTabs = _useRecoilState4[1];
-  var _useRecoilState5 = recoil.useRecoilState(recoil$1.exerciseActiveFilenameState),
-    _useRecoilState6 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState5, 2),
-    activeFilename = _useRecoilState6[0],
-    setActiveFilename = _useRecoilState6[1];
-  var _React$useState = React__default["default"].useState(activeFilename || ''),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    activePath = _React$useState2[0],
-    setActivePath = _React$useState2[1];
-  var _React$useState3 = React__default["default"].useState('idle'),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    apiStatus = _React$useState4[0],
-    setApiStatus = _React$useState4[1];
+  const [activeFilename, setActiveFilename] = recoil.useRecoilState(recoil$1.exerciseActiveFilenameState);
+  const [activePath, setActivePath] = React.useState(activeFilename || '');
+  const [apiStatus, setApiStatus] = React.useState('idle');
   // activeFilename update effect
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     var _a, _b, _c;
     if ((exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.MultiLanguage && multilangLanguages && multilangEnvironment && multilangLanguages[multilangEnvironment['language']]) {
-      var filename = (_a = multilangLanguages[multilangEnvironment['language']].initialOpenFilelist[0]) !== null && _a !== void 0 ? _a : null;
+      const filename = (_a = multilangLanguages[multilangEnvironment['language']].initialOpenFilelist[0]) !== null && _a !== void 0 ? _a : null;
       setActiveFilename(filename);
     } else {
-      var _filename = (_c = (_b = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _b === void 0 ? void 0 : _b.initialOpenFilelist[0]) !== null && _c !== void 0 ? _c : null;
-      setActiveFilename(_filename);
+      const filename = (_c = (_b = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _b === void 0 ? void 0 : _b.initialOpenFilelist[0]) !== null && _c !== void 0 ? _c : null;
+      setActiveFilename(filename);
     }
   }, [exercise, multilangLanguages, multilangEnvironment, setActiveFilename]);
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (activeFilename) {
       setActivePath(activeFilename);
     }
   }, [activeFilename]);
-  var multilanguageFilelistFilter = function multilanguageFilelistFilter(filelist) {
+  const multilanguageFilelistFilter = filelist => {
     if (!filelist || !exercise) {
       return [];
     }
@@ -122,61 +96,39 @@ var ExerciseFileTree = function ExerciseFileTree() {
       if (!multilangLanguages[multilangEnvironment.language]) {
         return [];
       }
-      return filelist.filter(function (filepath) {
-        return filepath.startsWith(multilangLanguages[multilangEnvironment.language].rootDir);
-      });
+      return filelist.filter(filepath => filepath.startsWith(multilangLanguages[multilangEnvironment.language].rootDir));
     } else {
       return filelist;
     }
   };
-  var handleActivePathChange = function handleActivePathChange(path) {
-    var isDirectory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const handleActivePathChange = (path, isDirectory = false) => {
     if (!isDirectory) {
       if (!openedTabs.includes(path)) {
-        setOpenedTabs([].concat(_rollupPluginBabelHelpers.toConsumableArray(openedTabs), [path]));
+        setOpenedTabs([...openedTabs, path]);
       }
       setActiveFilename(path);
     }
     setActivePath(path);
   };
-  var doGetOrgMaterialExerciseExerciseRoomGet = /*#__PURE__*/function () {
-    var _ref = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var _yield$getOrgMaterial, _exerciseRoom;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return apiClient.getOrgMaterialExerciseExerciseRoomGet({
-              exerciseRoomId: exerciseRoomId
-            });
-          case 3:
-            _yield$getOrgMaterial = _context.sent;
-            _exerciseRoom = _yield$getOrgMaterial.exerciseRoom;
-            setExerciseRoom(_exerciseRoom);
-            _context.next = 12;
-            break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-            console.error(_context.t0);
-            blocks.Notification.error(intl.formatMessage({
-              id: 'materialExercise.exerciseFileTree.fetchRoom.failure'
-            }));
-          case 12:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 8]]);
-    }));
-    return function doGetOrgMaterialExerciseExerciseRoomGet() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var handleError = function handleError(error) {
+  const doGetOrgMaterialExerciseExerciseRoomGet = async () => {
+    try {
+      const {
+        exerciseRoom
+      } = await apiClient.getOrgMaterialExerciseExerciseRoomGet({
+        exerciseRoomId
+      });
+      setExerciseRoom(exerciseRoom);
+    } catch (error) {
+      console.error(error);
+      blocks.Notification.error(intl.formatMessage({
+        id: 'materialExercise.exerciseFileTree.fetchRoom.failure'
+      }));
+    }
+  };
+  const handleError = error => {
     var _a, _b, _c;
-    var message;
-    var failMessage;
+    let message;
+    let failMessage;
     switch ((_a = error.detail) === null || _a === void 0 ? void 0 : _a.failCode) {
       case MaterialExerciseFileError.InsufficientPermission:
       case MaterialExerciseFileError.NotFoundExerciseRoom:
@@ -188,241 +140,150 @@ var ExerciseFileTree = function ExerciseFileTree() {
       case MaterialExerciseFileError.ResultingFilenameUnderCurrentFilename:
       case MaterialExerciseFileError.UsableSizeExceed:
       case MaterialExerciseFileError.SubFileOrPathExist:
-        message = error.detail.failCode ? "materialExercise.exerciseFileTree.errorCode.".concat(humps.camelize(error.detail.failCode)) : 'materialExercise.exerciseFileTree.errorCode.unknown';
+        message = error.detail.failCode ? `materialExercise.exerciseFileTree.errorCode.${humps.camelize(error.detail.failCode)}` : 'materialExercise.exerciseFileTree.errorCode.unknown';
         failMessage = error.detail.failMessage;
         break;
       default:
-        message = ((_b = error.detail) === null || _b === void 0 ? void 0 : _b.failCode) ? error.detail.failCode : "materialExercise.exerciseFileTree.errorCode.unknown";
+        message = ((_b = error.detail) === null || _b === void 0 ? void 0 : _b.failCode) ? error.detail.failCode : `materialExercise.exerciseFileTree.errorCode.unknown`;
         failMessage = (_c = error.detail) === null || _c === void 0 ? void 0 : _c.failMessage;
     }
     blocks.Notification.error(intl.formatMessage({
       id: message
-    }) + "".concat(failMessage ? " (".concat(failMessage, ")") : ''));
+    }) + `${failMessage ? ` (${failMessage})` : ''}`);
     if (typeof onError === 'function') {
       onError(error);
     }
   };
-  var handleFileAdd = /*#__PURE__*/function () {
-    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(_ref2) {
-      var path, emptyFileWithName, userFile;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            path = _ref2.path, emptyFileWithName = _ref2.emptyFileWithName, userFile = _ref2.userFile;
-            setApiStatus('pending');
-            return _context2.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
-              exerciseRoomId: exerciseRoomId,
-              path: path,
-              emptyFileWithName: emptyFileWithName,
-              userFile: userFile
-            }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
-              return setApiStatus('resolved');
-            }).catch(function (error) {
-              setApiStatus('rejected');
-              handleError(error);
-              if (typeof onError === 'function') {
-                onError(error);
-              }
-            }));
-          case 3:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function handleFileAdd(_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  var handleDirectoryAdd = /*#__PURE__*/function () {
-    var _ref5 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3(_ref4) {
-      var name, path;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            name = _ref4.name, path = _ref4.path, _ref4.overwrite;
-            setApiStatus('pending');
-            return _context3.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryAdd({
-              exerciseRoomId: exerciseRoomId,
-              path: path,
-              name: name
-            }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
-              return setApiStatus('resolved');
-            }).catch(function (error) {
-              setApiStatus('rejected');
-              handleError(error);
-              if (typeof onError === 'function') {
-                onError(error);
-              }
-            }));
-          case 3:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function handleDirectoryAdd(_x2) {
-      return _ref5.apply(this, arguments);
-    };
-  }();
-  var handleFileDelete = /*#__PURE__*/function () {
-    var _ref6 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee4(path) {
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            setApiStatus('pending');
-            return _context4.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRoomUserFileDelete({
-              exerciseRoomId: exerciseRoomId,
-              filename: path
-            }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
-              setApiStatus('resolved');
-              setActiveFilename(openedTabs[0]);
-              setOpenedTabs(function (openedTabs) {
-                return openedTabs.filter(function (openTab) {
-                  return openTab !== path;
-                });
-              });
-            }).catch(function (error) {
-              setApiStatus('rejected');
-              handleError(error);
-              if (typeof onError === 'function') {
-                onError(error);
-              }
-            }));
-          case 2:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    }));
-    return function handleFileDelete(_x3) {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-  var handleDirectoryDelete = /*#__PURE__*/function () {
-    var _ref7 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee5(path) {
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            setApiStatus('pending');
-            return _context5.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryDelete({
-              exerciseRoomId: exerciseRoomId,
-              filename: path
-            }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
-              return setApiStatus('resolved');
-            }).catch(function (error) {
-              setApiStatus('rejected');
-              handleError(error);
-              if (typeof onError === 'function') {
-                onError(error);
-              }
-            }));
-          case 2:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
-    return function handleDirectoryDelete(_x4) {
-      return _ref7.apply(this, arguments);
-    };
-  }();
-  var handleFileMove = /*#__PURE__*/function () {
-    var _ref9 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee6(_ref8) {
-      var currentFilename, newName, newPath;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            currentFilename = _ref8.currentFilename, newName = _ref8.newName, newPath = _ref8.newPath;
-            setApiStatus('pending');
-            apiClient.postOrgMaterialExerciseExerciseRoomUserFileMove({
-              exerciseRoomId: exerciseRoomId,
-              currentFilename: currentFilename,
-              newName: newName,
-              newPath: newPath
-            }).then(function () {
-              // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-              var parsedPath = (newPath ? newPath + '/' : '') + newName;
-              // set activeFilename
-              setActiveFilename(parsedPath);
-              // set openedTabs
-              if (openedTabs.includes(currentFilename)) {
-                // replace
-                setOpenedTabs(function (openedTabs) {
-                  return openedTabs.map(function (openedTab) {
-                    return openedTab === currentFilename ? parsedPath : openedTab;
-                  });
-                });
-              } else {
-                // add new
-                setOpenedTabs(function (openedTabs) {
-                  return [].concat(_rollupPluginBabelHelpers.toConsumableArray(openedTabs), [parsedPath]);
-                });
-              }
-            }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
-              return setApiStatus('resolved');
-            }).catch(function (error) {
-              setApiStatus('rejected');
-              handleError(error);
-              if (typeof onError === 'function') {
-                onError(error);
-              }
-            });
-          case 3:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6);
-    }));
-    return function handleFileMove(_x5) {
-      return _ref9.apply(this, arguments);
-    };
-  }();
-  var handleDirectoryMove = /*#__PURE__*/function () {
-    var _ref11 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee7(_ref10) {
-      var currentFilename, newName, newPath;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
-          case 0:
-            currentFilename = _ref10.currentFilename, newName = _ref10.newName, newPath = _ref10.newPath;
-            setApiStatus('pending');
-            apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryMove({
-              exerciseRoomId: exerciseRoomId,
-              currentFilename: currentFilename,
-              newName: newName,
-              newPath: newPath
-            }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
-              return setApiStatus('resolved');
-            }).catch(function (error) {
-              setApiStatus('rejected');
-              handleError(error);
-              if (typeof onError === 'function') {
-                onError(error);
-              }
-            });
-          case 3:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee7);
-    }));
-    return function handleDirectoryMove(_x6) {
-      return _ref11.apply(this, arguments);
-    };
-  }();
-  var handleFilesUpload = function handleFilesUpload(_ref12) {
-    var files = _ref12.files,
-      path = _ref12.path;
+  const handleFileAdd = async ({
+    path,
+    emptyFileWithName,
+    userFile
+  }) => {
+    setApiStatus('pending');
+    return apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
+      exerciseRoomId,
+      path,
+      emptyFileWithName,
+      userFile
+    }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(() => setApiStatus('resolved')).catch(error => {
+      setApiStatus('rejected');
+      handleError(error);
+      if (typeof onError === 'function') {
+        onError(error);
+      }
+    });
+  };
+  const handleDirectoryAdd = async ({
+    name,
+    path,
+    overwrite
+  }) => {
+    setApiStatus('pending');
+    return apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryAdd({
+      exerciseRoomId,
+      path,
+      name
+    }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(() => setApiStatus('resolved')).catch(error => {
+      setApiStatus('rejected');
+      handleError(error);
+      if (typeof onError === 'function') {
+        onError(error);
+      }
+    });
+  };
+  const handleFileDelete = async path => {
+    setApiStatus('pending');
+    return apiClient.postOrgMaterialExerciseExerciseRoomUserFileDelete({
+      exerciseRoomId,
+      filename: path
+    }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(() => {
+      setApiStatus('resolved');
+      setActiveFilename(openedTabs[0]);
+      setOpenedTabs(openedTabs => openedTabs.filter(openTab => openTab !== path));
+    }).catch(error => {
+      setApiStatus('rejected');
+      handleError(error);
+      if (typeof onError === 'function') {
+        onError(error);
+      }
+    });
+  };
+  const handleDirectoryDelete = async path => {
+    setApiStatus('pending');
+    return apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryDelete({
+      exerciseRoomId,
+      filename: path
+    }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(() => setApiStatus('resolved')).catch(error => {
+      setApiStatus('rejected');
+      handleError(error);
+      if (typeof onError === 'function') {
+        onError(error);
+      }
+    });
+  };
+  const handleFileMove = async ({
+    currentFilename,
+    newName,
+    newPath
+  }) => {
+    setApiStatus('pending');
+    apiClient.postOrgMaterialExerciseExerciseRoomUserFileMove({
+      exerciseRoomId,
+      currentFilename,
+      newName,
+      newPath
+    }).then(() => {
+      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+      const parsedPath = (newPath ? newPath + '/' : '') + newName;
+      // set activeFilename
+      setActiveFilename(parsedPath);
+      // set openedTabs
+      if (openedTabs.includes(currentFilename)) {
+        // replace
+        setOpenedTabs(openedTabs => openedTabs.map(openedTab => openedTab === currentFilename ? parsedPath : openedTab));
+      } else {
+        // add new
+        setOpenedTabs(openedTabs => [...openedTabs, parsedPath]);
+      }
+    }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(() => setApiStatus('resolved')).catch(error => {
+      setApiStatus('rejected');
+      handleError(error);
+      if (typeof onError === 'function') {
+        onError(error);
+      }
+    });
+  };
+  const handleDirectoryMove = async ({
+    currentFilename,
+    newName,
+    newPath
+  }) => {
+    setApiStatus('pending');
+    apiClient.postOrgMaterialExerciseExerciseRoomUserFileDirectoryMove({
+      exerciseRoomId,
+      currentFilename,
+      newName,
+      newPath
+    }).then(doGetOrgMaterialExerciseExerciseRoomGet).then(() => setApiStatus('resolved')).catch(error => {
+      setApiStatus('rejected');
+      handleError(error);
+      if (typeof onError === 'function') {
+        onError(error);
+      }
+    });
+  };
+  const handleFilesUpload = ({
+    files,
+    path
+  }) => {
     setApiStatus('pending');
-    Promise.all(Array.from(files).map(function (file) {
+    Promise.all(Array.from(files).map(file => {
       return apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
-        exerciseRoomId: exerciseRoomId,
-        path: path,
+        exerciseRoomId,
+        path,
         userFile: file
       });
-    })).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
-      return setApiStatus('resolved');
-    }).catch(function (error) {
+    })).then(doGetOrgMaterialExerciseExerciseRoomGet).then(() => setApiStatus('resolved')).catch(error => {
       setApiStatus('rejected');
       handleError(error);
       if (typeof onError === 'function') {
@@ -436,14 +297,14 @@ var ExerciseFileTree = function ExerciseFileTree() {
   if (!exercise || !exerciseRoom) {
     return null;
   }
-  return React__default["default"].createElement(blocks.Flex, {
+  return React.createElement(blocks.Flex, {
     column: true,
     height: "100%",
     auto: true,
     overflowy: "auto"
-  }, React__default["default"].createElement(React__default["default"].Suspense, {
-    fallback: React__default["default"].createElement(ExerciseFileTreeListShimmer["default"], null)
-  }, React__default["default"].createElement(AsyncFileTree
+  }, React.createElement(React.Suspense, {
+    fallback: React.createElement(ExerciseFileTreeListShimmer.default, null)
+  }, React.createElement(AsyncFileTree
   /** custom styles */, {
     /** custom styles */
     style: {
@@ -467,11 +328,11 @@ var ExerciseFileTree = function ExerciseFileTree() {
     onFilesUpload: handleFilesUpload,
     loading: apiStatus === 'pending',
     locale: locale
-  }, React__default["default"].createElement(AsyncFileTreeToolbar, null), React__default["default"].createElement(StyledFileTreeDivider, null), React__default["default"].createElement(AsyncFileTreeList, null))));
+  }, React.createElement(AsyncFileTreeToolbar, null), React.createElement(StyledFileTreeDivider, null), React.createElement(AsyncFileTreeList, null))));
 };
 var ExerciseFileTree$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseFileTree, {
-  en: en["default"],
-  ko: ko["default"]
+  en: en.default,
+  ko: ko.default
 });
 
-exports["default"] = ExerciseFileTree$1;
+exports.default = ExerciseFileTree$1;

package/cjs/components/material-exercise/exercise-file-tree/ExerciseFileTreeLazy.js

@@ -10,14 +10,10 @@ var ExerciseFileTreeListShimmer = require('../../shared/exercise-shimmer/Exercis
 require('../../shared/exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
 var ExerciseFileTree = require('./ExerciseFileTree.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ExerciseFileTreeLazy = function ExerciseFileTreeLazy() {
-  return React__default["default"].createElement(React__default["default"].Suspense, {
-    fallback: React__default["default"].createElement(ExerciseFileTreeListShimmer["default"], null)
-  }, React__default["default"].createElement(ExerciseFileTree["default"], null));
+const ExerciseFileTreeLazy = () => {
+  return React.createElement(React.Suspense, {
+    fallback: React.createElement(ExerciseFileTreeListShimmer.default, null)
+  }, React.createElement(ExerciseFileTree.default, null));
 };
 
-exports["default"] = ExerciseFileTreeLazy;
+exports.default = ExerciseFileTreeLazy;

package/cjs/components/material-exercise/exercise-file-tree/locales/en.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"exerciseFileTree.errorCode.insufficientPermission":"[Error] Insufficient Permission","exerciseFileTree.errorCode.invalidParameter":"[Error] Invalid Parameter","exerciseFileTree.errorCode.invalidParameterCombination":"[Error] Invalid Parameter Combination","exerciseFileTree.errorCode.notFoundCurrentFilename":"[Error] Not Found Current Filename","exerciseFileTree.errorCode.notFoundExerciseRoom":"[Error] Not Found ExerciseRoom","exerciseFileTree.errorCode.notFoundPath":"[Error] Not Found Path","exerciseFileTree.errorCode.overwriteExistingOne":"[Error] Overwrite Existing One","exerciseFileTree.errorCode.resultingFilenameUnderCurrentFilename":"[Error] Resulting Filename Under Current Filename","exerciseFileTree.errorCode.subFileOrPathExist":"[Error] Sub File Or Path Exist","exerciseFileTree.errorCode.unknown":"[Error] An unkown error has occurred.","exerciseFileTree.errorCode.usableSizeExceed":"[Error] Usable Size Exceed","exerciseFileTree.fetchRoom.failure":"Failed to fetch exercise room."};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;