@spscommerce/ds-react 5.32.2 → 5.32.5
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/lib/index.cjs.js +33 -33
- package/lib/index.es.js +3 -0
- package/package.json +11 -11
package/lib/index.es.js
CHANGED
|
@@ -34456,6 +34456,7 @@ function SpsTaskQueue(_I) {
|
|
|
34456
34456
|
const hasCompletedTask = tasks.some((task) => task.status === SpsTaskStatus.COMPLETED || task.status === SpsTaskStatus.ERRORED);
|
|
34457
34457
|
const onCloseRef = React.useRef(onClose);
|
|
34458
34458
|
onCloseRef.current = onClose;
|
|
34459
|
+
const tasksList = React.useRef();
|
|
34459
34460
|
const handleToggle = () => {
|
|
34460
34461
|
if (hasTasks && !isOpen) {
|
|
34461
34462
|
setIsOpen(true);
|
|
@@ -34468,6 +34469,7 @@ function SpsTaskQueue(_I) {
|
|
|
34468
34469
|
onClose();
|
|
34469
34470
|
}
|
|
34470
34471
|
}
|
|
34472
|
+
tasksList.current.scrollTop = 0;
|
|
34471
34473
|
};
|
|
34472
34474
|
const getTaskIcon = (task) => task.status === SpsTaskStatus.IN_PROGRESS ? SpsTaskStatusIcons[task.status] : `sps-icon sps-icon-${SpsTaskStatusIcons[task.status]}`;
|
|
34473
34475
|
React.useEffect(() => {
|
|
@@ -34574,6 +34576,7 @@ function SpsTaskQueue(_I) {
|
|
|
34574
34576
|
className: clsx("sps-task-queue__task-list", isOpen && "sps-task-queue__task-list--open", "z-stratum-dropdown"),
|
|
34575
34577
|
style: posStyle
|
|
34576
34578
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
34579
|
+
ref: tasksList,
|
|
34577
34580
|
className: "sps-task-queue__task-list-tasks"
|
|
34578
34581
|
}, tasks.map((task, taskIndex) => /* @__PURE__ */ React.createElement("div", {
|
|
34579
34582
|
key: taskIndex,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spscommerce/ds-react",
|
|
3
3
|
"description": "SPS Design System React components",
|
|
4
|
-
"version": "5.32.
|
|
4
|
+
"version": "5.32.5",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
|
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"@react-stately/collections": "^3.3.3",
|
|
31
|
-
"@spscommerce/ds-colors": "5.32.
|
|
32
|
-
"@spscommerce/ds-illustrations": "5.32.
|
|
33
|
-
"@spscommerce/ds-shared": "5.32.
|
|
34
|
-
"@spscommerce/positioning": "5.32.
|
|
35
|
-
"@spscommerce/utils": "5.32.
|
|
31
|
+
"@spscommerce/ds-colors": "5.32.5",
|
|
32
|
+
"@spscommerce/ds-illustrations": "5.32.5",
|
|
33
|
+
"@spscommerce/ds-shared": "5.32.5",
|
|
34
|
+
"@spscommerce/positioning": "5.32.5",
|
|
35
|
+
"@spscommerce/utils": "5.32.5",
|
|
36
36
|
"moment": "^2.25.3",
|
|
37
37
|
"moment-timezone": "^0.5.28",
|
|
38
38
|
"react": "^16.9.0",
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@react-stately/collections": "^3.3.3",
|
|
43
|
-
"@spscommerce/ds-colors": "5.32.
|
|
44
|
-
"@spscommerce/ds-illustrations": "5.32.
|
|
45
|
-
"@spscommerce/ds-shared": "5.32.
|
|
46
|
-
"@spscommerce/positioning": "5.32.
|
|
47
|
-
"@spscommerce/utils": "5.32.
|
|
43
|
+
"@spscommerce/ds-colors": "5.32.5",
|
|
44
|
+
"@spscommerce/ds-illustrations": "5.32.5",
|
|
45
|
+
"@spscommerce/ds-shared": "5.32.5",
|
|
46
|
+
"@spscommerce/positioning": "5.32.5",
|
|
47
|
+
"@spscommerce/utils": "5.32.5",
|
|
48
48
|
"@testing-library/react": "^9.3.2",
|
|
49
49
|
"@types/prop-types": "^15.7.1",
|
|
50
50
|
"@types/react": "^16.9.0",
|