@elice/material-exercise 1.240718.2 → 1.240719.0

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
@@ -24,10 +26,21 @@ require('../context/ExerciseProvider.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 
-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/file-tree-toolbar/FileTreeToolbar.js'); }));
-const StyledFileTreeDivider = styled.hr.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 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/file-tree-toolbar/FileTreeToolbar.js'); });
+});
+var StyledFileTreeDivider = styled__default.default.hr.withConfig({
   componentId: "sc-107xvf5-0"
 })(["margin:0;width:100%;height:1px;border:0;border-bottom:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
 var MaterialExerciseFileError;
@@ -43,49 +56,62 @@ var MaterialExerciseFileError;
   MaterialExerciseFileError["UsableSizeExceed"] = "usable_size_exceed";
   MaterialExerciseFileError["SubFileOrPathExist"] = "sub_file_or_path_exist";
 })(MaterialExerciseFileError || (MaterialExerciseFileError = {}));
-const ExerciseFileTree = ({
-  __intl
-}) => {
+var ExerciseFileTree = function ExerciseFileTree(_ref) {
+  var __intl = _ref.__intl;
   var _a, _b, _c, _d;
-  const {
-    exerciseRoomId,
-    materialExerciseId,
-    locale,
-    onError
-  } = React.useContext(context.ExerciseContext);
+  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;
   // exercise state
-  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const [exerciseRoom, setExerciseRoom] = recoil.useRecoilState(recoil$1.exerciseRoomState(exerciseRoomId));
+  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];
   // multi lang states
-  const multilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(materialExerciseId));
-  const multilangEnvironment = recoil.useRecoilValue(recoil$1.exerciseMultilangEnvironmentState({
-    materialExerciseId,
-    exerciseRoomId
+  var multilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(materialExerciseId));
+  var multilangEnvironment = recoil.useRecoilValue(recoil$1.exerciseMultilangEnvironmentState({
+    materialExerciseId: materialExerciseId,
+    exerciseRoomId: exerciseRoomId
   }));
-  const [openedTabs, setOpenedTabs] = recoil.useRecoilState(recoil$1.exerciseFileTabsOpenedState({
-    materialExerciseId,
-    exerciseRoomId
-  }));
-  const [activeFilename, setActiveFilename] = recoil.useRecoilState(recoil$1.exerciseActiveFilenameState);
-  const [activePath, setActivePath] = React.useState(activeFilename || '');
-  const [apiStatus, setApiStatus] = React.useState('idle');
+  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];
   // activeFilename update effect
-  React.useEffect(() => {
+  React__default.default.useEffect(function () {
     var _a, _b, _c;
     if ((exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.MultiLanguage && multilangLanguages && multilangEnvironment && multilangLanguages[multilangEnvironment['language']]) {
-      const filename = (_a = multilangLanguages[multilangEnvironment['language']].initialOpenFilelist[0]) !== null && _a !== void 0 ? _a : null;
+      var filename = (_a = multilangLanguages[multilangEnvironment['language']].initialOpenFilelist[0]) !== null && _a !== void 0 ? _a : null;
       setActiveFilename(filename);
     } else {
-      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);
+      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);
     }
   }, [exercise, multilangLanguages, multilangEnvironment, setActiveFilename]);
-  React.useEffect(() => {
+  React__default.default.useEffect(function () {
     if (activeFilename) {
       setActivePath(activeFilename);
     }
   }, [activeFilename]);
-  const multilanguageFilelistFilter = filelist => {
+  var multilanguageFilelistFilter = function multilanguageFilelistFilter(filelist) {
     if (!filelist || !exercise) {
       return [];
     }
@@ -96,39 +122,61 @@ const ExerciseFileTree = ({
       if (!multilangLanguages[multilangEnvironment.language]) {
         return [];
       }
-      return filelist.filter(filepath => filepath.startsWith(multilangLanguages[multilangEnvironment.language].rootDir));
+      return filelist.filter(function (filepath) {
+        return filepath.startsWith(multilangLanguages[multilangEnvironment.language].rootDir);
+      });
     } else {
       return filelist;
     }
   };
-  const handleActivePathChange = (path, isDirectory = false) => {
+  var handleActivePathChange = function handleActivePathChange(path) {
+    var isDirectory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (!isDirectory) {
       if (!openedTabs.includes(path)) {
-        setOpenedTabs([...openedTabs, path]);
+        setOpenedTabs([].concat(_rollupPluginBabelHelpers.toConsumableArray(openedTabs), [path]));
       }
       setActiveFilename(path);
     }
     setActivePath(path);
   };
-  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 doGetOrgMaterialExerciseExerciseRoomGet = /*#__PURE__*/function () {
+    var _ref2 = _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 _ref2.apply(this, arguments);
+    };
+  }();
+  var handleError = function handleError(error) {
     var _a, _b, _c;
-    let message;
-    let failMessage;
+    var message;
+    var failMessage;
     switch ((_a = error.detail) === null || _a === void 0 ? void 0 : _a.failCode) {
       case MaterialExerciseFileError.InsufficientPermission:
       case MaterialExerciseFileError.NotFoundExerciseRoom:
@@ -140,150 +188,241 @@ const ExerciseFileTree = ({
       case MaterialExerciseFileError.ResultingFilenameUnderCurrentFilename:
       case MaterialExerciseFileError.UsableSizeExceed:
       case MaterialExerciseFileError.SubFileOrPathExist:
-        message = error.detail.failCode ? `materialExercise.exerciseFileTree.errorCode.${humps.camelize(error.detail.failCode)}` : 'materialExercise.exerciseFileTree.errorCode.unknown';
+        message = error.detail.failCode ? "materialExercise.exerciseFileTree.errorCode.".concat(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
-    }) + `${failMessage ? ` (${failMessage})` : ''}`);
+    }) + "".concat(failMessage ? " (".concat(failMessage, ")") : ''));
     if (typeof onError === 'function') {
       onError(error);
     }
   };
-  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
-  }) => {
+  var handleFileAdd = /*#__PURE__*/function () {
+    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(_ref3) {
+      var path, emptyFileWithName, userFile;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            path = _ref3.path, emptyFileWithName = _ref3.emptyFileWithName, userFile = _ref3.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 _ref4.apply(this, arguments);
+    };
+  }();
+  var handleDirectoryAdd = /*#__PURE__*/function () {
+    var _ref6 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3(_ref5) {
+      var name, path;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            name = _ref5.name, path = _ref5.path, _ref5.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 _ref6.apply(this, arguments);
+    };
+  }();
+  var handleFileDelete = /*#__PURE__*/function () {
+    var _ref7 = _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 _ref7.apply(this, arguments);
+    };
+  }();
+  var handleDirectoryDelete = /*#__PURE__*/function () {
+    var _ref8 = _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 _ref8.apply(this, arguments);
+    };
+  }();
+  var handleFileMove = /*#__PURE__*/function () {
+    var _ref10 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee6(_ref9) {
+      var currentFilename, newName, newPath;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            currentFilename = _ref9.currentFilename, newName = _ref9.newName, newPath = _ref9.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 _ref10.apply(this, arguments);
+    };
+  }();
+  var handleDirectoryMove = /*#__PURE__*/function () {
+    var _ref12 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee7(_ref11) {
+      var currentFilename, newName, newPath;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            currentFilename = _ref11.currentFilename, newName = _ref11.newName, newPath = _ref11.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 _ref12.apply(this, arguments);
+    };
+  }();
+  var handleFilesUpload = function handleFilesUpload(_ref13) {
+    var files = _ref13.files,
+      path = _ref13.path;
     setApiStatus('pending');
-    Promise.all(Array.from(files).map(file => {
+    Promise.all(Array.from(files).map(function (file) {
       return apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
-        exerciseRoomId,
-        path,
+        exerciseRoomId: exerciseRoomId,
+        path: path,
         userFile: file
       });
-    })).then(doGetOrgMaterialExerciseExerciseRoomGet).then(() => setApiStatus('resolved')).catch(error => {
+    })).then(doGetOrgMaterialExerciseExerciseRoomGet).then(function () {
+      return setApiStatus('resolved');
+    }).catch(function (error) {
       setApiStatus('rejected');
       handleError(error);
       if (typeof onError === 'function') {
@@ -297,38 +436,41 @@ const ExerciseFileTree = ({
   if (!exercise || !exerciseRoom) {
     return null;
   }
-  return React.createElement(blocks.Flex, {
+  return jsxRuntime.jsx(blocks.Flex, {
     column: true,
     height: "100%",
     auto: true,
-    overflowy: "auto"
-  }, React.createElement(React.Suspense, {
-    fallback: React.createElement(ExerciseFileTreeListShimmer.default, null)
-  }, React.createElement(AsyncFileTree
-  /** custom styles */, {
-    /** custom styles */
-    style: {
-      flex: 'auto'
-    },
-    /** controlled state */
-    activePath: activePath,
-    /** filelist */
-    exerciseRoomFilelist: multilanguageFilelistFilter(exerciseRoom.filelist),
-    imageFilelist: multilanguageFilelistFilter((_b = (_a = exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.filelist) !== null && _b !== void 0 ? _b : []),
-    hiddenFilelist: multilanguageFilelistFilter((_c = exercise.readyExerciseImage) === null || _c === void 0 ? void 0 : _c.hiddenFilelist),
-    readOnlyFilelist: multilanguageFilelistFilter((_d = exercise.readyExerciseImage) === null || _d === void 0 ? void 0 : _d.readOnlyFilelist),
-    /** handler functions */
-    onActivePathChange: handleActivePathChange,
-    onFileAdd: handleFileAdd,
-    onDirectoryAdd: handleDirectoryAdd,
-    onFileDelete: handleFileDelete,
-    onDirectoryDelete: handleDirectoryDelete,
-    onFileMove: handleFileMove,
-    onDirectoryMove: handleDirectoryMove,
-    onFilesUpload: handleFilesUpload,
-    loading: apiStatus === 'pending',
-    locale: locale
-  }, React.createElement(AsyncFileTreeToolbar, null), React.createElement(StyledFileTreeDivider, null), React.createElement(AsyncFileTreeList, null))));
+    overflowy: "auto",
+    children: jsxRuntime.jsx(React__default.default.Suspense, {
+      fallback: jsxRuntime.jsx(ExerciseFileTreeListShimmer.default, {}),
+      children: jsxRuntime.jsxs(AsyncFileTree
+      /** custom styles */, {
+        /** custom styles */
+        style: {
+          flex: 'auto'
+        },
+        /** controlled state */
+        activePath: activePath,
+        /** filelist */
+        exerciseRoomFilelist: multilanguageFilelistFilter(exerciseRoom.filelist),
+        imageFilelist: multilanguageFilelistFilter((_b = (_a = exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.filelist) !== null && _b !== void 0 ? _b : []),
+        hiddenFilelist: multilanguageFilelistFilter((_c = exercise.readyExerciseImage) === null || _c === void 0 ? void 0 : _c.hiddenFilelist),
+        readOnlyFilelist: multilanguageFilelistFilter((_d = exercise.readyExerciseImage) === null || _d === void 0 ? void 0 : _d.readOnlyFilelist),
+        /** handler functions */
+        onActivePathChange: handleActivePathChange,
+        onFileAdd: handleFileAdd,
+        onDirectoryAdd: handleDirectoryAdd,
+        onFileDelete: handleFileDelete,
+        onDirectoryDelete: handleDirectoryDelete,
+        onFileMove: handleFileMove,
+        onDirectoryMove: handleDirectoryMove,
+        onFilesUpload: handleFilesUpload,
+        loading: apiStatus === 'pending',
+        locale: locale,
+        children: [jsxRuntime.jsx(AsyncFileTreeToolbar, {}), jsxRuntime.jsx(StyledFileTreeDivider, {}), jsxRuntime.jsx(AsyncFileTreeList, {})]
+      })
+    })
+  });
 };
 var ExerciseFileTree$1 = new intl.IntlComponentBuilder(ExerciseFileTree).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();