@elice/material-exercise 1.240718.0-trasncript.1 → 1.240718.0-trasncript.2

package/es/components/shared/file-tree/file-tree-toolbar/FileTreeToolbar.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
 import { eilFileAdd, eilFolderAdd, eilUpload } from '@elice/icons';
 import { IntlComponentBuilder, useRawEliceIntl } from '@elice/intl';
@@ -9,32 +10,29 @@ import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
 import { StyledFileTreeToolbar } from '../FileTreeToolbar.styled.js';
 
-const FileTreeToolbar = ({
-  className
-}) => {
-  const intl = useRawEliceIntl();
-  const {
-    activePath,
-    fileTree,
-    maxFileUploadSize
-  } = useFileTreeState();
-  const {
-    dispatch,
-    onFilesUpload
-  } = useFileTreeDispatch();
-  const inputRef = React.useRef(null);
+var FileTreeToolbar = function FileTreeToolbar(_ref) {
+  var className = _ref.className;
+  var intl = useRawEliceIntl();
+  var _useFileTreeState = useFileTreeState(),
+    activePath = _useFileTreeState.activePath,
+    fileTree = _useFileTreeState.fileTree,
+    maxFileUploadSize = _useFileTreeState.maxFileUploadSize;
+  var _useFileTreeDispatch = useFileTreeDispatch(),
+    dispatch = _useFileTreeDispatch.dispatch,
+    onFilesUpload = _useFileTreeDispatch.onFilesUpload;
+  var inputRef = React.useRef(null);
   /**
    * File add button.
    */
-  const renderFileAddButton = () => {
-    return React.createElement(ExerciseMenuButton, {
+  var renderFileAddButton = function renderFileAddButton() {
+    return jsx(ExerciseMenuButton, {
       icon: eilFileAdd,
       title: intl.formatMessage({
         id: 'fileTree.toolbar.newFile'
       }),
       placement: "bottom-start",
-      onClick: () => {
-        const activeFileNode = fileTree.findTreeNode(activePath);
+      onClick: function onClick() {
+        var activeFileNode = fileTree.findTreeNode(activePath);
         dispatch({
           type: 'NEW_INPUT_OPEN',
           newInput: {
@@ -48,15 +46,15 @@ const FileTreeToolbar = ({
   /**
    * Folder add button.
    */
-  const renderFolderAddButton = () => {
-    return React.createElement(ExerciseMenuButton, {
+  var renderFolderAddButton = function renderFolderAddButton() {
+    return jsx(ExerciseMenuButton, {
       icon: eilFolderAdd,
       title: intl.formatMessage({
         id: 'fileTree.toolbar.newDirectory'
       }),
       placement: "bottom-start",
-      onClick: () => {
-        const activeFileNode = fileTree.findTreeNode(activePath);
+      onClick: function onClick() {
+        var activeFileNode = fileTree.findTreeNode(activePath);
         dispatch({
           type: 'NEW_INPUT_OPEN',
           newInput: {
@@ -70,44 +68,47 @@ const FileTreeToolbar = ({
   /**
    * File upload button.
    */
-  const renderFileUploadButton = () => {
-    return React.createElement(React.Fragment, null, React.createElement(ExerciseMenuButton, {
-      icon: eilUpload,
-      title: intl.formatMessage({
-        id: 'fileTree.toolbar.upload'
-      }),
-      placement: "bottom-start",
-      onClick: () => {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-      }
-    }), React.createElement("input", {
-      ref: inputRef,
-      type: "file",
-      multiple: true,
-      style: {
-        display: 'none'
-      },
-      onChange: e => {
-        var _a;
-        const files = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.files;
-        if (files && typeof onFilesUpload === 'function') {
-          if (validateFilesSize(files, maxFileUploadSize)) {
-            onFilesUpload({
-              files,
-              path: ''
-            });
+  var renderFileUploadButton = function renderFileUploadButton() {
+    return jsxs(Fragment, {
+      children: [jsx(ExerciseMenuButton, {
+        icon: eilUpload,
+        title: intl.formatMessage({
+          id: 'fileTree.toolbar.upload'
+        }),
+        placement: "bottom-start",
+        onClick: function onClick() {
+          var _a;
+          (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        }
+      }), jsx("input", {
+        ref: inputRef,
+        type: "file",
+        multiple: true,
+        style: {
+          display: 'none'
+        },
+        onChange: function onChange(e) {
+          var _a;
+          var files = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.files;
+          if (files && typeof onFilesUpload === 'function') {
+            if (validateFilesSize(files, maxFileUploadSize)) {
+              onFilesUpload({
+                files: files,
+                path: ''
+              });
+            }
           }
         }
-      }
-    }));
+      })]
+    });
   };
   //
   //
   //
-  return React.createElement(StyledFileTreeToolbar, {
-    className: className
-  }, renderFileAddButton(), renderFolderAddButton(), renderFileUploadButton());
+  return jsxs(StyledFileTreeToolbar, {
+    className: className,
+    children: [renderFileAddButton(), renderFolderAddButton(), renderFileUploadButton()]
+  });
 };
 var FileTreeToolbar$1 = new IntlComponentBuilder(FileTreeToolbar).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 

package/es/components/shared/file-tree/file-tree-toolbar/index.js

@@ -0,0 +1 @@
+export { default as FileTreeToolbar } from './FileTreeToolbar.js';

package/es/components/shared/file-tree/file-tree-toolbar/locales/index.js

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';

package/es/components/shared/file-tree/index.js

@@ -0,0 +1 @@
+export { default as FileTree } from './FileTree.js';

package/es/components/shared/file-tree/locales/index.js

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';

package/es/components/shared/file-tree/utils/fileTreeFiles.js

@@ -1,30 +1,30 @@
 import filesize from 'filesize';
 
-const validateFileSize = (file, maxFileUploadSize) => {
-  const {
-    value: currentSize,
-    unit: currentUnit
-  } = filesize(file.size, {
-    output: 'object',
-    base: 10,
-    exponent: 2
-  });
-  const {
-    value: maxSize,
-    unit: maxUnit
-  } = filesize(maxFileUploadSize * 1024 * 1024, {
-    output: 'object',
-    base: 10,
-    exponent: 2
-  });
+var validateFileSize = function validateFileSize(file, maxFileUploadSize) {
+  var _filesize = filesize(file.size, {
+      output: 'object',
+      base: 10,
+      exponent: 2
+    }),
+    currentSize = _filesize.value,
+    currentUnit = _filesize.unit;
+  var _filesize2 = filesize(maxFileUploadSize * 1024 * 1024, {
+      output: 'object',
+      base: 10,
+      exponent: 2
+    }),
+    maxSize = _filesize2.value,
+    maxUnit = _filesize2.unit;
   if (currentSize > maxSize) {
-    alert(`The file size can be up to ${maxSize}${maxUnit}, but your file(${file.name}) size is ${currentSize}${currentUnit}.`);
+    alert("The file size can be up to ".concat(maxSize).concat(maxUnit, ", but your file(").concat(file.name, ") size is ").concat(currentSize).concat(currentUnit, "."));
     return false;
   }
   return true;
 };
-const validateFilesSize = (files, maxFileUploadSize) => {
-  return Array.from(files).every(file => validateFileSize(file, maxFileUploadSize));
+var validateFilesSize = function validateFilesSize(files, maxFileUploadSize) {
+  return Array.from(files).every(function (file) {
+    return validateFileSize(file, maxFileUploadSize);
+  });
 };
 
 export { validateFileSize, validateFilesSize };

package/es/components/shared/file-tree/utils/fileTreeGenerator.js

@@ -1,14 +1,20 @@
+import { createClass as _createClass, toConsumableArray as _toConsumableArray, classCallCheck as _classCallCheck, createForOfIteratorHelper as _createForOfIteratorHelper } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getTitle } from './fileTreeItem.js';
 
-class FileTreeRoot {
-  constructor({
-    imageFilelist = [],
-    readOnlyFilelist = [],
-    hiddenFilelist = [],
-    openedDirectoryList = [],
-    renameInputPath,
-    initialOpenFilelist = []
-  }) {
+var FileTreeRoot = /*#__PURE__*/function () {
+  function FileTreeRoot(_ref) {
+    var _ref$imageFilelist = _ref.imageFilelist,
+      imageFilelist = _ref$imageFilelist === void 0 ? [] : _ref$imageFilelist,
+      _ref$readOnlyFilelist = _ref.readOnlyFilelist,
+      readOnlyFilelist = _ref$readOnlyFilelist === void 0 ? [] : _ref$readOnlyFilelist,
+      _ref$hiddenFilelist = _ref.hiddenFilelist,
+      hiddenFilelist = _ref$hiddenFilelist === void 0 ? [] : _ref$hiddenFilelist,
+      _ref$openedDirectoryL = _ref.openedDirectoryList,
+      openedDirectoryList = _ref$openedDirectoryL === void 0 ? [] : _ref$openedDirectoryL,
+      renameInputPath = _ref.renameInputPath,
+      _ref$initialOpenFilel = _ref.initialOpenFilelist,
+      initialOpenFilelist = _ref$initialOpenFilel === void 0 ? [] : _ref$initialOpenFilel;
+    _classCallCheck(this, FileTreeRoot);
     this.root = new FileTreeNode({
       path: '',
       expanded: true,
@@ -22,116 +28,147 @@ class FileTreeRoot {
     this.renameInputPath = renameInputPath;
     this.initialOpenFilelist = initialOpenFilelist;
   }
-  createDirectoryNode(path, parentPath) {
-    return new FileTreeNode({
-      path,
-      expanded: this.openedDirectoryList.includes(path),
-      isDirectory: true,
-      isRenaming: path === this.renameInputPath,
-      parentPath
-    });
-  }
-  createFileNode(path, parentPath) {
-    return new FileTreeNode({
-      path,
-      isRenaming: path === this.renameInputPath,
-      parentPath,
-      isInitialOpen: this.initialOpenFilelist.includes(path)
-    });
-  }
-  getParentNode(path) {
-    const parentPath = getParentPath(path);
-    // root scope
-    if (!parentPath) {
-      return this.root;
-    } else if (this.directoryNodes[parentPath]) {
-      return this.directoryNodes[parentPath];
-    } else {
-      const grandParentNode = this.getParentNode(parentPath);
-      const parentNode = this.createDirectoryNode(parentPath, grandParentNode.path);
-      grandParentNode.children.push(parentNode);
-      grandParentNode.children = arrangeFileAndDirectoryNameByPath(grandParentNode.children);
-      this.directoryNodes[parentPath] = parentNode;
-      return parentNode;
+  _createClass(FileTreeRoot, [{
+    key: "createDirectoryNode",
+    value: function createDirectoryNode(path, parentPath) {
+      return new FileTreeNode({
+        path: path,
+        expanded: this.openedDirectoryList.includes(path),
+        isDirectory: true,
+        isRenaming: path === this.renameInputPath,
+        parentPath: parentPath
+      });
     }
-  }
-  insert(path) {
-    let parentNode = null;
-    let node = null;
-    // folder
-    if (path.endsWith('/')) {
-      const cleanPath = path.slice(0, path.length - 1);
-      parentNode = this.getParentNode(cleanPath);
-      node = this.createDirectoryNode(cleanPath, parentNode.path);
-      // if directory does not exist, add a new node
-      if (!this.directoryNodes[cleanPath]) {
-        this.directoryNodes[cleanPath] = node;
+  }, {
+    key: "createFileNode",
+    value: function createFileNode(path, parentPath) {
+      return new FileTreeNode({
+        path: path,
+        isRenaming: path === this.renameInputPath,
+        parentPath: parentPath,
+        isInitialOpen: this.initialOpenFilelist.includes(path)
+      });
+    }
+  }, {
+    key: "getParentNode",
+    value: function getParentNode(path) {
+      var parentPath = getParentPath(path);
+      // root scope
+      if (!parentPath) {
+        return this.root;
+      } else if (this.directoryNodes[parentPath]) {
+        return this.directoryNodes[parentPath];
+      } else {
+        var grandParentNode = this.getParentNode(parentPath);
+        var parentNode = this.createDirectoryNode(parentPath, grandParentNode.path);
+        grandParentNode.children.push(parentNode);
+        grandParentNode.children = arrangeFileAndDirectoryNameByPath(grandParentNode.children);
+        this.directoryNodes[parentPath] = parentNode;
+        return parentNode;
+      }
+    }
+  }, {
+    key: "insert",
+    value: function insert(path) {
+      var parentNode = null;
+      var node = null;
+      // folder
+      if (path.endsWith('/')) {
+        var cleanPath = path.slice(0, path.length - 1);
+        parentNode = this.getParentNode(cleanPath);
+        node = this.createDirectoryNode(cleanPath, parentNode.path);
+        // if directory does not exist, add a new node
+        if (!this.directoryNodes[cleanPath]) {
+          this.directoryNodes[cleanPath] = node;
+          parentNode.children.push(node);
+          parentNode.children = arrangeFileAndDirectoryNameByPath(parentNode.children);
+        }
+      } else {
+        // file
+        parentNode = this.getParentNode(path);
+        node = this.createFileNode(path, parentNode.path);
+        if (this.imageFilelist.includes(path)) {
+          node.isRemovable = false;
+          node.isReadonly = this.readOnlyFilelist.includes(path);
+          node.isHidden = this.hiddenFilelist.includes(path);
+        }
         parentNode.children.push(node);
         parentNode.children = arrangeFileAndDirectoryNameByPath(parentNode.children);
       }
-    } else {
-      // file
-      parentNode = this.getParentNode(path);
-      node = this.createFileNode(path, parentNode.path);
-      if (this.imageFilelist.includes(path)) {
-        node.isRemovable = false;
-        node.isReadonly = this.readOnlyFilelist.includes(path);
-        node.isHidden = this.hiddenFilelist.includes(path);
-      }
-      parentNode.children.push(node);
-      parentNode.children = arrangeFileAndDirectoryNameByPath(parentNode.children);
     }
-  }
-  insertInputNode(path, inputType) {
-    const isRoot = path === '';
-    const tree = new FileTreeNode({
-      path: isRoot ? '' : path + '/',
-      expanded: this.openedDirectoryList.includes(path),
-      isDirectory: inputType === 'directory',
-      isEdit: true,
-      title: '*',
-      parentPath: path
-    });
-    if (isRoot) {
-      this.root.children = [tree, ...this.root.children];
-      this.root.children = arrangeFileAndDirectoryNameByPath(this.root.children);
-    } else {
-      this.directoryNodes[path].expanded = true;
-      this.directoryNodes[path].children = [tree, ...this.directoryNodes[path].children];
-      this.directoryNodes[path].children = arrangeFileAndDirectoryNameByPath(this.directoryNodes[path].children);
+  }, {
+    key: "insertInputNode",
+    value: function insertInputNode(path, inputType) {
+      var isRoot = path === '';
+      var tree = new FileTreeNode({
+        path: isRoot ? '' : path + '/',
+        expanded: this.openedDirectoryList.includes(path),
+        isDirectory: inputType === 'directory',
+        isEdit: true,
+        title: '*',
+        parentPath: path
+      });
+      if (isRoot) {
+        this.root.children = [tree].concat(_toConsumableArray(this.root.children));
+        this.root.children = arrangeFileAndDirectoryNameByPath(this.root.children);
+      } else {
+        this.directoryNodes[path].expanded = true;
+        this.directoryNodes[path].children = [tree].concat(_toConsumableArray(this.directoryNodes[path].children));
+        this.directoryNodes[path].children = arrangeFileAndDirectoryNameByPath(this.directoryNodes[path].children);
+      }
     }
-  }
-  _setDirectoriesRemovable(node) {
-    for (const child of node.children) {
-      if (child.isDirectory) {
-        if (!this._setDirectoriesRemovable(child)) {
-          node.isRemovable = false;
+  }, {
+    key: "_setDirectoriesRemovable",
+    value: function _setDirectoriesRemovable(node) {
+      var _iterator = _createForOfIteratorHelper(node.children),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var child = _step.value;
+          if (child.isDirectory) {
+            if (!this._setDirectoriesRemovable(child)) {
+              node.isRemovable = false;
+            }
+          } else if (!child.isRemovable) {
+            node.isRemovable = false;
+          }
         }
-      } else if (!child.isRemovable) {
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      if (this.imageFilelist.includes(node.path + '/')) {
         node.isRemovable = false;
       }
+      return node.isRemovable;
     }
-    if (this.imageFilelist.includes(node.path + '/')) {
-      node.isRemovable = false;
-    }
-    return node.isRemovable;
-  }
-}
-class FileTreeNode {
-  constructor({
-    path,
-    parentPath,
-    title,
-    isDirectory = false,
-    isReadonly = false,
-    isRemovable = true,
-    isHidden = false,
-    expanded = false,
-    isEdit = false,
-    isRenaming = false,
-    isInitialOpen = false
-  }) {
-    const _title = title === undefined ? getTitle(path) : title;
+  }]);
+  return FileTreeRoot;
+}();
+var FileTreeNode = /*#__PURE__*/function () {
+  function FileTreeNode(_ref2) {
+    var path = _ref2.path,
+      parentPath = _ref2.parentPath,
+      title = _ref2.title,
+      _ref2$isDirectory = _ref2.isDirectory,
+      isDirectory = _ref2$isDirectory === void 0 ? false : _ref2$isDirectory,
+      _ref2$isReadonly = _ref2.isReadonly,
+      isReadonly = _ref2$isReadonly === void 0 ? false : _ref2$isReadonly,
+      _ref2$isRemovable = _ref2.isRemovable,
+      isRemovable = _ref2$isRemovable === void 0 ? true : _ref2$isRemovable,
+      _ref2$isHidden = _ref2.isHidden,
+      isHidden = _ref2$isHidden === void 0 ? false : _ref2$isHidden,
+      _ref2$expanded = _ref2.expanded,
+      expanded = _ref2$expanded === void 0 ? false : _ref2$expanded,
+      _ref2$isEdit = _ref2.isEdit,
+      isEdit = _ref2$isEdit === void 0 ? false : _ref2$isEdit,
+      _ref2$isRenaming = _ref2.isRenaming,
+      isRenaming = _ref2$isRenaming === void 0 ? false : _ref2$isRenaming,
+      _ref2$isInitialOpen = _ref2.isInitialOpen,
+      isInitialOpen = _ref2$isInitialOpen === void 0 ? false : _ref2$isInitialOpen;
+    _classCallCheck(this, FileTreeNode);
+    var _title = title === undefined ? getTitle(path) : title;
     this.path = path;
     this.parentPath = parentPath;
     this.title = _title;
@@ -145,38 +182,46 @@ class FileTreeNode {
     this.isInitialOpen = isInitialOpen;
     this.children = [];
   }
-  findTreeNode(path, depth = 0) {
-    if (this.path === path) {
-      return this;
-    }
-    for (let i = 0; i < this.children.length; i++) {
-      if (path.split('/')[depth] === this.children[i].path.split('/')[depth]) {
-        return this.findTreeNode.call(this.children[i], path, depth + 1);
+  _createClass(FileTreeNode, [{
+    key: "findTreeNode",
+    value: function findTreeNode(path) {
+      var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      if (this.path === path) {
+        return this;
+      }
+      for (var i = 0; i < this.children.length; i++) {
+        if (path.split('/')[depth] === this.children[i].path.split('/')[depth]) {
+          return this.findTreeNode.call(this.children[i], path, depth + 1);
+        }
       }
+      return;
     }
-    return;
-  }
-}
-function create({
-  imageFilelist,
-  exerciseRoomFilelist,
-  openedDirectoryList,
-  hiddenFilelist = [],
-  readOnlyFilelist = [],
-  newInput,
-  renameInputPath,
-  initialOpenFilelist
-}) {
-  const tree = new FileTreeRoot({
-    imageFilelist,
-    hiddenFilelist,
-    openedDirectoryList,
-    readOnlyFilelist,
-    renameInputPath,
-    initialOpenFilelist
+  }]);
+  return FileTreeNode;
+}();
+function create(_ref3) {
+  var imageFilelist = _ref3.imageFilelist,
+    exerciseRoomFilelist = _ref3.exerciseRoomFilelist,
+    openedDirectoryList = _ref3.openedDirectoryList,
+    _ref3$hiddenFilelist = _ref3.hiddenFilelist,
+    hiddenFilelist = _ref3$hiddenFilelist === void 0 ? [] : _ref3$hiddenFilelist,
+    _ref3$readOnlyFilelis = _ref3.readOnlyFilelist,
+    readOnlyFilelist = _ref3$readOnlyFilelis === void 0 ? [] : _ref3$readOnlyFilelis,
+    newInput = _ref3.newInput,
+    renameInputPath = _ref3.renameInputPath,
+    initialOpenFilelist = _ref3.initialOpenFilelist;
+  var tree = new FileTreeRoot({
+    imageFilelist: imageFilelist,
+    hiddenFilelist: hiddenFilelist,
+    openedDirectoryList: openedDirectoryList,
+    readOnlyFilelist: readOnlyFilelist,
+    renameInputPath: renameInputPath,
+    initialOpenFilelist: initialOpenFilelist
+  });
+  var allPathes = removeDuplicatedString([].concat(_toConsumableArray(exerciseRoomFilelist), _toConsumableArray(imageFilelist)));
+  allPathes.forEach(function (path) {
+    return tree.insert(path);
   });
-  const allPathes = removeDuplicatedString([...exerciseRoomFilelist, ...imageFilelist]);
-  allPathes.forEach(path => tree.insert(path));
   if (newInput) {
     tree.insertInputNode(newInput.path, newInput.type);
   }
@@ -184,15 +229,16 @@ function create({
   return tree.root;
 }
 function removeDuplicatedString(array) {
-  return [...new Set(array)];
+  return _toConsumableArray(new Set(array));
 }
 function getParentPath(path) {
   return path.includes('/') ? path.slice(0, path.lastIndexOf('/')) : '';
 }
 function arrangeFileAndDirectoryNameByPath(fileTreeNodeList) {
-  return [...fileTreeNodeList.filter(({
-    isDirectory
-  }) => isDirectory).sort((a, b) => {
+  return [].concat(_toConsumableArray(fileTreeNodeList.filter(function (_ref4) {
+    var isDirectory = _ref4.isDirectory;
+    return isDirectory;
+  }).sort(function (a, b) {
     if (a.path < b.path) {
       return -1;
     }
@@ -200,9 +246,10 @@ function arrangeFileAndDirectoryNameByPath(fileTreeNodeList) {
       return 1;
     }
     return 0;
-  }), ...fileTreeNodeList.filter(({
-    isDirectory
-  }) => !isDirectory).sort((a, b) => {
+  })), _toConsumableArray(fileTreeNodeList.filter(function (_ref5) {
+    var isDirectory = _ref5.isDirectory;
+    return !isDirectory;
+  }).sort(function (a, b) {
     if (a.path < b.path) {
       return -1;
     }
@@ -210,7 +257,7 @@ function arrangeFileAndDirectoryNameByPath(fileTreeNodeList) {
       return 1;
     }
     return 0;
-  })];
+  })));
 }
 
 export { FileTreeNode, FileTreeRoot, create, getParentPath };

package/es/components/shared/file-tree/utils/fileTreeInput.js

@@ -4,5 +4,15 @@ function getTargetDirectoryPath(fileTreeNode) {
   }
   return fileTreeNode.isDirectory ? fileTreeNode.path : fileTreeNode.parentPath;
 }
+function getInputNodeIndex(fileTree, newInput) {
+  if (!newInput) {
+    return;
+  }
+  var index = fileTree.children.findIndex(function (_ref) {
+    var isDirectory = _ref.isDirectory;
+    return newInput.type === 'directory' ? isDirectory : !isDirectory;
+  });
+  return index === -1 ? 0 : index;
+}
 
-export { getTargetDirectoryPath };
+export { getInputNodeIndex, getTargetDirectoryPath };

package/es/components/shared/file-tree/utils/fileTreeItem.js

@@ -3,7 +3,7 @@
  * @param path  Path of tree item.
  */
 function getTitle(path) {
-  const splitTitleArr = path.split('/');
+  var splitTitleArr = path.split('/');
   return splitTitleArr[splitTitleArr.length - 1];
 }