@scaleflex/widget-explorer 4.4.0 → 4.5.0

package/lib/components/ContextMenu/FileMenu/FindSection/index.js

@@ -0,0 +1,29 @@
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer } from '../../../../hooks';
+import isSeparatorHidden from '../../utils/isSeparatorHidden';
+import createSeparator from '../../utils/createSeparator';
+import LocateFileOption from '../../MenuOptions/LocateFileOption';
+import MoveOption from '../../MenuOptions/MoveOption';
+var FindSection = function FindSection() {
+  var _useExplorer = useExplorer(),
+    checkFileFolderPermissions = _useExplorer.checkFileFolderPermissions;
+  var moveOption = MoveOption({
+    disabled: function disabled(_ref) {
+      var files = _ref.files;
+      return !checkFileFolderPermissions({
+        permissionsToCheck: [PERMISSIONS.FILE_MOVE],
+        permissionsList: files[0].permissions
+      });
+    },
+    disabledTooltip: 'explorerContextMenuPermissionMutedHint'
+  });
+  var locateFileOption = LocateFileOption();
+  var fileFindMenuItems = [locateFileOption, moveOption];
+  return [].concat(fileFindMenuItems, [createSeparator({
+    key: 'FILE_FIND_SECTION_SEPARATOR',
+    hideOption: function hideOption(props) {
+      return isSeparatorHidden(fileFindMenuItems, props);
+    }
+  })]);
+};
+export default FindSection;

package/lib/components/ContextMenu/FileMenu/index.js

@@ -0,0 +1,15 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import CollaborateSection from './CollaborateSection';
+import EditSection from './EditSection';
+import DeleteSection from './DeleteSection';
+import FindSection from './FindSection';
+var FileMenu = function FileMenu() {
+  var fileMenu = [].concat(_toConsumableArray(CollaborateSection()), _toConsumableArray(EditSection()), _toConsumableArray(FindSection()), _toConsumableArray(DeleteSection()));
+  return fileMenu;
+};
+export default FileMenu;

package/lib/components/ContextMenu/FolderMenu/CollaborateSection/index.js

@@ -0,0 +1,17 @@
+import createSeparator from '../../utils/createSeparator';
+import isSeparatorHidden from '../../utils/isSeparatorHidden';
+import DownloadFolderSubMenu from '../../SharedMenus/DownloadFolderSubMenu';
+import DownloadOption from '../../MenuOptions/DownloadOption';
+var CollaborateSection = function CollaborateSection() {
+  var downloadOption = DownloadOption({
+    subListItemsFn: DownloadFolderSubMenu
+  });
+  var folderCollaborateMenuItems = [downloadOption];
+  return [].concat(folderCollaborateMenuItems, [createSeparator({
+    key: 'FOLDER_COLLABORATE_SECTION_SEPARATOR',
+    hideOption: function hideOption(props) {
+      return isSeparatorHidden(folderCollaborateMenuItems, props);
+    }
+  })]);
+};
+export default CollaborateSection;

package/lib/components/ContextMenu/FolderMenu/DeleteSection/index.js

@@ -0,0 +1,41 @@
+import { useSelector } from 'react-redux';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer } from '../../../../hooks';
+import { getDisabledTooltip, isCurrentAndSelectedFolderSame } from '../FolderMenu.utils';
+import { selectCurrentFolder } from '../../../../slices/folders.slice';
+import DeleteOption from '../../MenuOptions/DeleteOption';
+var DeleteSection = function DeleteSection() {
+  var _useExplorer = useExplorer(),
+    checkFileFolderPermissions = _useExplorer.checkFileFolderPermissions;
+  var currentFolder = useSelector(selectCurrentFolder);
+  var deleteOption = DeleteOption({
+    disabled: function disabled(_ref) {
+      var _folders$, _folderTree$;
+      var folders = _ref.folders,
+        _ref$folderTree = _ref.folderTree,
+        folderTree = _ref$folderTree === void 0 ? [] : _ref$folderTree;
+      return !checkFileFolderPermissions({
+        permissionsToCheck: [PERMISSIONS.FOLDER_DELETE],
+        permissionsList: ((_folders$ = folders[0]) === null || _folders$ === void 0 ? void 0 : _folders$.permissions) || ((_folderTree$ = folderTree[0]) === null || _folderTree$ === void 0 ? void 0 : _folderTree$.permissions)
+      }) || isCurrentAndSelectedFolderSame({
+        folders: folders,
+        currentFolder: currentFolder
+      });
+    },
+    disabledTooltip: function disabledTooltip(_ref2) {
+      var folders = _ref2.folders,
+        folderTree = _ref2.folderTree,
+        i18n = _ref2.i18n;
+      return getDisabledTooltip({
+        folders: folders,
+        folderTree: folderTree,
+        i18n: i18n,
+        permissionsToCheck: [PERMISSIONS.FOLDER_DELETE],
+        currentFolder: currentFolder,
+        checkFileFolderPermissions: checkFileFolderPermissions
+      });
+    }
+  });
+  return [deleteOption];
+};
+export default DeleteSection;

package/lib/components/ContextMenu/FolderMenu/EditSection/index.js

@@ -0,0 +1,49 @@
+import { useSelector } from 'react-redux';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer } from '../../../../hooks';
+import { getDisabledTooltip, isCurrentAndSelectedFolderSame } from '../FolderMenu.utils';
+import { selectCurrentFolder } from '../../../../slices/folders.slice';
+import createSeparator from '../../utils/createSeparator';
+import isSeparatorHidden from '../../utils/isSeparatorHidden';
+import RenameOption from '../../MenuOptions/RenameOption';
+var EditSection = function EditSection() {
+  var _useExplorer = useExplorer(),
+    checkFileFolderPermissions = _useExplorer.checkFileFolderPermissions;
+  var currentFolder = useSelector(selectCurrentFolder);
+  var renameOption = RenameOption({
+    disabled: function disabled(_ref) {
+      var _folders$, _folderTree$;
+      var folders = _ref.folders,
+        _ref$folderTree = _ref.folderTree,
+        folderTree = _ref$folderTree === void 0 ? [] : _ref$folderTree;
+      return !checkFileFolderPermissions({
+        permissionsToCheck: [PERMISSIONS.FOLDER_RENAME],
+        permissionsList: ((_folders$ = folders[0]) === null || _folders$ === void 0 ? void 0 : _folders$.permissions) || ((_folderTree$ = folderTree[0]) === null || _folderTree$ === void 0 ? void 0 : _folderTree$.permissions)
+      }) || isCurrentAndSelectedFolderSame({
+        folders: folders,
+        currentFolder: currentFolder
+      });
+    },
+    disabledTooltip: function disabledTooltip(_ref2) {
+      var folders = _ref2.folders,
+        folderTree = _ref2.folderTree,
+        i18n = _ref2.i18n;
+      return getDisabledTooltip({
+        folders: folders,
+        folderTree: folderTree,
+        i18n: i18n,
+        permissionsToCheck: [PERMISSIONS.FOLDER_RENAME],
+        currentFolder: currentFolder,
+        checkFileFolderPermissions: checkFileFolderPermissions
+      });
+    }
+  });
+  var folderEditMenuItems = [renameOption];
+  return [].concat(folderEditMenuItems, [createSeparator({
+    key: 'FOLDER_EDIT_SECTION_SEPARATOR',
+    hideOption: function hideOption(props) {
+      return isSeparatorHidden(folderEditMenuItems, props);
+    }
+  })]);
+};
+export default EditSection;

package/lib/components/ContextMenu/FolderMenu/FindSection/index.js

@@ -0,0 +1,49 @@
+import { useSelector } from 'react-redux';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer } from '../../../../hooks';
+import { getDisabledTooltip, isCurrentAndSelectedFolderSame } from '../FolderMenu.utils';
+import { selectCurrentFolder } from '../../../../slices/folders.slice';
+import createSeparator from '../../utils/createSeparator';
+import isSeparatorHidden from '../../utils/isSeparatorHidden';
+import MoveOption from '../../MenuOptions/MoveOption';
+var FindSection = function FindSection() {
+  var _useExplorer = useExplorer(),
+    checkFileFolderPermissions = _useExplorer.checkFileFolderPermissions;
+  var currentFolder = useSelector(selectCurrentFolder);
+  var moveOption = MoveOption({
+    disabled: function disabled(_ref) {
+      var _folders$, _folderTree$;
+      var folders = _ref.folders,
+        _ref$folderTree = _ref.folderTree,
+        folderTree = _ref$folderTree === void 0 ? [] : _ref$folderTree;
+      return !checkFileFolderPermissions({
+        permissionsToCheck: [PERMISSIONS.FOLDER_MOVE],
+        permissionsList: ((_folders$ = folders[0]) === null || _folders$ === void 0 ? void 0 : _folders$.permissions) || ((_folderTree$ = folderTree[0]) === null || _folderTree$ === void 0 ? void 0 : _folderTree$.permissions)
+      }) || isCurrentAndSelectedFolderSame({
+        folders: folders,
+        currentFolder: currentFolder
+      });
+    },
+    disabledTooltip: function disabledTooltip(_ref2) {
+      var folders = _ref2.folders,
+        folderTree = _ref2.folderTree,
+        i18n = _ref2.i18n;
+      return getDisabledTooltip({
+        folders: folders,
+        folderTree: folderTree,
+        i18n: i18n,
+        permissionsToCheck: [PERMISSIONS.FOLDER_MOVE],
+        currentFolder: currentFolder,
+        checkFileFolderPermissions: checkFileFolderPermissions
+      });
+    }
+  });
+  var folderFindMenuItems = [moveOption];
+  return [].concat(folderFindMenuItems, [createSeparator({
+    key: 'FOLDER_FIND_SECTION_SEPARATOR',
+    hideOption: function hideOption(props) {
+      return isSeparatorHidden(folderFindMenuItems, props);
+    }
+  })]);
+};
+export default FindSection;

package/lib/components/ContextMenu/FolderMenu/FolderMenu.utils.js

@@ -0,0 +1,31 @@
+export var isSelected = function isSelected(_ref) {
+  var folders = _ref.folders;
+  return !!folders.length;
+};
+export var isCurrentAndSelectedFolderSame = function isCurrentAndSelectedFolderSame(_ref2) {
+  var _folders$;
+  var currentFolder = _ref2.currentFolder,
+    folders = _ref2.folders;
+  return (currentFolder === null || currentFolder === void 0 ? void 0 : currentFolder.uuid) === ((_folders$ = folders[0]) === null || _folders$ === void 0 ? void 0 : _folders$.uuid);
+};
+export var getDisabledTooltip = function getDisabledTooltip(_ref3) {
+  var _folders$2, _folderTree$;
+  var folders = _ref3.folders,
+    _ref3$folderTree = _ref3.folderTree,
+    folderTree = _ref3$folderTree === void 0 ? [] : _ref3$folderTree,
+    i18n = _ref3.i18n,
+    permissionsToCheck = _ref3.permissionsToCheck,
+    currentFolder = _ref3.currentFolder,
+    checkFileFolderPermissions = _ref3.checkFileFolderPermissions;
+  var hasPermission = checkFileFolderPermissions({
+    permissionsToCheck: permissionsToCheck,
+    permissionsList: ((_folders$2 = folders[0]) === null || _folders$2 === void 0 ? void 0 : _folders$2.permissions) || ((_folderTree$ = folderTree[0]) === null || _folderTree$ === void 0 ? void 0 : _folderTree$.permissions)
+  });
+  if (isCurrentAndSelectedFolderSame({
+    folders: folders,
+    currentFolder: currentFolder
+  }) && hasPermission) {
+    return i18n('explorerContextMenuActiveFolderMutedHint');
+  }
+  return i18n('explorerContextMenuPermissionMutedHint');
+};

package/lib/components/ContextMenu/FolderMenu/index.js

@@ -0,0 +1,14 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import CollaborateSection from './CollaborateSection';
+import EditSection from './EditSection';
+import FindSection from './FindSection';
+import DeleteSection from './DeleteSection';
+var FolderMenu = function FolderMenu() {
+  return [].concat(_toConsumableArray(CollaborateSection()), _toConsumableArray(EditSection()), _toConsumableArray(FindSection()), _toConsumableArray(DeleteSection()));
+};
+export default FolderMenu;

package/lib/components/ContextMenu/MenuOptions/AddVariationOption.js

@@ -0,0 +1,59 @@
+import { useMemo } from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import { Variations } from '@scaleflex/icons';
+import { DEFAULT_ICON_SIZE } from '../ContextMenu.constants';
+import { selectIsUserAuth } from '@scaleflex/widget-core/lib/slices/user.slice';
+import isSvg from '@scaleflex/widget-utils/lib/isSvg';
+import isImage from '@scaleflex/widget-utils/lib/isImage';
+import { fileWindowUpdated } from '@scaleflex/widget-explorer/lib/slices/panels.slice';
+import { FILE_WINDOW_TAB_IDS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer } from '../../../hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AddVariationOption = function AddVariationOption() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    onClick = _ref.onClick,
+    hideOption = _ref.hideOption,
+    disabled = _ref.disabled,
+    disabledTooltip = _ref.disabledTooltip,
+    _ref$isPreUpload = _ref.isPreUpload,
+    isPreUpload = _ref$isPreUpload === void 0 ? false : _ref$isPreUpload;
+  var dispatch = useDispatch();
+  var _useExplorer = useExplorer(),
+    checkUserPermissions = _useExplorer.checkUserPermissions,
+    checkPluginExistence = _useExplorer.checkPluginExistence,
+    opts = _useExplorer.opts;
+  var isUserAuth = useSelector(selectIsUserAuth);
+  var isFastToken = opts.isFastToken;
+  var addVariation = function addVariation(_ref2) {
+    var _files$;
+    var files = _ref2.files;
+    dispatch(fileWindowUpdated({
+      "for": (_files$ = files[0]) === null || _files$ === void 0 ? void 0 : _files$.uuid,
+      tabId: FILE_WINDOW_TAB_IDS.VARIATIONS
+    }));
+  };
+  var hideAddVariationOption = function hideAddVariationOption(_ref3) {
+    var files = _ref3.files;
+    var isSvgImage = isSvg(files[0]);
+    var isImageFile = isImage(files[0]);
+    return isPreUpload || !isImageFile || isSvgImage || !isUserAuth || isFastToken;
+  };
+  return useMemo(function () {
+    return {
+      key: 'ADD_VARIATION',
+      content: 'explorerContextMenuAddVariationLabel',
+      prefix: function prefix(_ref4) {
+        var iconPrimaryColor = _ref4.iconPrimaryColor;
+        return /*#__PURE__*/_jsx(Variations, {
+          color: iconPrimaryColor,
+          size: DEFAULT_ICON_SIZE
+        });
+      },
+      onClick: onClick || addVariation,
+      hideOption: hideOption || hideAddVariationOption,
+      disabled: disabled,
+      disabledTooltip: disabledTooltip
+    };
+  }, [checkUserPermissions, isPreUpload, checkPluginExistence, isFastToken, isUserAuth, disabled, disabledTooltip, onClick, hideOption]);
+};
+export default AddVariationOption;

package/lib/components/ContextMenu/MenuOptions/BulkEditOption.js

@@ -0,0 +1,47 @@
+import { useMemo } from 'react';
+import { useDispatch } from 'react-redux';
+import { Annotate } from '@scaleflex/icons';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer } from '../../../hooks';
+import { bulkEditPanelOpened } from '../../../slices/panels.slice';
+import { DEFAULT_ICON_SIZE } from '../ContextMenu.constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+var BulkEditOption = function BulkEditOption() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    onClick = _ref.onClick,
+    hideOption = _ref.hideOption,
+    disabled = _ref.disabled,
+    disabledTooltip = _ref.disabledTooltip;
+  var dispatch = useDispatch();
+  var _useExplorer = useExplorer(),
+    checkUserPermissions = _useExplorer.checkUserPermissions,
+    opts = _useExplorer.opts;
+  var isFastToken = opts.isFastToken;
+  var hideEditBulkOption = function hideEditBulkOption(_ref2) {
+    var foldersUuids = _ref2.foldersUuids;
+    return foldersUuids.length > 0 || !checkUserPermissions([PERMISSIONS.FILE_META]) || isFastToken;
+  };
+  return useMemo(function () {
+    return {
+      key: 'BULK_EDIT',
+      content: 'mutualizedBulkEditLabel',
+      prefix: function prefix(_ref3) {
+        var iconPrimaryColor = _ref3.iconPrimaryColor;
+        return /*#__PURE__*/_jsx(Annotate, {
+          color: iconPrimaryColor,
+          size: DEFAULT_ICON_SIZE
+        });
+      },
+      onClick: onClick || function (_ref4) {
+        var filesUuids = _ref4.filesUuids;
+        return dispatch(bulkEditPanelOpened({
+          "for": filesUuids
+        }));
+      },
+      hideOption: hideOption || hideEditBulkOption,
+      disabled: disabled,
+      disabledTooltip: disabledTooltip
+    };
+  }, [onClick, hideOption, disabled, disabledTooltip, isFastToken]);
+};
+export default BulkEditOption;

package/lib/components/ContextMenu/MenuOptions/CdnLinkOption.js

@@ -0,0 +1,54 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useMemo } from 'react';
+import { useDispatch } from 'react-redux';
+import { Link } from '@scaleflex/icons';
+import isFirstFileVisibilityPublic from '../utils/isFirstFileVisibilityPublic';
+import isMultipleSelection from '../utils/isMultipleSelection';
+import { DEFAULT_ICON_SIZE, FILE_SHARE_TABS_OBJECTS } from '../ContextMenu.constants';
+import { copyFileCdnLink } from '../../../slices/files.slice';
+import { jsx as _jsx } from "react/jsx-runtime";
+var CdnLinkOption = function CdnLinkOption() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    onClick = _ref.onClick,
+    hideOption = _ref.hideOption,
+    disabled = _ref.disabled,
+    disabledTooltip = _ref.disabledTooltip;
+  var dispatch = useDispatch();
+  var cdnLinkOptionOnClick = function cdnLinkOptionOnClick(_ref2) {
+    var files = _ref2.files;
+    var _files = _slicedToArray(files, 1),
+      file = _files[0];
+    dispatch(copyFileCdnLink(file));
+  };
+  var hideCdnLinkOption = function hideCdnLinkOption(_ref3) {
+    var folders = _ref3.folders,
+      files = _ref3.files;
+    return isMultipleSelection({
+      folders: folders,
+      files: files
+    }) || folders.length > 0 || !isFirstFileVisibilityPublic(files);
+  };
+  return useMemo(function () {
+    return {
+      key: FILE_SHARE_TABS_OBJECTS.GET_LINK.key,
+      content: 'mutualizedCDNLinkLabel',
+      prefix: function prefix(_ref4) {
+        var iconPrimaryColor = _ref4.iconPrimaryColor;
+        return /*#__PURE__*/_jsx(Link, {
+          size: DEFAULT_ICON_SIZE,
+          color: iconPrimaryColor
+        });
+      },
+      onClick: onClick || cdnLinkOptionOnClick,
+      hideOption: hideOption || hideCdnLinkOption,
+      disabled: disabled,
+      disabledTooltip: disabledTooltip
+    };
+  }, [onClick, hideOption, disabled, disabledTooltip]);
+};
+export default CdnLinkOption;

package/lib/components/ContextMenu/MenuOptions/DeleteOption.js

@@ -0,0 +1,70 @@
+import { useMemo } from 'react';
+import { Remove } from '@scaleflex/icons';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer } from '../../../hooks';
+import { useDeleteItemsModal } from '../../Modals';
+import isEmptyFolderSelection from '../utils/isEmptyFolderSelection';
+import { DEFAULT_ICON_SIZE } from '../ContextMenu.constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+var DeleteOption = function DeleteOption() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    onClick = _ref.onClick,
+    hideOption = _ref.hideOption,
+    disabled = _ref.disabled,
+    disabledTooltip = _ref.disabledTooltip,
+    isPreUpload = _ref.isPreUpload,
+    onSuccess = _ref.onSuccess,
+    onConfirm = _ref.onConfirm;
+  var triggerDeleteItemsModal = useDeleteItemsModal();
+  var _useExplorer = useExplorer(),
+    checkUserPermissions = _useExplorer.checkUserPermissions;
+  var hideDeleteOption = function hideDeleteOption(_ref2) {
+    var _ref2$folders = _ref2.folders,
+      folders = _ref2$folders === void 0 ? [] : _ref2$folders,
+      _ref2$files = _ref2.files,
+      files = _ref2$files === void 0 ? [] : _ref2$files;
+    return isEmptyFolderSelection({
+      folders: folders
+    }) && files.length === 0 || !checkUserPermissions([folders.length > 0 ? PERMISSIONS.FOLDER_DELETE : '', files.length > 0 ? PERMISSIONS.FILE_DELETE : '']);
+  };
+  var deleteItem = function deleteItem(_ref3) {
+    var _ref3$foldersUuids = _ref3.foldersUuids,
+      foldersUuids = _ref3$foldersUuids === void 0 ? [] : _ref3$foldersUuids,
+      _ref3$filesUuids = _ref3.filesUuids,
+      filesUuids = _ref3$filesUuids === void 0 ? [] : _ref3$filesUuids,
+      _ref3$filesIdsBeforeU = _ref3.filesIdsBeforeUpload,
+      filesIdsBeforeUpload = _ref3$filesIdsBeforeU === void 0 ? [] : _ref3$filesIdsBeforeU;
+    triggerDeleteItemsModal({
+      foldersUuids: foldersUuids,
+      filesUuids: filesUuids,
+      filesIdsBeforeUpload: filesIdsBeforeUpload,
+      onSuccess: onSuccess,
+      onConfirm: typeof onConfirm === 'function' ? function (_ref4) {
+        var closeModal = _ref4.closeModal;
+        return onConfirm({
+          filesUuids: filesUuids,
+          closeModal: closeModal
+        });
+      } : undefined
+    });
+  };
+  return useMemo(function () {
+    return {
+      key: 'DELETE_ITEM',
+      content: 'mutualizedDeleteButtonLabel',
+      hoverTheme: 'danger',
+      prefix: function prefix(_ref5) {
+        var iconPrimaryColor = _ref5.iconPrimaryColor;
+        return /*#__PURE__*/_jsx(Remove, {
+          color: iconPrimaryColor,
+          size: DEFAULT_ICON_SIZE
+        });
+      },
+      onClick: onClick || deleteItem,
+      hideOption: hideOption || (!isPreUpload ? hideDeleteOption : undefined),
+      disabled: disabled,
+      disabledTooltip: disabledTooltip
+    };
+  }, [onClick, hideOption, disabled, disabledTooltip, isPreUpload, onSuccess, onConfirm]);
+};
+export default DeleteOption;

package/lib/components/ContextMenu/MenuOptions/DownloadOption.js

@@ -0,0 +1,88 @@
+import { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { Download } from '@scaleflex/icons';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer } from '../../../hooks';
+import { useDownloadConsentModal } from '../../Modals';
+import triggerDownload from '../utils/triggerDownload';
+import isEmptyFolderSelection from '../utils/isEmptyFolderSelection';
+import { selectCurrentFolder } from '../../../slices/folders.slice';
+import { DEFAULT_ICON_SIZE } from '../ContextMenu.constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+var DownloadOption = function DownloadOption() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    key = _ref.key,
+    prefix = _ref.prefix,
+    content = _ref.content,
+    onClick = _ref.onClick,
+    hideOption = _ref.hideOption,
+    disabled = _ref.disabled,
+    disabledTooltip = _ref.disabledTooltip,
+    subListItemsFn = _ref.subListItemsFn,
+    keepItemSelected = _ref.keepItemSelected;
+  var triggerDownloadConsentModal = useDownloadConsentModal();
+  var _useExplorer = useExplorer(),
+    checkUserPermissions = _useExplorer.checkUserPermissions,
+    opts = _useExplorer.opts;
+  var currentFolder = useSelector(selectCurrentFolder);
+  var noImgOperationsAndDownload = opts.noImgOperationsAndDownload,
+    preventDownloadDefaultBehavior = opts.preventDownloadDefaultBehavior,
+    useAssetsPicker = opts.useAssetsPicker;
+  var hideDownloadOption = function hideDownloadOption(_ref2) {
+    var folders = _ref2.folders,
+      files = _ref2.files;
+    // Basic permission check
+    var hasNoPermission = !checkUserPermissions([PERMISSIONS.DISPLAY]);
+
+    // Always hide if no image operations or no permission
+    if (noImgOperationsAndDownload || hasNoPermission) {
+      return true;
+    }
+
+    // Check folder-specific conditions if folders are provided
+    if (folders && !files) {
+      return isEmptyFolderSelection({
+        folders: folders
+      }) || preventDownloadDefaultBehavior;
+    }
+  };
+  return useMemo(function () {
+    return useAssetsPicker ? null : {
+      key: key || 'DOWNLOAD_ITEMS',
+      content: content || 'mutualizedDownloadButton',
+      prefix: prefix || function (_ref3) {
+        var iconPrimaryColor = _ref3.iconPrimaryColor;
+        return /*#__PURE__*/_jsx(Download, {
+          color: iconPrimaryColor,
+          size: DEFAULT_ICON_SIZE
+        });
+      },
+      subListItemsFn: subListItemsFn,
+      keepItemSelected: keepItemSelected,
+      onClick: onClick || function (_ref4) {
+        var files = _ref4.files,
+          folders = _ref4.folders,
+          dispatch = _ref4.dispatch;
+        return triggerDownload({
+          files: files,
+          folders: folders,
+          currentFolder: currentFolder,
+          preventDownloadDefaultBehavior: preventDownloadDefaultBehavior,
+          dispatch: dispatch,
+          triggerDownloadConsentModal: triggerDownloadConsentModal
+        });
+      },
+      hideOption: hideOption || function (_ref5) {
+        var folders = _ref5.folders,
+          files = _ref5.files;
+        return hideDownloadOption({
+          folders: folders,
+          files: files
+        });
+      },
+      disabled: disabled,
+      disabledTooltip: disabledTooltip
+    };
+  }, [useAssetsPicker, key, content, prefix, onClick, hideOption, disabled, disabledTooltip, subListItemsFn, keepItemSelected, preventDownloadDefaultBehavior, currentFolder]);
+};
+export default DownloadOption;

package/lib/components/ContextMenu/MenuOptions/EditImageOption.js

@@ -0,0 +1,63 @@
+import { useMemo } from 'react';
+import { EditImage } from '@scaleflex/icons';
+import { PLUGINS_IDS, PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import isImage from '@scaleflex/widget-utils/lib/isImage';
+import { useExplorer } from '../../../hooks';
+import { DEFAULT_ICON_SIZE } from '../ContextMenu.constants';
+import editMedia from '../utils/editMedia';
+import { jsx as _jsx } from "react/jsx-runtime";
+var EditImageOption = function EditImageOption() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    onClick = _ref.onClick,
+    hideOption = _ref.hideOption,
+    disabled = _ref.disabled,
+    disabledTooltip = _ref.disabledTooltip,
+    _ref$isPreUpload = _ref.isPreUpload,
+    isPreUpload = _ref$isPreUpload === void 0 ? false : _ref$isPreUpload,
+    mode = _ref.mode,
+    showBackButton = _ref.showBackButton,
+    hideSavingOptions = _ref.hideSavingOptions;
+  var _useExplorer = useExplorer(),
+    checkUserPermissions = _useExplorer.checkUserPermissions,
+    checkPluginExistence = _useExplorer.checkPluginExistence,
+    opts = _useExplorer.opts;
+  var noImgOperationsAndDownload = opts.noImgOperationsAndDownload,
+    isFastToken = opts.isFastToken;
+  var hideEditImageOption = function hideEditImageOption(_ref2) {
+    var files = _ref2.files;
+    var baseHideConditions = !checkPluginExistence(PLUGINS_IDS.IMAGE_EDITOR) || !isImage(files[0]) || noImgOperationsAndDownload;
+    if (isPreUpload) {
+      var _files$;
+      return ((_files$ = files[0]) === null || _files$ === void 0 ? void 0 : _files$.isRemote) || baseHideConditions;
+    }
+    return baseHideConditions || isFastToken || !checkUserPermissions([PERMISSIONS.UPLOAD, PERMISSIONS.FILE_IMAGE_EDITOR]);
+  };
+  return useMemo(function () {
+    return {
+      key: 'EDIT_IMG',
+      content: 'mutualizedEditImageLabel',
+      prefix: function prefix(_ref3) {
+        var iconPrimaryColor = _ref3.iconPrimaryColor;
+        return /*#__PURE__*/_jsx(EditImage, {
+          color: iconPrimaryColor,
+          size: DEFAULT_ICON_SIZE
+        });
+      },
+      onClick: onClick || function (_ref4) {
+        var files = _ref4.files,
+          dispatch = _ref4.dispatch;
+        return editMedia({
+          files: files,
+          dispatch: dispatch,
+          mode: mode,
+          showBackButton: showBackButton,
+          hideSavingOptions: hideSavingOptions
+        });
+      },
+      hideOption: hideOption || hideEditImageOption,
+      disabled: disabled,
+      disabledTooltip: disabledTooltip
+    };
+  }, [isPreUpload, mode, showBackButton, hideSavingOptions, noImgOperationsAndDownload, isFastToken, disabled, disabledTooltip, onClick, hideOption]);
+};
+export default EditImageOption;