@scaleflex/widget-explorer 4.8.5 → 4.8.7

package/lib/hooks/useIsSmallScreen.js

@@ -2,12 +2,12 @@ import { useSelector } from 'react-redux';
 import { useTheme } from '@scaleflex/ui/theme/hooks';
 import { selectContainerWidth } from '../slices/common.slice';
 
-/**
- * check if the widget container <= 1085px
- *
- * @param {containerWidth} Number container width
- * @param {theme} Object Scaleflex theme
- * @returns {Boolean}
+/**
+ * check if the widget container <= 1085px
+ *
+ * @param {containerWidth} Number container width
+ * @param {theme} Object Scaleflex theme
+ * @returns {Boolean}
  */
 
 var useIsSmallScreen = function useIsSmallScreen() {

package/lib/hooks/useValidateFileName.js

@@ -45,16 +45,16 @@ var handleError = function handleError(_ref) {
   };
 };
 
-/**
- * Validate file name changes, to be able to control extension remove/update.
- * Details: T7195 https://sfx.li/IFr4y01tgqL1wg
- *
- * @param {string} oldName - Old file name that should be changed
- * @param {strign} newName - New file name
- * @param {object} [opts] - Options object
- * @param {boolean} [opts.ignoreChangedNameExtension=false] - If TRUE, fn will ignore extension updates
- *
- * @returns {object} - Object with validation details
+/**
+ * Validate file name changes, to be able to control extension remove/update.
+ * Details: T7195 https://sfx.li/IFr4y01tgqL1wg
+ *
+ * @param {string} oldName - Old file name that should be changed
+ * @param {strign} newName - New file name
+ * @param {object} [opts] - Options object
+ * @param {boolean} [opts.ignoreChangedNameExtension=false] - If TRUE, fn will ignore extension updates
+ *
+ * @returns {object} - Object with validation details
  */
 var checkFileRenameValidation = function checkFileRenameValidation(oldName, newName) {
   var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
@@ -100,10 +100,10 @@ var checkFileRenameValidation = function checkFileRenameValidation(oldName, newN
   };
 };
 
-/**
- * @param {string} name - file name
- *
- * @returns {object} - Object with validation details
+/**
+ * @param {string} name - file name
+ *
+ * @returns {object} - Object with validation details
  */
 var checkFileNameValidation = function checkFileNameValidation(name) {
   if (checkFileOrFolderNameValidation(name)) {
@@ -118,14 +118,14 @@ var checkFileNameValidation = function checkFileNameValidation(name) {
   };
 };
 
-/**
- * Change file name extension.
- *
- * @param {string} fileName - File name with extension that should be changed
- * @param {string} nextExtension - Extension without dot. For example: 'jpg'
- * @param {string} [prevExtension] - Extension without dot. For example: 'jpg'
- *
- * @returns {string} - File name with updated extension. For example: changeFileNameExtension('file-name.jpg', 'jpg', 'gif') will return file-name.gif
+/**
+ * Change file name extension.
+ *
+ * @param {string} fileName - File name with extension that should be changed
+ * @param {string} nextExtension - Extension without dot. For example: 'jpg'
+ * @param {string} [prevExtension] - Extension without dot. For example: 'jpg'
+ *
+ * @returns {string} - File name with updated extension. For example: changeFileNameExtension('file-name.jpg', 'jpg', 'gif') will return file-name.gif
  */
 var changeFileNameExtension = function changeFileNameExtension(fileName, nextExtension) {
   var prevExtension = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

package/lib/index.js

@@ -280,21 +280,21 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       var url = _this._getDeletedUrlQueryParams(keys);
       _this.replaceUrlInBrowser(url);
     });
-    /**
-     * Initialize the i18n translations provided (default, core and from options) and inits the i18n class's attribute.
-     *
+    /**
+     * Initialize the i18n translations provided (default, core and from options) and inits the i18n class's attribute.
+     *
      */
     _defineProperty(_this, "i18nInit", function () {
       _this.translator = new Translator([_this.defaultLocale, _this.filerobot.locale, _this.opts.locale]);
       _this.i18n = _this.translator.translate.bind(_this.translator);
       _this.i18nArray = _this.translator.translateArray.bind(_this.translator);
     });
-    /**
-     * Adds the provided plugin to the explorer state for possiblity to be used/called/checked through the explroer.
-     *
-     * @param {Plugin} plugin - the plugin would be added to the explorer.
-     * Plugin = @scaleflex/widget-core/lib/Plugin.js
-     * @returns {HTMLElement} this.el - the plugin's wrapper HTML element.
+    /**
+     * Adds the provided plugin to the explorer state for possiblity to be used/called/checked through the explroer.
+     *
+     * @param {Plugin} plugin - the plugin would be added to the explorer.
+     * Plugin = @scaleflex/widget-core/lib/Plugin.js
+     * @returns {HTMLElement} this.el - the plugin's wrapper HTML element.
      */
     _defineProperty(_this, "addTarget", function (plugin) {
       var callerPluginId = plugin.id || plugin.constructor.name;
@@ -315,18 +315,18 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       _this.dispatch(targetAdded(target));
       return _this.el;
     });
-    /**
-     * Removes the provided Plugin from the explorer state.
-     *
-     * @param {Plugin} plugin - The plugin to be removed from the state
-     * Plugin = @scaleflex/widget-core/lib/Plugin.js
+    /**
+     * Removes the provided Plugin from the explorer state.
+     *
+     * @param {Plugin} plugin - The plugin to be removed from the state
+     * Plugin = @scaleflex/widget-core/lib/Plugin.js
      */
     _defineProperty(_this, "removeTarget", function (plugin) {
       _this.dispatch(targetRemoved(plugin.id));
     });
-    /**
-     * Hides all the opened/shown panels in case any is opened.
-     *
+    /**
+     * Hides all the opened/shown panels in case any is opened.
+     *
      */
     _defineProperty(_this, "hideAllPanels", function (cb) {
       if (typeof cb === 'function') {
@@ -340,11 +340,11 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         closeOthers: true
       }));
     });
-    /**
-     * Opens the Explorer plugin main modal which is responsible for showing the plugin.
-     *
-     * @emits {Event} explorer:modal-open
-     * @returns {Promise | undefined} promsie
+    /**
+     * Opens the Explorer plugin main modal which is responsible for showing the plugin.
+     *
+     * @emits {Event} explorer:modal-open
+     * @returns {Promise | undefined} promsie
      */
     _defineProperty(_this, "openModal", function () {
       var _createPromise = createPromise(),
@@ -377,12 +377,12 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       _this.filerobot.emit('explorer:modal-open');
       return promise;
     });
-    /**
-     * Closes the Explorer plugin main modal.
-     *
-     * @param {Object} opts - options to be used while closing the modal.
-     * @emits {Event} explorer:modal-close
-     * @returns {Promise | undefeined} promise
+    /**
+     * Closes the Explorer plugin main modal.
+     *
+     * @param {Object} opts - options to be used while closing the modal.
+     * @emits {Event} explorer:modal-close
+     * @returns {Promise | undefeined} promise
      */
     _defineProperty(_this, "closeModal", function () {
       var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -434,18 +434,18 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       _this._getDeletedUrlQueryParams();
       return promise;
     });
-    /**
-     * Checks whether the Explorer plugin main modal is opened or not.
-     *
-     * @returns {Boolean} Anonymous - The state of the main modal whether opened or closed.
+    /**
+     * Checks whether the Explorer plugin main modal is opened or not.
+     *
+     * @returns {Boolean} Anonymous - The state of the main modal whether opened or closed.
      */
     _defineProperty(_this, "isModalOpen", function () {
       return !selectIsPluginModalHidden(_this.getGlobalState());
     });
-    /**
-     * Calls the modal closing function either the function provided by the user from options or the default one.
-     *
-     * @returns {Any} Anonymous - The returned value of the user's provided closing fn. or the default closing fn.
+    /**
+     * Calls the modal closing function either the function provided by the user from options or the default one.
+     *
+     * @returns {Any} Anonymous - The returned value of the user's provided closing fn. or the default closing fn.
      */
     _defineProperty(_this, "requestCloseModal", function () {
       if (_this.opts.onRequestCloseModal) {
@@ -453,29 +453,29 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       }
       return _this.closeModal();
     });
-    /**
-     * Sets the widget's dark mode ON/OFF.
-     *
-     * @param {Boolean} isDarkModeOn - Defines whether to turn the dark mode ON or OFF.
+    /**
+     * Sets the widget's dark mode ON/OFF.
+     *
+     * @param {Boolean} isDarkModeOn - Defines whether to turn the dark mode ON or OFF.
      */
     _defineProperty(_this, "setDarkModeCapability", function (isDarkModeOn) {
       // TODO: enable darkMode when it is ready
       // this.dispatch(darkModeUpdated(false))
     });
-    /**
-     * Handles the widget's dark mode changing.
-     *
-     * @param {Event} event
+    /**
+     * Handles the widget's dark mode changing.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "handleSystemDarkModeChange", function (event) {
       var isDarkModeOnNow = event.matches;
       _this.filerobot.log("[Explorer] Dark mode is ".concat(isDarkModeOnNow ? 'on' : 'off'));
       _this.setDarkModeCapability(isDarkModeOnNow);
     });
-    /**
-     * Adds files to the widget's state for being uploaded.
-     *
-     * @param {Array} files - Array of files objects that would be added to the widget's state.
+    /**
+     * Adds files to the widget's state for being uploaded.
+     *
+     * @param {Array} files - Array of files objects that would be added to the widget's state.
      */
     _defineProperty(_this, "addFiles", function (files) {
       var targetFolder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -511,13 +511,13 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         _this.filerobot.log(err);
       }
     });
-    /**
-     * Listens to resizing of the Explorer plugin container element.
-     *
-     * * Why make insides/inner of Explorer invisible until first ResizeObserver event is emitted?
-     * - ResizeOberserver doesn't emit the first resize event fast enough, users can see the jump from one .filerobot-size-- to another (e.g. in Safari)
-     * * Why not apply visibility property to .filerobot-Explorer-inner?
-     * - Because ideally, acc to specs, ResizeObserver should see invisible elements as of width 0. So even though applying invisibility to .filerobot-Explorer-inner works now, it may not work in the future.
+    /**
+     * Listens to resizing of the Explorer plugin container element.
+     *
+     * * Why make insides/inner of Explorer invisible until first ResizeObserver event is emitted?
+     * - ResizeOberserver doesn't emit the first resize event fast enough, users can see the jump from one .filerobot-size-- to another (e.g. in Safari)
+     * * Why not apply visibility property to .filerobot-Explorer-inner?
+     * - Because ideally, acc to specs, ResizeObserver should see invisible elements as of width 0. So even though applying invisibility to .filerobot-Explorer-inner works now, it may not work in the future.
      */
     _defineProperty(_this, "startListeningToResize", function () {
       // Watch for Explorer container (`.filerobot-Explorer-inner`) resize
@@ -555,19 +555,19 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         }
       }, 1000);
     });
-    /**
-     * Stops the tracking or listening to Explorer plugin container element resizing.
-     *
+    /**
+     * Stops the tracking or listening to Explorer plugin container element resizing.
+     *
      */
     _defineProperty(_this, "stopListeningToResize", function () {
       var _this$resizeObserver;
       (_this$resizeObserver = _this.resizeObserver) === null || _this$resizeObserver === void 0 ? void 0 : _this$resizeObserver.disconnect();
       clearTimeout(_this.makeExplorerInsidesVisibleAnywayTimeout);
     });
-    /**
-     * Records whether we have been interacting with filerobot/explorer right now, which is then used to determine whether state updates should trigger a refocusing.
-     *
-     * @param {Event} event
+    /**
+     * Records whether we have been interacting with filerobot/explorer right now, which is then used to determine whether state updates should trigger a refocusing.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "recordIfFocusedOnFilerobotRecently", function (event) {
       var _this$el, _this$el$contains;
@@ -581,9 +581,9 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         _this.superFocus.cancel();
       }
     });
-    /**
-     * Updates the history of the browser with the plugin's main modal's name.
-     *
+    /**
+     * Updates the history of the browser with the plugin's main modal's name.
+     *
      */
     _defineProperty(_this, "updateBrowserHistory", function () {
       // Ensure history state does not already contain our modal name to avoid double-pushing
@@ -595,10 +595,10 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       // Listen for back button presses
       window.addEventListener('popstate', _this.handlePopState, false);
     });
-    /**
-     * browser's history popstate event handler fired when back button of the browser pressed.
-     *
-     * @param {Event} event
+    /**
+     * browser's history popstate event handler fired when back button of the browser pressed.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "handlePopState", function (event) {
       // Close the modal if the history state no longer contains our modal name
@@ -614,10 +614,10 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         history.go(-1);
       }
     });
-    /**
-     * Event handler for keydown inside the plugin's base/main modal
-     *
-     * @param {*} event
+    /**
+     * Event handler for keydown inside the plugin's base/main modal
+     *
+     * @param {*} event
      */
     _defineProperty(_this, "handleKeyDownInModal", function (event) {
       // close modal on esc key press, Escape key = 27
@@ -629,9 +629,9 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         trapFocus.forModal(event, selectActiveOverlayType(_this.getGlobalState()), _this.el);
       }
     });
-    /**
-     * Requests modal closing if the user provided closeModalOnClickOutside property with true value.
-     *
+    /**
+     * Requests modal closing if the user provided closeModalOnClickOutside property with true value.
+     *
      */
     _defineProperty(_this, "handleClickOutside", function () {
       if (_this.opts.closeModalOnClickOutside) {
@@ -644,10 +644,10 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         }
       }
     });
-    /**
-     * Adds the found copies files in the clipboard on pasting them.
-     *
-     * @param {Event} event
+    /**
+     * Adds the found copies files in the clipboard on pasting them.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "handlePaste", function (event) {
       if (_this._isPasteAndDnDUploadDisabled() || ['TEXTAREA', 'INPUT'].includes(event.target.tagName)) {
@@ -668,10 +668,10 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         _this.addFiles(files);
       }
     });
-    /**
-     * Event handler for dragOver event for preparing the drag & drop functionality.
-     *
-     * @param {Event} event
+    /**
+     * Event handler for dragOver event for preparing the drag & drop functionality.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "handleDragOver", function (event) {
       if (_this._isPasteAndDnDUploadDisabled()) {
@@ -689,10 +689,10 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         isDraggingOver: true
       });
     });
-    /**
-     * Event handler for dragLeave event for removing the classes shown while dragOver event.
-     *
-     * @param {Event} event
+    /**
+     * Event handler for dragLeave event for removing the classes shown while dragOver event.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "handleDragLeave", function (event) {
       if (_this._isPasteAndDnDUploadDisabled()) {
@@ -708,10 +708,10 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         });
       }, 50);
     });
-    /**
-     * Event handler for drop event for handling the adding of dropped files.
-     *
-     * @param {Event} event
+    /**
+     * Event handler for drop event for handling the adding of dropped files.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "handleDrop", function (event) {
       var _event$dataTransfer$f, _event$dataTransfer$i;
@@ -759,30 +759,30 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         }
       });
     });
-    /**
-     * Requests thumbnails for files for being shown to the user.
-     *
-     * @param {Object} file - The object of the file that thumbnail would be generated for.
+    /**
+     * Requests thumbnails for files for being shown to the user.
+     *
+     * @param {Object} file - The object of the file that thumbnail would be generated for.
      */
     _defineProperty(_this, "handleRequestThumbnail", function (file) {
       if (!_this.opts.waitForThumbnailsBeforeUpload) {
         _this.filerobot.emit('thumbnail:request', file);
       }
     });
-    /**
-     * Cancels thumbnail requests when a file item component unmounts to avoid clogging up the queue when the user scrolls past many elements.
-     *
-     * @param {Object} file - the file which its thumbnail generating request should be canceled.
+    /**
+     * Cancels thumbnail requests when a file item component unmounts to avoid clogging up the queue when the user scrolls past many elements.
+     *
+     * @param {Object} file - the file which its thumbnail generating request should be canceled.
      */
     _defineProperty(_this, "handleCancelThumbnail", function (file) {
       if (!_this.opts.waitForThumbnailsBeforeUpload) {
         _this.filerobot.emit('thumbnail:cancel', file);
       }
     });
-    /**
-     * Event handler for keydown event in plugin's inline mode.
-     *
-     * @param {Event} event
+    /**
+     * Event handler for keydown event in plugin's inline mode.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "handleKeyDownInInline", function (event) {
       // Trap focus on tab key press, Tab key = 9.
@@ -790,17 +790,17 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         trapFocus.forInline(event, selectActiveOverlayType(_this.getGlobalState()), _this.el);
       }
     });
-    /**
-     * Event handler for paste event.
-     *
-     * * Why do we listen to the 'paste' event on a document instead of onPaste={props.handlePaste} prop, or this.el.addEventListener('paste')?
-     * - Because (at least) Chrome doesn't handle paste if focus is on some button, e.g. 'My Device'...
-     *    Therefore, the best option is to listen to all 'paste' events, and only react to them when we are focused on our particular Filerobot instance.
-     * * Why do we still need onPaste={props.handlePaste} for the ExplorerUi?
-     * - Because if we click on the 'Drop files here' caption e.g., `document.activeElement` will be 'body'. Which means our standard determination of whether we're pasting into our Filerobot instance won't work...
-     *    Therefore, we need a traditional onPaste={props.handlePaste} handler too.
-     *
-     * @param {Event} event
+    /**
+     * Event handler for paste event.
+     *
+     * * Why do we listen to the 'paste' event on a document instead of onPaste={props.handlePaste} prop, or this.el.addEventListener('paste')?
+     * - Because (at least) Chrome doesn't handle paste if focus is on some button, e.g. 'My Device'...
+     *    Therefore, the best option is to listen to all 'paste' events, and only react to them when we are focused on our particular Filerobot instance.
+     * * Why do we still need onPaste={props.handlePaste} for the ExplorerUi?
+     * - Because if we click on the 'Drop files here' caption e.g., `document.activeElement` will be 'body'. Which means our standard determination of whether we're pasting into our Filerobot instance won't work...
+     *    Therefore, we need a traditional onPaste={props.handlePaste} handler too.
+     *
+     * @param {Event} event
      */
     _defineProperty(_this, "handlePasteOnBody", function (event) {
       var isFocusInOverlay = _this.el.contains(document.activeElement);
@@ -808,11 +808,11 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         _this.handlePaste(event);
       }
     });
-    /**
-     * Public method that used on Hub to sync with burger menu.
-     *
-     * @param {string} newViewId
-     * @param {Object} activationOptions - optional object for providing options used in activation, ex. if the view's activation might accept an initial value to activate for example opening specific label once activating.
+    /**
+     * Public method that used on Hub to sync with burger menu.
+     *
+     * @param {string} newViewId
+     * @param {Object} activationOptions - optional object for providing options used in activation, ex. if the view's activation might accept an initial value to activate for example opening specific label once activating.
      */
     _defineProperty(_this, "changeView", function () {
       var newViewId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : VIEW_IDS.FOLDERS;
@@ -849,11 +849,11 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         name: firstFolderName
       });
     });
-    /**
-     * Handler which is fired on file uploaded that adds the new uploaded file to the state for being shown without refresh.
-     *
-     * @param {Object} _file - upload file object.
-     * @param {Object} uploadResponse - The uploading process response object.
+    /**
+     * Handler which is fired on file uploaded that adds the new uploaded file to the state for being shown without refresh.
+     *
+     * @param {Object} _file - upload file object.
+     * @param {Object} uploadResponse - The uploading process response object.
      */
     _defineProperty(_this, "handleFileUploaded", function (_file, response) {
       var _response$body, _file$data, _currentFolder$path;
@@ -930,10 +930,10 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         }));
       }
     });
-    /**
-     * Event handler fired after the whole upload process is done whether with success, failure or both.
-     *
-     * @param {Object} uploadResultObject
+    /**
+     * Event handler fired after the whole upload process is done whether with success, failure or both.
+     *
+     * @param {Object} uploadResultObject
      */
     _defineProperty(_this, "handleComplete", function (_ref6) {
       var failed = _ref6.failed,
@@ -978,9 +978,9 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         _this.initEvents();
       }
     });
-    /**
-     * Initializes event handlers for different event listeners on the plugin capturing/loading.
-     *
+    /**
+     * Initializes event handlers for different event listeners on the plugin capturing/loading.
+     *
      */
     _defineProperty(_this, "initEvents", function () {
       if (!_this.el) {
@@ -1043,9 +1043,9 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         window.history.replaceState = _this._replaceStateProxy.proxy;
       }
     });
-    /**
-     * Removes the event handlers assigned on the plugin's capturing/initialization.
-     *
+    /**
+     * Removes the event handlers assigned on the plugin's capturing/initialization.
+     *
      */
     _defineProperty(_this, "removeEvents", function () {
       var showModalTrigger = findAllDOMElements(_this.opts.trigger);
@@ -1074,9 +1074,9 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         window.history.replaceState = _this._replaceStateProxy.nativeFn || window.history.replaceState;
       }
     });
-    /**
-     * Handles focusing after each state update of the plugin.
-     *
+    /**
+     * Handles focusing after each state update of the plugin.
+     *
      */
     _defineProperty(_this, "superFocusOnEachUpdate", function () {
       if (!_this.el) {
@@ -1104,23 +1104,23 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         _this.superFocus.cancel();
       }
     });
-    /**
-     * The function fired after each state update, debounced.
-     *
+    /**
+     * The function fired after each state update, debounced.
+     *
      */
     _defineProperty(_this, "afterUpdate", function () {
       _this.superFocusOnEachUpdate();
     });
-    /**
-     * pause uploading for the provided file.
-     * @param {String} fileId - The id of the file which uploading process would be canceled.
+    /**
+     * pause uploading for the provided file.
+     * @param {String} fileId - The id of the file which uploading process would be canceled.
      */
     _defineProperty(_this, "pauseUpload", function (fileId) {
       _this.filerobot.pauseResume(fileId);
     });
-    /**
-     * retry uploading for the provided file.
-     * @param {String} fileId - The id of the file which uploading process would be canceled.
+    /**
+     * retry uploading for the provided file.
+     * @param {String} fileId - The id of the file which uploading process would be canceled.
      */
     _defineProperty(_this, "retryUpload", function (fileId) {
       _this.filerobot.retryUpload(fileId);
@@ -1454,9 +1454,9 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
     return _this;
   }
 
-  /**
-   * Any state value that doesn't have a proper slice (container) then it will be stored in the common state here.
-   * @param {Object} update - the object with the new values to be updated in the common state.
+  /**
+   * Any state value that doesn't have a proper slice (container) then it will be stored in the common state here.
+   * @param {Object} update - the object with the new values to be updated in the common state.
    */
   _inherits(Explorer, _Plugin);
   return _createClass(Explorer, [{