@scaleflex/widget-explorer 4.0.7 → 4.1.0

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;
@@ -921,10 +921,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;
@@ -949,9 +949,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) {
@@ -1014,9 +1014,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);
@@ -1045,9 +1045,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) {
@@ -1075,23 +1075,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);
@@ -1393,7 +1393,10 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       defaultFieldKeyOfBulkEditPanel: '',
       hideDetailsViewButton: false,
       hideVariationsTab: false,
-      hideMetadataTab: false
+      hideMetadataTab: false,
+      hideFileSpecsMetadataFields: false,
+      variationsHideManualSubTab: false,
+      variationsShowAddPresetButton: false
     };
 
     // merge default options with the ones set by user
@@ -1420,9 +1423,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, [{

package/lib/slices/files.slice.js

@@ -42,15 +42,15 @@ import { getMetaRegionalGroupsLanguagesApiValues } from '../components/metadata.
 import { selectActiveRegionalLang, selectIsCdnPermalinkEnabled, selectMetadataRegionalGroups } from './metadata.slice';
 import { adaptFiltersToBackendNotation } from '../utils/filters';
 
-/**
- * The order of the code in slice file is:
- *  1. initialState (*No* export needed)
- *  2. automated thunks functions -- uses createThunk API-- (export needed)
- *  3. createSlice (*No* export needed)
- *  4. actions exports
- *  5. selectors (export needed)
- *  6. default reducer export
- *
+/**
+ * The order of the code in slice file is:
+ *  1. initialState (*No* export needed)
+ *  2. automated thunks functions -- uses createThunk API-- (export needed)
+ *  3. createSlice (*No* export needed)
+ *  4. actions exports
+ *  5. selectors (export needed)
+ *  6. default reducer export
+ *
  */
 var slicePropName = 'files';
 export var sliceName = "".concat(PLUGINS_IDS.EXPLORER, "/").concat(slicePropName);
@@ -309,12 +309,12 @@ var updateFilesSorting = function updateFilesSorting(_ref11) {
   }
   return !sortBy ? undefined : "".concat(sortBy, ":").concat(sortOrder);
 };
-/**
- * cachedViewQueries === { [key]: value }, means we are fetching the files for which view-mode/feature (folder/label/...etc), examples:
- *    { folder: 'folderUuid' } or { labels: 'labelSid' }
- *    or { search: 'searchQuery' } or { search: 'searchQuery', folder: 'folderPath' }
- * -- u could add `recursive: true` to be cached with the view also to be considered always in the request till changing the view.
- *
+/**
+ * cachedViewQueries === { [key]: value }, means we are fetching the files for which view-mode/feature (folder/label/...etc), examples:
+ *    { folder: 'folderUuid' } or { labels: 'labelSid' }
+ *    or { search: 'searchQuery' } or { search: 'searchQuery', folder: 'folderPath' }
+ * -- u could add `recursive: true` to be cached with the view also to be considered always in the request till changing the view.
+ *
 */
 // `lastViewOptions` - used to keep tracked of the last applied view for fetchFiles...
 //  to be used in fetching files again for the same query without providing query one more time (easier to call the thunk from anyplace without query or complex/spaghetti logic).

package/lib/slices/folders.slice.js

@@ -33,15 +33,15 @@ import { extractFolderTreeSlice } from '../components/FoldersView/FoldersTree/Fo
 import getParentFolderPath from '../utils/getParentFolderPath';
 import { selectFilesSortedBy, selectFilesSortOrder } from './files.slice';
 
-/**
- * The order of the code in slice file is:
- *  1. getInitialState (*No* export needed)
- *  2. automated thunks functions -- uses createThunk API-- (export needed)
- *  3. createSlice (*No* export needed)
- *  4. actions exports
- *  5. selectors (export needed)
- *  6. default reducer export
- *
+/**
+ * The order of the code in slice file is:
+ *  1. getInitialState (*No* export needed)
+ *  2. automated thunks functions -- uses createThunk API-- (export needed)
+ *  3. createSlice (*No* export needed)
+ *  4. actions exports
+ *  5. selectors (export needed)
+ *  6. default reducer export
+ *
  */
 
 var addedFolderExtraProps = {

package/lib/slices/metadata.slice.js

@@ -325,6 +325,12 @@ var metadataSlice = createSlice({
         regionalFilters: regionalFilters,
         version: (_metadata$version2 = metadata === null || metadata === void 0 ? void 0 : metadata.version) !== null && _metadata$version2 !== void 0 ? _metadata$version2 : null
       });
+    },
+    presetsUpdated: function presetsUpdated(state, action) {
+      var _action$payload;
+      return _objectSpread(_objectSpread({}, state), {}, {
+        presets: (action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.presets) || []
+      });
     }
   },
   extraReducers: function extraReducers(builder) {
@@ -348,8 +354,9 @@ var _metadataSlice$action = metadataSlice.actions,
   metadataUpdated = _metadataSlice$action.metadataUpdated,
   metadataRegionalFiltersSet = _metadataSlice$action.metadataRegionalFiltersSet,
   itemMetadataErrorsUpdated = _metadataSlice$action.itemMetadataErrorsUpdated,
-  metadataAdaptAndSet = _metadataSlice$action.metadataAdaptAndSet;
-export { metadataUpdated, metadataRegionalFiltersSet, itemMetadataErrorsUpdated, metadataAdaptAndSet };
+  metadataAdaptAndSet = _metadataSlice$action.metadataAdaptAndSet,
+  presetsUpdated = _metadataSlice$action.presetsUpdated;
+export { metadataUpdated, metadataRegionalFiltersSet, itemMetadataErrorsUpdated, metadataAdaptAndSet, presetsUpdated };
 export var selectMetadata = function selectMetadata(state) {
   var _state$PLUGINS_IDS$EX;
   return ((_state$PLUGINS_IDS$EX = state[PLUGINS_IDS.EXPLORER]) === null || _state$PLUGINS_IDS$EX === void 0 ? void 0 : _state$PLUGINS_IDS$EX[slicePropName]) || initialState;