npm - @scaleflex/widget-explorer - Versions diffs - 4.0.5 → 4.0.6 - Mend

@scaleflex/widget-explorer 4.0.5 → 4.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/CHANGELOG.md +12 -0
package/README.md +116 -149
package/lib/components/AddFilesPanel/AddFiles.js +1 -1
package/lib/components/DnD/index.js +3 -2
package/lib/components/common/TopBarUploadButton/index.js +2 -2
package/lib/hooks/useAssetsPicker.js +7 -7
package/lib/index.js +4 -4
package/lib/slices/views.slice.js +1 -2
package/package.json +8 -8
package/types/index.d.ts +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.0.6](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.0.0...v4.0.6) (2025-09-14)
+### Bug Fixes
+* update CodeSandbox links in HTML and README files to point to the new sandbox version for better user access ([cf4f794](https://code.scaleflex.cloud/scaleflex/widget/commits/cf4f7941cc3b79e5bb9ce604ff7a2f25665072a4))
+* 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.5](https://code.scaleflex.cloud/scaleflex/widget/compare/v4.0.0...v4.0.5) (2025-09-10)

package/README.md CHANGED Viewed

@@ -131,9 +131,26 @@ scaleflexWidget.use(Explorer, {
 The Explorer supports multiple properties to customize the plugin according to your needs. Required attributes are marked with **_(Required)_**.
-### `config`
-<u>Type:</u> `object` **_Required_**.
+### `locale` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
+<u>Type:</u> `object`.
+<u>Default:</u> locales from scaleflexWidget's backend then default locale file with all labels is under `lib/defaultLocale.js`.
+You can override some labels by specifying a translation object here, such as:
+```js
+{
+  strings: {
+    baseFolderTitle: "Root"; // overrides the default Home value to Root
+  }
+}
+```
+### `config` ![asset-picker-supported] ![asset-manager-supported]
+<u>Type:</u> `object`
 <u>Default:</u>
@@ -154,7 +171,7 @@ 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:
-#### `foldersLimit`
+#### `foldersLimit` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `number`.
@@ -162,7 +179,7 @@ The config objects contains the main configuration for the plugin to interact wi
 Number of folders to be retrieved with folders initial request.
-#### `maxCountOfSelectedFiles`
+#### `maxCountOfSelectedFiles` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `number`.
@@ -170,7 +187,7 @@ Number of folders to be retrieved with folders initial request.
 Maximum number of files that can be selected.
-#### `filesLimit`
+#### `filesLimit` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `number`.
@@ -178,7 +195,7 @@ Maximum number of files that can be selected.
 Number of files to be retrieved with files initial request.
-#### `rootFolderPath`
+#### `rootFolderPath` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -188,7 +205,7 @@ Overrides the root folder path when there is no `list scope` linked with the [se
 > Note: If the [securityTemplateId](..@scaleflex/widget-core/README.md/#securitytemplateid) has 2 folders at least, then the provided folder path must be one of these folders or one of their sub-folders.
-#### `defaultSort`
+#### `defaultSort` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `object`.
@@ -205,7 +222,7 @@ The options available sorting
 > Note: its value is considered only on plugin's install/mount.
-#### `defaultSearchSort`
+#### `defaultSearchSort` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `object`.
@@ -229,7 +246,7 @@ The options available sorting
 | **text.`by`**    | `string` | `name`  | Defines the default search sort by param, should be one of ['relevance', 'name', 'created_at', 'modified_at', 'size', 'type'] |
 | **text.`order`** | `string` | `asc`   | Defines the default search sort order param, should be one of ['asc', 'desc']                                                 |
-#### `tagging`
+#### `tagging` ![asset-manager-supported]
 <u>Type:</u> `object`.
@@ -274,7 +291,7 @@ The options available for tagging
     }
 ```
-### `inline`
+### `inline` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -282,7 +299,7 @@ The options available for tagging
 If set to `true`, the plugin will be displayed as inline element in the element referred by the [target](#target) property. Otherwise, it will pop up in a modal upon [trigger](#trigger), see below.
-### `trigger`
+### `trigger` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -297,7 +314,7 @@ Multiple triggers are supported as click events.
 > **_Required if_** [inline](#inline): false
-### `target`
+### `target` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -310,7 +327,7 @@ The selector used for displaying the plugin, if passed to `querySelector` functi
 > **_Required if_** [inline](#inline): false
-### `width`
+### `width` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `number`| `string`.
@@ -318,7 +335,7 @@ The selector used for displaying the plugin, if passed to `querySelector` functi
 Width of the plugin as a number if specified in pixels or a percentage, eg. `'50%'`
-### `height`
+### `height` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `number`| `string`.
@@ -326,23 +343,23 @@ Width of the plugin as a number if specified in pixels or a percentage, eg. `'50
 Height of the plugin as a number if specified in `px` or a percentage eg. `'35%'`
-### `thumbnailWidth`
+### `thumbnailWidth` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `number`.
 <u>Default:</u> `280`
-Pixel width of the asset thumbnails displayed in the gallery. Apect ratio of images is kept in case of image assets.
+Pixel width of the asset thumbnails displayed in the uploads panel. Apect ratio of images is kept in case of image assets.
-### `thumbnailHeight`
+### `thumbnailHeight` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `number`.
 <u>Default:</u> `170`
-Pixel height of the asset thumbnails displayed in the gallery. Aspect ratio of images is kept in case of image assets.
+Pixel height of the asset thumbnails displayed in the uploads panel. Aspect ratio of images is kept in case of image assets.
-### `ExploreViewComponent`
+### `ExploreViewComponent` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `ReactComponent`.
@@ -352,7 +369,7 @@ Pixel height of the asset thumbnails displayed in the gallery. Aspect ratio of i
 The view component that is responsible about showing the objects (folders/files...etc.) with the possibility to browse them and enable other functionalities.
-### `mutedFilesUuids`
+### `mutedFilesUuids` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `array`.
@@ -360,7 +377,7 @@ The view component that is responsible about showing the objects (folders/files.
 List of file UUIDs with the state "muted". These files cannot be selected or have any actions performed on them.
-### `views`
+### `views` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `array`.
@@ -370,15 +387,7 @@ List of available views.
 > **NOTE** some views can be hidden if you don't have permission provided in [securityTemplateId](..@scaleflex/widget-core/README.md/#securitytemplateid).
-### `defaultView` _Deprecated_ - use [`view`](#view) instead
-<u>Type:</u> `string`.
-<u>Default:</u> `'FOLDERS'`
-View which will be opened by default.
-### `view`
+### `view` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -386,7 +395,7 @@ View which will be opened by default.
 View which will be currently opened.
-### `viewItem`
+### `viewItem` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -396,7 +405,7 @@ Open the provided view's item/object for ex. (folders view => folder path, label
 > Note: No auto redirect to the view, you have to provide the proper view from [`view prop`](#view).
-### `viewSubItem`
+### `viewSubItem` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -406,7 +415,7 @@ A sub item that should be opened inside the provided [`view`](#view) & [`viewIte
 > Note: No auto redirect to the view, you have to provide the proper view from [`view prop`](#view).
-### `layoutType`
+### `layoutType` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -421,7 +430,7 @@ Specifies the default layout in the view:
 you can switch between layouts from the layout selector button in the right side in header bar.
-### `waitForThumbnailsBeforeUpload`
+### `waitForThumbnailsBeforeUpload` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -429,7 +438,7 @@ you can switch between layouts from the layout selector button in the right side
 If set to `true`, delays the start of the upload process until the asset thumbnails are generated and displayed in the plugin.
-### `showBar`
+### `showBar` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -437,7 +446,7 @@ If set to `true`, delays the start of the upload process until the asset thumbna
 If set to `false`, hides the top bar with **Upload** button, searchBar, create folder button and view button.
-### `showImportFromDamButton`
+### `showImportFromDamButton` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -447,7 +456,7 @@ If set to `true`, shows the **Import from DAM** button in the uploads panel to u
 > Note: this property requires `ExploreViewComponent` to be provided to be able to browse the objects.
-### `hideUploadButton`
+### `disableUpload` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -455,7 +464,7 @@ If set to `true`, shows the **Import from DAM** button in the uploads panel to u
 If set to `true`, hides the **Upload** button at the top of the plugin.
-### `hideSearch`
+### `hideSearch` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -463,7 +472,7 @@ If set to `true`, hides the **Upload** button at the top of the plugin.
 Hides **Search** field at the top of the plugin.
-### `note`
+### `note` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -471,7 +480,7 @@ Hides **Search** field at the top of the plugin.
 A custom note displayed in the upload screen for drag&drop.
-### `hint`
+### `hint` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -479,7 +488,7 @@ A custom note displayed in the upload screen for drag&drop.
 A custom hint displayed in the upload screen at the bottom.
-### `closeModalOnClickOutside`
+### `closeModalOnClickOutside` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -489,7 +498,7 @@ Plugin modal will be closed when clicking outside of the modal.
 > **_Only relevant if_** [inline](#inline): false
-### `preventModalOverlayClickOnUpload`
+### `preventModalOverlayClickOnUpload` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -499,7 +508,7 @@ Plugin modal still opened when click outside of it, if there's selected files to
 > **_Only relevant if_** [closeModalOnClickOutside](#closeModalOnClickOutside): true
-### `closeAfterFinish`
+### `closeAfterFinish` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -509,7 +518,7 @@ Modal will close after upload is finished.
 > **_Only relevant if_** [inline](#inline): false
-### `closeAfterUploadStart`
+### `closeAfterUploadStart` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -519,7 +528,7 @@ Modal will close after upload is started.
 > **_Only relevant if_** [inline](#inline): false
-### `onClickUploadButton`
+### `onClickUploadButton` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `function`.
@@ -527,7 +536,7 @@ Modal will close after upload is started.
 A callback function that would be triggered when the user clicks on upload button that is shown in the uploads panel, if returned `true` then the default upload functionality won't be triggered.
-### `disableInformer`
+### `disableInformer` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -535,7 +544,7 @@ A callback function that would be triggered when the user clicks on upload butto
 Disables the [informer](../@scaleflex/widget-informer/#scaleflexwidget-informer) plugin used to show warnings and errors.
-### `disableThumbnailGenerator`
+### `disableThumbnailGenerator` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -543,7 +552,7 @@ Disables the [informer](../@scaleflex/widget-informer/#scaleflexwidget-informer)
 Disables the [thumbnail-generator](../@scaleflex/widget-thumbnail-generator/#scaleflexwidget-thumbnail-generator) plugin that generates image thumbnails.
-### `disablePageScrollWhenModalOpen`
+### `disablePageScrollWhenModalOpen` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -553,7 +562,7 @@ If set to `true`, disables scrolling for the document while the plugin modal is
 > **_Only relevant if_** [inline](#inline): false
-### `disableDownloadButton`
+### `disableDownloadButton` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -561,7 +570,7 @@ If set to `true`, disables scrolling for the document while the plugin modal is
 Hides the download button shown in the action bar when selecting files.
-### `preventDownloadDefaultBehavior`
+### `preventDownloadDefaultBehavior` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -569,7 +578,7 @@ Hides the download button shown in the action bar when selecting files.
 Prevent default behavior of download/export.
-### `hideDownloadVariationsOption`
+### `hideDownloadVariationsOption` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -577,7 +586,7 @@ Prevent default behavior of download/export.
 Hide transformation in download options in context menu and action bar.
-### `hideDownloadButtonIcon`
+### `hideDownloadButtonIcon` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -585,7 +594,7 @@ Hide transformation in download options in context menu and action bar.
 Hides the download/export button icon.
-### `hideHeaderBar`
+### `hideHeaderBar` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -593,7 +602,7 @@ Hides the download/export button icon.
 Hides the header bar, header bar contains breadcrumbs and other action buttons.
-### `hideExportCropPanel`
+### `hideExportCropPanel` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -601,7 +610,7 @@ Hides the header bar, header bar contains breadcrumbs and other action buttons.
 The crop button in the export options modal will be hidden.
-### `forceDownload`
+### `forceDownload` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -609,23 +618,7 @@ The crop button in the export options modal will be hidden.
 Adds `download=1` param to the CDN download link
-### `defaultFilters` _Deprecated_ - use [`filters`](#filters) instead
-<u>Type:</u> `object`.
-<u>Default:</u> `null`
-Apply the provided filters on initial load.
-### `defaultSearchQuery` _Deprecated_ - use [`search.query`](#search) instead
-<u>Type:</u> `string`.
-<u>Default:</u> `''`
-Apply the provided search query on initial load.
-### `imageEditorMode`
+### `imageEditorMode` ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -635,7 +628,7 @@ Possible values: `'default' | 'cloudimage' `
 Set imageEditorMode for the image editor plugin.
-### `hideModalAfterExport`
+### `hideModalAfterExport` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -643,7 +636,7 @@ Set imageEditorMode for the image editor plugin.
 Hides the modal after finish download/export.
-### `closeAfterImageEdit`
+### `closeAfterImageEdit` ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -651,7 +644,7 @@ Hides the modal after finish download/export.
 Hides the modal after finish editing image.
-### `onRequestCloseModal`
+### `onRequestCloseModal` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `() => undefined`.
@@ -661,7 +654,7 @@ Specified a custom function to be executed when trying to close the modal. Defau
 > **_Only relevant if_** [inline](#inline): false
-### `animateOpenClose`
+### `animateOpenClose` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -671,32 +664,7 @@ Disable the modal's opening and closing.
 > **_Only relevant if_** [inline](#inline): false
-### `locale`
-<u>Type:</u> `object`.
-<u>Default:</u> locales from scaleflexWidget's backend then default locale file with all labels is under `lib/defaultLocale.js`.
-You can override some labels by specifying a translation object here, such as:
-```js
-{
-  strings: {
-    baseFolderTitle: "Root"; // overrides the default Home value to Root
-  }
-}
-```
-<!-- not supported yet -->
-<!-- ### `theme: string`
-<u>Default:</u> `'light'`
-- **light**: uses the light theme
-- **dark**: uses the dark theme
-- **auto**: respects the user's default mode -->
-### `browserBackButtonCloseModal`
+### `browserBackButtonCloseModal` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -706,7 +674,7 @@ The browser **Back** button will close the modal, otherwise it will trigger the
 > **_Only relevant if_** [inline](#inline): false
-### `enableFoldersStatsApiRequest`
+### `enableFoldersStatsApiRequest` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -714,7 +682,7 @@ The browser **Back** button will close the modal, otherwise it will trigger the
 When enabled it will send extra folders/stats API request with the folders request to get folders count.
-### `isUploadBarAddMoreButtonHidden`
+### `isUploadBarAddMoreButtonHidden` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -722,7 +690,7 @@ When enabled it will send extra folders/stats API request with the folders reque
 The 'Add More' button in upload module is hidden preventing users to upload more item.
-### `showFoldersTree`
+### `showFoldersTree` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -731,13 +699,8 @@ The 'Add More' button in upload module is hidden preventing users to upload more
 Shows/hides on initial load the folder tree as a sidebar at the left of the plugin to navigate folders. The user can shows/hides the folder tree from the tree icon in the breadcrumbs.
 > **_Only relevant if_** folders view is provided in [views](#views)
-<u>Type:</u> `boolean`.
-<u>Default:</u> `false`
-Shows/hides the label tree as a sidebar at the left of the plugin to navigate labels. The user can shows/hides the label tree from the tree icon in the breadcrumbs.
-### `showDetailsView`
+### `showDetailsView` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -745,7 +708,7 @@ Shows/hides the label tree as a sidebar at the left of the plugin to navigate la
 Shows/hides the asset details view as a sidebar at the right of the plugin to view various details about selected assets. The user can shows/hides the details view from the info icon in the right side of the breadcrumbs.
-### `hideDetailsViewButton`
+### `hideDetailsViewButton` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -753,7 +716,7 @@ Shows/hides the asset details view as a sidebar at the right of the plugin to vi
 Hides the asset details view button from the info icon in the right side of the breadcrumbs.
-### `videoTranscoding`
+### `videoTranscoding` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `object`.
@@ -773,7 +736,7 @@ Video transcoding options for post-upload video transcoding:
 | **`resolution`** | `string` _required_ | `auto`  | target resolutions for video transcoding |
 | **`protocol`**   | `string` _required_ | `HLS`   | which protocol to use while transcoding  |
-### `cropPresets`
+### `cropPresets` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `object`.
@@ -805,7 +768,7 @@ Defines additional crop types & presets besides the freehand one and their prese
 > NOTE: The object's keys will be used the label for crop type (it is possible to be label string or i18n key string that is provided through locale object)
-### `disableMultipleSelect`
+### `disableMultipleSelect` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -813,7 +776,7 @@ Defines additional crop types & presets besides the freehand one and their prese
 Multiple files/folders selections will be disabled and only 1 file/folder possible to be selected.
-### `dismissUrlPathQueryUpdate`
+### `dismissUrlPathQueryUpdate` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -821,7 +784,7 @@ Multiple files/folders selections will be disabled and only 1 file/folder possib
 The url query `fmaw_path` won't be added/updated to the current url.
-### `showScaleflexCopyright`
+### `showScaleflexCopyright` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -829,7 +792,7 @@ The url query `fmaw_path` won't be added/updated to the current url.
 Hides Scaleflex copyright at the bottom of the plugin.
-### `useAssetsPicker`
+### `useAssetsPicker` ![asset-picker-supported]
 <u>Type:</u> `boolean`.
@@ -837,7 +800,7 @@ Hides Scaleflex copyright at the bottom of the plugin.
 If set to `true`, actions like deleting, editing, or downloading assets will not be allowed, explore and insert actions allowed.
-### `assetsPickerModelTitle`
+### `assetsPickerModelTitle` ![asset-picker-supported]
 <u>Type:</u> `string`.
@@ -845,7 +808,7 @@ If set to `true`, actions like deleting, editing, or downloading assets will not
 changing it's value changes the asset picker's model title
-### `disableFolderSelection`
+### `disableFolderSelection` ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -853,7 +816,7 @@ changing it's value changes the asset picker's model title
 If set to `true`, disable the possiblity to select folder(s).
-### `hideFolderOptions`
+### `hideFolderOptions` ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -861,7 +824,7 @@ If set to `true`, disable the possiblity to select folder(s).
 If set to `true`, hide the folder item top options.
-### `hideDetailsSidebarButton`
+### `hideDetailsSidebarButton` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -869,7 +832,7 @@ If set to `true`, hide the folder item top options.
 If set to `true`, hide toggle details sidebar button.
-### `hideActionBarSelectionButtons`
+### `hideActionBarSelectionButtons` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -877,7 +840,7 @@ If set to `true`, hide toggle details sidebar button.
 If set to `true`, hide the selection buttons in the action bar.
-### `disableDnDActions`
+### `disableDnDActions` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -885,7 +848,7 @@ If set to `true`, hide the selection buttons in the action bar.
 If set to `true`, disable the drag and drop actions to move assets/folders or upload
-### `noImgOperationsAndDownload`
+### `noImgOperationsAndDownload` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -897,7 +860,7 @@ If set to `true`, hides some options in asset contextual menu:
 - Transformation (action bar)
 - Edit image (context menu and action bar)
-### `queryParamPrefix`
+### `queryParamPrefix` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -905,7 +868,7 @@ If set to `true`, hides some options in asset contextual menu:
 Override the query params
-### `showDragDropPanel`
+### `showDragDropPanel` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -913,7 +876,7 @@ Override the query params
 Changes the design for the addFiles panel in uploads.
-### `showSort`
+### `showSort` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -921,7 +884,7 @@ Changes the design for the addFiles panel in uploads.
 shows/hides sort button in Explorer.
-### `isDownloadUsageRightsEnabled`
+### `isDownloadUsageRightsEnabled` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -929,7 +892,7 @@ shows/hides sort button in Explorer.
 Enables/disables the download of usage rights file with assets.
-### `useLoginMode`
+### `useLoginMode` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -939,7 +902,7 @@ Enables/disables the login mode which gives the user the possibility to login by
 > Note: Don't provide security template key nor sass key if you need to use enable this feature by providing its value to `true`.
-### `prefilledLoginModeEmail`
+### `prefilledLoginModeEmail` ![uploader-supported] ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -947,7 +910,7 @@ Enables/disables the login mode which gives the user the possibility to login by
 The property used to add a default email address in the email address field of the login mode form, if not provided the email address will be empty. In both cases, the user will be able to change/add his email address and this property is used by having [`useLoginMode`](#useloginmode) enabled.
-### `hideAddingComment`
+### `hideAddingComment` ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -955,7 +918,7 @@ The property used to add a default email address in the email address field of t
 Removes the add comment textarea from the comments tab.
-### `findAssetLocationEnabled`
+### `findAssetLocationEnabled` ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -963,7 +926,7 @@ Removes the add comment textarea from the comments tab.
 Providing `false`, will hide `Open asset location` option in the context menu and file window.
-### `restrictedSearchContext`
+### `restrictedSearchContext` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -971,7 +934,7 @@ Providing `false`, will hide `Open asset location` option in the context menu an
 Providing `true`, will disable the possibility of selecting other search contexts and always force the user to use the current opened view's context.
-### `facetedSearchEnabled`
+### `facetedSearchEnabled` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -984,7 +947,7 @@ Faceted search allows users to filter files using metadata filters. When this fe
 _Note_: Faceted search is only active in the assets view.
-### `facetedSearchSidebarExpanded`
+### `facetedSearchSidebarExpanded` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -994,7 +957,7 @@ expands faceted search sidebar by default.
 _Note_: if `facetedSearchEnabled` is false, this property will be ignored.
-### `activeFacetedSearchMetadataFields`
+### `activeFacetedSearchMetadataFields` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `array`.
@@ -1004,7 +967,7 @@ Array of metadata fields keys to be shown on faceted search.
 _Note_: only exist filters will be shown.
-### `filters`
+### `filters` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `object`.
@@ -1116,7 +1079,7 @@ Filters to be applied to the views that accept filters, and will be locked if `d
 > Note: Operators are allowed to be provided for all the above filters but some of them are not supported on BE.
-### `search`
+### `search` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `object`.
@@ -1145,7 +1108,7 @@ Search object to be considered in the views have searching enabled and will be l
 > Note: To lock any of the above properties by using `disabledFiltersAndSearch` then you have to provide a value for the property to be locked at least empty value would be fine.
-### `disableFiltersAndSearch`
+### `disableFiltersAndSearch` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -1157,13 +1120,13 @@ If `true` then the only provided `filters` & `search` objects will be used as fi
 > Note: Enabling this option will dismiss applying the filters & search from the url queries.
-### `forceFilters`
+### `forceFilters` ![asset-picker-supported] ![asset-manager-supported]
 If `true` then the provided `filters` will always get applied with no possibility to remove from the UI, but the user still has the option to extend with more filters from the UI unless the provided filter accepts 1 value only.
 > Note: Enabling this option will dismiss applying the filters from the url queries.
-### `disableFileResolutionFallback`
+### `disableFileResolutionFallback` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -1171,7 +1134,7 @@ If `true` then the provided `filters` will always get applied with no possibilit
 If `true` it will disable fallback request to load resolution info if not found in file details in grid/list layout.
-### `hideLeftSideBar`
+### `hideLeftSideBar` ![asset-picker-supported] ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -1179,7 +1142,7 @@ If `true` it will disable fallback request to load resolution info if not found
 Hide the folders tree sidebar and its toggle icon.
-### `defaultFieldKeyOfBulkEditPanel`
+### `defaultFieldKeyOfBulkEditPanel`![uploader-supported] ![asset-manager-supported]
 <u>Type:</u> `string`.
@@ -1187,7 +1150,7 @@ Hide the folders tree sidebar and its toggle icon.
 Assigns the default field of the bulk edit panel to be opened on showing the bulk edit panel as the focused/default field, it should be one of the general field keys (`tags`/`title`/`description`) or any field key -- lowered case -- of the shown file custom metadata fields (depends on the token).
-### `enableAIDescription`
+### `enableAIDescription` ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -1195,7 +1158,7 @@ Assigns the default field of the bulk edit panel to be opened on showing the bul
 Enables the generate description by AI in the description input of file window.
-### `hideVariationsTab`
+### `hideVariationsTab` ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -1203,7 +1166,7 @@ Enables the generate description by AI in the description input of file window.
 If `true` force hides the variations tab in file window panel.
-### `hideMetadataTab`
+### `hideMetadataTab` ![asset-manager-supported]
 <u>Type:</u> `boolean`.
@@ -1215,7 +1178,7 @@ If `true` force hides the metadata tab in file window panel.
 The explorer plugin emits different events that you could subscribe to or add your handler to be called with the provided arguments passed while emitting/firing the event, the events are listed below with examples show the parameters for handler:
-### `objects-removed`
+### `objects-removed` ![asset-manager-supported]
 Emitted when objects (folders/labels/files) have been removed from the user's side.
@@ -1236,7 +1199,7 @@ scaleflexWidget.on("objects-removed", (removedObjectsUuids = [], objectsType) =>
 });
 ```
-### `folders-moved`
+### `folders-moved` ![asset-manager-supported]
 Emitted when folder(s) are moved from path to another.
@@ -1267,3 +1230,7 @@ scaleflexWidget.on('objects-removed', (movedFoldersUuids = [], newPath) => {
 [filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
 [filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-explorer?label=Version&style=for-the-badge&logo=npm
 [codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
+<!-- Supported modes variables -->
+[uploader-supported]: https://img.shields.io/badge/Uploader-orange
+[asset-picker-supported]: https://img.shields.io/badge/Asset%20Picker-green
+[asset-manager-supported]: https://img.shields.io/badge/Asset%20Manager-blue

package/lib/components/AddFilesPanel/AddFiles.js CHANGED Viewed

@@ -102,7 +102,7 @@ var AddFiles = function AddFiles() {
     var importFromDam = function importFromDam() {
       openAssetsPicker({
         onImport: onImportFromDam,
-        hideUploadButton: true,
+        disableUpload: true,
         securityTemplateId: securityTemplateId,
         container: container,
         sassKey: sassKey,

package/lib/components/DnD/index.js CHANGED Viewed

@@ -35,7 +35,8 @@ var DnD = function DnD(_ref) {
     i18n = _useExplorer.i18n,
     addFiles = _useExplorer.addFiles,
     opts = _useExplorer.opts;
-  var disableDnDActions = opts.disableDnDActions;
+  var disableDnDActions = opts.disableDnDActions,
+    disableUpload = opts.disableUpload;
   var handleDraggedItem = function handleDraggedItem(id, type) {
     var draggedElement = document.querySelector("[data-filerobot-focusable-uuid=\"".concat(id, "\"]"));
     if (draggedElement) {
@@ -213,6 +214,6 @@ var DnD = function DnD(_ref) {
     onDragOver: handleDragOver,
     onDragLeave: handleDragLeave
   };
-  return /*#__PURE__*/cloneElement(children, _objectSpread({}, draggable ? _objectSpread(_objectSpread({}, disableDrag || disableDnDActions ? {} : dragEvents), disableDrop || disableDnDActions ? {} : dropEvents) : {}));
+  return /*#__PURE__*/cloneElement(children, _objectSpread({}, draggable ? _objectSpread(_objectSpread({}, disableDrag || disableDnDActions || disableUpload ? {} : dragEvents), disableDrop || disableDnDActions || disableUpload ? {} : dropEvents) : {}));
 };
 export default DnD;

package/lib/components/common/TopBarUploadButton/index.js CHANGED Viewed

@@ -21,12 +21,12 @@ var TopBarUploadButton = function TopBarUploadButton() {
   var isPermittedToUpload = useSelector(function (state) {
     return selectIsUserPermittedTo(state, PERMISSIONS.UPLOAD);
   });
-  var hideUploadButton = opts.hideUploadButton;
+  var disableUpload = opts.disableUpload;
   var openAddFilesPanel = function openAddFilesPanel() {
     dispatch(showAddFilesPanelUpdated(true));
     dispatch(selectionsCleared());
   };
-  return !hideUploadButton && isPermittedToUpload && /*#__PURE__*/_jsx(Button, {
+  return !disableUpload && isPermittedToUpload && /*#__PURE__*/_jsx(Button, {
     startIcon: function startIcon(props) {
       return /*#__PURE__*/_jsx(Upload, _objectSpread({}, props));
     },

package/lib/hooks/useAssetsPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var _excluded = ["securityTemplateId", "container", "sassKey", "theme", "language", "onImport", "multiSelect", "maxCountOfSelectedFiles", "mutedFilesUuids", "hideUploadButton", "forceFilters", "rootFolderPath", "views", "allowedUploadFileTypes", "onClickUploadButton", "acquirers", "assetsPickerModelTitle", "pluginsToUse", "moreCoreConfig", "moreExplorerConfig", "moreXhrUploadConfig", "moreProgressPanelConfig", "onOpen", "onClose"];
+var _excluded = ["securityTemplateId", "container", "sassKey", "theme", "language", "onImport", "multiSelect", "maxCountOfSelectedFiles", "mutedFilesUuids", "disableUpload", "forceFilters", "rootFolderPath", "views", "allowedUploadFileTypes", "onClickUploadButton", "acquirers", "assetsPickerModelTitle", "pluginsToUse", "moreCoreConfig", "moreExplorerConfig", "moreXhrUploadConfig", "moreProgressPanelConfig", "onOpen", "onClose"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -31,7 +31,7 @@ var getConfigs = function getConfigs(_ref) {
     multiSelect = _ref.multiSelect,
     maxCountOfSelectedFiles = _ref.maxCountOfSelectedFiles,
     mutedFilesUuids = _ref.mutedFilesUuids,
-    hideUploadButton = _ref.hideUploadButton,
+    disableUpload = _ref.disableUpload,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? {} : _ref$theme,
     rootFolderPath = _ref.rootFolderPath,
@@ -58,7 +58,7 @@ var getConfigs = function getConfigs(_ref) {
       }
     }, moreCoreConfig),
     explorer: _objectSpread({
-      hideUploadButton: hideUploadButton,
+      disableUpload: disableUpload,
       forceFilters: forceFilters,
       view: VIEW_IDS.ASSETS,
       width: '90vw',
@@ -134,8 +134,8 @@ var useAssetsPicker = function useAssetsPicker() {
       maxCountOfSelectedFiles = _ref5.maxCountOfSelectedFiles,
       _ref5$mutedFilesUuids = _ref5.mutedFilesUuids,
       mutedFilesUuids = _ref5$mutedFilesUuids === void 0 ? [] : _ref5$mutedFilesUuids,
-      _ref5$hideUploadButto = _ref5.hideUploadButton,
-      hideUploadButton = _ref5$hideUploadButto === void 0 ? false : _ref5$hideUploadButto,
+      _ref5$disableUpload = _ref5.disableUpload,
+      disableUpload = _ref5$disableUpload === void 0 ? false : _ref5$disableUpload,
       _ref5$forceFilters = _ref5.forceFilters,
       forceFilters = _ref5$forceFilters === void 0 ? false : _ref5$forceFilters,
       _ref5$rootFolderPath = _ref5.rootFolderPath,
@@ -172,7 +172,7 @@ var useAssetsPicker = function useAssetsPicker() {
         multiSelect: multiSelect,
         maxCountOfSelectedFiles: maxCountOfSelectedFiles,
         mutedFilesUuids: mutedFilesUuids,
-        hideUploadButton: hideUploadButton,
+        disableUpload: disableUpload,
         theme: theme,
         rootFolderPath: rootFolderPath,
         views: views,
@@ -194,7 +194,7 @@ var useAssetsPicker = function useAssetsPicker() {
         config = _ref6$config === void 0 ? {} : _ref6$config;
       filerobot.use(plugin, config);
     });
-    if (!hideUploadButton) {
+    if (!disableUpload) {
       import('@scaleflex/widget-xhr-upload').then(function (module) {
         var XHRUpload = module["default"];
         filerobot.use(XHRUpload, moreXhrUploadConfig);

package/lib/index.js CHANGED Viewed

@@ -1226,7 +1226,7 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       thumbnailWidth: 280,
       thumbnailHeight: 170,
       waitForThumbnailsBeforeUpload: false,
-      hideUploadButton: false,
+      disableUpload: false,
       hideSearch: false,
       note: null,
       hint: null,
@@ -1400,7 +1400,7 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
     _this.opts = _objectSpread(_objectSpread(_objectSpread({}, defaultOptions), _opts), {}, {
       filters: _opts.filters ? getMappedFilterValues(_opts.filters) : defaultOptions.filters,
       views: _opts.views || defaultOptions.views,
-      view: _opts.view || _opts.defaultView || defaultOptions.view,
+      view: _opts.view || defaultOptions.view,
       config: _objectSpread(_objectSpread(_objectSpread({}, defaultOptions.config), _opts.config), {}, {
         tagging: _objectSpread(_objectSpread({}, (_defaultOptions$confi = defaultOptions.config) === null || _defaultOptions$confi === void 0 ? void 0 : _defaultOptions$confi.tagging), (_opts$config = _opts.config) === null || _opts$config === void 0 ? void 0 : _opts$config.tagging),
         video: _objectSpread(_objectSpread({}, (_defaultOptions$confi2 = defaultOptions.config) === null || _defaultOptions$confi2 === void 0 ? void 0 : _defaultOptions$confi2.video), (_opts$config2 = _opts.config) === null || _opts$config2 === void 0 ? void 0 : _opts$config2.video),
@@ -1434,7 +1434,7 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
     key: "_isPasteAndDnDUploadDisabled",
     value: function _isPasteAndDnDUploadDisabled() {
       var currentView = selectActiveView(this.getGlobalState());
-      return this.opts.disableDnDActions || ![VIEW_IDS.FOLDERS, VIEW_IDS.ASSETS].includes(currentView);
+      return this.opts.disableDnDActions || this.opts.disableUpload || ![VIEW_IDS.FOLDERS, VIEW_IDS.ASSETS].includes(currentView);
     }
   }, {
     key: "getPluginReducer",
@@ -1479,7 +1479,7 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       var config = opts.config || {};
       var allViews = Object.values(VIEW_IDS);
       var allLayouts = Object.values(LAYOUTS_IDS);
-      var currentView = isInstall && ((_this$getUrlQueryPara = this.getUrlQueryParam(FMAW_URL_QUERY_PARAMS.VIEW, opts.view || opts.defaultView)) === null || _this$getUrlQueryPara === void 0 ? void 0 : _this$getUrlQueryPara.toUpperCase());
+      var currentView = isInstall && ((_this$getUrlQueryPara = this.getUrlQueryParam(FMAW_URL_QUERY_PARAMS.VIEW, opts.view)) === null || _this$getUrlQueryPara === void 0 ? void 0 : _this$getUrlQueryPara.toUpperCase());
       var viewState = _objectSpread({
         layout: opts.layoutType ? allLayouts.includes(opts.layoutType) && opts.layoutType || LAYOUTS_IDS.GRID : undefined,
         list: opts.views ? opts.views.filter(function (viewId) {

package/lib/slices/views.slice.js CHANGED Viewed

@@ -130,12 +130,11 @@ export var activateViewFromOutside = createThunk(function (_ref2, thunkApi) {
     viewItem = opts.viewItem,
     viewSubItem = opts.viewSubItem,
     views = opts.views,
-    defaultView = opts.defaultView,
     _opts$isRecursiveFetc = opts.isRecursiveFetch,
     isRecursiveFetch = _opts$isRecursiveFetc === void 0 ? false : _opts$isRecursiveFetc;
   var activeView = selectActiveView(getState());
   var viewOptions = {
-    id: view || defaultView || activeView,
+    id: view || activeView,
     itemToOpen: viewItem,
     subItemToOpen: viewSubItem,
     isRecursive: isRecursiveFetch

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "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.0.5",
-    "@scaleflex/widget-icons": "^4.0.5",
-    "@scaleflex/widget-informer": "^4.0.5",
-    "@scaleflex/widget-provider-views": "^4.0.5",
-    "@scaleflex/widget-thumbnail-generator": "^4.0.5",
-    "@scaleflex/widget-utils": "^4.0.5",
+    "@scaleflex/widget-common": "^4.0.6",
+    "@scaleflex/widget-icons": "^4.0.6",
+    "@scaleflex/widget-informer": "^4.0.6",
+    "@scaleflex/widget-provider-views": "^4.0.6",
+    "@scaleflex/widget-thumbnail-generator": "^4.0.6",
+    "@scaleflex/widget-utils": "^4.0.6",
     "@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": "c95faef749de50d9c458d63a8b01da02efa268e2"
+  "gitHead": "17ad9b9abc2add9c8b52ab56e3a72108bee20a7a"
 }

package/types/index.d.ts CHANGED Viewed

@@ -52,7 +52,7 @@ declare module Explorer {
     thumbnailWidth?: number;
     thumbnailHeight?: number;
     waitForThumbnailsBeforeUpload?: boolean;
-    hideUploadButton?: boolean;
+    disableUpload?: boolean;
     hideSearch?: boolean;
     note?: string;
     closeModalOnClickOutside?: boolean;