@elice/material-exercise 1.230328.0 → 1.230418.0

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

@@ -1,14 +1,20 @@
+import { toConsumableArray as _toConsumableArray, createClass as _createClass, 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,129 +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;
@@ -158,86 +182,82 @@ 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);
   }
-
   tree._setDirectoriesRemovable(tree.root);
-
   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;
     }
-
     if (a.path > b.path) {
       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;
     }
-
     if (a.path > b.path) {
       return 1;
     }
-
     return 0;
-  })];
+  })));
 }
 
 export { FileTreeNode, FileTreeRoot, create, getParentPath };

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

@@ -2,7 +2,6 @@ function getTargetDirectoryPath(fileTreeNode) {
   if (!fileTreeNode) {
     return '';
   }
-
   return fileTreeNode.isDirectory ? fileTreeNode.path : fileTreeNode.parentPath;
 }
 

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];
 }
 

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

@@ -1,14 +1,12 @@
 /**
  *
  */
-function isMovingTheSamePath({
-  draggedPath,
-  dropzonePath,
-  dragFileTreeNode
-}) {
+function isMovingTheSamePath(_ref) {
+  var draggedPath = _ref.draggedPath,
+    dropzonePath = _ref.dropzonePath,
+    dragFileTreeNode = _ref.dragFileTreeNode;
   var _a;
-
-  return draggedPath === `${dropzonePath || ''}${dropzonePath ? '/' : ''}${(_a = dragFileTreeNode === null || dragFileTreeNode === void 0 ? void 0 : dragFileTreeNode.title) !== null && _a !== void 0 ? _a : ''}`;
+  return draggedPath === "".concat(dropzonePath || '').concat(dropzonePath ? '/' : '').concat((_a = dragFileTreeNode === null || dragFileTreeNode === void 0 ? void 0 : dragFileTreeNode.title) !== null && _a !== void 0 ? _a : '');
 }
 
 export { isMovingTheSamePath };

package/es/components/shared/file-viewer/FileViewer.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Flex, Hspace, Icon } from '@elice/blocks';
@@ -16,75 +17,81 @@ import phrasesEn from './locales/en.json.js';
 import phrasesKo from './locales/ko.json.js';
 import FileViewerNonViewable from './FileViewerNonViewable.js';
 
-const AsyncFileViewerCsv = React.lazy(() => import('./FileViewerCsv.js'));
-const AsyncFileViewerImage = React.lazy(() => import('./FileViewerImage.js'));
-const AsyncFileViewerIpynb = React.lazy(() => import('./FileViewerIpynb.js'));
-const AsyncFileViewerText = React.lazy(() => import('./FileViewerText.js'));
-const StyledFileWrapper = styled.div.withConfig({
+var AsyncFileViewerCsv = React.lazy(function () {
+  return import('./FileViewerCsv.js');
+});
+var AsyncFileViewerImage = React.lazy(function () {
+  return import('./FileViewerImage.js');
+});
+var AsyncFileViewerIpynb = React.lazy(function () {
+  return import('./FileViewerIpynb.js');
+});
+var AsyncFileViewerText = React.lazy(function () {
+  return import('./FileViewerText.js');
+});
+var StyledFileWrapper = styled.div.withConfig({
   componentId: "sc-197v06u-0"
 })(["display:flex;justify-content:center;align-items:center;background-color:", ";width:100%;height:100%;"], base.color.navy9);
-const StyledReadonlyBanner = styled.div.withConfig({
+var StyledReadonlyBanner = styled.div.withConfig({
   componentId: "sc-197v06u-1"
 })(["width:100%;padding:0.7rem;color:white;font-size:0.7rem;a{color:", ";font-weight:bold;text-decoration:underline;.eb-icon{margin-right:0.25rem;}}"], base.color.primary5);
-
-const FileViewer = ({
-  filename,
-  fileurl,
-  locale
-}) => {
-  const [showInTextViewer, setShowInTextViewer] = useState(false);
+var FileViewer = function FileViewer(_ref) {
+  var filename = _ref.filename,
+    fileurl = _ref.fileurl,
+    locale = _ref.locale;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showInTextViewer = _useState2[0],
+    setShowInTextViewer = _useState2[1];
   /**
    * Mime type of file.
    */
-
-  const mimeType = React.useMemo(() => mime.getType(filename || '') || filename.split('.').pop() || '', [filename]);
+  var mimeType = React.useMemo(function () {
+    return mime.getType(filename || '') || filename.split('.').pop() || '';
+  }, [filename]);
   /**
    * Preview component.
    */
-
-  const PreviewComponent = React.useMemo(() => {
+  var PreviewComponent = React.useMemo(function () {
     // Binary file which shows as text
     if (showInTextViewer) {
       return AsyncFileViewerText;
-    } // Text file
-
-
+    }
+    // Text file
     if (mimeType.startsWith('text/')) {
       // csv
       if (mimeType === 'text/csv') {
         return AsyncFileViewerCsv;
-      } // other text file
+      }
+      // other text file
       else {
         return AsyncFileViewerText;
       }
-    } // Image file
-
-
+    }
+    // Image file
     if (mimeType.startsWith('image/')) {
       return AsyncFileViewerImage;
-    } // ipynb (Jupyter Notebook)
-
-
+    }
+    // ipynb (Jupyter Notebook)
     if (mimeType === 'ipynb') {
       return AsyncFileViewerIpynb;
     }
-
     return null;
   }, [mimeType, showInTextViewer]);
   /**
    * Handle download button click.
    */
-
-  const handleDownloadClick = e => {
+  var handleDownloadClick = function handleDownloadClick(e) {
     e.preventDefault();
-
     if (!fileurl) {
       return;
     }
-
-    fetch(fileurl).then(res => res.blob()).then(blob => FileSaver.saveAs(blob, filename)).catch(() => {
-      const win = window.open(fileurl, '_blank');
-
+    fetch(fileurl).then(function (res) {
+      return res.blob();
+    }).then(function (blob) {
+      return FileSaver.saveAs(blob, filename);
+    }).catch(function () {
+      var win = window.open(fileurl, '_blank');
       if (win) {
         win.focus();
       }
@@ -93,13 +100,10 @@ const FileViewer = ({
   /**
    * Readonly banner.
    */
-
-
-  const renderReadonlyBanner = () => {
+  var renderReadonlyBanner = function renderReadonlyBanner() {
     if (!fileurl) {
       return null;
     }
-
     return React.createElement(StyledReadonlyBanner, null, React.createElement(FormattedMessage, {
       id: "fileViewer.readOnlyBanner.content"
     }), React.createElement(Hspace, {
@@ -117,9 +121,7 @@ const FileViewer = ({
   /**
    * File viewer.
    */
-
-
-  const renderFileViewer = () => {
+  var renderFileViewer = function renderFileViewer() {
     // preview-able file
     if (PreviewComponent) {
       return React.createElement(React.Suspense, {
@@ -132,31 +134,28 @@ const FileViewer = ({
         filename: filename,
         fileurl: fileurl
       })));
-    } // binary file
-
-
+    }
+    // binary file
     return React.createElement(FileViewerNonViewable, {
       fileurl: fileurl,
       filename: filename,
       locale: locale,
-      onTextViewerClick: () => {
+      onTextViewerClick: function onTextViewerClick() {
         setShowInTextViewer(true);
       }
     });
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(StyledFileWrapper, {
     children: renderFileViewer()
   });
-}; //
+};
 //
 //
-
-
-var FileViewer$1 = (props => {
+//
+var FileViewer$1 = (function (props) {
   return React.createElement(MaterialIntlProvider, {
     locale: props.locale,
     phrases: {