@scaleflex/widget-explorer 4.3.0 → 4.5.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.5.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.4.0...v4.5.0) (2025-10-08)
+
+
+### Features
+
+* enhance VariationsTab functionality by integrating selectedVariant handling ([e68cbe0](https://code.scaleflex.cloud/scaleflex/widget/commits/e68cbe0875b90f93fbba37a657ee0adb7fdb23d0))
+
+
+
+
+
+# [4.4.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.1.0...v4.4.0) (2025-10-07)
+
+
+### Features
+
+* add `hideTopBarAddFolderButton` option and implement new folder modal functionality in the explorer component ([7129309](https://code.scaleflex.cloud/scaleflex/widget/commits/712930995f6dfd4a0d874c0638dde61065fd0683))
+* enhance folder management and file upload handling in the explorer component ([04b8ec5](https://code.scaleflex.cloud/scaleflex/widget/commits/04b8ec545c4f10be89f5a44eed954acf8433360c))
+
+
+
+
+
 # [4.3.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.1.0...v4.3.0) (2025-10-02)
 
 

package/lib/components/AssetsList/AssetsList.styled.js

@@ -135,7 +135,7 @@ var Accordion = styled(SfxAccordion)(function (_ref17) {
     _ref17$theme = _ref17.theme,
     typography = _ref17$theme.typography,
     palette = _ref17$theme.palette;
-  return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  margin-bottom: 12px;\n  margin-top: ", ";\n\n  ", "\n\n  .SfxAccordionHeader-root {\n    padding: 0 24px;\n    display: ", "\n  }\n\n  .SfxAccordionHeader-label {\n    ", ";\n    color: ", "\n  }\n"])), noTopMargin ? 0 : '12px', isListView && "\n    max-width: 2200px;\n    margin: auto;\n  ", hideHeader ? 'none' : 'inline-flex', typography.font[FV.LabelMediumEmphasis], palette[PC.TextSecondary]);
+  return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  margin-bottom: 12px;\n  margin-top: ", ";\n\n  ", "\n\n  .SfxAccordionHeader-root {\n    padding: 0 24px;\n    display: ", ";\n    position: sticky;\n    left: -24px;\n  }\n\n  .SfxAccordionHeader-label {\n    ", ";\n    color: ", "\n  }\n"])), noTopMargin ? 0 : '12px', isListView && "\n    max-width: max-content;\n    width: max-content;\n  ", hideHeader ? 'none' : 'inline-flex', typography.font[FV.LabelMediumEmphasis], palette[PC.TextSecondary]);
 });
 var RelevanceScore = styled.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  text-align: center;\n  margin: 6px 0px;\n  font-size: 20px;\n"])));
 var FileRelevanceBadge = styled.div(function (_ref18) {

package/lib/components/FileWindowPanel/FileTabs/VariationsTab/VariationsTabNavigator.js

@@ -9,22 +9,25 @@ var VariationsTabNavigator = function VariationsTabNavigator(_ref) {
     activeTabId = _ref.activeTabId,
     setActiveTabId = _ref.setActiveTabId,
     customVariants = _ref.customVariants,
-    presetsVariants = _ref.presetsVariants;
+    presetsVariants = _ref.presetsVariants,
+    selectedVariant = _ref.selectedVariant;
   var dispatch = useDispatch();
-  var getFirstVariant = useCallback(function (tabId) {
-    return tabId === VARIATIONS_TAB_IDS.AUTOMATIC ? presetsVariants === null || presetsVariants === void 0 ? void 0 : presetsVariants[0] : customVariants === null || customVariants === void 0 ? void 0 : customVariants[0];
-  }, [customVariants, presetsVariants]);
+  var getActiveVariant = useCallback(function (tabId) {
+    return tabId === VARIATIONS_TAB_IDS.AUTOMATIC ? selectedVariant && (presetsVariants === null || presetsVariants === void 0 ? void 0 : presetsVariants.find(function (variant) {
+      return variant.name === selectedVariant.name;
+    })) || (presetsVariants === null || presetsVariants === void 0 ? void 0 : presetsVariants[0]) : customVariants === null || customVariants === void 0 ? void 0 : customVariants[0];
+  }, [customVariants, presetsVariants, selectedVariant]);
   var handleChangeTab = useCallback(function (newTabId) {
     if ((presetsVariants === null || presetsVariants === void 0 ? void 0 : presetsVariants.length) === 0) {
       return;
     }
-    var firstVariant = getFirstVariant(newTabId);
+    var firstVariant = getActiveVariant(newTabId);
     dispatch(filesVariationsUpdated(firstVariant));
     setActiveTabId(newTabId);
   }, [dispatch]);
   useEffect(function () {
     if (activeTabId === VARIATIONS_TAB_IDS.AUTOMATIC) {
-      var firstVariant = getFirstVariant(activeTabId);
+      var firstVariant = getActiveVariant(activeTabId);
       dispatch(filesVariationsUpdated(firstVariant));
     }
   }, []);

package/lib/components/FileWindowPanel/FileTabs/VariationsTab/index.js

@@ -491,6 +491,7 @@ var VariationsTab = function VariationsTab(_ref) {
         dispatch(filesVariationsUpdated(mainVariants[0]));
       }, setIsLoading);
     } else {
+      dispatch(filesVariationsUpdated(mainFile));
       setIsLoading(false);
     }
     if (mainFile.removedBackground && !mainFile.info.remove_background) {
@@ -508,9 +509,7 @@ var VariationsTab = function VariationsTab(_ref) {
       }, setIsLoading);
     }
     return function () {
-      if (!variationsHideManualSubTab) {
-        dispatch(filesVariationsUpdated({}));
-      }
+      dispatch(filesVariationsUpdated({}));
       _isUnMounting = true;
     };
   }, [previewedFile.uuid]);
@@ -548,7 +547,8 @@ var VariationsTab = function VariationsTab(_ref) {
       activeTabId: activeVariationsTabId,
       setActiveTabId: setActiveVariationsTabId,
       customVariants: customVariants,
-      presetsVariants: presetsVariants
+      presetsVariants: presetsVariants,
+      selectedVariant: selectedVariant
     }), /*#__PURE__*/_jsxs(StyledVariants.Actions, {
       children: [/*#__PURE__*/_jsx(StyledVariants.Title, {
         children: isAutomaticTabActive ? i18n('explorerFileWindowVariationsPresetsTabLabel') : i18n('explorerFileWindowVariationsCustomTabLabel')

package/lib/components/common/DeleteModalItemText/index.js

@@ -1,5 +1,6 @@
-import Styled from './DeleteModalItemText.styled';
+import { Fragment } from 'react';
 import { EllipsedText } from '@scaleflex/ui/core';
+import Styled from './DeleteModalItemText.styled';
 import { jsx as _jsx } from "react/jsx-runtime";
 var TOOLTIP_PROPS = {
   size: 'md',
@@ -17,7 +18,11 @@ var DeleteModalItemText = function DeleteModalItemText(_ref) {
       tooltipProps: TOOLTIP_PROPS,
       tooltipTitle: "\"".concat(itemTitle, "\""),
       textSuffix: "\"?",
-      children: itemText
+      children: Array.isArray(itemText) ? itemText.map(function (text, index) {
+        return /*#__PURE__*/_jsx(Fragment, {
+          children: text
+        }, index);
+      }) : itemText
     })
   });
 };

package/lib/components/common/Sort/Sort.styled.js

@@ -14,14 +14,14 @@ var ArrowDown = styled(SfxArrowDown)(function (_ref2) {
   var $isActive = _ref2.$isActive,
     $isActiveOption = _ref2.$isActiveOption,
     palette = _ref2.theme.palette;
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  visibility: ", ";\n  margin-left: auto;\n  margin-right: 4px;\n  color: ", ";\n  transition: all 150ms linear;\n  padding: 4px;\n  box-sizing: content-box;\n"])), $isActiveOption ? 1 : 0, $isActiveOption && 'visible', $isActive ? palette[PC.AccentStateless] : palette[PC.IconsSecondary]);
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  visibility: ", ";\n  margin-left: auto;\n  margin-right: 4px;\n  color: ", ";\n  transition: all 150ms linear;\n  padding: 4px;\n  box-sizing: content-box!important;\n"])), $isActiveOption ? 1 : 0, $isActiveOption && 'visible', $isActive ? palette[PC.AccentStateless] : palette[PC.IconsSecondary]);
 });
 var ArrowUp = styled(SfxArrowUp)(function (_ref3) {
   var $isActive = _ref3.$isActive,
     $isActiveOption = _ref3.$isActiveOption,
     disabled = _ref3.disabled,
     palette = _ref3.theme.palette;
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  visibility: ", ";\n  color: ", ";\n  transition: all 150ms ease-out;\n  padding: 4px;\n  box-sizing: content-box;\n\n  ", "\n"])), $isActiveOption ? 1 : 0, $isActiveOption && 'visible', $isActive ? palette[PC.AccentStateless] : palette[PC.IconsSecondary], disabled ? 'cursor: not-allowed;' : "\n      &:hover {\n        color: ".concat(palette[PC.IconsSecondaryHover], ";\n      }"));
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  visibility: ", ";\n  color: ", ";\n  transition: all 150ms ease-out;\n  padding: 4px;\n  box-sizing: content-box!important;\n\n  ", "\n"])), $isActiveOption ? 1 : 0, $isActiveOption && 'visible', $isActive ? palette[PC.AccentStateless] : palette[PC.IconsSecondary], disabled ? 'cursor: not-allowed;' : "\n      &:hover {\n        color: ".concat(palette[PC.IconsSecondaryHover], ";\n      }"));
 });
 var IconButton = styled(SfxIconButton)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
   var preventSortButtonFocus = _ref4.preventSortButtonFocus;

package/lib/index.js

@@ -46,7 +46,7 @@ import explorerReducer from './slices';
 import { targetAdded, targetRemoved } from './slices/targets.slice';
 import { allPanelsClosed, detailsViewToggled, facetedSearchSidebarToggled, fileWindowUpdated, selectActiveOverlayType, selectFileWindowFor, showAddFilesPanelUpdated, uploadsPanelOpened } from './slices/panels.slice';
 import { /* darkModeUpdated, */accessRolesUpdated, explorerCommonStateUpdated, selectIsPluginModalHidden, explorerPluginLoadingSet, pluginModalClosing, pluginModalHidden, selectIsPluginModalClosing } from './slices/common.slice';
-import { foldersAdded, foldersSortingUpdated, foldersStateUpdated, selectBaseFolderPath, selectCurrentFolder, selectCurrentFolderPath, selectFolderByPath, selectFolders } from './slices/folders.slice';
+import { fetchFolders, folderUpdated, foldersAdded, foldersSortingUpdated, foldersStateUpdated, selectBaseFolderPath, selectCurrentFolder, selectCurrentFolderPath, selectFolderByPath, selectFolders } from './slices/folders.slice';
 import { fileAdded, filesSortingUpdated, selectCurrentFileByIdOrUuid } from './slices/files.slice';
 import { changeView, selectActiveView, selectIsAssetsView, viewsStateUpdated } from './slices/views.slice';
 import { foldersTreeFoldersUpdated, recursivelyFetchFoldersTree } from './slices/foldersTree.slice';
@@ -834,7 +834,7 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       return _objectSpread(_objectSpread({}, otherProps), {}, {
         count: {
           files_direct: isUploadDirectChild ? 1 : 0,
-          files_recursive: isUploadDirectChild ? 0 : 1
+          files_recursive: 1
         },
         size: {
           total_recursive_bytes: ((_otherProps$fileSize = otherProps.fileSize) === null || _otherProps$fileSize === void 0 ? void 0 : _otherProps$fileSize.bytes) || 0,
@@ -872,7 +872,7 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       var fileParentFolder = uploadedFile.toFolder || uploadedFile.folder || '';
       var fileParentFolderPath = fileParentFolder.name || fileParentFolder || '';
       var localFolderPathNoFileName = (localParentFolderPath === null || localParentFolderPath === void 0 ? void 0 : localParentFolderPath.substr(0, localParentFolderPath === null || localParentFolderPath === void 0 ? void 0 : localParentFolderPath.lastIndexOf('/'))) || '';
-      var targetFolderPath = fileParentFolderPath.substr(0, fileParentFolderPath.indexOf(localFolderPathNoFileName));
+      var targetFolderPath = fileParentFolderPath.substr(0, fileParentFolderPath.indexOf(localFolderPathNoFileName)) || selectBaseFolderPath(state) || '/';
       if (isFileWindowOpened && isFileVersion({
         newVersion: uploadedFile,
         originalFile: originalFile
@@ -898,6 +898,15 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         // otherwise add the file.
         _this.dispatch(fileAdded(uploadedFile));
         return;
+      } else if (folders[fileParentFolder.uuid]) {
+        var _folders$fileParentFo, _folders$fileParentFo2;
+        _this.dispatch(folderUpdated({
+          uuid: fileParentFolder.uuid,
+          count: {
+            files_direct: (((_folders$fileParentFo = folders[fileParentFolder.uuid].count) === null || _folders$fileParentFo === void 0 ? void 0 : _folders$fileParentFo.files_direct) || 0) + 1,
+            files_recursive: (((_folders$fileParentFo2 = folders[fileParentFolder.uuid].count) === null || _folders$fileParentFo2 === void 0 ? void 0 : _folders$fileParentFo2.files_recursive) || 0) + 1
+          }
+        }));
       }
       var fileDirectParentFolderPathIndex = fileParentFolderPath.indexOf('/', (currentFolder === null || currentFolder === void 0 ? void 0 : (_currentFolder$path = currentFolder.path) === null || _currentFolder$path === void 0 ? void 0 : _currentFolder$path.length) + 1 || 0);
       var fileDirectParentFolderPath = fileParentFolderPath.slice(0, fileDirectParentFolderPathIndex > -1 ? fileDirectParentFolderPathIndex : undefined);
@@ -927,11 +936,31 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
      * @param {Object} uploadResultObject
      */
     _defineProperty(_this, "handleComplete", function (_ref6) {
-      var failed = _ref6.failed;
+      var failed = _ref6.failed,
+        successful = _ref6.successful;
       if (_this.opts.closeAfterFinish && failed.length === 0) {
         // All uploads are done
         _this.requestCloseModal();
       }
+      var currentFolderPath = selectCurrentFolderPath(_this.getGlobalState());
+      var folderPathsToFetch = successful.reduce(function (folderPaths, file) {
+        var _file$data2, _file$data3, _file$data3$relativeP;
+        var fileParentFolderPath = (_file$data2 = file.data) !== null && _file$data2 !== void 0 && _file$data2.relativePath ? "".concat(currentFolderPath, "/").concat((_file$data3 = file.data) === null || _file$data3 === void 0 ? void 0 : (_file$data3$relativeP = _file$data3.relativePath) === null || _file$data3$relativeP === void 0 ? void 0 : _file$data3$relativeP.split('/')[1]).replace(/\/\//g, '/') : currentFolderPath;
+        folderPaths.add(fileParentFolderPath);
+        return folderPaths;
+      }, new Set());
+      folderPathsToFetch.forEach(function (folderPath) {
+        _this.dispatch(fetchFolders({
+          path: folderPath,
+          withPreviews: true,
+          limit: 0,
+          offset: 0,
+          replaceOldFolders: false,
+          skipPendingDispatch: true,
+          id: undefined,
+          addFolderRequestBaseToEntities: true
+        }));
+      });
     });
     _defineProperty(_this, "handleUploadStart", function () {
       if (_this.opts.closeAfterUploadStart && !_this.opts.inline) {

package/lib/slices/folders.slice.js

@@ -1,5 +1,5 @@
 var _excluded = ["sortBy", "sortOrder", "fetchFiles", "replaceOldFolders"],
-  _excluded2 = ["path", "options", "limit", "offset", "withStats", "replaceOldFolders", "abortSignal", "skipDispatch", "skipPendingDispatch", "withPreviews"];
+  _excluded2 = ["path", "options", "limit", "offset", "withStats", "replaceOldFolders", "abortSignal", "skipDispatch", "skipPendingDispatch", "withPreviews", "addFolderRequestBaseToEntities"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -332,6 +332,8 @@ export var fetchFolders = createThunk(async function (_ref12, thunkApi) {
     skipPendingDispatch = _ref12$skipPendingDis === void 0 ? false : _ref12$skipPendingDis,
     _ref12$withPreviews = _ref12.withPreviews,
     withPreviews = _ref12$withPreviews === void 0 ? true : _ref12$withPreviews,
+    _ref12$addFolderReque = _ref12.addFolderRequestBaseToEntities,
+    addFolderRequestBaseToEntities = _ref12$addFolderReque === void 0 ? false : _ref12$addFolderReque,
     otherParams = _objectWithoutProperties(_ref12, _excluded2);
   if (skipDispatch) {
     thunkApi.skipDispatch();
@@ -359,6 +361,7 @@ export var fetchFolders = createThunk(async function (_ref12, thunkApi) {
     },
     noRecursiveParam: false
   });
+  var currFolder = selectFolderByPath(state, path);
   var selectedItemsCount = selectAllSelectedItemsCount(thunkApi.getState());
   if ((replaceOldFolders || usedOffset === 0) && selectedItemsCount > 0) {
     thunkApi.dispatch(selectionsCleared());
@@ -379,7 +382,7 @@ export var fetchFolders = createThunk(async function (_ref12, thunkApi) {
   var currentFolder = ((_foldersResponse$base = foldersResponse.base) === null || _foldersResponse$base === void 0 ? void 0 : _foldersResponse$base.path) === '/' ? _objectSpread(_objectSpread({}, foldersResponse.base), {}, {
     name: i18n('mutualizedBaseFolderTitle')
   }) : foldersResponse.base || {};
-  if (viewLayout === LAYOUTS_IDS.GRID && !isFastToken && withPreviews && folders.length > 0) {
+  if (viewLayout === LAYOUTS_IDS.GRID && !isFastToken && withPreviews) {
     thunkApi.dispatch(fetchFoldersPreviews({
       uuids: [currentFolder.uuid].concat(_toConsumableArray(folders.map(function (_ref14) {
         var uuid = _ref14.uuid;
@@ -388,8 +391,7 @@ export var fetchFolders = createThunk(async function (_ref12, thunkApi) {
       abortSignal: requestAttrs.abortSignal
     }));
   }
-  return {
-    currentFolder: currentFolder,
+  return _objectSpread({
     folders: folders,
     // Need to hide system folders but must be included in /list API response.
     stats: withStats ? {
@@ -397,9 +399,14 @@ export var fetchFolders = createThunk(async function (_ref12, thunkApi) {
       totalFoldersCount: ((_foldersResponse$stat2 = foldersResponse.stats) === null || _foldersResponse$stat2 === void 0 ? void 0 : _foldersResponse$stat2.approx_folders_count) || ((_foldersResponse$info2 = foldersResponse.info) === null || _foldersResponse$info2 === void 0 ? void 0 : _foldersResponse$info2.total_dirs_count) || ((_foldersResponse$info3 = foldersResponse.info) === null || _foldersResponse$info3 === void 0 ? void 0 : _foldersResponse$info3.total_folders_count)
     } : undefined,
     replaceOldFolders: replaceOldFolders,
+    addFolderRequestBaseToEntities: addFolderRequestBaseToEntities,
+    currentFolder: currFolder !== null && currFolder !== void 0 && currFolder.permissions ? _objectSpread(_objectSpread({}, currentFolder), {}, {
+      permissions: currFolder.permissions
+    }) : currentFolder
+  }, !addFolderRequestBaseToEntities && {
     offset: usedOffset + usedLimit,
     noMoreFolders: folders.length < usedLimit
-  };
+  });
 }, {
   actionType: "".concat(sliceName, "/fetchFolders")
 });
@@ -563,14 +570,18 @@ var foldersSlice = createSlice({
       });
     },
     foldersAdded: function foldersAdded(state, action) {
+      var _state$currentFolder;
       var _action$payload = action.payload,
-        folders = _action$payload.folders,
+        _action$payload$folde = _action$payload.folders,
+        folders = _action$payload$folde === void 0 ? [] : _action$payload$folde,
         currentFolder = _action$payload.currentFolder,
         noMoreFolders = _action$payload.noMoreFolders,
         offset = _action$payload.offset,
         stats = _action$payload.stats,
-        parentFolder = _action$payload.parentFolder;
-      var currentOpenedFolder = currentFolder || state.currentFolder;
+        parentFolder = _action$payload.parentFolder,
+        _action$payload$addFo = _action$payload.addFolderRequestBaseToEntities,
+        addFolderRequestBaseToEntities = _action$payload$addFo === void 0 ? false : _action$payload$addFo;
+      var currentOpenedFolder = (currentFolder === null || currentFolder === void 0 ? void 0 : currentFolder.uuid) === ((_state$currentFolder = state.currentFolder) === null || _state$currentFolder === void 0 ? void 0 : _state$currentFolder.uuid) && _objectSpread(_objectSpread({}, state.currentFolder), currentFolder) || !addFolderRequestBaseToEntities && currentFolder || state.currentFolder;
       var baseFolderPath = state.baseFolderPath;
       if (parentFolder !== null && parentFolder !== void 0 && parentFolder.uuid && currentOpenedFolder !== null && currentOpenedFolder !== void 0 && currentOpenedFolder.uuid && parentFolder.uuid !== currentOpenedFolder.uuid) {
         return state;
@@ -585,18 +596,21 @@ var foldersSlice = createSlice({
         }),
         normalizedSlices = _getNormalizedItems.normalizedSlices,
         uuids = _getNormalizedItems.uuids;
-      var newFolders = _objectSpread(_objectSpread({}, state.entities), normalizedSlices);
+      var newFolders = _objectSpread(_objectSpread(_objectSpread({}, state.entities), addFolderRequestBaseToEntities ? _defineProperty({}, currentFolder.uuid, _objectSpread(_objectSpread(_objectSpread({}, state.entities[currentFolder.uuid]), currentFolder), addedFolderExtraProps)) : {}), normalizedSlices);
       var newUuids = [].concat(_toConsumableArray(state.uuids), _toConsumableArray(uuids));
       return _objectSpread(_objectSpread({}, state), {}, {
         uuids: newUuids,
         entities: newFolders,
-        stats: stats || state.stats,
+        stats: stats || _objectSpread(_objectSpread({}, state.stats), {}, {
+          totalFoldersCount: (state.stats.totalFoldersCount || 0) + foldersToAdd.length
+        }),
         currentFolder: currentOpenedFolder,
         noMoreFolders: noMoreFolders,
         offset: offset !== null && offset !== void 0 ? offset : state.offset
       });
     },
     foldersReplaced: function foldersReplaced(state, action) {
+      var _state$currentFolder2;
       var _action$payload2 = action.payload,
         folders = _action$payload2.folders,
         currentFolder = _action$payload2.currentFolder,
@@ -625,7 +639,7 @@ var foldersSlice = createSlice({
         uuids: newUuids,
         entities: newFolders,
         stats: stats || state.stats,
-        currentFolder: currentFolder || state.currentFolder,
+        currentFolder: (currentFolder === null || currentFolder === void 0 ? void 0 : currentFolder.uuid) === ((_state$currentFolder2 = state.currentFolder) === null || _state$currentFolder2 === void 0 ? void 0 : _state$currentFolder2.uuid) && _objectSpread(_objectSpread({}, state.currentFolder), currentFolder) || currentFolder || state.currentFolder,
         offset: offset,
         loading: false,
         error: null,
@@ -675,10 +689,10 @@ var foldersSlice = createSlice({
       });
     },
     foldersUpdated: function foldersUpdated(state, action) {
-      var _state$currentFolder;
+      var _state$currentFolder3;
       var folders = action.payload;
       var updatedFolders = _objectSpread({}, state.entities);
-      var currentFolderUuid = (_state$currentFolder = state.currentFolder) === null || _state$currentFolder === void 0 ? void 0 : _state$currentFolder.uuid;
+      var currentFolderUuid = (_state$currentFolder3 = state.currentFolder) === null || _state$currentFolder3 === void 0 ? void 0 : _state$currentFolder3.uuid;
       var isFolderUpdated = false;
       var updatedCurrentFolder = null;
       folders.forEach(function (folder) {
@@ -790,8 +804,8 @@ var foldersSlice = createSlice({
           loading: false
         })
       });
-    }).addMatcher(function (_ref22) {
-      var type = _ref22.type;
+    }).addMatcher(function (_ref23) {
+      var type = _ref23.type;
       return type.startsWith(sliceNameWithSeparator) && Boolean(type.match(/\/updateFolder.*\/pending/));
     }, function (state, action) {
       var _action$meta$arg, _action$meta$arg2;
@@ -802,8 +816,8 @@ var foldersSlice = createSlice({
           error: null
         }
       });
-    }).addMatcher(function (_ref23) {
-      var type = _ref23.type;
+    }).addMatcher(function (_ref24) {
+      var type = _ref24.type;
       return type.startsWith(sliceNameWithSeparator) && Boolean(type.match(/\/updateFolder.*\/fulfilled/));
     }, function (state, action) {
       return foldersSlice.caseReducers.folderUpdated(state, {
@@ -812,8 +826,8 @@ var foldersSlice = createSlice({
           error: null
         })
       });
-    }).addMatcher(function (_ref24) {
-      var type = _ref24.type;
+    }).addMatcher(function (_ref25) {
+      var type = _ref25.type;
       return type.startsWith(sliceNameWithSeparator) && Boolean(type.match(/\/updateFolder.*\/rejected/));
     }, function (state, action) {
       var _action$meta$arg3, _action$meta$arg4;
@@ -884,8 +898,8 @@ export var selectFolderByUuid = function selectFolderByUuid(state, folderUuid) {
   return selectFolders(state)[folderUuid] || selectCurrentFolderUuid(state) === folderUuid && selectCurrentFolder(state);
 };
 export var selectFolderByPath = function selectFolderByPath(state, folderPath) {
-  return Object.values(selectFolders(state)).find(function (_ref25) {
-    var path = _ref25.path;
+  return Object.values(selectFolders(state)).find(function (_ref22) {
+    var path = _ref22.path;
     return path === folderPath;
   });
 };

package/lib/slices/selections.slice.js

@@ -14,8 +14,8 @@ import { createSelector, createSlice, isAnyOf } from '@reduxjs/toolkit';
 import createThunk from '@scaleflex/widget-utils/lib/createThunk';
 import { PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
 import { uploadsAdded } from '@scaleflex/widget-core/lib/slices/uploads.slice';
-import { filesReplaced, selectCurrentFileByIdOrUuid, selectCurrentFiles, selectCurrentFilesByIdsOrUuids, selectFiles } from './files.slice';
-import { foldersReplaced, selectFolderByUuid, selectFolders } from './folders.slice';
+import { filesRemoved, filesReplaced, selectCurrentFileByIdOrUuid, selectCurrentFiles, selectCurrentFilesByIdsOrUuids, selectFiles } from './files.slice';
+import { foldersRemoved, foldersReplaced, selectFolderByUuid, selectFolders } from './folders.slice';
 import { viewChanged, selectIsFoldersView } from './views.slice';
 import { showAddFilesPanelUpdated } from './panels.slice';
 var slicePropName = 'selections';
@@ -214,7 +214,7 @@ var selectionsSlice = createSlice({
       return selectionsSlice.caseReducers.foldersSelected(state, {
         payload: []
       });
-    }).addMatcher(isAnyOf(viewChanged, uploadsAdded, showAddFilesPanelUpdated), function (state) {
+    }).addMatcher(isAnyOf(viewChanged, uploadsAdded, showAddFilesPanelUpdated, filesRemoved, foldersRemoved), function (state) {
       return selectionsSlice.caseReducers.selectionsCleared(state);
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "4.3.0",
+  "version": "4.5.0",
   "description": "Scaleflex explorer for the files uploaded on filerobot, handling them & upload new files.",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
@@ -18,12 +18,12 @@
     "@scaleflex/icons": "^3.0.0-beta.11",
     "@scaleflex/react-url-builder": "^0.0.72",
     "@scaleflex/ui": "^3.0.0-beta.11",
-    "@scaleflex/widget-common": "^4.3.0",
-    "@scaleflex/widget-icons": "^4.3.0",
-    "@scaleflex/widget-informer": "^4.3.0",
-    "@scaleflex/widget-provider-views": "^4.3.0",
-    "@scaleflex/widget-thumbnail-generator": "^4.3.0",
-    "@scaleflex/widget-utils": "^4.3.0",
+    "@scaleflex/widget-common": "^4.5.0",
+    "@scaleflex/widget-icons": "^4.5.0",
+    "@scaleflex/widget-informer": "^4.5.0",
+    "@scaleflex/widget-provider-views": "^4.5.0",
+    "@scaleflex/widget-thumbnail-generator": "^4.5.0",
+    "@scaleflex/widget-utils": "^4.5.0",
     "@transloadit/prettier-bytes": "0.1.0",
     "akamai-filerobot-converter": "^0.1.6",
     "classnames": "^2.2.6",
@@ -51,5 +51,5 @@
     "react-konva": ">=19.0.3"
   },
   "license": "MIT",
-  "gitHead": "712930995f6dfd4a0d874c0638dde61065fd0683"
+  "gitHead": "df64ca68034ed6c33e123e7dfa215176aa0a1196"
 }