@scaleflex/widget-explorer 0.0.5 → 0.1.1

package/CHANGELOG.md

@@ -3,23 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [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
-
-
-
-
-
-## [0.0.3](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.2...v0.0.3) (2025-07-20)
+## [0.1.1](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.1.0...v0.1.1) (2025-07-28)
 
 **Note:** Version bump only for package @scaleflex/widget-explorer
 
@@ -28,6 +12,47 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+# [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
+
+
+
+
+
+## [0.0.3](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.2...v0.0.3) (2025-07-20)
+
+**Note:** Version bump only for package @scaleflex/widget-explorer
+
+
+
+
+
+
 ## [0.0.2](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.1...v0.0.2) (2025-07-20)
 
 **Note:** Version bump only for package @scaleflex/widget-explorer

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/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/hooks/useAssetPicker.js

@@ -18,10 +18,12 @@ import Filerobot from '@scaleflex/widget-core';
 import { VIEW_IDS, PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
 
 // We are importing Explorer dynamically to avoid issue with redux slice initialization
-var Explorer;
-import('../index').then(function (module) {
-  Explorer = module["default"];
-});
+// Using a promise-based approach to ensure proper loading
+var loadExplorer = function loadExplorer() {
+  return import('../index').then(function (module) {
+    return module["default"];
+  });
+};
 var DEFAULT_VIEWS = [VIEW_IDS.ASSETS, VIEW_IDS.FOLDERS];
 var getConfigs = function getConfigs(_ref) {
   var container = _ref.container,
@@ -120,7 +122,7 @@ var useAssetsPicker = function useAssetsPicker(_ref2) {
       onImport: onImport
     });
   };
-  var openAssetPicker = function openAssetPicker() {
+  var openAssetPicker = async function openAssetPicker() {
     var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       onImport = _ref6.onImport,
       multiSelect = _ref6.multiSelect,
@@ -165,7 +167,15 @@ var useAssetsPicker = function useAssetsPicker(_ref2) {
       core = _getConfigs.core,
       explorer = _getConfigs.explorer;
     var filerobot = Filerobot(core);
-    filerobot.use(Explorer, explorer);
+
+    // Load Explorer module dynamically
+    try {
+      var Explorer = await loadExplorer();
+      filerobot.use(Explorer, explorer);
+    } catch (error) {
+      console.error('Failed to load Explorer module:', error);
+      return;
+    }
     if (!hideUploadButton) {
       import('@scaleflex/widget-xhr-upload').then(function (module) {
         var XHRUpload = module["default"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "0.0.5",
+  "version": "0.1.1",
   "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.5",
-    "@scaleflex/widget-icons": "^0.0.5",
-    "@scaleflex/widget-informer": "^0.0.5",
-    "@scaleflex/widget-provider-views": "^0.0.5",
-    "@scaleflex/widget-thumbnail-generator": "^0.0.5",
-    "@scaleflex/widget-utils": "^0.0.5",
+    "@scaleflex/widget-common": "^0.1.1",
+    "@scaleflex/widget-icons": "^0.1.1",
+    "@scaleflex/widget-informer": "^0.1.1",
+    "@scaleflex/widget-provider-views": "^0.1.1",
+    "@scaleflex/widget-thumbnail-generator": "^0.1.1",
+    "@scaleflex/widget-utils": "^0.1.1",
     "@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": "93bd594a7c20e71c4bed60bc8e5119ef6db794e1"
+  "gitHead": "033a120c03dbd1e8f371975285511f89e828cb9c"
 }