@scaleflex/widget-progress-panel 0.0.5 → 0.1.0
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.
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.1.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.5...v0.1.0) (2025-07-23)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* add roles and aria-labels for e2e testing ([7e5e36e](https://code.scaleflex.cloud/scaleflex/widget/commits/7e5e36e61fb0469ca54a6edccf2840149fd6d513))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.0.5](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.4...v0.0.5) (2025-07-22)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @scaleflex/widget-progress-panel
|
|
@@ -11,7 +11,8 @@ var Activity = function Activity(_ref) {
|
|
|
11
11
|
var _activity$progress, _activity$progress2, _statusData$status, _statusData$PROGRESS_, _statusData$PROGRESS_2, _statusData$status2;
|
|
12
12
|
var activity = _ref.activity,
|
|
13
13
|
isLastItem = _ref.isLastItem,
|
|
14
|
-
i18n = _ref.i18n
|
|
14
|
+
i18n = _ref.i18n,
|
|
15
|
+
role = _ref.role;
|
|
15
16
|
var _useCore = useCore(),
|
|
16
17
|
emit = _useCore.emit;
|
|
17
18
|
var id = activity.id,
|
|
@@ -46,6 +47,7 @@ var Activity = function Activity(_ref) {
|
|
|
46
47
|
onClick: hasCompleteActionButtons ? function (event) {
|
|
47
48
|
return handleAction(event, completeActionButton.type);
|
|
48
49
|
} : undefined,
|
|
50
|
+
role: role,
|
|
49
51
|
children: [/*#__PURE__*/_jsx(Styled.ProgressPanelActivityWrapper, {
|
|
50
52
|
children: /*#__PURE__*/_jsxs(Styled.ProgressPanelActivity, {
|
|
51
53
|
children: [/*#__PURE__*/_jsxs(Styled.ActivityInfo, {
|
|
@@ -48,17 +48,21 @@ var ProgressPanel = function ProgressPanel(_ref) {
|
|
|
48
48
|
isMinimized: isPanelMinimized,
|
|
49
49
|
position: position,
|
|
50
50
|
style: style,
|
|
51
|
+
role: "dialog",
|
|
52
|
+
"aria-label": "Progress panel",
|
|
51
53
|
children: [/*#__PURE__*/_jsx(ProgressPanelHeader, {
|
|
52
54
|
i18n: i18n
|
|
53
55
|
}), progressPanelDelayedActivitiesIds.length > 0 && /*#__PURE__*/_jsx(UploadDelayedNotification, {
|
|
54
56
|
i18n: i18n
|
|
55
57
|
}), !isPanelMinimized && /*#__PURE__*/_jsx(Styled.ProgressPanelList, {
|
|
58
|
+
role: "list",
|
|
56
59
|
children: /*#__PURE__*/_jsx(VirtualList, {
|
|
57
60
|
items: progressPanelActivitiesIds,
|
|
58
61
|
injectedItemPropName: "activityId",
|
|
59
62
|
children: /*#__PURE__*/_jsx(ProgressPanelItem, {
|
|
60
63
|
itemsCount: progressPanelActivitiesIds.length,
|
|
61
|
-
i18n: i18n
|
|
64
|
+
i18n: i18n,
|
|
65
|
+
role: "listitem"
|
|
62
66
|
})
|
|
63
67
|
})
|
|
64
68
|
})]
|
|
@@ -6,14 +6,16 @@ var ProgressPanelItem = function ProgressPanelItem(_ref) {
|
|
|
6
6
|
var activityId = _ref.activityId,
|
|
7
7
|
index = _ref.index,
|
|
8
8
|
itemsCount = _ref.itemsCount,
|
|
9
|
-
i18n = _ref.i18n
|
|
9
|
+
i18n = _ref.i18n,
|
|
10
|
+
role = _ref.role;
|
|
10
11
|
var activity = useSelector(function (state) {
|
|
11
12
|
return selectProgressPanelActivityById(state, activityId);
|
|
12
13
|
});
|
|
13
14
|
return /*#__PURE__*/_jsx(Activity, {
|
|
14
15
|
activity: activity,
|
|
15
16
|
isLastItem: index === itemsCount - 1,
|
|
16
|
-
i18n: i18n
|
|
17
|
+
i18n: i18n,
|
|
18
|
+
role: role
|
|
17
19
|
}, activity.id);
|
|
18
20
|
};
|
|
19
21
|
export default ProgressPanelItem;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scaleflex/widget-progress-panel",
|
|
3
3
|
"description": "A progress panel for Scaleflex, handles upload, download, video transformation operation simultaneously",
|
|
4
|
-
"version": "0.0
|
|
4
|
+
"version": "0.1.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"style": "dist/style.min.css",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"access": "public"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@scaleflex/widget-common": "^0.0
|
|
19
|
-
"@scaleflex/widget-informer": "^0.0
|
|
20
|
-
"@scaleflex/widget-utils": "^0.0
|
|
18
|
+
"@scaleflex/widget-common": "^0.1.0",
|
|
19
|
+
"@scaleflex/widget-informer": "^0.1.0",
|
|
20
|
+
"@scaleflex/widget-utils": "^0.1.0",
|
|
21
21
|
"lodash.throttle": "^4.1.1"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"react": ">=19.0.0",
|
|
30
30
|
"react-dom": ">=19.0.0"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "6fa9b7a95c026352f3e3ef0cf2f8afcc66bfa23a"
|
|
33
33
|
}
|