@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.js

@@ -1,241 +1,241 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerViewProvider = exports.FileManagerViewContext = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _omit = _interopRequireDefault(require("lodash/omit"));
-var _appAdmin = require("@webiny/app-admin");
-var _ = require("../../..");
-var _state = require("./state");
-var _sorting = require("@webiny/app-aco/sorting");
-var _appAco = require("@webiny/app-aco");
-var _useListFiles2 = require("./useListFiles");
-var _useTags = require("./useTags");
-var _setSelection = require("./setSelection");
-var _constants = require("../../../constants");
-var _excluded = ["children"];
-var FileManagerViewContext = exports.FileManagerViewContext = /*#__PURE__*/_react.default.createContext(undefined);
-var getCurrentFolderList = function getCurrentFolderList(folders, currentFolderId) {
+import React, { useCallback, useEffect, useMemo } from "react";
+import omit from "lodash/omit.js";
+import { useShiftKey, useStateIfMounted } from "@webiny/app-admin";
+import { useFileManagerApi } from "../../../index.js";
+import { initializeState } from "./state.js";
+import { sortTableItems } from "@webiny/app-aco/sorting.js";
+import { useListFolders, useNavigateFolder } from "@webiny/app-aco";
+import { useListFiles } from "./useListFiles.js";
+import { useTags } from "./useTags.js";
+import { setSelection } from "./setSelection.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+export const FileManagerViewContext = /*#__PURE__*/React.createContext(undefined);
+const getCurrentFolderList = (folders, currentFolderId) => {
   if (!folders) {
     return [];
   }
-  if (!currentFolderId || currentFolderId.toLowerCase() === _constants.ROOT_FOLDER) {
-    return folders.filter(function (folder) {
-      return !folder.parentId || folder.parentId.toLowerCase() === _constants.ROOT_FOLDER;
-    });
+  if (!currentFolderId || currentFolderId.toLowerCase() === ROOT_FOLDER) {
+    return folders.filter(folder => !folder.parentId || folder.parentId.toLowerCase() === ROOT_FOLDER);
   }
-  return folders.filter(function (folder) {
-    return folder.parentId === currentFolderId;
-  });
+  return folders.filter(folder => folder.parentId === currentFolderId);
 };
-var FileManagerViewProvider = exports.FileManagerViewProvider = function FileManagerViewProvider(_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var shiftKeyPressed = (0, _appAdmin.useShiftKey)();
-  var modifiers = {
+export const FileManagerViewProvider = ({
+  children,
+  ...props
+}) => {
+  const shiftKeyPressed = useShiftKey();
+  const modifiers = {
     scope: props.scope,
     own: props.own,
     accept: props.accept
   };
-  var fileManager = (0, _.useFileManagerApi)();
-  var _useFolders = (0, _appAco.useFolders)(),
-    originalFolders = _useFolders.folders,
-    foldersLoading = _useFolders.loading;
-  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
-    _useNavigateFolder$cu = _useNavigateFolder.currentFolderId,
-    currentFolderId = _useNavigateFolder$cu === void 0 ? _constants.ROOT_FOLDER : _useNavigateFolder$cu,
-    navigateToFolder = _useNavigateFolder.navigateToFolder;
-  var tags = (0, _useTags.useTags)(modifiers);
-  var _useStateIfMounted = (0, _appAdmin.useStateIfMounted)((0, _state.initializeState)()),
-    _useStateIfMounted2 = (0, _slicedToArray2.default)(_useStateIfMounted, 2),
-    state = _useStateIfMounted2[0],
-    setState = _useStateIfMounted2[1];
-  var _useListFiles = (0, _useListFiles2.useListFiles)({
-      folderId: currentFolderId,
-      modifiers: modifiers,
-      state: state
-    }),
-    loading = _useListFiles.loading,
-    files = _useListFiles.files,
-    meta = _useListFiles.meta,
-    listFiles = _useListFiles.listFiles,
-    setFiles = _useListFiles.setFiles,
-    getListVariables = _useListFiles.getListVariables;
-  (0, _react.useEffect)(function () {
+  const fileManager = useFileManagerApi();
+  const {
+    folders: originalFolders,
+    loading: foldersLoading
+  } = useListFolders();
+  const {
+    currentFolderId,
+    navigateToFolder,
+    isRootFolder
+  } = useNavigateFolder();
+  const tags = useTags(modifiers);
+  const [state, setState] = useStateIfMounted(initializeState());
+  const {
+    loading,
+    files,
+    meta,
+    listFiles,
+    setFiles,
+    setMeta,
+    getListVariables
+  } = useListFiles({
+    folderId: currentFolderId,
+    modifiers,
+    state
+  });
+  useEffect(() => {
     loadFiles("INIT");
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     loadFiles("LIST");
   }, [state.searchQuery, state.filters, state.activeTags, state.listSort, state.tagsFilterMode]);
-  var loadFiles = async function loadFiles(action, params) {
+  const loadFiles = async (action, params) => {
     if (loading.INIT || loading[action]) {
       return;
     }
-    var queryVariables = getListVariables();
-    await listFiles((0, _objectSpread2.default)((0, _objectSpread2.default)({}, queryVariables), params));
-    setState(function (state) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        isSearch: Boolean(state.searchQuery || state.filters || state.activeTags.length)
-      });
+    const queryVariables = getListVariables();
+    await listFiles({
+      ...queryVariables,
+      ...params
     });
+    setState(state => ({
+      ...state,
+      isSearch: Boolean(state.searchQuery || state.filters || state.activeTags.length)
+    }));
   };
-  var loadMoreFiles = function loadMoreFiles() {
-    if (meta?.cursor) {
+  const loadMoreFiles = () => {
+    if (meta.cursor) {
       loadFiles("LIST_MORE", {
         after: meta.cursor
       });
     }
   };
-  var resetSearchParameters = function resetSearchParameters(folderId) {
-    var folder = (originalFolders || []).find(function (folder) {
-      return folder.id === folderId;
-    });
-    var isRoot = folder ? folder.id === _constants.ROOT_FOLDER : false;
-    setState(function (state) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        selection: {},
-        filters: undefined,
-        searchQuery: "",
-        activeTags: [],
-        searchLabel: folder && !isRoot ? "Search files in \"".concat(folder.title, "\"") : "Search all files"
-      });
-    });
+  const resetSearchParameters = folderId => {
+    const folder = (originalFolders || []).find(folder => folder.id === folderId);
+    const isRoot = folder ? folder.id === ROOT_FOLDER : false;
+    setState(state => ({
+      ...state,
+      selection: {},
+      filters: undefined,
+      searchQuery: "",
+      activeTags: [],
+      searchLabel: folder && !isRoot ? `Search files in "${folder.title}"` : `Search all files`
+    }));
   };
-  var _useMemo = (0, _react.useMemo)(function () {
-      // Filter sub-folders and sort them accordingly
-      var subFolders = getCurrentFolderList(originalFolders, currentFolderId);
-      var folders = (0, _sorting.sortTableItems)(subFolders, state.listSort, {
-        name: "title"
-      });
-
-      // Get current folder name
-      var currentFolder = originalFolders?.find(function (folder) {
-        return folder.id === currentFolderId;
-      });
-      return {
-        folders: folders,
-        listTitle: currentFolder?.title || ""
-      };
-    }, [originalFolders, currentFolderId, state.listSort]),
-    folders = _useMemo.folders,
-    listTitle = _useMemo.listTitle;
-  var getFile = async function getFile(id) {
-    var fileInState = files.find(function (file) {
-      return file.id === id;
+  const {
+    folders,
+    listTitle
+  } = useMemo(() => {
+    // Filter sub-folders and sort them accordingly
+    const subFolders = getCurrentFolderList(originalFolders, currentFolderId);
+    const folders = sortTableItems(subFolders, state.listSort, {
+      name: "title"
     });
+
+    // Get current folder name
+    const currentFolder = originalFolders?.find(folder => folder.id === currentFolderId);
+    return {
+      folders,
+      listTitle: currentFolder?.title || ""
+    };
+  }, [originalFolders, currentFolderId, state.listSort]);
+  const getFile = async id => {
+    const fileInState = files.find(file => file.id === id);
     if (fileInState) {
       return fileInState;
     }
-    var file = await fileManager.getFile(id);
+    const file = await fileManager.getFile(id);
     if (!file) {
       // No file found - must be deleted by previous operation
-      setFiles(function (files) {
-        return files.filter(function (file) {
-          return file.id !== id;
-        });
-      });
+      setFiles(files => files.filter(file => file.id !== id));
+      // Decrease totalCount without performing a new API call
+      setMeta(meta => ({
+        ...meta,
+        totalCount: --meta.totalCount
+      }));
     } else {
-      setFiles(function (prevFiles) {
-        var fileIndex = prevFiles.findIndex(function (file) {
-          return file.id === id;
-        });
+      setFiles(prevFiles => {
+        const fileIndex = prevFiles.findIndex(file => file.id === id);
 
         // No record found in the list - must be added by previous operation
         if (fileIndex === -1) {
-          return [].concat((0, _toConsumableArray2.default)(prevFiles), [file]);
+          return [...prevFiles, file];
         }
 
         // Updating record found in the list
-        return [].concat((0, _toConsumableArray2.default)(prevFiles.slice(0, fileIndex)), [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, prevFiles[fileIndex]), file)], (0, _toConsumableArray2.default)(prevFiles.slice(fileIndex + 1)));
+        return [...prevFiles.slice(0, fileIndex), {
+          ...prevFiles[fileIndex],
+          ...file
+        }, ...prevFiles.slice(fileIndex + 1)];
       });
+      // Increase totalCount without performing a new API call
+      setMeta(meta => ({
+        ...meta,
+        totalCount: ++meta.totalCount
+      }));
     }
     return file;
   };
-  var getSettings = async function getSettings() {
-    var settings = await fileManager.getSettings();
-    setState(function (state) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        settings: settings
-      });
-    });
+  const getSettings = async () => {
+    const settings = await fileManager.getSettings();
+    setState(state => ({
+      ...state,
+      settings
+    }));
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     getSettings();
   }, []);
-  var createFile = async function createFile(data) {
+  const createFile = async data => {
     if (data.tags) {
       data.tags = addScopePrefix(data.tags);
     }
     if (props.scope) {
-      data.tags = [].concat((0, _toConsumableArray2.default)(data.tags || []), [props.scope]);
+      data.tags = [...(data.tags || []), props.scope];
     }
-    var meta = {
+    const meta = {
       location: {
-        folderId: currentFolderId || _constants.ROOT_FOLDER
+        folderId: currentFolderId
       }
     };
-    var newFile = await fileManager.createFile(data, meta);
+    const newFile = await fileManager.createFile(data, meta);
     if (newFile) {
       newFile.tags = removeScopePrefix(newFile.tags || []);
-      setFiles(function (files) {
-        return [newFile].concat((0, _toConsumableArray2.default)(files));
-      });
+      setFiles(files => [newFile, ...files]);
+      // Increase totalCount without performing a new API call
+      setMeta(meta => ({
+        ...meta,
+        totalCount: ++meta.totalCount
+      }));
     }
     return newFile;
   };
-  var updateFile = async function updateFile(id, data) {
-    var file = files.find(function (file) {
-      return file.id === id;
-    });
+  const updateFile = async (id, data, options = {}) => {
+    const file = files.find(file => file.id === id);
     if (!file) {
       return;
     }
-    var newTags = data.tags?.filter(function (tag) {
-      return !tags.tags.some(function (t) {
-        return t.tag === tag;
-      });
-    });
+    const {
+      localUpdate = false
+    } = options;
+    const newTags = data.tags?.filter(tag => !tags.tags.some(t => t.tag === tag));
     if (data.tags) {
       data.tags = addScopePrefix(data.tags);
     }
     if (props.scope) {
-      data.tags = [].concat((0, _toConsumableArray2.default)(data.tags || []), [props.scope]);
+      data.tags = [...(data.tags || []), props.scope];
+    }
+    if (!localUpdate) {
+      await fileManager.updateFile(id, data);
     }
-    await fileManager.updateFile(id, data);
     if (newTags) {
       tags.addTags(newTags);
     }
-    setFiles(function (files) {
-      var index = files.findIndex(function (file) {
-        return file.id === id;
-      });
+    setFiles(files => {
+      const index = files.findIndex(file => file.id === id);
       if (index === -1) {
         return files;
       }
-      var newFile = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+      const newFile = {
+        ...data,
         tags: removeScopePrefix(data.tags)
-      });
-      return [].concat((0, _toConsumableArray2.default)(files.slice(0, index)), [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, files[index]), newFile)], (0, _toConsumableArray2.default)(files.slice(index + 1)));
+      };
+      return [...files.slice(0, index), {
+        ...files[index],
+        ...newFile
+      }, ...files.slice(index + 1)];
     });
   };
-  var deleteFile = async function deleteFile(id) {
-    await fileManager.deleteFile(id);
-    setFiles(function (files) {
-      var index = files.findIndex(function (file) {
-        return file.id === id;
-      });
+  const deleteFile = async (id, options = {}) => {
+    const {
+      localDelete = false
+    } = options;
+    if (!localDelete) {
+      await fileManager.deleteFile(id);
+    }
+    setFiles(files => {
+      const index = files.findIndex(file => file.id === id);
       if (index === -1) {
         return files;
       }
-      return [].concat((0, _toConsumableArray2.default)(files.slice(0, index)), (0, _toConsumableArray2.default)(files.slice(index + 1)));
+
+      // Decrease totalCount without performing a new API call
+      setMeta(meta => ({
+        ...meta,
+        totalCount: --meta.totalCount
+      }));
+      return [...files.slice(0, index), ...files.slice(index + 1)];
     });
   };
 
@@ -245,223 +245,213 @@ var FileManagerViewProvider = exports.FileManagerViewProvider = function FileMan
    * @param file
    * @param options
    */
-  var uploadFile = async function uploadFile(file) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var tags = props.scope ? [props.scope] : [];
-    var meta = {
+  const uploadFile = async (file, options = {}) => {
+    const tags = props.scope ? [props.scope] : [];
+    const meta = {
       location: {
-        folderId: currentFolderId || _constants.ROOT_FOLDER
+        folderId: currentFolderId
       }
     };
-    var newFile = await fileManager.uploadFile(file, meta, {
-      tags: tags,
+    const newFile = await fileManager.uploadFile(file, meta, {
+      tags,
       onProgress: options.onProgress
     });
     if (newFile) {
       newFile.tags = removeScopePrefix(newFile.tags);
-      setFiles(function (files) {
-        return [newFile].concat((0, _toConsumableArray2.default)(files));
-      });
+      setFiles(files => [newFile, ...files]);
+      // Increase totalCount without performing a new API call
+      setMeta(meta => ({
+        ...meta,
+        totalCount: ++meta.totalCount
+      }));
     }
     return newFile;
   };
-  var moveFileToFolder = async function moveFileToFolder(fileId, folderId) {
+  const moveFileToFolder = async (fileId, folderId) => {
     await updateFile(fileId, {
       location: {
-        folderId: folderId
+        folderId
       }
     });
-    setFiles(function (files) {
-      return files.filter(function (file) {
-        return file.id !== fileId;
-      });
-    });
+    setFiles(files => files.filter(file => file.id !== fileId));
+    // Decrease totalCount without performing a new API call
+    setMeta(meta => ({
+      ...meta,
+      totalCount: --meta.totalCount
+    }));
   };
-  var addScopePrefix = function addScopePrefix() {
-    var tags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  const addScopePrefix = (tags = []) => {
     if (!props.scope) {
       return tags;
     }
-    return tags.map(function (tag) {
-      return "".concat(props.scope, ":").concat(tag);
-    });
+    return tags.map(tag => `${props.scope}:${tag}`);
   };
-  var removeScopePrefix = function removeScopePrefix() {
-    var tags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  const removeScopePrefix = (tags = []) => {
     if (!props.scope) {
       return tags;
     }
-    return tags.filter(function (tag) {
-      return tag !== props.scope;
-    }).map(function (tag) {
-      return props.scope ? tag.replace("".concat(props.scope, ":"), "") : tag;
+    return tags.filter(tag => tag !== props.scope).map(tag => {
+      return props.scope ? tag.replace(`${props.scope}:`, "") : tag;
     });
   };
-  var context = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit.default)(state, ["activeTags"])), {}, {
+  const context = {
+    ...omit(state, ["activeTags"]),
     accept: props.accept,
     hasOnSelectCallback: Boolean(props.onChange),
-    createFile: createFile,
-    deleteFile: deleteFile,
-    files: files,
+    createFile,
+    deleteFile,
+    files,
     folderId: currentFolderId,
+    currentFolder: originalFolders.find(folder => folder.id === currentFolderId) ?? null,
     folders: state.isSearch ? [] : folders,
-    getFile: getFile,
-    hideFileDetails: function hideFileDetails() {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          showingFileDetails: null
-        });
-      });
+    getFile,
+    hideFileDetails() {
+      setState(state => ({
+        ...state,
+        showingFileDetails: null
+      }));
     },
-    hideFilters: function hideFilters() {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          filters: undefined,
-          showingFilters: false
-        });
-      });
+    hideFilters() {
+      setState(state => ({
+        ...state,
+        filters: undefined,
+        showingFilters: false
+      }));
     },
     isListLoading: Boolean(loading.INIT || foldersLoading.INIT || loading.LIST || foldersLoading.LIST),
     isListLoadingMore: Boolean(loading.LIST_MORE),
-    listTitle: listTitle,
-    loadMoreFiles: loadMoreFiles,
-    meta: meta,
-    moveFileToFolder: moveFileToFolder,
+    isRootFolder: Boolean(isRootFolder),
+    listTitle,
+    loadMoreFiles,
+    meta,
+    moveFileToFolder,
     multiple: Boolean(props.multiple),
-    onChange: function onChange(value) {
+    onChange(value) {
       if (typeof props.onChange === "function") {
-        props.onChange(value);
+        props.onChange(value, context);
       }
-      context.onClose();
     },
-    onClose: function onClose() {
+    onClose() {
       if (typeof props.onClose === "function") {
         props.onClose();
       }
     },
-    onUploadCompletion: function onUploadCompletion(files) {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          hasPreviouslyUploadedFiles: true
-        });
-      });
+    onUploadCompletion(files) {
+      setState(state => ({
+        ...state,
+        hasPreviouslyUploadedFiles: true
+      }));
       if (typeof props.onUploadCompletion === "function") {
-        props.onUploadCompletion(files);
-        context.onClose();
+        props.onUploadCompletion(files, context);
       }
     },
     own: Boolean(props.own),
+    overlay: props.overlay ?? true,
     scope: props.scope,
-    setDragging: function setDragging() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          dragging: value
-        });
-      });
+    setDragging(value = true) {
+      setState(state => ({
+        ...state,
+        dragging: value
+      }));
+    },
+    setDisplaySubFolders(value) {
+      setState(state => ({
+        ...state,
+        displaySubFolders: value
+      }));
     },
-    setFilters: function setFilters(data) {
+    setFilters(data) {
       // Create filters object excluding entries with `undefined` values
-      var filters = Object.fromEntries(Object.entries(data).filter(function (_ref2) {
-        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
-          value = _ref3[1];
-        return value !== undefined;
+      const filters = Object.fromEntries(Object.entries(data).filter(([, value]) => value !== undefined));
+      setState(state => ({
+        ...state,
+        selected: [],
+        filters: Object.keys(filters).length ? filters : undefined,
+        selection: {}
       }));
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          selected: [],
-          filters: Object.keys(filters).length ? filters : undefined,
-          selection: {}
-        });
-      });
     },
-    setFolderId: function setFolderId(folderId) {
+    setFolderId(folderId) {
       resetSearchParameters(folderId);
       navigateToFolder(folderId);
     },
-    setListSort: function setListSort(sort) {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          listSort: sort
-        });
-      });
+    setIsUploadProgressIndicatorVisible(visible) {
+      setState(state => ({
+        ...state,
+        isUploadProgressIndicatorVisible: visible
+      }));
     },
-    setListTable: function setListTable(flag) {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          listTable: flag
-        });
-      });
+    setListSort(sort) {
+      setState(state => ({
+        ...state,
+        listSort: sort
+      }));
     },
-    setSearchQuery: function setSearchQuery(search) {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          searchQuery: search
-        });
-      });
+    setListTable(flag) {
+      setState(state => ({
+        ...state,
+        listTable: flag
+      }));
     },
-    setSelected: function setSelected(files) {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          selected: files
-        });
-      });
+    setSearchQuery(search) {
+      setState(state => ({
+        ...state,
+        searchQuery: search
+      }));
     },
-    showFileDetails: (0, _react.useCallback)(function (id) {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          showingFileDetails: id
-        });
-      });
+    setSelected(files) {
+      setState(state => ({
+        ...state,
+        selected: files
+      }));
+    },
+    showFileDetails: useCallback(id => {
+      setState(state => ({
+        ...state,
+        showingFileDetails: id
+      }));
     }, []),
-    showFilters: function showFilters() {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          showingFilters: true
-        });
-      });
+    showFilters() {
+      setState(state => ({
+        ...state,
+        showingFilters: true
+      }));
     },
     tags: {
       loading: tags.loading,
       allTags: tags.tags,
       activeTags: state.activeTags,
       filterMode: state.tagsFilterMode,
-      setFilterMode: function setFilterMode(mode) {
-        setState(function (state) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-            tagsFilterMode: mode
-          });
-        });
+      setFilterMode(mode) {
+        setState(state => ({
+          ...state,
+          tagsFilterMode: mode
+        }));
       },
-      setActiveTags: function setActiveTags(activeTags) {
-        setState(function (state) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-            activeTags: activeTags
-          });
-        });
+      setActiveTags(activeTags) {
+        setState(state => ({
+          ...state,
+          activeTags
+        }));
       }
     },
-    toggleSelected: function toggleSelected(file) {
-      setState(function (state) {
-        return (0, _setSelection.setSelection)({
-          state: state,
-          files: files,
-          toggledFile: file,
-          shiftKeyPressed: shiftKeyPressed
-        });
-      });
+    toggleSelected(file) {
+      setState(state => setSelection({
+        state,
+        files,
+        toggledFile: file,
+        shiftKeyPressed
+      }));
     },
-    deselectAll: function deselectAll() {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-          selected: []
-        });
-      });
+    deselectAll() {
+      setState(state => ({
+        ...state,
+        selected: []
+      }));
     },
-    updateFile: updateFile,
-    uploadFile: uploadFile
-  });
-  return /*#__PURE__*/_react.default.createElement(FileManagerViewContext.Provider, {
+    updateFile,
+    uploadFile
+  };
+  return /*#__PURE__*/React.createElement(FileManagerViewContext.Provider, {
     value: context
   }, children);
 };