@elice/material-exercise 1.230328.0 → 1.230418.1

package/es/components/shared/file-tree/context/FileTreeContext.js

@@ -1,139 +1,138 @@
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import 'filesize';
 import { create } from '../utils/fileTreeGenerator.js';
 
-const StateContext = React.createContext(undefined);
-const DispatchContext = React.createContext(undefined);
+var StateContext = React.createContext(undefined);
+var DispatchContext = React.createContext(undefined);
 StateContext.displayName = 'FileTreeStateContext';
 DispatchContext.displayName = 'FileTreeDispatchContext';
-
 function reducer(state, action) {
   switch (action.type) {
     case 'UPDATE_THEME':
       return Object.assign(Object.assign({}, state), {
         theme: action.theme
       });
-
     case 'TOGGLE_OPENED_DIRECTORY_LIST':
       return Object.assign(Object.assign({}, state), {
-        openedDirectoryList: state.openedDirectoryList.includes(action.path) ? state.openedDirectoryList.filter(path => path !== action.path) : [...state.openedDirectoryList, action.path]
+        openedDirectoryList: state.openedDirectoryList.includes(action.path) ? state.openedDirectoryList.filter(function (path) {
+          return path !== action.path;
+        }) : [].concat(_toConsumableArray(state.openedDirectoryList), [action.path])
       });
-
     case 'ADD_OPENED_DIRECTORY_LIST':
       return Object.assign(Object.assign({}, state), {
-        openedDirectoryList: [...new Set([...state.openedDirectoryList, action.path])]
+        openedDirectoryList: _toConsumableArray(new Set([].concat(_toConsumableArray(state.openedDirectoryList), [action.path])))
       });
-
     case 'NEW_INPUT_OPEN':
       return Object.assign(Object.assign({}, state), {
         newInput: {
           type: action.newInput.type,
           path: action.newInput.path
         },
-        openedDirectoryList: [...state.openedDirectoryList, action.newInput.path]
+        openedDirectoryList: [].concat(_toConsumableArray(state.openedDirectoryList), [action.newInput.path])
       });
-
     case 'NEW_INPUT_CLOSE':
       return Object.assign(Object.assign({}, state), {
         newInput: undefined
       });
-
     case 'UPDATE_FILE_TREE':
       return Object.assign(Object.assign({}, state), {
         fileTree: action.fileTree
       });
-
     case 'UPDATE_RENAME_INPUT_PATH':
       return Object.assign(Object.assign({}, state), {
         renameInputPath: action.path
       });
-
     case 'UPDATE_DRAGGED_PATH':
       return Object.assign(Object.assign({}, state), {
         draggedPath: action.path
       });
-
     case 'UPDATE_DROPZONE_PATH':
       return Object.assign(Object.assign({}, state), {
         dropzonePath: action.path
       });
-
     case 'UPDATE_MODE':
       return Object.assign(Object.assign({}, state), {
         mode: action.mode
       });
-
     case 'INITIAL_OPEN_FILELIST_UPDATE':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: [...action.initialOpenFilelist]
+        initialOpenFileListTemp: _toConsumableArray(action.initialOpenFilelist)
       });
-
     case 'INITIAL_OPEN_FILELIST_ADD':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: [...state.initialOpenFileListTemp, action.path]
+        initialOpenFileListTemp: [].concat(_toConsumableArray(state.initialOpenFileListTemp), [action.path])
       });
-
     case 'INITIAL_OPEN_FILELIST_REMOVE':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: state.initialOpenFileListTemp.filter(path => path !== action.path)
+        initialOpenFileListTemp: state.initialOpenFileListTemp.filter(function (path) {
+          return path !== action.path;
+        })
       });
-
     default:
       return state;
   }
 }
-
-const init = state => Object.assign({}, state);
-
-function FileTreeProvider({
-  theme = 'dark',
-  collapsed = false,
-  activePath,
-  allowToggleReadonly = false,
-  allowToggleHidden = false,
-  onCollapse,
-  onActivePathChange,
-  maxFileUploadSize = 50,
-  onFilesUpload,
-  onFileAdd,
-  onDirectoryAdd,
-  onHiddenSet,
-  onReadOnlySet,
-  onFileDelete,
-  onDirectoryDelete,
-  onFileMove,
-  onDirectoryMove,
-  exerciseRoomFilelist,
-  imageFilelist,
-  readOnlyFilelist,
-  hiddenFilelist,
-  isHiddenFilelistVisible = false,
-  children
-}) {
-  const [state, dispatch] = React.useReducer(reducer, {
-    mode: 'default',
-    maxFileUploadSize,
-    draggedPath: null,
-    dropzonePath: null,
-    openedDirectoryList: [],
-    initialOpenFileListTemp: [],
-    theme,
-    fileTree: create({
-      exerciseRoomFilelist,
-      imageFilelist,
-      hiddenFilelist,
-      readOnlyFilelist,
-      openedDirectoryList: []
-    })
-  }, init);
-  React.useEffect(() => {
+var init = function init(state) {
+  return Object.assign({}, state);
+};
+function FileTreeProvider(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
+    _ref$collapsed = _ref.collapsed,
+    collapsed = _ref$collapsed === void 0 ? false : _ref$collapsed,
+    activePath = _ref.activePath,
+    _ref$allowToggleReado = _ref.allowToggleReadonly,
+    allowToggleReadonly = _ref$allowToggleReado === void 0 ? false : _ref$allowToggleReado,
+    _ref$allowToggleHidde = _ref.allowToggleHidden,
+    allowToggleHidden = _ref$allowToggleHidde === void 0 ? false : _ref$allowToggleHidde,
+    onCollapse = _ref.onCollapse,
+    onActivePathChange = _ref.onActivePathChange,
+    _ref$maxFileUploadSiz = _ref.maxFileUploadSize,
+    maxFileUploadSize = _ref$maxFileUploadSiz === void 0 ? 50 : _ref$maxFileUploadSiz,
+    onFilesUpload = _ref.onFilesUpload,
+    onFileAdd = _ref.onFileAdd,
+    onDirectoryAdd = _ref.onDirectoryAdd,
+    onHiddenSet = _ref.onHiddenSet,
+    onReadOnlySet = _ref.onReadOnlySet,
+    onFileDelete = _ref.onFileDelete,
+    onDirectoryDelete = _ref.onDirectoryDelete,
+    onFileMove = _ref.onFileMove,
+    onDirectoryMove = _ref.onDirectoryMove,
+    exerciseRoomFilelist = _ref.exerciseRoomFilelist,
+    imageFilelist = _ref.imageFilelist,
+    readOnlyFilelist = _ref.readOnlyFilelist,
+    hiddenFilelist = _ref.hiddenFilelist,
+    _ref$isHiddenFilelist = _ref.isHiddenFilelistVisible,
+    isHiddenFilelistVisible = _ref$isHiddenFilelist === void 0 ? false : _ref$isHiddenFilelist,
+    children = _ref.children;
+  var _React$useReducer = React.useReducer(reducer, {
+      mode: 'default',
+      maxFileUploadSize: maxFileUploadSize,
+      draggedPath: null,
+      dropzonePath: null,
+      openedDirectoryList: [],
+      initialOpenFileListTemp: [],
+      theme: theme,
+      fileTree: create({
+        exerciseRoomFilelist: exerciseRoomFilelist,
+        imageFilelist: imageFilelist,
+        hiddenFilelist: hiddenFilelist,
+        readOnlyFilelist: readOnlyFilelist,
+        openedDirectoryList: []
+      })
+    }, init),
+    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  React.useEffect(function () {
     dispatch({
       type: 'UPDATE_FILE_TREE',
       fileTree: create({
-        exerciseRoomFilelist,
-        imageFilelist,
-        hiddenFilelist,
-        readOnlyFilelist,
+        exerciseRoomFilelist: exerciseRoomFilelist,
+        imageFilelist: imageFilelist,
+        hiddenFilelist: hiddenFilelist,
+        readOnlyFilelist: readOnlyFilelist,
         initialOpenFilelist: state.initialOpenFileListTemp,
         openedDirectoryList: state.openedDirectoryList,
         newInput: state.newInput,
@@ -141,51 +140,46 @@ function FileTreeProvider({
       })
     });
   }, [exerciseRoomFilelist, imageFilelist, hiddenFilelist, readOnlyFilelist, state.initialOpenFileListTemp, state.openedDirectoryList, state.newInput, state.renameInputPath]);
-  return (// StateContext and DispatchContext are seperated on purpose in order to optimize rendering performance.
+  return (
+    // StateContext and DispatchContext are seperated on purpose in order to optimize rendering performance.
     React.createElement(StateContext.Provider, {
       value: Object.assign(Object.assign({}, state), {
-        collapsed,
-        activePath,
-        allowToggleReadonly,
-        allowToggleHidden,
-        isHiddenFilelistVisible
+        collapsed: collapsed,
+        activePath: activePath,
+        allowToggleReadonly: allowToggleReadonly,
+        allowToggleHidden: allowToggleHidden,
+        isHiddenFilelistVisible: isHiddenFilelistVisible
       })
     }, React.createElement(DispatchContext.Provider, {
       value: {
-        dispatch,
-        onCollapse,
-        onActivePathChange,
-        onFileAdd,
-        onDirectoryAdd,
-        onHiddenSet,
-        onReadOnlySet,
-        onFileDelete,
-        onDirectoryDelete,
-        onFileMove,
-        onDirectoryMove,
-        onFilesUpload
+        dispatch: dispatch,
+        onCollapse: onCollapse,
+        onActivePathChange: onActivePathChange,
+        onFileAdd: onFileAdd,
+        onDirectoryAdd: onDirectoryAdd,
+        onHiddenSet: onHiddenSet,
+        onReadOnlySet: onReadOnlySet,
+        onFileDelete: onFileDelete,
+        onDirectoryDelete: onDirectoryDelete,
+        onFileMove: onFileMove,
+        onDirectoryMove: onDirectoryMove,
+        onFilesUpload: onFilesUpload
       }
     }, children))
   );
 }
-
 function useFileTreeState() {
-  const context = React.useContext(StateContext);
-
+  var context = React.useContext(StateContext);
   if (context === undefined) {
     throw new Error('useFileTreeState must be used within a FileTreeProvider');
   }
-
   return context;
 }
-
 function useFileTreeDispatch() {
-  const context = React.useContext(DispatchContext);
-
+  var context = React.useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useFileTreeDispatch must be used within a FileTreeProvider');
   }
-
   return context;
 }
 

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

@@ -1,32 +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 };