@elice/material-exercise 1.231227.0 → 1.231228.0

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

@@ -1,10 +1,9 @@
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import 'filesize';
 import { create } from '../utils/fileTreeGenerator.js';
 
-var StateContext = React.createContext(undefined);
-var DispatchContext = React.createContext(undefined);
+const StateContext = React.createContext(undefined);
+const DispatchContext = React.createContext(undefined);
 StateContext.displayName = 'FileTreeStateContext';
 DispatchContext.displayName = 'FileTreeDispatchContext';
 function reducer(state, action) {
@@ -15,13 +14,11 @@ function reducer(state, action) {
       });
     case 'TOGGLE_OPENED_DIRECTORY_LIST':
       return Object.assign(Object.assign({}, state), {
-        openedDirectoryList: state.openedDirectoryList.includes(action.path) ? state.openedDirectoryList.filter(function (path) {
-          return path !== action.path;
-        }) : [].concat(_toConsumableArray(state.openedDirectoryList), [action.path])
+        openedDirectoryList: state.openedDirectoryList.includes(action.path) ? state.openedDirectoryList.filter(path => path !== action.path) : [...state.openedDirectoryList, action.path]
       });
     case 'ADD_OPENED_DIRECTORY_LIST':
       return Object.assign(Object.assign({}, state), {
-        openedDirectoryList: _toConsumableArray(new Set([].concat(_toConsumableArray(state.openedDirectoryList), [action.path])))
+        openedDirectoryList: [...new Set([...state.openedDirectoryList, action.path])]
       });
     case 'NEW_INPUT_OPEN':
       return Object.assign(Object.assign({}, state), {
@@ -29,7 +26,7 @@ function reducer(state, action) {
           type: action.newInput.type,
           path: action.newInput.path
         },
-        openedDirectoryList: [].concat(_toConsumableArray(state.openedDirectoryList), [action.newInput.path])
+        openedDirectoryList: [...state.openedDirectoryList, action.newInput.path]
       });
     case 'NEW_INPUT_CLOSE':
       return Object.assign(Object.assign({}, state), {
@@ -57,82 +54,70 @@ function reducer(state, action) {
       });
     case 'INITIAL_OPEN_FILELIST_UPDATE':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: _toConsumableArray(action.initialOpenFilelist)
+        initialOpenFileListTemp: [...action.initialOpenFilelist]
       });
     case 'INITIAL_OPEN_FILELIST_ADD':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: [].concat(_toConsumableArray(state.initialOpenFileListTemp), [action.path])
+        initialOpenFileListTemp: [...state.initialOpenFileListTemp, action.path]
       });
     case 'INITIAL_OPEN_FILELIST_REMOVE':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: state.initialOpenFileListTemp.filter(function (path) {
-          return path !== action.path;
-        })
+        initialOpenFileListTemp: state.initialOpenFileListTemp.filter(path => path !== action.path)
       });
     default:
       return state;
   }
 }
-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 () {
+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(() => {
     dispatch({
       type: 'UPDATE_FILE_TREE',
       fileTree: create({
-        exerciseRoomFilelist: exerciseRoomFilelist,
-        imageFilelist: imageFilelist,
-        hiddenFilelist: hiddenFilelist,
-        readOnlyFilelist: readOnlyFilelist,
+        exerciseRoomFilelist,
+        imageFilelist,
+        hiddenFilelist,
+        readOnlyFilelist,
         initialOpenFilelist: state.initialOpenFileListTemp,
         openedDirectoryList: state.openedDirectoryList,
         newInput: state.newInput,
@@ -144,39 +129,39 @@ function FileTreeProvider(_ref) {
     // StateContext and DispatchContext are seperated on purpose in order to optimize rendering performance.
     React.createElement(StateContext.Provider, {
       value: Object.assign(Object.assign({}, state), {
-        collapsed: collapsed,
-        activePath: activePath,
-        allowToggleReadonly: allowToggleReadonly,
-        allowToggleHidden: allowToggleHidden,
-        isHiddenFilelistVisible: isHiddenFilelistVisible
+        collapsed,
+        activePath,
+        allowToggleReadonly,
+        allowToggleHidden,
+        isHiddenFilelistVisible
       })
     }, React.createElement(DispatchContext.Provider, {
       value: {
-        dispatch: dispatch,
-        onCollapse: onCollapse,
-        onActivePathChange: onActivePathChange,
-        onFileAdd: onFileAdd,
-        onDirectoryAdd: onDirectoryAdd,
-        onHiddenSet: onHiddenSet,
-        onReadOnlySet: onReadOnlySet,
-        onFileDelete: onFileDelete,
-        onDirectoryDelete: onDirectoryDelete,
-        onFileMove: onFileMove,
-        onDirectoryMove: onDirectoryMove,
-        onFilesUpload: onFilesUpload
+        dispatch,
+        onCollapse,
+        onActivePathChange,
+        onFileAdd,
+        onDirectoryAdd,
+        onHiddenSet,
+        onReadOnlySet,
+        onFileDelete,
+        onDirectoryDelete,
+        onFileMove,
+        onDirectoryMove,
+        onFilesUpload
       }
     }, children))
   );
 }
 function useFileTreeState() {
-  var context = React.useContext(StateContext);
+  const context = React.useContext(StateContext);
   if (context === undefined) {
     throw new Error('useFileTreeState must be used within a FileTreeProvider');
   }
   return context;
 }
 function useFileTreeDispatch() {
-  var context = React.useContext(DispatchContext);
+  const context = React.useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useFileTreeDispatch must be used within a FileTreeProvider');
   }

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

@@ -1,30 +1,30 @@
 import filesize from 'filesize';
 
-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;
+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
+  });
   if (currentSize > maxSize) {
-    alert("The file size can be up to ".concat(maxSize).concat(maxUnit, ", but your file(").concat(file.name, ") size is ").concat(currentSize).concat(currentUnit, "."));
+    alert(`The file size can be up to ${maxSize}${maxUnit}, but your file(${file.name}) size is ${currentSize}${currentUnit}.`);
     return false;
   }
   return true;
 };
-var validateFilesSize = function validateFilesSize(files, maxFileUploadSize) {
-  return Array.from(files).every(function (file) {
-    return validateFileSize(file, maxFileUploadSize);
-  });
+const validateFilesSize = (files, maxFileUploadSize) => {
+  return Array.from(files).every(file => validateFileSize(file, maxFileUploadSize));
 };
 
 export { validateFileSize, validateFilesSize };