@scaleflex/widget-explorer 0.3.0 → 4.0.2

package/CHANGELOG.md

@@ -3,17 +3,52 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [0.3.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.2.1...v0.3.0) (2025-08-12)
+## [4.0.2](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.0.0...v4.0.2) (2025-08-26)
 
 
-### Features
+### Bug Fixes
 
-* add closeAfterUploadStart option to modal behavior and update documentation ([f9d8afc](https://code.scaleflex.cloud/scaleflex/widget/commits/f9d8afc95f6d848de0d197680e3dbc97c82aca48))
+* update output filename for Scaleflex widget CSS and adjust CDN links for consistency across various components ([244813e](https://code.scaleflex.cloud/scaleflex/widget/commits/244813e3100c606995ec8988484cf7697398f062))
 
 
 
 
 
+## [4.0.1](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.0.0...v4.0.1) (2025-08-26)
+
+
+### Bug Fixes
+
+* update output filename for Scaleflex widget CSS and adjust CDN links for consistency across various components ([244813e](https://code.scaleflex.cloud/scaleflex/widget/commits/244813e3100c606995ec8988484cf7697398f062))
+
+
+
+
+
+
+# [4.0.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.3.0...v4.0.0) (2025-08-26)
+
+
+### Features
+
+* update import statements and CDN links for Scaleflex widgets, enhance sandbox functionality, and improve documentation clarity ([6322d8f](https://code.scaleflex.cloud/scaleflex/widget/commits/6322d8f0a1622955f551fa66e38c3a31cc290736))
+
+
+
+
+
+
+# [0.3.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.2.1...v0.3.0) (2025-08-12)
+
+
+### Features
+
+* add closeAfterUploadStart option to modal behavior and update documentation ([f9d8afc](https://code.scaleflex.cloud/scaleflex/widget/commits/f9d8afc95f6d848de0d197680e3dbc97c82aca48))
+
+
+
+
+
 
 ## [0.2.1](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.2.0...v0.2.1) (2025-08-06)
 

package/README.md

@@ -8,7 +8,7 @@
 [![CodeSandbox][codeSandbox-image]][codeSandbox-url]
 
 <div align='center'>
-<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://cdn.scaleflex.com/plugins/filerobot-widget/assets/filerobot_widget_logo_with_fire.png?vh=b2ff09" width="140"/>
+<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
 </div>
 
 The file Explorer and media gallery plugin of the [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).
@@ -140,7 +140,6 @@ The Explorer supports multiple properties to customize the plugin according to y
 ```js
 {
   config: {
-    companyName: 'scaleflex',
     foldersLimit: 200,
     filesLimit: 50,
     rootFolderPath: '/',
@@ -155,14 +154,6 @@ The Explorer supports multiple properties to customize the plugin according to y
 
 The config objects contains the main configuration for the plugin to interact with your Scaleflex project:
 
-#### `companyName`
-
-<u>Type:</u> `string`.
-
-<u>Default:</u> `scaleflex`
-
-Your company name, used when sharing assets.
-
 #### `foldersLimit`
 
 <u>Type:</u> `number`.

package/lib/components/ActionBar/SelectionMenu.js

@@ -5,12 +5,12 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { useDispatch, useSelector } from 'react-redux';
-import { Share, Remove, Link, More } from '@scaleflex/icons';
-import { PERMISSIONS, CONTEXTMENU_MODES } from '@scaleflex/widget-utils/lib/constants';
+import { Remove, Link, More } from '@scaleflex/icons';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
 import getFileDetails from '@scaleflex/widget-utils/lib/getFileDetails';
 import { isVisibilityPublic as isActualVisibilityPublic } from '@scaleflex/widget-utils/lib/visibility';
 import { useContextMenu } from '@scaleflex/widget-core/lib/hooks';
-import { selectIsUserPermittedToDisplayFile, selectIsUserPermittedToShare } from '@scaleflex/widget-core/lib/slices/user.slice';
+import { selectIsUserPermittedToDisplayFile } from '@scaleflex/widget-core/lib/slices/user.slice';
 import { TooltipV2 } from '@scaleflex/ui/core';
 import { useExplorer } from '../../hooks';
 import DownloadWithExportButton from './DownloadWithExportButton';
@@ -28,7 +28,6 @@ var SelectionMenu = function SelectionMenu() {
     opts = _useExplorer.opts;
   var triggerDeleteItemsModal = useDeleteItemsModal();
   var toggleContextMenu = useContextMenu();
-  var isUserPermittedToShare = useSelector(selectIsUserPermittedToShare);
   var selectedFoldersUuids = useSelector(selectSelectedFoldersUuids);
   var selectedFilesUuids = useSelector(selectSelectedFilesUuids);
   var firstItem = useSelector(selectFirstSelectedFileOrFolder); // priorty goes to file then folder, even if folder selected after file.
@@ -39,7 +38,6 @@ var SelectionMenu = function SelectionMenu() {
   var selectedItemsCount = selectedFoldersUuids.length + selectedFilesUuids.length;
   var disableDownloadButton = opts.disableDownloadButton,
     noImgOperationsAndDownload = opts.noImgOperationsAndDownload,
-    isFastToken = opts.isFastToken,
     useAssetsPicker = opts.useAssetsPicker;
   var copyLinkToClipboard = function copyLinkToClipboard() {
     dispatch(copyFileCdnLink(firstItem));
@@ -72,22 +70,6 @@ var SelectionMenu = function SelectionMenu() {
     onClick: copyLinkToClipboard,
     key: 'get-file'
   } : null), {
-    Icon: Share,
-    onClick: function onClick(event) {
-      return toggleContextMenu({
-        event: event,
-        mode: CONTEXTMENU_MODES.SHARE,
-        foldersUuids: selectedFoldersUuids,
-        filesUuids: selectedFilesUuids
-      });
-    },
-    key: 'shareability-file',
-    disabled: !checkUserPermissions([PERMISSIONS.OBJECTS_SHARE_MANAGE]) || !checkFileFolderPermissions({
-      permissionsToCheck: [PERMISSIONS.OBJECTS_SHARE_MANAGE],
-      permissionsList: firstItem === null || firstItem === void 0 ? void 0 : firstItem.permissions
-    }),
-    hideOption: !isUserPermittedToShare || isFastToken || isFolderSelected
-  }, {
     Icon: Remove,
     onClick: handelRemoveClick,
     key: 'remove-file',

package/lib/components/FileItem/FileInfo/FileName.js

@@ -13,7 +13,7 @@ import { uploadUpdated } from '@scaleflex/widget-core/lib/slices/uploads.slice';
 import handlePromise from '@scaleflex/widget-utils/lib/handlePromise';
 import isFile from '@scaleflex/widget-utils/lib/isFile';
 import isUploadableFile from '@scaleflex/widget-utils/lib/isUploadableFile';
-import { Filerobot } from '@scaleflex/widget-core/lib';
+import { ScaleflexWidget } from '@scaleflex/widget-core/lib';
 import extractFileDataNoBlob from '@scaleflex/widget-utils/lib/extractFileDataNoBlob';
 import { itemRenameOpened, selectRenameItemFor } from '../../../slices/panels.slice';
 import { renameFile } from '../../../slices/files.slice';
@@ -69,7 +69,7 @@ var FileName = function FileName(_ref) {
     // Before/Pre upload case, if the file has id property means it's uploadable item.
     if (isPreUpload && isFileType) {
       var newFile = _objectSpread(_objectSpread({}, item), {}, {
-        data: Filerobot.uploadFilesData[item.id]
+        data: ScaleflexWidget.uploadFilesData[item.id]
       });
       var fileRelativePath = newFile.data.relativePath;
       var renamedFileData = new File([newFile.data], newName, {
@@ -85,8 +85,8 @@ var FileName = function FileName(_ref) {
       }
       dispatch(uploadUpdated(newFile));
       dispatch(itemRenameOpened(null));
-      // Updating the file data in Filerobot's static object that has all uploads [File] class instance.
-      Filerobot.uploadFilesData[item.id] = renamedFileData;
+      // Updating the file data in ScaleflexWidget's static object that has all uploads [File] class instance.
+      ScaleflexWidget.uploadFilesData[item.id] = renamedFileData;
       info(i18n('mutualizedRenamedSuccessfullyInfo'), 'success');
       return;
     }

package/lib/components/FileItem/FileInfo/index.js

@@ -19,7 +19,7 @@ import isImage from '@scaleflex/widget-utils/lib/isImage';
 import { getVisibilityObject, getFileInheritedVisibility } from '@scaleflex/widget-utils/lib/visibility';
 import { selectUploadsCount } from '@scaleflex/widget-core/lib/slices/uploads.slice';
 import { PC } from '@scaleflex/widget-common';
-import { Filerobot } from '@scaleflex/widget-core';
+import { ScaleflexWidget } from '@scaleflex/widget-core';
 import isUploadableFile from '@scaleflex/widget-utils/lib/isUploadableFile';
 import FileName from './FileName';
 import Styled from './FileInfo.styled';
@@ -91,7 +91,7 @@ var FileInfo = function FileInfo(_ref) {
     var isResolutionFallbackEnabled = isPreUpload || !disableFileResolutionFallback;
     if (isResolutionFallbackEnabled && !file.isRemote && isImage(file) && !((_file$data = file.data) !== null && _file$data !== void 0 && _file$data.thumbnail) && (!defaultImgWidth || !defaultImgHeight) && (!imgDimensions.width || !imgDimensions.height)) {
       var _file$remote, _file$remote$body;
-      var beforeUploadFileData = (file === null || file === void 0 ? void 0 : file.id) && Filerobot.uploadFilesData[file.id] || (file === null || file === void 0 ? void 0 : file.data);
+      var beforeUploadFileData = (file === null || file === void 0 ? void 0 : file.id) && ScaleflexWidget.uploadFilesData[file.id] || (file === null || file === void 0 ? void 0 : file.data);
       getImgFileDimensions(beforeUploadFileData instanceof File ? beforeUploadFileData : (file === null || file === void 0 ? void 0 : (_file$remote = file.remote) === null || _file$remote === void 0 ? void 0 : (_file$remote$body = _file$remote.body) === null || _file$remote$body === void 0 ? void 0 : _file$remote$body.url) || getFileLink(file)).then(function (imgDimensions) {
         if (cancel) return;
         setImgDimensions(imgDimensions);

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

@@ -99,14 +99,19 @@ var VariationsTab = function VariationsTab(_ref) {
   }, [originalVariants, presets]);
   var presetsVariants = useMemo(function () {
     var presetMappedVariants = presets.map(function (preset) {
+      // Handle case where preset might be an object with {name, desc} properties
+      var presetName = typeof preset === 'string' ? preset : (preset === null || preset === void 0 ? void 0 : preset.name) || (preset === null || preset === void 0 ? void 0 : preset.desc) || 'Unknown';
       return {
-        url: "".concat(url, "&p=").concat(preset),
-        name: preset,
+        url: "".concat(url, "&p=").concat(presetName),
+        name: presetName,
         uuid: cuid()
       };
     });
     var bgRemovedVariants = originalVariants.filter(function (variant) {
-      return variant.bgRemoved && !presets.includes(variant.name);
+      return variant.bgRemoved && !presets.some(function (preset) {
+        var presetName = typeof preset === 'string' ? preset : (preset === null || preset === void 0 ? void 0 : preset.name) || (preset === null || preset === void 0 ? void 0 : preset.desc);
+        return presetName === variant.name;
+      });
     });
     return [].concat(_toConsumableArray(bgRemovedVariants), _toConsumableArray(presetMappedVariants));
   }, [url, presets, originalVariants]);

package/lib/components/TopBar/Search/index.js

@@ -16,16 +16,14 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useCallback, useState, useRef, useMemo, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { More } from '@scaleflex/icons';
 import { SearchGroup } from '@scaleflex/widget-common';
 import { PERMISSION_MODELS } from '@scaleflex/widget-utils/lib/constants';
 import { checkIsFilterThere } from './Search.utils';
 import ContextDropdown from './ContextDropdown';
-import Styled from '../TopBar.styled';
 import { useExplorer, useSearchSuggestions } from '../../../hooks';
 import { selectSearchSuggestionsTags, updateSearchSuggestions, selectSearchSuggestionsFilters, searchSending, selectDefaultSearchQuery, selectIsSendingSearch, selectSearchQuery, selectSearchSuggestionsAttributesTags, updateSearchQuery, searchSimilarToggled, selectIsSimilarSearchActive, selectIsAiSearch } from '../../../slices/search.slice';
 import { selectionsCleared } from '../../../slices/selections.slice';
-import { selectAppliedFilters, selectIsFiltersActive, updateFilteredFiles } from '../../../slices/filters.slice';
+import { selectIsFiltersActive, updateFilteredFiles } from '../../../slices/filters.slice';
 import { searchOrListViewFiles, selectIsAssetsView } from '../../../slices/views.slice';
 import { fetchInitialFiles, selectIsSearchOrFilesLoading } from '../../../slices/files.slice';
 import { MODE_CHAR, MODE_ID } from '../../../utils/SearchSuggestions/constants';
@@ -42,7 +40,6 @@ var Search = function Search(_ref) {
   var _useExplorer = useExplorer(),
     i18n = _useExplorer.i18n,
     opts = _useExplorer.opts;
-  var appliedFilters = useSelector(selectAppliedFilters);
   var searchQuery = useSelector(selectSearchQuery);
   var defaultSearchQuery = useSelector(selectDefaultSearchQuery);
   var isFiltersActive = useSelector(selectIsFiltersActive);
@@ -70,13 +67,8 @@ var Search = function Search(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     searchQueryState = _useState6[0],
     setSearchQueryState = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    moreOptionsMenuAnchor = _useState8[0],
-    setMoreOptionsMenuAnchor = _useState8[1];
   var searchInputRef = useRef();
   var containerRef = useRef();
-  var menuRef = useRef(null);
   var _useSearchSuggestions = useSearchSuggestions({
       searchContainerRef: containerRef,
       searchInputFocused: searchInputFocused,
@@ -92,18 +84,12 @@ var Search = function Search(_ref) {
     return mode === MODE_ID.TAG;
   }, [mode]);
   var defaultFilters = opts.defaultFilters,
-    useAssetsPicker = opts.useAssetsPicker,
     disableFiltersAndSearch = opts.disableFiltersAndSearch,
     forceFilters = opts.forceFilters,
     _opts$search = opts.search,
     search = _opts$search === void 0 ? {} : _opts$search,
     enableAIEmbed = opts.enableAIEmbed;
   var searchInput = searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current;
-  var searchFilters = appliedFilters && Object.values(appliedFilters);
-  var isSearchInputHasFilters = (searchFilters === null || searchFilters === void 0 ? void 0 : searchFilters.length) > 0 && !(searchFilters !== null && searchFilters !== void 0 && searchFilters.every(function (element) {
-    return element === undefined;
-  }));
-  var moreOptionsShown = (searchQuery || isSearchInputHasFilters) && !useAssetsPicker;
   var showAiSwitcher = enableAIEmbed && permissionModel === PERMISSION_MODELS.PT_ADVANCED && !isSimilarSearchActive;
   var aiSearchDisabled = !isSimilarSearchActive && !(isAiSearchActive && isAssetsView);
   var handleUpdateFilters = function handleUpdateFilters(updatedFilters) {
@@ -118,10 +104,6 @@ var Search = function Search(_ref) {
       handleSearchClearing();
     }
   }, []);
-  var toggleMoreOptionsMenu = function toggleMoreOptionsMenu(event) {
-    event.stopPropagation();
-    setMoreOptionsMenuAnchor(moreOptionsMenuAnchor ? null : menuRef.current);
-  };
   var clearSelection = function clearSelection() {
     dispatch(selectionsCleared());
   };
@@ -263,16 +245,7 @@ var Search = function Search(_ref) {
       disableDefaultKeyPressHandler: Boolean(mode) && !isTagModeOn,
       isSendingSearch: isSendingSearch,
       toggleSendingSearch: toggleSendingSearch
-    }, searchGroupProps)), moreOptionsShown && /*#__PURE__*/_jsx(Styled.MoreOptionsIconButton, {
-      color: "basic",
-      onClick: toggleMoreOptionsMenu,
-      ref: menuRef,
-      children: function children(iconProps) {
-        return /*#__PURE__*/_jsx(More, _objectSpread(_objectSpread({}, iconProps), {}, {
-          size: 16
-        }));
-      }
-    }), !(isAiSearchActive && isAssetsView) && SuggestionsMenu]
+    }, searchGroupProps)), !(isAiSearchActive && isAssetsView) && SuggestionsMenu]
   });
 };
 export default Search;

package/lib/index.js

@@ -1296,7 +1296,6 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
         filesIds: []
       },
       config: {
-        companyName: 'scaleflex',
         foldersLimit: 200,
         filesLimit: 50,
         rootFolderPath: '/',

package/lib/thunks/downloads.thunks.js

@@ -353,7 +353,6 @@ export var downloadItems = createThunk(async function (_ref14, thunkApi) {
   }
   var folderIdentifiers = foldersPaths || [];
   var fileIdentifiers = filesPaths || [];
-  console.log('items', items, filesPaths);
   items.forEach(function (item) {
     (isFolder(item) ? folderIdentifiers : fileIdentifiers).push(item.uuid);
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "0.3.0",
+  "version": "4.0.2",
   "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": "^0.3.0",
-    "@scaleflex/widget-icons": "^0.3.0",
-    "@scaleflex/widget-informer": "^0.3.0",
-    "@scaleflex/widget-provider-views": "^0.3.0",
-    "@scaleflex/widget-thumbnail-generator": "^0.3.0",
-    "@scaleflex/widget-utils": "^0.3.0",
+    "@scaleflex/widget-common": "^4.0.2",
+    "@scaleflex/widget-icons": "^4.0.2",
+    "@scaleflex/widget-informer": "^4.0.2",
+    "@scaleflex/widget-provider-views": "^4.0.2",
+    "@scaleflex/widget-thumbnail-generator": "^4.0.2",
+    "@scaleflex/widget-utils": "^4.0.2",
     "@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": "184ae299a77257f5dfd7e6e645e4003da18a75b4"
+  "gitHead": "244f78ed198cf8709905eef721cf02d185f15051"
 }

package/types/index.d.ts

@@ -7,14 +7,9 @@ declare module Explorer {
     extends Filerobot.PluginOptions,
       CompanionClient.PublicProviderOptions {
     config: {
-      companyName?: string;
       foldersLimit?: number;
       filesLimit?: number;
       folderPath?: string;
-      akeneo?: {
-        enabled?: boolean;
-        clientUrl?: string;
-      };
       tagging?: {
         enabled?: boolean;
         autoTagging?: boolean;