@scaleflex/widget-explorer 0.3.0 → 4.0.0

package/CHANGELOG.md

@@ -3,18 +3,30 @@
 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.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.3.0...v4.0.0) (2025-08-26)
 
 
 ### Features
 
-* add closeAfterUploadStart option to modal behavior and update documentation ([f9d8afc](https://code.scaleflex.cloud/scaleflex/widget/commits/f9d8afc95f6d848de0d197680e3dbc97c82aca48))
+* 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)
 
 **Note:** Version bump only for package @scaleflex/widget-explorer

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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "0.3.0",
+  "version": "4.0.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": "^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.0",
+    "@scaleflex/widget-icons": "^4.0.0",
+    "@scaleflex/widget-informer": "^4.0.0",
+    "@scaleflex/widget-provider-views": "^4.0.0",
+    "@scaleflex/widget-thumbnail-generator": "^4.0.0",
+    "@scaleflex/widget-utils": "^4.0.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": "184ae299a77257f5dfd7e6e645e4003da18a75b4"
+  "gitHead": "bf4d9631c2695e70b94092490e4a9800b54b38b7"
 }

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;