@scaleflex/widget-explorer 4.0.4 → 4.0.6

package/lib/components/ActionBar/DownloadWithExportButton.js

@@ -12,7 +12,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useMemo, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { Cross, Download, Original, Transformation } from '@scaleflex/icons';
+import { Cross, Download, Original, Sharebox, Transformation } from '@scaleflex/icons';
 import { Menu, TooltipV2 } from '@scaleflex/ui/core';
 import { useTheme } from '@scaleflex/ui/theme/hooks';
 import checkItemsSupportExportWithReason from '@scaleflex/widget-utils/lib/checkItemsSupportExportWithReason';
@@ -147,7 +147,9 @@ var DownloadWithExportButton = function DownloadWithExportButton() {
           children: /*#__PURE__*/_jsx(Styled.DownloadButton, {
             disabled: downloadButtonDisabled,
             startIcon: !hideDownloadButtonIcon && function (props) {
-              return /*#__PURE__*/_jsx(Download, _objectSpread(_objectSpread({}, props), {}, {
+              return useAssetsPicker ? /*#__PURE__*/_jsx(Sharebox, _objectSpread(_objectSpread({}, props), {}, {
+                ref: menuRef
+              })) : /*#__PURE__*/_jsx(Download, _objectSpread(_objectSpread({}, props), {}, {
                 ref: menuRef
               }));
             },

package/lib/components/AddFilesPanel/AddFiles.js

@@ -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/AssetsList/AssetsList.styled.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import styled, { css, keyframes } from 'styled-components';
 import { CheckBox, Input, Label as SfxLabel, Skeleton, Accordion as SfxAccordion, IconButton, Button } from '@scaleflex/ui/core';
@@ -128,7 +128,6 @@ var FileVideoDurationWrapper = styled.div(_templateObject29 || (_templateObject2
   return props.theme.palette[PC.IconsInvert];
 });
 var FileListVideoDurationWrapper = styled(FileVideoDurationWrapper)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  bottom: 17%;\n  left: 7%;\n  padding: 1px 2px;\n  font-size: 9px;\n  line-height: 9px;\n"])));
-var FileVideoOptions = styled.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  & > .filerobot-common-ItemHoverTopOptions {\n    right: calc(50% - 22px);\n    top: calc(50% - 22px);\n    padding: 0;\n\n   .filerobot-common-BaseButton {\n     width: 44px;\n     height: 44px;\n     margin: 0;\n\n     svg {\n       width: 22px;\n       height: 22px;\n     }\n   }\n  }\n\n  *:hover > & {\n    .filerobot-common-ItemHoverTopOptions {\n      visibility: visible;\n    }\n  }\n"])));
 var Accordion = styled(SfxAccordion)(function (_ref17) {
   var hideHeader = _ref17.hideHeader,
     noTopMargin = _ref17.noTopMargin,
@@ -136,9 +135,9 @@ var Accordion = styled(SfxAccordion)(function (_ref17) {
     _ref17$theme = _ref17.theme,
     typography = _ref17$theme.typography,
     palette = _ref17$theme.palette;
-  return css(_templateObject32 || (_templateObject32 = _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  }\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]);
 });
-var RelevanceScore = styled.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  text-align: center;\n  margin: 6px 0px;\n  font-size: 20px;\n"])));
+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) {
   var $isListView = _ref18.$isListView,
     $relevance = _ref18.$relevance,
@@ -146,7 +145,7 @@ var FileRelevanceBadge = styled.div(function (_ref18) {
     _ref18$theme = _ref18.theme,
     palette = _ref18$theme.palette,
     typography = _ref18$theme.typography;
-  return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  ", ";\n  ", "\n  background-color: ", ";\n  color: ", ";\n  width: 47px;\n  height: 22px;\n  display: ", ";\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  visibility: visible;\n  border-radius: 4px;\n"])), typography.font[FV.LabelMediumEmphasis], !$isListView && css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n    top: 0%;\n    margin: 12px;\n    position: absolute;\n  "]))), palette[$relevance >= 90 ? PC.Success : PC.BordersPrimaryHover], palette[PC.ButtonPrimaryText], isFileChecked && !$isListView ? 'none' : 'flex');
+  return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  ", ";\n  ", "\n  background-color: ", ";\n  color: ", ";\n  width: 47px;\n  height: 22px;\n  display: ", ";\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  visibility: visible;\n  border-radius: 4px;\n"])), typography.font[FV.LabelMediumEmphasis], !$isListView && css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n    top: 0%;\n    margin: 12px;\n    position: absolute;\n  "]))), palette[$relevance >= 90 ? PC.Success : PC.BordersPrimaryHover], palette[PC.ButtonPrimaryText], isFileChecked && !$isListView ? 'none' : 'flex');
 });
 var getScrollTopButtonPosition = function getScrollTopButtonPosition(isProgressPanelMinimized) {
   if (isProgressPanelMinimized) {
@@ -154,7 +153,7 @@ var getScrollTopButtonPosition = function getScrollTopButtonPosition(isProgressP
   }
   return '36px';
 };
-var ScrollToTopButton = styled(IconButton)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: ", ";\n  right: 24px;\n  z-index: 1000;\n  max-height: 48px;\n  padding: 15px;\n  background-color: ", ";\n  color: ", ";\n  box-shadow:  ", ";\n\n  &:hover {\n    background-color: ", ";\n    & > svg {\n      path {\n        fill: ", ";\n      }\n    }\n  }\n\n  &:focus,\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (_ref19) {
+var ScrollToTopButton = styled(IconButton)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: ", ";\n  right: 24px;\n  z-index: 1000;\n  max-height: 48px;\n  padding: 15px;\n  background-color: ", ";\n  color: ", ";\n  box-shadow:  ", ";\n\n  &:hover {\n    background-color: ", ";\n    & > svg {\n      path {\n        fill: ", ";\n      }\n    }\n  }\n\n  &:focus,\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (_ref19) {
   var isProgressPanelMinimized = _ref19.isProgressPanelMinimized;
   return getScrollTopButtonPosition(isProgressPanelMinimized);
 }, function (_ref20) {
@@ -179,7 +178,7 @@ var ScrollToTopButton = styled(IconButton)(_templateObject36 || (_templateObject
   var palette = _ref26.theme.palette;
   return palette[PC.IconsSecondary];
 });
-var ApprovalStatusWrapper = styled.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  display: flex;\n  visibility: visible;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 14px;\n  right: 12px;\n  background-color: ", ";\n  box-shadow: 0px 1px 3px 0px rgba(77, 78, 78, 0.15);\n  border-radius: 4px;\n  z-index: 100;\n  padding: 2px 4px;\n  transition: visibility 0s linear 180ms;\n\n  ", ":hover & {\n    visibility: hidden;\n    transition: visibility 0s linear 30ms;\n  };\n\n  div {\n    color: ", ";\n  }\n"])), function (_ref27) {
+var ApprovalStatusWrapper = styled.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  display: flex;\n  visibility: visible;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 14px;\n  right: 12px;\n  background-color: ", ";\n  box-shadow: 0px 1px 3px 0px rgba(77, 78, 78, 0.15);\n  border-radius: 4px;\n  z-index: 100;\n  padding: 2px 4px;\n  transition: visibility 0s linear 180ms;\n\n  ", ":hover & {\n    visibility: hidden;\n    transition: visibility 0s linear 30ms;\n  };\n\n  div {\n    color: ", ";\n  }\n"])), function (_ref27) {
   var palette = _ref27.theme.palette;
   return palette[PC.BackgroundStateless];
 }, FileSectionItem, function (_ref28) {
@@ -209,7 +208,6 @@ var Styled = {
   FileSkeleton: FileSkeleton,
   FileVideoDurationWrapper: FileVideoDurationWrapper,
   FileListVideoDurationWrapper: FileListVideoDurationWrapper,
-  FileVideoOptions: FileVideoOptions,
   Accordion: Accordion,
   RelevanceScore: RelevanceScore,
   ScrollToTopButton: ScrollToTopButton,

package/lib/components/AssetsList/GridView/FilesSection/FileCell.js

@@ -7,18 +7,15 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 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; }
-import { useMemo, useState, useCallback, useRef } from 'react';
+import { useState, useCallback, useRef } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { Play } from '@scaleflex/icons';
 import FileInfo from '@scaleflex/widget-explorer/lib/components/FileItem/FileInfo';
 import formatSeconds from '@scaleflex/widget-utils/lib/formatSeconds';
 import _getItemIcon from '@scaleflex/widget-utils/lib/getItemIcon';
-import isPreviewSupported from '@scaleflex/widget-utils/lib/isPreviewSupported';
-import { ItemHoverTopOptions, AssetPreview } from '@scaleflex/widget-common';
+import { AssetPreview } from '@scaleflex/widget-common';
 import ignoreEvent from '@scaleflex/widget-utils/lib/ignoreEvent';
 import { TooltipV2 } from '@scaleflex/ui/core';
 import { selectIsRelevanceAvailable } from '@scaleflex/widget-core/lib/slices/common.slice';
-import isVideo from '@scaleflex/widget-utils/lib/isVideo';
 import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
 import DnD from '../../../DnD';
 import FileOverlayOptions from './FileOverlayOptions';
@@ -110,15 +107,6 @@ var FileCell = function FileCell(_ref) {
   }, [file]);
   var isItemBeingRenamed = renameItemFor === uuid;
   var isFileChecked = isChecked;
-  var options = useMemo(function () {
-    return [{
-      key: 'GridLi-PreviewVideo',
-      Icon: Play,
-      iconSize: 22,
-      onClick: toggleFileWindow,
-      hidden: !isPreviewSupported(file)
-    }];
-  }, [file]);
   var handleMouseOver = function handleMouseOver() {
     var _file$info, _file$info2;
     if (isLoading) {
@@ -245,10 +233,6 @@ var FileCell = function FileCell(_ref) {
           container: container,
           children: [!!((_file$info5 = file.info) !== null && _file$info5 !== void 0 && _file$info5.video_duration) && /*#__PURE__*/_jsx(Styled.FileVideoDurationWrapper, {
             children: formatSeconds((_file$info6 = file.info) === null || _file$info6 === void 0 ? void 0 : _file$info6.video_duration)
-          }), isVideo(file) && /*#__PURE__*/_jsx(Styled.FileVideoOptions, {
-            children: /*#__PURE__*/_jsx(ItemHoverTopOptions, {
-              options: options
-            })
           }), !hideOverlayOptions && /*#__PURE__*/_jsx(FileOverlayOptions, {
             file: file,
             onContextMenu: handleOnContextMenu,

package/lib/components/DnD/index.js

@@ -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/FileWindowPanel/FileTabs/FileTabs.constants.js

@@ -29,17 +29,21 @@ export var ALL_TABS = [{
 }, {
   id: FILE_WINDOW_TAB_IDS.METADATA,
   i18nStr: 'explorerFileWindowMetadataTabLabel',
-  iconComponent: SfxMetadataIcon
+  iconComponent: SfxMetadataIcon,
+  hide: function hide(_ref2) {
+    var hideMetadataTab = _ref2.hideMetadataTab;
+    return hideMetadataTab;
+  }
 }, {
   id: FILE_WINDOW_TAB_IDS.VARIATIONS,
   i18nStr: 'explorerFileWindowVariationsTabLabel',
   iconComponent: Variations,
-  hide: function hide(_ref2) {
-    var hideVariationsTab = _ref2.hideVariationsTab;
+  hide: function hide(_ref3) {
+    var hideVariationsTab = _ref3.hideVariationsTab;
     return hideVariationsTab;
   },
-  disable: function disable(_ref3) {
-    var isPublicFile = _ref3.isPublicFile;
+  disable: function disable(_ref4) {
+    var isPublicFile = _ref4.isPublicFile;
     return !isPublicFile;
   },
   disabledI18nKey: 'explorerFileWindowVariationsTabDisabledDesc'

package/lib/components/FileWindowPanel/FileTabs/FileTabsList.js

@@ -30,13 +30,15 @@ var FileTabsList = function FileTabsList(_ref) {
     cancelEditing = _ref2.cancelEditing;
   var isUserAuth = useSelector(selectIsUserAuth);
   var metadataModel = useSelector(selectMetadataModel);
-  var isFastToken = opts.isFastToken;
+  var isFastToken = opts.isFastToken,
+    hideVariationsTabOpts = opts.hideVariationsTab,
+    hideMetadataTabOpts = opts.hideMetadataTab;
   var isSvgImage = isSvg(originalFile);
   var isImageFile = isImage(originalFile);
   var approvalPlugin = filerobot.getPlugin(PLUGINS_IDS.APPROVALS);
   var showDetailsTabContent = isEditing;
-  var hideVariationsTab = isPreUpload || !isUserAuth || isFastToken || isSvgImage || !isImageFile;
-  var hideMetadataTab = Object.keys(metadataModel).length === 0;
+  var hideVariationsTab = hideVariationsTabOpts || isPreUpload || isFastToken || isSvgImage || !isImageFile;
+  var hideMetadataTab = hideMetadataTabOpts || Object.keys(metadataModel).length === 0;
   var visibleTabs = useMemo(function () {
     if (isPreUpload) {
       return PRE_UPLOAD_TABS.filter(function (_ref3) {
@@ -52,7 +54,8 @@ var FileTabsList = function FileTabsList(_ref) {
         var isVisible = !(hide !== null && hide !== void 0 && hide({
           isFastToken: isFastToken,
           isUserAuth: isUserAuth,
-          hideVariationsTab: hideVariationsTab
+          hideVariationsTab: hideVariationsTab,
+          hideMetadataTab: hideMetadataTab
         }));
         if (id === FILE_WINDOW_TAB_IDS.APPROVALS) {
           return (approvalPlugin === null || approvalPlugin === void 0 ? void 0 : approvalPlugin.isEnabled()) && isVisible;

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

@@ -1,6 +1,6 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { VariantPlaceholder, PlusOutline } from '@scaleflex/icons';
-import { selectIsUserPermittedTo } from '@scaleflex/widget-core/lib/slices/user.slice';
+import { selectIsUserPermittedTo, selectIsUserAuth } from '@scaleflex/widget-core/lib/slices/user.slice';
 import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
 import VariationItem from './VariationItem';
 import StyledVariants from './Variations.styled';
@@ -23,9 +23,11 @@ var VariationsContent = function VariationsContent(_ref) {
     i18n = _ref.i18n,
     activeTabId = _ref.activeTabId;
   var dispatch = useDispatch();
-  var isUserPermittedToEditVariant = useSelector(function (state) {
+  var hasUserVariantEditPermission = useSelector(function (state) {
     return selectIsUserPermittedTo(state, PERMISSIONS.FILE_IMAGE_EDITOR);
   });
+  var isUserAuth = useSelector(selectIsUserAuth);
+  var isUserPermittedToEditVariant = isUserAuth && hasUserVariantEditPermission;
   var showAddVariantButton = isUserPermittedToEditVariant && activeTabId === VARIATIONS_TAB_IDS.MANUAL;
   var onSelectVariant = function onSelectVariant(variant) {
     setSelectedVariant(variant);

package/lib/components/HeaderBar/RightSide.js

@@ -34,7 +34,7 @@ var RightSide = function RightSide(_ref) {
     opts = _useExplorer$opts === void 0 ? {} : _useExplorer$opts,
     i18n = _useExplorer.i18n;
   var showGlobalRegVariants = opts.showGlobalRegVariants,
-    hideDetailsTab = opts.hideDetailsTab,
+    hideDetailsSidebarButton = opts.hideDetailsSidebarButton,
     hideDetailsViewButton = opts.hideDetailsViewButton;
   var dispatch = useDispatch();
   var _useState = useState(false),
@@ -51,7 +51,7 @@ var RightSide = function RightSide(_ref) {
   });
   var isNoFilesFound = useSelector(selectIsNoFilesFound);
   var areItemsBasedBtnsDisabled = isNoFilesFound && isNoFoldersFound;
-  var showDetailsButton = !hideDetailsViewButton && showLayoutAndDetailsBtns && !hideDetailsTab && !isDetailsSidebarOpened;
+  var showDetailsButton = !hideDetailsViewButton && showLayoutAndDetailsBtns && !hideDetailsSidebarButton && !isDetailsSidebarOpened;
   var handleRefresh = async function handleRefresh() {
     if (!isRefreshButtonDisabled && typeof onRefresh === 'function') {
       var res = onRefresh();

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

@@ -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

@@ -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',
@@ -72,7 +72,7 @@ var getConfigs = function getConfigs(_ref) {
       dismissUrlPathQueryUpdate: true,
       hideFolderOptions: true,
       closeAfterExport: true,
-      hideDetailsTab: true,
+      hideDetailsSidebarButton: true,
       hideActionBarSelectionButtons: true,
       hideDownloadButtonIcon: true,
       disableMultipleSelect: !multiSelect,
@@ -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

@@ -1217,7 +1217,7 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       assetsPickerModelTitle: 'explorerTopSectionImportFileTitle',
       disableFolderSelection: false,
       hideFolderOptions: false,
-      hideDetailsTab: false,
+      hideDetailsSidebarButton: false,
       disableDnDActions: false,
       hideActionBarSelectionButtons: false,
       inline: false,
@@ -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,
@@ -1391,14 +1391,16 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       onImportFromDam: function onImportFromDam() {},
       showImportFromDamButton: false,
       defaultFieldKeyOfBulkEditPanel: '',
-      hideDetailsViewButton: false
+      hideDetailsViewButton: false,
+      hideVariationsTab: false,
+      hideMetadataTab: false
     };
 
     // merge default options with the ones set by user
     _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),
@@ -1432,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",
@@ -1477,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

@@ -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

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "4.0.4",
+  "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.4",
-    "@scaleflex/widget-icons": "^4.0.4",
-    "@scaleflex/widget-informer": "^4.0.4",
-    "@scaleflex/widget-provider-views": "^4.0.4",
-    "@scaleflex/widget-thumbnail-generator": "^4.0.4",
-    "@scaleflex/widget-utils": "^4.0.4",
+    "@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": "9acad1431f206dd78802489c05e2c76a3ae30a53"
+  "gitHead": "17ad9b9abc2add9c8b52ab56e3a72108bee20a7a"
 }

package/types/index.d.ts

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