@scaleflex/widget-explorer 0.0.4 → 0.1.0

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.5...v0.1.0) (2025-07-23)
+
+
+### Bug Fixes
+
+* modal aria-label ([3f67277](https://code.scaleflex.cloud/scaleflex/widget/commits/3f67277c031c6a668d7b0d3db35be72072c235fd))
+
+
+### Features
+
+* add roles and aria-labels for e2e testing ([7e5e36e](https://code.scaleflex.cloud/scaleflex/widget/commits/7e5e36e61fb0469ca54a6edccf2840149fd6d513))
+
+
+
+
+
+## [0.0.5](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.4...v0.0.5) (2025-07-22)
+
+**Note:** Version bump only for package @scaleflex/widget-explorer
+
+
+
+
+
 ## [0.0.4](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.3...v0.0.4) (2025-07-20)
 
 **Note:** Version bump only for package @scaleflex/widget-explorer

package/lib/components/Details/FileItem/CustomMetadataTab.js

@@ -1,3 +1,4 @@
+import { useExplorer } from '../../../hooks';
 import EditDetailsButton from '../../common/EditDetailsButton';
 import CustomMetadataSection from '../../FileWindowPanel/FileTabs/MetadataTab/CustomMetadataSection';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -15,6 +16,10 @@ var DetailsSidebarFileCustomMetadataTab = function DetailsSidebarFileCustomMetad
     scrollToMetaField = _ref.scrollToMetaField,
     TabPanelWrapper = _ref.TabPanelWrapper,
     renderNoValue = _ref.renderNoValue;
+  var _useExplorer = useExplorer(),
+    _useExplorer$opts = _useExplorer.opts,
+    _useExplorer$opts2 = _useExplorer$opts === void 0 ? {} : _useExplorer$opts,
+    useAssetsPicker = _useExplorer$opts2.useAssetsPicker;
   if (!file) {
     return null;
   }
@@ -35,7 +40,7 @@ var DetailsSidebarFileCustomMetadataTab = function DetailsSidebarFileCustomMetad
       dismissMarginTop: true,
       tagsFieldMaxWidth: 300,
       smallerFont: true
-    }), !isEditing && /*#__PURE__*/_jsx(EditDetailsButton, {
+    }), !isEditing && !useAssetsPicker && /*#__PURE__*/_jsx(EditDetailsButton, {
       enableEditing: enableEditing,
       isUserNotAllowedToEdit: isUserNotAllowedToEdit,
       bottom: "calc(100% - 40px)"

package/lib/components/ExplorerWrapper.js

@@ -93,6 +93,7 @@ var ExplorerWrapper = function ExplorerWrapper(_ref) {
         height: height
       },
       tabIndex: -1,
+      "aria-label": "Scaleflex widget modal",
       children: [!inline && Boolean(ExploreViewComponent) && !useAssetsPicker && /*#__PURE__*/_jsx("button", {
         className: "filerobot-u-reset filerobot-Explorer-close",
         type: "button",

package/lib/components/FileItem/index.js

@@ -42,7 +42,8 @@ var FileItem = function FileItem(_ref) {
     onRemove = _ref.onRemove,
     checkIsPrivateVisibilityFile = _ref.checkIsPrivateVisibilityFile,
     showFloatyButton = _ref.showFloatyButton,
-    hideTopOptions = _ref.hideTopOptions;
+    hideTopOptions = _ref.hideTopOptions,
+    ariaLabel = _ref.ariaLabel;
   var dispatch = useDispatch();
   var toggleContextMenu = useContextMenu();
   var originalFile = useSelector(function (state) {
@@ -112,6 +113,7 @@ var FileItem = function FileItem(_ref) {
   return /*#__PURE__*/_jsxs(Styled.FileItem, {
     id: "filerobot_".concat(afterOrBeforeUploadFile.uuid || afterOrBeforeUploadFile.id),
     role: role,
+    "aria-label": ariaLabel,
     className: explorerItemClass,
     error: Boolean(error),
     warning: isFileShareNotAllowed,

package/lib/components/FileWindowPanel/FileTabs/GeneralTab/GeneralSection.js

@@ -55,7 +55,8 @@ var GeneralSection = function GeneralSection(_ref) {
     _useExplorer$opts = _useExplorer.opts,
     _useExplorer$opts2 = _useExplorer$opts === void 0 ? {} : _useExplorer$opts,
     config = _useExplorer$opts2.config,
-    enableAIDescription = _useExplorer$opts2.enableAIDescription;
+    enableAIDescription = _useExplorer$opts2.enableAIDescription,
+    useAssetsPicker = _useExplorer$opts2.useAssetsPicker;
   var _ref2 = (config === null || config === void 0 ? void 0 : config.tagging) || {},
     _ref2$suggestionList = _ref2.suggestionList,
     allTags = _ref2$suggestionList === void 0 ? [] : _ref2$suggestionList,
@@ -170,7 +171,7 @@ var GeneralSection = function GeneralSection(_ref) {
           }, field.uuid);
         })]
       })
-    }), showEditButton && !isEditing && /*#__PURE__*/_jsx(EditDetailsButton, {
+    }), showEditButton && !isEditing && !useAssetsPicker && /*#__PURE__*/_jsx(EditDetailsButton, {
       enableEditing: enableEditing,
       isUserNotAllowedToEdit: isUserNotAllowedToEdit,
       mt: "5px",

package/lib/components/UploadBar/index.js

@@ -134,6 +134,7 @@ var UploadBar = function UploadBar(_ref) {
         color: "primary",
         disabled: !isOnline,
         onClick: handleClickNextButton,
+        "aria-label": "Next",
         children: i18n('uploadBarNextButtonLabel')
       });
     }
@@ -144,6 +145,7 @@ var UploadBar = function UploadBar(_ref) {
         color: "primary",
         disabled: !(panelCurrentSelection !== null && panelCurrentSelection !== void 0 && panelCurrentSelection.length) > 0,
         onClick: addPanelSelection,
+        "aria-label": "Upload add",
         children: i18n('uploadBarUploadAddTitle')
       });
     }
@@ -154,6 +156,7 @@ var UploadBar = function UploadBar(_ref) {
       disabled: !isOnline,
       onClick: startUpload,
       startIcon: /*#__PURE__*/_jsx(Upload, {}),
+      "aria-label": "Upload",
       children: i18n('uploadBarUploadTitle')
     });
   };
@@ -167,6 +170,7 @@ var UploadBar = function UploadBar(_ref) {
         onClick: panelGetPrevFolder,
         $backBtn: true,
         startIcon: /*#__PURE__*/_jsx(ArrowLeftOutline, {}),
+        "aria-label": "Upload back",
         children: i18n('uploadBarUploadBackTitle')
       });
     }
@@ -179,6 +183,7 @@ var UploadBar = function UploadBar(_ref) {
         size: "lg",
         color: "secondary",
         onClick: openAddFilesPanel,
+        "aria-label": "Add more",
         children: i18n('uploadBarAddMoreTitle')
       });
     }
@@ -187,6 +192,8 @@ var UploadBar = function UploadBar(_ref) {
   return /*#__PURE__*/_jsx(Styled.UploadBarWrapper, {
     isHidden: activePickerPanel && (panelLoading || !panelAuthenticated),
     children: /*#__PURE__*/_jsxs(Styled.UploadBar, {
+      role: "group",
+      "aria-label": "Modal actions",
       className: "filerobot-Explorer-uploadBar",
       children: [/*#__PURE__*/_jsxs(Styled.ActionWrapper, {
         children: [/*#__PURE__*/_jsx(Styled.ActionButton, {
@@ -194,6 +201,7 @@ var UploadBar = function UploadBar(_ref) {
           size: "lg",
           color: "basic",
           onClick: handleOnClickCancel,
+          "aria-label": "Cancel",
           children: i18n('uploadBarCancelTitle')
         }), renderActionButton()]
       }), /*#__PURE__*/_jsxs(Styled.SecondaryButtonsWrapper, {
@@ -203,6 +211,7 @@ var UploadBar = function UploadBar(_ref) {
           color: "secondary",
           disabled: !isOnline,
           onClick: handleClickFillMetadata,
+          "aria-label": "Fill metadata",
           children: i18n('uploadBarFillMetadata')
         })]
       })]

package/lib/components/UploadsPanel/UploadsList/UploadsVirtualGrid.js

@@ -17,8 +17,12 @@ var UploadsVirtualGrid = function UploadsVirtualGrid(_ref) {
   return /*#__PURE__*/_jsx(VirtualGrid, {
     items: fileIds,
     injectedItemPropName: "fileIdOrUuid",
+    role: "list",
+    ariaLabel: "Grid container",
     children: /*#__PURE__*/_jsx(FileItem, _objectSpread({
-      isUploadsPanel: true
+      isUploadsPanel: true,
+      role: "listitem",
+      ariaLabel: "Asset"
     }, others))
   });
 };

package/lib/index.js

@@ -58,6 +58,7 @@ import { facetedSearchToggled } from './slices/filters.slice';
 import { checkIsValidSortBy, checkIsValidSortOrder } from './components/common/Sort/Sort.utils';
 import { DEFAULT_SORT_OPTION } from './components/common/Sort/Sort.constants';
 import isFileVersion from './utils/isFileVersion';
+import { addUploadActivity } from './thunks/uploads.thunks';
 
 // TODO: find a way to show version of the current plugin
 // why solution below isn't good?
@@ -208,6 +209,17 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       }
       return url;
     });
+    _defineProperty(_this, "triggerProgressPanelActivities", function (files, uploadActivityOptions) {
+      var progressPanelInstance = _this.filerobot.getPlugin(PLUGINS_IDS.PROGRESS_PANEL);
+      if (progressPanelInstance) {
+        console.log('files', files);
+        files.forEach(function (file) {
+          _this.dispatch(addUploadActivity(_objectSpread({
+            file: file
+          }, uploadActivityOptions)));
+        });
+      }
+    });
     _defineProperty(_this, "triggerViewEvents", function (_ref4) {
       var viewItem = _ref4.viewItem,
         viewSubItem = _ref4.viewSubItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "Scaleflex explorer for the files uploaded on filerobot, handling them & upload new files.",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
@@ -18,12 +18,12 @@
     "@scaleflex/icons": "^3.0.0-beta.11",
     "@scaleflex/react-url-builder": "^0.0.72",
     "@scaleflex/ui": "^3.0.0-beta.11",
-    "@scaleflex/widget-common": "^0.0.4",
-    "@scaleflex/widget-icons": "^0.0.4",
-    "@scaleflex/widget-informer": "^0.0.4",
-    "@scaleflex/widget-provider-views": "^0.0.4",
-    "@scaleflex/widget-thumbnail-generator": "^0.0.4",
-    "@scaleflex/widget-utils": "^0.0.4",
+    "@scaleflex/widget-common": "^0.1.0",
+    "@scaleflex/widget-icons": "^0.1.0",
+    "@scaleflex/widget-informer": "^0.1.0",
+    "@scaleflex/widget-provider-views": "^0.1.0",
+    "@scaleflex/widget-thumbnail-generator": "^0.1.0",
+    "@scaleflex/widget-utils": "^0.1.0",
     "@transloadit/prettier-bytes": "0.1.0",
     "akamai-filerobot-converter": "^0.1.6",
     "classnames": "^2.2.6",
@@ -51,5 +51,5 @@
     "react-konva": ">=19.0.3"
   },
   "license": "MIT",
-  "gitHead": "aa0488ce622ad6a964bdd7f0c99480ee8c28d86a"
+  "gitHead": "6fa9b7a95c026352f3e3ef0cf2f8afcc66bfa23a"
 }