@cloudscape-design/board-components 3.0.13 → 3.0.15
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/board/internal.js
CHANGED
|
@@ -94,6 +94,7 @@ export function InternalBoard({ items, renderItem, onItemsChange, empty, i18nStr
|
|
|
94
94
|
collisionIds: interactionType === "keyboard" || isElementOverBoard(collisionRect) ? collisionIds : [],
|
|
95
95
|
});
|
|
96
96
|
autoScrollHandlers.addPointerEventHandlers();
|
|
97
|
+
document.body.classList.add(styles[`current-operation-${operation}`]);
|
|
97
98
|
});
|
|
98
99
|
useDragSubscription("update", ({ interactionType, collisionIds, positionOffset, collisionRect }) => {
|
|
99
100
|
dispatch({
|
|
@@ -106,6 +107,7 @@ export function InternalBoard({ items, renderItem, onItemsChange, empty, i18nStr
|
|
|
106
107
|
useDragSubscription("submit", () => {
|
|
107
108
|
dispatch({ type: "submit" });
|
|
108
109
|
autoScrollHandlers.removePointerEventHandlers();
|
|
110
|
+
document.body.classList.remove(styles["current-operation-reorder"], styles["current-operation-resize"]);
|
|
109
111
|
if (!transition) {
|
|
110
112
|
throw new Error("Invariant violation: no transition.");
|
|
111
113
|
}
|
|
@@ -125,6 +127,7 @@ export function InternalBoard({ items, renderItem, onItemsChange, empty, i18nStr
|
|
|
125
127
|
});
|
|
126
128
|
useDragSubscription("discard", () => {
|
|
127
129
|
dispatch({ type: "discard" });
|
|
130
|
+
document.body.classList.remove(styles["current-operation-reorder"], styles["current-operation-resize"]);
|
|
128
131
|
autoScrollHandlers.removePointerEventHandlers();
|
|
129
132
|
});
|
|
130
133
|
useDragSubscription("acquire", ({ droppableId, draggableItem }) => {
|
package/board/styles.css.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"placeholder": "
|
|
5
|
-
"placeholder--active": "awsui_placeholder--
|
|
6
|
-
"placeholder--hover": "awsui_placeholder--
|
|
7
|
-
"root": "
|
|
8
|
-
"empty": "
|
|
4
|
+
"placeholder": "awsui_placeholder_1h7dk_obfdn_1",
|
|
5
|
+
"placeholder--active": "awsui_placeholder--active_1h7dk_obfdn_5",
|
|
6
|
+
"placeholder--hover": "awsui_placeholder--hover_1h7dk_obfdn_8",
|
|
7
|
+
"root": "awsui_root_1h7dk_obfdn_12",
|
|
8
|
+
"empty": "awsui_empty_1h7dk_obfdn_16",
|
|
9
|
+
"current-operation-reorder": "awsui_current-operation-reorder_1h7dk_obfdn_25",
|
|
10
|
+
"current-operation-resize": "awsui_current-operation-resize_1h7dk_obfdn_29"
|
|
9
11
|
};
|
|
10
12
|
|
package/board/styles.scoped.css
CHANGED
|
@@ -1,23 +1,31 @@
|
|
|
1
|
-
.
|
|
1
|
+
.awsui_placeholder_1h7dk_obfdn_1:not(#\9) {
|
|
2
2
|
border-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
3
3
|
height: 100%;
|
|
4
4
|
}
|
|
5
|
-
.awsui_placeholder--
|
|
5
|
+
.awsui_placeholder--active_1h7dk_obfdn_5:not(#\9) {
|
|
6
6
|
background-color: var(--color-board-placeholder-active-vaxzdf, #e9ebed);
|
|
7
7
|
}
|
|
8
|
-
.awsui_placeholder--
|
|
8
|
+
.awsui_placeholder--hover_1h7dk_obfdn_8:not(#\9) {
|
|
9
9
|
background-color: var(--color-board-placeholder-hover-v1s7kq, #d3e7f9);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
.
|
|
12
|
+
.awsui_root_1h7dk_obfdn_12:not(#\9) {
|
|
13
13
|
/* used in test-utils */
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.
|
|
16
|
+
.awsui_empty_1h7dk_obfdn_16:not(#\9) {
|
|
17
17
|
box-sizing: border-box;
|
|
18
18
|
width: 100%;
|
|
19
19
|
padding: var(--space-scaled-m-pv0fmt, 16px) var(--space-scaled-l-t03y3z, 20px) var(--space-scaled-l-t03y3z, 20px);
|
|
20
20
|
color: var(--color-text-empty-fjv325, #5f6b7a);
|
|
21
21
|
display: flex;
|
|
22
22
|
justify-content: center;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.awsui_current-operation-reorder_1h7dk_obfdn_25:not(#\9) {
|
|
26
|
+
cursor: grabbing;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.awsui_current-operation-resize_1h7dk_obfdn_29:not(#\9) {
|
|
30
|
+
cursor: nwse-resize;
|
|
23
31
|
}
|
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"placeholder": "
|
|
6
|
-
"placeholder--active": "awsui_placeholder--
|
|
7
|
-
"placeholder--hover": "awsui_placeholder--
|
|
8
|
-
"root": "
|
|
9
|
-
"empty": "
|
|
5
|
+
"placeholder": "awsui_placeholder_1h7dk_obfdn_1",
|
|
6
|
+
"placeholder--active": "awsui_placeholder--active_1h7dk_obfdn_5",
|
|
7
|
+
"placeholder--hover": "awsui_placeholder--hover_1h7dk_obfdn_8",
|
|
8
|
+
"root": "awsui_root_1h7dk_obfdn_12",
|
|
9
|
+
"empty": "awsui_empty_1h7dk_obfdn_16",
|
|
10
|
+
"current-operation-reorder": "awsui_current-operation-reorder_1h7dk_obfdn_25",
|
|
11
|
+
"current-operation-resize": "awsui_current-operation-resize_1h7dk_obfdn_29"
|
|
10
12
|
};
|
|
11
13
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED