@elice/material-exercise 1.231212.0 → 1.231228.0

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

@@ -1,20 +1,14 @@
-import { toConsumableArray as _toConsumableArray, createClass as _createClass, classCallCheck as _classCallCheck, createForOfIteratorHelper as _createForOfIteratorHelper } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getTitle } from './fileTreeItem.js';
 
-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);
+class FileTreeRoot {
+  constructor({
+    imageFilelist = [],
+    readOnlyFilelist = [],
+    hiddenFilelist = [],
+    openedDirectoryList = [],
+    renameInputPath,
+    initialOpenFilelist = []
+  }) {
     this.root = new FileTreeNode({
       path: '',
       expanded: true,
@@ -28,147 +22,116 @@ var FileTreeRoot = /*#__PURE__*/function () {
     this.renameInputPath = renameInputPath;
     this.initialOpenFilelist = initialOpenFilelist;
   }
-  _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
-      });
-    }
-  }, {
-    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;
-      }
+  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;
     }
-  }, {
-    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);
-        }
+  }
+  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;
         parentNode.children.push(node);
         parentNode.children = arrangeFileAndDirectoryNameByPath(parentNode.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);
+    } 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: "_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;
-          }
+  }
+  _setDirectoriesRemovable(node) {
+    for (const child of node.children) {
+      if (child.isDirectory) {
+        if (!this._setDirectoriesRemovable(child)) {
+          node.isRemovable = false;
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      if (this.imageFilelist.includes(node.path + '/')) {
+      } else if (!child.isRemovable) {
         node.isRemovable = false;
       }
-      return node.isRemovable;
     }
-  }]);
-  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;
+    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;
     this.path = path;
     this.parentPath = parentPath;
     this.title = _title;
@@ -182,46 +145,38 @@ var FileTreeNode = /*#__PURE__*/function () {
     this.isInitialOpen = isInitialOpen;
     this.children = [];
   }
-  _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);
-        }
+  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);
       }
-      return;
     }
-  }]);
-  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);
+    return;
+  }
+}
+function create({
+  imageFilelist,
+  exerciseRoomFilelist,
+  openedDirectoryList,
+  hiddenFilelist = [],
+  readOnlyFilelist = [],
+  newInput,
+  renameInputPath,
+  initialOpenFilelist
+}) {
+  const tree = new FileTreeRoot({
+    imageFilelist,
+    hiddenFilelist,
+    openedDirectoryList,
+    readOnlyFilelist,
+    renameInputPath,
+    initialOpenFilelist
   });
+  const allPathes = removeDuplicatedString([...exerciseRoomFilelist, ...imageFilelist]);
+  allPathes.forEach(path => tree.insert(path));
   if (newInput) {
     tree.insertInputNode(newInput.path, newInput.type);
   }
@@ -229,16 +184,15 @@ function create(_ref3) {
   return tree.root;
 }
 function removeDuplicatedString(array) {
-  return _toConsumableArray(new Set(array));
+  return [...new Set(array)];
 }
 function getParentPath(path) {
   return path.includes('/') ? path.slice(0, path.lastIndexOf('/')) : '';
 }
 function arrangeFileAndDirectoryNameByPath(fileTreeNodeList) {
-  return [].concat(_toConsumableArray(fileTreeNodeList.filter(function (_ref4) {
-    var isDirectory = _ref4.isDirectory;
-    return isDirectory;
-  }).sort(function (a, b) {
+  return [...fileTreeNodeList.filter(({
+    isDirectory
+  }) => isDirectory).sort((a, b) => {
     if (a.path < b.path) {
       return -1;
     }
@@ -246,10 +200,9 @@ function arrangeFileAndDirectoryNameByPath(fileTreeNodeList) {
       return 1;
     }
     return 0;
-  })), _toConsumableArray(fileTreeNodeList.filter(function (_ref5) {
-    var isDirectory = _ref5.isDirectory;
-    return !isDirectory;
-  }).sort(function (a, b) {
+  }), ...fileTreeNodeList.filter(({
+    isDirectory
+  }) => !isDirectory).sort((a, b) => {
     if (a.path < b.path) {
       return -1;
     }
@@ -257,7 +210,7 @@ function arrangeFileAndDirectoryNameByPath(fileTreeNodeList) {
       return 1;
     }
     return 0;
-  })));
+  })];
 }
 
 export { FileTreeNode, FileTreeRoot, create, getParentPath };

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

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

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

@@ -1,12 +1,13 @@
 /**
  *
  */
-function isMovingTheSamePath(_ref) {
-  var draggedPath = _ref.draggedPath,
-    dropzonePath = _ref.dropzonePath,
-    dragFileTreeNode = _ref.dragFileTreeNode;
+function isMovingTheSamePath({
+  draggedPath,
+  dropzonePath,
+  dragFileTreeNode
+}) {
   var _a;
-  return draggedPath === "".concat(dropzonePath || '').concat(dropzonePath ? '/' : '').concat((_a = dragFileTreeNode === null || dragFileTreeNode === void 0 ? void 0 : dragFileTreeNode.title) !== null && _a !== void 0 ? _a : '');
+  return draggedPath === `${dropzonePath || ''}${dropzonePath ? '/' : ''}${(_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,4 +1,3 @@
-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';
@@ -17,42 +16,30 @@ import phrasesEn from './locales/en.json.js';
 import phrasesKo from './locales/ko.json.js';
 import FileViewerNonViewable from './FileViewerNonViewable.js';
 
-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({
+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({
   componentId: "sc-197v06u-0"
 })(["display:flex;justify-content:center;align-items:center;background-color:", ";width:100%;height:100%;"], base.color.navy9);
-var StyledReadonlyBanner = styled.div.withConfig({
+const 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);
-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];
+const FileViewer = ({
+  filename,
+  fileurl,
+  locale
+}) => {
+  const [showInTextViewer, setShowInTextViewer] = useState(false);
   /**
    * Mime type of file.
    */
-  var mimeType = React.useMemo(function () {
-    return mime.getType(filename || '') || filename.split('.').pop() || '';
-  }, [filename]);
+  const mimeType = React.useMemo(() => mime.getType(filename || '') || filename.split('.').pop() || '', [filename]);
   /**
    * Preview component.
    */
-  var PreviewComponent = React.useMemo(function () {
+  const PreviewComponent = React.useMemo(() => {
     // Binary file which shows as text
     if (showInTextViewer) {
       return AsyncFileViewerText;
@@ -81,17 +68,13 @@ var FileViewer = function FileViewer(_ref) {
   /**
    * Handle download button click.
    */
-  var handleDownloadClick = function handleDownloadClick(e) {
+  const handleDownloadClick = e => {
     e.preventDefault();
     if (!fileurl) {
       return;
     }
-    fetch(fileurl).then(function (res) {
-      return res.blob();
-    }).then(function (blob) {
-      return FileSaver.saveAs(blob, filename);
-    }).catch(function () {
-      var win = window.open(fileurl, '_blank');
+    fetch(fileurl).then(res => res.blob()).then(blob => FileSaver.saveAs(blob, filename)).catch(() => {
+      const win = window.open(fileurl, '_blank');
       if (win) {
         win.focus();
       }
@@ -100,7 +83,7 @@ var FileViewer = function FileViewer(_ref) {
   /**
    * Readonly banner.
    */
-  var renderReadonlyBanner = function renderReadonlyBanner() {
+  const renderReadonlyBanner = () => {
     if (!fileurl) {
       return null;
     }
@@ -121,7 +104,7 @@ var FileViewer = function FileViewer(_ref) {
   /**
    * File viewer.
    */
-  var renderFileViewer = function renderFileViewer() {
+  const renderFileViewer = () => {
     // preview-able file
     if (PreviewComponent) {
       return React.createElement(React.Suspense, {
@@ -140,7 +123,7 @@ var FileViewer = function FileViewer(_ref) {
       fileurl: fileurl,
       filename: filename,
       locale: locale,
-      onTextViewerClick: function onTextViewerClick() {
+      onTextViewerClick: () => {
         setShowInTextViewer(true);
       }
     });
@@ -155,7 +138,7 @@ var FileViewer = function FileViewer(_ref) {
 //
 //
 //
-var FileViewer$1 = (function (props) {
+var FileViewer$1 = (props => {
   return React.createElement(MaterialIntlProvider, {
     locale: props.locale,
     phrases: {